@charset "euc-kr";

/* ******************** °ø¿ë ******************** */
a:link {color:#000;}
a:visited {color:#000;}
a:hover {color:#000;}
a:active {color:#24a1f0;}

body {
	font-family:NanumGothic,NotoSansKR,"¸¼Àº°íµñ","µ¸¿ò","±¼¸²"; font-size:14px; font-weight:400;
	line-height:150%; color:#444;
}

#skip{z-index:999; position:absolute; width:100%; top:-100px; left:0;}
#skip a:focus, #skip a:active {z-index:999; position:absolute; padding:10px 0; width:100%; top:100px; text-align: center; color:#fff; background:#264593; overflow:visible; clip:unset;}
a.gotop {display:block; height:1px; width:1px; margin:0 -1px -1px 0; font-size:0; line-height:0}
a.gotop:hover, a.gotop:focus,a.gotop:active {
	z-index:9999999; width:100%; height:auto; margin:-45px 0 0 0; padding:15px 0;
	line-height:1; background:#1d60a7; color:#fff; text-align:center;
	font:bold 18px 'Nanum gothic', dotum, sans-serif;
}
a {cursor:pointer;}
.hidden {overflow:hidden; background:none; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0;}

/* ¿ä¼Ò »ó´Ü¶óÀÎ */
.decoLine {position:relative; border-top:0 !important;}
.decoLine:before, .decoLine:after {content:""; display:block; position:absolute; left:0; top:0;}
.decoLine:after {width:30px; height:2px; background-color:#b3d805;}
.decoLine:before {width:100%; height:2px; background-color:#3c6cbb;}

/* °ø¿ë */
.floatR {float:right;}
.leftout {position:absolute; left:-9999px;}


/* header */
header {z-index:100; position:relative; width:100%; border-bottom:3px solid #264593; border-bottom:1px solid #e0e0e0;}
header>aside {background:#0085cf;}
header>aside .wrap {width:1200px; height:34px; margin:0 auto;}
header>aside .wrap a {display:block; height:100%; padding:10px 13px; color:#fff; font-size:12px; line-height:1; letter-spacing:-.5px;}
header>aside .wrap a:hover,
header>aside .wrap a:active,
header>aside .wrap a:focus,
header>aside .wrap a:hover {background:rgba(0,0,0,.1);}
header>aside .wrap li {float:left; border-left:1px solid #339dd9; border-right:1px solid #339dd9; margin-left:-1px;}
header>aside .wrap>ul:last-child {float:right;}

header .head {position:relative; margin:0 auto; width:1200px; height:85px; background:#fff;}
header .head>* {display:inline-block; vertical-align:middle;}
header .head h1 {padding-top:30px;}
header .head .headSearch {position:absolute; top:20px; left:50%; margin-left:-180px; width:65px;}
header .head .headSearch form {position:relative; display:block; width:360px; height:45px; background:#264593; border-radius:100px; color:#fff;}
header .head .headSearch form>*{display:block; float:left; color:#fff; font-size:14px; letter-spacing:-1px; line-height:1;}
header .head .headSearch form:after {content:""; position:absolute; display:block; left:0; top:-5px; width:47px; height:26px; background:url(../images_ebi/common/search_deco.png) no-repeat center;}
header .head .headSearch form legend {display:none;}
header .head .headSearch form label {padding:15px 10px 0 30px;}
header .head .headSearch form input {position:relative; width:215px; padding:15px 5px; height:45px; color:#fff; background:transparent; border:0; letter-spacing:0;}
header .head .headSearch form input::-ms-input-placeholder {color:rgba(255,255,255,.5);}
header .head .headSearch form input::-webkit-input-placeholder {color:rgba(255,255,255,.5);}
header .head .headSearch form input::-moz-input-placeholder {color:rgba(255,255,255,.5);}
header .head .headSearch form button {width:45px; height:45px; background:url(../images_ebi/common/search_icon.png) no-repeat center; text-indent:-9999px; cursor:pointer;}

header .head .weather {position:relative; float:right; top:20px; padding-left:50px; font-size:14px; letter-spacing:-1px;}
header .head .weather img {position:absolute; width:40px; left:0; top:5px;}
header .head .weather strong {color:red;}
header .head .weather span {color:red; letter-spacing:0; font-weight:600;}
header .head .weather ul {}
header .head .weather ul li {float:left;}
header .head .weather ul li.tp {color:red; font-weight:600;}
header .head .weather ul li.txt3 {clear:both; padding-right:10px;}
header .head .weather ul li.tp span {padding-left:5px; color:#000;}


/* nav */
nav {
	z-index:9999; position:absolute; top:120px; left:0; width:100%; height:53px; overflow:hidden; background:#fff; border-bottom:3px solid #264593;
}
nav.effect {
	transition:all .3s ease-in-out !important;
	-webkit-transition:all .3s ease-in-out !important;
	-moz-transition:all .3s ease-in-out !important;
}
/* nav.on {box-shadow:0 5px 5px rgba(0,0,0,.2);} */
nav .gnb {position:relative; width:100%; height:53px; border-bottom:3px solid #264593;}
nav .gnb a[name = "allmenu"] {position:absolute; left:-9999px;}
nav .gnb.on {background:#fff;}
nav .gnb>ul {position:relative; width:1200px; height:50px; margin:0 auto;}
nav .gnb>ul>li {float:left; width:12.5%;  border-left:1px solid #e5e5e5;}
nav .gnb>ul>li:last-child {border-right:1px solid #e5e5e5;}
nav .gnb>ul>li>a {
	display:block; width:100%; height:50px; line-height:1; padding-top:15px; font-size:20px; font-weight:500; font-family:"NanumSquare"; letter-spacing:-.5px; text-align:center;
	transition:all .2s ease-in-out !important;
	-webkit-transition:all .2s ease-in-out !important;
	-moz-transition:all .2s ease-in-out !important;
}
nav .gnb>ul>li.on>a, nav .gnb>ul>li>a:hover, nav .gnb>ul>li>a:focus, nav .gnb>ul>li>a:active {
	background:#264593; color:#fff; border:0;
}
nav .gnb>ul>li .wrap {display:none; position:absolute; left:0; top:50px; width:1200px; padding:40px 0;}
nav .gnb>ul>li.on .wrap {display:block; overflow:hidden;}
nav .gnb>ul>li .wrap>*{float:left; display:block; position:relative;}
nav .gnb>ul>li .wrap .head {width:300px;}
nav .gnb>ul>li .wrap .head h2 {display:inline-block; position:relative; color:#0085cf; font-family:NanumSquare; font-size:30px; font-weight:500; letter-spacing:-2px; line-height:1; padding:0 50px 20px 0;}
nav .gnb>ul>li .wrap .head h2:after {
	content:""; position:absolute; right:0; top:0; display:block; width:40px; height:30px;
	background-image:url(../images_ebi/main/gnb_icon.png);
	background-repeat:no-repeat;
}
nav .gnb>ul>li:nth-child(1) .head h2:after {background-position:0 0;}
nav .gnb>ul>li:nth-child(2) .head h2:after {background-position:-120px 0;} /*µµ·Î½Åõ*/
nav .gnb>ul>li:nth-child(3) .head h2:after {background-position:-80px 0;}
nav .gnb>ul>li:nth-child(4) .head h2:after {background-position:-40px 0;} /*±³Åë½Ã¼³*/
nav .gnb>ul>li:nth-child(5) .head h2:after {background-position:-160px 0;}

nav .gnb>ul>li:nth-child(6) .head h2:after {background-position:-200px 0;}/*¿­¸°°æ¿µ*/
nav .gnb>ul>li:nth-child(6) .head .test:after {background-position:-313px 0;}
nav .gnb>ul>li:nth-child(6) .head .test2:after {background-position:-350px 0;}

nav .gnb>ul>li:nth-child(7) .head h2:after {background-position:-240px 0;}
nav .gnb>ul>li:nth-child(8) .head h2:after {background-position:-280px 0;}
nav .gnb>ul>li .wrap .head:after {content:""; display:block; width:250px; font-size:14px; color:#000; line-height:1.6; word-break:keep-all;}
nav .gnb>ul>li .wrap .list {width:898px; font-size:15px;}
nav .gnb>ul>li .wrap .list>li {float:left; margin-bottom:30px;}
nav .gnb>ul>li .wrap .list.split3>li {width:33.333%;}/*°¡·Î 3°³ ºÐÇÒ */
nav .gnb>ul>li .wrap .list.split3>li:nth-child(3n+1) {clear:both;}
nav .gnb>ul>li .wrap .list.split4>li {width:25%;}/*°¡·Î 4°³ ºÐÇÒ */
nav .gnb>ul>li .wrap .list.split4>li:nth-child(4n+1) {clear:both;}

nav .gnb>ul>li .wrap .list.split5>li {width:20%;}/*°¡·Î 5°³ ºÐÇÒ */
/*nav .gnb>ul>li .wrap .list.split5>li:nth-child(5n+1) {clear:both;}*/

nav .gnb>ul>li .wrap .list.split6>li {width:16.666%;}/*°¡·Î 6°³ ºÐÇÒ */
nav .gnb>ul>li .wrap .list.split6>li:nth-child(6n+1) {clear:both;}

nav .gnb>ul>li .wrap .list> .line-devider{clear: both;}

nav .gnb>ul>li .wrap .list>li>a {position:relative; font-weight:600; color:#000; line-height:1.2; }
nav .gnb>ul>li .wrap .list>li>a:hover {color:#0085cf;}
nav .gnb>ul>li .wrap .list .dep3 {position:relative; margin-top:15px;}
nav .gnb>ul>li .wrap .list .dep3>li {padding:1px 0;}
nav .gnb>ul>li .wrap .list .dep3:before {content:""; position:absolute; left:0; top:-7px; display:block; width:15px; height:1px; background:#ccc;}
nav .gnb>ul>li .wrap .list .dep3 a {font-size:14px; margin:4px 0; line-height:1.2; color:#333;}
nav .gnb>ul>li .wrap .list .dep3 a:hover,
nav .gnb>ul>li .wrap .list .dep3 a:focus {font-weight:600; color:#1661bf; text-decoration:underline;}


/* lnb */
#content .lnb {width:230px; float:left; line-height:1.2;}
#content .lnb h2 {width:230px; height:140px; text-align:center; padding-top:80px; font-family:"NanumSquare"; font-size:25px; font-weight:500; color:#fff; letter-spacing:-1px; line-height:1; background:url(../images_ebi/common/lnb_h2Bg.jpg) no-repeat right top;}
#content .lnb>ul>li {border:1px solid #e5e5e5; margin-top:-1px;}
#content .lnb>ul>li:first-child {margin-top:10px;}
#content .lnb>ul>li>a {position:relative; display:block; padding:15px 20px; font-size:16px; letter-spacing:-.5px; border-bottom:1px solid transparent;}
#content .lnb>ul>li>a:hover {color:#0085cf; background:#fff; border-bottom:1px solid #0085cf;}
#content .lnb>ul>li>a:after {
	content:""; display:block; position:absolute; right:10px; top:15px; width:20px; height:20px;
	background-repeat:no-repeat; background-position:center;
	/* background-image:url(../images_ebi/common/lnb_direct.png); */
	background-image:none;
}
#content .lnb>ul>li>a.plus:after {background-image:url(../images_ebi/common/lnb_plus.png);}
#content .lnb>ul>li>a.open:after {background-image:url(../images_ebi/common/lnb_open.png);}
/* #content .lnb>ul>li>a[target="_blank"]:after {background-image:url(../images_ebi/common/lnb_open.png);} */
#content .lnb>ul>li>a[target="_blank"]:after {background-image:none;}
#content .lnb .dep3 {display:none; padding:15px 0; background:#f7f7f7; border-top:3px solid #0085cf;}
#content .lnb>ul>li.on>a {color:#0085cf;}
#content .lnb>ul>li.on .dep3 {display:block;}
#content .lnb .dep3 a {position:relative; display:inline-block; margin:2px 0; padding:2px 20px 2px 15px; margin-left:20px; font-size:14px; color:#666; line-height:1.4;}
#content .lnb .dep3 a:hover {color:#000; text-decoration:underline;}
#content .lnb .dep3 li.on a {color:#0085cf;}
#content .lnb .dep3 a:before {clear:both; content:""; position:absolute; left:5px; top:11px; width:3px; height:3px; background:#ccc;}
#content .lnb .dep3 a:hover:before {background:#000;}
#content .lnb .dep3 li.on a:before {background:#0085cf;}



/* content */
#content_box {clear:both; position:relative; margin-top:53px; /*margin-top:223px*/}
#content_box a {
	transition:all .2s ease-in-out !important;
	-webkit-transition:all .2s ease-in-out !important;
	-moz-transition:all .2s ease-in-out !important;
}
#content_box .bgbar {z-index:-1; position:absolute; left:0; top:0; width:100%; height:140px;}
#content_box .bgbar:after {content:""; display:block; width:100%; height:50px; margin-top:90px; border:1px solid #e5e5e5; border-left:0; border-right:0; background:#f7f7f7;}
#content {width:1200px; margin:0 auto; overflow:hidden;}

#rightcolumn {float:right; width:920px; padding-bottom:70px;}
#rightcolumn>h3 {display:block; height:90px; padding-top:45px; font-family:"NanumSquare"; font-size:30px; color:#000; font-weight:500; letter-spacing:-1px;}

#rightcolumn h4 {position:relative; padding-left:10px; font-weight:500; color:#000; line-height:1;}
#rightcolumn h4:before {content:""; position:absolute; left:0; top:1px; display:block; width:3px; height:7px; background:#b7de00;}
#rightcolumn h4:after {content:""; position:absolute; left:0; top:7px; display:block; width:3px; height:11px; background:#02a5ff;}
#rightcolumn h4 {font-weight:500; color:#000; margin-bottom:10px;}

#location {position:relative; height:50px; margin-bottom:60px;}
#location .wrap {float:left; height:50px; max-width:650px; overflow:hidden;}
#location .wrap span {display:block; float:left; height:50px; padding:15px 15px 0 0; font-size:14px; color:#666;}
#location .wrap span.hidden_gt {padding-top:15px; }
#location .wrap span:last-child {background:none; margin:0; padding-right:0;}
#location aside {float:right; vertical-align:top;}
#location aside li {float:left; border:1px solid #e5e5e5; margin-left:-1px;}
#location aside button {
	display:block; height:48px; padding:24px 20px 0; color:#666; font-size:12px; cursor:pointer; line-height:1;
	background-color:transparent; background-repeat:no-repeat; background-position:50% 9px;
}
#location aside button:hover {background-color:#fff;}
#location aside button.address {background-image:url(../images_ebi/common/location_address.png);}
#location aside button.copy {background-image:url(../images_ebi/common/location_copy.png);}
#location aside button.print {background-image:url(../images_ebi/common/location_print.png);}

/* #s_content {margin:70px 0;} */

/* footer */
footer {clear:both;}
footer .head {width:100%; background:#323a47; font-size:14px;}
footer .head .wrap {width:1200px; margin:0 auto;}
footer .head .wrap>* {width:30%; float:left;}
footer .head .wrap a {display:block; letter-spacing:-1px; line-height:1; color:#fff;}

footer .head .wrap .familyType2019>ul>li {position:relative; float:left; width:50%;}
footer .head .wrap .familyType2019>ul>li>a {padding:15px 30px; border-left:1px solid #5b616c; background:url(../images_ebi/common/icon_arrowDown.png) no-repeat 95% 55%;}
footer .head .wrap .familyType2019>ul>li>a+ul {position:absolute; display:none; overflow:hidden; width:100%; left:0; background:#232c39; border:1px solid #000; border-bottom:0; bottom:0;}
footer .head .wrap .familyType2019>ul>li>a.on+ul.on {display:block; bottom:44px;}
footer .head .wrap .familyType2019>ul>li>a.on+ul.type2 {height:306px; overflow-y:auto;}
footer .head .wrap .familyType2019>ul>li>a+ul a {font-size:13px; padding:10px 30px; border-bottom:1px solid rgba(255,255,255,.1);}
footer .head .wrap .familyType2019>ul>li>a+ul a:focus,
footer .head .wrap .familyType2019>ul>li>a+ul a:active,
footer .head .wrap .familyType2019>ul>li>a+ul a:hover {background:#264593;}
footer .head .wrap .familyType2019>ul>li>a+ul li:last-child a {border:0;}

footer .head .wrap aside {text-align:center; border:1px solid #5b616c; border-top:0; border-bottom:0; width:70%}
footer .head .wrap aside ul {}
footer .head .wrap aside li {float:left; width:20%; height:45px; text-align:center; border-left:1px solid #5b616c;}
footer .head .wrap aside li:first-child {border:0;}
footer .head .wrap aside li:nth-child(2) a{line-height:16px; padding:6px 0;}
footer .head .wrap aside a {color:#fff; padding:15px 0;}
footer .head .wrap aside li:first-child a {margin:0;}
footer .head .wrap aside a.acc {color:#99cc00;}
footer .address {position:relative; overflow:hidden; width:1200px; margin:0 auto; padding:40px 0; font-size:14px;}
footer .address>* {float:left;}
footer .address .logo {padding-bottom:10px; vertical-align:middle;}
footer .address aside {float:right;}
footer .address aside a.mobile {
	display:inline-block; margin-right:10px !important; padding:10px 25px 10px 15px; border:1px solid #ddd; border-radius:100px;
	font-size:13px; font-weight:600;
	background:url(../images_ebi/common/location_arrow.png) no-repeat 90% center #f5f5f5;
}
footer .address aside a.mobile:hover {background-color:#fff; border-color:#3c6cbb;}


.wrap_btn_zoom{display:none !important;}