@charset "utf-8";
/**
 * @File Name : main.css
 * @Description : Layout MainPage | Main Contents
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2015.07.16 | 김소화 | 최초 등록
 * 2015.11.18 | 김소화 | #vpr1 .menu수정
 * </pre>
 * @author 디자인팀 김소화
 * @since 2015.07.06
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

.mainBody{}

.mainBody1{position:relative;width:100%;}
.mainBody2,
.mainBody3,
.mainBody4{position:relative;padding:20px 10px;min-width:300px;margin:0 auto;}
.mainBody4{padding:10px 0;}

.mainBg1{position:absolute;left:-100%;top:0;width:300%;height:100%;background:#f0f0f0;}
.mainBg2{position:absolute;left:-100%;top:0;width:300%;height:100%;background:#fff;border-top:1px solid #d8d8d8;}



/* visual.Rotate ①②③④⑤ [JS] $('#vpr1').jQmPR1({interval:6666, mTabindex:'-1'}); */
#vpr1{display:block;position:relative;width:100%;}
#vpr1 .mView{z-index:1;position:relative;left:0;top:0;width:100%;height:auto;overflow:hidden;}
#vpr1 .mCont{position:relative;left:0;top:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;}
#vpr1 .mContC{display:block;float:left;position:relative;left:0;top:0;width:100%;height:325px;margin-right:-100% /* ☆ */;}
#vpr1 .mContC.on{display:block;}
/* .menu */
#vpr1 .menu{display:block;z-index:10;position:absolute;left:40%;bottom:10px;}
#vpr1 .mControl1{float:left;} /* stop, play */
#vpr1 .mControl1 .m{z-index:10;float:left;margin:0 10px 0 0;width:10px;height:14px;border:none;background:url(/portal/_resource/img/main/vpr1s.png) no-repeat 0 -50px;overflow:hidden;text-indent:-9999px;cursor:pointer;}
#vpr1 .mControl1 .stop{}
#vpr1 .mControl1 .play{background-position:-50px -50px;}
#vpr1 .mNum{float:left;}
#vpr1 .mNum .m{float:left;width:14px;height:14px;margin:0 10px 0 0;border:0;background:url(/portal/_resource/img/main/vpr1s.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;cursor:pointer;cursor:default;}
#vpr1 .mNum .m.on{background-position:-50px 0;}
/* .mContC BG */
#vpr1 #vpr1c1{background:url(/portal/tour/_resource/img/main/vpr1001@1.png) no-repeat 50% 0;}
#vpr1 #vpr1c2{background:url(/portal/tour/_resource/img/main/vpr1003@1.png) no-repeat 50% 0;}


#weather1{display:none;z-index:1;position:absolute;right:50px;top:30%;padding:10px 20px;width:160px;text-align:center;color:#fff;background:url(/portal/_common/img/_lib/b/w.000000.opacity.50.png) repeat}
#weather1 .more{font-weight:bold;}
#weather1 .h1{text-align:center;color:#333;font-size:17px;letter-spacing:-1px;}
#weather1 .more{text-decoration:none;}
#weather1 .wimg{}
#weather1 .wimg img{width:auto;height:53px}
#weather1 .desc{font-size:14px;letter-spacing:-1.2px;color:#333}
#weather1 .temp{margin:-10px 0 0;font-size:30px;font-weight:bold;color:#333}
#spcNewsText .mView{z-index:1;position:relative;left:0;top:0;width:100%;overflow:hidden}
#spcNewsText .mCont{position:relative;left:0;top:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden}
#spcNewsText .mContC{display:block;float:left;position:relative;left:0;top:0;width:100%;margin-right:-100%;text-align:center;color:#b71c1c;letter-spacing:-1px;font-size:12px;}


#recommend1{position:relative;height:137px;overflow:hidden;}
#recommend1 .mControl{}
#recommend1 .mControl .b{z-index:20;float:left;position:absolute;top:50%;width:25px;height:30px;margin:-15px 0 0 0;border:0;background:url() no-repeat center center;text-indent:-9999px;overflow:hidden;cursor:pointer;}
#recommend1 .mControl .prev{left:0;background-image:url(/portal/tour/_resource/img/main/recommend1.prev.png);}
#recommend1 .mControl .next{right:0;background-image:url(/portal/tour/_resource/img/main/recommend1.next.png);}
#recommend1 .mView{z-index:10;position:relative;left:0;top:0;height:100%;overflow:hidden;}
#recommend1 .mCont{position:relative;left:0;top:0;width:100%;height:100%;}
#recommend1 .mContC{display:block;float:left;position:relative;left:0;top:0;width:33.333%;height:100%;margin-right:-100%;}
#recommend1 .mContC.on{display:block;}
#recommend1 .mContC a{position:relative;display:block;width:98%;margin:0 1%;overflow:hidden;}
#recommend1 .mContC .p1 img{display:block;width:auto;height:137px;}
#recommend1 .mContC .txt{display:block;position:absolute;left:0;bottom:0;width:90%;padding:3% 5%;line-height:150%;background:url(/portal/_common/img/_lib/b/b.000000.opacity.70.png) repeat;}
#recommend1 .mContC .txt .t1{display:block;color:#fff;font-size:13px;}
#recommend1 .mContC .txt .t2{display:block;color:#54d323;font-size:15px;letter-spacing:-1px;}
#recommend1 .mContC .txt .t3{display:none;color:#fff;font-size:13px;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#recommend1 .mContC .txt .t4{display:block;color:#cc0000;font-size:15px;letter-spacing:-1px; font-weight:bold;}

#tourMenu1{position:relative;height:92px;margin:10px 0 0;background:#268e03;overflow:hidden;}
#tourMenu1 .mControl{}
#tourMenu1 .mControl .b{z-index:20;float:left;position:absolute;top:50%;width:17px;height:27px;margin:-13px 0 0 0;border:0;background:url() no-repeat center center;text-indent:-9999px;overflow:hidden;cursor:pointer;}
#tourMenu1 .mControl .prev{left:15px;background-image:url(/portal/tour/_resource/img/main/tourMenu1.prev.png);}
#tourMenu1 .mControl .next{right:15px;background-image:url(/portal/tour/_resource/img/main/tourMenu1.next.png);}
#tourMenu1 .mView{z-index:10;position:relative;left:0;top:0;margin:0 35px;height:100%;overflow:hidden;}
#tourMenu1 .mCont{position:relative;left:0;top:0;width:100%;height:100%;}
#tourMenu1 .mContC{display:block;float:left;position:relative;left:0;top:0;width:25%;height:100%;margin-right:-100%;}
#tourMenu1 .mContC.on{display:block;}
#tourMenu1 .mContC a{display:block;color:#fff;margin:5px 0;text-align:center;}
#tourMenu1 .mContC a i.ic1{display:block;width:55px;height:50px;margin:0 auto;background:url(/portal/tour/_resource/img/main/tourMenu1s@1.png) no-repeat;}
#tourMenu1 .mContC a .t1{display:block;line-height:120%;letter-spacing:-1px;}
#tourMenu1 .m1 a i.ic1{}
#tourMenu1 .m2 a i.ic1{background-position:0 -50px;}
#tourMenu1 .m3 a i.ic1{background-position:0 -100px;}
#tourMenu1 .m4 a i.ic1{background-position:0 -150px;}
#tourMenu1 .m5 a i.ic1{background-position:0 -200px;}
#tourMenu1 .m6 a i.ic1{background-position:0 -250px;}
#tourMenu1 .m7 a i.ic1{background-position:0 -300px;}
#tourMenu1 .m8 a i.ic1{background-position:0 -350px;}
#tourMenu1 .m9 a i.ic1{background-position:0 -400px;}
#tourMenu1 .m10 a i.ic1{background-position:0 -450px;}
#tourMenu1 .m11 a i.ic1{background-position:0 -500px;}
#tourMenu1 .m12 a i.ic1{background-position:0 -550px;}


/* visual.Rotate ①②③④⑤ [JS] $('#pr1').jQmPR1({interval:6666, mTabindex:'-1'});, $('#pr2').jQmPR1({interval:6666, mTabindex:'-1'}); */
.popupzone1{position:relative;height:217px;margin:10px 0 0;background:#fff;border:1px solid #d8d8d8;overflow:hidden;}
.popupzone1 .h1{height:41px;line-height:41px;font-size:14px;letter-spacing:-1px;color:#333;padding:0 0 0 15px;}
/* popTab1 */
.popupzone1 .popTab1{display:inline;}
.popupzone1 .popTab1 a{position:absolute;display:block;width:28px;height:28px;background:url(/portal/_resource/img/main/pr1s.png) no-repeat;text-indent:-9999px;}
.popupzone1 .popTab1.m1 a{right:45px;top:5px;background-position:0 0;}
.popupzone1 .popTab1.m1.on a{background-position:-50px 0;}
.popupzone1 .popTab1.m2 a{right:15px;top:5px;background-position:0 -50px;}
.popupzone1 .popTab1.m2.on a{background-position:-50px -50px;}

html.Mobile .popupzone1 .popTab1.m1 a{background:url(/portal/_resource/img/main/pr1.img1@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile .popupzone1 .popTab1.m2 a{background:url(/portal/_resource/img/main/pr1.list1@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile .popupzone1 .popTab1.m1.on a{background:url(/portal/_resource/img/main/pr1.img1.on@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile .popupzone1 .popTab1.m2.on a{background:url(/portal/_resource/img/main/pr1.list1.on@2x.png) no-repeat 0 0;background-size:contain;}


/* .popCont1 */
.popupzone1 .popCont1{width:100%;height:139px;display:none;}
.popupzone1 .popCont1 .mView{z-index:1;position:relative;left:0;top:0;width:100%;overflow:hidden;}
.popupzone1 .popCont1 .mContC.on{display:block;}
.popupzone1 .popCont1 .mCont{position:relative;left:0;top:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;}
/* .popCont1.imgList1 */
.popupzone1 .imgList1{border-top:1px solid #d8d8d8}
.popupzone1 .imgList1 .mContC{display:block;float:left;position:relative;left:0;top:0;text-align:center;width:100%;height:139px;margin-right:-100% /* ☆ */;}
.popupzone1 .imgList1 .mContC a{display:block;width:298px;margin:0 auto;}
.popupzone1 .imgList1 .mContC img{width:100%;}
/* .popCont1.textList1 */
.popupzone1 .textList1 {border-top:1px solid #fff}
.popupzone1 .textList1 .mContC{display:block;float:left;position:relative;left:0;top:0;width:100%;height:139px;margin-right:-100% /* ☆ */;background:#fff;}
.popupzone1 .textList1 .mContC li{margin:3px 15px;padding:0 0 0 10px;background:url(/portal/_resource/img/main/list_bu.png) no-repeat 0 50%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.popupzone1 .textList1 .mContC li a{color:#666;text-decoration:none;}
.popupzone1 .textList1 .mContC li a:hover{color:#333;}
/* 컨트롤 .menu */
.popupzone1 .popCont1 .menu{height:35px;border-top:1px solid #d8d8d8;}
.popupzone1 .popCont1 .mControl1{display:block;z-index:10;position:absolute;left:15px;bottom:7px;} /* stop, play */
.popupzone1 .popCont1 .mControl1 .m{z-index:10;float:left;margin:0 4px 0 0;width:20px;height:20px;border:none;background:url(/portal/_resource/img/main/pr1s.png) no-repeat 0 -191px;overflow:hidden;text-indent:-9999px;cursor:pointer;}
.popupzone1 .popCont1 .mControl1 .stop{}
.popupzone1 .popCont1 .mControl2{display:block;z-index:10;position:absolute;right:5px;bottom:7px;} /* next, prev*/
.popupzone1 .popCont1 .mControl2 .m{z-index:10;float:left;margin:0 10px 0 0;width:10px;height:20px;border:none;background:url(/portal/_resource/img/main/pr1s.png) no-repeat 0 -146px;overflow:hidden;text-indent:-9999px;cursor:pointer;}
.popupzone1 .popCont1 .mControl2 .prev{}
.popupzone1 .popCont1 .mControl2 .next{background-position:-50px -146px;}
.popupzone1 .popCont1 .mNum{z-index:10;text-align:center;margin:7px 0 0 0;}
.popupzone1 .popCont1 .mNum .m{display:inline-block;width:10px;height:10px;margin:0 4px 0 0;border:0;background:url(/portal/_resource/img/main/pr1s.png) no-repeat -50px -100px;overflow:hidden;text-indent:-9999px;cursor:pointer;cursor:default;}
.popupzone1 .popCont1 .mNum .m.on{background-position:0 -100px;}
.popupzone1 .popCont1 .mPage{display:block;width:100%;margin:8px 0 0;text-align:center;color:#333}
.popupzone1 .popCont1 .mPage .on{color:#e45863}
*+html .popupzone1 .popCont1 .mNum{margin:0;padding:17px 40px 0;}
*+html .popupzone1 .popCont1 .mNum .m{display:block;float:left;}


#sns1{position:relative;height:39px;margin:10px 0 0;background:#fff;border:1px solid #d8d8d8;overflow:hidden;}
#sns1 .h1{float:left;height:39px;line-height:39px;font-size:14px;letter-spacing:-1px;color:#333;padding:0 0 0 15px;}
#sns1 ul{float:right;margin-right:15px;}
#sns1 li{float:left;padding:0px 7px;background:url(/portal/_resource/img/main/sns1s.png) no-repeat 0 50%;}
#sns1 li:first-child{background:none;}



.bbsList1{position:relative;margin:10px 0 0;overflow:hidden;}
.bbsList1 .h1{letter-spacing:-1px;color:#333;padding:10px 0 0 15px;}
.bbsList1 ul{margin:5px 15px 0;}
.bbsList1 li{display:inline;}
.bbsList1 li a{display:block;color:#666;height:22px;text-decoration:none;padding:0 0 0 10px;background:url(/portal/_resource/img/main/list_bu.png) no-repeat 0 50%;overflow:hidden;}
.bbsList1 li a:hover{color:#333;}
.bbsList1 li .t1{float:left;max-width:90%;letter-spacing:-1px;line-height:22px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.bbsList1 li .tb1{color:#333;}
.bbsList1 li .new{float:left;width:13px;height:100%;margin:0;background:url(/portal/_resource/img/main/new.png) no-repeat 0 50%;text-indent:-9999px;}
.bbsList1 .more{display:block;position:absolute;right:15px;top:8px;width:28px;height:28px;background:url(/portal/_resource/img/main/more.png) no-repeat;text-indent:-9999px;}
html.Mobile .bbsList1 .more{background:url(/portal/_resource/img/main/more@2x.png) no-repeat;background-size:contain;}

#bbs1{height:115px;background:#fff;border:1px solid #d8d8d8;}
#bbs1 li.m4,
#bbs1 li.m5{display:none;}



#sns2 {float:left;position:relative;width:48.5%;margin:10px 0 0;background:#fff;border:1px solid #d8d8d8;overflow:hidden;}
#sns2 .h1 a{display:block;width:100%;height:100%;line-height:38px;font-weight:normal;text-align:center;letter-spacing:-1px;color:#333;text-decoration:none;}
#sns2 .h1 a:focus,
#sns2 .h1 a:hover{background:#d8d8d8;}
#sns2 #sns2s{display:none;}


#event1{float:right;position:relative;width:48.5%;margin:10px 0 0;background:#fff;border:1px solid #d8d8d8;overflow:hidden;}
#event1 .h1 a{display:block;width:100%;height:100%;line-height:38px;font-weight:normal;text-align:center;letter-spacing:-1px;color:#333;text-decoration:none;}
#event1 .h1 a:focus,
#event1 .h1 a:hover{background:#d8d8d8;}
#event1 .h1 a span{display:none;}
#event1 #event1s{display:none;}
#event1 #event1s li{display:inline;}
#event1 #event1s li a{display:block;width:100%;height:50px;border-bottom:1px dotted #d8d8d8;color:#555;}
#event1 #event1s li a .date{display:block;float:left;width:60px;height:50px;text-align:center;line-height:50px;font-size:20px;}
#event1 #event1s li a .detail{display:block;float:left;width:223px;padding:7px 0 0 15px;}
#event1 #event1s li a .title{display:block;width:95%;line-height:120%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#event1 #event1s li a .place{display:block;width:100%;line-height:120%;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
#event1 #event1s .mControl{display:block;z-index:10;position:absolute;right:5px;top:18px;} /* next, prev*/
#event1 #event1s .mControl .m{z-index:10;float:left;margin:0 10px 0 0;width:6px;height:10px;border:none;background:url(/portal/_resource/img/main/pr1s.png) no-repeat 0 -150px;overflow:hidden;text-indent:-9999px;cursor:pointer;}
#event1 #event1s .mControl .prev{}
#event1 #event1s .mControl .next{background-position:-50px -150px;}
#event1 #event1s a.more{display:block;position:absolute;bottom:0;text-align:center;width:100%;height:38px;line-height:36px;color:#555;background:#efefef;}
#event1 #event1s .mView{z-index:1;position:relative;left:0;top:0;width:100%;overflow:hidden;}
#event1 #event1s .mCont{position:relative;left:0;top:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;}
#event1 #event1s .mContC{display:block;float:left;position:relative;left:0;top:0;width:100%;margin-right:-100% /* ☆ */;background:#fff;}
#event1 #event1s .mContC.on{display:block;}


.recommend2{position:relative;height:203px;margin:10px 0 0;background:#fff;border:1px solid #d8d8d8;overflow:hidden;}
.recommend2 .h1{display:block;color:#333;letter-spacing:-1px;padding:10px 10px 0;}
.recommend2 .recommend2c{}
.recommend2 .infoBox1{padding:5px 10px;height:68px;overflow:hidden;width:100%;}
.recommend2 .infoBox1 .p1{float:left;width:100px;height:68px;overflow:hidden;}
.recommend2 .infoBox1 .p1 img{width:100px;height:68px;}
.recommend2 .infoBox1 .txt1{float:left;width:59%;margin:0 0 0 10px;}
.recommend2 .infoBox1 .title{display:block;width:100%;margin:0 0 10px 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.recommend2 .infoBox1 .title i.ic1{display:inline-block;height:22px;padding:0 13px 0 5px;font-size:12px;color:#fff;background:#268e03 url(/portal/tour/_resource/img/main/recommend.ic1.bg.png) no-repeat right 0;}
.recommend2 .infoBox1 .btn1{margin: 0 auto; display:inline-block;width:75px;height:23px;color:#555;font-size:12px;text-align:center;text-decoration:none;background:url(/portal/tour/_resource/img/main/recommend.btn1.bg.png) no-repeat center top;}
.recommend2 .infoBox1 .btn1:hover{color:#222;}
.recommend2 .infoBox1 .info1{display:none;margin:5px 0 0 0;}
.recommend2 .infoBox1 .info1 li{font-size:13px;padding:0 0 0 10px;background:url(/portal/_resource/img/main/list_bu.png) no-repeat 0 50%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.recommend2 .infoBox1 .info1 li .bt1{color:#1ca3db}
.recommend2 .more{display:block;position:absolute;right:15px;top:10px;width:28px;height:28px;background:url(/portal/_resource/img/main/more.png) no-repeat;text-indent:-9999px;}
html.Mobile .recommend2 .more{background:url(/portal/_resource/img/main/more@2x.png) no-repeat;background-size:contain;}

.recommend2 .infoBox1 .bac{width:100%; margin-left: auto; margin-right: auto; text-align: center;}


#transport1{position:relative;margin:10px 0 0;background:#fff;border:1px solid #d8d8d8;overflow:hidden;}
#transport1 .h1{display:block;padding:0 0 0 15px;border-bottom:1px solid #d8d8d8;height:42px;line-height:42px;letter-spacing:-1px;color:#333;font-size:14px;color:#333;}
#transport1 #transport1s li{display:inline;}
#transport1 #transport1s li a{display:block;float:left;width:50%;height:33px;color:#333;line-height:33px;border:solid #d8d8d8;border-width:1px 0 0 1px;margin:-1px 0 0 -1px;}
#transport1 #transport1s li:first-child a{border-top:0;}
#transport1 #transport1s ul li i.ic1{display:block;float:left;margin:1px 5px 0 15px;width:24px;height:33px;background:url(/portal/_resource/img/main/transport1s.png) no-repeat;}
#transport1 #transport1s ul li.m1 i.ic1{}
#transport1 #transport1s ul li.m2 i.ic1{background-position:0 -33px;}
#transport1 #transport1s ul li.m3 i.ic1{background-position:0 -99px;}
#transport1 #transport1s ul li.m4 i.ic1{background-position:0 -132px;}


#upo1{position:relative;margin:10px 0 0;background:#499622;overflow:hidden;}
#upo1 span.p1{display:block;width:100%;overflow:hidden;}
#upo1 span.p1 img{width:100%;}
#upo1 li{display:inline;}
#upo1 li a{float:left;height:44px;line-height:46px;width:33.333%;letter-spacing:-1px;text-align:center;color:#fff;border-left:1px solid #60a13f;margin-left:-1px;text-decoration:none;}
#upo1 li a:hover{background:#333;}


#infoBox3{position:relative;margin:10px 0 0;background:#599e06;overflow:hidden;}
#infoBox3 li{display:inline;}
#infoBox3 li a{display:block;float:left;letter-spacing:-1px;padding:10px 0 11px;text-decoration:none;width:50%;line-height:120%;text-align:center;color:#fff;border:solid #d8d8d8;border-width:1px 0 0 1px;margin:-1px 0 0 -1px;}
*+html #infoBox3 li a{width:49.9%;}
#infoBox3 li a:focus,
#infoBox3 li a:hover{background:#555;}


#uponuri1{display:block;position:relative;margin:10px 0 0 0;height:44px;background:#79af00;overflow:hidden;}
#uponuri1 .h1 a{display:block;width:100%;height:44px;line-height:38px;letter-spacing:-1px;color:#fff;text-align:center;text-decoration:none;}
#uponuri1 .h1 a span{font-size:18px;}
#uponuri1 .h1 a:hover{background:#499622;}
#uponuri1 .uponuri1s{border:1px solid #d8d8d8;height:115px;overflow:hidden;}
#uponuri1 .uponuri1s a{display:none;float:left;width:50%;text-decoration:none;}
#uponuri1 .uponuri1s .p1{display:block;height:115px;}
#uponuri1 .uponuri1s .t1{display:block;position:relative;color:#555;text-align:center;font-size:15px;letter-spacing:-1px;padding:75px 0 20px;border-left:1px solid #d8d8d8;background:#fff;}
#uponuri1 .uponuri1s .t1 .ic1{display:block;position:absolute;left:50%;top:35%;width:64px;height:46px;margin:-23px 0 0 -32px;background:url(/portal/_resource/img/main/special1.png) no-repeat;}


/* banner.Rotate ①②③④⑤ [JS] $('#banner1').jQmPR1({interval:6666, mTabindex:'-1'}); */
#banner1{position:relative;width:94.5%;margin:0 3.125% 0;overflow:hidden;}
#banner1 .h1{display:none;letter-spacing:-1px;color:#333;}
#banner1 .mView{z-index:10;position:relative;left:0;top:0;width:70%;overflow:hidden;}
#banner1 .mCont{position:relative;left:0;top:0;width:100%;height:100%;}
#banner1 .mContC{display:block;float:left;position:relative;left:0;top:0;width:100%;height:40px;margin-right:-100%;}
#banner1 .mContC.on{display:block;}
#banner1 .mContC img{width:170px;height:40px;}
#banner1 .mControl2{z-index:20;position:absolute;right:28px;top:5px;}
#banner1 .mControl2 .m{float:left;width:28px;height:28px;margin:0 2px 0 0;border:0;background:url(/portal/_resource/img/main/banner1s.png) no-repeat 0 0;overflow:hidden;text-indent:-9999px;cursor:pointer;}
#banner1 .mControl2 .prev{}
#banner1 .mControl2 .next{background-position:-50px 0;}
#banner1 .mControl2 .stop{background-position:0 -50px}
#banner1 .more{display:block;position:absolute;right:0;top:5px;width:28px;height:28px;background:url(/portal/_resource/img/main/more.png) no-repeat;text-indent:-9999px;}
html.Mobile #banner1 .mControl2 .prev{background:url(/portal/_resource/img/main/banner1prev@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile #banner1 .mControl2 .next{background:url(/portal/_resource/img/main/banner1next@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile #banner1 .mControl2 .stop{background:url(/portal/_resource/img/main/banner1stop@2x.png) no-repeat 0 0;background-size:contain;}
html.Mobile #banner1 .more{background:url(/portal/_resource/img/main/more@2x.png) no-repeat;background-size:contain;}


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */


@media all and (min-width:768px){/* ◇◆◇◆◇◆◇◆◇◆ */

.mainBody2,
.mainBody3,
.mainBody4{padding:20px 10px;width:748px;}
.mainBody4{padding:10px 0;}


#vpr1 .mContC{height:460px;}
#vpr1 #vpr1c1{background:url(/portal/tour/_resource/img/main/vpr1001@2.png) no-repeat 50% 0;}
#vpr1 #vpr1c2{background:url(/portal/tour/_resource/img/main/vpr1003@2.png) no-repeat 50% 0;}


#weather1{display:block;}

#recommend1{height:219px;}
#recommend1 .mCont{}
#recommend1 .mContC{width:25%;}
#recommend1 .mContC a{overflow:hidden;}
#recommend1 .mContC .p1 img{height:219px;}
#recommend1 .mContC .txt .t3{display:block;}



#tourMenu1{height:106px;}
#tourMenu1 .mView{margin:0 30px;}
#tourMenu1 .mContC{width:14%;}
#tourMenu1 .mContC a{width:100px;margin:10px 0;}
#tourMenu1 .mContC a i.ic1{width:60px;height:60px;background:url(/portal/tour/_resource/img/main/tourMenu1s.png) no-repeat;}
#tourMenu1 .m1 a i.ic1{}
#tourMenu1 .m2 a i.ic1{background-position:0 -60px;}
#tourMenu1 .m3 a i.ic1{background-position:0 -120px;}
#tourMenu1 .m4 a i.ic1{background-position:0 -180px;}
#tourMenu1 .m5 a i.ic1{background-position:0 -240px;}
#tourMenu1 .m6 a i.ic1{background-position:0 -300px;}
#tourMenu1 .m7 a i.ic1{background-position:0 -360px;}
#tourMenu1 .m8 a i.ic1{background-position:0 -420px;}
#tourMenu1 .m9 a i.ic1{background-position:0 -480px;}
#tourMenu1 .m10 a i.ic1{background-position:0 -540px;}
#tourMenu1 .m11 a i.ic1{background-position:0 -600px;}
#tourMenu1 .m12 a i.ic1{background-position:0 -660px;}


.popupzone1{float:left;width:298px;height:233px;margin:10px 0 0;}
.popupzone1 .h1{font-size:16px;height:48px;line-height:48px;padding:0 0 0 20px;}
.popupzone1 .popTab1.m1 a{top:10px;}
.popupzone1 .popTab1.m2 a{top:10px;}
.popupzone1 .textList1 .mContC li{margin:2px 15px;}
.popupzone1 .popCont1 .menu{height:44px;}
.popupzone1 .popCont1 .mControl1{left:20px;bottom:12px;} /* stop, play */
.popupzone1 .popCont1 .mControl2{right:15px;bottom:12px;} /* next, prev*/
.popupzone1 .popCont1 .mNum{margin:10px 0 0 0;}
.popupzone1 .popCont1 .mPage{margin:10px 0 0;}


#sns1{float:left;width:57px;height:232px;margin:10px 0 0 10px;}
#sns1 .h1{display:none}
#sns1 ul{float:none;}
#sns1 li{float:none;padding:8px 0 0px 10px;background:none;}


.bbsList1 .h1{font-size:16px;padding:10px 0 0 20px;}
.bbsList1 ul{margin:5px 20px 0;}
.bbsList1 li a{height:24px;}
.bbsList1 li .t1{line-height:24px;}
.bbsList1 .more{right:25px;top:12px;}


#bbs1{float:left;width:367px;height:178px;margin:10px 0 0 10px;}
#bbs1 li.m4,
#bbs1 li.m5{display:inline;}


#sns2 {float:left;position:relative;width:177px;height:43px;margin:10px 0 0 10px;}
#sns2 .h1 a{line-height:43px;}


#event1 {float:left;position:relative;width:177px;height:43px;margin:10px 0 0 10px;}
#event1 .h1 a{line-height:43px;}

.recommend2{width:367px;height:292px;margin:0;}
.recommend2 .h1{font-size:16px;padding:10px 0 0 20px;}
.recommend2 .infoBox1{padding:12px 15px;height:100px;}
.recommend2 .infoBox1 .p1{width:150px;height:100px;}
.recommend2 .infoBox1 .p1 img{width:150px;height:100px;}
.recommend2 .infoBox1 .txt1{width:170px;}
.recommend2 .infoBox1 .title{margin:0 0 5px 0;}
.recommend2 .infoBox1 .info1{display:block;}
.recommend2 .more{right:25px;}

#recommend2s1{float:left;}
#recommend2s2{float:right;}



#transport1{float:left;width:143px;height:184px;margin:10px 0 0 0;}
#transport1 .h1{padding:0 0 0 20px;height:44px;line-height:44px;font-size:16px;}
#transport1 #transport1s li a{display:block;float:none;width:100%;border-width:1px 0 0 0;margin:0;}
#transport1 #transport1s ul li i.ic1{margin:0 5px 0 15px;}


#upo1{float:left;width:282px;height:184px;margin:10px 0 0 10px;}
#upo1 span.p1 img{width:auto;height:140px;}



#infoBox3{float:left;width:299px;height:128px;margin:10px 0 0 10px;}
#infoBox3 li a{padding:8px 0}

#uponuri1{float:left;width:301px;height:44px;margin:10px 0 0 10px;}

#banner1{width:100%;margin:0;}
#banner1 .h1{display:block;float:left;}
#banner1 .mView{float:left;width:72%;margin:0 0 0 60px;}
#banner1 .mContC{width:180px;}
#banner1 .mControl{right:0;}
#banner1 .more{left:70px;top:0px;}




} /* /(min-width:768px) */


@media all and (min-width:1200px){/* ◇◆◇◆◇◆◇◆◇◆ */

.mainBody2,
.mainBody3,
.mainBody4{padding:40px 0;width:1200px;}
.mainBody2{min-height:600px;}
.mainBody4{padding:20px 0;}

.mainBody2s1{float:left;width:875px;}

#vpr1 .mContC{height:576px;}
#vpr1 #vpr1c1{background:url(/portal/tour/_resource/img/main/vpr1001.png) no-repeat 50% 0;}
#vpr1 #vpr1c2{background:url(/portal/tour/_resource/img/main/vpr1003.png) no-repeat 50% 0;}
#vpr1 .menu{left:45%;bottom:20px;}



#recommend1{height:243px;}
#recommend1 .mContC .p1 img{height:241px;}





#tourMenu1{height:125px;margin:25px 0 0 0;}
#tourMenu1 .mContC a{width:105px;margin:20px 0;}



.popupzone1{float:right;margin:0;}


#sns1{float:right;width:298px;height:51px;margin:13px 0 0 0;}
#sns1 .h1{display:block;height:51px;line-height:51px;font-size:16px;}
#sns1 ul{float:right;margin:0 15px 0 0;}
#sns1 li{float:left;padding:7px 0px 0 1px;background:url(/portal/_resource/img/main/sns1s.png) no-repeat 0 17px;}


.bbsList1 .h1{font-size:16px;padding:10px 0 0 20px;}
.bbsList1 ul{margin:5px 20px 0;}
.bbsList1 li a{height:24px;}
.bbsList1 li .t1{line-height:24px;}
.bbsList1 .more{right:25px;top:12px;}


#bbs1{float:left;width:423px;height:181px;margin:25px 0 0 0;}

#sns2{float:left;width:423px;height:181px;margin:25px 0 0 25px;}
#sns2 .h1 a{display:inline;text-align:left;font-weight:bold;line-height:48px;font-size:16px;padding:0 0 0 20px;}
#sns2 .h1 a:focus,
#sns2 .h1 a:hover{background:none;}
#sns2 .h1 a span{display:inline;}
#sns2 #sns2s{display:block;margin:-10px 0 0 0;overflow:visible}
#sns2 #sns2s .more{top:-33px;}


#event1{float:right;width:298px;height:285px;margin:-79px 0 0 0;}
#event1 .h1 a{display:block;height:43px;font-weight:bold;line-height:43px;font-size:16px;padding:0 0 0 20px;border-bottom:1px solid #d8d8d8;text-align:left;}
#event1 .h1 a:focus,
#event1 .h1 a:hover{background:none;}
#event1 .h1 a span{display:inline;}
#event1 #event1s{display:block;}



.recommend2{width:423px;height:310px;}
.recommend2 .infoBox1{float:left;width:180px;height:240px;padding:0 0 0 7px;margin:15px 10px;}
.recommend2 .infoBox1 .p1{float:none;width:100%;height:120px;}
.recommend2 .infoBox1 .p1 img{width:100%;height:120px;}
.recommend2 .infoBox1 .txt1{float:none;width:100%;margin:10px 0 0 0;}

#recommend2s2{float:none;float:left;margin:0 0 0 25px;}


#transport1{float:right;width:298px;height:121px;margin:0;}
#transport1 #transport1s li a{display:block;float:left;width:50%;height:38px;line-height:38px;border-width:1px 0 0 1px;margin:-1px 0 0 -1px;}
#transport1 #transport1s ul li i.ic1{margin:1px 5px 0 15px;}


#upo1{float:right;width:300px;height:164px;margin:25px 0 0 0;}
#upo1 span.p1 img{width:100%;height:118px;}



#infoBox3{float:left;width:873px;height:117px;margin:25px 0 0 0;}
#infoBox3 li a{width:25%;padding:21px 0;}
#infoBox3 li a .br{display:inline;}



#uponuri1{float:right;margin:25px 0 0 0;width:298px;height:117px;}
#uponuri1 .h1 a{display:none;}
#uponuri1 .uponuri1s a{display:block;}

#banner1 .mView{width:75%;margin:0 0 0 90px;}



} /* /(min-width:1200px) */

@media all and (min-width:1600px){/* ◇◆◇◆◇◆◇◆◇◆ */

#weather1{right:12%;}


} /* /(min-width:1600px) */