@charset "utf-8";

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

body,th,td,input,select,textarea,button,pre{ font-weight:300; }

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


/* -------------------------------------- Header -------------------------------------- */
.layout_header { box-shadow:0 1px rgba(0, 0, 0, 0.1); }
.layout_header .util_wrap { padding-top:10px; border:none; }
.layout_header .util_wrap a { color:#333; }
.layout_header .util_wrap_menu2 { padding-right:320px; }
.layout_header .util_wrap_menu2>li { background-image:none; }
.layout_header .util_wrap_menu2>li>a { padding-left:12px; padding-right:12px; }
.layout_header .util_wrap_menu2 .respCartArea .img { display:inline-block; width:25px; height:20px; vertical-align:top; margin-top:10px; background:url('../images/design_resp/icon_cart_701.png') 0 50% no-repeat; }
.layout_header .util_wrap_menu2 .respCartArea .cart_cnt1 { position:absolute; top:5px; right:-5px; }
#layout_header .benefit { top:33px; }

.resp_top_search .search_ver2 { opacity:1; overflow:visible; transform:translateX(0); }
.resp_top_search .search_ver2 .search_new .input_area button.close { display:none; }
.resp_top_search .search_ver2 .search_new .input_area button.search { background-size:16px; }
.resp_top_search .search_ver2 .search_new .input_area .cont { width:280px; text-align:left; border-radius:0; border:none; border-bottom:1px #333 solid; }
.resp_top_search .search_ver2 .search_new .input_area label.search_box { width:243px; }
.resp_top_search .search_ver2 .search_new .input_area label.search_box>input[type='text'] { padding-left:5px; }
.resp_top_search .search_ver2 .search_new .contetns_area { width:278px; border-color:#333; }
.resp_top_search .search_ver2 .search_new .autocomplete_banner { border-color:#333; }

.layout_header .logo_wrap .resp_wrap { height:75px; }
.layout_header .logo_wrap .logo_area { margin:0; position:relative; top:-35px; }
.layout_header .logo_wrap .logo_area>a { height:110px; }

.layout_header .nav_wrap,
.categoryAllBtn, .brandAllBtn, .locationAllBtn { border:none; font-weight:400; }
.layout_header .nav_wrap .respCategoryList { display:flex; align-items:center; justify-content:space-between; width:100%; }
.layout_header .nav_wrap .respCategoryList > li { float:none; width:auto; margin:0; text-align:center; flex:0 0 auto; }
.layout_header .nav_wrap .respCategoryList .categoryDepthLink { font-weight:300; }
.layout_header .nav_wrap .respCategoryList .categoryDepthLink > em:after { padding-top:3px; }
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink { color:#333; }
.layout_header .nav_wrap .respCategoryList .nav_category_all { width:auto;}
.layout_header .resp_top_cart { top:0; right:10px; margin-top:-38px; }

/* 카테고리 햄거버 */
.layout_header .nav_wrap .respCategoryList .category_burger { vertical-align:top; padding-top:13px; padding-right:40px; display:none; }
.resp_top_hamburger { position:static; left:auto; top:auto; margin-top:0; }
.side_close.on:before { transform:rotate(135deg); transition-delay:1.6s; }
.side_close.on:after { transform:rotate(-135deg); transition-delay:1.6s; }

@media only screen and (max-width:1023px) {
	.layout_header .util_wrap_menu2 { padding-right:54px; }
	.layout_header .logo_wrap .resp_wrap { height:50px; padding-top:10px; padding-bottom:10px; }
	.layout_header .logo_wrap .logo_area { top:-50px; }
	.layout_header .nav_wrap .respCategoryList .category_burger { padding-left:10px; }
}
@media only screen and (max-width:767px) {
	.layout_header .logo_wrap .resp_wrap { height:auto; min-height:70px; }
	.layout_header .logo_wrap .logo_area { top:0; }
	.layout_header .logo_wrap .logo_area>a {height:70px;}
	.layout_header .resp_top_cart { top:50%; right:50px; margin-top:-17px; }
	.resp_top_search .search_ver2 { opacity:0; overflow:hidden; transform:translateX(-20px); }
}
@media only screen and (max-width:479px) {
	.layout_header .logo_wrap .resp_wrap { height:auto; min-height:56px; }
	.layout_header .logo_wrap .logo_area>a { height:56px; }
}
/* -------------------------------------- //Header -------------------------------------- */

/* -------------------------------------- Footer -------------------------------------- */
.layout_footer { background:#f9f9f9; padding:40px 0 20px; margin-top:80px; font-size:12px; font-weight:300; }
.layout_footer a:hover, .layout_footer a:focus { text-decoration:underline; }
.layout_footer a.link_f:after,
.layout_footer span.link_f>a:after { content:' >'; }
.layout_footer .footer_contents:after {content:""; display:block; clear:both;}
.layout_footer .footer_contents>li { float:left;  box-sizing:border-box; width:40%; padding-right:20px; }
.layout_footer .footer_contents>li.footer_7c { width:20%; padding-right:0; }

.layout_footer .menu_7a1 { padding-top:20px; }
.layout_footer .menu_7a1>li { padding-top:4px; }
.layout_footer .menu_7a1>li.company { display:inline-block; vertical-align:top; margin-right:20px; color:#333; font-weight:400; }
.layout_footer .menu_7a1>li.ceo { display:inline-block; vertical-align:top; color:#333; font-weight:400; }
.layout_footer .menu_7a1>li.phone { display:inline-block; vertical-align:top; margin-right:20px; }
.layout_footer .menu_7a1>li.fax { display:inline-block; vertical-align:top; }

.layout_footer .menu_7b1>li { padding-top:4px; }
.layout_footer .menu_7b1>li.company_phone { font-size:27px; font-weight:100; }

.layout_footer .menu_7c1>li { padding-top:4px; }

.layout_footer .privacy a { font-weight:400; color:#333; }
.layout_footer .copyright { margin-top:10px; font-size:11px; }
.layout_footer .title_f {  margin-top:23px; font-size:13px; color:#333; }
.layout_footer .escro { margin-top:20px; }

@media only screen and (max-width:1023px) {
	.layout_footer .footer_contents>li { width:50%; }
	.layout_footer .footer_contents>li.footer_7c { width:100%; }
}
@media only screen and (max-width:767px) {
	.layout_footer .footer_contents>li.footer_7a,
	.layout_footer .footer_contents>li.footer_7b,
	.layout_footer .footer_contents>li.footer_7c { width:100%; }
}
/* -------------------------------------- //Footer -------------------------------------- */

/* -------------------------------------- 메인 -------------------------------------- */
/* 비쥬얼 슬라이드배너( .main_visual_07a ) */
.main_visual_07a { padding-bottom:40px; }
.main_visual_07a .slick-slide { margin:0 8px; position:relative; text-align:center; }
.main_visual_07a .slide_contents { position:absolute; left:0; top:0; right:0; bottom:0; }
.main_visual_07a .wrap1 {  position:absolute; left:0; top:0; display:table; width:100%; height:100%; }
.main_visual_07a .wrap2 { display:table-cell; vertical-align:bottom; color:#fff; transition:all 0.2s; }
.main_visual_07a .text_wrap { padding:10px 20px 40px; }
.main_visual_07a .text_wrap .text1 { font-size:58px; font-weight:300; line-height:1.2; text-shadow:0 0 1px #767676; transition:text-shadow .2s linear; }
.main_visual_07a .text_wrap .text2 { padding-top:20px; font-size:19px; font-weight:100; text-shadow:0 0 2px #666; transition:text-shadow .2s linear; }
.main_visual_07a .text_wrap .btns a { display:block; position:absolute; left:0; top:0; right:0; bottom:0; }
.main_visual_07a .wrap1:hover .wrap2 { background:rgba(0,0,0,0.2); }
.main_visual_07a .wrap1:hover .text1 { text-shadow:0 0 6px #fffb85; transition-delay:.1s; }
.main_visual_07a .wrap1:hover .text2 { text-shadow:0 0 4px #fffb85; transition-delay:.1s; }
.main_visual_07a .slick-dots { bottom:-30px; }
.main_visual_07a .slick-dots>li { padding:0 6px; }
.main_visual_07a .slick-dots>li>button { width:12px; height:12px; border-radius:6px; opacity:1; transition:all 0.4s; box-shadow:none; border:1px #bbb solid; }
.main_visual_07a .slick-dots>li.slick-active>button { border-color:#464646; background-color:#464646; }

.main_visual_07a .slick-slider .slick-arrow { top:calc( 50% - 40px ); width:52px; height:100px; border-radius:0; background-color:transparent; background-size:auto; }
.main_visual_07a .slick-slider:hover .slick-arrow { opacity:1; }
.main_visual_07a .slick-slider:hover .slick-arrow:hover { opacity:0.8; background-color:#444; }
.main_visual_07a .slick-slider .slick-prev { left:53px; background-image:url('../images/design_resp/arr_prev_0701.png'); background-position:50% 50%; }
.main_visual_07a .slick-slider .slick-next { right:53px; background-image:url('../images/design_resp/arr_next_0701.png'); background-position:50% 50%; }

@media only screen and (max-width:1280px) {
	.main_visual_07a .text_wrap { padding:10px 10px 30px; }
	.main_visual_07a .text_wrap .text1 { font-size:48px;  }
	.main_visual_07a .text_wrap .text2 { padding-top:16px; font-size:18px; }
}
@media only screen and (max-width:1024px) {
	.main_visual_07a .text_wrap { padding:10px 10px 20px; }
	.main_visual_07a .text_wrap .text1 { font-size:40px;  }
	.main_visual_07a .text_wrap .text2 { padding-top:15px; font-size:17px; }
}
@media only screen and (max-width:768px) {
	.main_visual_07a .slick-slide { margin:0 4px; }
	.main_visual_07a .text_wrap .text1 { font-size:34px;  }
	.main_visual_07a .text_wrap .text2 { padding-top:14px; font-size:16px; }
}
/* //비쥬얼 슬라이드배너( .main_visual_07a ) */


.main_title_a { font-size:24px; line-height:1.2; font-weight:400; color:#333; text-align:center; margin:90px 0 40px; }

.main_bnr_x1 { display:table; width:100%; table-layout:fixed; }
.main_bnr_x1>li { display:table-cell; vertical-align:middle; }
.main_bnr_x1>li.img_area { width:63%; }
.main_bnr_x1>li.text_area { padding-left:6%; }
.main_bnr_x1 .title { font-size:21px; line-height:1.3; font-weight:400; }
.main_bnr_x1 .subject { margin-top:20px; font-size:30px; line-height:1.3; font-weight:700; }
.main_bnr_x1 .desc { margin-top:20px; font-size:15px; line-height:1.6; font-weight:300; }
.main_bnr_x1 .desc a { color:#767676; }

.main_bnr_x2 { margin-top:100px; text-align:center; position:relative; overflow:hidden; }
.main_bnr_x2 .text_area { position:absolute; left:0; top:50%; right:0; transform:translateY(-50%); text-align:left; }
.main_bnr_x2 .title { font-size:21px; line-height:1.3; font-weight:500; }
.main_bnr_x2 .subject { margin-top:20px; font-size:54px; line-height:1.2; font-weight:700; }
.main_bnr_x2 .desc { margin-top:20px; font-size:15px; line-height:1.6; font-weight:300; }

@media only screen and (max-width:1279px) {
	.main_bnr_x2 .img_area img { max-width:120%; margin-left:-10%; margin-right:-10%; }
	.main_bnr_x2 .subject { font-size:52px; }
}
@media only screen and (max-width:1023px) {
	.main_title_a { margin:80px 0 32px; }

	.main_bnr_x1>li.img_area { width:50%; vertical-align:top; }
	.main_bnr_x1>li.text_area { padding-left:5%; }
	.main_bnr_x1 .title { font-size:20px; }
	.main_bnr_x1 .subject { font-size:28px; }

	.main_bnr_x2 .img_area img { max-width:140%; margin-left:-20%; margin-right:-20%; }
	.main_bnr_x2 .subject { margin-top:18px; font-size:46px; }
	.main_bnr_x2 .desc { margin-top:18px; }
}
@media only screen and (max-width:767px) {
	.main_title_a { margin:70px 0 26px; font-size:21px; }

	.main_bnr_x1>li.text_area { padding-left:4%; }
	.main_bnr_x1 .title { font-size:19px; }
	.main_bnr_x1 .subject { margin-top:15px; font-size:24px; }
	.main_bnr_x1 .desc { margin-top:15px; }

	.main_bnr_x2 .img_area img { max-width:160%; margin-left:-30%; margin-right:-30%; }
	.main_bnr_x2 .title { font-size:18px; }
	.main_bnr_x2 .subject { margin-top:15px; font-size:40px; }
	.main_bnr_x2 .desc { margin-top:15px; }
}
@media only screen and (max-width:639px) {
	.main_bnr_x1 { display:block; width:auto; }
	.main_bnr_x1>li { display:block; }
	.main_bnr_x1>li.img_area { width:100%; }
	.main_bnr_x1>li.text_area { padding-left:0; }
	.main_bnr_x1 .title { margin-top:20px; }

	.main_bnr_x2 { margin-top:70px; }
	.main_bnr_x2 .img_area img { max-width:180%; margin-left:-40%; margin-right:-40%; }
	.main_bnr_x2 .subject { margin-top:12px; font-size:32px; }
	.main_bnr_x2 .desc { margin-top:12px; }
}
@media only screen and (max-width:479px) {
	.main_title_a { margin:60px 0 20px; }
	.main_bnr_x1 .title { font-size:18px; }
	.main_bnr_x1 .subject { margin-top:12px; font-size:21px; }
	.main_bnr_x1 .desc { margin-top:12px; }

	.main_bnr_x2 .img_area img { max-width:200%; margin-left:-50%; margin-right:-50%; }
	.main_bnr_x1 .title { font-size:17px; }
	.main_bnr_x2 .subject { margin-top:10px; font-size:29px; }
	.main_bnr_x2 .desc { margin-top:10px; font-size:13px; }
}
/* -------------------------------------- //메인 -------------------------------------- */


/* -------------------------------------- 상품디스플레이 -------------------------------------- */
.goodS_info { font-weight:300; }
.displaY_sales_price .nuM, .displaY_goods_price .nuM { font-weight:300; }
.displaY_sales_percent .nuM { font-size:15px; font-weight:300; }
.displaY_sales_percent { color:#ff4800; }

.infO_style_2 .displaY_sales_percent:after { display:none; }

.style_3_custom1 .infO_style_3 .displaY_brand_name { display:block; font-size:12px; font-weight:400; color:#7699a4; }
.style_3_custom1 .infO_style_3 .displaY_brand_name .areA:before,
.style_3_custom1 .infO_style_3 .displaY_brand_name .areA:after { content:''; }
.style_3_custom1 .infO_style_3 .displaY_goods_name { display:block; padding-top:8px; }
.style_3_custom1 .infO_style_3 .displaY_icon_images,
.style_3_custom1 .infO_style_3 .displaY_color_option { display:none; }
.style_3_custom1 .infO_style_3 .displaY_sales_price .nuM,
.style_3_custom1 .infO_style_3 .displaY_goods_price .nuM { font-weight:300; }

.style_3_custom2 .display_responsible_class .goods_list { margin-left:1px; }
.style_3_custom2 .display_responsible_class .goods_list li.gl_item { padding:0; }
.style_3_custom2 .gl_inner_item_wrap { padding:20px; border:1px #e6e6e6 solid; margin-left:-1px; margin-bottom:-1px; }
.style_3_custom2 .infO_style_3 .displaY_brand_name { display:block; font-size:12px; font-weight:400; color:#333; }
.style_3_custom2 .infO_style_3 .displaY_brand_name .areA:before,
.style_3_custom2 .infO_style_3 .displaY_brand_name .areA:after { content:''; }
.style_3_custom2 .infO_style_3 .displaY_goods_name { display:block; padding-top:8px; font-size:13px; }
.style_3_custom2 .infO_style_3 .displaY_goods_name a { color:#999; }
.style_3_custom2 .infO_style_3 .displaY_sales_price .nuM, .style_3_custom2 .infO_style_3 .displaY_goods_price .nuM { font-size:13px; color:#999; }

.style_3_custom2 .infO_style_3 .displaY_icon_images,
.style_3_custom2 .infO_style_3 .displaY_color_option { display:none; }

.style_4_custom1 .infO_style_4 .displaY_goods_name { border:none; padding-bottom:0; }
.style_4_custom1 .infO_style_4 .displaY_goods_short_desc { display:none; }

.display_tab_custom ul.displayTabType1 { text-align:center; }
.display_tab_custom ul.displayTabType1>li { float:none; display:inline-block; width:auto !important; border:none; background:transparent; font-size:15px; padding:0 25px; }
.display_tab_custom ul.displayTabType1>li.current { font-weight:500; }

[data-effect*="translateY_01"] .gl_item .respItemImageArea,
[data-effect*="translateY_01"] .slink { transition:transform 0.2s; }
[data-effect*="translateY_01"] .gl_item:hover .respItemImageArea,
[data-effect*="translateY_01"] .slink:hover { transform:translateY( -10px ); }

@media only screen and (max-width:1023px) {
	.style_3_custom2 .gl_inner_item_wrap { padding:10px; }
}
@media only screen and (max-width:639px) {
	.display_tab_custom ul.displayTabType1>li { padding:0 15px; }
}
/* -------------------------------------- //상품디스플레이 -------------------------------------- */

/* -------------------------------------- 상품 리스트 페이지 -------------------------------------- */
.searched_item_display .item_info_area .goods_price_area .discount_rate { color:#ff4800; }
.searched_item_display[data-displaytype='lattice'] .item_info_area .goods_price_area .discount_rate { float:right; margin-right:10px; }
.searched_item_display .item_info_area .goods_price_area .discount_rate .num { font-size:17px; font-weight:300; }
.searched_item_display .item_info_area .goods_price_area .discount_rate:after { content:''; display:none; }
.searched_item_display .item_info_area .goods_price_area .sale_price .num,
.searched_item_display .item_info_area .goods_sold_area .num { font-weight:400; }

.searched_item_display .item_info_area .goods_name_area .brand_name { display:block; padding-bottom:5px; font-size:12px; font-weight:400; color:#7699a4; }
.searched_item_display .item_info_area .goods_name_area .brand_name:before,
.searched_item_display .item_info_area .goods_name_area .brand_name:after { display:none; }
/* -------------------------------------- //상품 리스트 페이지 -------------------------------------- */

/* 주문/결제 */
.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;}