@import url("font-awesome/css/font-awesome.css");
@import url("jquery-ui-1.9.2/jquery-ui-1.9.2.custom.css");
@import url("font/NotoSansKR.css");

body,html{font-family: 'Noto Sans KR';}
#wrap{width: 1200px;margin: 0 auto;padding-top: 0px;padding-bottom: 50px;}
.header{border-bottom: 2px solid #1361aa;margin-bottom: 50px;}
.header h1{color: #1361aa;font-size: 20px;font-weight: 500;}
.font-gray{color: #888;}
.tit_wr{overflow: hidden;border-bottom: 1px solid #ddd;padding-bottom: 5px;margin-bottom: 10px;}
.tit_wr h3{font-size: 18px;font-weight: 500;color: #1361aa;position: relative;padding-left: 23px;background: url(../img/circle.png) no-repeat 0 5px;}
/*.tit_wr h3:after{content: "";display: block;position: absolute;left: 0;top:10px;width: 8px;height: 8px;border-radius: 50%;background-color: #1361aa;}*/

.row .col-6{overflow: hidden;}
.row+.row{margin-top: 10px;}

.btn.w380{width: 380px;height: 70px;font-size: 20px;}

.inline-form{overflow: hidden;}
.inline-form .f-tit{float: left;width: 120px;height: 38px;line-height: 38px;text-align: right;padding-right: 10px;}
.inline-form .f-tit.text-right{text-align: right;padding-right: 10px;}
.inline-form .f-tit i.required{color: #ff0000;font-size: 14px;font-style: normal;display: inline-block;margin-right: 5px;}
.inline-form .f-input{float: left;width: calc(100% - 120px);}
.inline-form .btnf{float: left;width: calc(100% - 120px);overflow: hidden;}
.inline-form .btnf .btn{margin-left: 5px;height: 38px;}
.file_up{width: calc(100% - 120px);}
.f-group{overflow: hidden;float: left;}
.f-group input[type="checkbox"]{vertical-align: middle;}
.f-group label{float: left;line-height: 38px;height: 38px;margin: 0 5px;}
.f-group{}
.f-group .f-input{width: calc(100% - 60px);float: right;}
.form-line .col-6{margin-bottom: 10px;}
.f-info .card-body{background-color: #f9f9f9;}
.f-info .num{color: #5a5a61;font-size: 16px;width:52px;height: 30px;line-height: 30px;border-radius:15px;background-color: #d3f2fc;text-align: center;}

.btn.btn_lbl{line-height: 38px;height: 38px;padding-top: 0;width: 125px;}
.inline-form .radio{display: inline-block;height: 38px;line-height: 38px;}
.inline-form .radio input{margin-right: 5px;display: inline-block;vertical-align: middle;margin-top: -2px;}
.inline-form .radio+.radio{margin-left: 10px;}
.upload-name{width: 450px !important;background-color: #fff !important;}
.upload-hidden{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.btn.btn-sm{height: 38px;}
.file_group{float: left;overflow: hidden;width: calc(100% - 120px);}
.file_group+.file_group{margin-top: 10px;}
.file_group select,
.file_group .fl{float: left;}
.file_group select{width: 200px;margin-right: 5px;}
.file_group .fl{overflow: hidden;}
.file_group .fl.ml20{margin-left: 20px;}
.file_group .fl input,
.file_group .fl .btn{float: left;}
.file_group .fl input{width: calc(100% - 100px);margin-right: 5px;}
.text-right{text-align: right;}
.file_down{text-decoration: none}
.file-list > div{line-height: 40px;}
.file-list > div+div{margin-top: 3px;}
.file-list .file_del{display: inline-block;width: 14px;height: 14px;background: url(../img/del.png) no-repeat 0 0;border: 0;background-color: transparent;margin-left: 15px;}
.file-list .file_down{color: #1361aa;font-size: 18px;}


.admin_login{width: 100vw;height: 100vh;display: flex;align-items: center;justify-content: center;}
.login_f{text-align: center;border: 1px solid #eee;border-radius: 10px;padding: 20px;}
.login_f h3{font-size: 30px;width: 350px;}
.login_f p{color: #888;font-size: 20px;}

.btn-block{width: 100%;display: block;height: 60px;}
.btn.btn-primary{background-color: #2c517e;border-color: #2c517e;}

.intro_con{text-align: center;}
.intro_btn{padding-top: 60px;}
.intro_btn .btn{width: 285px;font-size: 16px;}
.intro_info{background-color: #fff;padding: 18px 0;background-color: #eaeaea;margin: 30px auto;width:759px;}
.intro_info > div{margin: 0 auto;width: 760px;overflow: hidden;}
.intro_info > div span{display: block;float: left;}
.intro_info > div span:nth-child(1){background-color: #e1e1e1;width: 170px;height: 40px;line-height: 40px;text-align: center;font-weight: 700;color: #3b3838;}
.intro_info > div span:nth-child(2){font-size: 16px;line-height: 1.2;text-align: left;margin-left: 15px;}

.header_cmm{position: relative;border-bottom: 2px solid #1361aa;padding-bottom: 15px;}
.header_cmm .logo{}
.header_cmm .right{position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.header_cmm .right b{font-weight: 500;font-size: 1.1em;}
.header_cmm .right .btn{line-height: 38px;padding-top: 0;}

.toptab{margin-left: -1px;}
.toptab a{display: inline-block;width: 150px;height: 50px;line-height: 50px;border-radius: 0 0 15px 15px;text-align: center;line-height: 50px;text-decoration: none;border: 1px solid #ddd;font-weight: 500;vertical-align: top;border-top: 0;}
.toptab a.active{background-color: #1361aa;color: #fff;}
.toptab a+a{margin-left: 15px;}

.searchbox{background-color: #f8f8f8;padding: 20px;border-radius:15px;overflow: hidden;}
.search_lbl{overflow: hidden;}
.search_lbl label{height: 38px;line-height: 38px;margin-right: 5px;}
.search_lbl label,
.search_lbl input{float: left;}
.search_lbl select,
.search_lbl input{width: 250px;}
.search_lbl{margin-right: 5px;}
a.btn.btn-sm{line-height: 38px;padding-top: 0;}
.mt50{margin-top: 50px;}
.mt40{margin-top: 40px;}
.mt15{margin-top: 15px;}
.ml20{margin-left: 20px;}
.paging_nav{text-align: center;padding-top: 45px;}
.paging_nav ul{display: inline-block;}
.paging_nav ul li{float: left;}

.table_i {width: 100%;border-top: 2px solid #7f7f7f;}
.table_i tr{border-bottom: 1px solid #d6d6d6;}
.table_i th, .table_i td{padding: 9px;color: #484848;line-height: 22px;}
.table_i th{border-right: 1px solid #d6d6d6;background-color: #f2f9fd;font-weight: normal;text-align: center;}
.table_i tr.borderr-0 th {border-right: 0;}
.table_i a{color: inherit;text-decoration: none;}
.table-text{font-size: 14px;color: #a5a5a5;}

.table_w{border: 1px solid #eee;border-bottom: 0;}
.table_w table{width: 100%;}
.table_w table th{background-color: #f8f8f8;font-weight: 400;text-align: center;padding-top: 10px;padding-bottom: 10px;}
.table_w table th.bdr{border-right: 1px solid #eee;}
.table_w table td{padding-bottom: 10px;padding-top: 10px;padding-left: 10px;padding-right: 10px;border-left: 1px solid #eee;}
.table_w table th,.table_w table td{border-bottom: 1px solid #eee;}
.table_w table td+th{border-left: 1px solid #eee;}
.table_w .required{color: #ff0000;font-size: 14px;font-style: normal;display: inline-block;margin-right: 5px;}


.table_v{border: 1px solid #eee;border-bottom: 0;}
.table_v table{width: 100%;}
.table_v table th{background-color: #f8f8f8;font-weight: 400;text-align: center;padding-top: 10px;padding-bottom: 10px;}
.table_v table th.bdr{border-right: 1px solid #eee;}
.table_v table td{padding-bottom: 10px;padding-top: 10px;padding-left: 10px;padding-right: 10px;border-left: 1px solid #eee;}
.table_v table th,.table_v table td{border-bottom: 1px solid #eee;}
.table_v table td+th{border-left: 1px solid #eee;}
.table_v .required{color: #000;font-size: 14px;font-style: normal;display: inline-block;margin-right: 5px;}


.table thead th{background-color: #f8f8f8;}
.table .table-danger td{color: #ff0000;}
.border-table {border: 1px solid #eee;border-bottom: 0}
.border-table .table th,
.border-table .table td{text-align: center;}
.border-table .table{}

.file_up_div{overflow: hidden;}
.file_up_div+.file_up_div{margin-top: 5px;}
.file_up_div select,
.file_up_div input{float: left;}
.file_up_div select{width: 170px;}
.file_up_div input{width: 450px;margin-left: 5px;}

.tit_wr3{overflow: hidden;}
.tit_wr3 h5{float: left;line-height: 38px;height: 38px;font-size:15px}
.tit_wr3 select{float: left;width: 170px;margin-left: 25px;}

.inline-sel select,
.inline-sel input{display: inline-block;}
.inline-sel input.w350{width: 350px;}
.inline-sel select{width: 200px;}
.inline-sel label.ml50{margin-left: 50px;}

.btn_w{margin-top:35px;overflow: hidden;}
.file_up_list{}
.file_up_list+.file_up_list{margin-top: 5px;}
.red{color: #ff0000;}

span.ml100{display: inline-block;margin-left: 100px;}

.btn{vertical-align: top;}


.modal_search_top{overflow: hidden;}
.modal_search_top .float-start{width: 350px;}
.mt2{margin-top: 2px;}
.form-control.inline{display: inline-block !important;}
.form-select.inline{display: inline-block !important;}
.form-control.w150{width: 150px;}
.form-select.w150{width: 150px;}
.form-control.w170{width: 170px;}
.form-select.w170{width: 170px;}

#modal .modal-dialog{width: 1100px;max-width:1100px}
#modal .table th,
#modal .table td{font-size: 14px;}

#logmodal{}
#logmodal .modal-header{background-color: #8c8c8c;}
#logmodal .modal-header .btn-close{color: #fff;border-radius:50%;background-color: #3b3a3a;background-image: url(../img/close.png);}
#logmodal .modal-title{color: #fff;}
#logmodal .modal-body{background-color: #eaeaea;}

#logmodal .modal-dialog{width: 690px;max-width:690px}
#logmodal .modal-body{padding-left:140px;padding-right: 165px;padding-top: 70px;padding-bottom: 100px;}
#logmodal .f-line{overflow: hidden;}
#logmodal .f-line+.f-line{margin-top: 25px;}
#logmodal .f-line label,
#logmodal .f-line input{display: inline-block;float: left;}
#logmodal .f-line label{width: 125px;height: 40px;line-height: 40px;}
#logmodal .f-line input{width: calc(100% - 125px);border: 2px solid #2c517e;border-radius:0}

#loginmodal h3.text-center{width: auto;}

div.hr{height: 1px;background-color: #8eb3d6;margin: 30px 0;}
#collapseExample{border: 1px solid #ddd;padding: 25px;}
.privacy{line-height: 1.4;color: #424242;font-size: 14px;}

.table.text-center th,
.table.text-center td{text-align: center;}

.inline-date{overflow: hidden;width: 310px;margin: 0 auto}
.inline-date .input-group{float: left;width: 150px;}
.inline-date .input-group.ml10{margin-left: 10px;}

.pri-top{text-align: left;}
.pri-top .label{background: url(../img/ico-1.png) no-repeat 0 0;display: inline-block;padding-left: 25px;font-size: 18px;}
.pri-top button{display: inline-block;height: 24px;border: 1px solid #9d9d9d;border-radius:5px;width: 85px;background: url(../img/awr.png) no-repeat 8px 50%;padding-left: 20px;color: #424242;font-size: 14px;}

.file_up{overflow: hidden;float: left;}

/* 22.05.10  */
body.home{background-color: #f4f3f3;}
#headerWrap{
	background-color: #ffffff;
	text-align: center;border-top: 6px solid #31859c;
}
#headerWrap h1{margin: 0;padding: 15px 0 11px;}
#headerWrap h1 a{display: inline-block;width: 282px;height: 61px;background: url("../img/logo-2.png") no-repeat 0 0;font-size: 0;vertical-align: top;}

#footerWrap{background-color: #e7e7e7;height: 80px;padding-top: 20px;}
.footer_container{margin: 0 auto;width: 1070px;overflow: hidden;}
.footer_container .link{float: left;display: block;text-decoration: none;padding-left: 30px;background: url("../img/footer_icon.png") no-repeat 0 50%;font-size: 18px;color: #525252;height: 23px;line-height: 1;padding-top: 3px;}
.footer_container .addr{float: left;color: #7c7c7c;font-size: 14px;padding-left: 23px;}
.footer_container .addr a{color: #7c7c7c;text-decoration: none;}

.comm_visual{background: url("../img/visual.png") no-repeat 50% 50%;height: 239px;background-size: cover;}
.home_contents{width: 1070px;margin: 0 auto;}

.home_tit{
	font-weight: 700;
	color: #222;
	font-size: 16px;
}
.tie{overflow: hidden;}
.notice_zone{
	flex: 0 0 49%;
	width: 49%;
	height: 140px;
	border: 1px solid #cccccc;
	border-radius:10px;background-color: #fff;
	padding: 15px 20px;
	
}
.notice_zone.last{
	margin-left: 10px;
}
.list_ul{list-style:none;padding: 0;margin: 0;}
.list_ul li{position: relative;padding-left: 10px;}
.list_ul li:after{content: "";display: block;position: absolute;left: 0;top: 11px;width: 3px;height: 3px;background-color: #222;border-radius:50%}
.list_ul li+li{margin-top:3px;}
.list_ul li a{font-size: 16px;color: #222;text-decoration: none;}

.bnr_item{float: right;width: 326px;height: 140px;background: url("../img/bnr-bg.png") no-repeat;}
.bnr_item a{display: block;text-decoration: none;text-align: right;padding-right: 30px;padding-top: 35px;overflow: hidden;}
.bnr_item a > div{float: right;}
.bnr_item div{text-align: left;color: #373737;font-weight: 700;}
.bnr_item .fir{font-size: 22px;}
.bnr_item .sec{font-size: 14px;opacity: 0.6;}

.home_1{padding-top: 30px;}
.home_2{padding-top: 60px;padding-bottom: 60px;}

.link_btn{text-decoration: none;height: 260px;display: block;text-align: center;overflow: hidden;border: 1px solid #cccccc;border-radius:10px;background-color: #fff;background-repeat: no-repeat;padding-top: 125px;width: 243px;}
.link_name{background-color: #009df2;color: #fff;height: 30px;line-height: 30px;border-radius:20px;font-weight: 700;font-size: 13px;width: 133px;margin: 0 auto;}
.link_name i{display: inline-block;width: 15px;height: 13px;background: url("../img/link-icon.png") no-repeat;vertical-align: middle;margin-right: 6px;}
.link_tit{color: #0082c9;font-size: 18px;font-weight: 700;line-height: 1.1;margin-top: 18px;margin-bottom: 8px;}
.link_desc{color: #000;font-size: 11px;}
.item{float: left;}
.item+.item{margin-left: 32px;}

.link_btn:hover {background-color: #44a9ff;}
.link_btn:hover .link_name{color: #0082c9;background-color: #7cd1ff;}
.link_btn:hover .link_tit{color: #fff;}
.link_btn:hover .link_desc{color: #fff;}


.edu_link_btn_1{background-image: url("../img/edu_icon_01.png");background-position: 50% 45px;}
.edu_link_btn_2{background-image: url("../img/edu_icon_02.png");background-position: 50% 45px;}
.edu_link_btn_3{background-image: url("../img/edu_icon_03.png");background-position: 50% 35px;}

.link_btn_1{background-image: url("../img/link-icon-1.png");background-position: 50% 34px;}
.link_btn_2{background-image: url("../img/link-icon-2.png");background-position: 50% 28px;}
.link_btn_3{background-image: url("../img/link-icon-3.png");background-position: 50% 20px;}
.link_btn_4{background-image: url("../img/link-icon-4.png");background-position: 50% 37px;}

.link_btn_1:hover{background-image: url("../img/link-icon-1-on.png");}
.link_btn_2:hover{background-image: url("../img/link-icon-2-on.png");}
.link_btn_3:hover{background-image: url("../img/link-icon-3-on.png");}
.link_btn_4:hover{background-image: url("../img/link-icon-4-on.png");}


.modal_el{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.8);}
.modal_container{width: 100%;height: 100%;display: flex;align-items:center;justify-content:center}
.modal_body{background-color: #fff;width: 440px;height: 565px;box-shadow:0 0 7px rgba(0,0,0,0.35);border-radius: 10px;overflow: hidden}
.modal_top{text-align: right;padding: 15px;font-size: 20px;padding-bottom: 65px;}
.modal_tit{text-align: center;padding-bottom: 40px;}
.frm{width: 280px;margin: 0 auto;}
.frm .form-control{height: 50px;}
.wr_div+.wr_div{margin-top: 20px;}

.frm .submit{background-color: #44a9ff;color: #fff;height: 60px;margin-top: 30px;}
.frm .submit i{vertical-align: middle;display: inline-block;margin-right: 7px;transform:translateY(-4px);}

.sub_lnb{
	background-color: #d9ebf6;
	text-align: center;
	height: 53px;
	font-size: 0;
}
.sub_lnb a{color: #000;display: inline-block;height: 51px;background-color: #fff;line-height: 51px;font-size: 16px;font-weight: 700;text-decoration: none;width: 240px;text-align: center;}
.sub_lnb a.active{background-color: #397ac9;color: #fff;height: 53px;}
.sub_lnb a+a{margin-left: 1px;}

.sub_contents{padding: 45px 0 60px;margin: 0 auto;width: 1070px;}

.sch_frm{overflow: hidden;}
.sch_frm label,
.sch_frm select,
.sch_frm button{float: left;}
.sch_frm select{margin: 0 10px 0 20px;font-size: 16px;}
.sch_frm label{display: inline-block;padding-left: 10px;position: relative;line-height: 36px;}
.sch_frm label:after{content: "";display: block;position: absolute;left: 0;top: 50%;margin-top: -2.5px;width: 5px;height: 5px;border-radius:50%;background-color: #afafaf;}
.sch_frm button{color: #282828;}


.bbs_select {
	width: 194px;
	height: 36px;
	border: 1px solid #ddd;
	font-size: 16px;
}
.bbs_btn {
	width: 58px;
	height: 36px;
	background: #afafaf;
	border: 0;
	font-size: 16px;
}

/** table 시작**/
.table_bbs {
    width: 100%;
    border-collapse: collapse;
	border-top: 3px solid #397ac9;
	font-size: 14px;
	text-align: center;
	color: #222;
}
.table_bbs.standard{
	border-top: 3px solid #ffb97f;
}
.table_bbs th {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    background: #f5f8fc;
}
.table_bbs td {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}
.table_bbs td.color_blue{color: #397ac9;}
/** table 끝//**/

.bbs_tap {overflow: hidden;list-style:none;margin: 0;padding: 0;margin-bottom: 1px;}
.bbs_tap li{float: left;position: relative;z-index: 1;}
.bbs_tap li+li{margin-left: -1px;}
.bbs_tap li a{
	list-style: none;
	text-decoration: none;
	display: inline-block;
	width: 58px;
	height: 38px;
	line-height: 38px;
	background: #fff;
	color: #686868;
	font-size: 16px;
	text-align: center;
	border-radius: 5px 5px 0 0;
	border: 1px solid #c3c3c3;
}
.bbs_tap li.on{z-index: 2;}
.bbs_tap li.on a {
	background-color: #397ac9;
	color: #fff;
}


.cate_zone{position: relative;margin-top: 20px;}
.notic_txt{position: absolute;right: 0;top: 10px;font-size: 16px;}
.state_t1,
.state_t2,
.state_t3{display: inline-block;font-size: 14px;height: 24px;line-height: 22px;border-radius: 3px;}
.state_t1{background-color: #e2f5d6;border: 1px solid #cfe9d1;padding: 0 4px;color: #099c02;}
.state_t2{background-color: #ffd5d5;border: 1px solid #e9cfcf;padding: 0 10px;color: #fc5f5f;}
.state_t3{background-color: #e6e6e6;border: 1px solid #e3e3e3;padding: 0 10px;color: #555d54;}

/* 22.05.12  */
.sub_tit{background-color: #f4f8fb;height: 43px;display: flex;margin-bottom: 25px;padding-left: 17px;align-items:center}
.sub_tit strong{display: inline-block;color: #347fc0;font-weight: 700;position: relative;padding-left: 13px;}
.sub_tit strong:after{content: "";display: block;position: absolute;left: 0;top: 50%;margin-top: -2.5px;width: 5px;height: 5px;border-radius:50%;background-color: #347fc0;}
.sub_tit p{margin: 0;padding-left: 23px;margin-left: 18px;position: relative;}
.sub_tit p:after{content: "";display: block;position: absolute;left: 0;top: 4px;width: 1px;height: 18px;background-color: #a2a3a5;}
.btn_addok {margin-left:0px;background-color:#ccc; padding:5px 10px;border:solid 0; display:inline-block}
.ipt_inline{width:75% !important; display:inline-block !important;}