@charset "utf-8";

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


#mcon { position:relative; box-sizing:border-box;}

.mtop {position:relative; height:783px; background:#000;}





#visual {position:relative;}
#visual .incon > div {height:783px; position:relative; box-sizing:border-box; padding:0px 50px 0px 50px; }
#visual .incon.n01 { background:url(/eng/img/main/cu_bg01.jpg) no-repeat 50% 0; background-size:cover;}
#visual .incon.n02 { background:url(/eng/img/main/cu_bg02.jpg) no-repeat 50% 0; background-size:cover;}
#visual .incon.n03 { background:url(/eng/img/main/cu_bg03.jpg) no-repeat 50% 0; background-size:cover;}


#visual .controll {position:relative; width:1200px; margin:0 auto; z-index:1000;}
#visual .controll .prev-slide {display:none; 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 {display:none; 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: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:-477px; left:55%;}
#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:-477px; left:55%;}


#visual .vb_text {position:absolute; top:100px; left:50%; display:block;  width:1200px; margin:0 auto 0 -600px; box-sizing:border-box; text-align: center; color:#fff;}
#visual .vb_text .mtit_m{font-size:18px; font-weight: 200; padding-top:22px; line-height: 23px; letter-spacing: 0;}


#visual ul.slick-dots{position:absolute; top:302px; left:50%; display:block; height:5px; width:1200px; margin:0 auto 0 -600px; box-sizing:border-box; text-align: center; }
#visual ul.slick-dots li{display:inline-block; }
#visual ul.slick-dots li button{width:20px; height:20px; background:url(/eng/img/main/aaa1.png) no-repeat 0 0; text-indent:-999999px; margin:0 6px;}
#visual ul.slick-dots li.slick-active button{background:url(/eng/img/main/aaa.png) no-repeat 0 0;}

#visual .micom{position:absolute; top:430px; left:50%; display:block; height:5px; width:1200px; margin:0 auto 0 -600px; box-sizing:border-box; text-align: center;}
#visual ul.cil { margin:0 auto; width:57.6%;}
#visual ul.cil li { float:left; margin-right:100px;}
#visual ul.cil li a { width:160px; height:160px; 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 { 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;  padding-top:102px; font-size:16px; letter-spacing:0; font-weight: 100; z-index:100;  position:relative; transition:all .3s;}
#visual ul.cil li:last-child{margin-right:0px;}

#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 ul.cil li:nth-child(1) a { background-color:rgba(31,147,56,0.8);}
#visual ul.cil li:nth-child(1) a:before{background:url(/eng/img/main/cu_0101.png) no-repeat 50% 37px;}
#visual ul.cil li:nth-child(2) a {background-color:rgba(24,91,184,0.8); }
#visual ul.cil li:nth-child(2) a:before{background:url(/eng/img/main/cu_0102.png) no-repeat 50% 37px;}
#visual ul.cil li:nth-child(3) a {background-color:rgba(9,114,140,0.8);}
#visual ul.cil li:nth-child(3) a:before{ background:url(/eng/img/main/cu_0103.png) no-repeat 50% 37px;}


#visual ul.cil li:nth-child(1) a:hover { background-color:rgba(31,147,56,1);}

#visual ul.cil li:nth-child(2) a:hover {background-color:rgba(48,104,155,1); }

#visual ul.cil li:nth-child(3) a:hover {background-color:rgba(59,139,144,1);}



@media only screen and (max-width:1000px){
	#visual .vb_text {position:absolute; top:50px; }
	.mtop {position:relative; height:511px; background:#000;}

	#visual .incon > div {height:511px; position:relative; box-sizing:border-box; padding:0px 50px 0px 50px; }

	#visual ul.slick-dots{position:absolute; top:208px;  }
	#visual .micom{position:absolute; top:256px;}


	#visual .controll { width:100%;}	
	#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:-300px; left:58%;}
	#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:-300px; left:58%;}




}



@media only screen and (max-width:768px){
	#visual .vb_text img{width:20%; }
	#visual ul.cil { margin:0 auto; width:38%;}
	#visual ul.cil li { float:left; margin-right:-5%;}

}


@media only screen and (max-width:450px){
	#visual .micom{ width:100%; margin:0 auto 0 -50%; box-sizing:border-box; text-align: center; }
	#visual ul.cil { width:100%; padding:0 10px; box-sizing:border-box;}
	#visual ul.cil li { float:left; margin-right:-5%;}
	#visual ul.cil li a { width:120px; height:120px;}
	.mtop {height:450px;}
	#visual .incon > div {height:450px;}

	#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:-255px; left:66%;}
	#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:-255px; left:66%;}

	#visual .micom {padding-left:8%;}




	#visual ul.cil li:nth-child(1) a:before{background:url(/eng/img/main/cu_0101.png) no-repeat 50% 20px; background-size:50%;}	
	#visual ul.cil li:nth-child(2) a:before{background:url(/eng/img/main/cu_0102.png) no-repeat 50% 20px; background-size:50%;}	
	#visual ul.cil li:nth-child(3) a:before{ background:url(/eng/img/main/cu_0103.png) no-repeat 50% 20px; background-size:45%;}

	#visual ul.cil li a span.tit{padding-top:75px;}


}

@media only screen and (max-width:380px){
	#visual .micom {padding-left:0%;}
	#visual ul.cil li { float:left; margin-right:-10%;}
}
.midlink {position:relative;  text-align:center; padding:53px 0px 64px 0;  box-sizing:border-box; position:relative; clear:both; margin-bottom:83px; }
.midlink:before{z-index:-1;background:#185bb8; width:2000px; height:100%; top:0px; position:absolute;left:50%; display:block; content:"";margin-left: -1000px; display:block; content:""}
.midlink h3{font-size:35px; padding-bottom:37px; font-weight: 200; letter-spacing: 0; color:#fff;}
.midlink ul {width:100%; box-sizing:border-box;  }
.midlink li {display:block; width:100%; text-align:center; position:relative;margin-left:-1px; }
.midlink li:before {content:''; position:absolute; top:0px; left:0;}
.midlink li a { display:block; letter-spacing: 0; font-weight:200; font-size:16px; color:#fff;}
.midlink li a:before {content:''; width:171px; height:79px; display:block; margin:0 auto 30px auto; }

.midlink li.c01 a:before {background:url(/eng/img/main/icon_02.png) no-repeat 0px 0;}
.midlink li.c02 a:before {background:url(/eng/img/main/icon_02.png) no-repeat -171px 0;}
.midlink li.c03 a:before {background:url(/eng/img/main/icon_02.png) no-repeat -342px 0;}
.midlink li.c04 a:before {background:url(/eng/img/main/icon_02.png) no-repeat -513px 0;}
.midlink li.c05 a:before {background:url(/eng/img/main/icon_02.png) no-repeat -684px 0;}
.midlink li.c06 a:before {background:url(/eng/img/main/icon_02.png) no-repeat -855px 0;}
.midlink li.c07 a:before {background:url(/eng/img/main/icon_02.png) no-repeat -1026px 0;}
.midlink li a:hover {color:#fff;}

.midlink li a:hover{color:#3fe6ff; }
.midlink li.c01 a:hover:before {background:url(/eng/img/main/icon_02.png) no-repeat 0px -79px;}
.midlink li.c02 a:hover:before {background:url(/eng/img/main/icon_02.png) no-repeat -171px -79px;}
.midlink li.c03 a:hover:before {background:url(/eng/img/main/icon_02.png) no-repeat -342px -79px;}
.midlink li.c04 a:hover:before {background:url(/eng/img/main/icon_02.png) no-repeat -513px -79px;}
.midlink li.c05 a:hover:before {background:url(/eng/img/main/icon_02.png) no-repeat -684px -79px;}
.midlink li.c06 a:hover:before {background:url(/eng/img/main/icon_02.png) no-repeat -855px -79px;}
.midlink li.c07 a:hover:before {background:url(/eng/img/main/icon_02.png) no-repeat -1026px -79px;}

.midlink button {text-indent:-999999px; width:40px; height:40px; z-index:3000;}
.midlink button.slick-prev { position:absolute; background:url(/common/img/bul.png) no-repeat -121px -1px; position:absolute; bottom:-50px; right:50%;  background-color:rgba(255,255,255,0.5); }
.midlink button.slick-next { position:absolute; background:url(/common/img/bul.png) no-repeat -118px -41px; position:absolute;  bottom:-50px; left:50%; margin-left:2px;  background-color:rgba(255,255,255,0.5); }

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

	.midlink li{margin-bottom:30px;}
}


.new_01{position:relative; padding-bottom:66px;}
.gujung01 {position:relative!important; width:98%; float:left; }
.gujung01 .tit { padding-bottom:32px;}
.gujung01 .tit .btxt { margin-right:7px;  font-size:35px; font-weight:100; color:#333333; }
.gujung01 .tit .stxt { font-size:20px; color:#aaaaaa; }
.gujung01 .tit .more { float:right; font-size:13px; color:#444; letter-spacing:-0.09em; display:block;}
.gujung01 .tit .more span {padding-right:15px; display:inline-block;}
.gujung01 ul {position:relative; margin:0 -0.5%; }
.gujung01 li {  margin:0 0.5% 0px 0%; }
.gujung01 li:last-child{margin-right:0;}
.gujung01 li:hover .btxt a, .msec-gujung li:hover .stxt { text-decoration:underline;}
.gujung01 li:hover img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);}
.gujung01 .img {position:relative; overflow:hidden; height:270px;}
.gujung01 .img img {width:100%; height:100%; transition:all 1.0s;-webkit-transition:all 1.0s;-moz-transition:all 1.0s;}
.gujung01 .img .over { width:100%; height:100%;  position:absolute; left:0; right:0; top:0; bottom:0; display:none;}
.gujung01 .img span{position:absolute; right:0; top:0px; padding:10px 30px; font-size:14px; color:#fff;}
.gujung01 span.text1{background-color:rgba(77,85,95,0.9);}
.gujung01 span.text2{background-color:rgba(226,158,13,0.9);}
.gujung01 .img .over .more { width:62px; height:62px; position:absolute; left:50%; top:50%; margin-left:-31px; margin-top:-31px; font-size:0;  display:block;}
.gujung01 .txt {position:relative; background:#f0f0f0; padding:30px 27px; }
.gujung01 .txt .btxt a { font-size:23px;  line-height: 30px; color:#333; display:block; white-space:nowrap;overflow: hidden; text-overflow:ellipsis; width:100%; margin-bottom:20px;}
.gujung01 .txt .stxt1 {font-size:14px; color:#939393; margin:7px 0 25px; display:block; font-weight: 100; letter-spacing:0; white-space: normal; line-height: 20px; height:4em; overflow:hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gujung01 .more_aaa{ font-size:12px; letter-spacing: 0; font-weight: 100; color:#353d47;  }


.gujung01 .control{}
.gujung01 .control a{display:inline-block; vertical-align:top;width:40px; height:40px; margin:0; padding:0px; box-sizing:border-box; border:1px solid #ccc;}
.gujung01 .control a.stop-slide{background:url(/eng/img/main/slider01_stop.png) no-repeat -1px -1px; position:absolute; top:0; right:15px;}
.gujung01 .control a.start-slide{background:url(/eng/img/main/slider01_play.png) no-repeat -1px -1px; position:absolute; top:0; right:15px;}
.gujung01 .control a.prev-slide{background:url(/common/img/bul.png) no-repeat -121px -1px; position:absolute; top:0; right:93px;}
.gujung01 .control a.next-slide{background:url(/common/img/bul.png) no-repeat -118px -41px; position:absolute; top:0; right:54px;}

/*
.gujung01 button {text-indent:-999999px; width:38px; height:38px; z-index:9000; box-sizing:border-box;}
.gujung01 button.slick-prev {background:url(/common/img/bul.png) no-repeat -121px -1px; position:absolute; top:-66px; left:0;}
.gujung01 button.slick-next {background:url(/common/img/bul.png) no-repeat -118px -41px; position:absolute; top:-66px; left:0;}
*/



#news_box {  width:31.91%; float:right; position:relative;}
#news_box  h3{font-weight: 100; font-size:35px; padding-bottom:40px; letter-spacing: 0; color:#333333;}
#popup ul.Slide01 li a {display:block; overflow:hidden;}
#popup ul.Slide01 li img {  box-sizing:border-box; height:100%; min-width:auto;}
#popup div.controll {position:absolute; top:20px; right:15px;}
#popup div.controll a {width:5px; height:7px; display:block; text-indent:-999999px; background:#ccc; }
#popup div.controll a.start-slide {background:url(/common/img/bul.png) no-repeat 0 -79px;}
#popup div.controll a.stop-slide {background:url(/common/img/bul.png) no-repeat 0 -101px;}

#popup ul.slick-dots {position:absolute; top:-50px; right:0px;  }
#popup ul.slick-dots li {float:left; display:block; width:19px; height:19px; text-align:center; line-height:20px; margin:0px 1px;}
#popup ul.slick-dots li button {background:#353d47; display:block; width:19px; height:19px; text-indent:-999999px; background:url(/eng/img/main/round_1.png) no-repeat; }
#popup ul.slick-dots li.slick-active button {background:url(/eng/img/main/round.png) no-repeat;  text-indent:-999999px; width:19px; height:19px;} 

#popup .memo{position:absolute; top:0px; right:0px; padding:45px 36px 39px 36px; background:rgba(0,0,0,0.7); color:#fff; font-weight: 100;}
#popup .memo .title{font-size:24px; letter-spacing: 0; margin-bottom:30px; }
#popup .memo .stxt{font-size:14px;  overflow:hidden; height:58px; line-height: 20px; letter-spacing: 0; margin-bottom:22px; color:rgba(255,255,255,0.5);}
#popup .memo .bmore{font-size:12px; text-decoration: underline; letter-spacing: 0; color:rgba(255,255,255,0.5);}
#popup .memo a{color:#fff;}


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

	.gujung01 {position:relative; width:100%; float:left; margin-bottom:56px;}
	.gujung01 .tit .btxt { margin-right:7px;  font-size:20px; font-weight:100; color:#333333; }
	#news_box {  width:100%; float:right; position:relative;}
	#popup ul.Slide01 li img {width:100%;}
	#news_box  h3{font-weight: 100; font-size:20px; padding-bottom:40px; letter-spacing: 0; color:#333333;}

	.gujung01 button {text-indent:-999999px; width:40px; height:40px; z-index:9000; border:1px solid #777777; position:absolute; right:0px; top:-60px;}
	.gujung01 button.slick-prev { position:absolute; background:url(/common/img/bul.png) no-repeat -121px -1px; position:absolute; bottom:-50px; right:87px; }
	.gujung01 button.slick-next { position:absolute; background:url(/common/img/bul.png) no-repeat -118px -41px; position:absolute;  bottom:-50px; right:48px;}


	
}


@media only screen and (max-width:480px){
	.gujung01 li {  margin:0 0% 0px 0%; width:100%;}
	#visual .vb_text .mtit_m {  font-size:14px; padding-top:18px;}
	#visual ul.slick-dots{position:absolute; top:190px;  }

	.gujung01 button.slick-prev { position:absolute; background:url(/common/img/bul.png) no-repeat -121px -1px; position:absolute; bottom:-50px; right:88px; }
	.gujung01 button.slick-next { position:absolute; background:url(/common/img/bul.png) no-repeat -118px -41px; position:absolute;  bottom:-50px; right:49px;}


}