@charset "utf-8";

/* main */
#main_visual {position: relative;overflow: hidden;height: 535px;}
#main_visual .cycle-slideshow {position: relative;left: 50%;width: 1800px;margin-left: -900px;}
#main_visual .cycle-slideshow .cycle-slide {position: relative;width: 100%;text-align: center;}
#main_visual .cycle-slideshow .cycle-slide img {width: auto;height: auto;}
#main_visual .cycle-slideshow .cycle-slide-active {}

/* pager */
#main_visual .cycle-pager {position: absolute;bottom:18px;left: 0;text-align: center;z-index: 300;width: 100%;overflow: hidden;background:none;}
#main_visual .cycle-pager span {text-indent: -99999px;font-family: arial; font-size: 0px; width: 20px; height: 4px;margin:0 3px;display: inline-block; color:red; cursor: pointer;background: #fff;
-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;
}
#main_visual .cycle-pager span.cycle-pager-active { width: 40px;background: #646464;}
#main_visual .cycle-pager > * { cursor: pointer;}

/* prev / next links */
#main_visual .cycle-prev, .cycle-next {position: absolute; top: 0; width: 30%; opacity: 0;z-index: 800; height: 50%; cursor: pointer; }
#main_visual .cycle-prev { left: 0;}
#main_visual .cycle-next { right: 0;}

#main_visual .slide_article {position: absolute;top: 0;left: 50%;width: 1080px;margin-left: -600px;}
#main_visual .slide_article .txtbox {position: absolute;text-align: center;letter-spacing: -0.6px;opacity: 0;}
#main_visual .slide_article .txtbox .txt1 {display: inline-block;font-size: 18px;color: #203390;padding-bottom: 2px;border-bottom: 1px #203390 solid;}
#main_visual .slide_article .txtbox .txt2 {font-size: 67px;font-weight: 600;color: #1e283d;}
#main_visual .slide_article .txtbox .txt3 {font-size: 16px;color: #1e283d;}

#main_visual .slide1 .txtbox {top: 67px;right: 10px;}
#main_visual .slide2 .txtbox {top: 117px;left: 0px;}
#main_visual .slide3 .txtbox {top: 117px;right: 80px;}

/* 메인 회사정보 */
#cp_info1 {padding-top: 38px;letter-spacing: -1px;}
#cp_info1 > .inner {overflow: hidden;}
#cp_info1 > .inner > div#cu_info {float: left;width: 636px;}
#cp_info1 > .inner > div#bn_slide {float: left;}

/* 공지사항 */
#cp_info1 .notice_wrap {position: relative;float: left;width: 48%;padding: 5px 20px 5px 0px;}
#cp_info1 .notice_wrap .tit {font-size: 17px;font-weight: 600;color: #000;}
#cp_info1 .notice_wrap ul {position: relative;padding-top: 18px;line-height: 1.5;}
#cp_info1 .notice_wrap ul a {display: block;font-size: 14px;color: #333;display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#cp_info1 .notice_wrap ul a > span {display: inline-block;color: #000;margin-right: 10px;display: none;}
#cp_info1 .notice_wrap ul a > span:after {content: "|";display: inline-block;padding: 0 5px;}
#cp_info1 .notice_wrap .btn_more {position: absolute;top: 2px;right: 20px;font-size: 12px;color: #000;}

/*문의사항*/
#cp_info1 .qna_wrap {position: relative;float: left;width: 52%;padding: 5px 0 5px 20px;border-left:1px #d6d6d6 solid;}
#cp_info1 .qna_wrap .tit {font-size: 17px;font-weight: 600;color: #000;}
#cp_info1 .qna_wrap .box {position: relative;padding-top: 18px;line-height: 1.5;}
#cp_info1 .qna_wrap .box a.btn-mail {font-size: 16px;}
#cp_info1 .qna_wrap .box p {font-size: 14px;letter-spacing: -1px;}

/* banking_info */
#cp_info1 .banking_info {position: relative;padding-top: 10px;margin-top: 10px;border-top: 1px #b5b5b5 solid;font-size: 12px;}
#cp_info1 .banking_info:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
#cp_info1 .banking_info > p.tit {font-size: 21px;color: #1e283d;font-weight: 700;padding-left: 36px;background: url(/images/ico_headset.png) no-repeat 0 0;}
#cp_info1 .banking_info > div {float: left;line-height: 1.5;}
#cp_info1 .banking_info > div.time_box {width: 140px;}
#cp_info1 .banking_info > div.addr_box {width: 180px;}
#cp_info1 .banking_info > div {margin-top: 5px;}
#cp_info1 .banking_info > div .tit {display: inline-block;width: 62px;font-weight: 600;}
#cp_info1 .banking_info > div .txt {}
#cp_info1 .banking_info > div.addr_box  {margin-left: 90px;}
#cp_info1 .banking_info .txt1 {clear: both;padding-top: 5px;letter-spacing: -0.7px;}
#cp_info1 .banking_info .txt1 strong {color: #ed243d;}

/* acc_info */
#cp_info1 .acc_info {position: relative;display: table;width: 100%;padding: 10px 0;margin-top: 10px;border-top: 1px #b5b5b5 solid;border-bottom: 1px #b5b5b5 solid;font-size: 12px;}
#cp_info1 .acc_info > .tit {display: table-cell;width: 100px;font-size: 16px;color: #1a4683;font-weight: 600;vertical-align: middle;}
#cp_info1 .acc_info > div {display: table-cell;line-height: 1.4;width: 320px;}
#cp_info1 .acc_info > div li {float: left;width: 50%;}

/* dir_links */
#dir_links {clear: both;width: 100%;padding-top: 5px;}
#dir_links > ul {padding-top: 10px;border-top:1px #d6d6d6 solid;}
#dir_links > ul:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
#dir_links > ul > li {position: relative;float: left;width: 20%;padding-top: 14px;text-align: center;}
#dir_links > ul > li.dir_link1 {width: 17%;}
#dir_links > ul > li.dir_link2 {width: 22%;}
#dir_links > ul > li.dir_link3 {width: 22%;}
#dir_links > ul > li.dir_link4 {width: 22%;}
#dir_links > ul > li.dir_link6 {width: 17%;}
#dir_links > ul > li:after {content: "";display: block;position: absolute;top: 0;left: 50%;z-index: 10;width: 73px;height: 73px;margin-left: -36.5px;background-color: #ececec;border-radius: 50%;}
#dir_links > ul > li > a {position: relative;z-index: 20;display: block;padding-top: 63px;font-size: 14px;font-weight: 600;color: #333;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-ms-transition-duration: 0.2s;-o-transition-duration: 0.2s;transition-duration: 0.2s;}
#dir_links > ul > li:hover > a {color: #1a4683;}

#dir_links > ul > li.dir_link1 a {background: url(../images/ico_qna.png) no-repeat center 0;}
#dir_links > ul > li.dir_link1:hover a {background: url(../images/ico_qna_ov.png) no-repeat center 0;}

/*포트폴리오*/
/* #dir_links > ul > li.dir_link1 a {background: url(../images/ico_porfol.png) no-repeat center 0;}
#dir_links > ul > li.dir_link1:hover a {background: url(../images/ico_porfol_ov.png) no-repeat center 0;} */

#dir_links > ul > li.dir_link2 a {background: url(../images/ico_cadalog.png) no-repeat center 3px;}
#dir_links > ul > li.dir_link2:hover a {background: url(../images/ico_cadalog_ov.png) no-repeat center 3px;}

#dir_links > ul > li.dir_link3 a {background: url(../images/ico_cacul.png) no-repeat center 3px;}
#dir_links > ul > li.dir_link3:hover a {background: url(../images/ico_cacul_ov.png) no-repeat center 3px;}

#dir_links > ul > li.dir_link4 a {background: url(../images/ico_sample.png) no-repeat center 0;}
#dir_links > ul > li.dir_link4:hover a {background: url(../images/ico_sample_ov.png) no-repeat center 0;}

#dir_links > ul > li.dir_link5 a {background: url(../images/ico_card.png) no-repeat center 7px;}
#dir_links > ul > li.dir_link5:hover a {background: url(../images/ico_card_ov.png) no-repeat center 7px;}

#dir_links > ul > li.dir_link6 a {background: url(../images/ico_sell_info.png) no-repeat center 7px;}
#dir_links > ul > li.dir_link6:hover a {background: url(../images/ico_sell_info_ov.png) no-repeat center 7px;}

/* 메인 상단 배너 */
#bn_slide {position: relative;overflow: hidden;width: 442px;height: 200px;padding-left: 10px;vertical-align: top;}
#bn_slide .cycle-slideshow {position: relative;width: 432px;height: 200px;}
#bn_slide .cycle-slideshow .cycle-slide {position: relative;width: 100%;text-align: center;}
#bn_slide .cycle-slideshow .cycle-slide img {width: 432px;height: 200px;}
#bn_slide .cycle-slideshow .cycle-slide-active {}

/* pager */
#bn_slide .cycle-pager {position: absolute;bottom: 15px;left: 0px;text-align: left;z-index: 350;width: 100%;overflow: hidden;background:none;padding-left: 20px;}
#bn_slide .cycle-pager span {text-indent: -99999px;font-family: arial; font-size: 0px; width: 12px; height: 12px;margin:0 5px;display: inline-block; color:red; cursor: pointer;background: #fff;border-radius: 50%;
-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;
}
#bn_slide .cycle-pager span.cycle-pager-active {background: #cfcfcf;}
#bn_slide .cycle-pager > * { cursor: pointer;}

/* prev / next links */
#bn_slide .cycle-prev, .cycle-next {position: absolute; top: 0; width: 30%; opacity: 0;z-index: 800; height: 50%; cursor: pointer; }
#bn_slide .cycle-prev { left: 0;}
#bn_slide .cycle-next { right: 0;}

/* 메인 퀵서치 영역 */
#quick_search_wrap {padding-top: 100px;display: table;width: 100%;}
#quick_search_wrap > .inner > div {display: table-cell;}

/* 메인 퀵서치 */
#quick_search {position: relative;width: 636px;}
#quick_search .btit {text-align: center;font-size: 28px;font-weight: 600;color: #000;margin-bottom: 25px;}
#quick_search .btit > span {color: #ed243d;}
#quick_search .opts_wrap {position: relative;height: 380px;padding: 22px 21px;border:1px #1e283d solid;background-color: #f7f7f7;}
#quick_search .opts_wrap:after {content: "";display: table;width: 100%;clear: both;}
#quick_search .search_opt_line {position: relative;float: left;width: 80px;margin-left: 10px;letter-spacing: -0.7px;}
#quick_search .search_opt_line:first-child {margin-left: 0;}
#quick_search .search_opt_line > .tit {display: block;padding-bottom: 10px;margin-bottom: 12px;font-size: 14px;font-weight: 600;color: #214999;border-bottom:1px #c3c3c3 solid;letter-spacing: -1px;}
#quick_search .search_opt_line > .opts_ip {vertical-align: top;}
#quick_search .search_opt_line > .opts_ip:after {content: "";display: table;clear: both;width: 100%;}
#quick_search .search_opt_line > .opts_ip label {min-height:17px;margin-bottom: 18px;display: block;color: #000;font-size: 12px;line-height: 1.3;}
#quick_search .search_opt_line > .opts_ip label > span.txt {display: block;}

#quick_search .search_opt_line.label_pic {overflow: hidden;width: 146px;margin-left: 20px;vertical-align: top;font-size: 0;}
#quick_search .search_opt_line.label_pic > .opts_ip {width: 170px;}
#quick_search .search_opt_line.label_pic > .opts_ip label {float: left;display: block;width: 70px;height: 70px;margin: 0 6px 6px 0;text-align: center;}
#quick_search .search_opt_line.label_pic > .opts_ip input[type=checkbox] + label {position: relative;display:inline-block;font-size: 11px;color: #000;height: 80px;line-height:1.1;vertical-align: top;padding-left:0;border:1px #5c5f65 solid;background: #fff;letter-spacing: -1px;}
#quick_search .search_opt_line.label_pic > .opts_ip input[type=checkbox]:checked + label {border:2px #e60013 solid;}
#quick_search .search_opt_line.label_pic > .opts_ip input[type=checkbox] + label img {margin-bottom: 3px;}
/*#quick_search .search_opt_line.label_pic > .opts_ip input[type=checkbox] + label[for="shape-atomizer"] img {margin-bottom: 2px;}*/
#quick_search .search_opt_line.label_pic > .opts_ip input[type=checkbox] + label span.box {position: absolute;top: 0;left: 0;display: table;width: 100%;height: 100%;text-align: center;}
#quick_search .search_opt_line.label_pic > .opts_ip input[type=checkbox] + label span.box span.inner {display: table-cell;vertical-align: middle;}
#quick_search .search_opt_line.label_pic > .opts_ip input[type=checkbox] + label span.box span.txt {display: block;}

#quick_search .btn_area1 {clear: both;padding: 0;padding-top: 8px;}
#quick_search .btn_smit {width: 100px;text-align: center;height: 35px;line-height: 35px;font-size: 16px;font-weight: 600;color: #fff;background-color: #213f7f;}

/* 메인 new item, sale item */
.rec_item .btit {text-align: center;font-size: 30px;font-weight: 600;color: #000;margin-bottom: 25px;}
.rec_item .btit > span {color: #38445d;vertical-align: top;}
.rec_item .item_bn img {vertical-align: top;}
#new_item {width: 222px;height: 365px;padding-left: 12px;}
#sale_item {width: 222px;height: 365px;padding-left: 12px;}

/* 메인 BEST SELLER */
#best_seller_wrap {padding: 25px 0 30px 0;margin-top: 110px;background: #f2f5f7;}
#best_seller_wrap .btit {margin-bottom: 30px;font-size: 40px;font-weight: 600;color: #38445d;text-align: center;}
#best_seller_wrap .btit > span {color: #000;}

.best_seller_banner {position: relative;max-width:100%;margin: 0 auto;}
.best_seller_banner .owl-item {position:relative;text-align: center;}

/* 상품 */
.best_seller_banner .owl-item .item {width: 187px;height: 280px;margin: 0 auto;border:1px #f2f5f7 solid;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.best_seller_banner .owl-item .item:hover {border:1px #1e283d solid;}
.best_seller_banner .owl-item .item dl {}
.best_seller_banner .owl-item .item dl > dt,
.best_seller_banner .owl-item .item dl > dd {}
.best_seller_banner .owl-item .item dl > dt.item_pic {display: table;width: 100%;height: 204px;}
.best_seller_banner .owl-item .item dl > dt.item_pic a {display: table-cell;width: 100%;vertical-align: middle;text-align: center;}
.best_seller_banner .owl-item .item dl > dt.item_pic img {width: auto;max-width: 100%;height: auto;}
.best_seller_banner .owl-item .item dl > dt.item_name a {font-size: 14px;color: #000;}
.best_seller_banner .owl-item .item dl > dd.item_price {padding-top: 15px;font-size: 15px;font-weight: 600;}

.best_seller_banner .owl-prev,
.best_seller_banner .owl-next {display: block;position: absolute;top: 0;text-indent: -9999px;font-size: 12px;z-index: 100;width: 30px;height: 100%;cursor: pointer;}
.best_seller_banner .owl-prev {left:0;background: url(/images/btn_carousel_prev.png) no-repeat left center;}
.best_seller_banner .owl-next {right:0;background: url(/images/btn_carousel_next.png) no-repeat right center;}

/* 메인 추천상품 */
#rec_product_wrap {margin-top: 90px;}
#rec_product_wrap .btit {margin-bottom: 30px;font-size: 40px;font-weight: 600;color: #38445d;text-align: center;}
#rec_product_wrap .btit > span {color: #000;}

/* item list */
.item_list_wrap {clear: both;position: relative;}
.item_list_wrap ul.item_list:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.item_list_wrap ul.item_list > li {float: left;width: 25%;margin: 10px 0;text-align: center;}
.item_list_wrap ul.item_list > li:hover {}
.item_list_wrap .item_info {position: relative;width: 252px;height: 385px;margin: 0 auto;line-height: 1.4;border:1px #fff solid;
-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_wrap .item_info:hover {border:1px #1e283d solid;}
.item_list_wrap .item_info .item_pic {position: relative;display: table;width: 100%;height: 290px;}
.item_list_wrap .item_info .item_pic > a {display: table-cell;vertical-align: top;}
.item_list_wrap .item_info .item_pic > a img {width: auto;max-width: 250px;height: auto;}
.item_list_wrap .item_info .item_stat {margin-bottom: 4px;font-size: 12px;color: #ed243d;}
.item_list_wrap .item_info .item_stat a {color: #ed243d;}
.item_list_wrap .item_info .item_name {margin-bottom: 8px;font-size: 14px;color: #000;}
.item_list_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_wrap .item_info .item_price {font-size: 15px;font-weight: 600;color: #000;display: none;}

/* 메인 배너1 */
#main_banner1_wrap {margin-top: 80px;background: #f3f4f4;}
#main_banner1_wrap .main_banner_list img {width: auto;max-width: 100%;height: auto;}

/* 메인 포폴 탭 */
#main_portfolio_wrap {margin-top: 100px;}
.porfol_tab_btn {position: relative;}
.porfol_tab_btn > ul {position: relative;}
.porfol_tab_btn > ul:before {content: "";display: block;position: absolute;bottom:0;left: 0;z-index: 90;width: 100%;height: 1px;background: #444;}
.porfol_tab_btn > ul:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
.porfol_tab_btn > ul > li {position: relative;z-index: 100;float: left;width: 216px;height: 44px;margin-left: 20px;}
.porfol_tab_btn > ul > li:first-child {margin-left: 44px;}
.porfol_tab_btn > ul > li > a {position: absolute;bottom:0;left: 0;display: block;height: 32px;line-height: 32px;width: 100%;font-size: 16px;text-align: center;border:1px #fff solid;border-bottom: none;text-decoration: none;
-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;
}
/* .porfol_tab_btn > ul > li:hover > a, */
.porfol_tab_btn > ul > li.on > a {height: 44px;line-height: 44px;}
.porfol_tab_btn > ul > li.enjoy_ejpack > a {background: #fff;color: #000;border-color: #404041;}
.porfol_tab_btn > ul > li.product_rewards > a {background: #e60013;border-color: #e60013;color: #fff;}
.porfol_tab_btn > ul > li.editors_picks > a {background: #000;border-color: #000;color: #fff;}

/* 메인 포폴 탭 컨텐츠 */
#main_portfolio_wrap .tab_cts {position: relative;padding-top: 30px;display: none;}
#main_portfolio_wrap .tab_cts .pf_list:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
#main_portfolio_wrap .tab_cts .pf_list > li {position: relative;float: left;margin-left: 20px;}
#main_portfolio_wrap .tab_cts .pf_list > li:first-child {margin-left: 0;}
#main_portfolio_wrap .tab_cts .pf_list > li a {display: block;position: relative;overflow: hidden;}
#main_portfolio_wrap .tab_cts .pf_list > li img {
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#main_portfolio_wrap .tab_cts .pf_list > li:hover img {
-ms-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
}
#main_portfolio_wrap .tab_cts .pf_list  p.titbar {display: block;position: absolute;	bottom: 0;left: 50%;z-index: 200;width: 145px;margin-left: -72.5px;height: 30px;line-height: 30px;text-align: center;font-size: 13px;}
#main_portfolio_wrap .tab_cts .pf_list  p.titbar:after {content:"";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.6;}
#main_portfolio_wrap .tab_cts .pf_list  p.titbar > span {position: relative;z-index: 40;display: inline-block;color: #fff;}