@charset "UTF-8"; 

.m_bgset:after,
.m_bgset .inner:after {content:''; display:block; visibility:hidden; clear:both;}
.m_fix {overflow:hidden !important;}
.mc_box {position:relative; float:left;}

/*메인이미지 페이지컨트롤*/
.ctrl_box {position:absolute; z-index:30;}
.ctrl_box > dl {}
.ctrl_box > dl dd {position:relative; display:inline-block; float:left; margin-left:-1px; color:#fff;}
.ctrl_box > dl dd .ctrl_cont,
.ctrl_box > dl dd a {position:relative; display:block; width:35px; height:35px; box-sizing:border-box;}
.ctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-5px; width:11px; height:17px; background-image:url(../images/main_welfare_ir.png); background-repeat:no-repeat;}
.ctrl_box > dl dd a.ctrl_prev:before {background-position:0 0;}
.ctrl_box > dl dd a.ctrl_stop:before {background-position:-12px 0;}
.ctrl_box > dl dd a.ctrl_play:before {background-position:-24px 0;}
.ctrl_box > dl dd a.ctrl_next:before {background-position:-36px 0;}
.ctrl_box > dl dd span.ctrl_cont {padding:0 10px; line-height:35px; width:auto;}
.ctrl_box > dl dd span.ctrl_cont strong {font-weight:400; color:#ffe400;}

/********************************
 section01
 *******************************/
.m_bgset01 {padding:30px 0 10px; background-color:#f6f7f9;}
.m_bgset01 .mc_box {width:50%; padding-left:10px;}
.m_bgset01 .m_fixin {margin-left:-10px;}
.m_bgset01 .mpopup_box {}
.m_bgset01 .mnotice_box {}

.m_bgset01 .mpopup_box .mbs_inbox,
.m_bgset01 .mnotice_box .mbs_inbox {position:relative; min-height:322px; background-color:#fff;}
.m_bgset01 .mpopup_box .mpop_listbox {position:relative; border:1px solid #d5d7da; z-index:5;}
.m_bgset01 .mpopup_box .mpop_listbox img {height:100%;}

/*페이지컨트롤*/
.m_bgset01 .mpopup_box .ctrl_box {right:1px; bottom:1px;}
.m_bgset01 .mpopup_box .ctrl_box > dl dd .ctrl_cont,
.m_bgset01 .mpopup_box .ctrl_box > dl dd a {border:1px solid #000; border:1px solid #000; background-color:rgba(0,0,0,0.5);}


.m_bgset01 .mnotice_box .mbs_inbox {border:1px solid #d5d7da;}

.notice_list {position:relative; margin-right:50px; z-index:2;}
.notice_list:after {content:''; display:block; visibility:hidden; clear:both;} 
.notice_list .tit {display:block; position:absolute; top:0; width:25%; height:60px; font-size:1.7rem; color:#333; font-weight:500; text-align:center;}
.notice_list .tit:first-child {}
.notice_list .tit.tit01 {left:0;}
.notice_list .tit.tit02 {left:25%;}
.notice_list .tit.tit03 {left:50%;}
.notice_list .tit.tit04 {left:75%;}
.notice_list .tit span {display:inline-block; padding-top:20px;}
.notice_list .tit:hover span,
.notice_list .tit:active span,
.notice_list .tit:focus span {color:#2465d7; text-decoration:underline;}
.notice_list .tit.on span {color:#2465d7; text-decoration:none;}
.notice_list .tit.on span:before {content:''; position:absolute; left:50%; bottom:2px; margin-top:-8px; margin-left:-5px; width:11px; height:7px; background:url(../images/main_welfare_ir.png) -48px 0 no-repeat;}
.notice_list .tit.on {background-color:#fff;}
.notice_list .list_box {display:none; padding:70px 30px 20px; margin-right:-50px;}
.notice_list .list_box li {overflow:hidden; position:relative; padding-left:10px; padding-right:100px; margin:8px 0;}
.notice_list .list_box li:before {content:''; display:block; position:absolute; left:0; top:10px; width:3px; height:3px; background-color:#555f6b;}
.notice_list .list_box li a {overflow:hidden; display:block; color:#333;  text-overflow:ellipsis; white-space:nowrap;}
.notice_list .list_box li a .n_new {position:relative; display:inline-block; width:20px; margin-right:4px; text-indent:-9999px;}
.notice_list .list_box li a .n_new:before {content:''; display:block; position:absolute; left:0; top:2px; width:20px; height:20px; background:url(../images/main_welfare_ir.png) -60px 0 no-repeat;}

.notice_list .list_box li .n_date {position:absolute; right:0; top:1px; color:#767676;}

.notice_list .list_box .btn_more {display:inline-block; position:absolute; right:-30px; top:3px; width:50px; height:59px;}
.notice_list .list_box .btn_more:before {content:''; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-8px; width:16px; height:16px; background:url(../images/main_welfare_ir.png) -81px 0 no-repeat;}

/* media query */
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.m_bgset01 {padding-left:20px; padding-right:20px;}
	
	.m_bgset01 .mpopup_box .mpop_listbox img {width:100%; height:auto;}
	
	.m_bgset01 .mpopup_box .mbs_inbox,
	.m_bgset01 .mnotice_box .mbs_inbox {min-height:auto;}
	.m_bgset01 .mnotice_box .mbs_inbox:before {height:49px;}
	.m_bgset01 .mc_box {float:none; width:auto;}
	.m_bgset01 .mnotice_box {margin-top:10px;}
	.notice_list .list_box {padding-top:68px}
	.notice_list .list_box li {margin:4px 0;}
	.notice_list .tit {height:50px; font-size:1.6rem;}
	.notice_list .tit span {padding-top:20px}
	.notice_list .tit.on span:before {bottom:-6px;}
	
	.notice_list .list_box .btn_more {top:8px; right:-40px; height:49px;}
}
@media screen and (max-width:767px) {
	.m_bgset01 {padding:30px 20px 10px;}
	
	.notice_list .list_box {padding:64px 20px 10px;}
	
}
@media screen and (max-width:640px) {
	.notice_list .tit {font-size:1.5rem;}
	.notice_list .tit span {padding-top:15px;}
	.notice_list .tit.on span:before {bottom:-1px;}
	.notice_list .list_box li {margin:2px 0;}
	.notice_list .list_box .btn_more {top:0; right:-50px;}
}
@media screen and (max-width:480px) {
	.m_bgset01 {padding:20px 10px 10px;}
  	
  	.notice_list .tit {width:33.3333%; font-size:1.4rem;}
    .notice_list .tit.tit02 {left:33.3333%;}
	.notice_list .list_box {padding:58px 15px 10px;}
}


/********************************
 section02
 *******************************/
.m_bgset02 {padding:0 0 30px; background-color:#f6f7f9;}
.m_bgset02 .m_fixin {margin-left:-10px;}
.m_bgset02 .mc_box {width:33.3333%; padding-left:10px;}
.m_bgset02 .mbs_inbox {overflow:hidden;}
.m_bgset02 .mc_box.mset3_1 .mbs_inbox {min-height:530px; color:#fff;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox {padding:10px; min-height:530px; color:#fff; border:1px solid #ddd; background-color:#fff;}
.m_bgset02 .mc_box.mset3_3 .mbs_inbox {min-height:530px;}

/*왼쪽*/
.layout_list {}
.layout_list:after {content:''; display:block; visibility:hidden; clear:both;}
.layout_list li {position:relative; float:left; display:inline-block; width:100%;}

.layout_list.col_5 li {width:20%;}
.layout_list.col_4 li {width:25%;}
.layout_list.col_3 li {width:33.3333%}
.layout_list.col_2 li {width:50%}

.mbs_inbox li .ani_linebox {margin-top:10px; min-height:123px; background-color:#fff;}
.mbs_inbox li:first-child .ani_linebox {margin-top:0;}
.ani_linebox .innerbox {padding:20px 30px 20px 130px;}/*line_btm에 추가하여 사이즈 조정*/
.ani_linebox .tit {font-size:1.8rem;}
.ani_linebox .tit .new_open {position:relative;}
.ani_linebox .tit .new_open:after {position:absolute; content:''; right:-22px; top:6px; width:17px; height:17px; background:url(../images/icon_openwin.png) 0 0 no-repeat;}

/*왼-아이콘*/
.ani_linebox .btn_con {display:block; position:absolute; left:25px; top:50%; margin-top:-40px; width:80px; height:80px; background-color:#f3f4f9; border-radius:50px;}
.ani_linebox .btn_con:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:80px; height:80px; background-image:url(../images/main_welfare_ir.png); background-repeat:no-repeat;}
.ani_linebox .btn_con.bicon01:before {background-position:0 -25px;}
.ani_linebox .btn_con.bicon02:before {background-position:-336px -25px;}
.ani_linebox .btn_con.bicon03:before {background-position:-166px -25px;}
.ani_linebox .btn_con.bicon04:before {background-position:-249px -25px;}

/* media query */
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
	.m_bgset02 {padding-left:20px; padding-right:20px;}
	.m_bgset02 .m_fixin {margin-left:-10px;}
	.m_bgset02 .mc_box {padding-left:10px;}
	.m_bgset02 .mc_box.mset3_1 {float:none; width:auto; margin-bottom:10px;}
	.m_bgset02 .mc_box.mset3_2, .m_bgset02 .mc_box.mset3_3 {width:50%}
	
	.layout_list.left_ani {margin-left:-10px;}
	.layout_list.left_ani li {width:50%;  min-height:124px;}
	.m_bgset02 .mc_box.mset3_1 .mbs_inbox {min-height:inherit;}
	.mbs_inbox li .ani_linebox {min-height:inherit; margin-left:10px;}
	.mbs_inbox li:nth-child(2) .ani_linebox {margin-top:0;}
  
  	.ani_linebox .innerbox {padding:25px 30px 20px 130px;}
}
@media screen and (max-width:767px) {
	.m_bgset02 {padding:0 20px 20px;}
	.m_bgset02 .mc_box.mset3_2, .m_bgset02 .mc_box.mset3_3 {float:none; width:auto; margin-bottom:10px;}
	
	
	.ani_linebox .innerbox {padding:20px 25px;}
	.ani_linebox .btn_con {display:none;}
}
@media screen and (max-width:640px) {
	.layout_list.left_ani li {margin-left:0; width:100%; min-height:inherit;}
	.mbs_inbox li:nth-child(2) .ani_linebox {margin-top:10px;}
	
	
}
@media screen and (max-width:480px) {
	.m_bgset02 {padding:0 10px 20px;}
}


/*중간*/
.m_bgset02 .mc_box.mset3_2 .mbs_inbox h2 {margin-bottom:0; padding-top:18px; font-family:'GSK'; font-size:2.0rem; font-weight:400; text-align:center; color:#444;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box {margin:25px 0 17px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box:after {display:block; content:''; clear:both;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box .layout_list {display: block; margin: 0 auto; text-align: center;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box .layout_list:after {display:block; content:''; clear:both;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li {margin:10px 0; min-height:inherit;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .scon_inner {display:inline-block; padding:80px 40px 0;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon {display:block; position:absolute; left:50%; top:0; margin-left:-35px; width:70px; height:70px; background-color:#f3f4f9; border-radius:50%;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon:hover,
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon:active,
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon:focus {background-color:#d5d7da;}


/*중-아이콘*/
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon:before {content:''; display:inline-block; position:absolute; top:0; left:0; width:70px; height:70px; background-image:url(../images/main_welfare_ir.png); background-repeat:no-repeat;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon01:before {background-position:0 -108px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon02:before {background-position:-73px -108px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon03:before {background-position:-146px -108px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon04:before {background-position:-219px -108px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon05:before {background-position:-292px -108px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon06:before {background-position:-365px -108px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon07:before {background-position:0 -181px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon08:before {background-position:-73px -181px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon09:before {background-position:-146px -181px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon10:before {background-position:-219px -181px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon11:before {background-position:-292px -181px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon12:before {background-position:-365px -181px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon13:before {background-position:-438px -181px;}
.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .btn_sicon.scon14:before {background-position:-73px -181px;}

/*페이징*/
.icon_ctrl_box {display:table; margin:0 auto;}
.icon_ctrl_box:after {display:block; content:''; clear:both;}
.icon_ctrl_box > dl {display:table-cell;}
.icon_ctrl_box > dl:after {display:block; content:''; clear:both;}
.icon_ctrl_box > dl dd {position:relative; display:inline-block; float:left; color:#444;}
.icon_ctrl_box > dl dd .icon_ctrl_cont,
.icon_ctrl_box > dl dd a {position:relative; display:block; width:35px; height:23px; box-sizing:border-box;}
.icon_ctrl_box > dl dd a:before {content:''; position:absolute; left:50%; top:0; margin-bottom:-6px; margin-left:-17px; width:35px; height:23px; background-image:url(../images/main_welfare_ir.png); background-repeat:no-repeat;}
.icon_ctrl_box > dl dd a:after {display:block; content:''; clear:both;}
.icon_ctrl_box > dl dd a.icon_ctrl_prev:before {background-position:-98px 0;}
.icon_ctrl_box > dl dd a.icon_ctrl_next:before {background-position:-134px 0;}
.icon_ctrl_box > dl dd span.icon_ctrl_cont {padding:0 50px; line-height:23px; width:auto;}
.icon_ctrl_box > dl dd span.icon_ctrl_cont strong {font-weight:400; color:#2465d7;}

/* media query */
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.m_bgset02 .mc_box.mset3_2 .mbs_inbox {padding-bottom:30px; min-height:auto;}
	.m_bgset02 .mc_box.mset3_2 .mbs_inbox h2 {font-size:1.6rem;}

	.icon_ctrl_box > dl dd span.icon_ctrl_cont {padding:0 80px;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
	.m_bgset02 {padding:0 10px 20px;}
	.m_bgset02 .mc_box.mset3_2 .mbs_inbox {padding:15px;}
	.m_bgset02 .mc_box.mset3_2 .mbs_inbox h2 {padding-top:0;}
	.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box {margin:10px 0 10px;}
	.m_bgset02 .mc_box.mset3_2 .mbs_inbox .sixcon_box li .scon_inner {padding:80px 30px 0;}
	
	.icon_ctrl_box > dl dd span.icon_ctrl_cont {padding:0 50px;}
}

/*오른쪽*/
.m_bgset02 .mc_box.mset3_3 li {border-left:1px solid #fff; border-top:1px solid #fff;}
.m_bgset02 .mc_box.mset3_3 li:nth-child(odd) {border-left:none;}
.m_bgset02 .mc_box.mset3_3 li:first-child {border-top:none;}
.m_bgset02 .mc_box.mset3_3 li:nth-child(2) {border-top:none;}

.m_bgset02 .mc_box.mset3_3 li.clbtn_bgc01 {background-color:#f6e2ac;}
.m_bgset02 .mc_box.mset3_3 li.clbtn_bgc02 {background-color:#bbbdeb;}
.m_bgset02 .mc_box.mset3_3 li.clbtn_bgc03 {background-color:#e3a2b2;}
.m_bgset02 .mc_box.mset3_3 li.clbtn_bgc04 {background-color:#b4dbe3;}

.m_bgset02 .mc_box.mset3_3 .clbtn_box .tit {display:block; color:#121212; font-family:'GSK'; font-size:2.2rem; font-weight:400;}
.m_bgset02 .mc_box.mset3_3 .clbtn_box .txt {color:#444;}

.m_bgset02 .mc_box.mset3_3 .clbtn_box {display:inline-block; width:100%; min-height:264px;}
.m_bgset02 .mc_box.mset3_3 .clbtn_box .line_top {padding:30px 20px 0 20px;}
.m_bgset02 .mc_box.mset3_3 .clbtn_box .clbtn_con {display:block; position:absolute; bottom:20px; right:20px; width:100px; height:100px;}

/*오-아이콘*/
.m_bgset02 .mc_box.mset3_3 .clbtn_box .clbtn_con:before {content:''; display:inline-block; position:absolute; bottom:0; right:0; width:100px; height:100px; background-image:url(../images/main_welfare_ir.png); background-repeat:no-repeat;}
.m_bgset02 .mc_box.mset3_3 .clbtn_box .clbtn_con.cicon01:before {background-position:0 -254px;}
.m_bgset02 .mc_box.mset3_3 .clbtn_box .clbtn_con.cicon02:before {background-position:-102px -254px;}
.m_bgset02 .mc_box.mset3_3 .clbtn_box .clbtn_con.cicon03:before {background-position:-202px -254px;}
.m_bgset02 .mc_box.mset3_3 .clbtn_box .clbtn_con.cicon04:before {background-position:-303px -254px;}



/* media query */
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:767px) {
	.m_bgset02 .mc_box.mset3_3 .mbs_inbox {min-height:inherit;}
	.m_bgset02 .mc_box.mset3_3 .clbtn_box {min-height:121px;}
	.m_bgset02 .mc_box.mset3_3 .clbtn_box .line_top {padding:20px;}
	.m_bgset02 .mc_box.mset3_3 .clbtn_box .tit {font-size:1.8rem;}
	.m_bgset02 .mc_box.mset3_3 .clbtn_box .clbtn_con {display:none;}
}
@media screen and (max-width:640px) {
	.m_bgset02 .mc_box.mset3_3 .clbtn_box {min-height:110px;}
	.m_bgset02 .mc_box.mset3_3 .clbtn_box .tit {font-size:1.6rem;}
}
@media screen and (max-width:480px) {
	.m_bgset02 .mc_box.mset3_3 .clbtn_box {min-height:121px;}
	.m_bgset02 .mc_box.mset3_3 .clbtn_box .line_top {padding:15px;}
}