@charset "UTF-8";


/*서브 공통 */
footer{margin-top: 80px;}

.sub_wrap .sub_sct{margin-top: 60px;}
.bo-inner .sub_wrap .page_tit_box{padding-bottom: 30px;}
.sub_wrap .page_tit_box h2{font-size: 40px;font-weight: 600;color: #222;padding: 80px 0 30px;border-bottom: #CCCCCC solid 1px;}
.sub_wrap .sct_tit{position: relative;font-size: 28px;font-weight: 500;color: #222;padding-left: 26px;margin-bottom: 30px;}
.sub_wrap .sct_tit::after{content: '';position: absolute;top: 9px;left: 0;width: 18px;height: 18px;background: url(/html/img/sub_sct_tit_icon.png) no-repeat center/contain;}

@media screen and (max-width:1024px) {
  footer{margin-top: 60px;}

  .sub_wrap .sub_sct{margin-top: 40px;}
  .bo-inner .sub_wrap .page_tit_box{padding-bottom: 20px;}
  .sub_wrap .page_tit_box h2{font-size: 32px;padding: 40px 0 20px;}
  .sub_wrap .sct_tit{font-size: 22px;padding-left: 20px;margin-bottom: 20px;}
  .sub_wrap .sct_tit::after{top: 7px;width: 14px;height: 14px;}
}
@media screen and (max-width:768px) {
  .sub_wrap .page_tit_box h2{font-size: 26px;}
  .sub_wrap .sct_tit{font-size: 20px;margin-bottom: 16px;}
  .sub_wrap .sct_tit::after{top: 4px;}
}

.sub_sct .sub_list_box{margin-top: 30px;}
.sub_sct .sub_list_box .sub_list_tit{position: relative;font-size: 20px;font-weight: 600;color: #007FA1;padding-left: 30px;}
.sub_sct .sub_list_box .sub_list_tit::before{content: '';position: absolute;top: 3px;left: 0;width: 24px;height: 24px;background: url(/html/img/sub_list_icon.png) no-repeat center/contain;}
.sub_sct .sub_list_box .dot > li{position: relative;font-size: 16px;font-weight: 400;color: #222;line-height: 1.7;margin-top: 10px;padding-left: 12px;}
.sub_sct .sub_list_box .dot > li::before{content: '·';position: absolute;top: 0;left: 0;}
.sub_sct .sub_list_box .dot > li .bar{position: relative;display: block;font-size: 16px;font-weight: 400;color: #222;line-height: 1.7;padding-left: 12px;}
.sub_sct .sub_list_box .dot > li .bar::before{content: '-';position: absolute;top: 0;left: 0;}

@media screen and (max-width:1024px) {
  .sub_sct .sub_list_box{margin-top: 20px;}
  .sub_sct .sub_list_box .sub_list_tit{font-size: 17px;padding-left: 26px;}
  .sub_sct .sub_list_box .sub_list_tit::before{top: 2px;width: 20px;height: 20px;}
  .sub_sct .sub_list_box .dot > li{font-size: 15px;margin-top: 6px;padding-left: 10px;}
  .sub_sct .sub_list_box .dot > li .bar{font-size: 15px;padding-left: 10px;}
}










/* sub01_1 인사말 */
.sub01_1_sct1 .top_box{padding: 40px 50px;background: url(/html/img/sub01_1_img01.jpg) no-repeat center/cover;border-radius: 20px;}
.sub01_1_sct1 .top_box h3{font-size: 28px;font-weight: 600;color: #fff;line-height: 1.5;}
.sub01_1_sct1 .top_box .from{position: relative;display: block;font-size: 16px;font-weight: 500;color: rgba(255, 255, 255, 0.8);line-height: 1.6;margin-top: 30px;padding-top: 24px;}
.sub01_1_sct1 .top_box .from::before{content: '';position: absolute;top: 0;left: 0;width: 24px;height: 2px;background-color: #fff;}

.sub01_1_sct2 .intro_wrap{display: flex;gap: 24px;align-items: start;flex-wrap: wrap;margin-top: 30px;}
.sub01_1_sct2 .intro_wrap > p{width: calc(50% - 12px);font-size: 18px;font-weight: 400;color: #222;line-height: 1.7;background-color: #F9F9F9;border-radius: 20px;padding: 24px 30px;}
.sub01_1_sct2 .writer_box{margin-top: 30px;}
.sub01_1_sct2 .writer_box p{font-size: 20px;font-weight: 500;color: #222;text-align: right;}
.sub01_1_sct2 .writer_box .name{display: block;font-size: 32px;font-weight: 600;color: #222;text-align: right;margin-top: 8px;}
.sub01_1_sct2 .writer_box .name b{font-weight: 600;color: #007FA1;}

@media screen and (max-width:1024px) {
  .sub01_1_sct1 .top_box{padding: 20px 30px;}
  .sub01_1_sct1 .top_box h3{font-size: 24px;}
  .sub01_1_sct1 .top_box .from{font-size: 15px;margin-top: 20px;padding-top: 16px;}

  .sub01_1_sct2 .intro_wrap{gap: 18px;margin-top: 20px;}
  .sub01_1_sct2 .intro_wrap > p{width: calc(50% - 9px);font-size: 16px;padding: 20px 24px;}
  .sub01_1_sct2 .writer_box{margin-top: 20px;}
  .sub01_1_sct2 .writer_box p{font-size: 18px;}
  .sub01_1_sct2 .writer_box .name{font-size: 24px;margin-top: 6px;}
}
@media screen and (max-width:768px) {
  .sub01_1_sct1 .top_box{padding: 20px;border-radius: 16px;}
  .sub01_1_sct1 .top_box h3{font-size: 20px;}

  .sub01_1_sct2 .intro_wrap{background-color: #F9F9F9;border-radius: 16px;gap: 18px;margin-top: 20px;padding: 20px;}
  .sub01_1_sct2 .intro_wrap > p{width: 100%;font-size: 15px;padding: 0;background-color: transparent;border-radius: unset;}
  .sub01_1_sct2 .writer_box p{font-size: 16px;}
  .sub01_1_sct2 .writer_box .name{font-size: 22px;}
}










/* sub01_2 연혁 */
.sub01_2_sct1 .history_box{margin-top: 40px;}
.sub01_2_sct1 .history_box table{width: 100%;border-spacing: 8px;}
.sub01_2_sct1 .history_box table th{width: 300px;font-size: 18px;font-weight: 500;color: #fff;line-height: 1.7;text-align: left;padding: 18px 40px;background-color: #333;}
.sub01_2_sct1 .history_box table td{width: calc(100% - 300px);font-size: 18px;font-weight: 400;color: #222;line-height: 1.7;padding: 18px 40px;background-color: #F9F9F9;}

@media screen and (max-width:1024px) {
  .sub01_2_sct1 .history_box{margin-top: 20px;}
  .sub01_2_sct1 .history_box table{border-spacing: 6px;}
  .sub01_2_sct1 .history_box table th{width: 200px;font-size: 16px;padding: 12px 30px;}
  .sub01_2_sct1 .history_box table td{width: calc(100% - 200px);font-size: 16px;padding: 12px 30px;}  
}
@media screen and (max-width:768px) {
  .sub01_2_sct1 .history_box table th{width: 110px;font-size: 15px;padding: 12px 16px;}
  .sub01_2_sct1 .history_box table td{width: calc(100% - 110px);font-size: 15px;padding: 12px 16px;}  
}
@media screen and (max-width:320px) {
  .sub01_2_sct1 .history_box table th{font-size: 14px;}
  .sub01_2_sct1 .history_box table td{font-size: 14px;}  
}













/* sub01_3 찾아오시는길 */
.sub01_3_sct1 .address_info{padding: 28px 36px;background-color: #F9F9F9;border-radius: 20px;}
.sub01_3_sct1 .address_info > li{display: flex;gap: 10px;align-items: start;}
.sub01_3_sct1 .address_info > li:nth-child(n + 2){margin-top: 16px;}
.sub01_3_sct1 .address_info > li span{display: inline-block;font-size: 20px;font-weight: 400;color: #222;line-height: 1.5;margin-top: 3px;}
.sub01_3_sct1 .map_link{display: flex;gap: 16px;margin-top: 24px;}
.sub01_3_sct1 .map_link > li a{display: flex;gap: 10px;justify-content: center;align-items: center;padding: 20px 28px;border: #DDDDDD solid 1px;border-radius: 12px;transition: background-color 0.3s;}
.sub01_3_sct1 .map_link > li a span{font-size: 20px;font-weight: 500;color: #222;transition: color 0.3s;}
.sub01_3_sct1 .map_link > li a:hover{background-color: #222;}
.sub01_3_sct1 .map_link > li a:hover span{color: #fff;}

.sub01_3_sct2 .transport_list > li{display: flex;gap: 24px;flex-wrap: wrap;padding: 24px;background-color: #F9F9F9;border-radius: 20px;}
.sub01_3_sct2 .transport_list > li:nth-child(n + 2){margin-top: 24px;}
.sub01_3_sct2 .transport_list > li .icon_box{width: 80px;}
.sub01_3_sct2 .transport_list > li .txt_box{width: calc(100% - 104px);}
.sub01_3_sct2 .transport_list > li .txt_box h4{font-size: 20px;font-weight: 600;color: #222;}
.sub01_3_sct2 .transport_list > li .txt_box .detail{margin-top: 8px;}
.sub01_3_sct2 .transport_list > li .txt_box .detail > li{padding-bottom: 16px;}
.sub01_3_sct2 .transport_list > li .txt_box .detail > li h5{font-size: 16px;font-weight: 600;color: #007FA1;line-height: 1.7;}
.sub01_3_sct2 .transport_list > li .txt_box .detail > li .cont{display: block;font-size: 14px;font-weight: 400;color: #222;line-height: 1.7;}
.sub01_3_sct2 .transport_list > li .txt_box .detail > li:nth-child(n + 2){padding-top: 16px;border-top: #CCCCCC solid 1px;}
.sub01_3_sct2 .transport_list > li .txt_box .detail > li:last-child{padding-bottom: 0;}
.sub01_3_sct2 .transport_list > li .txt_box .detail > li .ps{font-size: 16px;font-weight: 400;color: #777;line-height: 1.7;}
.sub01_3_sct2 .transport_list > li .txt_box .detail > li .ps b{font-weight: 500;color: #007FA1;}
.sub01_3_sct2 .transport_list > li .txt_box .detail > li .ps:nth-child(n + 2){margin-top: 6px;}

@media screen and (max-width:1024px) {
  .sub01_3_sct1 .address_info{padding: 20px;border-radius: 16px;}
  .sub01_3_sct1 .address_info > li:nth-child(n + 2){margin-top: 12px;}
  .sub01_3_sct1 .address_info > li span{font-size: 16px;}
  .sub01_3_sct1 .map_link{gap: 12px;margin-top: 20px;}
  .sub01_3_sct1 .map_link > li a{padding: 16px 20px;}
  .sub01_3_sct1 .map_link > li a span{font-size: 18px;}

  .sub01_3_sct2 .transport_list > li{gap: 20px;padding: 20px;border-radius: 16px;}
  .sub01_3_sct2 .transport_list > li:nth-child(n + 2){margin-top: 18px;}
  .sub01_3_sct2 .transport_list > li .icon_box{width: 60px;}
  .sub01_3_sct2 .transport_list > li .txt_box{width: calc(100% - 80px);}
  .sub01_3_sct2 .transport_list > li .txt_box h4{font-size: 18px;}
  .sub01_3_sct2 .transport_list > li .txt_box .detail > li{padding-bottom: 12px;}
  .sub01_3_sct2 .transport_list > li .txt_box .detail > li h5{font-size: 15px;}
  .sub01_3_sct2 .transport_list > li .txt_box .detail > li:nth-child(n + 2){padding-top: 12px;}
  .sub01_3_sct2 .transport_list > li .txt_box .detail > li .ps{font-size: 15px;}
}
@media screen and (max-width:768px) {
  .sub01_3_sct1 .address_info > li:nth-child(n + 2){margin-top: 12px;}
  .sub01_3_sct1 .address_info > li img{width: 30px;}
  .sub01_3_sct1 .address_info > li span{font-size: 15px;}
  .sub01_3_sct1 .map_link{gap: 10px;flex-wrap: wrap;}
  .sub01_3_sct1 .map_link > li a{padding: 10px 16px;}
  .sub01_3_sct1 .map_link > li a span{font-size: 15px;}

  .sub01_3_sct2 .transport_list > li .icon_box{width: 100%;}
  .sub01_3_sct2 .transport_list > li .icon_box img{width: 50px;}
  .sub01_3_sct2 .transport_list > li .txt_box{width: 100%;}
}











/* sub02_1 과정소개 */
.sub02_1_sct1 .top_box{display: flex;flex-wrap: wrap;}
.sub02_1_sct1 .top_box .img_box{width: 50%;background: url(/html/img/sub02_1_img01.jpg) no-repeat center/cover;}
.sub02_1_sct1 .top_box .txt_box{width: 50%;background-color: #F9F9F9;padding: 80px 50px;}
.sub02_1_sct1 .top_box .txt_box h3{font-size: 28px;font-weight: 600;color: #222;line-height: 1.5;}
.sub02_1_sct1 .top_box .txt_box h3 b{font-weight: 600;color: #007FA1;}
.sub02_1_sct1 .top_box .txt_box p{font-size: 18px;font-weight: 400;color: #777;line-height: 1.6;margin-top: 24px;}
.sub02_1_sct1 .top_box .txt_box p + p{margin-top: 10px;}

@media screen and (max-width:1400px) {
  .sub02_1_sct1 .top_box .txt_box h3 br,
  .sub02_1_sct1 .top_box .txt_box p br{display: none;}
}
@media screen and (max-width:1024px) {
  .sub02_1_sct1 .top_box .img_box{width: 40%;}
  .sub02_1_sct1 .top_box .txt_box{width: 60%;padding: 40px 30px;}
  .sub02_1_sct1 .top_box .txt_box h3{font-size: 24px;}
  .sub02_1_sct1 .top_box .txt_box p{font-size: 16px;margin-top: 18px;}
  .sub02_1_sct1 .top_box .txt_box p + p{margin-top: 8px;}
}
@media screen and (max-width:768px) {
  .sub02_1_sct1 .top_box .img_box{width: 100%;height: 220px;}
  .sub02_1_sct1 .top_box .txt_box{width: 100%;padding: 30px 20px;}
  .sub02_1_sct1 .top_box .txt_box h3{font-size: 20px;}
  .sub02_1_sct1 .top_box .txt_box p{font-size: 16px;margin-top: 18px;}
  .sub02_1_sct1 .top_box .txt_box p + p{margin-top: 8px;}
}



.sub02_1_sct2 .sub_list_box .table_box{margin-top: 20px;}
.sub02_1_sct2 .sub_list_box .table_box table{width: 100%;border-spacing: 8px;}
.sub02_1_sct2 .sub_list_box .table_box table th{width: 200px;font-size: 16px;font-weight: 500;color: #fff;line-height: 1.7;text-align: center;padding: 12px;background-color: #333;}
.sub02_1_sct2 .sub_list_box .table_box table td{width: calc(100% - 200px);font-size: 16px;font-weight: 400;color: #222;line-height: 1.7;text-align: center;padding: 12px 112px;background-color: #F9F9F9;}
.sub02_1_sct2 .sub_list_box .ps{font-size: 16px;font-weight: 400;color: #222;line-height: 1.7;margin-top: 20px;}
.sub02_1_sct2 .sub_list_box .gray_box{padding: 20px 24px;margin-top: 20px;background-color: #F9F9F9;border-radius: 20px;}
.sub02_1_sct2 .sub_list_box .gray_box p{font-size: 16px;font-weight: 400;color: #222;line-height: 1.7;}
.sub02_1_sct2 .sub_list_box .sml_ps{font-size: 16px;font-weight: 400;color: #777;margin-top: 10px;}

@media screen and (max-width:1024px) {
  .sub02_1_sct2 .sub_list_box .table_box{margin-top: 16px;}
  .sub02_1_sct2 .sub_list_box .table_box table{border-spacing: 6px;}
  .sub02_1_sct2 .sub_list_box .table_box table th{width: 120px;font-size: 15px;padding: 8px;}
  .sub02_1_sct2 .sub_list_box .table_box table td{width: calc(100% - 120px);font-size: 15px;padding: 8px 60px;}
  .sub02_1_sct2 .sub_list_box .ps{font-size: 15px;margin-top: 16px;}
  .sub02_1_sct2 .sub_list_box .gray_box{padding: 16px 20px;margin-top: 16px;border-radius: 16px;}
  .sub02_1_sct2 .sub_list_box .gray_box p{font-size: 15px;}
  .sub02_1_sct2 .sub_list_box .sml_ps{font-size: 15px;margin-top: 8px;}
}
@media screen and (max-width:768px) {
  .sub02_1_sct2 .sub_list_box .table_box{overflow-x: auto;}
  .sub02_1_sct2 .sub_list_box .table_box table{min-width: 360px;}
}






/* sub02_3 국가시험정보 */
.sub02_3 .sub_list_box .dot > li.ps{color: #c40014;}
.sub02_3 .sub_list_box .dot > li.ps::before{display: none;}








/* sub02_4 정규과정안내 */
.sub02_4_sct1 .img_box{height: 450px;background: url(/html/img/sub02_4_img01.jpg) no-repeat center/cover;}
.sub02_4_sct1 .txt_box{background-color: #F9F9F9;padding: 40px 20px;}
.sub02_4_sct1 .txt_box p{font-size: 28px;font-weight: 500;color: #222;text-align: center;line-height: 1.6;}
.sub02_4_sct1 .txt_box p b{font-weight: 600;color: #007FA1;}

@media screen and (max-width:1024px) {
  .sub02_4_sct1 .img_box{height: 300px;}
  .sub02_4_sct1 .txt_box{padding: 30px 20px;}
  .sub02_4_sct1 .txt_box p{font-size: 20px;}
}
@media screen and (max-width:768px) {
  .sub02_4_sct1 .img_box{height: 240px;}
  .sub02_4_sct1 .txt_box{padding: 20px;}
  .sub02_4_sct1 .txt_box p{font-size: 16px;}
  .sub02_4_sct1 .txt_box p br{display: none;}
}








/* sub04_1 1급 과정소개 */
.sub04_1_sct1 .top_box{display: flex;flex-wrap: wrap;}
.sub04_1_sct1 .top_box .txt_box{width: 50%;background-color: #333;padding: 120px 50px;}
.sub04_1_sct1 .top_box .txt_box h3{font-size: 28px;font-weight: 600;color: #fff;line-height: 1.5;}
.sub04_1_sct1 .top_box .txt_box .detail{margin-top: 24px;}
.sub04_1_sct1 .top_box .txt_box .detail > li{font-size: 18px;font-weight: 400;color: #222;line-height: 1.6;padding: 8px 16px;background-color: #fff;}
.sub04_1_sct1 .top_box .txt_box .detail > li:nth-child(n + 2){margin-top: 10px;}
.sub04_1_sct1 .top_box .img_box{width: 50%;background: url(/html/img/sub04_1_img01.jpg) no-repeat center/cover;}

@media screen and (max-width:1024px) {
  .sub04_1_sct1 .top_box .txt_box{width: 60%;padding: 40px 30px;}
  .sub04_1_sct1 .top_box .txt_box h3{font-size: 24px;}
  .sub04_1_sct1 .top_box .txt_box .detail{margin-top: 20px;}
  .sub04_1_sct1 .top_box .txt_box .detail > li{font-size: 16px;padding: 6px 12px;}
  .sub04_1_sct1 .top_box .txt_box .detail > li:nth-child(n + 2){margin-top: 8px;}
  .sub04_1_sct1 .top_box .img_box{width: 40%;}
}
@media screen and (max-width:768px) {
  .sub04_1_sct1 .top_box .txt_box{width: 100%;padding: 30px 20px;order: 2;}
  .sub04_1_sct1 .top_box .txt_box h3{font-size: 20px;}
  .sub04_1_sct1 .top_box .txt_box .detail{margin-top: 16px;}
  .sub04_1_sct1 .top_box .txt_box .detail > li{padding: 5px 10px;}
  .sub04_1_sct1 .top_box .img_box{width: 100%;height: 220px;order: 1;}
}



.sub04_1_sct3 .organi_chart{text-align: center;margin-top: 20px;border: #DDDDDD solid 1px;}

@media screen and (max-width:1024px) {
  .sub04_1_sct3 .organi_chart{margin-top: 16px;}
}












/* sub04_2 1급 교육과정운영 */
.sub04_2_sct2 .table_box table{width: 100%;border-spacing: 8px;}
.sub04_2_sct2 .table_box table th{font-size: 16px;font-weight: 500;color: #fff;text-align: center;background-color: #333333;padding: 12px;}
.sub04_2_sct2 .table_box table td{font-size: 16px;font-weight: 400;color: #222;text-align: center;background-color: #F9F9F9;padding: 12px;}

@media screen and (max-width:768px) {
  .sub04_2_sct2 .table_box{overflow-x: auto;}
  .sub04_2_sct2 .table_box table{min-width: 360px;border-spacing: 6px;}
  .sub04_2_sct2 .table_box table th,
  .sub04_2_sct2 .table_box table td{font-size: 15px;padding: 10px;}
}



.sub04_2_sct3 .book_list{display: flex;gap: 30px;flex-wrap: wrap;}
.sub04_2_sct3 .book_list > li{width: calc(20% - 24px);}
.sub04_2_sct3 .book_list > li h4{font-size: 18px;font-weight: 500;color: #222;text-align: center;margin-top: 24px;}

@media screen and (max-width:1024px) {
  .sub04_2_sct3 .book_list{gap: 24px;}
  .sub04_2_sct3 .book_list > li{width: calc(33.333% - 16px);}
  .sub04_2_sct3 .book_list > li h4{font-size: 16px;margin-top: 20px;}  
}
@media screen and (max-width:768px) {
  .sub04_2_sct3 .book_list{gap: 30px 16px;}
  .sub04_2_sct3 .book_list > li{width: calc(50% - 8px);}
  .sub04_2_sct3 .book_list > li h4{font-size: 15px;margin-top: 16px;}  
}