@charset "utf-8";
/* CSS Document */

.box1{ width:1140px; margin:0 auto;}
.box2{ width:630px; margin:0 auto;}

.intro{}
.intro #contents{ margin-top:15%;}
.intro h1.logo{ text-align:center; margin-bottom:15px;}
.intro .tit_area{ background:#1a3469; color:#fff; padding:5px 0;}
.intro .tit_area .tit_box{ *zoom:1;}
.intro .tit_area .tit_box:after{ content:""; display:block; clear:both;}
.intro .tit_area .tit_box .left{ float:left; width:33%;}
.intro .tit_area .tit_box .right{ float:left; width:63%;}
.intro .tit_area .tit_box .st1{ font-family:"Times New Roman", Times, serif; font-size:60px;}
.intro .tit_area .tit_box .st2{ margin-top:8px;}
.intro .tit_area .tit_box .st2 dt{ font-size:18px; font-weight:600; line-height:30px;}

.intro .center_area{ background:#f7f8fb; padding:25px 0;}
.intro .center_area .login_box{ background:#fff; border:1px solid #d5dbec; position:relative; padding:30px 0 40px 50px;}
.intro .center_area .login_box dl{ margin-top:5px; *zoom:1;}
.intro .center_area .login_box dl:after{ content:""; display:block; clear:both;}
.intro .center_area .login_box dl:first-child{ margin-top:0;}
.intro .center_area .login_box dt{ float:left; width:105px; height:50px; line-height:50px; font-size:15px; font-weight:600; color:#333;}
.intro .center_area .login_box dd{ float:left; width:310px; height:50px;}
.intro .center_area .login_box dd .login_inp{ padding:0 15px; width:88%; height:48px; line-height:48px; border:1px solid #ccc; background:#f9f9f9; color:#333; font-weight:600; font-size:15px;}
.intro .center_area .login_box .login_btn{ position:absolute; top:30px; right:50px; width:105px; height:105px;}
.intro .center_area .login_box .login_btn .btn{ width:100%; height:100%; border:0; background:#3265c2; font-size:16px; font-weight:600; color:#fff; filter:alpha(opacity=90); opacity:0.9;}
.intro .center_area .login_box .login_btn .btn:hover{ filter:alpha(opacity=100); opacity:1;}

.intro #footer{ text-align:center; border-top:1px solid #a2a7b1; padding:25px 0; font-weight:600; color:#555;}

#header{ background:#fff; border-bottom:1px solid #646c7c;}
#header .search_wrap{ background:#f9f9f9; border-bottom:1px solid #ccc; position:relative; z-index:1000001;}
#header .search_wrap .search_st{ float:right; *zoom:1;}
#header .search_wrap .search_st:after{ content:""; display:block; clear:both;}
#header .search_wrap .search_st > li{ float:left; height:33px; line-height:33px;}
#header .search_wrap .search_st .tit{ font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; color:#555; font-style:italic; margin-right:20px;}
#header .search_wrap .search_st .all_search{ width:296px; position:relative;}
#header .search_wrap .search_st .all_search .inp_msg{ vertical-align:top; display:inline-block; *display:inline; zoom:1; background-color:#fff; height:33px; border-left:1px solid #ccc;}
#header .search_wrap .search_st .all_search label{ border:0; background-color:#fff; padding:0 10px; width:275px; font-weight:600; color:#555;}
#header .search_wrap .search_st .all_search input[type=text]{ border:none; background:none; width:275px; padding:0 10px; color:#042b6f; font-weight:600; height:33px; line-height:33px;}
#header .search_wrap .search_st .search_btn{ width:35px; height:33px;}
#header .search_wrap .search_st .search_btn .btn{ width:100%; height:100%; background:#555; border:0;}
#header .search_wrap .search_st .search_btn .btn:hover{ filter:alpha(opacity=90); opacity:0.9;}

#header .search_wrap .search_st .all_search .search_con_box{ display:none; position:absolute; left:0; top:33px; width:264px; padding:6px 15px; background-color:#fff; border:1px solid #ccc; z-index:1000001;}
#header .search_wrap .search_st .all_search .search_con_box li{ line-height:25px;}

#header .top_wrap{ height:70px;}
#header .top_wrap > div{ position:relative;}
#header .top_wrap h1.logo{ float:left; width:340px; height:50px; margin-top:18px;}

#header .top_wrap .menu{ position:absolute; top:0; right:0; padding-top:5px; overflow:hidden;}
#header .top_wrap .menu li{ float:left;}
#header .top_wrap .menu .welcome{ background:url(../images/inc/icon_person.png) no-repeat left 1px; line-height:18px; padding:1px 0 0 25px; color:#555;}
#header .top_wrap .menu .welcome .t1{ font-weight:600; color:#134cb3;}
#header .top_wrap .menu .btn_st{ margin-left:15px;}
#header .top_wrap .menu .btn_st .btn{ width:80px; padding:3px 0; font-size:12px; font-weight:600; color:#4a566d; line-height:1.1; border:1px solid #ddd; border-radius:4px;}
#header .top_wrap .menu .btn_st .btn.bg{ background-image:url(../images/inc/btn_bg_down.jpg); background-position:bottom; background-repeat:repeat-x;}
#header .top_wrap .menu .btn_st .btn.bg:hover{ background-image:url(../images/inc/btn_bg_up.jpg); background-position:top;}

#header .gnb_area { float:right; text-align:right; margin:0 -30px 0 0; padding-top:30px;}
#header .gnb_area .gnb{ font-size:0; line-height:0}
#header .gnb_area .gnb > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top; position: relative; z-index:100000}
#header .gnb_area .gnb > li .dp1{ display:block; background:url(../images/inc/tm_sec.gif) no-repeat left center; font-size:15px; font-weight:600; color:#333; padding:0 30px; line-height:35px; position: relative; z-index:100000}
#header .gnb_area .gnb > li:first-child .dp1{ background:none;}
#header .gnb_area .gnb > li:hover .dp1, 
#header .gnb_area .gnb > li.on .dp1{ color:#134cb3}
#header .gnb_area .gnb > li .icon{ display:none;}

.sub #footer{ border-top:1px solid #a2a7b1; background:#fff; width:100%; height:40px;}
.sub #footer .copyright{ text-align:center; padding-top:10px; font-weight:600; color:#555;}
.sub #footer .bottom_btn{ position:fixed; right:20px; bottom:0;}
.sub #footer .bottom_btn ul{ overflow:hidden;}
.sub #footer .bottom_btn ul li{ float:left; width:40px; height:40px;}
.sub #footer .bottom_btn ul li a{ display:block; width:40px; height:40px; background-repeat:no-repeat; font-size:0;}
.sub #footer .bottom_btn ul li a.home{ background-image:url(../images/inc/icon_home.jpg);}
.sub #footer .bottom_btn ul li a.top{ background-image:url(../images/inc/icon_top.jpg);}


/**/

.sub #contents{}

.sub .route_area{}
.sub .route_area .nav{}
.sub .route_area .nav li{ display:inline-block; *display:inline; zoom:1; color:#888; font-weight:600; line-height:35px;}
.sub .route_area .nav li.home{ background:url(../images/inc/icon_home_gray2.png) no-repeat left center; padding-left:20px;}
.sub .route_area .nav li.sec{ margin:0 8px;}
.sub .route_area .nav li .this{ color:#222;}

#contents .sub_con,
#contents .sub_con2{ padding:10px 0 110px 0;}
#contents .sub_con{ *zoom:1;}
#contents .sub_con:after{ content:""; display:block; clear:both;}
#contents .sub_con .lnb_area{ float:left; width:230px;}
#contents .sub_con .con_area{ float:right; width:850px; background-color:#fff;}

#contents .sub_con2 .lnb_area{ display:none;}

.sub .sub_con .lnb_area .lnb{ width:200px; height:auto;}
.sub .sub_con .lnb_area .lnb > li{ display:none}
.sub .sub_con .lnb_area .lnb{ border:4px solid #8198c8; background-color:#f7f8fb; padding:20px 11px; min-height:280px;}
.sub .sub_con .lnb_area .lnb > li{}
.sub .sub_con .lnb_area .lnb .dp2 > li{ height:31px; line-height:31px; position:relative;}
.sub .sub_con .lnb_area .lnb .dp2 > li > a{ padding:0 0 0 17px; display:block; font-size:13px; font-weight:600; color:#444; border-top:1px solid #ccc; position:relative;}
.sub .sub_con .lnb_area .lnb .dp2 > li:first-child > a{ border-top:0;}
.sub .sub_con .lnb_area .lnb .dp2 > li:hover,
.sub .sub_con .lnb_area .lnb .dp2 > li.on{ background-color:#3265c2;}
.sub .sub_con .lnb_area .lnb .dp2 > li:hover > a,
.sub .sub_con .lnb_area .lnb .dp2 > li.on > a{ color:#fff; border-top:1px solid #3265c2;}
.sub .sub_con .lnb_area .lnb .dp2 > li > a .icon{ position:absolute; top:8px; right:10px; width:6px; height:12px; background-image:url(../images/inc/lnb_arrow_off.png); background-repeat:no-repeat;}
.sub .sub_con .lnb_area .lnb .dp2 > li:hover > a .icon,
.sub .sub_con .lnb_area .lnb .dp2 > li.on > a .icon{ background-image:url(../images/inc/lnb_arrow_on.png);}
.sub .sub_con .lnb_area .lnb .dp3{ display:none; position:absolute; z-index:1000001; left:200px; top:0; padding-left:14px; width:200px; height:auto;}
.sub .sub_con .lnb_area .lnb .dp3 > li{ position:relative; background:#fff; border:1px solid #8198c8; padding:4px 15px; margin-top:-1px;}
.sub .sub_con .lnb_area .lnb .dp3 > li:first-child{ margin-top:0;}
.sub .sub_con .lnb_area .lnb .dp3 > li > a{ display:block; line-height:15px; font-size:12px;}
.sub .sub_con .lnb_area .lnb .dp3 > li:first-child{ background-image:url(../images/inc/icon_lnb_arrow.png); background-position:left center; background-repeat:no-repeat;}
.sub .sub_con .lnb_area .lnb .dp3 > li:hover,
.sub .sub_con .lnb_area .lnb .dp3 > li.on{ background-color:#f7f8fb; color:#3265c2;}
.sub .sub_con .lnb_area .lnb .dp3 > li:hover > a,
.sub .sub_con .lnb_area .lnb .dp3 > li.on > a{ color:#3265c2; font-weight:600;}
.sub .sub_con .lnb_area .lnb .dp4{ display:none; position:absolute; left:198px; top:-1px; width:200px; background:#fff; border:1px solid #8198c8; background-color:#f7f8fb;}
.sub .sub_con .lnb_area .lnb .dp4 > li{ padding:4px 15px; border-top:1px solid #fff;}
.sub .sub_con .lnb_area .lnb .dp4 > li:first-child{ border-top:0; background-image:url(../images/inc/icon_lnb_arrow.png); background-position:left center; background-repeat:no-repeat;}
.sub .sub_con .lnb_area .lnb .dp4 > li > a{ display:block; line-height:15px; color:#555; font-size:12px;}
.sub .sub_con .lnb_area .lnb .dp4 > li:hover,
.sub .sub_con .lnb_area .lnb .dp4 > li.on{ background-color:#fff;}
.sub .sub_con .lnb_area .lnb .dp4 > li:hover a{ color:#000;}

.sub .sub_con .lnb_area.lnb_scroll{ bottom:90px;}


/*레프트 나의 상태*/
.sub .my_status_area{ margin-top:30px; background:#646c7c;}
.sub .my_status_area .my_status{ padding:15px; color:#fff;}
.sub .my_status_area .my_status .tit{ background:url(../images/inc/line_bg.gif) repeat-x bottom; padding-bottom:10px;}
.sub .my_status_area .my_status .tit p{ background:url(../images/inc/icon_person.png) no-repeat left 0; line-height:18px; padding-left:25px;}
.sub .my_status_area .my_status .tit .t1{ font-weight:600; color:#ffde00;}
.sub .my_status_area .my_status .status{ padding:15px 0;}
.sub .my_status_area .my_status .status dl{ overflow:hidden; padding:3px 15px 3px 10px; font-weight:600; cursor:pointer;}
.sub .my_status_area .my_status .status dt{ float:left; width:60%; background:url(../images/inc/icon_arrow_white.png) no-repeat left 4px; padding-left:15px;}
.sub .my_status_area .my_status .status dd{ float:right; width:30%; text-align:right; color:#17f6f7;}
.sub .my_status_area .my_status .status dl:hover{ background-color:#4e5461;}
.sub .my_status_area .my_status .btn_status{ overflow:hidden; background:url(../images/inc/line_bg.gif) repeat-x top; padding-top:15px;}
.sub .my_status_area .my_status .btn_status .st1{ float:left;}
.sub .my_status_area .my_status .btn_status .st2{ float:right;}
.sub .my_status_area .my_status .btn_status .btn{ width:47%; padding:4px 0; font-size:12px; font-weight:600; color:#4a566d; border:1px solid #565f72; border-radius:4px;}
.sub .my_status_area .my_status .btn_status .btn.bg{ background-image:url(../images/inc/btn_bg_down.jpg); background-position:bottom; background-repeat:repeat-x;}
.sub .my_status_area .my_status .btn_status .btn.bg:hover{ background-image:url(../images/inc/btn_bg_up.jpg); background-position:top;}



#contents .sub_con .con_area h2.title{ height:50px; background-color:#fff; border-bottom:1px solid #646c7c;}
#contents .sub_con .con_area h2.title strong{ background:url(../images/inc/icon_title.png) no-repeat left 4px; line-height:50px; padding-left:30px; font-size:26px; font-weight:600; color:#222;}
#contents .sub_con .con_area h2.title .s_tit{ display:inline-block; *display:inline; zoom:1; margin-left:10px; background:url(../images/inc/tit_sec_gray.gif) no-repeat left bottom; padding-left:20px; font-size:18px; font-weight:600; color:#666;}

#contents .sub_con .con_area .doc,
#contents .sub_con2 .con_area .doc{ padding:10px 0 0 0;}
.sub .page_mg{ margin-top:30px;}
.sub .page_mg2{ margin-top:15px;}

/***********************/
/*발주 메인*/
/***********************/

.sub .m_prod_box{ padding:19px; border:1px solid #ddd; border-top:2px solid #3265c2; background:#f9f9f9;}
.sub .m_tit{ font-size:17px; font-weight:600; color:#134cb3; line-height:25px; margin-bottom:15px;}
.sub .m_prod_box .m_prod{ overflow:hidden; margin:-20px 0 0 -23px;}
.sub .m_prod_box .m_prod > li{ float:left; width:96px; margin:20px 0 0 23px;}
.sub .m_prod_box .m_prod .m_prod_inc{ text-align:center; cursor:pointer;}
.sub .m_prod_box .m_prod .m_prod_inc .thum{ height:96px; text-align:center; position:relative;}
.sub .m_prod_box .m_prod .m_prod_inc .thum a{ display:block; width:94px; height:94px; border:1px solid #ccc;}
.sub .m_prod_box .m_prod .m_prod_inc .thum img{ max-width:94px; max-height:94px; width:100%; height:100%;}
.sub .m_prod_box .m_prod .m_prod_inc .prod_name{ margin-top:10px; height:45px; overflow:hidden;}
.sub .m_prod_box .m_prod .m_prod_inc .prod_name a{ display:block; font-size:11px; color:#555; line-height:14px; word-break:keep-all; word-wrap:break-word;}
.sub .m_prod_box .m_prod .m_prod_inc:hover .thum a{ border:2px solid #3265c2; width:92px; height:92px;}
.sub .m_prod_box .m_prod .m_prod_inc:hover .thum .black_on{ position:absolute; left:2px; top:2px; width:92px; height:92px; background:#000; filter:alpha(opacity=20); opacity:0.2;}
.sub .m_prod_box .m_prod .m_prod_inc:hover .prod_name a{ color:#134cb3;}

/*발주 2차 리스트*/
.sub .list_prod_box{}
.sub .list_prod_box .m_prod{ overflow:hidden; margin:-10px 0 0 -25px;}
.sub .list_prod_box .m_prod > li{ float:left; width:100px; margin:10px 0 0 25px;}
.sub .list_prod_box .m_prod .m_prod_inc{ text-align:center; cursor:pointer;}
.sub .list_prod_box .m_prod .m_prod_inc .thum{ height:100px; position:relative;}
.sub .list_prod_box .m_prod .m_prod_inc .thum a{ display:block; width:98px; height:98px; border:1px solid #ccc;}
.sub .list_prod_box .m_prod .m_prod_inc .thum img{ max-width:98px; max-height:98px; width:100%; height:100%;}
.sub .list_prod_box .m_prod .m_prod_inc .prod_name{ margin-top:10px; height:45px; overflow:hidden;}
.sub .list_prod_box .m_prod .m_prod_inc .prod_name a{ display:block; font-size:11px; color:#555; line-height:14px; word-break:keep-all; word-wrap:break-word;}
.sub .list_prod_box .m_prod .m_prod_inc:hover .thum a{ border:2px solid #3265c2; width:96px; height:96px;}
.sub .list_prod_box .m_prod .m_prod_inc:hover .thum .black_on{ position:absolute; left:2px; top:2px; width:96px; height:96px; background:#000; filter:alpha(opacity=20); opacity:0.2;}
.sub .list_prod_box .m_prod .m_prod_inc:hover .prod_name a{ color:#134cb3;}

/***********************/
/*발주 상세보기*/
/***********************/

.sub .page_tit{ background:url(../images/inc/icon_s_tit.png) no-repeat left 7px; padding-left:17px; margin-bottom:8px;}
.sub .page_tit strong{ font-size:16px; font-weight:600; color:#134cb3; line-height:23px;}
.sub .page_tit span.s_t1{ display:inline-block; *display:inline; zoom:1; margin-left:10px; color:#666;}

.sub .view_prod_top{ *zoom:1;}
.sub .view_prod_top:after{ content:""; display:block; clear:both;}
.sub .view_prod_top .prod_img{ float:left; width:180px; height:180px; border:4px double #ccc;}
.sub .view_prod_top .prod_img img{ max-width:170px; max-height:170px;}
.sub .view_prod_top .option_area{ float:right; width:640px;}
.sub .view_prod_top .option_area_est{ float:right; width:930px;}
.sub .view_prod_top.order_top .prod_img{ width:190px; height:125px; border:1px solid #ccc;}
.sub .view_prod_top.order_top .prod_img img{ max-width:185px; max-height:120px;}

.sub .plan_box{ border:1px solid #ddd; border-top:3px solid #3265c2; border-bottom:1px solid #646c7c;padding:15px 14px;}
.sub .plan_box img{ max-width:810px;}

.table_area{ border-top:2px solid #3265c2;}
.table_area table{width:100%;table-layout:fixed;}
.table_st1 th,
.table_st1 td{ padding:3px 3px 3px 5px; line-height:16px; text-align:left;
word-break: break-all;
word-wrap: break-word; /* Internet Explorer */ 
white-space: -moz-pre-wrap; /* Mozilla, since */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */
}
.table_st1 tr:first-child th,
.table_st1 tr:first-child td{ border-top:0;}
.table_st1 th{ border:1px solid #b6caee; background:#eaf1fe; font-weight:600; font-size:12px; letter-spacing:-1px;}
.table_st1 td{ border:1px solid #ccc;}
.table_st1 th.basic{ background:#cedaf1}
.table_st1 td.basic{ background:#f9f9f9;}
.table_st1 th.s_tit{ background:#f9f9f9; border:1px solid #ccc;}
.table_st1 .txt_c th,
.table_st1 .txt_c td{ text-align:center; padding:3px 3px;}
.table_st1 .txt_c td{ font-size:12px;}
.table_st1 .bg_cr td{ background:#f9f9f9;}
.table_st1 .point_cr th{ background:#e43c3c; border:1px solid #f48c8c; color:#fff;}
.table_st1 .point_cr td{ background:#fbdfdf; border:1px solid #dc9a9a;}
.table_st1 .point_cr .select_box,
.table_st1 .point_cr .input_box{ border:1px solid #dc9a9a;}

.table_st1 .select_box{ padding:4px 0 4px 8px; background:url(../images/inc/select_arrow.png) no-repeat 95% center #fff; border:1px solid #ccc; overflow:hidden;}
.table_st1 .select_box .select_st{ width:120%; background:transparent; border:0; outline:none; -webkit-appearance: none;}
.table_st1 .input_box{ padding:4px 8px 4px 8px; border:1px solid #ccc;vertical-align:middle;}
.select_st2{ border:1px solid #ccc;padding:2px 8px 2px 8px;}
.table_st1 .btn_quantity{ display:block; margin:4px 6px 0 0;}

.table_area.feature .table_st1 th{ text-align:center; padding:12px 5px; font-size:13px;}
.table_area.feature .table_st1 td{ padding:12px 10px 12px 15px;}

.table_inp .txt_c td{ text-align:center; padding:3px 5px;}

/*
.prod_search{ position:relative;}
.prod_search .search_con_box{ position:absolute; left:0px; top:24px; border:1px solid #ccc; background-color:#fff; display:none;z-index:200;}
.prod_search .search_con_box li{ padding:5px 5px 5px 10px;; text-align:left;cursor:pointer;}
.prod_search .search_con_box li:hover{ background-color:#666; color:#fff;}
*/

.prod_search .search_con_box2{ position:absolute; left:4px; top:24px; border:1px solid #ccc; background-color:#fff; display:none;z-index:200;}
.prod_search .search_con_box2 li{ padding:5px 5px 5px 10px;; text-align:left;cursor:pointer;}
.prod_search .search_con_box2 li:hover{ background-color:#666; color:#fff;}

.prod_search .search_con_box3{ position:absolute; left:4; top:24px; border:1px solid #ccc; background-color:#fff; display:none;z-index:200;}
.prod_search .search_con_box3 li{ padding:5px 5px 5px 10px;; text-align:left;cursor:pointer;}
.prod_search .search_con_box3 li:hover{ background-color:#666; color:#fff;}

.sub .buy_top_box{ border:1px solid #ddd; *zoom:1;}
.sub .buy_top_box:after{ content:""; display:block; clear:both;}
.sub .buy_top_box .left{ float:left; width:20%; height:45px;}
.sub .buy_top_box .right{ float:right; width:80%;}
.sub .buy_top_box .con1{ font-size:13px; font-weight:600; color:#18489d; text-align:center;}
.sub .buy_top_box .con2{ position:relative; background-color:#f7fcff; min-height:45px; border-left:1px solid #d2d7dc;}
.sub .buy_top_box .con2 .arrow{ position:absolute; left:-1px; top:48%; margin-top:-10px;}
.sub .buy_top_box .con2 .st1{ padding:0 10px 0 50px; line-height:45px;}
.sub .buy_top_box .con2 .t1{ font-weight:600; font-size:13px;}
.sub .buy_top_box .con2 .t2{ font-weight:600; font-size:15px; color:#ee1720;}
.sub .buy_top_box .con2 .btn_cart_area{ position:absolute; right:15px; top:7px;}

hr.dot_line { width:100%; background:url(../images/inc/dot_line.png) repeat-x; height:1px; border-width: 0 0 0; margin:60px 0 40px 0;}


/***********************/
/*마이페이지*/
/***********************/

/*나의 발주내역*/

.sub .date_search{ text-align:center;}
.sub .date_search .date_btn{ padding:10px; border:1px solid #ccc; background:#f9f9f9;}
.sub .date_search .date_btn li{ display:inline-block; *display:inline; zoom:1; *padding:0 2px;}
.sub .date_search .date_btn li a{ display:block; font-size:12px; background-color:#fff; border:1px solid #bbb; padding:2px 8px; border-radius:4px; box-shadow:1px 1px 2px #ddd;}
.sub .date_search .date_btn li a:hover{ background-color:#f9f9f9;}
.sub .date_search .date_select{ border:1px solid #ccc; background:#f9f9f9; padding:10px; margin-top:-1px;}
.sub .date_search .date_select select.input_st1{ padding:4px 5px; width:75px; margin-left:8px;}
.sub .date_search .date_select button.search{ margin-left:10px;}

.sub .date_search_ex{ margin-top:10px;}
.sub .date_search_ex li{ padding:2px 0 2px 10px; color:#666; font-size:12px; background:url(../images/inc/icon_dot_s_gray.gif) no-repeat left 8px;}

.sub .round_btn{ border-radius:4px; padding:4px 0 4px 0; text-align:center; vertical-align:middle; font-weight:600; font-size:12px; width:50px;}
.sub .round_btn.red{ background:#df494a;color:#fff;}
.sub .round_btn.blue{ background:#3265bd;color:#fff;}
.sub .round_btn.gray{ background:#999;color:#fff;}
.sub .round_btn.green{ background:#459323;color:#fff;}

/***********************/
/*고객센터*/
/***********************/

/*FAQ*/

.sub .page_tab{ margin-bottom:30px;}
.sub .page_tab .tab_st{ *zoom:1; padding-left:1px;}
.sub .page_tab .tab_st:after{ content:""; display:block; clear:both;}
.sub .page_tab .tab_st li{ float:left; width:25%; text-align:center; position:relative;}
.sub .page_tab .tab_st li a{ display:block; padding:13px 0; margin-left:-1px; border:1px solid #b6caee; background:#f3f6fb; font-weight:600; color:#8da6d4;}
.sub .page_tab .tab_st li:hover a,
.sub .page_tab .tab_st li.on a{ color:#134cb3; background-color:#fff; border-bottom:1px solid #fff;}
.sub .page_tab .tab_st li:hover .icon,
.sub .page_tab .tab_st li.on .icon{ position:absolute; left:-1px; top:0; width:100%; height:2px; background:#3265c2;}

.table_st10 th,
.table_st10 td{ padding:2px;
word-break: break-all;
word-wrap: break-word; /* Internet Explorer */ 
white-space: -moz-pre-wrap; /* Mozilla, since */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */
}
.table_st10 tr:first-child th,
.table_st10 tr:first-child td{ border-top:0;}
.table_st10 th{ border:1px solid #b6caee; background:#eaf1fe; font-weight:600; font-size:12px; letter-spacing:-1px;text-align:center;}
.table_st10 td{ border:1px solid #ccc;font-size:9px;}