@charset "utf-8";

/* Layout */
html.noScroll{overflow:hidden;height:100%}
#divWrapper{min-width:320px}
#divHeader{height: 170px;border-bottom:1px solid #cacaca}
.header{width:auto}
.content1{width:auto;padding:40px 20px 110px}


.egTop .inner{width: 100%; padding:0 20px;}

/* Global Menu */
#globalMenu{padding:0 20px}
#globalMenu > div{position:static;width:auto}
#globalMenu > div .gnb .summaryInfo > div{top:138px}
#globalMenu > div .gnb .summaryInfo > div > div{position:relative;width:728px;padding-top:45px}
#globalMenu > div .gnb .summaryInfo > div > div > div{margin-left:0}
#globalMenu > div .gnb .summaryInfo > div .myMenuList{width:476px;margin-left:50px}
#globalMenu > div .gnb .summaryInfo > div .myMenuList > li{width:146px}
#globalMenu > div .gnb .summaryInfo > div .close{top:10px;bottom:auto;right:0}
#globalMenu > div .gnb .summaryInfo > div .close img{width:25px;height:25px}
#globalMenu > div .sites{position:absolute;top: 38px;right:20px;height:42px;margin:0;background-color:#4b4b4d;z-index:120}
#globalMenu > div .sites > a{display:inline-block;width:158px;height:30px;margin:5px 0 0 0;background:url(../../../../image/en/local/siteArrowDown2.png) no-repeat 140px 50%;background-size:10px 6px;color:#b8b8b8;border:1px solid #b8b8b8;line-height:30px;text-indent:10px}
#globalMenu > div .sites.on > a{background-image:url(../../../../image/en/local/siteArrowUp2.png)}
#globalMenu > div .sites > ul{display:none;position:absolute;top:37px;left:0;width:138px;padding:15px 10px;background-color:#fff;border:1px solid #c3c3c4}
#globalMenu > div .sites > ul > li{float:none;margin:7px 0 0 0;padding-left:0;background:none}
#globalMenu > div .sites > ul > li:first-child{margin:0}
#globalMenu > div .sites > ul > li a{display:block;padding-left:20px;background:url(../../../../image/en/local/siteListBgM.png) no-repeat 0 3px;background-size:11px 10px;color:#818181;font-size:14px}
#globalMenu > div .sites > ul > li a:hover, #globalMenu > div .sites > ul > li a:focus{background-image:url(../../../../image/en/local/siteListBgMOver.png);color:#015057}

/* Logo */
.logo{margin-left:20px}
.logo img{width:192px;height:41px}

/* Top Menu */
#divTopMenu{position:static;width:auto;border:none;background:none;line-height:100%}
#divTopMenu > div{position:absolute;top:0;right:0;width:auto;height:100% !important;margin:0;overflow:visible}
#divTopMenu > div .wholeMenuOpen{display:block;position:absolute;top: 115px;right:20px}
#divTopMenu > div .wholeMenuClose{display:none;position:fixed;top:0;right:0;width:355px;height:42px;background:#4b4b4d;text-align:right;z-index:150}
#divTopMenu > div .wholeMenuClose a{display:inline-block;margin:12px 20px 0 0}
#divTopMenu > div .wholeMenuClose img{vertical-align:top}
#divTopMenu > div > div{position:absolute;top:0;right:-355px;width:355px;height:100%;padding-top:0;background:#6c6d69;overflow-y:auto;z-index:130}
#divTopMenu > div > div > ul{float:none;margin-top:42px;background:#6c6d69}
#divTopMenu > div > div > ul > li{float:none;width:auto;text-align:left}
#divTopMenu > div > div > ul > li.topMenu3{width:auto}
#divTopMenu > div > div > ul > li.topMenu4{width:auto}
#divTopMenu > div > div > ul > li > a{display:block;height:auto;padding:20px 20px;border-bottom:1px solid #626360;color:#fff;font-size:17px;transition:background-color ease-in-out 0.2s;-webkit-transition:background-color ease-in-out 0.2s}
#divTopMenu > div > div > ul > li > a:hover, #divTopMenu > div > div > ul > li > a:focus{color:#fff}
#divTopMenu > div > div > ul > li.on > a{padding-left:40px;background:url(../../../../image/en/local/menuOpenM.png) no-repeat 20px 50% #96c02e;border-bottom-color:#b6d174;background-size:10px 17px}
#divTopMenu > div > div > ul > li > a span{display:block;background:url(../../../../image/en/local/menuArrowDown.png) no-repeat 100% 50%;background-size:22px 13px}
#divTopMenu > div > div > ul > li.on > a span{background-image:url(../../../../image/en/local/menuArrowUp.png)}
#divTopMenu > div > div > ul > li > div{display:none;height:auto;margin-top:0;border:none;background-color:#e7ebde;transition:all 0s ease 0s;-webkit-transition:all 0s ease 0s}
#divTopMenu > div > div > ul > li > div:hover{background-color:#e7ebde}
#divTopMenu > div > div > ul > li.topMenu6 > div{border:none}
#divTopMenu > div > div > ul > li > div > ul{padding:20px 40px;border-top:none}
#divTopMenu > div > div > ul > li > div > ul > li{margin-top:15px}
#divTopMenu > div > div > ul > li > div > ul > li > a{display:block;padding-left:25px;background:url(../../../../image/en/local/bullet1.gif) no-repeat 0 5px;background-size:10px 3px;color:#595858;font-size:15px}
#divTopMenu > div > div > ul > li > div:hover > ul > li > a{color:#595858}
#divTopMenu > div > div > ul > li > div > ul > li > a:hover, #divTopMenu > div > div > ul > li > div > ul > li > a:focus{background-image:url(../../../../image/en/local/bullet2.gif);color:#6c9602;text-decoration:underline;color:#015057}

/* Search */
#divSearch{width:690px}

/* Quick Menu */
.quickMenu > div{width:auto}
.quickMenu > div .quickMenu1{width:100%}
.quickMenu > div .quickMenu1 li{width:14%;margin-left:0}
.quickMenu > div .quickMenu1 li.quick7{width:15%}
.quickMenu > div .quickMenu1 li a{width:auto}
.quickMenu > div .quickMenu1 li.quick3 a{width:auto}

/* Notice */
.notice{width:50%}
.notice h2{margin:5px 0 15px}
.notice > ul{margin-right:10px}
.notice ul li.first{margin-bottom:10px}
.notice ul li.first > div{height:auto;overflow:hidden}
.notice ul li.first p.date{margin-bottom:25px}
.notice ul li.first{padding-left:0;background-size:66px 66px}
.notice ul li.first a{margin-bottom:5px;padding:10px 0 0 85px;font-size:15px}
.notice ul li.first p{padding-left:85px}
.notice ul li{margin-top:5px}
.notice ul li a{font-size:14px}
.notice a.more{top:9px;right:10px}

/* Data */
.data{width:50%;min-height:0}
.data > ul{height:40px;margin-left:10px}
.data > ul > li dl{top:66px}
.data > ul > li > a.tab{width:auto;height:39px;padding:0 5px;line-height:38px;font-size:12px}
.data > ul > li dl dt{margin:5px 0 20px;padding-left:140px;font-size:14px;white-space:normal}
.data > ul > li dl dd{padding-left:140px}
.data > ul > li dl dd img{left:9px;width:110px;height:152px}
.data > ul > li dl dd ul li{margin-top:3px;font-size:14px}
.data > ul > li > a.more{top:8px;right:0}

/* Banner */
.banner > div{width:auto}
.banner > div .bannerList{width:auto}
.banner > div .bannerList ul{height:30px;overflow:hidden}
.banner > div .bannerList ul li{margin-right:0;width:12.5%;text-align:center}
.banner > div .controller{top:-32px;right:10px}

/* Footer */
.footer > div{width:auto;padding:30px 20px 30px}
.footer > div > div.footer1 ul{margin-bottom:25px}
.footer > div > div.footer1 > div > p{float:none}
.footer > div > div.footer1 > div > div{margin:15px 0 0 0}
.footer > div > div.footer2{top:30px;right:20px}
.footer > div > div.footer2 > div{margin-bottom:5px}
.footer > div > div.footer1 > div > div address{margin-bottom:5px}