@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/sub06/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/sub06/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/sub06/main/ir.png) no-repeat;}
#mcontainer .ir:before{display:none;}
#mcontainer{width:100%;background-color:#f4f5f9;}
#mvisual{position:relative;width:100%}
#mvisual{height:385px;background: url(/images/area/sub06/main/visual_bg.jpg) no-repeat 50% 50%;background-size: cover;}
h2:before{display:none;}
h3 {margin: 0 0 10px;font-size:18px;}
#mvisual .copy1{position:absolute;top:82px;left:3%;margin-left:-30px;}
#mvisual .copy1 h2{color:#0b2853;margin:0;}
#mvisual .copy1 span{font-family: 'nsr','Malgun Gothic';}
#mvisual .copy1 p span{display:inline-block;vertical-align:center;background: url(/images/area/sub06/main/visual_txt.png) no-repeat;background-size:100%;width:320px;height:73px;font-size:0;line-height:90px}
#mvisual .copy1 p{font-size:18px;color:#0b2853;}

#mvisual .copy2{display:block;position:absolute;right:50%;top:135px;margin-right:-139px;}
#mvisual .copy2 h2{position:relative; color:#0b2853;background: url(/images/area/sub06/main/ico_01.png) no-repeat;padding-left: 73px;padding-top: 10px;height: 60px;}
#mvisual .copy2 span{position: absolute;top: 19px;left: 252px;width: 100%;font-weight: bold;}
#mvisual .copy2 p{position:relative;}
#mvisual .copy2 .ir{background:url(/images/area/sub06/main/visual_ir.png) no-repeat;}
#mvisual .ir.copy_ir1{width: 89px;height: 103px;background-position: -8px 0;position: absolute;left: -2px;top:17px;}
#mvisual .ir.copy_ir2{width: 93px;height: 103px;background-position: -123px 0;position: absolute;left:228px;top:17px;}
#mvisual .ir.copy_ir3{width: 93px;height: 103px;background-position: -241px 0;position: absolute;left:420px;top:-95px;}
#mvisual .copy2 .copy_ir1_txt1{position: absolute;top:39px;left: 101px;font-size: 20px;   font-weight: 600;}
#mvisual .copy2 .copy_ir1_txt2{position: absolute;top: 71px;left: 101px;font-size: 22px;font-weight: 600;}
#mvisual .copy2 .copy_ir1_txt3{position: absolute;top:39px;left:334px;font-size: 20px;   font-weight: 600;}
#mvisual .copy2 .copy_ir1_txt4{position: absolute;top: 71px;left:334px;font-size: 22px;font-weight: 600;}
#mvisual .copy2 .copy_ir1_txt5{position: absolute;top:-75px;left:520px;font-size: 22px;font-weight: 600;}
#mvisual .copy2 .copy_ir1_txt6{position: absolute;top:-44px;left:521px;font-size: 22px;font-weight: 600;}
#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:50%;background-color:#e63c66;}
#mcontents #section3{width:25%;background-color:#bbc8cd}
#mcontents #section4{width:25%;background-color:#f7f3ed}
#mcontents #section5{width:25%;background-color:#ff7979}
#mcontents #section6{width:25%;background-color:#fdece4}
#mcontents #section7{width:100%;height:160px;padding:0;}


#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{margin: 0 18px 10px;color:#fff;}
#section2 .tab span{width:81%;display:block;float:left;margin-left:1%;margin-bottom:20px;height:36px;text-align:center;}
#section2 .tab span:first-child{width:18%;margin-left:0;}
#section2 .grap{width:100%;height:180px;margin-top:50px;overflow:hidden;}
#section2 .grap .obj{width:100%;}
#section2 .grap ul:after{content:"";display:block;clear:both;visibility:hidden;}
#section2 .ir.ir1{float:left;display:inline-block;width:74px;height:74px;background-position: -187px 0;margin-right: 20px;}
#section2 .grap ul li{float:left;padding:0 10px;width:33.33%;}
#section2 .grap ul li a {display:block;}
#section2 .grap ul li a strong{display:block;font-size:17px;margin-bottom:5px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#section2 .grap ul li a p{line-height:22px;}
#section2 .grap ul li a p br{display:none}
#section2 .grap ul{text-align:center;}
#section2 .grap ul li span{max-height:160px;display:block;}
#section2 .grap ul li span img{max-height:160px;}
#section2 .grap .obj{border-bottom: 7px solid #9a7e69;}
#section2 .more {position: absolute;top: 27px;   right: 40px;font-size: 0;}
#section2 .ir.more{display:block;position:absolute;top:30px;right:45px;width:20px;height:28px;background-position: -35px 0;font-size:0;}
#mcontents #section3, #mcontents #section4, #mcontents #section5, #mcontents #section6{padding:30px;}

#section3 a, #section4 a, #section5 a, #section6 a{display:block;}
#section3 a span, #section4 a span, #section5 a span, #section6 a span{display:block;width:105px;height:105px;margin:0 auto;margin-top: 20px;margin-bottom: 25px;border-radius:50%;}
#section3 a span{background: #8fa0b0 url(/images/area/sub06/main/statistics_ico1.png) no-repeat 50% 50%;}
#section4 a span{background: #bcc0c8 url(/images/area/sub06/main/statistics_ico2.png) no-repeat 50% 50%;}
#section5 a span{background: #739a2d url(/images/area/sub06/main/statistics_ico3.png) no-repeat 50% 50%;}
#section6 a span{background: #a1a7ad url(/images/area/sub06/main/statistics_ico4.png) no-repeat 50% 50%;}

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

@media(max-width:1200px){
	#mcontents .layout{width:95%;}
	#mvisual .layout{position:relative;width:95%;height: 100%}
	#mvisual{height:385px;background: url(/images/area/sub06/main/visual_bg.jpg) no-repeat 48% 50%;}
	#mvisual .copy1{position:absolute;top:84px;left: 5%;margin-left:-30px;}
	#mvisual .copy2{width:650px;right:0;margin-right:0}
}

@media(max-width:1110px){
	#mcontents .layout{width:95%;}
	#mcontents #section1,
	#mcontents #section2{width:100%}
	#mcontents #section3,
	#mcontents #section4,
	#mcontents #section5,
	#mcontents #section6{width:50%;}
	#section7 .grap .obj .item{width:8.33%;}
	#mvisual .copy1 p span {width: 268px;}
	#mvisual .copy1 p{font-size: 16px;}
	#mvisual .copy1 h2{color:#0b2853;margin:0;font-size: 20px;}
	#mvisual .copy2 h2{font-size: 22px;}
	#mvisual .copy2 span{top: 18px;left: 230px;}
	#mvisual .copy2{width:580px}
	#mvisual .copy2 .copy_ir1_txt1,#mvisual .copy2 .copy_ir1_txt3,#mvisual .copy2 .copy_ir1_txt5{font-size: 18px;}
	#mvisual .copy2 .copy_ir1_txt2,#mvisual .copy2 .copy_ir1_txt4,#mvisual .copy2 .copy_ir1_txt6{font-size: 16px;}
	#mvisual .ir.copy_ir2{width: 95px;height: 103px;background-position: -123px 0;position: absolute;left:199px;top:17px;}
	#mvisual .copy2 .copy_ir1_txt3,#mvisual .copy2 .copy_ir1_txt4{left:311px;}
	#mvisual .ir.copy_ir3{left: 390px;}
	#mvisual .copy2 .copy_ir1_txt5,#mvisual .copy2 .copy_ir1_txt6{left:499px;}



}
@media(max-width:970px){
	#mcontents .layout{width:80%}
	#mcontents{top:-50px}
	#mvisual{height: 245px;background: url(/images/area/sub06/main/visual_bg.jpg) no-repeat 63% 50%;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}
	#mvisual .copy1{top:30px;left:43%;}
	#mvisual .copy2{display:none;top:21px; left: 39%;}
	#mvisual .copy2 p{top: -17px;}
	#section2 .ir.more{right:35px;}

}
@media(max-width:760px){
	#mvisual .copy{margin-left: 0px;}
	#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:642px){

}
@media(max-width:564px){
	#mcontents .layout{width:95%}
	#mvisual{height:271px;background: url(/images/area/sub06/main/visual_bg.jpg) no-repeat 50% 50%; background-size:cover}
	#mvisual .copy{margin-left: -100px;top:10px;}
	#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 #section4,
	#mcontents #section5,#mcontents #section6{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;}
	#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:400px){
	#mvisual .copy1 p span{width:200px;height:40px}
	#mvisual .copy1 h2{font-size:16px}
}
@media(max-width:350px){
	#mcontents #section6{padding: 30px}
	#section6 .button{width:100%}
	#mvisual .copy1{left:37%;}

}