@charset "utf-8";


#container {background:none; letter-spacing:-0.05em; }


#visual {position:relative;}
#visual .slick-list {width:100%; height:830px;}
#visual:after {content:'SCROLL DOWN'; clear:both; display:block; position:absolute; bottom:0; left:50%; width:97px; height:44px; background:url(/tour/img/main/cu_scrol.png) no-repeat 50% 0; }
#visual .incon > div {height:830px; position:relative; box-sizing:border-box; padding:105px 50px 0px 50px; }
#visual .incon.n01 { background:url(/tour/img/main/cu_bg02.jpg) no-repeat 50% 0; background-size:cover;}
#visual .incon.n02 { background:url(/tour/img/main/cu_bg01.jpg) no-repeat 50% 0; background-size:cover;}
#visual .incon.n03 { background:url(/tour/img/main/cu_bg07.jpg) no-repeat 50% 0; background-size:cover;}
#visual .incon.n04 { background:url(/tour/img/main/cu_bg04.jpg) no-repeat 50% 0; background-size:cover;}
#visual .incon.n05 { background:url(/tour/img/main/cu_bg03.jpg) no-repeat 50% 0; background-size:cover;}
#visual .incon.n06 { background:url(/tour/img/main/cu_bg06.jpg) no-repeat 50% 0; background-size:cover;}
#visual .incon.n07 { background:url(/tour/img/main/cu_bg05.jpg) no-repeat 50% 0; background-size:cover;}
#visual .incon.n08 { background:url(/tour/img/main/cu_bg08.jpg) no-repeat 50% 0; background-size:cover;}
#visual .incon.n09 { background:url(/tour/img/main/cu_bg09.jpg) no-repeat 50% 0; background-size:cover;}

#visual .controll {position:relative; width:1200px; margin:0 auto; z-index:1000;}
#visual .controll .prev-slide {width:50px; height:50px; border-radius:50%; text-indent:-99999px; z-index:100; background:#fff url(/tour/img/main/cu_prev.png) no-repeat 50% 50%; position:absolute; top:-125px; right:260px;}
#visual .controll .next-slide {width:50px; height:50px; border-radius:50%; text-indent:-99999px; z-index:100; background:#fff url(/tour/img/main/cu_next.png) no-repeat 50% 50%; position:absolute; top:-125px; right:200px;}
#visual .controll .stop-slide  {width:30px; height:30px; border-radius:50%; text-indent:-99999px; z-index:100; background:url(/tour/img/main/cu_stop.png) no-repeat 50% 50%; position:absolute; top:-706px; left:581px;}
#visual .controll .start-slide  {width:30px; height:30px; border-radius:50%; text-indent:-99999px; z-index:100; background:url(/tour/img/main/cu_play.png) no-repeat 50% 50%; position:absolute; top:-706px; left:581px;}

#visual ul.slick-dots{position:absolute; top:125px; left:50%; display:block; height:5px; width:1200px; margin:0 auto 0 -600px; box-sizing:border-box; padding-left:320px;}
#visual ul.slick-dots li{display:inline-block; }
#visual ul.slick-dots li button{width:15px; height:15px; border-radius:50%; background:#fff; text-indent:-999999px; margin:0 6px; outline-width: 3px; outline-color: #f02a2a; outline-offset: 3px;}
#visual ul.slick-dots li.slick-active button{background:#fcff36;/*background: repeating-linear-gradient( 45deg, #fcff36, #fcff36 3px, #ffffce 3px, #d5d583 5px )*/;width: 28px;height: 28px;}

#visual .incon h3 {margin-bottom:20px; position:relative; z-index:1;}
#visual .incon h3 img {margin-bottom:5px;}
#visual .incon p.copy {color:#fff; font-size:18px; font-weight:200; margin-bottom:70px;}
#visual .incon p.mmap {position:absolute; top:110px; right:30px; z-index:0;}
#visual ul.cil {position:relative; z-index:1;}
#visual ul.cil li { float:left; margin-right:30px;}
#visual ul.cil li a { width:190px; height:190px; border-radius:50%; display:block; text-align:center; box-sizing:border-box; color:#fff; letter-spacing:0; position:relative; transition:all .1s;}
#visual ul.cil li a:before {background:rgba(36,111,216,0.8) url(/tour/img/main/cu_arrow.png) no-repeat 50% 135px; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; z-index:0; transition:all .3s;}
#visual ul.cil li a span.num {display:block; padding-top:60px; font-size:16px;  z-index:100; position:relative; margin-bottom:3px; transition:all .3s;}
#visual ul.cil li a span.tit {display:block; font-size:24px; letter-spacing:-0.05em;  z-index:100;  position:relative; transition:all .3s;}
#visual ul.cil li a:hover {border:10px solid rgba(255,255,255,0.5);}
#visual ul.cil li a:hover:before {opacity:0;}
#visual ul.cil li a:hover span.num {opacity:0;}
#visual ul.cil li a:hover span.tit {opacity:0;}

#visual a.more{padding:5px 0px; border:1px solid #dedede; color:#fff; display:inline-block; width:110px; text-align:center; transition:all .3s; display:none;}
#visual a.more:hover {background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0);  color:#000; font-weight:400; }

#visual div.incon.n02 ul.cil li:nth-child(1) a {background:url(/tour/img/main/cu_0101.jpg) no-repeat 50% 50%;}
#visual div.incon.n02 ul.cil li:nth-child(2) a {background:url(/tour/img/main/cu_0102.jpg) no-repeat 50% 50%;}
#visual div.incon.n02 ul.cil li:nth-child(3) a {background:url(/tour/img/main/cu_0103.jpg) no-repeat 50% 50%;}

#visual div.incon.n04 ul.cil li:nth-child(1) a {background:url(/tour/img/main/cu_0401.jpg) no-repeat 50% 50%;}
#visual div.incon.n04 ul.cil li:nth-child(2) a {background:url(/tour/img/main/cu_0402.jpg) no-repeat 50% 50%;}
#visual div.incon.n04 ul.cil li:nth-child(3) a {background:url(/tour/img/main/cu_0403.jpg) no-repeat 50% 50%;}

#visual div.incon.n05 ul.cil li:nth-child(1) a {background:url(/tour/img/main/cu_0301.jpg) no-repeat 50% 50%;}
#visual div.incon.n05 ul.cil li:nth-child(2) a {background:url(/tour/img/main/cu_0302.jpg) no-repeat 50% 50%;}
#visual div.incon.n05 ul.cil li:nth-child(3) a {background:url(/tour/img/main/cu_0303.jpg) no-repeat 50% 50%;}

#visual div.incon.n07 ul.cil li:nth-child(1) a {background:url(/tour/img/main/cu_0501.jpg) no-repeat 50% 50%;}
#visual div.incon.n07 ul.cil li:nth-child(2) a {background:url(/tour/img/main/cu_0502.jpg) no-repeat 50% 50%;}



#visual div.incon.n08 ul.cil li:nth-child(1) a {background:url(/tour/img/main/cu_0801.jpg) no-repeat 50% 50%;}
#visual div.incon.n08 ul.cil li:nth-child(2) a {background:url(/tour/img/main/cu_0802.jpg) no-repeat 50% 50%;}
#visual div.incon.n08 ul.cil li:nth-child(3) a {background:url(/tour/img/main/cu_0803.jpg) no-repeat 50% 50%;}

#visual div.incon.n09 ul.cil li:nth-child(1) a {background:url(/tour/img/main/cu_0901.jpg) no-repeat 50% 50%;}
#visual div.incon.n09 ul.cil li:nth-child(2) a {background:url(/tour/img/main/cu_0902.jpg) no-repeat 50% 50%;}
#visual div.incon.n09 ul.cil li:nth-child(3) a {background:url(/tour/img/main/cu_0903.jpg) no-repeat 50% 50%;}

.con_wrap img {display: block;}

.mbottom {position:relative; padding-top:75px;}
.mbottom:before{z-index:-1;background:#f2f2f2 url(/tour/img/main/mbg.jpg) no-repeat 0 0px; width:2000px; height:100%; top:0; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""}

div.mb_01 {position:relative; margin-bottom:60px;}
.popbox { float:left; background:#ccc; margin-right:20px; position:relative;} 
.popbox div.incon {position:relative; height:400px; box-sizing:border-box;  color:#fff; font-weight:200;}
.popbox h3 {position:absolute; top:0; right:20px;  width:70px; height:80px; text-align:center; line-height:70px; z-index:100; color:#fff;}
.popbox div.incon p.tit {margin-bottom:20px; line-height:1em;}
.popbox div.incon p.tit span{font-weight:400; }
.popbox div.incon p.copy {line-height:1.5em; margin-bottom:30px;}
.popbox div.incon a {padding:5px 0px; border:1px solid #dedede; color:#fff; display:inline-block; width:110px; text-align:center; transition:all .3s;}
.popbox div.incon a:hover {background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0);  color:#000; font-weight:400; }

.popbox.p01 {width:500px; position:relative;}
.popbox.p01 h3 {background:url(/tour/img/main/flag01.png) no-repeat right 0; }
.popbox.p01 div.incon {padding:50px;}
.popbox.p01 div.incon p.tit {font-size:38px;}
.popbox.p01 .n01 {background:url(/tour/img/main/pop01.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p01 .n02 {background:url(/tour/img/main/pop02.jpg) no-repeat 50% 50%; background-size:cover;}

.popbox.p01 div.control {position:absolute; bottom:30px; right:30px;}
.popbox.p01 div.control button {background:rgba(0,0,0,0.7); width:40px; height:40px; float:left; margin-left:1px; text-indent:-99999px; transition:all .3s;}
.popbox.p01 div.control button.prev-slide {background:rgba(255,255,255,1) url(/common/img/bul.png) no-repeat -120px 0px;}
.popbox.p01 div.control button.next-slide {background:rgba(255,255,255,1) url(/common/img/bul.png) no-repeat -120px -40px;}
.popbox.p01 div.control button.stop-slide {background:rgba(255,255,255,1) url(/common/img/bul.png) no-repeat -120px -120px;}
.popbox.p01 div.control button.start-slide {background:rgba(255,255,255,1) url(/common/img/bul.png) no-repeat -120px -80px;}
.popbox.p01 div.control button:hover {background-color:rgba(255,255,255,0.7);}

.popbox.p02 ul.slick-dots, .popbox.p03 ul.slick-dots {position:absolute; bottom:35px; display:block; text-align:center; width:100%; height:15px;}
.popbox.p02 ul.slick-dots li, .popbox.p03 ul.slick-dots li {display:inline-block; }
.popbox.p02 ul.slick-dots li button, .popbox.p03 ul.slick-dots li button {width:15px; height:15px; border-radius:50%; background:#fff; text-indent:-999999px; margin:0 7px;outline-width: 3px;outline-color: #f02a2a;outline-offset: 3px;}
.popbox.p02 ul.slick-dots li.slick-active button, .popbox.p03 ul.slick-dots li.slick-active button {background: #fcff36; width: 20px; height: 20px;}

.popbox.p02 { width:330px; }
.popbox.p02 h3 {background:url(/tour/img/main/flag02.png) no-repeat right 0; }
.popbox.p02 .n01 {background:url(/tour/img/main/u_01.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p02 .n02 {background:url(/tour/img/main/u_02.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p02 .n03 {background:url(/tour/img/main/u_03.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p02 .n04 {background:url(/tour/img/main/u_04.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p02 .n05 {background:url(/tour/img/main/u_05.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p02 .n06 {background:url(/tour/img/main/u_06.jpg) no-repeat 50% 50%; background-size:cover;}


.popbox.p03  { width:330px; margin-right:0;}
.popbox.p03 h3 {background:url(/tour/img/main/flag03.png) no-repeat right 0; }
.popbox.p03 .n01 {background:url(/tour/img/main/h_01.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p03 .n02 {background:url(/tour/img/main/h_02.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p03 .n03 {background:url(/tour/img/main/h_03.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p03 .n04 {background:url(/tour/img/main/h_04.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p03 .n05 {background:url(/tour/img/main/h_05.jpg) no-repeat 50% 50%; background-size:cover;}
.popbox.p03 .n06 {background:url(/tour/img/main/h_06.jpg) no-repeat 50% 50%; background-size:cover;}

.popbox.p02 div.incon, .popbox.p03 div.incon {padding:50px 30px;}
.popbox.p02 div.incon p.tit, .popbox.p03 div.incon p.tit {font-size:30px; font-weight:400;}

div.mb_02 {position:relative; padding-bottom:60px;}

div.mb_02 h2 {text-align:center; margin-bottom:38px;}
div.mb_02 ul li {background:#fff; display:block; margin:0 8px;}
div.mb_02 ul li a {}
div.mb_02 ul li a p { overflow:hidden; position:relative;}
div.mb_02 ul li a p:after {display:block; background:rgba(0,0,0,0.8) url(/tour/img/main/dot.png) no-repeat 50% 30%; content:'자세히보기'; position:absolute; width:100%; height:100%; z-index:100; top:0; left:0; opacity:1; padding-top:35%; text-align:center; color:#fff; opacity:0; transition:all .3s;}
div.mb_02 ul li a p img {width:100%;}
div.mb_02 ul li a dl {padding:25px;  transition:all .3s;}
div.mb_02 ul li a dl dt {font-size:20px; color:#2e3238; font-weight:600; margin-bottom:10px;  transition:all .3s; overflow:hidden; height:55px;}
div.mb_02 ul li a dl dd {font-size:14px; color:#6d6d6d; line-height:1.5em; overflow:hidden; height:65px; overflow: hidden; text-overflow: ellipsis;  transition:all .3s;}

div.mb_02 button.slick-arrow {width:35px; height:35px; border-radius:50%; background-color:#29303a; text-indent:-99999px;}
div.mb_02 button.slick-prev.slick-arrow {background:#29303a url(/common/img/bul.png) no-repeat -164px -3px; position:absolute; top:-70px; left:30%;}
div.mb_02 button.slick-next.slick-arrow {background:#29303a url(/common/img/bul.png) no-repeat -161px -43px;position:absolute; top:-70px; right:30%;}

div.mb_02 ul li a:hover p:after {opacity:1;}
div.mb_02 ul li a:hover dl {background:#356dd2;}
div.mb_02 ul li a:hover dl dt, div.mb_02 ul li a:hover dl dd {color:#fff;}

div.quick_site {background:rgba(255,255,255,0.85); width:230px; position:absolute; top:0; right:0; height:100%; box-sizing:border-box; padding:0px 70px 0px 25px;}

.weather { padding:55px 0 0 0; margin-bottom:40px; text-align:center; color:#000;}
.weather img.wea_icon { margin-bottom:10px;}
.weather div { margin-top:10px;}
.weather p.wea_tit {font-size:18px; color:#333; margin-bottom:15px;}
.weather p.wea_tit span {color:#f02a2a; font-weight:200; display:inline-block; padding-right:10px; position:relative; font-size:27px;}
.weather p.wea_tit span:after {content:'℃'; display:inline-block; width:10px; height:11px; font-size:19px; color:#000; position:absolute; top:3px; right:0;}
.weather p.wea_con {font-size:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#666; }
.weather p.wea_con span {color:#2f76d4; margin-left:10px;display:inline-block;}

div.quick_site {}
div.quick_site ul li {border:1px solid #d6d6d6; border-bottom:0; box-sizing:border-box;}
div.quick_site ul li:last-child {border-bottom:1px solid #d6d6d6;}
div.quick_site ul li a {display:block; padding:20px 0 20px 55px ;}

div.quick_site ul li:nth-child(1) a{background:rgba(255,255,255,0.50) url(/tour/img/main/r_icon01.png) no-repeat 5px 50%; } 
div.quick_site ul li:nth-child(2) a{background:rgba(255,255,255,0.50) url(/tour/img/main/r_icon02.png) no-repeat 5px 50%; } 
div.quick_site ul li:nth-child(3) a{background:rgba(255,255,255,0.50) url(/tour/img/main/r_icon03.png) no-repeat 5px 50%; } 
div.quick_site ul li:nth-child(4) a{background:rgba(255,255,255,0.50) url(/tour/img/main/r_icon04.png) no-repeat 5px 50%; } 
div.quick_site ul li:nth-child(5) a{background:rgba(255,255,255,0.50) url(/tour/img/main/r_icon05.png) no-repeat 5px 50%; } 
div.quick_site ul li a:hover {background-color:#78a5e5; color:#fff;}


@media only screen and (max-width:1550px) {
	div.quick_site {display:none;}
}
@media only screen and (max-width:1200px) {
#visual .controll {position:relative; width:100%; margin:0 auto; z-index:1000;}
#visual .controll .prev-slide {display:none;}
#visual .controll .next-slide {display:none;}
#visual .controll .stop-slide  {width:21px; height:21px; border-radius:50%; text-indent:-99999px; z-index:100; background:url(/tour/img/main/cu_stop.png) no-repeat 50% 50%; position:absolute; top:-70px; left:50%; margin-left:110px;}
#visual .controll .start-slide  {width:21px; height:21px; border-radius:50%; text-indent:-99999px; z-index:100; background:url(/tour/img/main/cu_play.png) no-repeat 50% 50%; position:absolute; top:-70px; left:50%; margin-left:110px;}

#visual ul.slick-dots{ top:auto; bottom:68px; left:50%; display:block; width:200px; margin:0 auto 0 0px;  padding-left:0; margin-left:-100px;}
#visual:after {display:none; }

.popbox { float:left; background:#ccc; margin-right:1.7%; position:relative;} 
.popbox.p01 {width:41.6%; position:relative;}
.popbox.p02 { width:27.5%; }
.popbox.p03  { width:27.5%; margin-right:0;}
}


@media only screen and (max-width:1024px) {

div.mb_02 button.slick-prev.slick-arrow { left:25%;}
div.mb_02 button.slick-next.slick-arrow { right:25%;}

}

@media only screen and (max-width:860px) {

#visual .incon p.mmap {display:none;}
.popbox { float:left; background:#ccc;  position:relative;} 
.popbox.p01 {width:100%; position:relative; margin-bottom:20px;  margin-right:0;}
.popbox.p02 { width:48.5%; margin-right:3%;}
.popbox.p03  { width:48.5%; margin-right:0;}

.popbox.p01 .incon {background-size:100%!important;}


div.mb_02 button.slick-prev.slick-arrow { left:15%;}
div.mb_02 button.slick-next.slick-arrow { right:15%;}
}

@media only screen and (max-width:768px) {

#visual .slick-list {width:100%; height:auto;}
#visual .incon > div {height:575px; position:relative; box-sizing:border-box; padding:62px 45px 0px 45px; }
#visual ul.cil {display:none;}
#visual .incon p.copy { margin-bottom:40px;}
#visual .incon p.copy br {display:none;}
#visual a.more{padding:5px 0px; border:1px solid #dedede; color:#fff; width:110px; text-align:center; transition:all .3s; display:inline-block; }
#visual a.more:hover {background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0);  color:#000; font-weight:400; }

.mbottom {position:relative; padding-top:20px;}

}


@media only screen and (max-width:600px) {
.popbox.p01 {width:100%;  margin-bottom:20px;  margin-right:0;}
.popbox.p02 { width:100%; margin-bottom:20px;  margin-right:0;}
.popbox.p03  { width:100%;  margin-right:0;}

.popbox.p01 .incon {background-size:cover!important;}
.popbox.p02 .incon {background-size:cover!important;}
.popbox.p03 .incon {background-size:cover!important;}

div.mb_02 h2 {text-align:center; margin-bottom:38px; width:60%; margin:0 auto 38px auto;}
div.mb_02 button.slick-prev.slick-arrow { left:10%;}
div.mb_02 button.slick-next.slick-arrow { right:10%;}
}

@media only screen and (max-width:420px) {
div.mb_02 button.slick-prev.slick-arrow { left:0%;}
div.mb_02 button.slick-next.slick-arrow { right:0%;}
}


/***상단gnb***/
.topgnb {display: none;}

@media only screen and (max-width:1024px) {
	.sitelink1 {display: none;}
	.topgnb {display: block;}
	.subtop_gnb .slick-list {width: 86%; margin: 0 auto;}
	.subtop_gnb button {position: absolute; display: inline-block; vertical-align: top; width: 7%; height: 39px;  text-indent:-99999px;}
	.subtop_gnb button.slick-prev {left: 0; top: 0; background: #fff url(/common/img/gnb_prev.png) no-repeat center;}
	.subtop_gnb button.slick-next {right: 0; top: 0; background: #fff url(/common/img/gnb_next.png) no-repeat center; border-left: 1px solid #c1c8cc;}
}