@charset "utf-8";



/* 메인 > 콘텐츠 */
#contents.m {position:absolute;left:0;top:0;right:0;bottom:0;min-height:440px;width:100%;height:100%;padding-top:0;margin:0 auto 0;background-image:url(../../../images/skin/1/bg_main.jpg);background-repeat:no-repeat;background-position:center 0;background-size:100% 100%;}

/* 메인 > 정보보기 버튼 */
#contents.m .mBtn {width:100%;padding-top:95px;text-align:center;}
#contents.m .mBtn a {display:block;width:160px;margin:0 auto;}
#contents.m .mBtn a img {width:160px;}

/* 메인 > 메인 상단 메뉴 */
#contents.m .mTopNav {position:absolute;right:17px;top:20px;}
#contents.m .mTopNav li {width:60px;height:60px;margin-bottom:3px;}
#contents.m .mTopNav li a {display:block;width:60px;height:60px;text-indent:-9999em;overflow:hidden;background:url(../../../images/skin/1/bg_m_top_nav.png) no-repeat 0 -63px;background-size:60px 123px;}
#contents.m .mTopNav li:first-child a {background:url(../../../images/skin/1/bg_m_top_nav.png) no-repeat 0 0;background-size:60px 123px;}

/* 메인 > 메인 문구 */
#contents.m .mTxt {padding-left:20px;font-size:0.8em;line-height:1.4;color:#fff;margin-bottom:29px;}
#contents.m .mTxt strong {color:#fff000;font-weight:normal;}
#contents.m .mTxt img {width:175px;display:block;margin-bottom:10px;}

/* 메인 > 광고 배너 */
#contents.m #photoslider-vertical {position:relative;overflow:hidden;width:300px;height:60px;margin:0 auto 40px;padding-right:70px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#contents.m #photoslider-vertical .sliderkit-panel {position:absolute;overflow:hidden;z-index:1;width:230px;height:60px;}
#contents.m #photoslider-vertical .sliderkit-panel img {width:230px;height:60px;}
#contents.m #photoslider-vertical .more {position:absolute;right:0;top:0;display:block;width:70px;height:60px;}
#contents.m #photoslider-vertical .more a {display:block;width:70px;height:60px;background:url(../../../images/skin/1/m_banner_more.png) no-repeat 0 0;background-size:70px 60px;text-indent:-9999em;overflow:hidden;}

/* 메인 > 광고 전체보기 */
#contents.m .fullBanner {position:fixed;top:150%;left:0;bottom:0;right:0;width:100%;margin:0 auto;padding-top:45px;z-index:99999;border:5px solid #1882d0;box-shadow:inset 0 0 5px 0 #1882d0;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#contents.m .fullBanner.on {position:fixed;top:0;left:0;bottom:0;right:0;width:100%;z-index:99999;}
#contents.m .fullBanner .list {overflow-y:scroll;position:absolute;top:45px;left:0;bottom:0;right:0;}
#contents.m .fullBanner ul {padding:5px;}
#contents.m .fullBanner ul li {border:1px solid #e6e6e6;margin-bottom:5px;}
#contents.m .fullBanner ul li a {}
#contents.m .fullBanner ul li a img {width:100%;}
#contents.m .fullBanner .close {position:absolute;left:0;top:5px;display:block;padding:0 6px;width:100%;height:35px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;text-align:center;}
#contents.m .fullBanner .close a {display:block;width:100%;border:1px solid #ddd;font-size:15px;border-radius:7px;line-height:35px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background: -moz-linear-gradient(top,  #ffffff 0%, #fbfbfb 26%, #f8f8f8 53%, #f3f3f3 78%, #f9f9f9 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(26%,#fbfbfb), color-stop(53%,#f8f8f8), color-stop(78%,#f3f3f3), color-stop(100%,#f9f9f9));background: -webkit-linear-gradient(top,  #ffffff 0%,#fbfbfb 26%,#f8f8f8 53%,#f3f3f3 78%,#f9f9f9 100%);background: -o-linear-gradient(top,  #ffffff 0%,#fbfbfb 26%,#f8f8f8 53%,#f3f3f3 78%,#f9f9f9 100%);background: -ms-linear-gradient(top,  #ffffff 0%,#fbfbfb 26%,#f8f8f8 53%,#f3f3f3 78%,#f9f9f9 100%);background: linear-gradient(to bottom,  #ffffff 0%,#fbfbfb 26%,#f8f8f8 53%,#f3f3f3 78%,#f9f9f9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );}

/* 서브 > 상단 --------------------------------------------------------------------------------------------------------------------------------------------- */
#header {position:fixed;left:0;top:0;width:100%;height:54px;border-bottom:1px solid #005695;background:#2889d1;z-index:8888;}
#header h1 {height:54px;padding:0 0 0 18px;line-height:54px;font-size:1.188em;font-weight:bold;color:#fff;}

/* 서브 > 상단 메뉴 */
#header .topNav {position:absolute;right:5px;top:5px;}
#header .topNav li {float:left;width:51px;height:45px;margin-left:3px;}
#header .topNav li a {display:block;width:100%;height:45px;text-indent:-9999em;overflow:hidden;background:url(../../../images/skin/1/bg_top_nav.png) no-repeat 0 0;background-size:160px 45px;}
#header .topNav li.tn01 a {background-position:0 0;}
#header .topNav li.tn02 a {background-position:-54px 0;}
#header .topNav li.tn03 a {background-position:-108px 0;}

/* 서브 공통 */
#contents {width:100%;margin:0 auto 0;padding-top:55px;}

/* 서브 > 목록 설정 탭 */
#contents .listOpTab {position:relative;width:100%;height:42px;border-bottom:1px solid #d4cfce;background:url(../../../images/skin/1/bg_list_op_txt.png) no-repeat center;background-size:92px 13px;}
#contents .listOpTab li {position:absolute;top:0;right:0;width:49px;height:42px;border-left:1px solid #d4cfce;}
#contents .listOpTab li:first-child {right:auto;left:0;border-right:1px solid #d4cfce;border-left:0;}
#contents .listOpTab li a {display:block;width:100%;height:42px;background:url(../../../images/skin/1/bg_list_op_tab.png) no-repeat -49px 0;background-size:98px 84px;text-indent:-9999em;}
#contents .listOpTab li:first-child a {background:url(../../../images/skin/1/bg_list_op_tab.png) no-repeat 0 0;background-size:98px 84px;}
#contents .listOpTab li a.on {display:block;width:100%;height:42px;background:url(../../../images/skin/1/bg_list_op_tab.png) no-repeat -49px -42px;background-size:98px 84px;}
#contents .listOpTab li:first-child a.on {background:url(../../../images/skin/1/bg_list_op_tab.png) no-repeat 0 -42px;background-size:98px 84px;}

/* 서브 > 뭐 할까 목록 */
#contents .contList {background:#fff;}
#contents .contList li {padding:1px;border-bottom:1px solid #d4cfce;}
#contents .contList li a {position:relative;display:block;width:100%;height:87px;margin:-1px;padding-right:50px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#contents .contList li a:after {position:absolute;right:10px;top:24px;width:42px;height:42px;display:block;content:"";background:url(../../../images/skin/1/icon_conlist.png) no-repeat 0 0;background-size:42px auto;}
#contents .contList li a span.hot {position:absolute;left:0;top:0;background:url(../../../images/skin/1/bg_conlist_hot.png) no-repeat 0 0;background-size:27px 27px;width:27px;height:27px;text-indent:-9999em;overflow:hidden;}
#contents .contList li a span.p {float:left;width:104px;margin-left:-1px;}
#contents .contList li a span.p img {width:104px;height:87px;}
#contents .contList li a span.t {display:block;margin-left:113px;padding:15px 0 0 0;font-family:"맑은 고딕", Malgun Gothic;}
#contents .contList li a span.t strong {display:block;margin-bottom:8px;font-size:1em;font-weight:bold;color:#404040;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#contents .contList li a span.t em {display:block;background:url(../../../images/skin/1/bg_bul_conlist.png) no-repeat 0 1px;background-size:12px auto;font-size:0.750em;line-height:14px;height:28px;overflow:hidden;color:#3a3a3a;padding-left:14px;}

/* 서브 > 어디갈까 목록 */
#contents .contList2 {background:#fff;overflow:auto;}
#contents .contList2 li {padding:1px;border-bottom:1px solid #d4cfce;}
#contents .contList2 li a {position:relative;display:block;width:100%;height:87px;margin:-1px;padding-right:50px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#contents .contList2 li a:after {position:absolute;right:10px;top:24px;width:42px;height:42px;display:block;content:"";background:url(../../../images/skin/1/icon_conlist.png) no-repeat 0 -42px;background-size:42px auto;}
#contents .contList2 li a span.hot {position:absolute;left:0;top:0;background:url(../../../images/skin/1/bg_conlist_hot.png) no-repeat 0 0;background-size:27px 27px;width:27px;height:27px;text-indent:-9999em;overflow:hidden;}
#contents .contList2 li a span.p {float:left;width:104px;margin-left:-1px;}
#contents .contList2 li a span.p img {width:104px;height:87px;}
#contents .contList2 li a span.t {display:block;margin-left:113px;padding:15px 0 0 0;font-family:"맑은 고딕", Malgun Gothic;}
#contents .contList2 li a span.t strong {display:block;margin-bottom:8px;font-size:1em;font-weight:bold;color:#404040;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#contents .contList2 li a span.t em {display:block;font-size:0.750em;line-height:14px;height:28px;overflow:hidden;color:#3a3a3a;}
#contents .contList2 li span.nodata {display:block;text-align:center;padding:15px 0 300px 0;font-family:"맑은 고딕", Malgun Gothic;}


/* 서브 > 어디갈까 뷰 */
#contents .viewTit {position:relative;height:60px;border-bottom:1px solid #d4cfce;background:#fff;}
#contents .viewTit h2 {text-align:center;height:60px;line-height:60px;font-size:1.125em;font-weight:normal;color:#000;font-family:"맑은 고딕", Malgun Gothic;}
#contents .viewTit .btnList {position:absolute;left:15px;top:8px;width:43px;height:43px;}
#contents .viewTit .btnList a {display:block;width:43px;height:43px;text-indent:-9999em;overflow:hidden;background:url(../../../images/skin/1/btn_list.png) no-repeat 0 0;background-size:43px 43px;}
#contents .viewCont {width:100%;padding:20px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#fafafa;font-size:1em;line-height:1.6;color:#3a3a3a;font-family:"맑은 고딕", Malgun Gothic;}
#contents .viewCont .description img {display:block;vertical-align:top;margin:0 auto 15px;}

/* 서브 > 지도 */
#contents .map {position:relative;width:100%;}
#contents .map img {width:100%;}
#contents .map .mapExplan {position:absolute;left:0;top:0;background:#fff;z-index:10;border:1px solid #515151;border-radius:6px;padding:0 6px;}
#contents .map .mapExplan a.mpop {display:block;height:24px;line-height:24px;color:#000;font-size:0.7em;background:url(../../../images/skin/1/bg_map_m.png) no-repeat right center;background-size:15px 15px;padding-right:17px;}
#contents .map .mapExplan a.mlink {display:block;height:24px;line-height:24px;color:#000;font-size:0.7em;background-size:15px 15px;padding-right:17px;}

#contents .map .mapExplan::after {position:absolute;left:50%;margin-left:-4px;bottom:-8px;width:0;height:0;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:4px;display:block;content:"";z-index:11;}
#contents .map .mapExplan::before {position:absolute;left:50%;margin-left:-5px;bottom:-10px;width:0;height:0;border-color:#515151 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px;display:block;content:"";z-index:11;}

/* 서브 > copyright */
#contents.m .copyBox {position:absolute;bottom:0;left:0;width:100%;}
#contents .copyBox {padding:13px 0;text-align:center;background:#222323;}
#contents .copyBox strong {display:inline-block;width:53px;margin-right:15px;vertical-align:top;}
#contents .copyBox strong img {width:53px;}
#contents .copyBox p {display:inline-block;text-align:left;font-size:0.5em;line-height:1.7;color:#888380;letter-spacing:-0.025em;}

/* 서브 > 페이지 설명 문구 */
#fixedTxt {position:fixed;left:0;right:0;bottom:0;width:100%;height:70px;background:url(../../../images/skin/1/bg_t.png) repeat 0 0;z-index:999;}
#fixedTxt img {display:block;height:70px;}
#fixedTxt .close {position:absolute;right:0;top:0;width:70px;height:70px;}
#fixedTxt .close a {display:block;width:70px;height:70px;background:url(../../../images/skin/1/btn_f_txt_close.png) no-repeat 0 0;background-size:70px 70px;text-indent:-9999em;overflow:hidden;}

/* 메뉴 */
.navBg {width:100%;height:100%;position:fixed;left:0;right:0;bottom:0;top:0;background:url(../../../images/skin/1/bg_t2.png) repeat 0 0;z-index:999999;overflow:hidden;display:none;}
.navWrap {width:100%;height:100%;position:fixed;left:0;right:0;bottom:0;top:0;z-index:999999;overflow:hidden;display:none;}
.navWrap .navBox {width:281px;margin:0 auto;padding-top:85px;position:relative;}
.navWrap .navBox ul {overflow:hidden;}
.navWrap .navBox ul li {width:81px;float:left;margin:0 19px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.navWrap .navBox ul li:nth-child(3n) {margin-right:0;float:none;width:auto;overflow:hidden;}
.navWrap .navBox ul li a {display:block;}
.navWrap .navBox ul li a img {display:block;height:81px;margin-bottom:10px;}
.navWrap .navBox ul li a span {width:81px;height:14px;line-height:14px;display:block;font-size:0.750em;font-family:"맑은 고딕", Malgun Gothic;color:#fff;text-align:center;}
.navWrap #btnClose {border:0 none;background:none;position:absolute;right:23px;top:36px;cursor:pointer;}

/* SNS 메뉴 */
#contents.m .snsLink {position:absolute;top:145px;right:21px;display:none;}
#header .snsLink {position:absolute;top:54px;right:5px;display:none;}
.snsLink.on {display:block !important;z-index:8888;}
.snsLink li {width:51px;}
.snsLink li a {display:block;width:51px;text-indent:-9999em;overflow:hidden;background:url(../../../images/skin/1/bg_sns_nav.png) no-repeat 0 0;background-size:51px 168px;}
.snsLink li.sl01 {height:43px;}
.snsLink li.sl02 {height:40px;}
.snsLink li.sl03 {height:40px;}
.snsLink li.sl04 {height:45px;}
.snsLink li.sl01 a {height:43px;background-position:0 0;}
.snsLink li.sl02 a {height:40px;background-position:0 -43px;}
.snsLink li.sl03 a {height:40px;background-position:0 -83px;}
.snsLink li.sl04 a {height:45px;background-position:0 -123px;}




@media screen and (max-width:320px) {
#contents.m {position:static;left:auto;top:auto;right:auto;bottom:auto;min-height:none;}
#contents.m .copyBox {position:static;bottom:auto;left:auto;width:100%;padding:26px 0;text-align:center;background:#222323;}
}

@media screen and (orientation:landscape) {
#contents.m {position:static;left:auto;top:auto;right:auto;bottom:auto;min-height:none;}
#contents.m .copyBox {position:static;bottom:auto;left:auto;width:100%;padding:26px 0;text-align:center;background:#222323;}
}

@media all and (min-width:768px) {
#contents.m {position:static;left:auto;top:auto;right:auto;bottom:auto;min-height:none;}
#contents.m .mBtn {width:100%;padding-top:190px;text-align:center;}
#contents.m .mBtn a {display:block;width:320px;margin:0 auto;}
#contents.m .mBtn a img {width:320px;}

#contents.m .mTopNav {position:absolute;right:34px;top:40px;}
#contents.m .mTopNav li {width:120px;height:120px;margin-bottom:6px;}
#contents.m .mTopNav li a {display:block;width:120px;height:120px;text-indent:-9999em;overflow:hidden;background:url(../../../images/skin/1/bg_m_top_nav.png) no-repeat 0 -126px;background-size:120px 246px;}
#contents.m .mTopNav li:first-child a {background:url(../../../images/skin/1/bg_m_top_nav.png) no-repeat 0 0;background-size:120px 246px;}

#contents.m .mTxt {padding-left:40px;font-size:1.250em;line-height:1.4;color:#fff;margin-bottom:58px;}
#contents.m .mTxt strong {color:#fff000;font-weight:normal;}
#contents.m .mTxt img {width:350px;display:block;margin-bottom:20px;}

#contents.m #photoslider-vertical {position:relative;overflow:hidden;width:600px;height:120px;margin:0 auto 80px;padding-right:140px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
#contents.m #photoslider-vertical .sliderkit-panel {position:absolute;overflow:hidden;z-index:1;width:460px;height:120px;}
#contents.m #photoslider-vertical .sliderkit-panel img {width:460px;height:120px;}
#contents.m #photoslider-vertical .more {position:absolute;right:0;top:0;display:block;width:140px;height:120px;}
#contents.m #photoslider-vertical .more a {display:block;width:140px;height:120px;background:url(../../../images/skin/1/m_banner_more.png) no-repeat 0 0;background-size:140px 120px;text-indent:-9999em;overflow:hidden;}

#contents.m .copyBox {position:static;bottom:auto;left:auto;width:100%;padding:26px 0;text-align:center;background:#222323;}
#contents.m .copyBox strong {display:inline-block;width:106px;margin-right:30px;vertical-align:top;}
#contents.m .copyBox strong img {width:106px;}
#contents.m .copyBox p {display:inline-block;text-align:left;font-size:1em;line-height:1.7;color:#888380;letter-spacing:-0.05em;}

.navBg {width:100%;height:100%;position:fixed;left:0;right:0;bottom:0;top:0;background:url(../../../images/skin/1/bg_t2.png) repeat 0 0;z-index:999999;overflow:hidden;display:none;}
.navWrap {width:100%;height:100%;position:fixed;left:0;right:0;bottom:0;top:0;z-index:999999;overflow:hidden;display:none;}
.navWrap .navBox {width:562px;margin:0 auto;padding-top:170px;position:relative;}
.navWrap .navBox ul {overflow:hidden;}
.navWrap .navBox ul li {width:162px;float:left;margin:0 38px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.navWrap .navBox ul li:nth-child(3n) {margin-right:0;float:none;width:auto;overflow:hidden;}
.navWrap .navBox ul li a {display:block;}
.navWrap .navBox ul li a img {display:block;height:162px;margin-bottom:20px;}
.navWrap .navBox ul li a span {width:162px;height:28px;line-height:28px;display:block;font-size:1.50em;font-family:"맑은 고딕", Malgun Gothic;color:#fff;text-align:center;}
.navWrap #btnClose {border:0 none;background:none;position:absolute;right:46px;top:72px;cursor:pointer;}
.navWrap #btnClose img {height:60px;width:60px;}

#contents.m .snsLink {position:absolute;top:290px;right:42px;display:none;}
#contents.m .snsLink.on {display:block !important;z-index:8888;}
#contents.m .snsLink li {width:102px;}
#contents.m .snsLink li a {display:block;width:102px;text-indent:-9999em;overflow:hidden;background:url(../../../images/skin/1/bg_sns_nav.png) no-repeat 0 0;background-size:102px 336px;}
#contents.m .snsLink li.sl01 {height:86px;}
#contents.m .snsLink li.sl02 {height:80px;}
#contents.m .snsLink li.sl03 {height:80px;}
#contents.m .snsLink li.sl04 {height:90px;}
#contents.m .snsLink li.sl01 a {height:86px;background-position:0 0;}
#contents.m .snsLink li.sl02 a {height:80px;background-position:0 -86px;}
#contents.m .snsLink li.sl03 a {height:80px;background-position:0 -166px;}
#contents.m .snsLink li.sl04 a {height:90px;background-position:0 -246px;}
}