@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&display=swap');

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

.layout_header {position:absolute; background-color:rgba(255, 255, 255, 0); box-shadow:none; width:calc(100% - 80px); padding:25px 40px 18px; }
.layout_header.flying {background-color:rgba(255, 255, 255, 0.76);}
.layout_header.flying .cart_cnt1 {background:#000; color:#FFF; border:0;}
.layout_header.flying .util_wrap_menu > li a:hover {color:#333;}

.layout_header .resp_top_hamburger {display:none;}
.resp_top_search {top:14px; right:111px;}
.layout_header .cart_cnt1 {background:#FFF; color:#000; font-size:11px; padding: 0 4px; height: 14px; margin-top: -10px;}
.layout_header .resp_top_search a.btn_search_open {background:url("../images/design_resp/icon_search2.png") 50% 50% no-repeat; margin:0; background-size: 20px;}
.layout_header .resp_top_search a.btn_search_open.white {background:url("../images/design_resp/icon_search.png") 50% 50% no-repeat; margin:0; background-size: 20px;}
.layout_header .resp_top_cart.white {background:url("../images/design_resp/m_icon_cart2.png") 0 center no-repeat;  background-size: 29px;}
.resp_top_hamburger.white>a>b, .resp_top_hamburger.white>a:before, .resp_top_hamburger.white>a:after{background:#FFF;}

.layout_header .header_wrap{position:relative; max-width: 1260px; margin: 0 auto; padding-left: 40px; padding-right: 40px;}
.layout_header .user_info {height:auto; line-height:1.7;}

.layout_header .util_wrap a:hover {color:#ccc;}
.layout_header .util_wrap {position:absolute; top:10px; left:393px; right:auto; z-index:1;}
.layout_header .util_wrap {right:0 !important; left:auto !important; top:5 !important; background:rgba(255, 255, 255, 0); border-bottom:0; display: inline; }
.layout_header .util_wrap_menu {margin-top:-20px;}
.layout_header .util_wrap_menu > li {float:left;}
.layout_header .util_wrap_menu > li a {font-size:10px; padding-left:10px;}
.layout_header .util_wrap_menu2 {padding:6px 0 0;}
.layout_header .util_wrap_menu2>li>a {height:auto; line-height:normal; padding: 0 6px;}
.layout_header .util_wrap_menu2>li {background:none;}

.layout_header .logo_wrap {position:relative; width:100%;}
.layout_header .logo_wrap .resp_wrap {padding-left:0;}
.layout_header .logo_wrap .logo_area {margin:0; background: rgba(255, 255, 255, 0);}
.layout_header .logo_wrap .logo_area>a {display:inline-block; height:auto; vertical-align: top; }

.layout_header .nav_wrap.row {margin-top: 80px; left:0;}
.layout_header .nav_wrap.row .respCategoryList {width:auto;}
.layout_header .nav_wrap.row .respCategoryList > li {position:relative; display:block; text-align:left; padding:5px 0; width: 100px;}
.layout_header .nav_wrap.row .respCategoryList > li .categorySub {display:none; position:absolute; left:100px; top:-15px; background:none; z-index:10; padding:10px 10px 10px 15px;width:140px; }
.layout_header .nav_wrap.row .respCategoryList .categoryDepthLink {text-shadow:0 0 2px rgba(0,0,0,0.4);}

.layout_header .nav_wrap.row .respCategoryList .categoryDepthLink>em:after {background:#fff;}
.layout_header .nav_wrap.row .respCategoryList .categorySubWrap {border:0;}
.layout_header .nav_wrap.row .respCategoryList .categoryDepthLink{height:auto;}
.layout_header .nav_wrap.row .respCategoryList .categoryDepthLink>em {height:auto;}

.layout_header .nav_wrap {border:0; position:absolute; top:5px; left:180px;}
.layout_header .nav_wrap .respCategoryList {display: inline-block; width:auto;}
.layout_header .nav_wrap .respCategoryList > li {position:relative; display:table-cell; text-align:center; padding:5px 20px; width: auto; height: auto;}

.layout_header .nav_wrap .respCategoryList .categoryDepthLink>em:after {background:#FFF;}
.layout_header .nav_wrap .respCategoryList .categorySubWrap {border:1px solid;}
.layout_header .nav_wrap .respCategoryList .custom_nav_link{text-align:left;}
.layout_header .nav_wrap .respCategoryList > li .categorySub {left:0; top:35px;}
.layout_header .nav_wrap .respCategoryList > li .categorySub .categorySubDepth {padding:5px 0; position:relative;}

.layout_header .nav_wrap .respCategoryList > li .categorySub .categorySubBanner {font-size:0;}
.layout_header .nav_wrap .respCategoryList > li > a {font-size:14px; color:#FFF; letter-spacing:0.5px;}
.layout_header .nav_wrap .respCategoryList > li:hover > .categorySub {display:block;}

.layout_header .nav_wrap .respCategoryList > li .categorySub {background:none; border:0; padding:0;}
.layout_header .nav_wrap .respCategoryList .categorySubWrap {background:rgba(255, 255, 255, 0.9); padding:10px;}
.layout_header .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; }

.layout_header .nav_wrap .respCategoryList .categorySubWrap .categoryDepth3>li:hover>a { transform:translateX(2px); }
.layout_header .nav_wrap .respCategoryList .categorySubWrap .categoryDepth2>li:hover .categoryDepth3 { opacity:1; transform:translateX(0); z-index:3; }
.layout_header .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; }
.layout_header .nav_wrap .respCategoryList .categorySubWrap .categoryDepth2>li:hover .categoryDepth3 + a:after { opacity:1; }
.layout_header .nav_wrap .respCategoryList  a, .section a,  .section li, #section2 .slideBanner1 .slide_contents li, #section2 .slideBanner1 .slide_contents li a, .layout_footer li, layout_footer li a{font-family: 'Montserrat', 'Notokr Local','Noto Sans KR','Malgun Gothic',sans-serif;}
.layout_header .nav_wrap .respCategoryList .categoryDepth1 .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink {color:#333;}
.layout_header .nav_wrap .respCategoryList .categoryDepthLink{line-height:normal; color:#333; }
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink { color:#333; }

/*네비게이션 컬러 세팅*/

/*세로형 1depth메뉴 컬러*/
.layout_header .nav_wrap.row .respCategoryList .categoryDepthLink>em {color:#fff ;}

/*가로형 1depth메뉴 컬러*/
.layout_header .nav_wrap .respCategoryList .categoryDepthLink>em {height:auto; line-height:normal; color:#000; font-size:12px; font-weight:600;}

/*1depth메뉴 마우스 오버 시 나타나는 바 컬러*/
.layout_header .nav_wrap .respCategoryList .categoryDepthLink>em:after {background:#444;}

/*2depth메뉴*/
.layout_header .nav_wrap .respCategoryList > li .categorySub .categorySubDepth a { font-size:11px; color:#444;}

/*2depth메뉴 마우스오버*/
.layout_header .nav_wrap .respCategoryList > li > .categorySub li:hover > a {color:#000; font-weight:600; font-size:12px;}

/*3depth메뉴*/
.layout_header .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; }

#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#FFF !important;}

#section1 .main_txt {color:#FFF;}
#section1 .main_txt li {opacity:0; position: relative;}
#section1 .main_txt .txt1 {font-size:27px; font-weight:600;  letter-spacing:3px;}
#section1 .main_txt .txt2 {font-size:15px; font-weight:300; padding:10px 0 15px; letter-spacing:3px;}
#section1 .main_txt .txt3 { font-weight:300; color:#cacaca; line-height:2; font-size:12px; letter-spacing:1.1px;}
#section1 .main_txt .btns {margin-top:35px;}
#section1 .main_txt .btns a {border:1px solid #FFF; display:inline-block; padding:13px 30px; color:#FFF; font-weight:300;}
#section1 .main_txt {width: 50%; margin: 0 auto 230px; text-align:center;}

#section2 .slideBanner1 .slick-slide {position:relative;}
#section2 .slideBanner1 .slide_contents {display:inline-block; width: calc(100% - 296px); padding-left: 30px; position:absolute; float:right;     height: 100%;}
#section2 .slideBanner1 .slide_contents .text1 {font-weight:600; padding-bottom:15px; color:#000; font-size:14px;}
#section2 .slideBanner1 .slide_contents .txt2 {line-height:1.6;}
#section2 .slideBanner1 .slide_contents .sbtns1 {position:absolute; bottom:0;}
#section2 .slideBanner1 .slide_contents .sbtns1 a{display:inline-block; border:1px solid #222; padding:10px 30px;  color:#222; font-size:11px; }
#section2 .slideBanner1 .slide_contents .sbtns1 a:hover{background:#001727; color:#FFF;}
#section2 .slideBanner1 .slick-dots { bottom: -60px;}

#section3 .resp_display_goods_info{opacity:0; transition: all 0.2s; -webkit-transition: all 0.2s; position: absolute; color:#FFF; top: 50%; left: 50%; text-align: center; z-index: 10000;transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#section3 .resp_display_goods_info span, #section3 .resp_display_goods_info a {color:#FFF;}
#section3 .goods_list .gli_image{background:rgba(0, 0, 0, 1);}
#section3 [data-effect*="opacity"] .gl_item:hover .respItemImageArea img, #section3 [data-effect*="opacity"] .slink:hover img {opacity:0.3; transition: all 0.2s; -webkit-transition: all 0.2s;}
#section3 [data-effect*="opacity"] .gl_item:hover .resp_display_goods_info {opacity:1;  transition: all 0.2s; -webkit-transition: all 0.2s;}
#section3 [data-effect*="opacity"] .gl_item {position:relative; top:0;  transition: all 0.2s; -webkit-transition: all 0.2s;}
#section3 [data-effect*="opacity"] .gl_item:hover {position:relative; top:-10px;   transition: all 0.2s; -webkit-transition: all 0.2s;}

#section4 .layout_footer {position: absolute; bottom: 0; left: 0; width: 100%;}
#section4 .resp_wrap {position:relative;}
#section4 .main_txt .box {position: absolute; width:400px; background:#FFF; line-height:1.8; padding:75px 70px; text-align:left; top:140px; left:45%; font-size:15px;  color:#000;}
#section4 .main_txt .box .txt1 {padding:0px 0 20px; font-size:18px; font-style:italic; }
#section4 .main_txt .box .txt2 { font-style:italic; }

.title_group1 {text-align: left; padding: 0;}
.title_group1 .title1 {font-size: 15px; font-weight: 600; color: #000;}
.show_display_col3 .respItemImageArea img {width:100%;}

.layout_footer {background:#FFF;}
.layout_footer li, .layout_footer li a{color:#000;}
.layout_footer .title {font-weight:400; font-size:12px;}
.layout_footer .list .compay_phone {font-weight: 400; font-size:20px; letter-spacing: 2px;}
.layout_footer .list.v4 {font-size:13px;}
.layout_footer .footer_a {padding: 10px 0 15px;}
.layout_footer .copyright {padding-top:40px;}
.layout_footer .menu1>li {max-width: 470px; width:33.33%;}
.layout_footer .list.v5>li {padding-left: 0; text-indent: 0;}
.layout_footer .foot_menu_d2 ul li{padding:3px 0;}
.layout_footer .foot_menu_d2 ul {padding:0px;}
.escrow_wrap { position:relative; }
.layout_footer .escrow { right:0; top:-10px; bottom:auto;}

@media only screen and (max-width: 1279px){
	.layout_header .nav_wrap .respCategoryList > li { padding-left:0; padding-right:0; }
	.layout_header .nav_wrap .respCategoryList .categoryDepthLink {padding-left: 0; padding-right:40px;}
	.layout_header .nav_wrap .respCategoryList > li .categorySub { display:none !important; }
	.layout_header .nav_wrap {left: 100px;}
	.layout_header .header_wrap {padding-left:0; padding-right:0; margin:0; max-width:100%;}
	.layout_header .util_wrap .resp_wrap {padding-left:0; padding-right:0;}
	.layout_header .nav_wrap.row {margin-top: 40px;}
}

@media only screen and (max-width: 1023px){
	.layout_header {background-color:rgba(255, 255, 255, 0); width:calc(100% - 20px); padding:10px 10px;}
	.layout_header .nav_wrap {border:0; margin-top: 0; position:relative; top: 0px; }
	.layout_header .nav_wrap .respCategoryList > li {position:relative; display:table-cell;}
	.layout_header .nav_wrap .respCategoryList {display: table; width:100%;}	
	.layout_header .nav_wrap.row {margin-top:0;}
	.layout_header .logo_wrap {left:0; top:0; }
    .layout_header .logo_wrap .logo_area {margin:0; background: rgba(255, 255, 255, 0); width: auto;height: auto;}
	.layout_header .logo_wrap .logo_area>a {margin:0;}
	.layout_header .logo_wrap .logo_area {width:100%; text-align: center;}
	.layout_header .util_wrap_menu2, .layout_header .util_wrap_menu {display:none;}
	.layout_header .logo_wrap .resp_wrap {padding-top:10px;}
	.layout_header .resp_top_hamburger {display:inline-block;}
	.layout_header {padding:0; width:100%;}    
    .layout_header .resp_top_search {right: 10px; top: 50%; margin-top:-16px;}
	.layout_header .resp_top_search a.btn_search_open {background-size:26px;}
	.layout_header .resp_top_search a.btn_search_open {background-size:26px;}
	.layout_header .nav_wrap {left:0; padding:0 10px;}
	.layout_header .nav_wrap .respCategoryList > li {padding:5px 0;}
	.layout_header .nav_wrap .respCategoryList .categoryDepthLink {text-align:left;}  
	.layout_header .resp_top_search a.btn_search_open.white {background-size:26px;}
	.layout_header .resp_top_cart.white .cart_cnt2{background:#FFF; color:#000;}
	.layout_header .nav_wrap .respCategoryList .categoryDepthLink {height: 25px;}
    .layout_footer .menu1>li {width:50%;}
	.layout_footer .escrow { right:auto; top:auto; text-align:left;}
	#section3 [data-effect*="opacity"] .gl_item .respItemImageArea img, #section3 [data-effect*="opacity"] .slink:hover img {opacity:0.3; transition: all 0.2s; -webkit-transition: all 0.2s;}
	#section3 [data-effect*="opacity"] .gl_item .resp_display_goods_info {opacity:1;  transition: all 0.2s;  -webkit-transition: all 0.2s;}
	#section3 [data-effect*="opacity"] .gl_item {position:relative; transform: translateY(0);  transition: all 0.2s;  -webkit-transition: all 0.2s;}
	#section3 [data-effect*="opacity"] .gl_item:hover {position:relative; transform: translateY(0);  transition: all 0.2s;  -webkit-transition: all 0.2s;}
    #section4 .main_txt .box {position:relative; background: rgba(255, 255, 255, 0.9); padding: 30px 30px 40px; top: 10px; left: 0;	width: calc(100% - 60px);}
}

@media only screen and (max-width: 767px){
	.layout_header .nav_wrap .respCategoryList .categoryDepthLink {padding-left: 0; padding-right: 15px;}
	.display_slide_class ul.swiper-slide>li.gl_item {width: calc(100vw - 10px);	}
	.display_slide_class .swiper-slide {padding-left:0;}
	.layout_footer .foot_menu_d2 ul {padding:0; }
	.layout_footer .foot_menu_d2 ul > li {display:inline-block;}
	.layout_footer .menu1>li {padding-top:10px;}
	.layout_footer .copyright {padding-top:10px;}
	.layout_footer .menu2 {padding:0;}
}

@media screen and (max-width: 480px) {
	#section1 .main_txt {width: 90%; margin: 0 auto; text-align:center;}
	#section2 .slideBanner1 img {width:100%;}
	#section2 .slideBanner1 .slide_contents {padding-left:0; line-height:1.8; display: block; text-align:center; position: absolute; right: 0; width:100%; background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; color: #FFF;}
	#section2 .slideBanner1 .slide_contents .text1 {color:#FFF;}
	#section2 .slideBanner1 .slide_contents .sbtns1 a {position: relative; border:1px solid #FFF; color:#FFF; }
	#section2 .slideBanner1 .slide_contents .sbtns1{ margin-top:30px; position:relative;}
	#section2 .slideBanner1 .slide_contents .wrap1 {position: absolute; top: 50%; left: 50%; width:90%; text-align: center; z-index: 10000;transform: translate(-50%, -50%)}
	#section2 .slideBanner1 .slick-dots { bottom: -30px;}
}

/* 띠배너 */
.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;}

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