@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/sub08/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/sub08/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/sub08/main/ir.png) no-repeat}
#mcontainer .ir:before{display:none}
#mcontainer{background-color:#f4f5f9}
#mvisual{position:relative}
#mvisual{height:385px;background:url(/images/area/sub08/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;right:20px;top:118px;}
#mvisual .copy h2{color:#0b2853}
#mvisual .copy p span{display:inline-block;background:url(/images/area/sub08/main/visual_txt.png) no-repeat;background-size:100%;width:314px;height:73px;font-size:0;line-height:90px}
#mvisual .copy p{font-size:18px;color:#0b2853}

#mvisual .searchinput{position:absolute;width:100%}
#mvisual .searchinput .search{position:relative;/*margin:0 auto 44px auto;*/    float:right;top:19px;padding:10px 15px;width:363px}
#mvisual .searchinput .search h2{float:left;font-size:14px;padding:2px 10px 0 0;color:#666}
#mvisual .searchinput .search fieldset{position:relative;padding-right:44px;
	height:38px;border-bottom:4px solid #2452a7}
#mvisual .searchinput .search input[name^="searchKeyword"]{background:transparent;
	border:none;width:67%}
#mvisual .searchinput .search input[type="submit"]{position:absolute;top:-3px;right:0px;padding:0px;width:34px;min-width:46px;background:url(/images/area/sub08/main/search_img.png) no-repeat 50% 1%;border:none;text-indent:-9999em}
#mvisual .searchinput 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:#263282}
#mcontents #section3{width:25%;background-color:#6d7a8c;padding:30px 3.5%}
#mcontents #section4{width:25%;background-color:#bbc8cd;/*추가*/padding:30px 23px;}
#mcontents #section5{width:25%;background-color:#f7f3ed}
#mcontents #section6{width:50%;background:url(/images/area/sub08/main/book_bg.jpg) no-repeat;background-size:cover}
#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:20px}
#section1 ul li .news_list li{background:url(/images/area/sub08/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}
#section1 .obj li a strong i{display:inline-block;width:50px;padding: 5px 0;margin-right:10px;text-align: center;letter-spacing: -1px;line-height: 1;font-size: 12px;color: #fff;}
#section1 .obj li a strong i.color1{background-color:#014a9c}
#section1 .obj li a strong i.color2{background-color:#00a6bb}
#section1 .obj li ul li a i{display:inline-block;width:50px;padding:5px 0;margin-right:10px;text-align: center;letter-spacing: -1px;line-height: 1;font-size: 12px;color: #fff;text-indent:0;}
#section1 .obj li ul li a i.color1{background-color:#014a9c}
#section1 .obj li ul li a i.color2{background-color:#00a6bb}


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

#section2 h3, #section3 h3{color:#fff}
/*#section3 table{border-top:0;margin-top:20px}
#section3 table tbody th{background-color:#75cee5;border-bottom-color:#19aed3;color:#005f7e;border-right:1px solid transparent;font-weight:bold}
#section3 table tbody th.last{border-bottom:1px solid #75cee5}
#section3 table tbody td{border-bottom-color:#75cee5;color:#fff}
#section3 table tbody td .up{display:inline-block;width:11px;height:10px;background:url(/images/area/sub03/main/up.png) no-repeat;margin-right:5px}
#section3 table tbody tr:first-child{border-top:1px solid #75cee5}
#section3 .ir.more{display:block;position:absolute;top:30px;right:40px;width:20px;height:28px;background-position:-35px 0;font-size:0}
#section3 table tbody tr,
#section3 table tbody td{padding:12px}*/
#section3 h3{margin:0}
#section3 .reg_cal{position:relative;left:50%;margin-left:-108px}
#section3 .tab{position:absolute;margin-top:5px}
#section3 .tab a{border:none;background:#7c8898;padding:5px 19px;color:#fff}
#section3 .tab .ov{background:#5496db}
#section3 .lcon{position:absolute;top:29px}
#section3 .lcon .control{}
#section3 .lcon .control a{display:block;width:21px;height:15px;position:absolute;top:10px}
#section3 .lcon .control .ir:before{display:block}
#section3 .lcon .ctrmm{text-align:center;color:#fff;padding-top:5px;font-size:15px}
#section3 .lcon #month_prev{background:url(/images/area/sub08/main/cal_left_img.png)no-repeat;left:0}
#section3 .lcon #month_next{background:url(/images/area/sub08/main/cal_right_img.png)no-repeat;right:0}
#section3 .lcon table{width:220px;margin-top:0}
#section3 table thead tr th{color:#fff;font-size:12px}
#section3 table thead tr .c_rd{color:#ee3d3d}
#section3 table thead tr .c_bl{color:#313f72}
#section3 table tbody tr td{text-align:center;padding:2px 0;color:#fff}
#section3 table tbody tr td .cat{display:inline-block;width:24px;height:24px;background-color:#f78585;border-radius:50%;vertical-align:middle;text-align:center}
#section3 table tbody tr td a{color:#fff}

#section4 h3{margin:0;text-align:left;color:#374462}
#section4 h3{}
#section4 .grap{position:relative;padding:7px;padding-left:55px;border-top:1px solid #efefef;}
#section4 .grap.first-child{border-top:none;}
#section4 .grap .grap_b{position:absolute;top:7px;left:5px;width:35px;height:35px;line-height:50px;border:2px solid #2452a7;border-radius:35px;line-height:30px;text-align:center;color:#2452a7;font-size:13px;}
#section4 .grap ul{padding-bottom:0px}
#section4 .grap ul li{position:relative;overflow:hidden;padding-left:8px;font-size:13px;background:none;line-height:1.3; letter-spacing: -1px;}
#section4 .grap ul li b{display:block;margin-top:5px;margin-left:-8px;padding-left:8px;background:url(/images/common/list_bul1.png) no-repeat 0 7px;}
#section4 .grap .grap_b.grap_sp{color:#F74F45;border-color:#F74F45;top:-2px;}

/*
#section4 .grap .grap_b{display:block;padding-top:10px;margin-bottom:5px;margin-top:10px;border-top:1px dashed #efefef}
#section4 .grap .grap_b:first-child{border:none;padding:0;}
#section4 .grap .grap_sp{display:inline-block;font-size:13px;color:#ea5252;}
#section4 .grap ul{padding-bottom:0px}
#section4 .grap ul li{position:relative;overflow:hidden;font-size:13px;background:none;padding-left:55px;line-height:1.3}
#section4 .grap ul li b{position:absolute;left:0;top:0;padding-left:8px;background:url(/images/common/list_bul1.png) no-repeat 0 7px;}
*/
/*
#section4 .grap .grap_b{display:block;padding-top:10px;padding-bottom:5px;border-top:1px dashed #374462}
#section4 .grap .grap_sp{font-size:14px;color:#ea5252;}
*/

/*
#section4 .grap ul{padding-bottom:0px}
#section4 .grap ul li{width:100%;overflow:hidden;font-size:13px;background:none;padding-left:45px}
#section4 .grap ul li b{position:absolute;left:39px}
#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/sub08/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/sub08/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}
*/
#section5 h3{text-align:center;padding-bottom:10px;color:#333}
#section5 .grap{width:207px;margin:0 auto;overflow:hidden}
#section5 .grap .obj{width:200%;height:100%}
#section5 .grap .obj .item{position:relative;float:left;width:50%}
#section5 .grap .obj .item a{display:block;margin-bottom:10px}
#section5 .grap .obj .item a:hover span{text-decoration:underline}
#section5 .grap .obj .item a span{vertical-align:middle;line-height:40px}
#section5 .grap .obj .item a span:first-child{display:inline-block;width:40px;height:40px;border-radius:50%;margin-right:5px;text-decoration:none}
#section5 .grap .obj .item a:hover span:first-child{border:3px solid #19aed3}
#section5 .numb{position:absolute; bottom:55px;left:50%;margin-left:-20px}
#section5 .numb .ir{display:inline-block;width:12px;height:12px;background:url(/images/area/sub08/main/ir.png) no-repeat;font-size:0;background-position:-139px -27px}
#section5 .numb .ir.ov{background-position:-118px -27px}
#section5 .control .ir{display:inline-block;width:21px;height:41px;background:url(/images/area/sub08/main/ir.png) no-repeat;font-size:0}
#section5 .control .ir.prev{position:absolute;top:130px;left:30px;background-position:0 -43px}
#section5 .control .ir.next{position:absolute;top:130px;right:30px;background-position:-45px -43px}

#section6 .tab{width:100%;position:relative;padding-bottom:20px}
/*#section6 .tab a{float:left;padding:0 61px 20px 0}*/
#section6 .tab a {display:inline-block;margin-right:20px}
#section6 .tab a span{padding-bottom:5px;font-size:18px;float:left;text-align:center;color:#fff;border-bottom: 4px solid transparent;}
/*#section6 .tab a.last span{text-align:left;padding-left:10px}*/
#section6 .tab a.ov span{position:relative;border-bottom:4px solid #ffd800;color:#ffd800;}
#section6 .tab a.first span:after{content:"";display:block;position:absolute;top:6px;right:-10px;width:1px;height:21px;background:#b1ada9}

#section6 .grap{width:100%;height:178px;overflow:hidden}
#section6 .grap .obj{clear:both;width:100%;height:180px;padding-top:1px}
#section6 .grap .obj span{display:block;width:auto;height:auto;max-width:125px;background-color: #ddd;float:left;}
#section6 .grap .obj ul{margin-left:125px;}
#section6 .grap .obj ul li a{display:block;width:100%;height:100%}
#section6 .grap .obj ul li a strong,
#section6 .grap .obj ul li a p{margin-left:30px;color:#cbc9c7;}
#section6 .grap .obj ul li a strong{display:block;font-size:17px;font-weight:bold;margin: 10px 0px 5px 30px;}

#section6 .ir.ir1{float:left;display:inline-block;width:74px;height:74px;background-position:-187px 0;margin-right:20px}
/*
#section1 .grap ul li a strong{display:block;font-size:17px;margin-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#section6 .grap span{float:left}
#section6 .grap ul{padding-left:148px}
#section6 .grap ul li a strong{font-size:18px;color:#fff}
#section6 .grap ul li a p{line-height:22px;padding-top:10px;color:#fff}
#section6 .grap ul li a p br{display:none}
#section6 .grap ul li .news_list{clear:both;padding-top:25px}
#section6 .grap ul li .news_list li{background:url(/images/area/sub03/main/bul.png) no-repeat 0 9px;text-align:right;line-height:28px;color:#767676}
#section1 .grap 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}
#section6 .grap ul li .news_list li a:hover,
#section6 .grap ul li .news_list li a:focus{text-decoration:underline}
*/
#section6 .more{position:absolute;top:25px;right:40px;font-size:0;color:#666}
/*#section6 .more .ir{display:block;float:right;width:30px;height:28px;margin-left:10px}*/
#section6 .ir.more{display:block;position:absolute;top:30px;right:40px;width:20px;height:28px;background-position:-35px 0;font-size:0}
/*#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;width:166px;height:30px;background:url(/images/area/sub03/main/product_tit.png) no-repeat}
#section6 p{width:45%;color:#fff;line-height:22px;float:left}
#section6 .button{float:right}
#section6 .button a{display:block;padding:8px 25px; border:2px solid #fff;margin-bottom:8px;color:#fff}
#section6 .button 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 .copy p span{width:300px}
	#mvisual .searchinput .search{position:relative;float:right;top:24px;right:26px;padding:10px 15px;width:349px}
	#mcontents #section4{padding:30px 20px;}
}

@media(max-width:1110px){
	#mcontents .layout{width:95%}
	#mcontents #section1,
	#mcontents #section6{width:100%}
	#mcontents #section2,
	#mcontents #section3,
	#mcontents #section4,
	#mcontents #section5{width:50%}
	#section7 .grap .obj .item{width:8.33%}
	#mvisual .copy h2{font-size:22px}
	#mvisual .copy p span{width:280px}
	#mvisual .copy p{font-size:17px}
	#mvisual .searchinput .search{width:327px}
	#mcontents #section4{padding:30px;}
	/*
	#section4 .grap ul li b {position:absolute;left:-10px}
	#section4 .grap .grap_sp {left:-43px}
	#section4 .grap {height:135px;position:relative;left:50%;
		margin-left:-65px}
	*/
}
@media(max-width:970px){
	#mcontents .layout{width:80%}
	#mcontents{top:-50px}
	#mvisual{height:271px;background:url(/images/area/sub08/main/visual_bg.jpg) no-repeat 60% 50%; background-size:cover}
	#mvisual .copy{top:102px}
	#mvisual .copy h2{font-size:20px}
	#mvisual .copy p span{width:250px}
	#mvisual .copy p{font-size:15px}
	#mvisual .searchinput .search {width:298px; right:62px}


}
@media(max-width:760px){
	#mcontents .layout{width:90%}
	#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}
	#mvisual .searchinput .search {width:279px;right:14px}
	#mvisual .searchinput .search input[name^="searchKeyword"]{width:61%;}

}
@media(max-width:640px){
	#mcontents #section1{padding:30px;}
	#mcontents #section4{padding:30px 20px;}
	#section4 .grap ul li b{display:inline-block;letter-spacing: -0.8px;margin-right: 10px}
	#section4 .grap ul li:first-child b{display:block;}
	#section6 .grap .obj span{display:none;}
	#section6 .grap .obj ul{margin-left: 0}
	#section6 .grap .obj ul li a strong, #section6 .grap .obj ul li a p{margin-left: 0}
}
@media(max-width:564px){
	#mcontents .layout{width:95%}
	#mvisual .copy{top:96px;}
	#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{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 .tab a.last span{text-align:center;padding-left:0}
	#section1 .more{top:350px;right:40px;font-size:15px}
	#section1 .obj{height:240px}
	#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}
	#mcontents #section3 {height:347px}
	#mvisual .searchinput .search {width:233px;right:0px}
	#section4 .grap ul li b{letter-spacing:0}
	#section3 h3{margin-bottom: 30px}
}


@media(max-width:350px){
	#mcontents #section6{padding:30px;height:310px}
	#section6 .button{width:100%}
	#section6 .tab a {float:left}
	#mvisual .copy {top:96px;}
	#section6 .tab{width:100%;position:relative;padding-bottom:55px}

}