@charset "utf-8";

/* Main */
body#main{background-color:#FFF;}

/* 620px 이하 해상도 스타일 */
#quick_menu {display:none;}
.mainVisual{width:100%; height:290px; position:relative; min-width:340px;}
.mainVisual div{width:100%; margin:auto;}
.mainVisual dl{float:right; text-align:right; margin:27px 10px 0 0;}
.mainVisual dt{height:32px; line-height:32px; font-size:32px; font-weight:600; color:#FFF; margin-bottom:20px;}
.mainVisual dt img.visualTxt{display:inline; vertical-align:bottom; width:auto; height:28px;}
.mainVisual dt span{font-size:28px; font-weight:normal;}
.mainVisual dd{font-size:16px; color:#FFF;}
.mainVisual dd span.spacing{display:block;color:#fff;}
.mainVisual dd span.visualMap{display:none;}
.visualTab{position:absolute; left:0; bottom:15px; width:100%; text-align:center;}
.visualTab li{display:inline-block; margin:0 5px 0 5px;}
.visualBg00{background:url(../images/main/main_visual00.jpg) no-repeat 40% top;
-webkit-background-size:cover;
   -moz-background-size:cover;
     -o-background-size:cover;
        background-size:cover;}
.visualBg00 ul{position:absolute; left:5%; bottom:20%; width:25%; max-width:230px;}
.visualBg00 ul li{margin-bottom:5%;}
.visualBg01{background:url(../images/main/main_visual01.jpg) no-repeat 40% top;
-webkit-background-size:cover;
   -moz-background-size:cover;
     -o-background-size:cover;
        background-size:cover;}
.visualBg02{background:url(../images/main/main_visual02.jpg) no-repeat 40% top;
-webkit-background-size:cover;
   -moz-background-size:cover;
     -o-background-size:cover;
        background-size:cover;}
.visualBg02 ul{position:absolute; right:5%; bottom:14%; width:30%; max-width:110px;}
.visualBg02 ul li{margin-bottom:5%; float:left; width:100%;}
.visualBg03{background:url(../images/main/main_visual03.jpg) no-repeat 40% top;
-webkit-background-size:cover;
   -moz-background-size:cover;
     -o-background-size:cover;
        background-size:cover;}
.visualBg04{background:url(../images/main/main_visual12.jpg) no-repeat 40% top;
-webkit-background-size:cover;
   -moz-background-size:cover;
     -o-background-size:cover;
        background-size:cover;}
.visualBg05{background:url(../images/main/main_visual05.jpg) no-repeat 40% top;
-webkit-background-size:cover;
   -moz-background-size:cover;
     -o-background-size:cover;
        background-size:cover;}
.visualBg06{background:url(../images/main/main_visual06.jpg) no-repeat 40% top;
-webkit-background-size:cover;
   -moz-background-size:cover;
     -o-background-size:cover;
        background-size:cover;}
.visualBg07{background:url(../images/main/main_visual10.jpg) no-repeat 40% top;
-webkit-background-size:cover;
   -moz-background-size:cover;
     -o-background-size:cover;
        background-size:cover;}
#mainCon{width:100%; margin:20px auto 6px auto; overflow:hidden;}
.main_resort{float:left; font-size:0;}
.main_resort li{width:50%; display:inline-block; vertical-align:top; position:relative;}
.main_resort li span.main_resortTt{display:block; position:absolute; width:100%; color:#FFF; text-align:center; line-height:1.3em; margin-top:12%;}
.main_resort li span.main_resortTt em{display:block; color:#FFF; font-size:14px; font-weight:bold; margin-bottom:7px;}
.main_resort li span.resortTt_bot{bottom:8%;}
.main_resort li span.main_resortTt span{display:none;}
.main_resort li img{width:100%; height:auto; vertical-align:top;}
.main_resort li.reg_block{width:100%;}
.main_resort li.reg_block img{height:100%; height:auto; vertical-align:top;}
.main_regipon{position:absolute; width:70%; text-align:center; color:#FFF; left:50%; top:50%; margin:-15px 0 0 -35%;}
.main_regipon02{}
.main_regipon dt{height:26px; line-height:26px; font-size:26px; font-weight:normal;}
.main_regipon02 dt{font-size:16px; line-height:18px; font-weight:bold;}
.main_regipon dd{font-size:12px;}
.main_regipon span.eventBn{position:absolute; top:0; right:0;}
.main_regArrow{position:absolute; width:100%; margin-top:20px;}
.main_regArrow02{bottom:40px;}
.main_regArrow span.prevBtn{float:left; margin-left:20px;}
.main_regArrow span.nextBtn{float:right; margin-right:20px;}
.main_regArrow span a{opacity:1;}
.main_regArrow span a:hover, .main_regArrow span a:focus, .main_regArrow span a:active{opacity:1;}
.main_regArrow span img{width:19px; height:auto;}
.main_resort li.mobile_none{display:none;}
.main_ranking{float:left; width:100%; text-align:center; background:url(../images/main/main_ranking_m.gif) no-repeat bottom center; padding-bottom:90px; margin:40px 0 20px 0;
-webkit-background-size:90%;
   -moz-background-size:90%;
     -o-background-size:90%;
        background-size:90%;}
.main_ranking h3{font-size:26px; color:#565a75; font-weight:600; line-height:1.2em; margin-bottom:12px;}
.main_ranking p{font-size:15px; color:#565a75; line-height:1.5em; width:94%; margin:0 3% 0 3%;}
.main_ranking p em{font-weight:bold; color:#f97f02;}
.main_review{position:relative; width:100%; background:#f2f2f2; float:left; padding-bottom:10px; display:none;}
.main_revWrap{width:100%; margin:17px 0 0 0; float:left;}
.main_revWrap h3{width:100%; text-align:center; font-size:20px; font-weight:bold; color:#535973; line-height:1.2em; margin-bottom:17px;}
.main_revWrap h3 em{color:#f97f00;}
.main_revMore{float:right; height:29px; line-height:29px; margin:-44px 10px 0 0;}
.main_revMore a{display:block;}
.main_revCon{float:left; width:100%;}
.main_revCon ul{float:left;}
.main_revCon li{float:left; width:50%;}
.main_revCon li span.imgThum{display:none;}
.main_revCon li img{width:100%; vertical-align:top; margin-right:-1px;}
.main_revCon li dl{width:100%; background:#FFF; padding-bottom:20px;}
.main_revCon li dt{color:#2b2f3e; font-size:13px; padding:19px 10px 0 10px;}
.main_revCon li dd{font-size:11px; color:#535973; margin:14px 10px 0 10px;}
.main_revCon li dd.review_date{font-size:11px; font-weight:600; color:#f97f00; margin:6px 10px 0 10px;}
.main_comment{display:none;}
.main_theme{float:left; margin-top:20px;}
.main_theme h3{width:calc(100% - 20px); text-align:center; font-size:20px; font-weight:bold; color:#535973; line-height:1.6em; margin:0 10px 17px 10px;}
.main_theme h3 em{color:#f97f00;}
.main_theList{width:97%; margin-right:3%;}
.main_theList li{float:left; width:47%; position:relative; margin:0 0 3% 3%;}
.main_theList dl{width:100%; position:absolute; background:url(../images/main/main_themeBg.png); bottom:0;}
.main_theList dt{margin:12px 15px 0 15px;}
.main_theList dt a{font-size:13px; color:#FFF;}
.main_theList dd{float:right; font-size:13px; color:#ff7c00; margin:9px 15px 15px 0; text-align:right;}
.main_theList div.theme_event{position:absolute;}
.main_theList div.theme_img{width:100%; height:230px; overflow:hidden;}
.main_theList div.theme_img img{width:100%; height:100%;}
.main_theList div.theme_title{position:relative;}
.main_theList span.theme_name{position:absolute; width:100%; text-align:center; font-size:20px; color:#FFF; padding:35px 0 35px 0; bottom:0; font-weight: bold;}
.main_theList span.theme_name01{background:#03aef1;}
.main_theList span.theme_name02{background:#35a57c;}
.main_theList span.theme_name03{background:#cc8f2f;}
.main_theList span.theme_name04{background:#4f6fb7;}
.main_theList span.theme_img{display:block; width:100%; height:230px; overflow:hidden;}
.main_theList span.theme_img img{width:100%; height:100%;}
.main_guideBook{width:100%; float:left; margin-top:20px; background:none;}
.main_guideBook a span.pcBn{display:none;}
.main_guideBook a span.mobileBn{display:block;}
.main_guideBook a span.mobileBn img{ width:100%;}

/* 620px 이상 해상도 스타일 */	
@media screen and (min-width:620px){
.mainVisual dl{float:right; text-align:right; margin:27px 20px 0 0;}
.mainVisual dt{height:38px; line-height:38px; font-size:38px; font-weight:600; color:#FFF; margin-bottom:20px;}
.mainVisual dt img.visualTxt{display:inline; vertical-align:bottom; width:auto; height:32px;}
.mainVisual dt span{font-size:30px;}
.mainVisual dd{font-size:18px; color:#FFF;}
.mainVisual dd span.spacing{display:inline;line-height:24px;}
.main_resort li{width:33.3%; position:relative;}
.main_resort li span.main_resortTt{display:block; position:absolute; width:100%; color:#FFF; text-align:center; line-height:1.3em; margin-top:14%;}
.main_resort li span.main_resortTt em{display:block; color:#FFF; font-size:16px; font-weight:600; margin-bottom:7px;}
.main_resort li span.resortTt_bot{bottom:12%;}
.main_resort li.reg_block{width:66.6%;}
.main_regipon{position:absolute; width:70%; text-align:center; color:#FFF; left:50%; top:50%; margin:-20px 0 0 -35%;}
.main_regipon02{}
.main_regipon dt{height:32px; line-height:32px; font-size:32px; font-weight:normal;}
.main_regipon02 dt{font-size:24px; line-height:26px; font-weight:bold;}
.main_regipon dd{font-size:14px;}
.main_regArrow{position:absolute; width:100%; margin-top:30px;}
.main_resort li.mobile_none{display:inline-block;}
.main_ranking{float:left; width:100%; text-align:center; background:url(../images/main/main_ranking_m.gif) no-repeat bottom center; padding-bottom:80px; margin:30px 0 30px 0;
-webkit-background-size:auto;
   -moz-background-size:auto;
     -o-background-size:auto;
        background-size:auto;}
.main_ranking h3{font-size:28px; color:#565a75; font-weight:600; line-height:1.2em; margin-bottom:12px;}
.main_ranking p{font-size:16px; color:#565a75; line-height:1.5em; width:94%; margin:0 3% 0 3%;}
.main_ranking p em{font-weight:bold; color:#f97f02;}
.main_review{position:relative; width:100%; background:#f2f2f2; float:left; padding-bottom:20px;}
.main_revWrap{width:100%; margin:27px 0 0 0; float:left;}
.main_revWrap h3{width:100%; text-align:center; font-size:24px; font-weight:bold; color:#535973; line-height:1.2em; margin-bottom:17px;}
.main_revWrap h3 em{color:#f97f00;}
.main_revMore{float:right; height:29px; line-height:29px; margin:-44px 10px 0 0;}
.main_revMore a{display:block; background:url(../images/main/main_revMore.png) no-repeat right; padding-right:38px;}
.main_revCon{float:left; width:100%;}
.main_revCon ul{float:left;}
.main_revCon li{float:left; width:50%;}
.main_revCon li img{width:100%; vertical-align:top; margin-right:-1px;}
.main_revCon li dl{width:100%; background:#FFF; padding-bottom:25px;}
.main_revCon li dt{color:#2b2f3e; font-size:15px; padding:19px 20px 0 20px;}
.main_revCon li dd{font-size:13px; color:#535973; margin:14px 20px 0 20px;}
.main_revCon li dd.review_date{font-size:12px; font-weight:600; color:#f97f00; margin:6px 20px 0 20px;}
.main_theme h3{width:100%; text-align:center; font-size:24px; font-weight:bold; color:#535973; line-height:1.2em; margin-bottom:17px;}
.main_theList div.theme_img{width:100%; height:250px; overflow:hidden;}
.main_theList div.theme_img img{width:100%; height:100%;}
.main_theList span.theme_img{display:block; width:100%; height:250px; overflow:hidden;}
.main_theList span.theme_img img{width:100%; height:100%;}

.visualBg00 ul{bottom:10%;}
}

/* 840px 이상 해상도 스타일 */
@media screen and (min-width:840px){
.visualBg00 ul{width:23%;}

}
/* 980px 이상 해상도 스타일 */
@media screen and (min-width:980px){

#quick_menu {display:block;position:absolute;margin-left:1000px;position:fixed;top:170px;width:60px;z-index:99999;}
#quick_menu li {display:block;width:100%;margin-bottom:12px;text-align:center;font-size:11px;}
#quick_menu li a{display:block;padding-top:62px; line-height:14px;}
#quick_menu li.quick_usim{background:url(../images/main/quick_usim.png) no-repeat;}
#quick_menu li.quick_usim a{letter-spacing:-0.5px;}
#quick_menu li.quick_wifi{background:url(../images/main/quick_wifi.png) no-repeat;}
#quick_menu li.quick_rent{background:url(../images/main/quick_rent.png) no-repeat;}
#quick_menu li.quick_weat{background:url(../images/main/quick_weat.png) no-repeat;}
#quick_menu li.quick_map{background:url(../images/main/quick_map.png) no-repeat;}
#quick_menu li.quick_qna{background:url(../images/main/quick_qna.png) no-repeat;}
#quick_menu li.quick_qna{background:url(../images/main/quick_qna.png) no-repeat;}	
#quick_menu li.quick_ntalk{background:url(../images/main/quick_talk.png) no-repeat;}	
#quick_menu li.quick_kakao{background: url(../images/main/quick_kakao.png) no-repeat;}
#quick_menu li.quick_insur{background:url(../images/main/quick_insur.png) no-repeat;}
#quick_menu li.quick_top{background:url(../images/main/quick_top.png) no-repeat;}
.mainVisual{width:100%; height:450px; position:relative; min-width:1000px; margin-top:50px;}
.mainVisual div{width:980px; margin:auto;}
.mainVisual dl{float:right; text-align:right; margin:57px 0 0 0;}
.mainVisual dt{height:48px; line-height:48px; font-size:48px; font-weight:600; color:#FFF; margin-bottom:20px;}
.mainVisual dt img.visualTxt{display:inline; vertical-align:bottom; width:auto; height:36px;}
.mainVisual dt span{font-size:36px;}
.mainVisual dd{font-size:20px; color:#FFF;}
.mainVisual dd span.spacing{display:inline;}
.mainVisual dd span.visualMap{display:block;height:170px;background:url(../images/main/main_visMap01.png) no-repeat right;margin-top:20px;}
.visualTab{position:absolute; left:0; bottom:25px; width:100%; text-align:center;}
.visualTab li{display:inline-block; margin:0 5px 0 5px;}
#mainCon{width:980px; margin:40px auto 50px auto; display:table; float:none;}
.main_resort{float:left;}
.main_resort li{width:326px; position:relative;}
.main_resort li span.main_resortTt{display:block; position:absolute; width:100%; color:#FFF; text-align:center; line-height:1.3em; margin-top:25px;}
.main_resort li span.main_resortTt em{display:block; color:#FFF; font-size:20px; font-weight:bold; margin-bottom:7px;}
.main_resort li span.resortTt_bot{bottom:25px;}
.main_resort li span.main_resortTt span{display:block;}
.main_resort li a:hover span.main_resortTt span, .main_resort li a:focus span.main_resortTt span, .main_resort li a:active span.main_resortTt span{opacity:0.5;}
.main_resort li img{width:100%; vertical-align:top;}
.main_resort li.reg_block{width:652px;}
.main_resort li.reg_block img{height:100%; vertical-align:top;}
.main_regipon{position:absolute; width:100%; text-align:center; color:#FFF; left:0; top:50%; margin:-30px 0 0 0;}
.main_regipon02{}
.main_regipon dt{height:48px; line-height:48px; font-size:48px; font-weight:normal;}
.main_regipon02 dt{font-size:28px; line-height:33px; font-weight:bold;}
.main_regipon dd{font-size:14px;}
.main_regArrow{position:absolute; width:100%; margin-top:40px;}
.main_regArrow02{bottom:40px;}
.main_regArrow span.prevBtn{float:left; margin-left:40px;}
.main_regArrow span.nextBtn{float:right; margin-right:40px;}
.main_regArrow span a{opacity:1;}
.main_regArrow span a:hover, .main_regArrow span a:focus, .main_regArrow span a:active{opacity:0.5;}
.main_regArrow span img{width:32px;}
.main_resort li.mobile_none{display:inline-block;}
.main_ranking{float:left; width:100%; text-align:center; background:url(../images/main/main_ranking.gif) no-repeat bottom; padding-bottom:80px; margin:65px 0 50px 0;
-webkit-background-size:auto;
   -moz-background-size:auto;
     -o-background-size:auto;
        background-size:auto;}
.main_ranking h3{font-size:32px; color:#565a75; font-weight:600; line-height:1.2em; margin-bottom:12px;}
.main_ranking p{font-size:18px; color:#565a75; line-height:1.5em;}
.main_ranking p em{font-weight:bold; color:#f97f02;}
.main_review{position:absolute; width:100%; height:480px; min-width:1000px; left:0; background:#f2f2f2; margin-top:1950px; padding-bottom:0; display:block;}
.main_revWrap{width:980px; margin:37px auto 0 auto; display:table; float:none;}
.main_revWrap h3{float:left; width:auto; font-size:24px; font-weight:bold; color:#535973; line-height:1.2em; margin-bottom:17px;}
.main_revWrap h3 em{color:#f97f00;}
.main_revMore{float:right; height:29px; line-height:29px; margin:0 0 0 0px;}
.main_revMore a{display:block; background:url(../images/main/main_revMore.png) no-repeat right; padding-right:38px; color:#b1b0b0; font-weight:600;}
.main_comMore{float:right;}
.main_comMore a{display:block; width:29px; height:29px; line-height:29px; background:url(../images/main/main_revMore.png) no-repeat right;}
.main_comMore a span{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.main_revCon{float:left; width:323px;}
.main_revCon ul{float:left;}
.main_revCon li{float:left; width:322px; border-right:solid 1px #f2f2f2;}
.main_revCon li span.imgThum{display:block;}
.main_revCon li img{width:323px; height:210px; vertical-align:top; margin-right:-1px;}
.main_revCon li dl{width:100%; background:#FFF; padding-bottom:30px;}
.main_revCon li dt{color:#2b2f3e; font-size:16px; padding:29px 20px 0 20px;}
.main_revCon li dd{font-size:13px; color:#535973; margin:14px 20px 0 20px;}
.main_revCon li dd a:hover, .main_revCon li dd a:focus, .main_revCon li dd a:active{color:#b1b0b0;}
.main_revCon li dd.review_date{font-size:12px; font-weight:600; color:#f97f00; margin:6px 20px 0 20px;}
.main_comment{float:right; width:323px; display:block;}
.main_comTab{float:right; margin-top:8px;}
.main_comTab li{float:left; margin-left:7px;}
.main_comTab li img{width:14px;}
.main_comCon img{width:323px; height:210px; vertical-align:top; margin-right:-1px;}
.main_comCon dl{width:100%; background:#FFF; padding-bottom:30px;}
.main_comCon dt{color:#2b2f3e; font-size:16px; padding:29px 20px 0 20px;}
.main_comCon dt span{display:block; font-size:12px; font-weight:600; color:#f97f00; margin:3px 0 0 0;}
.main_comCon dd{font-size:13px; color:#535973; margin:14px 20px 0 20px;}
.main_comCon dd a:hover, .main_comCon dd a:focus, .main_comCon dd a:active{color:#b1b0b0;}
.main_theme{float:left; margin-top:520px;}
.main_theme h3{width:auto; text-align:left; font-size:24px; font-weight:bold; color:#535973; line-height:1.2em; margin:0 0 17px 0;}
.main_theme h3 em{color:#f97f00;}
.main_theList{width:1000px; margin:-20px 0 0 -20px;}
.main_theList li{float:left; width:230px; position:relative; margin:20px 0 0 20px;}
.main_theList dl{width:100%; position:absolute; background:url(../images/main/main_themeBg.png); bottom:0;}
.main_theList dt{margin:12px 20px 0 20px;}
.main_theList dt a{font-size:14px; color:#FFF;}
.main_theList dt a:hover, .main_theList dt a:focus, .main_theList dt a:active{opacity:0.5;}
.main_theList dd{float:right; font-size:14px; color:#ff7c00; margin:9px 20px 15px 0;}
.main_theList div.theme_img{width:230px; height:250px; overflow:hidden;}
.main_theList div.theme_img img{width:100%; height:100%;}
.main_theList span.theme_name{font-size:18px; padding:25px 0 45px 0; font-weight:normal;}
.main_theList span.theme_name01{background:url(../images/main/main_themeBar.gif) no-repeat center 60px #03aef1;}
.main_theList span.theme_name02{background:url(../images/main/main_themeBar.gif) no-repeat center 60px #35a57c;}
.main_theList span.theme_name03{background:url(../images/main/main_themeBar.gif) no-repeat center 60px #cc8f2f;}
.main_theList span.theme_name04{background:url(../images/main/main_themeBar.gif) no-repeat center 60px #4f6fb7;}
.main_theList span.theme_img{display:block; width:230px; height:250px; overflow:hidden;}
.main_theList span.theme_img img{width:100%; height:100%;}
.main_guideBook_pc{ width:310px; float:left; margin:0 0 0 12px;}
.main_guideBook{width:100%; float:left; margin-top:520px; background:none; display:none;}
.main_guideBook a span.pcBn{display:block;}
.main_guideBook a span.mobileBn{display:none;}

.visualBg00 ul{width:978px; left:auto; margin-left:30px; top:60px;}
.visualBg02 ul{max-width:230px; right:auto; margin-left:750px; top:180px;}
}