@charset "UTF-8";

#container {  position:relative; background:none; font-family:'NNS'; }
.container:after { clear:both; float:none; content:""; display:block; height:0;}
#container .contents { background:none; min-height:827px;}
.hrline {clear:both; content:""; display:block; float:none;}

.visionsaha {display:none;}
.visionsaha {position:absolute; top:132px; width:67px; z-index:11; background:#353535; height:570px;}
.visionsaha ul.visionsahalist {width:67px; padding-top: 5px; }
.visionsaha ul.visionsahalist li { border-bottom:solid 1px #292929; height:60px; text-align:center;}
.visionsaha ul.visionsahalist li a span{ width:24px; height:24px; display:block; margin:10px auto 5px; padding:0px 0; background:url(../../images/main/img_main_visionsaha.png) repeat-x 0 0; }
.visionsaha ul.visionsahalist li:nth-child(1) {  }
.visionsaha ul.visionsahalist li:nth-child(2) span {background-position:0 -65px;}
.visionsaha ul.visionsahalist li:nth-child(3) span {background-position:0 -135px;}
.visionsaha ul.visionsahalist li:nth-child(4) span {background-position:0 -205px;}
.visionsaha ul.visionsahalist li:nth-child(5) span {background-position:0 -278px;}
.visionsaha ul.visionsahalist li a { color:#fff; }

.contents01 { position:relative; background: url(../../images/main/tourmainbg01.png) no-repeat 50% 0;}
.contents02 { position:relative; background:#a5def4 url(../../images/main/tourmainbg02.png) no-repeat 50% 0;}
.contents03 { position:relative; background:#fbdea0 url(../../images/main/tourmainbg03.png) no-repeat 50% 0;}
.contents04 { position:relative; background:#14b9b7 url(../../images/main/tourmainbg04.png) no-repeat 50% 0;}

#container .contents h3.slug {padding:80px 0 30px; text-align:center; position:relative; z-index:11;}
#container .contents h3.h3title { padding:60px 0 45px; text-align:center;}
#container .contents .contents04 h3.h3title  { padding:60px 0 15px;}

.zindex12  { z-index:12; position:relative; }

.contents01 .twwBox {width:515px; margin:auto; height:182px; }
.contents01 .twwBox .todayBox { float:left; color:#fff; background:url(../../images/main/black10p.png); width:98px; height:98px;border:solid 1px rgba(255, 255, 255, .5);  border-radius:50%; text-align:center;}
.contents01 .twwBox .todayBox .year { font-size:1.077em; padding:6px 0 0; }
.contents01 .twwBox .todayBox .today { font-size:2.308em; padding:0px; line-height:1.01; font-weight:bold;}
.contents01 .twwBox .todayBox .wek { font-size:1.077em; padding:0px; }
.contents01 .twwBox .weatherBox {  float:left; width:260px; color:#fff;}
.contents01 .twwBox .weatherBox > span {float:left;}
.contents01 .twwBox .weatherBox > span img {padding:10px 15px 0 45px;}
.contents01 .twwBox .weatherBox .weatherinfo {float:left; }
.contents01 .twwBox .weatherBox .weatherinfo .txtA { font-size: 0.9em; text-align: center; }
.contents01 .twwBox .weatherBox .weatherinfo .txtB { font-size: 3.077em; line-height:1.1}
.contents01 .twwBox .weatherBox .weatherinfo .txtB span{ font-size: 0.750em}
.contents01 .twwBox .weatherBox2 {  float:left; width:150px; height:98px; color:#fff; background:url(../../images/main/black10p.png); border:solid 1px rgba(255, 255, 255, .5);  border-radius:6px; text-align:center;}
.contents01 .twwBox .weatherBox2 .wb50p {float:left; width:50%; padding:7px 0 8px; }
.contents01 .twwBox .weatherBox2 .txtA { font-size: 0.923em}
.contents01 .twwBox .weatherBox2 .txtB { font-size: 1.692em; line-height:1.3}
.contents01 .twwBox .weatherBox2 .txtB span { font-size: 0.636em}
.contents01 .twwBox .weatherBox2 .txtC { font-size: 1.077em; border-top:solid 1px rgba(255, 255, 255, .5); line-height:30px; }

.quickmenu { width:440px; height:150px; z-index:10; margin:auto;}  
.quickmenu ul { width:440px;}
.quickmenu ul li {width:25%; float:left; }
.quickmenu ul li:first-child { background:none; }
.quickmenu ul li a{ display: block;width:74px; height:95px; overflow: hidden; position: relative; padding:0 0; font-size: 0; line-height: 16px; letter-spacing: -1px; text-align: center; cursor: pointer; margin:auto;}

.quickmenu ul li:nth-child(1) span{  background:url(../../images/main/btn_menu01.png) no-repeat; display: block;     position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;		}
.quickmenu ul li:nth-child(2) span{  background:url(../../images/main/btn_menu02.png) no-repeat; display: block;     position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;		}
.quickmenu ul li:nth-child(3) span{  background:url(../../images/main/btn_menu03.png) no-repeat; display: block;     position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;		}
.quickmenu ul li:nth-child(4) span{  background:url(../../images/main/btn_menu04.png) no-repeat; display: block;     position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;		}
.arr_quickmenu { position:absolute; bottom:0; text-align:center; width:137px; left:50%; margin-left:-69px;}


.contents02 .c2m1 { margin-left:330px; width:620px; height:420px; float:left; margin-bottom:75px; }
.contents02 .c2m1 ul#slider_visual li img { width:620px; height:420px; }

#container #c2m1 {position:relative;}
#c2m1 .control {position:absolute;left:0;bottom:0;width:100%;height:40px;padding-top:0px;background:url(../../images/main/mc_vis_control.png) repeat-x 0 0;text-align:center}
#c2m1 .control button {display:block;position:absolute;top:8px;float:none;width:24px;height:24px;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#c2m1 .control .btn_prev {right:93px;background-position:0 -240px}
#c2m1 .control .btn_next {right:35px;background-position:0 -270px}
#c2m1 .control .btn_stop {right:65px;background-position:0 -520px}
#c2m1 .control .btn_play {display:none;right:65px;background-position:0 -550px}
#c2m1 .bx-controls {position:absolute;bottom:0px;left:35px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:left;}
#c2m1 .control button:focus{border: #ff0000;}

.contents02 .c2m2 {position:absolute; width:300px; margin-left:10px; height:420px; background:url(../../images/main/c101bg.png) no-repeat;}
.contents02 .c2m3, .contents02 .c2m4,
.contents02 .c2m5 {float:right; margin:10px; position:relative;}
.contents02 .transmore {background:url(../../images/main/transmore.png) no-repeat; position:absolute; bottom:0; right:0; width:28px; height:28px;}

.contents02 .c2m2 .icon_rb { position:absolute; top:-11px; left:24px; width:28px; height:35px; background:url(../../images/main/icon_rebon.png) no-repeat;}
.contents02 .c2m2  .c2m2notice { color:#fff; background:url(../../images/main/month_event_bg.png) no-repeat 100% 10%;}
.contents02 .c2m2  .c2m2notice h4{ padding:30px 0 0 25px; font-size:1.308em;}
.contents02 .c2m2  .c2m2notice .mmonth{ padding-left: 25px; font-size:4.769em; line-height:1.5;}
.contents02 .c2m2  .c2m2notice .mmonth span{ font-size:0.339em;}
.contents02 .c2m2  .c2m2notice li a { color:#fff; }
.contents02 .c2m2  .c2m2notice .txtA { font-size:1.692em; line-height:1.3 ; margin-top:20px; padding:24px; height:52px; }
.contents02 .c2m2  .c2m2notice .txtB { line-height:1.3; padding:0 24px 23px 24px;  height:30px; }
.contents02 .c2m2  .c2m1list { margin-top:20px; margin-bottom:10px; background: #201252; color:#fff; }
.contents02 .c2m2  .c2m1list ul { padding: 20px 10px 20px 23px; }
.contents02 .c2m2  .c2m1list li { line-height:25px; height:25px; }
.contents02 .c2m2  .c2m1list li a { color:#fff; padding:0 25px 0 10px; background:url(../../images/main/bul_c2m1list.png) no-repeat 0 50%;  display:block; font-size:1.077em;}
.contents02 .c2m2  .c2m1list li a .subject{ overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; }
.contents02 .c2m2  .c2m2notice a.mmore { color:#a7d6ec; padding-left: 25px;}

.contents02 .c2m3 {width:300px; height:200px; margin-top:0px;}
#container #c2m3 {position:relative;}
#c2m3 .control {position:absolute;left:0;bottom:0;width:100%;height:40px;margin:0px;background:url(../../images/main/mc_vis_control.png) repeat-x 0 0;text-align:center}
#c2m3 .control button {display:block;position:absolute;top:8px;float:none; width:24px;height:24px;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#c2m3 .control .btn_prev {right:75px;background-position:0 -240px}
#c2m3 .control .btn_next {right:15px;background-position:0 -270px}
#c2m3 .control .btn_stop {right:45px;background-position:0 -520px}
#c2m3 .control .btn_play {display:none;right:45px;background-position:0 -550px}
#c2m3 .bx-controls {position:absolute;bottom:0px;left:25px; margin-left:-50px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:center;}
#c2m3 ul#slider_banner li img { width:300px; height:200px;}


.contents03 .c3m1 {width:620px; height:420px; margin:0 10px 75px; float:left; background:url(../../images/main/c201bg.png) no-repeat;}
.contents03 .c3m1 > div {visibility:hidden; height:180px;}
.contents03 .c3m1 > div {visibility:hidden; height:180px;}
.contents03 .c3m2 {width:300px; height:200px; margin:0 10px 10px; float:left;}
.contents03 .c3m3 {width:300px; height:200px; margin:0 10px 10px; float:left;}
.contents03 .c3m4 {width:300px; height:200px; margin:10px 10px 0px; float:left;}
.contents03 .c3m5 {width:300px; height:200px; margin:10px 10px 0px; float:left;}

.contents03 #c3m1 ul {width:390px; margin-left:40px;}
.contents03 #c3m1 ul li { border:solid 1px rgba(191, 191, 191, .6); width:24%; height:69px; float:left; }
.contents03 #c3m1 ul li a span{ opacity: 0.6; width:16px; height:16px; display:block; margin:auto; padding:0px 0px 5px; background:url(../../images/main/img_main_c301.png) repeat-x 0 0; }
.contents03 #c3m1 ul li a:hover span {opacity: 1;}
.contents03 #c3m1 ul li:nth-child(1) { border-left:solid 1px rgba(191, 191, 191, .6);}
.contents03 #c3m1 ul li:nth-child(2) span {background-position:-87px 0;}
.contents03 #c3m1 ul li:nth-child(3) span {background-position:-178px 0;}
.contents03 #c3m1 ul li:nth-child(4) span {background-position:-268px 0;}
.contents03 #c3m1 ul li a {display:block; background:url(../../images/main/black10p.png); color:#fff; text-align:center; height:50px; padding:17px 0 0;}
.contents03 #c3m1 ul li a:hover {background:#ee5656;}

.c3m5 {position: relative; background:url(../../images/main/c205bg.png) repeat-x; }
.c3m5 h3 { font-size:1.154em; color:#fff; padding:22px 0 5px; text-align:center; }
.c3m5 .lineTypeB { height:1px; width:20px; background:#6381ca;  margin:0 auto 20px;}
.c3m5 ul#slider_course {}
.c3m5 ul#slider_course li { text-align:center; padding:20px 0 0; }
.c3m5 ul#slider_course li .txtA {color:#fff; padding:7px 0; line-height:1.2;}
.c3m5 ul#slider_course li .txtB {color:#fff; font-size:1.385em;padding:0px 0 20px; line-height:1.1;}
.c3m5 .btnTypeC {display:inline-block; margin:0 0 2px 28px; padding:0 8px; line-height:24px; width:90px; height:24px; border:solid 1px #3056b1; background:#4977e5; color:#fff;  }


.contents03 #c3m5 .control {position:absolute;left:0;top:50%;width:100%;height:40px; text-align:center}
.contents03 #c3m5 .control button {position:absolute; margin-top:-16px; width:32px;height:32px;display:block;float:none;background:url(../../images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top}
.contents03 #c3m5 .control .btn_prev {left:15px;background-position:0 -300px}
.contents03 #c3m5 .control .btn_next {right:15px;background-position:0 -340px}
.contents03 #c3m5 .control .btn_stop {right:10px;top:-55px;background-position:0 -520px}
.contents03 #c3m5 .control .btn_play {right:10px;top:-25px;background-position:0 -550px}
.contents03 #c3m5 .bx-controls {position:absolute;bottom:0px;left:35px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:left;}
.contents03 #c3m5 .control button:focus{border:2px solid #ff0000;}


ul.ptsns { position:absolute;}
ul.ptsns li { float:left; padding:0 5px; }


.notice_tab {position:relative; height:470px; }
.notice_tab h4 {float:left;position:relative}
#ntab_1 { margin-left:470px; }
#ntab_2 {}

.notice_tab h4 a + span {display:none; position:absolute; background:url(../../images/main/bul_ntab.png) no-repeat; width:9px; height:5px; bottom:-5px; left:75px;}
.notice_tab h4.active a + span {display:block;}
.notice_tab h4 a { width:160px; display:block; height:35px; padding:0px; font-size:1.077em;background:transparent;color:#fff; border:solid 1px #059d9a; line-height:35px;text-decoration:none; text-align:center;}

.notice_tab h4 a:hover, .notice_tab h4 a:active, .notice_tab h4 a:focus { background:#5b5b5b; color:#ffde69; border:solid 1px #5b5b5b;  }
.notice_tab h4.active a { font-size:1.154em;background:#5b5b5b; color:#ffde69; border:solid 1px #5b5b5b;  }
.notice_tab .cont {display:none;position:absolute;top:70px;left:0; width:1280px;}
.notice_tab #ntab_1 + .cont {display:block}

.nt_list li {position:relative; float:left; margin:0 10px; width:300px; list-style:none;background:#fff }
.nt_list li a {display: block; float: none !important; width: 100% !important; color:#1b1b1b; /*font-size:1.076em;line-height:2.142;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal*/ }
.nt_list li a img{ width:300px; height:200px;}
.nt_list li a:hover, .nt_list li a:active, .nt_list li a:focus {color:#3cb896;text-decoration:underline}
.nt_list li .ptinfo { padding:20px 0 15px}
.nt_list li .ptitle {display: block; text-align: left;overflow:hidden; color:#099694; font-size:1.385em; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; margin:0 20px;}
.nt_list li .pcont {color:#888888; line-height:18px;margin:0 20px 20px; height:35px; }
.nt_list li span.pdat {color:#888888; font-size:12px; line-height:18px;margin:0 20px;}


.nt_list li .se4 {position:absolute; right:0; bottom:0;}
.nt_list li .mmore {color:#aaaaaa;margin:0 20px;}

.btn_maintop {width:69px; margin: auto; padding:30px 0;}



/* 비주얼 Slider*/
.tp-banner-container{overflow:hidden !important;}
.tp-banner{position:relative;max-height:none !important;}
.contents01 {overflow:hidden;position:relative;width:100%;/*background:url(/images/kr/common/bg_svisual.png) repeat 50% 50%;*/}
.contents01 .forcefullwidth_wrapper_tp_banner{z-index:10;}

.tp-rightarrow.default {	z-index:999;cursor:pointer; position:relative;	width:25px;	height:43px;	font-size:0 !important; }
.contents01 .tparrows.default{display:none !important;font-size:0; }
.contents01 .tp-rightarrow.default{ background:url(../../images/main/arr_conext.png) no-repeat; position:absolute;top:50% !important;margin-top:-22px !important;right:100px !important;}
.contents01 .tp-leftarrow.default{ background:url(../../images/main/arr_coprev.png) no-repeat; position:absolute;top:50% !important;margin-top:-22px !important;left:100px !important;}
.tparrows.tp-rightarrow:before, .tparrows.tp-leftarrow:before {  content: '' !important; }

.contents01 .side{display:none;}
.contents01 .mousewheel{display:none;}
.contents01 .tp-banner li .slotholder{position:relative;z-index:99;}
.contents01 .tp-banner li .tp_ti{position:absolute;bottom:10px; text-align:right; padding-top:15px; right:0; padding-right:30px; color:#fff;font-size:17px;line-height:22px;z-index:100;}
.contents01 #mSlider{display:none;}

#rvslide { position:absolute; height:513px; width:100%; top:0; left:0; }

.visual_func { position:absolute; z-index:9999; right:2%; top:430px;}
.visual_func button:focus{ border: 2px solid #000; }
.rv-play { display: none; }


@media only screen and (min-width:1200px){
#mSlider{display:none;position:absolute;top:0;right:0;width:100%;height:100%;z-index:10001;}
#mSlider .over{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/images/kr/main/bg_over.png) repeat 50% 50%;z-index:10;}
#mSlider .tp-bann-gn{display:block;position:relative;float:right;width:900px;height:100%;z-index:11;}
#mSlider .tp-bann-gn .view_gn{display:block;overflow:hidden;position:relative;padding:54px 87px;width:100%;height:100%;background:#fafafb url(/images/kr/main/view_gn_bg.gif) no-repeat right top;}
#mSlider .tp-bann-gn .view_gn h2{display:block;margin-bottom:40px;height:68px;background:url(/images/kr/main/tit_h2.png) no-repeat;border-bottom:1px solid #dadadb;font-size:0;line-height:0;}
#mSlider .tp-bann-gn .view_gn h3{margin-bottom:30px;color:#000;font-size:38px;line-height:40px;}
#mSlider .tp-bann-gn .view_gn h3 span{margin-right:12px;}
#mSlider .tp-bann-gn .view {width:100%;position:relative;background:url(bg_photo.gif) repeat left top;overflow:hidden}
#mSlider .tp-bann-gn .view .grap{position:relative;width:744px;}
#mSlider .tp-bann-gn .view ul{position:relative;margin:0 auto;width:10000px;overflow:hidden;text-align:center}
#mSlider .tp-bann-gn .view ul li{float:left;padding-right:20px;margin-bottom:57px}
#mSlider .tp-bann-gn .view ul li a{display:block;width:228px}
#mSlider .tp-bann-gn .view ul li img{display:block;width:100%;height:230px}
#mSlider .tp-bann-gn .view ul li a b{display:block;margin-top:10px;color:#000;font-size:20px;line-height:24px;text-align:center;font-weight:normal}
#mSlider .tp-bann-gn .view ul li a span{padding-right:5px;color:#7b7b7b;text-align:center;line-height:20px;}
#mSlider .tp-bann-gn .photo_scrollbar{position:relative;margin:0 auto;width:600px;height:16px}
#mSlider .tp-bann-gn .photo_controll{position:absolute;bottom:0;width:600px;height:16px;background:url(/images/kr/main/bar_photo.gif) no-repeat}
#mSlider .tp-bann-gn .photo_controll a{display:block;width:50px;height:16px;position:absolute;left:30px;top:0;margin-left:-15px;cursor:pointer}
#mSlider .tp-bann-gn .close_gn{display:block;position:absolute;top:41px;left:-108px;width:108px;height:108px;background:url(/images/kr/main/vclose_gn.png) no-repeat;font-size:0;line-height:0;}

}
/* Slider*/

@media (min-width:1025px) {
	
	.visionsaha {display:block;}

}


@media (min-width:800px) and (max-width:1024px) {

	#container .inner { padding:0;    width:960px;}
	.visionsaha {display:none;}
	
	.visual_func { top: 270px; }
	
	.contents01 { background:#a9e3f9; }
	
	.contents02 .c2m1 {    margin-bottom: 10px; }
	.contents02 .c2m3 {    float: left;     margin: 10px 10px 50px;}
	.contents02 .c2m4{    float: left; width:300px;    margin: 10px;    text-align:center; background:#564aba;}
	.contents02 .c2m5 {    float: left; width:300px; text-align:center;    margin: 10px;background:#f24288; }
	
	.contents03 .c3m3 { margin: 10px 10px; }
	.contents03 .c3m1 {    margin: 0 10px 10px; }
	.contents03 .c3m4 { margin-bottom:50px }
	.contents03 .c3m5 {    width: 620px; }
	#ntab_1 {    margin-left: 316px; }
	.notice_tab {    position: relative;    height: 865px;}
	.notice_tab .cont {    width: 640px; left:160px;}
	.nt_list li {margin-bottom:20px;}
	

}

@media (min-width:600px) and (max-width:799px) {

	
	#container .inner { padding:0;    width:640px; position:relative;}
	
	#rvslide {visibility:hidden; display:none; }
		
	.contents02 .c2m1 {    margin: 10px;float: inherit;}
	.contents02 .c2m2 {    position: relative; float: inherit; margin: 10px; float:left; margin-bottom:50px}
	.contents02 .c2m3 { margin: 10px 10px; }
	
	.contents03 .c3m1 {    margin: 0 10px 20px; }
	.contents03 .c3m4 { margin-bottom:50px }
	
	#ntab_1 {    margin-left: 156px; }
	.notice_tab {    position: relative;    height: 865px;}
	.notice_tab .cont {    width: 640px; left:0;}
	.nt_list li {margin-bottom:20px;}
	

}




@media (max-width:599px) {

	#container .inner { padding:0; min-width: 320px;  width:320px; position:relative;}	
	
	#rvslide {visibility:hidden; display:none; }
	
	#container .contents h3.slug img{  width:95%;}
	
	#container .contents h3.h3title img{  width:95%;}
	#container .contents .contents04 h3.h3title  img{  width:223px;}
	.contents01 .twwBox {    width: 100%;    margin: auto;    height: auto; }
	.contents01 .twwBox .weatherBox {	position:absolute;    float: inherit;    width: 100%;    color: #fff; }
	.contents01 .twwBox .todayBox {margin:105px 0 25px 25px;}
	.contents01 .twwBox .weatherBox2 { float:right;margin:105px 0 25px;}
	
	
	.quickmenu { width:100%; height:125px; z-index:10; margin:auto;}  
	.quickmenu ul { width:100%;}
	.quickmenu ul li {width:25%; float:left; }
	.quickmenu ul li:first-child { background:none; }
	.quickmenu ul li a{ display: block;width:74px; height:95px; overflow: hidden; position: relative; padding:0 0; font-size: 0; line-height: 16px; letter-spacing: -1px; text-align: center; cursor: pointer; margin:auto;}
	
	
	.contents02 .c2m1 { margin: 10px 0;float: inherit; width: 320px; height: 280px; }
	.contents02 .c2m1 ul#slider_visual li {width:320px; overflow:hidden;}
	.contents02 .c2m1 ul#slider_visual li img { width: 100%; height: 280px; /*margin-left: -160px; padding-right:160px;*/ }
	.contents02 .c2m2 {    position: relative; float: inherit; margin: 10px; float:left; margin-bottom:20px}
	.contents02 .c2m5 { margin-bottom:40px; }
	
	.contents03 .c3m1 {    width: 300px; margin-bottom:20px;}
	.contents03 #c3m1 ul {    margin-left: 14px; width: 300px; }
	.contents03 .c3m3 {    margin: 10px 10px;}
	.contents03 .c3m5 {    margin: 20px 10px 40px;}
	.contents03 #c3m1 ul li { width: 45%; }
	
	
	
	
	#ntab_1 {    margin-left: 7px; }
	.notice_tab h4 a {    width: 150px; }
	.notice_tab {    position: relative;    height: 1630px;}
	.notice_tab .cont {    width: 100%; left:0;}
	.nt_list li {margin-bottom:20px;}
	


}