@charset "euc-kr";

/* background fixed »ç¿ë½Ã ¹ö±× ´ëÀÀ¿ë * ÇÑ ¹ø ½ºÅ©·Ñ·Î ÆäÀÌÁö Àüü ³Ñ±èÀ» ÇÒ ¶§´Â html½ºÅ¸ÀÏ¿¡¼­ height¼Ó¼º Á¦°ÅÇϱâ */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

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

body {font-family:NanumGothic,NotoSansKR,"¸¼Àº°íµñ","µ¸¿ò","±¼¸²"; font-size:15px; font-weight:400; line-height:1.6; 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;}

/* °ø¿ë */
.floatR {float:right;}


/* header */
header {z-index:100; position:relative; width:100%; border-bottom:3px solid #264593; border-bottom:1px solid #e0e0e0;}
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:20px 0;}
header .head h1 a {display:block;}
header .head .headSearch {position:absolute; top:20px; left:50%; margin-left:-180px; width:65px;}
header .head .headSearch form {position:relative; display:block; width:362px; height:46px;}
header .head .headSearch form fieldset>*{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; background:url(../images_ebi/common/tit_search.png) no-repeat center;}
header .head .headSearch form input {float:left;border:2px solid #2b4383;width:300px;height:46px;vertical-align:top; border-top-left-radius:2px; border-bottom-left-radius:2px margin:0;text-align:left;background:url('../images/common/tit_search.gif') no-repeat 13px 13px; padding-left:90px;}
header .head .headSearch form input:focus {outline: none; border-top-right-radius: 0px; border-bottom-right-radius:0px; border-color: #256ef4;}
header .head .headSearch form button {width:60px; height:46px; background:url(../images_ebi/common/btn_search.png) no-repeat center; text-indent:-9999px; cursor:pointer;}
header .head aside {float:right; padding-top:30px; font-size:12px;}
header .head aside li {float:left; padding-left:15px;}


/* nav */
nav {width:100%; background:#fff;  border-bottom:3px solid #264593;}
nav .gnb {width:1200px; height:50px; margin:0 auto; border-right:1px solid #e0e0e0;}
nav .gnb h2 {display:none;}
nav .gnb>ul {position:relative; display:flex}
nav .gnb>ul>li {position:relative; flex:1;}
nav .gnb>ul>li>a {display:block; width:100%; height:50px; line-height:1; padding-top:15px; font-size:18px; font-weight:500; font-family:"NanumSquare"; letter-spacing:-.5px; text-align:center; border-left:1px solid #e0e0e0;}
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>ul {z-index:9999; height:0; min-width:100%; overflow:hidden; position:absolute; left:0; top:50px; background:#264593; /*box-shadow:3px 3px 5px rgba(0,0,0,.2);*/}
nav .gnb>ul>li.on>ul {height:auto;}
nav .gnb>ul>li>ul a {position:relative; display:block; padding:15px 26px 15px 28px; font-size:14px; letter-spacing:-.5px; line-height:1; color:#fff; white-space:nowrap; border-bottom:1px solid #2d4d9c;}
nav .gnb>ul>li>ul a:focus,
nav .gnb>ul>li>ul a:active,
nav .gnb>ul>li>ul a:hover {color:#fff; background:#0085cf;}
nav .gnb>ul>li>ul a:before {clear:both; position:absolute; content:""; top:19px; left:18px; display:block; width:3px; height:3px; background:#fff; border-radius:50%;}


/* lnb */
#content {position:relative;}
#content .lnb {width:240px; float:left; line-height:1.2; overflow:hidden;}
#content .lnb h2 {
	width:240px; height:103px; text-align:center; padding-top:50px; font-family:"NanumGothic"; font-size:22px; font-weight:bold; color:#fff; letter-spacing:-1px; line-height:1; background:url(../images_ebi/common/lnb_h2Bg_new.png) no-repeat;}
#content .lnb>ul>li {border:1px solid #e5e5e5; margin-top:-1px; position:relative;}
#content .lnb>ul>li.on:before {color:#254592; position:absolute; bottom:0; left:0; display:block; width:100%; height:3px; background:#264693; content:""; z-index:3;}
#content .lnb>ul>li:first-child {margin-top:1px; border-top:0;}
#content .lnb>ul>li>a {position:relative; display:block; padding:20px; font-size:15px; line-height:1.4; font-weight:bold; letter-spacing:-.5px;}
#content .lnb>ul>li>a:hover,
#content .lnb>ul>li.on>a {color:#254592;}
#content .lnb>ul>li>a:after {
	content:""; display:block; position:absolute; right:10px; top:20px; width:20px; height:20px;
	background-repeat:no-repeat; background-position:center;
	background-image:url(../images_ebi/common/lnb_direct.png);
}
#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 .dep3 {display:block; padding:15px 0; background:#f7f7f7;}
#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; font-weight:500; color:#666; line-height:1.4;}
#content .lnb .dep3 a:hover {color:#000; text-decoration:underline;}
#content .lnb .dep3 li.on a {color:#254592;}
#content .lnb .dep3 a:before {clear:both; content:""; position:absolute; left:5px; top:9px; width:3px; height:3px; background:#ccc;}
#content .lnb .dep3 a:hover:before {background:#000;}
#content .lnb .dep3 li.on a:before {background:#254592;}



/* content */
#content_box {clear:both; position:relative;}
#content_box .bgbar {
	width:100%; height:240px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	text-align:center;
}
#content_box .bgbar p {padding-top:60px; font-family:"NanumSquare"; font-weight:500; font-size:28px; text-align:center; color:#fff;}
#content {width:1200px; margin:-104px auto 0; overflow:hidden;}

#content_box.daesin .bgbar {background-image:url(../images_ebi/common/lnb_bg1.jpg);}
#content_box.dgstation .bgbar {background-image:url(../images_ebi/common/lnb_bg2.jpg);}
#content_box.bum .bgbar {background-image:url(../images_ebi/common/lnb_bg3.jpg);}
#content_box.customer .bgbar {background-image:url(../images_ebi/common/lnb_bg4.jpg);}
#content_box.utility .bgbar {background-image:url(../images_ebi/common/lnb_bg5.jpg);}



#rightcolumn {float:right; width:960px; margin-top:13px;}
#rightcolumn h3 {height:90px; padding-top:30px; padding-left:60px; font-family:"NanumGothic"; font-size:28px; color:#000; font-weight:500; letter-spacing:-1px; background:#fff;}

#location {position:absolute; top:25px; right:40px; height:50px;}
#location .wrap {float:left; height:50px;}
#location .wrap span {display:block; float:left; height:50px; padding:15px 25px 0 0; margin-right:15px; font-size:14px; color:#666; background:url(../images_ebi/common/location_arrow.png) no-repeat right 50%;}
#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 {overflow:hidden; padding-bottom:50px;}


/* 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:50%; 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:right; border:1px solid #5b616c; border-top:0; border-bottom:0; padding-right:30px;}
footer .head .wrap aside ul {float:right;}
footer .head .wrap aside li {float:left;}
footer .head .wrap aside a {color:#fff; padding:15px 0; margin-left:35px;}
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-top: 34px; padding-right:50px; vertical-align:middle;}
footer .address address {line-height:1;}
footer .address address dl {clear:both; display:block; overflow:hidden; padding-bottom:10px;}
footer .address address dl>* {float:left; display:inline-block;}
footer .address address dl dt {width:150px; font-weight:500; color:#000;}
footer .address address dl dt+dd {width:375px;}
footer .address aside {float:right; font-size:12px; padding-top: 50px;}