.d_none {display: none !important;}
.d_block {display: block}
.cb {clear: both;}

.highlight {background-color: #d2d8fb; color:#000; padding-left: 3px; padding-right: 5px;}
.top_ssch {position: absolute; top:0px; right:150px; z-index: 98; width: 200px;}
.r_sch {background-color: #1a1a1c; height: 74px; text-indent: 15px; color:#F37321; border:0px; width: 100%; font-size: 16px; letter-spacing: -0.5px; font-family: 'NotoSans bold', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif;}
.r_sch::placeholder {font-size: 14px;}
.no_sch {color:#999; text-align: center;}

.menu_side {transition: all 350ms cubic-bezier(0.27, 1, 0.07, 1);}
.menu_po_off {left:-351px;}
#docsContent {transition: all 350ms cubic-bezier(0.27, 1, 0.07, 1);}
.body_po_off {padding-left: 0px !important;}
.top_ssch_off {display: none;}

#__layout__ .menu_side {top:74px;}
.list_detailidx:before {background-color: #000;}
.list_detailidx .on .txt_detailidx:before {background-color: #000;}
.menu_side .btn_opentype {border-top: 1px solid #eee; border-bottom: 1px solid #eee}
.menu_side .btn_opentype:first-child {border-top: 0px;}
.KDC_Header__root__b-dI8 h4 {color:#fff; position: absolute; top: 26px; left: 130px; display: none;}
.KDC_Header__root__b-dI8 .top_r_ico0 {position: absolute; top:25px; right: 150px; z-index: 98}
.KDC_Header__root__b-dI8 .top_r_ico1 {position: absolute; top:25px; right: 110px; cursor: pointer; z-index: 98}
.KDC_Header__root__b-dI8 .top_r_ico1-2 {position: absolute; top:23px; right: 108px; cursor: pointer; z-index: 98}
.KDC_Header__root__b-dI8 .top_r_ico2 {position: absolute; top:25px; right: 70px; cursor: pointer; z-index: 98}
.KDC_Header__root__b-dI8 .top_r_ico3 {position: absolute; top:25px; right: 30px; z-index: 98}

.top_lang {position: absolute; right: 30px; top:25px;}
.top_lang .on {color:#fff;}
.top_lang a {color:#999;}
.top_lang a {padding-left: 15px; border-left: 1px solid #444; font-size: 14px; padding-right: 10px;}
.top_lang a:first-child {border-left: 0px;}
.top_lang_m {display: none;}
.side_document {padding-top: 0px}
.list_opentype.open_on {border-bottom: 1px solid #eee;}
.img_preveal .img_thumb img {max-width: 100%;}
.img_preveal_p {display: block; margin-top: 16px; background-color: #f7f8f8; border:1px  solid #e2e4ee; padding: 40px 20px 40px 20px; text-align: center; margin-bottom: 15px;}
.img_preveal_p img {max-width: 100%;}
.red_color {color: #d0021b !important;}
.main_color {color:#F37321;}
.list_opentype .link_sidemenu .txt_sidemenu {font-family: 'NotoSans bold', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif;}

::marker {font-weight: 900 !important; color:#000; font-family: 'NotoSans bold', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif;}

dd {font-size: 16px; word-break:normal !important;padding-left: 13px;padding-top: 7px;color:#777;padding-bottom: 10px;}
dl {font-size: 16px; word-break:normal !important;padding-top: 5px;color:#777;padding-bottom: 10px;}

dd a {font-size: 16px !important;}
ul dl {font-size: 16px; color:#444;}

.dd2 {padding-left: 19px; padding-top: 0px;}
.re_bold li {font-family: 'NotoSans DemiLight', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif !important; text-indent: -13px !important;}
.re_bold li span {}
.re_bold {font-family: 'NotoSans DemiLight', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif !important;}
.none-list li {list-style: none;}
.text-ind li {text-indent: -18px; padding-left: 18px;}

.area_document ul > li:before {
    display: inline-block;
      width: 3px;
      height: 3px !important;
      margin-top: -2px;
      border-radius: 50%;
      background-color: #000;
      vertical-align: middle;
      content: '';
}

.area_document .none-list-ol ol > li:before {
    display: inline-block;
      width: 4px;
      height: 1px !important;
      margin-top: -2px;
      margin-right: 13px;
      border-radius: 50%;
      background-color: #000;
      vertical-align: middle;
      content: '';
}

.area_document ol {padding-top: 0px;}
.area_document ol > li {padding-top: 10px;}

ol > li {padding-left: 18px; text-indent: -18px;}

.none-list-ol > ol li {list-style: none; text-indent: -17px; padding-left: 17px;}

table tr td {vertical-align: middle;}
table tr th {vertical-align: middle;}

table {
    display: table !important;
    margin-top: 12px;
    table-layout: fixed;
    border-collapse: separate;
    word-break: break-all;
    margin-bottom: 30px;
  }
  table td:nth-child(1),
  table th:nth-child(1) {
    width: 100px;
  }
    table td:nth-child(2),
  table th:nth-child(2) {
    width: 200px;
  }
  table td:nth-child(3),
  table th:nth-child(3) {
    width: 200px;
  }
  table td:nth-child(4),
  table th:nth-child(4) {
    width: 200px;
  }

.c_bg {background-color:#f8f8f8; padding: 20px; border-radius: 8px; margin-top: 30px; margin-bottom: 20px;}
.c_bg h4 {padding-top: 0px; padding-bottom: 10px;}
.c_bg ul li {text-indent: -14px; padding-left: 15px; font-family: 'NotoSans DemiLight', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif !important;}
.c_bg p {padding-top: 0px !important; padding-bottom: 10px;}
.area_document h4 {padding-bottom: 10px;}
.img_preveal_p_i {position: relative;}
.img_preveal_p_i img {position: absolute; height:24px; max-width: 24px; top:-1px; left: 3px;}

.img_preveal_p_i2 {position: relative;}
.img_preveal_p_i2 img {position: absolute; height:25px; top:0px; left: 3px;}

.img_preveal_p_i4 {position: relative;}
.img_preveal_p_i4 img {position: absolute; height:18px; top:0px; left: 3px; top:3px;}

.on_num {font-size: 20px;}
ol dd {padding-left: 18px;}
.none-list li {font-family: 'NotoSans DemiLight', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif !important;}
.area_document h2 {font-family: 'NotoSans bold', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif;}
p {padding-bottom: 5px;}

ol .none_list li {list-style: none !important;}
.area_document ol > ul > li {padding-left: 33px; text-indent: -15px; padding-top: 10px !important;}
.area_document ol .none-list-ol ol {padding-left: 15px;}


.none-list li {text-indent: -13px !important;}
.none-list-ol li {text-indent: -17px !important;}
ul dd {padding-left: 15px;}

/* 히든 슬라이더 { */
.sh-side-options {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999999;
    padding: 0 0;
    width: 420px;
    transform: translateX(420px);
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
    letter-spacing: -0.5px;
    background-color: #fff;
}

.sh-side-options.open {transform: translateX(0px);box-shadow: 0 0px 39px 10px rgba(0, 0, 0, 0.2);transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);}

.sh-side-demos-container {
    top: 0;
    left: 0;
    right: -17px;
    bottom: 0;
    position: absolute;
    overflow-y: scroll;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right top;
    padding: 22px;
    padding-bottom: 35px;
}

.close_r {
    position: fixed;
    top: 40px;
    right: 20px;
    cursor: pointer;
    z-index: 99;
}

.sh-side-demos-loop-container {position: relative; margin: 0 -10px;margin-top: 10px;}
.sh-side-options {width: 350px;transform: translateX(350px);}
.sh-side-options-container {bottom: 30px;left: -95px;margin-right: 15px;}

.bgs {background-color: rgba(0,0,0,0.7); position: fixed; top:0px; left:0px; width: 100%; height:100%; display: none; z-index: 999;}
.cs_div {margin-top:40px;}
.cs_tel_ul1_m {box-sizing: border-box; padding-top: 5px; padding-bottom: 15px; cursor: pointer; border-bottom: 0.1px solid rgba(0,0,0,0.1);}
.cs_tel_ul1_m li {}
.cs_txt2 {text-align: left; padding-top: 15px; padding-bottom: 15px;}


.containers {margin-top: 80px; border-top:1px solid #eee;}
.item {padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; cursor: pointer; display: block;}
.item:hover { color:#F37321; text-decoration: none !important;}
.name {font-size: 16px; font-family: 'NotoSans bold', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif;}
.cat {color:#999; font-size: 12px;}
.sch_div {position: fixed; top:0px; width: 100%; background-color: #fff; left: 0px; padding-left: 30px; padding-right: 60px; padding-top: 32px; box-sizing: border-box;}
/* } */

b {color:#000; font-family: 'NotoSans Regular', 'Malgun Gothic', '맑은 고딕', 'Apple SD Gothic Neo', '돋움', dotum, sans-serif;}

.youtube_wrap_g {padding: 10px; box-sizing: border-box; background-color: #f9f9f9; margin-bottom: 30px; border-radius: 0px;}
.youtube_g {position: relative;padding-bottom: 56.25%; /* 16:9 Aspect Ratio */height: 0;overflow: hidden;}
.youtube_g iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.youtube_wrap_g .urls {font-size: 12px; text-align: center; display: block; margin-top: 15px; opacity: 0.6; text-decoration: none !important;}
.youtube_wrap_g .urls:hover {opacity: 1}


@media only screen and (max-width: 828px) {
    .c_bg ul li {text-indent: -11px; padding-left: 15px;}
    #__layout__ .menu_side {top:54px;}
    .top_lang_m {display: block; position: absolute; right: 15px; top:15px;}
    .top_lang_m a {color:#fff; font-size: 12px;}
    .top_lang_m_sel {float:left; margin-top: 4px;}
    .top_lang_m_arr {float: left; margin-top: 3px; margin-left: 10px;}
    .menu_side .btn_opentype {border-top: 0px; border-bottom: 0px;}
    .KDC_Header__root__b-dI8 h4 {color:#fff; position: absolute; top: 16px; left: 110px;}
    
    .KDC_Header__root__b-dI8 .top_r_ico1 {top:15px; left: auto; right: 110px;}
    .KDC_Header__root__b-dI8 .top_r_ico2 {top:15px; left: auto; right: 70px;}
    .KDC_Header__root__b-dI8 .top_r_ico3 {top:15px; left: auto; right: 30px;}
    
    .list_opentype.open_on {border-bottom: 0px;}
    .top_lang {display: none;}
    .img_preveal_p {display: block; margin-top: 16px; background-color: #f7f8f8; border:1px  solid #e2e4ee; padding: 20px;}
    
    .KDC_Header__root__b-dI8 .top_r_ico1-2 {position: absolute; top:13px; right: 108px;}
    .r_sch {height: 54px; font-size: 16px;}
    .top_ssch {right: auto; left: 0px; width: 250px;}
    .menu_po_off {left:0px; z-index: -1;}
    .body_po_off {margin-top: 0px !important;}
}