@charset "utf-8";

#quick{position:absolute;top:440px;left:50%;width:130px;margin-left:630px;z-index:50;}
#quick a{display:block}
#quick a:link,#quick a:visited{color:#fff}
#quick .weather{height:490px;text-align:center;background:url(/images/area/sub01/main/weather_bg.png) no-repeat;color:#fff}
#quick .minwon{margin-top:10px}

#quick .title{height:89px;padding-top:20px;font-size:14px}
#quick .title img{display:block;margin:0 auto 10px}

#quick .option{font-size:14px}
#quick .option .temp{font-weight:700}

#quick .op1{padding-top:15px}
#quick .op1 a{display:inline-block;padding-right:10px;background:url(/images/area/sub01/main/weather_arr.png) no-repeat 100% 50%}
#quick .op1 .temp{margin-top:5px;font-size:26px}

#quick .op2{padding-top:28px}
#quick .op2 .temp{font-size:20px;color:#fedf00}

#quick .op3{padding-top:25px}
#quick .op3 ul{text-align:left;margin:10px 0 0 15px}
#quick .op3 ul li{margin-bottom:5px}

#mcontainer * {word-wrap: break-word;word-break: keep-all;}
#mcontainer .ir{background:url(/images/area/sub01/main/ir.png) no-repeat;}
#mcontainer .ir:before{display:none;}
#mcontainer{background-color:#f4f5f9;}
#mvisual{position:relative;}
#mvisual{height:385px;background: url(/images/area/sub01/main/visual_bg.jpg) no-repeat 50% 50%;background-size: cover;}
h2:before{display:none;}
h3 {margin: 0 0 10px;font-size:18px;}
#mvisual .copy{position:absolute;left:50%;top:77px;margin-left:-30px;}
#mvisual .copy h2{color:#0b2853;}
#mvisual .copy p span{display:inline-block;vertical-align:bottom;background: url(/images/area/sub01/main/visual_txt.png) no-repeat;background-size: 100%;width:370px;height:73px;font-size:0;line-height:90px;}
#mvisual .copy p{font-size:18px;color:#0b2853}
#mcontents{position:relative;top:-90px;width:100%}
#mcontents section{position:relative;float: left;height: 310px;padding:30px 40px;overflow:hidden}
#mcontents #section1{width:50%;background-color:#fff}
#mcontents #section2{width:25%;background-color:#19aed3}
#mcontents #section3{width:25%;background-color:#6d7a8c}
#mcontents #section4{width:100%;height:155px;background-color:#bbc8cd}
#mcontents #section5{width:25%;background-color:#f7f3ed}
#mcontents #section6{width:50%;background:url(/images/area/sub01/main/business_bg.png) no-repeat;background-size: cover;}
#mcontents #section7{width:100%;height:160px;padding:0;}
#mcontents #section8{width:100%;height:155px;background-color:#b9def0}
#mcontents #section9{width:25%;padding:0}
#mcontents #section9 #section4, #mcontents #section9 #section8{float:none}

#section1 .tab{width:100%;}
/*
#section1 .tab a{float: left;margin-left:1%;margin-bottom:20px;}
#section1 .tab a.first{width:68px;margin-left:0;}
#section1 .tab a span{display:block;border-bottom:4px solid #e5e5e5;padding-bottom: 5px;font-size:17px;text-align:center;}
#section1 .tab .tab_line{display:block;border-bottom:4px solid #e5e5e5;padding-top:32px;margin-left: 72px;}
#section1 .tab a.last span{text-align:left;padding-left:10px;}
#section1 .tab a.ov span{border-bottom:4px solid #005cc0;}
*/
#section1 h3{color:#000;}
#section1 .tab span{width:81%;display:block;float:left;margin-left:1%;margin-bottom:20px;height:36px;border-bottom:4px solid #e5e5e5;text-align:center;}
#section1 .tab span:first-child{width:18%;margin-left:0;border-bottom:4px solid #005cc0;}
#section1 .obj{clear:both;width:100%;height:180px;overflow:hidden;}
#section1 .ir.ir1{float:left;display:inline-block;width:74px;height:74px;background-position: -187px 0;margin-right: 20px;}
#section1 ul li a strong{display:block;font-size:17px;margin-bottom:5px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#section1 ul li a p{line-height:22px;}
#section1 ul li a p br{display:none}
#section1 ul li .news_list{clear:both;padding-top: 23px;}
#section1 ul li .news_list li{background: url(/images/area/sub05/main/bul.png) no-repeat 0 9px;text-align:right;line-height:28px;color:#767676;}
#section1 ul li .news_list li a{width:75%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;float:left;text-align:left;padding-left: 10px;color:#555;}
#section1 ul li .news_list li a:hover,
#section1 ul li .news_list li a:focus{text-decoration:underline;}
#section1 .more{position:absolute;top:25px;right:40px;font-size:0;color:#666;}
#section1 .more .ir{display:block;float:right;width:30px;height:28px;margin-left:10px;}


#section2 h3, #section3 h3{color:#fff;}
#section2 table{border-top: 0;margin-top:20px;}
#section2 table tbody th{background-color:#75cee5;border-bottom-color: #19aed3;color:#005f7e;border-right:1px solid transparent;font-weight:bold}
#section2 table tbody th.last{border-bottom:1px solid #75cee5;}
#section2 table tbody td{border-bottom-color: #75cee5;color:#fff;}
#section2 table tbody td .up{display:inline-block;width:11px;height:10px;background: url(/images/area/sub01/main/up.png) no-repeat;margin-right:5px;}
#section2 table tbody tr:first-child{border-top:1px solid #75cee5;}
#section2 .ir.more{display:block;position:absolute;top:30px;right:40px;width:20px;height:28px;background-position: -35px 0;font-size:0;}
#section2 table tbody tr,
#section2 table tbody td{padding:12px;}
#section2 ul{margin-top: 20px}
#section2 .news_list li{background: url(/images/area/sub01/main/bul2.png) no-repeat 0 9px;line-height:28px;    padding-bottom: 10px;}
#section2 .news_list li a{width:100%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;float:left;text-align:left;padding-left: 10px;color:#ffffff;}
#section2 .news_list li span{padding-left:4px;color: #ffffff;}

#section3 .grap{width:100%;height:189px;overflow:hidden;padding-top:10px;}
#section3 .grap .obj{width:200%;height:100%;}
#section3 .grap .obj .item{position:relative;float:left;width:50%;height:100%}
#section3 .grap .obj .item a{display:block;width:100%;height:100%;overflow:hidden}
#section3 .grap .obj .item .thm_img{display:block;height:189px;text-align:center}
#section3 .grap .obj .item .thm_img img {max-width:none;width:100%;height:100%}
#section3 .numb{position: absolute; bottom:20px;left:50%;margin-left:-20px;}
#section3 .numb .ir{display:inline-block;width:12px;height:12px;background:url(/images/area/sub01/main/ir.png) no-repeat;font-size:0;background-position:-139px -9px;}
#section3 .numb .ir.ov{background-position: -118px -9px;}
#section3 .control{position:absolute;top:30px;right:40px;}
#section3 .control .ir{display:inline-block;width:12px;height:12px;background: url(/images/area/sub01/main/ir.png) no-repeat;font-size:0}
#section3 .control .ir.prev{background-position: -61px -9px;}
#section3 .control .ir.stop{background-position: -79px -9px;}
#section3 .control .ir.play{display:none;background-position: -79px -28px;}
#section3 .control .ir.next{background-position: -96px -9px;}

#section4 h3, #section5 h3, #section8 h3{text-align:center;;color:#333;}
#section4 a, #section5 a, #section5 a, #section6 a, #section7 a{display:block;}
#section4 p{padding:0 0 0 75px;background: url(/images/area/sub01/main/tour_thumb01.png) no-repeat;background-size:27%;text-align:left;}
#section5 p{text-align:center;line-height:20px;}
#section4 a span, #section5 a span, #section6 a span, #section7 a span{display:block;width:189px;height:111px;margin:0 auto;margin-top: 20px;margin-bottom: 25px;}
#section8 .list_1st{margin:0 auto;width:60%}
#section8 .list_1st li{margin:0}
/*
#section4 .grap{width:136px;height:135px;overflow:hidden;margin: 0 auto;}
#section4 .grap .obj{width:200%;height:100%}
#section4 .grap .obj .item{position:relative;float:left;width:50%;height:100%}
#section4 .grap .obj .item a{display:block;width:100%;height:100%;overflow:hidden;}
#section4 .grap .obj .item .thm_img{display:block;width:200%;height:135px;margin-left:-50%;text-align:center}
#section4 .grap .obj .item .thm_img img {max-width: none;height: 100%;}
#section4 .numb{position: absolute; bottom:55px;left:50%;margin-left:-20px;}
#section4 .numb .ir{display:inline-block;width:12px;height:12px;background:url(/images/area/sub01/main/ir.png) no-repeat;font-size:0;background-position:-139px -27px;}
#section4 .numb .ir.ov{background-position: -118px -27px;}
#section4 .control .ir{display:inline-block;width:21px;height:41px;background: url(/images/area/sub01/main/ir.png) no-repeat;font-size:0}
#section4 .control .ir.prev{position:absolute;top:130px;left:30px;background-position: 0 -43px;}
#section4 .control .ir.next{position:absolute;top:130px;right:30px;background-position: -45px -43px;}
*/

#mcontents #section4, #mcontents #section5, #mcontents #section6, #mcontents #section7{padding:30px;}

#mcontents #section6{padding:30px 60px;}
#section6 .s_tit{display: block;color: #fff;text-align: center;}
#section6 h3{display: block;text-align: center;margin: 0 auto;font-size: 0px;margin-bottom: 30px;margin-top: 6px;    width: 116px;height: 30px;background: url(/images/area/sub01/main/business_txt.png) no-repeat;}
#section6 .s_left p{width: 45%;color: #fff;line-height: 22px;float: left;}
#section6 .s_right{position:relative; float:right;margin-top: -19px;}
#section6 .s_right span{position: absolute;top:30px;left:25%;color: #fff;}
#section6 .s_right b{position: absolute;color: #ffffff;top: 52px;left: 38%;font-weight:500;font-size: 30px;}
#section6 a{padding: 8px 25px;border: 2px solid #fff;margin-top: 61px;color: #fff;left: 10%;position: absolute;}
#section6 a:hover{background-color:#fff;color:#45342b;}
#mcontents #section7{padding:30px 60px;}
#section7 .grap{width: 100%;height:100%;overflow:hidden;}
#section7 .grap .obj{width:200%;height:100%;}
#section7 .grap .obj .item{position:relative;float:left;width:6.25%;}
#section7 .grap .obj .item a{display:block;}
#section7 .grap .obj .item a span{display:block;margin:0 auto;text-align:center;}
#section7 .grap .obj .item a span img{margin-bottom: 20px;}
#section7 .control{display:block;}
#section7 .control .ir.prev{position:absolute;top:60px;left:20px;display:block;width:21px;height:41px;background-position: 0 -43px;font-size:0}
#section7 .control .ir.next{position:absolute;top:60px;right:20px;display:block;width:21px;height:41px;background-position: -45px -43px;font-size:0}

@media(max-width:1200px){
	#mcontents .layout{width:95%;}
	#mvisual{height:385px;background: url(/images/area/sub01/main/visual_bg.jpg) no-repeat 48% 50%;}
	#mvisual .copy{margin-left: 0}
	#mvisual .copy p span{width:369px;}
	#mcontents #section4,
	#mcontents #section8{height:156px;}
	#section4 p{padding:0px 0 30px 100px;background: url(/images/area/sub01/main/tour_thumb01.png) no-repeat;background-size:22%;text-align:left;}
	#section8 .list_1st{width:100%;}
}

@media(max-width:1110px){
	#mcontents .layout{width:95%;}

	#mcontents #section6{width:100%}
	#mcontents #section5,
	#mcontents #section9{width:50%;}
	#section7 .grap .obj .item{width:8.33%;}
	#mvisual .copy h2{font-size:22px;}
	#mvisual .copy p span{width:280px;height:60px;}
	#mvisual .copy p{font-size:17px}
	#section5 .numb {left: 53px;}

}
@media(max-width:970px){

	#mcontents #section2,
	#mcontents #section3{width:50%}
	#mcontents #section1{width:100%}
	#mcontents .layout{width:80%}
	#mcontents{top:-50px}
	#mvisual{height:271px;background: url(/images/area/sub01/main/visual_bg.jpg) no-repeat 45% 50%; background-size:cover}
	#mvisual .copy{margin-left:-6px;top:47px;}
	#mvisual .copy h2{font-size:20px;}
	#mvisual .copy p span{width:250px;height:50px;}
	#mvisual .copy p{font-size:15px}
	#section4 p{padding:5px 0 20px 75px;background: url(/images/area/sub01/main/tour_thumb01.png) no-repeat;background-size:22%;text-align:left;}
}

@media(max-width:820px){
	#mvisual {height: 271px;background: url(/images/area/sub01/main/visual_bg.jpg) no-repeat 43% 50%;background-size: cover;}
	#mcontents .layout{width:90%}
	#mvisual .copy{margin-left: 22px;}
	#mvisual .copy h2{font-size:18px;}
	#mvisual .copy p span{display:block;height:60px;}
	#section7 .grap .obj .item{width:12.5%;}
	#section1 .ir.ir1{display:none}
	#section1 .tab a span{font-size:16px;}
}
@media(max-width:564px){
	#mcontents .layout{width:95%}
	#mvisual{height:271px;background: url(/images/area/sub01/main/visual_bg.jpg) no-repeat 39% 50%; background-size:cover}
	#mvisual .copy{margin-left:-45px;top:20px;}
	#mvisual .copy h2{font-size:15px;margin:0;}
	#mvisual .copy p span{width:200px;height:40px;line-height:0px;}
	#mvisual .copy p{font-size:15px}
	#mcontents #section2, #mcontents #section3, #mcontents #section5{width:100%;padding:30px 30px;}
	#mcontents #section9{width:100%;padding:0;}
	#section7 .grap .obj .item{width:25%;}
	#mcontents #section6{height:300px;}
	#mcontents #section1{height:400px;}
	#section6 p{width:100%;float:none;}
	#section6 .button{float:none;width:90%;margin:0 auto;margin-top:30px;text-align:center;}
	#section1 .tab a{width:30%; padding-left:0;}
	#section1 .tab a:first-child{width:30%;}
	#section1 .tab a.last{width:35%;}
	#section1 .tab a.last span{text-align:center;padding-left:0}
	#section1 .more{top:350px;right:40px;font-size:15px;}
	#section1 .grap{height:260px;}
	#section1 .grap ul li a p{height: 44px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	#section1 ul li a p br{display:block;}
	#section1 ul li .news_list{padding-top:0px;padding-bottom:20px;}
	#section1 ul li .news_list li{text-align:left;padding-left:20px;}
	#section1 ul li .news_list li a{width:100%;float:none;display:block;text-indent:-10px;}
	#section1 .tab span{width:64%;}
	#section1 .tab span:first-child{width:35%;}
	#section1 .obj {height: 260px;}
	#section2 .ir.more{right:45px}


}
@media(max-width:470px){
	#section6 .s_left p {width: 100%;float: none;}
	#section6 a {float: none;width: 67%;margin: 0 auto;margin-top: 17px;  margin-left: 27px;text-align: center;}

	#mcontents #section6{height: 400px;}
	#section6 .s_right{position: relative;float: none;margin-top: 77px;text-align: center;}
	#section6 .s_right span{left: 38%;}
	#section6 .s_right b{left: 44%;}
}
@media(max-width:350px){
	#mcontents section{padding:30px;}
	#mcontents #section6{padding: 30px;height: 411px;}
	#section6 .button{width:100%}
	#section6 .s_left p {width: 100%;float: none;}
	#section6 a {float: none;width: 67%;margin: 0 auto;margin-top: 17px;  margin-left: 27px;text-align: center;}
	#section6 .s_right span {left: 35%;}
	#section6 .s_right b {left: 43%;}
	#section1 .tab span:first-child {width: 22%;}
	#section1 .tab span {width: 77%;}
}