@charset "utf-8";

/* button */
.btn_bottom_wrap{display:flex; justify-content: center; gap:20px; margin-top:80px;}
.btn_submit_box{display:inline-flex; min-height:67px; background-color:#686868; border-radius:100px; min-width:280px; justify-content: center; align-items: center; text-align:center; box-sizing:border-box; padding:10px 35px;}
.btn_submit_box_text{font-size:30px; color:#fff; font-weight:700; line-height:1.3; position:relative;top:1px;}
.btn_submit_box.primary{background-color:#048ee5;}
.btn_submit_box:hover .btn_submit_box_text{color:#fffc00;}
@media (max-width:1023px){
    .btn_bottom_wrap{margin-top:40px;gap:10px;}
    .btn_submit_box{min-height:50px;padding:10px 20px;}
    .btn_submit_box_text{font-size:18px; top:1px;}
    .btn_bottom_wrap .btn_submit_box{min-width:140px;}
}
@media (max-width:767px){
    .btn_submit_box{min-width:0;width:100%;}
    .btn_bottom_wrap .btn_submit_box:only-of-type{max-width:230px; margin:0 auto;}
    
    .btn_bottom_wrap.has_3{flex-direction: column;}
    .btn_bottom_wrap.has_3 .btn_submit_box{min-width:0;}
}
@media (max-width:359px){
}

/* popup */
.btn_guide_box{display:inline-block;padding:10px 20px;border:1px solid #ddd;color:#000;font-size:16px;}
.popup_wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;display:none;align-items:center;justify-content:center;min-width:280px;overflow:hidden;flex-wrap:wrap;}
.popup_wrap.active{display:flex;}
.popup_wrap.has_box.active{display:block;overflow:auto;}
.popup_wrap.active.motion_end .popup_box_tb_wrap,.popup_wrap.active.motion_end .popup_item{opacity:1;}
.popup_wrap.active.motion_end .bg_dim{opacity:.2;}
.popup_wrap .bg_dim{display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:0;background:#000;opacity:0;transition:.5s;}
.popup_wrap .bg_dim.no_transition{transition:0s;opacity:.7;transform:none;}
.popup_wrap.scroll_type{overflow-y:auto;}
.popup_box_tb_wrap{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:.4s;}
.popup_box_tb{table-layout:fixed;display:table;width:100%;height:100%;}
.popup_box_td{display:table-cell;padding:30px;vertical-align:middle;}
.btn_popup_close{display:inline-block;width:36px;height:36px;position:absolute;top:30px;right:30px;font-size:0;line-height:0; background:url("../images/btn_popup_close.png") no-repeat 50% 50%/100% auto;}
.popup_card_wrap{position:fixed;top:0;left:0;width:100%;height:100%;}
.popup_card_box{
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.42); position:relative; background-color:#fff; border:1px solid #b3b3b3; max-width:1024px; margin:0 auto;
}
.popup_card_contents{margin:80px 80px 60px;}
.popup_card_message{text-align:center; color:#333333; font-size:25px; line-height:1.4;}
.popup_card_message + .popup_card_inner_contents{margin-top:60px;}
.popup_card_contents{}

.popup_btn_row.btn_bottom_wrap{gap:65px;margin-top:80px;}
.popup_btn_row.btn_bottom_wrap .btn_submit_box{min-width:170px; min-height:57px;}
.popup_btn_row.btn_bottom_wrap .btn_submit_box_text{font-size:25px;}

@media (max-width:1023px){
    .btn_popup_close{width:25px;height:25px;top:25px;right:25px;}
    .popup_card_contents{margin:60px 60px 40px;}
    .popup_btn_row.btn_bottom_wrap{gap:20px;margin-top:60px}
    .popup_btn_row.btn_bottom_wrap .btn_submit_box{min-width:0; flex:1;}
    .popup_btn_row.btn_bottom_wrap .btn_submit_box:only-child{max-width:calc(50% - 20px); margin:0 auto;}
    .popup_card_message{font-size:20px;}
    .popup_card_message + .popup_card_inner_contents{margin-top:30px;}
}

@media (max-width:767px){
    .btn_popup_close{width:25px;height:25px;top:15px;right:15px;}
    .popup_btn_row.btn_bottom_wrap{gap:10px;margin-top:40px;}
    .popup_btn_row.btn_bottom_wrap .btn_submit_box:only-child{max-width:60%;}
    .popup_btn_row.btn_bottom_wrap .btn_submit_box{min-height:50px;}
    .popup_btn_row.btn_bottom_wrap .btn_submit_box_text{font-size:20px;}
    .popup_card_contents{margin:60px 20px 20px;}
    .popup_box_td{padding:20px;}
    .popup_card_message{font-size:18px;}
}

@media (max-width:374px){
}
/* // popup */

/* modal */
.modal_wrap{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;display:none;align-items:center;justify-content:center;min-width:280px;overflow:hidden;overflow-y:auto;flex-wrap:wrap;box-sizing:border-box;}
.modal_wrap.active{display:flex;}
.modal_wrap.active.motion_end .modal_box_item{opacity:1;transform:translateY(0);}
.modal_wrap.active.motion_end .bg_dim{opacity:0.7;}
.bg_dim{display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:0;background:#333;opacity:0;transition:0.5s opacity;}
.bg_dim.no_transition{transition:0s;opacity:0.6;transform:none;}
.modal_box_tb{display:table;width:100%;height:100%;table-layout:fixed;}
.modal_box_td{display:table-cell;padding:30px;vertical-align:middle;}
/* .modal_box_item{box-sizing:border-box;width:100%;z-index:20;background:#fff;text-align:center;opacity:0;transition:0.4s opacity;max-height:calc(100% - 60px);position:relative;max-width:300px;margin:30px auto;padding:24px;box-shadow:0px 0px 12px rgba(0,0,0,0.24);border-radius:12px;} */
.modal_box_item{
    box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.42);width:100%;z-index:20; position:relative;opacity:0;transition:0.4s opacity;max-height:calc(100% - 60px); background-color:#fff; border:1px solid #b3b3b3; max-width:800px; margin:0 auto;
}
.modal_box_item.close_not{padding:40px 100px 40px;}
.modal_box_item.submit_not{padding:60px 100px;}
.message_dep01_word,.message_dep02_word{display:block;text-align:center;}
.message_dep01_word{color:#000; font-size:14px; font-weight:700; line-height:1;}
.message_dep02_word{font-size:16px;color:#666;margin-top:10px;}
.modal_card_contents{margin:80px 80px 60px;}
.modal_box_message{word-break:keep-all;  color:#333; font-size:25px; font-weight:700; line-height:1.4; text-align:center;}
.btn_modal_close{display:inline-block;width:36px;height:36px;position:absolute;top:30px;right:30px;font-size:0;line-height:0; background:url("../images/btn_popup_close.png") no-repeat 50% 50%/100% auto;}

/* .btn_modal_close:before,.btn_modal_close:after{width:35px;height:2px;display:block;content:'';position:absolute;top:50%;left:50%;background:#332d29;margin:-1px 0 0 -17px;transform:translateZ(0);-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);}
.btn_modal_close:before{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.btn_modal_close:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);} */


.btn_modal_submit_wrap.btn_bottom_wrap{gap:65px;margin-top:80px;}
.btn_modal_submit_wrap.btn_bottom_wrap .btn_submit_box{min-width:170px; min-height:57px;}
.btn_modal_submit_wrap.btn_bottom_wrap .btn_submit_box_text{font-size:25px;}

@media (max-width:1023px){
    .modal_box_message{font-size:20px;}
    .btn_modal_close{width:25px;height:25px;top:25px;right:25px;}
    .btn_modal_submit_wrap.btn_bottom_wrap{gap:20px;margin-top:60px}
    .btn_modal_submit_wrap.btn_bottom_wrap .btn_submit_box{min-width:0; flex:1;}
    .btn_modal_submit_wrap.btn_bottom_wrap .btn_submit_box:only-child{max-width:calc(50% - 20px); margin:0 auto;}
    
    .modal_card_contents{margin:60px 60px 40px;}
}
@media (max-width:767px){
    .btn_modal_close{width:25px;height:25px;top:15px;right:15px;}
    .message_dep01_word{font-size:16px;}
    .message_dep02_word{font-size:14px;margin-top:10px;}
    .btn_modal_submit{padding:10px;font-size:14px;}

    .btn_modal_submit_wrap.btn_bottom_wrap{gap:10px;margin-top:40px;}
    .btn_modal_submit_wrap.btn_bottom_wrap .btn_submit_box:only-child{max-width:60%;}
    .btn_modal_submit_wrap.btn_bottom_wrap .btn_submit_box{min-height:50px;}
    .btn_modal_submit_wrap.btn_bottom_wrap .btn_submit_box_text{font-size:20px;}

    .modal_card_contents{margin:60px 20px 20px;}
}
@media (max-width:374px){
    .modal_box_item{max-width:100%;}
    .modal_box_td{padding:20px;}
}
/* //  modal */

.mv_container{min-height:574px; background:#048ee5;}
.mv_inner{max-width:1124px; margin:0 auto; padding:0 30px; display:flex; gap:70px;}
.mv_main_cols{flex:1;}
.mv_sub_cols{flex:0 0 448px; position:relative;}
.mv_copy_group{padding-top:65px; color:#fff;font-family: "NanumSquareNeo";}
.mv_copy_sub{font-size:39px; font-weight:700; margin-bottom:20px;}
.mv_copy_main{display:flex; align-items:center; gap:15px;}
.mv_copy_main .copy_text_node{font-size:64px; font-weight: 800;}
.mv_copy_main > img{height:62px; vertical-align:middle;}
.mv_copy_summary{font-size:22px; line-height:1.5; margin-top:15px; font-weight:400; letter-spacing:-1px; white-space:nowrap;}
.mv_img_wrap{margin-top:10px;transform:translateY(45px);}
.mv_img_wrap img{vertical-align:top;}
/* .mv_chart_wrap{margin:90px -40px 0 0;} */
.mv_chart_wrap{margin:20px -40px 0 0;}
.mv_chart_wrap img{}
.mv_btn_wrap{text-align:center; position:absolute;bottom:0;left:0;width:100%; transform:translateY(50%)}
.btn_spotbox{display:inline-flex; align-items:center; background:#29459c; border-radius:100px; padding:0 30px 0 40px; height:80px;}
.btn_spotbox .ico{display:inline-block; width:34px;height:34px; background:url("../images/btn_mv_submit_arrow.png") no-repeat 0 0/100% auto; margin-left:12px;}
.spot_diq{display:block;width:72px;height:36px;background:url("../images/btn_diq_h36.png") no-repeat 0 0/100% auto; margin-right:10px;}
.spot_text{color:#fff; font-size:36px; font-weight:700;}
.btn_spotbox:hover{}
.btn_spotbox:hover .ico,
.btn_spotbox:hover .spot_diq{background-position:0 100%;}
.btn_spotbox:hover .spot_text{color:#fffc00;}
.mc_container{margin:100px 50px 50px;}
.mc_menu_wrap{max-width:1124px; margin:0 auto; padding:0 30px;}
.mc_menu_list{display:flex;gap:34px;}
.mc_menu_list > li{flex:1;display:flex; flex-direction: column;}
.mc_menu_list > li:last-of-type{}
.mc_menu_item{flex:1; width:100%; text-align:center; box-sizing:border-box; border:1px solid #5ec0ff; padding:40px; border-radius: 28px;display:flex; flex-direction:column; justify-content: center; align-items: center; gap:20px;}
.mc_menu_item .icon_row{}
.mc_menu_item .text_node{font-size:28px; font-weight:700;}
.mc_menu_item .ico{width:70px;height:70px; border-radius:100%; display:block;margin:0 auto; background-color:#048ee5; background-size:100% auto; background-position:50% 50%; background-repeat:no-repeat;}
.mc_menu_item .ico.shape_01{background-image:url("../images/ico_mc_new_01.png");}
.mc_menu_item .ico.shape_02{background-image:url("../images/ico_mc_new_02.png");}
.mc_menu_item .ico.shape_03{background-image:url("../images/ico_mc_new_03.png");}
.mc_menu_item:hover{background:#e7f4ff;}
.mc_menu_item:hover .ico{}
.mc_menu_item:hover .text_node{}

@media (max-width:1184px){
    /* .mv_container{min-height:574px;}
    .mv_inner{ padding:0 30px; gap:70px;}
    .mv_sub_cols{flex-basis:448px;}
    .mv_copy_group{padding-top:65px;}
    .mv_copy_sub{font-size:39px; margin-bottom:20px;}
    .mv_copy_main{gap:15px;}
    .mv_copy_main .copy_text_node{font-size:64px;}
    .mv_copy_main > img{height:62px;}
    .mv_copy_summary{font-size:22px; margin-top:15px;}
    .mv_img_wrap{margin-top:10px;transform:translateY(45px);}
    .mv_chart_wrap{margin:90px 0 0 0;}
    .btn_spotbox{padding:0 30px 0 40px; height:80px;}
    .btn_spotbox .ico{ width:34px;height:34px; margin-left:12px;}
    .spot_diq{width:72px;height:36px; margin-right:10px;}
    .spot_text{font-size:36px;}
    .mc_container{margin:100px 50px 50px;}
    .mc_menu_wrap{max-width:1124px; padding:0 30px;}
    .mc_menu_list{gap:34px;}
    .mc_menu_item{padding:40px; border-radius: 28px; gap:20px;}
    .mc_menu_item .text_node{font-size:28px;}
    .mc_menu_item .ico{width:70px;height:70px;} */

    .mv_container { min-height:48.49vw; }
    .mv_inner { padding:0 2.53vw; gap:5.91vw; }
    .mv_sub_cols { flex-basis:37.86vw; }
    .mv_copy_group { padding-top:5.49vw; }
    .mv_copy_sub { font-size:3.29vw; margin-bottom:1.69vw; }
    .mv_copy_main { gap:1.27vw; }
    .mv_copy_main .copy_text_node { font-size:5.41vw; }
    .mv_copy_main > img { height:5.24vw; }
    .mv_copy_summary { font-size:1.86vw; margin-top:1.27vw; }
    .mv_img_wrap { margin-top:0.84vw; transform:translateY(3.80vw); }
    .mv_chart_wrap { margin:7.60vw 0 0 0; }
    .btn_spotbox { padding:0 2.53vw 0 3.38vw; height:6.76vw; }
    .btn_spotbox .ico { width:2.87vw; height:2.87vw; margin-left:1.01vw; }
    .spot_diq { width:6.08vw; height:3.04vw; margin-right:0.84vw; }
    .spot_text { font-size:3.04vw; }
    .mc_container { margin:8.45vw 4.22vw 4.22vw; }
    .mc_menu_wrap { max-width:94.93vw; padding:0 2.53vw; }
    .mc_menu_list { gap:2.87vw; }
    .mc_menu_item { padding:3.38vw; border-radius:2.36vw; gap:1.69vw; }
    .mc_menu_item .text_node { font-size:2.36vw; }
    .mc_menu_item .ico { width:5.91vw; height:5.91vw; }
}

@media (max-width:1023px){
    .mv_container{min-height:0;}
    .mv_inner{ padding:0 15px; display:block;}
    .mv_sub_cols{}
    .mv_copy_group{padding-top:25px; text-align: center;}
    .mv_copy_sub{font-size:20px; margin-bottom:10px;}
    .mv_copy_main{gap:10px; justify-content: center;}
    .mv_copy_main .copy_text_node{font-size:32px;}
    .mv_copy_main > img{height:30px; position:relative;top:-1px;}
    .mv_copy_summary{font-size:12px; margin-top:8px; letter-spacing: 0; white-space: normal;}
    .mv_img_wrap{margin:30px auto 0;transform:translateY(0); text-align: center; padding:0 10px; max-width:640px; }
    .mv_img_wrap img{width:100%;}
    .mv_chart_wrap{margin:30px 0 0 0; padding:0 10px; text-align: center; justify-content: center; display:flex; }
    .mv_btn_wrap{position:static;}
    .btn_spotbox{padding:0 20px 0 25px; height:40px;}
    .btn_spotbox .ico{ width:17px;height:17px; margin-left:6px;}
    .spot_diq{width:36px;height:18px; margin-right:5px;}
    .spot_text{font-size:18px;}
    .mc_container{margin:40px 20px 30px;}
    .mc_menu_wrap{padding:0 0;}
    .mc_menu_list{display:block; text-align: center;}
    .mc_menu_list > li{margin-bottom:12px;}
    .mc_menu_list > li:last-of-type{margin-bottom:0;}
    .mc_menu_item{padding:20px 20px; border-radius: 14px; gap:14px; flex-direction: row; text-align: left;}
    .mc_menu_item .text_node{font-size:16px;}
    .mc_menu_item .ico{width:35px;height:35px;}
}
@media (max-width:359px){
    .mv_copy_sub{font-size:16px;}
    .mv_copy_main .copy_text_node{font-size:24px;}
    .mv_copy_main > img{height:24px;}
}


/* toggle */
.toggle_props_wrap{}
.toggle_props_list{display:flex; flex-wrap:wrap; gap:10px;justify-content:center;}
.toggle_props_list > li{}
.toggle_props_item{
    border-radius: 100px; display:inline-block; background-color: rgb(228, 228, 228);
    color: rgb(51, 51, 51); font-size:20px; font-family: "NanumSquareNeo"; line-height:1.3; padding:12px 25px 11px; text-align:center; min-width:200px;
}
.toggle_props_item.active{background-color:#8de1f6}
@media (max-width:1023px){
    .toggle_props_item{
        font-size: 14px;
         padding:12px 15px 11px; min-width:0;
    }
}

/* combobox */
.combo_item {display: inline-block; position: relative; font-family: "NanumSquareNeo"; font-weight:300;}
.combo_item.active .combo_target {border-radius: 8px 8px 0 0; }
.combo_item.active .combo_target:after {}
.combo_item.fluid {display: block; }
.combo_target { box-sizing: border-box; padding: 7px 40px 6px 15px; border: 1px solid #dbdbdb; border-radius: 5px; display: flex; position: relative; align-items: center; min-height: 43px; background: #fff; }
.combo_target .text_node{font-size: 20px; display:inline-block;  color: #333; word-break:break-all;}
.combo_target:after {display: block; content: ""; width: 10px; height: 8px; position: absolute; top: 50%; right: 14px; background:url("../images/ico_select_arrow.png") no-repeat 0 0/100% auto; transform:translateY(-50%); }

.combo_option_group {display: none; position: relative; overflow: hidden; z-index: 100500; background: #FFFFFF; width: calc(100% - 2px); border: 1px solid #E6E6E6; border-top: 0; border-radius: 0 0 4px 4px; box-sizing: border-box; position: absolute; top: calc(100% + 5px); left: 0; }
.combo_option_group.active {display: block; }

.combo_option_scroll {overflow:hidden; overflow-y: auto; position: relative; }

.combo_option {font-size: 20px; color: #000000; display: block; padding: 10px 15px; word-break:break-all; }
.combo_option:hover {background:rgba(0,0,0,0.05);}
.combo_option.disabled {background: #f2f5f5; color: #adb3b3; cursor: default; }

select.cform_select{font-size: 18px; font-family:"NanumSquareNeo"; font-weight:300; width:100%; color: #333; -webkit-appearance:none;-moz-appearance:none;appearance:none;  background:#fff url("../images/ico_select_arrow.png") no-repeat calc(100% - 14px) calc(50% + 1px)/10px auto; box-sizing: border-box; padding: 0 40px 0 15px; border: 1px solid #dbdbdb; border-radius: 5px; display: flex; position: relative; align-items: center; height: 43px; line-height: 42px;}

@media (max-width: 1023px) {
 /*  .combo_option, .combo_target {font-size: 13px; }
  .combo_target {min-height: 40px; border-radius: 4px; padding-top: 5px; padding-bottom: 5px; }
  .combo_target:after {width: 5px; height: 5px; margin-top: -4px; }
  .combo_item {display: flex; width: 100%; }
  .combo_target {width: 100% !important; flex: 1; } */
  .combo_item{display:block;}
  .combo_target{ min-height:40px; padding: 8px 40px 7px 12px;}
  .combo_target .text_node{font-size: 14px;}
  .combo_option{font-size:14px; padding: 8px 12px; }

  select.cform_select{padding: 0 40px 0 12px;height: 40px; line-height: 38px; font-size: 14px;}

}

/* // combobox */
/* sub layout */


/* sub contents */
.article_block_wrap{font-family: "NanumSquareNeo"; color:#333;}
.article_block{margin-bottom:80px}
.article_block:last-of-type{margin-bottom:0;}
.article_title{font-size:32px;  letter-spacing: -1px;  font-weight:700;}
.article_cont{margin-top:15px;}
.textphoto_grid{display:flex;}
.textphoto_grid .text_cols{flex:1;}
.textphoto_grid .text_cols .article_para{}
.textphoto_grid .text_cols .article_para:last-of-type{}
.textphoto_grid .img_cols{flex:0 0 343px;}
.textphoto_grid .img_cols img{vertical-align: top;}
.textphoto_grid.type2{gap:20px;}
.textphoto_grid.type2 .text_cols{}
.textphoto_grid.type2 .text_cols .article_para{margin-bottom:40px; text-align: justify;}
.textphoto_grid.type2 .text_cols .article_para:last-of-type{margin-bottom:0}
.textphoto_grid.type2 .img_cols{flex-basis: 515px;}
.textphoto_grid.type2 .img_cols img{vertical-align: top;}
.article_para{font-size:22px; line-height:1.5; font-weight:300; word-break: keep-all;}
.article_dia{text-align: center;margin:20px 0;}
.article_dia img{vertical-align: top;}
.article_inblock{margin-bottom:40px;}
.article_inblock:last-of-type{margin-bottom:0;}

.btn_bottom_wrap{}
.btn_bottom_wrap .btn_spotbox{}

.sub_cont_wrap > .sc_title_group{margin-bottom:80px;}

.sc_title_group{font-family: "NanumSquareNeo";}
.sc_title{font-size:32px; color:#333333; font-weight:700; letter-spacing: -1px; line-height: 1.4;}
.sc_title_copy{color:#333333; font-size:22px; font-weight:300; margin-top:15px; line-height: 1.4;}
.step_dia_wrap{margin:40px 95px 0;}
.step_dia_list{}
.step_dia_list > li{margin-bottom:40px; position:relative;}
.step_dia_list > li:after{display:block;content:'';width:32px;height:21px; background:url("../images/ico_arrow_guide_info.png") no-repeat 0 0/100% auto; position:absolute;top:calc(100% + 10px); left:50%; transform: translateX(-50%);}
.step_dia_list > li:last-of-type{margin-bottom:0;}
.step_dia_list > li:last-of-type:after{display:none;}
.step_dia_item{border:2px solid #5ec0ff; border-radius: 28px; display:flex; padding:20px 70px 20px 125px; align-items: center; gap:45px; font-family: "NanumSquareNeo";}

.step_dia_item .key_cols{}
.step_dia_item .value_cols{}
.step_key_number{width:40px; height:40px;display:flex; justify-content: center; align-items: center; background:#048ee5; color:#fff; border-radius: 100%; font-size:26px; font-family: "NanumSquareNeo"; font-weight:800; text-align: center;}
.step_key_unit{color:#048ee5; font-weight:800; font-size:26px;}
.step_key_item{display:flex; align-items: center; gap:7px;}
.step_value_para{font-size:28px; color:#0d0e0f; font-weight:700; letter-spacing: -0.8px;}
.step_info_wrap{margin-top:85px; font-family: "NanumSquareNeo";}
.step_info_list{}
.step_info_list > li{margin-bottom:110px;}
.step_info_list > li:last-of-type{margin-bottom:0;}
.step_info_title_row{margin-bottom:15px;}
.step_info_title_row .key_row{}
.step_info_dl{display:flex; align-items: center; gap:8px;}
.step_info_dl dt,
.step_info_dl dd{}
.step_info_dl dt{}
.step_info_dl dt .step_key_item{}
.step_info_dl dd{}
.step_info_dl dd .step_info_dcopy{}
.step_info_dcopy{font-size:32px; color:#333333; font-weight:700; position:relative; top:-1px;}
.step_info_contents_row{}
.screen_photo_list{}
.screen_photo_list > li{margin-bottom:40px;}
.screen_photo_list > li .screen_photo{margin-bottom:30px;}
.screen_photo_list > li .screen_photo:last-of-type{margin-bottom:0;}
.screen_photo_list > li:last-of-type{margin-bottom:0;}
.screen_photo_list > li .bullet_list{margin:0 48px;}
.screen_photo_list > li .bullet_list + .screen_photo{margin-top:40px;}
.screen_photo{text-align: center;}
.screen_photo img{border:1px solid #636363;vertical-align: top;}
.bullet_list{font-size:22px; color:#333333; line-height:1.6; font-weight:300;}
.bullet_list > li{padding-left:28px; position:relative;}
.bullet_list > li:before{display:block;content:'';width:7px;height:7px;background:#333333; border-radius: 100%; position:absolute;top:15px;left:0;}
.dot_bullet_list{font-family: "NanumSquareNeo"; font-size:22px; color:#000000; line-height:1.5; font-weight:300;}
.dot_bullet_list > li{position:relative; padding-left:12px;margin-bottom:30px;}
.dot_bullet_list > li:last-of-type{margin-bottom:0}
.dot_bullet_list > li:before{display:block;content:'';width:3px;height:3px;background:#000;border-radius:100%;position:absolute;top:15px;left:0;}
.indent_bullet_list{font-size:22px; color:#333333; }
.indent_bullet_list > li{display:flex; gap:5px;}
.indent_bullet_list.form_note_list{color:#f7a202; font-size:18px;}
.indent_bullet_list.form_note_list > li{}
.indent_bullet{white-space: nowrap;}
.indent_liquid{flex:1;word-break:break-all;}

.data_render_box{background:#f6f6f6; border:1px solid #048ee5;margin:100px 40px 0;padding:80px; text-align: center; font-family: "NanumSquareNeo"; font-size:25px; line-height:1.5;}
.data_obj_wrap{display:inline-block; text-align: left;}
.data_obj_list{color:#333;}
.data_obj_list > li{padding-left:22px;position:relative; margin-bottom:22px; display:flex; gap:5px;}
.data_obj_list > li:last-of-type{margin-bottom:0;}
.data_obj_list > li:before{display:block;content:'';width:8px;height:8px;border-radius: 100%; position:absolute;top:16px;left:0;background:#048ee5;}
.data_key_text{display:inline-block;white-space: nowrap;}
.data_key_value{color:#048ee5;}
.data_info_para{font-weight:300;}
.data_info_para strong{font-weight:700;}

.note_form_wrap{margin-top:65px; text-align: center;}
.note_form_block{}
.note_form_block .title_row{margin-bottom:12px;}
.note_form_title{font-size:25px; color:#333333;}
.note_form_block .form_row{}
.note_form_block:last-of-type{}

input.form_input{appearance: none; height:50px; width:100%; border:1px solid #dbdbdb; border-radius:5px; box-sizing: border-box; font-family: "NanumSquareNeo"; padding:5px 15px; line-height:1; font-size:18px; color:#333333; font-weight:300; }
input.form_input:disabled,
input.form_input:read-only{background:#fff;}
input.form_input.align_c{text-align: center;}
input.form_input.align_r{text-align: right;}

.note_sign_wrap{margin-top:60px; text-align: center;}
.note_sign_wrap .props_item{}

.props_item_wrap{}
.props_item_list{display:flex; gap:10px 60px; align-items:flex-start; flex-wrap:wrap;}
.props_item_list > li{}
.props_item_list .props_item{}

.props_item{display:inline-flex; gap:10px;}
input.props_dom{border:1px solid #8c8c8c;cursor: pointer; appearance: none; border-radius:5px; box-sizing: content-box; width:24px;height:24px; flex:0 0 24px; background:url("../images/ico_new_checkbox.png") no-repeat 0 0/100% auto;}
input.props_dom[type="radio"]{background-image:url("../images/ico_new_radio.png");border-radius:100%;}
.props_label{font-size:22px; color:#333333;font-family: "NanumSquareNeo"; cursor: pointer; line-height:1.3; word-break: break-all; font-weight:300;}
input.props_dom[type="radio"] + .props_label{position:relative;top:-2px;}

.props_item.reverse{flex-direction: row-reverse;}
.props_item.reverse input.props_dom{}
.props_item.reverse .props_label{}
input.props_dom:checked{background-position: 0 100%;}


.print_chart_wrap{}
.print_chart_block{margin-bottom:90px;}
.print_chart_block:last-of-type{margin-bottom:0;}
.print_chart_legend_wrap{display:block; text-align: center;}
.pc_legend_list{display:inline-flex;border:1px solid #7d7d7d; justify-content: center; align-items: center; border-radius: 5px; gap:10px 54px; padding:10px 40px;}
.pc_legend_list > li{}
.pc_legend_list > li:last-of-type{}
.pc_legend_item{display:flex; align-items: center; gap:10px;}
.chart_legend_ico{width:29px; height:16px; flex:0 0 29px; background-repeat: no-repeat; background-size:100% auto; background-position:0 0; display:block;}
.chart_legend_ico.shape_blue_line{background-image:url("../images/ico_guide_chart_info2.png");}
.chart_legend_ico.shape_gold_line{background-image:url("../images/ico_guide_chart_info.png");}
.chart_legend_ico.shape_bg{}
.pc_legend_item .legend_label{}
.legend_label{font-size:20px; color:#000000; }
.print_chart_render{text-align: center; margin-top:50px;}
.print_chart_render img{vertical-align: top;}

.sc_simple_form{margin-top:100px;}
.sc_simple_tb{margin:0 auto;}
.sc_simple_tb th,
.sc_simple_tb td{}
.sc_simple_tb th{padding-right:30px;}
.sc_simple_tb th .simple_keylabel{}
.sc_simple_tb td{}
.sc_simple_tb td input.form_input{}
.simple_keylabel{font-size:25px; color:#333333;font-family: "NanumSquareNeo"; }

.sc_message_container{}
.sc_message_container .bullet_list{}
.sc_message_container .indent_bullet_list{margin-top:18px;}

.terms_block_wrap{margin-top:35px;}
.terms_block{margin-bottom:65px;}
.terms_block:last-of-type{margin-bottom:0;}
.terms_guide_box{height:290px; overflow:hidden; overflow-y:auto; position:relative; background:#f6f6f6; border:1px solid #048ee5; box-sizing: border-box; padding:30px 25px;
    font-size:18px; color:#333333; line-height:1.4;
}
.clause_title{color:#333; font-size:22px; font-family: "NanumSquareNeo"; font-weight:800; text-align: center; margin-bottom:30px;}
.clause_btitle{margin-bottom:15px;}
.clause_block_wrap{}
.clause_block{margin-bottom:25px;}
.clause_block:last-of-type{margin-bottom:0;}
.clause_title{}
.clause_cont_para{}
.clause_info_list{}
.clause_info_list > li{}
.clause_info_list > li:last-of-type{}
.terms_block .note_sign_wrap{margin-top:25px;}
.terms_block .props_label{font-size:18px; padding-top:2px;}

.cont_brick_wrap{}
.cont_brick{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #dbdbdb;}
.cont_brick:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.cont_brick .sc_title_group{}
.cb_cont_wrap{margin-top:60px;}
.cb_cont_wrap .tb_form_wrap{margin-left:80px;}
.tb_form_wrap{}
.tb_form{width:100%; line-height:1.4;}
.tb_form th,
.tb_form td{text-align:left;padding-bottom:35px; vertical-align:top;}
.tb_form tr:last-of-type th,
.tb_form tr:last-of-type td{padding-bottom:0;}
.tb_form th{padding-right:20px;width:1px;}
.tb_form td input.form_input{height:43px;}
.tb_form td .form_note_list{margin-top:10px;}
.tb_form td .props_item_wrap{min-height:43px; display:flex; align-items:center;}
.tb_form td .props_item_list{position:relative;top:2px;}
.tb_form td .props_label{}
.tb_form td .props_grid_wrap{padding-top:8px;}
.tb_keynode{font-size:22px; color:#333; white-space:nowrap; display:inline-flex; align-items:center; min-height:43px;padding:5px 0; box-sizing:border-box;}
.tb_value_node{font-size:22px; color:#333; display:inline-flex; align-items:center; min-height:43px;padding:5px 0; box-sizing:border-box;}

.single_form_wrap{max-width:580px;margin:0 auto;}
.single_form_wrap .tb_form th{padding-right:95px;}

.respon_item_container{display:flex; align-items:center; gap:20px;}
.respon_item_container .respon_cols{}
.tb_form td .respon_item_container + .form_note_list{margin-top:10px;}
.respon_item_container.gap_2{gap:20px 60px;}


.linked_item_list{display:flex;align-items:center;}
.linked_item_list .combo_item{width:100%;}
.linked_item_list input.form_input{width:100%}
.linked_item_list > li{flex:1;}
.linked_item_list > li.has_unit{flex:0;}
.linked_unit_node{font-size:22px; color:#333; display:inline-block; white-space:nowrap; padding:0 5px;}


.btn_inline_role{display:inline-flex; min-height:39px; justify-content: center; align-items:center; text-align:center; background:#048ee5; border-radius: 7px; padding:0 24px; white-space:nowrap;}
.btn_inline_role .text_node{color:#fff; font-size:16px; font-weight:700; line-height:1; display:inline-block;}

.inline_eform_list{display:flex;align-items:center;gap:40px; flex-wrap:wrap;}
.inline_eform_list > li{}
.inline_eform_list > li .with_unit_item{}
.inline_eform_list > li .combo_item{white-space:nowrap;}

.form_block_message{font-size:18px; color:#333; margin-top:5px; font-family: "NanumSquareNeo"; font-weight:300;}

.with_unit_item{display:flex;align-items:center; gap:10px;}
.with_unit_item + .form_block_message{}
.with_unit_item .main_cols{}
.with_unit_item .main_cols .combo_item{}
.with_unit_item .unit_cols{}
.with_unit_item .unit_cols .text_node{font-size:22px; color:#333; display:inline-block; white-space:nowrap; font-family: "NanumSquareNeo"; font-weight:300;}

.respon_with_container{display:flex;align-items:center;gap:10px;}
.respon_with_container + .form_block_message{}
.respon_with_container .respon_cols{}
.respon_with_container .respon_cols .form_note_list{margin-top:0;}
.with_key_node{font-size:22px; color:#333; display:inline-block;}
.respon_with_container .with_unit_item{}

.props_grid_wrap{position:relative;}
.props_grid_wrap + .form_note_list{}
.props_grid_list{display:flex; flex-wrap:wrap; gap:10px 15px; margin-right:-10px;}
.props_grid_list > li{flex:0 0 calc(33.33333% - 15px);}
.props_grid_list .props_label{font-size:19px; padding-top:2px; letter-spacing:-1px;}
.props_grid_list .props_item{gap:8px;}

.td_element_wrap{}
.td_element_block{margin-bottom:10px;}
.td_element_block:last-of-type{margin-bottom:0;}
.inline_linked_list{display:flex; gap:18px;}
.inline_linked_list input.form_input{}
.inline_linked_list .btn_inline_role{}
.inline_linked_list > li{}
.inline_linked_list > li.liquid{flex:1;}

.td_inner_wrap{}
.td_inner_wrap + .form_note_list{}
.td_inner_list{display:flex; flex-wrap:wrap; gap:15px;}
.td_inner_list > li{}
.td_inner_wrap .respon_with_container{}

.respon_list_tb_wrap{}
.respon_list_tb{width:100%;}
.respon_list_tb thead{}
.respon_list_tb thead th{background:#f3f3f3; padding:20px 10px 18px;}
.respon_list_tb thead th:last-of-type{}
.list_thtext{font-family: "NanumSquareNeo"; font-weight:300; display:inline-block; font-size:22px; line-height:1;}
.respon_list_tb tbody{}
.respon_list_tb tbody td{ padding:20px 10px 18px; border-bottom:1px solid #dbdbdb;}
.respon_list_tb tbody td:last-of-type{}
.list_tditem{display:flex; align-items: center; justify-content: center; text-align: center; gap:20px;}
.list_tditem dt,dd{}
.list_tditem dt{display:none;}
.list_tditem dt .list_thtext{}
.list_tditem dd{}
.list_tditem dd .list_tdtext{}
.list_tdtext{font-family: "NanumSquareNeo"; font-weight:300; display:inline-block; font-size:18px; line-height:1.3;}

.desc_block_wrap{}
.desc_block{margin-top:150px;}
.desc_block:last-of-type{}
.desc_title_row{text-align:center; margin-bottom:25px;}
.desc_title{font-size:32px; color:#048ee5; font-family: "NanumSquareNeo"; font-weight:700; letter-spacing: -1px;}
.desc_chart_row{text-align: center; max-width:864px; margin:0 auto;}
.desc_chart_row img{vertical-align: top;width:100%;}
.desc_info_row{margin:76px auto 0;  max-width:864px;}
.desc_info_row .dot_bullet_list{}

.desc_multi_block_group{}
.desc_multi_block{margin-bottom:80px;}
.desc_multi_block:last-of-type{margin-bottom:0;}

.desc_tape_row{background:#048ee5;padding:8px;text-align: center; margin-bottom:30px; border-radius: 6px;}
.desc_tape_title{font-size:25px; color:#fff; font-family: "NanumSquareNeo"; font-weight:700; letter-spacing: -1px;}
.color_emp{}
.color_emp.red{color:#e46666; font-weight:300;}
.color_emp.red *{color:#e46666; font-weight:300;}

.color_emp{}
.color_emp.green{color:#72ab4d; font-weight:300;}
.color_emp.green *{color:#72ab4d; font-weight:300;}

.desc_chart_legend_wrap{text-align: center; margin-bottom:45px;} 
.desc_legend_list{display:inline-flex; justify-content: space-between; gap:10px 60px; align-items: center; border:1px solid #7d7d7d; border-radius: 6px; padding:10px 30px;}
.desc_legend_list > li{}
.desc_legend_item{display:flex; align-items: center; gap:10px;}
.desc_legend_item .chart_legend_ico{}
.desc_legend_item .legend_label{}


.train_chart_wrap{position:relative;background:#c9c9c9; height:5px; margin:100px 35px 0;}
.ruler_wrap{position:absolute;top:50%;left:0;transform: translateY(-50%);width:100%;height:20px;display:flex; justify-content: space-between;}
.ruler_slice{width:1px;height:100%;background:#626262;}
.ruler_slice:first-of-type,
.ruler_slice:last-of-type{width:2px;}
.word_balloon_item{width:1px;position:absolute;bottom:30px;height:100%;height:40px;}
.word_balloon{position:absolute;top:0;left:0; transform: translateX(-50%); height:100%; text-align: center; display:flex; border-radius:8px; width:93px; background:#0054a7; justify-content: center; align-items: center; font-size:19px; color:#fff; font-weight:700; font-family: "NanumSquareNeo"; letter-spacing: -1px;}
.word_balloon:after{display:block;content:'';width:0;height:0;border:8px solid transparent;border-top-color:#0054a7; position:absolute;top:100%;left:50%; transform: translateX(-50%);}
.word_balloon_item.theme2{bottom:auto;top:30px;}
.word_balloon_item.theme2 .word_balloon{background:#f0a219;}
.word_balloon_item.theme2 .word_balloon:after{border-color:transparent;border-bottom-color:#f0a219;top:auto;bottom:100%;}
.word_circle_item{width:1px;position:absolute;top:50%;transform: translateY(-50%);}
.word_circle{display:flex;width:50px;height:50px; border-radius: 100%; align-items: center; justify-content: center; text-align: center;transform: translateX(-50%);}
.word_circle .text_node{font-size:19px; color:#fff; font-weight:700; font-family: "NanumSquareNeo"; letter-spacing: -1px;}

@media (max-width: 1023px) {
    .article_block{margin-bottom:40px}
    .article_title{font-size:16px;  letter-spacing: -0.5px;}
    .article_cont{margin-top:8px;}
    .textphoto_grid{display:block;}
    .textphoto_grid .text_cols{}
    .textphoto_grid .img_cols{text-align: center; margin-top:20px;}
    .textphoto_grid .img_cols img{max-width: 50%;}
    .textphoto_grid.type2{}
    .textphoto_grid.type2 .text_cols{}
    .textphoto_grid.type2 .text_cols .article_para{margin-bottom:20px; text-align: left;}
    .textphoto_grid.type2 .img_cols{}
    .textphoto_grid.type2 .img_cols img{}
    .article_para{font-size:14px;}
    .article_dia{}
    .article_dia img{max-width: 50%;}
    .article_inblock{margin-bottom:20px;}

    .sub_cont_wrap > .sc_title_group{margin-bottom:40px;}

    
    .sc_title{font-size:18px;}
    .sc_title_copy{font-size:15px; margin-top:10px;}
    .step_dia_wrap{margin:20px 0 0;}
    .step_dia_list{}
    .step_dia_list > li{margin-bottom:20px;}
    .step_dia_list > li:after{width:16px;height:10.5px;position:absolute;top:calc(100% + 5px);}
    .step_dia_item{border-radius: 14px; padding:10px 15px; gap:10px;}
    .step_key_number{width:20px; height:20px; font-size:13px;}
    .step_key_unit{font-size:14px;}
    .step_key_item{ gap:2px;}
    .step_value_para{font-size:14px;}
    .step_info_wrap{margin-top:20px;}
    .step_info_list{}
    .step_info_list > li{margin-bottom:50px;}
    .step_info_title_row{margin-bottom:10px;}
    .step_info_title_row .key_row{}
    .step_info_dl{gap:5px; align-items: flex-start;}
    .step_info_dl dd{padding-top:2px;}
    .step_info_dcopy{font-size:14px; top:0;}
    .step_info_contents_row{}
    .screen_photo_list{}
    .screen_photo_list > li{margin-bottom:20px;}
    .screen_photo_list > li .screen_photo{margin-bottom:15px;}
    .screen_photo_list > li .bullet_list{margin:0 22px;}
    .screen_photo_list > li .bullet_list + .screen_photo{margin-top:20px;}
    .bullet_list{font-size:14px; line-height:1.4;}
    .bullet_list > li{padding-left:10px; word-break: break-all;}
    .bullet_list > li:before{width:3px;height:3px;top:8px;}

    .indent_bullet_list{font-size:14px;}
    .indent_bullet_list.form_note_list{font-size:14px;}
        
    .data_render_box{margin:40px 0 0;padding:30px 20px; font-size:14px;}
    .data_obj_list{line-height:1.5;}
    .data_obj_list > li{padding-left:10px; margin-bottom:10px;}
    .data_obj_list > li:before{width:4px;height:4px;top:8px;}

    .note_form_wrap{margin-top:30px;}
    .note_form_block .title_row{margin-bottom:12px;}
    .note_form_title{font-size:16px;}
    .note_form_block .form_row{margin:0 40px}
    .note_form_block .form_row input.form_input{}
    .note_form_block:last-of-type{}

    input.form_input{height:40px;font-size:14px;}
    input.form_input.align_r{}

    .note_sign_wrap{margin-top:30px;}
    .note_sign_wrap .props_item{align-items: center; gap:10px;}

    .props_item_wrap{}
    .props_item_list{}
    .props_item_list > li{}
    .props_item_list .props_item{}

    .props_item{gap:5px;}
    input.props_dom{ width:20px;height:20px; flex-basis: 20px;}
    input.props_dom[type="radio"]{}
    .props_label{font-size:14px; padding-top:2px;}


    .print_chart_block{margin-bottom:80px;}
    
    /* .chart_legend_ico{width:15px; height:8px; flex-basis: 15px;}
    .legend_label{font-size:12px;} */
    .print_chart_render{margin-top:20px;}

    .sc_message_container .indent_bullet_list{margin-top:10px;}

        
    .sc_simple_form{margin-top:40px;}
    .sc_simple_tb th{padding-right:15px;}
    .simple_keylabel{font-size:14px;}

    .sc_message_container{}
    .sc_message_container .bullet_list{}
    .sc_message_container .indent_bullet_list{margin-top:18px;}

    input.props_dom[type="radio"] + .props_label{top:0;}
        
    .terms_block_wrap{margin-top:20px;}
    .terms_block{margin-bottom:30px;}
    .terms_guide_box{height:200px;padding:15px;font-size:13px;}
    .clause_title{ font-size:13px; margin-bottom:15px;}
    .clause_btitle{margin-bottom:10px;}
    .clause_block{margin-bottom:10px;}
    .terms_block .note_sign_wrap{margin-top:15px;}
    .terms_block .props_label{font-size:13px;}

    /* .cont_brick{margin-bottom:40px;padding-bottom:40px;} */

    .cb_cont_wrap{margin-top:20px;}
    .cb_cont_wrap .tb_form_wrap{margin-left:0;}
    .tb_form th, .tb_form td{padding-bottom:10px;}

    .tb_keynode{font-size:14px;}
    .tb_value_node{font-size:14px;}
    .tb_form td input.form_input{height:40px;}
    /* .tb_form td > .with_unit_item{width:100%;}
    .tb_form td > .with_unit_item .main_cols{flex:1;}
    .tb_form td > .with_unit_item .main_cols input,
    .tb_form td > .with_unit_item .main_cols div{width:100%;} */
    
    .tb_form th{padding-right:10px;}

    

    .btn_inline_role{min-height:35px; padding:0 15px;}
    .btn_inline_role .text_node{font-size:13px;}
    .with_unit_item .unit_cols .text_node{font-size:14px;}
    .with_key_node,
    .linked_unit_node{font-size:14px;}
    .inline_eform_list{gap:20px;}

    .props_item_list{gap:10px 25px;}

    .tb_form td .props_grid_wrap{padding-top:10px;}
    .props_grid_list .props_label{font-size:14px}

    .form_block_message{font-size:14px;}
    
    
    .td_inner_list{gap:20px 10px;margin-right:-10px;}
    .td_inner_list > li{flex:0 0 calc(50% - 10px); box-sizing: border-box;}
    
    
    .respon_with_container .with_key_node{white-space:nowrap;}

    .respon_list_tb_wrap{ border-top:1px solid #dbdbdb;}
    .respon_list_tb,
    .respon_list_tb tbody,
    .respon_list_tb tr{display:block;}
    .respon_list_tb thead{display:none;}
    .list_thtext{font-size:14px; line-height:1.3;}
    .respon_list_tb tbody tr{ padding:10px; border-bottom:1px solid #dbdbdb; display:flex; flex-wrap:wrap; text-align: left;}
    .respon_list_tb tbody td{flex:0 0 50%;border:0; box-sizing: border-box; padding:10px;}
    .respon_list_tb tbody td:last-of-type{}
    .list_tditem{justify-content: flex-start;}
    .list_tditem dt,dd{}
    .list_tditem dt{display:block;}
    .list_tditem dt .list_thtext{white-space: nowrap; font-weight:700;}
    .list_tditem dd{}
    .list_tditem dd .list_tdtext{}
    .list_tdtext{font-size:14px; line-height:1.3;}

    .desc_block{margin-top:50px;}
    .desc_title{font-size:20px;}
    .desc_title_row{margin-bottom:15px;}
    /* .with_unit_item .main_cols{flex:1;} */

    .desc_info_row{margin-top:50px;}

    .dot_bullet_list{font-size:14px;}
    .dot_bullet_list > li{margin-bottom:10px;padding-left:10px;}
    .dot_bullet_list > li:before{top:9px;}

    .desc_chart_legend_wrap{margin-bottom:25px;} 
    .desc_legend_list{gap:10px 10px;padding:10px 15px;display:flex;}
    .desc_legend_list > li{}
    .desc_legend_item{gap:5px;}
    .desc_legend_item .chart_legend_ico{}
    .desc_legend_item .legend_label{}

    .desc_multi_block{margin-bottom:50px;}

    .desc_tape_row{margin-bottom:20px;}

    .desc_tape_title{font-size:14px;}

    .train_chart_wrap{margin:50px 0 0;}

    .word_circle{width:28px;height:28px;}
    .word_circle .text_node{font-size:11px;}

    .ruler_wrap{height:10px;}

    .word_balloon_item{height:20px;bottom:20px;}
    .word_balloon{width:35px;font-size:11px;border-radius: 4px;}
    .word_balloon:after{border-width:4px;}

    .single_form_wrap{}
    .single_form_wrap .tb_form th{padding-right:45px;}
    .respon_item_container.gap_2{gap:20px 20px;}
}
@media (max-width: 767px) {
    .textphoto_grid .img_cols img,
    .article_dia img{max-width: 100%;}
    .pc_legend_list{gap:10px 15px; padding:10px 20px;}
    .pc_legend_item{gap:5px;}
    .chart_legend_ico{width:15px; height:8px; flex-basis: 15px;}
    .legend_label{font-size:11px;}

    .respon_item_container{flex-direction: column; align-items: flex-start; gap:10px 0;}
    .respon_item_container.gap_2{gap:5px 10px;}
    
    .respon_item_container.nobreak{flex-direction: row; align-items: center; flex-wrap:wrap;}
    /* .inline_eform_list{gap:10px 0; flex-direction: column; align-items: flex-start;} */
    .with_unit_item{gap:5px;}

    .props_grid_list{margin-right:-10px;}
    .props_grid_list > li{flex-basis:calc(50% - 10px);}

    .inline_eform_list{gap:15px;}

    .td_element_wrap{}

    .td_inner_list > li .respon_with_container .respon_cols{flex:1;width:100%;}
    .td_inner_list > li .respon_with_container .respon_cols .with_unit_item{width:100%;}
    .td_inner_list > li .respon_with_container .respon_cols .with_unit_item .main_cols{flex:1;}

    
    .respon_list_tb tbody td{flex:0 0 100%;}

    .single_form_wrap{padding:0 0;}
    .single_form_wrap .tb_form th{padding-right:45px;}
}
@media (max-width: 647px) {
    .tb_form,
    .tb_form tbody,
    .tb_form tbody tr,
    .tb_form tbody th,
    .tb_form tbody td{display:block;}
    .tb_form{width:auto;}
    .tb_form tbody{}
    .tb_form tbody tr{}
    .tb_form tbody th{width:auto;padding:0 0 5px;}
    .tb_form tbody td{padding-bottom:20px;}
    .respon_item_container .tb_value_node{padding:0;}

    .single_form_wrap{padding:0 0;}
    .single_form_wrap .tb_form th{padding-right:0;}

    .tb_value_node,
    .tb_keynode{min-height:0;white-space:normal;}
    .tb_keynode{font-weight:700;}
    
    .inline_eform_list > li{flex:1;}
    .inline_eform_list .with_unit_item .main_cols{flex:1;}
    .inline_eform_list .with_unit_item .main_cols > div,
    .inline_eform_list .with_unit_item .main_cols > input{width:100%; display:block;}
    .respon_with_container:not(.nobreak){flex-direction: column; gap:5px 0; align-items:flex-start;}
    .with_key_node{font-size:14px;}
    .respon_with_container .with_unit_item{}
    
    .respon_with_container .with_key_node{white-space:normal;}
    .inline_linked_list{gap:10px;}
}
@media (max-width: 374px) {
    .linked_item_list{gap:5px;}
    .linked_item_list > li.has_unit{display:none;}
    .inline_eform_list{flex-direction: column; align-items: flex-start; gap:5px 0;}
    .inline_eform_list > li{width:100%;}

    .props_grid_list{margin:0;}
    .props_grid_list > li{flex:0 0 100%;}

    
    .inline_linked_list{flex-direction: column; align-items: flex-start; gap:10px;}
    .inline_linked_list > li{flex:1; width:100%;}

}
/* // sub contents */