﻿/* Layout */
html.noScroll{overflow:hidden;height:100%}
#divWrapper{min-width:320px}
#divHeader{height: 217px;border-bottom:1px solid #cacaca}
.header{width:auto}
#divContents{/* background:url(../../../../image/ko/local/main/contentsBg.jpg) no-repeat 50% 0 */}
.content1{width:auto;padding-bottom:80px}

.egTop .inner{width:100%; padding: 0 10px;}
.egTop p{font-size: 12px; background-size: 30px; padding-left: 35px; letter-spacing: -0.025em;}

/* Global Menu */
#globalMenu{padding-top:42px}
#globalMenu > div{width:auto;border-bottom:1px solid #828283;z-index:120}
#globalMenu > div .gnb{margin-left:0}
#globalMenu > div .gnb > li{margin-left:10px}
#globalMenu > div .gnb > li:first-child{margin-left:10px}
#globalMenu > div .gnb > li.login{position:absolute;top:-30px;left:0;margin-left:10px}
#globalMenu > div .gnb .summaryInfo > div{top:42px}
#globalMenu > div .gnb .summaryInfo > div > div{padding:20px 10px;}
#globalMenu > div .gnb .summaryInfo > div > div > div{float:none;width:auto;margin-left:0}
#globalMenu > div .gnb .summaryInfo > div #reserveDate{margin-bottom:16px}
#globalMenu > div .gnb .summaryInfo > div .myMenuList{float:none;width:auto;height:auto;margin-left:0;border-right:none;border-bottom:none;overflow:hidden}
#globalMenu > div .gnb .summaryInfo > div .myMenuList > li{width:50%;border-left:none;border-right:1px solid #686868;border-bottom:1px solid #686868;box-sizing:border-box}
#globalMenu > div .gnb .summaryInfo > div .close{top:23px;bottom:auto;right:10px}
#globalMenu > div .gnb .summaryInfo > div .close img{width:25px;height:25px}
#globalMenu > div .sites{position:absolute;top:-42px;right:10px;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/ko/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/ko/local/siteArrowUp2.png)}
#globalMenu > div .sites > ul{display:none;position:absolute;top:37px;left:0;width:138px;padding:10px 10px;background-color:#fff;border:1px solid #c3c3c4}
#globalMenu > div .sites > ul > li{float:none;margin:10px 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/ko/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/ko/local/siteListBgMOver.png);color:#015057}

/* Logo */
.logo{margin-left:10px}
.logo img{width:192px;height:41px}

/* Top Menu */
#divTopMenu{position:static;width:auto;border:none;background:none;line-height:100%}
#divTopMenu > div{position:static;top:0;right:0;width:auto;height:auto;margin:0}
#divTopMenu > div .wholeMenuOpen{display:block;position:absolute;top: 157px;right:20px}
#divTopMenu > div .wholeMenuClose{display:none;position:fixed;top:0;right:0;width:100%;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:fixed;top:0;right:-100%;width:100%;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 > 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/ko/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/ko/local/menuArrowDown.png) no-repeat 100% 50%;background-size:22px 13px}
#divTopMenu > div > div > ul > li.on > a span{background-image:url(../../../../image/ko/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/ko/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/ko/local/bullet2.gif);color:#6c9602;text-decoration:underline;color:#015057}

/* Search */
#divSearch{width:auto;margin-bottom:40px;padding-top:69px}
#divSearch > p{text-align:center}
#divSearch > p img{width:284px}
#divSearch form{padding:0;background:none;padding-right:67px}
#divSearch form label{position:static;width:130px;height:50px;display:inline-block;line-height:50px}
#divSearch form .inputText{padding:19px 0 23px;background:url(../../../../image/ko/local/main/searchBg.png) repeat 0 0;text-indent:10px;font-size:14px}
#divSearch form .searchBtn{top:auto;bottom:0;width:67px;height:60px}

/* Background Rolling */
.bgController{margin-top:40px}

/* Quick Menu */
.quickMenu{position:relative;}
.quickMenu > div{position:relative;width:auto;height:175px;margin:0 30px;overflow:hidden}
.quickMenu > div .quickMenu1{position:absolute;top:0;left:0;width:300%;height:150px;overflow:hidden}
.quickMenu > div .quickMenu1 li{width:11.1%;margin-left:0;height:132px}
.quickMenu > div .quickMenu1 li a{padding-top:60px;line-height:17px;font-size:14px}
.quickMenu > div .quickMenu1 li.quick4{width:8.3%;min-width:0}
.quickMenu > div .quickMenu1 li.quick4 a{padding-top:79px;background-position:50% 15px;background-size:60px 60px}
.quickMenu > div .quickMenu1 li.quick4 a:after{background-position:50% 15px;background-size:60px 60px}
.quickMenu > div .quickMenu1 li.quick5{width:8.3%;min-width:0}
.quickMenu > div .quickMenu1 li.quick5 a{padding-top:79px;background-position:50% 15px;padding-top:79px;background-size:60px 60px}
.quickMenu > div .quickMenu1 li.quick5 a:after{background-position:50% 15px;background-size:60px 60px}
.quickMenu > div .quickMenu1 li.quick6{width:8.3%;min-width:0}
.quickMenu > div .quickMenu1 li.quick6 a{padding-top:79px;background-position:50% 15px;background-size:60px 60px}
.quickMenu > div .quickMenu1 li.quick6 a:after{background-position:50% 15px;background-size:60px 60px}
.quickMenu > div .quickMenu1 li.quick7{width:8.3%;min-width:0}
.quickMenu > div .quickMenu1 li.quick7 a{padding-top:79px;background-position:50% 15px;background-size:60px 60px}
.quickMenu > div .quickMenu1 li.quick7 a:after{background-position:50% 15px;background-size:60px 60px}
.quickMenu .quickPrev{display:none;position:absolute;top:77px;left:10px;width:14px;height:22px;background:url(../../../../image/ko/local/main/quickPrev.png) no-repeat 0 0;background-size:14px 22px;text-indent:-9999px;overflow:hidden}
.quickMenu .quickPrev:hover{background-image:url(../../../../image/ko/local/main/quickPrevOver.png)}
.quickMenu .quickNext{display:block;position:absolute;top:77px;right:10px;width:14px;height:22px;background:url(../../../../image/ko/local/main/quickNext.png) no-repeat 0 0;background-size:14px 22px;text-indent:-9999px;overflow:hidden}
.quickMenu .quickNext:hover{background-image:url(../../../../image/ko/local/main/quickNextOver.png)}

/* Notice */
.notice{float:none;width:auto;margin-bottom:40px;padding:0 10px;overflow:hidden}
.notice h2{margin:0 0 25px}
.notice ul li.first{background:none;margin-bottom:20px;padding-left:0;padding-bottom:20px;border-bottom:1px solid #d4d4d4}
.notice ul li.first > div{height:auto;}
.notice ul li.first a{text-overflow:clip;white-space:normal;overflow:visible}
.notice a.more{position:static;float:right;width:auto;height:auto;margin-top:30px;background:url(../../../../image/ko/local/main/moreM.png) no-repeat 0 5px;background-size:10px 10px;text-indent:20px;text-decoration:underline;color:#0f5960}

/* Data */
.data{float:none;width:auto;padding:0 10px 50px 10px}
.data > ul > li{width:33%}
.data > ul > li.on{width:34%}
.data > ul > li > a.tab{display:block;width:auto;font-size:16px}
.data > ul > li.on > a.tab{font-size:16px}
.data > ul > li > a.more{top:auto;bottom:0;right:10px;width:auto;height:auto;margin-top:10px;background:url(../../../../image/ko/local/main/moreM.png) no-repeat 0 5px;background-size:10px 10px;text-indent:20px;text-decoration:underline;color:#0f5960}

/* Banner */
.banner > div{width:auto}
.banner > div .bannerList{width:auto}
.banner > div .bannerList ul{height:29px;overflow:hidden}
.banner > div .bannerList ul li{margin-right:0;width:25%;text-align:center}
.banner > div .controller{top:-32px;right:10px}

/* Footer */
.footer > div{width:auto;padding:90px 0 20px}
.footer > div > div.footer1{text-align:center}
.footer > div > div.footer1 ul{display:inline-block;margin-bottom:15px}
.footer > div > div.footer1 > div > p{float:none;margin-left:10px}
.footer > div > div.footer1 > div > div{margin:15px 10px 0;text-align:left}
.footer > div > div.footer1 > div > div p{margin-right:100px;font-size:10px}
.footer > div > div.footer2{position:static;margin:0 10px}
.footer > div > div.footer2 > div{position:absolute;top:0;left:0;}
.footer > div > div.footer2 > p{position:absolute;bottom:20px;right:10px}
.footer > div > div.footer2 > div{width:100%}
.footer > div > div.footer2 > div > a{width:auto;margin:20px 10px 0}
.footer > div > div.footer2 > div > div{background:none}
.footer > div > div.footer2 > div > div > ul{margin:0 10px;background:url(../../../../image/ko/local/relatedSiteBg.png) repeat 0 0}