@charset "utf-8"; /* Font */

/* Font */
@font-face{
	font-family:NotoSans;
    src:url(../../../../style/font/NotoSansKR-Regular.eot);
    src:local('※'), url(../../../../style/font/NotoSansKR-Regular.woff) format('woff');
}
@font-face{
    font-family:NanumBarunGothic;
    src:url(../../../../style/font/NanumBarunGothic.eot);
    src:local('※'), url(../../../../style/font/NanumBarunGothic.woff) format('woff');
}

/* Layout */
html,body{overflow-x:hidden;position:relative;width:100%}
body{font-family:NanumBarunGothic, sans-serif}
#divWrapper{margin:0 auto}
#divHeader{height: 175px;font-family:NotoSans, sans-serif}
.header{width:1080px;margin:0 auto}
#divContents{position:relative;width:1080px;margin:0 auto}
#divContent{margin-top:40px;padding-bottom:45px;min-height:600px;font-family:NanumBarunGothic, sans-serif}
#divFooter{font-family:NotoSans, sans-serif}

.egTop{background:#fff; height:37px; border-bottom:1px solid #fff}
.egTop .inner{width: 1080px; margin: 0 auto;}
.egTop p{padding-left: 47px;line-height:37px;background: url(../../../../image/ko/local/eg_logo.png) no-repeat left center;}

/* Global Menu */
#globalMenu{height:42px;background-color:#4b4b4d;line-height:100%}
#globalMenu > div{position:relative;width:1080px;margin:0 auto}
#globalMenu > div .gnb{float:left;margin-top:12px}
#globalMenu > div .gnb > li{float:left;margin-left:20px}
#globalMenu > div .gnb > li:first-child{margin-left:0}
#globalMenu > div .gnb > li > a{color:#b8b8b8;font-size:12px}
#globalMenu > div .gnb > li.ask > a{color:#82c241}
#globalMenu > div .gnb > li > a:hover, #globalMenu > div .gnb > li > a:focus{color:#fff;text-decoration:none}
#globalMenu > div .gnb > li > a img{margin:-2px 3px 0 0;vertical-align:middle}

#globalMenu > div .gnb .summaryInfo > a{padding:1px 7px 2px 25px;background:url(../../../../image/en/local/myMenuBtn.png) no-repeat 7px 50% #2bad5f;color:#fff;font-size:13px;line-height:100%}
#globalMenu > div .gnb .summaryInfo > div{display:none;position:absolute;top:139px;left:0;width:100%;background:url(../../../../image/en/local/summaryBg.png) repeat 0 0;z-index:25}
#globalMenu > div .gnb .summaryInfo > div > div{margin:0 auto;padding:20px 0;overflow:hidden;}
#globalMenu > div .gnb .summaryInfo > div > div > div{float:left;width:200px;margin-left:40px}
#globalMenu > div .gnb .summaryInfo > div .myID{margin-bottom:16px;color:#fff;font-size:16px}
#globalMenu > div .gnb .summaryInfo > div .myID span{color:#99e54c}
#globalMenu > div .gnb .summaryInfo > div#globalMenu > div .summaryInfo > div .message{margin-bottom:8px;color:#ebff00;font-size:13px}
#globalMenu > div .gnb .summaryInfo > div .message img{margin-top:2px;vertical-align:top}
#globalMenu > div .gnb .summaryInfo > div .summary{margin-bottom:20px;color:#fff;font-size:13px;overflow:hidden}
#globalMenu > div .gnb .summaryInfo > div .summary li{float:left;margin-left:9px;padding-left:10px;background:url(../../../../image/en/local/bar1.gif) no-repeat 0 0;line-height:20px;font-size:14px}
#globalMenu > div .gnb .summaryInfo > div .summary li:first-child{margin-left:0;padding-left:0;background:none}
#globalMenu > div .gnb .summaryInfo > div .summary a{color:#bebebe}
#globalMenu > div .gnb .summaryInfo > div #reserveDate{clear:both;color:#fff;margin:5px 0 5px;font-size:13px}
#globalMenu > div .gnb .summaryInfo > div #campusLoanDate{color:#fff}
#globalMenu > div .gnb .summaryInfo > div .myMenuList{float:left;width:717px;height:100px;margin-left:60px;border:1px solid #686868}
#globalMenu > div .gnb .summaryInfo > div .myMenuList > li{float:left;width:226px;height:100px;padding:0 6px;border-left:1px solid #686868;background-color:#474747}
#globalMenu > div .gnb .summaryInfo > div .myMenuList > li:first-child{border-left:none}
#globalMenu > div .gnb .summaryInfo > div .myMenuList > li span > a{display:block;text-align:center;}
#globalMenu > div .gnb .summaryInfo > div .myMenuList > li span a.myMenuTit{margin:6px 0;color:#bbb;font-size:14px}
#globalMenu > div .gnb .summaryInfo > div .myMenuList > li span a.myMenuStatus{margin-top:3px;color:#fff;font-size:12px;background-color:#2bad5f}
#globalMenu > div .gnb .summaryInfo > div .myMenuList > li.myrecom span a.myMenuStatus{background-color:#eca203}
#globalMenu > div .gnb .summaryInfo > div .close{position:absolute;bottom:20px;right:16px}
#globalMenu > div .gnb .summaryInfo > div .close img{width:30px;height:30px;vertical-align:top}

#globalMenu > div .sites{float:right;margin-top:12px}
#globalMenu > div .sites > a{display:none}
#globalMenu > div .sites li{float:left;background:url(../../../../image/en/local/siteListBg.png) no-repeat 0 3px;margin-left:7px;padding-left:10px}
#globalMenu > div .sites li:first-child{margin-left:0;padding-left:0;background:none}
#globalMenu > div .sites li a{color:#b8b8b8;font-size:12px}
#globalMenu > div .sites li a:hover, #globalMenu > div .sites li a:focus{color:#fff;text-decoration:none}

/* Logo */
.logo{position:relative;float:left;margin-top:26px;z-index:110}
.logo img{width:204px;height:43px;vertical-align:top}

/* Top Menu */
#divTopMenu{position:absolute;top: 175px;left:0;width:100%;border-top:1px solid #fff;border-bottom:1px solid #cacaca;background:url(../../../../image/en/local/topMenuBg.png) no-repeat 50% 0 #dce9e1;z-index:100}
#divTopMenu.on{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
#divTopMenu > div{position:relative;width:1080px;margin:-62px auto 0;height:58px;/*height:429px*/overflow:hidden}
#divTopMenu > div .wholeMenuOpen{display:none}
#divTopMenu > div .wholeMenuOpen img{width:29px;height:24px}
#divTopMenu > div .wholeMenuClose{display:none}
#divTopMenu > div > div > ul{float:right}
#divTopMenu > div > div > ul > li{float:left;width:143px;text-align:center}
#divTopMenu > div > div > ul > li.topMenu3{width:180px}
#divTopMenu > div > div > ul > li.topMenu4{width:125px}
#divTopMenu > div > div > ul > li > a{display:inline-block;height:27px;color:#262626;font-size:18px;text-decoration:none;transition:all ease-in-out 0.2s;-webkit-transition:all ease-in-out 0.2s}
#divTopMenu > div > div > ul > li > a:hover, #divTopMenu > div > ul > li > a:focus{color:#015057}
#divTopMenu > div > div > ul > li > div{height:367px;margin-top:35px;border-left:1px solid #d1ded6;text-align:left;transition:all ease-in-out 0.2s;-webkit-transition:all ease-in-out 0.2s}
#divTopMenu > div > div > ul > li.topMenu6 > div{border-right:1px solid #d1ded6}
#divTopMenu > div > div > ul > li > div:hover{background-color:#cdded3}
#divTopMenu > div > div > ul > li > div > ul{padding:30px 0 0 18px;;border-top:5px solid #dce9e0;letter-spacing:-0.3px}
#divTopMenu > div > div > ul > li > div:hover > ul{border-top-color:#015057;}
#divTopMenu > div > div > ul > li > div > ul > li{margin-top:10px}
#divTopMenu > div > div > ul > li > div > ul > li:first-child{margin-top:0}
#divTopMenu > div > div > ul > li > div > ul > li > a{color:#4d4d4d;font-size:15px;transition:all ease-in-out 0.2s;-webkit-transition:all ease-in-out 0.2s}
#divTopMenu > div > div > ul > li > div:hover > ul > li > a{color:#015057}
#divTopMenu > div > div > ul > li > div > ul > li > a:hover,#divTopMenu > div > ul > li > div > ul > li > a:focus{color:#015057;text-decoration:underline}

/* Search */
#divSearch{position:absolute;top:114px;right:0;width:369px;border:2px solid #015057}
#divSearch form{padding:0 57px 0 0}
#divSearch input{border:none;line-height:100%;font-size:15px}
#divSearch .inputSearch{width:100%;height:15px;padding:19px 0;text-indent:20px}
#divSearch .searchBtn{position:absolute;top:0;right:0;width:57px;height:53px;background:url(../../../../image/en/local/searchBtn.png) no-repeat 50% 50%;text-indent:-9999px;overflow:hidden}

/* Title */
#divTitle{width:1080px;margin:0 auto;padding:100px 0 5px;color:#333;font-size:30px;font-family:NotoSans, sans-serif;font-weight:normal}

/* Location */
#divLocation{line-height:100%;font-family:NotoSans, sans-serif}
#divLocation ul{height:21px;overflow:hidden}
#divLocation ul li{float:left;margin-left:13px;padding-left:18px;background:url(../../../../image/en/local/locationBg.png) no-repeat 0 3px;color:#6f7581;font-size:14px}
#divLocation ul li:first-child{margin:0;padding:0;background:none}
#divLocation ul li a{color:#6f7581;font-size:14px}
#divLocation ul li a:hover, #divLocation ul li a:focus{text-decoration:none}

/* Tab Menu */
#divTabMenu{height:40px;margin-bottom:30px;;padding:50px 0 0;border-bottom:1px solid #c9c9c9}
#divTabMenu > div{padding:0;background-color:#fff}
#divTabMenu ul li{float:left;height:39px;margin:0;border:1px solid #c9c9c9;border-left:none;background-color:#fff;font-size:16px;line-height:39px}
#divTabMenu ul li:first-child{border-left:1px solid #cacaca}
#divTabMenu ul li.selected{border:1px solid #96c02e;border-bottom:1px solid #c9c9c9}
#divTabMenu ul li a{display:block;padding:0 30px;background-color:#fff;color:#666;font-size:14px;min-width:45px;text-align:center}
#divTabMenu ul li a:hover, #divTabMenu ul li a:focus{text-decoration:none}
#divTabMenu ul li.selected a{background-color:#96c02e;color:#fff}

/* Quick Menu */
#divQuick{position:fixed;top:0;right:-164px;height:100%;width:190px;z-index:210;font-family:NotoSans, sans-serif;}
#divQuick > div{margin-left:26px;height:100%;background-color:#535353}
#divQuick > div > h2{height:62px;padding-top:75px;background:url(../../../../image/en/local/quickMenuBg.png) no-repeat 50% 27px #96c02e;color:#fff;font-size:19px;font-family:LatoR, sans-serif;font-weight:normal;text-align:center;line-height:20px}
#divQuick > div > ul{padding:50px 20px 50px 40px}
#divQuick > div > ul > li{margin-top:25px}
#divQuick > div > ul > li:first-child{margin-top:0}
#divQuick > div > ul > li a{color:#fff;font-size:15px;letter-spacing:-1px}
#divQuick > div > a{position:absolute;top:50%;left:0;margin-top:-55px;width:18px;height:79px;padding-top:22px;padding-left:8px;color:#fff;font-size:13px;font-family:NotoSans, sans-serif;line-height:12px}
#divQuick > div > a:hover, #divQuick > div > a:focus{text-decoration:none}
#divQuick > div > a.quickClose{display:none;background:url(../../../../image/en/local/quickClose.png) no-repeat 0 0}
#divQuick > div > a.quickOpen{background:url(../../../../image/en/local/quickOpen.png) no-repeat 0 0}

/* Banner */
.banner{height:68px;background-color:#f1f1f1}
.banner > div{position:relative;width:1080px;margin:0 auto}
.banner > div .bannerList{position:relative;width:950px;height:68px;overflow:hidden}
.banner > div .bannerList ul{position:absolute;top:20px;left:0;width:200%}
.banner > div .bannerList ul li{float:left;margin-right:85px}
.banner > div .bannerList ul li a{vertical-align:middle}
.banner > div .bannerList ul li a img{width:auto;height:34px;vertical-align:middle}
.banner > div .controller{position:absolute;top:26px;right:0;overflow:hidden}
.banner > div .controller a{float:left;width:22px;height:22px;margin-left:5px;text-indent:-9999px;overflow:hidden}
.banner > div .controller a.prev{margin-left:0;background:url(../../../../image/en/local/bannerPrev.jpg) no-repeat 0 0}
.banner > div .controller a.prev:hover, .banner > div .controller a.prev:focus{background-image:url(../../../../image/en/local/bannerPrevOn.jpg)}
.banner > div .controller a.next{background:url(../../../../image/en/local/bannerNext.jpg) no-repeat 0 0}
.banner > div .controller a.next:hover, .banner > div .controller a.next:focus{background-image:url(../../../../image/en/local/bannerNextOn.jpg)}
.banner > div .controller a.pause{background:url(../../../../image/en/local/bannerPause.jpg) no-repeat 0 0}
.banner > div .controller a.pause:hover, .banner > div .controller a.pause:focus{background-image:url(../../../../image/en/local/bannerPauseOn.jpg)}
.banner > div .controller a.play{display:none;background:url(../../../../image/en/local/bannerPlay.png) no-repeat 0 0}
.banner > div .controller a.play:hover, .banner > div .controller a.play:focus{background-image:url(../../../../image/en/local/bannerPlayOn.png)}

/* Footer */
.footer{background-color:#373737}
.footer > div{position:relative;width:1080px;margin:0 auto;padding:38px 0 50px}
.footer > div > div.footer1 ul{margin-bottom:30px;overflow:hidden}
.footer > div > div.footer1 ul li{float:left;margin-left:22px;padding-left:22px;background:url(../../../../image/en/local/footerMenuListBg.png) no-repeat 0 2px}
.footer > div > div.footer1 ul li.privacy{margin-left:0;padding-left:0;background:none}
.footer > div > div.footer1 ul li a{color:#d8d8d8;font-size:14px}
.footer > div > div.footer1 ul li a:hover, .footer > div > div.footer1 ul li a:focus{text-decoration:none}
.footer > div > div.footer1 ul li.privacy a{color:#96c02e}
.footer > div > div.footer1 > div{overflow:hidden}
.footer > div > div.footer1 > div > p{float:left}
.footer > div > div.footer1 > div > p img{width:152px;height:33px;vertical-align:top}
.footer > div > div.footer1 > div > div{margin:0 190px 0 200px}
.footer > div > div.footer1 > div > div address{margin-bottom:15px;color:#d9d9d9;font-size:13px}
.footer > div > div.footer1 > div > div p{color:#787878;font-size:12px}
.footer > div > div.footer2{position:absolute;top:38px;right:0}
.footer > div > div.footer2 > div{position:relative;margin-bottom:22px}
.footer > div > div.footer2 > div > a{display:block;width:184px;height:38px;border:1px solid #6f6f6f;color:#fff;font-size:13px;line-height:38px}
.footer > div > div.footer2 > div > a:hover, .footer > div > div.footer2 > div > a:focus{text-decoration:none}
.footer > div > div.footer2 > div > a span{display:block;margin:0 15px;background:url(../../../../image/en/local/siteArrowUp.png) no-repeat 100% 50%}
.footer > div > div.footer2 > div.on > a span{background-image:url(../../../../image/en/local/siteArrowDown.png)}
.footer > div > div.footer2 > div > div{display:none;position:absolute;bottom:40px;left:0;width:100%;background:url(../../../../image/en/local/relatedSiteBg.png) repeat 0 0}
.footer > div > div.footer2 > div > div > ul > li{margin:0 10px;border-top:1px solid #8a8a8a}
.footer > div > div.footer2 > div > div > ul > li:first-child{border-top:none}
.footer > div > div.footer2 > div > div > ul > li > a{display:block;padding:10px 0 10px 7px;color:#c2c1c1;font-size:13px;color:#c2c1c1;letter-spacing:-1px}
.footer > div > div.footer2 > div > div > ul > li > a:hover, .footer > div > div.footer2 > div > ul > li > a:focus{color:#fff;text-decoration:none}
.footer > div > div.footer2 > p{text-align:right}
.footer > div > div.footer2 > p img{width:61px;height:32px;vertical-align:top}

@media (min-width:1025px) and (max-width:1100px){
	/* Layout */
	.header{width:auto}
	#divTopMenu > div{width:auto}
	#divContents{width:auto}

	/* Global Menu */
	#globalMenu > div{width:auto}
	#globalMenu > div .gnb .summaryInfo > div .myMenuList{width:683px;margin-left:20px}
	#globalMenu > div .gnb .summaryInfo > div .myMenuList > li{width:215px}

	/* Top Menu */
	#divTopMenu > div > div > ul > li{width:135px}
	#divTopMenu > div > div > ul > li.topMenu3{width:135px}
	#divTopMenu > div > div > ul > li.topMenu4{width:135px}

	/* Title */
	#divTitle{width:auto}

	/* Banner */
	.banner > div{width:auto}
	.banner > div .bannerList{width:920px}

	/* Footer */
	.footer > div{width:auto}
}