@charset "utf-8";

:root {
  --colorWhite:#fff;
  --colorBlack:#212121;
  --colorGray:#424242;
  --colorGray2:#bdbdbd;
  --colorLightGray:#e1e1e1;
  --colorBgGray:#f5f5f5;
  --colorBlue:#1F5AFC;
  --colorBlue2:#4476FF;
  --colorOrange:#FF9100;
  --colorRed:#F74632;
}

.design_wrap, .design_wrap div, .design_wrap span {line-height:1.5;word-break:keep-all}
.design_wrap .btn-interval-small a {display:flex;align-items:center;justify-content:center;min-width:inherit;width:100%;padding:0}
.board-frame.pdt0 {padding-top:0}
.board__form--inner.pd0 {padding-left:0;padding-right:0}

.bg_white {background-color:var(--colorWhite) !important}
.bg_black {background-color:var(--colorBlack) !important}
.bg_gray {background-color:var(--colorBgGray) !important}
.bg_gray2 {background-color:var(--colorGray2) !important}
.bg_blue {background-color:var(--colorBlue2) !important}
.bg_blue2 {background-color:var(--colorBlue) !important}
.bg_orange {background-color:var(--colorOrange) !important}
.bg_red {background-color:var(--colorRed) !important}

.c_white {color:var(--colorWhite) !important}
.c_black {color:var(--colorBlack) !important}
.c_gray {color:var(--colorGray) !important}
.c_blue {color:var(--colorBlue) !important}
.c_orange {color:var(--colorOrange) !important}
.c_red {color:var(--colorRed) !important}

.fs14 {font-size:14px}
.fs15 {font-size:15px}
.fs16 {font-size:16px}
.fs17 {font-size:17px}
.fs18 {font-size:18px}
.fs19 {font-size:19px}
.fs20 {font-size:20px}
.fs21 {font-size:21px}
.fs22 {font-size:22px}
.fs23 {font-size:23px}
.fs24 {font-size:24px}
.fs25 {font-size:25px}

.fw100 {font-weight:100 !important}
.fw200 {font-weight:200 !important}
.fw300 {font-weight:300 !important}
.fw400 {font-weight:400 !important}
.fw500 {font-weight:500 !important}
.fw600 {font-weight:600 !important}
.fw700 {font-weight:700 !important}
.fw800 {font-weight:800 !important}
.fw900 {font-weight:900 !important}

.txt_c {text-align:center}
.txt_r {text-align:right}
.txt_l {text-align:left}
.elip {display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}
.elip.e2 {-webkit-line-clamp:2}
.elip.e3 {-webkit-line-clamp:3}

.w100 {width:100%}

.input_date {position:relative}
.input_date .icon {font-size:15px;position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:0.8}

.page_list_gap {}
.page_list_gap .page_list_box {margin-bottom:50px;word-break:keep-all}
.page_list_gap .page_list_box:last-child {margin-bottom:0}
.page_list_gap .page_list_box.pdb {padding-bottom:30px}
.section-box__title-sub.s2 {padding:0 0 15px 0}
.section-box__title-sub.s2::before {display:none}
.no_cursor {cursor:inherit}


/* 텍스트 리스트 */
.list_txt_group {margin-bottom:20px;padding-bottom:20px}
.list_txt_group.max_w {max-width:640px;margin-left:auto;margin-right:auto}
.list_txt_group:first-child {margin-top:0 !important;padding-top:0 !important}
.list_txt_group:last-child {margin-bottom:0 !important;padding-bottom:0 !important}
.list_txt_group .list_tit {margin-bottom:10px;font-weight:700;color:var(--colorBlack2)}
.list_txt_group .list_txt {margin-bottom:5px;font-size:15px;line-height:1.5;color:var(--colorGray);position:relative}
.list_txt_group .list_txt:last-child {margin-bottom:0 !important}
.list_txt_group .list_txt.dl {display:flex;align-items:flex-start;column-gap:15px}
.list_txt_group .list_txt .dt {width:105px;font-size:inherit;position:relative}
.list_txt_group .list_txt .dd {width:calc(100% - 120px);font-size:inherit}
.list_txt_group .list_txt.icon .ic {position:absolute;left:0;top:3px}
.list_txt_group .list_txt.icon .text {display:inline-block;padding-left:22px}
.list_txt_group .list_txt.line {padding-left:10px}
.list_txt_group .list_txt.line::before {display:block;width:5px;height:1px;content:"";background-color:var(--colorGray);position:absolute;left:0;top:11px}
.list_txt_group .list_txt .ic_bd {display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;line-height:1;font-size:11px;color:var(--colorGray);border:1px solid var(--colorGray);border-radius:100%}

/* 박스 */
.frame_max {width:auto !important;max-width:800px}
.bd_round_box {padding:40px;background-color:var(--colorBgGray);border:1px solid var(--colorLightGray);border-radius:20px}
.bd_round_box_sm {padding:5px 15px;background-color:var(--colorBgGray);border:1px solid var(--colorLightGray);border-radius:8px}
.bd_box {padding:40px;background-color:var(--colorBgGray);border:1px solid var(--colorLightGray);border-radius:5px}
.bd_box_sm {padding:17px 15px;background-color:var(--colorBgGray);border:1px solid var(--colorLightGray);border-radius:5px}
.bd_round_box.max_w, .bd_round_box_sm.max_w, 
.bd_box.max_w, .bd_box_sm.max_w {max-width:620px;margin-left:auto;margin-right:auto}
.bd_round_box .list_txt_group, 
.bd_box .list_txt_group {margin-top:35px}
.scroll_box {max-height:150px;margin:10px 0;padding:20px 25px;font-size:15px;border:1px solid var(--colorLightGray);border-radius:5px;overflow-y:auto}
.scroll_box:first-child {margin-top:0}
.scroll_box:last-child {margin-bottom:0}

/* 2차인증 */
.member__form {margin-top:24px}
.member__form:first-child {margin-top:0}
.member__form .member__list {}
.member__form .member__list li {margin-bottom:24px}
.member__form .member__list li:last-child {margin-bottom:0}
.member__form .member__list li.flex {display:flex;align-items:flex-end;justify-content:space-between}
.member__form .member__list li.flex_wrao {display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;}
.member__form .member__list li.bd_round_box {padding:25px 40px}
.member__form .member__list .txt_box {width:calc(100% - 150px)}
.member__form .member__list .txt_box.w100 {width:100%}
.member__form .member__list .txt_box .inp {font-size:0;position:relative}
.member__form .member__list .txt_box .inp label {border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}
.member__form .member__list .txt_box .inp input[type="text"] {max-width:90%;border:0}
.member__form .member__list .txt_box .inp_txt {position:absolute;top:50%;right:20px;transform:translateY(-50%)}
.member__form .member__list .bd_round_box_sm {margin-top:5px}
.member__form .member__list .btn-interval-small {width:120px;margin-top:0}
.member__form .member__list .btn-interval-small a {}
.member__form .member__list .btn_group {display:flex;column-gap:12px;margin-top:20px}
.member__form .member__list .btn_group .btn-interval-small {flex:1;width:100%}
.complete_box {}
.complete_box .comp_mark {display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 20px auto;font-size:0;color:var(--colorBlue);border-radius:100%;background-color:var(--colorBgGray)}
.complete_box .comp_mark::after {font-family:'icomoon';display:flex;align-items:cn;align-items:center;justify-content:center;content:"\e97e";font-size: 40px;width: 56px;height: 56px;border-radius: 100%;border: 3px solid var(--colorBlue);}

/* 타 법령 */
.round_tag {display:block;max-width:60px;margin:0 auto;color:var(--colorWhite);text-align:center;line-height:28px;font-size:13px;border-radius:5px;background-color:var(--colorBlue);border:1px solid var(--colorBlue)}
.round_tag.bg_red {border-color:var(--colorRed)}
.round_tag.bg_gray2 {border-color:var(--colorGray2)}
.round_tag.bg_white {color:var(--colorBlack2);border-color:var(--colorGray2)}
.ag_chk_box {display:flex;align-items:center;justify-content:space-between}
.ag_chk_box .fx {flex:1}
.ag_chk_box .text {font-size:15px}
.ag_chk_box .chk_box {display:inline-flex;align-items:center;justify-content:right;column-gap:20px;font-size:15px}
.ag_chk_box .chk_box input {height:auto;vertical-align:baseline}
.ag_chk_box.s2 {padding:5px 7px}
.ag_chk_box.s2 .chk_box {column-gap:10px}
.ag_chk_box.s2 .chk_box input {width:16px;height:16px}
.ag_all_chk_box {margin-bottom:12px}
.ag_all_chk_box .chk_tit {margin:20px auto;text-align:center}
.ag_all_chk_box .text_box {padding:32px 0;font-size:16px;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.ag_all_chk_box.comfirm .text_box {max-width:574px;margin:0 auto 65px auto}
.ag_all_chk_box.comfirm .text_box.s2 {margin:0 auto;padding-top:0;border:0;text-align:justify}
.ag_all_chk_box.comfirm .list_txt_group {max-width:230px;margin:0 auto}
.select_box {display:flex;align-items:center;justify-content:space-between;column-gap:15px;margin-top:15px}
.select_box:first-child {margin-top:0}
.select_box .fx {flex:1}
.btn_downlink {border-bottom:1px solid transparent;transition:0.2s}
.btn_downlink:hover {border-bottom-color:var(--colorBlue)}
.btn_downlink .icon {font-size:14px}
.bd_download_box {display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border:1px solid var(--colorBlack);border-radius:5px}
.bd_download_box .text {}
.bd_download_box .btn {}
.bd_download_box .btn .icon {background-size:15px}

.intro_step_box {margin-top:30px;padding:30px;background-color:var(--colorBgGray);border:1px solid var(--colorLightGray);border-radius:10px}
.intro_step_box .box_inner_tit {margin-bottom:7px;font-size:18px;font-weight:bold;line-height:1.5}
.intro_step_box .step_obj {display:flex;column-gap:108px;justify-content:space-between;margin:20px auto 25px auto}
.intro_step_box .step_box {flex:1;text-align:center;position:relative}
.intro_step_box .step_box.ab::before,
.intro_step_box .step_box.ab2::before, 
.intro_step_box .step_box.ab3::before, 
.intro_step_box .step_box.af::after, 
.intro_step_box .step_box.af2::after {display:block;width:60px;height:50px;text-indent:-16px;text-aling:left;line-height:1;background-repeat:no-repeat;position:absolute;right:-84px}
.intro_step_box .step_box.ab::before,
.intro_step_box .step_box.ab2::before, 
.intro_step_box .step_box.ab3::before {color:var(--colorBlue);background-image:url(/res/home/publish/img/sub/icon_step_arrow.png);background-position:left bottom}
.intro_step_box .step_box.ab::before {content:"접수";top:40px}
.intro_step_box .step_box.ab2::before {content:"승인";top:40px}
.intro_step_box .step_box.ab3::before {content:"검토";top:50%;}
.intro_step_box .step_box.ab.ct::before,
.intro_step_box .step_box.ab2.ct::before,
.intro_step_box .step_box.ab3.ct::before {top:50%}
.intro_step_box .step_box.af::after,
.intro_step_box .step_box.af2::after {color:var(--colorOrange);line-height:84px;background-position:left top;bottom:10px}
.intro_step_box .step_box.af::after {content:"불승인";background-image:url(/res/home/publish/img/sub/icon_step_arrow3.png)}
.intro_step_box .step_box.af2::after {content:"반려";text-align:right;background-image:url(/res/home/publish/img/sub/icon_step_arrow2.png)}
.intro_step_box .step_box.af.ct::after, 
.intro_step_box .step_box.af2.ct::after {bottom:auto;top:50%}
.intro_step_box .step_box.no_tit {display:flex;align-items:flex-end}
.intro_step_box .step_box.last {display:flex;flex-wrap:wrap;row-gap:20px;padding-top:37px}
.intro_step_box .step_box .bd_txt_box {display:flex;align-items:center;justify-content:center;height:calc(100% - 64px);padding:12px;font-size:18px;line-height:1.5;background-color:var(--colorWhite);border:2px solid var(--colorLightGray);border-radius:8px}
.intro_step_box .step_box.no_tit .bd_txt_box {width:100%}
.intro_step_box .step_box .rst_box {width:100%;padding:12px;font-size:16px;line-height:1.5;border-radius:8px}
.intro_step_box .list_txt_group {padding-bottom:0}

.intro_step_box .step_obj.s2 {column-gap:84px}
.intro_step_box .step_obj.s2 .step_box.ab::before,
.intro_step_box .step_obj.s2 .step_box.ab2::before, 
.intro_step_box .step_obj.s2 .step_box.ab3::before, 
.intro_step_box .step_obj.s2 .step_box.af::after, 
.intro_step_box .step_obj.s2 .step_box.af2::after {right:-73px}

							
/* 완료 */
.comp_box {margin:0 auto;padding:35px 20px;border:1px solid #e1e1e1;border-radius:15px;text-align:center}
.comp_box .icon_box {display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 30px auto;color:var(--colorBlue);border-radius:100%;background-color:#f5f5f5}
.comp_box .icon_box .icon {font-size:72px}
.comp_box .btn-regular-primary {max-width:120px;margin:0 auto}


/* 버튼 클릭 시 레이어 팝업 */
.btn_layer_pop {}
#layer_pop {display:none;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:fixed;left:0;top:0;z-index:100}
#layer_pop.current {display:flex}
#layer_pop .pop_wrap {width:100%;max-width:1000px;margin:0 auto;background-color:var(--colorWhite);border-radius:18px}
#layer_pop .pop_head {display:flex;align-items:center;justify-content:space-between;padding:25px 30px 0 30px}
#layer_pop .pop_head .title {font-size:20px;font-weight:bold}
#layer_pop .pop_head .btn_pop_close {font-size:30px}
#layer_pop .pop_body {padding:25px 30px}
#layer_pop .pop_body .body_wrap {max-height:75vh;overflow-y:auto}


/* 나의 강의실 */
.status_code {display:block;width:65px;padding:15px 5px;text-align:center;color:var(--colorWhite) !important;border-radius:5px}
.box-middle .box-middle__top .status_code {display:inline-block;width:75px;margin-right:10px;padding:5px;font-size:14px;position:relative}
.box-middle .box-middle__top .status_code::after {display:block;width:1px;height:12px;content:"";background-color:#cadaff;position:absolute;right:-10px;top:50%;transform:translateY(-50%)}
.info-data-box .text_box {display:flex}
.info-data-box .text_box .con {margin-right:8px;padding-right:10px;position:relative}
.info-data-box .text_box .con::after {display:block;width:1px;height:12px;content:"";background-color:#cadaff;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.info-data-box .text_box .con:last-child {margin-right:0;padding-right:0}
.info-data-box .text_box .con:last-child::after {display:none}
.chart_legend {margin-bottom:12px;text-align:center;color:#757575}
.chart_legend .point {display:inline-block;width:6px;height:6px;border-radius:100%;background-color:var(--colorRed);vertical-align:middle;transform:translateY(-1px)}
.status_box_red, 
.status_box_blue {display:block;width:70px;text-align:center;line-height:28px;border:1px solid;border-radius:5px}
.status_box_red {color:var(--colorRed);border-color:var(--colorRed)}
.status_box_blue {color:var(--colorBlue2);border-color:var(--colorBlue2)}

.board_search_filter {margin-bottom:40px;padding:30px;border:1px solid var(--colorLightGray);border-radius:6px}
.board_search_filter .filter_inner {display:flex;gap:24px;flex-wrap:wrap}
.board_search_filter .filter_inner > li {width:calc(100% / 5 - 19.2px)}
.board_search_filter .filter_inner > li.search_bar {width:calc((100% / 5) * 4 - 6.2px)}
.board_search_filter .filter_inner > li.inner_btn {display:grid;align-items:flex-end}
.board_search_filter .filter_inner > li .opc {opacity:0.4}
.board_search_filter .filter_inner > li label {display:block}
.board_search_filter .filter_inner > li select {width:100%;background-position:right 8px center}
.board_search_filter .filter_inner > li input[type="text"] {width:100%}
.board_search_filter .filter_inner > li .btn_search {display:block}

.list-learning.s2 {flex-wrap:wrap;gap:40px 0}
.list-learning.s2 > li {flex:none;width:100%}

.list-come__con--title.justify {display:flex;align-items:baseline;justify-content:space-between;text-align:left}

.myclass_home {}
.myclass_home p, 
.myclass_home div {word-break:keep-all}
.myclass_home .border_obj {}
.myclass_home .border_obj.top_obj {display:flex;column-gap:40px;align-items:center}
.myclass_home .top_obj .title_box {flex:1}
.myclass_home .top_obj .title_box .title {margin-bottom:20px}
.myclass_home .top_obj .title_box .title p {display:inline-block;vertical-align:middle}
.myclass_home .top_obj .title_box .search_year {display:inline-block;margin:0 5px;vertical-align:middle}
.myclass_home .top_obj .status_color_box {display:flex;align-items:center;justify-content:center;flex:1;background-color:#FFFAEB;border-radius:5px}
.myclass_home .top_obj .status_color_box .status_box {flex:1;padding:42px 0 10px 0;text-align:center;background-position:center top 10px;background-repeat:no-repeat;position:relative}
.myclass_home .top_obj .status_color_box .status_box::after {display:block;width:1px;height:calc(100% - 48px);content:"";background-color:#D9D9D9;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.myclass_home .top_obj .status_color_box .status_box:last-child::after {display:none}
.myclass_home .top_obj .status_color_box .status_box.icon01 {background-image:url(/res/home/publish/img/sub/icon_mypage_status01.png)}
.myclass_home .top_obj .status_color_box .status_box.icon02 {background-image:url(/res/home/publish/img/sub/icon_mypage_status02.png)}
.myclass_home .top_obj .status_color_box .status_box > p {}
.myclass_home .mid_obj {margin-top:30px;padding-top:30px;border-top:1px solid var(--colorLightGray)}
.myclass_home .mid_obj .status_color_box {display:flex;column-gap:24px}
.myclass_home .mid_obj .status_color_box .status_box {flex:1;padding:10px;text-align:center;background-color:#F6F9FF;border-radius:5px}

.myclass_home .flex_obj {display:flex;column-gap:40px;margin:40px auto}
.myclass_home .flex_obj .left {width:calc(50% - 20px);float:none}
.myclass_home .flex_obj .right {width:calc(50% - 20px);float:none}
.myclass_home .flex_obj .bd_box {padding:32px}
.myclass_home .flex_obj .inner_obj {display:flex;align-items:center}
.myclass_home .flex_obj .inner_obj .inner_box {flex:1;padding:15px 20px;position:relative}
.myclass_home .flex_obj .inner_obj .inner_box::after {display:block;width:1px;height:92px;content:"";background-color:#D9D9D9;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.myclass_home .flex_obj .inner_obj .inner_box:last-child::after {display:none}
.myclass_home .flex_obj .inner_obj .title {font-weight:500;text-align:center}
.myclass_home .flex_obj .inner_obj .count {margin:18px 0 11px 0}
.myclass_home .flex_obj .inner_obj .num {font-size:37px}
.myclass_home .flex_obj .inner_obj .list_txt_group {padding:8px 13px !important;border-radius:5px;background-color:#F6F9FF}
.myclass_home .flex_obj .inner_obj .list_txt_group .list_txt {display:flex;column-gap:5px}
.myclass_home .flex_obj .inner_obj .list_txt_group .dt {width:35px}
.myclass_home .flex_obj .inner_obj .list_txt_group .dd {width:calc(100% - 40px);text-align:right}

.myclass_home .flex_obj .slide_wrap {}
.myclass_home .flex_obj .slide_inner {}
.myclass_home .flex_obj .slide_box {}
.myclass_home .flex_obj .slide_box .link {display:block;position:relative}
.myclass_home .flex_obj .slide_box .tag {display:inline-block;padding:0 10px;font-size:14px;line-height:28px;color:#fff;border-radius:3px;position:absolute;left:10px;top:10px;z-index:10}
.myclass_home .flex_obj .slide_box .img_obj {display:flex;align-items:center;justify-content:center;width:100%;height:0;margin-bottom:12px;padding-bottom:56.25%;position:relative;overflow:hidden}
.myclass_home .flex_obj .slide_box .img_obj .img {display:block;width:calc(100% - 2px);height:calc(100% - 2px);background-color:#f5f5f5;border-radius:5px;border:1px solid #e1e1e1;position:absolute;left:0;top:0}
.myclass_home .flex_obj .slide_box .img_obj img {}
.myclass_home .flex_obj .slide_box .slide_tit {height:48px;margin-bottom:15px;font-size:16px;font-weight:500;line-height:1.5}
.myclass_home .flex_obj .slide_ctrl {display:flex;align-items:center;justify-content:space-between}
.myclass_home .flex_obj .slide_ctrl .paging {}
.myclass_home .flex_obj .slide_ctrl .slick-dots {display:flex;align-items:center;gap:10px}
.myclass_home .flex_obj .slide_ctrl .slick-dots button {display:block;width:8px;height:8px;font-size:0;line-height:0;border-radius:8px;background-color:#e1e1e1;border:1px solid #e1e1e1;vertical-align:middle}
.myclass_home .flex_obj .slide_ctrl .slick-dots .slick-active button {width:20px;background-color:#1F5AFC;border-color:#1F5AFC}

.myclass_home .flex_obj .slide_ctrl .ctrl {text-align:right}
.myclass_home .flex_obj .slide_ctrl .arrow {cursor:pointer;opacity:0.25;transition:0.2s}
.myclass_home .flex_obj .slide_ctrl .arrow:hover {opacity:1}
.myclass_home .flex_obj .slide_ctrl .arrow .icon {display:block;width:31px;height:31px;font-size:30px;line-height:36px;border:1px solid #212121;border-radius:3px}
.myclass_home .flex_obj .slide_ctrl .arrow.prev {}
.myclass_home .flex_obj .slide_ctrl .arrow.prev .icon {}
.myclass_home .flex_obj .slide_ctrl .arrow.next {}
.myclass_home .flex_obj .slide_ctrl .arrow.next .icon {}

.myclass_home .flex_obj .flex_box {}
.myclass_home .flex_obj .flex_box.b1 {height:calc(100% - 121px);max-height:564px}
.myclass_home .flex_obj .flex_box.b1 .bd_box {height:100%;overflow-y:auto}
.myclass_home .flex_obj .flex_box.b2 {margin-bottom:40px}
.myclass_home .flex_obj .flex_box.b2 .bd_box {padding:0}
.myclass_home .flex_obj .flex_box.b3 {}

.myclass_home .flex_obj .board_list_wrap {}
.myclass_home .flex_obj .list_box {margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e1e1e1}
.myclass_home .flex_obj .list_box:last-child {margin-bottom:0;padding-bottom:0;border-bottom:0}
.myclass_home .flex_obj .list_box .btn-interval {margin-top:10px}

.myclass_home .table_list {max-height:272px;border-top:2px solid #212121;overflow-y:auto}
.myclass_home .table {width:100%;text-align:center;position:relative}
.myclass_home .table caption {width:1px;height:1px;text-indent:-9999px;font-size:1px;line-height:1px;position:absolute;left:0;top:0;overflow:hidden}
.myclass_home .table tr {border-bottom:1px solid #e1e1e1}
.myclass_home .table th {padding:10px 15px;font-size:14px;font-weight:normal}
.myclass_home .table td {padding:10px 15px;font-size:14px;border-right:1px solid #e1e1e1}
.myclass_home .table td.last, 
.myclass_home .table td:last-child {border-right:0}
.myclass_home .table thead {background-color:#FAFBFF;position:sticky;left:0;top:0}
.myclass_home .table tbody {}
.myclass_home .table [class^="btn"] {min-width:70px;max-width:120px}
.myclass_home .table .btn-tiny-dark {background-color:#BDBDBD;border-color:#BDBDBD}
.myclass_home .table .btn-tiny-secondary {background-color:#F74632;border-color:#F74632}



@media screen and (max-width: 1400px){
	.bd_round_box, .bd_box {padding:35px 25px}
	.bd_round_box .list_txt_group, 
	.bd_box .list_txt_group {margin-top:25px}
	
	.member__form .member__list .txt_box {width:calc(100% - 140px)}
}

@media screen and (max-width: 1280px){
	.fs14 {font-size:13px}
	.fs15 {font-size:14px}
	.fs16 {font-size:15px}
	.fs17 {font-size:16px}
	.fs18 {font-size:17px}
	.fs19 {font-size:18px}
	.fs20 {font-size:19px}
	.fs21 {font-size:20px}
	.fs22 {font-size:21px}
	.fs23 {font-size:22px}
	.fs24 {font-size:23px}
	.fs25 {font-size:24px}
	
	.page_list_gap .page_list_box.pdb {padding-bottom:20px}
	.bd_round_box, .bd_box {padding:30px 25px}
	
	.member__form .member__list li.bd_round_box {padding:20px 25px}
	.member__form .member__list .txt_box {width:calc(100% - 130px)}
	
	.intro_step_box .step_obj {column-gap:90px}
	.intro_step_box .step_box.ab::before,
	.intro_step_box .step_box.ab2::before, 
	.intro_step_box .step_box.ab3::before, 
	.intro_step_box .step_box.af::after, 
	.intro_step_box .step_box.af2::after {width:42px;height:40px;background-size:42px;right:-66px}
	.intro_step_box .step_box.ab::before, 
	.intro_step_box .step_box.ab2::before {top:50px}
	.intro_step_box .step_box.af::after,
	.intro_step_box .step_box.af2::after {line-height:75px;bottom:13px}
	.intro_step_box .step_box .bd_txt_box {font-size:16px}
	.intro_step_box .step_box .rst_box {font-size:15px}
	
	.intro_step_box .step_obj.s2 {column-gap:50px}
	.intro_step_box .step_obj.s2 .step_box.ab::before,
	.intro_step_box .step_obj.s2 .step_box.ab2::before, 
	.intro_step_box .step_obj.s2 .step_box.ab3::before, 
	.intro_step_box .step_obj.s2 .step_box.af::after, 
	.intro_step_box .step_obj.s2 .step_box.af2::after {right:-46px}
	
	.board_search_filter .filter_inner > li {width:calc(100% / 3 - 16.2px)}
	.board_search_filter .filter_inner > li.search_bar {width:calc(100% - 124px)}
	.board_search_filter .filter_inner > li.inner_btn {width:100px}
	.board_search_filter .filter_inner > li .btn_search {min-width:inherit}
	
	.myclass_home .border_obj.top_obj {display:block}
	.myclass_home .top_obj .title_box {margin-bottom:15px}
	.myclass_home .top_obj .title_box .title {margin-bottom:5px}
	.myclass_home .mid_obj {margin-top:20px;padding-top:20px}
	.myclass_home .mid_obj .status_color_box {column-gap:12px}
	.myclass_home .flex_obj {column-gap:28px}
	.myclass_home .flex_obj .left, 
	.myclass_home .flex_obj .right {width:calc(50% - 14px)}
	.myclass_home .flex_obj .bd_box {padding:15px}
	.myclass_home .flex_obj .inner_obj .inner_box {padding:10px}
	.myclass_home .flex_obj .inner_obj .inner_box::after {height:76px}
	.myclass_home .flex_obj .inner_obj .num {font-size:30px}
	.myclass_home .flex_obj .flex_box.b1 {height:calc(100% - 86px);max-height:570px}
}

@media screen and (max-width: 1220px){
	.status_code {width:60px;margin-right:10px;font-size:13px;border-radius:3px}	
}

@media screen and (max-width: 1024px){
	.fs14 {font-size:12px}
	.fs15 {font-size:13px}
	.fs16 {font-size:14px}
	.fs17 {font-size:15px}
	.fs18 {font-size:16px}
	.fs19 {font-size:17px}
	.fs20 {font-size:18px}
	.fs21 {font-size:19px}
	.fs22 {font-size:20px}
	.fs23 {font-size:21px}
	.fs24 {font-size:22px}
	.fs25 {font-size:23px}
		
	.page_list_gap .page_list_box {margin-bottom:35px}
	
	.board__form--inner.pd0 {padding-left:24px;padding-right:24px}
	.board__form--inner.pd0 .box-info, 
	.board__form--inner.pd0 .board__block {width:100%}
	.board__form--inner.pd0 .sub-table tbody tr td .td_btn {padding-top:8px;height:40px}
	
	.list_txt_group .list_txt {font-size:14px}
	.list_txt_group .list_txt .ic_bd {width:12px;height:12px;font-size:10px}
	.list_txt_group .list_txt.icon .text {padding-left:20px}
	
	.bd_round_box, .bd_box {padding:27px 20px}
	.bd_round_box .list_txt_group, 
	.bd_box .list_txt_group {margin-top:20px}
	.scroll_box {padding:20px 15px;font-size:13px}
	
	.member__form .member__list li.bd_round_box {padding:20px}
	.member__form .member__list .txt_box {width:calc(100% - 120px)}
	.member__form .member__list .btn-interval-small {width:100px}
	.member__form .member__list .btn_group {column-gap:10px}
	
	.complete_box .comp_mark {width:80px;height:80px;margin-bottom:12px}
	.complete_box .comp_mark::after {width:40px;height:40px;font-size:34px}
	
	.round_tag {max-width:50px;margin:5px 0 0 0;font-size:12px;line-height:25px}
	.board__list--inner>li.list--date-period>.title.mr {margin-right:5px}
	
	.ag_chk_box .text,
	.ag_chk_box .chk_box {font-size:13px}
	.ag_all_chk_box .chk_tit {margin:10px auto}
	.ag_all_chk_box .text_box {padding:25px 0;font-size:14px}
	.ag_all_chk_box.comfirm .text_box {margin-bottom:30px}
	.select_box .btn_sch {height:40px;padding-top:8px}
	.select_box {column-gap:10px;margin-top:10px}
	
	.comp_box .icon_box {width:90px;height:90px;margin-bottom:20px}
	.comp_box .icon_box .icon {font-size:60px}
	.comp_box .btn-interval-small--side {margin-top:0}
	
	#layer_pop .pop_wrap  {width:96%}
	#layer_pop .pop_head {padding:15px 15px 0 15px}
	#layer_pop .pop_head .title {font-size:18px}
	#layer_pop .pop_body {padding:15px}
	
	.box-middle .box-middle__top .status_code {width:70px;padding:4px;font-size:13px}
	.info-data-box::before {top:50%;transform:translateY(-50%)}
	.info-data-box .title::after {display:none}
	.info-data-box .text_box {width:100%;margin-top:5px}
	
	.board_search_filter .filter_inner > li .btn_search {height:40px;padding:8px 12px}
	
	.myclass_home {width:calc(100% - 48px);margin:0 auto}
	.myclass_home .flex_obj {column-gap:24px}
	.myclass_home .flex_obj .left, 
	.myclass_home .flex_obj .right {width:calc(50% - 12px)}
	.myclass_home .flex_obj .flex_box.b1 {height:calc(100% - 76px)}
	.myclass_home .flex_obj .flex_box.b2 {margin-bottom:28px}
	.myclass_home .flex_obj .list_box .btn-interval {width:auto}
}

@media screen and (max-width:768px){	
	.fs16 {font-size:13px}
	.fs17 {font-size:14px}
	.fs18 {font-size:15px}
	.fs19 {font-size:16px}
	.fs20 {font-size:17px}
	.fs21 {font-size:18px}
	.fs22 {font-size:19px}
	.fs23 {font-size:20px}
	.fs24 {font-size:20px}
	.fs25 {font-size:20px}
	
	.page_list_gap .page_list_box.pdb {padding-bottom:10px}
	.list_txt_group .list_txt {font-size:13px}
	.list_txt_group .list_txt.icon .ic {top:2px}
	
	.bd_round_box, .bd_box {padding:22px 18px}
	.bd_box_sm {padding:15px 12px}
	.bd_round_box .list_txt_group, 
	.bd_box .list_txt_group {margin-top:15px}
	.scroll_box {min-height:100px;padding:15px}
	
	.member__form {margin-top:20px}
	.member__form .member__list li {margin-bottom:20px}
	.member__form .member__list li.bd_round_box {padding:18px}
	.member__form .member__list .txt_box {width:calc(100% - 110px)}
	.member__form .member__list .btn-interval-small {width:90px}
	.member__form .member__list .btn_group {column-gap:5px}
	
	.ag_chk_box.s2 {display:block;padding:0 5px}
	.ag_chk_box.s2 .chk_box {display:flex}
	.ag_all_chk_box .chk_tit {margin:5px auto 0 auto;font-size:18px}
	.ag_all_chk_box.comfirm .text_box {margin-bottom:20px;padding:17px 0;font-size:13px}
	.ag_all_chk_box.comfirm .list_txt_group {max-width:160px}
	.ag_all_chk_box.comfirm .list_txt_group .list_txt.dl {column-gap:10px}
	.ag_all_chk_box.comfirm .list_txt_group .list_txt .dt {width:60px}
	.ag_all_chk_box.comfirm .list_txt_group .list_txt .dd {width:calc(100% - 70px)}
	
	.comp_box .icon_box {width:70px;height:70px}
	.comp_box .icon_box .icon {font-size:48px}
	.comp_box p {word-break:keep-all}
	
	.intro_step_box {padding:20px}
	.intro_step_box .box_inner_tit {font-size:16px}
	.intro_step_box .step_obj {flex-wrap:wrap;gap:75px 0;margin-top:8px}
	.intro_step_box .step_box {flex:none;width:100%}
	.intro_step_box .step_box.last {gap:0 10px;padding-top:0}
	.intro_step_box .step_box .rst_box {width:calc(50% - 30px);padding:10px;font-size:14px}
	.intro_step_box .step_box .bd_txt_box {height:auto;font-size:15px}
	
	.intro_step_box .step_box.ab::before,
	.intro_step_box .step_box.ab2::before, 
	.intro_step_box .step_box.ab3::before, 
	.intro_step_box .step_box.af::after, 
	.intro_step_box .step_box.af2::after {width:60px;height:30px;writing-mode:sideways-lr;text-align:center;text-indent:-4px;background-position:right bottom;background-size:38px;right:auto;transform:rotate(90deg)}
	
	.intro_step_box .step_box.ab::before,
	.intro_step_box .step_box.ab2::before, 
	.intro_step_box .step_box.ab3::before {left:calc(50% - 26vw);top:auto;bottom:-50px}
	
	.intro_step_box .step_box.af::after,
	.intro_step_box .step_box.af2::after {line-height:1;right:calc(50% - 26vw);bottom:-50px}
	
	.intro_step_box .step_obj.s2 {gap:75px 0}
	.intro_step_box .step_obj.s2 .step_box.ab::before,
	.intro_step_box .step_obj.s2 .step_box.ab2::before, 
	.intro_step_box .step_obj.s2 .step_box.af::after, 
	.intro_step_box .step_obj.s2 .step_box.af2::after {line-height:1;right:calc(50% - 26vw);bottom:-50px}
	.intro_step_box .step_obj.s2 .step_box.ab3::before {left:calc(50% - 28px);bottom:-50px}
	
	.intro_step_box .step_box.ab.ct::before,
	.intro_step_box .step_box.ab2.ct::before,
	.intro_step_box .step_box.ab3.ct::before, 
	.intro_step_box .step_box.af.ct::after, 
	.intro_step_box .step_box.af2.ct::after {right:auto;left:calc(50% - 28px);top:auto;bottom:-50px}
	
	.sub-table.dsm colgroup {display:none}
	.sub-table.dsm colgroup tbody th {width:80px}
	
	.bd_download_box {display:block;padding:12px 18px}
	.bd_download_box .text {margin-bottom:10px}
	
	#layer_pop .pop_head {padding:10px 10px 0 10px}
	#layer_pop .pop_head .title {font-size:16px}
	#layer_pop .pop_body {padding:10px}
	
	.status_code_box {width:100%}
	.status_code {width:auto;padding:5px}
	.info-data-box .text_box {display:block}
	.info-data-box .text_box .con {margin:0 0 2px 0;font-size:13px}
	.info-data-box .text_box .con:last-child {margin-bottom:0}
	.info-data-box .text_box .con::after {display:none}	
	
	.status_box_red, .status_box_blue {width:100%;max-width:70px}
	.chart_legend {margin-bottom:0}
	.board_search_filter {padding:20px}
	.board_search_filter .filter_inner {gap:20px 18px}
	.board_search_filter .filter_inner > li {width:calc(100% / 3 - 12px)}
	.board_search_filter .filter_inner > li.search_bar {width:calc(100% - 118px)}
	
	.myclass_home .mid_obj .status_color_box {column-gap:5px}
	.myclass_home .flex_obj .bd_box {padding:12px}
	.myclass_home .flex_obj .inner_obj {display:block}
	.myclass_home .flex_obj .inner_obj .inner_box::after{width:calc(100% - 48px);height:1px;top:auto;bottom:0;left:50%;transform:translateX(-50%)}
	.myclass_home .flex_obj .slide_box .slide_tit {height:45px;font-size:15px}
	.myclass_home .flex_obj .slide_ctrl .slick-dots {gap:5px}
	.myclass_home .flex_obj .slide_ctrl .arrow .icon {width:26px;height:26px;font-size:25px;line-height:32px}
	.myclass_home .flex_obj .flex_box.b1 {height:calc(100% - 66px);max-height:584px}
	
	.myclass_home .table_list {overflow:auto}
	.myclass_home .table {min-width:720px}
	.myclass_home .table th, 
	.myclass_home .table td {padding:7px 12px}
}

@media screen and (max-width:640px){
	.myclass_home .flex_obj {display:block}
	.myclass_home .flex_obj .left {width:100%;margin-bottom:30px}
	.myclass_home .flex_obj .right {width:100%}
	.myclass_home .flex_obj .inner_obj .count {margin:8px 0 0 0;}
	.myclass_home .flex_obj .inner_obj .num {font-size:26px}

}

@media screen and (max-width:480px){
	.fs18 {font-size:14px}
	.fs19 {font-size:15px}
	.fs20 {font-size:16px}
	.fs21 {font-size:17px}
	.fs22 {font-size:18px}
	.fs23 {font-size:19px}
	.fs24 {font-size:19px}
	.fs25 {font-size:19px}
	
	.bd_round_box, .bd_box {padding:18px 15px}
	
	.member__form .member__list li.flex, 
	.member__form .member__list li.flex_wrap {display:block}
	.member__form .member__list li.bd_round_box {padding:15px}
	.member__form .member__list .txt_box {width:auto}
	.member__form .member__list .txt_box .inp input[type="text"] {max-width:85%}
	.member__form .member__list .txt_box .inp_txt {right:10px}
	.member__form .member__list .btn-interval-small {width:100%;margin-top:10px}
	.member__form .member__list .btn-interval-small a {height:42px}
	.member__form .member__list .btn_group {flex-wrap:wrap;column-gap:0;margin-top:5px}
	.member__form .member__list .btn_group .btn-interval-small {flex:none}
	
	.select_box {flex-wrap:wrap;gap:5px 0}
	.select_box .fx {flex:none;width:100%}
	.select_box .btn_sch {width:100%}
	
	.ag_chk_box {display:block}
	.ag_chk_box.s2 .chk_box {margin-top:5px}
	.ag_all_chk_box .chk_tit {padding-bottom:20px;font-size:17px}
	
	.comp_box {padding:25px 15px}
	.box-middle.s2 .box-middle__top {display:block}
	.box-middle.s2 .box-middle__top--item {margin-bottom:10px}
	.box-middle.s2 .box-middle__top--item:last-child {margin-bottom:0}
	.box-middle.s2 .box-middle__top [class^=board-num__square] {margin:0 5px 0 0}
	.box-middle .box-middle__top .status_code {display:block;width:calc(100% - 8px);margin:0 0 10px 0}
	
	.board_search_filter .filter_inner {gap:15px 10px}
	.board_search_filter .filter_inner > li {width:calc(100% / 2 - 5px)}
	.board_search_filter .filter_inner > li.search_bar {width:calc(100% - 95px)}
	.board_search_filter .filter_inner > li.inner_btn {width:85px}
	.board_search_filter .filter_inner > li select {padding:0 10px}
	
	.myclass_home .top_obj .title_box .title .txt--m6 {font-size:18px}
	.myclass_home .mid_obj .status_color_box {flex-wrap:wrap;row-gap:5px}
	.myclass_home .mid_obj .status_color_box .status_box {flex:none;width:calc(50% - 23px)}
	.myclass_home .flex_obj .slide_box .tag {padding:0 7px;font-size:13px;line-height:24px}
	.myclass_home .flex_obj .flex_box.b1 {height:311px;max-height:inherit}
	.myclass_home .flex_obj .flex_box.b1 .bd_box {height:calc(100% - 67px)}
}

@media screen and (max-width:370px){
	.board_search_filter .filter_inner > li.search_bar, 
	.board_search_filter .filter_inner > li.inner_btn {width:100%}
}