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

/* **************************************************************************************
* 반응형 스킨 사용자/제작자 CSS
Author : 퍼스트몰(firstmall)
Author URL : http://www.firstmall.kr
Creation Date : 2019-03-05
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 .bookmark>li>a,
.layout_header .util_wrap_menu2>li>a,
.layout_header .categoryAllBtn,
.layout_header .nav_wrap .respCategoryList .categoryDepthLink,
.layout_footer .title,
.layout_footer .list>li,
.layout_footer .menu2>li,
.layout_footer .menu3>li,
.layout_footer .copyright,
.layout_side .aside_cs_phone,
.layout_side .aside_cs_addinfo{font-family:'', sans-serif !important;}

/* 헤더 */
.layout_header {background-color:transparent; box-shadow: 0 2px 2px rgba(0, 0, 0, 0);}
.layout_header .util_wrap {height:0; border-color:transparent; background:transparent;}
.layout_header .logo_wrap .resp_wrap {max-width:100%;}
.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 .resp_top_hamburger {display:none; left:40px;}
.layout_header .resp_top_cart {display:block; right:75px; margin-top:-17px; width:22px; height:22px; 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 .resp_top_search {display:block; top:50%; right:40px; margin-top:-25px;}
.layout_header .resp_top_search a.btn_search_open {width:22px; height:22px; background:url('../images/design_resp/icon_search.png') 0 center no-repeat; background-size:cover;}
.layout_header .user_info {height:auto; line-height:1.4; padding-top:1px; padding-right:15px; color:#999;}
.layout_header .nav_wrap {border-color:transparent; clear:both;}
.layout_header .nav_wrap .respCategoryList {width:80%; margin:auto;}
.layout_header .nav_wrap .respCategoryList .categoryAllBtn {border-color:transparent;}
.layout_header .nav_wrap .respCategoryList .categoryDepthLink {color:#555;}
.layout_header .nav_wrap .respCategoryList .categoryDepth1:hover .categoryDepthLink {color:#000;}
.layout_header #cateSwiper .respCategoryList {width:auto; margin:auto; table-layout:auto;}
.layout_header #cateSwiper .respCategoryList>li {padding:0 30px; white-space:nowrap;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn,
.layout_header #cateSwiper .respCategoryList .custom_nav_link .categoryDepthLink {font-size:25px;}
.layout_header #cateSwiper .respCategoryList .nav_category_all {width:200px; padding:0;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn {width:100%; text-align:left; font-weight:400;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn .icon {vertical-align:middle; margin:0 10px 2px 0;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub {display:none; position:absolute; left:0; width:180px; background:rgba(255,255,255,0.8); padding:20px 0 20px 30px; min-height:230px;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categoryDepthLink {height:40px; line-height:41px; text-align:left;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categoryDepthLink>em {display:block; height:35px;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categorySub {top:0; left:100%; box-sizing:border-box; min-height:100%; border-color:transparent; background:rgba(0,0,0,0.3); padding:20px;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categorySubWrap .categoryDepth2>li {border-color:transparent;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categorySubWrap .categoryDepth2>li>a,
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categorySubWrap .categoryDepth2>li:hover>a {font-size:15px; color:#fff;}
@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 .resp_top_cart {right:90px; width:30px; height:30px; background:url('../images/design_resp/icon_cart2.png') 0 center no-repeat; background-size:cover;}
    .layout_header .resp_top_search {right:50px;}
    .layout_header .resp_top_search a.btn_search_open {width:30px; height:30px; background:url('../images/design_resp/icon_search2.png') 0 center no-repeat; background-size:cover;}
    .layout_header .nav_wrap .respCategoryList {width:100%;}
    .layout_header #cateSwiper .designCategoryNavigation .respCategoryList {display:table;}
    .layout_header #cateSwiper .designCategoryNavigation .respCategoryList>li {display:table-cell; padding:0;}
    .layout_header #cateSwiper .designCategoryNavigation .respCategoryList .nav_category_all {display:none !important;}
}
@media only screen and (max-width:1023px) {
	.layout_header .resp_top_hamburger {left:10px;}
	.layout_header .resp_top_cart {right:50px;}
    .layout_header .resp_top_search {right:10px;}
}
@media only screen and (max-width:479px) {
    .layout_header .resp_top_cart {display:none;}
    .layout_header .resp_top_search {top:50%; right:10px;}
    .layout_header #cateSwiper .respCategoryList .custom_nav_link .categoryDepthLink {font-size:15px;}
}

/* 풋터 */
.layout_footer .footer_a {border-color:transparent; padding:0;}
.layout_footer .menu1>li {max-width:inherit; padding-top:0;}
.layout_footer .list>li {display:inline-block; position:relative; padding:0 15px 0 0; line-height:1.8;}
.layout_footer .list>li:after {display:block; content:'/'; position:absolute; top:0; right:3px;}
.layout_footer .list>li:first-child {padding:0;}
.layout_footer .list>li:first-child:after,
.layout_footer .list>li:last-child:after {display:none;}
.layout_footer .list>li .tit {color:#000;}
.layout_footer .footer_b {border-color:transparent; padding-top:20px;}
.layout_footer .menu2>li>a {font-size:13px;}
.layout_footer .footer_c {border-color:transparent; padding-top:0;}
.layout_footer .line {position:relative; border-top:1px solid #f0f0f0; padding-top:20px;}
.layout_footer .line:after {display:block; content:''; position:absolute; top:20px; left:-15px; width:1px; height:60px; background:#fff;}
.layout_footer .menu3 {color:#888;}
.layout_footer .menu3>li {position:relative;}
.layout_footer .menu3>li:before {display:block; content:''; position:absolute; top:7px; left:15px; width:1px; height:10px; background:#aaa;}
.layout_footer .menu3>li.first:before {display:none;}
.layout_footer .pcolor {color:#333;}
.layout_footer .copyright {color:#333;}
.layout_footer .escrow {top:20px; right:40px;}
@media only screen and (max-width:1023px) {
    .layout_footer .escrow {right:10px;}
}
@media only screen and (max-width:767px) {
    .layout_footer .menu1>li.guide {flex:0 0 50%;}
}
@media only screen and (max-width:360px) {
	.layout_footer .menu3 {padding-right:0;}
}


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

/* 메인 - 타이틀 */
.title_group1 .title1 {font-family:'Poiret One', cursive; font-size:50px;}
@media only screen and (max-width:1023px) {
    .title_group1 .title1 {font-size:40px; letter-spacing:3px;}
}
@media only screen and (max-width:479px) {
    .title_group1 .title1 {font-size:30px;}
}

/* 메인 - 이미지 배너 (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); } /* 우측 이동 */

/* 메인 - 패럴렉스 배너 */
.full_bnr {margin-top:100px; background-position:center bottom; background-attachment:fixed; background-size:cover; padding:90px 0; text-align:center;}
.full_bnr .text_wrap {line-height:1.0;}
.full_bnr .text_wrap .text1 {font-size:90px; font-weight:100; color:#fff;}
.full_bnr .text_wrap .text2 {margin:20px auto 40px; font-size:40px; font-weight:100; color:#fff; letter-spacing:-2px;}
.full_bnr .text_wrap .sbtn > a {display:inline-block; border:1px solid rgba(255,255,255,0.8); background:rgba(255,255,255,0.1); padding:10px 30px; font-size:18px; font-weight:100; color:#fff; transition:all ease 0.5s;}
.full_bnr .text_wrap .sbtn > a:hover {border:1px solid rgba(255,255,255,1); background:rgba(255,255,255,0.2);}
@media only screen and (max-width:1023px) {
	.full_bnr {margin-top:80px; padding:80px 0;}
    .full_bnr .text_wrap .text1 {font-size:70px;}
    .full_bnr .text_wrap .text2 {font-size:30px;}
    .full_bnr .text_wrap .sbtn > a {font-size:16px;}
}
@media only screen and (max-width:768px) {
    .full_bnr {margin-top:60px; padding:60px 0; background-position:center bottom; background-attachment:scroll;}
    .full_bnr .text_wrap .text1 {font-size:40px;}
    .full_bnr .text_wrap .text2 {margin:15px auto 30px; font-size:20px; letter-spacing:-1px;}
    .full_bnr .text_wrap .sbtn > a {font-size:14px;}
}


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

/* 모바일 하단 화살표 */
#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:400;}
.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:#558500;*/}
#layout_header .benefit .arrow {/*color:#558500;*/}

/* 페이지 경로 */
.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:#218c74; background-color:#218c74;*/} /* 상세 버튼 */
.resp_login_wrap .btn_resp.size_login1:hover,
.btn_resp.color2:hover {/*border-color:#218c74; background-color:#218c74;*/}
.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, /* 상품상세 할인율 */
.layout_header .resp_top_cart .cart_cnt2, /* 상단 장바구니 */
.asie_main_menu .push_count {/*background-color:#218c74;*/} /* 사이드 장바구니 */
.goods_spec_customer_ev .ev_active2 > b {/*background:#218c74;*/} /* 상품후기 별점 */

/* 메뉴 */
.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:#558500;*/}
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink>em {/*border-color:#558500;*/}
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink>em:after {/*background:#558500;*/}

/* 탭메뉴 */
.tab_cart_top li.on .num, /* 최근본상품 */
.goods_information_tabs>a.current .num {/*background-color:#218c74;*/} /* 상품상세 */
.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;}