@charset "utf-8";

/**************** 기본구조 *****************/
#u-skip {}
#u-skip > a { color:#fff;}
.go-content { display:block; position:absolute; top:-55px; left:0; width:100%; height:55px; line-height:55px; text-align:center; background-color:rgba(0,0,0,0.8); z-index:999;}
.go-content:focus { top:0;}

body { background:#fff; -webkit-text-size-adjust:none; position:relative;}
#wrap { padding:90px 0 0;}
/* 헤더 */
#head { background:#fff; position:absolute; width:100%; top:0; z-index:3; transition:top 0.2s ease-in-out;}
#head.head-down { position:fixed; width:100%; top:0; left:0; box-shadow:0 1px 5px 0 rgba(0,0,0,0.15);}
.head-inner { width:1400px; height:90px; margin:0 auto; position:relative;}
.head-inner .logo-box { position:absolute; top:30px; left:0;}
.head-inner .logo-seantour { }
.head-inner .logo-seantour a { display:inline-block; background:url(../images/common/logo-seantour.svg) no-repeat 50% 50%; width:191px; height:29px; text-indent:-9999px; overflow:hidden;}
.gnb { width:45%; margin:0 auto; transition:top 0.3s ease-out;}
.gnb-depth1 { }
.gnb-depth1::after { content:""; display:block; clear:both;}
.gnb-depth1-item { float:left; width:20%; box-sizing:border-box; position:relative; text-align:center; padding:0 5px;}
.gnb-depth1-item:nth-child(2) { width:33%;}
.gnb-depth1-item:after { content:""; width:30px; height:3px; background-color:#3149ce; position:absolute; top:65px; left:50%; margin-left:-15px; display:none;}
.gnb-depth1-item.gnb-on:after { display:inline-block;}
.gnb-depth1-link { display:inline-block; font-size:17px; font-weight:500; height:90px; line-height:1; letter-spacing:-0.25px; padding:34px 0 0;}
.gnb-depth1-link:hover, .gnb-depth1-link:focus { color:#111;}
.gnb-depth2 { position:absolute; top:-500px; left:50%; width:166px; margin-left:-83px; box-sizing:border-box; padding:20px 23px 25px; border-radius:0 0 10px 10px; box-shadow:0 1px 5px 0 rgba(0,0,0,0.15) inset; opacity:1;
background: #3149ce; /* Old browsers */
background: -moz-linear-gradient(180deg, #3149ce 0%, #298ef6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(180deg, #3149ce 0%, #298ef6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(180deg, #3149ce 0%, #298ef6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3149ce', endColorstr='#298ef6',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
}
.gnb-depth1-item.gnb-on .gnb-depth2 { opacity:1; top:90px}
.gnb-depth2-item { margin:5px 0;}
.gnb-depth2-link { display:block; font-size:13px; color:#fff; line-height:1; padding:8px 0; word-break:break-all; text-align:left; position:relative; overflow:hidden;}
.gnb-depth2-link:after { content:""; position:absolute; width:100%; height:1px; background-color:#fff; top:26px; left:-100%; transition:left 0.3s ease-out;}
.gnb-depth2-link:hover, .gnb-depth2-link:focus { color:#fff;}
.gnb-depth2-link:hover:after, .gnb-depth2-link:focus:after { left:0;}
.head-inner .btn-sitemap { display:inline-block; width:44px; height:44px; border-radius:50%; background-color:#343434; border:none; padding:16px 13px; cursor:pointer; position:absolute; right:5px; top:22px; z-index:101;}
.head-inner .btn-sitemap .btn-sitemap-ico { display:block; width:18px; height:14px; position:relative;}
.head-inner .btn-sitemap .btn-sitemap-ico .line { display:inline-block; width:100%; height:1px; background-color:#fff; position:absolute; left:0;}
.head-inner .btn-sitemap .btn-sitemap-ico .line.line1 { top:0;}
.head-inner .btn-sitemap .btn-sitemap-ico .line.line2 { top:6px;}
.head-inner .btn-sitemap .btn-sitemap-ico .line.line3 { top:12px;}
.head-inner .btn-sitemap:hover .btn-sitemap-ico .line.line1 { animation:line 0.8s ease-in-out forwards;}
.head-inner .btn-sitemap:hover .btn-sitemap-ico .line.line2 { animation:line 0.8s 0.1s ease-in-out forwards;}
.head-inner .btn-sitemap:hover .btn-sitemap-ico .line.line3 { animation:line 0.8s 0.2s ease-in-out forwards;}
.head-sch { width:285px; position:absolute; right:60px; top:22px;}
.head-sch .head-sch-input { width:260px; height:44px; border:none; background:#d9effc; border-radius:22px 0 0 22px;}
.head-sch .head-sch-input input { width:100%; height:44px; padding:11px 45px 11px 15px; font-size:15px; line-height:20px; border:none; background:transparent;}
.head-sch .head-sch-input input::placeholder { font-size:14px;}
.head-sch .head-sch-input input::-webkit-input-placeholder { font-size:14px;}
.head-sch .head-sch-input input:-ms-input-placeholder { font-size:14px;}
.head-sch .head-sch-input .sch-clear { display:inline-block; background:url(../images/common/sch-clear.png) no-repeat 50% 50%; width:23px; height:23px; text-indent:-999px; overflow:hidden; position:absolute; top:50%; right:47px; margin-top:-11px; cursor:pointer;}
.head-sch .btn-sch { display:inline-block; width:44px; height:44px; background:url(../images/common/head-btn-sch.png) no-repeat 50% 50%; text-indent:-999px; overflow:hidden; border:none; position:absolute; top:0; right:0;}
.m-btn-sch { width:44px; height:44px; border-radius:22px; background:#3c6ff3 url(../images/common/ico-sch-w.png) no-repeat 50% 50%; background-size:20px auto; text-indent:-999px; overflow:hidden; border:none; position:absolute; top:22px; right:60px; display:none;}
.m-sch-wrap { position:absolute; width:100%; background-color:#d9effc; padding:30px 30%; display:none;}
.m-sch-wrap .m-sch-input { width:100%; height:44px; background-color:#fff; border:1px solid #ccc; border-radius:22px; padding:0 65px 0 15px; position:relative;}
.m-sch-wrap .m-sch-input .sch-input { width:100%; height:100%; font-size:15px; line-height:20px; border:none; background:transparent; padding:0 35px 0 5px;}
.m-sch-wrap .m-sch-input .btn-sch { border:none; position:absolute; top:-1px; right:12px; width:44px; height:44px; background:url(../images/common/ico-sch.png) no-repeat 50% 50%; background-size:24px auto; text-indent:-999px; overflow:hidden;}
.m-sch-wrap .m-sch-input .sch-clear { display:inline-block; background:url(../images/common/sch-clear.png) no-repeat 50% 50%; width:23px; height:23px; text-indent:-999px; overflow:hidden; position:absolute; top:50%; right:70px; margin-top:-11px; cursor:pointer;}
.m-sch-wrap .btn-sch-close { border:none; background-color:rgba(0,0,0,0.75); width:60px; height:58px; padding:19px; position:absolute; bottom:0; right:0;}
.m-sch-wrap .btn-sch-close .ico-sch-close { display:inline-block; background:url(../images/common/ico-sitemap-close.png) no-repeat 50% 50%; width:20px; height:20px; text-indent:-999px; overflow:hidden; transition:all 0.3s ease; opacity:0.5;}
.m-sch-wrap .btn-sch-close .ico-sch-close:hover { transform:rotate(90deg); opacity:1;}
.sitemap-wrap { position:fixed; top:0; left:0; width:100%; height:100000%; z-index:99999; margin:0 auto; transition:all 0.3s ease; display:none; opacity:0;
background: #3149ce; /* Old browsers */
/*background: -moz-linear-gradient(90deg, #2f82f5  0%, #5a42ec 100%); *//* FF3.6-15 */
/*background: -webkit-linear-gradient(90deg, #2f82f5  0%, #5a42ec 100%); *//* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(90deg, #2f82f5 0%, #5a42ec 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f82f5', endColorstr='#5a42ec',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
}
.sitemap-wrap.sitemap-on { display:block;}
.sitemap-wrap .sitemap-menu { position:relative; min-height:100%;}
.sitemap-wrap .sitemap-depth1 { width:1400px; margin:0 auto; overflow:hidden; padding:150px 100px 100px;}
.sitemap-wrap .sitemap-depth1-item { float:left; width:25%; min-height:320px; text-align:center; padding:0 60px; margin:0;}
.sitemap-wrap .sitemap-depth1-link { display:block; font-size:24px; font-weight:700; color:#fff; letter-spacing:-0.5px; border-bottom:1px solid rgba(255,255,255,0.5); line-height:1; padding:0 0 25px; position:relative; margin-bottom:2px;}
.sitemap-wrap .sitemap-depth2 { padding-top:30px;}
.sitemap-wrap .sitemap-depth2-item { text-align:center;}
.sitemap-wrap .sitemap-depth2-link { display:inline-block; font-size:16px; font-weight:300; color:rgba(255,255,255/*,0.5*/); line-height:1; width:100%; padding:10px 0;}
.sitemap-wrap .sitemap-depth2-link:hover, .sitemap-wrap .sitemap-depth2-link:focus { font-weight:300; color:rgba(255,255,255,1);}
.sitemap-wrap .sitemap-menu .btn-sitemap-close { border:1px solid rgba(255,255,255,0.25); background:none; width:100px; height:90px; padding:10px; position:absolute; top:0; right:0;}
.sitemap-wrap .sitemap-menu .btn-sitemap-close:hover, .sitemap-menu .btn-sitemap-close:focus {}
.sitemap-wrap .sitemap-menu .btn-sitemap-close .ico-sitemap-close { display:inline-block; background:url(../images/common/ico-sitemap-close.png) no-repeat 50% 50%; width:34px; height:34px; text-indent:-999px; overflow:hidden; transition:all 0.3s ease; opacity:0.5;}
.sitemap-wrap .sitemap-menu .btn-sitemap-close .ico-sitemap-close:hover { transform:rotate(90deg); opacity:1;}
/* //헤더 */
/* 푸터 */
#foot { background:#2b2e3d; width:100%;}
.foot-inner { width:1400px; margin:0 auto; position:relative; overflow:hidden;}
.foot-inner .site-wrap { padding:50px 0 40px;}
.foot-inner .site-wrap::after { content:""; display:block; clear:both;}
.foot-inner .site-wrap .site-area { float:left; position:relative;}
.foot-inner .site-wrap .site-area .tit { display:block; font-size:16px; color:#fff; padding:0 0 15px 0;}
.foot-inner .site-wrap .site-area .btn-site { display:block; width:440px; height:50px; border:2px solid rgba(255,255,255,0.1); background-color:rgba(0,0,0,0.1); color:rgba(255,255,255,0.75); text-align:left; padding:0 15px; position:relative;}
.foot-inner .site-wrap .site-area .btn-site:after { content:""; display:inline-block; background:url(../images/common/ico-site-arr.png) no-repeat 50% 50%; width:13px; height:7px; position:absolute; top:22px; right:18px;}
.foot-inner .site-wrap .site-area .btn-site.on:after { top:20px; transform:rotate(180deg)}
.foot-inner .site-wrap .site-area .site-select { position:absolute; top:50px; left:0; z-index:1; display:none;}
.foot-inner .site-wrap .site-area .site-select.on { display:block;}
.foot-inner .site-wrap .site-area .site-select .site-list { width:440px; background-color:#fff; padding:10px 15px;}
.foot-inner .site-wrap .site-area .site-select .site-list .li {}
.foot-inner .site-wrap .site-area .site-select .site-list .li a { display:block; margin:5px 0; position:relative; padding-left:8px;}
.foot-inner .site-wrap .site-area .site-select .site-list .li a:before { content:""; display:inline-block; width:3px; height:3px; background-color:rgba(0,0,0,0.4); position:absolute; top:9px; left:0;}
.foot-inner .site-wrap .site-area .site-select .site-list .li a:after { content:""; display:inline-block; background:url(../images/common/ico-site-link.png) no-repeat 50% 50%; width:13px; height:13px; margin:0 0 0 5px; opacity:0.7;}
.foot-inner .site-wrap .link-area { float:right;}
.foot-inner .site-wrap .link-area .tit { display:block; font-size:16px; color:#fff; padding:0 0 15px 0;}
.foot-inner .site-wrap .link-area .link-list { /*padding:20px 0 0 5px;*/}
.foot-inner .site-wrap .link-area .link-list::after { content:""; display:block; clear:both;}
.foot-inner .site-wrap .link-area .link-list .li { float:left; display:inline-block; width:50px; height:50px; border-radius:50%; border:2px solid rgba(255,255,255,0.1); position:relative; margin:0 0 0 18px;}
.foot-inner .site-wrap .link-area .link-list .li a { display:inline-block; text-indent:-999px; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.foot-inner .site-wrap .link-area .link-list .li.m1 a { background:url(../images/common/ico-foot-link02.png) no-repeat 50% 50%; width:23px; height:18px; margin-left:0;}
.foot-inner .site-wrap .link-area .link-list .li.m2 a { background:url(../images/common/ico-foot-link04.png) no-repeat 50% 50%; width:32px; height:15px;}
.foot-inner .site-wrap .link-area .link-list .li.m3 a { background:url(../images/common/ico-foot-link06.png) no-repeat 50% 50%; width:20px; height:20px;}
.foot-inner .site-wrap .link-area .link-list .li.m4 a { background:url(../images/common/ico-foot-link07.png) no-repeat 50% 50%; width:21px; height:21px; margin-right:0;}
.foot-inner .menu-wrap { border-top:1px solid rgba(255,255,255,0.15); padding:35px 0 50px;}
.foot-inner .menu-wrap::after { content:""; display:block; clear:both;}
.foot-inner .menu-wrap .menu-area { float:left;}
.foot-inner .menu-wrap .menu-area .menu-list {}
.foot-inner .menu-wrap .menu-area .menu-list::after { content:""; display:block; clear:both;}
.foot-inner .menu-wrap .menu-area .menu-list .li { float:left; padding:0 20px; position:relative;}
.foot-inner .menu-wrap .menu-area .menu-list .li:before { content:""; display:inline-block; background-color:rgba(255,255,255,0.25); width:1px; height:15px; transform:rotate(40deg); position:absolute; top:6px; left:3px;}
.foot-inner .menu-wrap .menu-area .menu-list .li:first-child { padding-left:0;}
.foot-inner .menu-wrap .menu-area .menu-list .li:first-child:before { display:none;}
.foot-inner .menu-wrap .menu-area .menu-list .li .link { font-size:16px; font-weight:300; color:#fff;}
.foot-inner .menu-wrap .menu-area .menu-list .li .link strong { font-weight:300; color:#04a6f1;}
.foot-inner .menu-wrap .menu-area .addr-box { padding:30px 0 0;}
.foot-inner .menu-wrap .menu-area .addr-box .addr { display:block; font-size:14px; font-weight:300; color:rgba(255,255,255,0.5);}
.foot-inner .menu-wrap .menu-area .addr-box .time { display:block; font-size:14px; font-weight:300; color:rgba(255,255,255,0.5); line-height:1; padding:10px 0;}
.foot-inner .menu-wrap .menu-area .addr-box .time .call { color:#49beff}
.foot-inner .menu-wrap .menu-area .addr-box .time .call strong { font-size:24px;}
.foot-inner .menu-wrap .menu-area .addr-box .txt { display:block; font-size:14px; font-weight:300; color:rgba(255,255,255,0.5);}
.foot-inner .menu-wrap .logo-area { float:right; opacity:0.5;}
.foot-inner .menu-wrap .logo-area .logo { display:inline-block; text-indent:-999px; overflow:hidden;}
.foot-inner .menu-wrap .logo-area .logo1 { background:url(../images/common/foot-logo01.png) no-repeat 50% 50%; width:82px; height:36px; margin:0 15px 0 0;}
.foot-inner .menu-wrap .logo-area .logo2 { background:url(../images/common/foot-logo02.png) no-repeat 50% 50%; width:91px; height:27px; margin:0 10px; position:relative; top:-3px;}
.foot-inner .menu-wrap .logo-area .logo3 { background:url(../images/common/foot-logo03.png) no-repeat 50% 50%; width:109px; height:18px; margin:0 0 0 10px; position:relative; top:-10px;}
.foot-inner .menu-wrap .logo-area .logo4 { background:url(../images/common/foot-logo04_2025.png) no-repeat 50% 50%; width:48px; height:36px; margin:0 0 0 10px; position:relative; background-size: contain;}
/* //푸터 */
/* 콘테이너 */
#container { position:relative;}
.sub-vis-box { width:100%; height:214px; text-align:center; overflow:hidden;}
.sub-vis-box .sub-vis { animation:zoomout 20s linear both;}
.sub-vis-box .sub-vis1 { width:100%; height:100%; background:#fff url(../images/contents/sub-vis-img1.jpg) no-repeat 50% 50%;}
.sub-vis-box .sub-vis2 { width:100%; height:100%; background:#fff url(../images/contents/sub-vis-img2.jpg) no-repeat 50% 50%;}
.sub-vis-box .sub-vis3 { width:100%; height:100%; background:#fff url(../images/contents/sub-vis-img3.jpg) no-repeat 50% 50%;}
.sub-vis-box .sub-vis4 { width:100%; height:100%; background:#fff url(../images/contents/sub-vis-img4.jpg) no-repeat 50% 50%;}
.sub-vis-box .sub-vis5 { width:100%; height:100%; background:#fff url(../images/contents/sub-vis-img5.jpg) no-repeat 50% 50%;}
.sub-vis-box .sub-vis-inner { width:100%; position:absolute; top:0; text-align:center;}
.sub-vis-box .sub-tit-h2 { padding:70px 0 70px; background-color: hsl(0deg 0% 0% / 50%);}
.sub-vis-box .sub-tit-h2 strong { display:block; font-size:40px; font-weight:700; color:#fff; line-height:1; letter-spacing:0;}
.sub-vis-box .sub-tit-h2 .txt { display:block; font-size:18px; font-weight:300; color:#fff; line-height:1; padding:20px 0 0;}
.contents-wrap { }
.sub-location-area { background-color:#fff; border-bottom:1px solid #ccc; height:55px;}
.sub-location-box { width:1400px; margin:0 auto; position:relative;}
.location-depth1 { width:100%;}
.location-depth1::after { content:""; display:block; clear:both;}
.location-depth1-item { float:left; width:282px; position:relative; border-right:1px solid #ccc;}
.location-depth1-item:first-child { width:63px; background-color:#3c6ff3; border-right:none;}
.location-depth1-link { display:block; height:54px; line-height:54px; font-size:15px; font-weight:500; color:#333; padding-left:25px; position:relative;}
.location-depth1-link .ico-home { display:inline-block; background:url(../images/contents/location-ico-home.png) no-repeat 50% 50%; width:21px; height:18px; text-indent:-999px; overflow:hidden; position:absolute; top:18px; left:21px;}
.location-depth1-link .ico { display:inline-block; background:url(../images/contents/location-arr.png) no-repeat 50% 50%; width:13px; height:8px; position:absolute; top:25px; right:22px;}
.location-depth1-link:hover, .location-depth1-link:focus, .location-depth1-link.active { background-color:#f9f9f9; color:#111;}
.location-depth1-item:first-child .location-depth1-link:hover, .location-depth1-item:first-child .location-depth1-link:focus, .location-depth1-item:first-child .location-depth1-link.active { background-color:#3c6ff3; }
.location-depth1-item.open .location-depth1-link .ico { transform:rotate(180deg); top:23px;}
.location-depth2 { position:absolute; width:283px; border-left:1px solid #ccc; border-right:1px solid #ccc; top:55px; left:-1px; z-index:1; display:none; box-shadow:0 1px 5px 0 rgba(0,0,0,0.15);}
.location-depth2-item { border-bottom:1px solid #ccc;}
.location-depth2-link { display:block; height:54px; line-height:54px; padding-left:25px; font-size:15px; color:#333; background-color:#fff;}
.location-depth2-link:hover, .location-depth2-link:focus { color:#111; font-weight:500; background-color:#f9f9f9;}
.location-depth1-item.open .location-depth2 { display:block; background-color:#fff;}
.sub-location-add { position:absolute; top:0; right:0;}
.sub-location-add::after { content:""; display:block; clear:both;}
.sub-location-add .li { float:left; border-left:1px solid #ccc; background-color:#fafafa;}
.sub-location-add .li:last-child { display:inline-block; border-right:1px solid #ccc;}
.sub-location-add .li .btn { display:block; width:63px; height:54px; line-height:54px; border:none; margin:0; background-color:transparent; text-indent:-999px; overflow:hidden; position:relative;}
.sub-location-add .li .btn-share:after { content:""; display:inline-block; background:url(../images/contents/ico-share.png) no-repeat 50% 50%; width:21px; height:22px; position:absolute; top:50%; left:50%; margin:-11px 0 0 -11px;}
.sub-location-add .li .btn-print:after { content:""; display:inline-block; background:url(../images/contents/ico-print.png) no-repeat 50% 50%; width:22px; height:22px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px;}
.layer-share { width:129px; position:absolute; top:54px; right:0; z-index:1;}
.layer-share .share-list { background-color:#fafafa; border:1px solid #666; padding:10px 15px;}
.layer-share .share-list .btn { background-color:transparent; border:none; padding:7px 0 7px 30px; position:relative;}
.layer-share .share-list .btn:before { content:""; display:inline-block; width:18px; height:18px; position:absolute; top:8px; left:0;}
.layer-share .share-list .btn-tw:before { background:url(../images/contents/ico-tw.png) no-repeat 50% 50%;}
.layer-share .share-list .btn-fb:before { background:url(../images/contents/ico-fb.png) no-repeat 50% 50%;}
.layer-share .share-list .btn-ka:before { background:url(../images/contents/ico-ka.png) no-repeat 50% 50%;}
.layer-share .share-list .btn-link:before { background:url(../images/contents/ico-link02.png) no-repeat 50% 50%;}
#contents {}
.contents-box { width:1400px; margin:0 auto;}
.contents-box::after { content:""; display:block; clear:both;}
.page-tit-box { overflow:hidden; position:relative; padding:60px 0 15px; border-bottom:1px solid #111;}
.page-tit-h1 { font-size:38px; font-weight:700; color:#333; line-height:1.3; letter-spacing:-1px;}
.page-tit-h2 { font-size:28px; font-weight:500; color:#333; line-height:1; letter-spacing:-0.5px; word-break:break-all;}
.page-tit-h2-box { padding:15px 90px 45px 0; position:relative;}
.page-tit-h2-box .page-tit-h2 { text-align:center; position:relative;}
.page-tit-h2-box .page-tit-h2 strong { display:inline-block; font-size:32px; font-weight:700; color:#333; line-height:1.1; letter-spacing:-0.5px;}
.page-tit-h2-box .page-tit-h2 .label-area { display:inline-block;}
.page-tit-h2-box .page-tit-h2 .label { height:26px; border-radius:15px; font-size:16px; font-weight:normal; line-height:18px; padding:2px 9px; position:relative; top:-5px;}
.page-tit-h2-box .page-tit-h2 .label-great { padding:2px 9px 2px 28px;}
.page-tit-h2-box .page-tit-h2 .label-great:before { top:5px; left:5px;}
.page-tit-h2-box .ico-box { display:inline-block; height:32px; padding-left:45px; position:absolute; right:10px; top:50%; margin-top:-32px;}
.page-tit-h2-box .ico-box .ico-like { display:inline-block; background:url(../images/contents/ico-like.png) no-repeat 50% 50%; width:36px; height:32px; text-indent:-999px; overflow:hidden; position:absolute; left:0; cursor:pointer;}
.page-tit-h2-box .ico-box .ico-like.on { background-image:url(../images/contents/ico-like-on.png);}
.page-tit-h2-box .ico-box .num { display:inline-block; font-size:16px; color:#e03f78; height:32px; line-height:30px;}
.page-tit-h2-box .page-tit-add { display:block; text-align:center; padding:15px 0 0; font-size:16px;}
.page-tit-h3 { font-size:24px; font-weight:500; color:#0c5cca; line-height:1; letter-spacing:-0.5px; padding:10px 5px 15px; border-bottom:1px solid #666; position:relative;}
.page-tit-h3:before { content:""; display:inline-block; width:53px; height:2px; background-color:#337ee4; position:absolute; left:0; bottom:-2px;}
.path { position:absolute; right:0; bottom:15px;}
.path .page { display:inline-block; color:#666; font-size:16px; line-height:1; padding:0 15px 0 23px; background:url(../images/contents/path-arr.png) no-repeat 0 50%;}
.path .page:first-child { padding-left:0; background:none;}
.path .page:last-child { color:#333;}
.path .ico-home { display:inline-block; background:url(../images/contents/path-ico-home.png) no-repeat 50% 50%; width:18px; height:16px; text-indent:-999px; overflow:hidden; position:relative; top:2px;}
#contents .inner-cont { padding:40px 0 50px;}
.scroll-y { overflow-y:auto;}
/* //콘테이너 */
/**************** //기본구조 *****************/

/* 자동말줄임 */
.ellipsis-link { display:block !important; overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap;}
/* //자동말줄임 */
/* 버튼스타일 */
.btn-group-box { position:relative; padding:20px 0; text-align:right;}
.btn { display:inline-block; padding:0 10px; margin:1px; font-size:13px; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer; border-radius:3px;}
.btn:hover { text-decoration:none !important;}
.btn:disabled { cursor:default; color:#999 !important; border:1px solid #d9d9d9; background:#f4f4f4;}
.btn:disabled:hover { cursor:default; color:#999 !important; border:1px solid #d9d9d9; background:#f4f4f4;}
.btn-xs { font-size:12px; height:28px; line-height:26px; min-width:50px; padding:0 8px;}
.btn-sm { font-size:12px; height:34px; line-height:32px; min-width:85px; padding:0 15px;}
.btn-md { font-size:13px; height:40px; line-height:38px; min-width:100px; padding:0 30px;}
.btn-lg { font-size:14px; height:48px; line-height:46px; min-width:150px; padding:0 30px;}
.btn-xl { font-size:15px; height:56px; line-height:54px; min-width:200px; padding:0 30px;}
.btn-ico { min-width:inherit; padding:0; width:28px;}
.btn-default { color:#666 !important; border:1px solid #d9d9d9; background:#fff;}
.btn-default:hover, .btn-default:focus, .btn-default.active, .btn-default.on { color:#000 !important; border:1px solid #d9d9d9; background:#f5f5f5;}
.btn-lightgray { color:#666 !important; border:1px solid #ccc; background:#f2f2f2;}
.btn-lightgray:hover, .btn-lightgray:focus, .btn-lightgray.active, .btn-lightgray.on { color:#333 !important; border:1px solid #ccc; background:#dcdcdc;}
.btn-lightblue { color:#000 !important; border:none; background:#7bafd1;}
.btn-lightblue:hover, .btn-lightblue:focus, .btn-lightblue.active, .btn-lightblue.on { color:#000 !important; background:#6aa2c6;}
.btn-gray { color:#fff !important; border:none; background:#8d919c;}
.btn-gray:hover, .btn-gray:focus, .btn-gray.active, .btn-gray.on { color:#fff !important; background:#787b85;}
.btn-darkgray { color:#fff !important; border:none; background:#4a4a4a;}
.btn-darkgray:hover, .btn-darkgray:focus, .btn-darkgray.active, .btn-darkgray.on { color:#fff !important; background:#2f2f2f;}
.btn-blue { color:#fff !important; border:none; background:#3b76ee;}
.btn-blue:hover, .btn-blue:focus, .btn-blue.active, .btn-blue.on { color:#fff !important; background:#2462e1;}
.btn-darkblue { color:#fff !important; border:none; background:#20345c;}
.btn-darkblue:hover, .btn-darkblue:focus, .btn-darkblue.active, .btn-darkblue.on { color:#fff !important; background:#121f3e;}
.btn-violet { color:#fff !important; border:none; background:#3e4a9e;}
.btn-violet:hover, .btn-violet:focus, .btn-violet.active, .btn-violet.on { color:#fff !important; background:#2b3790;}
.btn-orange { color:#fff !important; border:none; background:#f59205;}
.btn-orange:hover, .btn-orange:focus, .btn-orange.active, .btn-orange.on { color:#fff !important; background:#e77800;}
.btn-red { color:#fff !important; border:none; background:#e6563b;}
.btn-red:hover, .btn-red:focus, .btn-red.active, .btn-red.on { color:#fff !important; background:#d43012;}
.btn-gradient { color:#fff !important; border:none;
background: #3149ce; /* Old browsers */
background: -moz-linear-gradient(140deg, #09bbfe  0%, #5a42ec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(140deg, #09bbfe  0%, #5a42ec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(140deg, #09bbfe 0%, #5a42ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09bbfe', endColorstr='#5a42ec',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
}
/* //버튼스타일 */
/* 라벨 */
.label { display:inline-block; font-size:12px; text-align:center; height:20px; line-height:17px; border-radius:10px; padding:0 6px; background-color:#fff; border:1px solid #ddd;}
.label-skyblue { background-color:#98b8dc; border-color:#98b8dc; color:#fff;}
.label-blue { background-color:#2b8ce2; border-color:#2b8ce2; color:#fff;}
.label-pink { background-color:#e85394; border-color:#e85394; color:#fff;}
.label-violet { background-color:#3e4a9e; border-color:#3e4a9e; color:#fff;}
.label-green { background-color:#44a448; border-color:#44a448; color:#fff;}
.label-gold { background-color:#dab712; border-color:#dab712; color:#fff;}
.label-yellow { background-color:#ffae00; border-color:#ffae00; color:#fff;}
.label-orange { background-color:#ff8448; border-color:#ff8448; color:#fff;}
.label-red { background-color:#e1363d; border-color:#e1363d; color:#fff;}
.label-gray { background-color:#bababa; border-color:#bababa; color:#fff;}
.label-darkblue { background-color:#16347e; border-color:#16347e; color:#fff;}
.label-brown { background-color:#bc4308; border-color:#bc4308; color:#fff;}
.label-black { background-color:rgba(0,0,0,0.7); border-color:rgba(0,0,0,0.7); color:#fff;}
.label-great { background-color:#1c6fc4; border-color:#1c6fc4; color:#fff; position:relative; padding-left:26px;}
.label-great:before { content:""; display:inline-block; background:url(../images/contents/ico-great.png) no-repeat 50%/contain; width:24px; height:12px; position:absolute; top:2px; left:3px;}
/* //라벨 */
/* 모달팝업레이어 */
.modal-wrap { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.75); z-index:99; margin:0 auto; transition:all 0.3s ease; /*display:none; opacity:0;*/ display: block; visibility:hidden; overflow-y:hidden;}
.modal-wrap.modal-open { /*display:block; opacity:1;*/ visibility:visible; z-index:999;}
.modal-area { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.modal-box { width:500px; background:#fff; text-align:left;} /*width 수정시 modal-box 인라인으로 width값 추가*/
.modal-head { position:relative; padding:0 20px; height:50px; 
background: #0a48a1; /* Old browsers */
background: -moz-linear-gradient(45deg, #0a48a1 0%, #0880dd 120%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #0a48a1 0%, #0880dd 120%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #0a48a1 0%, #0880dd 120%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a48a1', endColorstr='#0880dd',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */}
.modal-head > h1 { font-size:15px; font-weight:500; color:#fff; line-height:50px;}
.modal-head > .modal-close-btn { position:absolute; top:15px; right:20px; width:20px; height:20px; border:none; background:url(../images/common/btn-modalclose.png) no-repeat 0 0; text-indent:-9999px;transition:all 0.3s ease;}
.modal-head > .modal-close-btn:hover { transform:rotate(90deg);}
.modal-body { padding:30px; border:1px solid #ddd;}
.modal-body .btn-group-box { padding:20px 0 0;}
.modal-body .btn-group-box .btn-sm { min-width:120px;}
.pop-warp { width:100%; height:100%; position:relative; padding:0;}
.pop-head { position:relative; padding:20px 25px; height:80px;
background: #0a48a1; /* Old browsers */
background: -moz-linear-gradient(45deg, #0a48a1 0%, #0880dd 120%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #0a48a1 0%, #0880dd 120%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #0a48a1 0%, #0880dd 120%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a48a1', endColorstr='#0880dd',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */}
.pop-tit-h1 { font-size:22px; font-weight:500; color:#fff; line-height:1;}
.pop-tit-h1 > span { display:block; font-size:11px; font-weight:100; color:rgba(255,255,255,.5); padding:6px 0 0;}
.pop-body { }
.pop-cont { padding:30px;}
.layer-wrap { position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; margin:0 auto; display:block; overflow-y:hidden;}
.layer-area { position:absolute; top:100px; left:0; box-shadow:0 0 10px 0 rgba(0,0,0,0.25); /*z-index:2;*/}
.layer-box { background:#fff; text-align:left;}
.layer-box .layer-cont { display:block; border:1px solid #ddd;}
.layer-box .layer-bot { background-color:#333; color:#ccc; font-size:13px; position:relative; padding:5px 0 6px;}
.layer-box .layer-bot .btn-layer-close { display:inline-block; font-size:13px; padding:0 5px; border:none; background-color:#f9f9f9; position:absolute; right:10px;}
.layer-area.layer1 {}
.layer-area.layer2 { left:50%; transform:translate(-50%,0);}
.layer-area.layer3 { left:auto; right:0;}
.layer-area.layer4 { top:15%; transform:translate(0,-15%);}
.layer-area.layer5 { top:15%; left:50%; transform:translate(-50%,-15%);}
.layer-area.layer6 { top:15%; left:auto; transform:translate(0,-15%); right:0;}
.pop-warp.error { height:100vh; background:url(../images/contents/pat01.png) repeat 0 0;}
.error-box { background-color:#fff; border:1px solid #e7e7e7; border-top:1px solid #111; text-align:center; padding:40px; width:800px; margin:0 auto; box-shadow:0 1px 10px 5px rgba(0,0,0,0.05);}
.error-box .tit { font-size:28px; font-weight:700; padding:10px 0 30px;}
.error-box .img-error { display:block; background:url(../images/contents/img-error.png) no-repeat 50% 50%; width:100%; height:135px; background-size:350px auto;}
.error-box .logo-seantour { display:inline-block; background:url(../images/common/logo-seantour.png) no-repeat 50% 50%; width:191px; height:30px; text-indent:-9999px; overflow:hidden; margin:10px 0 0;}
.error-box .txt-em { padding:30px 0 0; font-size:18px; font-weight:500; color:#333; line-height:25px;}
.error-box .txt { padding:20px 0 10px; line-height:20px;}
.error-box .txt strong { display:inline-block; font-size:15px; font-weight:500; color:#3c74ee; padding:0 0 20px;}
/* //모달팝업레이어 */
/* 기본검색 */
.cont-sch-box { text-align:center; background-color:#f4f4f4; border:1px solid #e1e1e1; padding:30px; border-radius:10px; margin-bottom:20px;}
.cont-sch-box.ty2 { border-radius:0 0 10px 10px;}
.input-box { padding:10px 0;}
.input-box .input-set { display:inline-block;}
.input-box .input-set.input-area { display:none;}
/* .input-box .input-set.input-video select { display:none;} */
.input-box select { width:90px; height:40px; border:1px solid #ccc;}
.input-box .video-select { width:185px; height:40px; border:1px solid #ccc;}
.input-box input::placeholder { color:#333;}
.input-box .input-data { width:350px; height:40px; border:1px solid #ccc; -webkit-appearance:none; border-radius:0;}
.input-box .input-data.ty2 { width:200px;}
.input-box .tit { display:inline-block; font-size:15px; font-weight:700 !important; position:relative; top:2px; padding:0 5px 0 15px;}
.cont-sch-box .btn-sch { min-width:90px; padding:0; font-size:14px;}
.date-box { display:inline-block; position:relative;}
.date-box .btn-set { display:inline-block;}
.date-box .input-data { width:85px !important; height:40px; border:1px solid #ccc;}
.date-box .btn { min-width:inherit; width:40px; padding:0; margin-left:-5px;}
.chk-box { position:relative; display:inline-block; margin-left:20px;}
.chk-box input {}
.chk-box label { font-size:15px;}
.chk-list-area { padding:0 15px 15px;}
.chk-list-area .input-box { padding:0;}
.chk-list-area .input-box:nth-child(2) { padding-top:5px;}
.chk-list-area .input-box .chk-list-set {}
.chk-list-area .input-box .chk-list-set .tit { display:none;}
.chk-list-area .input-box .chk-list-set.ty2 { text-align:left;}
.chk-list-area .input-box .chk-list-set.ty2 .chk-box { min-width:12%; text-align:left;}
.chk-list-area .input-box .chk-box:last-child { margin-right:20px;}
.board-sch-box { padding:0 15px 0;}
.board-sch-box::after { content:""; display:block; clear:both;}
.board-sch-box .board-total { float:left; padding:15px 0 0;}
.board-sch-box .board-sch { float:right;}
.board-sch-box .board-sch .btn-sch { min-width:auto; width:80px; height:32px; line-height:30px; padding:0 5px;}
.board-sch-box .board-sch .input-data-set { display:inline-block; position:relative; padding-right:40px; margin:0 10px 0 0;}
.board-sch-box .board-sch .input-data-set .input-data { width:200px; height:32px;}
.board-sch-box .board-sch .input-data-set .btn-sch { width:40px; position:absolute; top:-1px; right:0;}
.board-sch-box .board-sch select { width:100px; height:32px;}

.board-sch-box .board-sch a{color: #fff; padding: 6px; position: relative; background-color: #3c6ff3; top: 2px;}
.board-tit-box {}
.board-tit-box::after { content:""; display:block; clear:both;}
.board-tit-box .board-tit { float:left; padding:10px 0 0;}
.board-tit-box .board-sch { float:right;}
.board-tit-box .board-sch select { width:200px; height:32px; border-color:#ababab;}
.board-tit-box .board-sch a{color: #fff; padding: 6px; position: relative; background-color: #3c6ff3; top: 2px;}

/* //기본검색 */
/* 맞춤형검색 */
.cont-sch-box2 { width:100%; background-color:#f4f4f4; border:1px solid #e1e1e1; border-radius:10px; padding:30px 70px; position:relative; margin-bottom:20px;}
.cont-sch-box2.sch-map {}
.cont-sch-box2.sch-map:before { content:""; display:inline-block; width:1px; height:100%; background-color:rgba(0,0,0,0.1); position:absolute; top:0; left:50%;}
.cont-sch-list { }
.cont-sch-list::after { content:""; display:block; clear:both;}
.cont-sch-list .cont-sch-input { float:left; width:19%; padding:0 12px; position:relative;}
.cont-sch-list .cont-sch-input:last-child { width:24%;}
.cont-sch-list .cont-sch-input .sch-label { display:block; font-size:20px; position:relative; padding:0 0 10px 32px; color:#222;}
.cont-sch-list .cont-sch-input .sch-label:before { content:""; display:inline-block; background:url(../images/main/sch-custom-ico01.png) no-repeat 50% 50%; width:27px; height:27px; position:absolute; top:2px; left:0;}
.cont-sch-list .cont-sch-input .sch-label.label1:before { background-image:url(../images/main/sch-custom-ico01.png);}
.cont-sch-list .cont-sch-input .sch-label.label2:before { background-image:url(../images/main/sch-custom-ico02.png);}
.cont-sch-list .cont-sch-input .sch-label.label3:before { background-image:url(../images/main/sch-custom-ico03.png);}
.cont-sch-list .cont-sch-input .sch-label.label4:before { background-image:url(../images/main/sch-custom-ico04.png);}
.cont-sch-list .cont-sch-input .sch-label.label5:before { background-image:url(../images/main/sch-custom-ico05.png);}
.cont-sch-list .cont-sch-input select { height:40px; border:1px solid #ccc;}
.cont-sch-list .cont-sch-input input::placeholder { color:#333;}
.cont-sch-list .cont-sch-input .input-data { height:40px; border:1px solid #ccc;}
.cont-sch-list .cont-sch-input .date-box .input-data { width:90px;}
.cont-sch-box2 .btn-area { border-top:1px dotted #ccc; margin:20px 0 0; text-align:center; padding:20px 0 0;}
.cont-sch-box2 .btn-sch { border-radius:30px;}
.cont-sch-map { position:relative; /*padding:0 0 70px;*/}
.cont-sch-map::after { content:""; display:block; clear:both;}
.cont-sch-map .map-step { float:left; width:50%; padding:0 0 0 220px; position:relative;}
.cont-sch-map .map-step .map-step-txt { width:200px; position:absolute; left:0;}
.cont-sch-map .map-step .map-step-txt .map-label { display:block; font-size:18px; font-weight:500 !important; color:#337ee4;}
.cont-sch-map .map-step .map-step-txt .txt { display:block; font-size:15px; padding:15px 20px 15px 0; line-height:1.3;}
.cont-sch-map .map-step .map-step-txt .select { display:block; font-size:15px; background-color:#e9e9e9; padding:10px 10px 13px; line-height:1; margin:0 0 5px;}
.cont-sch-map .map-step .map-step-txt .select strong { color:#1062d0;}
.cont-sch-map .map-step .map-step-txt .btn-refresh { min-width:auto; width:36px; padding:0; background-color:#fff; border:1px solid #337ee4;}
.cont-sch-map .map-step:nth-child(2) { padding-left:260px;}
.cont-sch-map .map-step:nth-child(2) .map-step-txt { left:70px;}
.cont-sch-map .map-step .map { height:360px; text-align:center;}
.cont-sch-map .map-step .map-step1 { display:inline-block; background:url(../images/contents/map.png) no-repeat 0 0; width:252px; height:367px; position:relative;}
.cont-sch-map .map-step .map-step1.busan { background-image:url(../images/contents/map_busan.png);}
.cont-sch-map .map-step .map-step1.incheon { background-image:url(../images/contents/map_incheon.png);}
.cont-sch-map .map-step .map-step1.ulsan { background-image:url(../images/contents/map_ulsan.png);}
.cont-sch-map .map-step .map-step1.kyunggi { background-image:url(../images/contents/map_kyunggi.png);}
.cont-sch-map .map-step .map-step1.gangwon { background-image:url(../images/contents/map_gangwon.png);}
.cont-sch-map .map-step .map-step1.chungnam { background-image:url(../images/contents/map_chungnam.png);}
.cont-sch-map .map-step .map-step1.jeonbuk { background-image:url(../images/contents/map_jeonbuk.png);}
.cont-sch-map .map-step .map-step1.jeonnam { background-image:url(../images/contents/map_jeonnam.png);}
.cont-sch-map .map-step .map-step1.kyungbuk { background-image:url(../images/contents/map_kyungbuk.png);}
.cont-sch-map .map-step .map-step1.kyungnam { background-image:url(../images/contents/map_kyungnam.png);}
.cont-sch-map .map-step .map-step1.jeju { background-image:url(../images/contents/map_jeju.png);}
.cont-sch-map .map-step .map-step1 > li { position:absolute;} 
.cont-sch-map .map-step .map-step1 > li a, .cont-sch-map .map-step .map-step1 > li span { display:inline-block; font-size:13px; color:#555; line-height:1; text-shadow:2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
.cont-sch-map .map-step .map-step1 > li a:hover, .cont-sch-map .map-step .map-step1 > li a:focus { color:#1364cf;}
.cont-sch-map .map-step .map-step1 > li.busan { top:255px; left:190px;}
.cont-sch-map .map-step .map-step1 > li.incheon { top:76px; left:20px;}
.cont-sch-map .map-step .map-step1 > li.ulsan { top:225px; left:207px;}
.cont-sch-map .map-step .map-step1 > li.kyunggi { top:90px; left:70px;}
.cont-sch-map .map-step .map-step1 > li.gangwon { top:60px; left:130px;}
.cont-sch-map .map-step .map-step1 > li.chungnam { top:150px; left:45px;}
.cont-sch-map .map-step .map-step1 > li.jeonbuk { top:208px; left:63px;}
.cont-sch-map .map-step .map-step1 > li.jeonnam { top:265px; left:63px;}
.cont-sch-map .map-step .map-step1 > li.kyungbuk { top:157px; left:156px;}
.cont-sch-map .map-step .map-step1 > li.kyungnam { top:235px; left:132px;}
.cont-sch-map .map-step .map-step1 > li.jeju { top:337px; left:45px;}
.cont-sch-map .map-step .map-step1 > li.daegu { top:192px; left:165px;}
.cont-sch-map .map-step .map-step1 > li.daejeon { top:165px; left:90px;}
.cont-sch-map .map-step .map-step1 > li.sejong { top:140px; left:78px;}
.cont-sch-map .map-step .map-step1 > li.chungbuk { top:120px; left:100px;}
.cont-sch-map .map-step .map-step1 > li.gwangju { top:250px; left:22px;}
.cont-sch-map .map-step .map-step1 > li.seoul { top:56px; left:59px;}
.cont-sch-map .map-step .map-step2 { display:inline-block; position:relative;}
.cont-sch-map .map-step .map-step2 > li { position:absolute;}
.cont-sch-map .map-step .map-step2 > li a { display:inline-block; font-size:13px; color:#555; line-height:1; text-shadow:2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff}
.cont-sch-map .map-step .map-step2 > li a:hover, .cont-sch-map .map-step .map-step2 > li a:focus { color:#1364cf;}
.cont-sch-map .map-step .map-step2.busan { background:url(../images/contents/busan.png) no-repeat 0 0; width:252px; height:242px; top:34px;}
.cont-sch-map .map-step .map-step2.busan.no-1 { background-position:-302px 0;}
.cont-sch-map .map-step .map-step2.busan.no-2 { background-position:-604px 0;}
.cont-sch-map .map-step .map-step2.busan.no-3 { background-position:-906px 0;}
.cont-sch-map .map-step .map-step2.busan > li.no-1 { top:43px; left:179px;}
.cont-sch-map .map-step .map-step2.busan > li.no-2 { top:178px; left:139px;}
.cont-sch-map .map-step .map-step2.busan > li.no-3 { top:161px; left:88px;}
.cont-sch-map .map-step .map-step2.incheon { background:url(../images/contents/incheon.png) no-repeat 0 0; width:260px; height:202px; top:44px; left:15px}
.cont-sch-map .map-step .map-step2.incheon.no-1 { background-position:-310px 0;}
.cont-sch-map .map-step .map-step2.incheon.no-2 { background-position:-620px 0;}
.cont-sch-map .map-step .map-step2.incheon.no-3 { background-position:-930px 0;}
.cont-sch-map .map-step .map-step2.incheon > li.no-1 { top:99px; left:21px;}
.cont-sch-map .map-step .map-step2.incheon > li.no-2 { top:90px; left:178px;}
.cont-sch-map .map-step .map-step2.incheon > li.no-3 { top:118px; left:91px;}
.cont-sch-map .map-step .map-step2.ulsan { background:url(../images/contents/ulsan.png) no-repeat 0 0; width:224px; height:202px; top:50px; left:20px}
.cont-sch-map .map-step .map-step2.ulsan.no-1 { background-position:-274px 0;}
.cont-sch-map .map-step .map-step2.ulsan.no-2 { background-position:-548px 0;}
.cont-sch-map .map-step .map-step2.ulsan > li.no-1 { top:51px; left:174px;}
.cont-sch-map .map-step .map-step2.ulsan > li.no-2 { top:99px; left:190px;}
.cont-sch-map .map-step .map-step2.kyunggi { background:url(../images/contents/kyunggi.png) no-repeat 0 0; width:184px; height:242px; top:30px; left:15px;}
.cont-sch-map .map-step .map-step2.kyunggi.no-1 { background-position:-234px 0;}
.cont-sch-map .map-step .map-step2.kyunggi.no-2 { background-position:-468px 0;}
.cont-sch-map .map-step .map-step2.kyunggi.no-3 { background-position:-702px 0;}
.cont-sch-map .map-step .map-step2.kyunggi.no-4 { background-position:-936px 0;}
.cont-sch-map .map-step .map-step2.kyunggi > li.no-1 { top:21px; left:34px;}
.cont-sch-map .map-step .map-step2.kyunggi > li.no-2 { top:194px; left:12px;}
.cont-sch-map .map-step .map-step2.kyunggi > li.no-3 { top:126px; left:0;}
.cont-sch-map .map-step .map-step2.kyunggi > li.no-4 { top:160px; left:0;}
.cont-sch-map .map-step .map-step2.gangwon { background:url(../images/contents/gangwon.png) no-repeat 0 0; width:238px; height:202px; top:40px; left:20px;}
.cont-sch-map .map-step .map-step2.gangwon.no-1 { background-position:-288px 0;}
.cont-sch-map .map-step .map-step2.gangwon.no-2 { background-position:-576px 0;}
.cont-sch-map .map-step .map-step2.gangwon.no-3 { background-position:-864px 0;}
.cont-sch-map .map-step .map-step2.gangwon.no-4 { background-position:-1152px 0;}
.cont-sch-map .map-step .map-step2.gangwon.no-5 { background-position:-1440px 0;}
.cont-sch-map .map-step .map-step2.gangwon.no-6 { background-position:-1728px 0;}
.cont-sch-map .map-step .map-step2.gangwon > li.no-1 { top:64px; left:161px;}
.cont-sch-map .map-step .map-step2.gangwon > li.no-2 { top:21px; left:137px;}
.cont-sch-map .map-step .map-step2.gangwon > li.no-3 { top:45px; left:80px;}
.cont-sch-map .map-step .map-step2.gangwon > li.no-4 { top:153px; left:201px;}
.cont-sch-map .map-step .map-step2.gangwon > li.no-5 { top:43px; left:150px;}
.cont-sch-map .map-step .map-step2.gangwon > li.no-6 { top:100px; left:172px;}
.cont-sch-map .map-step .map-step2.chungnam { background:url(../images/contents/chungnam.png) no-repeat 0 0; width:229px; height:202px; top:44px; left:30px;}
.cont-sch-map .map-step .map-step2.chungnam.no-1 { background-position:-279px 0;}
.cont-sch-map .map-step .map-step2.chungnam.no-2 { background-position:-558px 0;}
.cont-sch-map .map-step .map-step2.chungnam.no-3 { background-position:-836px 0;}
.cont-sch-map .map-step .map-step2.chungnam.no-4 { background-position:-1116px 0;}
.cont-sch-map .map-step .map-step2.chungnam.no-5 { background-position:-1395px 0;}
.cont-sch-map .map-step .map-step2.chungnam > li.no-1 { top:38px; left:5px;}
.cont-sch-map .map-step .map-step2.chungnam > li.no-2 { top:167px; left:65px;}
.cont-sch-map .map-step .map-step2.chungnam > li.no-3 { top:20px; left:66px;}
.cont-sch-map .map-step .map-step2.chungnam > li.no-4 { top:45px; left:41px;}
.cont-sch-map .map-step .map-step2.chungnam > li.no-5 { top:122px; left:49px;}
.cont-sch-map .map-step .map-step2.jeonbuk { background:url(../images/contents/jeonbuk.png) no-repeat 0 0; width:282px; height:202px; top:44px; left:26px;}
.cont-sch-map .map-step .map-step2.jeonbuk.no-1 { background-position:-332px 0;}
.cont-sch-map .map-step .map-step2.jeonbuk.no-2 { background-position:-664px 0;}
.cont-sch-map .map-step .map-step2.jeonbuk.no-3 { background-position:-996px 0;}
.cont-sch-map .map-step .map-step2.jeonbuk > li.no-1 { top:98px; left:31px;}
.cont-sch-map .map-step .map-step2.jeonbuk > li.no-2 { top:148px; left:26px;}
.cont-sch-map .map-step .map-step2.jeonbuk > li.no-3 { top:34px; left:50px;}
.cont-sch-map .map-step .map-step2.jeonnam { background:url(../images/contents/jeonnam.png) no-repeat 0 0; width:255px; height:223px; top:44px; left:22px;}
.cont-sch-map .map-step .map-step2.jeonnam.no-1 { background-position:-305px 0;}
.cont-sch-map .map-step .map-step2.jeonnam.no-2 { background-position:-610px 0;}
.cont-sch-map .map-step .map-step2.jeonnam.no-3 { background-position:-915px 0;}
.cont-sch-map .map-step .map-step2.jeonnam.no-4 { background-position:-1220px 0;}
.cont-sch-map .map-step .map-step2.jeonnam.no-5 { background-position:0 -272px;}
.cont-sch-map .map-step .map-step2.jeonnam.no-6 { background-position:-305px -272px;}
.cont-sch-map .map-step .map-step2.jeonnam.no-7 { background-position:-610px -272px;}
.cont-sch-map .map-step .map-step2.jeonnam.no-8 { background-position:-915px -272px;}
.cont-sch-map .map-step .map-step2.jeonnam.no-9 { background-position:-1220px -272px;}
.cont-sch-map .map-step .map-step2.jeonnam.no-10 { background-position:0 -544px;}
.cont-sch-map .map-step .map-step2.jeonnam.no-11 { background-position:-305px -544px;}
.cont-sch-map .map-step .map-step2.jeonnam.no-12 { background-position:-610px -544px;}
.cont-sch-map .map-step .map-step2.jeonnam.no-13 { background-position:-915px -544px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-1 { top:100px; left:213px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-2 { top:67px; left:173px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-3 { top:131px; left:171px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-4 { top:98px; left:144px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-5 { top:110px; left:114px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-6 { top:125px; left:93px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-7 { top:140px; left:70px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-8 { top:75px; left:48px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-9 { top:48px; left:52px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-10 { top:21px; left:51px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-11 { top:173px; left:81px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-12 { top:150px; left:31px;}
.cont-sch-map .map-step .map-step2.jeonnam > li.no-13 { top:93px; left:2px;}
.cont-sch-map .map-step .map-step2.kyungbuk { background:url(../images/contents/kyungbuk.png) no-repeat 0 0; width:240px; height:202px; top:44px; left:40px;}
.cont-sch-map .map-step .map-step2.kyungbuk.no-1 { background-position:-289px 0;}
.cont-sch-map .map-step .map-step2.kyungbuk.no-2 { background-position:-578px 0;}
.cont-sch-map .map-step .map-step2.kyungbuk.no-3 { background-position:-867px 0;}
.cont-sch-map .map-step .map-step2.kyungbuk > li.no-1 { top:118px; left:126px;}
.cont-sch-map .map-step .map-step2.kyungbuk > li.no-2 { top:159px; left:120px;}
.cont-sch-map .map-step .map-step2.kyungbuk > li.no-3 { top:15px; left:139px;}
.cont-sch-map .map-step .map-step2.kyungnam { background:url(../images/contents/kyungnam.png) no-repeat 0 0; width:230px; height:202px; top:44px;}
.cont-sch-map .map-step .map-step2.kyungnam.no-1 { background-position:-279px 0;}
.cont-sch-map .map-step .map-step2.kyungnam.no-2 { background-position:-558px 0;}
.cont-sch-map .map-step .map-step2.kyungnam.no-3 { background-position:-837px 0;}
.cont-sch-map .map-step .map-step2.kyungnam.no-4 { background-position:-1116px 0;}
.cont-sch-map .map-step .map-step2.kyungnam.no-5 { background-position:0 -252px;}
.cont-sch-map .map-step .map-step2.kyungnam.no-6 { background-position:-279px -252px;}
.cont-sch-map .map-step .map-step2.kyungnam.no-7 { background-position:-558px -252px;}
.cont-sch-map .map-step .map-step2.kyungnam > li.no-1 { top:104px; left:126px;}
.cont-sch-map .map-step .map-step2.kyungnam > li.no-2 { top:158px; left:96px;}
.cont-sch-map .map-step .map-step2.kyungnam > li.no-3 { top:134px; left:48px;}
.cont-sch-map .map-step .map-step2.kyungnam > li.no-4 { top:168px; left:138px;}
.cont-sch-map .map-step .map-step2.kyungnam > li.no-5 { top:135px; left:89px;}
.cont-sch-map .map-step .map-step2.kyungnam > li.no-6 { top:170px; left:30px;}
.cont-sch-map .map-step .map-step2.kyungnam > li.no-7 { top:118px; left:0;}
.cont-sch-map .map-step .map-step2.jeju { background:url(../images/contents/jeju.png) no-repeat 0 0; width:272px; height:122px; top:100px; left:20px;}
.cont-sch-map .map-step .map-step2.jeju.no-1 { background-position:-322px 0;}
.cont-sch-map .map-step .map-step2.jeju.no-2 { background-position:-644px 0;}
.cont-sch-map .map-step .map-step2.jeju > li.no-1 { top:28px; left:110px;}
.cont-sch-map .map-step .map-step2.jeju > li.no-2 { top:72px; left:120px;}
.cont-sch-map .btn-sch { position:absolute; bottom:0; right:0;}
/* //맞춤형검색 */
/* 결과건수 */
.board-total-result { background-color:#f1f4f9; border-radius:10px; padding:30px; text-align:center; margin:0 0 40px;}
.board-total-result .total-txt { font-size:22px; font-weight:400;}
.board-total-result .total-txt strong { font-weight:500; color:#3c74ee;}
.board-total-result .total-txt .num { color:#000;}
.board-total { font-size:14px; color:#666; font-weight:300; padding:0 0 20px;}
.board-total-num { display:inline-block;}
.board-total-num strong { display:inline-block; color:#000; font-weight:500;}
.board-total-page { display:inline-block; padding-left:30px; position:relative;}
.board-total-page:before { content:""; width:1px; height:14px; background-color:#ccc; position:absolute; top:4px; left:14px;}
.board-total-page strong { display:inline-block; color:#333; font-weight:500;}
/* //결과건수 */
/* 결과리스트 */
.result-list-area { padding:30px 0;}
.result-list-area .result-tit-box { position:relative;}
.result-list-area .result-tit-box .page-tit-h3 { border:none; font-size:22px; padding:10px;}
.result-list-area .result-tit-box .page-tit-h3:before { display:none;}
.result-list-area .result-tit-box .page-tit-h3 .num { font-size:16px; font-weight:400;}
.result-list-area .result-tit-box .btn { position:absolute; top:8px; right:10px;}
.result-list-inner { padding:15px 0;}
.result-list-inner:first-child { border-top:none; padding-top:0;}
.result-list-inner:last-child { padding-bottom:0;}
.result-list-inner .board-box-st1 { margin:15px 10px;}
/* 보드 */
.board-box-st1 { border-top:2px solid #20345c;}
.board-list { }
.thumb-box { padding:40px 40px 40px 370px; border-bottom:1px solid #ddd; position:relative; min-height:270px;}
.thumb-box .thumb { display:inline-block; width:300px; height:200px; position:absolute; top:35px; left:35px; border-radius:10px; overflow:hidden;}
.thumb-box .thumb:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; position:absolute; top:0; left:0;}
.thumb-box .thumb .img, .thumb-box .thumb img { display:inline-block; width:100%; height:100%; background:#f9f9f9 url(../images/contents/thumb-bg.png) no-repeat 50% 50%;}
.thumb-box-txt { word-break:break-all; line-height:1.2;}
.thumb-box-txt dt { clear:left; display:block; float:left; font-size:16px; font-weight:700; width:190px; background:url(../images/contents/bullet01.png) no-repeat 0 12px; padding:5px 0 5px 24px; line-height:1.2;}
.thumb-box-txt dd { padding:5px 0 5px 190px; font-size:15px; line-height:1.2;}
.thumb-box-txt dd:after { content:""; display:table; clear:both;}
/* //보드 */
/* 테이블 */
.tbl-list, .tbl-view, .tbl-write { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbl-list thead th:last-child, .tbl-list tbody th:last-child, .tbl-list tbody td:last-child, .tbl-view thead th:last-child, .tbl-view tbody th:last-child, .tbl-view tbody td:last-child, .tbl-write thead th:last-child, .tbl-write tbody th:last-child, .tbl-write tbody td:last-child { border-right:none;}
.tbl-list { word-break:break-all;}
.tbl-list thead th { background-color:#f7f7f7; border-bottom:1px solid #20345c; font-size:15px; font-weight:700; color:#333; text-align:center; vertical-align:middle; padding:8px; height:50px;}
.tbl-list tbody th { background-color:#f7f7f7; border-bottom:1px solid #ddd; font-size:14px; font-weight:500; color:#333; text-align:center; padding:8px; height:50px;}
.tbl-list tbody td { background-color:#fff; border-bottom:1px solid #ddd; font-size:14px; color:#333; text-align:center; padding:8px 12px; height:50px;}
.tbl-list tbody td a { padding-right:5px;}
.tbl-list tbody td a:hover, .tbl-list tbody td a:focus, .tbl-list tbody td a.on, .tbl-board tbody td a:hover, .tbl-board tbody td a:focus, .tbl-board tbody td a.on { color:#2e67df;}
.tbl-list tbody tr.notice th, .tbl-list tbody tr.notice td { background-color:#f1f4f9;}
.tbl-list.ty2 thead th { background-color:#425a8b; color:#fff;}
.tbl-view {}
.tbl-view thead th { background-color:#f7f7f7; border-bottom:1px solid #20345c; padding:8px 35px; font-size:22px; font-weight:700; line-height:1.2; color:#333; text-align:left; height:100px; word-break:break-all;} 
.tbl-view thead .th { background-color:#f7f7f7; border-bottom:1px solid #20345c; padding:8px 35px; font-size:22px; font-weight:700; line-height:1.2; color:#333; text-align:left; height:100px; word-break:break-all;} 
.tbl-view thead th .tit-add { display:block; font-size:16px; font-weight:normal; padding:6px 0 0;}
.tbl-view thead td { background-color:#f7f7f7; border-bottom:1px solid #20345c; padding:8px 12px;}
.tbl-view tbody th { background-color:#f9f9f9; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:14px; font-weight:500; color:#0c0c0c; text-align:left; padding:8px 12px 8px 20px; height:50px;}
.tbl-view tbody .th { background-color:#f9f9f9; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:14px; font-weight:500; color:#0c0c0c; text-align:left; padding:8px 12px 8px 20px; height:50px;}
.tbl-view tbody th label { font-weight:500 !important;}
.tbl-view tbody td { background-color:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:14px; color:#444; text-align:left; padding:5px 12px 4px; height:50px;}
.tbl-view tbody tr.detail th, .tbl-view tbody tr.detail td { padding:0;}
.tbl-view tbody tr.detail .thumb-box { border-bottom:none;}
.tbl-view .like { text-align:right; padding:8px 35px;}
.tbl-view .ico-box { display:inline-block; height:32px; padding-left:45px; position:relative;}
.tbl-view .ico-box .ico-like { display:inline-block; background:url(../images/contents/ico-like.png) no-repeat 50% 50%; width:36px; height:32px; text-indent:-999px; overflow:hidden; position:absolute; left:0; cursor:pointer; color:transparent;}
.tbl-view .ico-box .ico-like.on { background-image:url(../images/contents/ico-like-on.png);}
.tbl-view .ico-box .num { display:inline-block; font-size:16px; color:#e03f78; height:32px; line-height:30px;}
.tbl-view .thumb-box { padding:40px 40px 40px 400px; min-height:480px;}
.tbl-view .thumb-box .thumb { width:320px; height:400px;}
.tbl-write {}
.tbl-write thead th { background-color:#f7f7f7; border-bottom:1px solid #afafaf; padding:8px 20px; font-size:18px; font-weight:500; color:#111; height:50px;} 
.tbl-write tbody th { background-color:#f9f9f9; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:14px; font-weight:500; color:#0c0c0c; text-align:left; padding:8px 12px 8px 20px; height:50px;}
.tbl-write tbody th label { font-weight:500 !important;}
.tbl-write tbody td { background-color:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#444; text-align:left; padding:5px 12px 4px; height:50px;}
.tbl-write .input-data, .tbl-write select { height:34px; border:1px solid #d9d9d9; background-color:#fff;}
.tbl-write textarea { border:1px solid #d9d9d9; background-color:#fff;}
.tbl-grid {}
.tbl-grid thead th, .tbl-grid thead td { border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-bottom:1px solid #afafaf;}
.tbl-grid tbody th, .tbl-grid tbody td { border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tbl-grid thead th:last-child, .tbl-grid thead td:last-child { border-right:1px solid #ddd; } 
.tbl-grid tbody th:last-child, .tbl-grid tbody td:last-child { border-right:1px solid #ddd;}
.tbl-inner {}
.tbl-inner thead th, .tbl-inner thead td { height:40px;}
.tbl-inner tbody th, .tbl-inner tbody td { height:42px; font-size:13px;}
.tbl-list.ty2.tbl-grid thead th, .tbl-list.ty2.tbl-grid thead td { border-left:1px solid #425a8b;}
.tbl-list.ty2.tbl-grid thead th:last-child, .tbl-list.ty2.tbl-grid thead td:last-child { border-right:1px solid #425a8b;}
.tbl-striped tbody td:nth-child(even), .col-bg td { background-color:#f9f9f9 !important;}
.col-bg2 th { background-color:#a8dcfe !important; font-weight:700 !important;}
.col-bg2 td { background-color:#a8dcfe !important; font-weight:500;}
.tbl-inner-box { min-height:300px; padding:25px; line-height:1.6; overflow:hidden; word-break:break-all; font-size:16px;}
.tbl-inner-box .inner { display:block; font-size:16px; overflow:hidden;}
.tbl-inner-box .inner .tit { font-size:16px; font-weight:700; color:#0c5cca; padding:0 0 5px;}
.tbl-inner-box .inner table { width:100%; border-collapse:collapse; border-spacing:0; word-break:break-all; font-size:14px; border-top:1px solid #999;}
.tbl-inner-box .inner table thead th, .tbl-inner-box .inner table thead td { background-color:#f7f7f7; padding:8px; border:1px solid #999; height:auto;}
.tbl-inner-box .inner table tbody th { background-color:#f9f9f9; padding:8px; border:1px solid #ccc; font-weight:500; height:auto;}
.tbl-inner-box .inner table tbody td { padding:8px; border:1px solid #ccc; height:auto;}
.tbl-inner-box .inner img { border-radius:5px;}
.tbl-inner-box .inner ul > li { position:relative; padding:3px 0 3px 10px; line-height:1.4;}
.tbl-inner-box .inner ul > li:before { content:""; display:inline-block; width:5px; height:1px; background-color:#666; position:absolute; top:14px; left:0;}
.tbl-inner-box .inner ol { padding:0 0 0 30px;}
.tbl-inner-box .inner ol > li { list-style:inherit; padding:1px 0;}
.tbl-inner-img { padding:10px 0; text-align:center;}
.tbl-inner-img .img-txt { display:block; font-size:14px; padding:5px 0 0;}
input[type="text"]:read-only:not([read-only="false"]), input[type="text"]:read-only { background-color:#eee;}/* readonly */
textarea:read-only:not([read-only="false"]) { background-color:#eee;}/* readonly */
.input-data-set { position:relative;}
.input-data-set .date-box { display:inline-block; position:relative;}
.input-data-set .date-box .input-data { width:85px; height:40px; border:1px solid #ccc;}
.input-data-set .date-box .btn { min-width:inherit; width:40px; padding:0; margin-left:-5px;}
.inner-btn-group { position:absolute; top:-1px; right:0;}
/* //테이블 */
/* 첨부파일 */
.attach-file-box { margin:0 0 5px 0; padding:10px; border:1px solid #ddd; background:#fafafa;}
.attach-file {}
.attach-file > li { position:relative; padding:2px 0;}
.attach-file > li .btn-delate { position:absolute; top:0; right:5px;}
.attach-file > li .btn-edit { position:absolute; top:0; right:5px;}
.attach-file-form-box {}
.attach-file-form {}
.attach-file-form .inner-file { position:relative; margin:2px 0;}
.attach-file-form .inner-file .inner-btn-group { position:absolute; top:-3px; right:0;}
/* //첨부파일 */
/* 페이지네이션 */
.pagenavi { display:block; padding:30px 0; text-align:center; position:relative;}
.pagenavi a, .pagenavi strong { position: relative; display:inline-block; padding:5px 1px; margin:1px; line-height: 1.42857143; width:2.1em; background-color:#fff; border:1px solid #ddd; color:#000; font-weight:300;}
.pagenavi a:hover, .pagenavi span:hover, .pagenavi a:focus, .pagenavi span:focus { color:#000; background-color:#eee; border-color:#ddd;}
.pagenavi strong {    color: #000; background-color: #e5e5e5; border-color: rgb(0, 0, 0);}
.pagenavi span { display:inline-block; padding:5px 10px; margin: 1px; line-height:1.42857143;}
.pagenavi > .btn { position:absolute; top:26px; right:0;}
.pagenavi > .btn span:hover, .pagenavi > .btn span:focus { background-color:transparent;}
/* //페이지네이션 */
/* 탭 */
.tab-menu-box { position:relative;}
.tab-menu { text-align:center; padding:0 0 20px;}
.tab-menu::after, .tab-menu2::after, .tab-menu3::after, .tab-menu4::after { content:""; display:block; clear:both;}
.tab-menu > li { display:inline-block; text-align:center; position:relative; height:50px;}
.tab-menu > li > a { display:block; font-size:18px; color:#666; padding:0 15px;}
.tab-menu > li > a:hover, .tab-menu > li > a:focus { font-weight:500; color:#333;}
.tab-menu > li.on > a { font-size:24px; font-weight:700; color: #333;}
.tab-menu > li.on:after { content:""; display:inline-block; width:26px; height:4px; background-color:#3e6bf2; position:absolute; bottom:0; left:50%; margin-left:-13px;}
.tab-menu2 > li { float:left; text-align:center;}
.tab-menu2 > li:last-child { padding-right:0;}
.tab-menu2 > li > a { display:block; background-color:#fff; border:1px solid #ccc; /*border-right:none;*/ color:#666; height:46px; line-height:44px; padding:0 15px; margin:-1px 0 0 -1px;}
.tab-menu2 > li:last-child > a { border-right:1px solid #ccc}
.tab-menu2 > li > a:hover, .tab-menu2 > li > a:focus { background-color:#f5f5f5;}
.tab-menu2 > li.on > a { background-color:#194eed; border-color:#194eed; color: #fff;}
.tab-menu2.tab-area { } /* 전국지역탭 */
.tab-menu2.tab-area > li { width:11.111111%;}
.tab-menu2.tab-area > li > a { padding:0;}
.tab-menu2.tab-area > li:first-child > a { }
.tab-menu2.tab-area > li:nth-child(9) > a  { border-right:1px solid #ccc}
.tab-menu3 { position:relative; margin:0 0 20px; z-index:0;}
.tab-menu3 > li { float:left; text-align:center; position:relative; margin-left:-1px;}
.tab-menu3 > li > a { display:block; background-color:#f2f2f2; border:1px solid #ccc; border-bottom:1px solid #1b2149; width:100%; height:63px; line-height:60px; font-size:18px; color:#000;}
.tab-menu3 > li > a:hover, .tab-menu3 > li > a:focus { border:1px solid #1b2149; color:#111;}
.tab-menu3 > li.on > a { background-color:#fff; border:1px solid #1b2149; border-bottom:1px solid #fff; font-weight:500; color:#222;}
.tab-menu3 > li.on:after { content:""; width:0; height:0; border-top:60px solid #e1e1e1; border-right:14px solid transparent; position:absolute; top:1px; right:-14px; z-index:1;}
.tab-menu3 > li.on > a:before { content:""; width:100%; height:7px; background-color:#1b2149; position:absolute; top:-7px; left:0;}
.tab-menu3 > li.on > a:after, .tab-menu3 > li > a:hover:after { content:""; width:1px; height:63px; background-color:#1b2149; position:absolute; top:0; right:0; z-index:10;}
.tab-menu3 > li:last-child.on:after { display:none;}
.tab-menu4 { text-align:center; padding:40px 0 20px;}
.tab-menu4 > li { display:inline-block; text-align:center; margin:0 5px;}
.tab-menu4 > li > a { display:block; background-color:#fff; border:1px solid #ccc; color:#333; min-width:100px; height:40px; line-height:37px; padding:0 15px; border-radius:20px; font-size:16px;}
.tab-menu4 > li > a:hover, .tab-menu4 > li > a:focus { background-color:#f5f5f5;}
.tab-menu4 > li > a .num { display:inline-block; font-size:0.8em; position:relative; top:-1px;/* opacity:0.5;*/}
.tab-menu4 > li.on > a { background-color:#337ee4; border-color:#337ee4; color: #fff;}
/* //탭 */
/* 리스트 */
.list-st1 {}
.list-st1 > li { position:relative; padding:0 0 0 18px; margin:10px 0 0; min-height:24px; font-size:16px;}
.list-st1 > li:before{ content:""; display:inline-block; width:5px; height:5px; background-color:#aaa; position:absolute; top:10px; left:5px;}
.list-st1 > li:first-child { margin-top:0;}
.list-st2 {}
.list-st2 > li { position:relative; line-height:1.3; padding:4px 0 4px 10px;}
.list-st2 > li:before { content:""; display:inline-block; background-color:#2795f4; width:3px; height:3px; position:absolute; top:12px; left:0;}
.list-st3 {}
.list-st3 > li { position:relative; line-height:1.3; padding:4px 0 4px 10px;}
.list-st3 > li:before { content:""; display:inline-block; background-color:#999; width:4px; height:1px; position:absolute; top:13px; left:0;}
/* //리스트 */
/* 썸네일리스트 */
.thumb-list-area {}
.thumb-list-area .thumb-list {}
.thumb-list-area .thumb-list::after { content:""; display:block; clear:both;}
.thumb-list-area .thumb-list-box { float:left; width:25%; padding:15px;}
.thumb-list-area .thumb-list-box.shorts-list { float:left; width:16.6%; padding:15px;}
.thumb-list-area .thumb-link { display:block; width:100%; cursor:pointer; border-radius:10px;}
.thumb-list-area .thumb-link:hover, .thumb-list-area .thumb-link:focus { box-shadow:0 1px 10px 5px rgba(0,0,0,0.05);}
.thumb-list-area .thumb-link .tb { width:100%; height:250px; border-radius:10px 10px 0 0; overflow:hidden; position:relative;}
/* thumb-list-area .thumb-link .tb:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px 10px 0 0; position:absolute; top:0; left:0;} */
.thumb-list-area .thumb-link .tb a {display: block; height: 250px;}
.thumb-list-area .thumb-link .tb a:focus-visible {scale: 97%; outline: 4px solid red !important;}
.thumb-list-area .thumb-link .tb a img { vertical-align: top; width: 100%; height:100%; display: block; background-size: auto;  position: absolute; object-fit: cover; }
.thumb-list-area .thumb-link .tb .img { width:100%; height:100%; position:absolute; top:0; background:#f9f9f9 url(../images/contents/thumb-bg.png) no-repeat 50% 50%;}
.thumb-list-area .thumb-link:hover .tb .img { animation:zoomin both ease-in-out 0.6s;}
.thumb-list-area .thumb-link .tb .label-area { position:absolute; bottom:5px; left:5px;}
.thumb-list-area .thumb-link .thumb-info { width:100%; height:120px; background-color:#fff; border-radius:0 0 10px 10px; border:1px solid rgba(0,0,0,0.1); border-top:none; padding:10px 15px 0; position:relative;}
.thumb-list-area .thumb-link .thumb-info .tit-area { padding:0 20px 0 0; position:relative;}
.thumb-list-area .thumb-link .thumb-info .tit-area .link { display:inline-block; background:url(../images/contents/ico-link.png) no-repeat 50% 50%; background-size:19px 19px; padding:3px; width:25px; height:25px; overflow:hidden; text-indent:-999px; position:absolute; top:3px; right:0; opacity:0.6;}
.thumb-list-area .thumb-link .thumb-info .tit-area .link:hover { opacity:1;}
.thumb-list-area .thumb-link .thumb-info .tit { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:20px; font-weight:700; color:#222; padding:0 0 5px;}/* 1줄말줄임 */
.thumb-list-area .thumb-link .thumb-info .txt { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:13px;}/* 1줄말줄임 */
.thumb-list-area .thumb-link .thumb-info .txt-location { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:13px; padding:2px 0 2px 20px; position:relative; min-height:25px; line-height:1;}/* 1줄말줄임 */
.thumb-list-area .thumb-link .thumb-info .txt-location:before { content:""; display:inline-block; background:url(../images/contents/ico-location.png) no-repeat 50% 50%; width:13px; height:16px; position:absolute; top:2px; left:2px;}
.thumb-list-area .thumb-link .thumb-info .txt-village { display:block; font-size:14px; padding:2px 0 2px 20px; position:relative;}
.thumb-list-area .thumb-link .thumb-info .txt-village:before { content:""; display:inline-block; background:url(../images/contents/ico-village.png) no-repeat 50% 50%; width:16px; height:16px; position:absolute; top:5px; left:0;}
.thumb-list-area .thumb-link .thumb-info .txt-village .link { display:inline-block; background:url(../images/common/ico-site-link.png) no-repeat 50% 50%; background-size:13px 13px; padding:2px; width:17px; height:17px; overflow:hidden; text-indent:-999px; position:relative; top:3px; opacity:0.7;}
.thumb-list-area .thumb-link .thumb-info .txt-village .btn-link { height:22px; line-height:20px; min-width:auto; padding:0 3px;}
.thumb-list-area .thumb-link .thumb-info .ad-list { overflow:hidden; padding:5px 0 0;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li { float:left; width:50%; padding:4px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li .link { display:block; width:100%; height:24px; border:1px solid rgba(0,0,0,0.15); border-radius:5px; position:relative; padding-left:32px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad01-b.png) no-repeat 50% 50%; width:16px; height:16px; position:absolute; top:2px; left:10px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li .link:hover, .thumb-list-area .thumb-link .tb .over .over-inner .ad-list .li .link:focus { border-color:rgba(0,0,0,0.5);}
.thumb-list-area .thumb-link .thumb-info .ad-list .li:nth-child(2) .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad02-b.png) no-repeat 50% 50%; width:14px; height:14px; position:absolute; top:4px; left:14px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li:nth-child(3) .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad03-b.png) no-repeat 50% 50%; width:18px; height:12px; position:absolute; top:5px; left:10px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li:nth-child(4) .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad04-b.png) no-repeat 50% 50%; width:18px; height:13px; position:absolute; top:4px; left:10px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li .link .txt { font-size:13px; color:#333;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li .link .num { display:inline-block; font-size:13px; font-weight:500; color:#000; text-align:right; position:absolute; top:1px; right:10px;}
.thumb-list-area .thumb-link .thumb-info .village-list { overflow:hidden; padding:8px 0 0;}
.thumb-list-area .thumb-link .thumb-info .village-list .li { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:relative; padding:0 0 0 90px; margin:0 0 8px; line-height:1.2; letter-spacing:-0.5px; word-break:break-all;}/* 1줄말줄임 */
.thumb-list-area .thumb-link .thumb-info .village-list .li:before { content:""; display:inline-block; width:4px; height:4px; background-color:#aaa; position:absolute; top:8px; left:0;}
.thumb-list-area .thumb-link .thumb-info .village-list .li strong { display:inline-block; width:80px; font-weight:700; position:absolute; left:10px}
 /* 테마여행 */
.thema-list-area .thumb-link { position:relative;}
.thema-list-area .thumb-list-box { width:25%;}
.thema-list-area .thumb-link .tb { border-radius:10px;}
.thema-list-area .thumb-link .tb .label-area { bottom:47px;}
.thema-list-area .thumb-link .thumb-info { height:44px; padding:8px 10px; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0;}
.thema-list-area .thumb-link .thumb-info .tit { font-size:18px; padding:0; color:#fff;}
.thema-list-area .thumb-link .thumb-info .txt { padding:2px 0 0; color:#fff; opacity:0;}
.thema-list-area .thumb-link .thumb-info .label-area { position:absolute; right:15px; bottom:10px;}
.thema-list-area .thumb-link .thumb-info .label { width:50px; height:50px; border-radius:50%; border:1px solid rgba(255,255,255,0.5); line-height:46px; font-size:14px;}
.thema-list-area .thumb-link .thumb-info .label-black { background-color:transparent;}
 /* //테마여행 */
.exprn-list-area .thumb-link .thumb-info { height:160px;} /* 체험 */
.stayng-list-area .thumb-link .thumb-info { height:105px;} /* 숙박 */
.retrt-list-area .thumb-link .thumb-info { height:105px;} /* 음식점 */
.trrsrt-list-area .thumb-link .thumb-info { height:105px;} /* 관광지 */
.festival-list-area .thumb-link .thumb-info { height:135px;} /* 축제/행사 */
.event-list-area .thumb-link .thumb-info { height:125px;} /* 이벤트 */
/* 어촌스토리/국가중요어업유산/바다자료실/이달의바다정보 */
.story-list-area .thumb-link, .kifhs-list-area .thumb-link, .recsroom-list-area .thumb-link, .oceaninfo-list-area .thumb-link{ position:relative; overflow:hidden;} 
.story-list-area .thumb-link .tb { border-radius:10px;}
.recsroom-list-area .thumb-link .tb { height:0; padding-top:125%; border-radius:10px;}
.oceaninfo-list-area .thumb-link .tb { height:0; padding-top:140.625%; border-radius:10px;}
.story-list-area .thumb-link .tb .label-area, .kifhs-list-area .thumb-link .tb .label-area, .recsroom-list-area .thumb-link .tb .label-area, .oceaninfo-list-area .thumb-link .tb .label-area { bottom:47px;}
.story-list-area .thumb-link .thumb-info, .kifhs-list-area .thumb-link .thumb-info, .recsroom-list-area .thumb-link .thumb-info, .oceaninfo-list-area .thumb-link .thumb-info { height:44px; padding:8px 10px; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0;}
.story-list-area .thumb-link .thumb-info .tit, .kifhs-list-area .thumb-link .thumb-info .tit, .recsroom-list-area .thumb-link .thumb-info .tit, .oceaninfo-list-area .thumb-link .thumb-info .tit { font-size:18px; padding:0; color:#fff;}
.kifhs-list-area .thumb-link .thumb-info .tit { position:relative; padding:0 25px 0 0;}
.kifhs-list-area .thumb-link .thumb-info .tit:after { content:""; display:inline-block; background:url(../images/contents/btn-drop.png) no-repeat 50% 50%; width:18px; height:9px; position:absolute; top:50%; right:0; margin-top:-3px;}
/* //어촌스토리/국가중요어업유산/바다자료실/이달의바다정보 */
/* 어촌동영상 */
.video-list-area .thumb-link {}
.video-list-area .thumb-link:hover, .video-list-area .thumb-link:focus { box-shadow:none !important;}
.video-list-area .thumb-link .tb { height:0; padding-top:56.25%; border-radius:10px;}
.video-list-area .thumb-link .tb.shorts-list{ height: 364px; padding-top:0px;}
.video-list-area .thumb-link .tb.shorts-list a {display: block; height: 100%}

.video-list-area .thumb-link .tb:after { border-radius:10px;}
.video-list-area .thumb-link .thumb-info { height:auto; border:none; border-radius:0; padding:10px 0 0;}
.video-list-area .thumb-link .thumb-info .tit { font-size:18px; padding:0;}
/* //어촌동영상 */
/* //썸네일리스트 */
/* 갤러리롤링 */
.gallery-box { width:100%; position:relative; z-index:0;}
.gallery-box .gallery-slide {}
.gallery-box .gallery-slide .swiper-slide { width:100%; height:530px; overflow:hidden; border-radius:10px; position:static;}
.gallery-box .gallery-slide .swiper-slide:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; position:absolute; top:0; left:0;}
.gallery-box .gallery-slide .swiper-slide .img { width:100%; height:100%; background:#f9f9f9 url(../images/contents/thumb-bg03.png) no-repeat 50% 50%;}
.gallery-box .gallery-slide .gallery-slide-prev { width:65px; height:70px; background:url(../images/contents/ico-prev.png) no-repeat 45% 50% rgba(0,0,0,0.75); left:0;}
.gallery-box .gallery-slide .gallery-slide-next { width:65px; height:70px; background:url(../images/contents/ico-next.png) no-repeat 55% 50% rgba(0,0,0,0.75); right:0;}
.gallery-box .gallery-slide .gallery-slide-prev:after, .gallery-box .gallery-slide .gallery-slide-next:after { display:none;}
.gallery-box .gallery-thumb-slide { width:40%; margin:0 auto;}
.gallery-box .gallery-thumb-slide .swiper-wrapper { padding:30px 0; text-align:center;}
.gallery-box .gallery-thumb-slide .swiper-slide { width:102px !important; height:70px; overflow:hidden; border-radius:5px; margin:0 5px; display:inline-block;}
.gallery-box .gallery-thumb-slide .swiper-slide .img { width:100%; height:100%; background:#f9f9f9 url(../images/contents/thumb-bg02.png) no-repeat 50% 50%;}
.around-box { position:relative; padding:0 50px;}
.around-box .around-thumb-slide { position:static;}
.around-box .around-thumb-slide .swiper-wrapper { padding:20px 0 5px; text-align:center;}
.around-box .around-thumb-slide .swiper-slide { width:130px !important; text-align:center; margin:0 20px; display:inline-block; height:160px;}
.around-box .around-thumb-slide .swiper-slide .thumb { width:130px; height:130px; overflow:hidden; border-radius:50%; position:relative;}
.around-box .around-thumb-slide .swiper-slide .thumb:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:50%; position:absolute; top:0; left:0;}
.around-box .around-thumb-slide .swiper-slide .thumb .img { width:100%; height:100%;}
.around-box .around-thumb-slide .swiper-slide .thumb-txt { width:100%; text-align:center; position:absolute; padding:10px 0 0; line-height:1.1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}/* 1줄말줄임 */
.around-box .around-thumb-slide .around-thumb-slide-prev { width:50px; height:50px; background:url(../images/contents/ico-prev02.png) no-repeat 45% 50% rgba(0,0,0,0.15); left:0; border-radius:5px;}
.around-box .around-thumb-slide .around-thumb-slide-next { width:50px; height:50px; background:url(../images/contents/ico-next02.png) no-repeat 55% 50% rgba(0,0,0,0.15); right:0; border-radius:5px;}
.around-box .around-thumb-slide .around-thumb-slide-prev:after, .around-box .around-thumb-slide .around-thumb-slide-next:after { display:none;}
.rolling-box { margin:30px 0 0; background-color:#f1f4f9; border-radius:10px; padding:20px 40px;}
.rolling-box .tit { font-size:22px; font-weight:500; border-bottom:1px solid rgba(0,0,0,0.7); padding:0 0 10px; margin:0 0 20px;} 
.rolling-box .rolling-inner-box { background-color:#fff; border-radius:10px; padding:30px; margin:0 0 10px;}
.rolling-box .rolling-thumb-slide {}
.rolling-box .rolling-thumb-slide .swiper-wrapper { text-align:center;}
.rolling-box .rolling-thumb-slide .swiper-slide { width:210px !important; text-align:center; margin:0 20px; display:inline-block; height:175px;}
.rolling-box .rolling-thumb-slide .swiper-slide .thumb { width:100%; height:150px; border-radius:10px; overflow:hidden; position:relative;}
.rolling-box .rolling-thumb-slide .swiper-slide .thumb:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; position:absolute; top:0; left:0;}
.rolling-box .rolling-thumb-slide .swiper-slide .thumb .img { width:100%; height:100%; background:#f9f9f9 url(../images/contents/thumb-bg.png) no-repeat 50% 50%;}
.rolling-box .rolling-thumb-slide .swiper-slide .txt-area { width:100%; padding:10px 20px 0 0; position:relative; text-align:left; height:25px;}
.rolling-box .rolling-thumb-slide .swiper-slide .thumb-txt { width:100%; line-height:1.1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}/* 1줄말줄임 */
.rolling-box .rolling-thumb-slide .swiper-slide .link { display:inline-block; background:url(../images/common/ico-site-link.png) no-repeat 50% 50%; background-size:13px 13px; padding:2px; width:17px; height:17px; overflow:hidden; text-indent:-999px; position:absolute; top:9px; right:0; opacity:0.7;}
.rolling-box .rolling-thumb-slide .rolling-thumb-slide-prev { width:50px; height:50px; background:url(../images/contents/ico-prev03.png) no-repeat 45% 50% rgba(0,0,0,0.15); left:0; border-radius:5px; z-index:100;}
.rolling-box .rolling-thumb-slide .rolling-thumb-slide-next { width:50px; height:50px; background:url(../images/contents/ico-next03.png) no-repeat 55% 50% rgba(0,0,0,0.15); right:0; border-radius:5px; z-index:100;}
.rolling-box .rolling-thumb-slide .rolling-thumb-slide-prev:after, .rolling-box .rolling-thumb-slide .rolling-thumb-slide-next:after { display:none;}
/* //갤러리롤링 */
/* 안내 */
.info-area { border:1px solid #ccc; border-top:2px solid #111; background-color:#fff;}
.info-area .info-box { border-bottom:1px dashed #ccc; padding:30px 50px;}
.info-area .info-box:last-child { border-bottom:none;}
.info-area .info-box .info-txt { padding:25px 5px 10px; font-size:16px; line-height:1.8;}
.info-area .info-box .info-txt em { color:#ba0000; font-style:normal;}
.info-area .info-box .info-txt-list { padding:25px 5px 5px;}
.info-area .info-box .info-txt-list .li { font-size:16px; position:relative; padding:0 0 0 170px; margin:10px 0 0; min-height:24px;}
.info-area .info-box .info-txt-list .li:before { content:""; display:inline-block; width:8px; height:8px; background:url(../images/contents/bullet01.png) no-repeat 50% 50%; position:absolute; top:9px; left:5px;}
.info-area .info-box .info-txt-list .li:first-child { margin-top:0;}
.info-area .info-box .info-txt-list .li strong { display:inline-block; width:150px; font-weight:700; position:absolute; left:20px;}
.info-area .info-box .info-txt-list .li .link { display:inline-block; background:url(../images/common/ico-site-link.png) no-repeat 50% 50%; background-size:13px 13px; padding:2px; width:17px; height:17px; overflow:hidden; text-indent:-999px; position:relative; top:3px; opacity:0.7;}
.info-area .info-box .info-txt-list2 { padding:25px 5px 0;}
.info-area .info-box .info-txt-list2 .li { font-size:16px; position:relative; padding:0 0 0 20px; margin:10px 0 0;}
.info-area .info-box .info-txt-list2 .li:before { content:""; display:inline-block; width:8px; height:8px; background:url(../images/contents/bullet01.png) no-repeat 50% 50%; position:absolute; top:9px; left:5px;}
.info-area .info-box .info-txt-list2 .li:first-child { margin-top:0;}
.info-area .info-box .inner { display:block; font-size:16px; overflow:hidden;}
.info-area .info-box .inner .tit { font-size:16px; font-weight:700; color:#0c5cca; padding:0 0 5px;}
.info-area .info-box .inner table { width:100%; border-collapse:collapse; border-spacing:0; word-break:break-all; font-size:14px; border-top:1px solid #999;}
.info-area .info-box .inner table thead th, .info-area .info-box .inner table thead td { background-color:#f7f7f7; padding:8px; border:1px solid #999;}
.info-area .info-box .inner table tbody th { background-color:#f9f9f9; padding:8px; border:1px solid #ccc; font-weight:500;}
.info-area .info-box .inner table tbody td { padding:8px; border:1px solid #ccc;}
.info-area .info-box .inner img { border-radius:5px;}
.info-area .info-box .inner ul > li { position:relative; padding:3px 0 3px 10px; line-height:1.4;}
.info-area .info-box .inner ul > li:before { content:""; display:inline-block; width:5px; height:1px; background-color:#666; position:absolute; top:14px; left:0;}
.info-area .info-box .inner ol { padding:0 0 0 30px;}
.info-area .info-box .inner ol > li { list-style:inherit; padding:1px 0;}
.info-area .info-box .info-ico-txt { background-color:rgba(0,0,0,0.05); border-radius:5px; padding:10px 20px 10px 30px; font-size:14px; color:#ba0000; position:relative;}
.info-area .info-box .info-ico-txt:before { content:"※"; display:inline-block; font-size:13px; position:absolute; top:10px; left:15px;}
.info-area .info-box .ad-link-list { padding:10px;}
.info-area .info-box .ad-link-list::after { content:""; display:block; clear:both;}
.info-area .info-box .ad-link-list .li { float:left; width:25%; padding:0 10px;}
.info-area .info-box .ad-link-list .li .link { display:block; width:100%; height:70px; line-height:68px; background-color:#3d51c9; color:#fff; border-radius:10px; position:relative; padding:0 30px 0 68px;}
.info-area .info-box .ad-link-list .li:nth-child(2) .link { background-color:#3C5CBC;}
.info-area .info-box .ad-link-list .li:nth-child(3) .link { background-color:#0e0e0e;}
.info-area .info-box .ad-link-list .li:nth-child(4) .link { background-color:#1B75BC;}
.info-area .info-box .ad-link-list .li:nth-child(1) .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad01-lg.png) no-repeat 50% 50%; width:28px; height:28px; position:absolute; top:50%; left:30px; margin-top:-14px; opacity:0.75;}
.info-area .info-box .ad-link-list .li:nth-child(2) .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad02-lg.png) no-repeat 50% 50%; width:25px; height:23px; position:absolute; top:50%; left:33px; margin-top:-12px; opacity:0.75;}
.info-area .info-box .ad-link-list .li:nth-child(3) .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad03-lg.png) no-repeat 50% 50%; width:31px; height:21px; position:absolute; top:50%; left:30px; margin-top:-11px; opacity:0.75;}
.info-area .info-box .ad-link-list .li:nth-child(4) .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad04-lg.png) no-repeat 50% 50%; width:30px; height:21px; position:absolute; top:50%; left:30px; margin-top:-11px; opacity:0.75;}
.info-area .info-box .ad-link-list .li .link:after { content:""; width:95%; height:85%; border:1px solid rgba(255,255,255,0.25); border-radius:5px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.info-area .info-box .ad-link-list .li .link strong { font-size:20px; font-weight:500;}
.info-area .info-box .ad-link-list .li .link .num { font-size:18px; font-weight:300; opacity:0.75; padding-left:5px; position:absolute; right:30px;}
/* //안내 */
/* 영상 */
.video-area { padding:30px 100px; border-radius:10px; margin:0 0 20px;}
.video-area .video { position:relative; padding-bottom:53%; padding-top:30px; height:0; overflow:hidden; border-radius:10px;}
.video-area .video:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; position:absolute; top:0; left:0; z-index:-1;}
.video-area .video iframe,
.video-area .video object,
.video-area .video embed { position:absolute; top:0; left:0; width:100%; height:100%;}
.video-area .video-info { position:relative; padding:15px 100px 0 0;}
.video-area .video-info .tit { font-size:25px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;} /* 1줄말줄임 */
.video-area .video-info .tit .label { height:30px; border-radius:15px; line-height:27px; font-size:16px; position:relative; top:-3px; font-weight:500;}
.video-area .video-info .ico-box { display:inline-block; height:32px; padding-left:45px; position:absolute; top:50%; right:10px; margin-top:-10px;}
.video-area .video-info .ico-box .ico-like { display:inline-block; background:url(../images/contents/ico-like.png) no-repeat 50% 50%; width:36px; height:32px; text-indent:-999px; overflow:hidden; position:absolute; left:0; cursor:pointer;}
.video-area .video-info .ico-box .ico-like.on { background-image:url(../images/contents/ico-like-on.png);}
.video-area .video-info .ico-box .num { display:inline-block; font-size:16px; color:#e03f78; height:32px; line-height:30px;}
/* //영상 */
/* 가이드 */
.guide-box { background:#f1f4f9 url(../images/contents/cont-bg.png) no-repeat 100% 100%; padding:30px; border-radius:10px; margin:40px 0 15px;}
.guide-box .guide-inner-box { border:5px solid #fff; padding:20px 40px; border-radius:5px;}
.guide-box .tit { display:block; font-size:20px; font-weight:700; padding:5px 10px 5px 25px; position:relative; color:#0c3380; margin:20px 0 0;}
.guide-box .tit:first-child { margin:0;}
.guide-box .tit:before { content:""; display:inline-block; background:url(../images/contents/bullet02.png) no-repeat 50% 50%; width:18px; height:18px; position:absolute; top:12px; left:0;}
.guide-box .list { padding:3px 0 0;}
.guide-box .list .li { font-size:15px; padding:3px 10px 3px 25px; position:relative;}
.guide-box .list .li:before { content:""; display:inline-block; background-color:#b6b6b6; width:3px; height:3px; position:absolute; top:13px; left:14px;} 
.guide-box .list .li .inner { padding:5px 0 0;}
.guide-box.ty2 { background:none; padding:0;}
.guide-box.ty2 .guide-inner-box { border:none; padding:30px 10px; border-radius:0;}
.guide-box.ty2 .list { margin:0 0 20px;}
.guide-img-box { width:100%; height:0; padding-top:28.571429%; border-radius:10px; overflow:hidden; position:relative; margin:40px 0 15px;}
.guide-img-box img { width:100%; height:100%; position:absolute; top:0;}
.process-list { overflow:hidden;}
.process-list .li { float:left; padding:30px 20px; background-color:#11a0f5; margin:10px 50px 10px 0; color:#fff; font-size:16px; text-align:center; border-radius:10px; min-width:200px; position:relative; word-break:normal;}
.process-list .li:before { content:""; display:inline-block; background:url(../images/contents/process-arr.png) no-repeat 0 0; width:50px; height:13px; position:absolute; top:50%; right:-45px; margin-top:-10px; z-index:-1;}
.process-list .li:nth-child(1) { background-color:#2B2E3D;}
.process-list .li:nth-child(2) { background-color:#2B2E3D;}
.process-list .li:nth-child(3) { background-color:#2B2E3D;}
.process-list .li:nth-child(4) { background-color:#2B2E3D;}
.process-list .li:nth-child(5) { background-color:#2B2E3D;}
.process-list .li:last-child { margin-right:0;}
.process-list .li:last-child:before { display:none;}
.process-list.col3 li { width:30.6%;}
.process-list.col5 li { width:17.1%;}
/* //가이드 */
/* 썸네일상세 */
.thumb-detail-area { padding:40px 80px;}
.thumb-detail-area .thumb-detail-box { border:1px solid rgba(0,0,0,0.1); border-radius:10px; padding:130px 50px 50px; overflow:hidden; background-color:#f9f9f9; position:relative;}
.thumb-detail-area .thumb-detail-box .tit-box { width:100%; background-color:rgba(0,0,0,0.75); padding:25px 30px; color:#fff; position:absolute; top:0; left:0;}
.thumb-detail-area .thumb-detail-box .tit-box strong { font-size:24px; font-weight:500; padding:0 50px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;} /* 1줄말줄임 */
.thumb-detail-area .thumb-detail-box .tit-box strong .label-area { display:inline-block;}
.thumb-detail-area .thumb-detail-box .tit-box strong .label-area .label { height:22px; border-radius:16px; font-size:14px; line-height:18px; font-weight:normal; position:relative; top:-4px;}
.thumb-detail-area .thumb-detail-box .tit-box .btn-close { position:absolute; top:50%; right:30px; margin-top:-15px; width:30px; height:30px; border:none; background:url(../images/contents/btn-close.png) no-repeat 0 0; text-indent:-9999px;transition:all 0.3s ease;}
.thumb-detail-area .thumb-detail-box .tit-box .btn-close:hover { transform:rotate(90deg);}
/* //썸네일상세 */
/* 우수어촌마을 */
.great-list-area {}
.great-list-area .great-list { padding:20px 0;}
.great-list-area .great-list .box { min-height:260px; border:1px solid rgba(0,0,0,0.1); border-radius:10px; margin:30px 0 0; position:relative; padding:30px 30px 30px 600px;}
.great-list-area .great-list .box:first-child { margin:0;}
.great-list-area .great-list .box:hover, .great-list-area .great-list .box:focus { box-shadow:0 1px 10px 5px rgba(0,0,0,0.05);}
.great-list-area .great-list .box.no-1:before, .great-list-area .great-list .box.no-2:before, .great-list-area .great-list .box.no-3:before { content:""; display:inline-block; background:url(../images/contents/ribbon-bg.png) no-repeat 0 0; width:175px; height:147px; position:absolute; top:0; left:0;}
.great-list-area .great-list .box.no-1:after, .great-list-area .great-list .box.no-2:after, .great-list-area .great-list .box.no-3:after { content:""; display:inline-block; background:url(../images/contents/ribbon-bg.png) no-repeat 0 0; width:175px; height:147px; position:absolute; bottom:0; right:0; transform:rotate(-180deg);}
.thumb-list-area .thumb-link:hover, .thumb-list-area .thumb-link:focus { box-shadow:0 1px 10px 5px rgba(0,0,0,0.05);}
.great-list-area .great-list .box .ico-medal { display:inline-block; background:url(../images/contents/ico-medal04.png) no-repeat 0 0; width:128px; height:187px; position:absolute; top:50%; left:34px; margin-top:-93px; z-index:1;}
.great-list-area .great-list .box .ico-medal .label { display:block; background:none; border:none; text-align:center; color:#000; padding:38px 0 15px;}
.great-list-area .great-list .box .ico-medal strong { display:block; text-align:center; color:#000; font-size:22px; font-weight:500; text-shadow:1px 0 0 rgba(0,0,0,0.25), -1px 0 0 rgba(0,0,0,0.25), 0 1px 0 rgba(0,0,0,0.25), 0 -1px 0 rgba(0,0,0,0.25), 1px 1px rgba(0,0,0,0.25), -1px -1px 0 rgba(0,0,0,0.25), 1px -1px 0 #fff, -1px 1px 0 rgba(0,0,0,0.25);}
.great-list-area .great-list .box.no-1 .ico-medal { background-image:url(../images/contents/ico-medal01.png);}
.great-list-area .great-list .box.no-2 .ico-medal { background-image:url(../images/contents/ico-medal02.png);}
.great-list-area .great-list .box.no-3 .ico-medal { background-image:url(../images/contents/ico-medal03.png);}
.great-list-area .great-list .box.no-all .ico-medal { background-image:url(../images/contents/ico-medal-all.png);}
.great-list-area .great-list .box.no-exprn .ico-medal { background-image:url(../images/contents/ico-medal-exprn.png);}
.great-list-area .great-list .box.no-rstrt .ico-medal { background-image:url(../images/contents/ico-medal-rstrt.png);}
.great-list-area .great-list .box.no-styng .ico-medal { background-image:url(../images/contents/ico-medal-styng.png);}
.great-list-area .great-list .box .tb { width:360px; height:200px; border-radius:10px; overflow:hidden; position:absolute; top:50%; left:200px; margin-top:-100px;}
.great-list-area .great-list .box .tb:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px 10px 0 0; position:absolute; top:0; left:0;}
.great-list-area .great-list .box .tb .img { width:100%; height:100%; position:relative; background:#f9f9f9 url(../images/contents/thumb-bg.png) no-repeat 50% 50%;}
.great-list-area .great-list .box:hover .tb .img { animation:zoomin both ease-in-out 0.6s;}
.great-list-area .great-list .box .thumb-info { padding:30px 175px 30px 0;}
.great-list-area .great-list .box .thumb-info .tit { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:28px; font-weight:700; color:#222; padding:0 0 10px;}/* 1줄말줄임 */
.great-list-area .great-list .box .thumb-info .txt { display:block; font-size:16px;}
/* //우수어촌마을 */
/* 캘린더 */
.calendar-wrap { padding:20px 10px;}
.calendar-wrap .calendar-head { text-align:center; position:relative; margin:0 0 20px;}
.calendar-wrap .calendar-head strong { font-size:24px; line-height:1;}
.calendar-wrap .calendar-head .btn { display:inline-block; border:none; background:none; font-size:15px; padding:0 30px; position:absolute; top:3px;}
.calendar-wrap .calendar-head .calendar-btn-prev { left:0;}
.calendar-wrap .calendar-head .calendar-btn-prev:before { content:""; display:inline-block; background:url(../images/contents/ico-prev02.png) no-repeat 50% 50%; width:11px; height:15px; position:absolute; top:4px; left:10px; opacity:0.5;}
.calendar-wrap .calendar-head .calendar-btn-next { right:0;}
.calendar-wrap .calendar-head .calendar-btn-next:before { content:""; display:inline-block; background:url(../images/contents/ico-next02.png) no-repeat 50% 50%; width:11px; height:15px; position:absolute; top:4px; right:10px; opacity:0.5;}
.calendar-wrap .calendar-body {}
.calendar-wrap .calendar-body .weekdays { height:40px; background-color:#2293c8;}
.calendar-wrap .calendar-body .weekdays::after { content:""; display:block; clear:both;}
.calendar-wrap .calendar-body .weekdays .li { float:left; width:14.2857143%; text-align:center; color:#fff; font-size:16px; padding:10px 0; line-height:1;}
.calendar-wrap .calendar-body .days {}
.calendar-wrap .calendar-body .days::after { content:""; display:block; clear:both;}
.calendar-wrap .calendar-body .days .li { float:left; width:14.2857143%; }
.calendar-wrap .calendar-body .days .li .inner { width:100%; height:140px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; padding:30px 10px 10px; font-size:14px;}
.calendar-wrap .calendar-body .days .li:first-child .inner { border-left:1px solid #ddd;}
.calendar-wrap .calendar-body .days .li .inner .day { display:inline-block; font-size:15px; font-weight:500; position:absolute; top:5px; right:12px;}
.calendar-wrap .calendar-body .days .li .inner .info-list > li { padding:1px 0 0 10px; position:relative;}
.calendar-wrap .calendar-body .days .li .inner .label { display:inline-block; width:22px; height:22px; border-radius:50%; text-align:center; line-height:18px; color:#fff; position:relative; font-size:12px; padding:0;}
.calendar-wrap .calendar-body .days .li .inner .label-down { background-color:#008eda; border:2px solid #41b1ed;}
.calendar-wrap .calendar-body .days .li .inner .label-high { background-color:#f14d27; border:2px solid #fa7a5c;}
.calendar-wrap .calendar-body .days .li .inner .txt { display:inline-block; width:50px; height:22px; text-align:center; font-size:13px;}
.calendar-wrap .calendar-body .days .li .inner .txt-down { color:#008eda;}
.calendar-wrap .calendar-body .days .li .inner .txt-high { color:#f14d27;}
.calendar-wrap .calendar-body .days .li .inner .time { display:inline-block; margin-left:3px; width:50px; height:22px; text-align:center; font-size:13px; background-color:rgba(0,0,0,0.075); border-radius:3px;}
/* //캘린더 */
/* 정책 */
.policy-box { border:1px solid #ddd; padding:30px;}
.policy-box .num-list {}
.policy-box .num-list .li { font-size:16px; padding:15px 15px 15px 25px; position:relative; font-weight:500;}
.policy-box .num-list .li .num { position:absolute; top:15px; left:0;}
.policy-box .num-list .li .inner { font-size:15px; font-weight:normal; padding:15px 0 0;}
.policy-box .num-list .li:first-child { padding-top:0;}
.policy-box .num-list .li:first-child .num { top:0;}
/* //정책 */
/* 소개 */
.intro-box { overflow:hidden; padding:40px 0;}
.intro-box:first-child { padding-top:20px;}
.intro-box .thumb { float:left; width:600px;}
.intro-box .thumb .tb { width:100%; height:0; padding-top:50%; border-radius:10px; overflow:hidden; position:relative;}
.intro-box .thumb .tb:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px 10px 0 0; position:absolute; top:0; left:0;}
.intro-box .thumb .tb .img { width:100%; height:100%; position:absolute; top:0; background:#f9f9f9 url(../images/contents/thumb-bg.png) no-repeat 50% 50%;}
.intro-box .txt-box { float:left; width:50%; padding:20px 100px;}
.intro-box .page-tit-h2 { font-weight:700; padding-top:25px;}
.intro-box .txt { font-size:16px; line-height:1.8; padding-top:25px;}
.intro-box .thumb-list { overflow:hidden; padding-top:60px;}
.intro-box .thumb-list .thumb { width:430px; margin-left:54px; position:relative;}
.intro-box .thumb-list .thumb:first-child { margin-left:0;}
.intro-box .thumb-list .thumb .tb { padding-top:69.767442%;}
.intro-box .thumb-list .thumb .tb:after { background-color:rgba(0,0,0,0.25);}
.intro-box .thumb-list .txt-box { width:100%; padding:72px 92px 10px; text-align:center; position:absolute; top:0; left:0;} 
.intro-box .thumb-list .page-tit-h3 { font-weight:700; color:#fff; border:none; padding:0;}
.intro-box .thumb-list .page-tit-h3:before { display:none;}
.intro-box .thumb-list .txt { font-size:16px; color:#fff; line-height:1.6; padding-top:30px;}
.intro-box.ty2 .thumb { float:right;}
.intro-box.ty2 .txt-box { padding:0 80px 20px 20px;}
.intro-box.ty3 .page-tit-h2 { text-align:center; font-weight:700; padding-top:20px;}
/* //소개 */
/* 툴팁 */
.tooltip { position:relative; display:inline-block; top:-3px;}
.tooltip .ico-tooltip { display:inline-block; font-size:12px; width:18px; height:18px; border-radius:50%; background-color:#000; color:#fff; text-align:center; position:relative; cursor:pointer;}
.tooltip .ico-tooltip .fa { line-height:20px;}
.tooltip .tooltip-box { width:200px; background-color:rgba(0,0,0,0.75); color:#fff; padding:20px; border-radius:8px; position:absolute; display:none;/* visibility:hidden; */ top:10px; left:20px; z-index:2; text-align:left; line-height:1.4;}
.tooltip .tooltip-box .tooltip-tit { display:block; font-size:16px; padding:0 0 8px;}
.tooltip .tooltip-box .tooltip-txt { display:block; font-size:13px; font-weight:300; line-height:1.3; word-break:break-all;}
.tooltip:hover .tooltip-box { visibility:visible;}
.page-tit-h3 .tooltip { top:-10px;}
.page-tit-h3 .tooltip .ico-tooltip .fa { margin:0 2px 0 0;}
/* //툴팁 */
/* 아이콘 */
.asterisk { display:inline-block; vertical-align:middle; background:url(../images/contents/asterisk.png) no-repeat 0 0; width:7px; height:7px; text-indent:-999px; overflow:hidden; margin:-3px 3px 0;}
.ico-sch { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-sch-w.png) no-repeat 0 0; width:17px; height:17px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-sch2 { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-sch-b.png) no-repeat 0 0; width:17px; height:17px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-notice { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-notice.png) no-repeat 0 0; width:16px; height:14px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-new { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-new.png) no-repeat 50% 50%; width:16px; height:16px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-plus { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-plus.png) no-repeat 50% 0; width:9px; height:9px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-minus { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-minus.png) no-repeat 50% 0; width:9px; height:9px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-cancel { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-cancel.png) no-repeat 50% 0; width:9px; height:9px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-calendar { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-calendar.png) no-repeat 50% 0; width:14px; height:14px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-delate { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-delate.png) no-repeat 50% 0; width:14px; height:14px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-reply { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-reply.png) no-repeat 50% 50%; width:23px; height:17px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-file { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-file.png) no-repeat 50% 50%; width:16px; height:16px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;}
.ico-refresh { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-refresh.png) no-repeat 50% 50%; width:18px; height:20px; text-indent:-999px; overflow:hidden; margin:-3px 0 0;filter: invert(44%) sepia(64%) saturate(1034%) hue-rotate(188deg) brightness(89%) contrast(102%);}
.ico-site { display:inline-block; vertical-align:middle; background:url(../images/common/ico-site-link.png) no-repeat 50% 50%; width:13px; height:13px; text-indent:-999px; overflow:hidden; margin:-3px 0 0; opacity:0.7;}
.ico-more { display:inline-block; vertical-align:middle; background:url(../images/contents/ico-more.png) no-repeat 50% 50%; width:9px; height:9px; text-indent:-999px; overflow:hidden; margin:-3px 0 0; opacity:0.7;}
.ico-q { display:inline-block; vertical-align:middle; width:40px; height:40px; border-radius:20px; background:#f99d1a; font-family:Montserrat; font-size:20px; font-weight:300; color:#fff; text-align:center; line-height:40px;}
.ico-a { display:inline-block; vertical-align:middle; width:40px; height:40px; border-radius:20px; background:#3948ab; font-family:Montserrat; font-size:20px; font-weight:300; color:#fff; text-align:center; line-height:40px;}
/* //아이콘 */

.img-none { background-size:auto !important;}

/**************** 메인 *****************/
/* 애니메이션 */
@keyframes line { 
0% { width:100%;}
50% { width:1px;} 
100% { width:100%;}
}
@keyframes zoomin {
0% { transform:scale(1, 1);}
100% { transform:scale(1.1, 1.1); opacity:0.7}
}
@keyframes zoomout {
0% { transform:scale(1.1, 1.1);}
100% { transform:scale(1, 1);}
}
@keyframes fadeup {
0% { transform:translate3d(0, 50%, 0); opacity:0;}
100% { transform:translate3d(0, 0, 0); opacity:1;}
}
@keyframes fadedown {
0% { transform: translate3d(0, -50%, 0); opacity:0}
100% { transform:translate3d(0, 0, 0); opacity:1;}
}
@keyframes fadeleft {
0% { transform: translate3d(-50%, 0, 0); opacity:0}
100% { transform:translate3d(0, 0, 0); opacity:1;}
}
@keyframes faderight {
0% { transform: translate3d(50%, 0, 0); opacity:0}
100% { transform:translate3d(0, 0, 0); opacity:1;}
}
@keyframes scaleBg {
0% {transform:scale(1.4);}
100% {transform:scale(1);}
}
@keyframes txtTop {
0% {transform:translateY(50%);opacity:0;}
100% {transform:translateY(0);opacity:1;}
}
@keyframes txtMask {
0% {width:0%;opacity:0;}
100% {width:105%;opacity:1;}
}

.zoomin.on { animation:zoomin 20s linear both;}
.fadeup, .fadedown, .fadeleft, .faderight { opacity:0; opacity:1 \0/IE8+9;}
.fadeup.on { animation:fadeup 0.4s both;}
.fadedown.on { animation:fadedown 0.4s both;}
.fadeleft.on { animation:fadeleft 0.4s both;}
.faderight.on { animation:faderight 0.4s both;}
/* //애니메이션 */

/* 메인비주얼 */
.main-visual { position:relative; z-index:0; overflow:hidden; }
.mc-visual { width:100%; height:720px !important;}
.mc-visual-area .caroufredsel-wrapper { width:100% !important; height:100vh !important; min-height:500px !important; background:#1b1b1b;}
.mc-visual-list { position:relative; width:100%;height:100vh !important;min-height:500px !important; text-align:center; overflow:hidden;}
.mc-visual-list .li { display:block;position:relative; float:left; width:100%; height:100vh !important; min-height:500px !important; box-sizing:border-box; text-align:left; overflow:hidden;}
.mc-visual-list .li .img { width:100%; height:100vh; min-height:500px; opacity:0; transition:opacity 0.4s;}
.mc-visual-list .li .mov { position:relative; width:100%; height:100vh; min-height:500px; opacity:0; transition:opacity 0.4s;}
.mc-visual-list .li .mov video { display:none; position:absolute; left:50%; top:50%; min-width:100%; min-height:100%; width:auto; height:auto; transform:translate(-50%,-50%);}
.mc-visual-list .act .img { opacity:1; animation:scaleBg both ease-in-out 5s; z-index:1;}
.mc-visual-list .act .mov { opacity:1; z-index:1;}
.mc-visual-list .act .mov video { display:block;}
.mc-visual-list:after { display:block; clear:both; height:0; content:""; overflow:hidden;}
.mc-visual-list .li.mb1 .mov:after, .mc-visual-list .li.mb2 .mov:after, .mc-visual-list .li.mb3 .img:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%;}
.mc-visual-list .li.mb1 .mov:after { background:url(../images/main/mov-main-vis01-bg.png) no-repeat 50%/cover;}
.mc-visual-list .li.mb2 .mov:after { background:url(../images/main/mov-main-vis01-bg.png) no-repeat 50%/cover;} 
.mc-visual-list .li.mb3 .img:after { background:url(../images/main/mov-main-vis01-bg.png) no-repeat 50%/cover;}
.mc-visual-txt { position:absolute; left:0; top:0; width:100%; z-index:1;}
.mc-visual-txt .caroufredsel-wrapper { width:100% !important; height:100vh !important; min-height:500px !important;}
.mc-visual-t { position:relative; width:100%; height:100vh !important; min-height:500px !important; margin:0 auto; text-align:center; overflow:hidden; opacity:1 !important; cursor:default;}
.mc-visual-t .li { display:block; position:relative; width:100%; height:100vh !important; min-height:500px !important; text-align:left; overflow:hidden;}
.mc-visual-t .li .txt { position:relative; width:100%; max-width:1400px; height:100%; margin:0 auto; padding:120px 5px 0; box-sizing:border-box;}
.mc-visual-t .li .txt div { font-size:70px; font-weight:700; line-height:1.3; padding-bottom:20vh; color:#fff; text-align:left; vertical-align:middle;}
.mc-visual-t .li .txt div .t1 span { display:block; position:relative;}
.mc-visual-t .li .txt div .t2 { display:block; width:100%; height:27px; font-size:20px; font-weight:500; margin-top:40px;}
.mc-visual-t .li .txt div .t2 .txt-location { font-size:20px; font-weight:400; position:relative; padding:0 5px 0 35px;}
.mc-visual-t .li .txt div .t2 .txt-location:before { content:""; display:inline-block; background:url(../images/main/ico-location.png) no-repeat 50% 50%; width:21px; height:26px; position:absolute; top:0; left:7px;}
.mc-visual-t .li .txt div .t2 .btn-link { display:inline-block; font-size:15px; font-weight:300; color:#fff; background-color:rgba(0,0,0,0.5); padding:5px 10px; line-height:1; border-radius:3px; position:relative; top:-1px;}
.mc-visual-t .li.act .txt div .t1 span { animation:txtTop both 1s 0.6s;}
.mc-visual-t .li.act .txt div .t2 { animation:txtTop both 0.8s 1.3s;}
.mc-visual .mc-control { position:absolute; left:0; bottom:50%; width:100%; height:32px; margin-bottom:-80px; font-size:0; text-align:left; z-index:1; opacity:1;}
.mc-visual .mc-control ul { max-width:1400px; margin:0 auto; padding:0 11px;}
.mc-visual .mc-control li { display:inline-block; vertical-align:top;}
.mc-visual .mc-control a { display:block; position:relative; width:32px; height:32px; text-indent:-9999px; overflow:hidden; transition:all 0.4s;}
.mc-visual .mc-control a.mc-prev { background:url(../images/main/btn-mc-prev.png) no-repeat 50%/100%;}
.mc-visual .mc-control a.mc-next { background:url(../images/main/btn-mc-next.png) no-repeat 50%/100%;}
.mc-visual .mc-control a.mc-play { display:none; width:22px; background:url(../images/main/btn-mc-play.png) no-repeat 50%/100%;}
.mc-visual .mc-control a.mc-stop { width:22px; background:url(../images/main/btn-mc-stop.png) no-repeat 50%/100%;}
.mc-visual .mc-control .mc-pagn { margin-right:20px;}
.mc-visual .mc-control .mc-pagn a { display:block; float:left; position:relative; width:34px; height:34px;}
.mc-visual .mc-control .mc-pagn a:before { position:absolute; left:50%; top:50%; width:5px; height:5px; background:#fff; border-radius:50%; content:""; transform:translate(-50%,-50%); transition:all 0.4s;}
.mc-visual .mc-control .mc-pagn a:after { position:absolute; left:1px; top:1px; width:32px; height:32px; border:1px solid #fff; border-radius:50%; box-sizing:border-box; content:""; opacity:0; transition:all 0.6s;}
.mc-visual .mc-control .mc-pagn a.selected:before { width:7px; height:7px;}
.mc-visual .mc-control .mc-pagn a.selected:after { opacity:0.2;}
.mc-visual .mc-control .mc-progress { display:none; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box;}
.mc-visual .mc-control .mc-progress canvas { display:block; width:34px; height:34px; box-sizing:border-box;}
.mc-visual .mc-control .selected .mc-progress { display:block;}
.mc-visual .mc-btn-area { position:absolute; left:0; bottom:50%; width:100%; z-index:1; margin-bottom:-260px;}
.mc-visual .mc-btn-area .mc-btn-inner { width:1400px; height:108px; margin:0 auto; position:relative;}
.mc-visual .mc-btn-area .btn { display:inline-block; width:108px; height:108px; border-radius:50%; border:5px solid rgba(255,255,255,0.4); text-align:center; font-size:18px; color:#fff; background-color:transparent; line-height:1.2; position:absolute; top:0; left:0; margin:0; white-space:normal;}
.mc-visual .mc-btn-area .btn-sch-map {}
.mc-visual .mc-btn-area .btn-sch-custom { left:128px;}
.mc-visual .mc-btn-area .btn-sch-custom2 { left:256px;}
.sch-custom-area { width:1272px; height:108px; position:absolute; left:50%; margin-left:-572px; top:512px; display:none;}
.sch-custom-box { width:100%; height:108px; border-radius:54px; padding:4px 4px 4px 100px; position:relative; 
background: #3149ce; /* Old browsers */
background: -moz-linear-gradient(45deg, #09bbfe 0%, #5a42ec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #09bbfe 0%, #5a42ec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #09bbfe 0%, #5a42ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09bbfe', endColorstr='#5a42ec',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */
}
.sch-custom-box-tit { position:absolute; top:33px; left:19px; font-size:18px; color:#fff; display:inline-block; width:70px; text-align:center; line-height:1.2; cursor:pointer;}
.btn-sch-custom-close { border:none; width:20px; height:20px; padding:10px; position:absolute; top:44px; left:70px; background-color:transparent; display:none;}
.btn-sch-custom-close .ico-sch-custom-close { display:inline-block; background:url(../images/common/ico-sitemap-close.png) no-repeat 50% 50%; width:10px; height:10px; text-indent:-999px; overflow:hidden; transition:all 0.3s ease; opacity:0.5;}
.btn-sch-custom-close .ico-sch-custom-close:hover { transform:rotate(90deg); opacity:1;}
.sch-custom-list { width:100%; height:100px; border-radius:50px; background-color:#fff; padding:20px 100px 0 30px; cursor:pointer;}
.sch-custom-list::after { content:""; display:block; clear:both;}
.sch-custom-list .sch-custom-input { float:left; width:20%; padding:0 10px; position:relative;}
.sch-custom-list .sch-custom-input:before { content:""; display:inline-block; width:1px; height:40px; background-color:#e5e5e5; position:absolute; top:50%; left:-5px; margin-top:-20px; z-index:0;}
.sch-custom-list .sch-custom-input:first-child:before { display:none;}
.sch-custom-list .sch-custom-input:nth-child(1) { width:19%;}
.sch-custom-list .sch-custom-input:nth-child(2) { width:19%;}
.sch-custom-list .sch-custom-input:nth-child(3) { width:21%;}
.sch-custom-list .sch-custom-input:nth-child(4) { width:21%;}
.sch-custom-list .sch-custom-input .tit { display:block; text-align:left;}
.sch-custom-list .sch-custom-input .sch-label { display:inline-block; font-size:20px; position:relative; padding-left:32px;}
.sch-custom-list .sch-custom-input .sch-label:before { content:""; display:inline-block; background:url(../images/main/sch-custom-ico01.png) no-repeat 50% 50%; width:27px; height:27px; position:absolute; top:2px; left:0;}
.sch-custom-list .sch-custom-input:nth-child(2) .sch-label:before { background-image:url(../images/main/sch-custom-ico02.png);}
.sch-custom-list .sch-custom-input:nth-child(3) .sch-label:before { background-image:url(../images/main/sch-custom-ico03.png);}
.sch-custom-list .sch-custom-input:nth-child(4) .sch-label:before { background-image:url(../images/main/sch-custom-ico04.png);}
.sch-custom-list .sch-custom-input:nth-child(5) .sch-label:before { background-image:url(../images/main/sch-custom-ico05.png);}
.sch-custom-list .sch-custom-input .sch-input { border-color:transparent; padding:5px 0;}
.sch-custom-list .sch-custom-input .select-box { min-width:180px; height:150px; overflow-y:auto; background-color:#fff; padding:10px; border-radius:10px; box-shadow:0 1px 10px 3px rgba(0,0,0,0.1); position:absolute; top:30px; display:none; z-index:1;}
.sch-custom-list .sch-custom-input .select-box .select-list {}
.sch-custom-list .sch-custom-input .select-box .select-list .option { display:block; margin:1px 0; padding:2px 5px 3px; border-bottom:1px dotted #ccc;}
.sch-custom-list .sch-custom-input .select-box .select-list .option:hover { background-color:rgba(0,0,0,0.1);}
.sch-custom-list .sch-custom-input .select-box .select-list .option:last-child { border-bottom:none;}
.sch-custom-list .sch-custom-input .select-box.calendar-box {}
.sch-custom-list .sch-custom-input .select-box.on { display:block;}
.sch-custom-list .btn-sch { display:inline-block; border:none; background:url(../images/main/btn-sch.png) no-repeat 50% 50%; width:70px; height:70px; text-indent:-999px; overflow:hidden; position:absolute; top:50%; right:20px; margin-top:-35px;}
.main .contents-wrap { position:relative;}
.main-cont { width:100%; position:relative; padding:70px 0;}
.main-cont.cont1 { background:url(../images/main/cont-bg01.png) no-repeat 0 100%;}
.main-cont.cont2 { background:#f4f4f4 url(../images/main/cont-bg02.png) no-repeat 100% 100%;}
.main-cont .main-cont-inner { width:1400px; margin:0 auto;}
.main-cont .main-cont-inner::after { content:""; display:block; clear:both;}
.main-cont .main-tit-box { padding:0 0 40px; text-align:center; position:relative;}
.main-cont .main-tit-box .tit-h2 { display:block; font-size:32px; color:#111; font-weight:700;}
.main-cont .main-tit-box .tit-txt { display:block; font-size:16px; color:#555; padding:10px 0 0;}
.main-cont .main-tit-box .btn-more { display:inline-block; background:#000 url(../images/main/ico-more.png) no-repeat 50% 50%; width:30px; height:30px; border:1px solid #ccc; border-radius:3px; text-indent:-999px; margin-left:3px; overflow:hidden; position:relative; top:4px;}
.main-cont .village-area {}
.main-cont .village-area .village-list { }
.main-cont .village-area .village-list::after { content:""; display:block; clear:both;}
.main-cont .village-area .village-list-box { float:left; width:25%; padding:0 15px;}
.main-cont .village-area .village-link { display:block; width:100%; cursor:pointer;}
.main-cont .village-area .village-link .tb { width:100%; height:250px; border-radius:10px 10px 10px 10px; overflow:hidden; position:relative;}
.main-cont .village-area .village-link:hover .tb, .main-cont .village-area .village-link:focus .tb { box-shadow:0 1px 10px 5px rgba(0,0,0,0.1);}
.main-cont .village-area .village-link .tb a {display: block; height: 250px;}
.main-cont .village-area .village-link .tb a:focus-visible {scale: 97%; outline: 4px solid red !important;}
.main-cont .village-area .village-link .tb a img { vertical-align: top; width: 100%; height:100%; display: block; background-size: auto;  position: absolute; object-fit: cover; }
.main-cont .village-area .village-link .tb .img { width:100%; height:100%; position:absolute; top:0; background:#f9f9f9 url(../images/contents/thumb-bg.png) no-repeat 50% 50%;}
.main-cont .village-area .village-link .tb .img:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; position:absolute; top:0; left:0;}
.main-cont .village-area .village-link:hover .tb .img { animation:zoomin both ease-in-out 0.6s;}
.main-cont .village-area .village-link .tb .label-area { position:absolute; bottom:5px; left:5px;}
.main-cont .village-area .village-link .tb .over { width:100%; height:100%; background-color:rgba(28,81,202,0.8); position:absolute; top:0; left:0; padding:20px; display:none; transition:all 0.3s ease;}
.main-cont .village-area .village-link:hover .tb .over, .main-cont .village-area .village-list .village-list-box .village-link:focus .tb .over { display:block;}
.main-cont .village-area .village-link .tb .over:before { content:""; display:block; border:1px solid rgba(255,255,255,0.5); width:100%; height:100%; border-radius:7px;}
.main-cont .village-area .village-link .tb .over .over-inner { width:100%; height:100%; position:absolute; top:0; left:0; padding:45px 40px 0;}
.main-cont .village-area .village-link .tb .over .over-inner .info-tit { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:20px; font-weight:500; color:#fff; padding:0 10px 20px;}/* 1줄말줄임 */
.main-cont .village-area .village-link .tb .over .over-inner .info-txt { display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; line-height:20px; height:60px; color:#fff; font-size:15px; text-decoration:none; padding:0 10px;}/* 3줄말줄임 */
.main-cont .village-area .village-link .tb .over .over-inner .ad-list { overflow:hidden; padding:25px 0 0;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li { float:left; width:50%; padding:4px;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li .link { display:block; width:100%; height:24px; border:1px solid rgba(255,255,255,0.5); border-radius:12px; position:relative; padding-left:32px;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad01.png) no-repeat 50% 50%; width:16px; height:16px; position:absolute; top:2px; left:12px;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li .link:hover, .main-cont .village-area .village-link .tb .over .over-inner .ad-list .li .link:focus { background-color:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.8);}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li:nth-child(2) .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad02.png) no-repeat 50% 50%; width:14px; height:14px; position:absolute; top:4px; left:14px;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li:nth-child(3) .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad03.png) no-repeat 50% 50%; width:18px; height:12px; position:absolute; top:5px; left:10px;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li:nth-child(4) .link:before { content:""; display:inline-block; background:url(../images/contents/ico-ad04.png) no-repeat 50% 50%; width:18px; height:13px; position:absolute; top:4px; left:10px;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li .link .txt { font-size:13px; color:#fff;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li .link .num { display:inline-block; font-size:13px; font-weight:500; color:#ff5d5d; text-align:right; position:absolute; top:1px; right:10px;}
.main-cont .village-area .village-link .tit-area { padding:0 30px 0 0; position:relative;}
.main-cont .village-area .village-link .tit-area .link { display:inline-block; background:url(../images/contents/ico-link.png) no-repeat 50% 50%; background-size:19px 19px; padding:3px; width:25px; height:25px; overflow:hidden; text-indent:-999px; position:absolute; top:23px; right:5px; opacity:0.6;}
.main-cont .village-area .village-link .tit-area .link:hover { opacity:1;}
.main-cont .village-area .village-link .tit { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:20px; font-weight:700; color:#222; padding:20px 8px 10px;}/* 1줄말줄임 */
.main-cont .village-area .village-link .txt-location { display:block; font-size:14px; padding-left:30px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}/* 1줄말줄임 */
.main-cont .village-area .village-link .txt-location:before { content:""; display:inline-block; background:url(../images/contents/ico-location.png) no-repeat 50% 50%; width:13px; height:16px; position:absolute; top:2px; left:10px;}
.main-cont .theme-area {}
.main-cont .theme-area .theme-list { }
.main-cont .theme-area .theme-list::after { content:""; display:block; clear:both;}
.main-cont .theme-area .theme-list-box { float:left; width:25%; padding:0 15px;}
.main-cont .theme-area .theme-link { display:block; width:100%; cursor:pointer; border-radius:10px;}
.main-cont .theme-area .theme-link:hover, .main-cont .theme-area .theme-link:focus { box-shadow:0 1px 10px 5px rgba(0,0,0,0.05);}
.main-cont .theme-area .theme-link .tb { width:100%; height:250px; border-radius:10px 10px 0 0; overflow:hidden; position:relative;}
.main-cont .theme-area .theme-link .tb .img:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px 10px 0 0; position:absolute; top:0; left:0;}
.main-cont .theme-area .theme-link .tb a {display: block; height: 250px;}
.main-cont .theme-area .theme-link .tb a:focus-visible {scale: 97%; outline: 4px solid red !important;}
.main-cont .theme-area .theme-link .tb a img { vertical-align: top; width: 100%; height:100%; display: block; background-size: auto;  position: absolute; object-fit: cover; }
.main-cont .theme-area .theme-link .tb .img { width:100%; height:100%; position:absolute; top:0; background:#f9f9f9 url(../images/contents/thumb-bg.png) no-repeat 50% 50%;}
.main-cont .theme-area .theme-link:hover .tb .img { animation:zoomin both ease-in-out 0.6s;}
.main-cont .theme-area .theme-link .tb .label-area { position:absolute; bottom:5px; left:5px;}
.main-cont .theme-area .theme-link .theme-info { width:100%; height:95px; background-color:#fff; border-radius:0 0 10px 10px; border:1px solid rgba(0,0,0,0.1); border-top:none; padding:10px 20px 0; position:relative;}
.main-cont .theme-area .theme-link .theme-info .label-area { position:absolute; top:-30px; left:10px;}
.main-cont .theme-area .theme-link .theme-info .tit { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:19px; font-weight:700; color:#222;}/* 1줄말줄임 */
.main-cont .theme-area .theme-link .theme-info .txt { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:14px; color:#444; min-height:22px;}/* 1줄말줄임 */
.main-cont .theme-area .theme-link .theme-info .txt-location { display:block; font-size:14px; padding-left:22px; position:relative;}
.main-cont .theme-area .theme-link .theme-info .txt-location:before { content:""; display:inline-block; background:url(../images/contents/ico-location.png) no-repeat 50% 50%; width:13px; height:16px; position:absolute; top:2px; left:2px;}
.main-cont .notice-wrap { float:left; width:45%; padding:15px 50px 0 15px;}
.main-cont .notice-wrap .youtube-area { padding:0 60px; border-radius:10px; overflow:hidden; background-color:#000;}
.main-cont .notice-wrap .youtube-area .youtube { position:relative; padding-bottom:49.44%; padding-top:30px; height:0; overflow:hidden; border-radius:10px;}
.main-cont .notice-wrap .youtube-area .youtube iframe,
.main-cont .notice-wrap .youtube-area .youtube object,
.main-cont .notice-wrap .youtube-area .youtube embed { position:absolute; top:0; left:0; width:100%; height:100%;}
.main-cont .notice-wrap .notice-area { width:100%; padding:30px 0 0;}
.main-cont .notice-wrap .notice-area .notice-tit-box { position:relative;}
.main-cont .notice-wrap .notice-area .notice-tit-box .tit-h2 { font-size:25px; font-weight:700;}
.main-cont .notice-wrap .notice-area .notice-tit-box .btn-more { display:inline-block; background:#000 url(../images/main/ico-more.png) no-repeat 50% 50%; width:30px; height:30px; border:1px solid #fff; border-radius:3px; text-indent:-999px; margin-left:3px; overflow:hidden; position:absolute; top:3px; right:0;}
.main-cont .notice-wrap .notice-area .notice-list { padding:15px 0 0;}
.main-cont .notice-wrap .notice-area .notice-list .li { border-bottom:1px dotted #cecece; padding:8px 90px 8px 0; position:relative;}
.main-cont .notice-wrap .notice-area .notice-list .li:last-child { border-bottom:none;}
.main-cont .notice-wrap .notice-area .notice-list .li .txt { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font-size:15px;}/* 1줄말줄임 */
.main-cont .notice-wrap .notice-area .notice-list .li .date { font-size:14px; color:#000; display:inline-block; position:absolute; top:8px; right:0;}
.main-cont .banner-wrap { float:left; width:55%;}
.main-cont .banner-wraps::after { content:""; display:block; clear:both;}
.main-cont .banner-wrap .banner-box { float:left; width:50%; overflow:hidden; padding:15px;}
.main-cont .banner-wrap .banner-box:nth-child(3) { clear:both;}
.main-cont .banner-wrap .banner-box .banner-link { display:block; width:100%; height:0; padding-top:70.422535%; border-radius:10px; overflow:hidden; position:relative;}
.main-cont .banner-wrap .banner-box .banner-link .img { width:100%; height:100%; position:absolute; top:0;}
.main-cont .banner-wrap .banner-box .banner-link .link { display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}
.main-cont .banner-wrap .banner-box .banner-link .link:after { content:""; display:block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.15); position:absolute; top:0; left:0; border-radius:10px;}
.main-cont .banner-wrap .banner-box .swiper-container { position:relative; border-radius:10px; z-index:0;}
.main-cont .banner-wrap .banner-box .swiper-container .swiper-button-prev { display:inline-block; width:25px; height:25px; background:rgba(0,0,0,0.5) url(../images/main/ico-prev.png) no-repeat 50% 50%; position:absolute; top:auto; bottom:0; left:0; z-index:1;}
.main-cont .banner-wrap .banner-box .swiper-container .swiper-button-pause { display:inline-block; width:25px; height:25px; background:rgba(0,0,0,0.5) url(../images/main/ico-stop.png) no-repeat 50% 50%; position:absolute; top:auto; bottom:0; left:26px; z-index:1; cursor:pointer;}
.main-cont .banner-wrap .banner-box .swiper-container .swiper-button-play { display:inline-block; width:25px; height:25px; background:rgba(0,0,0,0.5) url(../images/main/ico-play.png) no-repeat 50% 50%; position:absolute; top:auto; bottom:0; left:52px; z-index:1; cursor:pointer;}
.main-cont .banner-wrap .banner-box .swiper-container .swiper-button-next { display:inline-block; width:25px; height:25px; background:rgba(0,0,0,0.5) url(../images/main/ico-next.png) no-repeat 50% 50%; position:absolute; top:auto; bottom:0; left:78px; z-index:1;}
.main-cont .banner-wrap .banner-box .swiper-container .swiper-button-prev:after, .main-cont .banner-wrap .banner-box .swiper-container .swiper-button-next:after { display:none;}
/* //메인비주얼 */
/**************** //메인 *****************/

/**************** 미디어쿼리 *****************/
@media screen and (min-width:1921px) {
}

@media screen and (max-width:1440px) {
.head-inner, .sitemap-wrap .sitemap-depth1, .foot-inner, .sub-location-box, .contents-box, .mc-visual .mc-btn-area .mc-btn-inner, .main-cont .main-cont-inner { width:100%;}
.head-inner .logo-box { left:15px;}
.head-inner .btn-sitemap { right:15px;}
.head-sch { right:70px;}

.mc-visual-t .li .txt {/* 주석으로수정max-width:auto;*/}
.mc-visual .mc-control ul {/* 주석으로수정max-width:auto;*/}
}

@media screen and (max-width:1280px) {
.gnb { display:none;}

.process-list.col3 li, .process-list.col5 li { width:auto;}
}

@media screen and (max-width:1024px) {
.sitemap-wrap { /*height:100vh;*/}
.sitemap-wrap .sitemap-depth1 { padding:30px 60px 30px 30px;}
.sitemap-wrap .sitemap-depth1-item { float:none; width:100%; min-height:auto; text-align:left; padding:0;}
.sitemap-wrap .sitemap-depth1-link { font-size:18px; padding:0 0 12px;}
.sitemap-wrap .sitemap-depth2 { padding:8px 0 20px;}
.sitemap-wrap .sitemap-depth2-item { text-align:left;}
.sitemap-wrap .sitemap-depth2-link { font-size:14px; padding:5px 0; color:rgba(255,255,255,1);}
.sitemap-wrap .sitemap-menu .btn-sitemap-close { border:none; width:40px; height:40px; top:13px; right:10px; z-index:10;}
.sitemap-wrap .sitemap-menu .btn-sitemap-close .ico-sitemap-close { width:20px; height:20px;}

.foot-inner .site-wrap { padding:30px 30px 5px;}
.foot-inner .site-wrap .site-area { float:none;}
.foot-inner .site-wrap .site-area .btn-site { width:100%; height:40px; padding:0 15px; font-size:13px;}
.foot-inner .site-wrap .site-area .btn-site:after { width:11px; background-size:contain; top:15px; right:15px;}
.foot-inner .site-wrap .site-area .btn-site.on:after { top:14px;}
.foot-inner .site-wrap .site-area .site-select { top:40px;}
.foot-inner .site-wrap .site-area .site-select.on { display:block; width:100%;}
.foot-inner .site-wrap .site-area .site-select .site-list { width:100%; padding:8px 15px;}
.foot-inner .site-wrap .site-area .site-select .site-list .li a { font-size:12px; margin:2px 0;}
.foot-inner .site-wrap .link-area { float:none;}
.foot-inner .site-wrap .link-area .link-list { text-align:center; padding:10px 0 0;}
.foot-inner .site-wrap .link-area .link-list .li { float:none; transform:scale(0.8); margin:0 8px;}
.foot-inner .menu-wrap { padding:15px 0 30px;}
.foot-inner .menu-wrap .menu-area { float:none;}
.foot-inner .menu-wrap .menu-area .menu-list { text-align:center;}
.foot-inner .menu-wrap .menu-area .menu-list .li { float:none; display:inline-block; padding:0 10px;}
.foot-inner .menu-wrap .menu-area .menu-list .li:first-child { padding:0 10px;}
.foot-inner .menu-wrap .menu-area .menu-list .li:before { height:10px; left:0;}
.foot-inner .menu-wrap .menu-area .menu-list .li .link { font-size:13px;}
.foot-inner .menu-wrap .menu-area .addr-box { padding:10px 0 0; text-align:center;}
.foot-inner .menu-wrap .menu-area .addr-box .addr { font-size:11px;}
.foot-inner .menu-wrap .menu-area .addr-box .time { font-size:11px; padding:5px 0;}
.foot-inner .menu-wrap .menu-area .addr-box .time .call strong { font-size:11px;}
.foot-inner .menu-wrap .menu-area .addr-box .txt { font-size:11px;}
.foot-inner .menu-wrap .logo-area { display:none;}

.location-depth1-item { width:30%;}
.location-depth2 { width:100%;}

.sub-vis-box { height:130px;}
.sub-vis-box .sub-tit-h2 { padding:42px 0 0;}
.sub-vis-box .sub-tit-h2 strong { font-size:24px;}
.sub-vis-box .sub-tit-h2 .txt { font-size:13px; padding:10px 0 0;}

.page-tit-box { padding:30px 8px 8px;}
.page-tit-h1 { font-size:32px;}

#contents .inner-cont { padding:40px 20px;}

.modal-box { width:calc( 100vw - 16px);}
.modal-head { padding:0 20px; height:50px;}
.modal-head > h1 { font-size:15px; line-height:50px;}
.modal-head > .modal-close-btn { top:15px; right:20px; width:20px; height:20px;}
.modal-body { padding:30px;}
.modal-body .btn-group-box { padding:20px 0 0;}
.modal-body .btn-group-box .btn-sm { min-width:120px;}
.pop-warp { width:100%; height:100%; position:relative; padding:0;}
.pop-head { position:relative; padding:20px 25px; height:80px;
background: #0a48a1; /* Old browsers */
background: -moz-linear-gradient(45deg, #0a48a1 0%, #0880dd 120%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #0a48a1 0%, #0880dd 120%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #0a48a1 0%, #0880dd 120%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a48a1', endColorstr='#0880dd',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */}
.pop-tit-h1 { font-size:22px; font-weight:500; color:#fff; line-height:1;}
.pop-tit-h1 > span { display:block; font-size:11px; font-weight:100; color:rgba(255,255,255,.5); padding:6px 0 0;}
.pop-body { }
.pop-cont { padding:30px;}
.layer-area, .layer-area.layer1, .layer-area.layer2, .layer-area.layer3, .layer-area.layer4, .layer-area.layer5, .layer-area.layer6 { left:50%; transform:translate(-50%,0); right:auto;}
.layer-box {}
.layer-box .layer-cont { }
.layer-box .layer-cont img { max-width:95vw; height:auto !important;}
.error-box { padding:20px; width:100%; margin:0 auto;}
.error-box .tit { font-size:24px; padding:10px 0 20px;}
.error-box .img-error { width:100%; height:80px; background-size:200px auto;}
.error-box .logo-seantour { width:150px; background-size:contain;}
.error-box .txt-em { padding:20px 0 0; font-size:14px; font-weight:500; color:#333; line-height:1.2;}
.error-box .txt { padding:10px 0;  font-size:12px; line-height:1.2;}
.error-box .txt strong { font-size:13px; padding:0 0 10px;}

.cont-sch-box2.sch-map { padding:20px;}
.cont-sch-map .map-step { padding-left:170px;}
.cont-sch-map .map-step .map-step-txt { width:170px;}
.cont-sch-map .map-step .map-step-txt .txt { padding:10px 0; font-size:14px; letter-spacing:-0.5px;}
.cont-sch-map .map-step .map-step-txt .select strong { display:block; padding-top:3px;}
.cont-sch-map .map-step:nth-child(2) { padding-left:190px;}
.cont-sch-map .map-step:nth-child(2) .map-step-txt { left:20px;}

.thumb-list-area .thumb-list-box { width:50%; padding:8px;}
.thumb-list-area .thumb-list-box.shorts-list { width:50%; padding:8px;}

.info-area .info-box .info-txt .inner .inner-img { padding:5px 0;}
.info-area .info-box .info-txt .inner .inner-img img { width:100% !important; height:auto !important;}
.info-area .info-box .inner img { width:100% !important; height:auto !important; margin:0.5% 0; padding:0 !important;}
.info-area .info-box .ad-link-list { padding:0;}
.info-area .info-box .ad-link-list .li { float:left; width:50%; padding:5px;}
.info-area .info-box .ad-link-list .li .link { height:50px; line-height:48px; padding:0 50px;}
.info-area .info-box .ad-link-list .li:nth-child(1) .link:before { background-size:contain; width:22px; left:18px; margin-top:-15px; opacity:0.75;}
.info-area .info-box .ad-link-list .li:nth-child(2) .link:before { background-size:contain; width:20px; left:20px; margin-top:-12px; opacity:0.75;}
.info-area .info-box .ad-link-list .li:nth-child(3) .link:before { background-size:contain; width:24px; left:18px; margin-top:-11px; opacity:0.75;}
.info-area .info-box .ad-link-list .li:nth-child(4) .link:before { background-size:contain; width:24px; left:18px; margin-top:-11px; opacity:0.75;}
.info-area .info-box .ad-link-list .li .link strong { font-size:14px;}
.info-area .info-box .ad-link-list .li .link .num { font-size:13px; padding-left:5px; position:absolute; right:15px;}

.video-area { width:100%; padding:0 8px; margin:20px 0;}

.thumb-detail-area { padding:20px 8px;}

.process-list .li { padding:20px; margin:10px 40px 10px 0; font-size:14px; min-width:auto;}
.process-list .li:before { background-size:40px auto; width:40px; height:13px; right:-35px;}

.great-list-area .great-list .box { padding:30px 30px 30px 500px;}
.great-list-area .great-list .box .tb { left:100px;}
.great-list-area .great-list .box .thumb-info { padding: 20px 80px 20px 0;}
.great-list-area .great-list .box .ico-medal { left:20px;}

.mc-visual { height:500px !important;}
.mc-visual-t .li .txt { /*max-width:auto; 주석으로수정*/ padding:80px 5px 0;}
.mc-visual-t .li .txt div { font-size:36px; padding-bottom:20vh; text-align:center;}
.mc-visual-t .li .txt div .t2 { height:20px; font-size:20px; margin-top:20px;}
.mc-visual-t .li .txt div .t2 .txt-location { font-size:15px;}
.mc-visual-t .li .txt div .t2 .txt-location:before { content:""; display:inline-block; background:url(../images/main/ico-location.png) no-repeat 50% 50%; width:21px; height:26px; position:absolute; top:0; left:7px;}
.mc-visual-t .li .txt div .t2 .btn-link { font-size:12px; padding:5px;}
.mc-visual .mc-control { text-align:center; transform:scale(0.8); margin-bottom:-30px;}
.mc-visual .mc-btn-area { position:absolute; left:0; bottom:50%; width:100%; z-index:1; margin-bottom:-160px;}
.mc-visual .mc-btn-area .mc-btn-inner { height:86px; text-align:center;}
.mc-visual .mc-btn-area .btn { width:86px; height:86px; border:4px solid rgba(255,255,255,0.4); font-size:14px; padding:0 20px; position:static; margin:0 4px;}

.sch-custom-area { width:100%; height:100%; position:fixed; margin:0; padding:15px 15px 0; top:0; left:0; background:rgba(0,0,0,0.75); z-index:3;}
.sch-custom-box { height:auto; border-radius:30px; padding:20px 15px 15px; text-align:center;}
.sch-custom-box-tit { position:static; font-size:20px; display:block; width:100%; padding:0;}
.btn-sch-custom-close { display:block; padding:0; top:24px; left:50%; margin-left:75px; }
.btn-sch-custom-close .ico-sch-custom-close { width:14px; height:14px;}
.sch-custom-list { height:100%; border-radius:20px; padding:25px 20px; margin:15px 0 0; overflow-y:auto; max-height:85vh;}
.sch-custom-list .sch-custom-input { float:none; width:100% !important; padding:0 0 12px;}
.sch-custom-list .sch-custom-input:before { display:none;}
.sch-custom-list .sch-custom-input .sch-label { text-align:left; font-size:16px; padding-left:28px;}
.sch-custom-list .sch-custom-input .sch-label:before { width:24px; height:24px; background-size:contain; top:1px;}
.sch-custom-list .sch-custom-input .sch-input { padding:2px 0; margin:5px 0 0;}
.sch-custom-list .btn-sch { display:inline-block; border:none; background-image:none; color:#fff; width:150px; height:40px; border-radius:20px; text-indent:0; overflow:visible; position:static; margin-top:10px;
background: #3149ce; /* Old browsers */
background: -moz-linear-gradient(140deg, #09bbfe  0%, #5a42ec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(140deg, #09bbfe  0%, #5a42ec 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(140deg, #09bbfe 0%, #5a42ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09bbfe', endColorstr='#5a42ec',GradientType=0 ); /* IE6-9 fallback on horizontal gradient */}
.sch-custom-list .sch-custom-input .select-box { min-width:auto; width:100%; height:auto; z-index:1;}
.sch-custom-list .sch-custom-input .select-box .select-list .option { font-size:13px; text-align:left; padding:2px 8px 3px;}

.calendar-wrap .calendar-head { margin:0 0 10px;}
.calendar-wrap .calendar-head strong { font-size:20px;}
.calendar-wrap .calendar-head .btn { font-size:13px; padding:0 15px; top:2px;}
.calendar-wrap .calendar-head .calendar-btn-prev:before { background-size:6px auto; left:0; top:3px;}
.calendar-wrap .calendar-head .calendar-btn-next:before { background-size:6px auto; right:0; top:3px;}
.calendar-wrap .calendar-body { border-top:1px solid #2293c8;}
.calendar-wrap .calendar-body .weekdays { display:none;}
.calendar-wrap .calendar-body .days .li { float:none; width:100%;}
.calendar-wrap .calendar-body .days .li .inner { height:auto; border-right:none; padding:10px 10px 10px 30px;}
.calendar-wrap .calendar-body .days .li .inner.inner-blank { display:none;}
.calendar-wrap .calendar-body .days .li:first-child .inner { border-left:none;}
.calendar-wrap .calendar-body .days .li .inner .day { font-size:15px; font-weight:700; line-height:1; letter-spacing:-1px; text-align:right; width:15px; top:50%; right:auto; left:0; margin-top:-8px}
.calendar-wrap .calendar-body .days .li .inner .info-list::after { content:""; display:block; clear:both;}
.calendar-wrap .calendar-body .days .li .inner .info-list > li { float:left; width:50%; padding:1px 0 0;}
.calendar-wrap .calendar-body .days .li .inner .txt { width:auto;}

.intro-box { padding:30px 0;}
.intro-box .thumb { width:50%;}
.intro-box .txt-box { width:50%; padding:10px 30px;}
.intro-box .page-tit-h2 { font-size:25px; padding-top:10px;}
.intro-box .txt { font-size:14px; line-height:1.6;}
.intro-box .thumb-list { padding-top:30px;}
.intro-box .thumb-list .thumb { width:32%; margin-left:2%;}
.intro-box .thumb-list .txt-box { padding:50px 25px 10px;}
.intro-box .thumb-list .page-tit-h3 { font-size:20px;}
.intro-box .thumb-list .txt { font-size:14px; padding-top:20px;}
.intro-box.ty2 .txt-box { padding:0 30px 0 0;}
.intro-box.ty3 .page-tit-h2 { padding-top:0;}

.main-cont { padding:60px 40px;}
.main-cont .main-tit-box { padding:0 0 20px;}
.main-cont .village-area .village-list-box { width:50%; padding:8px;}
.main-cont .village-area .village-link .tit { padding:5px 5px 2px;}
.main-cont .village-area .village-link .tit-area .link { top:8px;}
.main-cont .theme-area .theme-list-box { width:50%; padding:8px;}
.main-cont .notice-wrap { float:none; width:100%; padding:8px;}
.main-cont .banner-wrap { float:none; width:100%;}
.main-cont .banner-wrap .banner-box { padding:8px;}
}

@media screen and (max-width:768px) {
input, input[type="text"], input[type="password"], select, textarea { font-size:12px !important; letter-spacing:-0.5px;}
input::placeholder { font-size:12px; letter-spacing:-0.5px;}

#wrap { padding:70px 0 0;}
#head { }
	
.head-inner { height:70px;}
.head-inner .logo-box { top:20px;}
.head-inner .logo-seantour a { width:150px; background-size:contain;}
.head-inner .btn-sitemap { width:36px; height:36px; padding:12px 9px; top:16px;}
.head-inner .btn-sitemap .btn-sitemap-ico { width:18px; height:14px;}
.head-inner .btn-sitemap .btn-sitemap-ico .line { left:0;}
.head-inner .btn-sitemap .btn-sitemap-ico .line.line1 { top:0;}
.head-inner .btn-sitemap .btn-sitemap-ico .line.line2 { top:6px;}
.head-inner .btn-sitemap .btn-sitemap-ico .line.line3 { top:12px;}

.head-sch { display:none;}

.m-btn-sch { display:block; background-size:18px auto; width:36px; height:36px; top:16px;}
.m-sch-wrap { padding:25px 15% 30px;}
.m-sch-wrap .m-sch-input { height:40px; padding:0 45px 0 15px;}
.m-sch-wrap .m-sch-input .sch-clear { right:50px;}
.m-sch-wrap .m-sch-input .btn-sch { background-size:22px auto; width:40px; height:40px; right:5px;}
.m-sch-wrap .btn-sch-close { width:36px; height:34px; padding:8px;}
.m-sch-wrap .btn-sch-close .ico-sch-close { width:14px; height:14px;}

#contents .inner-cont { padding:30px 8px 40px;}

.cont-sch-box.ty2 { border-radius:10px;}
.input-box { padding:8px 0;}
/* .input-box .input-set.input-video .tit { display:none;} */
.input-box .input-set.input-video select { display:block; position:relative; top:2px;}
.input-box .input-data { width:200px;}
.input-box .input-data, .input-box .input-data.ty2 { margin:2px 0;}
.date-box .input-data { margin:2px 0;}
.board-sch-box .board-sch .input-data-set .input-data { margin:0;}

.cont-sch-box2 { padding:15px 20px;}
.cont-sch-list .cont-sch-input { float:none; width:100% !important; padding:0 0 0 40%;}
.cont-sch-list .cont-sch-input .sch-label { font-size:13px; font-weight:500 !important; padding:0 2px 0 27px; text-align:left; margin:2px 0; height:40px; line-height:38px; position:absolute; top:0; left:0;}
.cont-sch-list .cont-sch-input .sch-label:before { background-size:contain; width:24px; height:24px; top:7px;}
.cont-sch-list .cont-sch-input select { width:100%; margin:2px 0;}
.cont-sch-list .cont-sch-input .input-data { width:100%; margin:2px 0;}
.cont-sch-list .cont-sch-input .date-box { padding:0;}
.cont-sch-list .cont-sch-input .date-box .input-data { width:100%;}
.cont-sch-box2 .btn-area { margin:8px 0 0; padding:8px 0 0;}
.cont-sch-box2 .btn-sch { font-size:13px; width:100%;}
.cont-sch-box2.sch-map:before { display:none;}
.cont-sch-map .map-step { float:none; width:100%; padding:0;}
.cont-sch-map .map-step:nth-child(2) { padding:15px 0 0; border-top:1px solid rgba(0,0,0,0.1); margin:15px 0 0;}
.cont-sch-map .map-step .map-step-txt { position:static; width:auto;}
.cont-sch-map .map-step .map-step-txt .map-label { font-size:16px;}
.cont-sch-map .map-step .map-step-txt .txt { font-size:13px; padding:5px 0;}
.cont-sch-map .map-step .map-step-txt .select { font-size:14px; padding:8px 40px 12px 8px;}
.cont-sch-map .map-step .map-step-txt .select strong { display:inline;}
.cont-sch-map .map-step .map-step-txt .btn-refresh { position:absolute; top:49px; right:0;}
.cont-sch-map .map-step:nth-child(2) .map-step-txt .btn-refresh { top:63px;}
.cont-sch-map .map-step .map { height:auto;}
.cont-sch-map .map-step:nth-child(2) .map {}
.cont-sch-map .map-step .map-step2 { display:block; position:static;}
.cont-sch-map .map-step .map-step2 { background:none !important; width:auto !important; height:auto !important; padding:5px 0 10px;}
.cont-sch-map .map-step .map-step2::after { content:""; display:block; clear:both;}
.cont-sch-map .map-step .map-step2 > li { position:static; float:left; width:50%;}
.cont-sch-map .map-step .map-step2 > li a { display:block; border:1px solid #ccc; padding:8px 5px 10px; background-color:#fff; text-shadow:none;}
.cont-sch-map .map-step .map-step2 > li a:hover, .cont-sch-map .map-step .map-step2 > li a:focus, .cont-sch-map .map-step .map-step2 > li a:active, .cont-sch-map .map-step .map-step2 > li.on a { background-color:#3c8de5; border-color:#2a76d8; color:#fff;}
.cont-sch-map .btn-sch { position:static;}

.tbl-list thead th { font-size:13px; font-weight:500; padding:2px;}
.tbl-list tbody th { font-size:13px; font-weight:500; padding:2px;}
.tbl-list tbody td { font-size:13px; padding:2px; letter-spacing:-0.5px;}
.tbl-list tbody td.date { font-size:12px;}
.tbl-view thead th { padding:5px 8px; font-size:18px; height:76px;}
.tbl-view thead .th { padding:5px 8px; font-size:18px; height:76px;}
.tbl-view thead th .tit-add { font-size:13px; padding:5px 0 2px;}
.tbl-view tbody th { font-size:13px; padding:2px 8px; line-height:1.3;}
.tbl-view tbody .th { font-size:13px; padding:2px 8px; line-height:1.3;}
.tbl-view tbody td { font-size:13px; padding:2px 8px;}
.tbl-view .like { padding:2px 8px;}
.tbl-view .ico-box { padding-left:29px;}
.tbl-view .ico-box .ico-like { background-size:contain; width:26px;}
.tbl-view .ico-box .num { font-size:13px;}
.tbl-view .thumb-box { padding:15px; min-height:auto;}
.tbl-inner-box { font-size:14px; padding:10px 0;}
.tbl-inner-box img { width:100% !important; height:auto !important;}
.tbl-inner-box .inner { padding:5px 5px 0; font-size:13px;}
.tbl-inner-box .inner .tit { font-size:14px;}
.tbl-inner-box .inner table { table-layout:fixed; font-size:12px;}
.tbl-inner-box .inner img { width:100% !important; height:auto !important; margin:0.5% 0; padding:0 !important;}
.tbl-inner-box .inner ul > li { padding:2px 0 2px 8px; line-height:1.2;}
.tbl-inner-box .inner ul > li:before { width:3px; top:10px;}

.thumb-box { padding:20px 15px; min-height:auto; text-align:center;}
.thumb-box .thumb { position:relative; top:auto; left:auto;}
.thumb-box .thumb:after { content:""; display:inline-block; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); border-radius:10px; position:absolute; top:0; left:0;}
.thumb-box .thumb .img, .thumb-box .thumb img { display:inline-block; width:100%; height:100%;}
.thumb-box-txt { text-align:left; padding:10px 0 0;}
.thumb-box-txt dt { font-size:14px; width:90px; background:url(../images/contents/bullet01.png) no-repeat 0 10px; padding:5px 0 5px 15px;}
.thumb-box-txt dd { padding:5px 0 5px 90px; font-size:13px;}

.tab-menu { padding:0 0 10px;}
.tab-menu > li { height:40px;}
.tab-menu > li > a { font-size:16px; padding:0 15px;}
.tab-menu > li.on > a { font-size:20px;}
.tab-menu2.tab-video { display:none;}
.tab-menu3 > li > a { height:53px; line-height:1.3; font-size:12px; letter-spacing:-1px; padding:10px 10px 0;}
.tab-menu3 > li > a > span { display:block;}
.tab-menu3 > li.on:after { border-top:53px solid #e1e1e1; border-right:10px solid transparent; right:-10px;}
.tab-menu3 > li.on > a:after, .tab-menu3 > li > a:hover:after { height:53px;}
.tab-menu4 { padding:20px 0 10px;}
.tab-menu4 > li { margin:0 1px;}
.tab-menu4 > li > a { min-width:auto; height:34px; line-height:30px; padding:0 10px; border-radius:20px; font-size:13px;}

.video-area .video { height:405px;}
.video-area .video-info { padding:10px 65px 0 0;}
.video-area .video-info .tit { font-size:20px;}
.video-area .video-info .tit .label { height:20px; line-height:18px; font-size:13px; top:-2px;}
.video-area .video-info .ico-box { padding-left:29px;}
.video-area .video-info .ico-box .ico-like { background-size:contain; width:26px;}
.video-area .video-info .ico-box .num { font-size:13px;}

.thumb-list-area .thumb-link .tb .label-area { bottom:4px; left:4px;}
.thumb-list-area .thumb-link .thumb-info { height:90px; padding:6px 5px 0;}
.thumb-list-area .thumb-link .thumb-info .tit-area { padding:0 15px 0 0;}
.thumb-list-area .thumb-link .thumb-info .tit-area .link { background:url(../images/common/ico-site-link.png) no-repeat 50% 50%; background-size:13px 13px; width:17px; height:17px; padding:2px; opacity:0.6;}
.thumb-list-area .thumb-link .thumb-info .tit { font-size:16px; font-weight:500; padding:0;}
.thumb-list-area .thumb-link .thumb-info .txt-location { font-size:11px; padding:0 0 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; min-height:20px; line-height:inherit;}/* 1줄말줄임 */
.thumb-list-area .thumb-link .thumb-info .txt-location:before { background-size:contain; width:10px; top:2px;}
.thumb-list-area .thumb-link .thumb-info .txt-village { font-size:12px; padding:0 30px 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}/* 1줄말줄임 */
.thumb-list-area .thumb-link .thumb-info .txt-village:before { background-size:contain; width:12px; top:2px;}
.thumb-list-area .thumb-link .thumb-info .txt-village .link { position:absolute; right:0; top:1px;}
.thumb-list-area .thumb-link .thumb-info .txt-village .btn-link { height:17px; line-height:16px; position:absolute; right:0; font-size:11px; min-width:auto; padding:0 0 0 3px;}
.thumb-list-area .thumb-link .thumb-info .txt-village .btn-link .fa { display:none;}
.thumb-list-area .thumb-link .thumb-info .ad-list { padding:3px 0 0;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li { padding:2px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li .link { height:22px;line-height:20px; padding-left:20px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li .link:before { background-size:contain; width:13px; top:1px; left:4px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li:nth-child(2) .link:before { background-size:contain; width:11px; top:3px; left:5px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li:nth-child(3) .link:before { background-size:contain; width:14px; top:3px; left:5px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li:nth-child(4) .link:before { background-size:contain; width:13px; top:3px; left:4px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li .link .txt { font-size:11px;}
.thumb-list-area .thumb-link .thumb-info .ad-list .li .link .num { font-size:11px; top:0; right:4px;}
.thumb-list-area .thumb-link .thumb-info .village-list { padding:3px 0 0;}
.thumb-list-area .thumb-link .thumb-info .village-list .li { padding:0 0 0 70px; margin:3px 0; font-size:11px; letter-spacing:-1px;}
.thumb-list-area .thumb-link .thumb-info .village-list .li:before { width:2px; height:2px; top:6px; left:2px;}
.thumb-list-area .thumb-link .thumb-info .village-list .li strong { font-size:11px; width:60px; font-weight:500; left:8px}

.thema-list-area .thumb-link .tb .label-area { bottom:30px;}
.thema-list-area .thumb-link .thumb-info { height:29px; padding:6px 5px 0;}
.thema-list-area .thumb-link .thumb-info .tit { font-size:14px; font-weight:500; line-height:1.2;}
.thema-list-area .thumb-link .thumb-info .txt { font-size:12px; font-weight:300; color:#fff; padding:0;}
.thema-list-area .thumb-link .thumb-info .label-area { top:6px; right:5px;}
.thema-list-area .thumb-link .thumb-info .label { width:32px; height:32px; padding:0; text-align:center; line-height:28px; font-weight:300; font-size:12px;}

.exprn-list-area .thumb-link .thumb-info { height:110px;} /* 체험 */
.stayng-list-area .thumb-link .thumb-info { height:75px;} /* 숙박 */
.retrt-list-area .thumb-link .thumb-info { height:75px;} /* 음식점 */
.trrsrt-list-area .thumb-link .thumb-info { height:75px;} /* 관광지 */
.festival-list-area .thumb-link .thumb-info {} /* 축제/행사 */
.event-list-area .thumb-link .thumb-info { } /* 이벤트 */

.story-list-area .thumb-link .thumb-info { height:29px;}
.story-list-area .thumb-link .thumb-info .tit { font-size:14px; font-weight:500; padding:0; line-height:1.2;}

.kifhs-list-area .thumb-link .thumb-info { height:29px;}
.kifhs-list-area .thumb-link .thumb-info .tit { font-size:14px; font-weight:500; padding:0 20px 0 0; line-height:1.2;}
.kifhs-list-area .thumb-link .thumb-info .tit:after { background-size:contain; width:12px; right:3px;}
.kifhs-list-area .thumb-link .tb .label-area { bottom:30px;}

.recsroom-list-area .thumb-link .tb .label-area { bottom:30px;}
.recsroom-list-area .thumb-link .thumb-info { height:29px;}
.recsroom-list-area .thumb-link .thumb-info .tit { font-size:14px; font-weight:500; padding:0; line-height:1.2;}

.oceaninfo-list-area .thumb-link .thumb-info { height:29px;}
.oceaninfo-list-area .thumb-link .thumb-info .tit { font-size:14px; font-weight:500; padding:0; line-height:1.2;}

.video-list-area .thumb-link .thumb-info { height:auto; padding:6px 5px;}
.video-list-area .thumb-link .thumb-info .tit { font-size:14px; font-weight:500; padding:0; line-height:1.2;}

.around-box .around-thumb-slide .swiper-slide { width:120px !important; height:150px; margin:0 10px;}
.around-box .around-thumb-slide .swiper-slide .thumb { width:120px; height:120px;}

.rolling-box .rolling-thumb-slide .swiper-slide { width:164px !important; height:142px;}
.rolling-box .rolling-thumb-slide .swiper-slide .thumb { height:117px;}

.process-list .li { padding:20px 10px; margin:5px 30px 5px 0; font-size:13px;}
.process-list .li:before { background-size:30px auto; width:30px; height:13px; right:-25px;}

.great-list-area .great-list .box { padding:15px 15px 15px 385px; min-height:230px;}
.great-list-area .great-list .box .tb { left:15px;}
.great-list-area .great-list .box .ico-medal { background-size:50px auto; width:50px; margin:0; top:23px; left:23px; }
.great-list-area .great-list .box .ico-medal .label { display:none;}
.great-list-area .great-list .box .ico-medal strong { font-size:14px; line-height:1; padding:17px 0 0;}
.great-list-area .great-list .box .thumb-info { padding:8px 50px 8px 8px;}
.great-list-area .great-list .box .thumb-info .tit { font-size:20px;}
.great-list-area .great-list .box .thumb-info .txt { font-size:14px;}

.intro-box { padding:20px 0;}
.intro-box .page-tit-h2 { font-size:22px;}
.intro-box .txt { font-size:13px; padding-top:20px; line-height:1.4;}
.intro-box .thumb-list .txt-box { padding:30px 10px 10px;}
.intro-box .thumb-list .page-tit-h3 { font-size:18px;}
.intro-box .thumb-list .txt { font-size:13px; padding-top:15px; line-height:1.4;}

.main-cont { padding:40px 8px;}
}

@media screen and (max-width:640px) {
.main-cont .village-area .village-link .tb .over { padding:5px;}
.main-cont .village-area .village-link .tb .over .over-inner { padding:15px 12px;}
.main-cont .village-area .village-link .tb .over .over-inner .info-tit { font-size:15px; padding:0 5px 5px}
.main-cont .village-area .village-link .tb .over .over-inner .info-txt { line-height:16px; height:50px; font-size:12px; padding:0 5px;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list { padding:5px 0 0;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li { padding:2px;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li .link { height:22px; padding-left:8px; line-height:18px;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li .link:before { display:none !important;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li .link .txt { font-size:12px;}
.main-cont .village-area .village-link .tb .over .over-inner .ad-list .li .link .num { font-size:12px; top:1px; right:8px;}
}

@media screen and (max-width:480px) {
.sub-location-area { height:46px;}
.location-depth1 { position:absolute; padding:0 79px 0 40px;}
.location-depth1-item { width:50%;}
.location-depth1-item:first-child { width:40px; border-left:none; position:absolute; left:0;}
.location-depth1-link { height:45px; line-height:45px; font-size:13px; padding-left:8px;}
.location-depth1-link .ico-home { background-size:contain; width:15px; top:12px; left:12px;}
.location-depth1-link .ico { background-size:contain; width:9px; top:19px; right:8px;}
.location-depth1-item.open .location-depth1-link .ico { top:18px;}
.location-depth2 { top:46px; left:0;}
.location-depth2-link { display:block; height:45px; line-height:45px; padding-left:8px; font-size:13px;}
.sub-location-add .li:first-child {}
.sub-location-add .li:last-child { border-right:none;}
.sub-location-add .li .btn { width:39px; height:45px; line-height:45px;}
.sub-location-add .li .btn-share:after { background-size:contain; width:14px; margin:-10px 0 0 -8px;}
.sub-location-add .li .btn-print:after { background-size:contain; width:15px; margin:-10px 0 0 -7px;}

.path { bottom:8px; right:8px;}
.path .page { font-size:12px; padding:0 2px 0 7px; background-size:4px auto; background-position:0 3px;}
.path .ico-home { background-size:contain; width:14px;}

.page-tit-h1 { font-size:25px;}
.page-tit-h2 { font-size:20px;}
.page-tit-h2-box { padding:0 60px 20px 0;}
.page-tit-h2-box .page-tit-h2 { text-align:left;}
.page-tit-h2-box .page-tit-h2 strong { font-size:20px;}
.page-tit-h2-box .page-tit-h2 .label-area { display:block; padding:5px 0 0;}
.page-tit-h2-box .page-tit-h2 .label { height:20px; border-radius:10px; font-size:12px; line-height:17px; padding:0 9px; top:0;}
.page-tit-h2-box .page-tit-h2 .label-great { padding:0 9px 0 32px;}
.page-tit-h2-box .page-tit-h2 .label-great:before { top:1px;}
.page-tit-h2-box .ico-box { padding-left:29px;}
.page-tit-h2-box .ico-box .ico-like { background-size:contain; width:26px;}
.page-tit-h2-box .ico-box .num { font-size:13px;}
.page-tit-h2-box .page-tit-add { text-align:left; padding:5px 0 0; font-size:13px;}
.page-tit-h3 { font-size:18px; padding:10px 5px;}
.page-tit-h3:before { width:50px;}

.layer-share { width:80px; top:45px;}
.layer-share .share-list { padding:0; overflow:hidden;}
.layer-share .share-list .li { float:left; width:50%; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea;}
.layer-share .share-list .li:nth-child(1) { border-left:none; border-top:none;}
.layer-share .share-list .li:nth-child(2) { border-top:none;}
.layer-share .share-list .li:nth-child(3) { border-left:none;}
.layer-share .share-list .btn { text-indent:-999px; overflow:hidden; padding:0; width:35px; height:35px;}
.layer-share .share-list .btn:before { top:9px; left:50%; margin-left:-9px;}

.btn-xs { font-size:11px; height:24px; line-height:22px; min-width:auto; padding:0 5px;}
.btn-sm { font-size:12px; height:30px; line-height:28px; min-width:auto; padding:0 7px;}
.btn-md { font-size:13px; height:38px; line-height:36px; min-width:auto; padding:0 10px;}
.btn-lg { font-size:14px; height:42px; line-height:40px; min-width:auto; padding:0 15px;}
.btn-xl { font-size:15px; height:50px; line-height:48px; min-width:auto; padding:0 20px;}
.btn-ico { min-width:inherit; padding:0; width:28px;}

.label { font-size:10px; height:15px; line-height:12px; border-radius:10px; padding:0 2px; margin:0 -2px 0 0;}
.label-great { padding-left:20px;}
.label-great:before { background-size:15px auto; width:15px; top:0; left:3px;}

.layer-area, .layer-area.layer1, .layer-area.layer2, .layer-area.layer3, .layer-area.layer4, .layer-area.layer5, .layer-area.layer6 { top:80px;} 

.cont-sch-box { padding:10px 20px; margin-bottom:20px;}
.cont-sch-box.ty2 { border-radius:10px;}

.input-box .input-set { display:block; position:relative; padding:0 0 0 30%; margin:1px 0;}
.input-box .input-set.input-area { display:block;}
.input-box .input-set.input-video select { top:1px;}
.input-box select { width:100%; height:36px;}
.input-box .input-data, .input-box .input-data.ty2 { width:100%; height:36px;}
.input-box .tit { font-size:13px; font-weight:500 !important; padding:0 2px; text-align:left; height:36px; line-height:34px; position:absolute; top:0; left:0;}
.cont-sch-box .btn-sch { font-size:13px; width:100%; margin:5px 0; border-radius:30px;}
.date-box { display:block; padding:0 0 0 30%;}
.date-box .btn-set { position:absolute; right:-1px; top:1px;}
.date-box .input-data { width:100% !important; height:36px;}
.date-box .btn { min-width:inherit; padding:0; margin-left:-5px; height:36px;}
.input-box .input-set .date-box { padding:0;}
.input-box.ty2 .input-set { display:inline-block; padding:0;}
.input-box.ty2 .tit { display:none;}
.input-box.ty2 select { width:75px;}
.input-box.ty2 .input-data { width:100px;}
.input-box.ty2 .btn-sch { display:inline-block; min-width:65px; width:auto; border-radius:3px;}
.cont-sch-map .map-step .map-step-txt .select { padding:8px 40px 8px 8px;}

.chk-box { margin-left:0;}
.chk-box input[type="checkbox"], .chk-box input[type="radio"] { margin-right:0;}
.chk-box label { font-size:13px;}
.chk-list-area { padding:10px 0 5px;}
.chk-list-area .input-box { padding:0; text-align:left;}
.chk-list-area .input-box:nth-child(2) { padding-top:5px;}
.chk-list-area .input-box .chk-list-set { position:relative; padding:10px 0 0 30%;}
.chk-list-area .input-box .chk-list-set .tit { display:block;}
.chk-list-area .input-box .chk-box:last-child { margin-right:0;}

.board-sch-box { padding:0 0 5px;}
.board-sch-box .board-total { padding:8px 0 0;}
.board-sch-box .board-sch .input-box { padding:0;}
.board-sch-box .board-sch .input-data-set { margin:0;}
.board-sch-box .board-sch .input-data-set .input-data { width:100px;}
.board-sch-box .board-sch .input-data-set .btn-sch { width:40px; top:-1px;}
.board-sch-box .board-sch select { width:70px;}
.board-tit-box .board-sch .input-box { padding:0;}
.board-tit-box .board-sch select { width:130px;}

.board-total-result { margin:0 0 30px;}
.board-total-result .total-txt { font-size:15px;}

.tbl-list thead th { font-size:12px;}
.tbl-list tbody th { font-size:12px;}
.tbl-list tbody td { font-size:12px;}
.tbl-list tbody td.date { font-size:11px;}
.tbl-view thead th { font-size:16px;}
.tbl-view thead .th { font-size:16px;}
.tbl-view thead th .tit-add { font-size:12px;}
.tbl-view tbody th { font-size:12px;}
.tbl-view tbody .th { font-size:12px;}
.tbl-view tbody td { font-size:12px;}
.tbl-view .like { padding:2px 8px;}
.tbl-view .ico-box .num { font-size:12px;}
.tbl-inner-box { font-size:12px;}
.tbl-inner-box .inner { font-size:12px;}
.tbl-inner-box .inner .tit { font-size:14px;}
.tbl-inner-box .inner table { font-size:11px;}

.tab-menu2.tab-area { display:none;}

.result-list-area { margin:0; padding:15px 0 25px;}
.result-list-area:last-child { padding-bottom:0;}
.result-list-area .result-tit-box .page-tit-h3 { font-size:16px; padding:8px 0;}
.result-list-area .result-tit-box .btn { top:0; right:0;}
.result-list-inner { padding:10px 0;}
.result-list-inner .board-box-st1 { margin:5px 0;}

.thumb-list-area .thumb-list-box { width:50%; padding:5px;}
.thumb-list-area .thumb-list-box.shorts-list { width:50%; padding:8px;}

.gallery-box .gallery-slide .swiper-slide { height:240px;}
.gallery-box .gallery-slide .gallery-slide-prev { background-size:8px auto; width:35px; height:40px;}
.gallery-box .gallery-slide .gallery-slide-next { background-size:8px auto; width:35px; height:40px;}
.gallery-box .gallery-thumb-slide { width:80%;}
.gallery-box .gallery-thumb-slide .swiper-wrapper { padding:20px 0;}
.gallery-box .gallery-thumb-slide .swiper-slide { width:62px !important; height:43px;}

.around-box { padding:0 24px;}
.around-box .around-thumb-slide .swiper-wrapper { padding:5px 0;}
.around-box .around-thumb-slide .swiper-slide { width:80px !important; text-align:center; margin:0 5px;height:100px;}
.around-box .around-thumb-slide .swiper-slide .thumb { width:80px; height:80px;}
.around-box .around-thumb-slide .swiper-slide .thumb-txt { font-size:0.8em; padding:5px 0 0;}
.around-box .around-thumb-slide .around-thumb-slide-prev { background-size:5px auto; width:25px; height:25px; /*background-color:rgba(0.0.0.0.5); 주석으로수정*/}
.around-box .around-thumb-slide .around-thumb-slide-next { background-size:5px auto; width:25px; height:25px; /*주석으로수정background-color:rgba(0.0.0.0.5);*/}

.rolling-box { padding:15px;}
.rolling-box .tit { font-size:18px}
.rolling-box .rolling-inner-box { padding:15px;}
.rolling-box .rolling-thumb-slide .swiper-slide { width:64px !important; height:68px; margin:0 5px;}
.rolling-box .rolling-thumb-slide .swiper-slide .thumb { height:50px;}
.rolling-box .rolling-thumb-slide .swiper-slide .txt-area { padding:5px 15px 0 0; height:18px;}
.rolling-box .rolling-thumb-slide .swiper-slide .thumb-txt { font-size:0.7em; letter-spacing:-1px;}
.rolling-box .rolling-thumb-slide .swiper-slide .link { background-size:auto 10px; top:3px; right:-2px;}
.rolling-box .rolling-thumb-slide .rolling-thumb-slide-prev { background-size:5px auto; width:25px; height:25px; /*주석으로수정background-color:rgba(0.0.0.0.5);*/}
.rolling-box .rolling-thumb-slide .rolling-thumb-slide-next { background-size:5px auto; width:25px; height:25px; /*주석으로수정background-color:rgba(0.0.0.0.5);*/}

.info-area .info-box { padding:20px;}
.info-area .info-box .info-txt { padding:15px 0 10px; font-size:13px; line-height:1.2;}
.info-area .info-box .info-txt-list { padding:15px 5px 0;}
.info-area .info-box .info-txt-list .li { font-size:13px; padding:0; margin:10px 0; line-height:1.2;}
.info-area .info-box .info-txt-list .li:before { background-size:6px 6px; width:6px; height:6px; top:5px; left:0;}
.info-area .info-box .info-txt-list .li strong { width:auto; left:8px; letter-spacing:-1px; display:block; position:static; padding:0 0 5px 10px;}
.info-area .info-box .info-txt-list .li .btn-link { height:18px; line-height:16px; font-size:11px; min-width:auto; padding:0 0 0 3px;}
.info-area .info-box .info-txt-list .li .btn-link .fa { display:none;}
.info-area .info-box .info-txt-list2 { padding:15px 5px 0;}
.info-area .info-box .info-txt-list2 .li { font-size:13px; padding:0 0 0 10px; margin:5px 0;}
.info-area .info-box .info-txt-list2 .li:before { background-size:6px 6px; width:6px; height:6px; top:7px; left:0;}
.info-area .info-box .inner { padding:5px 5px 0; font-size:13px;}
.info-area .info-box .inner .tit { font-size:14px;}
.info-area .info-box .inner table { table-layout:fixed; font-size:12px;}
.info-area .info-box .inner ul > li { padding:2px 0 2px 8px; line-height:1.2;}
.info-area .info-box .inner ul > li:before { width:3px; top:10px;}

.video-area { width:100%; padding:0 0 15px; margin:20px 0; border:none; border-radius:0; border-bottom:1px solid rgba(0,0,0,0.1);}
.video-area .video-info .tit { font-size:16px;}
.video-area .video-info .tit .label { height:16px; line-height:14px; font-size:11px;}

.guide-box { padding:10px; margin:20px 0; background-size:220px auto;}
.guide-box .guide-inner-box { border-width:2px; padding:8px 10px 10px;}
.guide-box .tit { font-size:16px; padding:5px 10px 5px 18px; margin:10px 0 0;}
.guide-box .tit:before { background-size:contain; width:14px; top:9px;}
.guide-box .list { padding:0;}
.guide-box .list .li { font-size:13px; padding:3px 3px 3px 19px; line-height:1.3;}
.guide-box .list .li:before { top:10px; left:10px;}
.guide-img-box { margin:20px 0;}

.thumb-detail-area { padding:10px 5px;}
.thumb-detail-area .thumb-detail-box { padding:70px 15px 20px;}
.thumb-detail-area .thumb-detail-box .tit-box { padding:15px; height:50px; line-height:1.2;}
.thumb-detail-area .thumb-detail-box .tit-box strong { font-size:15px; padding:0 30px 0 0;}
.thumb-detail-area .thumb-detail-box .tit-box strong .label-area .label { height:16px; font-size:12px; line-height:13px; top:-1px;}
.thumb-detail-area .thumb-detail-box .tit-box .btn-close { background-size:contain; width:20px; height:20px; right:12px; margin-top:-10px;}

.great-list-area .great-list .box { padding:15px; min-height:auto;}
.great-list-area .great-list .box.no-1:after, .great-list-area .great-list .box.no-2:after, .great-list-area .great-list .box.no-3:after, .great-list-area .great-list .box.no-all:after, .great-list-area .great-list .box.no-exprn:after, .great-list-area .great-list .box.no-rstrt:after, .great-list-area .great-list .box.no-styng:after  { display:none;}
.great-list-area .great-list .box .tb { width:100%; height:150px; position:static; margin:0;}
.great-list-area .great-list .box .thumb-info { padding:8px;}
.great-list-area .great-list .box .thumb-info .tit { font-size:18px; padding:0 0 5px; position:relative; z-index:1;}
.great-list-area .great-list .box .thumb-info .txt { font-size:13px; line-height:1.2;}

.policy-box { padding:20px;}
.policy-box .num-list .li { font-size:14px; padding:10px 10px 10px 20px;}
.policy-box .num-list .li .num { top:10px; left:0;}
.policy-box .num-list .li .inner { font-size:13px; padding:10px 0 0;}

.intro-box { padding:10px 0;}
.intro-box:first-child { padding-top:0;}
.intro-box .thumb { float:none; width:100%;}
.intro-box .txt-box { float:none; width:100%; padding:20px 0;}
.intro-box .page-tit-h2 { font-size:20px; padding-top:0;}
.intro-box .txt { padding-top:10px;}
.intro-box .thumb-list { padding-top:20px;}
.intro-box .thumb-list .thumb { float:left; width:49.5%; margin-left:1%;}
.intro-box .thumb-list .thumb:nth-child(3) { margin:1% 0;}
.intro-box .thumb-list .txt-box { padding:20px 10px 10px;}
.intro-box .thumb-list .page-tit-h3 { font-size:14px; font-weight:500;}
.intro-box .thumb-list .txt { font-size:11px; line-height:1.3; padding-top:10px;}
.intro-box.ty2 .thumb { float:none;}
.intro-box.ty2 .txt-box { padding:20px 0;}

.tooltip { top:2px; left:0;}
.tooltip .ico-tooltip { font-size:11px; width:16px; height:16px;}
.tooltip .ico-tooltip .fa { line-height:17px; margin:0; vertical-align:top; position:absolute; left:5px;}
.tooltip .tooltip-box { width:160px; padding:12px;}
.tooltip .tooltip-box .tooltip-tit { font-size:14px; padding:0 0 5px;}
.tooltip .tooltip-box .tooltip-txt { font-size:12px;}
.page-tit-h3 .tooltip { top:2px; left:0;}
	
.main-cont { padding:45px 0 40px;}
.main-cont.cont1 { background:url(../images/main/cont-bg01.png) no-repeat 0 100%;}
.main-cont.cont2 { background:#f4f4f4 url(../images/main/cont-bg02.png) no-repeat 100% 100%;}

.main-cont .main-tit-box .tit-h2 { font-size:24px;}
.main-cont .main-tit-box .tit-txt { font-size:13px; padding:5px 0 0;}
.main-cont .main-tit-box .btn-more { width:26px; height:26px; background-size:12px auto; top:5px;}

.main-cont .village-area .village-list-box { width:50%; padding:8px;}
.main-cont .village-area .village-link .tb .label-area { left:4px; bottom:4px;}
.main-cont .village-area .village-link .tit-area { padding:0 15px 0 0;}
.main-cont .village-area .village-link .tit-area .link { background:url(../images/common/ico-site-link.png) no-repeat 50% 50%; background-size:13px 13px; width:17px; height:17px; padding:2px; opacity:0.6; top:9px; right:1px;}
.main-cont .village-area .village-link .tit { font-size:16px; font-weight:500;}
.main-cont .village-area .village-link .txt-location { font-size:12px; padding-left:20px;}
.main-cont .village-area .village-link .txt-location:before { left:5px;}

.main-cont .theme-area .theme-list-box { width:50%; padding:8px;}
.main-cont .theme-area .theme-link { position:relative;}
.main-cont .theme-area .theme-link .tb { border-radius:10px;}
.main-cont .theme-area .theme-link .tb:after { border-radius:10px;}
.main-cont .theme-area .theme-link .tb .label-area { bottom:30px; left:4px;}
.main-cont .theme-area .theme-link .theme-info { height:29px; background-color:rgba(0,0,0,0.5); padding:6px 5px 0; position:absolute; bottom:0;}
.main-cont .theme-area .theme-link .theme-info .label-area { top:9px; left:auto; right:10px;}
.main-cont .theme-area .theme-link .theme-info .label-area .label { width:32px; height:32px; border-radius:50%; padding:0; text-align:center; line-height:28px; font-weight:300; color:#fff; border-color:rgba(255,255,255,0.5); background:none;}
.main-cont .theme-area .theme-link .theme-info .tit { font-size:14px; font-weight:500; color:#fff; padding:0; line-height:1.2;}
.main-cont .theme-area .theme-link .theme-info .txt { font-size:12px; font-weight:300; color:#fff; padding:0; min-height:inherit; display:none;}
.main-cont .theme-area .theme-link .theme-info .txt-location { display:none;}

.main-cont .notice-wrap { padding:8px;}
.main-cont .notice-wrap .youtube-area { padding:0;}
.main-cont .notice-wrap .notice-area { padding:20px 0 0;}
.main-cont .notice-wrap .notice-area .notice-tit-box .tit-h2 { font-size:22px;}
.main-cont .notice-wrap .notice-area .notice-tit-box .btn-more { width:26px; height:26px; background-size:12px auto;}
.main-cont .notice-wrap .notice-area .notice-list { padding:8px 0 0;}
.main-cont .notice-wrap .notice-area .notice-list .li { padding:8px 80px 8px 0;}
.main-cont .notice-wrap .notice-area .notice-list .li .txt { font-size:13px;}
.main-cont .notice-wrap .notice-area .notice-list .li .date { font-size:12px;}
}

@media screen and (max-width:425px) {
	.thumb-list-area .thumb-link .tb {height: 120px;}
	.main-cont .village-area .village-link .tb {height: 155px;}
	.main-cont .theme-area .theme-link .tb {height: 155px;}
}

@media screen and (max-width:320px) {
.sitemap-wrap .sitemap-depth1 { padding:30px 60px 0 20px;}
.sitemap-wrap .sitemap-depth1-link { font-size:16px; padding:0 0 10px;}
.sitemap-wrap .sitemap-depth2 { padding:5px 0 20px;}
.sitemap-wrap .sitemap-depth2-link { font-size:12px;}

.intro-box .thumb-list .txt-box { padding:15px 5px 0;}
.intro-box .thumb-list .txt { font-size:10px;}
}
/**************** //미디어쿼리 *****************/

.wa-blind {position: absolute;width: 0px;height: 0px;overflow: hidden;}