html,body{width:100%;height:100%;}
a{color:#333;}

#gnbWrap{background:#f0f0f0;height:100vh;display:table;}
#gnbWrap div,#gnbWrap h1{display:table-row}
	.slNav{height:420px;}

#gnbWrap .gnbGuide{height:50px}
#gnbWrap .gnbTitle{height:100px}
#gnbWrap .gnbInfo{width:220px;position:inherit}
#gnbWrap .gnbInfo .tc{display:table-cell;vertical-align:bottom;text-align:left;width:220px;padding-bottom:30px;}

#quick_menu .side_produce{background:#787f85}
#quick_menu .side_produce img{display:inline;margin-top:10px;}
#quick_menu .side_produce.active{background:rgba(216,106,108,1);}
#quick_menu .side_produce.active img{display:none;}

#quick_menu .side_adver{background:#787f85}
#quick_menu .side_adver img{display:inline;margin-top:25px;}
#quick_menu .side_adver.active{background:rgba(216,106,108,1);}
#quick_menu .side_adver.active img{display:none;}

#quick_menu .side_client{background:#aab4bc;}

#quick_menu .side_client a{background:transparent;border:0;color:black;}

#quick_menu .side_inquire{border:0;}
#quick_menu .side_inquire .phone{font-size:13px;margin:5px 0;line-height:24px;}



/*GNB*/
#gnbWrap{border:0;}
#gnbWrap .gnbGuide li{padding-right:15px;}
#gnbWrap .gnbGuide a{font-size:11px !important}
#quick_menu .side_produce a .ngb{margin-top:-20px;}

#gnbWrap .gnbInfo{bottom:138px;}
#gnbWrap .gnbInfo ul{width:220px;margin-bottom:40px}
#gnbWrap .gnbInfo li{text-align:left;}
#gnbWrap .gnbInfo .fontBold{margin-right:10px;}

#gnbWrap .gnbCopy{color:#999;position:inherit;text-align:left;margin-bottom:30px;}
#gnbWrap .gnbCopy .com_name{font-weight:bold;font-size:13px;line-height:26px;color:#545455 }
#gnbWrap .copyright{margin-top:10px;margin-bottom:30px;}




#cssmenu > ul > li > a:hover{color:#d31f1f}
#cssmenu .sl2dep .on{color:#d31f1f}

#nav-wrap{display:inline-block;clear:both;float:right;}
#nav{display:inline-block;float:right;height:45px;}

/*컨텐츠 서브 페이지*/
/*
.subtop{padding:20px;height:auto;width:calc(100% - 410px);position:absolute;box-shadow:none;_background:rgba(255,255,255,0.4)}
.subtopwrap{width:100%;height:100%;}
.subtop h2{font-size:40px;line-height:44px;display:inline;padding-right:0;color:#222;text-align:left;}
.subtop h3{font-size:26px;line-height:30px;;color:#777;text-align:left;}
.en_title{line-height:50px;font-size:30px;}
*/

.subtop{width:1024px;margin:0 auto;height:auto;margin-bottom:20px;}
.subtopwrap{width:100%;height:100%;padding:15px 20px;background:rgba(255,255,255,0.9);border-radius:2px;}
.subtop h2{font-size:30px;line-height:44px;display:inline;font-weight:600;padding-right:0;color:#222;text-align:left;}
.subtop h3{font-size:20px;line-height:44px;display:inline;font-weight:600;padding-right:0;color:#777;text-align:left;margin-left:20px;letter-spacing:-1px;}
.en_title{font-family: 'Poppins', sans-serif;width:1024px;margin:0 auto;height:auto;font-size:40px;font-weight:300;text-transform:uppercase;letter-spacing:0px;line-height:70px;}


.subtop.fixNav{position:fixed;top:0;left:calc(50% - 512px + 205px);background:#fff;z-index:500}

.conwrap{width:100%;height:auto;}
.con_wrap{width:100%;height:auto;display:none;}
.containerSub{margin-top:0;padding-top:5px;min-height:100vh;background:#e0e0e0;}

.subContents {text-align:left;}
.subContents .imgSize img {width:85%;}
.subContents ol{margin:15px auto 5px;overflow:hidden;text-align:center;}
.subContents ol.inline{display:inline-block}
.subContents ol.inline + .subContents ol.inline{margin-left:15px;}

.imgWid100{background:rgba(255,255,255,1);padding:40px;border-radius:3px;text-align:center;}
	

.numUL > div{padding-left:0;}
.numUL li{margin-bottom:20px;}
/*메인 애니메이션*/

#effect { 
	width: 100%; 
	height: auto;  
	position: fixed;  
	top:0;
	-webkit-transition:all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	-ms-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;

}

#effect.right { 
	-webkit-transition:all 0.5s ease-out; 
	-moz-transition:all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	-ms-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}


#effect.rightdir { 
	-webkit-transition:all 0s ease-out; 
	-moz-transition:all 0s ease-out; 
	-o-transition: all 0s ease-out; 
	-ms-transition: all 0s ease-out; 
	transition: all 0s ease-out;
}

#effect.left { 
	transform: translateX(0);
	-webkit-transition:all 0.5s ease-out; 
	-moz-transition: all 0.5s ease-out; 
	-o-transition: all 0.5s ease-out; 
	-ms-transition: all 0.5s ease-out; 
	transition: all 0.5s ease-out;
}


.sign_wrap{
	width:calc(100% );
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:calc(-1 * 100%  - 280px);
	z-index:-1;
}

.sign_wrap .subtop{
	/*position:fixed;*/
	right:calc(100% + 280px);
	top:0;
}

.SignGnbWrap{
	right:-280px;
	z-index:10;
}

.Sign_main{
	width:100%;
	position:inherit;
	z-index:9;
}

.sign_wrap .container{
	position:absolute;
	width:calc(100%  - 410px);
	left:410px;

	background:#e0e0e0;
}

#quick_menu{display:inline-table;height:100vh;}
#quick_menu div{display:table-row;}
#quick_menu .sideLogo{height:70px;text-align:center}
#quick_menu .side_inquire ul{margin:10px 15px;min-height:184px;}


.navwrap{
	top:25%;
	left:50px;
}

.header{position:fixed;z-index:inherit;display:none;}
.containerSign(overflow-x:hidden;)

span.comment{color:#999; }

.rect{width:100%; text-align:center;}


@media screen and (max-width: 1500px) {
	.subtop{width:1024px}
	.subContents {width:1024px}
	.containerSub{padding-left:15px;padding-right:15px;}
	.header{visibility:visible}
}

@media screen and (max-width: 1200px) {
	
	.imgbgTitle{height:20vh;width:100%}
	.subtop.fixNav{top:60px;left:0;width:100%;border-top:1px solid #e0e0e0}
	
	
}

@media screen and (max-width: 1024px) {
	.containerSub{margin-left:0px;margin-top:60px;}z
	.subtop{width:100%}	
	.subContents{width:100%;}
	.header{visibility:hidden}
	
	.border_wrap{display:none;}
	.containerbox{margin:0;padding:0;}
	#header .gnb_head h2.logo{top:0;}
}
@media screen and (max-width: 993px) {
	.subtop{margin-bottom:0;}
	.subtop h2{font-size:1.5em;}.subtop h3{font-size:1.3em;}
	.subtopwrap{padding:10px 20px}
	.subContents{padding-top:0;margin-top:0px;}

	.busTable dt,.busTable dd{width:100%;height:45px;line-height:45px;}.busTable dt{margin-bottom:0;}.busTable dd{margin:0;margin-top:-5px;width:100%;border-right:2px solid #e0e0e0;}.busTable dd i{line-height:45px;}
	.buspontWrap .busExp.rect_txt,.buspontWrap .busExp2.rect_txt{width:100%;position:inherit;top:0;padding:20px;font-size:inherit}.buspontWrap .busShadow.rect_img,.buspontWrap .busShadow2.rect_img{position:inherit ;left:0;top:0;}.rect_img img{width:100%}
}

@media screen and (max-width: 767px){
	.en_title{font-size:2em;}
	.innerbox{font-size:1.5em;}
	.titlebgParcel{background-size:cover;}
	.imgWid100{padding:40px 10px;}
	.sizeLeft {display:block;width:100%;text-align:center;padding:10px;}.sizeRight{display:block;width:100%;}
		.subtop{display:flex;width:100%;}.clearfix li{margin:0 10px 0 0;padding:0;}
		ol img{width:100%;} .rect img{width:100%;}
	.spetxtWrap{padding:15px;}.spetxtLeft{margin-left:36%;float:inherit}.spetxtRight{display:block;width:100%;}.spetxtRight .speTitle{font-size:1.1em;text-align:center}.spetxtRight .speTxt{font-size:1em;}
	.con_wrap{position:absolute}
	.com_btn{height:40px; line-height:40px;}
}

@media screen and (max-width: 736px) {
	.sign_wrap{visibility:hidden;}
}

@media (max-width: 414px) {
	
	.imgWid100 .inline{width:48%}
	.subContents .img_title{width:130px;padding:5px 0;font-size:1em;margin-top:10px;}
	
	
}

@media (max-width: 650px) {
	
	.innerbox{padding-left:10px;padding-right:10px;font-size:1.1em;line-height:1.5em;}
	.numTxt{font-size:1em;letter-spacing:-1px;}
	.ulWrap li div{height:300px;} .ulWrap.bus li div{height:200px;}
	.subtopwrap{padding: 5px 10px 4px;}
	.sizeTitle{font-size:2em;}
	#effect{overflow-x:hidden;}
}

@media (max-width: 768px) {
	
	
}