@CHARSET "UTF-8";

.mobile-wrap {
/*  min-width: 100%;
 min-height: 100vh;
 height: 100vh */
}

.mobile-wrap .login-div {
 align-items: normal;
 justify-content: normal
}

.mobile-wrap .logo {
 max-width: 68px;
}

.mobile-wrap .title {
 padding-top: 10px;
 line-height: 1.2;
 font-size: 22px;
 color: #fff;
 letter-spacing: -1.2px;
}

.mobile-wrap .en {
 font-family: 'Gotham Bold';
 padding-top: 5px;
 font-size: 8px;
 font-weight: 600;
 color: #74b5e6;
 text-transform: uppercase;
 letter-spacing: 0.5px;
}

.mobile-wrap .login-box {
 background: #fff;
}

.mobile-wrap .login-box{
 padding: 0 20px
}


.mobile-wrap .login-right{}
.mobile-wrap .login-right .title{
 background:none;
 color:#fff;
 font-size:18px;
 letter-spacing: -1.2px;
}
.mobile-wrap .login-right .en {
 font-family: 'Gotham Bold';
 font-size: 8px;
 font-weight: 600;
 color: #74b5e6;
 text-transform: uppercase;
 letter-spacing: 0.5px;
}

.moreLangCombo {
	padding-left:28px;
}

.btn_mb_menu,
.btn_mb_menu.cl-button:not(.cl-disabled).cl-activated,
.btn_mb_menu.cl-button:not(.cl-disabled):active {
    background-image:url('images/deco-mobile/all_menu_ic.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
}

.btn_mb_menu.cl-button.cl-focus,
.btn_mb_menu.cl-button:not(.cl-disabled):hover {
    background-image:url('images/deco-mobile/all_menu_ic.png');
}

.btn_mb_menu_back,
.btn_mb_menu_back.cl-button:not(.cl-disabled).cl-activated,
.btn_mb_menu_back.cl-button:not(.cl-disabled):active {
        width: 60px;
        height: 58px;
        background-size: 13px auto !important;
    background:url('images/bulletin/back_btn_ic.png') no-repeat center center;
    background-color: transparent;
}

.btn_mb_menu_back.cl-button.cl-focus,
.btn_mb_menu_back.cl-button:not(.cl-disabled):hover {
    background-image:url('images/dbulletin/back_btn_ic.png');
}

.btn_mb_menu_2,
.btn_mb_menu_2.cl-button:not(.cl-disabled).cl-activated,
.btn_mb_menu_2.cl-button:not(.cl-disabled):active {

    background-image: url('images/deco-mobile/all_menu_ic.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 20px;
}

.btn_mb_menu_2.cl-button.cl-focus,
.btn_mb_menu_2.cl-button:not(.cl-disabled):hover {
    background-image:url('images/deco-mobile/all_menu_ic.png');
}

.btn_mb_menu_search,
.btn_mb_menu_search.cl-button:not(.cl-disabled).cl-activated,
.btn_mb_menu_search.cl-button:not(.cl-disabled):active {
    background-image: url('images/deco-mobile/btn_gnb_search_ic.png');
    background-position: 90% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 20px;
}

.btn_mb_menu_search.cl-button.cl-focus,
.btn_mb_menu_search.cl-button:not(.cl-disabled):hover {
    background-image:url('images/deco-mobile/btn_gnb_search_ic.png');
}



.btn_mb_alarm,
.btn_mb_alarm.cl-button:not(.cl-disabled).cl-activated,
.btn_mb_alarm.cl-button:not(.cl-disabled):active {
    background-image:url('images/deco-mobile/alarm_btn_m.png');
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: contain;
}

.btn_mb_alarm.cl-button.cl-focus,
.btn_mb_alarm.cl-button:not(.cl-disabled):hover {
    background-image:url('images/deco-mobile/alarm_btn_m.png');
}


.btn_more_menu,
.btn_more_menu.cl-button:not(.cl-disabled).cl-activated,
.btn_more_menu.cl-button:not(.cl-disabled):active {
    background-image: url('images/deco-mobile/btn_user_ic_m.png');
    border-radius: 15px;
    box-shadow: 0 0 15px 3px rgba(0 0 0 / 10%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 25px;
}

.btn_more_menu.cl-button.cl-focus,
.btn_more_menu.cl-button:not(.cl-disabled):hover {
    background-image: url('images/deco-mobile/btn_user_ic_m.png');
}

.btn_home_menu,
.btn_home_menu.cl-button:not(.cl-disabled).cl-activated,
.btn_home_menu.cl-button:not(.cl-disabled):active {
    background-image: url('images/deco-mobile/btn_round_home_ic_m.png');
    border-radius: 15px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 20px;
}

.btn_home_menu.cl-button.cl-focus,
.btn_home_menu.cl-button:not(.cl-disabled):hover {
    background-image: url('images/deco-mobile/btn_round_home_ic_m.png');
}

.btn_lang_menu,
.btn_lang_menu.cl-button:not(.cl-disabled).cl-activated,
.btn_lang_menu.cl-button:not(.cl-disabled):active {
    background-image: url('images/deco-mobile/btn_round_lang_ic_m.png');
    border-radius: 15px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 25px;
}

.btn_lang_menu.cl-button.cl-focus,
.btn_lang_menu.cl-button:not(.cl-disabled):hover {
    background-image: url('images/deco-mobile/btn_round_lang_ic_m.png');
}

.btn_pc_menu,
.btn_pc_menu.cl-button:not(.cl-disabled).cl-activated,
.btn_pc_menu.cl-button:not(.cl-disabled):active {
    background-image: url('images/deco-mobile/btn_pcview_ic_m.png');
    border-radius: 15px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 25px;
}

.btn_pc_menu.cl-button.cl-focus,
.btn_pc_menu.cl-button:not(.cl-disabled):hover {
    background-image: url('images/deco-mobile/btn_pcview_ic_m.png');
}

.btn_top_menu,
.btn_top_menu.cl-button:not(.cl-disabled).cl-activated,
.btn_top_menu.cl-button:not(.cl-disabled):active {
    background-image: url('images/deco-mobile/btn_top_ic_m.png');
    border-radius: 15px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 25px;
}

.btn_top_menu.cl-button.cl-focus,
.btn_top_menu.cl-button:not(.cl-disabled):hover {
    background-image: url('images/deco-mobile/btn_top_ic_m.png');
}


.btn_mb_cancel,
.btn_mb_cancel.cl-button:not(.cl-disabled).cl-activated,
.btn_mb_cancel.cl-button:not(.cl-disabled):active {
    background-image:url('images/deco-mobile/btn_mb_cancel.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 25px;
}

.btn_mb_cancel.cl-button.cl-focus,
.btn_mb_cancel.cl-button:not(.cl-disabled):hover {
    background-image:url('images/deco-mobile/btn_mb_cancel_over.png');
}

.cmb_mb_com,
.cmb_mb_com.cl-combobox:not(.cl-disabled).cl-activated,
.cmb_mb_com.cl-combobox:not(.cl-disabled):active,
.cmb_mb_com.cl-combobox:not(.cl-disabled):hover {
    border: none;
    background-color: #f6f6f6;
    background-image: none;
    border-radius: 5px 0 0 5px;
    color: 062560;
    font-size: 13px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 0px;
}

.cmb_mb_com.cl-combobox.cl-focus {
    border: none;
}

.btn_mb_com,
.btn_mb_com.cl-button:not(.cl-disabled).cl-activated,
.btn_mb_com.cl-button:not(.cl-disabled):active,
.btn_mb_com.cl-button:not(.cl-disabled):hover {
    border: none;
}

.btn_mb_com.cl-button.cl-focus {
    border: 2px solid #333;
    border-radius: 2px;
}

.text_mb_com,
.text_mb_com.cl-button:not(.cl-disabled).cl-activated,
.text_mb_com.cl-button:not(.cl-disabled):active,
.text_mb_com.cl-button:not(.cl-disabled):hover,
.text_mb_com.cl-combobox:not(.cl-disabled).cl-activated,
.text_mb_com.cl-combobox:not(.cl-disabled):active,
.text_mb_com.cl-combobox:not(.cl-disabled):hover {
    color: #333;
}

.text_mb_com.cl-button.cl-focus,
.text_mb_com.cl-combobox.cl-focus {
    color: #333;
    text-decoration: underline;
}


.menu_lv3,
.menu_lv3.cl-button:not(.cl-disabled).cl-activated,
.menu_lv3.cl-button:not(.cl-disabled):active,
.menu_lv3.cl-button:not(.cl-disabled):hover {
	color: #c4c4c4;
	padding-top: 50px;
	background-image: url('images/deco-mobile/depth1_ico01.png');
	background-position: 60% 40%;
	background-size: 30px;
	background-repeat: no-repeat;
    border: none;
}

.menu_lv3_select,
.menu_lv3_select.cl-button:not(.cl-disabled).cl-activated,
.menu_lv3_select.cl-button:not(.cl-disabled):active,
.menu_lv3_select.cl-button:not(.cl-disabled):hover {
	color: #1053d6;
	padding-top: 50px;
	background-image: url('images/deco-mobile/depth1_ico01.png');
	background-position: 60% 40%;
	background-size: 30px;
	background-repeat: no-repeat;
    border: none;
    border-bottom: 2px solid #1053d6;
}


.menu_lv4,
.menu_lv4.cl-button:not(.cl-disabled).cl-activated,
.menu_lv4.cl-button:not(.cl-disabled):active,
.menu_lv4.cl-button:not(.cl-disabled):hover {
    font-size: 14px;
    font-weight: 600;
    color: #a4a4a4;
    border: none;.
}

.menu_lv4_select,
.menu_lv4_select.cl-button:not(.cl-disabled).cl-activated,
.menu_lv4_select.cl-button:not(.cl-disabled):active,
.menu_lv4_select.cl-button:not(.cl-disabled):hover {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    border: none;.

}

.menu_lv5,
.menu_lv5.cl-button:not(.cl-disabled).cl-activated,
.menu_lv5.cl-button:not(.cl-disabled):active,
.menu_lv5.cl-button:not(.cl-disabled):hover {
    font-size: 13px;
    font-weight: 400;
    color: #a4a4a4;
    border: none;
    text-align: left;

}

.menu_lv5_select,
.menu_lv5_select.cl-button:not(.cl-disabled).cl-activated,
.menu_lv5_select.cl-button:not(.cl-disabled):active,
.menu_lv5_select.cl-button:not(.cl-disabled):hover {
    font-size: 13px;
    font-weight: 400;
    color: #a4a4a4;
    border: none;
    text-align: left;

}
.menu_separator{
	transform: translateY(-50%);
        width: 1px;
        height: 8px;
        background: #5583df;
        top: 50%;
}
.menu_separator2{
        width: 1px;
        background: #DCDCDC;
}

.btn_menu_blue,
.btn_menu_blue.cl-button:not(.cl-disabled).cl-activated,
.btn_menu_blue.cl-button:not(.cl-disabled):active {
	border: none;
	padding: 0px 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    line-height: 1;
  	letter-spacing: -0.5px !important;
  	font-family: "Noto Sans KR Hestia Medium", sans-serif;
}

.btn_menu_blue.cl-button:not(.cl-disabled):hover {
    border: none;
	padding: 0px 10px;
	font-size: 12px;
	color: #fff;
	text-align: center;
    font-weight: 500;
    line-height: 1;
  	letter-spacing: -0.5px !important;
  	font-family: "Noto Sans KR Hestia Medium", sans-serif;
}

.btn_menu_blue.cl-button.cl-focus {
    border: none;
	padding: 0px 10px;
	font-size: 12px;
	color: #fff;
	text-align: center;
    font-weight: 500;
    line-height: 1;
  	letter-spacing: -0.5px !important;
  	font-family: "Noto Sans KR Hestia Medium", sans-serif;
}

.btn_menu_blue {
	.cl-text{
    white-space: normal;
	}
}


.btn_mobile_choice_selected,
.btn_mobile_choice_selected.cl-button:not(.cl-disabled).cl-activated,
.btn_mobile_choice_selected.cl-button:not(.cl-disabled):active {
    background: #fff;
        border: 1px solid #1053d6;
        border-radius: 5px;
        font-weight: 500;
        color: #1053d6;
    font-size: 13px;
  /*height: 50px;*/
  top: 5px;
    letter-spacing: -1px !important;
    font-family: 'Noto Sans KR Hestia Medium',sans-serif;
}

.btn_mobile_choice_selected.cl-button:not(.cl-disabled):hover {
    background: #fff;
        border: 1px solid #1053d6;
        border-radius: 5px;
        font-weight: 500;
        color: #1053d6;
    font-size: 13px;
  /*height: 50px;*/
  top: 5px;
    letter-spacing: -1px !important;
    font-family: 'Noto Sans KR Hestia Medium',sans-serif;
}

.btn_mobile_choice_selected.cl-button.cl-focus {
    background: #fff;
        border: 1px solid #1053d6;
        border-radius: 5px;
        font-weight: 500;
        color: #1053d6;
    font-size: 13px;
  /*height: 50px;*/
  top: 5px;
    letter-spacing: -1px !important;
    font-family: 'Noto Sans KR Hestia Medium',sans-serif;
}

.btn_mobile_choice_none,
.btn_mobile_choice_none.cl-button:not(.cl-disabled).cl-activated,
.btn_mobile_choice_none.cl-button:not(.cl-disabled):active {
        background: #f3f4f8;
        border: 1px solid #f3f4f8;
        border-radius: 5px;
        font-weight: 500;
        color: #c4c4c4;
    font-size: 13px;
  /*height: 50px;*/
  top: 5px;
    letter-spacing: -1px !important;
    font-family: 'Noto Sans KR Hestia Medium',sans-serif;
}

.btn_mobile_choice_none.cl-button:not(.cl-disabled):hover {
        background: #f3f4f8;
        border: 1px solid #f3f4f8;
        border-radius: 5px;
        font-weight: 500;
        color: #c4c4c4;
    font-size: 13px;
  /*height: 50px;*/
  top: 5px;
    letter-spacing: -1px !important;
    font-family: 'Noto Sans KR Hestia Medium',sans-serif;
}

.btn_mobile_choice_none.cl-button.cl-focus {
        background: #f3f4f8;
        border: 1px solid #f3f4f8;
        border-radius: 5px;
        font-weight: 500;
        color: #c4c4c4;
    font-size: 13px;
  /*height: 50px;*/
  top: 5px;
    letter-spacing: -1px !important;
    font-family: 'Noto Sans KR Hestia Medium',sans-serif;
}
.btn_mobile_choice_selected {
	.cl-text{
    white-space: normal;
	}
}
.btn_mobile_choice_none {
	.cl-text{
    white-space: normal;
	}
}
.cl-grid.mobile_menu{
    border: none;

    /* 그리드 헤더 */
    .cl-grid-header {
        /* 그리드 헤더 셀 */
    	border: none;
	}
    .cl-grid-row {

        /* 선택된 로우 - 보기 모드 */
        &.cl-selected {
        	background-color: #FFFFFF;
            color: #0052cc;
            .cl-text{
           		color: #0052cc !important;
            }
    	}
    }


    .cl-grid-detail {
    	border: none;
        .cl-grid-cell {
    		border: none;
            .cl-text {
                padding-left: 20px;
                text-align: left;
                color : #999;
        		font-size: 14px;
    			font-weight: 500;
    			letter-spacing: -0.5px;
    			line-height: 1;
  				font-family: "Noto Sans KR Hestia Medium", sans-serif;
                word-break: normal;
                white-space: normal;
            }
        }
	}

}

.btn_mobile_pdf,
.btn_mobile_pdf.cl-button:not(.cl-disabled).cl-activated,
.btn_mobile_pdf.cl-button:not(.cl-disabled):active {
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 0px;
  background: no-repeat 50% 50% url("images/bulletin/sub_pdf_btn_ic_m.png");
        background-color: rgba(0, 0, 0, 33%);
  background-size: 15px auto;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.5px !important;
  font-family: "Noto Sans KR Hestia Regular", sans-serif;
}

.btn_mobile_hwp,
.btn_mobile_hwp.cl-button:not(.cl-disabled).cl-activated,
.btn_mobile_hwp.cl-button:not(.cl-disabled):active {
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 0px;
  background: no-repeat 50% 50% url("images/bulletin/sub_hwp_btn_ic_m.png");
        background-color: rgba(0, 0, 0, 33%);
  background-size: 15px auto;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.5px !important;
  font-family: "Noto Sans KR Hestia Regular", sans-serif;
}

.btn_mobile_dept_go,
.btn_mobile_dept_go.cl-button:not(.cl-disabled).cl-activated,
.btn_mobile_dept_go.cl-button:not(.cl-disabled):active {
  border: 1px solid #fff;
  border-radius: 5px;
  padding-right: 30px;
  background: no-repeat calc(100% - 5px) 50% url("images/bulletin/sub_dir_btn_ic_m.png");
        background-color: rgba(0, 0, 0, 33%);
  background-size: 15px auto;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.5px !important;
  font-family: "Noto Sans KR Hestia Regular", sans-serif;
}
.btn_mobile_dept_go {
	.cl-text {
    white-space: normal;
    word-wrap: normal;
    line-height: 0.9em !important;
	}
}

.btn_mobile_dept_text,
.btn_mobile_dept_text.cl-button:not(.cl-disabled).cl-activated,
.btn_mobile_dept_text.cl-button:not(.cl-disabled):active {
        font-size: 17px;
        color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px !important;
  font-family: "Noto Sans KR Hestia Bold", sans-serif;
  top: 0px !important;
  height: 100% !important;
  line-height: 1.3em;
}

.btn_mobile_tab,
.btn_mobile_tab.cl-button:not(.cl-disabled).cl-activated,
.btn_mobile_tab.cl-button:not(.cl-disabled):active {
  border: 0px;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.5px !important;
  font-family: "Noto Sans KR Hestia Medium", sans-serif;
  padding-top: 0px;
}

.btn_mobile_tab.cl-button:not(.cl-disabled):hover {
  border: 0px;
  border-bottom: 3px solid #004c98;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.5px !important;
  font-family: "Noto Sans KR Hestia Medium", sans-serif;
  padding-top: 0px;
}

.btn_mobile_tab.cl-button.cl-focus {
  border: 0px;
  border-bottom: 3px solid #004c98;
  font-weight: 500;
  font-size: 13px;
  letter-spacing: -0.5px !important;
  font-family: "Noto Sans KR Hestia Medium", sans-serif;
  padding-top: 0px;
}

.btn_mobile_tab{
	.cl-text{
  	white-space: normal !important;
  	line-height: 0.7em;
	}
}


.btn_mobile_tab_bottom_color {
  border-bottom: 3px solid #004c98 !important;
  color: #0067b3 !important;
}

.bulletin_box{
  font-family: "Noto Sans KR Hestia Regular", sans-serif;
    letter-spacing: -0.5px;
    -webkit-font-smoothing: antialiased;
    border: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    position: relative;
    padding-left: 10px;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    margin-left: 0;
    line-height: 1em;
}
.bulletin_year{
  font-family: "Noto Sans KR Hestia Bold", sans-serif;
    letter-spacing: -0.5px;
    -webkit-font-smoothing: antialiased;
    border: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-weight: 600;
    font-size: 16px;
    color: #1d68c7;
    line-height: 1.4em;
    display: inline-block;
}

.bulletin_viewer_m{
        width: 100%;
        height: auto;
    margin-top: 20px;
    max-width: 100%;
}

.text_mobile_header_year {
  font-weight: 600;
  font-size: 17px !important;
  color: #333;
  font-family: "Noto Sans KR Hestia Bold", sans-serif;
  letter-spacing: -1.4px;
}


.btn_mobile_header_year,
.btn_mobile_header_year.cl-button:not(.cl-disabled).cl-activated,
.btn_mobile_header_year.cl-button:not(.cl-disabled):active {
  border: 0px;
  background: no-repeat 50% 55% url("images/bulletin/select_year_arrow.png");
  background-size: 20px !important;
}

.btn_mobile_header_year:not(.cl-disabled):hover,
.btn_mobile_header_year:not(.cl-disabled):active,
.btn_mobile_header_year:focus,
.btn_mobile_header_year.cl-focus {
  border: 0px;
  background: no-repeat 50% 55% url("images/bulletin/select_year_arrow.png");
  background-size: 20px !important;
}


.btn_mobile_header_year_active,
.btn_mobile_header_year_active.cl-button:not(.cl-disabled).cl-activated,
.btn_mobile_header_year_active.cl-button:not(.cl-disabled):active {
  border: 0px;
  background: no-repeat 50% 55% url("images/bulletin/select_year_arrow_active.png");
  background-size: 20px !important;
}

.btn_mobile_header_year_active.cl-button:not(.cl-disabled):hover {
  border: 0px;
  background: no-repeat 50% 55% url("images/bulletin/select_year_arrow_active.png");
  background-size: 20px !important;
}

.btn_mobile_header_year_active.cl-button.cl-focus {
  border: 0px;
  background: no-repeat 50% 55% url("images/bulletin/select_year_arrow_active.png");
  background-size: 20px !important;
}

.main_notice_box_m {
  margin-top: 5px;
  background: #f9fafc;
  border-radius: 10px;
}

.btn_mobile_search_date {
  border: 0px !important;
  background: no-repeat 50% 50% url("images/controls/business_step01_over.png");
  background-size: 16px !important;
}

.cl-grid.grd_mobile_search {
	border-bottom: 0px;
}

.grd_mobile_search {
	.cl-grid-header {
		.cl-text {
		  font-weight: 600;
		  font-size: 18px !important;
		  color: #333;
		  font-family: "Noto Sans KR Hestia Bold", sans-serif;
		  letter-spacing: -1.4px;
		}
	}
	.cl-grid-detail {
		.cl-grid-cell {
    		border-bottom: 0px none !important;
		}
	}
}
.btn_search_tab_large {
    font-size: 15px !important;
}
.btn_search_tab_small {
    font-size: 12px !important;
}
.btn_search_tab_selected {
    background: #fff;
    border: 1px solid #1053d6;
    border-radius: 5px;
    font-weight: 500;
    color: #1053d6;
    letter-spacing: -1px !important;
    font-family: 'Noto Sans KR Hestia Medium',sans-serif;
	padding: 2px 2px;
}
.btn_search_tab_none {
    background: #f3f4f8;
    border: 1px solid #f3f4f8;
    border-radius: 5px;
    font-weight: 500;
    color: #c4c4c4;
  	padding: 2px 2px;
    letter-spacing: -1px !important;
    font-family: 'Noto Sans KR Hestia Medium',sans-serif;
}

.text_two_line_12 {
	.cl-text {
		font-size:12px !important;
		line-height:1 !important;
		word-break: normal !important;
	}
}