@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/sub05/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/sub05/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/sub05/main/ir.png) no-repeat;}
#mcontainer .ir:before{display:none;}
#mcontainer{background-color:#f4f5f9;}
#mvisual{position:relative;}
#mvisual{height:385px;background: url(/images/area/sub05/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:60px;margin-left:-30px;}
#mvisual .copy h2{color:#0b2853;}
#mvisual .copy p span{display:inline-block;vertical-align:bottom;background: url(/images/area/sub05/main/visual_tit.png) no-repeat;background-size:100%;width:232px;height:72px;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:#2ea678}
#mcontents #section3{width:25%;background-color:#6d7a8c}
#mcontents #section4{width:25%;background-color:#bbc8cd}
#mcontents #section5{width:25%;background-color:#f7f3ed}
#mcontents #section6{width:25%;background-color:#95c01e}
#mcontents #section7{width:25%;background-color:#d3d1ca}

#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: 25px;}
#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 h3{margin: 0 0 5px;}
#section2 p{color:#fff}
#section2 ul{padding-top: 30px;}
#section2 ul li{background: url(/images/area/sub05/main/bul2.png) no-repeat 0 10px;color:#fff;line-height:28px;}
#section2 ul li a{width:75%;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;padding-left: 10px;color:#fff;}
#section2 ul li a:hover,
#section2 ul li a:focus{text-decoration:underline;}

#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/sub05/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/sub05/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;}

#mcontents #section4, #mcontents #section5, #mcontents #section6, #mcontents #section7{padding:30px;}
#section4 h3{text-align:center;padding-bottom: 10px;color:#333;}
#section4 a, #section5 a, #section6 a, #section7 a{display:block;}
#section4 a span, #section5 a span, #section6 a span, #section7 a span{display:block;width:105px;height:105px;margin:0 auto;margin-top: 20px;margin-bottom: 25px;border-radius:50%;}
#section4 a span{background: #8fa0b0 url(/images/area/sub05/main/land_ico1.png) no-repeat 50% 50%;}
#section5 a span{background: #bcc0c8 url(/images/area/sub05/main/land_ico2.png) no-repeat 50% 50%;}
#section6 a span{background: #739a2d url(/images/area/sub05/main/land_ico3.png) no-repeat 50% 50%;}
#section7 a span{background: #a1a7ad url(/images/area/sub05/main/land_ico4.png) no-repeat 50% 50%;}

#section4 p, #section5 p, #section7 p{text-align:center;line-height:20px;}
#section6 p{text-align:center;line-height:20px;color:#fff;}
#section5 h3{text-align:center;padding-bottom: 10px;color:#333;}

#section6 h3{text-align:center;padding-bottom: 10px;color:#fff;}

#section7 h3{text-align:center;padding-bottom: 10px;color:#333;}

@media(max-width:1200px){
	#mcontents .layout{width:95%;}
	#mvisual{height:385px;background: url(/images/area/sub05/main/visual_bg.jpg) no-repeat 35% 50%;}
	#mvisual .copy{margin-left: 0}
}

@media(max-width:1110px){
	#mcontents .layout{width:95%;}
	#mcontents #section2, 
	#mcontents #section3, 
	#mcontents #section1{width:33.33%}

	#mcontents #section4, 
	#mcontents #section5,
	#mcontents #section6,
	#mcontents #section7{width:50%;}
	#section7 .grap .obj .item{width:8.33%;}
	#mvisual .copy h2{font-size:22px;}
	#mvisual .copy p{font-size:17px}
	
	#section1 .tab span{width:64%;}
	#section1 .tab span:first-child{width:35%;}
	#section1 .more{top:350px;right:40px;font-size:15px;}
	#section1 .obj{height:260px;}
	#section1 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:15px;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;}
}
@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-size:cover;}
	#mvisual .copy{margin-left: -50px;top:30px;}
	#mvisual .copy h2{font-size:20px;}
	#mvisual .copy p span{width:250px;}
	#mvisual .copy p{font-size:15px}
}
@media(max-width:760px){
	#mcontents .layout{width:90%}
	#mvisual .copy{margin-left: 0;}
	#mvisual .copy h2{font-size:18px;}
	#mvisual .copy p span{display:block;height:75px;}
	#section7 .grap .obj .item{width:12.5%;}
	#section1 .ir.ir1{display:none}
	#section1 .tab a span{font-size:16px;}
}
@media(max-width:640px){
	#mcontents .layout{width:95%}
	#mvisual{height:271px;}
	#mvisual .copy{top:10px;}
	#mvisual .copy h2{font-size:15px;margin:0;}
	#mvisual .copy p span{width:130px;height:45px;line-height:0px;}
	#mvisual .copy p{font-size:15px}
	#mcontents #section2, #mcontents #section3, #mcontents #section4,
	#mcontents #section5, #mcontents #section6, #mcontents #section7{width:100%;padding:30px 30px;}
	#section7 .grap .obj .item{width:25%;}
	#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;}
	
}
@media(max-width:350px){
	#mcontents #section6{padding: 30px}
	#section6 .button{width:100%}

}