@charset "utf-8";

.m_contents{position:relative;z-index:1}


.m_visual{width:100%;background:url("/images/07_welfare/main/main_visual.jpg") no-repeat center 0;height:220px;background-size:cover;}
.m_visual .visual_txt img{width:250px;padding:50px 0 0 10px}

.m_search{background-color:#e4780b;padding:15px 10px 15px 10px;overflow:hidden;}
.m_search h2{color:#fff;background:url("/images/07_welfare/main/m_search_tit_bg.png") no-repeat left 0;background-size:40px;font-size:18px;font-weight:normal;padding:0 0 0 50px;margin:0 0 10px 0}
.m_search .stit{font-size:15px;}
.m_search .scolor{color:#fff79a;}

.m_search .m_search_wap{width:100%;margin:0 0 10px 0;overflow:hidden;}
.m_search .m_search_wap .inp_list01{border:none;height:40px;width:30%}
.m_search .m_search_wap .inp_list02{border:none;height:40px;width:47%}
.m_search .m_search_wap .inp_btn{float:right;background:#603912;color:#fff;height:40px;width:20%}

.m_search .m_search_btn{background:url("/images/07_welfare/main/search_bg.png") no-repeat right 20px center #272727;text-align:center;padding:10px 0 10px 0;}
.m_search .m_search_btn a{color:#fff;}

.m_banner{overflow:hidden;padding:30px 0}
.m_banner li{float:left;width:50%;text-align:center;display:inline-block;background-size:90px !important;}
.m_banner .tit{display:block;color:#344887;font-size:16px;font-weight:600;padding:100px 0 10px 0}
.m_banner .s_tit{display:none;}
.m_banner .m_ban01{background:url("/images/07_welfare/main/m_ban01.png") no-repeat center 0;}
.m_banner .m_ban02{background:url("/images/07_welfare/main/m_ban02.png") no-repeat center 0;}
.m_banner .m_ban03{background:url("/images/07_welfare/main/m_ban03.png") no-repeat center 0;}
.m_banner .m_ban04{background:url("/images/07_welfare/main/m_ban04.png") no-repeat center 0;}
.m_banner .m_ban05{background:url("/images/07_welfare/main/m_ban05.png") no-repeat center 0;}



.m_con_bbs{background:url("/images/07_welfare/main/m_con_bbs_bg.jpg") no-repeat center top #e6f5fa;overflow:hidden;}
.m_con_bbs h2{font-size:18px;color:#334889;}
.m_con_bbs .m_notice{background-color:#fff;box-shadow:1px 1px 3px 0 #888;padding:20px;margin:15px;position:relative;}
.m_con_bbs .more{position:absolute;top:15px;right:15px;}
.m_con_bbs .m_photo{overflow:hidden;background-color:#fff;box-shadow:1px 1px 3px 0 #888;padding:20px;margin:15px;position:relative;}

.m_con_bbs .m_notice ul{padding:20px 0 0 0}
.m_con_bbs .m_notice ul li{margin:0 0 20px 0;border-bottom:1px solid #d9d9d9;padding:0 0 20px 0}
.m_con_bbs .m_notice ul li.none{border:none;padding:0}
.m_con_bbs .m_notice ul li span{display:block;color:#132d81;padding:10px 0 0 0}

.m_con_bbs .m_photo ul{padding:20px 0 0 0;}
.m_con_bbs .m_photo ul li{padding:0 0 20px 0;width:100%;}
.m_con_bbs .m_photo ul li img{width:100%;text-align:center;}
.m_con_bbs .m_photo ul li span{display:block;padding:10px 0 0 0}



/* Tablet */
@media all and (min-width:768px) {

.m_visual{height:400px;}
.m_visual .visual_txt img{width:300px;padding:100px 0 0 50px}

.m_search h2{font-size:23px;background-size:53px;padding:4px 0 0 60px;}

.m_search{background:url("/images/07_welfare/main/m_search_bg.jpg") no-repeat center bottom #e4780b;}
.m_search .m_search_wap{float:left;width:70%}

.m_search .m_search_btn{float:right;width:25%;text-align:left;height:20px;padding:10px 0 10px 30px;}

.m_banner li{width:19.8%;border-right:1px solid #d9d9d9;}
.m_banner .tit{display:block;color:#344887;font-size:16px;font-weight:600;padding:100px 0 10px 0}
.m_banner .s_tit{display:block;padding:0 10px;font-size:13px;word-break:keep-all}
.m_banner .m_ban04{border:none;}

.m_con_bbs .m_notice ul li{font-size:16px;}
.m_con_bbs .m_photo ul li{float:left;width:48%;margin:0 1%}


}


/* Desktop */
@media all and (min-width:1023px) {


.m_con_auto{width:1200px;margin:0 auto;}

.m_visual{height:520px;}
.m_visual .visual_txt img{width:auto;padding:113px 0 0 0}

.m_search{background:url("/images/07_welfare/main/m_search_bg.jpg") no-repeat center top #e4780b;padding:40px 0;height:50px}
.m_search h2{float:left;width:330px;}
.m_search .m_search_wap{float:left;width:500px;font-size:16px}
.m_search .m_search_wap .inp_list01{height:50px;}
.m_search .m_search_wap .inp_list02{height:50px;}
.m_search .m_search_wap .inp_btn{height:50px;font-size:17px}

.m_search .m_search_btn{float:right;width:210px;padding:15px 0 15px 30px;font-size:17px}

.m_banner{overflow:hidden;padding:60px 0}
.m_banner li{background-size:150px !important;}
.m_banner .tit{font-size:24px;padding:180px 0 10px 0}
.m_banner .s_tit{font-size:15px;padding:0 30px;}



.m_con_bbs{background:url("/images/07_welfare/main/m_con_bbs_bg.jpg") no-repeat center top #e6f5fa;padding:60px 0;overflow:hidden;}
.m_con_bbs h2{font-size:24px;color:#334889;}
.m_con_bbs .m_notice{background-color:#fff;box-shadow:1px 1px 3px 0 #888;float:left;width:220px;padding:40px;margin:0;height:300px;}
.m_con_bbs .m_notice ul li{margin:0 0 35px 0;border-bottom:1px solid #d9d9d9;padding:0 0 35px 0}
.m_con_bbs .m_notice ul li span{padding:30px 0 0 0}


.m_con_bbs .m_photo{background-color:#fff;box-shadow:1px 1px 3px 0 #888;float:right;width:770px;padding:40px;margin:0;height:300px;}

}                  

/*21-11-23 인포존 추가*/
.m_bannerWrap{padding:20px 0;max-width:1200px;margin:auto;}
.m_bannerWrap:after{display:block;clear: both;content: ""}
	
.infozone{position:relative;background:#eef0f5}
.infozone h2{color:#000;font-size:18px;padding:12px;line-height:1.5em;background:#fff;border-radius:5px 5px 0 0}
.infozone p{position:absolute;top:11px;right:15px}
.infozone p button{background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.infozone p .stop{background-position:0px -108px}
.infozone p .play{background-position:-29px -108px}
.infozone p .prev{background-position:-87px -108px}
.infozone p .next{background-position:-116px -108px}
.infozone p .v_img{background-position:-203px -108px}
.infozone p .v_txt{background-position:-232px -108px}

.infozone li{display:none}
.infozone li.on{display:block}
.infozone li a{display:block}
.infozone li img{width:100%;border-radius:0 0 5px 5px}
.infozone li span{display:none}

.type_img .btn_txt, .type_txt .btn_img{display:none}
.type_img .btn_img, .type_txt .btn_txt{display:inline-block}
.type_txt{}
.type_txt ul{margin:20px}
.type_txt li{background:url("/images/01_potal/main/bbs_list.png") no-repeat 0 5px;padding:0 0 0 10px;margin:10px 0 0 0;display:block;}
.type_txt li span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.type_txt li:first-child{margin:0}
.type_txt li img{display:none}
.type_txt li span{display:block}

@media all and (min-width:768px){
.infozone{float:left;width:58%;height:285px;border:1px solid #dfdfdf;}
.infozone h2{padding:15px 0 0 15px;height:40px}
.infozone li{text-align:center}
.infozone li img{width:auto;height:100%}
.type_txt li{text-align:left}
}
@media all and (min-width:1023px){
.infozone{margin:16px 30px 0 0;width:395px;}
}

.m_banner01{overflow:hidden;padding:30px 0}
.m_banner01:after{display:block;clear: both;content: ""}
.m_banner01 li{float:left;width:33.333%;text-align:center;display:inline-block;background-size:60px !important;}
.m_banner01 .tit{display:block;color:#344887;font-size:16px;font-weight:600;padding:70px 0 20px 0}
.m_banner01 .s_tit{display:none;}
.m_banner01 .m_ban01{background:url("/images/07_welfare/main/m_ban01.png") no-repeat center 0;}
.m_banner01 .m_ban02{background:url("/images/07_welfare/main/m_ban02.png") no-repeat center 0;}
.m_banner01 .m_ban03{background:url("/images/07_welfare/main/m_ban03.png") no-repeat center 0;}
.m_banner01 .m_ban04{background:url("/images/07_welfare/main/m_ban04.png") no-repeat center 0;}
.m_banner01 .m_ban05{background:url("/images/07_welfare/main/m_ban05.png") no-repeat center 0;}
@media all and (min-width:768px){
.m_banner01 li{width:33.33%;border-right:1px solid #d9d9d9;box-sizing:border-box}
.m_banner01 .tit{display:block;color:#344887;font-size:16px;font-weight:600;}
.m_banner01 .m_ban04{border:none;}
}
@media all and (min-width:1023px){
.m_banner01{overflow:hidden;padding:60px 0;}
.m_banner01 li{width:20%;background-size:90px !important;}
.m_banner01 .tit{font-size:20px;padding:100px 0 10px 0}
.m_banner01 .s_tit{padding:0 10px;font-size:15px;word-break:keep-all;display:block;}
}