@charset "utf-8";

#mcontainer * {word-wrap: break-word;word-break: keep-all;}
.ir.chn{background:url(/images/eng/main/ir.png) no-repeat;}
.ir.chn:before{display:none;}
#mvisual{position:relative;}

h2:before{display:none;}
h3 {text-align:center;font-size:20px;color:#fff;margin-top: 0;margin-bottom:15px;letter-spacing:0.5px;}
p{font-size:15px;}

/*mvisual*/

#mvisual{width:100%;overflow:hidden;background:#000}
#mvisual .mvisualwrap{position:relative;max-width:1200px;margin:0 auto}
#mvisual .mvisualwrap:after{content:"";clear:both;display:block}
#mvisual .mvisualwrap .obj{position:relative;width:100000px}
#mvisual .mvisualwrap .obj .item{position:relative;float:left;width:1200px;height:450px;}
#mvisual .mvisualwrap .obj .item .visual_box{display:block;overflow:hidden}
#mvisual .mvisualwrap .obj .item img,
#mvisual .mvisualwrap .obj .item .text_box{position:absolute;bottom:0;right:0;background-color:#262d48;opacity: 0.95;}
#mvisual .mvisualwrap .obj .item .text_box{width:450px;height:450px;padding:50px 60px;}
#mvisual .mvisualwrap .obj .item .text_box h2{padding-bottom:10px;line-height:1.3;font-size:2.2em;color:#fff}
#mvisual .mvisualwrap .obj .item .text_box p{font-weight:normal;color:#fff;line-height:22px;padding-bottom:30px;}
#mvisual .mvisualwrap .obj .item .text_box a{font-size:18px;color:#fff;padding-bottom: 5px;}
#mvisual .mvisualwrap .obj .item .text_box a:hover,
#mvisual .mvisualwrap .obj .item .text_box a:focus{border-bottom:4px solid #fff;}
#mvisual .mvisualwrap .obj .item .text_box a span{display:inline-block;width:14px;height:9px;background-position: 0 0;margin-left: 15px;}
#mvisual .mvisualwrap .obj .item .text_box p:before{display:block;content:"";width:42px;height:3px;background-color:#4f546a;margin-bottom:20px;}

#mvisual .mvisualwrap .obj .item .l{position:absolute;top:0;left:-903px;width:903px;height:100%}
#mvisual .mvisualwrap .obj .item .r{position:absolute;top:0;right:-903px;width:903px;height:100%}
#mvisual .mvisualwrap .control{position:absolute;bottom:40px;right:70px;z-index:10}
#mvisual .mvisualwrap .control button{display:inline-block;width:28px;height:28px;margin-left:3px;vertical-align:middle;overflow:hidden;text-indent:-999px;}
#mvisual .mvisualwrap .control [data-type="stop"]{background-position:-132px 0}
#mvisual .mvisualwrap .control [data-type="play"]{background-position:-165px 0;display:none}
#mvisual .mvisualwrap .control [data-type="prev"]{background-position:-99px 0}
#mvisual .mvisualwrap .control [data-type="next"]{background-position:-198px 0}

/*#section1*/

#section1,
#section2{position:relative;padding-top:50px;padding-bottom:100px;}
#section1 h2,
#section2 h2{font-size:17px;text-align:center;letter-spacing:13px;padding-bottom:20px;font-weight:bolder;}

#section1:before{display:block;content:"";width:185px;height:185px;background: url(/images/eng/main/cont_bg.png) no-repeat;position: absolute;left: 50%;margin-left: 585px;top: 30px;}
.col_group .col{position:relative;float:left;width:25%;height:300px;}
.col_group .col .inner{width:100%;height:100%;padding:40px;overflow:hidden;}
.col_group{position:relative;}


/*.col.greeting*/

.col_group .col.greeting{width:50%;background:#f8f8f8;}
/* .col_group .col.greeting{width:50%;background:#f8f8f8 url(/images/eng/main/new_mayor_img.png) no-repeat right bottom;} */
.col_group .col.greeting h3{text-align:left;color:#34363a;}
.col_group .col.greeting b{display:block;font-size:28px;color:#378e42;margin-bottom: 13px;    letter-spacing: -0.8px;}
/* .col_group .col.greeting p{width:240px;} */

/*.col.about*/

.col_group .col.about{background-color:#0094fd;}
.col_group .col.about .inner{padding:40px 60px;}
.col_group .col.about h3{margin-bottom: 25px;}
.col_group .col.about li{margin-bottom:10px;}
.col_group .col.about a{line-height:40px;color:#fff;}
.col_group .col.about a span{display:inline-block;width:35px;height:37px;margin-right:10px;}
.col_group .col.about .ir.ico1{background-position: -48px -45px}
.col_group .col.about a:hover .ir.ico1{background-position: 0 -45px}
.col_group .col.about .ir.ico2{background-position: -141px -45px}
.col_group .col.about a:hover .ir.ico2{background-position: -95px -45px}
.col_group .col.about .ir.ico3{background-position: -236px -45px}
.col_group .col.about a:hover .ir.ico3{background-position: -188px -45px}
.col_group .col.about a:hover{text-decoration: underline;}
.col_group .col.about a span{vertical-align:middle;}

/*.col.symbol*/

.col_group .col.symbol h3{margin-bottom:20px;}
.col_group .col.symbol{background-color:#0e3396;text-align:center;}
.col_group .col.symbol .grap{width:116px;height:150px;overflow:hidden;margin: 0 auto;}
.col_group .col.symbol .obj{width:200%;height:100%}
.col_group .col.symbol .obj .item{position:relative;float:left;width:50%;height:100%}
.col_group .col.symbol .obj .item a{display:block;width:100%;height:100%;overflow:hidden;}
.col_group .col.symbol .obj .item a span{display:block;margin-top:15px;color:#fff;}
.col_group .col.symbol .control .ir{display:inline-block;width:8px;height:19px;font-size:0}
.col_group .col.symbol .control [data-type="prev"]{position:absolute;bottom:20px;right:50px;background-position: -30px 0}
.col_group .col.symbol .control [data-type="next"]{position:absolute;bottom:20px;right:20px;background-position: -65px 0}
.col_group .col.symbol .control:after{position:absolute;bottom:19px;right:36px;display:inline-block;content:"|";color:#fff;}

/*.col.festival*/

.col_group .col.festival{height:600px;background:url(/images/eng/main/fest_bg.png) no-repeat;background-size:cover;text-align:center;margin:0 auto;}
.col_group .col.festival .inner{padding:40px 55px;}
.col_group .col.festival h3{text-align:right;margin-top:80px;margin-bottom:30px;}
.col_group .col.festival h3 span{display:block;width:192px;height:45px;background:url(/images/eng/main/fest_tit.png) no-repeat;margin:0 auto;font-size:0;margin-bottom:5px;}
.col_group .col.festival p{color:#fff;line-height:25px;}
.col_group .col.festival .more{display:block;width:90%;padding:10px;border:1px solid #fff;margin:0 auto;font-size:16.5px;color:#fff;margin-top:80px}
.col_group .col.festival .more:hover {background-color: #fff;color:#222e55;font-weight:bold}

/*.col.beach*/

.col_group .col.beach{background:url(/images/eng/main/beach_bg.png) no-repeat;background-size:cover;}
.col_group .col.beach h3{margin-bottom: 50px;}
.col_group .col.beach span{width:74px;height:74px;display:block;margin:0 auto;}

/*.col.facility*/

.col_group .col.facility{background:url(/images/eng/main/facil_bg.png) no-repeat;background-size:cover;}
.col_group .col.facility h3{margin-bottom: 50px;}
.col_group .col.facility span{width:74px;height:74px;display:block;margin:0 auto;}


/*.col.harbor*/

.col_group .col.harbor{background:url(/images/eng/main/harbor_bg.png) no-repeat;background-size:cover;}
.col_group .col.harbor h3{margin-bottom: 50px;}
.col_group .col.harbor span{width:74px;height:74px;display:block;margin:0 auto;}


/*.col.road*/

.col_group .col.road{background:url(/images/eng/main/road_bg.png) no-repeat;background-size:cover;}
.col_group .col.road h3{margin-bottom: 50px;}
.col_group .col.road span{width:74px;height:74px;display:block;margin:0 auto;}


/*.col.taste*/

.col_group .col.taste{width:50%;background:url(/images/eng/main/taste_bg.png) no-repeat;background-size:cover;}
.col_group .col.taste h3{text-align:left}
.col.taste .taste_inner{height: 180px;}
.col.taste .taste_inner .img_box{display:inline-block;height:150px;float:left;margin-top:10px;margin-right: 70px;}
.col.taste .taste_inner .taste_txt b{display:inline-block;max-width:230px;color:#fff;margin-bottom: 10px;}
.col.taste .taste_inner .taste_txt p{display:block;overflow:hidden;color:#fff;font-size:14px;}
#mcontainer .col.taste .taste_inner .taste_txt p{word-break: break-all;}
#mcontainer .col.taste .taste_inner .taste_txt a{display:inline-block;color:#fff;padding-bottom: 3px;margin-top:10px}
#mcontainer .col.taste .taste_inner .taste_txt a span{display:inline-block;width:11px;height:7px;background-position: 0 -19px;margin-left: 10px;}
#mcontainer .col.taste .taste_inner .taste_txt a:hover,
#mcontainer .col.taste .taste_inner .taste_txt a:focus{border-bottom:1px solid #fff;}

/*
.col.taste .tab{position:absolute;right:30px;z-index:50;top:40px;}
.col.taste .tab{margin-top:3px;}
.col.taste .tab a{display:block;float: left;text-align:center;}
.col.taste .tab a:after{display:inline-block;content:"";height:10px;border-right:1px solid #fff;margin-left:10px;margin-right:10px;}
.col.taste .tab a.last:after{display:none;}
.col.taste .tab a span{font-size:15px;color:#fff;padding-bottom:5px;text-align:center}
.col.taste .tab a.ov span{border-bottom: 3px solid #fff;}
.col.taste .tab a:hover span{border-bottom: 3px solid #fff;}
.col.taste .grap{margin-top: 30px;height: 180px;}
.col.taste .grap .img_box{display:inline-block;height:150px;float:left;margin-top:10px;margin-right: 70px;}
.col.taste .grap .taste_txt b{display:inline-block;max-width:230px;color:#fff;margin-bottom: 10px;}
.col.taste .grap .taste_txt p{display:block;max-width:300px;height:65px;overflow:hidden;color:#fff;font-size:14px;}

#mcontainer .col.taste .grap .taste_txt p{word-break: break-all;}
#mcontainer .col.taste .grap .taste_txt a{display:inline-block;color:#fff;padding-bottom: 3px;}
#mcontainer .col.taste .grap .taste_txt a span{display:inline-block;width:11px;height:7px;background-position: 0 -19px;margin-left: 10px;}
#mcontainer .col.taste .grap .taste_txt a:hover,
#mcontainer .col.taste .grap .taste_txt a:focus{border-bottom:1px solid #fff;}
.col_group .col.taste .control .ir{display:inline-block;width:8px;height:19px;font-size:0}
.col_group .col.taste .control [data-type="prev"]{position:absolute;bottom:20px;right:50px;background-position: -30px 0}
.col_group .col.taste .control [data-type="next"]{position:absolute;bottom:20px;right:20px;background-position: -65px 0}
.col_group .col.taste .control:after{position:absolute;bottom:19px;right:36px;display:inline-block;content:"|";color:#fff;}
*/


/*#section2*/

#section2{background-color:#f1f1f1;}
.col_group .col.col1{background:url(/images/eng/main/trans_bg.png) no-repeat;background-size:cover;}
.col_group .col.col1 h3{margin-bottom: 50px;}
.col_group .col.col1 span{width:101px;height:101px;display:block;margin:0 auto;}


.col_group .col.col2{background:url(/images/eng/main/tour_bg.png) no-repeat 50% 90%;background-size:cover;}
.col_group .col.col2 h3{margin-bottom: 25px;}
.col_group .col.col2 .inner{padding: 50px;}
.col_group .col.col2 ul li{position:relative;background:url(/images/eng/main/bul.png) no-repeat 0 8px;margin-bottom: 30px;}
.col_group .col.col2 ul li:first-child:after{position:absolute;left:4px;top:17px;display:inline-block;content:"";height:50px;border-left:1px solid #fff}
.col_group .col.col2 ul li a{padding-left: 25px;color:#fff;}

.col_group .col.col3{background:url(/images/eng/main/weather_bg.png) no-repeat 50% 50%;background-size:cover;}
.col_group .col.col3 h3 .yellow{color:#f9dd07;}
.col_group .col.col3 .inner{padding:40px 60px;}
.weather{color:#fff;}
.weather .option img{float:left;margin-right: 10px;}
.weather .option .temp{font-size: 25px;}
#weatherBody{border-bottom: 1px solid #fff;padding-bottom: 20px;}
.col_group .col.col3 .inner > a{width:150px;height:50px;display:block;color:#fff;padding-bottom: 3px;background: url(/images/eng/main/weather/wt_more.png) no-repeat;line-height:50px;padding-left:60px;margin: 0 auto;margin-top: 35px;}
.col_group .col.col3 .inner > a span{display:inline-block;width:11px;height:7px;background-position: 0 -19px;margin-left: 10px;}

.col_group .col.col4{background-color:#f8f3df;}
.col_group .col.col4 .inner{padding:40px 50px;}
.col_group .col.col4 h3{color:#333;}
.col_group .col.col4 .call_box.box1{border-bottom:1px solid #e5e0ce;padding-bottom: 15px;}
.col_group .col.col4 .call_box.box2{padding-top: 15px;}
.col_group .col.col4 .call_box .ico_call{float: left;padding-right:25px;padding-top: 20px;}
.col_group .col.col4 .call_box.box1 b{font-size:18px;color:#0087df;}
.col_group .col.col4 .call_box.box2 b{font-size:18px;color:#f3655e;}

@media(max-width:1140px){
	#mvisual .mvisualwrap .obj .item .text_box{width: 100%;height: 100px;padding: 30px 60px;}
	#mvisual .mvisualwrap .obj .item .text_box h2{line-height:30px;}
	#mvisual .mvisualwrap .obj .item .text_box p,
	#mvisual .mvisualwrap .obj .item .text_box a{display:none;}
	#mvisual .mvisualwrap .control{bottom:38px;}
}
@media(max-width:1140px){
	.layout{width:90%}
	.col_group .col{width:50%}
	.col_group .col.greeting,
	.col_group .col.taste{width:100%}
	.col_group .col.col3 #weatherBody .option{width:180px;margin:0 auto;}
	.col.taste .grap .taste_txt b,
	.col.taste .grap .taste_txt p{max-width:none;}
	.col.taste .grap .img_box{margin-right:2%}
}
@media(max-width:640px){
	.col_group .col .inner,
	.col_group .col.about .inner,
	.col_group .col.col3 .inner,
	.col_group .col.col4 .inner{padding:40px 30px;}
	
	.col.taste .taste_inner .img_box{display:block;height:150px;float:none;margin:0 auto;text-align:center}
	div.taste_txt{text-align:center}
}
@media(max-width:580px){
	#mvisual .mvisualwrap .obj .item .text_box{padding: 30px 30px;}
	#mvisual .mvisualwrap .obj .item .text_box h2{line-height:30px;font-size:25px;}
	#mvisual .mvisualwrap .control{right:30px;}
	.col_group .col{width:100%}
	.col_group .col.greeting{background:none;background-color: #f8f8f8}
	.col_group .col.festival{height:300px;}
	.col_group .col.festival p{display:none;}
	.col_group .col.festival h3{margin-top: 0}
	.col_group .col.taste{height:380px;}
	.col_group .col.taste h3{text-align:center;}
	.col.taste .tab {right: 50%;top: 80px;margin-right: -125px;}
	.col.taste .grap{height:240px;}
	.col.taste .grap .img_box {margin-right: 0;float: none;display: block;text-align: center;padding-top:30px;}
	.col.taste .grap .taste_txt{margin-top:20px;width:170px;margin:0 auto;}
	.col.taste .grap .taste_txt p{display:none;}
}

/*gnb bg*/
div #summary1,div #summary2,div #summary3,div #summary4,div #summary5 {height: 100%;padding-bottom: 30px;background: url(/images/common/summary1_bg.png) no-repeat -8px bottom;
}