@charset "utf-8";

/* 상품 상세 */
.path_wrap {clear: both;position: relative;padding: 20px 0;}
.path_wrap:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.path_wrap .path {float: left;max-width: 600px;font-size: 14px;color: #666;letter-spacing: -0.8px;}
.path_wrap .path span {display: inline-block;}
.path_wrap .path span.current {color: #000;font-weight: 600;}
.path_wrap .path span.arr {padding: 0 3px;}
.path_wrap .social_list {float: right;padding-left: 24px;background: url(/images/ico_sc_bg.png) no-repeat 0 center;}
.path_wrap .social_list:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.path_wrap .social_list > li {float: left;margin-left: 5px;}

.path_wrap.type2 .path {float: right;}

/*상품 상세 정보*/
.detail_info_wrap {position: relative;}
.detail_info_wrap:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}

/*상품 상세 이미지*/
.product_pic_wrap {position: relative;width: 450px;float: left;}
.product_pic_wrap dl {position: relative;width: 450px;}
.product_pic_wrap .prd_big {position: relative;display: table;width: 100%;height: 450px;border:1px #dedede solid;text-align: center;}
.product_pic_wrap .prd_big span {position: relative;display: table-cell;vertical-align: bottom;}
.product_pic_wrap .prd_big span img {width: auto;max-width: 450px;max-height: 450px;}
.product_pic_wrap .prd_thum {overflow: hidden;margin-top: 10px;}
.product_pic_wrap .prd_thum ul {position: relative;width: 520px;}
.product_pic_wrap .prd_thum ul:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.product_pic_wrap .prd_thum ul > li {float: left;display: table;width: 102px;height: 102px;margin:0 14px 14px 0;border:1px #dedede solid;text-align: center;}
.product_pic_wrap .prd_thum ul > li > a {display: table-cell;width: 100%;vertical-align: middle;}
.product_pic_wrap .prd_thum ul > li > a img {width: 100%;max-width: 100%;height: auto;max-height: 100px;}
.product_pic_wrap .btn_pump_view {position: absolute;top: 0;right: -50px;width: 48px;padding-top: 44px;font-size: 11px;font-weight: 600;color: #898989;background: url(/images/btn_pump_view.png?v3) no-repeat 0 0;}

/* 상품 상세 택스트 */
.product_info_wrap {position: relative;float: right;width: 510px;}
.product_info_wrap h3 {font-size: 27px;color: #000;font-weight: 600;margin-bottom: 5px;padding-bottom: 12px;border-bottom:2px #5977a4 solid;}
.product_info_wrap h3 span {margin-top: 10px;display: block;font-size: 15px;color: #747474;font-weight: normal;}
.product_info_wrap table.selec_prd_info th {padding: 3px 0;font-size: 14px;color: #000;font-weight: 600;text-align: left;}
.product_info_wrap table.selec_prd_info td {padding: 3px 0;font-size: 14px;color: #333;text-align: left;}
.product_info_wrap table.selec_prd_info td.add_seleted_prd {padding-top: 10px;}

.product_info_wrap table.selec_prd_info td #it_price_span span.num {font-size: 18px;font-weight: 600;color: #000;}

.product_info_wrap .want_txt {display: inline-block;font-size: 14px;padding: 5px 0 0 5px;}

/*.product_info_wrap table.selec_prd_info td.neck_size select {min-width: 120px;}*/
.product_info_wrap table.selec_prd_info td select {min-width: 180px;}
.product_info_wrap .btn_area1 {padding: 10px 0;text-align: center;}
.product_info_wrap .btn_area1 .hgbtn {padding: 0;height: 42px;line-height: 42px;font-size: 15px;cursor: pointer;}

.product_info_wrap .btn_area1 .btn_dir_order {background-color: #bcbcbc;border-color: #bcbcbc;color: #fff !important;}
.product_info_wrap .btn_area1 .btn_dir_order:hover {background-color: #999;border-color: #999;}

.product_info_wrap .btn_area1 .btn_cart {background-color: #3584bf;border-color: #3584bf;color: #fff !important;}
.product_info_wrap .btn_area1 .btn_cart:hover {background-color: #556076;border-color: #556076;}

.product_info_wrap .btn_area1 .btn_req {background-color: #3584bf;border-color: #3584bf;}
.product_info_wrap .btn_area1 .btn_req:hover {background-color: #556076;border-color: #556076;}

.product_info_wrap .btn_area1 .btn_qna {background-color: #bcbcbc;border-color: #bcbcbc;color: #fff !important;}
.product_info_wrap .btn_area1 .btn_qna:hover {background-color: #999;border-color: #999;}

.product_info_wrap .btn_area1 .btn_dir_order,
.product_info_wrap .btn_area1 .btn_cart,
.product_info_wrap .btn_area1 .btn_sample {width: 163px;}
.product_info_wrap .btn_area1 .btn_req {float: left;width: 272px;}
.product_info_wrap .btn_area1 .btn_qna {float: right;width: 222px;}

/* 추가 옵션 박스 v1 */
/* .price_count {position: relative;padding: 16px 35px 16px 20px;margin-top: 1px;background-color: #efeff1;letter-spacing: -1px;}
.price_count:first-child {margin-top: 0;}
.price_count:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.price_count .tit {float: left;font-size: 15px;font-weight: 600;color: #000;min-height:21px;padding: 0px 0 0 32px;margin-top: 6px;background: url(/images/ico_check_blu.png) no-repeat 0 0;}

.price_count .selected_opts {float: left;padding:8px 10px 0 0;vertical-align: middle;font-size: 13px;}

.price_count .won_wrap {float: right;}
.price_count .won {display: block;float: left;font-size: 15px;color: #333;padding-top: 3px;margin-right: 20px;}
.price_count .won span {font-size: 20px;font-weight: 600;color: #000;}

.price_count .btn_opt_del {position: absolute;top: 24px;right: 10px;} */

/* 추가 옵션 박스 v2 */
.price_count {position: relative;padding: 12px 0;letter-spacing: -1px;border-bottom:1px #e1e1e1 solid;}
.price_count:first-child,
.price_count.fir {margin-top: 0;border-top:1px #a7a7a7 solid;}
.price_count:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.price_count .tit {float: left;font-size: 15px;font-weight: 600;color: #000;min-height:21px;padding: 0px 0 0 32px;margin-top: 6px;background: url(/images/ico_check_blu.png) no-repeat 0 0;}

.price_count .selected_opts {float: left;vertical-align: middle;font-size: 14px;padding-left: 7px;}

.price_count .won_wrap {float: right;}
.price_count .won {display: block;float: left;font-size: 14px;color: #333;margin-right: 42px;}
.price_count .won span {font-size: 15px;font-weight: 600;color: #000;}

.price_count .btn_opt_del {position: absolute;top: 16px;right: 2px;}

.cnt_box {position: relative;float: left;display: inline-block;padding: 0 31px;border:1px #555 solid;background-color: #fff;color: #000;}
.cnt_box input {width: 100%;border: none;font-size: 16px;font-weight: 600;color: #000;text-align: center;}
.cnt_box .hgbtn {display: block;text-indent: -99999px;position: absolute;top: 0;font-weight: 600;width: 31px;height: 100%;}
.cnt_box .up {right:0;font-size: 10px;border-left:1px #555 solid;}
.cnt_box .up:before {content:"";display: block;position: absolute;top: 50%;left: 50%;margin: -4.5px 0 0 -0.5px;width: 1px;height:9px;background: #000;}
.cnt_box .up:after {content:"";display: block;position: absolute;top: 50%;left: 50%;margin: -0.5px 0 0 -4.5px;width: 9px;height:1px;background: #000;}
.cnt_box .down {left:0;font-size: 14px;border-right:1px #555 solid;}
.cnt_box .down:after {content:"";display: block;position: absolute;top: 50%;left: 50%;margin: -0.5px 0 0 -4.5px;width: 9px;height:1px;background: #000;}

/*cnt box2*/
.cnt_box2 {position: relative;display: inline-block;height: 25px;padding: 0 20px 0 0px;border:1px #aaa solid;background-color: #fff;color: #000;vertical-align: top;}
.cnt_box2 input {padding: 0;height: 22px;line-height: 100%;width: 100%;border: none;font-size: 14px;color: #000;text-align: center;vertical-align: top;}
.cnt_box2 .hgbtn {display: block;text-indent: -99999px;position: absolute;top: 0;font-weight: 600;width: 20px;}
.cnt_box2 .up {top: 0;right:0;height: 12px;border-left:1px #aaa solid;border-bottom:1px #aaa solid;background: url(../images/cnt_box_up.png) no-repeat center center;}
.cnt_box2 .down {top: 12px;right:0;height: 11px;border-left:1px #aaa solid;background: url(../images/cnt_box_down.png) no-repeat center center;}

/* 총상품금액 */
.prd_info .total_price {clear: both;position: relative;padding: 0 0 20px 0;margin-top: 15px;border-bottom:1px #dedede solid;}
.prd_info .total_price dl {display: table;width: 100%;text-align: right;}
.prd_info .total_price dl dt {display:table-cell;width: 320px;font-size: 18px;font-weight: 600;color: #000;text-align: left;}
.prd_info .total_price dl dd {display:table-cell;}
.prd_info .total_price dl dd.price {width: 160px;font-size: 15px;font-weight: 600;color: #000;}
.prd_info .total_price dl dd.price .won {width: 160px;font-size: 23px;color: #ed243d;}
.prd_info .total_price dl dd.vat_txt {width:100px;font-size: 15px;color: #ed243d;font-weight: 600;padding-left: 15px;}

/*상품 컬러 선택*/
.selec_color {position: relative;font-size: 13px;padding: 0;margin: 0;height: auto;width: auto;padding: 2px;color: #333;border:1px #fff solid;background-color: #fff;}
.selec_color.on {border-color: #3372cf;}
.selec_color > span {display: block;padding: 5px 10px;border:1px #767676 solid;}

.selec_color.btn_white {background-color: #fff;}
.selec_color.btn_white > span {border-color: #767676;}

.selec_color.btn_trans {}
.selec_color.btn_trans > span {border-color: #767676;}

.selec_color.btn_half {}
.selec_color.btn_half > span {border-color: #767676;background-color: #e9e9e9;}

/*상품 컬러 선택*/
.selec_opts {position: relative;font-size: 13px;padding: 0;margin: 0;height: auto;width: auto;padding: 2px;color: #333;border:1px #fff solid;background-color: #fff;}
.selec_opts.on {border-color: #3372cf;}
.selec_opts > span {display: block;padding: 5px 10px;border:1px #767676 solid;}

.selec_opts.btn_white {background-color: #fff;}
.selec_opts.btn_white > span {border-color: #767676;}

.selec_opts.btn_trans {}
.selec_opts.btn_trans > span {border-color: #767676;}

.selec_opts.btn_half {}
.selec_opts.btn_half > span {border-color: #767676;background-color: #e9e9e9;}

/* 선택 옵션  */
.order_option {padding-top: 20px;margin-top: 20px;border-top:1px #dedede solid;}
.order_option .txt1 {margin-bottom: 5px;font-size: 13px;color: #e60013;font-weight: 600;}
.order_option .txt1 span {font-size: 16px;color: #233361;}
.order_option .txt1 strong {text-decoration: underline;}
.order_option table th {padding: 3px 0;font-size: 14px;color: #000;font-weight: 600;text-align: left;}
.order_option table td {padding: 3px 0;font-size: 14px;color: #333;text-align: left;}
.order_option table td select {min-width: 180px;}
.order_option .user_txt {font-size: 12px;}

/* 관련 상품 선택 */
.relation_product_wrap {clear: both;position: relative;margin-top: 50px;}
.relation_product_wrap .tit_box {position: relative;padding-bottom: 10px;border-bottom:1px #dedede solid;}
.relation_product_wrap .tit_box:after {display:block; clear:both; content:"."; visibility:hidden; height:0;}
.relation_product_wrap .tit_box h4 {float: left;font-size: 20px;color: #001e56;font-weight: 600;}
.relation_product_wrap .tit_box > div {float: right;}
.relation_product_wrap .tit_box label {font-size: 14px;color: #333;}
.relation_product_wrap .tit_box .hgbtn {padding: 0;width: 76px;height: 32px;line-height: 32px;margin-left: 30px;}

/* item list 상품상세 관련상품 */
.item_list_type2_wrap {clear: both;position: relative;overflow: hidden;padding: 30px 0;border-bottom:1px #dedede solid;}
.item_list_type2_wrap ul.item_list {width: 1300px;}
.item_list_type2_wrap ul.item_list:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
/*180518 jhg 수정*/
.item_list_type2_wrap ul.item_list > li {position: relative;float: left;width: 162px;min-height:248px;margin-right: 68px;text-align: center;}
.item_list_type2_wrap ul.item_list > li:first-child {margin-left: 0;}
.item_list_type2_wrap ul.item_list > li .check_box {position: absolute;top: -2px;left: 0;}
.item_list_type2_wrap ul.item_list > li .check_box label {width: 22px;height: 22px;text-indent: -9999px;}
.item_list_type2_wrap .item_info {position: relative;width: 162px;line-height: 1.4;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.item_list_type2_wrap .item_info .item_pic {position: relative;display: table;width: 100%;}
.item_list_type2_wrap .item_info .item_pic img {width: auto;max-width: 100%;height: auto;}
.item_list_type2_wrap .item_info .item_pic > a {display: table-cell;height: 180px;vertical-align: top;}
.item_list_type2_wrap .item_info .item_stat {margin-bottom: 4px;font-size: 12px;color: #ed243d;}
.item_list_type2_wrap .item_info .item_stat a {color: #ed243d;}
.item_list_type2_wrap .item_info .item_name {margin-bottom: 8px;font-size: 14px;color: #000;}
.item_list_type2_wrap .item_info .item_name a {display: block;width: 100%;max-height: 37px;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.item_list_type2_wrap .item_info .item_price {font-size: 15px;font-weight: 600;color: #000;}

/* item list type3 비쥬얼 목록 */
.item_list_type3_wrap {clear: both;position: relative;overflow: hidden;}
.item_list_type3_wrap ul.item_list {width: 1300px;}
.item_list_type3_wrap ul.item_list:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.item_list_type3_wrap ul.item_list > li {float: left;width: 270px;height: 460px;margin-right: 39px;text-align: center;}
.item_list_type3_wrap .item_info {position: relative;width: 100%;line-height: 1.4;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.item_list_type3_wrap .item_info .item_pic {position: relative;display: table;width: 100%;border:1px #fff solid;}
.item_list_type3_wrap .item_info .item_pic:hover {border-color: #000;}
.item_list_type3_wrap .item_info .item_pic > a {display: table-cell;vertical-align: middle;}
.item_list_type3_wrap .item_info .item_name {margin-top: 30px;font-size: 14px;color: #000;}
.item_list_type3_wrap .item_info .item_name a {display: block;width: 100%;max-height: 37px;white-space:normal;overflow:hidden;text-overflow:ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.item_list_type3_wrap .item_info .item_price {font-size: 15px;font-weight: 600;color: #000;}

/* 제품상세 정보탭  */
.product_detail_view_wrap {margin-top: 100px;}
.product_detail_view_wrap a {text-decoration: none;}
.product_detail_view_wrap .btn_area1 {padding: 0;margin-top: 20px;}
.prd_detail_tab_btn {position: relative;}
.prd_detail_tab_btn > ul {position: relative;}
.prd_detail_tab_btn > ul:before {content: "";display: block;position: absolute;bottom:0;left: 0;z-index: 90;width: 100%;height: 1px;background: #444;}
.prd_detail_tab_btn > ul:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.prd_detail_tab_btn > ul > li {position: relative;z-index: 100;float: left;width: 216px;height: 44px;line-height: 44px;}
.prd_detail_tab_btn > ul > li:first-child {}
.prd_detail_tab_btn > ul > li > a {position: absolute;bottom:0;left: 0;display: block;width: 100%;height: 100%;font-size: 15px;color: #555;text-align: center;background: #f6f6f6;border:1px #d9d9d9 solid;border-bottom-color: #444;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/* .prd_detail_tab_btn > ul > li:hover > a, */
.prd_detail_tab_btn > ul > li.on > a {font-size: 16px;height: 44px;line-height: 44px;background-color: #fff;border-color: #444;border-bottom-color: #fff;color: #e40013;font-weight: 600;}

.product_detail_view_wrap .tab_cts {position: relative;padding-top: 51px;}

/* 제품상세 이미지 */
#prd_detail_cts {text-align: center;}
#prd_detail_cts .prd_detail_info {text-align: center;}

#prd_detail_cts .prd_detail_info img {max-width: 900px;height: auto;}
#prd_detail_cts .prd_use_caution {margin: 70px 0 50px 0;}

.prd_detail_tab_wrap .detail_txt_box {clear: both;text-align: left;}
.prd_detail_tab_wrap .detail_txt_box h5.tit {font-size: 18px;font-weight: 600;color: #193467;padding-bottom: 20px;margin-bottom: 20px;border-bottom:1px #ddd solid;}

/*상품이용시 유의사항*/
.prd_detail_tab_wrap .prd_use_caution dl {color: #333;line-height: 1.6;letter-spacing: -0.8px;}
.prd_detail_tab_wrap .prd_use_caution dl > dt {font-size: 16px;font-weight: 600;margin-top: 34px;}
.prd_detail_tab_wrap .prd_use_caution dl > dt:first-child {margin-top: 0;}
.prd_detail_tab_wrap .prd_use_caution dl > dd {font-size: 14px;padding-left: 18px;}

/*상품구매시 유의사항*/
.prd_detail_tab_wrap .prd_buy_caution .buy_caution_list {padding-left: 15px;}
.prd_detail_tab_wrap .prd_buy_caution .buy_caution_list > li {margin-top: 45px;padding-left: 125px;}
.prd_detail_tab_wrap .prd_buy_caution .buy_caution_list > li:first-child {margin-top: 0;}
.prd_detail_tab_wrap .prd_buy_caution .buy_caution_list > li.icon1 {background: url(/images/ico_buy_caution1.png) no-repeat 0 center;}
.prd_detail_tab_wrap .prd_buy_caution .buy_caution_list > li.icon2 {background: url(/images/ico_buy_caution2.png) no-repeat 0 center;}
.prd_detail_tab_wrap .prd_buy_caution .buy_caution_list > li.icon3 {background: url(/images/ico_buy_caution3.png) no-repeat 0 center;}
.prd_detail_tab_wrap .prd_buy_caution .buy_caution_list > li.icon4 {background: url(/images/ico_buy_caution4.png) no-repeat 0 center;}
.prd_detail_tab_wrap .prd_buy_caution dl {color: #333;line-height: 1.6;letter-spacing: -0.8px;}
.prd_detail_tab_wrap .prd_buy_caution dl > dt {font-size: 16px;font-weight: 600;color: #001e56;margin-bottom: 5px;}
.prd_detail_tab_wrap .prd_buy_caution dl > dd {font-size: 14px;}
.prd_detail_tab_wrap .prd_buy_caution dl > dd > div > span {font-weight: 600;}
.prd_detail_tab_wrap .prd_buy_caution ul.delivery_price {padding-left: 60px;}

/* 서브 상품 nav */
.sub_prd_nav {clear: both;position: relative;margin-top: 30px;min-height: 164px;}
.sub_prd_nav:after {position: absolute;top:47px;left: 0;content: "";display: block;width: 100%;height: 1px;background-color: #444;}
.sub_prd_nav > ul {position: relative;}
.sub_prd_nav > ul:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.sub_prd_nav > ul > li {float: left;text-align: center;}
.sub_prd_nav > ul > li > a {display: block;position: relative;z-index: 210;padding: 14px 60px;font-size: 15px;color: #555;border:1px #d9d9d9 solid;border-bottom-color: #444;background: #f6f6f6;text-decoration: none;}
.sub_prd_nav > ul > li.on > a {border-color: #444;border-bottom-color: #fff;background-color: #fff;color: #e40013;font-weight: 600;}

.sub_prd_nav div.sub_item_wrap {position: absolute;top: 47px;left: 0;z-index: 200;width: 100%;padding: 22px 10px;text-align: left;font-size: 14px;border-top:1px #444 solid;background: #fff;display: none;
-webkit-transition-duration: 0.4s;
-moz-transition-duration: 0.4s;
-ms-transition-duration: 0.4s;
-o-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.sub_prd_nav > ul > li.on > div.sub_item_wrap {display: block;}
.sub_prd_nav > ul > li.on > div.sub_item_wrap a {position: relative;display: inline-block;margin: 3px 0 3px 15px;padding-left: 15px;color: #333;}
.sub_prd_nav > ul > li.on > div.sub_item_wrap a:before {position: absolute;top: 0;left: 0;z-index: 10;content:"|";display: inline-block;color: #cacaca;}
.sub_prd_nav > ul > li.on > div.sub_item_wrap a:first-child {padding-left: 0;margin-left: 0;}
.sub_prd_nav > ul > li.on > div.sub_item_wrap a:first-child:before {display: none;}

.sub_prd_nav.type_n1 > ul > li {}
.sub_prd_nav.type_n2 > ul > li {}
.sub_prd_nav.type_n3 > ul > li {}
.sub_prd_nav.type_n4 > ul > li {}
.sub_prd_nav.type_n5 div.sub_item_wrap {}
.sub_prd_nav.type_n5 > ul > li > a {padding: 14px 44px;}

/*sorting_search_bar*/
.sorting_search_bar {position: relative;clear: both;margin: 0px 0 50px 0;text-align: right;}
.sorting_search_bar select,
.sorting_search_bar input {margin: 0 2px;}
.sorting_search_bar select {min-width: 125px;}
.sorting_search_bar .btn_reset {margin-left: 15px;padding-left: 20px;font-size: 14px;font-weight: 600;background: url(/images/ico_refresh.png) no-repeat 0 0;}
.sorting_search_bar .btn_smit {margin-left: 20px;height:30px;line-height:30px;padding: 0 15px;font-size: 13px;font-weight: 600;text-align: center;color: #fff !important;background-color: #4267b2;border:1px #4267b2 solid;}

/*회사소개 v1*/
.cp_menu_box_wrap {position: relative;width: 100%;height: 100%;}
.cp_menu_box_wrap .btn_back {position: fixed;bottom: 50px;left: 219px;text-align: center;z-index: 50;}
.cp_menu_box_wrap:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.cp_menu_box_wrap > div.cp_menu_box {position: relative;float: left;}
.cp_menu_box_wrap > div.cp_menu_box:after {content: ".";display: block;position: absolute;top: 0;left: 0;z-index: 20;width: 100%;height: 100%;background: #000;opacity: 0.2;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.cp_menu_box_wrap > div.cp_menu_box:hover:after {opacity: 0;}
.cp_menu_box_wrap > div.cp_menu_box .txtbox {position: absolute;z-index: 30;}
.cp_menu_box_wrap > div.cp_menu_box .txtbox h3 {font-size: 45px;font-weight: 600;color: #fff;line-height: 1;}
.cp_menu_box_wrap > div.cp_menu_box .txtbox h3:after {content: " ";clear: both;display: block;height: 1px;width: 75px;margin: 30px 0;background: #fff;}
.cp_menu_box_wrap > div.cp_menu_box .txtbox h3 span {display: block;}
.cp_menu_box_wrap > div.cp_menu_box .txtbox h3 span.tit2 {font-size: 50px;font-weight: 700;}
.cp_menu_box_wrap > div.cp_menu_box .txtbox ul > li {margin: 5px 0;line-height: 1.5;}
.cp_menu_box_wrap > div.cp_menu_box .txtbox ul > li > a {display: block;font-size: 15px;color: #fff;}
.cp_menu_box_wrap > div.cp_menu_box .txtbox ul > li:hover > a,
.cp_menu_box_wrap > div.cp_menu_box .txtbox ul > li.on > a {color: #000;font-weight: 600;}

.cp_menu_box_wrap > #about {width: 35%;background: url(/images/cp_bg_about.jpg) no-repeat center center;background-size: cover;}
.cp_menu_box_wrap > #business {width: 30%;background: url(/images/cp_bg_business.jpg) no-repeat center center;background-size: cover;}
.cp_menu_box_wrap > #global {width: 35%;background: url(/images/cp_bg_global.jpg) no-repeat center center;background-size: cover;}

.cp_menu_box_wrap > #about .txtbox {top: 120px;right: 125px;}
.cp_menu_box_wrap > #business .txtbox {top: 120px;left: 50px;}
.cp_menu_box_wrap > #global .txtbox {top: 120px;left: 50px;}

/*회사소개 서브 페이지 레프트*/
.cp_menu_box_wrap.cp_sub_left > div.cp_menu_box {width: 530px !important;}
.cp_menu_box_wrap.cp_sub_left > div.cp_menu_box .txtbox {left: 219px !important;right: auto;}
.cp_menu_box_wrap.cp_sub_left > #business {background: url(/images/cp_bg_business_sub.jpg) no-repeat center center;background-size: cover;}

.cp_wrap {position: absolute;top: 0;left: 35%;padding: 45px 80px 40px 80px;}
.cp_wrap .inner {}
.cp_wrap .tit_box {width: 690px;}
.cp_wrap .tit_box > h4 {font-size: 35px;font-weight: 700;color: #000;text-align: center;margin-bottom: 45px;}
.cp_wrap .tit_box > h4:after {content:" ";display: block;clear: both;width: 85px;margin: 0 auto;margin-top: 30px;height: 1px;background: #000;}
.cp_wrap .tit_box > .tit_txt {font-size: 25px;color: #333;text-align: center;font-weight: 600;}
.cp_wrap .tit_box .tit_pic1 {margin-top: 90px;text-align: center;}

/* 회사이념 */
.cp_wrap .cp_about01 {width: 690px;margin-top: 50px;}
.cp_wrap .cp_about01 p {word-break: keep-all;font-size: 14px;color: #333;line-height: 1.8;letter-spacing: -0.5px;}
.cp_wrap .cp_about01 p.tit1 {font-size: 18px;font-weight: 600;color: #1d283c;margin-top: 30px;}

/*회사소개 v2*/
.cp_menu_box_wrap_v2 {position: relative;width: 100%;height: 100%;overflow: hidden;}
.cp_menu_box_wrap_v2:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.cp_menu_box_wrap_v2 > div.cp_menu_box {position: absolute;top: 0;z-index: 100;}
.cp_menu_box_wrap_v2 > div.cp_menu_box:after {content: ".";display: block;position: absolute;top: 0;left: 0;z-index: 20;width: 100%;height: 100%;background: #000;opacity: 0.2;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-ms-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
}
.cp_menu_box_wrap_v2 > div.cp_menu_box:hover:after {opacity: 0;}
.cp_menu_box_wrap_v2 > div.cp_menu_box .txtbox {position: absolute;z-index: 30;}
.cp_menu_box_wrap_v2 > div.cp_menu_box .txtbox h3 {font-size: 45px;font-weight: 600;color: #fff;line-height: 1;}
.cp_menu_box_wrap_v2 > div.cp_menu_box .txtbox h3:after {content: " ";clear: both;display: block;height: 1px;width: 75px;margin: 30px 0;background: #fff;}
.cp_menu_box_wrap_v2 > div.cp_menu_box .txtbox h3 span {display: block;}
.cp_menu_box_wrap_v2 > div.cp_menu_box .txtbox h3 span.tit2 {font-size: 50px;font-weight: 700;}
.cp_menu_box_wrap_v2 > div.cp_menu_box .txtbox ul > li {margin: 5px 0;line-height: 1.5;}
.cp_menu_box_wrap_v2 > div.cp_menu_box .txtbox ul > li > a {display: block;font-size: 15px;color: #fff;}
.cp_menu_box_wrap_v2 > div.cp_menu_box .txtbox ul > li:hover > a,
.cp_menu_box_wrap_v2 > div.cp_menu_box .txtbox ul > li.on > a {color: #000;font-weight: 600;}

.cp_menu_box_wrap_v2 > #about {left: 0;width: 35%;background: url(/images/cp_bg_about.jpg) no-repeat center center;background-size: cover;}
.cp_menu_box_wrap_v2 > #business {left: 35%;width: 30%;background: url(/images/cp_bg_business.jpg) no-repeat center center;background-size: cover;}
.cp_menu_box_wrap_v2 > #global {left: 65%;width: 35%;background: url(/images/cp_bg_global.jpg) no-repeat center center;background-size: cover;}

.cp_menu_box_wrap_v2 > #about .txtbox {top: 15%;left: 40%;}
.cp_menu_box_wrap_v2 > #business .txtbox {top: 15%;left: 20%;}
.cp_menu_box_wrap_v2 > #global .txtbox {top: 15%;left: 20%;}

/*회사소개 서브 페이지 레프트*/
.cp_menu_box_wrap_v2.cp_sub_left > div.cp_menu_box {}
.cp_menu_box_wrap_v2.cp_sub_left > div.cp_menu_box .txtbox {}
.cp_menu_box_wrap_v2 .btn_back {position: absolute;bottom: 50px;left: 9.7%;z-index: 100;display: none;}

.cp_contents_box {position: absolute;top: 0;left: 33%;z-index: 90;width: 67%;overflow-x: hidden;overflow-y: auto;box-sizing: border-box;}
.cp_wrap_v2 { padding: 50px 80px; display: none;}
.cp_wrap_v2 .inner {/* padding: 45px 80px 40px 80px; */}
.cp_wrap_v2 .tit_box {max-width: 690px;}
.cp_wrap_v2 .tit_box > h4 {font-size: 27px;font-weight: 700;color: #000;text-align: center;margin-bottom: 20px;}
.cp_wrap_v2 .tit_box > h4:after {content:" ";display: block;clear: both;width: 85px;margin: 0 auto;margin-top: 20px;height: 1px;background: #808692;}
.cp_wrap_v2 .tit_box > .tit_txt {font-size: 17px;font-weight: 600;color: #1d283c;text-align: center;}
.cp_wrap_v2 .tit_box .tit_pic1 {margin-top: 30px;text-align: center;}

/* 회사이념 */
.cp_wrap_v2 .cp_about01 {max-width: 770px;margin-top: 50px;}
.cp_wrap_v2 .cp_about01 .txtbox1 {display: table;width: 100%;margin-top: 20px;}
.cp_wrap_v2 .cp_about01 .txtbox1.fir {margin-top: 40px;}
.cp_wrap_v2 .cp_about01 .txtbox1:after {content: "";display: table;width: 100%;clear: both;}
.cp_wrap_v2 .cp_about01 p {word-break: keep-all;font-size: 14px;color: #333;line-height: 1.8;letter-spacing: -0.5px;}
.cp_wrap_v2 .cp_about01 p.tit1 {display: block;font-size: 17px;font-weight: 600;}
.cp_wrap_v2 .cp_about01 p.tit1 > span {display: inline-block;padding: 3px 0 5px 0;width: 137px;color: #fff;text-align: center;background-color: #f7941e;border-radius: 20px;}
.cp_wrap_v2 .cp_about01 .txtbox1 .tit1 {display: table-cell;width: 158px;vertical-align: top;}
.cp_wrap_v2 .cp_about01 .txtbox1 .txt1 {display: table-cell;vertical-align: top;}

/*회사 이력*/
.history_list_wrap {position: relative;margin-top: 50px;}
.history_list_wrap > dl {position: relative;display: table;width: 100%;margin-top: 50px;}
.history_list_wrap > dl:first-child {margin-top: 0;}
.history_list_wrap > dl > dt.year {display: table-cell;width: 315px;vertical-align: top;}
.history_list_wrap > dl > dt.year span {display: block;}
.history_list_wrap > dl > dt.year span.big {font-size: 30px;font-weight: 600;color: #1d283c;}
.history_list_wrap > dl > dt.year span.sm {font-size: 16px;color: #e60013;}
.history_list_wrap > dl > dd {display: table-cell;}
.history_list_wrap .history_list  {}
.history_list_wrap .history_list  > li {display: table;width: 100%;font-size: 14px;line-height: 2;}
.history_list_wrap .history_list  > li span {display: table-cell;vertical-align: top;}
.history_list_wrap .history_list  > li span.m {width: 45px;font-weight: 600;color: #333;}
.history_list_wrap .history_list  > li span.y {width: 74px;color: #666;}
.history_list_wrap .history_list  > li span.txt {color: #000;}

/*오시는길*/
.cp_about04 .addr_list {line-height: 1.5;font-size: 15px;line-height: 1.8;}
.cp_about04 .addr_list > li > span {display: inline-block;width: 77px;padding-left: 5px;font-weight: 600;color: #1d283c;}
.cp_about04 .addr_map {max-width: 690px;height: 395px;margin-top: 30px;}

/* business */
#cp_business {}
#cp_business .pic1 {max-width: 690px;margin-top: 70px;text-align: center;}

/*경쟁력*/
.cp_business01 {margin-top: 30px;}
.cp_business01 .pic {max-width: 690px;text-align: center;}

/*설비현황*/
.cp_business02 {margin-top: 30px;}
.cp_business02 .pic {margin-top: 50px;}
.cp_business02 .pic:fitst-child {margin-top: 0;}
.cp_business02 .bs_info {display: table;width: 100%;margin-top: 25px;}
.cp_business02 .bs_info > dt {display: table-cell;width: 375px;color: #1d283c;font-weight: 700;vertical-align: top;}
.cp_business02 .bs_info > dt > span {display: block;line-height: 1.5;}
.cp_business02 .bs_info > dt > span.sm {font-size: 18px;}
.cp_business02 .bs_info > dt > span.big {font-size: 25px;}
.cp_business02 .bs_info > dd {display: table-cell;vertical-align: top;line-height: 2;}
.cp_business02 .bs_info > dd {display: table-cell;vertical-align: top;line-height: 2;}
.cp_business02 .bs_info .list_bar {font-size: 14px;color: #1d283c;}
.cp_business02 .bs_info .list_bar > li {position: relative;padding-left: 10px;}
.cp_business02 .bs_info .list_bar > li:after {content:"-";display: block;position: absolute;top: 0;left: 0;}

/*생산 프로세스*/
.cp_business03 {}
.cp_business03  img {width: auto;max-width: 100%;height: auto;}

/*회사소개 글로벌*/
#cp_global {}
#cp_global .cp_global01 {padding-top: 30px;}
#cp_global .cpg_join_list {max-width: 770px;overflow: hidden;}
#cp_global .cpg_join_list > ul {width: 800px;}
#cp_global .cpg_join_list > ul:after {content: "";display: table;width: 100%;clear: both;}
#cp_global .cpg_join_list > ul > li {float: left;width: 244px;margin: 0 19px 30px 0;}
#cp_global .cpg_join_list > ul > li dd {padding-bottom: 10px;}
#cp_global .cpg_join_list > ul > li dt {font-size: 13px;}
#cp_global .cpg_join_list > ul > li dt span.y {font-size: 16px;font-weight: 600;padding-right: 10px;}

/*회원가입*/
#membership_wrap {position: relative;margin-top: 30px;}
.join_step_box {}
.join_step_box ol {}
.join_step_box ol:after {content: "";clear: both;display: table;width: 100%;}
.join_step_box ol > li {position: relative;float: left;width: 281px;height: 57px;line-height: 57px;margin-left: -15px;padding:0 54px 0 38px;background: url(/images/join_step_box_step2_off.png) no-repeat 0 0;}
.join_step_box ol > li:first-child {padding-left: 15px;margin-left: 0;background: url(/images/join_step_box_step1_off.png) no-repeat 0 0;}
.join_step_box ol > li:after {content: "";clear: both;display: table;width: 100%;}
.join_step_box ol > li span.num {float: left;font-size: 17px;font-weight: 500;color: #a4bdd0;}
.join_step_box ol > li span.num > span {font-size: 20px;}
.join_step_box ol > li span.txt {float: right;font-size: 15px;color: #575757;}

.join_step_box ol > li.on {background: url(/images/join_step_box_step2_on.png) no-repeat 0 0;}
.join_step_box ol > li.on:first-child {padding-left: 15px;margin-left: 0;background: url(/images/join_step_box_step1_on.png) no-repeat 0 0;}
.join_step_box ol > li.on span.num {color: #fff;}
.join_step_box ol > li.on span.txt {color: #fff;}

.join_agree_wrap {position: relative;clear: both;margin-top: 50px;letter-spacing: -1px;}
.join_agree_wrap .txt1 {font-size: 17px;font-weight: 600;color: #000;margin-bottom: 20px;}
.join_agree_wrap .txt2 {font-size: 15px;color: #666;margin-bottom: 25px;}
.join_agree_wrap .agree_check {margin-bottom: 35px;}
.join_agree_wrap .agr_txt_box {position: relative;margin-bottom: 10px;height: 170px;overflow-x: hidden;overflow-y: auto;border:1px #bbb solid;letter-spacing: -1px;}
.join_agree_wrap .agr_txt_box .inner {padding: 10px;line-height: 1.4;}

/*회원가입 폼*/
.join_fm {position: relative;color: #000;}
.join_fm .titbox {position: relative;margin-top: 100px;padding-bottom: 18px;border-bottom:1px #c6c6c6 solid;}
.join_fm .titbox:first-child {margin-top: 50px;}
.join_fm .titbox:after {content: "";clear: both;display: table;width: 100%;}
.join_fm .titbox h4 {float: left;font-size: 19px;font-weight: 600;}
.join_fm .titbox .txt1 {float: right;padding-top: 5px;font-size: 14px;}
.join_fm .user_info {clear: both;font-size: 16px;font-weight: 600;text-align: center;margin-top: 50px;}
.join_fm .user_info .user {color: #3584c0;}

.join_fm .table_wrap {margin-top: 60px;letter-spacing: -1px;}
.join_fm table.join_table {text-align: left;}
.join_fm table.join_table > tbody > tr > th {padding: 5px 0;font-size: 15px;color: #000;font-weight: 500;}
.join_fm table.join_table > tbody > tr > th > span,
.join_fm table.join_table > tbody > tr > th > label {padding-left: 15px;}
.join_fm table.join_table > tbody > tr > td {padding: 5px 0;font-size: 15px;color: #000;}
.join_fm table.join_table > tbody > tr > td input[type="radio"] {vertical-align: top;margin-top: 3px;}
.join_fm table.join_table td .txt1 {font-size: 14px;color: #3584c0;margin-left: 20px;}
.join_fm .ico_star {position: relative;display: inline-block;padding-left: 15px;}
.join_fm .ico_star:before {content: "*";position: absolute;top: 0;left: 0;color: #ff0000;}

.join_fm .receive_check {margin-bottom: 50px;margin-top: 30px;}
.join_fm .receive_check table.join_table > tbody > tr > td {padding: 25px 0;}

/*가입완료*/
.join_result_wrap {position: relative;margin-top: 50px;color: #000;}
.join_result_wrap > .txt1 {font-size: 14px;margin-bottom: 30px;line-height: 1.4;}
.join_result_wrap .welcome_txt_box {position: relative;padding: 55px 50px;margin-bottom: 45px;background: #f8f8f8;text-align: center;}
.join_result_wrap .welcome_txt_box .txt1 {font-size: 22px;line-height: 1.5;margin-bottom: 35px;padding-bottom: 35px;border-bottom:1px #e6e6e6 solid;}
.join_result_wrap .welcome_txt_box .txt1 > span {color: #3584c0;}
.join_result_wrap .welcome_txt_box .txt2 {font-size: 15px;}

/*로그인*/
#login_wrap {position: relative;}
.login_fm_wrap {position: relative;}
.login_fm_wrap:after {content: "";clear: both;display: table;width: 100%;}
.login_fm_wrap form > div {position: relative;padding-right: 123px;}
.login_fm_wrap form > div > .tit1 {font-size: 17px;font-weight: 600;color: #000;margin-bottom: 20px;}
.login_fm_wrap form > div > .fm_ip input {padding: 0 15px;font-size: 14px;background-color: #f4f4f4 !important;height: 47px;line-height: 47px;margin-bottom: 20px;color: #8f8f8f;border:none;background-color: #f4f4f4 !important;}
body.ios .login_fm_wrap form > div > .fm_ip input {line-height: 1;}
.login_fm_wrap form > div > .fm_ip ::-webkit-input-placeholder {color: #8f8f8f;}
.login_fm_wrap form > div > .fm_ip ::-moz-placeholder {color: #8f8f8f;}
.login_fm_wrap form > div > .fm_ip :-ms-input-placeholder {color: #8f8f8f;}
.login_fm_wrap form > div > .fm_ip :-moz-placeholder {color: #8f8f8f;}
.login_fm_wrap form > div > .btn_smit {position: absolute;top: 50px;right: 0;display: block;width: 92px;height: 92px;line-height: 92px;font-size: 15px;font-weight: 600;color: #fff !important;border-radius: 50%;}
.login_fm_wrap form > div > .btn_smit.mem {background-color: #3584c0;}
.login_fm_wrap form > div > .btn_smit.order {background-color: #999;}
.login_fm_wrap .member_login {float: left;width: 470px;}
.login_fm_wrap .order_login {float: right;width: 470px;}

/*비밀번호, 아이디 찾기*/
.idpw_find_wrap {position: relative;clear: both;display: table;width: 100%;margin-top: 50px;padding: 27px 0;border:1px #d4d4d4 solid;}
.idpw_find_wrap .box {display: table-cell;vertical-align: top;color: #000;letter-spacing: -1px;line-height: 1.4;padding-left: 30px;border-left:1px #d4d4d4 solid;}
.idpw_find_wrap .box:first-child {border-left: none;}
.idpw_find_wrap .box .tit {font-size: 17px;font-weight: 600;margin-bottom: 30px;}
.idpw_find_wrap .box .txt1 {font-size: 13px;}
.idpw_find_wrap .box .btn_area1 {margin: 0;padding: 0;margin-top: 20px;text-align: left;}
.idpw_find_wrap .box .btn_area1 .hgbtn {padding: 0 10px;min-width: 115px;height: 32px;line-height: 29px;font-size: 14px;font-weight: normal;}

/*고객센터*/
/*cu_nav*/
.cu_tit_box h3 {font-size: 30px;margin-bottom: 45px;font-weight: 600;color: #000;text-align: center;}
.cu_nav {clear: both;position: relative;}
.cu_nav > ul {margin: 0 0 25px 0;text-align: center;font-size: 0;}
.cu_nav > ul > li {display: inline-block;margin: 0 10px;}
.cu_nav > ul > li > a {display: inline-block;padding: 0 20px;padding-bottom: 8px;font-size: 18px;font-weight: 600;color: #666;border-bottom:2px #fff solid;}
.cu_nav > ul > li:hover > a,
.cu_nav > ul > li.on > a {color: #222;border-color:#222;}

/*고객센터 메인*/
#cu_wrap {clear: both;position: relative;}

.cu_board {position: relative;margin-top: 30px;}
.cu_board:after {content: "";clear: both;display: table;width: 100%;}
.cu_board .cubox {position: relative;float: left;margin-left: 20px;}
.cu_board .cubox:first-child {margin-left: 0;}

/*고객센터 메인 공지사항*/
.cu_board .cu_notice {padding: 15px 0;width: 388px;height: 294px;border-top:1px #ddd solid;border-bottom:1px #ddd solid;color: #000;}
.cu_board .cu_notice h3 {margin-bottom: 25px;font-size: 17px;font-weight: 600;}
.cu_board .cu_notice ul > li {line-height: 1.4;margin: 13px 0;}
.cu_board .cu_notice ul > li:first-child {margin-top: 0;}
.cu_board .cu_notice ul > li > a {font-size: 14px;}
.cu_board .cu_notice a.btn_more {display: block;position: absolute;top: 16px;right: 4px;padding-right: 13px;font-size: 13px;color: #333;}
.cu_board .cu_notice a.btn_more:after {content:"";position: absolute;top: 6px;right: 0;display: block;width: 4px;height: 6px;background : url(/images/btn_more_ico.png) no-repeat 0 0;}

/*고객센터 메인 바로가기 링크*/
.cu_board .cu_dir_link {width: 398px;overflow: hidden;}
.cu_board .cu_dir_link:after {content: "";clear: both;display: table;width: 100%;}
.cu_board .cu_dir_link > div.inner {width: 420px;}
.cu_board .cu_dir_link > div.inner > a {display: block;float: left;width: 194px;height: 142px;margin: 0 10px 10px 0;padding: 77px 0 0 13px;background-color: #f4f4f4;background-repeat: no-repeat;color: #000;}
.cu_board .cu_dir_link > div.inner > a.link1 {background-image: url(../images/ico_cal.png);background-position: 146px 20px;}
.cu_board .cu_dir_link > div.inner > a.link2 {background-image: url(../images/ico_sample2.png);background-position: 143px 20px;}
.cu_board .cu_dir_link > div.inner > a.link3 {background-image: url(../images/ico_buy_info.png);background-position: 143px 20px;}
.cu_board .cu_dir_link > div.inner > a.link4 {background-image: url(../images/ico_qna2.png);background-position: 137px 20px;}
.cu_board .cu_dir_link > div.inner > a > span {display: block;}
.cu_board .cu_dir_link > div.inner > a .tit {margin-bottom: 3px;font-size: 17px;color: #000;font-weight: 600;}
.cu_board .cu_dir_link > div.inner > a .txt {font-size: 12px;color: #333;line-height: 1.4;letter-spacing: -1px;}

/*고객센터 메인 banking_info*/
.cu_board .cu_banking {width: 254px;height: 294px;padding: 15px 0 0 18px;border: 2px #ddd solid;}
.cu_board .banking_info {position: relative;font-size: 13px;}
.cu_board .banking_info > p.tit {margin-bottom: 10px;font-size: 22px;color: #010101;font-weight: 600;padding-left: 36px;background: url(/images/ico_headset.png) no-repeat 0 0;}
.cu_board .banking_info > div {line-height: 1.5;}
.cu_board .banking_info > div .tit {display: inline-block;width: 65px;font-weight: 600;}

/* 고객센터 메인 acc_info */
.cu_board .acc_info {position: relative;margin-top: 20px;width: 100%;}
.cu_board .acc_info > .tit {margin-bottom: 5px;font-size: 18px;color: #1a4683;font-weight: 600;vertical-align: middle;}
.cu_board .acc_info > div {line-height: 1.4;font-size: 13px;}
.cu_board .acc_info > div li {}
.cu_board .acc_info > div li .tit {display: inline-block;width: 65px;font-weight: 600;}

/*faq_wrap*/
#cu_wrap .faq_wrap {margin-top: 90px;}
.faq_wrap {clear: both;position: relative;}
.faq_wrap .faq_sh_box {position: relative;padding: 40px 10px;background-color: #f6f6f6;text-align: center;}
.faq_wrap .faq_sh_box label {display: inline-block;font-size: 18px;font-weight: 600;color: #000;}
.faq_wrap .faq_sh_box input[type="text"] {width: 420px;margin-left: 5px;}
.faq_wrap .faq_sh_box .btn_smit {padding: 0;width: 62px;height: 40px;line-height: 40px;margin-left: 5px;background-color: #556076;color: #fff;font-size: 16px;}

/*faq nav*/
.faq_wrap .faq_nav {position: relative;margin-top: 40px;}
.faq_wrap .faq_nav ul {}
.faq_wrap .faq_nav ul:after {content: "";clear: both;display: table;width: 100%;}
.faq_wrap .faq_nav ul > li {float: left;margin-left: 28px;}
.faq_wrap .faq_nav ul > li:first-child {margin-left: 0;}
.faq_wrap .faq_nav ul > li > a {position: relative;display: block;padding-left: 28px;font-size: 15px;color: #666;letter-spacing: -1px;}
.faq_wrap .faq_nav ul > li.on > a {color: #000;font-weight: 600;}
.faq_wrap .faq_nav ul > li > a:before {content: "|";display: block;position: absolute;top: -1px;left: 0;color: #666;}
.faq_wrap .faq_nav ul > li:first-child > a {padding-left: 0;}
.faq_wrap .faq_nav ul > li:first-child > a:before {display: none;}

/*faq list*/
#faq_list {clear: both;position: relative;margin-top: 22px;border-top:1px #858585 solid;}
#faq_list > ul > li {position: relative;padding-right: 38px;border-top:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid;cursor: pointer;}
#faq_list > ul > li:after {content: "";display: block;position: absolute;top: 20px;right: 20px;width: 19px;height: 11px;background: url(../images/ico_faq_open.png) no-repeat 0 0;
/* -webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; */
}
#faq_list > ul > li:first-child {border-top: none;}
#faq_list > ul > li.on {border-color: #858585;}
#faq_list > ul > li.on:after {background: url(../images/ico_faq_close.png) no-repeat 0 0;}
#faq_list .q {position: relative;display: table;width: 100%;padding: 15px 0;font-size: 14px;line-height: 1.4;cursor: pointer;}
#faq_list .q .lb {display: table-cell;padding-left: 20px;width: 190px;color: #666;}
#faq_list .q .lb a {color: #666;}
#faq_list .q .txt {display: table-cell;color: #000;}
#faq_list .q .txt a {color: #000;}

#faq_list .a {padding: 0px 0 15px 190px;margin-top: 10px;line-height: 1.5;font-size: 13px;color: #666;display: none;word-break:keep-all;}
#faq_list > ul > li.on .a {display: block;}

/*qna*/
.qna_txtbox {clear: both;position: relative;padding: 30px;margin-bottom: 25px;background-color: #f6f6f6;}
.qna_txtbox p {font-size: 14px;color: #777;line-height: 25px;}
.qna_txtbox strong {font-size: 17px;font-weight: 600;color: #000;display: block;}

/*견적문의*/
.estimate_wrap .agree_wrap {position: relative;clear: both;margin: 30px 0 50px 0;letter-spacing: -1px;}
.estimate_wrap .agree_wrap .txt1 {font-size: 17px;font-weight: 600;color: #000;margin-bottom: 10px;}
.estimate_wrap .agree_wrap .agr_txt_box {position: relative;margin-bottom: 10px;height: 170px;overflow-x: hidden;overflow-y: auto;border:1px #bbb solid;letter-spacing: -1px;}
.estimate_wrap .agree_wrap .agr_txt_box .inner {padding: 10px;line-height: 1.4;}

.bd_ta_tit {clear: both;margin-bottom: 20px;padding-bottom: 15px;border-bottom:1px #5977a4 solid;}
.bd_ta_tit:after {content: "";clear: both;display: table;width: 100%;}
.bd_ta_tit h5 {font-size: 17px;font-weight: 600;color: #000;}
.bd_ta_tit .stxt1 {padding: 5px 0 0 15px;font-size: 13px;color: #ff0000;}
.bd_ta_tit .same_check {font-size: 14px;color: #ff0000;}

table.estimate_ta th {padding: 5px 0;font-size: 15px;font-weight: normal;color: #000;text-align: left;}
table.estimate_ta td {padding: 5px 0;font-size: 14px;font-weight: normal;text-align: left;color: #000;}
table.estimate_ta td .txt1 {color: #3584c0;font-size: 13px;}

table.estimate_ip_ta {margin-top: 20px;border-top:1px #5977a4 solid;}
table.estimate_ip_ta thead th {padding: 15px 0;font-size: 15px;font-weight: normal;color: #000;background-color: #f5f5f5;}
table.estimate_ip_ta td {padding: 20px 0;font-size: 15px;font-weight: normal;text-align: center;color: #000;border-bottom:1px #c6c6c6 solid;}
table.estimate_ip_ta td .txt1 {color: #3584c0;font-size: 13px;}

table.estimate_txt_ta {}
table.estimate_txt_ta tbody th {padding: 20px 10px;font-size: 15px;font-weight: normal;text-align: left;color: #000;background-color: #f5f5f5;letter-spacing: -1px;border-bottom:1px #5977a4 solid;}
table.estimate_txt_ta tbody th span {display: block;margin-top: 8px;font-size: 12px;color: #666;line-height: 1.4;}
table.estimate_txt_ta td {padding: 20px 10px;font-size: 15px;color: #000;border-bottom:1px #5977a4 solid;}
table.estimate_txt_ta .btn_ip_add {display: block;margin-bottom: 15px;color: #3584c0;font-size: 13px;padding-left: 19px;background: url(../images/btn_plus.gif) no-repeat 0 2px;}
table.estimate_txt_ta .btn_ip_del {display: block;color: #ff0000;font-size: 13px;padding-left: 19px;background: url(../images/btn_minus.gif) no-repeat 0 2px;}

/*order wrap*/
#order_wrap {position: relative;margin-top: 30px;}
#order_wrap .order_step_box {}
#order_wrap .order_step_box ol {}
#order_wrap .order_step_box ol:after {content: "";clear: both;display: table;width: 100%;}
#order_wrap .order_step_box ol > li {position: relative;float: left;width: 370px;height: 57px;line-height: 57px;margin-left: -15px;padding:0 54px 0 38px;background: url(/images/order_step_box_step2_off.png) no-repeat 0 0;}
#order_wrap .order_step_box ol > li:first-child {padding-left: 15px;margin-left: 0;background: url(/images/order_step_box_step1_off.png) no-repeat 0 0;}
#order_wrap .order_step_box ol > li:after {content: "";clear: both;display: table;width: 100%;}
#order_wrap .order_step_box ol > li span.num {float: left;font-size: 17px;font-weight: 500;color: #a4bdd0;}
#order_wrap .order_step_box ol > li span.num > span {font-size: 20px;}
#order_wrap .order_step_box ol > li span.txt {float: right;font-size: 15px;color: #575757;}

#order_wrap .order_step_box ol > li.on {background: url(/images/order_step_box_step2_on.png) no-repeat 0 0;}
#order_wrap .order_step_box ol > li.on:first-child {padding-left: 15px;margin-left: 0;background: url(/images/order_step_box_step1_on.png) no-repeat 0 0;}
#order_wrap .order_step_box ol > li.on span.num {color: #fff;}
#order_wrap .order_step_box ol > li.on span.txt {color: #fff;}

.cart_txt1 {font-size: 14px;color: #000;margin: 25px 0 10px 0;}
.btn_area1.cart_btn_area .hgbtn {padding: 0 10px;min-width: 130px;height: 41px;line-height: 38px;font-size: 15px;}

/*order 상품리스트 공통 테이블*/
table.cart {}
table.cart > tbody > tr > td {font-size: 14px;line-height: 1.5;}
table.cart > tbody > tr > td.prd_name {text-align: left;padding-left: 20px;}
table.cart > tbody > tr > td.total {font-weight: 600;color: #e60013;}
table.cart > tbody > tr > td.delivery {color: #e60013;}
table.cart > tbody > tr > td.stat {color: #005dac;}
table.cart > tbody > tr > td.stat a {color: #005dac;}
table.cart td.prd_thum img {width: 82px;height: 82px;border:1px #dedede solid;}
table.cart td.stat {color: #005dac;}
table.cart .order_num {text-decoration: underline;color: #000;}
table.cart a.btn_delivery {display: block;color: #ff6600;text-decoration: underline;}
table.cart .date {text-decoration: underline;}

#order_wrap .total_box {position: relative;margin-top: 30px;width:100%;padding:0 0 15px 0;border-bottom:1px #eee solid;*zoom:1;}
#order_wrap .total_box:after {content:"";clear:both;display:table;width: 100%;}
#order_wrap .total_box .total_txt {float:left;padding-top: 10px;}
#order_wrap .total_box .total_txt .txt1 {font-size:14px;margin-bottom: 10px;}
#order_wrap .total_box .total_txt .txt {font-size:13px;color:#000;margin-bottom:15px;line-height:1.3;}
#order_wrap .total_box .total_txt .cu_tel {font-size:20px;font-weight: 600;color:#ff4e00;line-height:100%;}

#order_wrap .total_box table.total {float:right;width:330px;font-size:14px;}
#order_wrap .total_box table.total th {font-weight: normal;padding:10px 0 10px 6px;border-bottom:1px #eee solid;text-align: left;}
#order_wrap .total_box table.total td {padding:10px 6px 10px 0;text-align:right;border-bottom:1px #eee solid;}
#order_wrap .total_box table.total tr.delivery th,
#order_wrap .total_box table.total tr.delivery td {color:#005dac;}
#order_wrap .total_box table.total tr.etc_txt td {padding-top: 0;border-bottom: none;color: #005dac;text-align: left;}
#order_wrap .total_box table.total tr.order_total th,
#order_wrap .total_box table.total tr.order_total td,
#order_wrap .order_total {font-size:16px;font-weight:600;color:#e60013;border-bottom:none;}
#order_wrap .order_total td,
#order_wrap .order_total th {font-size:16px;}


#order_wrap .agree_wrap {position: relative;clear: both;margin-top: 30px;letter-spacing: -1px;}
#order_wrap .agree_wrap .txt1 {font-size: 17px;font-weight: 600;color: #000;margin-bottom: 10px;}
#order_wrap .agree_wrap .agr_txt_box {position: relative;margin-bottom: 10px;height: 170px;overflow-x: hidden;overflow-y: auto;border:1px #bbb solid;letter-spacing: -1px;}
#order_wrap .agree_wrap .agr_txt_box .inner {padding: 10px;line-height: 1.4;}

/*주문자정보*/
.order_ta_tit {clear: both;margin-bottom: 20px;padding-bottom: 15px;border-bottom:1px #5977a4 solid;}
.order_ta_tit:after {content: "";clear: both;display: table;width: 100%;}
.order_ta_tit h5 {font-size: 17px;font-weight: 600;color: #000;}
.order_ta_tit .stxt1 {padding: 5px 0 0 15px;font-size: 13px;color: #ff0000;}
.order_ta_tit .same_check {font-size: 14px;color: #ff0000;}

.order_info {margin-top: 50px;}
table.order_info_ta th {padding: 5px 0;font-size: 15px;font-weight: normal;color: #000;text-align: left;}
table.order_info_ta td {padding: 5px 0;font-size: 14px;font-weight: normal;text-align: left;color: #000;}
table.order_info_ta td .txt1 {color: #3584c0;font-size: 13px;}

/*배송지 정보*/
.delivery_info {margin-top: 60px;}

/*결제 정보*/
.pay_info {margin-top: 65px;border-bottom:1px #5977a4 solid;}
.pay_info tr.total th {color: #ff0000;}
.pay_info tr.total td {color: #ff0000;font-weight: 600;}
.pay_info tr.total td span.num {font-size: 25px;}
.pay_info .pay_type_list li {margin: 5px 0;font-size: 15px;}
.pay_info .caution {font-size: 13px;color: #3584c0;line-height: 1.4;}

/*페이 타입 정보*/
.pay_info .pay_type_fm {display: none;}

/*주문완료*/
.order_ok_txt {text-align: center;position: relative;padding: 60px 0;}
.order_ok_txt .inner {text-align: left;display: inline-block;min-height:100px;padding:5px 0 0 115px;background: url(../images/ico_order_ok.png) no-repeat 0 0;}
.order_ok_txt h4 {font-size: 20px;font-weight: 600;color: #000;}
.order_ok_txt .txt1 {font-size: 15px;color: #666;margin-bottom: 20px;}
.order_ok_txt .num {font-size: 20px;color: #e60013;font-weight: 600;}

/*주문결과*/
.order_result_info {margin-top: 70px;}
.order_result_info .order_ta_tit {margin-top: 45px;margin-bottom: 0;border-bottom: none;}
.order_result_info .order_ta_tit:first-child {margin-top: 0;}
.order_result_info table {border-top:1px #5977a4 solid;}
.order_result_info table th {padding: 20px 30px;font-size: 15px;font-weight: normal;color: #000;text-align: left;background-color: #f5f5f5;border-bottom:1px #e3e3e3 solid;}
.order_result_info table td {padding: 20px 30px;font-size: 15px;font-weight: normal;text-align: left;color: #000;border-bottom:1px #e3e3e3 solid;}
.order_result_info table tr:last-child th,
.order_result_info table tr:last-child td {border-bottom-color:#5977a4;}
.order_result_info tr.total th {color: #ff0000;}
.order_result_info tr.total td {color: #ff0000;font-weight: 600;}
.order_result_info tr.total td span.num {font-size: 25px;}
.order_result_info .stxt1 {color: #3584c0;}

.order_caution {font-size: 14px;color: #3584c0;line-height: 1.5;}

/*주문조회*/
.order_list_wrap {position: relative;}
.order_check_tab_btn {position: relative;margin-bottom: 30px;}
.order_check_tab_btn > ul {position: relative;}
.order_check_tab_btn > ul:before {content: "";display: block;position: absolute;bottom:0;left: 0;z-index: 90;width: 100%;height: 1px;background: #444;}
.order_check_tab_btn > ul:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.order_check_tab_btn > ul > li {position: relative;z-index: 100;float: left;width: 216px;height: 44px;line-height: 44px;}
.order_check_tab_btn > ul > li:first-child {}
.order_check_tab_btn > ul > li > a {position: absolute;bottom:0;left: 0;display: block;width: 100%;height: 100%;font-size: 15px;color: #555;text-align: center;background: #f6f6f6;border:1px #d9d9d9 solid;border-bottom-color: #444;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.order_check_tab_btn > ul > li.on > a {font-size: 16px;height: 44px;line-height: 44px;background-color: #fff;border-color: #444;border-bottom-color: #fff;color: #e40013;font-weight: 600;}
.order_list_wrap .txt1 {margin-bottom: 30px;font-size: 14px;color: #000;}

#order_list_cts {margin-bottom: 30px;}

#order_wrap .order_detail_step_box {margin-bottom: 45px;}
#order_wrap .order_detail_step_box ol {}
#order_wrap .order_detail_step_box ol:after {content: "";clear: both;display: table;width: 100%;}
#order_wrap .order_detail_step_box ol > li {position: relative;float: left;width: 228px;height: 57px;line-height: 57px;margin-left: -15px;padding:0 30px 0 38px;background: url(/images/order_detail_step_box_step2_off.png) no-repeat 0 0;}
#order_wrap .order_detail_step_box ol > li:first-child {padding-left: 15px;margin-left: 0;background: url(/images/order_detail_step_box_step1_off.png) no-repeat 0 0;}
#order_wrap .order_detail_step_box ol > li:after {content: "";clear: both;display: table;width: 100%;}
#order_wrap .order_detail_step_box ol > li span.num {float: left;font-size: 17px;font-weight: 500;color: #a4bdd0;}
#order_wrap .order_detail_step_box ol > li span.num > span {font-size: 20px;}
#order_wrap .order_detail_step_box ol > li span.txt {float: right;font-size: 15px;color: #575757;}

#order_wrap .order_detail_step_box ol > li.on {background: url(/images/order_detail_step_box_step2_on.png) no-repeat 0 0;}
#order_wrap .order_detail_step_box ol > li.on:first-child {padding-left: 15px;margin-left: 0;background: url(/images/order_detail_step_box_step1_on.png) no-repeat 0 0;}
#order_wrap .order_detail_step_box ol > li.on span.num {color: #fff;}
#order_wrap .order_detail_step_box ol > li.on span.txt {color: #fff;}

/*개인결제*/
#pay_list_wrap {position: relative;overflow: hidden;}
#pay_list_wrap > ul {width: 1100px;}
#pay_list_wrap > ul > li {float: left;width: 250px;margin: 0 20px 20px 0;text-align: center;line-height: 1.5;}
#pay_list_wrap > ul > li > dl > dt {display: table;width: 100%;height: 250px;}
#pay_list_wrap > ul > li > dl > dt > a {display: table-cell;vertical-align: middle;}
#pay_list_wrap > ul > li > dl > dd.prd_name {font-size: 14px;color: #333;}
#pay_list_wrap > ul > li > dl > dd.price {padding: 5px 0;font-size: 14px;font-weight: 600;color: #000;}
#pay_list_wrap > ul > li > dl > dd span.stat {display: inline-block;font-family: "돋움", dotum;padding: 3px 7px;font-size: 11px;color: #fff;background-color: #ff5400;}

/*이벤트*/
.event_top_pic {margin: 30px 0 60px 0;}

/*샘플리스트 유의사항*/
.sample_cart_caution {clear: both;position: relative;margin: 100px 0 50px 0;border:3px #495165 solid;}
.sample_cart_caution > .inner {padding: 40px 0 40px 40px;font-size: 15px;line-height: 1.7;}
.sample_cart_caution .tit {padding: 10px 15px 10px 55px;font-size: 18px;font-weight: 600;color: #fff;background: #495165 url(../images/ico_sample_cart_tit.png) no-repeat 15px 2px;}
.sample_cart_caution .txt1 {font-size: 17px;margin-bottom: 10px;}
.sample_cart_caution .tit > span {color: #ffc600;}
.sample_cart_caution .list1 {color: #005dac;}
.sample_cart_caution .list1 .lb {font-weight: 600;}

.sample_cart_caution .bk_list {margin: 30px 0;color: #000;}
.sample_cart_caution .bk_list .lb {font-weight: 600;}

.sample_cart_caution .check_tit {margin: 30px 0 0 0;font-size: 17px;font-weight: 600;color: #ff0000;}

/*마이페이지*/
.user_shop_info {margin-bottom: 65px;padding: 10px 15px;position: relative;border:2px #e4e4e4 solid;letter-spacing: -1px;}
.user_shop_info:after {content:"";display: block;clear: both;display: table;width: 100%;}
.user_shop_info table {width: 500px;font-size: 14px;color: #000;}
.user_shop_info table th {padding: 6px;font-weight: 600;text-align: left;line-height: 1.5;}
.user_shop_info table td {padding: 6px;line-height: 1.5;}
.user_shop_info .shop_info {float: left;}
.user_shop_info .user_priv_info {float: right;}

/*샘플 이용 가이드*/
.sample_guide {}
.sample_guide ol {line-height: 1.8;margin-top: 54px;}
.sample_guide ol:first-child {margin-top: 0;}
.sample_guide ol li {margin: 3px 0;}
.sample_guide span.num {display: inline-block;width: 22px;height: 22px;line-height: 20px;margin: 0 5px;background-color: #ff0000;color: #fff;font-weight: 600;text-align: center;border-radius: 50%;}
.sample_guide .img1 {margin-top: 10px;}

/*약관*/
#privacy_wrap {position: relative;}
#privacy_wrap .tit {position: relative;font-size: 17px;font-weight: 600;color: #000;margin-bottom: 10px;}
#privacy_wrap .txtbox {position: relative;height: 650px;overflow-x: hidden;overflow-y: auto;font-size: 13px;line-height: 1.5;border:1px #bbb solid;}
#privacy_wrap .txtbox > .inner {position: relative;padding: 10px;}
#privacy_wrap .txtbox p {font-weight: 600 !important;margin: 0 0 5px 0;}