@charset "utf-8";

/* 템플릿 복사 기능*/
[copy-attr="yes"] {cursor:pointer; transition: 0.2s;}
[copy-attr="yes"]:hover {box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.5);}

/* 텍스트 정렬 */
.text_center {text-align:center;}
.text_right {text-align:right;}
.text_left {text-align:left;}
.vertical_top{vertical-align:top}
.vertical_middle{vertical-align:middle}
.vertical_bottom{vertical-align:bottom}

.display_block{display: block;}
.display_inline_block{display: inline-block;}

/* 들여쓰기 */
.indent {margin-left:25px !important;}
.indent10 { margin-left: 10px !important; }
.indent20 { margin-left: 20px !important; }
.indent30 { margin-left: 30px !important; }
.indent40 { margin-left: 40px !important; }
.indent50 { margin-left: 50px !important; }

/* margin */
.margin_0{margin:0 !important;}
.margin_10{margin:10px !important;}
.margin_20{margin:20px !important;}
.margin_30{margin:30px !important;}

.margin_t_0{margin-top:0 !important;}
.margin_t_5{margin-top:5px !important;}
.margin_t_10{margin-top:10px !important;}
.margin_t_15{margin-top:15px !important;}
.margin_t_20{margin-top:20px !important;}
.margin_t_25{margin-top:25px !important;}
.margin_t_30{margin-top:30px !important;}
.margin_t_35{margin-top:35px !important;}
.margin_t_40{margin-top:40px !important;}
.margin_t_45{margin-top:45px !important;}
.margin_t_50{margin-top:50px !important;}
.margin_t_60{margin-top:60px !important;}


.margin_r_0{margin-right:0 !important;}
.margin_r_5{margin-right:5px !important;}
.margin_r_10{margin-right:10px !important;}
.margin_r_15{margin-right:15px !important;}
.margin_r_20{margin-right:20px !important;}
.margin_r_25{margin-right:25px !important;}
.margin_r_30{margin-right:30px !important;}
.margin_r_35{margin-right:35px !important;}
.margin_r_40{margin-right:40px !important;}
.margin_r_45{margin-right:45px !important;}
.margin_r_50{margin-right:50px !important;}
.margin_r_55{margin-right:55px !important;}
.margin_r_60{margin-right:60px !important;}

.margin_b_0{margin-bottom:0 !important;}
.margin_b_5{margin-bottom:5px !important;}
.margin_b_10{margin-bottom:10px !important;}
.margin_b_15{margin-bottom:15px !important;}
.margin_b_20{margin-bottom:20px !important;}
.margin_b_25{margin-bottom:25px !important;}
.margin_b_30{margin-bottom:30px !important;}
.margin_b_35{margin-bottom:35px !important;}
.margin_b_40{margin-bottom:40px !important;}
.margin_b_45{margin-bottom:45px !important;}
.margin_b_50{margin-bottom:50px !important;}
.margin_b_55{margin-bottom:55px !important;}
.margin_b_60{margin-bottom:60px !important;}

.margin_l_0{margin-left:0 !important;}
.margin_l_5{margin-left:5px !important;}
.margin_l_10{margin-left:10px !important;}
.margin_l_15{margin-left:15px !important;}
.margin_l_20{margin-left:20px !important;}
.margin_l_25{margin-left:25px !important;}
.margin_l_30{margin-left:30px !important;}
.margin_l_35{margin-left:35px !important;}
.margin_l_40{margin-left:40px !important;}
.margin_l_45{margin-left:45px !important;}
.margin_l_50{margin-left:50px !important;}
.t50{margin-top:50px !important;}
@media all and (max-width: 640px){
    .t50{margin-top:30px !important;}
}
/* padding */
.padding_0{padding:0 !important;}
.padding_10{padding:10px !important;}
.padding_20{padding:20px !important;}
.padding_30{padding:30px !important;}

.padding_t_0{padding-top:0 !important;}
.padding_t_5{padding-top:5px !important;}
.padding_t_10{padding-top:10px !important;}
.padding_t_15{padding-top:15px !important;}
.padding_t_20{padding-top:20px !important;}
.padding_t_25{padding-top:25px !important;}
.padding_t_30{padding-top:30px !important;}
.padding_t_35{padding-top:35px !important;}
.padding_t_40{padding-top:40px !important;}
.padding_t_45{padding-top:45px !important;}
.padding_t_50{padding-top:50px !important;}
.padding_t_60{padding-top:60px !important;}

.padding_r_0{padding-right:0 !important;}
.padding_r_5{padding-right:5px !important;}
.padding_r_10{padding-right:10px !important;}
.padding_r_15{padding-right:15px !important;}
.padding_r_20{padding-right:20px !important;}
.padding_r_25{padding-right:25px !important;}
.padding_r_30{padding-right:30px !important;}
.padding_r_35{padding-right:35px !important;}
.padding_r_40{padding-right:40px !important;}
.padding_r_45{padding-right:45px !important;}
.padding_r_50{padding-right:50px !important;}

.padding_b_0{padding-bottom:0 !important;}
.padding_b_5{padding-bottom:5px !important;}
.padding_b_10{padding-bottom:10px !important;}
.padding_b_15{padding-bottom:15px !important;}
.padding_b_20{padding-bottom:20px !important;}
.padding_b_25{padding-bottom:25px !important;}
.padding_b_30{padding-bottom:30px !important;}
.padding_b_35{padding-bottom:35px !important;}
.padding_b_40{padding-bottom:40px !important;}
.padding_b_45{padding-bottom:45px !important;}
.padding_b_50{padding-bottom:50px !important;}

.padding_l_0{padding-left:0 !important;}
.padding_l_5{padding-left:5px !important;}
.padding_l_10{padding-left:10px !important;}
.padding_l_15{padding-left:15px !important;}
.padding_l_20{padding-left:20px !important;}
.padding_l_25{padding-left:25px !important;}
.padding_l_30{padding-left:30px !important;}
.padding_l_35{padding-left:35px !important;}
.padding_l_40{padding-left:40px !important;}
.padding_l_45{padding-left:45px !important;}
.padding_l_50{padding-left:50px !important;}

/* width */
.w5p{width:5% !important;}
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w35p{width:35% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w55p{width:55% !important;}
.w60p{width:60% !important;}
.w65p{width:65% !important;}
.w70p{width:70% !important;}
.w75p{width:75% !important;}
.w80p{width:80% !important;}
.w85p{width:85% !important;}
.w90p{width:90% !important;}
.w95p{width:95% !important;}
.w100p{width:100% !important;}

@media all and (max-width: 765px){
    .w-sm-5p{width:5% !important;}
    .w-sm-10p{width:10% !important;}
    .w-sm-15p{width:15% !important;}
    .w-sm-20p{width:20% !important;}
    .w-sm-25p{width:25% !important;}
    .w-sm-30p{width:30% !important;}
    .w-sm-35p{width:35% !important;}
    .w-sm-40p{width:40% !important;}
    .w-sm-45p{width:45% !important;}
    .w-sm-50p{width:50% !important;}
    .w-sm-55p{width:55% !important;}
    .w-sm-60p{width:60% !important;}
    .w-sm-65p{width:65% !important;}
    .w-sm-70p{width:70% !important;}
    .w-sm-75p{width:75% !important;}
    .w-sm-80p{width:80% !important;}
    .w-sm-85p{width:85% !important;}
    .w-sm-90p{width:90% !important;}
    .w-sm-95p{width:95% !important;}
    .w-sm-100p{width:100% !important;}
}

.skip:before, .skip:after{display: none;}

/* top_box */

.box{margin-bottom: 50px;}

/*.box + .box{margin-top: 15px;}*/
/*.table + .box{margin-top: 15px;}*/

.box.top_box{position: relative;min-height: 170px;padding: 45px 40px 40px 60px;background-color: #f3f6fa;}
.box.top_box .box_wrap{position: relative;padding-left: 130px;}
.box.top_box .box_wrap:before{display: block;position: absolute;top: -5px;left: 0;width: 90px;height: 90px;border-radius: 34px;background: #076ebb url("../images/template/box_icon.png") no-repeat;box-shadow: 6px 10px 20px 0 rgba(21, 114, 184, 0.2);}
.box.top_box .box_title{margin-bottom: 5px;font-size: 20px;line-height: 30px;color: #005fb1;font-weight: 500;letter-spacing: -0.035em;}

.box.top_box.icon2 .box_wrap:before{background-image: url("../images/template/box_icon2.png");}

@media all and (max-width: 1000px) {
    .box.top_box{padding: 30px;}
}

@media all and (max-width: 800px) {
    .box.top_box .box_wrap{padding-left: 90px;}
    .box.top_box .box_wrap:before{width: 75px;height: 75px;border-radius: 25px;background-size: contain;}
    .box.top_box .box_title{font-size: 18px;line-height: 26px;}
}

@media all and (max-width: 640px) {
    .box.top_box{padding: 20px;}

    .box.top_box .box_wrap{padding-left: 0;padding-top: 100px;}
    .box.top_box .box_wrap:before{top: 0;left: calc(50% - 37px);}
}

.box.line_box{padding: 24px 30px 20px;border: 1px solid #dce3e3;border-radius: 10px;}
.box > p, .box > ul, .box > ol{margin-top: 0;margin-bottom: 0;}

@media all and (max-width: 800px){
    .box.line_box{padding: 15px;}
}

/* .top_box.warning_box */

.warning_box.top_box{background: #fff7f3;}
.warning_box.top_box .box_wrap:before{background-color: #ec5a19;background-image: url("../images/template/warning_box_icon.png");}
.warning_box.top_box .box_title{color: #ec5a19;}

/* h3, h4, h5 */

h3, .h3, h4, .h4, h5, .h5{position: relative;font-weight: 500;letter-spacing: -0.035em;}
h3, .h3{margin: 50px 0 24px;padding-top: 13px;font-size: 28px;line-height: 38px;color: #222;}
h3:before, .h3:before{display: block;position: absolute;top: 0;left: 0;width: 12px;height: 13px;background: url("../images/template/h3_icon.png") no-repeat;}
h4, .h4{margin: 17px 0;font-size: 24px;line-height: 34px;color: #005fb1;}
h5, .h5{margin: 17px 0;font-size: 20px;line-height: 30px;color: #00a4a9;}

.h0{margin: 0;padding: 0;color: #333;font-size: 16px;line-height: 24px;letter-spacing: -0.025em;}
.h0:before{display: none;}

@media all and (max-width: 800px) {
    h3, .h3{margin: 40px 0 20px;font-size: 24px;line-height: 34px;}
    h4, .h4{margin: 15px 0;font-size: 20px;line-height: 30px;}
    h5, .h5{margin: 15px 0;font-size: 18px;line-height: 28px;}
}

/* 문단 */

p{margin: 20px 0;}
.em_point{color: #01a4aa;}
.em_point.type2{color: #ec5a19;}

@media all and (max-width: 800px) {
    p{margin: 15px 0;}
}

/* 순서 없는 리스트 */

.bu, .num{margin-top: 22px;}
.bu li, .blt{position: relative;padding-left: 14px;}
.bu li:before, .blt:before{display: block;position: absolute;}

.bu li, .num li, .blt{margin: 2px 0;line-height: 24px;}
.bu > li:before, .blt:before{top: 10px;left: 0;width: 5px;height: 5px;border-radius: 50%;background-color: #00a4a9;}

.bu > li > ul{margin-top: 7px;}
.bu ul li, .bu.type2 li, .blt.type2{margin: 0;line-height: 26px;font-size: 14px;}
.bu ul li:before, .bu.type2 li:before, .blt.type2:before{top: 10px;left: 0;width: 4px;height: 4px;border-radius: 50%;background-color: #3c4646;}

.bu > li > ul > li > ul{margin-top: 5px;}
.bu ul ul li, .bu.type3 li, .blt.type3{margin: 0;font-size: 14px;}
.bu ul ul li:before, .bu.type3 > li:before, .blt.type3:before, ul ul ul li:before{top: 11px;left: 0;width: 5px;height: 2px;background-color: #a5a5a5;}

.num ol, .num ul, .num.type2{margin-top: 14px;}

.bu li .title, .num li .title{display: inline;color: #00a4a9;}
.bu li a, .num li a{position: relative;border-bottom: 1px solid;}
.bu li a:after, .num li a:after{display: inline-block;position: relative;margin-top: 8px;margin-left: 5px;width: 12px;height: 12px;background: url("../images/template/link_icon.png") no-repeat;}

@media all and (max-width: 800px) {
    .bu, .num{margin-top: 15px;}
    .bu li, .num li, .blt{line-height: 22px;}

    .bu li, .blt{padding-left: 10px;}
    .bu > li:before, .blt:before{top: 8px;}

    .bu > li > ul{margin-top: 5px;}
    .bu ul li, .bu.type2 li, .blt.type2{line-height: 22px;font-size: 13px;}
    .bu ul li:before, .bu.type2 li:before, .blt.type2:before{top: 8px;}

    .bu > li > ul > li > ul{margin-top: 3px;}
    .bu ul ul li, .bu.type3 li, .blt.type3{font-size: 13px;}
    .bu ul ul li:before, .bu.type3 > li:before, .blt.type3:before, ul ul ul li:before{top: 9px;}
}

/* 순서 있는 리스트 */

.num > li{position: relative;padding-left: 30px;}
.num > li:before, .num .num > li:before, .num.type2 > li:before{display: block;position: absolute;left: 0;top: 1px;width: 20px;height: 20px;border-radius: 50%;background-color: #005fb1;color: #fff;text-align: center;font-size: 12px;line-height: 20px;}

.num .num li{margin: 0;}
.num .num > li:before, .num.type2 > li:before{background-color: #fff;color: #00a4a9;border: 1px solid #00a4a9;box-sizing: border-box;}

/* 카운터 */
.num{counter-reset:number;}
.num > li{counter-increment:number;}
.num > li:before{content:counter(number, decimal);}

@media all and (max-width: 800px) {
    .num > li{padding-left: 24px;}
    .num > li:before, .num .num > li:before, .num.type2 > li:before{top: 2px;width: 18px;height: 18px;font-size: 10px;line-height: 18px;}

    .num ol, .num ul, .num.type2{margin-top: 8px;}
}

/* 주의, 유의사항 */

.warning{position: relative;margin: 15px 0;padding-left: 23px;line-height: 24px;}
.warning:before{display: block;position: absolute;top: 3px;left: 0;width: 17px;height: 17px;background: url("../images/template/warning_icon.png") no-repeat;}

.warning.type2{font-size: 15px;color: #ec5a19;}
.warning.type2:before{background-position-x: -17px;}

.warning_box{padding:4px;background: linear-gradient(to right, rgb(200,234,254), rgb(197,244,246));border-radius: 5px;}
.warning_box .warning_inner{padding: 21px 26px 21px;background-color: #fff;}
.warning_box .warning{margin: 0 0 6px;}
.warning_box .bu{margin: 0 0 0 23px;}

.warning_box.type2{background: linear-gradient(to right, rgb(255,234,225), rgb(254,241,207));}

@media all and (max-width: 800px){
    .warning{margin: 10px 0;padding-left: 20px;line-height: 22px;}
    .warning:before{top: 2px;}

    .warning.type2{font-size: 14px;}

    .warning_box .warning_inner{padding: 15px;}
    .warning_box .bu{margin-left: 15px;}
}

/* table */

.table_unit{margin: 7px 0;text-align: right;font-size: 14px;color: #666;}

.table{position: relative;}
.table:before, .table:after{display: block;position: absolute;left: 0;width: 100%;height: 1px;}
.table:before{top: 0;background-color: #008d91;}
.table:after{bottom: 0;background-color: #b6bebe;}

.table thead th, .table.tr_over tbody th{color: #008d91;font-weight: 500;background-color: #eef9f9;border-right: 1px solid #bfdada;border-bottom: 1px solid #bfdada;}
.table thead th{border-left: 1px solid #bfdada;}
.table thead th, .table tbody th, .table tbody td{padding: 12px 10px;}
.table thead th:last-child{border-right: none;}
.table thead th:first-child{border-left: none;}

.table tbody th{background-color: rgba(227, 238, 238, 0.3);}
.table tbody th, .table tbody td{border-right: 1px solid #dce3e3;border-bottom: 1px solid #dce3e3;}
.table tbody td{border-left: 1px solid #dce3e3;}
.table tbody td:last-child{border-right: none;}
.table tbody td:first-child{border-left: none;}

.table.program_table thead th, .table.program_table.tr_over tbody th, .table.program_table tbody th, .table.program_table tbody td{border-right-width: 0;}


h3 + .table, h4 + .table, h5 + .table, h3 + .table_scroll, h4 + .table_scroll, h5 + .table_scroll, h3 + .table_unit, h4 + .table_unit, h5 + .table_unit{margin-top: 20px;}

.table_scroll .table{margin: 0;}

.table .btn, .popup .btn{min-width: 90px;height: 45px;padding: 9px 22px 8px;vertical-align: middle;}
.table .warning{margin: 0;}

@media all and (max-width: 1000px) {
    .table_scroll{width: 100%;overflow-x: auto;}
    .table_scroll .table{width: 1000px;}
}

@media all and (max-width: 800px) {
    .table_unit{margin: 5px 0;font-size: 13px;}

    /* .table 반응형 */

    table.table.responsive > thead{display:none;}
    table.table.responsive > colgroup{display:none;}

    table.table.responsive > tbody > tr{position:relative;display:block;border-bottom: 1px solid #dce3e3;}
    table.table.responsive > tbody > tr:after{display:block;clear:both;content:".";visibility:hidden;height:0;line-height:0;}
    table.table.responsive > tbody > tr > td{display:block;float:left;width:100%;padding:4px 3%;border:none;text-align:left !important;box-sizing:border-box;background-color:transparent;}
    table.table.responsive > tbody > tr > th{display:block;float:left;width:100%;padding:4px 3%;text-align:left;vertical-align:middle;background-color:transparent;border:none;}
    table.table.responsive > tbody > tr:first-child > td, table.table.responsive > tbody > tr:first-child > th{border-top:none;}
    table.table.responsive > tbody > tr:nth-child(odd){background-color: rgba(227, 238, 238, 0.3);}
    table.table.responsive > tbody > tr > th:before, table.table.responsive > tbody > tr > td:before{display:inline;content:attr(data-content) ' : ';color: #008d91;font-weight: 500;}

    table.table.responsive.tr_over > tbody > tr > th:before, table.table.responsive.tr_over > tbody > tr > td:before{display: none;}

    .table.program_table thead th, .table.program_table tbody th, .table.program_table tbody td{padding: 5px;}
}

.table_wrap{position: relative;}
.table_wrap .table_total{/*position: absolute;*/right: 0;margin-top: 15px;}

@media all and (max-width: 800px){
    .table_wrap .table_total{margin-top: 10px;}

    .table .btn, .popup .btn{min-width: auto;height: 40px;padding: 7px 10px;}
}
@media all and (max-width: 640px) {
    .table_wrap .table_total{position: relative;}
}

.p-form__required--icon{margin: 6px 0 0;vertical-align: top;line-height: 26px;}

/* .btn */

.btn{min-width: 180px;height: 50px;padding: 12px 10px;border: 1px solid #061d48;color: #061d48;border-radius: 3px;font-weight: 400;text-align: center;box-sizing: border-box;vertical-align: top;background-color: #fff;}

.btn.auto{min-width: auto;}

.btn.type2{background-color: #0a6bb5;border: none;color: #fff;}

.btn.type3{background-color: #017df1;border: none;color: #fff;}

.btn.type4{background-color: #061d48;color: #fff;}

.btn.small{min-width: 150px;height: 40px;padding: 7px 10px;font-size: 14px;}

.btn.btn_icon span{position: relative;padding-right: 30px;}
.btn.btn_icon span:before{display: block;position: absolute;top: calc(50% - 9px);right: 0;width: 18px;height: 18px;background: url("../images/template/btn_icon.png") no-repeat;}
.btn.btn_icon.blank span:before{background-position-x: -36px;}
.btn.btn_icon.down span:before{background-position-x: -18px;}
.btn.btn_icon.search span:before{background-position-x: -54px;}

.btn.btn_icon.type2 span:before, .btn.btn_icon.type3 span:before{background-position-y: -18px;}

.btn + .btn, .btn:nth-child(n + 2){margin-left: 3px;}

@media all and (min-width: 801px){
    .btn:hover{background-color: #061d48;color: #fff;}
    .btn.type2:hover{background-color: #01a4aa;}
    .btn.type3:hover{background-image: linear-gradient(90deg, rgb(1,125,241), rgb(29,1,170));}
    .btn.type4:hover{background-color: #fff;color: #061d48;}

    .btn.btn_icon:hover span:before{background-position-y: -18px;}
}

@media all and (max-width: 800px){
    .btn{min-width: auto;height: auto;padding: 8px 10px;}
    .btn.small{min-width: auto;height: auto;padding: 5px 10px;font-size: 13px;}

    .btn.type2{border: 1px solid #0a6bb5;}
    .btn.type3{border: 1px solid #017df1;}

    .btn.btn_icon span{padding-right: 20px;}
    .btn.btn_icon span:before{top: calc(50% - 8px);width: 15px;height: 15px;background-size: 400%;}
    .btn.btn_icon.blank span:before{background-position-x: -30px;}
    .btn.btn_icon.down span:before{background-position-x: -15px;}
    .btn.btn_icon.search span:before{background-position-x: -45px;}

    .btn.btn_icon.type2 span:before, .btn.btn_icon.type3 span:before{background-position-y: -15px;}
}

/* 폼스타일 */

.young_form input, .young_form label{}

.young_form input[type="checkbox"], .young_form input[type="radio"]{opacity: 0;}

.young_form input[type="checkbox"] + label, .young_form input[type="radio"] + label{position: relative;min-width: 135px;margin-right: 10px;padding-left: 32px;}

/* 체크박스 */
.young_form input[type="checkbox"] + label:before{display: block;position: absolute;top: 0;left: 0;width: 23px;height: 23px;border: 1px solid #bcbec6;border-radius: 3px;background: #fff url("../images/template/check_icon.png") no-repeat;}
.young_form input[type="checkbox"]:hover + label:before{border-color: #00a5a9;background-position-x: -23px;}
.young_form input[type="checkbox"]:checked + label:before{background-color: #00a5a9;background-position-x: -46px;}

.young_form input[type="checkbox"][disabled] + label:before, .young_form input[type="checkbox"][disabled]:hover + label:before,.young_form input[type="checkbox"][disabled] + label:before{background-position-x: 0;border-color: #bcbec6;background-color: #f3f6f8;}

.young_form input.type2[type="checkbox"][disabled] + label:before, .young_form input.type2[type="checkbox"][disabled]:hover + label:before,.young_form input.type2[type="checkbox"][disabled] + label:before{background-image: none;}

@media all and (max-width: 800px){
    .young_form input[type="checkbox"] + label, .young_form input[type="radio"] + label{min-width: auto;padding-left: 27px;}

    .young_form input[type="checkbox"] + label:before{top: 1px;width: 20px;height: 20px;background-size: 300%;}
    .young_form input[type="checkbox"]:hover + label:before{border-color: #00a5a9;background-position-x: -20px;}
    .young_form input[type="checkbox"]:checked + label:before{background-color: #00a5a9;background-position-x: -40px;}
}

/* 라디오버튼 */

.young_form input[type="radio"] + label:before{display: block;position: absolute;top: 0;left: 0;width: 23px;height: 23px;border: 1px solid #bcbec6;border-radius: 50%;background-color: #fff;}
.young_form input[type="radio"] + label:after{display: block;position: absolute;top: 9px;left: 9px;width: 7px;height: 7px;background-color: #cecfd6;border-radius: 50%;}

.young_form input[type="radio"]:hover + label:before{border-color: #00a5a9;}
.young_form input[type="radio"]:hover + label:after{background-color: #00a5a9;}

.young_form input[type="radio"]:checked + label:before{background-color: #00a5a9;}
.young_form input[type="radio"]:checked + label:after{background-color: #fff;}

.young_form input[type="radio"][disabled] + label:before, .young_form input[type="radio"][disabled]:hover + label:before,.young_form input[type="radio"][disabled] + label:before{border-color: #bcbec6;background-color: #f3f6f8;}

.young_form input[type="radio"][disabled] + label:after, .young_form input[type="radio"][disabled]:hover + label:after,.young_form input[type="radio"][disabled] + label:after{background-color: #cecfd6;}

.young_form input.type2[type="radio"][disabled] + label:after, .young_form input.type2[type="radio"][disabled]:hover + label:after,.young_form input.type2[type="radio"][disabled] + label:after{background-color: transparent;}

@media all and (max-width: 800px) {
    .young_form input[type="radio"] + label:before{top: 1px;width: 20px;height: 20px;}
    .young_form input[type="radio"] + label:after{left: 8px;width: 5px;height: 5px;}
}

/* 인풋박스 */

.young_form .input_box, .young_form select, .select_box .select_btn{width: 180px;height: 45px;padding: 9px 20px 8px;border: 1px solid #bcbec6;border-radius: 3px;}
.young_form .input_box.input_auto{width: 100%;}
.young_form .input_box:focus, .young_form .input_box:focus, .young_form select:focus, .select_box .select_btn:focus{border-color: #5c6483;outline: none;}

.young_form .search_input{display: inline-block;position: relative;}
.young_form .search_input .input_box{padding-right: 65px;}
.young_form .search_input button{position: absolute;top: 0;right: 0;width: 45px;height: 45px;font-size: 0;line-height: 0;border-left: 1px solid #bcbec6;background: url("../images/template/search_icon.png") no-repeat;}

.young_form .input_box.disabled, .young_form .input_box[disabled]{background-color: #f3f6f8;}

.young_form .input_wrap{margin-bottom: 7px;}

.young_form .input_wrap .p-form__required--icon{margin-top: 13px;}

@media all and (max-width: 800px) {
    .young_form .input_box, .young_form select, .select_box .select_btn{height: 40px;padding: 7px 10px;}
    .young_form .search_input button{width: 40px;height: 40px;background-size: contain;}
}

/* 셀렉트 */

.young_form select.select, .select_box .select_btn{position: relative;min-width: 180px;width: auto;padding-right: 35px;}

.young_form select.select, .select_box .select_btn{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff url("../images/template/select_arrow.png") no-repeat right 18px center;}

.select_box{display: inline-block;position: relative;z-index: 10;}
.select_box .select_btn{text-align: left;z-index: 10;background-color: #fff;}
.select_box.active .select_btn{border-color: #5c6483;}

.select_box .layer{display:none; position:absolute; top:40px; width:100%;padding-top: 4px;border-radius: 3px;border: 1px solid #5c6483;background-color: #fff;overflow: hidden;}
.select_box.active .layer{display: block;}

.select_box .layer .select_item{width: 100%;min-height:45px;padding: 5px 20px;color: #666;border: none;vertical-align: top;text-align: left;}
.select_box .layer .select_item:hover{color: #1572b8;background-color: #e9f6fe;}

@media all and (max-width: 800px) {
    .young_form select.select, .select_box .select_btn{padding-right: 22px;background-position: right 5px center;}

    .select_box .layer{top: 35px;}
    .select_box .layer .select_item{min-height: 40px;padding: 5px 10px;}
}

/* popup */

.popup{display: none;}
.popup.on {display: block;}
.popup .popup_wrap {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.7);z-index:500;text-align: center;}
.popup .popup_wrap:before {display:inline-block;width:0;height:100%;vertical-align:middle;}
.popup .pop_inner {display:inline-block;position:relative;max-width: 90%;width: 700px;/*min-height: 375px;*/margin: 10px auto 0;border-radius:20px;background-color: #fff;text-align:left;vertical-align:middle; }
.popup .pop_inner.small_popup{width: 530px;}

.popup .popup_title {padding: 28px 50px 23px; font-size: 20px;line-height: 30px;color:#173465; font-weight: 500;border-bottom: 1px solid #ebecf2;}

.popup .popup_con{padding: 20px 50px 40px;}

.popup .p-search{padding: 10px;margin-bottom: 20px;}
.popup .bbs .p-search .p-form-group{width: 100%;}
.popup .p-search .input_box{width: 100%;}

.popup .table_wrap{max-height: 340px;overflow-y: auto;}

.popup .program_table .check_wrap label, .popup .program_table .radio_wrap label{font-size: 0;min-width: auto;padding-left: 25px;margin: 0;}

.popup_close{position: absolute;top: -10px;right: -10px;width: 45px;height: 45px;background: #018d94 url(../images/program/popup_close.png) no-repeat center;border-radius: 50%;font-size: 0;line-height: 0;}

.popup .table_unit{margin-bottom: 20px;}


@media all and (max-width: 1000px) {
}

@media all and (max-width: 800px){

    .popup .p-search{margin-bottom: 10px;}
    .popup .pop_inner{min-height: 250px;border-radius: 10px}
    .popup .popup_title{padding: 10px 20px;font-size: 18px;line-height: 26px;}

    .popup .popup_con{padding: 15px;}

    .popup .table_unit{margin-bottom: 10px;}

    .popup .table_wrap{height: 215px;}

    .popup .table.program_table thead th, .popup .table.program_table tbody th, .popup .table.program_table tbody td{padding: 10px 7px;}

    .popup_close{width: 30px;height: 30px;}
}

/* step_box */

.step_box.box{padding: 60px 70px;margin-bottom: 0;border-radius: 0;}
/*.step_box.box .step_list{font-size: 0;line-height: 0;}*/
.step_box.box .step_list .step_item{float: left;position: relative;width: calc((100% - 180px) / 4);margin-right: 60px;background-color: #8b9696;text-align: center;border-radius: 3px;vertical-align: top;list-style: none;}
.step_box.box .step_list .step_item:nth-child(n + 5){float: right;margin-left: 60px;margin-right: 0;margin-top: 60px;}
.step_box.box .step_list .step_item:nth-child(n + 9){float: left;margin-right: 60px;margin-left: 0;}
.step_box.box .step_list .step_item:first-child{background-color: #076ebb;}
.step_box.box .step_list .step_item:last-child{background-color: #01a4aa;}
.step_box.box .step_list .step_item:nth-child(4n){margin-right: 0;margin-left: 0;}

.step_box.box .step_list .step_item:before{display: block;position: absolute;top: calc(50% - 17px);right: -22px;width:35px;height: 35px;background-color: #fff;border-radius: 50%;box-shadow: 3px 4px 12px 0 rgba(68, 76, 90, 0.4);font-size: 0;line-height: 0;}
.step_box.box .step_list .step_item:nth-child(n + 5):before{right: calc(100% - 13px);}
.step_box.box .step_list .step_item:nth-child(n + 9):before{right: -22px;}
.step_box.box .step_list .step_item:nth-child(4n):before{top: calc(100% - 13px);right: calc(50% - 17px);}

.step_box.box .step_list .step_item:last-child:before{display: none;}

.step_box.box .step_list .step_item:after{display: block;position: absolute;top: calc(50% - 17px);right: -22px;width:35px;height: 35px;background: url("../images/template/step_arrow.png");}
.step_box.box .step_list .step_item:nth-child(n + 5):after{right: calc(100% - 13px);transform: rotate(180deg);}
.step_box.box .step_list .step_item:nth-child(n + 9):after{right: -22px;transform: rotate(0);}
.step_box.box .step_list .step_item:nth-child(4n):after{top: calc(100% - 13px);right: calc(50% - 17px);transform: rotate(90deg);}

.step_box.box .step_list .step_item:last-child:after{display: none;}

.step_box.box .step_list .step_item .step_inner{display: table;width: 100%;min-height: 65px;padding: 15px;font-size: 16px;line-height: 24px;font-weight: 500;letter-spacing: -0.02em;color: #fff;}
.step_box.box .step_list .step_item span{display: table-cell;width: 100%;vertical-align: middle;}

@media all and (min-width: 1501px) {

}
@media all and (max-width: 1500px){
    .step_box.box .step_list .step_item{width: calc((100% - 120px) / 3);}
    .step_box.box .step_list .step_item:nth-child(n + 4){float: right;margin-left: 60px;margin-right: 0;margin-top: 60px;}
    .step_box.box .step_list .step_item:nth-child(n + 7){float: left;margin-right: 60px;margin-left: 0;}
    .step_box.box .step_list .step_item:nth-child(n + 10){float: right;margin-left: 60px;margin-right: 0;margin-top: 60px;}
    .step_box.box .step_list .step_item:nth-child(3n){margin-right: 0;margin-left: 0;}

    .step_box.box .step_list .step_item:nth-child(n + 4):before{top: calc(50% - 17px);right: calc(100% - 13px);}
    .step_box.box .step_list .step_item:nth-child(n + 7):before{right: -22px;}
    .step_box.box .step_list .step_item:nth-child(n + 10):before{top: calc(50% - 17px);right: calc(100% - 13px);}
    .step_box.box .step_list .step_item:nth-child(3n):before{top: calc(100% - 13px);right: calc(50% - 17px);}

    .step_box.box .step_list .step_item:nth-child(n + 4):after{top: calc(50% - 17px);right: calc(100% - 13px);transform: rotate(180deg);}
    .step_box.box .step_list .step_item:nth-child(n + 7):after{right: -22px;transform: rotate(0);}
    .step_box.box .step_list .step_item:nth-child(n + 10):after{top: calc(50% - 17px);right: calc(100% - 13px);transform: rotate(180deg);}
    .step_box.box .step_list .step_item:nth-child(3n):after{top: calc(100% - 13px);right: calc(50% - 17px);transform: rotate(90deg);}
}

@media all and (max-width: 1240px) {
    .step_box.box{padding: 30px;}

    .step_box.box .step_list .step_item{width: calc((100% - 60px) / 3);margin-right: 30px;}
    .step_box.box .step_list .step_item:nth-child(n + 4){margin-left: 30px;margin-right: 0;margin-top: 30px;}
    .step_box.box .step_list .step_item:nth-child(n + 7){margin-right: 30px;margin-left: 0;}
    .step_box.box .step_list .step_item:nth-child(n + 10){margin-left: 30px;margin-right: 0;margin-top: 30px;}
    .step_box.box .step_list .step_item:nth-child(3n){margin-right: 0;margin-left: 0;}
}

@media all and (max-width: 1000px) {
    .step_box.box .step_list .step_item{width: calc((100% - 30px) / 2);}
    .step_box.box .step_list .step_item:nth-child(n + 3){float: right;margin-left: 30px;margin-right: 0;margin-top: 30px;}
    .step_box.box .step_list .step_item:nth-child(n + 5){float: left;margin-right: 30px;margin-left: 0;}
    .step_box.box .step_list .step_item:nth-child(n + 7){float: right;margin-left: 30px;margin-right: 0;margin-top: 30px;}
    .step_box.box .step_list .step_item:nth-child(n + 9){float: left;margin-right: 30px;margin-left: 0;}
    .step_box.box .step_list .step_item:nth-child(2n){margin-right: 0;margin-left: 0;}

    .step_box.box .step_list .step_item:nth-child(n + 2):before{top: calc(50% - 17px);right: calc(100% - 13px);}
    .step_box.box .step_list .step_item:nth-child(n + 4):before{right: -22px;}
    .step_box.box .step_list .step_item:nth-child(n + 6):before{top: calc(50% - 17px);right: calc(100% - 13px);}
    .step_box.box .step_list .step_item:nth-child(n + 8):before{right: -22px;}
    .step_box.box .step_list .step_item:nth-child(2n):before{top: calc(100% - 13px);right: calc(50% - 17px);}

    .step_box.box .step_list .step_item:nth-child(n + 2):after{top: calc(50% - 17px);right: calc(100% - 13px);transform: rotate(180deg);}
    .step_box.box .step_list .step_item:nth-child(n + 4):after{right: -22px;transform: rotate(0);}
    .step_box.box .step_list .step_item:nth-child(n + 6):after{top: calc(50% - 17px);right: calc(100% - 13px);transform: rotate(180deg);}
    .step_box.box .step_list .step_item:nth-child(n + 8):after{right: -22px;transform: rotate(0);}
    .step_box.box .step_list .step_item:nth-child(2n):after{top: calc(100% - 13px);right: calc(50% - 17px);transform: rotate(90deg);}
}

@media all and (max-width: 800px) {
    .step_box.box .step_list .step_item{width: 100%;margin-left: 0;margin-right: 0;}
    .step_box.box .step_list .step_item:nth-child(n + 2){margin-top: 30px;}

    .step_box.box .step_list .step_item .step_inner{font-size: 14px;line-height: 20px;}

    .step_box.box .step_list .step_item:before{top: calc(100% - 10px);right: calc(50% - 12px);width: 25px;height: 25px;}
    .step_box.box .step_list .step_item:nth-child(n + 2):before{top: calc(100% - 10px);right: calc(50% - 12px);}
    .step_box.box .step_list .step_item:nth-child(n + 4):before{top: calc(100% - 10px);right: calc(50% - 12px);}
    .step_box.box .step_list .step_item:nth-child(n + 6):before{top: calc(100% - 10px);right: calc(50% - 12px);}
    .step_box.box .step_list .step_item:nth-child(n + 8):before{top: calc(100% - 10px);right: calc(50% - 12px);}

    .step_box.box .step_list .step_item:after{top: calc(100% - 10px);right: calc(50% - 12px);width: 25px;height: 25px;transform: rotate(90deg);background-size: contain;}
    .step_box.box .step_list .step_item:nth-child(n + 2):after{top: calc(100% - 10px);right: calc(50% - 12px);transform: rotate(90deg);}
    .step_box.box .step_list .step_item:nth-child(n + 4):after{top: calc(100% - 10px);right: calc(50% - 12px);transform: rotate(90deg);}
    .step_box.box .step_list .step_item:nth-child(n + 6):after{top: calc(100% - 10px);right: calc(50% - 12px);transform: rotate(90deg);}
    .step_box.box .step_list .step_item:nth-child(n + 8):after{top: calc(100% - 10px);right: calc(50% - 12px);transform: rotate(90deg);}

}

.col_wrap .col_item{float: left;width: calc((100% - 20px) / 2);margin-right: 20px;margin-bottom: 20px;}
.col_wrap .col_item:nth-child(2n){margin-right: 0;}

.limit_box.box{padding: 45px 50px 40px;border-radius: 0;}
.limit_box .box_wrap{position: relative;padding-left: 130px;}

.limit_box .box_wrap:before{display: block;position: absolute;top: 4px;left: 0;width: 90px;height: 90px;border-radius: 34px;background: #1777ee url("../images/contents/limit_icon.png") no-repeat;box-shadow: 6px 10px 20px 0 rgba(23, 119, 238, 0.2);}
.limit_box.type2 .box_wrap:before{background-position-x: -90px;}
.limit_box.type3 .box_wrap:before{background-position-x: -180px;}
.limit_box.type4 .box_wrap:before{background-position-x: -270px;}

.limit_box .box_title{font-size: 24px;line-height: 30px;color: #005fb1;font-weight: 500;letter-spacing: -0.035em;}

@media all and (max-width: 1500px) {
    .limit_box.box{padding: 30px;}
}

@media all and (max-width: 1000px) {
    .col_wrap .col_item {width: 100%;margin-right: 0;}
}

@media all and (max-width: 800px) {
    .limit_box.box{padding: 15px;}
    .limit_box .box_wrap{padding-left: 0;padding-top: 100px;}
    .limit_box .box_wrap:before{top: 0;left: calc(50% - 35px);width: 70px;height: 70px;border-radius: 30px;background-size: 400%;}
    .limit_box.type2 .box_wrap:before{background-position-x: -70px;}
    .limit_box.type3 .box_wrap:before{background-position-x: -140px;}
    .limit_box.type4 .box_wrap:before{background-position-x: -210px;}

    .limit_box .box_title{font-size: 20px;line-height: 26px;}
}