*{box-sizing: border-box;}
body{
	background: url(../images/common/mainBgx.png) 0 0 repeat-x;
	font-family: 'notokr-regular';
}
button{border: none;background-color: transparent;}
#wrap{max-width: 1000px;margin: 0 auto;position: relative;}
#header{height: 79px;}
.logo{padding-top: 22px;position: absolute;left: 0;top: 0;}
.logo img{width: 100%;max-width: 220px;}
.tsh{width: 272px;margin: 0 auto; border: 1px solid #1b95d1;border-radius: 3px;top: 22px;position: relative;}
.tsh *{vertical-align: top;}
.tsh input[type=text]{border: none;width: 232px;height: 33px;text-indent: 10px;}
.tsh input[type=image]{width: 32px;padding: 6px }
.global{position: absolute;right: 0;top: 30px;}
.global ul{float: right;margin: 0;}
.global ul li{float: left;}
.global ul li a{display: block;padding: 2px 10px;font-size: 12px;color: #000;font-weight: bold;}

#gnb{}

.gnbBg{background-color: #fff;opacity: 0;
	position: absolute;
	left: 0;
	top: 47px;
	width: 100%;
	height: 287px;
	animation: fadeOutFromNone 0.5s ease-out;display: none;
	z-index: 1;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.18);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */

}
/*@keyframes fadeInFromNone {
    0% {display: none; opacity: 0; } 
    1% {display: block; opacity: 0; }
    100% {display: block; opacity: 1; }
}
@keyframes fadeOutFromNone {
    0% {display: block; opacity: 1; }
    99% {display: block; opacity: 0; }
    100% {display: none; opacity: 0; }
}*/
#gnb{position:relative;z-index:150;padding: 0 216px 0 35px;height: 47px;margin-bottom: 7px;}
#gnb>ul{position: relative;z-index: 100;}
#gnb>ul>li{float: left;position: relative;}
#gnb>ul>li.end{padding-right:0}
#gnb>ul>li.end a{padding-right:0}
#gnb>ul>li>a{color: #fff;font-size: 16px;padding: 15px 0;font-weight:600;display: block;white-space: nowrap;display: block;line-height: 1;text-align: center}
#gnb>ul>li.on>a{color: #fed5a1;}
#gnb>ul>li.on>a:after{content: '';display: block;position: absolute; background: url(../images/sub/navArr.png) 0 0 no-repeat; width: 14px;height: 11px; left: 45%; top: 41px; }
#gnb>ul>li>ul{
	position: absolute;left: 0;top:47px;
	padding-top: 18px;display: none;
}
#gnb>ul>li>ul>li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#gnb>ul>li>ul>li.i6{position: absolute;top: 18px;left: 128px;}
#gnb>ul>li>ul>li.i7{position: absolute;top: 40px;left: 128px;}
#gnb>ul>li>ul>li.i8{position: absolute;top: 62px;left: 128px;}
#gnb>ul>li>ul>li>a{font-size: 14px;padding: 4px 0;color: #000;}
#gnb>ul>li>ul>li>ul{padding-bottom: 14px;}
#gnb>ul>li>ul>li>ul li{}
#gnb>ul>li>ul>li>ul li a{font-size: 12px;color: #757575;padding: 2px 10px;}
#gnb>ul>li>ul.view{display:block;overflow:visible;}
#gnb .navOpen{position: absolute;right: 75px;top: 11px;font-weight: 600;background: url(../images/common/navOpen-pc.png) right 0 no-repeat;padding-right: 36px;color: #93dbff;height: 26px;font-size: 16px;}

#gnb.subOpen ul>li>ul{display: block;
	animation: fadeInFromNone 0.5s ease-out;
}
#gnb.subOpen .gnbBg{display: block;opacity: 1;
	animation: fadeInFromNone 0.5s ease-out;
	-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;
}


#gnb.subClose .gnbBg{display: none;}

#gnb.subOpen .navClose{display: none;}
#gnb .navClose{position: absolute; right: 27px; top: 293px; background: url(../images/common/allNavClose.png) right 0 no-repeat; width: 20px;height: 20px; z-index: 1000; display: none; }
/*
#gnb.subClose>ul>li>ul{display: block;animation: fadeOutFromNone 0.5s ease-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
#gnb.subClose .gnbBg{display: block;animation: fadeOutFromNone 0.5s ease-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
*/

.boxshadow{
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000)";/*IE 8*/
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);/*FF 3.5+*/
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000); /*IE 5.5-7*/
}



.footer{background-color: #e9e9e9;clear: both;}
.footer .footerNav{}
.footer .footerNav:after{content: '';clear: both;height: 0;display: block;}
.footer .footerNav li{float: left;}
.footer .footerNav li a{display: block;padding: 13px;color: #000;font-size: 12px;}
.footer .footerNav li.policy a{color: #0083ca;}
.footer .footerNav li.newsletter{float: right;}
.footer .footerNav li.newsletter a{padding-left: 22px;padding-right: 21px;background: url(../images/common/icoNewsletter.png) 0 center no-repeat;}
.copyright{font-size: 12px;padding: 20px;line-height: 1.5;}
.copyright address{font-style: normal;margin-bottom:2px;}
.copyright p{margin: 0;}


@media screen and (max-width:800px) {
	.global ul li a{padding: 2px 5px;}
	#gnb{padding-left: 20px;}
	#gnb .navOpen{right: 10px;}
}


#gnb{margin-bottom: 28px;}
#lnb{float: left;width: 22%;}
#lnb>h1{font-size: 26px;line-height: 1;color: #4c4c4c;padding: 0 0 22px;text-align: center;margin:0;}
#lnb>ul{}
#lnb>ul>li{border-bottom: 1px solid #d7d7d7;}
#lnb>ul>li>a{display: block;padding: 8px 19px;font-size: 14px;color: #000;}
#lnb>ul>li.hasSub{padding-bottom:12px;}
/*#lnb>ul>li.hasSub>a{background: url(../images/sub/lnbArr.png) right center no-repeat;}*/
#lnb>ul>li.on>a{color: #fff;background: url(../images/common/quickBg.png) 0 0 repeat;}
#lnb>ul>li>ul{}
#lnb>ul>li>ul>li{}
#lnb>ul>li>ul>li>a{color: #4c4c4c;padding: 6px 0 6px 29px;font-size: 12px;}
#lnb>ul>li>ul>li.on>a{color:#2c6dab;}



#contents{float: right;width: 78%;padding-left: 40px;margin-bottom: 45px;min-height:500px;}
.hgroup{border-bottom: 2px solid #0095da;margin-bottom: 32px;}
.hgroup h1{color: #2c6dab;font-size: 24px;font-weight: 600;line-height: 1;padding: 6px 0 18px;float:left;margin:0;}
.hgroup.mobile{margin-bottom:10px;}
.location{color: #151515;font-size: 12px;line-height: 1;padding-top:15px;}
.location:after{content: '';display: block;height: 0;clear: both;}
.location ol{float: right;}
.location ol li{float: left;padding: 2px 8px 2px 19px;
	background: url(../images/sub/locationArr.png) 0 center no-repeat;
}
.location ol li.home{height: 16px;padding-right: 0;
	background: url(../images/sub/locationHome.png) 0 center no-repeat;
}

#contentP{font-family:'dotum';font-size:12px;}


@media screen and (max-width:767px){
	#wrap{overflow: hidden;}
	#header{box-shadow: 0px 3px 3px rgba(0,0,0,0.18);}
	#gnb{margin-bottom: 15px;}
	#lnb{display: none;}
	#contents{float: none;width: 100%;padding: 0 0 20px;margin: 0;}
	#contents:after{content: '';display: block;clear: both;}
	.footer{padding-top: 15px;}
	.hgroup{position: relative;margin-bottom:10px;border:0;}
	.hgroup h1{float:none;clear:both;background:#d8ecff;text-align:center;padding:10px;margin-top:10px;}
	.location ol{margin:0 10px 0 30px;float:none;overflow:visible;}
	.location ol li.home {margin-left:-20px;}
}
@media screen and (max-width:360px){

	
}
*{transition: all 0.5}