@charset "utf-8";
/* 초기화 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');


html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;font-family: 'Noto Sans KR', sans-serif;background:#fff;letter-spacing:-1px}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all} 
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
caption{font-size:0}
table{border-collapse:collapse}
label{font-size:0}

/* 레이아웃 */
.layout{position:relative;width:1300px;height:auto;margin:0 auto;padding:30px 0;overflow:hidden}
@media(max-width:1300px){
.layout,#footer .ft_link, .ft_info{width:100% !important}
}
@media(max-width:960px){
.layout{padding:20px}
}
@media(max-width:500px){
.layout{padding:0}
}

/* header */
#header{position:relative;width:100%;height:90px;box-shadow:5px 5px 15px rgba(0,0,0,0.1);padding:0 60px;z-index:100}
#header .menu_bg{display:none;position:absolute;width:100%;height:300px;overflow:hidden;background:#fff;left:0;top:90px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;box-sizing:content-box}
#header .logo{position:relative;float:left;width:40%;line-height:90px}
#header .menu{position:relative;float:left;width:60%;line-height:90px}
#header .menu .menu_1ul{width:100%;height:auto;}
#header .menu .menu_1ul .menu_1li{position:relative;display:inline-block}
#header .menu .menu_1ul .menu_1li a{font-size:20px;color:#0c0c0c;padding:0 45px}
#header .menu .menu_2ul{display:none;position:absolute;padding:10px 0;width:100%;height:300px;}
#header .menu .menu_2ul:focus{background:#f5f5f5}
#header .menu .menu_2ul:hover{background:#f5f5f5}
#header .menu .menu_2ul .menu_2li{line-height:45px}
#header .menu .menu_2ul .menu_2li a{display:block;padding:0;text-align:center;font-size:16px}
#header .menu .menu_2ul .menu_2li a:hover{font-weight:500;color:#014190}
#header .menu .menu_2ul .menu_2li a:focus{font-weight:500;color:#014190}
#header .header_btn{position:absolute;top:0;right:60px;line-height:90px}
#header .header_btn .menu_btn{width:20px;height:20px;background:url('../img/menu_btn.jpg')no-repeat center;border:none;margin:0 10px}
#header .header_btn .sch_btn{display:none;width:23px;height:22px;background:url('../img/sch_btn.jpg')no-repeat center;border:none;margin:0 10px}
#site_map{display:none;position:absolute;width:100%;height:auto;overflow:hidden;top:90px;z-index:100;background:#fff;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
#site_map .sit_1ul{width:1300px;height:auto;overflow:hidden;margin:0 auto;padding:60px}
#site_map .sit_1ul .sit_1li{float:left;width:20%;padding:5px 35px}
#site_map .sit_2ul li{padding-left:10px;line-height:2em}
#site_map .title{font-size:20px;padding:10px;display:block;position:relative;margin-bottom:10px;border-bottom: 1px solid #e3e3e3;font-weight: bold;color:#014190}
#site_map button{position:absolute;top:10%;right:10%;width:45px;height:45px;background:url('../img/side_close_btn.jpg')no-repeat center;border:1px solid #e3e3e3}
@media(max-width:1600px){
#header .logo{width:30%;}
#header .menu{width:70%;text-align:center}
}
@media(max-width:1430px){
#header{padding:0 20px}
#header .header_btn{right:0}
#header .logo img{width:100%}
#header .menu .menu_1ul .menu_1li{width:18%}
#header .menu .menu_1ul .menu_1li a{padding:0}
#site_map button{right:0}
}
@media(max-width:1300px){
#site_map .sit_1ul{width:100%}
}
@media(max-width:1150px){
#header .menu .menu_1ul{padding-left:35px;text-align:left}
#site_map .sit_1ul .sit_1li{width:100%}
#site_map button{top:1%;right:1%}
}
@media(max-width:960px){
#header .logo{width:100%}
#header .logo img{width:auto}
#header .menu{display:none}
#site_map .sit_1ul{padding:5%}
}
@media(max-width:500px){
#header .logo img{width:80%}
}

/* footer */
#footer-wrapper {width:100%;background: #ffffff;overflow: hidden;color: #1c1f3a;padding-bottom: 50px;}


.footer-wrapper .rel_site{position: relative;width: 100%;overflow: hidden;padding: 0;}
.footer-wrapper .rel_site .site_slide{width: 100%;max-width: 1300px;margin: 0 auto;overflow: hidden;padding: 40px 0;}
.footer-wrapper .rel_site .site_slide .slick-list{margin:0 -10px;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.footer-wrapper .rel_site .site_slide .slick-list .slick-track{overflow:hidden}
.footer-wrapper .rel_site .site_slide .slick-slide{float: left;display: block;margin: 0 10px;text-align: center;line-height: 130px;}
.footer-wrapper .rel_site .site_slide .slick-slide a{display: block;line-height: 130px;}
.footer-wrapper .rel_site .site_slide .slick-slide a img{max-width:100%}
.footer-wrapper .rel_site .slick-arrow{position: absolute;top: 50%;margin-top: -16px;display: block;width: 35px;height: 33px;border: 0;border-radius: 100%;transition: all .3s;}
.footer-wrapper .rel_site .rel-prev{left:50%;margin-left: -750px;background: url(../img/ft_rel_prev.jpg);}
.footer-wrapper .rel_site .rel-next{left:50%;margin-left: 680px;background: url(../img/ft_rel_next.jpg);}

#footer{position:relative;width:100%;height:auto;background:#1b1a17}
#footer .ft_wrap{width:100%;height:60px;line-height:60px;border-bottom:1px solid rgba(255,255,255,0.2)}
#footer .ft_link,.ft_info{position:relative;width:1300px;margin:0 auto;height:auto;overflow:hidden}
#footer .ft_link a{font-size:14px;color:#fff;margin-right:25px}
#footer .ft_link a:hover{color:#eec124}
#footer .ft_link select{float:right;width:260px;height:60px;background:url('../img/select_bg.png')no-repeat right #2d2c29;border:none;color:#fff;padding:0 20px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}
#footer .ft_link select:last-child{background:url('../img/select_bg.png')no-repeat right #363533}
#footer .ft_link select::atfer{clear:both}
#footer .ft_link select::-ms-expand{ display:none}
#footer .ft_info .ft_logo{float:left;padding: 0 20px;line-height:130px}
#footer .ft_info .ft_logo img{max-width: 120px;}
#footer .ft_info .ft_text{float:left;width:65%;margin:45px 0}
#footer .ft_info .ft_text ul{height:auto;overflow:hidden}
#footer .ft_info .ft_text ul li{float:left;margin-right:30px;font-size:14px;color:#adadad}
#footer .ft_info .ft_text .copylight{clear:both;font-size:14px;color:#adadad;letter-spacing:0;}
@media(max-width:1400px){
#footer .ft_link,.ft_info{width:100%;padding-left:20px}
#footer .ft_info .ft_logo,#footer .ft_info .ft_text{width:50%;}
}
@media(max-width:920px){
#footer .ft_link select{display:none}
}
@media(max-width:890px){
#footer .ft_link, .ft_info{padding:0 10px}
#footer .ft_info .ft_logo, #footer .ft_info .ft_text{width:100%;text-align:center}
#footer .ft_info .ft_logo{line-height:80px;padding: 10px 0;}
#footer .ft_info .ft_text{margin:0;margin-bottom:20px}
#footer .ft_info .ft_text ul li{float:none;display:inline-block;}
}
@media(max-width:500px){
#footer .ft_info .ft_text ul li{float:none;display:inline-block;margin-right:0;margin:0 5px}
#footer .ft_info .ft_text ul li:first-child{display:block}
#footer .ft_info .ft_text .copylight{word-break:keep-all}
#footer .ft_info .ft_logo img{width:80%}
#footer .ft_wrap{display:none}
}


/* 공지사항 / 자유게시판 */
#notice_box{position:relative;width:100%;height:80px;padding:0 40px;border-bottom:1px solid #c8c8c8}
#notice_box .board_box{width:50%;height:80px;float:left;padding:0 10px}
#notice_box .board_box .title{width:20%;float:left;font-size:20px;color:#2b2b2b;line-height:80px;font-weight:500;border-right:1px solid #c8c8c8}
#notice_box .board_box .title img{position:relative;top:3px;margin-right:10px;vertical-align:sub;}
#notice_box .board_box .text{width:80%;float:left;font-size:18px;color:#313131;font-weight:bold;line-height:80px}
#notice_box .board_box .text .ico{display:inline-block;width:5px;height:5px;background:#c6c6c6;border-radius:100px;text-indent:-9999px;vertical-align:middle;margin:0 20px}
#notice_box .board_box .text .date{font-size:18px;color:#4d4d4d;opacity:0.7;font-weight:500;float:right;margin-right:20px}
#notice_box .board_box:first-child{border-right:1px solid #c8c8c8}
@media(max-width:1500px){
#notice_box{padding:0 20px}
}
@media(max-width:1400px){
#notice_box .board_box .title{width:30%;font-size:18px}
#notice_box .board_box .text{width:70%;font-size:16px}
}
@media(max-width:1300px){
#notice_box .board_box .text .date{display:none}
}
@media(max-width:960px){
#notice_box{height:auto;padding:0}
#notice_box .board_box:first-child{border-bottom:1px solid #c8c8c8}
#notice_box .board_box{width:100%;border-right:none !important;padding:0 20px}
#notice_box .board_box .text .date{display:block}
}
@media(max-width:500px){
#notice_box{display:none}
}

/* 메인 컨텐츠 */
#main_content{position:relative;width:100%;height:auto;overflow:hidden;background:#f5f5f5}
.main_cont01{width:100%;height:180px;background:#fff;padding:0 40px;box-shadow:5px 5px 10px 1px rgba(0,0,0,0.1)}
.main_cont01 dl dt{float:left;width:20%;height:75px;font-size:25px;color:#171717;line-height:30px;padding:10px 0;margin:53px 0;border-right:1px solid #e2e2e2}
.main_cont01 dl dt span{display:block;font-size:22px;color:#f1b149}
.main_cont01 dl dd{float:left;width:20%;height:75px;line-height:75px;border-right:1px solid #e2e2e2;margin:53px 0;padding:0 25px}
.main_cont01 dl dd a{font-size:18px;color:#515151;}
.main_cont01 dl dd:hover a{color:#f1b149;font-weight:500}
.main_cont01 dl dd:last-child{border-right:none}
.main_cont01 dl dd img{margin-right:20px}
.main_cont01 dl dd .imgbox{display:inline-block}

.main_cont02{position:relative;width:100%;height:350px;margin-top:30px}
.customized{width:50%;height:340px;float:left;background:#fff;padding:35px;box-shadow:3px 5px 5px rgba(0,0,0,0.1)}
.customized .title{font-size:22px;color:#171717;}
.customized .title span{color:#f1b149}
.customized ul{text-align:center;margin:30px 0}
.customized ul li{width:180px;height:auto;overflow:hidden;display:inline-block;vertical-align:top;margin:0 8px}
.customized ul li:first-child{margin-left:0}
.customized ul li:last-child{margin-right:0}
.customized ul li .img_box{width:100%;height:155px;line-height:155px;border:1px solid #e5e5e5}
.customized ul li p{font-size:18px;color:#515151;margin-top:20px}
.banner_slide{position:relative;width:50%;height:340px;float:left;padding-left:20px}
.control_box{position:absolute;width:80%;height:50px;background:#fff;bottom:15px;z-index:10;left:50%;transform:translateX(-50%);box-shadow:1px 3px 5px rgba(0,0,0,0.1)}

@media(max-width:1350px){
.main_cont01,.main_cont01 dl dd{padding:0 2%}
.main_cont01 dl dd a{font-size:16px}
}

@media(max-width:1300px){
.customized ul li{width:30%;margin:0 1%}
}

@media(max-width:1100px){
.main_cont01 dl dt{display:none}
.main_cont01 dl dd{width:25%}
.main_cont01 dl dd a{width:100%;display:block;text-align:center}
}

@media(max-width:960px){
.main_cont02{height:auto;}
.banner_slide{height:auto}
.customized{height:240px;padding:25px}
.customized ul{margin:10px 0}
.customized ul li .img_box{height:110px;line-height:110px}
.customized ul li p{font-size:15px}
}

@media(max-width:850px){
.main_cont01 dl dd{line-height:unset;height:auto;margin:38px 0}
.main_cont01 dl dd .imgbox{display:block;height:80px}
.main_cont01 dl dd img{margin:0}
}

@media(max-width:800px){
.customized,.banner_slide{width:100%;padding:0;margin:20px 0}
.customized{padding:2%}
}

@media(max-width:500px){
#main_content{background:#fff;}
.main_cont01{height:auto;overflow:hidden;box-shadow:none;border-bottom:1px solid #e3e3e3;padding:0 10px}
.main_cont01 dl dd{height:auto;margin:20px 0}
.main_cont02{height:auto;margin:0;padding:0 10px;overflow:hidden;padding-bottom:10px;margin-bottom:20px}
.customized{box-shadow:none;height:auto;margin-bottom:0}
}

@media(max-width:420px){
.main_cont01 dl dd a{font-size:13px}
}

@media(max-width:320px){
.main_cont01 dl dd a{font-size:11px}
.customized ul li p{font-size:13px}
}

/* 입학안내 / 취업정보 */
#admission{position:relative;width:100%;height:auto;overflow:hidden;}
#admission .tab_layout{float:left;width:95%;height:50px;border:1px solid #e5e5e5}
#admission .tab_layout ul li{position:relative;float:left;width:calc(100% / 3);height:50px;text-align:center;line-height:50px;}
#admission .tab_layout ul li:nth-child(2){border-left:1px solid #e3e3e3;;border-right:1px solid #e3e3e3}
#admission .tab_layout ul li a{font-size:18px;color:#383838}
#admission .tab_layout ul li.active{background:#f1b149}
#admission .tab_layout ul li.active a{color:#fff}
#admission .tab_layout ul li.active .arrow{display:block}
#admission .tab_layout ul li .arrow{display:none;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);color:#f1b149}
#admission .button_box{float:left;width:5%}
#admission .button_box button{position:absolute;right:0;top:30px;width:50px;height:50px;background:url('../img/plus_button.png')no-repeat center #f6f6f6;border:1px solid #c5c5c5;margin:0 auto}
#admission .tab_content{display:none;width:100%;height:auto;overflow:hidden;padding:15px 0}
#admission .tab_content.active{display:block}
#admission .tab_content ul li.tab_list {position:relative;float:left;width: calc(100% / 4 - 15px);height:310px;border:1px solid #dadada;margin-right:20px;transition:0.3s;padding:35px 30px;margin-bottom: 15px;}
#admission .tab_content ul li.tab_list:last-child, #admission .tab_content ul li.tab_list:nth-child(4n){margin-right:0}
#admission .tab_content ul li.tab_list:hover{background:#f4f4f4}
#admission .tab_content ul li.tab_list:hover .title{font-weight:bold}
#admission .tab_content ul li.tab_list:hover .content{color:#292929;font-weight:500}
#admission .tab_content ul li.tab_list .title{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px;color:#2b2b2b;border-bottom:1px solid #d9d9d9;padding-bottom:20px;margin-bottom:30px}
#admission .tab_content ul li.tab_list .content{font-size: 14px;color:#636363}
#admission .tab_content ul li.tab_list .date{position:absolute;bottom:30px;font-size:16px;color:#959595;font-weight:500}
#admission .tab_content ul li.tab_list a {display: block;max-height: 206px;overflow: hidden;font-size: 16px;}
#admission .tab_content ul li.tab_list a ul {display: none;}

@media(max-width:1340px){
#admission .tab_content ul li{width:24%;margin-right:1%}
}

@media screen and (max-width:1024px){
    #admission .tab_content ul li.tab_list {padding: 20px;width: calc(100% / 2 - 10px);}
    #admission .tab_content ul li.tab_list:last-child, #admission .tab_content ul li.tab_list:nth-child(2n){margin-right:0}
    #admission .tab_content ul li.tab_list .title {margin-bottom: 20px;}
}

@media(max-width:960px){
#admission .tab_layout{width:100%}
#admission .tab_content ul li{width:48%;margin-right:4%;height:210px;padding:2%}
#admission .tab_content ul li:nth-child(2){margin-right:0}
#admission .tab_content ul li:nth-child(3){display:none}
#admission .tab_content ul li:nth-child(4){display:none}
#admission .tab_content ul li .date{bottom:2%}
#admission .button_box button{display:none}
}
@media(max-width:500px){
#admission{padding:0 10px}
#admission .tab_layout ul li{width:33.3%}
#admission .tab_layout ul li:nth-child(2){display:block}
#admission .tab_content ul li{width:100%;margin-right:0;height:210px;padding:5%}
#admission .tab_content ul li:nth-child(2){display:none}
#admission .tab_content ul li .date{bottom:10%}
#admission .tab_content ul li.tab_list {width: 100%;}
}

/* 검색창 */
#sch_box{display:none;position:fixed;top:0;width:100%;height:200px;background:#fff;border-bottom:1px solid #e3e3e3;z-index:200}
#sch_box .hd_sch{position:absolute;left:50%;transform:translate(-50%);width:50%;height:50px;top:35%}
#sch_box .hd_sch input{width:100%;height:50px;border:none;border-bottom:2px solid #014190;outline:none}
#sch_submit{position:absolute;top:0;right:0;background:none;height:50px;width:50px;border:0;font-size:26px;transition-duration: 0.4s;color: #014190;}
#close_btn{position:absolute;top:10%;right:10%;width:45px;height:45px;background:url('../img/side_close_btn.jpg')no-repeat center;border:1px solid #e3e3e3}

@media(max-width:550px){
#sch_box .hd_sch{width:80%}
}

/* main_popup */
#main_pop {position:absolute;top:150px;left: 70px;z-index:999;}
#main_pop2 {position:absolute;top:150px;left: 670px;z-index:999;}
#main_pop3 {position:absolute;top:150px;left: 1270px;z-index:999;}
#main_pop4 {position:absolute;top:580px;left: 70px;z-index:999;}
.close_btn {background:#555; color:#fff; padding:5px 20px; text-align:right; cursor:pointer;}

@media screen and (max-width:500px) {
    .board_search {padding: 20px 10px;}
    .board_search form {float: unset;}
    input#searchWrd {width: 70%;}
    .sch_btn {width: 100%;margin-top: 5px;}
    .board_search select {width: calc(30% - 3.5px);}
    #bo_list_total{float: unset;padding:10px 0 10px 20px}
}

div#m_sub_page {padding: 20px 15px;width: 100%;max-width: 1300px;margin: 0 auto;}