@charset "utf-8";
@import url("../font/pretendard.css");

/* 본문 바로가기 */
#skip_to_container a {z-index:99;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;line-height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;}


/*header*/
.mo_hd{display:none}
#hd {z-index:100;position:fixed; top:0; overflow:hidden;}
#hd:hover{background:#fff;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.logo_wrap{display:flex;align-items:center;}
.logo_wrap span{width:1px;height:36px;background:rgba(255, 255, 255, 0.5);display:inline-block;margin:0 20px;}
.cju_logo{width:170px;}
.asf_logo{width:250px;}
.logo_wrap img{width:100%;}
#hd_wrapper{display:flex;justify-content: space-around;padding:0 14px;}

/*header on*/
#hd h1 .logo_wrap{padding:20px 0}
#hd h1 .logo_wrap.bk{display:none;}
#hd.on{border-bottom:1px solid #ddd}
#hd.on h1 .logo_wrap.wh{display:none}
#hd.on h1 .logo_wrap.bk{display:flex}
#hd.on h1 .logo_wrap.bk span{background:rgba(0, 0, 0, 0.5)}
#hd.on{background:#fff;}
#hd.on a{color:#222;}

/* gnb */
#gnb{position:relative;}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb #gnb_1dul {font-size:1.083em;zoom:1;display:flex;margin-bottom:0;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{position:relative;flex: 1;min-width:200px;line-height:110px;}
#gnb .gnb_1dli.community{min-width:160px;}
#gnb .gnb_1dli.support{padding-left:20px}

.gnb_1dli .bg{display:none;width:10px;height:10px;overflow:hidden;text-indent:-999px}
.gnb_1da {display:inline-block;font-weight:700;color:#fff;text-decoration:none; font-size:1.25rem;}
.gnb_2dli{line-height:1.5; padding:10px 0; font-size:1.125rem; font-weight:400;}
.gnb_2dli:first-child{border:0;padding-top:0;}
.gnb_2dul {display:block;padding: 0; height:0; overflow:hidden;}
.gnb_2da {color:#222;text-align:left;text-decoration:none}
.gnb_2da:hover{text-decoration: underline;}

#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:1.125rem}
#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:1.125rem;position:absolute;top:-50px;left:0}
#gnb .gnb_mnal{padding:0}

.mg_box{display:none;}
.mg_box.on{display:block;}

/*common*/
body{overflow-x:hidden;}
h1, h2, h3, h4, h5, h6{margin-bottom:0;font-weight:600;}
.wrap{position: relative;min-height:calc(100vh - 250px)}
.sub.wrap>.container{padding-top:120px;padding-bottom:120px;min-height: 100%;}
.sub.wrap>.container-fluid{padding-top:120px;min-height: 100%;}
.inner{max-width:1400px;margin:0px auto;padding:0 14px}
.toggle-btn{position: relative;cursor:pointer;}
.toggle-btn::before{content:'';display:block;background:url('../img/ic_arrow_right2.svg');width:20px;height:20px;position:absolute;right:4px;transform:rotate(90deg);-webkit-transition:0.3s;transition:0.3s;}
.toggle-btn.on::before{transform:rotate(0deg);}
.dropdown-content {max-height:0;overflow: hidden;}
.dropdown-content.on {max-height:120px;overflow-y:scroll;background:#f2f2f2;color:#797979;font-size:0.875rem;display:flex;flex-direction:column;padding:14px;border-radius:6px;margin-top:10px}
.dropdown-content a + a{margin-top:4px}
.img_responsive{max-width:100%;height:auto;}
.contents{padding:0 0.2rem;margin:4rem auto;}
.table-st {display: table;table-layout:auto;width: 100%;border-top: 2px solid #001f45;border-collapse: separate;border-collapse: collapse;}
.table-st td {border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;vertical-align: middle;word-wrap: break-word;word-break: keep-all;color: #202020;background: #fff;}
.table-st th {background-color: #f4f4f4;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;color: #333;font-weight: 500;vertical-align: middle;}
.table-st th, .table-st td {padding:1rem;}
.table-st th:first-child, .table-st td:first-child {border-left: none;}
.table-st.gray{border-top: 2px solid #999;}

.table-scroll{overflow:auto;}
.table-scroll table{min-width:1200px}

.table-ti{margin-bottom:1rem;font-weight:600;}

b{font-weight:600;}
/* 유효한 입력일 때 초록 테두리 제거 */
.was-validated .form-control:valid, .form-control.is-valid:focus, .was-validated .form-control:valid:focus {border-color:#ced4da;padding-right: inherit;background-image: none;box-shadow: none;}
.form-group{margin-top:1rem;}
.required-input{position: relative;}
.required-mark{color:#cd1125;position: absolute;right:6px;top:2px;z-index:11;font-size:1rem}
.form-text-guide{display:inline-block;margin-top:0.4rem;font-size:0.875rem;font-weight:400;}
.form-label{font-weight:600;font-size:1.125rem}
.btn-wrap{display:flex;justify-content: center;margin-top:1rem}
.btn-wrap .btn{min-width:220px;}
.btn-wrap .btn + .btn{margin-left:1rem}
.input-btn-right{display:flex;width:100%;justify-content: space-between;}
.input-btn-right>div{width:100%}
.input-btn-right .btn{margin-left:0.5rem;min-width:100px;height:45px}
.input-btn-right .file-upload-button.btn{margin-left:0;}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {color: #dc3545;}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {background-color: #dc3545;}
.form-check-input.is-valid, .was-validated .form-check-input:valid {border-color: #dc3545;}
/*tab*/
.tabnav{display:flex;border-bottom:1px solid #ddd;}
.tabnav li a{display:inline-block;text-align:center;padding:12px 20px;border-right:1px solid #ddd;}
.tabnav li a:hover{color:#00479d}
.tabnav li a.active{background:#00479d;border-color:#00479d;color:#fff;font-weight:500}
.tabnav li:first-child a{border-top-left-radius:8px;}
.tabcontent{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}

.tabnav.tabnav-width-auto{display:flex;border-bottom:1px solid #ddd;}
.tabnav.tabnav-width-auto li a{display:inline-block;text-align:center;padding:12px 20px;border:1px solid #ddd;border-bottom:0;min-width:200px}
.tabnav.tabnav-width-auto li a:hover{color:#00479d}
.tabnav.tabnav-width-auto li a.active{background:#00479d;border-color:#00479d;color:#fff;font-weight:500}
.tabnav.tabnav-width-auto li + li a{border-left:0;}

/*modal*/
.modal-backdrop.show{opacity: .3;}
.modal-style-alert .modal-dialog{justify-content:center;}
/* .modal-style-alert .modal-content{width:auto;min-width:300px} */
.modal-style-alert .modal-header{border-bottom:0;position: relative;}
.modal-style-alert .modal-body{text-align:center;padding:0rem 1rem 1rem 1rem;font-weight:400;}
.modal-style-alert .modal-footer{padding:0 0.5rem 0.5rem 0.5rem;border-top:0;}
.modal-style-alert .modal-footer .btn-wrap{width:100%;}
.modal-style-alert .modal-footer .btn-wrap .btn{width:100%;min-width:auto;font-size:0.875rem}
.modal-style-alert .modal-footer .btn-wrap .btn + .btn{margin-left:0.5rem;}

/*main*/
.main-bn{position: relative;}
.main-bn .swiper-wrapper{height:700px;position: relative;}
.main-bn .swiper-slide{display:flex;align-items:center;justify-content:center;}
/* .main-bn .mb01{height:100%;background:url('../img/mb01.png') no-repeat;background-size:cover} */
.main-bn .mb01{height:100%;background:url('../img/main05.png') no-repeat;background-size:cover;background-position:50% 50%;}
.main-bn .mb02{height:100%;background:url('../img/main01.png') no-repeat;background-size:cover;background-position:50% 60%;}
.main-bn .mb03{height:100%;background:url('../img/main02.png') no-repeat;background-size:cover;background-position:50% 36%;}
.main-bn .mb04{height:100%;background:url('../img/main03.png') no-repeat;background-size:cover;background-position:50% 40%;}
.main-bn .mb05{height:100%;background:url('../img/main04.png') no-repeat;background-size:cover;background-position:50% 40%;}
.main-bn .mb_txt *{font-family: 'Gmarket Sans', sans-serif;text-shadow:#333 2px 2px 5px;}
.main-bn .mb_txt{text-align:center;}
.main-bn .mb_txt p{font-size:1.25rem;color:rgba(255, 255, 255, 0.9);font-weight:500;margin-bottom:1rem}
.main-bn .mb_txt strong{font-size:2.75rem;color:rgba(255, 255, 255, 0.9);font-weight:600;line-height: 1.4;}
.main-bn .swiper-button-next, .main-bn .swiper-button-prev{color:rgba(255, 255, 255, 0.9)}
.main-bn .swiper-button-prev{left:20px}
.main-bn .swiper-button-next{right:20px;}
.main-bn .swiper-pagination-bullet{border-radius:0;width:60px;height:4px;background:#fff;}

/*main contents*/
.post_box{border:1px solid #ddd;width:100%;}
.post_box .post{padding:14px}
.post_box .ti{display:block;max-width:280px;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post_box .ti:hover{text-decoration:underline;}
.post_box .date{display:block;font-size:0.875rem;color:#888888;}
.post_box .txt {margin-top:20px;font-size:0.875rem;line-height:1.3em;max-height: calc(1.3em * 2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}

.contents-ti{font-family: 'Gmarket Sans', sans-serif;font-weight:bold;display:flex;align-items:flex-end;margin-bottom:1rem}
.contents-ti .bar{display:inline-block;width:5px;height:25px;background:#00469C;margin-right:10px}
.notice-ti{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #acacac;padding-bottom:0.5rem}
.notice-ti h6{font-weight:500;}
.notic-list{padding-top:0.5rem}
.notic-list li{padding:5px 0;}
.notic-list li a{display:flex;justify-content: space-between;}
.notic-list li a span{display:inline-block;font-size:0.875rem;vertical-align:top;}
.notic-list li a .ti{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notic-list li a .ti:hover{text-decoration: underline;}
.notic-list li a .ti .badge{font-size:0.75rem;margin-right:6px}
.notic-list.job-list li{width:100%;display:flex;justify-content:space-between;}
.notic-list.job-list li p{line-height: 1;}
.notic-list.job-list li p span{margin:3px}
.notic-list.job-list li p .job{font-weight:500;}
.notic-list.job-list li span{font-size:0.875rem;}

.gallery .post_box{border:0;}
.gallery .post_box .post{padding:0}
.gallery .row + .row{margin-top:0.5rem}

/* .main-link{margin-top:0;} */
.main-link div[class*="col-"]{padding:0;overflow: hidden;}
.main-link a{min-height:300px;display:flex;align-items:center;justify-content:center;width:100%;height:100%;position: relative;}
.main-link a span{position:absolute;bottom:36px;font-size:1.25rem;font-weight:500;text-align: center;line-height:1.4}
.main-link a:hover{transform: scale(1.05);transition: 0.3s;}
.main-link .link01{background:url('../img/link01.png')#f4f4f4 no-repeat;background-size:70%;background-position:50% 10%;}
.main-link .link02{background:url('../img/link02.png') #00469C no-repeat;background-size:70%;background-position:50% 10%;}
.main-link .link03{background:url('../img/link03.png') #f4f4f4 no-repeat;background-size:70%;background-position:50% 10%;}
.main-link .link04{background:url('../img/link04.png') #00469C no-repeat;background-size:70%;background-position:50% 10%;}
.main-link div[class*="col-"]:nth-child(2n) span{color:#fff}

/*sub*/
.sub-ti{margin:4rem 0 2rem 0;}
.sub-ti h3{display:inline-block;font-size:2rem;font-weight:bold;position: relative;z-index:2;}
.sub-ti h3::before{content:'';display:block;width:18px;height:18px;border-radius:50px;background:rgba(0, 70, 156, 0.5);position:absolute;right:-26px;bottom:15px}
.sub-ti h3::after{content:'';display:block;width:30px;height:30px;border-radius:50px;background:rgba(0, 70, 156, 0.2);position:absolute;right:-22px;bottom:0px}

/*footer*/
footer{position:relative;bottom:0;width:100%}
#ft{background:#9e9e9e;padding:3rem 2rem}
#ft_wrapper{ max-width: 1170px;margin:0px auto;}
.ft_link{display:flex;align-items:center;}
.ft_link>a{margin-right:3rem}
.ft_link ul{display:flex;}
.ft_link ul li a{color:#fff;padding:0.5rem 1.2rem}
.ft_info{margin-top:2rem;padding:0 1rem}
.ft_info span{color:rgba(255, 255, 255, 0.9);display:block;font-size:0.875rem;line-height:1.5;}
.ft_info .name{font-size:1rem;font-weight:500}

/*인사말*/
.big-ti{font-size:1.8rem;color:#001f45;font-weight:600;text-align:center;font-family: 'Gmarket Sans', sans-serif;}
.greetings .text{font-size:1.125rem;word-break: keep-all;line-height: 1.8;}
.greetings .text b{font-weight:600}
.etc-line{display:block;width:1px;height:30px;background:#00469C;margin:1rem auto 0 auto;padding:0;}

/*사업개요*/
.business .table-st th{text-align:center;border-right:1px solid #ddd;background-color:rgba(136, 190, 255, 0.1);}
.business .table-st th, .business .table-st td{padding:1.2rem 1.5rem}
.business .table-st dl dt {position: relative;padding-left:16px;font-weight:500;}
.business .table-st dl dt::before{content:'';display:block;width:8px;height:8px;background:#e47d16;transform: rotate(45deg);position:absolute;left:0;top:8px}
.business .table-st dl dd{position: relative;padding-left:28px;margin-top:0!important;color:#555}
.business .table-st dl dd::before{content:'';display:block;width:5px;height:1px;background:#555;position:absolute;left:18px;top:13px}
.business .table-st dl dd, .business .table-st dl dt{margin-top:0.5rem;line-height:1.7}
.business .table-st dl dd span{display:block;color:#777;line-height:1.5;font-size:0.875rem}
.business .table-st .future ul li span{display:inline-block;background:#00479d;color:#fff;border-radius:2rem;padding:2px 12px;
font-size:0.875rem;font-weight:600;margin-right:8px;max-width:72px;text-align: center;}
.business .table-st .future ul li + li{margin-top:0.5rem}

/*조직도*/
.org .tabcontent{padding:2rem 0}
.org .tabcontent h3{margin-bottom:1rem}
.org-chart{text-align:center;}
.org-chart p{margin:4rem 0 2rem 0;line-height:1.5}

/*심볼*/
.emblem-img{display:flex; align-items: center;justify-content: center;}
.emblem-img img{max-width:200px}
.emblem-img .line{display:block;width:1px;height:160px;background:#ddd;margin:0 5rem}
.emblem-color{background:#00479d;padding:3rem 5rem;}
.emblem-color *{color:#fff;}
.emblem-color span{display:block;text-align:left;}
.emblem-color span + span{margin-top:0.5rem}
.emblem-info{margin-top:4rem;font-size:1.125rem}
.emblem-info strong{display:block;font-size:1.25rem;font-weight:600;margin-bottom:4px}
.emblem-download{margin-top:4rem}
.emblem-download ul {display:flex;}
.emblem-download ul li{border:1px solid #ddd;flex:1;margin:1rem}
.emblem-download ul li span{display:block;padding:1rem;text-align:center;}
.emblem-download ul li span img{width:100%;}
.emblem-download ul.big li span img{max-width:400px;}

/*협력기관 및 산업체*/

/* .partner-box ul{width:100%; margin:0 auto;}
.partner-box ul::after{display:block; content:""; clear:both;}
.partner-box ul li{position:relative; float:left; width:25%; border:1px solid #ddd; box-sizing:border-box; margin:-1px 0 0 -1px; transition:0.5s ease; -webkit-transition:0.5s ease;}
.partner-box ul li:hover{box-shadow:0px 0px 50px rgba(0,0,0,0.3); z-index:10;}
.partner-box ul li img{max-width:100%;}
.partner-box ul li a{display:flex;width:100%;height:100%;text-align: center;align-items: center;justify-content: center;}
.partner-box + .partner-box{margin-top:80px;} */

.partner-box-logo{margin-top:5rem}
.partner-box ul{width:100%; margin:0 auto;}
.partner-box ul li img{max-width:100%;}
.partner-box ul::after{display:block; content:""; clear:both;}
.partner{ position:relative; float:left; width:25%; border:1px solid #ddd; box-sizing:border-box; margin:-1px 0 0 -1px; transition:0.5s ease; -webkit-transition:0.5s ease;}
.partner a{display:flex;width:100%;height:100%;text-align: center;align-items: center;justify-content: center;}
.partner::before, .partner::after{content:"";width: 0;height: 2px;position: absolute;transition: all 0.2s linear;background:#00469C;} 
.partner a::before, .partner a::after{content:"";width:2px;height:0;position: absolute;transition: all 0.2s linear;background: #00469C;}
.partner:hover::before, .partner:hover::after{width: 100%;}
.partner:hover a::before, .partner:hover a::after{height: 100%;}
.partner::before, .partner::after{transition-delay: 0.2s;}
.partner a::before, .partner a::after{transition-delay: 0s;}
.partner::before{right: 0;top: 0;}
.partner::after{left: 0;bottom: 0;}
.partner a::before{left: 0; top: 0;}
.partner a::after{right: 0;bottom: 0;}
.partner:hover::before, .partner:hover::after{ transition-delay: 0s;}
.partner:hover a::before, .partner:hover a::after{transition-delay: 0.2s;}

/*정사각형*/
.square .partner {aspect-ratio: 1 / 1; /* 정사각형 비율 유지 */height:auto;}
.square .partner {width: 25%;position: relative;padding-top: 25%; /* 세로를 가로의 100%로 */}
.square .partner a {position: absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}

/*오시는 길*/
.map-ti {background: #f9f9f9;padding: 10px 10px 10px 10px;border: 1px solid #dfdfdf;position: absolute;bottom:0;z-index: 10;width:100%;}
.map-ti svg{color:#00469C;margin-right:4px}
.map-ti span{font-weight:500;font-size:1rem;}
.map-ti span + span{margin-left:1rem}
.map .root_daum_roughmap{width:100%;position: relative;}
.map .root_daum_roughmap .cont .section.section_address{display:none} 
.map .root_daum_roughmap .cont .section{margin:0;padding:20px;border:1px solid #ddd;}
.map .root_daum_roughmap .cont .section.lst{border-top:0;border-bottom:1px solid #ddd;}
.map .root_daum_roughmap .cont .section *{font-size:1rem}
.map .root_daum_roughmap .cont .section .title{font-weight:500;margin-bottom:10px}
.map .wrap_controllers{display:none}
.map .root_daum_roughmap .cont{display:none}

.traffic{padding-top:40px;}
.traffic ul li{padding:40px 0;border-top:1px dotted #ddd;}
.traffic ul li div{padding-left:160px;}
.traffic-title{display:block;color:#00469C;font-weight:600;font-size:1.125rem;}
.traffic .list01{background:url('../img/map01.png');background-repeat: no-repeat;background-position: 2% 50%;background-size:100px;}
.traffic .list02{background:url('../img/map02.png');background-repeat: no-repeat; background-position: 2% 50%; background-size:100px;}
.traffic .list03{background:url('../img/map03.png');background-repeat: no-repeat;background-position: 2% 50%;background-size:100px;}
.start{display:block;color:#3282cc;font-weight:500;margin-top:1.2rem;margin-bottom:4px}
.start::before {content: '';display: inline-block;width: 4px;height: 4px;background-color: #3282cc;transform: rotate(45deg);margin-right: 5px;position: relative;top: -3px;}
.traffic .link a{display:inline;text-decoration:underline;color:#3282cc}
.traffic .link b{font-weight:500;margin-left:10px}

/*이수조건*/
.line-ti{text-align: center;}
.line-ti span{display:inline-block;padding:0.5rem 2rem;font-size:1.25rem;font-weight:600;border:5px solid rgba(0, 70, 156, 0.2);}
/* .curriculum{background:url('../img/curriculum.png') no-repeat 100% 100%;} */
.curriculum .tabnav{border:1px solid #ddd;}
.curriculum .tabnav li{flex:1;border-radius:0;}
.tabnav li:first-child a{border-radius:0;}
.curriculum .tabnav li a{width:100%;}
.curriculum .box + .box{margin-top:2rem}
.curriculum .box h6{font-size:1.8rem;font-weight:600;margin-bottom:1rem}
.curriculum .box p{margin:0.2rem 0;font-size:1.125rem}
.curriculum .box p span{display:block;font-size:1rem;margin:4px 0;}
.curriculum .box p span b{color:#002550}
.curriculum .btn-wrap{margin-top:2rem;justify-content: flex-start;}
.curriculum .tabcontent{background:#f4f4f4;border:1px solid #ddd;padding:4rem;border-radius:8px!important;margin-top:2rem;
box-shadow: 0 4px 10px rgba(104, 104, 104, 0.2)}


/*로그인*/
.sub-ti.center-ti{text-align:center;}
.sub-ti.center-ti h3::before, .sub-ti.center-ti h3::after{display:none}
.login-form{max-width:500px;margin:0px auto}
.login-form .btn{width:100%;margin-top:1rem}

/*회원가입*/
.join h4{font-weight:bold;}
.join .terms-box{margin-top:3rem;border-top:1px solid #ddd;padding-top:3rem}
.terms-box h5{font-weight:600}
.terms-box h6{font-weight:500;margin-bottom:0.8rem}
.terms-box .table-box{margin-top:1.5rem}
.terms-box .table-st th, .terms-box .table-st td{padding:0.8rem 1rem;text-align:center;}
.terms-box .text-box{margin:1.5rem 0}
.terms-check{font-size:1.125rem;text-align:center;}
.terms-check *{cursor: pointer;}
.terms-check label{font-weight:600;}
.guide-text-box{font-size:1.125rem;text-align:center;}
.guide-text-box .line-box{border:1px solid #ddd;padding:2rem;max-width:700px;margin:3rem auto;border-radius:4px;}
.guide-text-box .line-box *{display:block;text-align:left;}
.guide-text-box .line-box strong{text-align:center;font-weight:600;font-size:1.3rem;margin-bottom:2rem}
.guide-text-box .line-box .span-wrap + .span-wrap{margin-top:1rem}
.join-sign h4{text-align:center;margin-bottom:2rem;font-size:2rem}
.join-sign h4 span{display:block;font-size:1.25rem;margin-bottom:4px;font-weight:400;}
.join-sign .today{margin:0px auto;max-width:455px;margin-bottom:2rem}
.join-sign .today h5{text-align:center;}
.join-sign .today #todayDate{display:block;margin-bottom:4px}
.scholarship-join h5{font-size:1.4rem;margin-bottom:0.5rem;border-bottom:1px;position:relative;z-index:1;}
.scholarship-join h5::after{content:'';display:block;width:280px;height:10px;background:rgba(0, 119, 255, 0.2);position:absolute;bottom:-3px;z-index:-1;}
.scholarship-join{border-top:3px dotted #ddd;padding-top:3rem;margin-top:3rem;}
.scholarship-join-text{margin-top:1rem}
.scholarship-join-text span{display:block;margin-top:0.2rem}

/*마이페이지*/
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
#confirmationModal .modal-dialog{max-width:790px}
#confirmationModal .btn-close{position: absolute;z-index: 1;right:20px;font-size:20px}
.confirmation *{font-family:'nanummyeongjo';}
.confirmation{background:url('../img/confirmation_bg.png') no-repeat center center;background-size:cover;
    min-height:1000px;}
.confirmation .cont{padding-top:8rem;background: url('../img/confirmation_logo.png') no-repeat 50% 50%;background-size:300px;}
.confirmation .cont h4{font-weight:bold;font-size:2.5rem;letter-spacing:1rem;}
.confirmation .cont h4 span{display:block;font-size:1.125rem;margin-top:1rem;color:#777777}
.confirmation .cont .info{display:flex;flex-wrap: wrap;justify-content:center;margin-top:3rem}
.confirmation .cont .info table{text-align:left;font-size:1.125rem}
.confirmation .cont .info table th{width:auto;letter-spacing:5pt;font-weight:500;}
.confirmation .cont .info table th::after{content: ':';margin:0 1rem;font-weight:500;}
.confirmation .cont .info .text{margin-top:2rem;line-height: 1.8;font-size:1.25rem}
.confirmation .cont .info .text .etc{display:block;font-size:1rem;color:#777777;margin-top:0.5rem}
.confirmation .cont .info .text .date{display:block;font-size:1.5rem;font-weight:bold;margin-top:2rem}
.confirmation .cont .info .text .sign{background:url('../img/confirmation_sign.png') no-repeat;
    background-size: 100px 100px;background-position: 100% 0;height: 100px;display:block;}
.confirmation .cont .info .text .sign .name{display:block;padding-top:1.8rem;font-size:1.7rem;font-weight:500}

/*게시판*/
.board-wrap{position: relative;}
.board-admin-btn{position: absolute;right:10px;top:-60px;}
.board-list table{min-width:1200px}
.board-list .table {display: table;table-layout:auto;width: 100%;border-top: 2px solid #333;border-collapse: separate;border-collapse: collapse;}
.board-list .table th {background-color: #f4f4f4;border-bottom: 1px solid #dddddd!important;font-weight: 500;}
.board-list .table td {border-bottom: 1px solid #dddddd;}
.board-list .table th:first-child, .board-list .table td:first-child{border-left:0;}
.board-list .table th, .board-list .table td {min-height:60px;;padding:0.85rem 1.5rem;vertical-align: middle;word-wrap: break-word;word-break: keep-all;text-align:center;}
.board-list .title{text-align:left!important;}
.board-list .title a{max-width:700px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;font-weight:400;}
.board-list .title a:hover{color:#333;text-decoration: underline;}
.board-list .title .badge{margin-right:10px;vertical-align: text-top;min-width: 50px;}
.board-list .title svg{margin-right:10px}
.new{font-size:0.75rem;font-weight:bold;color:#00479d;margin-left:6px}

.board-list.board-list-download .title a{max-width:600px}
.board-list.board-list-download .download-btn a{font-size:0.875rem;padding:0;min-height:30px}
.board-wrap .pagination{margin:2rem 0;justify-content:center;}
.board-wrap .pagination .page-link{color:#222222;width:45px;height:45px;display:flex;align-items:center;justify-content:center;} 
.board-wrap .pagination .page-item.active .page-link{background:#00479d;border-color:#00479d;color:#ffffff;}

.board-view, .board-write{margin-top:4rem;}
.board-view .ti{font-size:1.8rem}
.board-view .info{margin-top:1rem}
.board-view .info .user{display:flex;flex-wrap: wrap;border-bottom:1px solid #ddd;padding-bottom:1rem}
.board-view .info .user b{margin-right:6px}
.board-view .info .user p::after{content:'';display:inline-block;width:1px;height:12px;background:#acacac;margin:0 0.8rem}
.board-view .info .user p:last-child::after{display:none;}
.board-view .info .file{background:#f4f4f4;padding:1rem}
.board-view .info .file b{color:#555;margin-right:10px}
.board-view .info .file a:hover{color:#333;text-decoration:underline;}
.board-view-content{margin:2rem 0 0 0;padding:0 1rem 2rem 0;border-bottom:1px solid #ddd;}
.board-view-footer{padding:1rem 0 0.5rem 0;}
.post-navigation{display:flex;justify-content:space-between;}
.post-navigation a{display:flex;align-items:center;}
.post-navigation a:hover .icon{background:#f4f4f4}
.post-navigation a:hover .txt{font-weight:400;}
.post-navigation .txt{display:block;max-width:320px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.post-navigation .icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ddd;border-radius:100%;color:#777}
.post-navigation .prev .icon{margin-right:10px;}
.post-navigation .next .icon{margin-left:10px;}

.comment-wrap{margin-top:2rem}
.comment-wrap h5{border-bottom:1px solid #ddd;padding-bottom:1rem;margin-bottom:1.5rem}
.comment-box{border:1px solid #ddd;border-radius:0.25rem;padding:1rem;}
.comment-box + .comment-box{margin-top:1rem}
.comment-box .comment-user{display:flex;justify-content: space-between;}
.comment-box .comment-content{margin-top:0.5rem}
.comment-btn{margin-top:0.5rem}
.comment-btn .btn{font-size:0.75rem;padding:0.2rem 1rem;min-height:auto;}
.comment-btn .btn + .btn{margin-left:4px}
.comment-user svg{margin-right:8px;}
.comment-write{margin-top:1.5rem}
.comment-write-textarea{display:flex;gap:0.5rem;margin-bottom:0.5rem}
.comment-write textarea{resize: none;height:100px;}
.comment-write .btn{min-width:120px;height:100px}

/*지원 프로그램*/
.bg-light-blue{background:rgba(136, 190, 255, 0.1)}
.program .bg-light-blue{border-top:2px solid #001f45;}
.program .card:hover {transform:translateY(-5px);transition: 0.3s ease;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.program .card-body{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.program .card-body img{width:50px;}
.program .card-title{font-weight:500;}
.program .card-text{max-width:250px;}
.ic-progress{display:flex;flex-wrap: wrap;align-items:center;justify-content:center;margin:2rem 0;}
.ic-progress li{position:relative;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ic-progress li .img{display:block;width:160px;height:160px;background:rgba(156, 201, 255, 0.1);border-radius:100%;background-repeat:no-repeat;background-position:center center;background-size:80px;
border:1px solid rgba(136, 190, 255, 0.2);}
.ic-progress li:nth-child(1) .img{background-image: url('../img/ic_progress01.png');}
.ic-progress li:nth-child(2) .img {background-image: url('../img/ic_progress02.png');}
.ic-progress li:nth-child(3) .img{background-image: url('../img/ic_progress03.png');}
.ic-progress li:nth-child(4) .img{background-image: url('../img/ic_progress04.png');}
.ic-progress li:nth-child(5) .img{background-image: url('../img/ic_progress05.png');}
.ic-progress li .txt{line-height:1.2;margin-top:1.5rem;}
.ic-progress li::after {content: "\f105";font-family: "Font Awesome 5 Free";font-weight: 900;
  display: inline-block;position:absolute;right:0;color:#999999;}
.ic-progress li:last-child::after{display:none}
.progress-step {animation: none;animation-duration: 3s;animation-fill-mode: forwards;animation-timing-function: ease-out;}
.step-20 {animation-name: fill20;animation-delay: 0s;}
.step-40 {animation-name: fill40;animation-delay: 1.2s;}
.step-60 {animation-name: fill60;animation-delay: 2.4s;}
.step-80 {animation-name: fill80;animation-delay: 3.6s;}
.step-100 {animation-name: fill100;animation-delay: 4.8s;}
@keyframes fill20 {
  from { stroke-dashoffset: 282.6; }
  to   { stroke-dashoffset: 226.08; } /* 20% */
}
@keyframes fill40 {
  from { stroke-dashoffset: 282.6; }
  to   { stroke-dashoffset: 169.56; } /* 40% */
}
@keyframes fill60 {
  from { stroke-dashoffset: 282.6; }
  to   { stroke-dashoffset: 113.04; } /* 60% */
}
@keyframes fill80 {
  from { stroke-dashoffset: 282.6; }
  to   { stroke-dashoffset: 56.52; }  /* 80% */
}
@keyframes fill100 {
  from { stroke-dashoffset: 282.6; }
  to   { stroke-dashoffset: 0; }      /* 100% */
}

/*지원 내용*/
.support-info h4{margin-top:1rem;font-size:1.7rem;font-weight:700;text-align:left}
.support-info ul{display:flex;flex-direction:column;}
.support-info ul li{display:grid;grid-template-columns:220px 1fr;align-items:start;margin-top:1rem;border:1px solid #ddd;border-radius:4px;background:#fff}
.support-info ul li .ti{font-weight:500;font-size:1.125rem;color:#fff;display:flex;align-items:center;justify-content:center;height:100%;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.support-info ul li .txt{font-size:1rem;line-height:1.6;color:#333;padding:0.5rem 1rem}
.support-info ul li .txt b{display:block;margin-bottom:0.25rem;color:#000}
.support-info ul li:nth-child(1) .ti{background:linear-gradient(135deg,#2ecc71,#27ae60)}
.support-info ul li:nth-child(2) .ti{background:linear-gradient(135deg,#f39c12,#e67e22)}
.full-curriculum .support-info {margin-top:2rem}

/*교육과정개요*/
.ic-curriculum{display:flex;flex-wrap: wrap;align-items:center;justify-content:center;margin:2rem 0;}
.ic-curriculum li{position:relative;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.ic-curriculum li .img{position: relative;display:block;width:180px;height:180px;background:rgba(156, 201, 255, 0.1);border-radius:100%;
    background-repeat:no-repeat;background-position:center 35%;background-size:80px;
border:1px solid rgba(136, 190, 255, 0.2);}
.ic-curriculum li:nth-child(1) .img{background-image: url('../img/ic_curriculum01.png');}
.ic-curriculum li:nth-child(2) .img{background-image: url('../img/ic_curriculum02.png');}
.ic-curriculum li:nth-child(3) .img{background-image: url('../img/ic_curriculum03.png');}
.ic-curriculum li:nth-child(4) .img{background-image: url('../img/ic_curriculum04.png');}
.ic-curriculum li:nth-child(5) .img{background-image: url('../img/ic_curriculum05.png');}
.ic-curriculum li .txt{line-height:1.2;position:absolute;left:50%;transform: translateX(-50%);bottom:30px;font-weight:500;}
.ic-curriculum li::after {content: "\f105";font-family: "Font Awesome 5 Free";font-weight: 900;
  display: inline-block;position:absolute;right:0;color:#999999;}
.ic-curriculum li:last-child::after{display:none}
.course-info{text-align:center;}
.course-ti {font-size:1.125rem;background:#e4ecf8;padding:1rem;text-align:center;font-weight:bold;border-radius:10px;margin-bottom:2rem;}

.step-box{font-size:1rem;background-color: #f8f9fa;transition: all 0.2s ease;padding:1.5rem;text-align:center;border-radius:4px;box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;border:1px solid #dee2e6}
.step-box:hover {background-color: #e9f2ff;box-shadow: 0 4px 12px rgba(13, 110, 253, 0.1);}
.step-box .step-number{font-size:1.5rem}

.download-callout{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem;margin-bottom:2rem;gap:1rem;border-radius:0.75rem;background-color:#fff;box-shadow:0 0.25rem 1rem rgba(0,0,0,0.05);border:1px solid #dee2e6;border-left:5px solid #00469C;}
.callout-left{display:flex;align-items:center;gap:1rem;text-align:left;}
.callout-left .icon{font-size:2rem;color:#00469C;}
.text-group .title{font-weight:700;font-size:1.125rem;color:#212529;}
.text-group .subtitle{font-size:1rem;color:#6c757d;}
.download-callout .download-btn{display:inline-flex;justify-content:center;align-items:center;gap:0.5rem;padding:0.6rem 1.2rem;border:1px solid #00469C;color:#00469C;border-radius:999px;
  background-color:transparent;text-decoration:none;transition:all 0.2s ease-in-out;min-width:250px;}
.download-callout .download-btn:hover{background-color:#00469C;color:#fff;}
.download-callout .download-btn span{font-weight:500;}
.download-callout .download-btn:hover span{color:#fff;}
 
.curriculum-cont{max-width:900px;margin:4rem auto 0 auto;}
.curriculum-cont .top{display:flex;margin:0 auto;justify-content:center;position:relative;z-index:999;align-items:center}
.curriculum-cont .top .ci{min-width:240px;min-height:240px;border-radius:50%;border:1px dashed rgba(0,64,128,.2);background:radial-gradient(circle at center, rgba(240,248,255,0.5) 0%, rgba(255,255,255,0.9) 70%),#fdfdfd;display:flex;align-items:center;justify-content:center}
.curriculum-cont .top .ci .ci-inner{width:220px;height:220px;border-radius:50%;border:2px solid rgba(0,64,128,.08);background:#ffffff;box-shadow:0 2px 6px rgba(0,0,0,0.05);display:flex;align-items:center;justify-content:center;flex-direction:column}
.curriculum-cont .top .ci .ci-inner img{max-width:140px;width:100%;;height:auto}
.curriculum-cont .top::after {content:'';position:absolute;width:1px;height:60px;background:#00469C;bottom:-30px;left:50%;transform:translateX(-50%);z-index:-1;}
.curriculum-cont .bottom{display:grid;gap:60px;grid-template-columns:repeat(2,1fr);padding-top:30px;box-sizing:border-box;position:relative}
.curriculum-cont .bottom dl{padding-top:30px;box-sizing:border-box;position:relative;z-index:99}
.curriculum-cont .bottom dl:before{display:block;content:'';width:1px;height:80%;left:50%;transform:translateX(-50%);background:#00469C;position:absolute;top:0}
.curriculum-cont .bottom dl:first-of-type:before{height:90%}
.curriculum-cont .bottom dl:nth-of-type(2):before{height:35%;top:0px}
.curriculum-cont .bottom:before{height:1px;width:calc((100% + 60px)/2);display:block;content:'';background:#00469C;position:absolute;top:30px;left:50%;transform:translateX(-50%)}
.curriculum-cont .bottom dl dt{height:70px;line-height:68px;padding:0 20px;color:#fff;text-align:center;border-radius:10px;background:#00469C;border:1px solid #00469C;margin-bottom:11px;position:relative;z-index:999;font-weight:600;font-size:1.125rem}
.curriculum-cont .bottom dl dd{display:flex;align-items:center;text-align:left;padding:0 0 0 30px;border:1px solid #ccc;background:#fff;border-radius:10px;height:80px;margin-bottom:4px;position:relative;z-index:999;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease}
.curriculum-cont .bottom dl dd:before{width:36px;height:36px;border-radius:100%;background:rgba(34,39,47,.3);color:#fff;font-family:"Font Awesome 5 Free";font-size:1rem;content:'\f002';display:flex;position:absolute;right:30px;top:50%;transform:translateY(-50%);align-items:center;justify-content:center;font-weight:900;transition:all .3s ease}
.curriculum-cont .bottom dl dd:last-of-type{margin-bottom:0}
.curriculum-cont .bottom dl dd:hover{background:#fff;color:#00469C;border-color:#00469C}
.curriculum-cont .bottom dl dd:hover:before{background:#00469C;color:#fff;}

.curriculum-cont.microdegree{max-width:600px}
.curriculum-cont.microdegree .top::after{content:'';position:absolute;width:1px;height:60px;background:#00469C;bottom:-30px;left:50%;transform:translateX(-50%);z-index:-1}
.curriculum-cont.microdegree .bottom{display:grid;grid-template-columns:repeat(1,1fr);}
.curriculum-cont.microdegree .bottom dl{padding-top:30px;position:relative;z-index:99}
.curriculum-cont.microdegree .bottom:before{display:none}

.curriculum-cont.track{max-width:600px}
.curriculum-cont.track .top::after{content:'';position:absolute;width:1px;height:60px;background:#00469C;bottom:-30px;left:50%;transform:translateX(-50%);z-index:-1}
.curriculum-cont.track .bottom{display:grid;grid-template-columns:repeat(1,1fr);}
.curriculum-cont.track .bottom dl{padding-top:30px;position:relative;z-index:99}
.curriculum-cont.track .bottom:before{display:none}

.curriculum-modal .table-box{padding:0.5rem;}
.curriculum-modal .table-st tr th, .curriculum-modal .table-st tr td{border:1px solid #ddd;text-align:center;padding:0.75rem 0.5rem}
.curriculum-modal h6{margin-bottom:1rem;font-size:1.125rem}
.curriculum-modal .btn-wrap{margin-top:0;}

.track-modal .table-track{height:350px;overflow:auto;}
.curriculum-modal .text-box h6{margin-bottom:0;margin-top:1rem;}
.curriculum-modal .text-box{padding:0.25rem 1rem 1rem 1rem;border-radius:4px;margin:0.5rem;background:#f4f4f4;border-radius:4px;}
.curriculum-modal .text-box .list-txt{margin-top:0.5rem}

.complet-title{font-size:2rem;margin-bottom:2rem;border-bottom:1px;position:relative;z-index:1;display:inline-block;left:50%;transform:translateX(-50%);}
.complet-title::after{content:'';display:inline-block;width:120%;height:16px;background:rgba(0, 119, 255, 0.2);position:absolute;left:50%;transform:translateX(-50%);bottom:-3px;z-index:-1;}

.universities-modal .modal-content{height:515px;min-width:800px}
#result {width:100%;margin-top:1rem;border-radius:.25rem;border:1px solid #ced4da;height:260px;overflow-y: auto;}
#result li {padding:6px 10px;cursor: pointer;}
#result li:hover {background: #f0f0f0;}
#univInput{cursor: pointer;}
#univInput:disabled, #univInput:read-only{cursor:default;}
#beginnerImmersionInput{cursor:pointer;background:#fff;}
#beginnerImmersionInput.active{background:#00469C;color:#FFF}

/*print*/
@page {
    size: A4;
    margin:0;
}
@media print {
    /* 인쇄 시, background속성(background-image, background-color)를 강제로 보이게 지정 */
    *{ 
        color-adjust: exact;  
        -ms-print-color-adjust: exact; 
        -moz-print-color-adjust: exact; 
        -webkit-print-color-adjust: exact; 
        print-color-adjust: exact; 
    }
    body * {
        visibility: hidden !important;
    }
    /* 인쇄 대상 지정 */
    #printModalContent,
    #printModalContent * {
        visibility: visible !important;
    }
    /* 모달 내부 버튼 및 기타 숨기기 */
    .modal-footer,
    .btn-close {
        display: none !important;
    }
}


@media screen and (min-width:1400px){

}

@media screen and (min-width:1200px){
    #hd{width:100%}
    #hd:hover .gnb_1da{color:#222 !important}
    #hd:hover #logo a{color:#222 !important}
    .post-navigation .txt{max-width:500px;}
}

@media screen and (max-width:1399px){
    #hd{width:100%}
    #hd{background:none !important; border:none !important;}
    #hd{display:none;}
    .mo_hd {display: block;position: absolute;top: 0;left: 0;width: 100%;height:90px}
    .mo_hd .logo_wrap{position:absolute;z-index: 2;top:20px;left:10px}
    .mo_hd .cju_logo{width:120px;}
    .mo_hd .asf_logo{width:200px;}

    .mg_box{width:100%; overflow:hidden; position:absolute; top:0; right:0; z-index:9;}
    .mg_box.on{z-index:200;}
    .m_gnb{position:absolute; top:0; right:-100%; width:100%; z-index:9; transition:0.3s ease; -webkit-transition:0.3s ease;}
    .m_gnb.on{z-index:300; right:0;background:rgba(0, 0, 0, 0.8)}
    div.mg_btn{position:absolute; top:24px; right:10px; z-index:333;
    transition:0.5s ease; -webkit-transition:0.5s ease; -o-transition:0.5s ease;
    transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;
    }
    div.mg_btn span{display:block; width:32px; height:2px; margin:8px; background:#fff; transition:0.5s ease; -webkit-transition:0.5s ease;}
    div.mg_btn.on span{margin:10px;}
    div.mg_btn.on{transform:rotate(45deg);}
    div.mg_btn.on span{width:0px; height:2px; background:#000;}
    div.mg_btn.on span:first-child{width:42px; transform:translateY(12px)}
    div.mg_btn.on span:last-child{width:42px; transform:translateY(-12px) rotate(90deg);}
    .m_gnb div.mg_wrap{width:500px; background:#fff;}
    .m_gnb div.mg_wrap.on{position:Absolute; right:0; z-index:200;}
    .m_gnb div.mg_wrap>ul{padding:100px;height: 100vh;}
    .m_gnb div.mg_wrap>ul>li{padding:5px 0;}
    .m_gnb div.mg_wrap>ul>li>a{font-size:26px; font-weight:900; color:#444;}
    .m_gnb div.mg_wrap>ul>li>ul{display:none;padding:10px 0;height:auto!important}
    .m_gnb div.mg_wrap>ul>li>ul>li{padding:5px 0;}
    .m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:1.25rem;}
    .m_gnb div.mg_bk{display:none; width:100%; height:100vh; opacity:0; transition:0.5s ease; -webkit-transition:0.5s ease;}
    .m_gnb div.mg_bk.on{display:block; opacity:0.9;}
}

@media screen and (max-width:1170px){
    .post_wrap{flex-wrap: wrap;}
    .post_wrap li{flex:1 1 calc(50% - 15px);}
    .ft_link{flex-direction: column;align-items: flex-start;}
    .ft_link>a{margin-right:0;margin-bottom:1rem}
    .ft_link ul{flex-wrap: wrap;}
    .partner-box ul li { width: 33.333%;}
    .sub-ti{margin:2rem 0;}
    .business .table-st .future ul li span{display:block;}
    .curriculum{background-size:300px}
    .main-link a{min-height:220px}
}

@media screen and (max-width:768px){
    .m_gnb div.mg_wrap>ul{padding:80px 60px;}
    .m_gnb div.mg_wrap>ul>li{padding:5px 0;}
    .m_gnb div.mg_wrap>ul>li>a{font-size:1.25rem; font-weight:900; color:#444;}
    .m_gnb div.mg_wrap>ul>li>ul{display:none;padding:10px 0;height:auto;        }
    .m_gnb div.mg_wrap>ul>li>ul>li{padding:2px 0;}
    .m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:1.125rem;}
    .m_gnb div.mg_bk.on{display:none;width:100%; height:100%; background:rgba(0, 0, 0, 0.9); opacity:0; transition:0.5s ease; -webkit-transition:0.5s ease;opacity:0.9;}
    .main-bn .swiper-wrapper{height:500px;}
    .main-bn .mb_txt strong{font-size:2rem}
    .main-bn .swiper-pagination-bullet{width:40px;height:4px}
    .sub-ti{margin:2rem 0;}
    .contents{padding:0 0.2rem;margin:2rem auto;}
    #ft{background:#9e9e9e;padding:3rem 1.2rem}
    .greetings .big{font-size:1.5rem}
    .main-link a{min-height:180px}
    .main-link a span{font-size:1rem;}
    .emblem-img .line{display:none;}
    .emblem-img{flex-direction: column;}
    .emblem-img img{max-width:150px}
    .emblem-color{margin-top:1.5rem}
    .emblem-info, .emblem-download{margin-top:2rem}
    .emblem-download ul{flex-direction: column;}
    .emblem-download ul li{margin:1rem 0 0 0}
    .emblem-download ul.big li span img{max-width:350px}
    .ic-progress li::after{display:none}
    .ic-progress li{margin:1rem}
    .ic-curriculum li::after{display:none}
    .ic-curriculum li{margin:1rem}
    .board-view, .board-write{margin-top:2rem}
    .post-navigation{flex-direction:column;align-items: flex-start;}
    .post-navigation .next{flex-direction: row-reverse;margin-top:0.5rem;}
    .post-navigation .next .icon{margin-left:0;margin-right:10px;}
    .post-navigation .icon{width:22px;height:22px;}
    .download-callout{flex-direction:column;align-items:center;}
    .company-download-step{gap:1rem}
    .full-curriculum .tabnav li{flex:1;}
    .full-curriculum .tabnav li a{min-width:auto;width:100%;padding:1rem 0.5rem}
  }


@media screen and (max-width:480px){
    .m_gnb div.mg_btn{position:absolute; top:20px; right:20px; z-index:11;
    transition:0.5s ease; -webkit-transition:0.5s ease; -o-transition:0.5s ease;
    transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;}
    .m_gnb div.mg_btn span{display:block; width:36px; height:2px; margin:8px; background:#fff; transition:0.5s ease; -webkit-transition:0.5s ease;}
    .m_gnb div.mg_btn.on{transform:rotate(45deg);}
    .m_gnb div.mg_btn.on span{width:0px; height:2px; background:#000;}
    .m_gnb div.mg_btn.on span:first-child{width:36px; transform:translateY(10px)}
    .m_gnb div.mg_btn.on span:last-child{width:36px; transform:translateY(-10px) rotate(90deg);}
    .m_gnb div.mg_wrap{position:absolute; width:280px; background:#fff; z-index:10; transition:0.5s ease; -webkit-transition:0.5s ease;}
    .m_gnb div.mg_wrap>ul{padding:70px 40px;}
    .m_gnb div.mg_wrap>ul>li>a{font-size:1.25rem; font-weight:900; color:#444;}
    .m_gnb div.mg_wrap>ul>li>ul>li>a{font-size:1.125rem;display:inline-block;width:100%;}
    .mo_hd .logo_wrap span{margin:0 10px}
    .mo_hd .cju_logo{width:100px;}
    .mo_hd .asf_logo{width:180px;}
    .main-bn .swiper-wrapper{height:400px;}
    .main-bn .mb_txt p{font-size:1rem}
    .main-bn .mb_txt strong{font-size:1.6rem}
    .main-bn .swiper-button-next:after, .main-bn .swiper-button-prev:after{font-size:20px;}
    .sub-ti h3{font-size:1.5rem}
    .partner-box ul li{width:50%}
    .square .partner{width:50%;}
    .map-ti span{display:block;}
    .map-ti span + span{margin-left:0;}
    .traffic{padding-top:20px}
    .traffic ul li{padding:20px 0}
    .traffic ul li div{padding-left:0;}
    .traffic .list01{background-image:none}
    .traffic .list02{background-image:none}
    .traffic .list03{background-image:none}
    .traffic_content > span{display:block}
    .traffic ul li div span{line-height:1.8}
    .curriculum{background-image:none;}
    .main-link a{min-height:120px}
    .main-link a span{bottom:20px}
    .btn-wrap .btn{width:100%;min-width:auto;}
    .emblem-download ul.big li span img{max-width:200px}
    .curriculum .tabnav{flex-wrap: wrap;}
    .curriculum .tabnav li{flex:0 0 50%}
    .curriculum .tabnav li:nth-child(n+3){border-top:1px solid #ddd}
    .board-admin-btn{top:-50px}
    .board-admin-btn .btn{font-size:0.875rem;min-height:35px;}
    .program .card-body img{width:30px;}
    .comment-write-textarea{flex-direction: column;}
    .comment-write .btn{min-width:100%;height:auto}
    .curriculum-cont .bottom{gap:30px;}
    .curriculum-cont .bottom:before{width:calc((100% + 30px)/2);}
}