@charset "utf-8";

html, body{width:100%;height:100%;}
body{min-width:1200px;min-height:700px;}

/* Container */
#container{padding-top:60px;}
.mainVisual{height:474px;background:url('/upload_data/board_data/BBS_0000181/160342107810601.png') no-repeat 50% 50%;}
.mainArea{position:relative;width:1004px;margin:0 auto;}
.search{position:absolute;left:27%;top:187px;}
.search form input[type="search"]{position:relative;width:434px;height:59px;line-height:60px;border-radius:30px;color:#000;font-size:1.3em;font-family:'NanumBarunGothic','나눔바른고딕',sans-serif;padding-left:25px;background:#fff ;border:none;box-shadow : 1px 0 2px #333 inset;}
.search #searchBtn{position:absolute;right:0;top:0;width:94px;height:59px;line-height:60px;background:url('/images/01_web/main/btn_search.png') no-repeat 100% 0;text-indent:-9999em;}
.search form .ie8Txt{position:relative;width:434px;height:59px;line-height:60px;border-radius:30px;color:#000;font-size:1.3em;font-family:'NanumBarunGothic','나눔바른고딕',sans-serif;padding-left:25px;background:#fff ;border:none;box-shadow : 1px 0 2px #333 inset;}
.weather{position:absolute;left:50%;top:107px;/*width:192px;*/margin:0 auto;overflow:hidden;}
.weather ul{float:left;width:72px;height:72px;overflow:hidden;}
.weather ul li{background:url('/images/01_web/main/ico_weather.png') no-repeat;width:100%;height:100%;text-indent:-9999em;float:left;}
.weather ul li.w1{background:url('/images/01_web/main/ico_weather.png') no-repeat;}
.weather ul li.w2{background:url('/images/01_web/main/ico_weather2.png') no-repeat;}
.weather ul li.w3{background:url('/images/01_web/main/ico_weather3.png') no-repeat;}
.weather ul li.w4{background:url('/images/01_web/main/ico_weather4.png') no-repeat;}
.weather ul li.w5{background:url('/images/01_web/main/ico_weather5.png') no-repeat;}
.weather ul li.w6{background:url('/images/01_web/main/ico_weather6.png') no-repeat;}
.weather ul li.w7{background:url('/images/01_web/main/ico_weather7.png') no-repeat;}
.weather .weaterTxt{float:left;padding-left:20px;text-align:center;}
.weather .weaterTxt p{color:#053244;}
.weather .weaterTxt span{font-size:2.4em;color:#053244;}

.eventLayer{position:absolute;right:50%;top:220px;margin-right:-215px;}
.main-slogun{position: absolute;top: 62px;left: 14%;}


.eventLayer02 {position:relative; top: 36px; right: 18%;}
.eventLayer02 .event{position: absolute; top: -2px; left: 14px; width: 275px;}
.eventLayer02 .event .rollImg {}
.eventLayer02 .event .rollImg a img {width:100%}
.eventLayer02 .event a{display:block; border-radius:15px;font-size:0.9em;padding:3px 0;color:#333;}
.eventLayer02 .event .closeBtn02 {}
.eventLayer02 .event .closeBtn02 img {top: 3px;  right: -38px; position: absolute;}




.eventLayer .event2{position:relative;width:600px;height:300px;/*background:url('/images/01_web/main/img_poplayer_1.png') no-repeat;padding-top:30px;*/}
.eventLayer .event2 .rollImg{height:100%;}
.eventLayer .event2 ul{height:100%; overflow:hidden;}
.eventLayer .event2 ul li{height:100%;text-align:center;background:url('/images/01_web/main/img_poplayer_1.png') no-repeat;padding-top:30px; background-size: 100% !important;}
.eventLayer .event2 ul li.r2{background:url('/upload_data/board_data/BBS_0000181/160342107810758.png') no-repeat;}
.eventLayer .event2 ul li.r3{background:url('/upload_data/board_data/BBS_0000181/160342107810736.png') no-repeat;}
.eventLayer .event2 ul li.r4{background:url('/upload_data/board_data/BBS_0000181/160342107810890.png') no-repeat;}
.eventLayer .event2 ul li.r5{background:url('/upload_data/board_data/BBS_0000181/160342107810998.png') no-repeat;}
.eventLayer .event2 ul li strong{font-size:18px;letter-spacing:-0.01em;text-indent:-9999px;background:url('/images/01_web/main/roll_bg.png') no-repeat;width:180px;height:31px;}
.eventLayer .event2 ul li a{width:200px;display:block;margin:30px auto 0;background:#f8df7e;border-radius:25px;font-size:17px;padding:12px 0; 
font-weight:600; color:#121212;border:1px solid #d4b84e;}
.eventLayer .event2 ul li.r2 a{margin:94px auto 0;background:#204164;border:1px solid #0f2743;color:#fff;}
.eventLayer .event2 ul li.r3 a{margin:94px auto 0;background:#e9fb98;border:1px solid #c0d762}
.eventLayer .event2 ul li.r4 a{margin:94px auto 0;background:#bf3333; border:1px solid #911414; color:#fff;}
.eventLayer .event2 ul li.r5 a{margin:94px  auto 0;background:#ff0; border:1px solid #b9a428; color:#111;}

.eventLayer .event2 .rollCtrl{margin-top:22px;}
.eventLayer .event2 .rollCtrl .ctrlBtn{text-align:center;margin-top:-18%;}
.eventLayer .event2 .rollCtrl .ctrlBtn div{display:inline-block;}
.eventLayer .event2 .rollCtrl .ctrlBtn div a{display:block;width:7px;height:7px;text-indent:-9999em;background:#f1f1f1;border-radius:1000%;/*opacity:0.6;*/}
.eventLayer .event2 .rollCtrl .ctrlBtn div a:hover, .eventLayer .event2 .rollCtrl .ctrlBtn div a.on{opacity:1;background:#000;}
.eventLayer .event2 .closeBtn{position:absolute;right:58px;top:5px;}

.mainNews{width:1004px;/*height:305px*/;margin:0 auto;overflow:hidden;padding:0 0 44px 0;}
.mainNews > div{position:relative;width:100%; /* float:left;margin-left:4%; */}
/* .mainNews > div:first-child{margin-left:0;} */
.mainNews > div h3{font-size:1.6em;/*font-family:'SeoulNamsanL','서울남산체';*/margin-bottom:15px;}
.mainNews > div > ul > li{padding:6px 0;overflow:hidden;font-size:0.9em;}
.mainNews > div > ul > li > a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:76%;float:left;}
.mainNews > div > ul > li > span{width:24%;float:right;color:#767676;text-align:right;padding-right:5px;}
.mainNews > div > a.more{position:absolute;right:0;top:0;}

.popupZone{width:287px; height:146px;float:right; background-color:#1779a1;position:relative;top:39px;}
.popupZone .popIn{padding:10px;}
.popupZone .popIn h3{display:inline-block;position:absolute; bottom:10px; left:10px; color:#fff;}
.popupZone .popIn .clBtn{position:absolute;top:0;right:-37px;}
.popupZone > div > div > ul{height:87px;overflow:hidden;font-size:15px;}
.popupZone > div > div > ul > li{height:100%;}
.popupZone > div > div > ul > li > a{display:block;}
.popupZone > div > div > ul > li > a > img{width:100%;}

.popupZone .popCtrl{position:absolute;right:10px;bottom:10px;overflow:hidden;}
.popupZone .popCtrl a{display:inline-block;width:28px;height:28px;text-indent:-9999em;font-size:0;float:left;margin-right:1px;}

.popupZone .popCtrl .prev{background:url('/upload_data/board_data/BBS_0000181/160342107811152.png') no-repeat;}
.popupZone .popCtrl .stop{width:28px;background:url('/upload_data/board_data/BBS_0000181/160342121817267.png') no-repeat;}
.popupZone .popCtrl .play{width:28px;background:url('/upload_data/board_data/BBS_0000181/160342107811011.gif') no-repeat;}
.popupZone .popCtrl .next{background:url('/upload_data/board_data/BBS_0000181/160342107811073.png') no-repeat;margin-right:0;}

.mainQmenu{width:100%;height:190px;background:#fdfcfd;overflow:hidden;}
.mainQmenu > div{width:1024px;margin:0 auto;}
.mainQmenu > div > p{float:left;/*width:26%;*/}
.mainQmenu > div > ul{overflow:hidden;float:right;width:76%;}
.mainQmenu > div > ul > li{float:left;margin-left:1%;width:19%;height:190px; position:relative; z-index:10}
.mainQmenu > div > ul > li > a{height:100%;display:block;background:url('/upload_data/board_data/BBS_0000181/161939824004388.png') no-repeat;text-align:center;padding-top:152px;font-size:1.1em;}
.mainQmenu > div > ul > li > a.ico1{background-position:-22px 0;}
.mainQmenu > div > ul > li > a.ico2{background-position:-171px 0;}
.mainQmenu > div > ul > li > a.ico3{background-position:-322px 0;}
.mainQmenu > div > ul > li > a.ico4{background-position:-472px 0;}
.mainQmenu > div > ul > li > a.ico5{background-position:-621px 0;}

.mainTour{position:relative;padding:45px 0 40px;}
.mainTour .sightsBox{position:relative;width:1004px;margin:0 auto;}
.mainTour .sightsImg{position:relative;height:540px;}
.mainTour .sightsImg ul{height:540px;overflow:hidden;}
.mainTour .sightsImg ul > li{height:100%;}
.mainTour .sightsBox ul > li > div{position:relative;}
.mainTour .sightsImg .desc{position:absolute;bottom:0;width:100%;height:54px;background:rgba(0, 0, 0, 0.7); color:#fff;line-height:54px;padding-left:30px;font-size:1.5em;}
.mainTour .sightsCate{position:absolute;left:-11px;top:-11px;width:318px;height:227px;background:url('/images/01_web/main/bg_menubox.png') no-repeat;padding:25px;color:#fff;}
.mainTour .sightsCate h3{font-size:2.5em;/*font-family:'SeoulNamsanL','서울남산체';*/margin-bottom:15px;}
.mainTour .sightsCate ol{overflow:hidden;}
.mainTour .sightsCate ol > li{float:left;width:50%;overflow:hidden;margin:7px 0;}
.mainTour .sightsCate ol > li > a{color:#fff;padding-left:8px;}
/* .mainTour .sightsCate ol > li > a:hover, .mainTour .sightsCate ol > li > a:focus{color:#2a9169;} */
.mainTour .sightsCate ol > li > i{float:left;background:#fff;width:23px;height:23px;border-radius:100%;display:block;text-align:center;font-family:'SeoulNamsanL','서울남산체';font-style:normal;font-weight:600;color:#424242;line-height:23px;}
.mainTour .sightsCate ol > li.on > i{background:#2a9169;color:#fff;text-decoration:underline;}
.mainTour .sightsCtrl{width:1200px;margin:0 auto;}
.mainTour .sightsCtrl > div{position:absolute;top:282px;width:1200px;}
.mainTour .sightsCtrl a{position:absolute;display:inline-block;width:67px;height:88px;font-size:0;text-indent:-9999em;}
.mainTour .sightsCtrl a.prev{left:0;background:url('/images/01_web/main/btn_tourprev.gif') no-repeat;}
.mainTour .sightsCtrl a.next{right:0;background:url('/images/01_web/main/btn_tournext.gif') no-repeat;}
.mainTour .srollBtn{text-align:center;}
.mainTour .srollBtn div{display:inline-block;margin-top:10px;}
.mainTour .srollBtn div a{display:block;width:15px;height:15px;text-indent:-9999em;background:#636f70;border-radius:100%;margin:0 2px;}
.mainTour .srollBtn div a:hover, .srollBtn div a.on{opacity:1;background:#000;}
.mainTour .srollBtn div a.stop{border-radius:0;background:url('/images/01_web/main/btn_srollstop.gif') no-repeat;}
.mainTour .srollBtn div a.play{border-radius:0;background:url('/images/01_web/main/btn_srollplay.gif') no-repeat;}

/* .mainCont{width:100%;height:580px;padding:45px 0 35px;background:url('/images/01_web/main/bg_maincont2.jpg') no-repeat 50% 0;} */
.mainCont{width:100%;height:580px;padding:45px 0 35px;background:url('/upload_data/board_data/BBS_0000181/160342107811245.jpg') no-repeat 50% 0;}

.mainCont .topArea, .mainCont .btmArea{width:1004px;margin:0 auto;}

.mainCont .topArea{overflow:hidden;margin-bottom:26px;}
.mainCont .topArea ul.mlist{overflow:hidden;width:80%;float:left;}
.mainCont .topArea ul.mlist li{float:left;margin-right:3%;text-align:center;}
.mainCont .topArea ul.mlist li a{display:block;width:174px;height:218px;}
.mainCont .topArea ul.mlist li a.cate01{background:url('/upload_data/board_data/BBS_0000181/160342107811335.png') no-repeat}
.mainCont .topArea ul.mlist li a.cate02{background:url('/upload_data/board_data/BBS_0000181/160342107811476.png') no-repeat}
.mainCont .topArea ul.mlist li a.cate03{background:url('/upload_data/board_data/BBS_0000181/160342107811481.png') no-repeat}
.mainCont .topArea ul.mlist li a.cate04{background:url('/upload_data/board_data/BBS_0000181/160342107811538.png') no-repeat}
.mainCont .topArea ul.mlist li a:hover{text-decoration:none;color:#e03a41;}
.mainCont .topArea ul.mlist li a span{display:block;padding-top:180px;font-weight:600;font-size:1.4em;}
.mainCont .topArea .movie{position:relative;width:20%;float:right; height:218px;background:url('/images/01_web/main/ico_movie.png') no-repeat 0 100%;}
.mainCont .topArea .movie span{position:absolute;left:-15px;top:0;}
.mainCont .topArea .movie a{display:block;width:203px;height:218px;background:url('/upload_data/board_data/BBS_0000181/160342107811513.png') no-repeat 0 100%;}

.mainCont .btmArea{overflow:hidden;}
.mainCont .btmArea h3{font-size:1.8em;/*font-family:'SeoulNamsanL','서울남산체';*/margin-bottom:10px;}
.mainCont .btmArea .app{float:left;width:250px;height:254px;padding:30px 0 0;background:#cf343a; color:#fff;text-align:center;}
.mainCont .btmArea .app h3 span{color:#fbff84;}
.mainCont .btmArea .app > i{background:url('/images/01_web/main/img_mobile.png') no-repeat;width:250px;height:99px;display:block;font-size:0;text-indent:-9999em;}
.mainCont .btmArea .app > ul{overflow:hidden;margin-top:17px; padding:15px 0; background:#b42026}
.mainCont .btmArea .app > ul > li{float:left;text-align:left;width:50%;padding-left:20px;overflow:hidden;}
.mainCont .btmArea .app > ul > li > a{display:block;color:#fff;font-size:0.9em;line-height:20px;line-height:120%;}
.mainCont .btmArea .app > ul > li > a > i{width:40px;height:40px;display:block;background:url('/images/01_web/main/ico_app.png') no-repeat;float:left;}
.mainCont .btmArea .app > ul > li > a.ios > i{background-position:-120px 0;}
.mainCont .btmArea .cateBox{float:left;background:url('/images/01_web/main/bg_catebox.png') no-repeat;width:499px;height:254px;}
.mainCont .btmArea .cateBox ul{overflow:hidden;width:100%;}
.mainCont .btmArea .cateBox ul > li{float:left;width:25%;height:126px;text-align:center;}
.mainCont .btmArea .cateBox ul > li > a{display:block;padding-top:90px;background:url('/images/01_web/main/ico_catebox.png') no-repeat;}
.mainCont .btmArea .cateBox ul > li > a.ico01{background-position:0 0;}
.mainCont .btmArea .cateBox ul > li > a.ico02{background-position:-125px 0;}
.mainCont .btmArea .cateBox ul > li > a.ico03{background-position:-250px 0;}
.mainCont .btmArea .cateBox ul > li > a.ico04{background-position:-375px 0;}
.mainCont .btmArea .cateBox ul > li > a.ico05{background-position:0 -125px;}
.mainCont .btmArea .cateBox ul > li > a.ico06{background-position:-125px -125px;}
.mainCont .btmArea .cateBox ul > li > a.ico07{background-position:-250px -125px;}
.mainCont .btmArea .cateBox ul > li > a.ico08{background-position:-375px -125px;}
.mainCont .btmArea .story{float:left;background:url('/images/01_web/main/bg_story.png') no-repeat;width:254px;height:254px;padding:30px 20px;}
.mainCont .btmArea .story a {display:block;}

.bnrArea{width:100%;border-bottom:1px solid #e5e5e5;}
.bnrArea .bnrZone{width:1004px;margin:0 auto;padding:15px 0;overflow:hidden;}
.bnrArea .bnrZone .bnrCtrl ul{float:left;padding-top:10px;}
.bnrArea .bnrZone .bnrCtrl ul > li{float:left;}
.bnrArea .bnrZone .bnrCtrl span{display:block;float:left;padding-left:10px;color:#b3b3b3;line-height:40px;}
.bnrArea .bnrZone .bnrList{float:right;width:790px;height:40px;overflow:hidden;}
.bnrArea .bnrZone .bnrList ul{overflow:hidden;}
.bnrArea .bnrZone .bnrList ul > li{float:left;padding-left:14px;}
.bnrArea .bnrZone .bnrList ul > li:first-child{padding:0;}

/*banner*/
.mainBanner{position:absolute; top:204px;right:0; padding:0; width:286px;}
.mainBanner a{text-indent:-9999px;color:#fff;line-height:34px; font-size:0px;background-image:url("/upload_data/board_data/BBS_0000181/161484024134699.jpg"); height:76px; 
display:block;}
.mainBanner.bn0 {position:absolute; top: 292px;}
.mainBanner.bn0 a{text-indent:-9999px;color:#fff;line-height:34px; font-size:0px;background-image:url("/upload_data/board_data/BBS_0000181/174219299726723.png"); height:76px; display:block; background-size: 100%;}
.mainBanner.bn2{position:absolute; top:287px;right:0;  width:286px;  padding:0; top:380px;}
.mainBanner a.bn2{background:url("/upload_data/board_data/BBS_0000181/160342138205068.jpg")no-repeat 0 72%; height:76px;}
.mainBanner a > span{color:#ffde4f; font-size:00px; font-family:"dokdo", serif;}

.mapLink{position: absolute; display: block; top:130px; left:400px;}
.mapLink.type2{top:40px; left:460px;}

.popPoster {position: absolute; z-index: 15; left: 8%; top:37px;  transform: translateX(-50%);}
.popPoster .popImg {width:220px; height: auto; /*box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);*/}
.popPoster .popImg img {width: 100%; height: 100%;}
.popPoster .clBtn02 img {position: absolute; top: 0; right: -38px;}

.posterPop2 {position: absolute; left: -187px !important; top: 20px;}
.posterPop3 {position: absolute; left: 1200px !important; top: 17px;}
.posterPop4 {position: absolute; left: 100px !important; top: 76px;}
.poWrap {height: 600px; overflow: scroll; overflow-x: hidden; width: 500px; box-shadow: 2px 2px 8px 0px rgba(0,0,0,0.2);}
.posterPop2 .p_click{position:relative;}
.posterPop2 .p_click::before {content: '포스터를 클릭하세요!'; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #000; border-radius: 20px; padding: 7px 20px; box-shadow: 1px 3px 4px 1px rgba(0, 0, 0, 0.2); color: #fff; font-size: 18px; font-weight: 500;}
.popPoster .clBtn03 img {position: absolute; top: 0; right: -38px;}
.popPoster .clBtn04 img {position: absolute; top: 0; right: -38px;}
.popPoster .clBtn05 img {position: absolute; top: 0; right: -38px;}

.monthEvent{position: absolute; width:116px; height:77px; background: url("/upload_data/board_data/BBS_0000181/160342138205040.png") center no-repeat; top:122px; left:257px; z-index:10; background-size:95%;}
.monthEvent.type2{background-image: url(/upload_data/board_data/BBS_0000181/165456184983959.png); width: 196px; height: 78px; top: 39px; background-size:100%}
.monthEvent.type3{background-image: url(/upload_data/board_data/BBS_0000181/167996942794005.jpg); width: 400px; height: 78px; top: 39px; background-size:100%}
.monthEvent.flex {display: flex; align-items: flex-start; /* justify-content: space-between; */ justify-content: center; background: none; width: 421px; top:39px}
.monthEvent.flex a{display: inline-block; width: auto;}

.monthEvent > a {display:block; width:100%; height:100%;}