@charset "utf-8";
/*-------------------------------------------------------------------
	파일정의 : Layoyt
	작성날짜 : 2019-10-22 장병주
	참고사항 : 이 파일은 설정값만 정의한다.
	분류순서 : 기본정책 > 유틸리티 > 사용자정의(컬러, 폰트, 보더, 간격 등)
	속성순서 : 표시 > 위치 > 넘침/흐름 > 크기/간격 > 박스모양 > 폰트/정렬 > 기타
-------------------------------------------------------------------*/
html{height: 100%; overflow-x: hidden; word-break: keep-all;}
#wrapper {position: relative;z-index: 1;}
#container{position: relative; width: 100%; overflow: hidden; z-index: 2;}
#header {position: relative; z-index: 3;}
section>.set_inner{padding: 120px 0;}
.set_inner{width: 1332px; margin: 0 auto;}
.header{height: 90px; border-bottom: 1px solid #f3f3f3;}
.header.on .menu_list_wrap,
.header.is_active .menu_list_wrap{display: block;}
.header_top{background: #1db0ab; height: 40px;}
.top_menu{float: right; padding: 9px 0;}
.top_menu li{float: left; position: relative; padding: 0 15px;}
.top_menu li+li:before{position: absolute; left: 0; top: 6px; width: 1px; height: 12px; background: #fff; vertical-align: middle; margin: -2px 0 0; content: '';}
.top_menu li a{font-size: 14px; color: #fff;}
.top_menu li:last-child{padding-right : 0;}
.logo_area{float: left; padding-top: 15px;}
.logo a{display: block; width: 252px; max-width: 100%; height: 35px; background: url(../img/logo.png)center no-repeat; font-size: 0;}
.gnb_area{float: right; position: relative; width: 1010px;}
.gnb_area nav{padding-right: 110px;}
.header_btns{position: absolute; right: 0; top: 35px; text-align: right;}
.header_btns .btn_search{display: inline-block; margin-left: 25px; margin-top: -2px; vertical-align: middle; font-size: 24px;}
.header_btns .btn_search .ic{color: #000; margin-top: -5px;}
nav>ul>li{float: left; /* width: 20%; */ text-align: center;}
nav>ul>li a{position: relative; display: block; font-size: 22px; color: #000; font-weight: 700; line-height: 90px;font-family:"SeoulNamsan B", sans-serif; }
.hover nav>ul>li a:hover{color: #097e93;}
.hover nav>ul>li a:hover:before{position: absolute; right: 0; left: 0; bottom: 0; height: 2px; background: #097e93; content: '';}
footer{position: relative; background: #3c3e42; z-index: 2;}
.footer_top{border-bottom: 1px solid #5e5e61;}
.footer_menu{float: left; padding: 24px 0;}
.footer_menu li{display: inline-block; margin-left: -4px; vertical-align: top;}
.footer_menu li:nth-child(2) a{color: rgba(33,187,182,.6);}
.footer_menu li+li:before{display: inline-block; width: 1px; height: 14px; background: rgba(255,255,255,.6); vertical-align: middle; margin: -2px 14px 0 16px; content: '';}
.footer_menu a{font-size: 15px; color: rgba(255,255,255,.6);}
.footer_top .menu_etc{float: right; text-align: right;}
.footer_top .menu_etc .btn_fb{display: inline-block; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #5e5e61; vertical-align: middle; text-align: center; padding-top: 8px;}
.footer_top .menu_etc .btn_fb i{color: #b1b2b3; font-size: 16px;}
.footer_top .menu_etc .selbox_area{display: inline-block; position: relative; width: 205px; vertical-align: middle; margin-left: 26px; text-align: left; z-index: 2;}
.footer_top .menu_etc .selbox_area button{position: relative; display: block; width: 100%; line-height: 65px; padding: 0 30px 0 20px; font-size: 15px; color: rgba(255,255,255,.6); text-align: left; border: 1px solid #5e5e61; border-bottom: none;}
.footer_top .menu_etc .selbox_area button .ic_arw{position: absolute; right: 20px; top: 50%; width: 0; height: 0; border: 9px solid #b1b2b3; border-top: none; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-top: -5px; }
.footer_top .menu_etc .selbox_area button .ic_arw.is_active{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.footer_top .menu_etc ul{position: absolute; left: 0; right: 0; bottom: 100%; padding: 15px 20px; background: #3c3e42;}
.footer_top .menu_etc ul li+li{margin-top: 10px;}
.footer_top .menu_etc ul li a{font-size: 15px; color: rgba(255,255,255,.6);}
.footer_body{padding: 50px 0;}
.hover .footer_top .menu_etc ul li a:hover{color: #fff; text-decoration: underline;}
.footer_body .set_inner{position: relative;}
.footer_body .footer_logo{position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.footer_body .txt_area{padding-left: 288px;}
.footer_body .txt_area ul{margin-bottom: 10px;}
.footer_body .txt_area li{display: inline-block; vertical-align: top;}
.footer_body .txt_area li+li{margin-left: 3px;}
.footer_body .txt_area li, .footer_body .txt_area p{font-size: 15px; color: rgba(255,255,255,.6);}
.img_area.tac{text-align: center;}
.img_area.tar{text-align: right;}
.img_area.tal{text-align: left;}
.img_area img{max-width: 100%;}
img.mob{display: none;}
.menu_list_wrap{display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 10; background: #fff;}
.menu_list_wrap:before{position: absolute; left: 0; top: 0; bottom: 0; width: 50%; background: #f1f4f5; content: ''; z-index: -1; margin-left: -630px;}
.menu_list_inner{width: 1280px; margin: 0 auto;}
.menu_info_box{float: left; min-height: 270px; width: 270px; background: #f1f4f5 url(../img/bg_txt_lx.png)right bottom no-repeat; padding-top: 40px; box-sizing: border-box;font-family: "SeoulNamsan B", sans-serif;}
.menu_info_box .ttl{font-size: 32px; color: #3c3e42; line-height: 1;}
.menu_info_box .txt{font-size: 16px; color: rgba(34,34,34,.6); line-height: 1.4;}
.menu_info_box .txt:before{display: block; width: 50px; height: 2px; background: #5e5e61; content: ''; margin: 15px 0;}
.menu_list_box{float: left; width: 1010px; padding-right: 110px; box-sizing: border-box;}
.menu_list_box ul{float: left; width: 20%; height: 270px; padding: 30px 0 0 23px; box-sizing: border-box;}
.menu_list_box ul+ul{border-left: 1px solid #f3f3f3;}
.menu_list_box ul li+li{margin-top: 16px;}
.menu_list_box ul li a{position: relative; display: inline-block; font-size: 18px; color: #666; padding-left: 9px; padding-bottom: 3px; line-height: 1;font-family: "SeoulNamsan B", sans-serif;}
.hover .menu_list_box ul li a:hover{color: #0dada8; }
.hover .menu_list_box ul li a:hover:after{position: absolute; left: 9px; right: 0; bottom: 0; height: 1px; background: #0dada8; content: '';}
.menu_list_box ul li a:before{position: absolute; left: 0; top: 7px; width: 3px; height: 3px; border-radius: 50%; background: #666; content: '';}
.sub_top_area{position: relative; height: 230px; background-size: cover; background-repeat: no-repeat; background-position: center; box-sizing: border-box; border-bottom: 1px solid #ebebeb; z-index: 2;}
.sub_top_area .txt_area{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 100%; align-items: center; text-align: center;}
.sub_top_area .txt_area h3{font-size: 47px; color: #fff; line-height: 1; text-shadow: 2px 2px 5px rgba(21,23,23,.66); font-family: 'SeoulNamsan B', sans-serif;}
.sub .sub_content{position: relative; padding: 60px 0 90px; z-index: 1;}
.sub.edu_info .page_ttl,
.sub.sitemap .page_ttl{border-bottom: none; }
.sitemap_wrap .sitemap_row{display: table; width: 100%;}
.sitemap_row{padding-bottom: 85px;}
.sitemap_row .depth_1, .sitemap_wrap .depth_2{display: table-cell; vertical-align: top;}
.sitemap_row .depth_1{width: 200px; font-size: 24px; color: #222; font-weight: 500; border-top: 2px solid #189a9c; padding-top: 20px;}
.sitemap_row .depth_2{padding-left: 50px; line-height: 1;}
.sitemap_row .depth_2 ul{border-top: 1px solid #ebebeb; padding-top: 22px;}
.sitemap_row .depth_2 li{float: left; width: 25%; font-size: 20px; color: #222;}
.sitemap_row .depth_2 li:nth-child(5){margin-top: 55px;}
.list_txt_wrap .ttl{position: relative; font-size: 18px; color: #222; font-weight: 500; padding-left: 14px;}
.list_txt_wrap .ttl:before{position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background: #243231; content: '';}
.list_txt_wrap .ttl span{font-size: 17px; color: #222; font-weight: 400; line-height: 1.2;}
.list_txt_wrap .ttl span strong{color: #189a9c; font-weight: 500;}
.list_txt_wrap .ttl span:before{display: inline-block; width: 1px; height: 15px; background: #ddd; vertical-align: middle; margin: -2px 10px 0 10px; content: '';}
.list_txt_wrap .indented{margin-left: 14px;}
.list_txt_wrap dl+dl, .list_txt_wrap .ttl+dl{margin-top: 15px;}
.list_txt_wrap dl+.ttl{margin-top: 30px;}
.list_txt_wrap dl{position: relative; display: table; padding-left: 15px;}
.list_txt_wrap dl:before{position: absolute; left: 0; top: 11px; width: 7px; height: 2px; background: #ff8620; content: '';}
.list_txt_wrap dt{font-size: 17px; color: #222; font-weight: 500; white-space: nowrap;}
.list_txt_wrap dd{position: relative; padding-left: 18px; font-size: 17px; color: #222;}
.list_txt_wrap dd:before{position: absolute; left: 9px; top: 5px; width: 1px; height: 15px; background: #e6e6e6; vertical-align: middle; content: '';}
.list_txt_wrap dt, .list_txt_wrap dd{display: table-cell; vertical-align: top; line-height: 1.4;}
.txt_area.tac, .txt_area.tac p{text-align: center;}
.txt_area .txt_list{position: relative; display: table; font-size: 17px; color: #222; padding-left: 14px;}
.txt_area .txt_list strong{color: #0dada8; font-weight: 500;}
.txt_area .txt_list:before{position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #243231; content: '';}
.txt_area .txt_list+.txt_list{margin-top: 15px;}
.txt_area .txt_list dt, .txt_area .txt_list dd{display: table-cell; vertical-align: top; line-height: 1.4;}
.txt_area .txt_list dt{font-weight: 500; white-space: nowrap;}
.txt_area .txt_list dd{position: relative; padding-left: 18px;}
.txt_area .txt_list dd:before{position: absolute; left: 9px; top: 5px; width: 1px; height: 15px; background: #e6e6e6; vertical-align: middle; content: '';}
.txt_area .txt_list dd+dt{padding-left: 18px;}
.txt_area .txt_list+.list_txt_wrap{margin-top: 15px;}
.txt_list_v2 .ttl{font-size: 17px; font-weight: 500; white-space: nowrap; display: table-cell; vertical-align: top; line-height: 1.4; color: #222;}
.txt_list+.txt_list_v2{margin-top: 15px;}
.txt_list_v2{position: relative; }
.txt_list_v2 .ttl{display: inline-block; padding-left: 14px; vertical-align: top;}
.txt_list_v2 .txt_list{display: inline-block; padding-left: 0; vertical-align: top;}
.txt_list_v2 .txt_list:before{display: none;}
.txt_list_v2 .ttl:before{position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #243231; content: '';}
.txt_area h3{font-family: 'SeoulNamsan EB', sans-serif;}
.txt_area h3.ttl{font-size: 26px; color: #222; font-weight: 500; line-height: 1.4}
.txt_area h3.ttl_l{font-size: 35px; color: #222; line-height: 1.4; letter-spacing: -.03em;}
.txt_area h3.ttl_l strong{font-weight: 500; color: #0dada8;}
.txt_area p.txt{font-size: 17px; color: #222; line-height: 1.8;}
.txt_area p.txt strong{color: #0dada8;}
.txt_area h3.ttl+p.txt{margin-top: 45px;}
.txt_area+.img_area{margin-top: 65px;}
.txt_area .txt_info{position: relative; font-size: 16px; color: #222; line-height: 1.6; padding-left: 20px;}
.txt_area .txt_info:before{position: absolute; left: 0; top: 0; font-size: 16px; color: #222; content: '※';}
.txt_area .txt_info.point, .txt_area .txt_info.point:before{color: #0dada8;}
.info_txt_box{border: 1px solid #ddd; padding: 25px;}
.recruiting_corp_sec .agreement_wrap .btn_area{padding: 18px 0 0;}
.recruiting_corp_sec .agreement_wrap .btn_area button i{margin: -2px 0 0 20px;}
.greeting_sec .ttl_l+p{margin-top: 52px;}
.greeting_sec .txt+.txt{margin-top: 40px;}
.greeting_sec .from{font-size: 20px; color: #222; margin-top: -60px; line-height: 1; text-align: right; font-weight: 500;}
.greeting_sec .from span{display: inline-block; vertical-align: bottom;}
.greeting_sec .from span+span{margin-left: 35px;}
.sub.greeting .sub_content{padding-bottom: 180px;}
.history_wrap{position: relative;}
.history_wrap:before{position: absolute; left: 6px; top: -10px; bottom: -10px; width: 4px; background: #ebebeb; content: '';}
.history_row:after{display: block; clear: both; content: '';}
.history_row+.history_row{margin-top: 65px;}
.history_row .year_box{float: left; position: relative; width: 125px; padding-left: 30px; box-sizing: border-box;}
.history_row .year_box:before{position: absolute; left: 0; top: 5px; width: 16px; height: 16px; border-radius: 50%; background: #097e93; content: '';}
.history_row .year_box p{ font-size: 24px; font-weight: 500; color: #097e93;}
.history_row .list_box{float: left; width: 100%; margin-left: -125px; padding-left: 125px; box-sizing: border-box; padding-top: 1px;}
.history_row .list_box .date{display: inline-block; position: relative; font-size: 17px; color: #222; padding-left: 13px; vertical-align: middle; font-weight: 500;}
.history_row .list_box .date:before{position: absolute; left: 0; top: 7px; width: 4px; height: 4px; background: #243231; content: '';}
.history_row .list_box p{display: inline-block; vertical-align: middle; font-size: 17px; color: #666; margin-left: 22px;}
.history_row .list_box li+li{margin-top: 14px;}
.facilities_slider li{position: relative;}
.facilities_slider .caption_box{position: absolute; left: 0; right: 0; bottom: 0; height: 65px; line-height: 65px; font-size: 20px; color: #fff; text-align: center; background: rgba(0,0,0,.6);}
.facilities_nav ul{margin: -7px;} 
.facilities_nav ul li{float: left; width: 20%; padding: 7px; box-sizing: border-box;}
.facilities_nav ul li a{display: block;}
.facilities_nav .img_box img{max-width: 100%;}
.root_daum_roughmap{width: 100%!important;}
.root_daum_roughmap .wrap_controllers{display: none;}
.map_wrap .cnt_ttl{margin-bottom: 20px;}

.mob_menu_wrap{position: fixed; right: -255px; top: 0; bottom: 0; width: 255px; padding-top: 92px; background: #fff; -webkit-transition: right ease .5s, z-index .5s step-end; -o-transition: right ease .5s, z-index .5s step-end; transition: right ease .5s, z-index .5s step-end; z-index: 1;}
.mob_menu_wrap.is_active{right: 0; z-index: 10; -webkit-transition: right ease .5s, z-index .5s step-start; -o-transition: right ease .5s, z-index .5s step-start; transition: right ease .5s, z-index .5s step-start;}
.mob_menu_wrap:before{position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0); z-index: -10; content: ''; -webkit-transition: background ease .5s;
-o-transition: background ease .5s;
transition: background ease .5s;}
.mob_menu_wrap.is_active:before{background: rgba(0,0,0,.7);} 
/* .mob_menu_wrap .menu_top_area{position: absolute; left: 0; right: 0; top: 0; height: 92px; background: #1db0ab;} */
.mob_menu_wrap .menu_top_area{position: absolute; left: 0; right: 0; top: 0; height: 106px; background: #1db0ab;}
.mob_menu_wrap .menu_top_area .btn_area{height: 52px; border-bottom: 1px solid #5ec4c1; padding: 10px 15px 0 0; text-align: right;}
.mob_menu_wrap .menu_top_area .btn_area button{display: inline-block; padding: 5px;}
.mob_menu_wrap .menu_top_area .ic_close{position: relative; display: block; width: 22px; height: 22px;}
.mob_menu_wrap .menu_top_area .ic_close:before, .mob_menu_wrap .menu_top_area .ic_close:after{position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #fff; content: '';}
.mob_menu_wrap .menu_top_area .ic_close:before{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.mob_menu_wrap .menu_top_area .ic_close:after{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.mob_menu_wrap .menu_top_area li{float: left; position: relative; width: 50%;}
.mob_menu_wrap .menu_top_area li a{display: block; line-height: 40px; font-size: 14px; color: #fff; text-align: center;}
.mob_menu_wrap .menu_top_area li+li:before{position: absolute; left: 0; top: 50%; margin-top: -6px; width: 1px; height: 12px; background: #61c8c4; content: '';}
/* .mob_menu_wrap .menu_list_area{padding: 0 20px 20px; height: 100%; overflow-y: auto; background: #fff; box-sizing: border-box;} */
.mob_menu_wrap .menu_list_area{padding: 0 20px 20px; height: 100%; overflow-y: auto; background: #fff; box-sizing: border-box;margin-top: 14px;}
.mob_menu_wrap .menu_list_area>ul{}
.mob_menu_wrap .menu_list_area>ul>li+li{border-top: 1px solid #f3f3f3;}
.mob_menu_wrap .menu_list_area>ul>li:last-child{border-bottom: 1px solid #f3f3f3;}
.mob_menu_wrap .menu_list_area>ul>li>a{display: block; position: relative; font-size: 16px; color: #097e93; line-height: 45px; padding: 0 10px;}
.mob_menu_wrap .menu_list_area>ul>li>a:before{position: absolute; right: 10px; top: 50%; width: 17px; height: 1px; background: #5e5e61; content: '';}
.mob_menu_wrap .menu_list_area>ul>li>a:after{position: absolute; right: 18px; top: 50%; width: 1px; height: 17px; margin-top: -8px; background: #5e5e61; content: ''; -webkit-transition: ease .3s; -o-transition: ease .3s; transition: ease .3s;}
.mob_menu_wrap .menu_list_area>ul>li.is_active>a{border-bottom: 2px solid #097e93;}
.mob_menu_wrap .menu_list_area>ul>li.is_active>a:after{-webkit-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0);}
.mob_menu_wrap .menu_list_area .depth2{display: none; padding: 8px 10px;}
.mob_menu_wrap .menu_list_area .depth2 a{display: block; position: relative; font-size: 14px; color: #666; padding: 6px; line-height: 1;}
.mob_menu_wrap .menu_list_area .depth2 li.is_active a{color: #0dada8; text-decoration: underline;}
.mob_menu_wrap .menu_list_area .depth2 a:before{position: absolute; left: 0; top: 12px; width: 2px; height: 2px; background: #666; content: '';}
.info_in_box .ttl_area{line-height: 55px;}
.info_in_box .grid .col .ttl_area{border-top-width: 5px; border-top-style: solid;}
.info_in_box .grid .col:first-child .ttl_area{border-color: #189a9c;}
.info_in_box .grid .col:nth-child(2) .ttl_area{border-color: #097e93;}
.info_in_box .grid .col:nth-child(3) .ttl_area{border-color: #ff8620;}
.info_in_box .ttl_area p{font-size: 20px; color: #222; text-align: center; font-weight: 500;}
.info_in_box .ttl_area p i{font-size: 21px; display: inline-block; vertical-align: middle; line-height: 1; margin: -7px 9px 0 0;}
.info_in_box  i.ic_f_cap:before{margin-left: -4px; margin-right: 4px;}
.info_in_box .cnt_area{background: #f1f4f5; padding: 20px 15px; min-height: 120px;}
.info_in_box .cnt_area .txt{font-size: 17px; color: #222; line-height: 1.5;}
.info_in_box .cnt_area .txt.list{position: relative; padding-left: 10px;}
.info_in_box .cnt_area .txt.list:before{position: absolute; left: 0; top: 0; content: '-';}
.info_in_box .txt_info{font-size: 16px; color: #222;}
.info_in_box .grid+.txt_info{margin-top: 14px;}
.list_txt_wrap .ttl+.info_in_box{margin-top: 20px;}
.edu_detail_sec .list_txt_wrap+.list_txt_wrap{margin-top: 28px;}

/* modal */
.modal_wrap{display: none; justify-content: center; align-items: center; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.7); z-index: 99999;}
.modal_wrap.is_active{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.modal{position: relative; width: 1050px; max-width: 90%; height: 90%; padding: 40px; box-sizing: border-box; background: #fff;}
.modal_ttl{padding-bottom: 40px; border-bottom: 1px solid #ebebeb;}
.modal_ttl h2{font-size: 35px; color: #222; line-height: 1;}
.close_modal{position: absolute; right: 40px; top: 40px; width: 24px; height: 24px; font-size: 0; z-index: 1;}
.close_modal:before, .close_modal:after{position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #5e5e61; content: '';}
.close_modal:before{-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.close_modal:after{-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.modal .pagination_wrap{padding-bottom: 0;}
.modal_cnt{position: absolute; left: 40px; top: 116px ; right: 40px; bottom: 40px; overflow: hidden; overflow-y: auto; padding-top: 40px;}

.board_ttl{position: relative; padding-bottom: 32px;}
.board_ttl h4{font-size: 28px; color: #222; line-height: 1;font-family: "SeoulNamsan EB", sans-serif;}
.board_ttl:before{position: absolute; left: 0; bottom: 0; width: 90px; height: 3px; background: #0dada8; content: ''; z-index: 2;}
.board_ttl:after{position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #097e93; content: ''; z-index: 1;}
.board_ttl .btn_board_more{position: absolute; right: 0; top: 4px; width: 21px; height: 21px;}
.board_ttl .btn_board_more:before, .board_ttl .btn_board_more:after{position: absolute; background: #222; content: '';}
.board_ttl .btn_board_more:before{left: 0; right: 0; top: 50%; height: 1px; margin-top: -1px;}
.board_ttl .btn_board_more:after{top: 0; bottom: 0; left: 50%; width: 1px; margin-left: -1px;}


@media screen and (max-width: 1400px) {
    .logo_area{position: relative; width: 220px; padding-right: 20px; padding-top: 22px; z-index: 2;}
    .logo a{width: 200px; height: 34px; background-size: contain;}
    /* .gnb_area{position: relative; width: 100%; margin-left: -220px; padding-left: 220px; box-sizing: border-box; z-index: 1;} */
    .gnb_area{position: relative; width: 100%; margin-left: -240px; padding-left: 220px; box-sizing: border-box; z-index: 1;}
    .menu_info_box{position: relative; width: 220px; padding: 20px 15px 0 0; z-index: 2;}
    .menu_info_box .ttl{font-size: 28px;}
    .menu_list_box{position: relative; width: 100%; margin-left: -220px; padding-left: 220px; padding-right: 90px; box-sizing: border-box; z-index: 1;}
    .menu_list_wrap:before{margin-left: -45%;}
    .header_btns .btn_search{margin-left: 15px;}
    .gnb_area nav{padding-right: 90px;}
    nav>ul>li a{font-size: 18px;}
    .menu_list_box ul{height: 240px; padding: 20px 0 0 15px;}
    .menu_list_box ul li a{font-size: 16px;}
    
}


@media screen and (max-width: 1366px) {
    .set_inner{width: 90%; margin: 0 auto;}
    .menu_list_inner{width: 90%; margin: 0 auto;}
    
}

@media screen and (max-width: 1280px) { 
    .modal{max-width: 90%;}
    .modal_ttl{padding-bottom: 30px; margin-bottom: 30px;}
    .modal .input_wrap{padding: 20px 40px;}
    .modal .input_wrap+.tbl_area{margin-top: 30px;}
    .modal .tbl th{font-size: 14px; line-height: 40px; padding: 0 10px;}
    .modal .tbl td{font-size: 14px; padding: 12px 10px;}
    .modal .input_area input, .modal .input_area select, 
    .modal .input_area input::placeholder, .modal .input_area select option,
    .modal .input_area label, .modal .input_area .label{font-size: 14px;}

    
    
}


@media screen and (max-width: 1024px) { 
    .gnb_area nav{display: none;}
    .header_top{display: none;}
    .header{height: 60px;}
    /* .logo_area{position: relative; width: 100%; padding-right: 0; padding-top: 0; text-align: center; z-index: 1;} */
    .logo_area{position: relative; width: 100%; padding-right: 0; padding-top: 0; z-index: 1;}
    .logo_area h1{display: inline-block; vertical-align: top; margin-top: 8px;}
    .logo a{width: 200px; height: 33px; background: url(../img/logo.png)center no-repeat; background-size: contain;}
    .gnb_area{position: absolute; left: 0; top: 0; right: 0; margin-left: 0; padding-left: 0; z-index: 2;}
    .btn_menu{position: absolute; right: 20px; top: 22px; margin-top: 0;}
    .header_btns{position: static; top: auto; right: auto;}
    .header_btns .btn_search{position: absolute; left: 20px; top: 18px; margin-top: 0; margin-left: 0; font-size: 22px;}
    .sub_top_area{height: 180px;}
    .sub_top_area .txt_area h3{font-size: 30px;}
    .txt_area h3.ttl{font-size: 20px;}
    .txt_area p.txt{font-size: 17px; line-height: 1.6;}
    .txt_area h3.ttl+p.txt{margin-top: 5px;}
    .txt_area+.img_area{margin-top: 30px;}
    .txt_area h3.ttl_l{font-size: 28px;}
    .greeting_sec .ttl_l+p{margin-top: 30px;}
    .greeting_sec .txt+.txt{margin-top: 20px;}
    .greeting_sec .from{font-size: 16px; margin-top: -30px;}
    .sub.greeting .sub_content{padding-bottom: 80px;}
    .business_history_sec{margin-bottom: 70px;}
    .history_row .list_box{margin-left: -115px; padding-left: 115px;}
    .history_row .list_box li{position: relative;}
    .history_row .list_box .date{position: absolute; left: 0; top: 3px; padding-left: 9px;}
    .history_row .list_box .date:before{width: 3px; height: 3px; top: 6px;}
    .history_row .list_box p{margin-left: 0; padding-left: 60px; line-height: 1.4;}
    .history_row .list_box .date, .history_row .list_box p{font-size: 15px;}
    .history_row .year_box{width: 115px;}
    .history_row .year_box p{font-size: 20px;}
    .history_row .year_box:before{width: 12px; height: 12px;}
    .history_row+.history_row{margin-top: 50px;}
    .facilities_slider .caption_box{height: 50px; line-height: 50px; font-size: 16px;}
    .facilities_slider .slick-arrow{width: 25px; height: 25px;}
    .facilities_slider .slick-arrow:before{width: 7px; height: 7px; margin-top: -3px;}
    .facilities_slider .slick-arrow.slick-next{right: 20px;}
    .facilities_slider .slick-arrow.slick-next:before{left: 8px;}
    .facilities_slider .slick-arrow.slick-prev{left: 20px;}
    .facilities_slider .slick-arrow.slick-prev:before{right: 8px;}
    .facility_dots{margin-top: 25px;}
    .facility_dots .slick-dots{margin: 0 -4px;}
    .facility_dots .slick-dots li{padding: 0 4px;}
    .facility_dots .slick-dots li:nth-child(n+6){margin-top: 8px;}
    .list_txt_wrap .ttl{font-size: 17px;}
    .txt_area .txt_list,
    .list_txt_wrap dt, .list_txt_wrap dd{font-size: 15px;}
    .txt_area .txt_list dd:before,
    .list_txt_wrap dd:before{height: 12px;}
    .txt_area .txt_list+.txt_list,
    .list_txt_wrap dl+dl{margin-top: 10px;}
    .txt_area .txt_list{padding-left: 10px;}
    .txt_area .txt_list:before{top: 7px;}
    .list_txt_wrap .ttl{padding-left: 12px;}
    .txt_list_v2 .ttl{font-size: 15px; padding-left: 10px;}
    .txt_list+.txt_list_v2{margin-top: 10px;}
    .txt_list_v2 .ttl:before{top: 7px;}
    
    .modal{padding: 20px;}
    .modal_ttl h2{font-size: 28px;}
    .close_modal{right: 20px; top: 20px;}
    .modal .pagination_wrap{padding-top: 30px;}
    
    .sitemap_row .depth_1{width: 150px;}
    .sitemap_row .depth_1{font-size: 20px;}
    .sitemap_row .depth_2{padding-left: 30px;}
    .sitemap_row .depth_2 li{font-size: 18px;}
    .sitemap_row .depth_2 li:nth-child(5){margin-top: 30px;}
    
    .info_in_box .cnt_area{min-height: 128px;}
    .info_in_box .cnt_area .txt{font-size: 15px;}
    .info_in_box .ttl_area p{font-size: 17px; line-height: 45px;}
    .info_in_box .ttl_area p i{font-size: 18px; margin: -6px 9px 0 0;}
    .info_in_box .txt_info{font-size: 15px;}
    .info_in_box .grid+.txt_info{margin-top: 10px;}
    
    .board_ttl{padding-bottom: 25px;}
    .board_ttl h4{font-size: 20px;}
    .board_ttl .btn_board_more{top: 1px; width: 17px; height: 17px;}
    
    

    
    
    
        
}

@media screen and (max-width: 980px) { 
/*    .set_inner{width: 100%!important; padding-left: 20px!important; padding-right: 20px!important;}*/
    section>.set_inner{padding-top: 40px; padding-bottom: 40px;}
    .menu_list_inner{width: 100%; padding-left: 20px; padding-right: 20px;}
    .footer_menu{width: 100%; text-align: center; padding: 30px 0 15px;}
    .footer_menu li{padding: 3px 0;}
    .footer_top{border-bottom: none;}
    .footer_top .menu_etc{position: absolute; bottom: 30px; left: 0; right: 0; text-align: center;}
    .footer_top .menu_etc .selbox_area{margin-left: 15px;}
    .footer_top .menu_etc .selbox_area button{line-height: 30px; padding: 0 30px 0 12px; border-bottom: 1px solid #5e5e61;}
    .footer_top .menu_etc ul{padding: 12px;}
    .footer_body{padding: 0 0 80px;}
    .footer_body .footer_logo{display: none;}
    .footer_body .txt_area{padding-left: 0;}
    .footer_body .txt_area ul{text-align: center; margin-bottom: 7px;}
    .footer_body .txt_area li:first-child{width: 100%;}
    .footer_body .txt_area li+li{margin-left: 0; margin-top: 7px;}
    .footer_body .txt_area p{text-align: center; font-size: 13px;}
}


@media screen and (max-width: 768px) { 
    .sitemap_row .depth_1{width: 110px; font-size: 17px; padding-top: 17px;}
    .sitemap_row .depth_2 li{font-size: 15px;}
    
    .edu_detail_sec .grid.grid_7>.col.col_4{width: 100%;}
    .info_in_box .grid .col .ttl_area{border-top-width: 2px;}
    .info_in_box .ttl_area p{text-align: left; padding: 0 10px;}
    .info_in_box .cnt_area{min-height: auto; background: none; border-top: 1px solid #ddd; padding: 15px 10px 30px 10px;}
    .info_in_box .grid .col:nth-child(3) .cnt_area{padding-bottom: 10px; border-bottom: 1px solid #ddd;}
    
    
/*
    .info_in_box .grid .col .ttl_area{float: left; position: relative; width: 120px; z-index: 2;}
    .info_in_box .grid .col .cnt_area{float: left; position: relative; width: 100%; margin-left: -120px; padding-left: 120px; box-sizing: border-box; z-index: 1;}
    .info_in_box .cnt_area{background: none;}
    .info_in_box .ttl_area p i{margin: -6px 4px 0 0;}
*/

 	.layer{display: none;}
 	.layer_contents{display: none;}
    
    
    
    
}


@media screen and (max-width: 640px) { 
    .modal .input_wrap{padding: 15px;}
    .modal .input_wrap .input_area.search .input_box+.btn_area{left: 15px; right: 15px;}
    
    .sitemap_wrap{margin-left: -7px; margin-right: -7px;}
    .sitemap_wrap .sitemap_row{float: left; width: 50%; min-height: 210px; padding: 0 7px 35px;}
    .sitemap_wrap .sitemap_row:nth-child(n+3){margin-top: 30px;}
    .sitemap_row .depth_1{display: block; width: 100%; font-size: 15px;}
    .sitemap_row .depth_2{display: block; width: 100%; padding: 0;}
    .sitemap_row .depth_2 ul{padding-top: 5px; margin-top: 15px;}
    .sitemap_row .depth_2 li{width: 100%; font-size: 14px;}
    .sitemap_row .depth_2 li a{display: block; padding: 8px 0;}
    .sitemap_row .depth_2 li:nth-child(5){margin-top: 0;}
    .sitemap_wrap .sitemap_row:nth-child(n+3){margin-top: 0;}
    
     .layer{display: none;}
     .layer_contents{display: none;}

}



@media screen and (max-width: 500px) { 
    .set_inner{width: 100%!important; padding-left: 20px!important; padding-right: 20px!important;}
    section>.set_inner{padding-top: 40px; padding-bottom: 40px;}
    .menu_list_inner{width: 100%; padding-left: 20px; padding-right: 20px;}
    .sub .sub_content{padding: 40px 0 50px; min-height: 350px;}
    .content_area section+section{margin-top: 44px;}
    img.mob{display: block;}
    img.pc{display: none;}
    
    .sub_top_area{height: 56px; background: none; padding-bottom: 0;}
    .sub_top_area .txt_area{display: none;}
    .sub_top_area .txt_area h3{font-size: 16px;}
    
    .list_txt_wrap .ttl{font-size: 15px; padding-left: 10px;}
    .list_txt_wrap .ttl:before{width: 3px; height: 3px; top: 6px;}
    .list_txt_wrap dl{display: table; padding-left: 12px;}
    .list_txt_wrap dl:before{width: 5px; height: 1px;}
    .list_txt_wrap dt, .list_txt_wrap dd{display: table-cell; vertical-align: top; font-size: 14px; text-align: left; line-height: 1.6;}
    .list_txt_wrap dd{position: relative; padding-left: 12px;}
    .list_txt_wrap dd:before{position: absolute; left: 5px; top: 5px; height: 11px; margin: 0;}
    .list_txt_wrap dl+dl{margin-top: 5px;}
    .list_txt_wrap .ttl+dl{margin-top: 10px;}
    .txt_area .txt_list{font-size: 14px; padding-left: 8px; line-height: 1.4;}
    .txt_area .txt_list:before{width: 3px; height: 3px; top: 8px;}
    .txt_area .txt_list+.txt_list{margin-top: 5px;}
    .txt_area h3.ttl{font-size: 17px;}
    .txt_area p.txt{font-size: 14px;}
    .txt_list_v2 .ttl{font-size: 14px; padding-left: 8px;}
    .txt_list+.txt_list_v2{margin-top: 5px;}
    .txt_list_v2 .ttl:before{width: 3px; height: 3px; top: 8px;}
    .txt_area .txt_list dt, .txt_area .txt_list dd{line-height: 1.6;}
    
    .footer_menu a{font-size: 12px;}
    .footer_menu li+li:before{height: 11px; margin: -2px 10px 0 12px;}
    .footer_body .txt_area li, .footer_body .txt_area p{font-size: 12px;}
    .footer_body .txt_area li+li{margin-top: 4px;}
    .footer_top .menu_etc{padding-right: 30px;}
    .footer_top .menu_etc .selbox_area button, .footer_top .menu_etc ul li a{font-size: 12px;}
    
    .txt_area+.img_area{margin-top: 15px;}
    
    .info_txt_box{padding: 15px;}
    .txt_area .txt_info{font-size: 14px; padding-left: 15px;}
    .txt_area h3.ttl_l{font-size: 17px;}
    .greeting_sec .ttl_l+p{margin-top: 20px;}
    .greeting_sec .txt+.txt{margin-top: 10px;}
    .greeting_sec .from{font-size: 14px; margin-top: -20px;}
    .greeting_sec .from .img_area{max-width: 100px;}
    .greeting_sec .from span+span{margin-left: 10px;}
    .sub.greeting .sub_content{padding-bottom: 50px;}
    
    .history_wrap:before{width: 2px;}
    .history_row+.history_row{margin-top: 30px;}
    .history_row .year_box{width: 75px; padding-left: 20px;}
    .history_row .year_box p{font-size: 17px;}
    .history_row .year_box:before{left: 2px; width: 9px; height: 9px;}
    .history_row .list_box{padding-top: 0; margin-left: -75px; padding-left: 75px;}
    .history_row .list_box .date, .history_row .list_box p{font-size: 14px;}
    .history_row .list_box .date{padding-left: 8px;}
    .history_row .list_box p{padding-left: 50px;}
    .history_row .list_box li+li{margin-top: 8px;}
    
    .facility_dots{margin-top: 15px;}
    .facilities_slider .slick-arrow{bottom: 7px;}
    .facilities_slider .caption_box{height: 40px; line-height: 40px; font-size: 14px;}
    .facilities_slider .slick-arrow.slick-next{right: 10px;}
    .facilities_slider .slick-arrow.slick-prev{left: 10px;}
    .facility_dots .slick-dots li{width: 25%;}
    .facility_dots .slick-dots li:nth-child(n+5){margin-top: 8px;}
    
    .root_daum_roughmap .wrap_map{height: 250px!important;}
    
    .modal_wrap{background: #fff;}
    .modal{padding: 15px; max-width: 100%; height: 100%; overflow: hidden; overflow-y: auto;}
    .modal_ttl{padding-bottom: 15px; margin-bottom: 15px;}
    .modal_ttl h2{font-size: 17px;}
    .modal_cnt{overflow-y: hidden; position: relative; left: auto; top: auto; right: auto; bottom: auto; padding-top: 0;}
    .close_modal{position: absolute; width: 20px; height: 20px; top: 13px; right: 15px;}
    .modal .pagination_wrap{padding-top: 20px;}
    .modal .input_wrap+.tbl_area{margin-top: 20px;}
    .modal .tbl th{line-height: 35px;}
    .modal .tbl td{padding: 6px;}
    .modal .input_wrap .input_area .input_box input, .modal .input_wrap .input_area .input_box select, .modal .input_wrap .input_area .input_box textarea{padding: 6px;}
    .modal .input_area .input_box{height: 32px;}
    .modal .input_area label, .modal .input_area .label{line-height: 32px;}
    .modal .input_wrap .input_area.select.has_search+.input_area.search{margin-top: 5px;}
    .modal .input_wrap .input_area.search .input_box+.btn_area button.w_m{height: 30px; line-height: 28px;}
    .modal .corporation_list_sec .input_wrap{padding-bottom: 55px;}
    
    .modal .input_area input, .modal .input_area select, .modal .input_area input::placeholder, .modal .input_area select option, .modal .input_area label, .modal .input_area .label{font-size: 11px;}
    
    .info_in_box .ttl_area p{font-size: 15px; line-height: 35px;}
    .info_in_box .ttl_area p i{font-size: 16px; margin: -6px 4px 0 0;}
    .info_in_box .cnt_area .txt{font-size: 14px;}
    .info_in_box .cnt_area{padding: 7px 10px 20px 10px;}
    .info_in_box .grid .col:nth-child(3) .cnt_area{padding-bottom: 7px;}
    .info_in_box .txt_info{font-size: 14px;}
    .list_txt_wrap .ttl span{font-size: 14px; display: block; margin-top: 5px;}
    .list_txt_wrap .ttl span:before{display: none;}
    .list_txt_wrap .ttl+.info_in_box{margin-top: 10px;}
    .edu_detail_sec .list_txt_wrap+.list_txt_wrap{margin-top: 32px;}
    
    .board_ttl{padding-bottom: 17px;}
    .board_ttl h4{font-size: 17px;}
    
     .layer{display: none;}
     .layer_contents{display: none;}
    
}



@media screen and (max-width: 320px) { 
    .logo_area h1{margin-top: 12px;}
    .logo a{width: 170px; height: 28px;}
    .set_inner{padding-left: 15px!important; padding-right: 15px!important;}
    .btn_menu{right: 15px;}
    .header_btns .btn_search{left: 15px;}
    .history_row .year_box, .history_row .list_box{width: 100%;}
    .history_row .list_box{margin-left: 0; padding-left: 22px; padding-top: 15px;}
    .footer_top .menu_etc .selbox_area{width: 150px; margin-left: 10px;}
    .sub_top_area{height: 41px;}
    .list_txt_wrap .indented{margin-left: 0;}
    .list_txt_wrap dt, .list_txt_wrap dd{display: block; width: 100%;}
    .list_txt_wrap dd{padding-left: 0;}
    .list_txt_wrap dd:before{display: none;}
    
    .modal{padding: 15px;}
    .modal_ttl{top: 15px; left: 15px; right: 15px;}
    
    .greeting_sec .from .img_area{max-width: 70px;}
    
     .layer{display: none;}
     .layer_contents{display: none;}
    
    
    
}

@media screen and (max-width: 280px) { 
    .logo_area h1{margin-top: 14px;}
    .logo a{width: 150px; height: 25px;}
     .layer{display: none;}
     .layer_contents{display: none;}
}
@media screen and (min-height: 700px) { 
    .sub .sub_content{min-height: 500px;}
}