@charset "utf-8";

/*
 * Main CSS Document
 * 2017-10-18
 */

/*** Mobile ~ 767px ***/
/* 스프라이트 */
.sprh_main,
.cont_main .link_area ul li:before,
.cont_main .ban_area ul li .more:after{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; text-indent:100%; background:url('/Main/Images/section/disaster/main/sprh_main.png') no-repeat 0 0;}
.cont_main{margin:0 10px; padding:0 0 20px;}
/* 비쥬얼존 */
.cont_main .section_visual{margin:0 -10px; background:#eff0f4 url('/Main/Images/section/disaster/main/bg_visual01.jpg') no-repeat 55% 0; background-size:cover;}
.cont_main .section_visual > .inr{height:274px;}
.cont_main .section_visual .headline{width:260px; padding:100px 0 0 25px; font-weight:400; font-size:32px; line-height:1.2; color:#ac3f5e; word-wrap:break-word; word-break:keep-all;}
.cont_main .section_visual .txt{display:none;}
/* 보도자료 */
.cont_main .press_area{overflow:hidden; margin:20px 0 0;}
.cont_main .press_area ul{margin:0 -7px;}
.cont_main .press_area ul:after{content:''; display:block; clear:both;}
.cont_main .press_area ul li{float:left; box-sizing:border-box; width:50%; padding:0 7px;}
.cont_main .press_area ul li + li ~ li{display:none;}
.cont_main .press_area ul li a{display:block; overflow:hidden; border-radius:6px;}
.cont_main .press_area ul li a .img img{width:100%;}
.cont_main .press_area ul li a .tit{display:block; box-sizing:border-box; min-height:70px; padding:12px 5px 12px 20px; background:#585858; font-weight:400; font-size:15px; line-height:1.4; color:#fff; }
/* 게시판 */
.cont_main .board_area{margin:20px 0 0;}
.cont_main .board_area .tab_mn{position:relative; overflow:hidden; height:245px; padding:0 30px 0 0; border:1px solid rgba(255,255,255,.5); border-bottom:0;}
.cont_main .board_area .tab_mn:before{content:''; display:inline-block; position:absolute; top:45px; left:0; right:0; height:2px; background:#000;}
.cont_main .board_area .tab_mn:after{content:''; display:inline-block; position:absolute; top:45px; left:0; width:50px; height:2px; background:#eb5255;}
.cont_main .board_area .tab_mn > li{float:left; box-sizing:border-box; width:25%;}
.cont_main .board_area .tab_mn > li > a{display:block; position:relative; overflow:hidden; box-sizing:border-box; height:45px; font-size:14px; line-height:45px; text-align:center;}
.cont_main .board_area .tab_mn > li > a:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:2px; height:12px; margin-top:-6px; background:#ddd;}
.cont_main .board_area .tab_mn > li:first-child > a:before{display:none;}
.cont_main .board_area .tab_mn.tab01 .tab01 > a,
.cont_main .board_area .tab_mn.tab02 .tab02 > a,
.cont_main .board_area .tab_mn.tab03 .tab03 > a,
.cont_main .board_area .tab_mn.tab04 .tab04 > a{z-index:5; font-weight:600; color:#eb5255;}
.cont_main .board_area .tab_mn > li > div{display:none; position:absolute; top:45px; left:0; right:0; height:200px;}
.cont_main .board_area .tab_mn iframe{width:100%; height:100%; margin:0; padding:0; border:0;}
.cont_main .board_area .tab_mn.tab01 > .tab01 > div,
.cont_main .board_area .tab_mn.tab02 > .tab02 > div,
.cont_main .board_area .tab_mn.tab03 > .tab03 > div,
.cont_main .board_area .tab_mn.tab04 > .tab04 > div{display:block;}
.cont_main .board_area .more{display:inline-block; position:absolute; top:-45px; right:0; width:30px; height:45px;}
.cont_main .board_area .more .sprh_main{position:absolute; top:50%; left:50%; width:12px; height:12px; margin:-6px 0 0 -6px; background-position:0 0;}
.cont_main .board_area .lst{padding:17px 0 0;}
.cont_main .board_area .lst li{position:relative; padding:0 80px 0 10px; padding-right:0; line-height:17px;}
.cont_main .board_area .lst li:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:3px; height:3px; margin-top:-2px; background:#9e9e9e;}
.cont_main .board_area .lst li a{display:block; position:relative; overflow:hidden; box-sizing:border-box; padding:7px 0 6px; font-size:15px; text-overflow:ellipsis; white-space:nowrap; color:#4c4c4c;}
.cont_main .board_area .lst li a .new{display:inline-block;}
.cont_main .board_area .lst li a img{vertical-align:middle;}
.cont_main .board_area .lst li .date{display:none; position:absolute; top:7px; right:0; font-size:13px; color:#4c4c4c;}
/* 배너영역 */
.cont_main .ban_area{margin:20px 0 0;}
.cont_main .ban_area ul li{margin:5px 0 0;}
.cont_main .ban_area ul li a{display:block; position:relative; box-sizing:border-box; height:65px; padding:18px 0 0 77px; border-radius:6px; background:#00907f;}
.cont_main .ban_area ul li a:before{content:''; display:inline-block; position:absolute; top:50%; left:20px; width:45px; height:45px; margin-top:-23px; border-radius:50%; background:#006559;}
.cont_main .ban_area ul li a:after{content:''; display:inline-block; position:absolute; top:50%; left:20px; width:45px; height:45px; margin-top:-23px; background:url('/Main/Images/section/disaster/main/ico_main01.png') no-repeat 50% 50%; background-size:60%;}
.cont_main .ban_area ul li.item01 a{background:#fde1e2;}
.cont_main .ban_area ul li.item02 a{background:#fddfd6;}
.cont_main .ban_area ul li.item03 a{background:#e2dae7;}
.cont_main .ban_area ul li.item04 a{background:#fddfd6;}
.cont_main .ban_area ul li.item05 a{background:#fde1e2;}
.cont_main .ban_area ul li.item06 a{background:#fddfd6;}
.cont_main .ban_area ul li.item07 a{background:#e2dae7;}
.cont_main .ban_area ul li.item01 a:after{background-image:url('/Main/Images/section/disaster/main/ico_main01.png');}
.cont_main .ban_area ul li.item02 a:after{background-image:url('/Main/Images/section/disaster/main/ico_main02.png');}
.cont_main .ban_area ul li.item03 a:after{background-image:url('/Main/Images/section/disaster/main/ico_main03.png');}
.cont_main .ban_area ul li.item04 a:after{background-image:url('/Main/Images/section/disaster/main/ico_main04.png');}
.cont_main .ban_area ul li.item05 a:after{background-image:url('/Main/Images/section/disaster/main/ico_main05.png');}
.cont_main .ban_area ul li.item06 a:after{background-image:url('/Main/Images/section/forest/main/ico_main04.png');}
.cont_main .ban_area ul li.item07 a:after{background-image:url('/Main/Images/section/disaster/main/ico_main02.png');}
.cont_main .ban_area ul li .tit{display:block; font-size:17px; color:#333;}
.cont_main .ban_area ul li .txt,
.cont_main .ban_area ul li .more{display:none;}
/* 링크모음 */
.cont_main .link_area{margin:20px 0 0; padding:20px 0 20px 20px; border-radius:6px; background:#d1e1ed;}
.cont_main .link_area ul:after{content:''; display:block; clear:both;}
.cont_main .link_area ul li{float:left; position:relative; box-sizing:border-box; width:50%; padding:12px 5px 11px 18px; font-size:14px; line-height:18px; letter-spacing:-1px;}
.cont_main .link_area ul li:before{content:''; position:absolute; top:16px; left:0; width:13px; height:11px; background-position:0 -20px;}
.cont_main .link_area ul li a{display:block;}

/*** Tablet 768px ~  ***/
@media all and (min-width:768px) {
	.cont_main{margin:0 20px; padding-bottom:30px;}
	/* 비쥬얼존 */
	.cont_main .section_visual{margin:0 -20px;}
	.cont_main .section_visual > .inr{height:300px;}
	.cont_main .section_visual .headline{width:auto; padding:75px 0 0 50px;}
	.cont_main .section_visual .txt{display:block; padding:30px 0 0 50px; font-size:15px; color:#555;}
	/* 보도자료 */
	.cont_main .press_area{margin-top:30px;}
	.cont_main .press_area ul{margin:0 -8px;}
	.cont_main .press_area ul li{width:33.3%; padding:0 8px;}
	.cont_main .press_area ul li + li ~ li{display:block;}
	.cont_main .press_area ul li a .tit{font-size:15px !important;}
	/* 게시판 */
	.cont_main .board_area{margin:20px 0 0; padding:15px 30px; border:1px solid #ddd; border-radius:6px;}
	.cont_main .board_area .tab_mn > li{width:auto;}
	.cont_main .board_area .tab_mn > li > a{padding:0 10px; font-size:17px; text-align:left;}
	.cont_main .board_area .tab_mn > li:first-child > a{padding-left:0;}
	.cont_main .board_area .lst li{padding-right:80px;}
	.cont_main .board_area .lst li .date{display:inline-block;}
	/* 배너영역 */
	.cont_main .ban_area .tit{font-weight:bold;}
	.cont_main .ban_area ul{margin:0 -8px;}
	.cont_main .ban_area ul:after{content:''; display:block; clear:both;}
	.cont_main .ban_area ul li{float:left; box-sizing:border-box; width:33.3%; margin:0; padding:0 8px;}
	.cont_main .ban_area ul li a{height:180px; padding:20px;}
	.cont_main .ban_area ul li a:before{display:none;}
	.cont_main .ban_area ul li a:after{top:0; left:0; right:0; bottom:0; width:auto; height:auto; margin:0; background-position:95% 90%; background-size:auto;}
	.cont_main .ban_area ul li .txt{display:block; margin:20px 0 0; font-size:13px; color:#333;}
	.cont_main .ban_area ul li .more{display:block; position:absolute; bottom:23px; left:20px; padding-right:12px; font-size:13px; color:#333;}
	.cont_main .ban_area ul li .more:after{content:''; position:absolute; top:50%; right:0; width:7px; height:8px; margin-top:-4px; background-position:0 -40px;}
	/* 링크모음 */
	.cont_main .link_area ul li{width:33.3%;}
}

/*** Pc 1024px ~  ***/
@media all and (min-width:1024px) {
	.cont_main{margin:0; padding:0 0 50px;}
	/* 비쥬얼존 */
	.cont_main .section_visual{margin:0; background-position:50% 0;}
	.cont_main .section_visual > .inr{width:1200px; margin:0 auto;}
	.cont_main > .section_group{width:1200px; margin:0 auto;}
	.cont_main > .section_group:after{content:''; display:block; clear:both;}
	/* 보도자료 */
	.cont_main .press_area{float:left; width:720px; margin:50px 0 0;}
	.cont_main .press_area ul{margin:0 -6px;}
	.cont_main .press_area ul li{padding:0 6px;}
	.cont_main .press_area ul li a .img{display:block; width:100%; height:210px;}
	/* 게시판 */
	.cont_main .board_area{float:right; box-sizing:border-box; width:450px; margin:50px 0 0;}
	/* 배너영역 */
	.cont_main .ban_area{float:left; width:720px;}
	.cont_main .ban_area ul{margin:0 -6px;}
	.cont_main .ban_area ul li{padding:0 6px;}
	/* 링크모음 */
	.cont_main .link_area{float:right; box-sizing:border-box; width:450px; height:180px; padding:25px 0 0 30px;}
	.cont_main .link_area ul li{width:50%;}

}