@charset "utf-8";


#main{clear:both;padding:50px 0 60px;border-top:1px solid #f3f3f1;background:url(/indvz/003/images/main/main_bg.jpg?t_=201907310900) no-repeat 50% 0 / cover}
#main:after{content:'';display:block;clear:both}
#main h3:before{display:none}


@media(max-width:1220px) {

#main{padding:50px 10px 60px}
#main .layout{max-width:768px}

}

@media(max-width:788px) {

#main{padding:30px 10px 40px}
#main .layout{max-width:640px}

}

.m_section_1 h3, .m_section_2 h3, .m_section_3 h3, .m_section_4 h3{font-family:Noto Sans Kr, sans-serif;line-height:100%;padding:0;margin:0;background:transparent}
.m_section_1 h3:before, .m_section_2 h3:before, .m_section_3 h3:before, .m_section_4 h3:before{display:none}
.m_section_1 i, .m_section_2 i, .m_section_3 i, .m_section_4 i{font-style:normal}

.m_section_1{height:372px;margin-bottom:13px}
.m_section_1:after{content:'';display:block;clear:both}
.m_section_1 .ms_visual{position:relative;float:left;width:816px;height:100%;background-color:#333}
.m_section_1 .ms_visual .mv_group{position:relative;height:100%}
.m_section_1 .ms_visual .mv_group .mg_list{position:absolute;top:0;left:0;width:100%;height:100%;line-height:130%;overflow:hidden}
.m_section_1 .ms_visual .mv_group .mg_list img{max-width:none;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
.m_section_1 .ms_visual .mv_group .mg_list .ml_txt{
	position:absolute;top:50%;left:50%;width:100%;padding:30px 0;text-align:center;font-size:22px;color:#fff;
	transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);
	text-shadow:0 0 5px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.5);
}
.m_section_1 .ms_visual .mv_group .mg_list .ml_txt b{line-height:120%;display:block;font-weight:400;font-size:36px;color:#fff}
.m_section_1 .ms_visual .mv_control{position:absolute;bottom:25px;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}
.m_section_1 .ms_visual .mv_control a{float:left;width:18px;height:18px;margin-left:10px;border-radius:100%;-webkit-border-radius:100%;background-color:#fff}
.m_section_1 .ms_visual .mv_control a:first-child{margin-left:0}
.m_section_1 .ms_visual .mv_control a.ov{background-color:#ff9010}

@media (max-width:520px) {

.m_section_1 .ms_visual .mv_group .mg_list .ml_txt{font-size:18px}
.m_section_1 .ms_visual .mv_group .mg_list .ml_txt b{font-size:30px}
}

.m_section_1 .ms_yeyk{float:left;width:370px;height:100%;padding:32px 20px 0;margin-left:13px;background-color:#00995f}
.m_section_1 .ms_yeyk .my_ti{font-size:15px;font-weight:300;color:#fff}
.m_section_1 .ms_yeyk .my_ti i{position:relative;padding-right:12px;margin-right:7px;font-weight:400;font-size:22px}
.m_section_1 .ms_yeyk .my_ti i:after{content:'';position:absolute;bottom:7px;right:0;width:1px;height:12px;background-color:#96c7b2}
.m_section_1 .ms_yeyk .my_input{margin-top:20px}
.m_section_1 .ms_yeyk .my_input .input{position:relative;margin-top:7px}
.m_section_1 .ms_yeyk .my_input .input:first-child{margin-top:0}

.m_section_1 .ms_yeyk .my_input .input .myInputsel { height: 55px;width: 100%; border-radius: 5px; background: #fff url(/indvz/003/images/main/my_label_marker.png?t_=201907310900) left 15px top 50% no-repeat;border:1px solid #d9d9da; }
.m_section_1 .ms_yeyk .my_input .input .myInputsel select { border: 0; width: 100%;height: 55px; cursor: pointer; color:#666;position: static;left: 0;background:transparent;background: -webkit-linear-gradient(transparent, transparent); -webkit-appearance: none; padding-left: 46px;}
.m_section_1 .ms_yeyk .my_input .input .myInputsel .myinbg::-ms-expand {display:none}

.m_section_1 .ms_yeyk .my_input .input label{position:absolute;top:0;left:0;height:55px;line-height:55px;padding-left:10px;width:100%}



.m_section_1 .ms_yeyk .my_input .input label img{vertical-align:middle;position:relative;top:-2px;margin:0 5px}
.m_section_1 .ms_yeyk .my_input .input input{width:100%;height:55px;padding:0 10px;text-indent:0;border-radius:5px;-webkit-border-radius:5px;border-width:0}
.m_section_1 .ms_yeyk .my_button{margin-top:7px}
.m_section_1 .ms_yeyk .my_button button{width:100%;height:55px;border-radius:5px;-webkit-border-radius:5px;font-weight:300;font-size:20px;background-color:#1f6446;color:#fff}
.m_section_1 .ms_yeyk .my_txt{margin-top:20px}
.m_section_1 .ms_yeyk .my_txt .mt_ti{color:#fff;font-weight:400}
.m_section_1 .ms_yeyk .my_txt .mt_ti img{vertical-align:middle;position:relative;top:-2px;margin-right:3px}
.m_section_1 .ms_yeyk .my_txt ul{margin-top:5px}
.m_section_1 .ms_yeyk .my_txt ul li{color:#fff;font-weight:300;font-size:14px;padding-left:10px}
.m_section_1 .ms_yeyk .my_txt ul li:before{content:'';display:inline-block;vertical-align:middle;margin-left:-10px;margin-right:6px;position:relative;top:-2px;width:4px;height:4px;background-color:#fff}

@media(max-width:1220px) {

.m_section_1 .ms_visual{width:100%}
.m_section_1 .ms_yeyk{width:100%;margin:10px 0 0}
}

.m_section_2{float:left;width:816px;height:160px;margin-bottom:14px}
.m_section_2:after{content:'';display:block;clear:both}
.m_section_2 .ms_shortcut{position:relative;float:left;width:401px;height:100%;padding:35px 20px 0 150px}
.m_section_2 .ms_shortcut .msh_ti{position:absolute;top:23px;left:20px;width:115px;height:115px;font-size:17px;font-weight:400;text-align:center;border-radius:100%;-webkit-border-radius:100%;color:#fff;border:1px solid #fff}
.m_section_2 .ms_shortcut .msh_ti img{display:block;margin:0 auto 5px}
.m_section_2 .ms_shortcut .msh_pt{height:100%;color:#fff;font-weight:300}
.m_section_2 .ms_shortcut .msh_pt .mp_txt{font-size:20px;line-height:30px;height:60px;overflow:hidden}
.m_section_2 .ms_shortcut .msh_pt .mp_date{margin-top:10px;font-size:15px}
.m_section_2 .ms_shortcut .msh_more{position:absolute;bottom:15px;right:15px}

.m_section_2 .notice{background-color:#09827d;}
.m_section_2 .notice .msh_ti{padding-top:20px}
.m_section_2 .notice .msh_ti img{position:relative;left:5px}

.m_section_2 .event{margin-left:14px;background-color: #6e736e;}
.m_section_2 .event .msh_ti{padding-top:12px}

@media(max-width:1220px) {

.m_section_2{width:100%;height:auto;margin-top:10px}
.m_section_2 .ms_shortcut{width:379px;height:160px}
.m_section_2 .event{margin-left:10px}
}

@media(max-width:788px) {

.m_section_2 .ms_shortcut{width:100%;height:160px}
.m_section_2 .event{margin:10px 0 0}
}


.m_section_3{float:left;width:816px;height:303px}
.m_section_3:after{content:'';display:block;clear:both}
.m_section_3 .ms_newsbox{position:relative;float:left;width:401px;height:100%;background-color:#fff}
.m_section_3 .ms_newsbox h3{height:61px;padding:18px 0 0 20px;font-size:22px;font-weight:500}

.m_section_3 .popnews{}
.m_section_3 .popnews .mpop_group{position:relative;height:calc(100% - 61px)}
.m_section_3 .popnews .mpop_group .mg_list{position:absolute;top:0;left:0;width:100%;height:100%}
.m_section_3 .popnews .mpop_group .mg_list a{display:block;height:100%;overflow:hidden}
.m_section_3 .popnews .mpop_group .mg_list a img{position:relative;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}

.m_section_3 .popnews .mpop_control{position:absolute;top:15px;right:20px}
.m_section_3 .popnews .mpop_control a{display:block;float:left;width:28px;height:28px;margin-left:-1px;border:1px solid #dcdcdc;background:url(/indvz/003/images/main/mpop_control.png?t_=201907310900) no-repeat 0 0}
.m_section_3 .popnews .mpop_control .prev{background-position:7px 5px}
.m_section_3 .popnews .mpop_control .stop{background-position:-41px 5px}
.m_section_3 .popnews .mpop_control .play{background-position:-92px 5px}
.m_section_3 .popnews .mpop_control .next{background-position:-140px 5px}

.m_section_3 .bbsnews{margin-left:14px}
.m_section_3 .bbsnews .mbbs_list{height:calc(100% - 61px)}
.m_section_3 .bbsnews .mbbs_list .ml_thumb{width:100%;height:180px;overflow:hidden}
.m_section_3 .bbsnews .mbbs_list .ml_thumb img{}
.m_section_3 .bbsnews .mbbs_list .ml_pt{padding:10px 20px}
.m_section_3 .bbsnews .mbbs_list .ml_pt .mp_ti{font-size:18px;color:#111}
.m_section_3 .bbsnews .mbbs_list .ml_pt .mp_txt{text-align:center;padding-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;color:#444;}
.m_section_3 .bbsnews .ml_more{position:absolute;top:15px;right:20px}

@media(max-width:1220px) {

.m_section_3{width:100%}
.m_section_3 .ms_newsbox{width:379px}
.m_section_3 .bbsnews{margin-left:10px}
}

@media(max-width:788px) {
.m_section_3{height:auto}
.m_section_3 .ms_newsbox{width:100%;height:400px}
.m_section_3 .bbsnews{margin:10px 0 0}
.m_section_3 .bbsnews{height:auto}
.m_section_3 .bbsnews .mbbs_list .ml_thumb{height:250px}
}

.m_section_4{position:relative;float:left;width:370px;height:477px;margin:-174px 0 0 14px;background-color:#fff}
.m_section_4 .more{position:absolute;bottom:0;left:0;width:100%;padding:15px 0;text-align:center;font-weight:300;font-size:19px;background-color:#e37313;color:#fff;}
.m_section_4 .more img{margin-left:5px;vertical-align:middle;position:relative;top:-2px}
.m_section_4 .ms_map{overflow:hidden;position:relative;height:100%;background:#fff url(/indvz/003/images/main/ms_map.jpg?t_=201907310900) no-repeat 0 0 / cover}
.m_section_4 .ms_map .mm_marker{position:absolute;top:92px;left:205px}
.m_section_4 .ms_map .mm_info{position:absolute;top:205px;left:62px;min-width:265px;padding:20px;background-color:#fff;border-radius:13px;box-shadow:1px 1px 10px 0 rgba(0, 0, 0, 0.2)}
.m_section_4 .ms_map .mm_info:before{content:'';position:absolute;top:-14px;left:50%;width:14px;height:16px;margin-left:-7px;background:url(/indvz/003/images/main/mm_info_arr.png?t_=201907310900) 0 0}

.m_section_4 .ms_map .mm_info .mi_ti{position:relative;padding-right:30px}
.m_section_4 .ms_map .mm_info .mi_ti b{display:block;vertical-align:middle;font-size:23px;color:#000;font-weight:400}

.m_section_4 .ms_map .mm_info .mi_ti .mt_share{position:absolute;top:5px;right:0;width:20px;height:20px}
.m_section_4 .ms_map .mm_info .mi_ti .mt_share a{display:block}
.m_section_4 .ms_map .mm_info .mi_ti .mt_share .share_pt{display:none;position:absolute;top:-12px;right:30px;width:137px;padding:7px 5px;border:1px solid #ddd;border-radius:5px;-webkit-border-radius:5px;background-color:#fff;}
.m_section_4 .ms_map .mm_info .mi_ti .mt_share .share_pt:after{content:'';position:absolute;top:0;right:-11px;height:100%;width:20px}
.m_section_4 .ms_map .mm_info .mi_ti .mt_share .share_pt a{display:block;float:left;margin-left:3px;}

.m_section_4 .ms_map .mm_info .mi_locate{padding:10px 0}
.m_section_4 .ms_map .mm_info .mi_locate a{display:inline-block;font-size:15px;border-bottom:1px solid #444;color:#444}
.m_section_4 .ms_map .mm_info .mi_locate img{vertical-align:middle;margin:0 5px}

.m_section_4 .ms_map .mm_info .mi_pt{overflow:hidden;margin-top:10px}
.m_section_4 .ms_map .mm_info .mi_pt .mp_thumb{float:left;border-radius:10px;-webkit-border-radius:10px;margin-right:15px}
.m_section_4 .ms_map .mm_info .mi_pt .mp_thumb img{width:100%;height:100%}

.m_section_4 .ms_map .mm_info .mi_pt .mp_txt{padding-top:3px;overflow:hidden}
.m_section_4 .ms_map .mm_info .mi_pt .mp_txt li{padding-left:15px;font-size:14px;color:#444;letter-spacing:-1px}
.m_section_4 .ms_map .mm_info .mi_pt .mp_txt li span{display:inline-block;width:15px;margin-left:-15px;background:no-repeat 0 0}
.m_section_4 .ms_map .mm_info .mi_pt .mp_txt li .icon_1{height:14px;background-image:url(/indvz/003/images/main/mm_info_icon_1.png?t_=201907310900)}
.m_section_4 .ms_map .mm_info .mi_pt .mp_txt li .icon_2{height:15px;background-image:url(/indvz/003/images/main/mm_info_icon_2.png?t_=201907310900)}
.m_section_4 .ms_map .mm_info .mi_pt .mp_txt li .icon_3{height:13px;background-image:url(/indvz/003/images/main/mm_info_icon_3.png?t_=201907310900)}

.m_section_4 .ms_map .mm_info .mp_button{margin-top:10px;text-align:center}
.m_section_4 .ms_map .mm_info .mp_button a{display:inline-block;padding:7px 15px;border-radius:50px;-webkit-border-radius:50px;border:2px solid #eb9500}
.m_section_4 .ms_map .mm_info .mp_button a img{}


@media(max-width:1220px) {

.m_section_4{width:100%;margin:10px 0 0}
}


/*달력*/
.picker_layer{z-index:210;position:absolute;top:0;left:0;width:700px;border-radius:10px;-webkit-border-radius:10px;border:1px solid #000;background-color:#fff}
.picker_layer .layer_close{z-index:10;position:absolute;top:3px;right:3px;width:40px;height:40px;padding:5px 0 0 6px;border-radius:8px;-webkit-border-radius:8px;background-color:#ebeff3}
.picker_layer .cal_button{text-align:center;padding-bottom:10px}
.picker_layer .cal_regend{overflow:hidden;padding:15px;margin:10px 20px;border:1px solid #ddd}
.picker_layer .cal_regend b{display:block;border-bottom:1px solid #ddd;line-height:100%;padding:10px 0;margin-right:20px;font-size:18px}
.picker_layer .cal_regend .rg_group{overflow:hidden;padding:5px 0}
.picker_layer .cal_regend .rg_group div{float:left;padding:5px 0;margin:0 5px;font-size:14px}
.picker_layer .cal_regend .rg_group div:first-child{margin-top:0}
.picker_layer .cal_regend .rg_group div i{display:inline-block;vertical-align:-10px;width:30px;height:30px;border:1px solid #000}
.picker_layer .cal_regend .rg_group .rg_1{background-color:#fff}
.picker_layer .cal_regend .rg_group .rg_2{background-color:#ffecd2}
.picker_layer .cal_regend .rg_group .rg_3{background:url(/portal/images/content/calendar_out.gif?t_=201907310900)}

.picker_layer .calendar_wrap{position:relative;padding:50px 0 10px}
.picker_layer .calendar_wrap:after{content:'';display:block;clear:both}

.picker_layer .layer_calender{float:left;width:50%;padding:0 20px}
.picker_layer .layer_calender .layer_cal_head{margin-bottom:10px;position:relative;text-align:center}
.picker_layer .layer_calender .layer_cal_head b{font-size:24px;color:#000}
.picker_layer .layer_calender .layer_cal_head a{position:absolute;top:5px;border:7px solid transparent}
.picker_layer .layer_calender .layer_cal_head .prev{left:10px;border-right-color:#000}
.picker_layer .layer_calender .layer_cal_head .next{right:10px;border-left-color:#000}
.picker_layer .cal_left{border-right:1px solid #d7d7d7}
.picker_layer .cal_right{}
.picker_layer .cal_left .layer_cal_head .next,
.picker_layer .cal_right .layer_cal_head .prev{display:none}

.picker_layer .layer_calender .layer_cal_head .prevAnchorGroup{}
.picker_layer .layer_calender .layer_cal_head .calSclBtn{
    display:none;
    position:absolute;
    top: -2px;
    border-width:0;
    padding:5px 10px;
    background-color:#5468c7;
    color:#fff;
    font-size:14px;
    border:1px solid #5468c7;
    border-radius:5px;
    -webkit-border-radius:5px;
    -ms-border-radius:5px;
    transition:background-color 300ms;
    -webkit-transition:background-color 300ms;
    -ms-transition:background-color 300ms;
}
.picker_layer .layer_calender .layer_cal_head .calSclBtn span{display:inline-block;background:no-repeat}

.picker_layer .layer_calender.cal_left .layer_cal_head .prevAnchorGroup{}
.picker_layer .layer_calender.cal_left .layer_cal_head .prevAnchorGroup .calSclBtn{display:none}
.picker_layer .layer_calender.cal_right .layer_cal_head .nextAnchorGroup{}
.picker_layer .layer_calender.cal_right .layer_cal_head .nextAnchorGroup .calSclBtn{display:none}

.picker_layer .layer_calender .layer_cal_head .calSclBtn.prevScroll{left:0}
.picker_layer .layer_calender .layer_cal_head .calSclBtn.prevScroll span{padding-left:15px;background-image:url(/portal/images/content/calpicker_month_prev.png?t_=201907310900);background-position:0 50%}
.picker_layer .layer_calender .layer_cal_head .calSclBtn.nextScroll{right:0}
.picker_layer .layer_calender .layer_cal_head .calSclBtn.nextScroll span{padding-right:15px;background-image:url(/portal/images/content/calpicker_month_next.png?t_=201907310900);background-position:100% 50%}

.picker_layer .layer_calender .layer_cal_head .calSclBtn:hover{background-color:#fff;color:#000}
.picker_layer .layer_calender .layer_cal_head .calSclBtn.prevScroll:hover span{background-image:url(/portal/images/content/calpicker_month_prev_ov.png?t_=201907310900);}
.picker_layer .layer_calender .layer_cal_head .calSclBtn.nextScroll:hover span{background-image:url(/portal/images/content/calpicker_month_next_ov.png?t_=201907310900);}

.picker_layer .layer_calender table{table-layout:fixed;width:100%}
.picker_layer .layer_calender table th,
.picker_layer .layer_calender table td{height:50px;vertical-align:middle;text-align:center;font-size:17px;padding:0;border-width:0;background-color:transparent}
.picker_layer .layer_calender table th{border-bottom:1px solid #d2d2d2}
.picker_layer .layer_calender table td a{display:block;height:100%;padding-top:6px;background-color:#fff}
.picker_layer .layer_calender table th.sun{color:#f46464}
.picker_layer .layer_calender table td.not_day a{color:#909090}


.picker_layer .layer_calender table td a[data-date]{background-color:#ffecd2}
.picker_layer .layer_calender table td a.origin{position:relative;background:url(/portal/images/content/calendar_origin.gif?t_=201907310900);color:#fff}
.picker_layer .layer_calender table td a.origin_hol{position:relative;background:url(/portal/images/content/calendar_origin.gif?t_=201907310900);color:#fff;border-left:2px solid #5468c7; border-right:2px solid #5468c7; border-top:2px solid #5468c7; border-bottom:2px solid #5468c7;}
.picker_layer .layer_calender table td a.child{background:url(/portal/images/content/calendar_child.gif?t_=201907310900)}

.picker_layer .layer_calender table td a.dtCd02{background:url(/portal/images/content/calendar_out.gif?t_=201907310900);color:#fff}

.picker_layer .layer_calender table td .cal_txt,
.picker_layer .layer_calender table td .cal_today{font-weight:300;font-size:12px}
.picker_layer .layer_calender table td .origin .cal_today{display:none}

#cateCalendar{position:static;padding:5px;border-width:0;width:100%;overflow:hidden}
#cateCalendar .calendar_wrap{width:440px;padding:10px 0}
#cateCalendar .layer_calender{padding:0 5px}
#cateCalendar .layer_calender table th,
#cateCalendar .layer_calender table td{height:30px;padding:0}
#cateCalendar .layer_calender table td a{display:block;height:100%;padding-top:0;margin-top:0}
#cateCalendar .layer_calender .layer_cal_head b{font-size:18px}
#cateCalendar .layer_calender .layer_cal_head a{margin-top:1px}
#cateCalendar .cal_left .layer_cal_head .next,
#cateCalendar .cal_right .layer_cal_head .prev{display:none}
#cateCalendar .layer_calender table td a.origin{color:#fff}
#cateCalendar  .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom:10px}

#calPrintDate{height:50px;border-bottom:1px solid #ddd;text-align:center;padding:10px 0; margin-bottom:10px}

@media(max-width:1220px){

.picker_layer .layer_calender table th,
.picker_layer .layer_calender table td{height:40px;font-size:14px}
.picker_layer .layer_calender table td a{padding-top:2px}
.picker_layer .layer_calender .layer_cal_head b{font-size:18px}

}

@media(max-width:840px){

.picker_layer{width:300px}
.picker_layer .layer_close{top:-46px;right:-1px;border-radius:7px}
.picker_layer .scl{overflow:auto}
.picker_layer .calendar_wrap{width:605px;padding:0 0 10px}
.picker_layer .cal_left, .picker_layer .cal_right{padding:10px}

.picker_layer .layer_calender .layer_cal_head .calSclBtn{display:block}
}

.picker_layer.single {}
.picker_layer.single .layer_calender{float:none;width:auto}
.picker_layer.single .calendar_wrap{width:auto}

@media(max-width:840px){
.picker_layer.single .layer_calender{padding-top:15px}
}

/*날씨 추가 2020-09-25 start*/
.m_section_1 .ms_yeyk{padding-top:20px;}

.weather{width:100%;padding: 10px 10px;border-radius:10px;margin-top: 10px;background-color:#efefef;}
.weather:after{content:'';display:block;clear:both;}
.weather>div{float:left;width:22%;text-align:center;}
.weather>div>span{display:block;letter-spacing:-1px}

.weather .weather-01{width:34%;}
.weather .weather-01 .icon{margin:8px 0 5px;}
.weather .weather-01 .text-01{font-weight:500;font-size:21px;color:#000;}
.weather .weather-01 .text-02{font-size:12px;}

.weather .weather-02{}
.weather .weather-02 .icon{margin-bottom:8px;}
.weather .weather-02 .text-01{font-size:13px;color:#0d4084;}
.weather .weather-02 .text-02{font-size:15px;}

.weather .weather-03{}
.weather .weather-03 .icon{margin-bottom:8px;}
.weather .weather-03 .text-01{font-size:13px;color:#0d4084;}
.weather .weather-03 .text-02{font-size:15px;}

.weather .weather-04{}
.weather .weather-04 .icon{margin-bottom:8px;}
.weather .weather-04 .text-01{font-size:13px;color:#0d4084;}
.weather .weather-04 .text-02{font-size:15px;}