/* 기본세팅 */
@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css");

* { margin: 0; padding: 0; font-family: 'SUITE-Regular', sans-serif; letter-spacing: -1px;}
html {
    -webkit-text-size-adjust: 100%;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}
*::-webkit-scrollbar{
    width: 8px;
}
*::-webkit-scrollbar-thumb {
    background: #F2F2F2;
    border-radius: 10px;
}

*::-webkit-scrollbar-track {
    background: #FBFBFB;
}
*::selection {
    background: #002169;
    color: #FBFBFB;
}
a { text-decoration: none; color: #161616; font-size: 12px;}
h1,h2,h3,h4,h5,h6 { color: #161616;}
p,span { color: #161616;}
li { list-style: none; display: inline-block;}

table { border-collapse: collapse}
input,select,button { border: 0; outline: 0}
caption{display: none;}
button{background-color: transparent; cursor: pointer;}
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); */
@font-face {
    font-family: 'SUITE-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Tenada';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Tenada.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
    -moz-appearance: textfield;
  }

input[type='radio']{width: 16px; height: 16px; cursor: pointer;}
body.no_scroll {
    overflow: hidden; /* body의 스크롤 비활성화 */
}

.marginb20{margin-bottom: 20px !important;}
.margint20{margin-top: 20px !important;}
.marginl20{margin-left: 20px !important;}
.marginr20{margin-right: 20px !important;}

.marginb40{margin-bottom: 40px !important;}
.margint40{margin-top: 40px !important;}
.marginl40{margin-left: 40px !important;}
.marginr40{margin-right: 40px !important;}

.marginb60{margin-bottom: 60px !important;}
.margint60{margin-top: 60px !important;}
.marginl60{margin-left: 60px !important;}
.marginr60{margin-right: 60px !important;}

.padding20{padding: 20px !important;}
.paddingb20{padding-bottom: 20px !important;}
.paddingt20{padding-top: 20px !important;}
.paddingl20{padding-left: 20px !important;}
.paddingr20{padding-right: 20px !important;}

.border{border: 1px solid #ddd !important;}
.borderb{border-bottom: 1px solid #ddd !important;}
.bordert{border-top: 1px solid #ddd !important;}
.borderl{border-left: 1px solid #ddd !important;}
.borderr{border-right: 1px solid #ddd !important;}

.displayb{display: block !important;}
.displayf{display: flex !important;}
.displayn{display: none !important;}

.fontsize14{font-size: 14px !important;}
.fontsize16{font-size: 16px !important;}
.fontsize18{font-size: 18px !important;}
.fontsize20{font-size: 20px !important;}

.fontbold{font-weight: 600 !important;}

.textleft{text-align: left !important;}
.textright{text-align: right !important;}

.width50{width: 50% !important;}
.width100{width: 100% !important;}
.widthauto{width: auto !important;}
.stick::before{content: '-';}
.star::before{content: '*';}


.fontbg_yellow{background-color: #fae397 !important;}
.fontbg_green{background-color: #baeacc !important;}
.fontbg_blue{background-color: #c3cceb !important;}
.fontbg_purple{background-color: #F1ECF8 !important;}
.tbl_BgGray{background-color: #F2F2F2 !important;}
.tbl_BgBlue{background-color: #EBF3FC !important;}
.tbl_BgPurple{background-color: #F1ECF8 !important;}

.bg_gray{background-color: #f8f8f8 !important;}
.bg_deepgray{background-color: #B9B9B9 !important;}
.bg_blue{background-color: #002169 !important;}

.btn{display: inline-block; text-align: center; font-size: 13px; padding: 16px;}
.btn i{margin-right: 5px;}
.btn.red{background-color: #dc000f; color: #fff;}
.btn.orange{background-color: #FF6B00; color: #fff;}
.btn.black{background-color: #161616; color: #fff;}
.btn.purple{background-color: #475d83; color: #fff;}
.btn.yellow{background-color: #FFF9D7; color: #161616;}
.btn.green{background-color: #EAF9EB; color: #161616;}
.btn.gray{background-color: #EAEAEA; color: #161616;}
.btn.pink{background-color: #FFE3E3; color: #161616;}
.btn.blue{background-color: #E6FBFB; color: #161616;}
.btn.deepblue{background-color: #002169; color: #fff;}
.btn.deepgray{background-color: #979797; color: #fff;}


.btn.line{border: 1px solid; background-color: transparent;}
.btn.line.black{border-color: #161616; color: #161616;}
.btn.line.red{border-color: #dc000f; color: #dc000f;}
.btn.line.orange{border-color: #FF6B00; color: #FF6B00;}
.btn.line.purple{border-color: #475d83; color: #475d83;}
.btn.line.yellow{border-color: #FFF9D7; color: #FFF9D7;}
.btn.line.green{border-color: #EAF9EB; color: #EAF9EB;}
.btn.line.gray{border-color: #EAEAEA; color: #EAEAEA;}
.btn.line.pink{border-color: #FFE3E3; color: #FFE3E3;}
.btn.line.blue{border-color: #E6FBFB; color: #E6FBFB;}
.btn.line.gray{border-color: #979797; color: #979797;}
.btn.line.deepblue{border-color: #002169; color: #002169;}
.btn.line.aqua{border-color: #52ADAD; color: #52ADAD;}

.gap10{gap: 10px;}

.nanummyeongjo{
 font-family: 'Nanum Myeongjo', serif !important;
}
input[type="checkbox"]{accent-color: #f86800;}
input[type="radio"]{accent-color: #f86800; width: 16px !important; height: 16px !important; margin-right: 5px;}
.center{text-align: center !important;}
.left{text-align: left !important;}
.right{text-align: right !important;}
.fl{float: left;}
.fr{float: right;}

.mainColor{color: #FF6B00;}

.mob{display: none;}
.pc{display: block;}

.justify{display: flex; align-items: center; justify-content: space-between;}

.fc_black{color: #161616 !important;}
.fc_blue{color: #366CF6 !important;}
.fc_deepblue{color: #526FAD !important;}
.fc_orange{color: #FF6B00 !important;}
.fc_green{color: #2CC856 !important;}
.fc_red{color: #E42A2A !important;}



/* 메인메뉴 */
.sub { position: absolute; left: 0; width: 100%; max-height: 0; overflow: hidden; background-color: #fff; transition: all 0.5s ease-in-out; z-index: 100; top: 120px; opacity: 0; transform: translateY(-20px);}
.sub_wrap{width: 1400px; display: flex; align-items: flex-start; margin-left: 300px;}
.sub_menu_wrap {position: relative; margin-right: 150px; display: flex; flex-direction: column;}

#scrollLink { position: fixed; top: 100px; right: 0px; color: #161616; opacity: 1; visibility: visible; transition: opacity 0.3s, visibility 0.3s; z-index: 10;}
#scrollLink.show { opacity: 1; visibility: visible;}
#scrollLink a { background-color: #fff; width: 150px; padding: 10px 13px; box-sizing: border-box; display: flex; align-items: center; float: right; clear: both; margin-bottom: 10px; margin-right: -110px; /* 기본 위치 */ border-radius: 5px; transition: margin-right 0.3s; border: 1px solid #DCDCDC; font-size: 14px; position: relative;}
#scrollLink a.hover { margin-right: -10px; /* 호버 시 이동 */ background-color: #FF6B00; color: #fff; border-color: #FF6B00;}
#scrollLink a { color: #161616;}
#scrollLink a i { margin-right: 15px; font-size: 16px;}
#scrollLink a .modal_popup {top: 40px; display: none;}
#scrollLink a.hover .modal_popup {display: block;}
#scrollLink a .modal_popup .tbl_wrap table tbody tr td {white-space: nowrap;}

#scrollToTop button { position: fixed; bottom: 40px; right: 40px; padding: 10px; background-color: #fff; color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 18px; z-index: 10; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; color: #161616; border: 1px solid #161616;}
#scrollToTop button.show { opacity: 1; visibility: visible;}


.wrap{background-color: #fff;}
.top_wrap {width: 100%; height: 120px; margin: 0 auto; background-color: #fff; padding: 0 50px; box-sizing: border-box; display: flex; justify-content: space-between;}
.top_wrap ul li a { font-size: 16px; display: block;}
.top_wrap ul li a:hover {color: #FF6B00 !important;}
.main_menu>a{ font-weight: 600; position: relative;}
a#menu .line{display: block; width: 100%; height: 1px; background-color: #FF6B00; position: absolute; left: 0; bottom: 0%;}

.top_wrap.transparent {background: transparent; position: absolute; top: 0; left: 0; z-index: 2;}
.top_wrap.transparent ul li a{color: #fff;}
.top_wrap.transparent ul li button{color: #fff;}
.top_wrap.transparent img{filter: invert(1);}
.top_wrap.transparent:hover{background-color: #fff;}
.top_wrap.transparent:hover ul li a{color: #161616;}
.top_wrap.transparent:hover ul li a button{color: #161616;}
.top_wrap.transparent:hover ul li button{color: #161616;}
.top_wrap.transparent:hover img{filter: invert(0);}



.top{display: flex; align-items: center; justify-content: space-between; width: 100%;}
.logo img{width: 110px; margin: 10px 0 ;}
.top_btn ul li.main_menu { margin: 0 0 0 30px;}
.top_btn ul li.main_menu:first-child { margin: 0px;}
.top_btn>ul>li.main_menu{height: 120px; line-height: 120px;}
.top_btn>ul>li.main_menu #menu{display: inline;}

.font_active{color: #FF6B00 !important;}

.sub.active { max-height: 800px; opacity: 1; transform: translateY(0); border-bottom: 1px solid #c8c8c8; border-top: 1px solid #c8c8c8; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);}

.sub_menu_tit {display: flex; flex-direction: column;}
.sub_menu_tit h2{font-size: 18px;}
.sub_menu_list ul li{display: block; height: auto; line-height: normal; margin: 0 0 20px 0;}
.sub_menu_list ul li a { box-sizing: border-box; max-width: 180px; height: 24px;}
/* .sub_menu_list ul li a::after {content: ''; display: block;}
.sub_menu_list ul li a:hover:after {width: 100%; height: 2px; border-bottom: 2px solid #FF6B00;} */
.sub_menu_list ul li a:hover { box-sizing: border-box; border-bottom: 2px solid #FF6B00;}

.top_recruit ul li a{margin-right: 20px; color: #999; font-weight: 600;}
.top_right_btn>ul>li{margin-right: 20px; color: #999; font-weight: 600;}
.top_right_btn>ul>li button{font-size: 16px; font-weight: 600; display: flex; align-items: center;}
.top_right_btn>ul>li button img{margin-right: 5px;} 
.top_right_btn>ul>li:last-child{margin-right: 0;}

.section{margin-top: 60px;}
.section .section_tit{max-width: 1560px; margin: 0 auto;}
.section .section_tit h2{font-size: 48px; font-weight: 700;}
.section .section_tit h3{font-size: 24px; font-weight: 800; margin-bottom: 30px;}
.section .section_tit.line{width: 100%; border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 20px; display: flex; align-items: center;}
.section .section_tit.line h3{margin-bottom: 0; margin-right: 10px;}
.section .section_tit span{display: block; padding: 5px 15px; font-size: 12px;}
.section .section_tit span.aqua{background-color: #35CFBC; color: #fff;}
.section .section_tit span.blue{background-color: #526FAD; color: #fff;}



.section .section_cont{max-width: 1560px; margin: 80px auto;}
.section .section_cont .section_top{margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
.section .section_cont .section_top .section_topLeft{display: flex;}
.section .section_cont .section_top .section_topLeft h3{font-size: 24px;}
.section .section_cont .section_top .section_topRight{display: flex; position: relative;}
.section .section_cont .section_top select, .section .section_cont .section_top input{border: 1px solid #b4b4b4; padding: 13px 18px; box-sizing: border-box; margin-right: 10px;}
.section .section_cont .section_top select, .section .section_cont .section_top .btn{padding: 13px 18px;}

/* 탭메뉴 */
.tabs { text-align: center; border-bottom: 1px solid #979797;}
.tabs .tab_btns { display: flex; justify-content: center; max-width: 1560px; margin: 0 auto;}
.tabs .tab_btns .tab-link { background-color: #fff; cursor: pointer; padding: 15px 40px; transition: 0.3s; font-size: 16px; font-weight: 600; width: 50%; box-sizing: border-box;}
.tabs .tab_btns .tab-link:hover, .tabs .tab_btns .tab-link.active { border-bottom: 1px solid #161616; font-weight: 800;}
.tabs .tab_btns.sub3 { width: 1300px;}
.tabs .tab_btns.sub3 .tab-link { padding: 15px 20px;}


.tab_content{ display: none; padding: 40px; padding-bottom: 0;}
.tab_content > h2 { font-size: 20px; position: relative; left: 20px; margin: 20px 0; font-weight: 600; color: #333;}

/* .tab_content .tab_ex { margin-bottom: 50px;} */
.tab_content .tab_ex > h2 { font-size: 18px; position: relative; margin: 20px 0 10px 0; left: 20px;}

/* .tab_content .taking { display: none;}
.tab_content .taking.active { display: block;} */
.tab_content.active { display: block;}

/* .mob_menu{display: none;}
#check_box { display: none;}
#check_box + label { position: absolute; display: block; width: 30px; height: 22px; cursor: pointer; z-index: 13; right: 2.5%; top: 25px;}
#check_box + label > span { position: absolute; display: block; width: 100%; height: 3px; background: black; border-radius: 1px; transition: all 300ms;}
#check_box:checked + label > span:nth-child(1) { top: 50%; transform: translate(0, -50%); transform: rotate(45deg); background-color: #fff;}
#check_box + label > span:nth-child(2) { top: 50%; transform: translate(0, -50%);}
#check_box:checked + label > span:nth-child(2) { opacity: 0;}
#check_box + label > span:nth-child(3) { bottom: 0;}
#check_box:checked + label > span:nth-child(3) { top: 50%; transform: translate(0, -50%); transform: rotate(-45deg); background-color: #fff;}

#side_menu { position: absolute; width: 300px; height: 100%; background-color: #23395d; right: -300px; transition: all 300ms; z-index: 12; top: 0px; padding: 60px 20px 20px 20px; box-sizing: border-box;}
#check_box:checked + label + #side_menu { right: 0;}
#check_box:checked + label + #side_menu +.menubg {position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; z-index: 11; touch-action: none;}
#side_menu ul li{display: block; margin: 10px 0;}
#side_menu ul li a{color: #fff; font-size: 16px;}
#side_menu ul li a span{color: #fff; font-size: 22px; vertical-align: middle; margin: 0 10px 0 0;}
.scroll_hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} */




/* 메인 슬라이드 */
.swiper-pagination-bullets{display: none;}
.main_slide { width: 100%; height: 640px; margin: 0 auto; position: relative; overflow: hidden;}
.main_slide img { width: 100%; height: 640px;}
.main_slide .swiper-button-next { left: 50px; right: auto; top: auto; bottom: 16px;}
.main_slide .swiper-button-prev { left: 0; top: auto; bottom: 16px;}
.main_slide .swiper-button-next:after { color: #fff; font-size: 24px;}
.main_slide .swiper-button-prev:after { color: #fff; font-size: 24px;}
/* .main_slide .swiper-pagination {position: relative;} */

.main_slide .slide_ment{position: absolute; top: 50%; margin-left: 550px;}

.main_slide .slide_ment *{color: #fff;}
.main_slide .slide_ment .sub_tit h3{font-size: 20px;}
/*.main_slide .slide_ment .main_tit{width: 450px;} */
.main_slide .slide_ment .main_tit h2{font-size: 48px; word-break: keep-all;}
.main_slide .slide_ment a{display: block; width: 160px; font-size: 14px; padding: 10px 0; text-align: center; border: 1px solid #fff; margin-top: 20px;}
.main_slide .slide_ment a::after{content: '\F0142'; font-family: 'Material Design Icons'; margin-left: 5px; font-size: 16px;}

.main_slide .slide_menu { position: absolute; z-index: 1; top: 50%; left: 172px; width: 280px; height: 100%; transform: translate(0%, -50%); display: flex; flex-direction: column; justify-content: center;}
.main_slide .slide_menu ul.mob{display: none;}
.main_slide .slide_menu ul{height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between;}
.main_slide .slide_menu ul li{display: block; background-color: rgba(0, 0, 0, 0.3); transition: all 0.5s;}
.main_slide .slide_menu ul li a{color: #fff; font-size: 18px; display: flex; justify-content: space-between; font-weight: 600; box-sizing: border-box; align-items: center; height: 100%; padding: 0 20px;}
.main_slide .slide_menu ul li a::after{content: '\F0142'; font-family: 'Material Design Icons';}

.main_slide .slide_menu ul li:hover{background-color: #fff;}
.main_slide .slide_menu ul li:hover a{color: #161616;}
.main_slide .slide_menu ul li:hover a::after{color: #FF6B00;}
.main_slide .slide_control { width: 100%; position: absolute; top: 50%;  margin-left: 550px;}


.main_slide.sub_page .slide_ment{margin-left: 180px;}
.main_slide.sub_page .slide_control {margin-left: 180px;}

.main_slide .noMenu{margin-left: 172px;}

.tab_class{max-width: 1560px; margin: 0 auto;}
.tab_class .right_btn{text-align: right;}
.tab_class .right_btn button{width: 160px; box-sizing: border-box; padding: 10px 5px; border: 1px solid #161616; margin: 0 0 30px 0; font-weight: 700; font-size: 14px;}
.tab_class .right_btn button::after{content: '\F0142'; font-family: 'Material Design Icons';}

.class_wrap>ul{display: flex; width: 100%; flex-wrap: wrap;}
.class_wrap>ul>li{width: 370px; margin-bottom: 40px; cursor: pointer; margin-right: 20px;}
.class_wrap>ul>li.none{width: 100%;}
.class_wrap>ul>li.none p{font-size: 18px; font-weight: 600; text-align: center;}
.class_wrap>ul>li .class_img{width: 100%; height: 274px; position: relative; overflow: hidden;}
.class_wrap>ul>li:hover .class_img img{transform: scale(1.3);}
.class_wrap>ul>li .class_img img{width: 100%; height: 100%; transition: all 1s; }
.class_wrap .mob_Box{margin-bottom: 50px;}

.class_wrap>ul>li .class_cont{margin-top: 24px;}

/* 탭메뉴 + 데일리 캘린더 */
.date_count{width: 100%; height: 40%; position: absolute; display: block; bottom: 0; background: linear-gradient(to top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); display: flex; align-items: center;}
.date_count p{font-size: 24px; color: #fff; margin-left: 24px;}
.new{position: absolute; top: 12px; right: 12px; z-index: 1;}
.new p{padding: 5px 7px; background-color: #E42222; color: #fff; border-radius: 5px; text-align: center; font-weight: 600;}
p.theme{color: #FF6B00; font-size: 12px; font-weight: 800; text-align: left;}
p.tit{color: #161616; font-size: 18px; font-weight: 600; text-align: left; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
p.tit a{color: #161616; font-size: 18px; font-weight: 600; text-align: left; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.class_contBot{margin-top: 28px;}
.favor{display: flex; height: 30px; align-items: center;}
.favor p{box-sizing: border-box; padding: 3px 0; width: 67px; text-align: center; font-size: 12px; font-weight: 700; margin-right: 5px;}
.favor p:last-child{margin-right: 0px;}
.favor p.orange{color: #FF6B00; border: 1px solid #FF6B00;}
.favor p.aqua{color: #35CFBC; border: 1px solid #35CFBC;}
.favor p.black{color: #161616; border: 1px solid #161616;}

.date{margin: 10px 0; font-weight: 600; border-bottom: 1px solid #d9d9d9; padding-bottom: 10px; text-align: left;}
.date p{color: #979797; font-size: 16px; font-weight: 600; text-align: left;}
.price p{color: #161616; font-weight: 800; font-size: 24px; text-align: left;}

.class_slideWrap{width: 100%;}

.class_slideWrap .class_slideBg{width: 100%; height: 400px; background: #002169; position: absolute;}
.class_slideWrap .class_slideAll{display: flex; max-width: 1560px; margin: 0 auto; padding-top: 80px; justify-content: space-between;}
.class_slideWrap .class_slideAll .class_slide{width: 1100px; position: relative; overflow: hidden;}
/* .class_slideWrap .swiper-container{display: flex;} */
.class_slideWrap .class_slideCont{width: 450px; position: relative;}
.class_slideWrap .class_slideCont .class_slideTit h2{font-size: 16px; font-weight: 700; color: #fff; margin-bottom: 20px;}
.class_slideWrap .class_slideCont .class_slideEx p{font-size: 28px; font-weight: 800; color: #fff; word-break: keep-all;}
/* .class_slideWrap .swiper-wrapper{width: calc(100% - 800px);} */
.class_slideWrap .swiper-slide{width: 370px; height: 420px; border-radius: 20px; overflow: hidden; }
.class_slideWrap .swiper-slide .slideBg{background: linear-gradient(to top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%); position: absolute; width: 100%; height: 100%;}
.class_slideWrap .swiper-slide img{width: 370px; height: 100%; object-fit: cover; border-radius: 20px;}
.class_slideWrap .swiper-slide .slide_ment{position: absolute; top: 30px; left: 50%; transform: translate(-50%, 0%); color: #fff; width: 322px;}
.class_slideWrap .swiper-slide .slide_ment .sub_tit h3{color: #fff; font-weight: 700;}
.class_slideWrap .swiper-slide .slide_ment .main_tit h2{color: #fff; margin: 12px 0 16px 0; font-weight: 800;}
.class_slideWrap .swiper-slide .slide_ment .class_slideCont P{color: #fff; font-weight: 600;}
.class_slideWrap .swiper-slide .classDetail{position: absolute; bottom: 30px; right: 24px; color: #fff; font-size: 18px; font-weight: 700;}
.class_slideWrap .swiper-slide .classDetail::after{content: '\F0142'; font-family: 'Material Design Icons'; margin-left: 5px; font-size: 16px;}


.class_slideWrap .slide_control { width: 100%; position: absolute; top: 50%;}
.class_slideWrap .swiper-button-next { left: 50px; right: auto; top: auto;}
.class_slideWrap .swiper-button-prev { left: 0; top: auto;}
.class_slideWrap .swiper-button-next:after { color: #fff; font-size: 24px;}
.class_slideWrap .swiper-button-prev:after { color: #fff; font-size: 24px;}

.class_downloadWrap .download{max-width: 1560px; margin: 0 auto; padding: 0 20px;}
.class_downloadWrap .download ul{display: flex; justify-content: space-between;}
.class_downloadWrap .download ul li{width: 770px; height: 140px; padding: 40px 60px; box-sizing: border-box; position: relative; overflow: hidden; border-radius: 20px;}
.class_downloadWrap .download ul li:first-child{background: linear-gradient(to left,  #8B7BB5 0%, #171C98 100%);}
.class_downloadWrap .download ul li:first-child::after{content: ''; position: absolute; right: 30px; opacity: 0.3; background: url(../img/download1.png) no-repeat; width: 160px; height: 135px; bottom: -20px;}
.class_downloadWrap .download ul li:last-child::after{content: ''; position: absolute; right: 30px; opacity: 0.3; background: url(../img/download2.png) no-repeat; width: 160px; height: 135px; bottom: -20px;}
.class_downloadWrap .download ul li:last-child{background: linear-gradient(to left,   #F35E2F 0%, #FF8A00 100%);}
.class_downloadWrap .download ul li p{color: #fff; font-size: 16px; font-weight: 700; margin-bottom: 10px;}
.class_downloadWrap .download ul li a{color: #fff; font-size: 32px; font-weight: 800;}



.class_downloadWrap.sub_section{margin-bottom: 60px;}
.class_downloadWrap.sub_section .download ul li::after{content: ''; position: absolute; right: 30px; opacity: 0.3; background: url(../img/download2.png) no-repeat; width: 160px; height: 135px; bottom: -20px;}
.class_downloadWrap.sub_section .download ul li{width: 100%; background: linear-gradient(to left,   #707070 0%, #333 100%);}
.class_downloadWrap.sub_section .download ul li p{color: #fff; font-size: 16px; font-weight: 700; margin-bottom: 10px;}
.class_downloadWrap.sub_section .download ul li a{color: #fff; font-size: 32px; font-weight: 800;}

/* sub_content */
.content_top{position: relative;}
.banner_tit{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.banner_tit h2{color: #fff; font-size: 32px;}
.content_nav{width: 1400px; position: absolute; bottom: 20px; text-align: right; left: 50% ; transform: translate(-50%, 0);}
.content_nav ul li{color: #ccc; margin-left: 20px;}
.nav_active{color: #fff !important; font-weight: 600;}

.content_tit{max-width: 1560px; margin: 60px auto;}
.content_tit h2{font-size: 48px; font-weight: 700;}

.content_mid{margin-bottom: 40px;}


.calendar_wrap {width: 100%; background-color: #fff;}
.calendar_wrap .section_tit {padding-bottom: 20px; border-bottom: 1px solid #DCDCDC;}
.calendar_left{display: flex; width: 300px;}
.calendar_right{display: flex; width: 300px; justify-content: flex-end;}
.calendar_left .calendar_tab ul{display: flex;}

.classCalendar{max-width: 1560px; margin: 0 auto; padding: 20px 0; box-sizing: border-box;}
.classCalendar .calendar_top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}

.classCalendar .calendar_top .calendar_select{font-size: 14px; font-weight: 700; border: 1px solid #B4B4B4; margin-left: 10px;}
.classCalendar .calendar_top .calendar_select select{display: flex; justify-content: space-between; width: 100%; box-sizing: border-box; padding: 13px 0 13px 18px; font-weight: 700;}
.classCalendar .calendar_top .calendar_left .calendar_select{width: 125px;}
.classCalendar .calendar_top .calendar_right .calendar_select{width: 100px;}
.classCalendar .calendar_top .calendar_right .today{width: 60px; font-size: 13px; color: #161616; border: 1px solid #161616; cursor: pointer; font-weight: 700;}

.classCalendar .month{display: flex; justify-content: center; align-items: center; margin-bottom: 10px;}
.classCalendar .month h2{text-align: center; margin: 0 10px; font-size: 32px;}
.classCalendar .month button{font-size: 32px;}


.calendar{border-radius: 10px; overflow: hidden;}
.calendar_class{display: none;}
.day-names { display: flex; justify-content: space-between; background-color: #333; color: white; padding: 20px 0; font-weight: bold;}
.day-names div { width: calc(100% / 7); text-align: center;}
/* 기본 스타일 설정 */
.days { display: grid; grid-template-columns: repeat(7, 1fr); /* 7일씩 표시 */ border-right: 1px solid #ccc;}
.days>div {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; text-align: center; height: 200px; box-sizing: border-box; position: relative;}
.days>div span{float: right;}
.today {border: 2px solid #161616;}
.today span{width: 30px; height: 30px; display: block; background-color: #FF6B00; text-align: center; border-radius: 50%; color: #fff; line-height: 30px;}

.sub_tabTop .month{display: flex; align-items: center; justify-content: center;}
#monthYear { text-align: center; margin: 20px 0;}

.classList{padding-top: 30px; position: absolute; width: calc(100% - 20px);}
.classList .classLink{display: block; margin-bottom: 5px; text-align: left; width: 100%; font-size: 13px; height: 28px; line-height: 28px; box-sizing: border-box; padding: 3px 5px; border-radius: 5px; position: relative; z-index: 9; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.classList .classLink:last-child{margin-bottom: 0;}
/* .classList .day1{} */
.classList .day2{width: 210%;}
.classList .day3{width: 320%;}
.classList .day4{width: 430%;}
.classList .day5{width: 540%;}
.classList .day6{width: 650%;}
.classList .day7{width: 760%;}

.classList .classLink.gray{background-color: #EAEAEA;}
.classList .classLink.pink{background-color: #FEE8F6;}
.classList .classLink.blue{background-color: #E6FBFB;}
.classList .classLink.yellow{background-color: #FFF9D7;}
.classList .classLink.purple{background-color: #F9E9FF;}
.classList .classLink.green{background-color: #EAF9EB;}
/* .days div:hover {
    background-color: #e0e0e0;
} */
.classBtn{display: block; text-align: left; width: 100%;}


.days .today {
    border: 2px solid #161616;
}
/* 팝업 */
/* 모달 */
.modal_popup{position: absolute; display: none; top: 70px; right: 0; background-color: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); padding: 40px; z-index: 10;}
.modal_popup .popup_tit{display: flex; justify-content: space-between; align-items: center;}
.modal_popup .popup_tit h3{font-size: 24px; font-weight: 800; margin-bottom: 30px;}
.modal_popup .popup_tit button{margin-bottom: 30px; font-size: 20px;}
.modal_popup .tbl_wrap table thead tr th{background-color: #EBF3FC; color: #002169; font-size: 16px;}
.modal_popup .tbl_wrap table tbody tr td{text-align: center; color: #161616; font-weight: 600; font-size: 16px;}

/* 검색 */
.searchPopup{display: none;}
.searchPopup .popup_wrap{position: absolute; top: 120px; right: 100px; z-index: 100;}
.searchPopup .popup_wrap .searchTop{background-color: #fff; padding: 15px 20px; border-radius: 5px; margin-bottom: 10px; display: flex; justify-content: space-between;}
.searchPopup .popup_wrap .searchTop .close{display: none;}
.searchPopup .popup_wrap .searchTop::after{content: '\F0349'; font-family: 'Material Design Icons'; margin-left: 5px; font-size: 16px; cursor: pointer;}
.searchPopup .popup_wrap .searchTop input{width: 100%;}
.searchPopup .popup_wrap .searchMid{background-color: #fff; padding: 15px 20px; border-radius: 5px;}
.searchPopup .popup_wrap .searchMid .latestWord .latestTit{display: flex; justify-content: space-between;}
.searchPopup .popup_wrap .searchMid .latestWord .latestTit h2{color: #979797; font-size: 14px; font-weight: 700;}
.searchPopup .popup_wrap .searchMid .latestWord .latestTit a{color: #b9b9b9; font-size: 12px; font-weight: 700;}
.searchPopup .popup_wrap .searchMid .latestWord ul li:first-child{margin-top: 10px;}
.searchPopup .popup_wrap .searchMid .latestWord ul li{display: flex; justify-content: space-between; margin: 0 0 10px 0;}
.searchPopup .popup_wrap .searchMid .latestWord ul li span{font-size: 16px; color: #161616;}

.searchPopup .popup_wrap .searchMid .popularWord .popularTit h2{color: #979797; font-size: 14px; font-weight: 700;}
.searchPopup .popup_wrap .searchMid .popularWord ul{display: flex; flex-wrap: wrap;}
.searchPopup .popup_wrap .searchMid .popularWord ul li{width: 50%; margin-top: 15px; color: #161616;}
.searchPopup .popup_wrap .searchMid .popularWord ul li span{margin-right: 10px; color: #FF6B00;}


.modalPopup{display: none;}
.modalPopup .popup_wrap{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; background-color: #fff; box-sizing: border-box; width: 50%;}
.modalPopup .popup_wrap .popup_top{padding: 15px 20px; margin-bottom: 10px; display: flex; justify-content: flex-end;}
.modalPopup .popup_wrap .popup_top .close i{color: #161616; font-size: 20px; cursor: pointer; text-align: right;}
.modalPopup .popup_wrap .popup_top input{width: 100%;}
.modalPopup .popup_wrap .popup_tit h2{text-align: center; color: #002169; font-size: 30px; font-weight: 700;}
.modalPopup .popup_wrap .popup_tit p{font-size: 16px; text-align: center;}
.modalPopup .popup_wrap .popup_cont{padding: 20px;}
.modalPopup .popup_wrap .popup_cont .agree_box{margin: 0;}
.modalPopup .popup_wrap .btn_wrap{margin-top: 20px; gap: 10px;}

.infoSearch{display: none;}
.infoSearch .popup_wrap{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; background-color: #fff; box-sizing: border-box; width: 50%;}
.infoSearch .popup_wrap .popup_top{background-color: #002169; color: #fff; padding: 15px 20px;margin-bottom: 10px; display: flex; justify-content: space-between;}
.infoSearch .popup_wrap .popup_top h2{color: #fff;}
.infoSearch .popup_wrap .popup_top .close i{color: #fff; font-size: 20px; cursor: pointer;}
.infoSearch .popup_wrap .popup_top input{width: 100%;}
.infoSearch .popup_wrap .popup_cont{padding: 20px;}
.infoSearch .popup_wrap .btn_wrap{margin-top: 20px; gap: 10px;}


.openmass .popup_wrap{width: 70%; height: 90%; overflow: auto; max-width: 800px;}
.openmass .popup_wrap .popup_cont .popup_txt h3{font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.openmass .popup_wrap .popup_cont .scroll{height: 150px; overflow: auto;}
.terms_text{padding: 20px; box-sizing: border-box; background-color: #fafafa;}
.openmass .popup_wrap .tbl_wrap tr td .input_write{display: flex; gap: 10px; align-items: center;}
.openmass .popup_wrap .tbl_wrap tr td .input_write input{width: 100%; background-color: #F2F2F2; border: 1px solid #dcdcdc; padding: 10px 12px; border-radius: 5px; box-sizing: border-box;}




/* .class_popup{position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 100;} */
.class_popup .popup_wrap{width: 640px; height: 380px; background-color: #fff; position: absolute; display: flex; justify-content: space-between; padding: 30px; border-radius: 10px; z-index: 101;}
.class_popup .popup_wrap .popup_img{width: 100%; margin-right: 20px; position: relative;}
.class_popup .popup_wrap .popup_img img{width: 100%; height: 100%; object-fit: cover; position: relative;}
.popup_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; left: 0; z-index: 100;}
.popup_close{position: absolute; top: 10px; right: 10px;}
.popup_close i{font-size: 20px; font-weight: 600; color: #ccc;}
.popup_cont{display: flex; flex-direction: column; justify-content: space-between;}


.calendar_left .calendar_tab ul li{padding: 13px 18px; border: 1px solid #161616; cursor: pointer;}
.calendar_left .calendar_tab .tab_active{background-color: #161616; color: #fff !important; border: 0;}

.dailyClass{width: 100%; border: 1px solid #ccc; border-radius: 10px; overflow: hidden;}
.dailyClass .dailyTit{width: 100%; background-color: #161616; }
.dailyClass .dailyTit h2{color: #Fff; padding: 20px;}
.dailyList{width: 100%; padding: 40px; box-sizing: border-box;}
.dailyList ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.dailyList ul li{display: flex; width: calc(100% / 2 - 5px); margin-bottom: 10px;}
.dailyList ul li .dailyImg{width: 350px; height: 320px; position: relative;}
.dailyList ul li .dailyImg img{width: 100%; height: 100%; object-fit: cover;}
.dailyList ul li .dailyText{margin-left: 10px; display: flex; flex-direction: column; justify-content: space-between; width: calc(100% - 350px);}

.class_detail{display: block; width: 100%; border: 1px solid #161616; color: #161616; text-align: center; padding: 16px 0; box-sizing: border-box; margin-top: 20px; font-size: 14px; font-weight: 700;}
.class_detail::after{content: '\F0142'; font-family: 'Material Design Icons'; margin-left: 5px; font-size: 16px;}
/* .dailyList ul li .dailyText{margin-bottom: 75px;} */

.dailyBtn{box-sizing: border-box ; display: flex; justify-content: space-between; margin-top: 30px;}
.dailyBtn .btn{font-weight: 700; font-size: 14px;}
.dailyBtn .btn:first-child::before{content: '\F0141'; font-family: 'Material Design Icons'; margin-right: 5px; font-size: 16px;}
.dailyBtn .btn:last-child::after{content: '\F0142'; font-family: 'Material Design Icons'; margin-left: 5px; font-size: 16px;}


/* footer */
.footer { width: 100%; height: auto; background-color: #3b3b3b; min-width: 1650px; padding: 50px 0; box-sizing: border-box; margin-top: 50px;}
.footer .footer_wrap { max-width: 1560px; height: 100%; color: #a7a7a7; margin: 0 auto;}
.footer_menu{width: 100%; display: flex; justify-content: space-between; padding-bottom: 40px; align-items: center;}
.footer_menu .footer_menuLeft ul li{margin-right: 40px;}
.footer_menu .footer_menuLeft ul li a{color: #fff; font-size: 16px; word-break: keep-all; font-weight: 700;}
.footer_menu .footer_menuRight {position: relative;}
  
.footer_menu .footer_menuRight select { background: transparent; border: 1px solid #fff; color: #fff; width: 240px; padding: 13px; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
  
.footer_menu .footer_menuRight::after { content: '\F0143'; /* 화살표 아이콘 */ font-family: 'Material Design Icons'; font-size: 16px; color: #fff; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease; /* 부드러운 전환 효과 */}
  
.footer_menu .footer_menuRight.rotate::after { transform: translateY(-50%) rotate(180deg); /* 회전 상태 */}
.footer_menu .footer_menuRight select option{color: #161616;}
.footer_cont .footer_bottom{margin-top: 40px;}
.footer_cont .footer_bottom .footer_link{margin-bottom: 10px;}
.footer_cont .footer_bottom .footer_link ul li{margin-right: 20px;}
.footer_cont .footer_bottom .footer_link ul li a{font-size: 13px;}
.footer_cont .footer_bottom p, .footer_cont .footer_bottom a, .footer_cont .footer_bottom span{color: #979797;}
.footer_cont .footer_bottom p, .footer_cont .footer_bottom span{font-size: 12px;}
.footer .footer_wrap span { margin-right: 10px;}
.footer_address p{margin: 0 0 30px 0;}

/* 서브페이지 */
.sub_content .sub_slide{max-width: 100%; margin-left: 160px; padding-right: 160px; overflow: hidden; position: relative;}
.sub_content .sub_slide .swiper-slide{width: 778px; max-width: 800px; height: 400px; border-radius: 10px; overflow: hidden; position: relative;}
.sub_content .sub_slide .swiper-slide .slide_bg{position: absolute; width: 100%; max-width: 800px; height: 100%; background: linear-gradient(to top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);}
.sub_content .sub_slide .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.sub_content .sub_slide .slide_control{width: 100%; max-width: 1560px; position: absolute; top: 50%;}
.sub_content .sub_slide .slide_control .swiper-button-next, .sub_slide .slide_control .swiper-button-prev{bottom: auto; top: 50%;}
/* .slide_control .swiper-button-prev{left: 160px;} */
/* .slide_control .swiper-button-next{right: 160px;} */
.sub_content .sub_slide .swiper-button-next:after, .sub_content .sub_slide .swiper-button-prev:after{display: none;}
.sub_content .sub_slide .slide_ment{position: absolute; bottom: 40px; left: 40px;}
.sub_content .sub_slide .slide_ment .sub_tit{margin-bottom: 10px;}
.sub_content .sub_slide .slide_ment .sub_tit h3{font-size: 16px;}
.sub_content .sub_slide .slide_ment .sub_tit h3, .sub_slide .slide_ment .main_tit h2{color: #fff;}
.sub_content .sub_slide .slide_ment .main_tit h2{font-size: 32px; line-height: 40px;}

.sub_content .tab_content .tabs{border-bottom: 0;}
.sub_content .tab_content .tabs .tab_btns{margin-bottom: 20px; border: 1px solid #161616; border-radius: 5px; overflow: hidden;}
.sub_content .tab_content .tabs .tab_btns button{border-right: 1px solid #161616; padding: 15px 0;}
.sub_content .tab_content .tabs .tab_btns button:last-child{border-right: 0;}
.sub_content .tab_content .tabs .tab_tit{margin-bottom: 10px;}
.sub_content .tab_content .tabs .tab_tit h3{font-size: 24px; font-weight: 800; text-align: left;}

.sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(1), .sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(1) ~ button {width: calc(100% / 1); margin-right: 0;}
.sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(2), .sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(2) ~ button {width: calc(100% / 2); margin-right: 0;}
.sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(3), .sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(3) ~ button {width: calc(100% / 3); margin-right: 0;}
.sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(4), .sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(4) ~ button {width: calc(100% / 4); margin-right: 0;}
.sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(5), .sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(5) ~ button {width: calc(100% / 5); margin-right: 0;}
.sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(6), .sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(6) ~ button {width: calc(100% / 6); margin-right: 0;}
.sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(7), .sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(7) ~ button {width: calc(100% / 7); margin-right: 0;}
.sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(8), .sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(8) ~ button {width: calc(100% / 8); margin-right: 0;}
.sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(9), .sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(9) ~ button {width: calc(100% / 9); margin-right: 0;}
.sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(10), .sub_content .tab_content .tabs .tab_btns button:first-child:nth-last-child(10) ~ button {width: calc(100% / 10); margin-right: 0;}


.sub_content .tab_content .tabs .tab_btns .tab-btn:hover, .sub_content .tab_content .tabs .tab_btns .tab-btn.active{background-color: #161616; border-bottom: 0; color: #fff;}
.sub_content .tab_detail { display: none;}
.sub_content .tab_detail.active { display: block;}

.sub_content .tab_detail .btn_wrap{margin: 20px 0 40px 0; text-align: center;}
.sub_content .tab_detail .btn_wrap .btn{font-size: 16px; font-weight: 700;}

/* 표 */
.tbl_wrap{width: 100%; max-width: 1560px; margin: 0 auto;}
.tbl_wrap table{width: 100%; border-top: 1px solid #B9B9B9; border-right: 1px solid #B9B9B9;}
.tbl_wrap table tr th, .tbl_wrap table tr td{padding: 12px 10px; border-bottom: 1px solid #B9B9B9; border-left: 1px solid #B9B9B9; word-break: keep-all;}
.tbl_wrap table tr th{background-color: #EBF3FC; color: #002169; font-size: 16px;}
.tbl_wrap table tbody tr td{text-align: center; color: #161616; font-weight: 600; font-size: 16px; background-color: #fff;}
.tbl_wrap table tbody tr td.tit{text-align: left;}
.tbl_wrap table tbody tr td.tit a{font-size: 16px;}
.tbl_wrap table tbody tr td.tit p{margin-bottom: 6px;}
.tbl_wrap table tbody tr td.tit span{color: #979797;}
.tbl_wrap table tbody tr td.link{color: #F35E2F;}

.tbl_wrap.normal table tbody tr td{font-weight: 500; padding: 20px;}
.tbl_wrap table tbody tr td span.price{color: #FF6B00; font-size: 20px; font-weight: 600; margin-right: 5px;}

.tbl_wrap.top_tbl thead tr th{background-color: #656565; color: #fff; font-size: 16px; font-weight: 600;}
.tbl_wrap.top_tbl tbody tr td{font-size: 16px; font-weight: 600;}
.tbl_wrap.top_tbl tbody tr td.print a{font-size: 24px; color: #FF6B00;}
.tbl_wrap .tbl_tit{margin: 20px 0;}
.tbl_wrap .tbl_tit h3{font-size: 24px; font-weight: 800;}
.tbl_wrap.online_tbl{margin-bottom: 50px;}

.tbl_wrap.top_tbl table tbody tr td.tel{cursor: pointer;}
.tbl_wrap.top_tbl table tbody tr td.tel::after{content: '\F018F'; font-family: 'Material Design Icons'; font-size: 16px; margin-left: 5px; color: #B9B9B9; font-weight: 400;}
.tbl_wrap.top_tbl table tbody tr td.mail{cursor: pointer;}
.tbl_wrap.top_tbl table tbody tr td.mail::after{content: '\F018F'; font-family: 'Material Design Icons'; font-size: 16px; margin-left: 5px; color: #B9B9B9; font-weight: 400;}

/* 공지사항 */
.notice_section .section_tit .justify{position: relative;}
.notice_section .section_tit .justify .btn{font-size: 14px; font-weight: 700;}
.notice_section .section_tit .justify .btn:hover{background-color: #161616; color: #fff;}
.notice_section .section_tit .justify .btn i{font-size: 18px;}
.tbl_wrap.top_tbl.notice_tbl table tbody tr {border-left: 0; border-right: 0;}
.tbl_wrap.top_tbl.notice_tbl table tbody tr td{border-left: 0; border-right: 0 !important;}
.tbl_wrap.top_tbl table tbody tr.notice_tr{background-color: #FFF4EC;}
.tbl_wrap.top_tbl table tbody tr.notice_tr td{background-color: #FFF4EC;}
.tbl_wrap.top_tbl table tbody tr.notice_tr td.num{color: #FF6B00; font-weight: 600;}

.notice_top .noticeTit{padding: 20px 0; border-bottom: 1px solid #DCDCDC;}
.notice_top .noticeTit .noticeTopic{color: #FF6B00; font-size: 18px; font-weight: 800; margin-bottom: 30px;}
.notice_top .noticeTit h2{font-size: 36px; line-height: 50px; word-break: keep-all;}
.notice_top .noticeTit .justify{margin-top: 20px;}

.notice_cont{margin-top: 40px; width: 50%;}
.notice_cont .notice_img{width: 100%;}
.notice_cont .notice_img img{width: 100%;}
.notice_cont .notice_txt{margin-top: 40px;}
.notice_cont .notice_txt p{font-size: 18px; line-height: 28px; color: #656565; word-break: keep-all;}

.notice_download{margin-top: 40px;}
.notice_download ul li{width: 160px; margin-right: 10px;}
.notice_download ul li:last-child{margin-right: 0;}
.notice_download ul li .btn{width: 100%; font-size: 14px;}
.notice_download ul li .btn i{font-size: 18px;}

.notice_footer{text-align: right; width: 100%; border-top: 1px solid #ddd; margin-top: 40px; padding-top: 20px;}
.notice_footer .btn{font-size: 14px;}
.notice_footer .btn i{font-size: 18px;}


/* paging */
.paging_area {display: -webkit-box; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: calc(100% - 28px); margin: 60px auto; position: relative;}
.paging_area .select_ui{position: absolute; top:0; right: 0;}
.paging_area .select {height: 41px;}
.paging {position: relative;}
.pagination {display: -webkit-box; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;}
.pagination a {font-size: 14px; width: 30px; height: 30px; text-align: center; line-height: 30px; color: #888888; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0 5px; position: relative;}
.pagination a.current {background-color: #FF6B00; color: #fff;}
.pagination a:not(.current):hover {background-color: #FF6B00; color: #fff;}
.pagination a.icon {font-size: 0;}
.pagination a.icon i {font-size: 20px; color: #FF6B00; position: relative; top: -2px;}
.pagination a:hover.icon i {color: #fff;}
.paging_area.a-both {display: -webkit-box; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center;}
.paging_area.a-both .paging {width: calc(100% - 300px);}


.top_banner{width: 100%; height: 630px;}
.top_banner img{width: 100%; height: 100%; object-fit: cover;}
.top_banner .banner_bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5);} 
.banner_cont{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.banner_cont p{font-size: 36px; font-weight: 700; text-align: center; color: #fff; word-break: keep-all; margin-bottom: 20px;}
.banner_cont h2{font-size: 48px; font-weight: 700; text-align: center; color: #fff; word-break: keep-all;}

/* 신청페이지 */
.inputPage{width: 100%; max-width: 1560px; margin: 100px auto;}
.inputPage .inputLeft{width: 50%;}
.inputPage>h2{font-size: 48px; font-weight: 700;}
.inputPage>h3{font-weight: 800; font-size: 28px;}
.inputPage>p{color: #656565; font-size: 18px; font-weight: 500; line-height: 27px; margin-top: 20px; width: 500px; word-break: keep-all;}
.inputPage  .input_cont{margin-bottom: 80px;}

/* 신청페이지 + 과정신청페이지 */
.inputTit{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.inputTit h3{font-weight: 800; font-size: 24px;}
.inputTit .btn{font-size: 14px; padding: 12px 30px; font-weight: 700;}
.caption{text-align: right;}
.input_wrap{margin-top: 30px;}
.input_wrap .input_write{margin-bottom: 30px;}
.input_wrap .input_write p.must{font-size: 16px; font-weight: 500;}
.input_wrap .input_write p.must::after{content: '*'; color: #FF6B00; margin-left: 5px;}
.input_wrap .input_write span{color: #656565;}
.input_wrap .input_write input{width: 100%; background-color: #F2F2F2; border: 1px solid #dcdcdc; padding: 10px 12px; margin-top: 10px; border-radius: 5px; box-sizing: border-box;}
.input_wrap .input_write textarea{width: 100%; height: 100px; background-color: #F2F2F2; border: 1px solid #dcdcdc; padding: 10px 12px; margin-top: 10px; border-radius: 5px; box-sizing: border-box;}
.input_wrap .input_write .flex{display: flex; margin-top: 10px; align-items: center;}
.input_wrap .input_write .flex input{margin: 0 10px 0 0;}
.input_wrap .input_write .flex input:last-child{margin: 0;}
.input_wrap .input_write .flex select{margin: 0 10px 0 0;}
.input_wrap .input_write select{width: 100%; background-color: #F2F2F2; border: 1px solid #dcdcdc; padding: 10px 12px; margin-top: 10px; border-radius: 5px;}
.input_wrap .input_write .flex input:nth-child(2){margin-left: 10px;}
.input_wrap .input_write .flex.number input:last-child{margin-left: 10px;}
.input_wrap .input_write.check_wrap{display: flex; align-items: center;}
.input_wrap .input_write.check_wrap ul li{margin-right: 10px; display: inline-flex; align-items: center;}
.input_wrap .input_write.check_wrap ul li::after{content: '|'; padding-left: 10px;}
.input_wrap .input_write.check_wrap ul li:last-child{margin-right: 0px;}
.input_wrap .input_write.check_wrap ul li:last-child:after{content: '';}
.input_wrap .input_write.check_wrap label{cursor: pointer; font-size: 14px; font-weight: 500;}

.input_wrap .input_write .justify label{height: 100%; margin-left: 10px; margin-top: 10px; border-radius: 5px; font-size: 16px; font-weight: 500; box-sizing: border-box; width: 100px; padding: 8px;}
.input_wrap .input_write .justify input[type="file"]::file-selector-button {display: none;}
.input_wrap .input50{display: flex; align-items: center; justify-content: space-between;}
.input_wrap .input50 .input_write{width: calc(100% / 2 - 10px);}
.input_wrap .input33{display: flex; align-items: flex-start; justify-content: space-between; }
.input_wrap .input33 .input_write{width: calc(100% / 3 - 10px);}
.addCont{color: #656565; margin-top: 10px; display: block; font-size: 16px;}
.input_wrap .input_write .addCont{font-size: 14px;}
.input_wrap .input_write ul{display: flex; flex-wrap: wrap; margin-top: 10px;}
.input_wrap .input_write ul li{margin-right: 30px; display: flex; flex-wrap: wrap; margin-bottom: 10px; align-items: center;}
/* .input_wrap .input_write ul li label{width: 100%;} */
.input_wrap .input_write ul li input{/* width: auto; */ margin-top: 0;}
.input_wrap .input_write ul li input.freeText{ width: auto; margin-left: 5px;}


.input_wrap .input_write input[type="checkbox"]{width: 20px !important; height: 20px !important; margin-top: 0; margin-right: 10px; cursor: pointer;}
.input_wrap .input_write input[type="radio"]{width: 20px !important; height: 20px !important; margin-top: 0; margin-right: 10px; cursor: pointer;}
.input_wrap .input_write label{cursor: pointer; vertical-align: middle;}
.input_wrap .btn_wrap ul{display: flex; justify-content: space-between;}
.input_wrap .btn_wrap ul li{width: calc(100% / 2 - 10px);}
.input_wrap .btn_wrap ul li button{width: 100%; font-size: 16px;}
/* .input_wrap .input_write input[type="checkbox"]:checked{background-color: #FF6B00;} */
.input_wrap button i{margin-right: 5px;}

.input_wrap .input_write .address input:first-child{width: 50%;}
.input_wrap .input_write .courseName{font-size: 20px; line-height: 28px; font-weight: 600; word-break: keep-all;}
.input_wrap .input_write .caption{text-align: left; margin: 10px 0 0 0;}


.btn_wrap{text-align: center;}
.btn_wrap>.btn{font-size: 16px; width: 50%;}


.agree_box{padding: 20px 30px; box-sizing: border-box; width: 100%; border: 1px solid #DCDCDC; border-radius: 5px; margin-top: 30px; display: flex; align-items: center; justify-content: space-between;}
.agree_box p{word-break: keep-all;}
.agree_box .agreeBtn ul{display: flex;}
.agree_box .agreeBtn ul li{margin-left: 20px; display: flex; align-items: center;}
.agree_box .agreeBtn ul li label{margin-left: 5px; font-size: 14px; font-weight: 500;}
.agree_box .agreeBtn ul li:first-child{margin-left: 0px;}

.border_box{padding: 20px 30px; box-sizing: border-box; width: 100%; border: 1px solid #DCDCDC; border-radius: 5px; margin-top: 15px;}
.border_box p{word-break: keep-all; font-size: 14px; line-height: 21px;}
.border_box ul{margin-top: 20px;}

.input_radio{margin-top: 10px;}
.input_radio ul{display: flex;}
.input_radio ul li{display: flex; align-items: center; margin-right: 10px; gap: 10px;}
.input_radio ul li:last-child{margin-right: 0;}
/* .input_radio ul li label{width: 100%;} */
.inputPage .input_wrap .input_write .input_radio ul li input[type="radio"]{margin-top: 0; width: 16px; margin-right: 5px;}

/* .input_radio ul li:first-child:nth-last-child(4), .input_radio ul li:first-child:nth-last-child(4) ~ li {width: calc(100% / 4 - 1px); margin-right: 0;}
.input_radio ul li:first-child:nth-last-child(5), .input_radio ul li:first-child:nth-last-child(5) ~ li {width: calc(100% / 5 - 1px); margin-right: 0;}
.input_radio ul li:first-child:nth-last-child(6), .input_radio ul li:first-child:nth-last-child(6) ~ li {width: calc(100% / 6 - 1px); margin-right: 0;} */

.input_wrap .input_write dl{display: flex; margin-bottom: 20px; align-items: center;}
.input_wrap .input_write dl dt{width: 120px;}
.input_wrap .input_write dl dd{color: #656565;}
.input_wrap .input_write dl dd.price{font-size: 24px; font-weight: 700; color: #FF6B00;}


.applyPage{width: 100%; max-width: 1300px; margin: 100px auto;}
.applyPage .applyTit{margin-bottom: 120px;}
.applyPage .applyTit h2{font-size: 48px; text-align: center;}

/* 과정신청 */
.coursePage{max-width: 1300px; margin: 0 auto; padding: 20px 0; box-sizing: border-box;}
.course_top .courseTit{padding: 20px 0; border-bottom: 1px solid #DCDCDC;}
.course_top .courseTit .courseTopic{color: #FF6B00; font-size: 18px; font-weight: 800; margin-bottom: 30px;}
.course_top .courseTit h2{font-size: 36px; line-height: 50px; word-break: keep-all;}
.course_top .courseTit .justify{margin-top: 20px;}
.course_top .courseInfo{display: flex; height: 400px; margin-top: 40px; padding-bottom: 50px; border-bottom: 1px solid #DCDCDC;}
.coursePage .share{position: relative;}
.coursePage .share i{cursor: pointer; display: block;}
.btn_wrap .sns {display: none; position: absolute; right: 20px; top: -10px;}
.btn_wrap .sns.visible {display: block;}
.coursePage .share .sns ul{display: flex; gap: 10px;}
.course_top .courseInfo .courseImg img{width: 100%; height: 100%;}
.course_top .courseInfo .courseRight{width: calc(100% - 500px); margin-left: 30px; display: flex; flex-direction: column; justify-content: space-between;}

.course_top .courseInfo .courseRight .courseCont dl{display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 15px;}
.course_top .courseInfo .courseRight .courseCont dl dt{font-weight: 700; font-size: 16px; width: 140px; color: #161616;}
.course_top .courseInfo .courseRight .courseCont dl dd{width: calc(100% - 140px); margin-bottom: 5px; color: #656565;}
.course_top .courseInfo .courseRight .courseCont dl dd strong{margin-left: 5px; color: #161616;}
.course_top .courseInfo .courseRight .courseCont dl dd.import{color: #FF6B00;}
.course_top .courseInfo .courseRight .courseCont dl dd.import span{color: #FF6B00;}
.course_top .courseInfo .courseRight .courseCont dl dd span{width: 60px; display: inline-block; color: #656565;}
.course_top .courseInfo .courseRight .courseCont dl dd span.bold{font-weight: 600;}
.course_top .courseInfo .courseRight .courseCont dl dd .btn{border-radius: 10px; margin-left: 10px; padding: 5px 10px;}


.course_top .courseInfo .courseRight .btn_wrap ul{display: flex; height: 100%; align-items: flex-end;}
.course_top .courseInfo .courseRight .btn_wrap ul li{width: 100%; margin: 0 0 0 10px;}
.course_top .courseInfo .courseRight .btn_wrap ul li:first-child{margin: 0;}
.course_top .courseInfo .courseRight .btn_wrap ul li button{width: 100%; height: 50px; font-weight: 600; font-size: 16px;}

.course_main .course_section{width: 100%; padding: 60px 0; border-bottom: 1px solid #656565;}
.course_main .course_section:last-child{border-bottom: 0;}
.course_main .course_section>h3{font-size: 24px; font-weight: 800; margin-bottom: 30px;}
.course_main .course_section .course_detail{width: 100%;}
.course_main .course_section .course_detail p{color: #656565;}
.course_main .course_section .course_detail dl dd{color: #656565; font-size: 18px; margin-bottom: 5px;}
.course_main .course_section .course_detail>dl>dd::before{content: '\F09DF'; margin-right: 5px; font-family: 'Material Design Icons';}
.course_main .course_section .course_detail img{width: 100%;}
.course_main .course_section .course_detail .caution{color: #FF6B00;}
.apply_detail{display: none;}
.apply_detail.active{display: block;}



/* 서브 연수 */
.sub_section .section_cont .section_top{border-bottom: 1px solid #ddd; margin-bottom: 40px;  padding-bottom: 20px; position: relative;}

/* 서브 컨퍼런스 달력 */
.sub_section .section_cont .section_top .section_cal{display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #ddd; flex-wrap: wrap;}
.sub_section .section_cont .section_top .section_cal .years{width: 200px; display: flex; align-items: center; padding-bottom: 20px;}
.sub_section .section_cont .section_top .section_cal .years button i{font-size: 30px;}
/* .sub_section .section_cont .section_top .section_cal .years::before{content: '\F0141'; font-family: 'Material Design Icons'; margin-left: 5px; font-size: 30px;}
.sub_section .section_cont .section_top .section_cal .years::after{content: '\F0142'; font-family: 'Material Design Icons'; margin-left: 5px; font-size: 30px;} */

.sub_section .section_cont .section_top .section_cal .years h3{font-size: 32px; font-weight: 800; text-align: center; width: 100%;}
.sub_section .section_cont .section_top .section_cal .month{width: 100%; display: flex; justify-content: space-between; align-items: center;}
.sub_section .section_cont .section_top .section_cal .month li{width: 100%; text-align: center;}
.sub_section .section_cont .section_top .section_cal .month li a{display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #979797; padding-bottom: 20px; padding-top: 10px; position: relative;}
.sub_section .section_cont .section_top .section_cal .month li a.active{color: #161616; border-bottom: 2px solid #161616; font-weight: 800;}
.sub_section .section_cont .section_top .section_cal .month li a .confer{display: block; width: 6px; height: 6px; background-color: #FF6B00; border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);}

.sub_section .tab_content{padding: 0;}
.custom-select{width: calc(100% - 220px);}
.custom-select .select-box{display: none;}

/* 서브 탭 */
.sub_tab{width: 100%;}

/* 교육신청확인 */
.tab_tbl{margin-top: 80px;}
.edu_section{display: none;}
.edu_section .section_tit .justify{position: relative;}
.edu_section .section_tit .justify .btn{font-size: 14px; font-weight: 700;}
.edu_section .section_tit .justify .btn:hover{background-color: #161616; color: #fff;}
.edu_section .section_tit .justify .btn i{font-size: 18px;}
.section .section_img{width: 100%;}
.section .section_img img{width: 100%;}


.edu_box{width: 100%; margin-top: 10px;}
.edu_box ul{display: flex; flex-wrap: nowrap;}
.edu_box ul li{width: 50%; border: 1px solid #B9B9B9; margin: 0;}
.edu_box ul li:first-child{border-right: 0;}
.edu_box ul li .box_tit{background-color: #EBF3FC; padding: 16px;}
.edu_box ul li .box_tit h2{text-align: center; font-size: 16px; font-weight: 700; color: #002169;}
.edu_box ul li .box_txt{padding: 16px; border-top: 1px solid #B9B9B9; display: flex; align-items: center;}
.edu_box ul li .box_txt dl dd{margin-bottom: 5px;}
.edu_box ul li .box_txt dl dd:last-child{margin-bottom: 0px;}

.refund_tbl table tbody tr td.mobTbl_tit{display: none;}
.refund_tbl table tbody tr td.print{display: none;}

.section_cont .step_wrap{margin-top: 20px;}
.section_cont .step_wrap img{width: 100%;}
.section_cont .step_wrap .step{display: flex; align-items: center; margin-bottom: 30px;}
.section_cont .step_wrap .step .step_tit{display: flex; align-items: center;}
.section_cont .step_wrap .step span{display: inline-block; padding: 10px 20px; background-color: #002169; color: #fff; border-radius: 20px; margin-right: 10px; font-weight: 800; font-size: 24px;}
.section_cont .step_wrap .step h3{font-size: 24px; margin-right: 60px;}
.section_cont .step_wrap .step p{font-size: 20px; color: #656565;}

.edu2{display: none;}

/* FAQ */
.tabQbtn_wrap { display: flex; justify-content: center; max-width: 1560px; margin: 0 auto; border-bottom: 1px solid #979797;}
.tabQbtn_wrap .tabQbtn { background-color: #fff; cursor: pointer; padding: 15px 40px; transition: 0.3s; font-size: 16px; font-weight: 600; width: 50%; box-sizing: border-box;}
.tabQbtn_wrap .tabQbtn:hover, .tabQbtn_wrap .tabQbtn.active { border-bottom: 1px solid #161616; font-weight: 800;}

.fold li{width: 100%;}  
.fold li:last-child { border-bottom: 1px solid #C2C2C2;}
.fold .questionBox { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-top: 1px solid #C2C2C2; cursor: pointer;}
.fold .questionBox i { font-size: 20px; margin: 0 10px 0 0;}
.fold .questionBox p {font-size: 20px; font-weight: 700; display: flex; align-items: center;}
.fold .questionBox p strong {background-color: #002169; color: #fff; margin: 0 20px; font-weight: 900; padding: 5px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%;}
.fold .view p strong {background-color: #656565; color: #fff; margin-right: 20px; font-weight: 900; padding: 5px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%;}
.fold .view { transition: height 0.3s ease-out, padding 0.3s ease-out; overflow: hidden; height: 0; background-color: #F8F8F8; padding: 0 20px;}
.fold .view .answer_wrap p{font-size: 16px; line-height: 24px; margin-bottom: 20px;}
.fold .view .answer_wrap a{color: #FF6B00; text-decoration: underline; font-size: 16px;}
.fold .view .answer_wrap img{width: 100%; margin-bottom: 20px;}
.fold .view.open { border-top: 1px solid #C2C2C2; height: auto; display: flex; padding: 20px; }
.fold .view .answer_wrap{width: 100%;}
.fold .view .answer_wrap .foldInfo{display: flex; margin-bottom: 20px; margin-top: 40px;}
.fold .view .answer_wrap .foldInfo dl{display: flex; align-items: center; margin-bottom: 20px; margin-right: 20px;}
.fold .view .answer_wrap .foldInfo dl dt{font-size: 18px; font-weight: 800; margin-right: 5px; margin-left: 20px;}
.fold .view .answer_wrap .foldInfo dl dt:first-child{margin-left: 0;}

/* 찾아오시는 길 */
.mab_setion img{width: 100%;}
.mab_setion .half_wrap{width: 100%; align-items:flex-start}
.mab_setion .half_wrap dl{width: calc(100% / 2 - 5px); padding-top: 20px; border-top: 2px solid #161616;}
.mab_setion .half_wrap dl dt{font-size: 18px; font-weight: 800; margin-bottom: 10px;}
.mab_setion .half_wrap dl dd{line-height: 24px;}
.map_tbl table tbody td.left::before{content: '·'; margin-right: 5px;}
.map_tbl .caption{color: #656565; font-size: 16px;}

/* 서브페이지-부문 */
.public_content .bg_gray{padding: 10px 0;}
.sector_wrap .sector_tit{text-align: center; margin-bottom: 60px; position: relative;}
.sector_wrap>.sector_tit>h1{font-size: 120px; font-weight: 800; margin-bottom: 20px; background: linear-gradient(270deg, #8FD5D6 0%, #8FA7D6 100%); color: transparent; -webkit-background-clip: text; display: inline-block; font-family: 'Tenada';}
.sector_wrap>.sector_tit.blue>h1{font-size: 100px; font-weight: 800; margin-bottom: 20px; color: #002169; display: inline-block; font-family: 'Tenada'; background: none;}
.sector_wrap>.sector_tit>span{color: #526FAD; font-size: 18px; font-weight: 800; display: block; margin-bottom: 10px;}
.sector_wrap>.sector_tit>h2{font-size: 30px; font-weight: 800; margin-bottom: 20px;}
.sector_wrap>.sector_tit>h3{font-size: 24px; font-weight: 800; margin-bottom: 20px;}
.sector_wrap>.sector_tit>h3 span{display: inline-block; padding: 5px; border-radius: 20px; border: 1px solid #161616; margin: 0 5px;}
.sector_wrap>.sector_tit>p{font-size: 14px; font-weight: 500; line-height: 21px;}
.sector_wrap .sector_tit img{margin: 20px 0; width: 100%;}

.sector_wrap .sector_tit dl dd{margin-left: 10px; text-align: center; color: #656565; font-size: 18px; line-height: 24px; display: flex; margin-bottom: 5px; justify-content: center;}
.sector_wrap .sector_tit dl dd::before{content: '•'; margin-right: 5px;}
.sector_wrap .sector_cont{text-align: center; margin-bottom: 60px;}
.sector_wrap .sector_cont .notice_box{background-color: #F2F2F2; padding: 10px; margin-bottom: 20px; border-radius: 10px;}
.sector_wrap .sector_cont .notice_box p{font-size: 20px; font-weight: 700;}
.sector_wrap .sector_cont .notice_box p i{font-size: 24px; margin-right: 10px;}

.sector_wrap .public_cont.card_wrap{display: flex; align-items: flex-start; justify-content: space-between;}

/* 카드 공용 스타일 */
.card{--bg-color: #d5e3fc; /* 카드의 배경색 */}
/* .box_wrap .card:first-child{padding: 20px;}
.box_wrap .card:nth-child(2){padding: 20px; border: 4px dashed #88abda; border-left: 0; border-top-left-radius: 0; border-top-right-radius: 0;} */
.box_wrap .card:first-child:nth-last-child(1), .box_wrap .card:first-child:nth-last-child(1) ~ .card {width: calc(100% / 1 - 10px); margin-right: 0;}
.box_wrap .card:first-child:nth-last-child(2), .box_wrap .card:first-child:nth-last-child(2) ~ .card {width: calc(100% / 2 - 10px); margin-right: 0;}
.box_wrap .card:first-child:nth-last-child(3), .box_wrap .card:first-child:nth-last-child(3) ~ .card {width: calc(100% / 3 - 10px); margin-right: 0;}
.box_wrap .card:first-child:nth-last-child(4), .box_wrap .card:first-child:nth-last-child(4) ~ .card {width: calc(100% / 4 - 10px); margin-right: 0;}
.box_wrap .card:first-child:nth-last-child(5), .box_wrap .card:first-child:nth-last-child(5) ~ .card {width: calc(100% / 5 - 10px); margin-right: 0;}
.box_wrap .card:first-child:nth-last-child(6), .box_wrap .card:first-child:nth-last-child(6) ~ .card {width: calc(100% / 3 - 10px); margin-right: 0;}

.card_wrap .card:first-child:nth-last-child(1), .card_wrap .card:first-child:nth-last-child(1) ~ .card {width: calc(100% / 1 - 10px); margin-right: 0;}
.card_wrap .card:first-child:nth-last-child(2), .card_wrap .card:first-child:nth-last-child(2) ~ .card {width: calc(100% / 2 - 10px); margin-right: 0;}
.card_wrap .card:first-child:nth-last-child(3), .card_wrap .card:first-child:nth-last-child(3) ~ .card {width: calc(100% / 3 - 10px); margin-right: 0;}
.card_wrap .card:first-child:nth-last-child(4), .card_wrap .card:first-child:nth-last-child(4) ~ .card {width: calc(100% / 4 - 10px); margin-right: 0;}
.card_wrap .card:first-child:nth-last-child(5), .card_wrap .card:first-child:nth-last-child(5) ~ .card {width: calc(100% / 5 - 10px); margin-right: 0;}
.card_wrap .card:first-child:nth-last-child(6), .card_wrap .card:first-child:nth-last-child(6) ~ .card {width: calc(100% / 3 - 10px); margin-right: 0;}


.card_header {background-color: var(--bg-color); display: flex; align-items: center; padding: 10px; border-radius: 10px; color: #fff; font-weight: 700; text-align: center; margin-bottom: 10px;}
/* 숫자 스타일 */
.card_number {background-color: #fff; color: var(--bg-color); font-size: 24px;  border-radius: 5px; margin-right: 10px; width: 50px; height: 50px; line-height: 50px; box-sizing: border-box;}
.card_title {font-size: 24px; font-weight: 700; color: #fff;}
.card_content{border-radius: 10px; height: 280px; background-color: #F6F7F8;}
.card_content ul {padding: 20px; font-size: 18px; color: #656565;}
.card_content ul li{display: block; margin-bottom: 5px;}
.card_content ul li.card_sub{margin-left: 5px;}

.public_cont.public_compet ul{display: flex; align-items: center;}
.public_cont.public_compet ul li{width: calc(100% / 3);}
.public_cont.public_compet ul li .circle{width: 200px; height: 200px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #fff; border: 1px solid #DCDCDC; box-sizing: border-box; overflow: hidden; margin: 0 auto 30px;}
.public_cont.public_compet ul li .circle img{width: 100%;}
/* .public_cont.public_compet ul li::after{content: url(../img/threeCircle.png); margin: 0 40px;} */
.public_cont.public_compet ul li p{font-size: 20px; font-weight: 700; text-align: center;}

.box_wrap{display: flex; justify-content: space-between; padding-bottom: 50px;}
.box_header{background-color: var(--bg-color); text-align: center; padding: 20px 10px; color: #fff; font-weight: 700; border-top-left-radius: 10px; border-top-right-radius: 10px; display: flex; justify-content: center; flex-direction: column;}
.box_header i{font-size: 30px; margin-bottom: 5px;}


.box_title {font-size: 24px; font-weight: 700; color: #fff;}
.box_content{height: 100%;}
.box_content ul {font-size: 18px; color: #656565; display: flex; flex-direction: column; justify-content: space-between; height: 100%; border-left: 1px solid var(--bg-color); border-right: 1px solid var(--bg-color); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: 1px solid var(--bg-color);}
.box_content ul li{display: flex; padding: 10px; text-align: center; border-top: 1px solid var(--bg-color); border-bottom: 0; justify-content: center; align-items: center;}
.public_cont .tbl_wrap.top_tbl thead tr th{background-color: #EBF3FC; color: #002169;}

.box_wrap .tab_box{border: 1px solid #526FAD; border-radius: 20px; overflow: hidden;}
.box_wrap .tab_box:first-child{margin-right: 20px;}
.box_wrap .tab_box .box_top{background-color: #526FAD; padding: 20px 30px; margin-bottom: 20px; height: 60px; box-sizing: border-box;}
.box_wrap .tab_box .box_top h3{color: #fff; margin: 0;}

/* .box_wrap .box .box_cont{height: 100%; display: flex; flex-wrap: wrap; flex-direction: column;} */
.box_wrap .tab_box .box_cont p{text-align: left; color: #656565; font-size: 18px; margin-bottom: 10px; padding: 0 30px;}
.box_wrap .tab_box .box_cont dl{padding: 0 30px;}
.box_wrap .tab_box .box_cont dl dd{margin-left: 10px; text-align: left; color: #656565; font-size: 18px; line-height: 24px; display: flex; margin-bottom: 5px; justify-content: flex-start;}
.box_wrap .tab_box .box_cont dl dd::before{content: '•'; margin-right: 5px;}

/* 교육 */
/* .edu_container { display: flex; justify-content: space-between; padding: 20px;}
.education_ex { width: 30%; text-align: center; position: relative;}
.education_ex h2 { font-size: 24px; margin-bottom: 10px; position: relative;}
.education_ex ul { height: 100%; display: flex; flex-direction: column; justify-content: center; position: relative;}
.education_ex ul li { background-color: #f0f0f0; margin: 5px 0; padding: 10px; border-radius: 25px; width: 100%; box-sizing: border-box; font-size: 18px; color: #656565;}
.education_ex ul li.blue { background-color: #4f78b5; color: white; padding: 20px;}
.education_ex:not(:last-child) ul::after { content: "→"; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); font-size: 1.5rem; color: #656565;} */


.edu_card_wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.edu_card{border: 1px solid #ABC8E7; border-radius: 10px; position: relative; overflow: hidden; display: flex; padding: 30px 20px; box-sizing: border-box; align-items: center; margin-bottom: 20px;}
.edu_card:first-child{margin-right: 20px;}
.edu_card h1{position: absolute; font-size: 120px; bottom: -50px; color: #ABC8E7;}
.edu_card p{margin-left: 200px; font-size: 18px; font-weight: 600; color: #656565; text-align: left;}
.edu_card p .btn{margin-top: 10px; border-radius: 5px;}
.edu_card_wrap .edu_card:first-child:nth-last-child(1), .edu_card:first-child:nth-last-child(1) ~ .edu_card {width: calc(100% / 1 - 10px); margin-right: 0;}
.edu_card_wrap .edu_card:first-child:nth-last-child(2), .edu_card:first-child:nth-last-child(2) ~ .edu_card {width: calc(100% / 2 - 10px); margin-right: 0;}
.edu_card_wrap .edu_card:first-child:nth-last-child(3), .edu_card:first-child:nth-last-child(3) ~ .edu_card {width: calc(100% / 3 - 10px); margin-right: 0;}
.edu_card_wrap .edu_card:first-child:nth-last-child(4), .edu_card:first-child:nth-last-child(4) ~ .edu_card {width: calc(100% / 2 - 10px); margin-right: 0;}
.edu_card_wrap .edu_card:first-child:nth-last-child(5), .edu_card:first-child:nth-last-child(5) ~ .edu_card {width: calc(100% / 3 - 10px); margin-right: 0;}

.edu_img{margin: 20px 0 0 0;}
.edu_img img{width: 100%;}
.edu_banner{width: 100%; height: 400px; overflow: hidden; display: flex; align-items: center;}
.edu_banner img{display: block; width: 100%; height: 100%; object-fit: cover;}

/* .edu_list{display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.edu_list .edu_ex{padding: 20px; border-radius: 10px; background-color: #F2F2F2; box-sizing: border-box; margin-bottom: 10px;} */

.edu_list {display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between;}
.edu_list .edu_ex {box-sizing: border-box; padding: 20px; border-radius: 10px; background-color: #F2F2F2; display: flex; flex-direction: column;}


.edu_list .edu_ex .edu_top{text-align: center; border-bottom: 1px dotted #979797; padding-bottom: 15px; margin-bottom: 15px; height: 70%;}
.edu_list .edu_ex .edu_top i{font-size: 40px; color: #002169; margin-bottom: 20px;}
.edu_list .edu_ex .edu_top p{font-size: 18px; font-weight: 700;}
.edu_list .edu_ex .edu_top p.hashtag{color: #FF6B00; font-size: 16px; margin-top: 10px;}
.edu_list .edu_ex .edu_top span{font-size: 16px; font-weight: 600; color: #979797; margin-top: 5px; display: block;}
.edu_list .edu_ex:first-child:nth-last-child(1), .edu_list .edu_ex:first-child:nth-last-child(1) ~ .edu_ex {width: calc(100% / 1 - 10px); margin-right: 0;}
.edu_list .edu_ex:first-child:nth-last-child(2), .edu_list .edu_ex:first-child:nth-last-child(2) ~ .edu_ex {width: calc(100% / 2 - 10px); margin-right: 0;}
.edu_list .edu_ex:first-child:nth-last-child(3), .edu_list .edu_ex:first-child:nth-last-child(3) ~ .edu_ex {width: calc(100% / 3 - 10px); margin-right: 0;}
.edu_list .edu_ex:first-child:nth-last-child(4), .edu_list .edu_ex:first-child:nth-last-child(4) ~ .edu_ex {width: calc(100% / 4 - 10px); margin-right: 0;}
.edu_list .edu_ex:first-child:nth-last-child(5), .edu_list .edu_ex:first-child:nth-last-child(5) ~ .edu_ex {width: calc(100% / 5 - 10px); margin-right: 0;}
.edu_list .edu_ex:first-child:nth-last-child(6), .edu_list .edu_ex:first-child:nth-last-child(6) ~ .edu_ex {width: calc(100% / 3 - 10px); margin-right: 0;}
/* 7개의 항목이 있을 때 첫 4개는 4열 */
.edu_list .edu_ex:first-child:nth-last-child(7),
.edu_list .edu_ex:first-child:nth-last-child(7) ~ .edu_ex:nth-child(-n+4) {
    width: calc(100% / 4 - 10px); /* 4개 열 */
}

.edu_list .edu_ex:first-child:nth-last-child(7) ~ .edu_ex:nth-child(n+5) {
    width: calc(100% / 3 - 10px); /* 3개 열 */
}

.edu_list .edu_ex:nth-child(4n), .edu_list .edu_ex:nth-child(3n) {
    margin-right: 0;
}


.edu_bot dl{display: flex; margin-bottom: 10px; align-items: center;}
.edu_bot dl dt{background-color: #002169; color: #fff; font-size: 16px; font-weight: 600; padding: 4px 10px; margin-right: 5px; border-radius: 5px;}
.edu_bot dl dd{color: #656565; font-size: 16px; font-weight: 600;}

.edu_bot .left{margin-bottom: 20px;}
.edu_bot .tit h3{font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.edu_bot .cont p{color: #656565;}

/* 타임라인 전체 스타일 */
.timeline { text-align: center; position: relative; min-width: 1040px; width: 60%; margin: 0 auto; padding-top: 40px;}
.timeline_ex {position: absolute; right: 0; top: 0; font-size: 14px; color: #526FAD; margin-bottom: 20px; left: 50%; text-align: left; overflow: hidden; }
.timeline_ex p{border: 1px solid #526FAD; display: inline-block; padding: 5px 10px; box-sizing: border-box; border-radius: 20px;}
.timeline_ex .timeline_arrow span{display: inline-block; width: calc(100% - 180px); height: 1px; border-bottom: 1px dotted #000; position: absolute; top: 50%; right: 10px; margin-left: 10px; transform: translateY(-50%);}
.timeline_ex .timeline_arrow::after{content: '\F0142'; font-family: 'Material Design Icons'; display: block; position: absolute; right: 0%; top: 50%; transform: translateY(-50%); width: auto; font-size: 16px; color: #656565;}
/* 타임라인 콘텐츠 가로 배치 */
.timeline_content { display: flex; align-items: flex-start; justify-content: center;}
.timeline_step { display: flex; flex-direction: column; align-items: center; position: relative;}

.timeline_step .arrow {min-width: 260px; width: 100%; height: 40px; background: #b3cde0; color: #fff; font-size: 16px; font-weight: bold; display: flex; justify-content: center; align-items: center; clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%, 0% 0%);}
.timeline_step:first-child .arrow { clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);}
.timeline_step:nth-child(2) .arrow {background-color: #9AB9E5;}
.timeline_step:nth-child(3) .arrow {background-color: #7C9BD5;}
.timeline_step:nth-child(4) .arrow {background-color: #5B7FC2;}

.desc-line { position: relative; margin-top: 30px;}
.desc-line::before { content: ""; width: 1px; height: 30px; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); border: 1px dotted #979797; box-sizing: border-box;}
.desc {min-width: 240px; box-sizing: border-box; background: #fff; padding: 10px 20px; border-radius: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); color: #333; font-size: 14px; text-align: center; border: 1px solid #C0D8F1; box-sizing: border-box;}
.edu_wrap .sector_cont{width: 1040px; margin: 60px auto;}
.edu_wrap .sector_cont>img{width: 100%;}
.edu_wrap .sector_cont h3{text-align: center;}
.edu_wrap .sector_cont .box{border-radius: 20px; border: 1px solid #DCDCDC; padding: 20px; margin-top: 30px; min-width: 280px; box-sizing: border-box; position: relative; color: #656565; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); font-weight: 600;}
.edu_wrap .sector_cont .box span{color: #526FAD;}
.edu_wrap .sector_cont .right.box{width: 480px; border: 1px solid #526FAD;}
.edu_wrap .edu_reason_wrap .right.box{width: 600px; text-align: left !important; background-color: #526FAD; color: #fff;}
.edu_wrap .edu_reason_wrap .reason_arrow{max-width: 100px;}
.reason_arrow{width: 100%; height: 1px; max-width: 200px; background-color: #656565; position: relative; margin-top: 30px;}
.reason_arrow::after{content: '\F0142'; font-family: 'Material Design Icons'; display: block; position: absolute; right: -100%; top: 50%; transform: translate(-50%, -50%); width: 100%; font-size: 16px; color: #656565;}

.eduEX_list{display: flex; justify-content: space-between; width: 100%; gap: 20px;}
.eduEX_list li{border: 1px solid #DCDCDC; border-radius: 20px; padding: 30px; box-sizing: border-box;}
.eduEX_list li .edu_boxCont{margin-top: 10px;}
.eduEX_list li .edu_boxCont h3{margin-bottom: 10px; color: #002169; font-weight: 700; font-size: 24px;}
.eduEX_list li .edu_boxCont dl{margin-top: 10px;}
.eduEX_list li .edu_boxCont dl dd{text-align: left; margin-bottom: 5px;}

.edu_left{width: 50%; position: absolute; top: 0; border-top: 4px dotted #FF6B00; padding-top: 20px; margin-top: 0px;}
.edu_left h3{padding: 10px 30px; color: #FF6B00; background-color: #FFF8F2; display: inline-block; border-radius: 5px;}
.edu_left h3::after{content: ''; width: 100px; height: 30px; display: block; position: absolute; left: 50%; transform: translateX(-50%); clip-path: polygon(50% 100%, 0 0, 100% 0); background-color: #FF6B00; margin-top: 20px;}
.edu_tbl{--br-color: #b9b9b9}
.edu_tbl{border-radius: 20px; overflow: hidden; border: 1px solid var(--br-color); margin-bottom: 10px; }
.edu_tbl table{border: 0; overflow: hidden;}
.edu_tbl table tbody tr th{border: 0; background-color: var(--br-color); color: #fff;}
.edu_tbl table tbody tr td{border: 0; border-bottom: 1px solid var(--br-color); color: #656565;}
.edu_tbl table tbody tr td:last-child{border-bottom: 0;}
.edu_wrap .mob{padding: 0 20px; box-sizing: border-box;}
.mob .edu_tbl table tbody tr td:last-child{border-bottom: 1px solid var(--br-color);}
.mob .edu_tbl table tbody tr:last-child td{border-bottom: 0;}
.edu_tbl table tbody tr:first-child td:last-child{border-left: 1px solid var(--br-color);}
.edu_tbl table tbody tr:nth-child(2) td{border-bottom: 1px solid var(--br-color);}
.edu_tbl table tbody tr:only-child td{border-bottom: 0;}
.edu_tbl table tbody tr:only-child td:first-child{border-right: 1px solid var(--br-color);}
.edu_tbl table tbody tr td dl dt{text-align: left; font-weight: 800; margin-top: 10px; margin-bottom: 5px;}
.edu_tbl table tbody tr td dl dd{text-align: left; margin-bottom: 3px;}

/* .edu_tbl table tbody tr:last-child td{border-top-right-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden;} */

/* cx부문 */
.cx_cont{display: flex; justify-content: space-between;}
.cx_cont .cx_card{width: calc(100% / 3 - 10px); height: 200px; border: 1px solid #B9B9B9; padding: 20px; box-sizing: border-box; text-align: left; display: flex; flex-direction: column; justify-content: center; border-radius: 10px;}
.cx_cont .cx_card h3{font-size: 20px; color: #002169; font-weight: 800; text-align: left; margin-bottom: 10px;}
.cx_cont .cx_card dl dd{font-size: 14px; justify-content: flex-start; text-align: left; margin-left: 0;}
.cx_cont .cx_card dl dd::before{content: '';}
.cx_cont .cx_card p{font-size: 14px; line-height: 21px;}
.cx_cont .cx_card:last-child{border: 1px solid #C0D8F1; background-color: #EBF3FC;}


.cx_tblEX{margin-bottom: 20px;}
.cx_tblEX ul{display: flex;}
.cx_tblEX ul li{display: flex; margin-right: 20px; align-items: center;}
.cx_tblEX ul li .square{width: 40px; height: 20px; margin-right: 5px;}



/* .ex_wrap .main_cont{background-color: #f8f8f8; padding-top: 150px; margin-top: -180px; padding-bottom: 20px;} */

/* ex부문 */
.ex_wrap .main_cont .main_text ul{display: flex; width: 100%; justify-content: space-between; margin: 0 0 10px 0;}
.ex_wrap .main_cont .main_text ul li{text-align: center; width: calc(100% / 6 - 5px); padding: 30px 10px; box-sizing: border-box; background-color: #fff; border-radius: 10px;}
.ex_wrap .main_cont .main_text ul li.tit{background-color: #9AB9E5; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.ex_wrap .main_cont .main_text ul li.tit p{margin: 0;}
/* .ex_wrap .main_cont .main_text ul:first-child li.tit{padding: 60px 0;} */
.ex_wrap .main_cont .main_text ul:first-child li.tit span{width: 10px; height: 1px; background-color: #fff; display: inline-block; margin: 5px 0;}
.ex_wrap .main_cont .main_text ul:last-child li.tit{justify-content: center;}
.ex_wrap .main_cont .main_text ul li.tit p{color: #fff; font-weight: 600; font-size: 18px;}

.ex_wrap .main_cont .main_text ul li h2{font-size: 16px; color: #273461; word-break: keep-all; font-weight: 600;}
.ex_wrap .main_cont .main_text ul li h2 span{font-size: 32px; color: #273461;}
.ex_wrap .main_cont .main_text ul li p{word-break: keep-all; font-size: 14px; margin: 10px 0 0 0;}
.ex_wrap .main_cont .main_text ul li dl{margin: 10px 0 0 0;}
.ex_wrap .main_cont .main_text ul li dl dd{font-size: 14px; text-align: center;}
.ex_wrap .main_cont .main_text ul li dl dd::before{content: '·';}

.ex_wrap .main_caption{text-align: left; padding-right: 20px;}
.ex_wrap .main_caption p{color: #666666; font-size: 14px;}

.ex_titEx{padding: 5px 20px; background-color: #002169; color: #fff; display: inline-block; border-radius: 20px; font-size: 18px; margin-bottom: 20px;}

.ex_wrap{--circle-color: #526FAD;}
.step_circles{width: auto; display: inline-flex; justify-content: center; padding: 20px; box-sizing: border-box; background-color: #F8F8F8; gap: 50px; margin-top: 10px; border-radius: 240px;}
.step_circles .circle{width: 240px; height: 240px; background-color: #fff; border-radius: 100%; position: relative; padding: 20px; display: flex; justify-content: center; align-items: center; border: 1px solid var(--circle-color);}
.step_circles .circle .step_comment{background-color: var(--circle-color); position: absolute; right: 20px; top: 0; clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 20% 10%); width: 40px; height: 40px; color: #fff; font-size: 18px; font-weight: 800; display: flex; justify-content: center; align-items: center;}
.step_circles .circle h2{margin-bottom: 10px; font-weight: 700; font-size: 24px; color: var(--circle-color);}
.step_circles .circle dl dd{color: #656565; margin-bottom: 3px;}

.ex_wrap .section.steps{width: 1040px; margin: 60px auto;}
.ex_wrap .section.steps .section_cont .step_contWrap{display: flex; justify-content: center; gap: 20px;}
.ex_wrap .section.steps .section_cont .step_contWrap>.step_cont{width: 520px; padding: 10px 0;}
.ex_wrap .section.steps .section_cont .step_contWrap .step_cont:first-child{border-right: 1px solid #DCDCDC;}
.ex_wrap .section.steps .section_cont .step_contWrap .step_cont h3{margin-bottom: 20px; font-size: 20px; font-weight: 700;}
.ex_wrap .section.steps .section_cont .step_contWrap .step_cont p{color: #656565;}

.ex_wrap .section.steps .section_cont .step_point{display: flex; width: 100%; padding: 20px; background-color: #EBF3FC; border: 1px solid #C0D8F1; border-radius: 20px; align-items: center; margin-top: 20px; box-sizing: border-box;}
.ex_wrap .section.steps .section_cont .step_point .pointTit{display: flex; margin-right: 20px; font-size: 20px; color: #526FAD;}
.ex_wrap .section.steps .section_cont .step_point .pointTit h3{color: #526FAD; margin-left: 10px;}
.ex_wrap .section.steps .section_cont .step_point .pointCont p{color: #656565;}
.ex_wrap .section.steps .section_cont .step_point .pointCont span{color: #526FAD;}

.step_square{width: auto; display: inline-flex; justify-content: center; padding: 20px; box-sizing: border-box; background-color: #F8F8F8; gap: 50px; margin-top: 10px; border-radius: 240px;}
.step_square .square{width: 240px; height: 240px; background-color: var(--circle-color); border-radius: 20px; position: relative; padding: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.step_square .square .square_tit{padding: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.step_square .square .square_tit h3{color: #fff; font-size: 24px;}
.step_square .square .square_tit p{color: #fff; font-size: 16px;}
.step_square .square .square_cont p{font-size: 14px; font-weight: 600; line-height: 21px; color: #fff;}
.step_square .square .square_cont span{font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.5); display: inline-block; margin-top: 10px;}

.step_square .square h2{margin-bottom: 10px; font-weight: 700; font-size: 24px; color: var(--circle-color);}
.step_square .square dl dd{color: #656565; margin-bottom: 3px;}


/* 뭉치면 연다 */
.eduWt_cont1 .btn_wrap{display: flex; justify-content: space-between;}
.eduWt_cont1 .btn_wrap .btn{border-radius: 20px; box-shadow:  5px 4px 4px rgba(0, 0, 0, 0.1);}
.eduWt_cont2{display: flex;}
.eduWt_cont2 .box:nth-child(1){margin-top: 60px;}
.eduWt_cont2 .box:nth-child(2){margin-bottom: 40px;}
.eduWt_cont2 .box:nth-child(3){margin-top: 60px;}


.speech_wrap{width: 750px; margin: 0 auto;}
.speech_wrap .speech{display: flex; justify-content: flex-end; margin: 20px 0;}
.speech_wrap .speech:nth-child(2){justify-content: flex-start;}
.speech_wrap .speech p{text-align: center; color: #fff; background: rgba(255, 255, 255, 0.3); padding: 20px; border-radius: 20px;}

.sector_wrap>.sector_tit .box.blue{background-color: #002169; padding: 20px; display: inline-block; text-align: center; width: 1040px; position: absolute; bottom: -60%; left: 50%; transform: translateX(-50%); border-radius: 20px;}
.sector_wrap>.sector_tit .box.blue p{color: #fff; font-size: 32px;}
.sector_wrap>.sector_tit .box.blue span{color: #EBF3FC; font-size: 16px; font-weight: 700; margin-bottom: 20px; display: block;}

.bg_blue{padding: 10px 0;}
.bg_blue .import{text-align: center; color: #fff;}
.bg_blue .import i{font-size: 40px;}
.bg_blue .import p{text-align: center; color: #fff; font-size: 20px; line-height: 48px;}
.bg_blue .import span{text-align: center; color: #fff; font-size: 28px; background-color: #526FAD;}
.bg_blue .import .import_tit h2{color: #fff; font-family: 'Tenada'; font-size: 80px;}


.eduWt_list{display: flex; justify-content: space-between; width: 100%; gap: 20px;}
.eduWt_list li{border: 1px solid #DCDCDC; border-radius: 20px; padding: 30px; box-sizing: border-box; background-color: #fff; width: calc(100% / 4);}
.eduWt_list li .eduWt_boxCont{margin-top: 10px;}
.eduWt_list li .eduWt_boxCont h2{margin-bottom: 30px; color: #161616; font-weight: 700; font-size: 32px; display: block; width: 100%; border-bottom: 1px solid #DCDCDC; padding-bottom: 30px;}
.eduWt_list li .eduWt_boxCont dl{margin-top: 10px;}
.eduWt_list li .eduWt_boxCont dl dd{text-align: left; margin-bottom: 5px; font-weight: 600; font-size: 16px; line-height: 24px; color: #656565; word-break: keep-all;}
.eduWt_list li .eduWt_boxCont dl dd.caption{color: #B9B9B9;}
.eduWt_list li .eduWt_boxCont dl dd .point{color: #526FAD; text-decoration: underline;}
.eduWt_list li .eduWt_boxCont .btn{margin-top: 100px; width: 100%; color: #656565; font-size: 14px; font-weight: 700;}
.eduWt_list li .eduWt_boxCont .eduWt_choice{margin-top: 20px;}
.eduWt_list li .eduWt_boxCont .eduWt_choice .choice_wrap h3{background-color: #979797; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: 800; display: inline; border-radius: 5px;}
.eduWt_list li .eduWt_boxCont .eduWt_choice .choice_wrap p{color: #979797; font-size: 14px; margin: 10px 0; word-break: keep-all;}

.eduWt_step{display: flex; gap: 10px; flex-wrap: wrap; justify-content: space-between;}
.eduWt_step .eduWt_stepBox{width: calc(100% / 2 - 20px); box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 20px; box-sizing: border-box; padding: 20px; position: relative; margin-bottom: 50px; border: 1px solid #eee;}
.eduWt_step .eduWt_stepBox .eduWt_stepNum{position: absolute; top: 0%; background: linear-gradient(to left,  #8FD5D6 0%, #8FA7D6 100%); border-radius: 20px; box-sizing: border-box; transform: translateY(-50%); padding: 5px 10px;}
.eduWt_step .eduWt_stepBox .eduWt_stepNum h2{color: #fff; font-size: 18px; font-weight: 800;}
.eduWt_step .eduWt_stepBox .eduWt_stepCont{display: flex; justify-content: space-between; align-items: center; height: 100%;}
.eduWt_step .eduWt_stepBox .eduWt_stepCont h3{font-weight: 700; font-size: 20px; margin: 10px 0;}
.eduWt_step .eduWt_stepBox .caption{text-align: left; color: #B9B9B9; font-size: 12px; font-weight: 600; line-height: 18px; margin: 10px 0 0 0;}

/* 얼리버드멤버십 */
.early_wrap .sector_wrap .sector_tit>h1{color: #656565; font-family: 'SUITE'; font-weight: 900; font-size: 80px;}
.early_wrap .sector_wrap .sector_tit>h1 span{color: #526FAD; font-weight: 900; font-family: 'SUITE';}
.early_wrap .sector_wrap .sector_tit>h2{font-size: 36px; font-weight: 800; font-family: 'SUITE';}
.early_wrap .sector_wrap .sector_tit>h2 span{font-size: 36px; font-weight: 800; font-family: 'SUITE';}
.early_wrap .tbl_wrap.early_tbl table thead tr th, .early_wrap .tbl_wrap.early_tbl table tbody tr td{border-color: #526FAD;}
.early_wrap .tbl_wrap.early_tbl table thead tr th{background-color: #526FAD; color: #fff;}
.early_wrap .tbl_wrap.early_tbl table tbody tr td{position: relative;}
.early_wrap .tbl_wrap.early_tbl table tbody tr td:nth-child(3){color: #F40606;}
.early_wrap .tbl_wrap.early_tbl table tbody tr:last-child td{color: #F40606;}
.early_wrap .tbl_wrap.early_tbl table tbody tr td span{background-color: var(--bg-color); color: #fff; box-sizing: border-box; padding: 3px 10px; border-radius: 5px; display: inline-block; margin-left: 10px; position: absolute; top: 50%; right: -10%; transform: translateY(-50%); font-weight: 600;}
.early_wrap .tbl_wrap.early_tbl .table_caption{display: flex; justify-content: space-between; margin-top: 10px;}

.early_list {display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between;}
.early_list .early_ex {box-sizing: border-box; padding: 20px; border-radius: 10px; background-color: #F2F2F2; display: flex; flex-direction: column; width: calc(100% / 3 - 10px);}
.early_list .early_ex .early_cont{text-align: center;}
.early_list .early_ex .early_cont i{font-size: 40px; color: #002169; margin-bottom: 20px;}
.early_list .early_ex .early_cont p{font-size: 18px; font-weight: 700;}
.early_list .early_ex .early_cont span{font-size: 16px; font-weight: 600; color: #979797; margin-top: 5px; display: block; word-break: keep-all; box-sizing: border-box; padding: 0 50px;}
.early_list .early_ex:nth-last-of-type(-n+4){width: calc(100% / 4 - 10px);}
.early_list .early_ex:nth-last-of-type(-n+4) .early_cont span{padding: 0 20px;}

.early_vipTit i{color: #FFE26D; font-size: 60px;}
.early_vipTit h2{color: #fff; font-size: 24px;}
.early_vipTit span{color: #88ABDD; font-size: 20px; font-weight: 800;}

.early_vip{display: flex; gap: 20px;}
.early_vipBox{background-color: #526FAD; border: 1px solid #fff; border-radius: 20px; box-sizing: border-box; padding: 20px; width: calc(100% / 3 - 10px);}
.early_vipBox h3{color: #fff; font-size: 18px; font-weight: 700;}
.early_vipBox i{color: #fff; display: block; margin: 10px 0; font-size: 40px;}
.early_vipBox p{color: #fff; font-size: 16px; font-weight: 400; line-height: 24px; padding: 0 50px; word-break: keep-all; opacity: 70%;}

.entryList{display: flex; gap: 10px;}
.entryList .entry{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #DCDCDC;}
.entryList .entry p{font-weight: 700; font-size: 20px;}
.entrySum{display: flex; justify-content: flex-end; align-items: center; border-bottom: 1px solid #DCDCDC; padding-bottom: 10px; margin-bottom: 30px;}
.entrySum h3{color: #FF6B00; margin-left: 10px;}

@media only screen and (min-width:1px) and (max-width:799px) {
    .mob{display: block; width: 100%;}
    .pc{display: none;}


    #scrollLink{display: none;}
    #scrollToTop button{bottom: 10px; right: 10px;}
    .searchPopup .popup_wrap .searchTop .close{display: block; position: absolute; right: 20px; cursor: pointer;}
    .searchPopup .popup_wrap .searchTop::after{margin-right: 20px;}
    .searchPopup .popup_wrap{width: 100%; top: 0; right: 0;}
    .searchPopup .popup_wrap .searchTop{border-radius: 0; margin-bottom: 0;}
    .searchPopup .popup_wrap .searchMid{border-radius: 0;}

    .tab_content{padding: 20px;}
    .sub_section .tab_content{padding: 20px;}
    .tabs .tab_btns .tab-link{padding: 15px 0;}
    .tab_class .right_btn button{width: 100%;}
    .class_wrap>ul{flex-wrap: wrap; justify-content: space-between;}
    .class_wrap>ul>li{width: calc(100% / 2 - 5px); margin-bottom: 30px; margin-right: 0;}
    .class_wrap>ul>li .class_img{height: 160px;}
    .class_wrap>ul>li .class_img img{height: 100%; object-fit: cover;}
    .date_count p{font-size: 18px; margin-left: 15px;}
    .price p{font-size: 16px;}
    .new p{padding: 3px 6px; font-size: 12px;}


    /* 달력 */
    .calendar_wrap{padding: 0 20px; box-sizing: border-box; overflow: hidden;}
    .calendar_top{position: relative; flex-direction: column;}
    .calendar_left{width: 100%; justify-content: space-between;}
    .calendar_right{width: 100%; justify-content: space-between;}
    .calendar_left .calendar_tab ul{width: 100%;}
    .calendar_left .calendar_tab ul li{width: 60px; text-align: center; padding: 13px 20px; }
    /* .month #monthYear{margin: 0;} */
    .day-names{background-color: transparent;}
    .day-names div{font-size: 13px; color: #161616;}
    .days{border: 0;}
    .days>div{width: 40px; height: 40px; text-align: center; border: 0; border-radius: 40px; margin: 5px auto;}
    .mobClass{background-color: #f2f2f2;}
    .mobClass.active{background-color: #161616;}
    .mobClass.active span{color: #fff;}
    .days>div span{float: none;}
    .classList{display: none;}
    .days .today{border: 0;}
    .today span{background: transparent; width: auto; height: auto; line-height: normal; color: #161616;}
    .today span::after{content: ''; position: absolute; top: 0; right: 0; width: 8px; height: 8px; background-color: #F35E2F; border-radius: 8px;}
    
    .calendar_class{display: block; position: relative; height: 280px; margin-top: 40px;}
    .calendar_class .swiper-slide{height: 240px;}
    .calendar_class .swiper-slide img{width: 100%; height: 180px; object-fit: cover;}
    .calendar_class .swiper-slide .slide_wrap{display: flex; justify-content: space-between;}
    .calendar_class .swiper-slide .slide_wrap .slide_img{position: relative; margin-right: 15px;}
    .calendar_class .swiper-slide .slide_ment{width: 50%;}
    p.tit{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
    .calendar_class .swiper-slide .classDetail{display: block; width: 100%; padding: 10px 0; text-align: center; border: 1px solid #161616; margin-top: 20px;}
    .calendar_class .swiper-slide .classDetail::after{content: '\F0142'; font-family: 'Material Design Icons'; margin-left: 5px; font-size: 16px;}

    /* .calendar_class .swiper-pagination{position: absolute; top: 0; right: 0; text-align: right; padding: 10px 10px 0 0; box-sizing: border-box;} */
    .calendar_class .swiper-pagination .swiper-pagination-bullet{background-color: transparent; border: 1px solid #000; margin-right: 14px; opacity: 1;}
    .calendar_class .swiper-pagination .swiper-pagination-bullet-active{background-color: #000;}

    .month h2{font-size: 20px;}
    .dailyClass .dailyTit h2{font-size: 16px;}
    /* 푸터 */
    .footer_menu{flex-direction: column;}
    .footer_menu .footer_menuRight{width: 100%; margin-top: 30px;}
    .footer_menu .footer_menuRight select{width: 100%;  position: relative;}

    /* 서브페이지 */
    .content_tit{padding: 20px;}
    .content_tit h2{font-size: 32px;}
    .sub_content .sub_slide{margin-left: 20px; padding-right: 80px;}
    .sub_content .sub_slide .swiper-pagination-bullets{bottom: -20px; text-align: left;}
    .sub_content .sub_slide .slide_ment .main_tit h2{font-size: 28px;}

    .mob_Box{padding: 20px; border: 1px solid #B9B9B9; margin-bottom: 15px;}
    .mob_class {margin-bottom: 20px;}
    .mob_class .mob_boxTit h2{font-size: 16px; margin-bottom: 6px;}
    .mob_class .mob_boxTit span{font-size: 12px;}
    .mob_boxCont{margin-top: 20px;}
    .mob_boxCont dl{display: flex; margin-bottom: 6px;}
    .mob_boxCont dl dt{color: #656565; font-size: 14px; font-weight: 600; margin-right: 10px;}
    .mob_boxCont dl dd{color: #161616; font-size: 14px; font-weight: 600;}
    .mob_boxCont dl dd span{margin-right: 10px;}
    .mob_boxCont dl dd span:last-child{margin-right: 0;}
    

    /* 신청페이지 */
    .top_banner{height: 360px;}
    .banner_cont p{font-size: 36px;}
    .banner_cont h2{font-size: 20px;}
    .inputPage{flex-direction: column; align-items: center; padding: 0 20px; box-sizing: border-box; margin: 60px auto;}
    .inputPage .inputLeft{width: 100%; margin-left: 0 !important;}
    .inputPage>h2{font-size: 28px;}
    .inputPage>p{margin-top: 10px; width: 275px;}

    .inputPage .inputRight{width: 100%; margin-top: 50px; margin-right: 0 !important;}
    
    
    /* 신청페이지 + 과정신청페이지 */
    
    .caption{ text-align: left; font-size: 12px;}
    .inputTit h3{font-size: 20px;}

    .agree_box{flex-direction: column; align-items: flex-start;}
    .agree_box .agreeBtn{margin-top: 10px;}
    
    .input_radio ul{flex-wrap: wrap; justify-content: flex-start;}
    .input_radio ul li{/* width: calc(100% / 3 - 5px); */ margin-bottom: 10px;}
    .input_radio ul li:first-child:nth-last-child(4), .input_radio ul li:first-child:nth-last-child(4) ~ li {width: 100%;}
    .input_radio ul li:first-child:nth-last-child(5), .input_radio ul li:first-child:nth-last-child(5) ~ li {width: 100%;}
    .input_radio ul li:first-child:nth-last-child(6), .input_radio ul li:first-child:nth-last-child(6) ~ li {width: 100%;}

    .input_wrap{padding: 0 20px;}
    .input_wrap .input50{flex-direction: column;}
    .input_wrap .input_write .justify label{font-size: 14px;}
    .input_wrap .input50 .input_write{width: calc(100% - 10px);}
    .input_wrap .input33{flex-direction: column;}
    .input_wrap .input33 .input_write{width: calc(100% - 10px);}
    .entryList{flex-direction: column;}


    .input_wrap .input_write .flex.mail{flex-wrap: wrap;}
    .input_wrap .input_write .flex.mail input[type="text"]{width: auto; margin-top: 10px;}
    .input_wrap .input_write .flex.mail input[type="text"]:first-child{width: 100%; margin: 0;}
    .input_wrap .input_write .flex.mail select{width: auto; margin-top: 10px;}

    /* 과정신청 */
    .course_wrap .popup_wrap{width: 90%; min-width: 350px; box-sizing: border-box;}
    .course_wrap .popup_wrap .popup_cont .popup_txt h3{font-size: 18px; font-weight: 700; margin-bottom: 10px;}
    .course_wrap .popup_wrap .popup_cont .scroll{height: 150px; overflow: auto;}
    .course_wrap .popup_wrap .popup_cont .input_wrap{padding: 0;}
    .course_wrap .popup_wrap .popup_cont .input_wrap .input50{flex-direction: column;}
    .course_wrap .popup_wrap .popup_cont .input_wrap .input50 .input_write{width: 100%; margin-bottom: 20px;}
    .terms_text{padding: 20px; box-sizing: border-box; background-color: #fafafa;}


    .course_top .courseTit h2{font-size: 24px; line-height: 32px;}
    .course_top .courseInfo{flex-direction: column; height: auto;}
    .course_top .courseInfo .courseRight{margin: 30px 0 0 0;}
    .course_top .courseInfo .courseRight .courseCont dl dt{width: 80px;}
    .course_top .courseInfo .courseRight .courseCont dl dd{width: calc(100% - 80px);}
    .course_top .courseInfo .courseRight .btn_wrap ul{flex-direction: column;}
    .course_top .courseInfo .courseRight .btn_wrap ul li{margin-top: 10px;}
    
    .applyPage{box-sizing: border-box;}
    .applyPage .applyTit{margin-bottom: 60px;}
    .applyPage .applyTit h2{font-size: 28px;}
    .input_wrap .input_write.check_wrap ul li{display: flex; margin-bottom: 20px;}
    .input_wrap .input_write.check_wrap ul li::after{content: '';}
    .input_wrap .input_write ul{flex-direction: column;}
    .input_wrap .input_write ul li{justify-content: flex-start;}
    .input_wrap .input_write ul li label{width: auto; white-space: nowrap; margin-right: 5px;}
    .input_wrap .input_write .address input:first-child{width: 100%;}

    /* 표 */
    .section{margin: 40px 0;}
    .section .section_cont{margin: 40px auto; padding: 0 !important;}
    .section .section_tit h2{font-size: 28px; margin-bottom: 10px;}
    .section .section_tit .justify p{margin: 10px 0;}
    .section .section_tit h3{font-size: 20px; margin-bottom: 20px;}

    .section .section_cont .section_top{flex-direction: column;}
    .section .section_cont .section_top .section_topLeft{width: 100%; flex-wrap: wrap;}
    .section .section_cont .section_top .select_wrap{display: flex; justify-content: space-between; width: 100%;}
    .section .section_cont .section_top .select_wrap select{width: 100%;}
    .section .section_cont .section_top .select_wrap select:last-child{margin-right: 0;}
    .section .section_cont .section_top .search_wrap{width: 100%; margin: 10px 0; display: flex;}
    .section .section_cont .section_top .search_wrap input{width: calc(100% - 80px);}
    .section .section_cont .section_top .search_wrap .btn{width: 80px;}
    
    .section .section_cont .section_top .section_topRight{width: 100%; flex-wrap: wrap;}
    .section .section_cont .section_top .section_topRight .btn{width: 100%; margin-top: 10px;}
    .section.notice_section .section_cont .section_top .section_topRight .btn{width: 100px;}

    .tbl_wrap.top_tbl table{border: 0;}
    .tbl_wrap.top_tbl table thead{display: none;}
    .tbl_wrap.top_tbl.notice_tbl table thead{display: block;}
    .tbl_wrap.top_tbl table tbody tr{display: flex; flex-wrap: wrap; position: relative; padding: 16px; box-sizing: border-box; border: 1px solid #B9B9B9; border-bottom: 0;}
    .tbl_wrap.top_tbl table tbody tr:last-child{border-bottom: 1px solid #B9B9B9;}
    .tbl_wrap.top_tbl table tbody tr td{border: 0; margin: 0; padding: 0; text-align: left; font-size: 14px; width: calc(100% - 100px); margin-top: 4px; margin-left: 50px;}

    /* 모달팝업 */
    .modal_popup{padding: 20px; top: 120px;}
    .modal_popup .popup_tit button{margin-bottom: 20px;}
    .modal_popup .tbl_wrap.top_tbl table tbody tr td{margin-left: 0; color: #161616; font-size: 14px; font-weight: 600; width: 100%;}
    .modal_popup .tbl_wrap.top_tbl table tbody tr td.work{color: #979797;}
    .modal_popup .tbl_wrap.top_tbl table tbody tr td.name{font-size: 16px; font-weight: 700; margin-bottom: 15px;}
    .modal_popup .tbl_wrap.top_tbl table tbody tr td.tel::before{content: '연락처'; margin-right: 10px; color: #656565;}
    .modal_popup .tbl_wrap.top_tbl table tbody tr td.mail::before{content: '이메일주소'; margin-right: 10px; color: #656565;}

    .tbl_wrap.top_tbl table tbody tr td.num{order: 1; width: 50px; height: 100%; font-size: 16px !important; font-weight: 600 !important; text-align: center; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; margin-left: 0;}
    .tbl_wrap.class_tbl table tbody tr td.day{order: 2; width: calc(100% - 100px); margin-left: 50px; color: #979797; font-size: 14px;}
    .tbl_wrap.class_tbl table tbody tr td.tit{order: 3; margin-bottom: 15px; font-weight: 700; font-size: 16px; line-height: 20px;}
    .tbl_wrap.class_tbl table tbody tr td.name{order: 4;}
    .tbl_wrap.class_tbl table tbody tr td.name::before{content: '수강생 명'; color: #656565; margin-right: 10px;}
    .tbl_wrap.class_tbl table tbody tr td.team{order: 5;}
    .tbl_wrap.class_tbl table tbody tr td.team::before{content: '부서'; color: #656565; margin-right: 10px;}
    .tbl_wrap.class_tbl table tbody tr td.birth{order: 6;}
    .tbl_wrap.class_tbl table tbody tr td.birth::before{content: '생년월일'; color: #656565; margin-right: 10px;}
    .tbl_wrap.class_tbl table tbody tr td.apply{order: 7;}
    .tbl_wrap.class_tbl table tbody tr td.apply::before{content: '신청날짜'; color: #656565; margin-right: 10px;}
    .tbl_wrap.class_tbl table tbody tr td.refund{order: 8;}
    .tbl_wrap.class_tbl table tbody tr td.refund::before{content: '환급비'; color: #656565; margin-right: 10px;}
    .tbl_wrap.class_tbl table tbody tr td.amount{order: 9;}
    .tbl_wrap.class_tbl table tbody tr td.amount::before{content: '금액'; color: #656565; margin-right: 10px;}
    .tbl_wrap.class_tbl table tbody tr td.print{order: 10; width: 50px; height: 100%; position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; margin-left: 0;}

    /* 공지사항 */
    .notice_section .justify{flex-direction: column; align-items: flex-start;}
    .notice_section .justify .btn{margin-top: 10px;}
    .tbl_wrap.notice_tbl table thead tr th.day, .tbl_wrap.top_tbl.notice_tbl table thead tr th.check{display: none;}
    .tbl_wrap.notice_tbl table thead tr{width: 100%;}
    .tbl_wrap.notice_tbl table thead tr th.num{width: 50px;}
    .tbl_wrap.notice_tbl table thead tr th.tit{width: 100%;}
    .tbl_wrap.notice_tbl table tbody tr td.day{order: 2; width: calc(100% - 100px); margin-left: 50px; color: #979797; font-size: 14px;}
    .tbl_wrap.notice_tbl table tbody tr td.tit{order: 3; margin-bottom: 15px; font-weight: 700; font-size: 16px; line-height: 20px;}
    .tbl_wrap.notice_tbl table tbody tr td.check{order: 4;}
    .tbl_wrap.notice_tbl table tbody tr td.check::before{content: '조회'; color: #656565; margin-right: 10px;}

    .notice_download ul{display: flex; justify-content: space-between;}
    .notice_download ul li{width: calc(100% / 2 - 10px);}

    .notice_footer .btn{width: calc(50% - 10px);}

    .custom-select{position: relative; width: 200px;}
    .custom-select .select-box{display: flex; justify-content: space-between; align-items: center; padding: 10px; border: 1px solid #ccc; background-color: #fff; cursor: pointer;}
    .custom-select .select-box::after{content: '\F0140'; font-family: 'Material Design Icons'; font-size: 16px; color: #B9B9B9;}
    .sub_section .section_cont .section_top .section_cal .month.options { position: absolute; width: 100%; border: 1px solid #ccc; background-color: #fff; list-style: none; margin: 0; padding: 0; display: none; /* Initially hidden */ z-index: 10; box-sizing: border-box;}
    .sub_section .section_cont .section_top .section_cal .month.options li { padding: 10px; cursor: pointer; box-sizing: border-box; border-bottom: 1px solid #ddd;}
    .sub_section .section_cont .section_top .section_cal .month.options li:last-child{border-bottom: 0;}
    .sub_section .section_cont .section_top .section_cal .month.options li:hover { background-color: #eee;}
    .sub_section .section_cont .section_top .section_cal .month li a{padding: 0; height: auto;}
    .sub_section .section_cont .section_top .section_cal .month li a.active{border-bottom: 0;}

    /* 서브 탭 */
    .tab-container{margin: 0;}
    .sub_content .tab_content .tab_class{position: relative;}
    .sub_content .tab_content .tabs .tab_btns.sub_tab{width: 100%; overflow: auto; justify-content: flex-start; border-radius: 0;}
    .sub_tab{}
    .sub_content .tab_content .tabs .tab_btns.sub_tab button{white-space: nowrap; min-width: 160px;}
    .sub_content .tab_content .tabs{left: 0; width: 100%; cursor: grab;}
    .sub_content .tab_content .tabs .tab_btns::-webkit-scrollbar{height: 0;}
    .sub_content .tab_content .tabs .tab_btns button{padding: 15px 5px;}
    .sub_content .tab_content .tabs .tab_btns.sub_tab button{width: 100% !important;}
    
    /* 교육신청확인 */
    .tbl_wrap.edu_tbl{margin-top: 40px;}
    .tbl_wrap.edu_tbl table tbody tr td{margin-left: 0; width: 100%;}
    .tbl_wrap.edu_tbl table tbody tr td.pro{order: 2; margin-bottom: 15px; font-weight: 700; font-size: 16px; line-height: 20px;}
    .tbl_wrap.edu_tbl table tbody tr td.day{order: 1; color: #979797;}
    .tbl_wrap.edu_tbl table tbody tr td.dayNum{order: 3;}
    .tbl_wrap.edu_tbl table tbody tr td.dayNum::before{content: '일수'; color: #656565; margin-right: 10px;}
    .tbl_wrap.edu_tbl table tbody tr td.code{order: 4;}
    .tbl_wrap.edu_tbl table tbody tr td.code::before{content: '추천코드'; color: #656565; margin-right: 10px;}
    .tbl_wrap.edu_tbl table tbody tr td.check .btn{display: none;}
    .tbl_wrap.edu_tbl table tbody tr td.check{order: 5; width: 100%; border: 1px solid #161616; color: #161616; margin-bottom: 10px; text-align: center; padding: 5px 0; text-align: center;}
    .tbl_wrap.edu_tbl table tbody tr td.check::before{content: '입금확인증 신청'; font-size: 14px; font-weight: 700;}
    .tbl_wrap.edu_tbl table tbody tr td.print{color: #161616; display: flex; justify-content: center; align-items: center;}
    .tbl_wrap.edu_tbl table tbody tr td.print a i{font-size: 16px; color: #161616;}
    .tbl_wrap.edu_tbl table tbody tr td.print1{order: 6; width: 100%; border: 1px solid #161616; color: #161616; margin-bottom: 10px;}
    .tbl_wrap.edu_tbl table tbody tr td.print1::after{content: '신청확인서 출력'; font-size: 14px; font-weight: 700; margin-left: 5px;}
    .tbl_wrap.edu_tbl table tbody tr td.print2{order: 7; width: 100%; border: 1px solid #161616; color: #161616; margin-bottom: 10px;}
    .tbl_wrap.edu_tbl table tbody tr td.print2::after{content: '위탁계약서 출력'; font-size: 14px; font-weight: 700; margin-left: 5px;}
    .tbl_wrap.edu_tbl table tbody tr td.print3{order: 8; width: 100%; border: 1px solid #161616; color: #161616; margin-bottom: 10px;}
    .tbl_wrap.edu_tbl table tbody tr td.print3::after{content: '수료증 출력'; font-size: 14px; font-weight: 700; margin-left: 5px;}
    .tbl_wrap.edu_tbl table tbody tr td.see{order: 9; width: 100%; border: 1px solid #161616; color: #161616; padding: 5px 0; text-align: center; padding: 5px 0;}
    .tbl_wrap.edu_tbl table tbody tr td.see::before{content: '환급비 조회'; font-size: 14px; font-weight: 700;}
    .tbl_wrap.edu_tbl table tbody tr td.see .btn{display: none;}

    .eduprogram_tbl table tbody tr{padding: 30px 15px;}
    .eduprogram_tbl table tbody tr td{background-color: transparent;}
    .eduprogram_tbl table tbody tr td.tit{order: 2; font-size: 16px;}
    .eduprogram_tbl table tbody tr td.left{order: 3; font-size: 14px; color: #656565;}
    .eduprogram_tbl table tbody tr td.form{order: 4; position: absolute; top: 0; right: 0; width: 50px; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 12px; line-height: 14px;}


    .edu_box ul{flex-direction: column;}
    .edu_box ul li{width: 100%; margin-bottom: 20px;}
    .edu_box ul li:first-child{border-right: 1px solid #b9b9b9;}
    .section .section_tit .justify{flex-direction: column; align-items: flex-start}
    .section .section_tit.justify{flex-direction: column; align-items: flex-start}
    .tbl_wrap .tbl_tit.justify{flex-direction: column; align-items: flex-start;}

    .section .section_tit .btn{width: 100%;}

    .tbl_wrap .tbl_tit h3{font-size: 20px; font-weight: 700; margin-bottom: 10px;}
    .tbl_wrap .tbl_tit p{font-size: 14px; font-weight: 500; color: #656565;}
    .tbl_wrap.online_tbl{margin-bottom: 50px;}
    .tbl_wrap.online_tbl table thead{display: table-header-group;}
    .tbl_wrap.online_tbl table thead tr{width: 100%;}
    .tbl_wrap.online_tbl table tbody tr{display: table-row; width: 100%; border-left: 0; border-right: 0;}
    .tbl_wrap.online_tbl table tbody tr td{padding: 12px 10px; text-align: center;}
    


    .tbl_wrap.refund_tbl table tbody tr td{margin-left: 0; width: calc(100% - 50px);}
    .tbl_wrap.refund_tbl table tbody tr td.date{order: 1; color: #979797;}
    .tbl_wrap.refund_tbl table tbody tr td.tit{order: 2; margin-bottom: 15px; font-weight: 700; font-size: 16px; line-height: 20px;}
    .tbl_wrap.refund_tbl table tbody tr td.dayNum{order: 3;}
    .tbl_wrap.refund_tbl table tbody tr td.dayNum::before{content: '일수'; color: #656565; margin-right: 10px;}
    .tbl_wrap.refund_tbl table tbody tr td.mobTbl_tit{order: 4; display: block; color: #161616; margin-top: 10px;}
    .tbl_wrap.refund_tbl table tbody tr td.small{order: 5;}
    .tbl_wrap.refund_tbl table tbody tr td.small::before{content: '중소기업'; color: #656565; margin-right: 10px;}
    .tbl_wrap.refund_tbl table tbody tr td.middle{order: 6;}
    .tbl_wrap.refund_tbl table tbody tr td.middle::before{content: '대기업 1000인 미만'; color: #656565; margin-right: 10px;}
    .tbl_wrap.refund_tbl table tbody tr td.big{order: 7;}
    .tbl_wrap.refund_tbl table tbody tr td.big::before{content: '대기업 1000인 이상'; color: #656565; margin-right: 10px;}
    .tbl_wrap.refund_tbl table tbody tr td.print{order: 8; display: flex; color: #FF6B00; width: 50px; height: 100%; position: absolute; top: 0; right: 0; align-items: center; justify-content: center; background: transparent;}
    .tbl_wrap.refund_tbl table tbody tr td.print i{font-size: 24px;}

    .tabQbtn_wrap .tabQbtn{padding: 15px 0;}
    .mab_setion .half_wrap{flex-direction: column;}
    .mab_setion .half_wrap dl{width: 100%; padding: 20px 0;}
    .map_tbl .caption{text-align: left;}
    .fold .questionBox p{font-size: 16px;}
    .fold .questionBox p strong{margin: 0;}
    .fold .questionBox p span{display: inline-block; margin-left: 10px; font-size: 16px;}
    .fold .view .answer_wrap .foldInfo{margin-bottom: 0; margin-top: 0; flex-direction: column;}
    .fold .view .answer_wrap .foldInfo dl{margin-bottom: 10px;}

    /* 서브페이지-부문 */
    .sector_tit{padding: 0 20px !important;}
    .public_cont{padding: 0 20px;}
    .sector_wrap>.sector_tit>h1{font-size: 60px;}
    .sector_wrap .sector_tit h2{font-size: 24px;}
    .sector_wrap>.sector_tit>h3{font-size: 14px; font-weight: 700;}

    .sector_wrap .sector_cont{width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
    .sector_wrap .public_cont.card_wrap{flex-direction: column;}
    .card{width: 100% !important; margin-bottom: 10px;}
    .edu_wrap .box_wrap{flex-wrap: wrap; flex-direction: row; row-gap: 120px;}
    .edu_wrap .card{width: calc(100% / 2 - 10px) !important;}
    .public_cont.public_compet ul{flex-direction: column;}
    .public_cont.public_compet ul li{width: 100%; margin-bottom: 30px;}
    .public_cont.public_compet ul li .circle{width: 160px; height: 160px; margin-bottom: 10px;}
    .public_cont.public_compet ul li p{font-size: 16px; line-height: 24px;}
    .box_wrap{flex-direction: column;}
    .public_cont .tbl_wrap.top_tbl table tbody tr{width: 100%; background-color: #fff;}
    .public_cont .tbl_wrap.top_tbl table tbody tr td{margin-left: 0; width: 100%;}
    .public_cont .tbl_wrap.top_tbl table tbody tr td.work{color: #979797;}
    .public_cont .tbl_wrap.top_tbl table tbody tr td.name{font-size: 16px; font-weight: 700; margin-bottom: 15px;}
    .public_cont .tbl_wrap.top_tbl table tbody tr td.tel::before{content: '연락처'; margin-right: 10px; color: #656565;}
    .public_cont .tbl_wrap.top_tbl table tbody tr td.mail::before{content: '이메일주소'; margin-right: 10px; color: #656565;}

    .box_wrap .box:first-child{margin: 0 0 20px 0;}
    .edu_card:first-child{margin-right: 0; margin-bottom: 10px;}
    .edu_card p{margin-left: 0; font-size: 14px; color: #656565; padding-bottom: 50px;}
    .edu_card h1{font-size: 100px;}
    .edu_banner{height: 300px;}
    .edu_list{gap: 0;}
    .edu_list .edu_ex{margin: 5px; width: calc(100% / 2 - 10px) !important;}
    .edu_list .edu_ex:first-child:nth-last-child(1), .edu_list .edu_ex:first-child:nth-last-child(1) ~ .edu_ex {width: calc(100% / 1 - 10px); margin-right: 0;}
    .edu_list .edu_ex:last-child:nth-child(odd) {
        width: 100% !important; /* 홀수 개일 때 마지막 상자만 width 100% */
    }
    /* .edu_reason_wrap{display: flex; gap: 10px;} */
    .edu_reason{flex-direction: column; margin-bottom: 40px;}
    .edu_reason_wrap{margin-top: 120px;}
    .edu_wrap .sector_cont .box{min-width: auto; width: 100%;}
    .edu_wrap .sector_cont .edu_reason:first-child .left.box{margin-top: 0;}
    .edu_wrap .sector_cont .left.box{text-align: center !important;}
    .edu_wrap .sector_cont .right.box{width: 100%; text-align: center !important;}
    .reason_arrow{width: auto; margin-top: 0;}
    .reason_arrow::after{transform: rotate(90deg);}
    .edu_bot dl{flex-direction: column; align-items: flex-start;}
    .edu_bot dl dt{margin-bottom: 5px;}
    .eduEX_list{flex-direction: column;}
    .timeline{min-width: auto; width: 100%;}
    .timeline_content{flex-wrap: wrap; justify-content: space-between; gap: 10px;}
    .timeline_step{width: calc(100% / 2 - 10px); border-radius: 10px;}
    .timeline_step:first-child .arrow{clip-path: none;}
    .timeline_step .arrow{clip-path: none; min-width: auto; background: transparent !important;}
    .desc-line{margin-top: 0;}
    .desc-line::before{display: none;}
    .timeline_step:nth-child(1){background-color: #b3cde0;}
    .timeline_step:nth-child(2){background-color: #9AB9E5;}
    .timeline_step:nth-child(3){background-color: #7C9BD5;}
    .timeline_step:nth-child(4){background-color: #5B7FC2;}
    .desc{background-color: transparent; border: 0; box-shadow: none; min-width: auto; color: #fff;}

    .timeline_ex{top: auto; bottom: -70px; left: 0; width: 100%;}


    .edu_left{margin-top: 120px; box-sizing: border-box; margin-left: 20px; width: calc(50% - 20px);}
    
    .cx_cont{flex-direction: column;}
    .cx_cont .cx_card{height: auto; width: 100%; margin-bottom: 10px;}
    .cx_tblEX{padding: 0 20px;}
    .cx_tblEX ul{flex-direction: column;}
    .cx_tblEX ul li{margin-top: 10px;}
    .cx_cont .cx_card dl dd{text-align: left; margin-left: 0;}


    .ex_wrap .section.steps{width: 100%; padding: 0 20px; box-sizing: border-box;}
    .ex_wrap .section.steps .section_cont .step_contWrap{flex-direction: column;}
    .ex_wrap .section.steps .section_cont .step_contWrap>.step_cont{width: 100%;}
    .ex_wrap .section.steps .section_cont .step_contWrap .step_cont:first-child{border-right: 0; border-bottom: 1px solid #DCDCDC;}
    .ex_wrap .section.steps .section_cont .step_point{flex-direction: column; align-items: flex-start;}
    .ex_wrap .section.steps .section_cont .step_point .pointCont p{text-align: left;}

    .step_circles{flex-direction: column; width: 100%; border-radius: 20px;}
    .step_circles .circle{width: 100%; box-sizing: border-box; border-radius: 20px; height: auto;}
    .step_circles .circle .step_comment{right: 0; top: -10px;}

    .ex_wrap .main_cont .main_text{display: flex; gap: 10px; padding: 0 20px; box-sizing: border-box;}
    .ex_wrap .main_cont .main_text ul{flex-direction: column; justify-content: normal; gap: 10px;}
    .ex_wrap .main_cont .main_text ul li{width: 100%;}
    .ex_wrap .main_cont .main_text ul li.tit{height: 130px;}
    .ex_wrap .main_cont .main_text ul li{height: calc(100% / 5 - 40px); display: flex; flex-direction: column; align-items: center; justify-content: center;}

    .step_square{flex-direction: column; gap: 0; width: 100%;}
    .step_square .square{width: 100%; margin-bottom: 20px; box-sizing: border-box;}

    /* 뭉치면 연다 */
    .eduWt_cont1 .btn_wrap{justify-content: center; flex-direction: column;}
    .eduWt_cont1 .btn_wrap .btn{width: 100%; border-radius: 50px;}
    .eduWt_step .eduWt_stepBox{width: 100%; margin-bottom: 30px;}

    /* 얼리버드 */
    .early_wrap .sector_wrap .sector_tit>h1{font-size: 48px;}
    .early_wrap .sector_wrap .sector_tit>h2{font-size: 24px;}
    .early_wrap .sector_wrap .sector_tit>h2 span{font-size: 24px;}
    .early_wrap .tbl_wrap.early_tbl table tbody tr td span{position: relative; top: 0; left: 0; transform: translate(0); display: block; margin: 5px 0 0 0;}
    .early_wrap .tbl_wrap.early_tbl .table_caption{flex-direction: column;}
    .early_list .early_ex{width: calc(100% / 2 - 10px);}
    .early_list .early_ex .early_cont p{font-size: 14px;}
    .early_list .early_ex .early_cont span{padding: 0; font-size: 14px; line-height: 20px;}
    .early_list .early_ex:nth-last-of-type(-n+4){width: calc(100% / 2 - 10px);}
    .early_list .early_ex:nth-last-of-type(-n+4) .early_cont span{padding: 0;}
    .early_vip{flex-direction: column;}
    .early_vipBox{width: 100%;}
    .early_vipBox p{font-size: 16px; padding: 0;}
}

@media only screen and (min-width:1px) and (max-width:1439px) {
    .top_wrap{padding: 0;  height: 88px; overflow: hidden; transition: height 0.5s ease;}
    .top_wrap .top{padding: 0 10px;}
    .top_wrap.transparent.side_open img{filter: invert(0);}
    .top_wrap.side_open{position: fixed; height: 100%; z-index: 9999; max-height: 100%; overflow: auto; background-color: #fff;}
    .top_wrap.side_open .top{background-color: #fff; padding: 0; z-index: 9999; height: 88px;}
    .top_wrap.side_open ul>li.main_menu>a{font-size: 20px;}
    .pc_menu{opacity: 0; visibility: hidden; position: absolute; max-height: calc(100% - 88px); margin-top: 88px;}
    .top_wrap.side_open .top_logo{padding-left: 10px;}
    .top_wrap.side_open .pc_menu{opacity: 1; visibility: visible; position: absolute; height: 100%; width: 100%; top: 0; background-color: #fff; box-sizing: border-box; padding: 0 20px;}
    .top_wrap.side_open .pc_menu ul li{width: 100%; display: block; height: auto; line-height: normal; margin-bottom: 40px;}
    .top_wrap.side_open .top_right_btn{padding-right: 10px;}

		.slide_menu.pc{display: none !important;}
		.slide_menu.mob{display: block !important;}

    /* 햄버거메뉴 */
    .mob_menu .hamber{width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; position: relative;}
    .mob_menu .hamber i { position: absolute; left: 0; right: 0; margin: auto; height: 1px; width: 20px; background-color: #161616; transition: all 0.3s cubic-bezier(0.4, 0.1, 0.3, 1.3);}
    .top_wrap.transparent .mob_menu .hamber i {background-color: #fff;}
    .top_wrap.transparent:hover .mob_menu .hamber i {background-color: #161616;}
    .mob_menu .hamber i:nth-child(1){top: calc(50% - 6px);}
    .mob_menu .hamber i:nth-child(2){top: calc(50% - 1px);}
    .mob_menu .hamber i:nth-child(3){top: calc(50% + 4px); margin-right: 4px; width: 14px;}
    .mob_menu .hamber.act i:nth-child(1){transform: rotate(-45deg); top:calc(50% - 1px); background-color: #161616;}
    .mob_menu .hamber.act i:nth-child(2){opacity:0;  transition:all, 0.5s; background-color: #161616;}
    .mob_menu .hamber.act i:nth-child(3){transform: rotate(45deg); top:calc(50% - 1px); width: 20px; background-color: #161616;}

    .top_right_btn>ul{display: flex;}
    .top_right_btn>ul>li{margin-right: 10px;}
    .top_btn ul li.main_menu{margin: 0px;}
    .top_btn>ul>li.main_menu #menu{display: block; color: #161616;}

    .top_recruit{display: none;}
    .login_btn{display: none;}
    
    /* 서브메뉴 */
    .sub.active { width: 100%; visibility: visible; opacity: 1; transform: translateY(0); border-bottom: 0; box-shadow: none; max-height: none;}

    .sub { position: inherit; width: 100%; max-height: 0; visibility: hidden;}
    .sub_wrap{width: 100%; margin-left: 0; flex-direction: column; border-bottom: 0; transition: all 0.5s ease-in-out;}
    .sub_menu_wrap {width: 100%; box-sizing: border-box; padding: 0 20px 0 40px;}
    .sub_menu_tit {display: flex; flex-direction: column;}
    .sub_menu_tit h2{font-size: 16px; font-weight: 500; width: 100%; position: relative; padding: 10px 0; border-bottom: 1px solid #B9B9B9; color: #B9B9B9;}
    .sub_menu_tit h2::after{content: '\F0140'; /* 화살표 아이콘 */ font-family: 'Material Design Icons'; font-size: 16px; color: #B9B9B9; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: transform 0.3s ease;}
    .sub_menu_tit.active h2{color: #656565;}
    .sub_menu_tit.active h2::after { transform: translateY(-50%) rotate(180deg); color: #656565;/* 회전 상태 */}

    .sub_menu_list{opacity: 0; visibility: hidden; height: 0; transition: all 0.3s ease;}
    .sub_menu_list.active{opacity: 1; visibility: visible; height: 100%;}
    .sub_menu_list ul{display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 15px;}
    .top_wrap.side_open .sub_menu_list ul li{display: block; height: auto; line-height: normal; margin: 0 0 20px 0; width: 50%;}
    .sub_menu_list ul li a { box-sizing: border-box; max-width: 180px; height: 24px;}
    .top_wrap.transparent ul li a{color: #161616;}

    /* 메인슬라이드 */
    .swiper-pagination-bullets{display: block;}
    .main_slide{height: auto;}
    .main_slide .swiper-slide{height: 360px;}
    .main_slide img{height: 100%; min-height: 360px; object-fit: cover;}
    .main_slide .slide_menu{position: initial; width: 100%; height: 52px; transform: translate(0); overflow: auto; overflow-y: hidden; margin-bottom: 20px;}
    .main_slide .slide_menu::-webkit-scrollbar{height: 0;}
    .main_slide .slide_menu ul{flex-direction: row; justify-content: normal; flex-wrap: nowrap;}
    .main_slide .slide_menu ul li{width: 100%; background-color: #161616;}
    .main_slide .slide_menu ul li a{font-size: 16px; box-sizing: border-box; display: block; min-width: 96px; text-align: center; cursor: grab; padding: 0; height: 100%; line-height: 52px; white-space: nowrap; padding: 0 5px;}
    .main_slide .slide_menu ul li a::after{content: '';}
    .main_slide .slide_ment{margin-left: 20px; top: auto; bottom: 50px;}
    .main_slide .swiper-button-prev, .main_slide .swiper-button-next{display: none;}

    .main_slide .slide_ment .sub_tit h3{font-size: 18px;}
    .main_slide .slide_ment .main_tit{width: auto;}
    .main_slide .slide_ment .main_tit h2{font-size: 30px;}
    .main_slide .swiper-pagination{position: absolute; top: 0; right: 0; text-align: right; padding: 10px 10px 0 0; box-sizing: border-box; height: 10px;}
    .main_slide .swiper-pagination .swiper-pagination-bullet{background-color: transparent; border: 1px solid #fff; margin-right: 14px; opacity: 1;}
    .main_slide .swiper-pagination .swiper-pagination-bullet-active{background-color: #fff;}


    /* class 슬라이드 */
    .class_slideWrap .class_slideAll{flex-direction: column; padding-left: 20px; position: relative; overflow: hidden;}
    .class_slideWrap .class_slideBg{height: 426px;}
    .class_slideWrap .class_slideCont{margin-bottom: 40px; width: 350px;}
    .class_slideWrap .swiper-slide{height: 360px;}
    .class_slideWrap .swiper-slide .slide_ment{left: 55%;}
    .class_slideWrap .class_slideCont .class_slideEx p{font-size: 22px; font-weight: 700;}
    .class_slideWrap .class_slideAll .class_slide{height: 400px; overflow-y: auto;}
    .class_slideWrap .swiper-button-next, .class_slideWrap .swiper-button-prev{display: none;}
    .class_slideWrap .slide_control{top: auto; bottom: 0;}
    .class_slideWrap .swiper-pagination{position: absolute; text-align: left;}
    .class_slideWrap .swiper-pagination .swiper-pagination-bullet{background-color: #fff; border: 1px solid #000; margin-right: 14px; opacity: 1;}
    .class_slideWrap .swiper-pagination .swiper-pagination-bullet-active{background-color: #000;}


    .class_downloadWrap .download ul{flex-direction: column;}
    .class_downloadWrap .download ul li{width: 100%; margin-top: 20px; padding: 30px;}

    .dailyList{padding: 15px;}
    .dailyList ul{flex-direction: column;}
    .dailyList ul li{width: 100%; height: 220px; position: relative;}
    .class_contBot{margin-top: 5px;}
    .dailyList ul li .dailyImg{width: 100%; max-width: 350px; height: 160px;}
    .dailyList ul li .dailyText{width: 100%; height: 160px;}
    .dailyList ul li .class_detail{position: absolute; bottom: 0; left: 0;}
    .dailyList ul li .date{text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap;}

    /* 푸터 */
    .footer{min-width: auto; box-sizing: border-box; padding: 50px 20px;}
    .footer_menu .footer_menuLeft ul li{margin-bottom: 20px;}

    /* 신청페이지 */
    .inputPage .inputLeft{margin-left: 20px;}
    .inputPage .inputRight{margin-right: 20px;}

    /* 과정신청 */
    .coursePage{padding: 20px;}
    .course_top .courseInfo .courseRight{width: 100%;}
	#div_Popup{width: 90% !important;}
	#iframe_Popup{width: 100% !important;}

    .section .section_cont{padding: 20px; box-sizing: border-box; margin: 40px auto;}

    /* 공지사항 */
    .notice_cont{margin-top: 40px; width: 100%;}

    /* 교육신청 */
    .section_cont .step_wrap:first-child{margin-top: 0;}
    .section_cont .step_wrap{margin-top: 60px;}
    .section_cont .step_wrap .step{flex-direction: column; align-items: flex-start;}
    .section_cont .step_wrap .step .step_tit{margin-bottom: 10px;}

    .edu_card_wrap{flex-direction: column;}
    .edu_card_wrap .edu_card{width: 100% !important;}

    /* 뭉치면 연다 */
    .edu_wrap .sector_cont{width: 100%; box-sizing: border-box;}
    .eduWt_cont2{display: flex; flex-direction: column;}
    .eduWt_cont2 .box{display: flex; justify-content: space-between; align-items: center;}
    .eduWt_cont2 .box p{text-align: left;}
    .eduWt_cont2 .box:nth-child(1){margin: 0;}
    .eduWt_cont2 .box:nth-child(2){margin: 0;}
    .eduWt_cont2 .box:nth-child(3){margin: 0;}
    .sector_wrap>.sector_tit.blue>h1{font-size: 36px; margin-bottom: 0;}
    .sector_wrap>.sector_tit .box.blue{position: relative; top: 0; left: 0; transform: translateX(0); width: 100%; box-sizing: border-box;}
    .sector_wrap>.sector_tit .box.blue p{word-break: keep-all; font-size: 20px; font-weight: 700;}
    .speech_wrap{width: 100%; box-sizing: border-box; padding: 0 20px;}
    .speech_wrap .speech{width: 100%;}
    .speech_wrap .speech p{width: 100%;}
    .bg_blue .import{width: 100%; box-sizing: border-box; padding: 0 20px;}
    .bg_blue .import p{word-break: keep-all;}
    .bg_blue .import .import_tit h2{font-size: 54px;}
    .eduWt_list{flex-direction: column;}
    .eduWt_list li{width: 100%;}
    .eduWt_list li .eduWt_boxCont .btn{margin-top: 20px;}
}
@media only screen and (min-width:1440px) and (max-width:1920px) {
    
}
@media only screen and (min-width:1921px){

}

input[type="text"]::placeholder {color: #abb4bd !important; }
input[type="text"]::-webkit-input-placeholder{color: #abb4bd; }


.search_input{width: 100%; height: auto; box-sizing: border-box; padding: 15px 30px; background-color: #F8F8F8; display: flex; justify-content: space-between;}
.search_input input[type="text"]{width: calc(100% - 100px);}
.result_search_wrap{margin-top: 50px;}
.result_search_wrap .search_result{margin: 20px 0 0 0; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.result_search_wrap .search_result p{font-size: 20px; font-weight: 600;}
.result_search_wrap .search_list{border-bottom: 1px solid #ddd; padding: 30px 0;}
.result_search_wrap .search_list .tit{margin-bottom: 5px;}
.result_search_wrap .search_list .tit p{font-weight: 600; font-size: 18px;}
.result_search_wrap .search_list .cont p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal;}
.result_search_wrap .search_list .calendar p{font-size: 14px; margin-top: 20px;}
 
.result_search_wrap strong{font-weight: 600; color: #FF6B00;}