@charset "utf-8";

body{background:#fff;}
/* body{background:#efefef;} */
.clearfix:after{content:""; clear:both; display:block;}
.container{width:1440px; margin:0 auto;}
.wrap_main{}
.search_modal{display:none;}

/* 메인 팝업 */
.popup1{position:absolute; top:145px; left:50px; z-index:9; }
.popup2{position:absolute; top:145px; left:470px; z-index:9; }
.popup3{position:absolute; top:145px; left:890px; z-index:9; }
.popup4{position:absolute; top:145px; left:1310px; z-index:9; }
.main_notice_pop{display:none; width:400px; background:#ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
.main_notice_pop img{width:100%;}
.main_notice_pop .button{display:flex; justify-content: space-between; padding:15px 30px; align-items: center;}
#popup2{position:absolute; top:150px; left:460px; width:400px; z-index:9; background:#ddd; box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}
@media screen and (max-width: 540px){
    .popup1{float:left; position:relative; width:100%; top:0; left:0;}
    .popup2{float:left; position:relative; width:100%; top:0; left:0;}
    .popup3{float:left; position:relative; width:100%; top:0; left:0;}
    .popup4{float:left; position:relative; width:100%; top:0; left:0;}
}

/* 모달 */
.modal{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:100; display:none;}
.modal .inner{background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center;}
.modal .inner .title{padding:15px; background:#00b5f6;}
.modal .inner .title h3{font-size:22px; color:#fff;}
.modal .inner .title .modal_close{position:absolute; top:5px; right:0px; display:block; width:60px; height:60px; font-size:0; text-indent:-999px; background:url(../images/common/ico_sch_close.png) no-repeat 50% 50%; border:0;}
.modal .inner .con{padding:30px 0 15px 0;}
.modal .inner .con .text_blue{color:#1c66b1;}
.modal .inner .con .text_red{color:#ff6600;}
.modal.modal_id_check.on{display:block;}
.modal.modal_id_check .inner{width:500px; height:300px;}
.modal.modal_id_check .inner .con{text-align:center;}
.modal.modal_id_check .inner input[type="text"]{width:250px; padding:10px; border:1px solid #666; border-radius:0;}
.modal.modal_id_check .inner .id_check{display:inline-block; width:auto; color:#fff; padding:10px 20px; background:#1c66b1; border:1px solid #1c66b1;}
.modal.modal_id_check .inner .con .id_result{padding:15px 0;}
.modal.modal_id_check .inner .con .id_result em{font-weight:600;}

.modal.modal_school_search.on{display:block;}
.modal.modal_school_search .inner{width:600px; height:620px;}
.modal.modal_school_search .inner .con{padding:15px; text-align:left;}
.modal.modal_school_search .inner .btn_check{display:inline-block; width:auto; color:#fff; padding:10px 20px; background:#1c66b1; border:1px solid #1c66b1;}
.modal.modal_school_search .inner .con .info{padding:0 0 15px 0; font-weight:500;}
.modal.modal_school_search .inner .con .info em{color:#1c66b1;}
.modal.modal_school_search .inner .con input[type="text"].form-control{width:100%; padding:10px; box-sizing:border-box; border:1px solid #666;}
.modal.modal_school_search .inner .con select.form-control{width:100%; padding:10px;}
.modal.modal_school_search .inner .con h4{margin-bottom:5px;}
.modal.modal_school_search .inner .con h4:before{content:""; display:inline-block; clear:both; width:8px; height:8px; margin:0 5px 2px 0; background:#333;}
.modal.modal_school_search .inner .con .result{position:relative; overflow-y:scroll; height:200px; padding:10px; border:1px solid #ccc;}
.modal.modal_school_search .inner .con .result p{line-height:30px;}

.modal.modal_school_support.on{display:block;}
.modal.modal_school_support .inner{width:800px; height:640px;}
.modal.modal_school_support .inner .con{height:500px; padding:15px; text-align:left; position:relative; overflow-y:scroll;}
.modal.modal_school_support .inner .con .info{padding:0 0 15px 0; font-weight:500;}
.modal.modal_school_support .inner .con .info em{color:#1c66b1;}
.modal.modal_school_support .inner .con input[type="text"].form-control{width:100%; padding:10px; box-sizing:border-box; border:1px solid #666;}
.modal.modal_school_support .inner .con select.form-control{width:100%; padding:10px;}
.modal.modal_school_support .inner .con h4{margin:15px 0 10px;}
.modal.modal_school_support .inner .con h4:before{content:""; display:inline-block; clear:both; width:8px; height:8px; margin:0 5px 2px 0; background:#333;}
.modal.modal_school_support .inner .con .result{margin-bottom:25px; padding:10px; border:1px solid #ccc;}
.modal.modal_school_support .inner .con .result p{line-height:30px;}
.modal.modal_school_support .inner .con .result .img{}
.modal.modal_school_support .inner .con .result .img img{display:block; width:100%; text-align:center; border:1px solid #ccc;}
.modal.modal_school_support .inner .con .result .img span{display:block; width:100%; padding:10px 0; text-align:center; background:#efefef; border:1px solid #ccc; border-top:0;}

.modal.modal_id_support2.on{display:block;}
.modal.modal_id_support2 .inner{width:500px; height:540px;}
.modal.modal_id_support2 .inner .con{height:400px; padding:15px; text-align:left; position:relative; overflow-y:scroll;}
.modal.modal_id_support2 .inner input[type="text"]{width:250px; padding:10px; border:1px solid #666; border-radius:0;}
.modal.modal_id_support2 .inner .id_check{display:inline-block; width:auto; color:#fff; padding:10px 20px; background:#1c66b1; border:1px solid #1c66b1;}
.modal.modal_id_support2 .inner .con .id_result{padding:15px 0;}
.modal.modal_id_support2 .inner .con .id_result em{font-weight:600;}

.modal.modal_id_support2 table.tb_board{width:100%; border-collapse:collapse; text-align:center; letter-spacing:-0.5px; border-top:1px solid #666;}
.modal.modal_id_support2 table.tb_board th{background:#f6f6f6; border-bottom:0px; padding:15px 0px; border-bottom:1px solid #e6e6e6;}
.modal.modal_id_support2 table.tb_board td{position:relative; padding:14px 0px; color:#777; border-bottom:1px solid #e6e6e6;}
.modal.modal_id_support2 table.tb_board td{padding-left:10px; text-align:left; line-height:1.4em; letter-spacing:-1px;}

.modal.modal_advice_info.on{display:block;}
.modal.modal_advice_info .inner{width:1000px; height:820px;}
.modal.modal_advice_info .inner .con{text-align:center;}
.modal.modal_advice_info .inner .con .scroll{height:640px; overflow-y:hidden;}
.modal.modal_advice_info .inner .con .scroll table{width:98%; margin:0 auto;}

.modal.modal_advice_info .inner .con .tb_normal{table-layout: fixed;}
.modal.modal_advice_info .inner .con .tb_normal .button a{color:#fff;}
.modal.modal_advice_info .inner .con .tb_normal .button a:hover{color:#f6e84e;}

.modal.modal_advice_date_info.on{display:block;}
.modal.modal_advice_date_info .inner{width:860px; height:600px;}
.modal.modal_advice_date_info .inner .con{text-align:center;}
.modal.modal_advice_date_info .inner .con .scroll{height:430px; overflow-y:scroll;}

.modal.modal_advice_date_info .inner .con .tb_normal{table-layout: fixed;}
.modal.modal_advice_date_info .inner .con .tb_normal .button a{color:#fff;}
.modal.modal_advice_date_info .inner .con .tb_normal .button a:hover{color:#f6e84e;}

.modal.modal_program_cancle.on{display:block;}
.modal.modal_program_cancle .inner{width:420px; height:300px;}
.modal.modal_program_cancle .inner .con{text-align:center;}
.modal.modal_program_cancle .inner .con .scroll{height:130px;}

.modal.modal_program_cancle .inner .con .tb_normal{table-layout: fixed;}
.modal.modal_program_cancle .inner .con .tb_normal .button a{color:#fff;}
.modal.modal_program_cancle .inner .con .tb_normal .button a:hover{color:#f6e84e;}

.modal.modal_program_check.on{display:block;}
.modal.modal_program_check .inner{width:520px; height:400px;}
.modal.modal_program_check .inner .con{text-align:center;}
.modal.modal_program_check .inner .con .scroll{height:230px; padding:0 15px;}

.modal.modal_program_check .inner .con .tb_normal{table-layout: fixed;}
.modal.modal_program_check .inner .con .tb_normal th{background:#efefef; border-bottom:1px solid #ddd;}
.modal.modal_program_check .inner .con .tb_normal td{padding-left:10px; padding-right:10px;}
.modal.modal_program_check .inner .con .tb_normal .button a{color:#fff;}
.modal.modal_program_check .inner .con .tb_normal .button a:hover{color:#f6e84e;}

.modal.modal_qu_check.on{display:block;}
.modal.modal_qu_check .inner{width:800px; height:600px;}
.modal.modal_qu_check .inner .con{position:relative; height:450px; padding:5px; overflow-y:auto;}
.modal.modal_qu_check .inner input[type="text"]{width:250px; padding:10px; border:1px solid #666; border-radius:0;}

.modal.modal_tamgu.on{display:block;}
.modal.modal_tamgu .inner{width:800px; height:600px;}
.modal.modal_tamgu .inner .con{position:relative; height:450px; padding:5px; overflow-y:auto;}
.modal.modal_tamgu .inner input[type="text"]{width:250px; padding:10px; border:1px solid #666; border-radius:0;}


@media screen and (max-width: 840px){
    .modal.modal_school_support .inner{width:100%;}
}
@media (max-width: 576px) {
    .modal.modal_advice_info .inner,
    .modal.modal_advice_date_info .inner{width:100%;}
}
@media screen and (max-width: 540px){
    .modal.modal_id_check .inner{height:360px;}
    .modal.modal_id_check .inner .con p{padding:0 15px;}
    .modal.modal_id_check .inner .con input[type=text]{width:100%; box-sizing: border-box; margin:0px;}
    .modal.modal_id_check .inner .id_check{width:100%; margin-top:5px;}
    .modal.modal_school_search *{font-size:14px;}
    .modal.modal_school_search .inner .con .result{height:180px;}

    .modal.modal_qu_check .inner{height:360px;}
    .modal.modal_qu_check .inner .con p{padding:0 15px;}
    .modal.modal_qu_check .inner .con input[type=text]{width:100%; box-sizing: border-box; margin:0px;}
}

/* 검색 */
#search{z-index:94; position:absolute; top:0; left:0; width:100%; min-width:320px; height:170px; display:none; background:#182239;}
#search.on{z-index:95; display:block;}
#search fieldset{opacity:0; visibility:hidden; position:relative; margin:0 auto; width:1440px; padding:15px 0; color:#fff; font-weight:300; font-size:18px; box-sizing:border-box; transition:0.3s ease-in-out;}
#search.on fieldset{opacity:1; visibility:visible; top:0;}
#search h2{display:none;}
#search .inner{position:relative; width:500px; margin:30px auto; border:3px solid #fff;}
#search input[type="text"]{width:100%; height:70px; line-height:70px; padding:0 0 0 32px; font-size:24px; color:#fff;box-sizing:border-box; background:#182239; border:0;}
#search .btn_submit{position:absolute;top:0;right:0;width:70px;height:70px;font-size:0;text-indent:-999px;background:url(../images/common/ico_sch.png) no-repeat 10px 8px #182239; border:0;}
#search .btn_close{position:absolute; top:25px; right:30px; display:block; width:60px; height:60px; font-size:0; text-indent:-999px; background:url(../images/common/ico_sch_close.png) no-repeat 50% 50%; border:0;}

/* 헤더 */
header{width:100%; height:134px; position:relative; z-index:10;}
header.on{background:#fff;}
header h1{float:left; width:440px; margin-left:40px; padding:5px 25px 5px 25px; box-sizing:border-box;}
header h1 a{display:block;}
header h1 a img{width:100%;}
header .top{margin:0 auto;}
header .lnb{float:right; margin:13px 80px 0 0;}
header .lnb li{float:left; line-height:15px;}
header .lnb li a{display:block; padding:15px 6px;}
header .lnb li a::before{content:""; display:inline-block; clear:both; width:1px; height:12px; margin-right:10px; background:#999;}
header .lnb li:first-child a::before{display:none;}
header .lnb li:last-child a{color:#20569c; font-weight:400;}
@media screen and (max-width: 1280px){
    header .lnb li a::before{display:none;}
    header .lnb{margin-right:0;}
}
header .mobile_btn{display:none;}
header nav{position:relative; width:100%; height:58px;}
header nav.on{display:block; background:#fff; border-bottom:2px solid #ccc;}
header nav:before{content:""; clear:both; display:block; margin-bottom:10px; border-top:1px solid #ccc;}
header nav:after{content:""; clear:both; display:block; margin-top:56px; border-bottom:1px solid #ccc;}
header nav .container{position:relative;}
header nav .gnb{position:absolute; top:0px; right:0; width:100%; padding-top:0px;}
header nav .gnb > li{float:left; width:16.6%; padding:0; text-align:center;}
header nav .gnb > li > a{position:relative; display:block; height:40px; margin-bottom:8px; font-size:20px; font-weight:400; line-height:40px; color:#333;}
header nav .gnb > li:hover > a{color:#275fa9;}
header nav .gnb > li > ul{display:none; height:190px; margin-top:0px; padding:0px 0 30px 0; border-left:1px solid #ccc;}
header nav .gnb > li:last-child > ul{border-right:1px solid #ccc;}
header nav .gnb > li > ul.on{display:block; padding-top:20px;}
header nav .gnb > li > ul > li{}
header nav .gnb > li > ul > li > a{display:block; height:40px; font-size:16px; font-weight:400; line-height:22px;}
header nav .gnb > li > ul > li > a:hover{color:#275fa9;}
header nav .gnb > li > ul > li > ul{width:90%; margin:0 auto; margin-bottom:10px; padding:5px 15px; background:#efefef; border:1px solid #ccc; border-radius:10px;}
header nav .gnb > li > ul > li > ul > li > a:hover{color:#275fa9;}

/* 슬라이드 */
.slide_main{width:100%; height:589px; overflow:hidden; border-bottom:1px solid #ccc;}
.slide_main .slide_all{position:relative; overflow:hidden; width:1400px; height:590px; margin:0 auto;}
.slide_main .slide_all .swiper-button-prev,
.slide_main .slide_all .swiper-button-next{width:94px; height:94px;}
.slide_main .slide_all .swiper-button-prev:after,
.slide_main .slide_all .swiper-button-next:after{display:none;}
.slide_main .slide_all .swiper-button-prev{background:url("../images/main/slide_prev.png");}
.slide_main .slide_all .swiper-button-next{background:url("../images/main/slide_next.png");}
.slide_main .slide_all .swiper-pagination-bullet{width:15px; height:15px; background:#000;}
.slide_main .slide_all .swiper-pagination-bullet-active{width:35px; border-radius:10px; background:#00cfe0;}

/* 스크롤 바 */
.scoll_bar::-webkit-scrollbar{
    width: 20px; /*스크롤바의 너비*/
}

.scoll_bar::-webkit-scrollbar-thumb{
    /* background-color: #666; */
    background-color: #999;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius:25px;
}

.scoll_bar::-webkit-scrollbar-track{
    border-radius:25px;
    /* background-color: #2a2a2a; */
    background-color: #e1e1e1;
}

/* 푸터 */
footer{overflow:hidden; padding:10px 0; border-top:1px solid #ccc;}
footer .container{width:1200px; background:url("../images/common/foot_logo.png") no-repeat right center;}
footer .foot_menu{position:relative; }
footer .foot_menu a::before{content:""; display:inline-block; clear:both; width:1px; height:12px; margin-right:10px; background:#999;}
footer .foot_menu a{display:inline-block; padding:5px; color:#999;}
footer .foot_menu a:first-child a:hover{color:#c5d62f;}
footer .foot_menu a:first-child::before{display:none;}
footer .foot_menu a.first{color:#0c4a96;}
footer .address{position:relative; padding-top:5px; color:#777;}

@media screen and (max-width: 1238px){
    footer .table_mobile{overflow:auto;}
    footer .container{background-image:none;}
}

/*
서브
*/
/* 비주얼 */
.slide_sub{width:100%; overflow:hidden; border-bottom:1px solid #ccc;}
.slide_sub .container{position:relative; height:250px; background:url("../images/common/visual_bg.png") no-repeat right 100px; background-size:40%;}
.slide_sub .visual{position:absolute; bottom:0; right:70px;}

.slide_sub .loc{position:absolute; top:80px; left:0;}
.slide_sub .loc h2{font-size:34px; padding-left:10px;}
.slide_sub .loc ul{display:flex; font-size:18px;}
.slide_sub .loc ul li{position:relative;}
.slide_sub .loc ul li:after{content: ''; display: block; position: absolute; top: 30px; right: 0px; width: 8px; height: 8px; margin: -7px 0 0 0; border-bottom: 2px solid #555; border-right: 2px solid #555; transition: transform 0.3s; transform: rotate(-45deg); background: none;}
.slide_sub .loc ul li:last-child:after{display:none;}
.slide_sub .loc ul li a,
.slide_sub .loc ul li span{display:block; padding:15px 25px 15px 15px;}

/* 서브메뉴 */
.snb{background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.snb .container > ul{display:flex; flex-direction:row; font-size:18px;}
.snb .container > ul > li{position:relative; border-right:1px solid #eee;}
.snb .container > ul > li > a:after{content: ''; display: block; position: absolute; top: 53%; right: 20px; width: 8px; height: 8px; margin: -7px 0 0 0; border-bottom: 2px solid #666; border-right: 2px solid #666; transition: transform 0.3s; transform: rotate(-45deg); background: none;}
.snb .container > ul > li.on > a:after{transform:rotate(45deg);}
.snb .container > ul > li > a{display:block; padding:20px 185px 20px 15px; color:#333; font-weight:400;}
.snb .container > ul > li > div{display:none; position:absolute; top:67px; left:0; width:100%; z-index:2; background:#fff; border:1px solid #ccc;}
.snb .container > ul > li > div.on{display:block;}
.snb .container > ul > li > div ul li{position:relative;}
.snb .container > ul > li > div a{display:block; padding:13px; color:#333; font-weight:400; background:#fff;}
.snb .container > ul > li > div a:hover{color:#275fa9;}

/* 로그인 */
.log-box-wrap {width:60%; min-height: 354px; margin:0 auto; border: 1px solid #dbdbdb; text-align: center; padding: 40px 20px; box-sizing: border-box; margin-top: -1px;}
.log-box {max-width: 440px; margin: 0 auto;}
.log-box_app {max-width: 600px; margin: 0 auto; text-align:center;}
.log-tit {font-size: 25px; font-weight: bold; color: #000;}
.log-ico {min-height: 100px; padding: 20px 0;}
.log-ico img {width: 100px;}
.app_log-ico { margin:0px auto;background-color:#ccc;width:150px;border-radius:50%;padding:25px; margin-bottom:20px;}
.app_log-ico img {width: 100px;}
.log-box > span {display: block; padding: 10px 0; color: #666; font-size: 15px;}
.log-box-wrap .orange-btn {display: block; height: 50px; width: 100%; text-align: center; margin: 20px 0 auto; background: #ff8601; line-height: 50px; color: #fff; font-weight: bold; font-size: 18px; border-radius: 3px;}
.log-box-wrap .black-btn {display: block; height: 50px; width: 100%; text-align: center; margin: 20px 0 auto; background: #000; line-height: 50px; color: #fff; font-weight: bold; font-size: 15px; border-radius: 3px;}
.log-box-wrap .gray-btn {display: block; height: 50px; width: 100%; text-align: center; margin: 20px 0 auto; background: #e6e6e6; line-height: 50px; color: #333; font-weight: bold; font-size: 15px; border-radius: 3px;}
.log-box-wrap .blue-btn {display: block; height: 50px; width: 100%; text-align: center; margin: 20px 0 auto; background: #5594f1; line-height: 50px; color: #fff; font-weight: bold; font-size: 15px; border-radius: 3px;}
.log-form {padding: 20px 0 5px 0;}
.log-box input[type="text"] {font-size:16px; background: #f2f2f2; color: #767676; border: 1px solid #dfdfdf; padding: 14px 20px; display: block; margin: 5px 0; width: calc(100% - 40px);}
.log-box input[type="password"] {font-size:16px; background: #f2f2f2; color: #767676; border: 1px solid #dfdfdf; padding: 14px 20px; display: block; margin: 5px 0; width: calc(100% - 40px);}
.log-box_app input[type="text"] {font-size:16px; background: #f2f2f2; color: #767676; border: 1px solid #dfdfdf; padding: 14px 20px; display:inline-block; margin: 5px 0; width: calc(100% - 150px);}
.log-box_app input[type="password"] {font-size:16px; background: #f2f2f2; color: #767676; border: 1px solid #dfdfdf; padding: 14px 20px; display:inline-block; margin: 5px 0; width: calc(100% - 150px);}

.log-box-wrap .member_search{padding:30px 0 0 0;}
.log-box-wrap .member_search ul{display:flex; justify-content: space-between; width:100%;}
.log-box-wrap .member_search ul li{width:120px;}
.log-box-wrap .member_search ul li a{display:block; width:100%; margin:0 auto;}

.find-idps ul {display: flex; justify-content: space-between;}
.find-idps ul li a {position: relative; color: #767676; font-size: 13px; padding-right: 15px; letter-spacing: -1px;}
.find-idps ul li:first-child {position: relative;}
.find-idps ul li:first-child:before {position: absolute; content: ''; width: 3px; height: 3px; background: #9e9e9e; border-radius: 50%; top: 44%; left: 29%; transform: translateY(-50%);}
.find-idps ul li a:after {position: absolute; content: ''; width:7px; height: 7px; border-top: 2px solid #9e9e9e; border-right: 2px solid #9e9e9e; transform: rotate(45deg); top: 6px; right:0;}

/*아이디/비밀번호 찾기 추가*/
.box-wrap.idps {display: block;}
.box-wrap.idps > div {width: 100%;}
.box-wrap.idps .log-tit {font-size: 25px; padding-bottom: 10px;}
.box-wrap.idps .log-tit>span {color:#ff5722;}
.box-wrap.idps .log-box {max-width: none;}
.box-wrap.idps .log-box > span {font-size: 14px; padding: 5px 50px; color: #000; font-weight: bold;}
.box-wrap.idps .log-box > span:last-child {font-size: 16px; color: #767676; font-weight: normal;}
.box-wrap.bg-gray .log-box >span {font-size: 14px; color: #767676; font-weight: normal;}
.id-box {margin: 50px 0;}
.id-box a {padding: 20px; border:1px solid #dfdfdf; display: inline-block; font-weight: bold; font-size: 16px; color: #fb8022;}
.nom-btn-wrap.idps {padding: 60px 0 140px 0;}
.nom-btn-wrap.idps > .nom-btn {font-size: 13px;}

.find-idps .login_idpw, .find-idps .login_idpw li { list-style:none; display:inline-block; }