@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900&subset=latin-ext');

/* **************************************************************************************
* 반응형 스킨 사용자/제작자 CSS
Author : 퍼스트몰(firstmall)
Author URL : http://www.firstmall.kr
Creation Date : 2019-08-26
Modify Date : 2021-02-25
************************************************************************************** */

/*********************************** 공통 영역  ***********************************/

/* 공통 */
/* body,div,p,span,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td,input,select,option,textarea,button {font-weight:300 !important;} */

/* 헤더 */
.layout_header {background-color:transparent; box-shadow: none;}
.layout_header.bg_header {background-color:rgba(255,255,255,0.9);}
.layout_header .util_wrap {height:0; border-color:transparent; background:transparent;}
.layout_header .bookmark {position:absolute; top:50px; left:40px; margin-left:0;}
.layout_header .bookmark>li {float:left; position:relative; padding-right:20px;}
.layout_header .bookmark>li>a {font-size:14px; font-weight:400; color:#555;}
#layout_header .benefit {top:25px; margin-left:-38px;}
.layout_header .util_wrap_menu2 {position:absolute; top:50px; right:80px;}
.layout_header .util_wrap_menu2>li {background:none;}
.layout_header .util_wrap_menu2>li>a {padding-left:20px; padding-right:0; font-size:14px; font-weight:400; color:#555;}
.layout_header .logo_wrap.flying .logo_area img {max-height:none;}
.layout_header .resp_top_hamburger {display:block; left:40px;}
.resp_top_hamburger>a {width:20px;}
.resp_top_hamburger>a:before {transform:translateY(-7px) rotate(0deg);}
.resp_top_hamburger>a:after {transform:translateY(7px) rotate(0deg);}
.layout_header .resp_top_search {display:block; position:absolute; top:50%; right:110px; margin-top:-10px;}
.layout_header .resp_top_search a.btn_search_open {margin-top:0; width:20px; height:20px; background:url('../images/design_resp/icon_search.png') 0 center no-repeat; background-size:cover;}
.layout_header .resp_top_search .search_ver2 {top:-10px;}
.layout_header .resp_top_mypage {display:block; position:absolute; top:50%; right:75px; margin-top:-10px; width:20px; height:20px; background:url('../images/design_resp/icon_mypage.png') 0 center no-repeat; background-size:cover; text-indent:-9999px}
.layout_header .resp_top_cart {display:block; position:absolute; top:50%; right:40px; margin-top:-10px; width:20px; height:20px; background:url('../images/design_resp/icon_cart.png') 0 center no-repeat; background-size:cover; padding-left:0;}
.layout_header .resp_top_cart .cart_cnt2 {position:absolute; top:-5px; right:-8px;}
.layout_header .user_info {height:auto; line-height:1.4; padding-top:1px; padding-right:15px; color:#999;}
.layout_header .nav_wrap {position:relative; border-color:transparent; clear:both;}
.layout_header .nav_wrap .respCategoryList {width:auto; margin:auto; table-layout:auto; display:flex; align-items:center; justify-content:center; list-style:none;}
.layout_header .nav_wrap .respCategoryList>li {padding:0 20px; white-space:nowrap;}
.layout_header .nav_wrap .respCategoryList .categoryDepth1{padding-right:30px;}
.layout_header .nav_wrap .respCategoryList .categoryDepth1.on .categoryDepthLink>em {border-bottom:transparent;}
.layout_header .nav_wrap .respCategoryList .categoryDepthLink>em {/*height:80px;*/}
.layout_header .nav_wrap .respCategoryList .categoryDepth1 .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink {/*height:80px; line-height:79px;*/ text-align:center; font-size:15px;}
.layout_header .nav_wrap .respCategoryList .categoryDepthLink {color:#333;}
.layout_header .nav_wrap .respCategoryList .categoryDepth1:hover .categoryDepthLink {color:#000;}
.layout_header .nav_wrap .respCategoryList .categoryDepth1 .categoryDepthLink>em:after,
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink>em:after,
.layout_header .nav_wrap .respCategoryList .categoryDepth1:hover .categoryDepthLink>em:after,
.layout_header .nav_wrap .respCategoryList .custom_nav_link:hover .categoryDepthLink>em:after {width:0; left:auto; right:-8px;}
.layout_header .nav_wrap .respCategoryList .categoryDepth1 .categoryDepthLink>em:after {bottom:-2px; content:' > '; font-family:'dotum', sans-serif; font-weight:500; transition:all 0.2s;}
.layout_header .nav_wrap .respCategoryList .categoryDepth1:hover .categoryDepthLink>em:after {bottom:2px; right:-10px; font-weight:600; transform:rotate(90deg);}

/* 카테고리 서브메뉴 - type2 */
.layout_header .nav_wrap[data-submenu='type2'] .respCategoryList { table-layout:auto; }
.layout_header .nav_wrap[data-submenu='type2'] .nav_category_area { position:relative; }
.layout_header .nav_wrap[data-submenu='type2'] .respCategoryList>li { position:static; }
.layout_header .nav_wrap[data-submenu='type2'] .categorySub {display:none; top:50px; left:0; right:0; box-sizing:border-box; width:100%; padding:0; box-shadow:none; background:rgba(255,255,255,0.9);}
.layout_header .nav_wrap[data-submenu='type2'] .categorySubWrap { /*display:table; width:100%; text-align:left;*/ max-width:1260px; margin:auto;}
.layout_header .nav_wrap[data-submenu='type2'] .categorySubWrap>div.categorySubBanner { padding:0; width:1px; }
.layout_header .nav_wrap[data-submenu='type2'] .categorySubWrap>div.categorySubBanner > p { text-align:right !important; }
.layout_header .nav_wrap[data-submenu='type2'] .categorySubWrap .categoryDepth2 { width:875px; font-size:0; padding-bottom:10px; }
.layout_header .nav_wrap[data-submenu='type2'] .categorySubWrap .categoryDepth2>li { float:left; display:inline-block; vertical-align:top; min-width:175px; min-height:46px; padding-bottom:2px; border:none; font-size:14px; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth1 .categorySubWrap .categoryDepth2>li>a { box-sizing:border-box; padding:30px 0 8px 0; width:100%; position:absolute; left:0; top:0; font-weight:500; font-size:15px; color:#333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url('ellipsis.xml#ellipsis');word-wrap:normal !important; }
.layout_header .nav_wrap[data-submenu='type2'] .categorySubWrap .categoryDepth2>li:hover>a { transform:none; color:#000; }
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth3 { margin-top:52px; font-size:13px; font-weight:300; opacity:1; position:static; left:auto; top:auto; z-index:auto; white-space:normal; border:none; background:transparent; border-radius:0;  transform:none; transition:none; }
.layout_header .nav_wrap[data-submenu='type2'] .categorySubWrap .categoryDepth3>li>a { padding:5px 0 4px 0; border-top:none; transition:none; font-size:15px; color:#333;}
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth3>li:hover>a { transform:none; color:#000;}
.layout_header .nav_wrap[data-submenu='type2'] .categoryDepth3 + a:after { display:none; }
@media only screen and (max-width:1279px) {	
    .layout_header .bookmark,
    .layout_header .util_wrap_menu2 {display:none;}
    .layout_header .resp_top_hamburger {display:block; left:50px; margin-top:-10px;}    
    .layout_header #cateSwiper .designCategoryNavigation .respCategoryList {display:table;}
    .layout_header #cateSwiper .designCategoryNavigation .respCategoryList>li {display:table-cell; padding:0;}
}
@media only screen and (max-width:1023px) {
	.layout_header .resp_top_hamburger {left:10px;}
    .layout_header .resp_top_search {right:45px;}
    .layout_header .resp_top_mypage {display:none;}
	.layout_header .resp_top_cart {right:10px;}
}

/* 풋터 */
.layout_footer .menu1 {margin-left:0;}
.layout_footer .menu1>li {width:33.3333%; max-width:none; padding-left:0; text-align:center; font-weight:300; color:#444;}
.layout_footer .list .compay_phone {font-size:36px; font-weight:300;}
.layout_footer .footer_c {border-color:#ddd; padding:40px 0; font-weight:300;}
.layout_footer .menu3 {padding-right:150px;}
.layout_footer .pcolor {color:#444;}
.layout_footer .sns {position:absolute; right:50px; top:0;}
.layout_footer .sns>li {display:inline-block; padding-left:10px;}
.layout_footer .sns>li img {transition:all ease 0.5s;}
.layout_footer .sns>li:hover img {opacity:0.6;}
.layout_footer .escrow {top:30px;}
@media only screen and (max-width:767px) {
    .layout_footer .sns {position:static; right:auto; padding-top:20px;}
    .layout_footer .escrow {padding-top:20px;}
}
@media only screen and (max-width:479px) {
	.layout_footer .footer_c {text-align:center;}  
    .layout_footer .menu3 {padding-right:0;}
}


/*********************************** 메인 페이지 ***********************************/

/* 메인/서브 - 타이틀 */
.title_group1 {padding:100px 0 20px;}
.title_group1 .title1 {font-size:36px; font-weight:200; letter-spacing:2px;}
@media only screen and (max-width:1023px) {
    .title_group1 {padding:60px 0 20px;}
    .title_group1 .title1 {font-size:30px; letter-spacing:1px;}
}
@media only screen and (max-width:479px) {    
    .title_group1 .title1 {font-size:20px; font-weight:300;}
}
.detail_title_area .name,
.goods_spec_sections .deatil_price_area .sale_price .num,
#total_goods_price {font-weight:300;}

/* 메인 - 슬라이드 배너 */
.main_slider {margin-top:100px;}
.main_slider .sslide {padding:0;}
.main_slider .slide_contents {position:relative; margin-top:30px;}
.main_slider .slide_contents .item1 {margin-bottom:10px; font-size:18px;}
.main_slider .slide_contents .item2 {font-size:13px;}
.main_slider .slick-slider:hover .slick-arrow {display:none !important;}
.main_slider .slick-dots>li>button {width:12px; height:12px; border-radius:50%; border:2px solid #fff; background:transparent;}
.main_slider .slick-dots>li.slick-active>button {width:12px; height:12px; background:#000;}
.main_slider .slick-active .simg {transform:scale(1.0);}
@media only screen and (max-width:1023px) {
    .main_slider {margin-top:80px;}
}
@media only screen and (max-width: 768px) {
    .main_slider {margin-top:60px;}
}

/* 메인 - 상품디스플레이 */
.main_display {margin-bottom:-30px; text-align:center;}
.main_display .display_slide_class {margin-top:-10px;}
.main_display .display_responsible_class {margin-top:-20px;}
.main_display .display_responsible_class .displayTabContainer {margin-top:20px;}
.main_display .display_slide_class .swiper-slide,
.main_display .display_responsible_class .goods_list {margin-left:0;}
.main_display .display_slide_class .swiper-slide>li.gl_item,
.main_display .display_responsible_class .goods_list li.gl_item {padding-left:0; text-align:center;}
.main_display .goods_display_more_btn {display:inline-block; width:120px; height:40px; line-height:38px; border:2px solid #000; font-size:12px; color:#000;}
@media only screen and (max-width: 768px) {
    .main_display {margin-bottom:0;}
}
.resp_display_goods_info {padding:15px 5px 30px;}
.displaY_color_option {height:15px; line-height:1.0}
.displaY_color_option .areA {width:25px; height:4px;}
.infO_group .displaY_brand_name {display:none;}
.infO_group .goodS_info + .displaY_goods_name {display:inline-block;}
.displaY_goods_short_desc {display:none;}
.displaY_sales_price .nuM, .displaY_goods_price .nuM {font-weight:300;}
.displaY_sales_percent {color:#ed3347;}
.searched_item_display>ul>li {text-align:center;}
.searched_item_display .item_info_area {padding:15px 0 30px;}
.searched_item_display .item_info_area .goods_price_area .sale_price .num {font-weight:300;}

/* 메인 - 이미지 배너 */
.main_bnr {margin-top:100px;}
.main_bnr>ul>li {padding:0 !important;}
.main_bnr>ul>li .bnr {overflow:hidden;}
.main_bnr>ul>li .text1 {display:block; margin:20px 0 5px; font-size:18px; font-weight:300;}
.main_bnr>ul>li .text2 {display:block; font-size:14px; font-weight:300;}
@media only screen and (max-width:1023px) {
    .main_bnr {margin-top:80px;}
}
@media only screen and (max-width:767px) {
    .main_bnr {margin-top:60px;}
    .main_bnr>ul>li {margin-top:30px;}
}
@media only screen and (max-width:479px) {
    .main_bnr>ul>li {width:100%;}
}

/* 메인 - 이미지 배너 (hover Effect) */
[data-effect] li img { transition:transform 0.3s; }
[data-effect] li.none:hover img { transform:none; }
[data-effect*="scale"] li a { display:block; overflow:hidden; }
[data-effect*="scale"] li:hover img { transform:scale(1.05); } /* 이미지 확대 */
[data-effect*="opacity"] li:hover img { opacity:0.8 } /* 이미지 불투명 */
[data-effect*="rotate_01"] li:hover img { transform:rotate(1.5deg); } /* 우측 회전 */
[data-effect*="rotate_02"] li:hover img { transform:rotate(-1.5deg); } /* 좌측 회전 */
[data-effect*="translateX_01"] li:hover img { transform:translateX(-5px); } /* 좌측 이동 */
[data-effect*="translateX_02"] li:hover img { transform:translateX(5px); } /* 우측 이동 */
[data-effect*="translateY_01"] li:hover img { transform:translateY(-5px); } /* 좌측 이동 */
[data-effect*="translateY_02"] li:hover img { transform:translateY(5px); } /* 우측 이동 */


/*********************************** 서브 페이지 ***********************************/

/* 모바일 하단 화살표 */
#floating_over .ico_floating_back {border:1px solid #ccc; background:#fff url('../images/design_resp/btn_back.png') center no-repeat; background-size:cover;}
#floating_over .ico_floating_foward {border:1px solid #ccc; background:#fff url('../images/design_resp/btn_foward.png') center no-repeat; background-size:cover;}
#floating_over .ico_floating_top {border:1px solid #ccc; background:#fff url('../images/design_resp/btn_up.png') center no-repeat; background-size:cover;}

/* 띠배너 */
.designPopupBand, .designPopupBandMobile {z-index:10;}
.designPopupBandBtn {background:url('../images/design_resp/band_btn_open.png') center no-repeat; text-indent:-9999px; z-index:210 !important;}

/* 팝업BG 감추기 */
#designPopupModalBack {display:none;}

/* 전체 카테고리 */
.all_list_contents .all_list_title {font-weight:400; line-height:1.0;}
.all_list_contents .all_list_close {background:url('../images/design_resp/del.png') 50% 50% no-repeat;}
@media only screen and (max-width:1023px) {
    .all_list_contents .all_list_close {top:18px;}
}

/* 사이드 메뉴 */
.layout_side .title_sub3.v2 {font-weight:400;}
.layout_side .aside_cs_phone:before {display:none;}
.layout_side .aside_cs_phone {font-weight:300;}
.layout_side .aside_cs_addinfo {font-weight:400; color:#666;}
.side_close {margin-top:10px;}
.side_close:before, .side_close:after {height:2px;}

/* 회원가입 혜택 */
#layout_header .benefit {/*background:#c39f6b;*/}
#layout_header .benefit .arrow {/*color:#c39f6b;*/}

/* 페이지 경로 */
.search_nav select,
.search_nav select option,
.search_nav .navi_linemap2 .selected_cate,
.search_nav .navi_linemap2 .navi_linemap_sub>li {font-size:13px;}

/* 라디오/체크박스 크기 축소 */
input[type=radio] {width:17px; height:17px;}
input[type=checkbox],
.pilsu_agree_all input[type='checkbox'],
.pilsu_agree_all2 input[type='checkbox'],
.agree_list2 input[type='checkbox'],
.agree_list3 input[type='checkbox'],
.resp_cart_wrap label.checkbox_allselect input[type='checkbox'] {width:16px; height:16px;}
.agree_list2 .agree_view {padding-bottom:0;}

/* 상품상세 라인 제거 */
.goods_spec_sections .deatil_price_area,
.goods_spec_sections .goods_spec_shipping,
.goods_buy_sections {border:none;}

/* 버튼 */
.goods_thumbs_spec #goods_spec .btn_resp.size_extra2,
.goods_thumbs_spec #goods_spec .btn_resp.color2 {height:50px; line-height:50px; font-size:16px;} /* 상세 버튼 */

/* 버튼 색상 */
.payment_method_select > li > div.active > label, /* 결제수단 */
.resp_login_wrap .btn_resp.size_login1, /* 로그인 버튼 */
.btn_resp.color2 {/*border-color:#c39f6b; background-color:#c39f6b;*/} /* 상세 버튼 */
.resp_login_wrap .btn_resp.size_login1:hover,
.btn_resp.color2:hover {/*border-color:#9f8761; background-color:#9f8761;*/}
.btn_resp.color6 {border-color:#999; background-color:#999;} /* 레이어 버튼 */
.btn_resp.color6:hover {border-color:#767676; background-color:#767676;}

 /* 할인율 외 */
.goods_spec_sections .deatil_price_area .org_price s {color:#999;} /* 상세 정가 라인 */
.respGoodsIcon.typeText {top:20px; right:20px;}
.respGoodsIcon.typeText .respGoodsIconInner {width:50px; height:50px;}  /* 디스플레이 할인율 */
.deatil_sale_rate {border-radius:50%;}
.deatil_sale_rate, /* 상품상세 할인율 */
.layout_header .resp_top_cart .cart_cnt2, /* 상단 장바구니 */
.asie_main_menu .push_count, /* 사이드 장바구니 */
.goods_spec_customer_ev .ev_active2 > b {/*background-color:#c39f6b;*/} /* 상품후기 별점 */
.spec_solo_event .event_datetime_box {/*background-color:#a08661;*/} /* 타임세일 */

/* 메뉴 */
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link:hover .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink {/*color:#333;*/}
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink>em {/*border-color:#fff;*/}
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink>em:after {/*background:#fff;*/}

/* 탭메뉴 */
.tab_cart_top li.on .num, /* 최근본상품 */
.goods_information_tabs>a.current .num {/*background-color:#c39f6b;*/} /* 상품상세 */
.goods_information_tabs>a .num {margin-left:5px; border-radius:20px; padding:3px 2px;}

/* 테이블 */
.table_row_a>tbody>tr>th, .resp_table_row>ul>li.th {border-left:1px solid #fff;}
.table_row_a>tbody>tr>td, .resp_table_row>ul>li.td, .resp_1line_table>ul>li {border-right:1px solid #fff;}
.resp_1line_table, table.list_table_style, .board_goods_select_display.v2 {border-right:1px solid #fff; border-left:1px solid #fff;}
.no_data_area2 {color:#888;}

/* 회원 */
.resp_login_wrap .box_id[type=text]::placeholder,
.resp_login_wrap .box_pw[type=password]::placeholder,
.resp_login_wrap .box_order[type=text]::placeholder {font-size:14px;} /* 로그인 */
.resp_login_wrap .login_real_area .find_join>a.Fw500 {font-weight:400 !important;}
.login_ok_menu .btn_resp.size_c {height:60px; line-height:60px; font-size:16px; font-weight:300;} /* 회원가입 완료 버튼 */

/* 주문/결제 */
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection {position:relative !important;}
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap1 {padding-left:0 !important; padding-right:0 !important;}
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap3 {width:100% !important; box-shadow:none !important;}
#typereceiptlay .labelgroup_design {margin-bottom:5px;}

/* 고객센터 */
.mycs_fcont_margin {margin-top:60px;}

/* 자주 묻는 질문 */
#bbslist .faq_new {border-top:2px solid #333;}
#bbslist .faq_new>li {margin-top:0;}
#bbslist .faq_new .question {border-bottom:1px solid #e0e0e0;}
#bbslist .faq_new .question:before {line-height:58px; padding-left:15px;}
#bbslist .faq_new .question .subject {display:block; background:none; padding:20px 10px 15px 12px;}
#bbslist .faq_new .answer {margin-top:0; border-bottom:1px solid #e0e0e0; background:#f8f8f8; padding:20px 10px 20px 52px;}
#bbslist .faq_new .answer:before {line-height:65px; padding-left:15px;}