@charset "UTF-8";

#header {width:100%;height:auto;padding-bottom:0;overflow:hidden;border-top:4px solid #7b6e62;}
fieldset{border:0;}


nav { display: none; }
#wrap { overflow: hidden; position: relative; }
#header #tnbWrap { width:100%; padding:5px 0; text-align:right; border-bottom: 1px solid #ececec;}
#header #tnbWrap .section .util li { display: inline-block; color: #202020; padding-left: 10px; position: relative; font-size: 13px; vertical-align:middle; }
#header #tnbWrap .section .util .instagram{width:32px;}
/*
.gnbMenu {float: right;display: inline-block;vertical-align: middle;text-align: right;}
#gnbWrap h1 {display: inline-block;}
#gnbWrap {padding:20px 5px 13px;border-bottom: 1px solid #4c4c4c;}
#gnbWrap .gnbMenu ul li{    display: inline;  text-align: right;}
*/

.gnbMenu a {text-align: right;display: inline-block;padding: 3px; font-weight:600;}
.gnbMenu a:hover{color:#47b6d4}
a.last {padding-right: 0!important;}
a.blue {color: #016bb7;font-weight: bold;}

#header #gnbWrap { width: 100%; height: 80px; padding-bottom:8px; font-size: 0; margin:0 auto; background: #fff; }
#header #gnbWrap h1 { position:absolute; font-size: 0; top:77px; }
#header #gnbWrap h1 a { display: block; }
#header #gnbWrap h1 a img {width: 280px;}
#header #gnbWrap .section { position:static; }
#header #gnbWrap .g-menu { width:100%; text-align:right; }
#header #gnbWrap .g-menu .gnbMenu { display: inline-block; vertical-align: middle; font: 16px '나눔고딕'; font-weight:normal; color: #000; letter-spacing:-1px}
#header #gnbWrap .g-menu .gnbMenu > li {display:inline-block;zoom:1;*display:inline;vertical-align:middle;padding:34px 0 34px 10px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#header #gnbWrap .g-menu .subMenu { display: none; position:absolute; font-size:0; left:-100%; top:131px; right:-100%; background:#42679e; z-index: 100; }
#header #gnbWrap .g-menu .subMenu.active { display: block; }
#header #gnbWrap .g-menu .subMenu ul { width: 1280px; margin:0 auto;text-align:center;}
#header #gnbWrap .g-menu .subMenu ul li { display: inline-block; height:40px;}
#header #gnbWrap .g-menu .subMenu ul li a { height:40px;line-height:40px;font-size: 13px;color:#fff;font-weight:400;padding: 0 0 0 15px; }
#header #gnbWrap .g-menu .subMenu ul li a i{font-size: 0;}
#header #gnbWrap .g-menu .subMenu ul li a:hover { color:#47b6d4;}


/*vv*/
#gnbWrap ul.gnbMenu > li:nth-child(1) .subMenu ul { padding-left: 0px;}
#gnbWrap ul.gnbMenu > li:nth-child(2) .subMenu ul { padding-left: 50px;}
#gnbWrap ul.gnbMenu > li:nth-child(3) .subMenu ul { padding-left: 200px;}
#gnbWrap ul.gnbMenu > li:nth-child(4) .subMenu ul { padding-left: 400px;}
#gnbWrap ul.gnbMenu > li:nth-child(5) .subMenu ul { padding-left: 300px;}
#gnbWrap ul.gnbMenu > li:nth-child(6) .subMenu ul { padding-left: 700px;}
#gnbWrap ul.gnbMenu > li:nth-child(7) .subMenu ul { padding-left: 500px;}
#gnbWrap ul.gnbMenu > li .subMenu li >  ul {display:none;} 
#gnbWrap ul.gnbMenu > li .subMenu li >  ul > li{display:none;} 

#gnbWrap .mmode {position: absolute; top: 63px; right:1%; display: none;}
#gnbWrap .mmode a { display: inline-block; /*width: 50px; height: 50px; */}
#gnbWrap .mmode a img { display: block;}




/*異붽? ?ы빆 */
/* #gnbWrap ul.gnbMenu > li .subMenu.active { font-weight: bold;} */
#gnbWrap ul.gnbMenu > li.active:hover, 
#gnbWrap ul.gnbMenu .subMenu.active ul li a:hover{font-weight: bold!important;font-size:14xp!important;margin:0!important;padding-top:0;text-align: top;}

/*#gnbWrap {padding-top: 10px;}
#gnbWrap h1.logo {float: left; display: inline-block;}
#gnbWrap ul.gnbMenu {float: right;background: #fff;height: auto;overflow: hidden;}
#gnbWrap ul.gnbMenu > li {display: inline-block;color: #434343;font-size: 15px;font-weight: 500; cursor: pointer;}
#gnbWrap ul.gnbMenu > li>a{padding: 17px 28px 18px;}
#gnbWrap ul.gnbMenu > li .subMenu { position: absolute; left: 0; right: 0; top: 130px; background: #47b6d4; display: none; overflow: hidden;}
#gnbWrap ul.gnbMenu > li .subMenu.active { display: block;}
#gnbWrap ul.gnbMenu > li .subMenu ul { width: 1140px; position: relative; left: 50%; margin-left: -500px;}
#gnbWrap ul.gnbMenu > li .subMenu li { display: inline-block; height: 41px; line-height: 41px;}
#gnbWrap ul.gnbMenu > li .subMenu li a { display: block; padding: 0 10px; height: 100%; font-size: 13px; color: #fff; font-weight: normal;}
#gnbWrap ul.gnbMenu > li .subMenu li a.last{}
#gnbWrap ul.gnbMenu > li .subMenu li a i{vertical-align: middle}
#gnbWrap ul.gnbMenu > li .subMenu li a:hover{color:#13294a}
#gnbWrap ul.gnbMenu > li:nth-child(1) .subMenu ul { margin-left: -575px;}
#gnbWrap ul.gnbMenu > li:nth-child(2) .subMenu ul { margin-left: -950px;}
#gnbWrap ul.gnbMenu > li:nth-child(3) .subMenu ul { margin-left: -565px;}
#gnbWrap ul.gnbMenu > li:nth-child(4) .subMenu ul { margin-left: -630px;}
#gnbWrap ul.gnbMenu > li:nth-child(5) .subMenu ul { margin-left: -580px;}
#gnbWrap ul.gnbMenu > li:nth-child(6) .subMenu ul { margin-left: -670px;}
#gnbWrap ul.gnbMenu > li:nth-child(7) .subMenu ul { margin-left: -570px;}
*/

#footer .footer1 {background: #ebedf1;border: 1px solid #d3d7db;width: 100%;height: auto;overflow: hidden;}
#footer .info {width: 55%;float: left;font-size: 13px;padding: 12px;padding-left:0;color:#444; color:#444; line-height:1.25em;}
#footer .siteLink {float: right;text-align: right;border-left:1px solid #d3d7db;}
#footer .siteLink select,#footer .siteLink a{float:left}
#footer .siteLink a { display: inline-block;padding:12px 10px;font-size: 13px; color:#5c5c5c;background: #e1e4ea; border-right:1px solid #d3d7db;}
#footer	 select {border: 0;width: 161px;height: 41px; padding-left: 13px;font-size: 13px;color:#5c5c5c;border-right:1px solid #d3d7db;}
#footer .info a {padding-left: 14px;padding-right:14px;background: url('/resources/homepage/ipl/img/ico-line.gif') no-repeat 0 50%;}
#footer .info a:first-child{color:#000; font-weight:500; padding-left: 0; background: none;}

.address { position: relative; padding-top: 20px; padding-bottom: 45px; line-height: 1.4; }
.address dl { overflow: hidden; float: left; }
.address dl:first-child dt { display: block; text-indent: -999em; margin-left: -100px; }
.address dl dt { float: left; font-weight: bold; }
.address dl dd { float: left; margin-right: 10px; letter-spacing: -0.4px; }
.address span { display: block; clear: both; font-size: 11px; letter-spacing: 0px; }

/* 레이어 팝업 */
#popupLayer{position:absolute;width:100%}
#popupLayer>div{
-webkit-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow:0px 3px 5px 0px rgba(0,0,0,0.4);
box-shadow:0px 3px 5px 0px rgba(0,0,0,0.4);
}
@media all and (max-width:1000px){
	#popupLayer{position:absolute;width:80%}
	#popupLayer>div{left:0!important;top:0!important}
	#popupLayer>div{width!important;top:0!important}
	.popup-cont{text-align:center;background:#fff}
	.popupWrap{margin:0!important}
}
#popupLayer .popup-controls{overflow:hidden;background:#f5f5f5;padding:3px}
#popupLayer .popup-controls .btn{margin:0;border-radius:0;padding:0;width:25px;text-align:center}
#popupLayer .popup-controls .btn.next{border-left:0}
#popupLayer .popup-controls .controls-direction{font-size:0;line-height:0}
#popupLayer .popup-controls .controls-direction.l{float:left}
#popupLayer .popup-controls .controls-direction.r{float:right}
#popupLayer .popup-controls .controls-direction a,
#popupLayer .popup-controls .controls-direction span{vertical-align:middle;display:inline-block;zoom:1;*display:inline;line-height:25px;height:25px}
#popupLayer .popup-controls .controls-direction span{margin-right:5px;font-size:13px;font-weight:bold}
#popupLayer .popup-controls .controls-direction em{font-style:normal;color:#f43b40}
#popupLayer .popup-controls .controls-direction i{font-size:16px;margin:0}
#popupLayer .popup-controls .controls-direction.l a{display:none;margin-top:4px;margin-left:4px;border-radius:50%;border:2px solid #666;width:15px;line-height:15px;height:15px}
#popupLayer .popup-controls .controls-direction.l a.active{display:block}
#popupLayer .popup-controls .controls-direction.l i{font-size:10px}
#popupLayer .popup-cont{clear:both}
#popupLayer .popup-cont.type1{font-size:0;line-height:0}
#popupLayer .bx-viewport{background:#fff}
#popupLayer .popup-func{border:1px solid #e5e5e5;background:#fdfdfd;overflow:hidden}
#popupLayer .popup-func .checkbox{float:left;line-height:34px;margin-left:8px}
#popupLayer .popup-func .checkbox label::before,
#popupLayer .popup-func .checkbox label::after{top:7px}
#popupLayer .popup-func a{float:right}
#popupLayer .popup-func a i{margin:0;font-size:130%;line-height:28px}
#popupLayer .popup-func a{width:34px;height:35px;line-height:34px;text-align:center;padding:0}
#popupLayer .popup-func a,
#popupLayer .popup-func a:hover,
#popupLayer .popup-func a:focus{border-radius:0;border:0;border-left:1px solid #e5e5e5}
.popupWrap.section{position: static;}

@media (max-width: 1170px){
	#header #gnbWrap .g-menu .gnbMenu > li {padding:34px 0 34px 15px;}
}

@media (max-width: 1120px){
	#header #gnbWrap .g-menu .gnbMenu > li {padding:34px 0 34px 7px;}
}

@media (max-width: 1024px){
	.section { min-width: 100%; }
	/* header */
	#header #tnbWrap {border-bottom: 0;padding:0;display: none;}
	#header #tnbWrap .util{display:none;}
	#header { height: 80px; }
	#header #gnbWrap { width: 100%; position: static; }
	/*#header #gnbWrap h1{text-align:left;top:2%;width: 50%; padding: 0 0 0 10px;}*/
	#header #gnbWrap h1 { position: absolute;width: 45%;font-size: 0;left: 13px;top: 23px;}
	#header #gnbWrap .g-menu { display: none!important; }
	#header .m-menu { position: absolute; top: 29px; height: 35px; font-size: 0; right: 15px; display: block; font-size: 30px; cursor: pointer; }

	

	/*.gnb{display:none;}
	.mmode{display:inline-block!important;padding-right:10px;float: right;position: relative;bottom: 30px;}
	#gnbWrap{height:50px;}
	#gnbWrap h1{text-align:center;width: 100%;}
	*/

	#footer .siteLink{display:none;}
	.address {padding-left: 10px;padding-right: 10px;font-size: 80%;}
	#footer .section {overflow-x: auto;}
    #footer .info {width:100%;padding-left:5px}	
	#footer .section .info a{padding: 0 2px 0 5px;font-size: 80%;}
}