@charset "utf-8";

/* **************************************************************************************
* 반응형 스킨 사용자/제작자 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;} */
.detail_title_area .name,
.title_container>h2,
.goods_spec_sections .deatil_price_area .sale_price .num,
#total_goods_price {font-weight:400;}

/* 헤더 */
.layout_header{box-shadow:none; padding:80px 0 10px;}
.layout_header .resp_wrap {position:relative;}
.layout_header .util_wrap {position:absolute; top:-58px; right:40px; height:auto; border-bottom:0; z-index:1;}
.layout_header .util_wrap_menu2 {padding-right:0;}
.layout_header .util_wrap_menu2 > li > a {height:auto; line-height:inherit; padding:0 20px 0 0; font-size:14px; color:#000;}
.layout_header .util_wrap_menu2 > li {display:inline-block; background:none;}
#layout_header .benefit {top:25px; margin-left:-38px;}
.layout_header .logo_wrap { min-height:60px; }
.layout_header .logo_wrap .logo_area > a {height:auto; display:inline-block; font-size:0;}
.layout_header .logo_wrap .logo_area {display:inline-block; font-size:0;}
.layout_header .resp_top_hamburger {display:none;}
.layout_header .respCartArea .cart_cnt {color:#bf9f4f;}
.layout_header .resp_top_search {top:-4px; right:40px;}
.layout_header .resp_top_search .btn_search_open {display:none !important; margin-top:1px;}
.layout_header .resp_top_search .search_ver2 {opacity:1; overflow:visible; transform:translateX(0);}
.layout_header .resp_top_search .search_ver2 .search_new .contetns_area {width:248px;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area .cont {width:250px; height:30px; border-radius:0; border:0; border-bottom:1px solid #767676; padding:0;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area {text-align:left;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area label.search_box {width:calc(100% - 60px);}
.layout_header .resp_top_search .search_ver2 .search_new .input_area button.search {width:50px; background:none; text-align:right;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area button.close {display:none;}
.layout_header .nav_wrap {border-top:none;}
.layout_header .nav_wrap .respCategoryList .categoryDepthLink {color:#666;}
.layout_header .categoryAllBtn {height:50px; line-height:51px; border:none;}
@media only screen and (max-width:1023px) {
	.layout_header {padding:20px 0 0;}
	.layout_header .util_wrap {display:none;}
	.layout_header .logo_wrap {display:block; position:relative; text-align:center; padding:15px 0 0;}
    .layout_header .logo_wrap .resp_wrap {padding-top:0; padding-bottom:0;}
	.layout_header .resp_top_hamburger {display:block; left:10px;}
	.layout_header .resp_top_hamburger>a {width:30px; height:30px;}
    .layout_header .resp_top_cart {display:block; right:40px; margin-top:-15px; width:20px;}
	.layout_header .resp_top_search {top:50%; right:10px;}
    .layout_header .resp_top_search .btn_search_open {display:block !important; width:26px; height:26px; margin-top:12px;}
    .layout_header .resp_top_search .search_ver2 {opacity:0; overflow:hidden;}
    .layout_header .resp_top_search .search_ver2.on {opacity:1; overflow:visible;}
    .layout_header .resp_top_search .search_ver2.on .search_new .input_area .cont {border:1px solid #767676; height:40px;}
    .layout_header .resp_top_search .search_ver2 .search_new .input_area label.search_box {width:calc(100% - 90px);}
    .layout_header .resp_top_search .search_ver2 .search_new .input_area button.close {display:inline-block;}
}
@media only screen and (max-width:479px) {
    .layout_header .logo_wrap.flying .resp_top_hamburger {left:10px;}
    .layout_header .logo_wrap.flying .resp_top_search {right:10px;}
}

/* 풋터 */
.layout_footer .footer_a {border-top:0; text-align:left; padding:0;}
.layout_footer .footer_c {border:0; padding:0 0 20px;}
.layout_footer .list {float:left;}
.layout_footer .list>li {font-size:12px; color:#444;}
.layout_footer .list .compay_phone {font-weight:300; letter-spacing:1px;}
.layout_footer .list2 {float:right; margin-top:63px;}
.layout_footer .list2>li {display:inline-block; padding-left:20px;}
.layout_footer .menu3 {margin-top:30px;}
.layout_footer .menu3>li {color:#999; letter-spacing:0.5px;}
.layout_footer .copyright {padding:15px 0; color:#444;}
.layout_footer .escrow {right:40px;}
@media only screen and (max-width:1023px) {
    .layout_footer .escrow {right:10px;}
}
@media only screen and (max-width:820px) {
    .layout_footer .list {float:none;}
    .layout_footer .list2 {float:none; margin-top:30px;}
    .layout_footer .list2>li {padding:0 15px 0 0;}
}
@media only screen and (max-width:360px) {
	.layout_footer .menu3 {padding-right:0;}
}


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

/* 메인 - 레이아웃 */
.left_section {display:block; float:left; width:353px;}
.left_section .etc_nav {margin-bottom:60px;}
.left_section .etc_nav > li {float:left; margin-left:17px;}
.left_section .etc_nav > li:first-child {margin-left:0;}
.left_section .etc_nav > li a {font-size:14px; color:#666}
.left_section .nav_wrap .respCategoryList {width:auto;}
.left_section .nav_wrap .respCategoryList > li {position:relative; padding-bottom:20px;}
.left_section .nav_wrap .respCategoryList > li .categorySub {display:none; position:absolute; left:100px; top:-15px; background:#fbfaf9; z-index:10; padding:10px 10px 10px 15px; min-width:140px; }
.left_section .nav_wrap .respCategoryList > li .categorySub .categorySubDepth {padding:5px 0; position:relative;}
.left_section .nav_wrap .respCategoryList > li .categorySub .categorySubDepth a {letter-spacing:0.5px; font-size:14px; color:#929191;}
.left_section .nav_wrap .respCategoryList > li .categorySub .categorySubBanner {padding-top:10px;}
.left_section .nav_wrap .respCategoryList > li > a {font-size:14px; color:#666; letter-spacing:0.5px;}
.left_section .nav_wrap .respCategoryList > li:hover > .categorySub {display:block;}
.left_section .nav_wrap .respCategoryList > li:hover > a,
.left_section .nav_wrap .respCategoryList > li > .categorySub li:hover > a {color:#bf9e4f;}
.left_section .nav_wrap .respCategoryList .categorySubWrap .categoryDepth3 { opacity:0; position:absolute; left:100%; top:-1px; min-width:140px; white-space:nowrap; padding:4px 0; background:#f2ebe5; border-radius:2px;  transform:translateX(-2px); transition:all 0.2s 0.05s; }
.left_section .nav_wrap .respCategoryList .categorySubWrap .categoryDepth3>li>a { display:block; font-size:13px; line-height:1.3; padding:4px 10px; color:#767676; transition:transform 0.2s; }
.left_section .nav_wrap .respCategoryList .categorySubWrap .categoryDepth3>li:hover>a { transform:translateX(2px); }
.left_section .nav_wrap .respCategoryList .categorySubWrap .categoryDepth2>li:hover .categoryDepth3 { opacity:1; transform:translateX(0); z-index:3; }
.left_section .nav_wrap .respCategoryList .categorySubWrap .categoryDepth3 + a:after { display:block; content:''; width:5px; height:31px; position:absolute; right:5px; top:0; background:url(../images/common/bul_gnb_3depth_a.png) 50% 50% no-repeat; opacity:0.4; }
.left_section .nav_wrap .respCategoryList .categorySubWrap .categoryDepth2>li:hover .categoryDepth3 + a:after { opacity:1; }
.right_section {float:right; width:calc(100% - 353px);}
@media only screen and (max-width:1279px) {
    .left_section {width:250px;}
    .right_section {width:calc(100% - 250px);}
}
@media only screen and (max-width:1023px) {
	.left_section {display:none;}
	.right_section {width:100%;}
}

/* 메인 - 타이틀 */
.title_group1 {padding:50px 0 0; text-align:left;}
.title_group1 .title1 {font-size:15px; font-weight:normal; color:#666;}

/* 메인 - 슬라이드 배너 */
.main_slider .slick-prev, .main_slider .slick-next, .main_slider .slick-arrow , .bot_slider .slick-prev, .bot_slider .slick-next, .bot_slider .slick-arrow {display:none !important;}
.main_slider .slick-dots>li>button, .bot_slider .slick-dots>li>button {width:12px; height:12px; border-radius:50%; border:1px solid rgba(93, 93, 93, 0.8) !important; background:rgba(255, 255, 255, 0.8); box-shadow:unset;}
.main_slider .slick-dots>li.slick-active>button, .bot_slider .slick-dots>li.slick-active>button {width:12px; border:1px solid rgba(93, 93, 93, 0.81) !important; background:rgba(93, 93, 93, 0.81);}
.main_slider .slick-dots>li, .bot_slider .slick-dots>li {padding:0 5px;}
.bot_slider {margin:70px 0 10px;}
.bot_slider .slick-dots {width:auto; text-align:left; bottom:66px; left:62px;}
@media only screen and (max-width:1023px) {
    .main_slider .slick-slide img,
    .bot_slider .slick-slide img {width:100%;}
}
@media only screen and (max-width:479px) {
    .bot_slider .slick-dots {bottom:20px; left:20px;}
}

/* 메인 - 상품디스플레이 */
.main_display_n1 .display_responsible_class .goods_list li.gl_item {width:50%; box-sizing:border-box;}


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

/* 모바일 하단 화살표 */
#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;}
}

/* 사이드 메뉴 */
.aside_cs_phone {font-weight:300;}
.aside_cs_phone:before {display:none;}
.title_sub3.v2 {font-size:14px;}
.side_close {margin-top:10px;}
.side_close:before, .side_close:after {height:2px;}

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

/* 페이지 경로 */
.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:#bf9f4f; background-color:#bf9f4f;*/} /* 상세 버튼 */
.resp_login_wrap .btn_resp.size_login1:hover,
.btn_resp.color2:hover {/*border-color:#ad8d3e; background-color:#ad8d3e;*/}
.btn_resp.color6 {border-color:#999; background-color:#999;} /* 레이어 버튼 */
.btn_resp.color6:hover {border-color:#767676; background-color:#767676;}

/* 단독 이벤트 */
.spec_solo_event .remain_time .title,
.displaY_event_time .title,
.cart_list .cgd_contents .event_area .title,
.spec_solo_event .event_datetime_box,
.displaY_event_time .time_container,
.cart_list .cgd_contents .event_area .time {/*background-color:#bf9f4f;*/}

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

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

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