div#body_wrap { position:relative; width:100%;  max-width: 1920px; height:100%; text-align:left; display: block; margin: 0 auto; }



/************ 헤더 영역 ************/
header { position:fixed;   left: 0px; top: 0px; z-index:999; width:100%; height:100px; line-height:100px; border-bottom:1px solid rgba(255,255,255,0.2); /* box-shadow: 0px 8px 12px rgba(0,0,0,0.1); */ }
header.act { background:#fff;  box-shadow: 0px 8px 12px rgba(0,0,0,0.1);  } 
/* 로고 */
h2 {  position:absolute; width:213px; height:100%; left: 100px; top: 0px; z-index:101; }
h2 > a > img { width:100%; max-width:213px; height:auto; }




.red-star {
  color: red;
}


/* GNB */
.gnb_wrap {}
.mobile_menu { display:none; margin-left:20px; }
.mobile_menu a { display:block; color:#fff;}
header.act .mobile_menu a { color:#2e3092;}
	.mobile_menu a span {font-size:2.4rem; vertical-align:middle; margin-bottom:5px;   }


ul.gnb { width:100%;  max-width:620px; margin:0 auto; }
ul.gnb > li { float:left; margin:0 3%;  }
ul.gnb > li > a { position:relative; color:#fff; font-size:1.3rem; font-weight:300;  }
ul.gnb > li:hover > a:after{ content:""; position:absolute; left:0px; bottom:0; border-bottom:5px solid #fff; width:100%;  }
ul.gnb > li.act > a { font-weight:400; }
ul.gnb > li.act > a:after{ content:""; position:absolute; left:0px; bottom:0; border-bottom:5px solid #fff; width:100%;  }


	header.act ul.gnb > li > a { color:#2e3092; font-size:1.3rem; font-weight:300; }
	header.act ul.gnb > li:hover > a { color:#111; }
	header.act ul.gnb > li:hover > a:after{ content:""; position:absolute; left:0px; bottom:0; border-bottom:5px solid #111; width:100%;  color:#000 }

	header.act ul.gnb > li.act > a { font-weight:400; }
	header.act ul.gnb > li.act > a:after{ content:""; position:absolute; left:0px; bottom:0; border-bottom:5px solid #2e3092; width:100%;  color:#000 }


/* 상단 배송 조회 버튼 */
div.btn_traking { position:absolute; display:block; width:250px; height:100px; right: 100px; top: 0px; z-index:101;  background:#2e3092;  text-align:center;  color:#fff; font-size:1.2rem;
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); 
	-webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); 
	-o-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); 
	-ms-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); 
}
div.btn_traking:hover { background:#1eb4ec; cursor:pointer; cursor:hand;}
div.btn_traking  span { vertical-align:middle; font-size:1.8rem; margin-bottom:3px;}


/* ----------------  반응형 --------------------*/
@media screen and (max-width: 1439px) {
	h2 {  width:160px; left: 60px; }
	div.btn_traking {  right: 40px; } 
}

@media screen and (max-width: 1023px) {
	.gnb_wrap { display:none; }
	.mobile_menu { display:block; }
	h2 {  left: 60px; }
	h2 img {  margin-bottom:5px; }

	div.btn_traking { width:220px; height:100px;	}


}
@media screen and (max-width: 767px) {
	header {  height:60px; line-height:60px; }
	h2 {  width:140px; }
	div.btn_traking { width:180px;  height:60px; right: 0px;
		clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); 
	-webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); 
	-o-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); 
	-ms-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); 
	}
}

@media screen and (max-width: 479px) {
	h2 {  width:100px;  }
	div.btn_traking { display:none; }
}



/************************* 서브 상단 *****************************/
header.sub {  border-bottom:1px solid rgba(0,0,0,0.1);  }
header.sub.act { background:#fff;  box-shadow: 0px 8px 12px rgba(180,180,180,0.1);  } 


/* GNB */
.mobile_menu.subhambuger a { display:block; color:#2e3092;}


ul.gnb_sub { width:100%;  max-width:620px; margin:0 auto; }
ul.gnb_sub > li { float:left; margin:0 3%;  }
ul.gnb_sub > li > a { position:relative; color:#111; font-size:1.3rem; font-weight:300;  }
ul.gnb_sub > li:hover > a:after{ content:""; position:absolute; left:0px; bottom:0; border-bottom:5px solid #2e3092; width:100%;  }
ul.gnb_sub > li.act > a { font-weight:400; }
ul.gnb_sub > li.act > a:after{ content:""; position:absolute; left:0px; bottom:0; border-bottom:5px solid #2e3092; width:100%;  }


	header.act ul.gnb_sub > li > a { color:#2e3092; font-size:1.3rem; font-weight:300; }
	header.act ul.gnb_sub > li:hover > a { color:#111; }
	header.act ul.gnb_sub > li:hover > a:after{ content:""; position:absolute; left:0px; bottom:0; border-bottom:5px solid #111; width:100%;  color:#000 }

	header.act ul.gnb_sub > li.act > a { font-weight:400; }
	header.act ul.gnb_sub > li.act > a:after{ content:""; position:absolute; left:0px; bottom:0; border-bottom:5px solid #2e3092; width:100%;  color:#000 }



/* 서브 2뎁스 메뉴 부분 으로 아래로 스크롤하면 배경이 사라지고 위로 스크롤 하면 배경이 생깁니다. */
.hide {display:none}
.headersub_scroll {position:fixed;top:100px; left:0; z-index:998;width:100%;padding:15px 0;text-align:center; transition:all .3s; background:#2e3092;}
	.headersub_scroll a { display:inline-block; padding:0 20px; color:#fff; }
	.headersub_scroll.about a {  transform:translate(-205px);}
	.headersub_scroll.busin a { transform:translate(-160px);}
	.headersub_scroll.center a {  transform:translate(25px);}
	.headersub_scroll.delivery a {  transform:translate(-30px);}
	.headersub_scroll.question a {  transform:translate(146px);}


@media screen and (max-width: 1023px) {
	.headersub_scroll { display:none !important; }

}








/************ 풋 터 ************/
#footer { position:relative; width:100%; text-align:center; color:#bbb; background:#0d101e;  }
#footer:after{content:"";display:block;clear:both;}

div.btn_gotop {position:absolute; right:100px; top:-40px; width:80px; height:80px; line-height:80px; z-index: 100;  }
	div.btn_gotop	a { display:block; background:#2b2eb5; color:#fff; font-size:2rem;  }
	div.btn_gotop	a:hover {background:#1eb4ec; color:#fff;  }

@media screen and (max-width: 500px){
    div.btn_gotop{
        width: 50px;
        height: 50px;
        line-height: 50px;
        top: -24px;
    }
}

div.footer_menu { width:100%; padding:30px 100px;  text-align:left; border-bottom:1px solid rgba(255,255,255,0.1);  }
	div.footer_menu a {color:#bbb; font-size:1.125rem; font-weight:200;margin-right:50px; }
	div.footer_menu a.privercy { color:#2481e0; }

div.footer_address { float:left; width:40%;padding:30px 100px;  text-align:left; color:#252e56;  font-size:0.875rem;  }
	div.footer_address > ul { margin-bottom:30px;}
	div.footer_address > ul > li  { float:left; width:50%; }
	div.footer_address > ul > li p { color:#fff; font-size:1.125rem; font-weight:400; margin-bottom:20px;  }
	div.footer_address > ul > li span { display:block; color:rgba(255,255,255,0.5); font-size:0.875rem; font-weight:300;}


div.footer_customer { float:right; width:50%; padding:30px 100px;  text-align:right;}
	div.footer_customer > dl {}
	div.footer_customer > dl > dt {color:#bbb; font-size:1.4rem; /*0.875rem;*/ font-weight:200; color:rgba(255,255,255,0.3); margin-bottom:20px; color:#fff;}
		div.footer_customer > dl > dt p {color:#2481e0; font-size:2rem; font-weight:600;  font-family: 'Montserrat', sans-serif;}
	div.footer_customer > dl > dd {color:#bbb; font-size:1.125rem; font-weight:200; }
		div.footer_customer > dl > dd p {}

/* ----------------  반응형 --------------------*/
@media screen and (max-width: 1439px) {
	div.footer_address { width:60%; }
	div.footer_customer { width:40%; }
}
@media screen and (max-width: 1023px) {
	#footer { padding-bottom:80px; }
	div.footer_menu { width:100%; padding:30px 100px;  text-align:center; }
	div.footer_address { display:none; }
	div.footer_customer { float:none; width:100%; text-align:center;}

}
@media screen and (max-width: 767px) {
	div.btn_gotop { right:0px; }
	div.footer_menu { width:100%; padding:15px 30px;  text-align:center; }
	div.footer_menu a { font-size:1.0rem;margin-right:30px;  }
}
@media screen and (max-width: 609px) {
	div.footer_menu { width:100%; padding:15px 30px;  text-align:left; }
	div.footer_menu a { font-size:0.8rem;margin-right:20px;  }
	div.footer_customer {  padding:20px 0px; }
	div.footer_customer > dl > dt { margin-bottom:10px;}
	div.footer_customer > dl > dt p { font-size:1.6rem; }
}






/* 다중 딤레이어 */
.dimmodal {position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;background-color:rgba(0,0,0,.8);z-index: -1;opacity:0;transition:all 0.2s;}
.dimmodal.on {opacity:1;z-index:999;}

	div.modal_container { width:600px; min-height:300px; background:#fff; border-radius:20px; position:absolute;  left:50%; top:50%; transform: translate(-50%, -50%);  padding:40px 50px;}
		div.dim_tit {position:relative;  width:100%; border-bottom:2px solid #111; margin-bottom:20px; padding-bottom:20px; }
		div.btn_dim_close { position:absolute;  right:0px; top:-10px;z-index:101; font-size:40px; }

		h5 {font-size:32px; font-weight:300; color:#111; line-height:110%;}
		div.dim_tit  > p { font-size:16px; font-weight:200; color:#999; }

		div.dim_btn { margin-top:30px;}
		div.dim_btn button  { width:100%; height:56px; line-height:56px; background:#D51A25; color:#fff; text-align:center; border-radius:4px;font-size:18px; font-weight:400; }
		div.dim_btn button:hover { background:#111; }




/************** 햄버거 메뉴 ********************/

.page_cover { width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:99998; display:none; }
.page_cover.open { display:block; }

#slide_leftmenu {  position:fixed; top:0px; left:-70%; z-index:99999; width:70%; height:100%; text-align:left;  background:#fff;
	transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; }
#slide_leftmenu.open { left:0px; }

.close { width:50px; height:50px; position:absolute; right:10px; top:20px; font-size:36px; cursor:pointer;  text-align:right; }
.close span { font-size:36px; color:#2e3092; }


div.hamberger_tit { height:90px; line-height:90px; border-bottom: 2px solid #2e3092; }
div.hamberger_tit img { max-width:100px; margin-left:10px; } 


	.depth1 { position: relative;	cursor: pointer; padding: 10px 30px; 	font-size: 1.375rem; 	border-bottom:0.1px solid #c8c8c8; }
	.depth1.on {color:#fff; background:#2e3092;	border-bottom:0.1px solid #2e3092;  }
	.depth1.on > p{ display:block; font-weight: 400;  }
	.depth_sub {display: none; overflow: hidden; font-size: 1.125rem; padding: 10px 30px 30px;  background:#2e3092;	}
	.depth_sub > ul {}
	.depth_sub > ul > li { margin:10px 5px; }
	.depth_sub > ul > li > a { font-weight:300; font-size: 1.125rem;color:rgba(255,255,255,0.5);  }
	








@media screen and (max-width: 1919px) {
}
@media screen and (max-width: 1599px) {
}
@media screen and (max-width: 1439px) {
}
@media screen and (max-width: 1279px) {
}
@media screen and (max-width: 1023px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 359px) {
}



/* 샐 2022.03.21*/
@media screen and (min-width: 1440px){
	div.main_about_text{background:none !important; position:relative;}
	div.main_about_text:before{transform:skew(-20deg); /*skew(-12deg);*/ display:block; content:""; position:absolute; top:0; left:0; z-index:-1; background:#2b2eb5; width:100%; height:450px; /*550px;*/}


	div.main_about_img{background:none !important; transform: skew(-20deg) !important; overflow: hidden;}
	p.skw_wrap{height: 100%; transform: skew(20deg); /*skew(-12deg);*/ background:url("../../_images/main/about_img.jpg") no-repeat center center; width:118%; position:relative; left:-9%;}
}

@media screen and (min-width: 768px){
	div.main_delivery_search input[type="text"]{color:#111 !important;}

	div.btn_traking{background:none;}
	div.btn_traking:hover{background:none;}
	div.btn_traking:before{transform:skew(-20deg); display:block; content:""; position:absolute; top:0; left:0; z-index:-1; background:#2e3092; width:250px; height:100px;}
	div.btn_traking:hover:before{background:#1eb4ec;}


	div.main_delivery_search{background:none !important;}
	div.main_delivery_search:before{transform:skew(-20deg); display:block; content:""; position:absolute; top:0; left:0; z-index:-1; background:#fff; width:70%; height:100px;}
	div.main_delivery_search > ul > li{background:#fff;}

	li.deli_btn{position:relative;}
	li.deli_btn:before{transform:skew(-20deg); display:block; content:""; position:absolute; top:0; left:0; z-index:0; background:#2e3092; width:170px; height:106px;}
	button.btn_main_delivery{background:none !important; position:relative;}
	button.btn_main_delivery span{z-index:10; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	
}

@media screen and (max-width: 767px){
	button.btn_main_delivery{background:none;}
	div.main_delivery_search input[type="text"]{color:#fff !important;}
}

@media screen and (max-width: 479px){
	/*div.main_center_wrap {margin-bottom: 30vh !important;} /* for mo 슬라이드 하단 여백 */
	div.main_center_wrap{height:113% !important; /*135% */}
	div.main_center_wrap:before{height:85% !important; /*88%*/}
	
}

/*div.main_center_wrap{height:auto !important;}*/

@media screen and (max-width: 479px){
	.forpc479{display:none;}
}
/* 샐 2022.03.21 //*/