/* SUB MENU CSS */
.sub_lnb_wrap {width: 100%; background-color: #F5F5F6;}
.sub_lnb_wrap .sub_menu_wrap {width:1110px; line-height: 58px; display: flex; align-items: center; justify-content: flex-start; margin: 0 auto;}
.sub_lnb_wrap .sub_menu_wrap .sub_menu {display: block; font-size: 15px; padding: 0 45px;}
.sub_lnb_wrap .sub_menu_wrap > li.active .sub_menu {background-color: #fff; color: #333;}

/*길이 분할*/
ul.col01 > li {width: 100%; box-sizing: border-box;}
ul.col03 > li {width: 32.7%; box-sizing: border-box;}
ul.col04 > li {width: 24%; box-sizing: border-box;}
ul.col04_1 > li {width: 24%; box-sizing: border-box;}
ul.col05 > li {width: 19%; box-sizing: border-box;}
ul.col05_1 > li {width: 19%; box-sizing: border-box;}
ul.col05_2 > li {width: 19%; box-sizing: border-box;}


/*//////////SUB/////////////*/
.sub_1110 {width: 1110px; margin: 0 auto;}
/*SUB01*/
.part01_wrap {width: 1110px; margin: 0 auto;}
.part01_wrap .menu_title {padding: 91px 0 61px; border-bottom: 1px solid #D9D9D9; margin-bottom: 57px;}
.menu_title > h1 {font-size: 44px; font-weight: 700; color: #333;}
.menu_title > p {margin-top: 8px; color: #999; font-size: 20px; font-weight: 500; letter-spacing: -1.5px;}
.part01_wrap .menu_content {padding-bottom: 65px;}
.sub_title {margin-bottom: 54px;}
.sub_title > h3 {font-size: 34px; font-weight: 600; color: #333}
.sub_title > p {font-size: 18px; font-weight: 500; color: #999}

.part01_wrap .sub01_img {padding: 85px 78px; background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ),url('/img/sub/sub01_img.png') no-repeat center/100% 100%; }
.part01_wrap .sub01_img > h5 {font-size: 18px; font-weight: 700; margin-bottom: 20px; color: #fff;}
.part01_wrap .sub01_img > p {font-size: 14px; color: #fff; line-height: 20px;}


.main_img {background: url('/img/sub/sub01_img02.png') repeat-x bottom/100%;}

.menu_content .coach_list {display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 18px; column-gap: 14px;}
.menu_content .coach_list .coachs { border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);  padding: 18px 20px 24px; }
.menu_content .coach_list .coachs .coach_img {width: 320px; height: 232px; background: url('/img/sub/sub01_bg.png') no-repeat center/100%; overflow: hidden;}
.menu_content .coach_list .coachs .coach_img .img {width: 51%; margin: 0 auto;}
.menu_content .coach_list .coachs .coach_img .img >img {width: 100%; height: auto;}
.menu_content .coach_list .coachs .coach_name {font-size: 23px; line-height: 29px; display: flex; align-items: center; justify-content: space-between; margin: 23px 0 17px;}
.menu_content .coach_list .coachs .coach_name .tag { background-color: #002F81; font-size: 18px; color: #fff; padding: 0 22px; border-radius: 30px ; -webkit-border-radius: 30px ; -moz-border-radius: 30px ; -ms-border-radius: 30px ; -o-border-radius: 30px ; }
.menu_content .coach_list .coachs .coach_desc {font-size: 16px; font-weight: 600;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.menu_content .sub_info {margin-bottom: 123px;}

.menu_content .sub_info .class_method {width: 100%; text-align: left; margin-bottom: 40px;}
.menu_content .sub_info .class_method th {padding: 27px 43px; background-color:#fafafa; font-size: 16px; font-weight: 700; color: #333; border-bottom: 4px solid #fff;border-right: 10px solid #fff; }
.menu_content .sub_info .class_method td {padding: 42px 43px; font-size: 16px; font-weight: 500; color: #333; vertical-align: text-top; border-right: 10px solid #fff; letter-spacing: -0.8px; height: 354px;}
.menu_content .sub_info .class_method th:last-child,
.menu_content .sub_info .class_method td:last-child {border-right: none;}
.menu_content .sub_info .class_method td.face {background: #E8F6FF url('/img/sub/sub01_face.png') no-repeat right bottom;}
.menu_content .sub_info .class_method td.none_face {background: #EDF3FF url('/img/sub/sub01_none_face.png') no-repeat right bottom;}

.class_img_wrap .class_img,
.menu_content .sub_info .class_img {display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 23px; margin-bottom: 21px;}
.class_img_wrap .class_img > li,
.menu_content .sub_info .class_img > li { padding-bottom: 100%; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.class_img_wrap .class_img > li.class_img01,
.menu_content .sub_info .class_img > li.class_img01 {background: #aaa url(/img/sub/sub01_img03.png) no-repeat center/cover;}
.class_img_wrap .class_img > li.class_img02,
.menu_content .sub_info .class_img > li.class_img02 {background: #aaa url(/img/sub/sub01_img04.png) no-repeat center/cover;}
.class_img_wrap .class_img > li.class_img03,
.menu_content .sub_info .class_img > li.class_img03 {background: #aaa url(/img/sub/sub01_img05.png) no-repeat center/cover;}
.class_img_wrap .class_img > li.class_img04,
.menu_content .sub_info .class_img > li.class_img04 {background: #aaa url(/img/sub/sub01_img06.png) no-repeat center/cover;}

.menu_content .sub_info .how_to_come {display: grid; grid-template-columns: 1fr 1fr; column-gap: 10px; align-items: stretch;}
.menu_content .sub_info .how_to_come > li {padding: 37px 39px 20px; background-color: #fafafa;}
.menu_content .sub_info .how_to_come > li > h5 {font-size: 16px; font-weight: 700; color: #333; padding-bottom: 15px; border-bottom: 1px solid #d9d9d9; margin-bottom: 23px;}
.menu_content .sub_info .how_to_come > li > table td {padding-bottom: 30px; font-size: 16px; color: #999; font-weight: 700;}
.menu_content .sub_info .how_to_come > li p {font-size: 16px; color: #999; font-weight: 700;}

.coach_infos_bg {width: 100%; position: relative; background: url('/img/sub/sub01_bg2.png') 100% 100%; overflow: hidden;}
.coach_infos_bg::before { content: ''; position: absolute; background: rgba(0, 47, 129, 0.6); z-index: -1; inset: 0;}
.coach_infos {width: 1110px; margin: 0 auto; padding: 115px 0 110px;  color: #fff; position: relative; }
.coach_infos > h2 {font-size: 50px; font-weight: 700;}
.coach_infos .batch {position: relative;}
.coach_infos .batch::after{ content: url('/img/sub/batch.png'); position: absolute; top: 59%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.coach_infos .careers {color: #333; padding: 55px 67px; margin-top: 40px; width: 100%; min-height: 574px; background-color: rgba(255, 255, 255, 0.8); border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; }
.coach_infos .careers .career_title1 {font-size: 24px; font-weight: 900; position: relative; margin-left: -15px; margin-bottom: 4px;}
.coach_infos .careers .career_title1::before {content: "·"; margin-right: 5px;}

.coach_infos .careers .text_box1 {width: 70%; font-size: 20px; font-weight: 400; overflow: hidden; font-family: 'SUIT', sans-serif; width:74%; line-height: 27px; }
/* .coach_infos .careers .text_box1 > pre {font-size: 20px; font-weight: 600; overflow: hidden; font-family: 'SUIT', sans-serif; width:74%; line-height: 27px;} */
.coach_infos .coach_img {position: absolute; bottom: -10px; right: -180px; width: 469px; height: 899px;}
.coach_infos .coach_img > img {height: 100%}

.sub_review {background-color: #FAFAFA; position: relative; padding: 114px 0;}
.sub_review .review_wrap { position: relative; top:initial; left: initial; transform:initial ; -webkit-transform:initial ; -moz-transform:initial ; -ms-transform:initial ; -o-transform:initial ; }

/*SUB02*/
/*---page_title---*/
.menu_title02 {position: relative; box-sizing: border-box; padding: 131px 0 144px; margin-bottom: 89px;}
.menu_title02.sub02_img {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub02_main.png') no-repeat center/100% 100%; }
.menu_title02 .menu_info { width: 1110px; color: #fff;  margin: 0 auto;}
.menu_title02 .menu_info > h1 {font-size: 44px;}
.menu_title02 .menu_info > h3 {font-size: 24px;}
.menu_sub_title02 {position: relative; box-sizing: border-box; padding: 115px 0; background-color: #002F81;}
.menu_sub_title02 .menu_info { width: 1110px; color: #fff;  margin: 0 auto;}
.menu_sub_title02 .menu_info > h2 {font-size: 34px;}
.menu_sub_title02 .menu_info > p {font-size: 18px;}

.part_wrap .bg_blue {background-color: #002F81}

.menu_content {width: 1110px; margin: 0 auto;}
.menu_content h4 {font-size: 34px;}
.menu_content .message {border: 1px solid #ddd; background: #fff; font-size: 20px; line-height: 78px; color: #999; text-align: center; margin: 30px 0;}
.menu_content .letter_btn_wrap { background-color: #002F81; padding: 41px 55px; border-radius:16px ; -webkit-border-radius:16px ; -moz-border-radius:16px ; -ms-border-radius:16px ; -o-border-radius:16px ; }
.menu_content .letter_btn_wrap .letter_btn {display: flex; align-items: center; justify-content: space-between;}
.menu_content .letter_btn_wrap .letter_btn .letter_go { background-color: #fff; font-size: 18px; color: #333; text-align: center; padding: 14px 34px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

.step_table_wrap {position:relative;}
.step_table {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 200px 510px 812px 452px; padding-top: 135px; }
.step_table > li {border-bottom: 1px solid #D9D9D9;}
.step_table > li:nth-child(2n-1) {border-right: 1px solid #D9D9D9;}
.step_table .step_box {position: relative;}

.step_table .step_box .step_tag { display: inline-block; color:#fff; font-weight: 700; padding: 13px 39px; border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; }
.step_table .step_box .step_tag.tag01 {background-color: #004BCD;}
.step_table .step_box .step_tag.tag02 {background-color: #002F81;}
.step_table .step_box .position01 { position: absolute; top: 0; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }
.step_table .step_box h5 {line-height: 54px; font-size: 16px; font-weight: 500; color: #333;}
.step_table .step_box p {font-size: 16px; font-weight: 500; color: #999;}
.step_table .step_box .ps_box {padding-left: 47px; color: #999; font-weight: 500; position: relative;}
.step_table .step_box .ps_box::before { content: "★"; color: #fff; padding: 9px 11px; background-color: #FFC800; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; position: absolute; top: 50%; left: 19px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.step_table .step_box .center_box { position: absolute; top: 50%; left: 55px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.step_table_wrap .tag_box > div { position: absolute; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; width: 120px; background-color: #d9d9d9; color: #fff; font-weight: 700; line-height: 46px; border-radius: 30px; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.step_table_wrap .tag_box .before {top: 310px;}
.step_table_wrap .tag_box .ing {top: 820px;}
.step_table_wrap .tag_box .after {top: 1632px;}
.step_table_wrap .pass_box {background-color: #FFC800; color: #333; line-height: 124px; position: relative; text-align: center; margin-bottom: 28px;}
.step_table_wrap .pass_box .pass { background-color: #FFC800; border-radius: 30px; padding: 0 38px; line-height: 46px; color: #333; font-weight: 700; position: absolute; top:-23px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

.step_table .step_box.box04 {background: url("/img/sub/sub_step01.png") no-repeat center bottom 100%}
.step_table .step_box.box05_01 {background: url("/img/sub/sub_step02_01.png") no-repeat center/100% 100%}
.step_table .step_box.box05_02 {background: url("/img/sub/sub_step02_02.png") no-repeat center/100% 100%}
.step_table .step_box.box05_03 {background: url("/img/sub/sub_step02_03.png") no-repeat center/100% 100%}
.step_table .step_box.box05_04 {background: url("/img/sub/sub_step02_04.png") no-repeat center/100% 100%}
.step_table .step_box.box07 {background: url("/img/sub/sub_step03.png") no-repeat center}


/*---기본 안내 리스트---*/
.menu_content .info_list > li {position: relative; font-size: 16px; font-weight: 500; padding-left: 30px; margin-bottom: 12px; color: #999}
.menu_content .info_list > li::before { width: 20px; height: 20px; position: absolute; top: 50%; left: 0; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
/*---남색리스트---*/ 
.menu_content .info_list.info_list01 > li::before { content: url( "/img/sub/tag1.png" ); }
/*---회색 리스트---*/
.menu_content .info_list.info_list02 {margin-top: 22px; border-top: 1px solid #ddd;}
.menu_content .info_list.info_list02 > li::before { content: url( "/img/sub/tag2.png" );}

/*---도움안내---*/
.menu_content .help_you {border-top: 1px solid #ddd; padding-top: 37px; margin-top: 30px; text-align: center; color:#333; font-size: 24px;}
.menu_content .help_you .help {padding-left: 30px; position: relative;}
.menu_content .help_you .help::before { content: url( "/img/sub/help_tag.png" ); position: absolute; top: 66%; left: 0; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }

/*--- step list ---*/
.menu_content .step_list01 {display: flex; align-items: stretch; justify-content: space-between;}
.menu_content .step_list01 > li {border: 1px solid #ddd; text-align: center; padding: 45px 0;}
.menu_content .step_list01 > li.step_end {background-color: #002F81;}
.menu_content .step_list01 .step_tag { padding: 0 40px; background-color: #002F81; font-weight: 700; font-size: 18px; line-height: 50px; border-radius:25px ; -webkit-border-radius:25px ; -moz-border-radius:25px ; -ms-border-radius:25px ; -o-border-radius:25px ; color: #fff; display: inline-block;}
.menu_content .step_list01 > li.step_end .step_tag {background-color: #fff; color: #002F81;}
.menu_content .step_list01 > li.step_end .step_desc {color: #ffffff;}
.menu_content .step_list_detail {border-top: 1px solid #ddd;}

/*---빠른상담 신청하기----*/
.past_consult_wrap {background-color: #002F81; display: flex; align-items: center; justify-content: space-between; padding: 19px 21px; box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.15);}
.past_consult_wrap .app_wrap {width: 100%; background-color: #fff; padding: 9px 16px; display: flex; align-items: center; justify-content: space-between;}
.past_consult_wrap .app_wrap .text_box {display: flex; align-items: center; justify-content: space-between;}
.past_consult_wrap .app_wrap .text_box label {text-align: center;}
.past_consult_wrap .app_wrap .text_box input {border: 1px solid #ccc; padding: 11px 10px; width:100%}
.past_consult_wrap .app_wrap .text_box select {border: 1px solid #ccc; padding: 10px 14px; width: 100%; font-size: 14px; height: 44px;}
.past_consult_wrap .app_wrap .text_box input::placeholder {font-size: 14px; color: #ccc;}
.past_consult_wrap .app_wrap .app_btn_wrap > li {position: relative;}
.past_consult_wrap .app_wrap .app_btn_wrap input[type="checkbox"] {display: none;}
.past_consult_wrap .app_wrap .app_btn_wrap input[type="checkbox"] + label:before {
    display: block;    
    position: absolute; top: 50%; left: 0px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
    content: "";
    width: 12px; height: 12px;
    background: url(/img/icon/checkbox1.png) no-repeat center / cover;
}
.past_consult_wrap .app_wrap .app_btn_wrap input[type="checkbox"]:checked + label:before {
    background: url(/img/icon/checkbox2.png) no-repeat center / cover;
}
.past_consult_wrap .app_wrap .app_btn_wrap label, .past_consult_wrap .app_wrap .app_btn_wrap span {font-size: 12px; color:#ccc; line-height: 21px;}

.past_consult_wrap .app_wrap .app_btn_wrap .app_btn {background-color: #333; font-size: 18px; line-height: 45px;  text-align: center; color: #fff;}


/*--- step list 상세내용---*/
.step_info_table {display: grid; grid-template-columns: 30% 70%; align-content: stretch; row-gap: 64px;}
.step_info_table .step_title {font-size: 20px; font-weight: 700; color:#002F81; position: relative; padding-left: 16px;}
.step_info_table .step_title::before {content: ""; width: 4px; height: 24px; background-color: #002F81; position: absolute; top: 1px; left: 0;}
.step_info_table .step_desc {font-size: 18px; color: #999}


/*SUB03*/
.menu_title02.sub03_01_img {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub03_01_main.png') no-repeat center/100% 100%;}
.menu_title02.sub03_02_img {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub03_02_main.png') no-repeat center/100% 100%;}
.menu_title02.sub03_03_img {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub03_03_main.png') no-repeat center/100% 100%;}
.menu_title02.sub03_04_img {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub03_04_main.png') no-repeat center/100% 100%;}
.menu_content .h3_side {padding-left: 10px;}
.menu_content .mg30 {margin-top:30px;}
.menu_content .step_list01 > li.step_end .last_mid {margin-top:64px;}
/*SUB03_회색리스트*/
.part_wrap .menu_content .info_list.info_list02_1 > li::before { content: url( "/img/sub/tag2.png" );}
/*--- step list01-1 ---*/
.part_wrap .menu_content .step_list01_1 > li {border: 1px solid #ddd; text-align: left; padding: 34px 34px 0 34px;}
.part_wrap .menu_content .step_list01_1 > li.step_end {background-color: #002F81;}
.part_wrap .menu_content .step_list01_1 .step_tag { padding: 0 29px; background-color: #002F81; font-size: 24px; line-height: 50px; border-radius:25px ; -webkit-border-radius:25px ; -moz-border-radius:25px ; -ms-border-radius:25px ; -o-border-radius:25px ; color: #fff; display: inline-block;}
.part_wrap .menu_content .step_list01_1 > li.step_end .step_tag {background-color: #fff; color: #002F81;}
.part_wrap .menu_content .step_list01_1 .step_desc {height: 75px; color: #999;}
.part_wrap .menu_content .step_list01_1 > li.step_end .step_desc {color: #ffffff;}
.part_wrap .menu_content .step_list_detail {border-top: 1px solid #ddd;}
/*--- type list ---*/
.part_wrap .menu_content .type_list01 {display: flex; align-items: stretch; justify-content: space-between;}
.part_wrap .menu_content .type_list01 > li {line-height: 100px; text-align: center;}
.part_wrap .menu_content .type_list01 > li.type_end {background-color: #002F81;}
.part_wrap .menu_content .type_list01 .type_tag {font-size: 24px; line-height: 50px; display: inline-block;}
.part_wrap .menu_content .type_list01 > li.type_end .type_tag {color: #fff;}


.level_list {padding: 94px 0;}
.level_list > li {padding: 41px 40px; height: 208px; border: 1px solid #ddd;}
.level_list > li > span.level_tag { line-height: 50px; background-color: #002F81; color: #fff; display: inline-block; font-size: 24px; font-weight: 700; padding: 0 57px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.level_list > li > p {font-size: 20px; font-weight: 500; color: #999; margin-top: 23px; letter-spacing: -1px;}


/*SUB04*/
.menu_info_wrap.menu_info_wrap03 {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub04_main.png') no-repeat center/101%; }
.menu_info_wrap.menu_info_wrap03_1 {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub04-1_main.png') no-repeat center/101%; }
.menu_info_wrap.menu_info_wrap03_2 {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub04-2_main.png') no-repeat center/101%; }
.menu_info_wrap.menu_info_wrap03_3 {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub04-3_main.png') no-repeat center/101%; }
.menu_info_wrap.menu_info_wrap03_4 {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub04-4_main.png') no-repeat center/101%; }
.menu_info_wrap.menu_info_wrap03_5 {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub04-5_main.png') no-repeat center/101%; }

/*---도움안내---*/
.part_wrap .menu_content .help_you {border-top: 1px solid #ddd; padding-top: 37px; margin-top: 30px; text-align: center; color:#333; font-size: 24px;}
.part_wrap .menu_content .help_you .help_1 {padding-left: 30px; position: relative;}
.part_wrap .menu_content .help_you .help_1::before { content: url( "/img/sub/help_tag.png" ); position: absolute; top: 34%; left: 0; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }

/*---message-2---*/
.part_wrap .menu_content .message_1 {border: 1px solid #ddd; background: #fff; font-size: 20px; padding:30px 0; color: #999; text-align: center; margin: 30px 0;}


/*SUB05*/
.menu_title02.sub05_01_img {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub05_01_main.png') no-repeat center/100% 100%;}
.menu_title02.sub05_02_img {background:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url('/img/sub/sub05_02_main.png') no-repeat center/100% 100%;}
.school_apart {display: flex; align-items: center; justify-content: space-between; margin-top: 45px;}
.school_apart > li {text-align: center;}
.school_apart > li > i {position: relative; display: block;}
.school_apart > li.school_apart01 > i::before {content: url('/img/sub/sub05_icon01.png');}
.school_apart > li.school_apart02 > i::before {content: url('/img/sub/sub05_icon02.png');}
.school_apart > li.school_apart03 > i::before {content: url('/img/sub/sub05_icon03.png');}
.school_apart > li.school_apart04 > i::before {content: url('/img/sub/sub05_icon04.png');}
.school_apart > li.school_apart05 > i::before {content: url('/img/sub/sub05_icon05.png');}
.school_apart > li > p {position: relative; font-size: 20px; font-weight: 500; padding-left: 28px; color: #999; margin-top: 24px;}
.school_apart > li > p::before {
    content: url( "/img/sub/tag1.png" );
    position: absolute;
    top: 50%;
    left:0;
    transform:translateY(-50%) ;
    -webkit-transform:translateY(-50%) ;
    -moz-transform:translateY(-50%) ;
    -ms-transform:translateY(-50%) ;
    -o-transform:translateY(-50%) ;
    width: 20px;
    height: 20px;
}

.conpany_apart {margin-top: 35px;}
.conpany_apart > li { margin-bottom: 16px; background-color: #F4F9FB; padding: 38px 79px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15); border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.conpany_apart > li > p {font-weight: 500; font-size: 20px; position: relative;}
.conpany_apart > li > p.tag::before {content: url( "/img/sub/tag1.png" ); position: absolute; top: 50%; left: -29px; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%); width: 20px; height: 20px;}

.process_list {display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 6px; row-gap: 16px;} 
.process_list > li { padding:  48px 51px; background-color: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);  border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.process_list > li > h5 {font-size: 24px; font-weight: 700; color: #002F81}
.process_list > li > p {font-size: 24px; font-weight: 500; color: #999999}
.speech_btn { width: 90.2%; line-height: 98px; background-color: #002F81; text-align: center; margin: 0 auto; color: #fff; font-size: 34px; font-weight: 700; border-radius:60px ; -webkit-border-radius:60px ; -moz-border-radius:60px ; -ms-border-radius:60px ; -o-border-radius:60px; border: 1px solid #002F81;}
.speech_btn:hover {background-color: #fff; color:#002F81 }

.speech_apply { background-color: #F4F9FB; padding: 200px 0 50px; margin-top: -140px;}
.speech_apply .question {font-size: 24px; color: #999; padding-left: 53px; position: relative; margin-bottom: 17px; padding-bottom: 21px; border-bottom: 1px solid #D9D9D9;}
.speech_apply .question::before { content: url('/img/sub/sub05_icon06.png'); position: absolute; top: 50%; left: 13px; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.speech_apply_table {width: 100%; background-color: #fff; margin-bottom: 15px;}
.speech_apply_table td {border-bottom: 1px solid #D9D9D9; padding: 24px 29px;}
.speech_apply_table tr:last-child td {border-bottom: none}
.speech_apply_table td > label, .speech_apply_table td,
.speech_apply_table td > span {font-size: 22px; color:#333; vertical-align: middle;}
.speech_apply_table td label::before, .speech_apply_table td span::before {content: "■"; color: #002F81; margin-right: 10px;}
.speech_apply_table td input, .speech_apply_table td textarea {background-color: #F9F9F9; border: none; line-height: 58px; padding-left: 20px;}
.speech_apply_privaty {font-size: 20px; color: #999; margin-top: 14px; padding-left: 30px; position: relative; }
.input[name="agree_privaty2"] + .speech_apply_privaty::before {font-size: 20px; color: #999; padding-left: 30px;}
.agree_box {display: none;}

input[type="checkbox"] + .speech_apply_privaty::before {
    position: absolute; top: 50%; left: 0px; transform: translateY(-50%);
    font:var(--fa-font-regular); content: "\f0c8"; font-size: 20px;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.agree_box:checked + .speech_apply_privaty::before {
    font:var(--fa-font-solid); content: "\f14a";
    font-size: 20px; color: #002F81;
}

/*SUB06*/
.menu_title03 {padding: 113px 0 41px;}
.menu_title03 > h1 {font-size: 44px; color: #333; }
.menu_title03 > p {font-size: 24px; font-weight: 500; color: #999; }

.contact_wrap {display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 15px; margin: 47px 0 103px;}
.contact_wrap > li { background-color: #F4F9FB; padding: 35px 61px 39px 85px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15); border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.contact_wrap > li > h5 {font-size: 24px; font-weight: 700; line-height: 30px; color: #333; margin-bottom: 15px; position: relative;}
.contact_wrap > li > h5::before { position: absolute; top: 50%; left: -32px; width: 24px; height: 24px; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.contact_wrap > li > h5.time::before {content: url(/img/sub/sub06_icon01.png);}
.contact_wrap > li > h5.email::before {content: url(/img/sub/sub06_icon02.png);}
.contact_wrap > li > h5.call::before {content: url(/img/sub/sub06_icon03.png);}
.contact_wrap > li > p {font-size: 22px; color: #333; line-height: 30px;}

.fna_list > li { font-size: 20px; line-height: 30px; border-bottom: 1px solid #D9D9D9; position: relative;}
.fna_list .que { font-weight: 600; padding: 20px 30px; cursor: pointer;} 
.fna_list .que::before { content: 'Q'; font-weight: 600; font-size: 22px; position: absolute; top: 20px; left: 0;} 
.fna_list .ans {padding: 19px 30px 26px; display: none;}
.fna_list .ans::before { content: 'A'; font-weight: 600; font-size: 22px; color: #FF0000; position: absolute; top: 20px; left: 0;} 
.fna_list .ans.active {display: block;}

.hire_wrap {padding: 72px 81px; width: 1110px; margin: 0 auto; background-color: #fff; margin-bottom: 30px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);}
.hire_wrap .hire_table {width: 100%; text-align: left;}
.hire_wrap .hire_table td > h5, .hire_wrap .hire_table th {font-size: 24px; font-weight: 700; color: #333; line-height: 30px;  padding-bottom: 21px;}
.hire_wrap .hire_table td {font-size: 22px; color: #333; line-height: 30px;  padding-bottom: 21px;}
.hire_wrap .hire_table td > .bar {position: relative;}
.hire_wrap .hire_table td > .bar::after { content: ""; width: 1px; height: 30px; background-color: #d9d9d9; position: absolute; top: 50%; right: -36px; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.hire_wrap .hire_table .procedure_list {display: flex; align-items: center; justify-content: space-between;}
.hire_wrap .hire_table .procedure_list > li {display: flex; align-items: center; justify-content: flex-start; position: relative;}
.hire_wrap .hire_table .procedure_list > li::after { content: ">"; font-size: 22px; line-height: 30px; position: absolute; top: 50%; right: -45px; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.hire_wrap .hire_table .procedure_list > li:last-child::after { content: none }
.hire_wrap .hire_table .procedure_list > li .icon.icon01::before{content: url(/img/sub/sub06_icon04.png); margin-right: 19px;}
.hire_wrap .hire_table .procedure_list > li .icon.icon02::before{content: url(/img/sub/sub06_icon05.png); margin-right: 19px;}
.hire_wrap .hire_table .procedure_list > li .icon.icon03::before{content: url(/img/sub/sub06_icon06.png); margin-right: 19px;}

.benefit_wrap {display: grid; grid-template-columns: 1fr 0.5fr 0.5fr 1fr; row-gap: 18px; column-gap: 15px; width: 1110px; margin: 0 auto; align-items: stretch;}
.benefit_wrap > li {box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);}
.benefit_wrap > li:nth-child(2) {grid-column: auto / span 2;}
.benefit_wrap > li:nth-child(4) {grid-column: auto / span 2;}
.benefit_wrap > li:nth-child(5) {grid-column: auto / span 2;}
.benefit_wrap > li > h3 {line-height: 70px; background-color: #002F81; color: #fff; font-size: 24px; font-weight: 700; padding-left: 81px; position: relative;}
.benefit_wrap > li > h3::before { content: url(/img/sub/sub06_icon07.png); position:absolute; top: 54%; left: 41px; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }
.benefit_wrap > li .benefit_info {background-color: #fff; padding: 30px 44px; height: calc(100% - 70px);}
.benefit_wrap > li .benefit_info > h5 {font-size: 24px; font-weight: 700; margin-bottom: 27px;}
.benefit_wrap > li .benefit_info > p {font-size: 22px; line-height: 28px;}

.review_list .review_item {display: flex; align-items: flex-start; justify-content: space-between; padding: 16px; border-bottom: 1px solid #d9d9d9;}
.review_list .review_item:nth-child(10n), .review_list .review_item:last-child {border-bottom: none;}
.review_list .review_item .review_sex {width:153px; height: 153px;}
.review_list .review_item .review_content {width:calc(100% - 161px); min-height: 153px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); padding: 24px 33px;}
.review_list .review_item .review_content > h5 {font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 22px;}
.review_list .review_item .review_content .star { color: #fff; margin-right: 20px; background-color: #FFC800; padding: 0 16px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.review_list .review_item .review_content .review_desc {font-size: 18px;}



/*SUB07*/
.consulting_wrap { background: #fff; border-radius:30px ; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; padding: 41px 60px; box-shadow: 0px 2px 2px 0 rgba(0, 0, 0, 0.25);}
.consulting_wrap .privacy {width: 100%; height: 200PX; background-color: #F9F9F9; margin: 28px 0 9px;}

.consulting_list .items {display: flex; align-items: baseline; justify-content: space-between; padding: 28px 0; border-bottom: 1px solid #D9D9D9; position: relative;}
.consulting_list .items.start {align-items: flex-start;}
.consulting_list .items .item_title {width: 25%; }
.consulting_list .items .item_title > p {font-size: 24px; font-weight: 700; padding-left: 30px; position: relative;}
.consulting_list .items .item_title > p::before {content: "■"; color: #002F81; position: absolute; left: 0; top: 0px;}
.consulting_list .items .item_title .vital::after {content: "*"; color: red; margin-left: 5px;} 
.consulting_list .items .info_box {width: 75%;}
.consulting_list .items .check_item {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-row-gap: 10px; grid-column-gap: 10px;}
.consulting_list .items .check_item input[type="checkbox"], 
.consulting_list .items .check_item input[type="radio"] {display: none;}
.consulting_list .items .check_item input[type="checkbox"] + label,
.consulting_list .items .check_item input[type="radio"] + label {border: 1px solid #F9F9F9; background-color: #F9F9F9; line-height: 58px; text-align: center; color: #555; font-size: 20px; cursor: pointer;}
.consulting_list .items .check_item input[type="checkbox"]:checked + label,
.consulting_list .items .check_item input[type="radio"]:checked + label {border: 1px solid #002F81; color: #002F81}
.consulting_wrap .privacy textarea,
.consulting_list .items textarea {border: none; background-color: #F9F9F9;}

.btn_submit {border: 1px solid #002F81; background-color: #002F81; color: #fff; line-height:58px; font-size: 24px; font-weight: 700; text-align: center; width: 177px; margin: 53px auto 0}
.btn_submit:hover {background-color: #fff; color: #002F81}




/*JOIN*/
.tab_menu {display: flex; align-items: center; justify-content: center; border: 1px solid #D9D9D9; margin-bottom: 15px;}
.tab_menu > li,
.tab_menu > li > a {flex-grow: 1; text-align: center; line-height: 70px; border-right: 1px solid #D9D9D9; font-size: 22px; color: #999; position: relative;}
.tab_menu > li:last-child {border-right: none;}
.tab_menu > li.active, 
.tab_menu > li.active > a {color: #002F81;}
.tab_menu > li.active::before {content: ""; height: 4px; width: 100%; border-bottom: 4px solid #002F81; position: absolute; bottom: 0; left: 0;}

.terms {padding: 31px 43px; border: 1px solid #D9D9D9; display: flex; align-items: center; justify-content: space-between; margin-bottom: 7px;}
.terms .left label {font-size: 22px; font-weight: 600; color: #333}
.terms .left input[type="checkbox"] {display:none;}
.terms .left input[type="checkbox"] + label::before {content:"\f058"; display: inline-block; font: var(--fa-font-regular); margin-right: 14px; cursor: pointer;}
.terms .terms_btn {width: 177px; font-size: 22px; font-weight: 700; color: #fff;  background-color: #002F81; line-height: 58px; border: none; text-align: center; cursor: pointer;}
.terms .terms_btn:disabled {background-color: #999;}
.terms .left input[type="checkbox"]:checked + label::before {content:"\f058"; display: inline-block; font: var(--fa-font-solid); margin-right: 14px; cursor: pointer; color:#002F81; }

.term_info {padding: 12px 0 19px; color: #333;}


.mem_info_wrap {width: 100%; padding: 51px 43px; border: 1px solid #D9D9D9}
.mem_info_wrap .mem_info > h5 {font-size: 22px; margin-bottom: 32px; font-weight: 600; color: #002F81}
.mem_info_wrap .mem_info_row {display: grid; grid-template-columns: 15% 66% 15%; grid-column-gap: 20px; margin-bottom: 22px;}
.mem_info_wrap .mem_info_row label {font-size: 22px; font-weight: 600; line-height: 50px;}
.mem_info_wrap .mem_info_row label::after {content:"*"; color: #FF0000; margin-left: 5px;}
.mem_info_wrap .mem_info_row .middle > input {width: 100%; border: none; background-color: #F9F9F9; line-height: 30px; font-size: 20px; padding: 10px; margin-bottom: 5px;}
.mem_info_wrap .mem_info_row .middle > p {font-size: 20px; color: #999999; line-height: 30px;}
.mem_info_wrap .mem_info_row > a {display: block; color: #fff; background-color: #999999; align-self: start; text-align: center; line-height: 50px; font-size: 22px; font-family: 600;}



/*MYPAGE*/
.menu_content aside {width: 18%; }
.menu_content aside .left_menu {border-top : 1px solid #D9D9D9;}
.menu_content aside .left_menu > li {line-height: 54px; border: 1px solid #D9D9D9; border-top: none; padding-left:23px; position: relative;}
.menu_content aside .left_menu > li.active {background-color: #FAFAFA;}
.menu_content aside .left_menu > li.active::after {content: ""; height: calc(100% + 2px); width: 4px; position: absolute; top:-1px; right: -1px; background-color: #002F81;}
.menu_content aside .left_menu > li:hover {background-color: #FAFAFA ;}
.menu_content aside .left_menu > li > a {font-size: 22px; color: #999; line-height: 54px;}
.menu_content .right_info {width: 76%; min-height: 400px;}
.menu_content .right_info > h3 {font-size: 32px; color: #666; margin-bottom: 23px;}
.menu_content .right_info h5 {font-size: 18px; color: #666; margin-bottom: 5px;}
.menu_content .right_info h4 {font-size: 18px; font-weight: 700; color: #666; margin-bottom: 18px;}
.menu_content .right_info > p {font-size: 14px; color: #999; margin-bottom: 8px;}
.menu_content .right_info > p::before {content: "※"; margin-right: 5px;}
.refund_rule_wrap {margin-bottom: 18px;}
.refund_rule_wrap .refund_rule_title {font-size: 16px; color: #999; margin-bottom: 20px;}
.refund_rule_wrap .refund_rule {border: 1px solid #d9d9d9; padding: 24px 22px; font-size: 12px; color: #999} 
.refund_rule_wrap .refund_rule > ul > li::before {content:"·"; margin-right: 5px;}
.refund_rule_wrap .refund_table td {text-align: left; }
.refund_rule_wrap .refund_table td, .refund_rule_wrap .refund_table th {padding: 10px 5px;}
.pay_set_wrap #submit {width: 180px; text-align: center; background-color: #002F81; color: #fff; font-size: 16px; line-height: 60px; margin: 70px auto 0;}
.mem_info_wrap .mem_info_row.mem_info_row2 {grid-template-columns: 20% 75%}
.mem_info_wrap .mem_info_row.mem_info_row2 label,
.mem_info_wrap .mem_info_row.mem_info_row2 .title {font-size: 18px; font-weight: 600; line-height: 50px; background-color: #fff; text-align: left;}
.mem_info_wrap .mem_info_row.mem_info_row2 label::after {content: none;}
.mem_info_wrap .mem_info_row.mem_info_row2 .middle > p {font-size: 16px; color: #999999; line-height: 30px; font-weight: 400;}
.mem_info_wrap .mem_info_row.mem_info_row2 .middle > input::placeholder {font-size: 16px; color: #999}
.mem_info_wrap .mem_info_row.mem_info_row2 .middle > input {font-size: 16px;}

/*TABLE*/
.list_table01 {border-top: 1px solid #D9D9D9; text-align: center; width: 100%; color: #999} 
.list_table01 thead {background-color: #FAFAFA;}
.list_table01 tr {border-bottom: 1px solid #D9D9D9;}
.list_table01 tr th, .list_table01 tr td {line-height: 55px; vertical-align: middle;}

.list_table02 {border-top: 1px solid #666666; text-align: center; width: 100%; border-left: 1px solid #ddd;}
.list_table02 thead tr th {background-color: #FAFAFA; border-bottom: 1px solid #666; font-size: 14px; color: #666}
.list_table02 tr th, .list_table02 tr td {padding: 13px 0; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; font-size: 12px; color: #999; vertical-align: middle;}


/*PAY_REQUEST*/
.menu_content .title {text-align: center; font-size: 22px; background-color: #F9F9F9; color: #333; line-height: 60px; font-weight: 600; margin-bottom: 11px;}
.menu_content .pay_wait {border: 1px solid #D9D9D9; padding: 42px 0; text-align: center; margin-bottom: 30px;}
.menu_content .pay_wait > li {line-height: 30px; font-size: 22px;  color: #333}
.menu_content .pay_wait > li.icon {width: 60px; height: 60px; padding: 10px; margin: 0 auto 23px;}
.menu_content .pay_wait > li.icon > img{width: 100%;}
.menu_content .info_title {font-size: 22px; color: #333; margin-bottom: 15px;}
.menu_content .pay_info {border: 1px solid #D9D9D9; padding: 35px; font-size: 20px; line-height: 30px; color: #999}
.menu_content .pay_info > li::before {content: "※"; margin-right: 5px;}


/*input_box*/
.input_box input[type="number"], .input_box input[type="text"], .input_box input[type="password"],.input_box textarea {border: none; background-color: #f9f9f9; line-height: 30px; font-size: 20px; padding: 10px; width: 100%;}
.input_box2 input[type="number"], .input_box2 input[type="text"], .input_box2 input[type="password"] {border: 1px solid #dddddd; line-height: 44px; font-size: 16px; padding: 0 10px; width: 100%;}
.input_box3 {display: flex; align-items: flex-start; justify-content: space-between; text-align: left;}
.input_box3 .left {width: 30%;}
.input_box3 .right {width: 70%;}
.input_box3 label {font-size: 18px; font-weight: 600; text-align: left; line-height: 46px;}
.input_box3 input[type="number"], .input_box3 input[type="text"], .input_box3 input[type="password"] {border: 1px solid #dddddd; line-height: 44px; font-size: 16px; padding: 0 10px; width: 100%;} 
.input_box3 p {font-size: 14px; color:#7C7C7C; margin-top: 8px; height: 40px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*BTN*/
.btn_wrap_02 {width: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.btn_wrap_02 > a {width: 49%; text-align: center; line-height: 78px; color: #fff; font-size: 22px; font-weight: 700;}

/*필수값 넣기 표기*/
.vital::after {content: "*"; color: red; margin-left: 2px;} 