@charset"utf-8";
#wrap {/*position:relative;*/width:100%; /*height:100%;*/min-width:320px; max-width:2000px;  min-height:100%; margin: 0 auto;  border:none; padding:0}
#SubContwrap {position:relative; max-width:1400px; width:100%; min-height:200px; margin:0 auto; padding-bottom:40px; overflow:hidden;}
#footertwrap {position:relative; width:100%;}
.container {max-width: 1400px; margin: 0 auto;position: relative;}
#SubContwrap .container{width:100%; margin: 0 auto; max-width:1400px; }

#sidemenu {display:none;} /*모바일에서는 좌측메뉴 안보이게*/
#contents{width:94%; margin: 0 auto; padding:30px 0px; position:relative; line-height:1.4}
#contents:after{content:''; clear:both;}






/*서브 비쥬얼*/

#subvisualwrap{background:url(../images/common/visual_line.gif) no-repeat center center; background-size:auto 100%;  padding:20px 0px; position:relative; z-index:-2 }
#subvisualwrap h3{width:94%; margin: 0 auto; color:#ffffff; font-size:1.1em; padding-top:70px; font-family:'arial', serif;  font-weight:700;}
#subvisualwrap ul.path {overflow:hidden; text-align:center;}
#subvisualwrap ul.path li {display: inline-block;font-size: 0.9em; text-traarialform: uppercase; color:#ffffff}
#subvisualwrap ul.path li:first-child:before {display:inline-block;width:13px; height:13px; vertical-align:middle; content: "";padding: 0 10px 0 0; background:url(../images/common/ico_home.png) no-repeat; background-size:13px 13px}
#subvisualwrap ul.path > li + li:before {color: inherit; opacity: 0.5;font-family: FontAwesome;content: "\f105";padding: 0 7px 0 5px;}

#contents ul.path {margin-bottom:25px;}
#contents ul.path li{font-family:'arial'; display: inline-block;font-size: 0.9em; text-traarialform: uppercase; color:#808080; font-weight:500}
/*#contents ul.path li:first-child:before {display:inline-block;width:13px; height:13px; vertical-align:middle; content: "";padding: 0 10px 0 0; background:url(../images/common/ico_home.png) no-repeat; background-size:13px 13px}*/
#contents ul.path > li + li:before {color: inherit; opacity: 0.5;font-family: FontAwesome;content: "\f105";padding: 0 7px 0 5px;}

.deco_date{position:absolute; right:3%; bottom:-35px; width:30%; z-index:-1; padding:5px; background:#ffffff; max-width:150px;}


.pageheader {position:absolute; width:100%;left: 50%;traarialform: traariallateX(-50%);-moz-traarialform: traariallateX(-50%);-ms-traarialform: traariallateX(-50%);-o-traarialform: traariallateX(-50%);
 -webkit-traarialform: traariallateX(-50%); z-index: 1;  margin:0 auto; max-width:1400px; letter-spacing:-.06em ;color: #fff; text-align:center}
.pageheader {width:90%; margin:85px auto 0 auto; padding:20px 0 20px 0; letter-spacing:-.06em; background:url('../images/sub/subTitle_bg.png'); opacity:0.8; text-align:center; overflow:hidden}
.pageheader h3:before {width:43px; height:43px;content: "";position:absolute; top:5px;left:0; margin-left:-60px; background:url(../images/common/titllbullet.png) no-repeat center center; background-size:30px 23px;}
.pageheader h3:after {width:43px; height:43px;content: "";position:absolute; top:5px;right:0; margin-right:-60px; background:url(../images/common/titlrbullet.png) no-repeat  center center; background-size:30px 23px;}
.pageheader h3{position:relative; width:auto; display:inline-block;  margin:0 auto; font-family:'arial', serif; color:#1474b9; font-size:1.625em; font-weight:600; text-align:center; line-height:100%;}
.pageheader h3 span {font-family: 'arial';margin-top:10px; font-weight:300; color:#6c6a5f !important; line-height:1.6em; display:block; font-size:12px; letter-spacing:0; text-traarialform:uppercase }
.pageheader p{margin-top:10px; font-size:0.813em; font-weight:300; text-align:center;  color:#6c6a5f; line-height:1.4em}

/*2depth menu*/
#twodepthNav {position:relative}
#twodepthNav ul {overflow:hidden}
#twodepthNav ul li {position:relative; width:20%; float:left; border-right:1px solid #e6e6e6; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center}
#twodepthNav ul.li02 li{width:50%;}
#twodepthNav ul.li03 li{width:33.333%;}
#twodepthNav ul.li04 li{width:25%;}

#twodepthNav ul li a{display:block; padding:20px 0px;}
#twodepthNav ul li:first-child {border-left:1px solid #e6e6e6}
#twodepthNav ul li.active {background:#f4f6f9; font-weight:500;}
#twodepthNav ul li.active:after {width:100%; height:7px; content: "";position:absolute; background:#626366; bottom:0; left:0}

/*페이지정보*/
.pagelocation {padding:30px 0 20px 0}
.pagelocation ul{width:94%; margin: 0 auto;}
.pagelocation ul li {display: inline-block;font-size: 0.9em; text-traarialform: uppercase; color:#c8c8c8}
.pagelocation ul li:first-child:before {display:inline-block;width:13px; height:13px; vertical-align:middle; content: "";padding: 0 10px 0 0; background:url(../images/common/ico_home.png) no-repeat; background-size:13px 13px}
.pagelocation ul > li + li:before {color: inherit; opacity: 0.5;font-family: FontAwesome;content: "\f105";padding: 0 7px 0 5px;}
.pagelocation ul li a{color:#c8c8c8}

/*footer*/
#footerWrap{clear:both;}
#footer {position:relative;  background:#404145; width:100%; margin:0 auto; padding:0 0 20px 0; color:#7d7d7d; font-size:0.875em; border-top:0px solid #cccccc;}
#footer .footer_menu{text-align:left; position: relative; width:100%;}
#footer .footer_menu .container{border-bottom:1px solid #5d5e62; padding:15px 0px; text-align:center;}
#footer .footer_menu ul{width:94%; margin: 0 auto;}
#footer .footer_menu li{display:inline-block; margin:0 5px; color:#7d7d7d; font-weight:300}
#footer .footer_menu li a{color:#7d7d7d}
#footer .footer_menu li:first-child {margin: 0 5px 0 0}
#footer .address{margin:1.500em auto 0; letter-spacing:-0.03em; width:94%;}
#footer .address .copyright {font-size:0.85em; padding:10px 0}
#footer > .address > div.container > p:first-child {color:#fff;}
#footer .address .copyright span {color:#1c96d5;}
#pageup {position: fixed; z-index:999; right: 10px; bottom: 10px; width: 60px; height: 60px; background-image: url('../images/common/Htop.png');background-repeat: no-repeat;background-size: 60px 60px;display: none;cursor: pointer; z-index:4000;}

@media all and (min-width:640px){

#subvisualwrap{background-size:100% auto}

}


@media all and (min-width:768px){
#subvisualwrap h3{font-size:1.3em}
#footer .footer_menu .container{text-align:left;}
.deco_date{width:40%; bottom:-55px; max-width:180px;padding:10px;}
.pageheader {margin:90px auto 0 auto; padding:30px 0 30px 0;}
.pageheader h3{font-size:2.125em; font-weight:600;}
.pageheader h3 span {line-height:2.5em; font-size:13px;}
.pagelocation {padding:40px 0 30px 0}
/*#SubContwrap .container{margin-bottom:50px;}*/
	
}





@media all and (min-width:1200px){


#subvisualwrap{min-height:200px; background-position:center 100px}
.deco_date{padding:25px 20px 0px; bottom:-305px; max-width:325px; right:0px;}


#SubContwrap {padding:0px; border-left:1px solid #e6e6e6; margin-top:30px;}

.sub00 {background:url(../images/sub/subVisual2.jpg) center top no-repeat;}
.sub01 {background:url(../images/sub/subVisual1.jpg) center top no-repeat;}
.sub02 {background:url(../images/sub/subVisual2.jpg) center top no-repeat;}
.sub03 {background:url(../images/sub/subVisual3.jpg) center top no-repeat;}
.sub04 {background:url(../images/sub/subVisual4.jpg) center top no-repeat;}
.sub05 {background:url(../images/sub/subVisual5.jpg) center top no-repeat;}
.sub06 {background:url(../images/sub/subVisual6.jpg) center top no-repeat;}
.sub07 {background:url(../images/sub/subVisual7.jpg) center top no-repeat;}
.sub08 {background:url(../images/sub/subVisual7.jpg) center top no-repeat;}

.ver_mobile {display:none !important}
.pageheader {margin:105px auto 0 auto; padding:50px 0 50px 0;}
.pageheader h3{font-size:3.125em;}
.pageheader p{font-size:1em; }

.container {width:100%;}



#footer .address{width:100%; margin:30px auto}
#footer .address p{padding:0 20px;}
#footer .address .copyright{padding:10px 20px;}
#footer .footer_menu ul{width:100%; padding:0 20px;}
}



/*레프트메뉴변곡점*/
@media all and (min-width:1200px) {
#contents{width:83%; float:left; padding:20px 20px 50px 3%; border-left:1px solid #e6e6e6; min-height:900px;}

#sidemenu {display:block;border-radius: 2px; float: left; position: relative;width: 17%;  z-index:10}
#sidemenu h2 {display:block; font-family:'arial'; font-size:1.6em; text-align:center; font-weight:700; line-height:1.2;  color:#fff; border-radius: 2px; min-height:100px; padding:55px 0 40px; background:#f39500 url(../images/common/h3bg.png) no-repeat right bottom; position:relative; letter-spacing:-1px}
#sidemenu h2 span {display:block; font-size:0.85rem; margin-top:15px;}

#sidemenu .snblist li a {font-family:'arial'; position:relative; display: block; padding:15px 18px;  font-size: 1em; font-weight:500; border-bottom:1px solid #e6e6e6;}
#sidemenu .snblist li a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}
#sidemenu .snblist li a:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease; font-weight:700;}
#sidemenu .snblist li.active a {font-weight:700; color:#323232}
#sidemenu .snblist li a i:after,#sidemenu .snblist li.active a i:after {
	position: absolute;
	top: 43%;
	left: -10px;
	width:15px;
	height:5px;
	background:#808080;
	-webkit-traarialition: all 0.3s ease;
	-moz-traarialition: all 0.3s ease;
	traarialition: all 0.3s ease;
	font-family: FontAwesome;
	content: "";
	font-style:normal;  
	color:#808080
}
#sidemenu .snblist li a:hover i:after{left: -13px;}
#sidemenu .snblist li.active a:hover i:after{left:-10px;}


#sidemenu .snblist li a i:after {background:rgba(255, 255, 255, .18);}
#sidemenu .snblist li a i:after {color:#999}

#sidemenu .snblist li a:hover i:after {
	-webkit-traarialform: traariallateY(-50%) traariallateX(20%);
	-moz-traarialform: traariallateY(-50%) traariallateX(20%);
	-ms-traarialform: traariallateY(-50%) traariallateX(20%);
	-o-traarialform: traariallateY(-50%) traariallateX(20%);
	traarialform: traariallateY(0) traariallateX(20%);
	color:#fff;
	background:rgba(255, 255, 255, 1);
}

#sidemenu .snblist li.select a:hover i:after {
	-webkit-traarialform: none;
	-moz-traarialform: none;
	-ms-traarialform: none;
	-o-traarialform: none;
	traarialform: none;
	color:#fff;
	background:rgba(255, 255, 255, 1);
}