/*-----기본-----*/
html{font-size:20px;}
body{font-size:1rem}
.tablet{display:none;}
.mob{display:none;}
#wrap{position:relative; line-height:1.5; overflow:hidden;font-weight:500;}
#wrap img { border:none; max-width:100%; }
#wrap i{vertical-align:inherit;}

/*헤더*/
#wrap{ position:relative; overflow:hidden; line-height: 1.4;}
#wrap img { border:none; }
#wrap i{vertical-align:middle;}
#header{ width:100%; z-index:100;position:absolute;top:0;}
#header:after{content:'';display:block;position:absolute;width:100%;height:1px;background:rgba(255,255,255,0.5);left:0;bottom:0;}
#header .header_inner{position:relative; width:1500px; margin:0 auto; height:4rem;}
#header .header_inner:after{content:""; display:block; clear:both;}
#header .header_inner h1{position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:10;width:6.75rem;height:3rem;background:url(/images/default/main/logo_en.svg)no-repeat center center;background-size:cover;}
#header .header_inner h1 a{display:inline-block;width:100%;height:100%;}

#header.over .header_inner h1{background:#fff;background:url(/images/default/main/logo-b_en.svg)no-repeat center center !important;background-size:cover !important;}
.select_btn{position:absolute;right:7rem;color:#fff;line-height:4rem;top:0;}

/*gnb*/
#header .header_inner .top_menu{position: absolute; right: 0;top:50%; z-index:10; font-weight:500; letter-spacing:0.02em;transform:translateY(-50%);}
#header .header_inner .top_menu li{position: relative; display:inline-block; margin-right: 1.2rem; color: #fff; }
#header .header_inner .top_menu li:last-child{margin-right: 0;}
#header .header_inner .top_menu li a{display: block; color:#ffb306; font-weight: 200; vertical-align: top; }
#header .header_inner .top_menu .lan{}
#header .header_inner .top_menu .lan a{color: #fff;display:inline-block;}
#header .header_inner .top_menu .lan .select_btn{background: #ffb306;}
#header .header_inner .hanjung{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:0.8rem;width:8.4rem;height:2rem;line-height:2rem;border-radius:1rem;background:#61c25e;color:#fff;padding:0 0.7rem;}
.hanjung:after{content:'';display:block;position:absolute;width:0.7rem;height:0.7rem;background:url(/images/default/main/link-icon.png)no-repeat center center;background-size:cover;right:0.7rem;top:50%;transform:translateY(-50%);}

/*탑메뉴*/
#header .header_inner #nav {text-align:right;}
#header .header_inner #nav ul {clear:both;  position:relative; box-sizing:border-box;height:100%;text-align:center;}
#header .header_inner #nav ul li { display:inline-block;width: auto; float:none; vertical-align:top;position:relative;}
#header .header_inner #nav > ul > li {position:relative}
#header .header_inner #nav > ul > li:hover > div:after{content:'';display:block;position:absolute;width:100%;height:7px;background:#61c25e;top:0;left:0;}
#header .header_inner #nav > ul > li:hover > div:before{content:'';display:block;position:absolute;width:calc(100% - 2rem);height:1px;background:#ddd;bottom:0;left:50%;transform:translateX(-50%);}


#header .header_inner #nav ul li {position:relative; }
#header .header_inner #nav > ul > li.on{background:#fff;} 
#header .header_inner #nav > ul > li:last-child:after{background: none;}
#header .header_inner #nav > ul > li > div > a{color: #fff; font-weight: 500; padding:0 2.5rem;font-size:1rem;}
#header .header_inner #nav ul li a{text-align:center; display:inline-block; height:4rem; line-height:4rem;position:relative;}
#header .header_inner #nav ul li  a strong{font-weight: 600; }
#header .header_inner #nav ul li.active a:before{width:100%; left:0%;}
#header .header_inner #nav ul li.on ul{background:#fff;box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
/*탑메뉴 2차*/
#header .header_inner #nav ul li ul {z-index: 100;position: absolute;  display:none; width:100%; height: auto; left:0; top:0; box-sizing:border-box; padding:5.5rem 0 1.5rem 0;   border-top:none; text-align:center;z-index:-1;}

#header .header_inner #nav ul li ul li {display:block;padding:0 0.3rem 0.8rem 0.3rem; }
#header .header_inner #nav ul li ul li:last-child{padding-bottom:0;}
#header .header_inner #nav ul li ul li a{display:inline-block; height:auto; font-weight:normal; line-height:25px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;	-o-transition: all 0.3s ease; transition: all 0.3s ease;text-align:center; letter-spacing:0.2px;font-size:0.9rem;position:relative;}
#header .header_inner #nav ul li ul li a:hover{color:#008947;}
#header .header_inner #nav ul li ul li a:hover:after{content:'';display:block;position:absolute;width:100%;height:1px;background:#008947;bottom:0;left:0;}


#header .header_inner #nav ul li ul li a:hover{position: relative;}
#header .header_inner #nav ul li ul li a:hover:after{width: 100%;}
#header .header_inner #nav ul li ul li a strong{font-weight:normal;}

#header .header_inner #nav ul li ul li ul {display:none !important;}
#header .header_inner #nav ul li ul li ul li{display:none !important;}


a.newBlank{color:#fff; padding-right:1.2rem; position:relative;}
a.newBlank:after{ content : "\e980"; display : block;font-size:0.9rem; font-weight:500; position : absolute; right:0px; top:50%;transform:translateY(-50%); font-family:'xeicon'; color:#fff; }
a.newBlank:hover:before{background:#fff;}



@media (max-width:1030px){
	#header .header_inner h1{left:1rem;}
	#header .header_inner .top_menu{right:4rem;}
	#header.open .header_inner .top_menu{display:block;}
	#header .top_search{width:100%; background:#fff; border-bottom:1px solid #ddd; padding:10px 1rem; right:0;}
	#header  a.inbtn:after{font-size:1.3rem;}
}

/*-----언어별-----*/
.select_btn{position:absolute;right:4rem;color:#fff;line-height:4rem;top:0;}
.option_list { display:none; position: absolute;  top: 4rem;  right:4rem; z-index:1000; background: #fff;  border: solid 1px #d9d9d9;  padding: 15px 25px;}
.option_list li { margin-top: 5px;}
.option_list li a { display: block;  font-size: 15px;  color: #353535;}
.option_list li a:hover { text-decoration: underline !important;}
.option_list li:first-child { margin-top: 0;}


/*-----사이트맵 버튼-----*/
#header .btn-gnb-menu{position:absolute; right:0; top:0; width:4rem; height:4rem; cursor:pointer; z-index:9999;text-align:center; -webkit-transition: all 0.25s; transition: all 0.25s;}
#header .btnAll {position:relative; display:block; width:1.6rem; height:1.15rem; margin:0 auto; top:50%;  transform:translateY(-50%);outline: none; z-index:9999;}
#header .btnAll span { display: inline-block; width: 100%; height: 2px; position: absolute; background-color: #fff; -webkit-transition: all 0.25s; transition: all 0.25s; }
#header .btnAll > span:nth-child(1) { top: 0; right:0;}
#header .btnAll > span:nth-child(2) { top: 0.5rem; right:0; }
#header .btnAll > span:nth-child(3) { top: 1rem; right:0;}
#header.open .btnAll > span{}
#header.open .btnAll > span:nth-child(1) { top: 0.5rem; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); width: 1.5rem;}
#header.open .btnAll > span:nth-child(2) { top: 0; opacity: 0; width: 1.5rem;}
#header.open .btnAll > span:nth-child(3) { top: 0.5rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); width: 1.5rem;}
@keyframes slide_down {
  from {
    transform: translateX(0px) translateY(-30px);
	opacity:0;
  }
  to {
    transform: translateX(0px) translateY(0px);
	opacity:1;
  }
}

/* 헤더 오버스크롤 */
#header.over,
#header.scroll{background:#fff; box-shadow: 3px 0px 21px rgb(0 0 0 / 6%);}
#header.over .header_inner #nav ul li a,
#header.scroll .header_inner #nav ul li a,
#header.over a,
#header.scroll a{color:#444;}
#header.over .btn-gnb-menu ,
#header.scroll .btn-gnb-menu,
#header.open .btn-gnb-menu{background-color: #008655;}
#header.over .select_btn{color:#444;}





/*사이트맵*/
/*사이트맵*/
#header #navi{background:#fff; position:fixed; top:-100%; left:0; width:100%; height:80%; padding-top:0; overflow:hidden;  z-index:20; transition-duration: 0.5s; }
#header.open #navi{top:0px; opacity:1;z-index:999;}
#header #navi:after{content : ""; display : block; position : absolute; left:70%; top:0;  width :30%; height : 100%; background:url('http://hdc.tcubemnet.com/images/default/main/sitemap1.jpg') no-repeat center bottom; background-size:cover;}
#header .naviBlind{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);z-index:10; opacity:0; display:none;}
#header.open .naviBlind{opacity:1; display:block;}
#header .nav_mob{display:none;}

#menuAll .top_menu{display:none;}
#menuAll .mobile_top{width:100%; height:100%; position:relative; background: #fff; display: flex; flex-direction: column;}
#menuAll .mobile_top h4{font-size:1.15rem; padding:2rem 3rem 2rem; width:15%; height:20% }
#menuAll .mobile_top h4 span{display:block;}
#menuAll .mobile_top h6{position:absolute; right:3rem; top:18vh; color:#fff; font-size:1.1rem; font-weight:400; text-align:right;z-index: 1; line-height:1.3; }
#menuAll .mobile_top .mbtop{width: 85%; height:60%; display: flex; flex-wrap: wrap; padding:0 3rem;}
#menuAll .mobile_top .mbtop > li{width: calc(20% - 1.5rem); position:relative; margin-right:1.5rem;}
#menuAll .mobile_top .mbtop > li > a{position:relative; color:#3a3a4a; font-size:1.4rem; line-height:1; font-weight: 700; border-bottom:1px solid #c9c9c9;}
#menuAll .mobile_top .mbtop > li:nth-child(6){display:none;}
#menuAll .mobile_top ul li > a{display:block; padding:0.75rem 0; font-size:1.1rem; width:100%; position:relative; }
#menuAll .mobile_top ul li > a.newBlank:after{content: '';display:inline-block;  margin-left:.25rem;   width:.75rem; height:.75rem;background:url('http://hdc.tcubemnet.com/images/default/main/newBlank.svg')no-repeat 50% 50%; background-size:100% }
#menuAll .mobile_top ul li ul{margin-top:1.5rem; }
#menuAll .mobile_top ul li ul li{float:none; width:100%; position:relative; margin-top:1rem;}
#menuAll .mobile_top ul li ul li:first-child{margin-top:0;}
#menuAll .mobile_top ul li ul li a{ display:block; background:none;font-size:.8rem; text-align: left; padding:0; color:#666;}
#menuAll .mobile_top ul li ul li ul{margin:.5rem 0 1rem;}
#menuAll .mobile_top ul li ul li ul li{margin-top: .2rem;}
#menuAll .mobile_top ul li ul li ul li:before{content : ""; display : block; position : absolute; left :0px;  top:10px; background:#666; width: .2rem; height:.2rem; border-radius:50%; }
#menuAll .mobile_top ul li ul li ul li a{color:#777; font-weight:300; padding-left: .5rem; font-weight: 400;}
#menuAll .mobile_top ul li ul li a:hover{color: #008947;}
#menuAll .mobile_top ul li ul li a strong{position: relative; color: #008947; font-weight: 500;}
#menuAll .mobile_top ul li ul li a strong:after{position: absolute; content: ''; display: block; width: 100%; height: 1px; background: #008947; bottom:-.2rem; left: 50%; transform: translateX(-50%);}
#menuAll .mobile_bot{height:20%; background:#f1f9f0; padding:0 3rem; display: flex; align-items: center;}
#menuAll .mobile_bot > div{display:flex; }
#menuAll .mobile_bot > div:first-child{padding-right:1.5rem; margin-right:1.5rem; border-right:1px solid #c9c9c9;}
#menuAll .mobile_bot > div h5{font-weight:500; color:#3a3a4a; font-size:.8rem; margin-right:1.5rem;}
#menuAll .mobile_bot > div ul li{font-weight:normal; font-size:.75rem; color:#555; }
#menuAll .mobile_bot > div ul li span{font-weight:400; margin-right:.25rem;}
#menuAll .mobile_bot > div ul li em{color:#008947;}


.fp-viewing-1 #header.over .btnAll span,
.fp-viewing-2 #header.over .btnAll span,
.fp-viewing-3 #header.over .btnAll span,
.fp-viewing-4 #header.over .btnAll span {background-color:#fff !important;}

/*푸터*/
#footer{clear:both; padding:3rem 0; color:#ffffff; font-size:.85rem; letter-spacing:0.02em; background: #222222; z-index:1;}
#footer .inn{width:1870px; margin:0 auto;}
#footer .copy{margin-top:2rem;text-transform:uppercase; color:#AEAEAE;}
#footer ul a{color:#ffffff;}
#footer a { color:#ffffff; }
#footer .footer-top{display:flex;justify-content:space-between;border-bottom:1px solid #5e6065;    align-items: center;margin-bottom:1rem;padding-bottom:1rem;}
#footer .footer-top ul {display:flex;}
#footer .footer-top ul li{font-weight:600;}
#footer .footer-top ul li:not(:last-child){margin-right:2rem;}
#footer .footer-top ul li.on a{color:#da7979}
#footer .footer-bottom {display:flex;}
#footer .footer-bottom ul:first-child{margin-right:6rem;}
#footer .footer-bottom ul:first-child li:not(:last-child){margin-bottom:0.25rem;}
#footer .footer-bottom ul li em{color:#a1a1a1;}
#footer .footer-bottom ul.address li{position:relative;}
#footer .footer-bottom ul.address li span{color:#a1a1a1;}
#footer .footer-bottom ul.address li:not(:last-child){margin-bottom:0.5rem;}
 .copy{background:#000000;color:#a1a1a1;font-size:0.85rem;text-align:center;padding:1rem ;}
#footer .address-info{margin-top:1.75rem;}
#footer .address-info li{display:flex;color:#fff;}
#footer .address-info li span{color:#a1a1a1;}
#footer .address-info li  em{padding:0 0.8rem;}

/*팝업 롤링 추가*/
.layerPopup {position:absolute;top:230px;left:10rem; width:450px; background:#fff;line-height:auto;z-index:99999;border:10px solid #15334F;box-shadow:0 0 4px rgba(0,0,0,0.2); padding-bottom:40px;}
.layerPopWrap{position:relative; width:100%; height:100%;}
.layerPopup ul li img{width:100%;}


/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1870px){
	#footer .inn{width:100%;padding:0 1rem;}
	#footer .footer-bottom{justify-content:space-between;}
	#footer .footer-bottom ul:first-child{margin-right:5rem;}
	#header .header_inner .hanjung{right:7rem;}
	#header .header_inner #nav > ul > li > div > a{padding:0 2rem;}
}
@media (max-width:1500px){
	#header .header_inner{width:100%;}
	#header #navi:after {display:none;}
	#menuAll .mobile_top .mbtop{width:100%;}
	#menuAll .mobile_top .mbtop > li{width:calc(25% - 1.5rem);}
	#menuAll .mobile_top h6{display:none;}
	#header .header_inner #nav > ul > li > div > a{padding:0 1.5rem;}
	#header .header_inner h1{left:1rem;}
	#header .header_inner #nav ul{text-align:left;padding-left:8.5rem;}
	#header .header_inner .hanjung{right:9rem;}

}


@media (max-width:1300px){
	/*헤더*/
	#header .header_inner{width: 100%;}
	#header .header_inner #nav ul{padding-left:8rem;}
	#header .header_inner #nav ul li ul{width:100%; }
	#header .header_inner #nav ul li a {font-size: .9rem;}
	#header .header_inner #nav > ul > li > div > a{padding:0 1rem;font-size:0.85rem;}
	#header .header_inner h1 {width:5rem;height:2.25rem;}
	.select_btn{right:4rem;}
	.option_list{right:5rem;}
	#header .header_inner .hanjung{right:8rem;}

	#footer .footer-bottom{display:block;}
	#footer .footer-bottom ul:first-child{margin-bottom:1rem;margin-right:0;}
	#footer .footer-bottom ul.address li{padding-left:0;}
	#footer .footer-bottom ul.address li span{position:relative;left:auto;}

	
	#footer ul{left:80%;}
}
@media (max-width:767px){
	#footer .footer-bottom ul.address li span{display:block;}
}


/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){
	html{font-size:16px;}
    body{font-size:1rem}
	#wrap{font-size:1rem;}
	.tablet{display:block;}
	.web{display:none;}
	.mob{display:block;}


	/*헤더*/
	#header h1 img,
	#footer h3 img{width: 6rem; vertical-align:middle; }
	#header .header_inner {height: 4rem;}
	#header .header_inner #nav {display: none;}
	#header #navi{ top:-100%; left:auto; right:-100%; width:100%; transition:right 0.45s;  height:100%;}
	#header.open #navi{transition:right 0.45s; top:0px;right:0; }


	/*언어*/
	.option_list{top:4rem;right:4rem;}

	/*-----사이트맵 버튼-----*/
	#header .btn-gnb-menu{width: 4rem; height: 4rem;}

	/*-----회원서비스-----*/
	#wrap .log_menu{display:none;}
	#menuAll h3{text-align:center; padding:15px 0 10px; font-weight:normal; font-size:1.2rem; color:#fff;}
	#menuAll .log{display:block; width: 100%; position:absolute; left:0; top:0; padding-left:1.5rem; box-sizing:border-box; z-index:10;}
	#menuAll .log li{display:inline-block; height:4rem; line-height:4rem; color: #fff; position:relative;}
	#menuAll .log li a{padding: 0 1rem;}
	#menuAll .log li:after{right: .75rem; background: #000; width: 2px;}
	#menuAll .log li b{font-size:1.1rem;}
	#menuAll .log li.log_join a{padding-left:0;}
	#menuAll .log li.log_join:after{content : ""; display : block; position : absolute; right:0; top: 35%; width :1px; height : 30%; background:rgba(255, 255, 255, .3);}

	/*-----마이페이지-----*/
	#menuAll .membership{display: block; background: #DC4976; margin-top:4rem;}
	#menuAll .membership {clear:both;overflow:hidden;  }
	#menuAll .membership li {position: relative; float:left;width: 50%; border-bottom:1px solid rgba(255, 255, 255, .3); text-align:center; line-height:1;padding:1.3rem 0;}
	#menuAll .membership li:after{content : ""; display : block; position : absolute; right:0; top: 0; width :1px; height : 100%; background:rgba(255, 255, 255, .3);}
	#menuAll .membership li:nth-of-type(2n):after{display: none;}
	#menuAll .membership li a{color:#fff;}
	#menuAll .membership li i{vertical-align:middle; margin-right:5px; font-size:1.1rem;}

	/*전체메뉴*/

	#header #navi{ top:-100%; left:auto; right:-100%; width:100%; transition:right 0.45s;  height:100%;}
	#header.open #navi{transition:right 0.45s; top:0px;right:0;padding-top:4rem; }
	#header.open #navi:after{content:'';display:block;position:absolute;background:#f1f9f0;left:0;height:calc(100% - 4rem);top:4rem;width:41%;z-index:-1;}

	#menuAll .mobile_top h4,
	#menuAll .mobile_bot{display:none;}
	#menuAll .mobile_top{width:100%;height:auto; background:transparent; border-top:1px solid #ddd;}
	#menuAll .mobile_top:before,
	#menuAll .mobile_top:after{display: none;}
	
	#menuAll{ position: relative;}
	#menuAll .top_menu{display:block; overflow:hidden; }
	#menuAll .top_menu .top_menu_head{padding:0 1rem; border-bottom:1px solid #ddd;}
	#menuAll .top_menu .top_menu_head a{color:#191919; display:inline-block; font-size:1rem; margin-right:.5rem; height:4rem; line-height:4rem;}
	#menuAll .top_menu .top_menu_head a svg{width:1.2rem; vertical-align:text-bottom;}
	#menuAll .top_menu .top_menu_info{display:flex; margin:1rem 0; align-items: center;}
	#menuAll .top_menu .top_menu_info img{width:3.5rem; opacity: .7;}
	#menuAll .top_menu .top_menu_info p{flex-basis:calc(100% - 5rem); margin-left:1rem; font-size:1rem; color:#888;}
	#menuAll .top_menu .top_menu_info p b{display:block; font-size:1.1rem; color:#333;}
	#menuAll .top_menu .top_menu_info p b svg{width:1rem; color:#888; vertical-align:text-bottom;}
	#menuAll .top_menu ul.log_after{display:flex; margin:1.5rem 0 1rem; }
	#menuAll .top_menu ul.log_after li{flex-basis:25%; text-align:center;}
	#menuAll .top_menu ul.log_after li a{display:block;}
	#menuAll .top_menu ul.log_after li img{display:block; margin:0 auto .5rem; width: 1.5rem;}



    /*1차*/
	#menuAll .mobile_top h2{display:none;}
	#menuAll .mobile_top .mbtop{display:block; border: 0; width: 100%; padding:0; position:relative; margin:0 0 0 1rem;}
	#menuAll .mobile_top .mbtop > li{width: 41%;position: unset; border-bottom:none; }
	#menuAll .mobile_top .mbtop > li:nth-child(n+5){margin-top:0;}
	#menuAll .mobile_top .mbtop > li:before{display:none;}
	#menuAll .mobile_top .mbtop > li > a{border:0; border-radius: 0; font-size:1.2rem;padding:1.1rem 0.5rem 1.1rem 0.5rem; color:#333; font-weight:600;background: inherit; word-break: keep-all;}
	#menuAll .mobile_top .mbtop > li > a.newBlank:after{content: '';display:inline-block; margin-left:.5rem;   width:.9rem; height:.9rem;background:url('/images/default/main/target_icon.png')no-repeat 50% 50%; background-size:100% }
    #navi ul.mbtop {width:100%; margin:0; padding:0;}
    #navi ul.mbtop li{margin:0; float:none; width:100%; border-bottom:1px solid rgba(0, 0, 0, .1); position:relative;}
	#navi ul.mbtop >  li.nosub > a:after{display:none;}
	#menuAll .mobile_top ul li ul li a strong{color:#008947;}
	#menuAll .mobile_top .mbtop li ul li a strong:after{display:none;}


	#navi ul.mbtop > li > a {padding:0; background: none; text-align:left; display:block; width:100%; padding: 1rem;box-sizing:border-box; font-size:1.15rem;  font-weight: 700;  color:#262626;}
	#navi ul.mbtop > li.open_li > a,
	#navi ul.mbtop > li > a.active {font-weight:600; background: #008947 url('/images/default/content/left_point.png')no-repeat right bottom; color: #fff; box-shadow: 5px 5px 5px rgb(0 0 0 / 10%); padding-left:1rem;  }
	#navi ul.mbtop > li.open_li > a:after,
	#navi ul.mbtop > li > a.active:after {color:#fff;}
	#menuAll .mobile_top .mbtop > li:first-child a,
	#menuAll .mobile_top .mbtop > li:last-child a{border-radius:0;}
	#menuAll .mobile_top .mbtop > li > a:before{display:none;}

    /*2차*/
    #navi ul.mbtop li ul {display:none; float:none;  position:absolute; right:1rem; top:0; width:55%; height:auto; visibility:visible; padding: 1rem; margin: 0;}
    #navi ul.mbtop li ul.on{display:block;}
	#navi ul.mbtop li ul li {float:none;border:none; box-sizing:border-box;  background: none; padding-left:0; border-bottom:1px solid #e0e0e0; height:auto; line-height:auto; margin-top:0;}
    #navi ul.mbtop li ul li a {background:url(none);  height:auto; padding:10px 0;padding-left:15px;  font-size:1.05rem; color:#333; }	
    #navi ul.mbtop li ul li:after,
	#navi ul.mbtop li ul li:before{display:none;}
	#navi ul.mbtop li ul li.on a{color:#ed1b23 ;}
    /*3차*/
    #navi ul.mbtop li ul li ul{display:none;border:none; height:0;background:none; margin:0; padding:0;}
    #navi ul.mbtop li ul li ul li {display:none;}

	/*팝업 롤링 추가*/
	.layerPopup {left:50% !important;  transform:translateX(-50%);}

	/*푸터*/
	#footer .inn{width:100%; padding:0 1rem;}
}


/********************************************************
■ 모바일
********************************************************/
@media (max-width:767px){
	html,body,#wrap{height:auto;}
	html{font-size:15px;}
    body{font-size:1rem; position:relative;}
	#header .header_inner .hanjung{right:8rem;}


	/*팝업 롤링 추가*/
	.mobile_dim{width: 100%; height:100%; position: absolute; top: 0; left: 0; margin: 0; z-index: 1039; display: inline-block; background: rgba(0,0,0,0.5);}
	.layerPopup img{width:100% !important;}
	.layerPopup {left:5% !important;  transform:translateX(0%); width:90% !important; height:auto !important; top:130px;}
	.chkvsb{font-size:0.7rem !important;}
}