@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:#34a3d1 url('/images/03_language/03_jpn/main/bg_mvisual_1.jpg') no-repeat 50% 50%;}
.mainArea{position:relative;width:1004px;margin:0 auto;}
.search{position:absolute;left:290px;top:160px;}
.search form input[type="search"]{position:relative;width:444px;height:59px;line-height:60px;border-radius:30px;color:#000;font-size:1.3em;font-family:'NanumGothic','나눔고딕';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/03_language/03_jpn/main/btn_search.png') no-repeat 100% 0;text-indent:-9999em;}

.weather{position:absolute;left:40%;top:190px;width:192px;margin:0 auto;overflow:hidden;}
.weather ul{float:left;width:72px;height:72px;overflow:hidden;}
.weather ul li{background:url('/images/03_language/03_jpn/main/ico_weather.png') no-repeat;width:100%;height:100%;text-indent:-9999em;}
.weather ul li.w1{background:url('/images/03_language/03_jpn/main/ico_weather.png') no-repeat;}
.weather ul li.w2{background:url('/images/03_language/03_jpn/main/ico_weather2.png') no-repeat;}
.weather ul li.w3{background:url('/images/03_language/03_jpn/main/ico_weather3.png') no-repeat;}
.weather ul li.w4{background:url('/images/03_language/03_jpn/main/ico_weather4.png') no-repeat;}
.weather ul li.w5{background:url('/images/03_language/03_jpn/main/ico_weather5.png') no-repeat;}
.weather ul li.w6{background:url('/images/03_language/03_jpn/main/ico_weather6.png') no-repeat;}
.weather ul li.w7{background:url('/images/03_language/03_jpn/main/ico_weather7.png') no-repeat;}
.weather .weaterTxt{float:left;padding-left:20px;}
.weather .weaterTxt p{color:#abd3e8;}
.weather .weaterTxt span{font-size:2.4em;color:#fff;}

.eventLayer{position:absolute;right:-20px;top:50px;}
.eventLayer .event{position:relative;width:228px;height:228px;background:url('/images/03_language/03_jpn/main/img_poplayer.png') no-repeat;padding-top:125px;}
.eventLayer .event ul{height:103px;overflow:hidden;}
.eventLayer .event ul li{height:100%;text-align:center;}
.eventLayer .event ul li strong{font-size:1.5em;}
.eventLayer .event ul li a{width:140px;display:block;margin:10px auto 0;background:#f3f3f3;border-radius:15px;font-size:0.9em;padding:3px 0;color:#787878;}
.eventLayer .event .rollCtrl .ctrlBtn{text-align:center;margin-top:-12%;}
.eventLayer .event .rollCtrl .ctrlBtn div{display:inline-block;}
.eventLayer .event .rollCtrl .ctrlBtn div a{display:block;width:7px;height:7px;text-indent:-9999em;background:#b2b2b2;border-radius:1000%;opacity:0.6;}
.eventLayer .event .rollCtrl .ctrlBtn div a:hover, .eventLayer .event .rollCtrl .ctrlBtn div a.on{opacity:1;background:#000;}
.eventLayer .event .closeBtn{position:absolute;right:0;top:0;}

.mainNews{width:1004px;margin:0 auto;overflow:hidden;padding:44px 0;}
.mainNews article{position:relative;width:30.33%;float:left;margin-left:4%;}
.mainNews article:first-child{margin-left:0;}
.mainNews article h3{font-size:1.6em;margin-bottom:15px;}
.mainNews article > ul > li{padding:6px 0;overflow:hidden;font-size:0.9em;}
.mainNews article > ul > li > a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:76%;float:left;}
.mainNews article > ul > li > span{width:24%;float:right;color:#aeaeae;text-align:right;}
.mainNews article > a.more{position:absolute;right:0;top:0;}

.popupZone > div > ul{height:176px;overflow:hidden;font-size:15px;}
.popupZone > div > ul > li{height:100%;}
.popupZone > div > ul > li > a{display:block;}
.popupZone .popImg{border:1px solid #ddd;}
.popupZone .popCtrl{position:absolute;right:0;top:0;overflow:hidden;}
.popupZone .popCtrl a{display:inline-block;width:27px;height:27px;text-indent:-9999em;font-size:0;float:left;}
.popupZone .popCtrl .prev{background:url('/images/03_language/03_jpn/main/btn_prev.gif') no-repeat;}
.popupZone .popCtrl .stop{width:28px;background:url('/images/03_language/03_jpn/main/btn_stop.gif') no-repeat;}
.popupZone .popCtrl .play{width:28px;background:url('/images/03_language/03_jpn/main/btn_play.gif') no-repeat;}
.popupZone .popCtrl .next{background:url('/images/03_language/03_jpn/main/btn_next.gif') no-repeat;}

.mainQmenu{width:100%;height:230px;background:#fdfcfd;overflow:hidden;}
.mainQmenu > div{width:1024px;margin:0 auto;}
.mainQmenu > div > p{float:left;width:28%;}
.mainQmenu > div > ul{overflow:hidden;float:right;width:72%;}
.mainQmenu > div > ul > li{float:left;margin-left:4%;width:16%;height:230px;}
.mainQmenu > div > ul > li > a{height:100%;display:block;background:url('/images/01_web/main/ico_qmenu.png') no-repeat;text-align:center;padding-top:152px;font-size:1.2em;}
.mainQmenu > div > ul > li > a.ico1{background-position:-35px 0;}
.mainQmenu > div > ul > li > a.ico2{background-position:-185px 0;}
.mainQmenu > div > ul > li > a.ico3{background-position:-335px 0;}
.mainQmenu > div > ul > li > a.ico4{background-position:-485px 0;}
.mainQmenu > div > ul > li > a.ico5{background-position:-635px 0;}

.mainTour{position:relative;padding:45px 0 40px;}
.mainTour .sightsBox{width:1004px;margin:0 auto;}
.mainTour .sightsImg{position:relative;height:350px;}
.mainTour .sightsImg ul{height:350px;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:url('/images/03_language/03_jpn/main/bg_opacity.png') repeat;color:#fff;line-height:54px;padding-left:30px;font-size:1.5em;}
.mainTour .sightsCate{position:absolute;left:-11px;top:-11px;width:390px;height:218px;background:url('/images/01_web/main/bg_menubox.png') no-repeat;padding:25px;color:#fff;}
.mainTour .sightsCate h3{font-size:2.5em;margin-bottom:15px;}
.mainTour .sightsCate ol{overflow:hidden;}
.mainTour .sightsCate ol > li{float:left;overflow:hidden;margin:7px 0;width:100%;}
.mainTour .sightsCate ol > li > a{color:#fff;padding-left:8px;}
.mainTour .sightsCate ol > li > a:hover{color:#bfffeb;}
.mainTour .sightsCate ol > li > i{float:left;background:#fff;width:23px;height:23px;border-radius:100%;display:block;text-align:center;font-style:normal;font-weight:600;color:#424242;line-height:23px;}
.mainTour .sightsCate ol > li.on > i{background:#5db492;color:#fff;}
.mainTour .sightsCtrl{width:1200px;margin:0 auto;}
.mainTour .sightsCtrl > div{position:absolute;top:172px;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/03_language/03_jpn/main/btn_tourprev.gif') no-repeat;}
.mainTour .sightsCtrl a.next{right:0;background:url('/images/03_language/03_jpn/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/03_language/03_jpn/main/btn_srollstop.gif') no-repeat;}
.mainTour .srollBtn div a.play{border-radius:0;background:url('/images/03_language/03_jpn/main/btn_srollplay.gif') no-repeat;}

.mainCont{width:100%;height:580px;padding:45px 0 35px;background:url('/images/03_language/03_jpn/main/bg_maincont.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('/images/03_language/03_jpn/main/img_mlist1.png') no-repeat;}
.mainCont .topArea ul.mlist li a.cate02{background:url('/images/03_language/03_jpn/main/img_mlist2.png') no-repeat;}
.mainCont .topArea ul.mlist li a.cate03{background:url('/images/03_language/03_jpn/main/img_mlist3.png') no-repeat;}
.mainCont .topArea ul.mlist li a.cate04{background:url('/images/03_language/03_jpn/main/img_mlist4.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;}
.mainCont .topArea .movie span{position:absolute;left:-15px;top:0;}
.mainCont .topArea .movie a{display:block;width:203px;height:218px;background:url('/images/03_language/03_jpn/main/ico_movie.png') no-repeat 0 100%;}

.mainCont .btmArea{overflow:hidden;}
.mainCont .btmArea h3{font-size:1.8em;margin-bottom:10px;}
.mainCont .btmArea .app{position:relative;float:left;width:250px;height:254px;padding:30px 0 0;background:url('/images/03_language/03_jpn/main/bg_app.png') no-repeat;color:#fff;text-align:center;}
.mainCont .btmArea .app h3 span{color:#fbff84;}
.mainCont .btmArea .app > i{background:url('/images/03_language/03_jpn/main/img_mobile.png') no-repeat;width:250px;height:99px;display:block;font-size:0;text-indent:-9999em;}
.mainCont .btmArea .app > ul{position:absolute;bottom:12px;width:100%;overflow:hidden;margin-top:25px;}
.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:1.1em;line-height:35px;font-family:'Noto Sans KR';}
.mainCont .btmArea .app > ul > li > a > i{width:40px;height:40px;display:block;background:url('/images/03_language/03_jpn/main/ico_app.png') no-repeat;float:left;}
.mainCont .btmArea .app > ul > li > a.ios > i{background-position:-120px 0;}
.mainCont .btmArea .info{}
.mainCont .btmArea .info > ul{}
.mainCont .btmArea .info > ul > li{float:left;width:250px;height:254px;border-right:1px solid #ededed;}
.mainCont .btmArea .info > ul > li:first-child{background:#fff url('/images/03_language/03_jpn/main/Bicon_1.png') no-repeat center 30px;}
.mainCont .btmArea .info > ul > li:nth-child(2){background:#fff url('/images/03_language/03_jpn/main/Bicon_2.png') no-repeat center 30px;}
.mainCont .btmArea .info > ul > li:last-child{border-right:none;background:#fff url('/images/03_language/03_jpn/main/Bicon_3.png') no-repeat center 30px;}
.mainCont .btmArea .info > ul > li > a{display:block;text-align:center;padding:130px 25px 25px 25px;}
.mainCont .btmArea .info > ul > li > a > strong{font-size:18px;color:#2b2b2b;font-weight:600;line-height:1.8;}
.mainCont .btmArea .info > ul > li > a > p{color:#7f7e7e;font-size:15px;line-height:22px;text-decoration:none;}

.mainCont .btmArea .cateBox{float:left;background:url('/images/03_language/03_jpn/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/03_language/03_jpn/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/03_language/03_jpn/main/bg_story.png') no-repeat;width:254px;height:254px;padding:30px 20px;}

.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;}