@charset "UTF-8";
/*검색 엔진 도입전 숨김처리*/
.search{display:none !important;}

/* reset */
* {-webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
img{max-width:100%;}
img,fieldset{max-width:100%;border:0;vertical-align:middle;}
legend,caption, .hide {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-align:left}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit}
table{width:100%;border:0;border-collapse:collapse}
input[type=text],input[type=password],input[type=url],textarea,input[type=submit]{height:35px;box-sizing:border-box;padding:0 7px;border:1px solid #666f7b;border-radius:0 !important;font-size:13px;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input:focus, textarea:focus, input.active:focus{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0.5);}
input[type=checkbox], input[type=radio] {outline:0;}
select{height:35px;box-sizing:border-box;padding:0 35px 0 7px;padding:0 0 0 9px \0/IE9 !important;border:1px solid #666f7b;border-radius:0 !important;font-size:13px;-webkit-appearance:none; -moz-appearance:none; appearance:none;background:#fff url(/_res/homedu/img/common/bg_select.png) no-repeat right;background-size:30px}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {    select {padding:0 0 0 7px !important}}
table input[type=text],table input[type=password],table input[type=url],table textarea,table input[type=submit]{border:1px solid #dadada;}
table select{border:1px solid #dadada;color:#444}

body{font-family:'NanumGothic','Malgun Gothic','나눔고딕',"맑은 고딕",Arial,Sans-Serif;font-size:16px;color:#333;overflow-x:hidden}
.all-fixed{position:fixed;width:100%;height:100%;}
#wrap{position:relative;background:url(/_res/homedu/img/sub/bg_title.png) repeat-x left 41px;}

/* comm */
.txt_left{text-align:left !important}
.txt_right{text-align:right !important}
.txt_center{text-align:center !important}
.txt_comm{margin-top:10px;text-align:right;font-size:12px;color:#888}
.txt_under{text-decoration:underline}
.txt_red{color:#ba0b4a;}
.txt_blue{color:#535eb9}

.fl{float:left !important}
.fr{float:right !important}
.clearfix:after{display:block;content:"";clear:both}
.m{display:none}
.keep{word-break:keep-all}
.break{word-break:break-all}
.screen_none{display:none}
.msg_touch_help{display:none}

/* space */
.mg_0{margin:0 !important}
.ml_25{margin-left:25px !important}
.mt_0{margin-top:0 !important}
.mt_10{margin-top:10px !important}
.mt_20{margin-top:20px !important}
.mt_30{margin-top:30px !important}
.mt_50{margin-top:50px !important}
.mt_70{margin-top:70px !important}
.mb_5{margin-bottom:5px !important}
.mb_10{margin-bottom:10px !important}
.mb_14{margin-bottom:14px !important}
.mb_100{margin-bottom:100px !important}

/* list type */
.dot_list{}
.dot_list > li{padding:0 0 10px 10px;line-height:150%;word-break:keep-all;background:url(/_res/homedu/img/common/bl_dot.png) no-repeat 0 9px;}
ol{margin-left:17px;}
ol > li{padding:3px 0 0;list-style-type:decimal;line-height:160%;}
.ol-type03{counter-reset:li;margin-left:0;}
.ol-type03 > li{list-style:none;position:relative;padding:15px 0 15px 40px;}
.ol-type03 > li:before{content:counter(li);counter-increment:li;position:absolute;left:0;top:12px;width:27px;height:27px;padding:3px 0 0 1px;border-radius:50%;background:#bbb;color:#fff;font-size:13px;text-align:center;}

/* button */
.btn_left{margin-top:18px;}
.btn_left li{display:inline-block;margin-bottom:5px;vertical-align:middle}
.btn_right{text-align:right;margin-top:18px;}
.btn_right li{display:inline-block;vertical-align:middle}
.btn{display:inline-block;min-width:100px;box-sizing:border-box;padding:12px 25px 12px;border:1px solid #9298a1;font-size:15px;color:#606976;font-weight:bold;text-align:center;background:#fff;}
.b_red{color:#fff;background:#ba0b4a;border:0;}
.b_dgray{color:#fff;background:#d5ae91;border:0}
.b_blue{color:#fff;background:#515e7e;border:0}
.b_d5ae91 {color:#fff;background:#d5ae91 !important;border:0}

/* icon */
.ico_file{width:26px;vertical-align:middle;}
.ico_brochure {display:inline-block;width:27px; height:30px;background: url(/_res/homedu/img/common/ico_brochure.png) no-repeat 0 0;vertical-align:middle;}
.ico_down {display:inline-block;width:27px; height:30px;background: url(/_res/homedu/img/common/ico_down.png) no-repeat 0 0;vertical-align:middle;}
.ico_red{display:inline-block !important;min-width:60px;height:23px;box-sizing:border-box;margin-left:10px;padding:5px 5px 0;border:1px solid #bc1350;color:#bc1350 !important;font-size:12px !important;text-align:center;line-height:100% !important;}

/* tab */
.tab{margin-bottom:20px;clear:both}
.tab:after{display:block;content:"";clear:both}
.tab li{float:left;}
.tab li a{display:block;box-sizing:border-box;padding: 15px 70px 15px;border:1px solid #e2dbd6;border-left:0;font-size:14px;color:#999999;background:#fff;}
.tab li:first-child a{border-left:1px solid #e2dbd6;}
.tab li.selected a, .tab li a:hover{background:#d5ae91;border:1px solid #d5ae91;border-left:0;color:#fff;font-weight: bold;}
.tab li:first-child.selected a, .tab li:first-child a:hover{border:1px solid #d5ae91;}
.tab li.selected:after, .tab li:hover:after{display:block;content:"";padding-bottom:6px; background:url(/_res/homedu/img/sub/tab_btm.gif) no-repeat center;}
.tab_sel{width:100%;margin-bottom:20px}

/* input */
input[type=checkbox] + label,
input[type=radio] + label{padding-left:5px}
/* select */
.sbHolder{background-color: #fff;border: solid 1px #666f7b;font-size: 13px;font-weight: normal;height: 35px;position: relative;width:auto}
.sbSelector{display: block;height:35px;left: 0;line-height:35px;outline: none;overflow: hidden;position: absolute;text-indent:10px;top: 0;width:100%;text-align:left}
.sbToggle{background:#fff url(/_res/homedu/img/common/bg_select.png) no-repeat right !important;background-size: 38px;display: block;height: 33px;outline: none; position: absolute;right: 0;top: 0;width: 40px;}
/*.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}*/
.sbOptions{background-color: #fff;border: solid 1px #dadada;list-style: none;left: 0px; margin: 0;padding: 0;position: absolute;top:33px; width:100%;z-index: 1; overflow-y: auto;}
.sbOptions li{ padding: 0 7px;}
.sbOptions a{ border-bottom: solid 1px #efefef;display: block;outline: none;text-align:left;padding: 10px 0 10px 3px;}
.sbOptions a:link, .sbOptions a:visited{color: #888;text-decoration: none;}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{color: #444;}
.m + .sbHolder{display:none !important}
.search_box .sbHolder{display:inline-block;width:125px !important;vertical-align: middle;}

/* header */
#wrap > header{max-width:1220px;margin:0 auto;padding:58px 20px 0;} /* 0405 수정 */
#wrap > header:after{display:block;content:"";clear:both}
#wrap > header h1{float:left;width:510px;height:60px;text-indent:-99999px;font-size:0;background:url(/_res/homedu/img/common/logo01.png) no-repeat;background-size:100%;}
#wrap > header h1 a{display:block;width:100%;height:100%;}
#wrap > header > div > a{display:none}
#wrap > header > div > div{max-width:1220px;margin:0 auto;padding:0 20px;text-align:right}
#wrap > header > div > div > a{display:none}
#wrap > header > div ul{display:inline-block;margin-top:9px;}
#wrap > header > div ul.m{display:none}
#wrap > header > div ul li{display:inline-block;font-size:11px;color:#fff}
#wrap > header > div ul li:after{display:inline-block;padding:0 5px 0 10px;content:"l";line-height:80%;color:#fff;}
#wrap > header > div ul li:last-child:after{display:none;}

/* gnb */
#wrap > header nav{float:right;margin-top:21px;}
#wrap > header nav:after{display:block;content:"";clear:both}
#wrap > header nav > a{display:none}
#wrap > header nav div > a{display:none}
#wrap > header nav div > ul:after{display:block;content:"";clear:both}
#wrap > header nav div > ul  > li{position:relative;float:left;padding:0 30px 39px;font-weight:bold;font-size:16px;color:#333;} /* 0405 수정 */
#wrap > header nav div > ul  > li:last-child {padding-right:0;}
#wrap > header nav div > ul > li > ul{display:none;}
.wnav {float:right}
.wnav .deps1:after{display:block;content:"";clear:both}
.wnav .deps1 > li{position:relative;float:left;padding:0 30px 36px;font-weight:bold;font-size:16px;color:#333;}
.wnav .deps1 > li.selected,
.wnav .deps1 > li:hover{color:#ba0b4a;}
.wnav .deps2{position:absolute;top:57px;left:50%;width:180px;margin-left:-85px;padding:20px;background:rgba(0,0,0,.7);z-index:1;}
.wnav .deps2 > li{padding:7px 0;word-break:keep-all;line-height:140%;font-weight:normal;font-size:15px;color:#fff;}

/* contaniner */
#container{position:relative;max-width:1180px;margin:0px auto 0; padding: 0px 0 100px;background: url(/_res/homedu/img/sub/bg_sub.gif) repeat-y center;}
#container:after{display:block;content:"";clear:both}
#container.bg_none {background:none;}

/* lnb */
#container nav{float:left;width:260px}
#container nav h2{font-size:30px;color:#fff;line-height:110%; padding:55px 0 40px 30px;font-weight:normal;letter-spacing:-2px;word-break:keep-all;background:#d5ae91 url(/_res/homedu/img/common/nav_bar.gif) no-repeat 35px 38px}
#container nav h2.line2{padding:24px 0 18px 20px;background:#d5ae91 url(/_res/homedu/img/common/nav_bar.gif) no-repeat 24px 20px}
#container nav h2 span{display:block;font-size:13px;line-height:130%;color:#9e9e9e;}
.lnb_deps2 > li{min-height:50px;box-sizing:border-box;padding:15px 0px;border-bottom:1px solid #dadada;font-size:16px;color:#4d4d4d;margin: 0 30px;}
.lnb_deps2 > li > a {display: inline-block;width:200px;}
.lnb_deps2 > li.selected, .lnb_deps2 > li > a.active, .lnb_deps2 > li:hover{color:#d5ae91; font-weight:bold;background: url(/_res/homedu/img/sub/bg_lnb_hover.gif) no-repeat right center;}
.lnb_deps3{margin-top:10px}
.lnb_deps3 li a{display:block;padding:5px 0;color:#7c7c7c;font-size:13px;}
.lnb_deps3 li a:before{content:"-";padding-right:5px;}
.deps1 > li > a.active { color:#d5ae91; }
/* lnb 3depth a태그 색깔*/
ul.lnb_deps3 > li >a.active{color:#a5355d}
/* lnb 3depth a태그 색깔(모바일)*/
ul.deps3 > li >a.active{color:#a5355d}

/* content */
.content{float:right;max-width:880px;width:100%;margin-top: 45px;}
.con_full{max-width:100%}
.content h3{padding-bottom: 50px;font-size: 28px;color: #444444;font-weight: bold;border-bottom: 1px solid #dedede;}
.content .breadcrumbs{float:right;margin-top:-65px;color:#dadada;font-size:12px;}
.content .breadcrumbs a:after{display:inline;content:">";padding:0 5px 0 8px;font-size:10px;}
.content .breadcrumbs a.ico_home {padding-left:15px; background:url(/_res/homedu/img/common/ico_home.gif) no-repeat left center; }
.content .breadcrumbs strong{color:#727272;font-weight:normal}
.txt_con{font-size:16px;margin-bottom:40px;line-height:160%;word-break: keep-all;}

/* footer */ 
footer{background:#363a43;}

/* main */
#m_container {}
.main {padding-bottom: 60px}
.main .title {color:#fff; margin:0 auto; padding:380px 20px 0; background: url(/_res/homedu/img/main/bg_title.jpg) no-repeat center;background-size:cover;}
.main .title h2 {padding:25px 0px 20px;  font-size: 40px; font-weight: bold;}
.main .title p {  font-size: 16px; font-weight: bold; line-height: 24px;word-break:keep-all; margin-bottom:-50px }

.main .lists:after {content: '';display: block;clear: both;}
.main .lists {background: #fff;border: 1px solid #b1b3b5; padding: 30px 5px 0;max-width: 1220px;margin: 0 auto;}
.main .lists > div {position:relative;float:left;width:21.9%; margin:0 1.533333%;}
.main .lists > div a.btnMore {display:block; position:absolute; top:0; right:0;text-indent: -99999px; width:20px; height: 20px; background: url(/_res/homedu/img/main/btnMore.gif) no-repeat center right;}
.main .lists h3 {font-size:20px;font-weight: bold;padding-bottom:15px;border-bottom:2px solid #eb3676; }
.main .lists ul {padding:20px 0 ;}
.main .lists ul li {line-height: 30px;}
.main .lists ul li a{font-size: 14px; color: #868686; }
.main .lists ul li .ellips {width:66%;margin-right:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main .lists ul li span {display: inline-block; vertical-align: middle;}
.main .felp {text-align: center; margin-top: 44px;padding:51px 0 21px; margin-bottom:60px;background: url(/_res/homedu/img/main/bg_felp.jpg) no-repeat center top;}
.main .felp h3 {font-size: 30px; font-weight: bold; color:#fff; margin-bottom: 15px}
.main .felp > p {font-size:18px;color:#fff;margin-bottom: 15px; margin-top:5px;}
.main .felp > p a {display:inline-block;color:#ec407d;font-size:18px;width:220px; border:2px solid #ec407d; padding:10px 0 16px 0;}
.main .news:after {content: '';display: block;clear: both;}
.main .news > div {position:relative;float:left;width:24%;margin-right:1.3%;}
.main .news {max-width: 1220px; margin:0 auto;}
.main .news > div:last-child {margin-right:0;}
.main .news > div h3 {text-align: center}
.main .news > div:nth-child(1) h3{background:url(/_res/homedu/img/main/bg_icon01.jpg) no-repeat center; background-size: 100%;}
.main .news > div:nth-child(2) h3{background:url(/_res/homedu/img/main/bg_icon02.jpg) no-repeat center;background-size:100%;}
.main .news > div:nth-child(3) h3{background:url(/_res/homedu/img/main/bg_icon03.jpg) no-repeat center;background-size:100%;}
.main .news > div:nth-child(4) h3{background:url(/_res/homedu/img/main/bg_icon04.jpg) no-repeat center;background-size:100%;}
.main .news ul {height:230px;border:1px solid #e1e2e6;border-top:0;padding:15px 10px 10px;font-size:14px;}
.main .news ul li {margin-bottom:12px}
.main .news > div:nth-child(2) li, .main .news > div:nth-child(3) li, .main .news > div:nth-child(4) li{display: block;clear: both;padding-left:5px;background: url(/_res/homedu/img/main/dot.gif) no-repeat left 8px}
.main .news img {width:100%;height: auto}
.main .btn_list {display:block; width:100%;border:1px solid #e1e2e6;font-size:14px;text-align: center; border-top:0; padding:15px 0;background: #f5f5f5;}
.main .btn_more {display:block; position:absolute; top:0; right:0;text-indent: -99999px; width:40px; height: 40px; background: url(/_res/homedu/img/main/btn_more.png) no-repeat center right;}
.main .icomore {display: inline-block;width:15px; height:12px;background: url(/_res/homedu/img/main/ico_more.gif) no-repeat 0 0;}
.ellips2{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.2em;height: 2.8em;}
.main .news > div:nth-child(2) li .ellips2, .main .news > div:nth-child(3) li .ellips2{height:3.4em;}
.main .news > div:nth-child(2) li, .main .news > div:nth-child(3) li{margin-bottom:22px}

/* 소장 인사말 */
.greeting {margin-top:48px;}
.greeting p {margin-bottom:30px;font-size:14px; color:#787878;line-height:202%;}
.greeting p strong {font-size:24px;}
.greeting p.fl {width:50%; margin-right:20px;}
.greeting p img {width:100%; height: auto}

/* 설립목적 및 활동분야 */
.purpose {margin-top:48px;}
.purpose p {margin-bottom:30px;font-size:14px; color:#787878;line-height:202%;}

/* 연혁 */
.history {margin-top: 48px;}

/* 찾아오시는길  */
.visit {margin-top:20px;padding-bottom:20px;}
.visit:after {content:'';clear:both;display:block;}
.visit ul {padding:0 48px 10px;}
.visit h2 {margin-top: 20px; margin-bottom:10px}
.visit ul li {list-style-type: disc; line-height:160%}
#map {margin:50px 0;border:#dadada solid 1px;}

/* 과정소개 */
.director {margin-top:50px;}
.director h4{text-align:left;font-size:24px;font-weight: bold;line-height: 100%; padding-top:15px; margin-bottom:20px;background: url(/_res/homedu/img/sub/bg_bar_greeting.gif) no-repeat 2px top;color:#8b4513;}
.director .txt_end {text-align: right;}
.director .txt_end span {font-size:20px; font-weight: bold;vertical-align: middle;padding-right: 10px;}
.director dl:after {content:''; display: block;clear: both;}
.director dl {margin-top:45px;}
.director dt {float: left;width:15%;min-height:95px;padding-top: 3px;font-size:20px;font-weight: bold;color:#444;line-height: 140%;}
.director dt span {color:#d5ae91;}
.director dd {float: right;width:85%;font-size:16px;color:#868686;margin-bottom: 13px;}

/* 제2전공, 부전공, 복수전공*/
.second ol{margin-left: 0;}
.second ol li{margin:10px 0 ;}
.second ol li li{font-size: 14px; padding-left:10px;}
.second ol > li{margin:15px 0;list-style-type: none;}

/* 교내주요사이트 */
.site li{float:left;width:48.8% ; color:#fff; font-size:18px; font-weight: bold; margin-top:30px;}
.site li a{display:block;padding:30px;}
.site li:nth-child(2n){margin-left:2.4%;}
.site li span {display:block;color:rgba(255,255,255,0.4);font-size:12px;}
.site li:nth-child(1){background:#d15c75 url(/_res/eled/img/sub/btn_site.gif) no-repeat 94% center;}
.site li:nth-child(2){background:#4f88c8 url(/_res/eled/img/sub/btn_site.gif) no-repeat 94% center;}
.site li:nth-child(3){background:#36a8b5 url(/_res/eled/img/sub/btn_site.gif) no-repeat 94% center;}
.site li:nth-child(4){background:#9a5aba url(/_res/eled/img/sub/btn_site.gif) no-repeat 94% center;}
.site li:nth-child(5){background: #70000c url(/_res/eled/img/sub/btn_site.gif) no-repeat 94% center;}

/* FAQ */
dl#accordion{width:100%; margin:50px auto; border-top: 2px solid #cac0b7}
dl#accordion dt a{display:inline-block;border-bottom:1px solid #e3ded7;width:100%;font-size:16px;font-weight:bold;color:#222222;background:#ffffff url(/_res/mma/img/sub/bg_acc_down.png) no-repeat 98% center; }
dl#accordion dt strong {font-size: 24px;vertical-align: middle;display: inline-block; color:#ba0b4a;padding: 20px 60px 20px 30px;background: url(/_res/mma/img/sub/bg_accrdion_dt.gif) no-repeat 92px center;}
dl#accordion dt span{display: inline-block;width: 70%;line-height: 140%;vertical-align: middle;}
dl#accordion dt.selected a{background:#fff;cursor:default;border-bottom:none;color:black;background:#ffffff url(/_res/mma/img/sub/bg_acc_up.png) no-repeat 98% center;}
dl#accordion dd{padding:40px 120px; background:#f7f7f7;border-bottom:1px solid #e3ded7;}
dl#accordion dd p{color:#757575; line-height: 160%; font-size: 14px;}

#overLayer img {width:100%; height:auto;}
html,body{margin:0;padding:0;height:100%;}
div#glayLayer{display:none;position:fixed;left:0;top:0;height:100%;width:100%;background:#000;filter:alpha(opacity=75);opacity: 0.75;}
* html div#glayLayer{position:absolute;}
#overLayer{display:none;width:500px;background:white;padding:10px;position:fixed;top:180px;left:50%;}
#overLayer a.close{position:absolute;top:0px;right:0px;width:40px;height:40px;text-indent:-999999px;background:#d5ae91 url(/_res/homedu/img/common/btn_close.png) no-repeat center;}
* html #overLayer{position: absolute;}

/* 404 error */
.error {position:absolute;left:50%;top:50%;/*width:100%;*/text-align: center; }
.error:after{display:block;clear:both;content:"";}
.error >div {max-width:650px; width:100%;padding:0 20px;margin: 0px auto;}
.error h3 {font-size:36px;line-height:140%; color:#a40832;border-bottom: 0;padding: 0;}
.error p{margin:0px 0 40px;font-size: 14px;word-break:keep-all;line-height:180%;color:#868686;}
.error p.last{margin-bottom:30px;font-size: 20px;}
.btn_error{display:block;margin:0 auto;width:170px;height:50px;padding-top:15px;text-align:center;font-size:#333;border:1px solid #bbb}

/* 사이트맵 */
.sitemap{margin-left:-3%; margin-top: 48px;}
.sitemap:nth-child(1){margin-bottom:50px;}
.sitemap:after{display:block;clear:both;content:""}
.sitemap div{float:left;width:25%;padding-left:3%}
.sitemap div:nth-child(1){margin-left:0;}
.sitemap h3{padding-bottom:10px;font-size:18px;color:#444;font-weight:normal;line-height:140%;}
.sitemap div > ul{border-top:2px solid #ba0b4a;}
.sitemap div > ul > li a{display:block;padding:15px;border-bottom:1px solid #dadada}
.sitemap div > ul > li ul{padding:7px 0;background:#f5f4f1;border-bottom:1px solid #dadada}
.sitemap div > ul > li ul li a{padding:7px 15px;border-bottom:0;}

@media screen and (min-width: 1201px){
  #wrap > header > div{position:absolute;top:0;left:0;width:100%;height:38px;background:#e7e0d8;}
}

@media screen and (max-width: 1200px){
  #container{padding:0 20px 50px; background: url(/_res/homedu/img/sub/bg_sub.gif) repeat-y 20px center;}
  .content{width:75%}
  #container nav{float:left;width:260px;}
  .con_full{padding:0 20px;box-sizing:border-box;}
  #wrap > footer div{padding:20px;}
  .visit p { width: 72%; height: auto;}
  .visit p img {width:100%;}
}

@media screen and (max-width: 1180px){
  .main .news {max-width: 1180px; margin:0 20px;}
  .main .news > div:last-child {margin-right:0;}
  .main .news > div:nth-child(1) h3 {background-size: 100%; width: 100%;height: auto}
  .main .news > div:nth-child(2) h3 {background-size: 100%; width: 100%;height: auto}
  .main .news > div:nth-child(3) h3 {background-size: 100%; width: 100%;height: auto}
  .main .news > div:nth-child(4) h3 {background-size: 100%; width: 100%;height: auto}
  .main .lists {margin:0 20px;}
  .main .lists ul li .ellips {width: 98%;}
  .main .lists ul li a span:last-child {display: none;}
}

@media screen and (max-width: 1160px){
  .content{width:72%}
  /* 과정소개 */
  .director dl {margin-top:45px;}
  .director dt {clear:both;width:100%;min-height:30px;padding-top: 0px; margin-bottom:10px;}
  .director dd {clear:both;width:100%;line-height: 200%; margin-bottom:0;word-break: keep-all;}
  .director p.txt_center img {width:100%; height: auto}
}

@media screen and (max-width: 1100px){
  #wrap > header nav div > ul > li{padding:0 23px 36px;}
  .content{width:70%}
  #overLayer { width: 100%;padding: 10px;top: 0px;left: 48%;}
  #overLayer a.close{top:0px;}
}

@media screen and (min-width: 1024px){
  #wrap > header > div{position:absolute;top:0;left:0;width:100%;height:38px;background:#c8bd90;}
  div.ko.board { margin-top : 50px; }
}

@media screen and (max-width:1023px){
  select{display:inline-block !important}
  .sbHolder{display:none !important}
  
  #wrap{width:100%;overflow-x:hidden; background: none;}
  #wrap > header{height:65px;box-sizing:border-box;padding-top:12px;border-bottom:1px solid #444}
  #wrap > header h1{float:none;margin:0 auto;width:385px;}
  #wrap > header > div{position:initial;width:0;height:0;top:inherit;left:inherit;background:none;}
  #wrap > header > div > a{display:block;position:absolute;right:15px;top:15px;width:35px;height:35px;font-size:0;background:url(/_res/homedu/img/common/bg_utill.png) no-repeat;background-size:35px;}
  #wrap > header > div > div{position:fixed;top:0;left:100%;width:100%;height:100%;padding:0;overflow:scroll;text-align:left;background:#fff;z-index:1200;}
  #wrap > header > div > div:after{clear:both;content:"";display:block}
  #wrap > header > div > div:before{display:block;content:"QUICK MENU";padding:18px;font-size:18px;color:#444;}
  #wrap > header > div > div > a{display:block;position:absolute;top:18px;right:15px;width:18px;height:18px;cursor:pointer;font-size:0;background:url(/_res/homedu/img/common/btn_nav_close.png) no-repeat;background-size:18px;}
  #wrap > header > div ul.m{display:block;width:100%;margin-top:0}
  #wrap > header > div ul.w{display:none}
  #wrap > header > div ul li{display:block;font-size:17px;color:#444;}
  #wrap > header > div ul li:first-child > a{border:0;}
  #wrap > header > div ul li:last-child > a{border-bottom:1px solid #dadada}
  #wrap > header > div ul li > a{position:relative;display:block;padding:20px 18px;border-top:1px solid #dadada;background:#fff}
  #wrap > header > div ul li:after{display:none}
  #wrap > header > div ul li > a span,
  #wrap > header > div ul li > a span{position:absolute;top:24px;right:18px;width:12px;height:12px;background:url(/_res/homedu/img/common/bl_nav_down.png) no-repeat 95%;background-size:12px}
  #wrap > header nav > a{display:block;position:absolute;left:15px;top:15px;width:35px;height:35px;font-size:0;background:url(/_res/homedu/img/common/bg_gnb.png) no-repeat;background-size:35px;}
  #wrap > header nav div{position:fixed;top:0;left:-100%;overflow:scroll;width:100%;background:#fff;height:100%;z-index:1200}
  #wrap > header nav div:before{display:block;content:"전체메뉴";padding:18px;font-size:18px;color:#444;}
  #wrap > header nav div > a{display:block;position:absolute;top:18px;right:15px;width:18px;height:18px;cursor:pointer;font-size:0;background:url(/_res/homedu/img/common/btn_nav_close.png) no-repeat;background-size:18px;}
  .mnav .deps1{border-top:2px solid #444;margin-right:0 !important}
  .mnav .deps1 > li{width:100%;font-size:17px !important;color:#444 !important;padding:0 !important}
  .mnav .deps1 > li:first-child > a{border:0;}
  .mnav .deps1 > li:last-child > a{border-bottom:1px solid #dadada}
  .mnav .deps1 > li > a{position:relative;display:block;padding:20px 18px;border-top:1px solid #dadada;background:#f5f5f5}
  .mnav .deps1 > li > a span,
  .mnav .deps2 > li > a span{position:absolute;top:24px;right:18px;width:12px;height:12px;background:url(/_res/homedu/img/common/bl_nav_down.png) no-repeat 95%;background-size:12px}
  .mnav .deps1 > li.selected > a span,
  .mnav .deps2 > li.selected > a span{background:url(/_res/homedu/img/common/bl_nav_up02.png) no-repeat 95%;background-size:12px}
  .mnav .deps1 > li > ul{position:static;width:100%;margin:0;padding:0;}
  .mnav .deps2 > li{padding:0;}
  .mnav .deps2 > li > a{position:relative;display:block;padding:20px 18px;color:#888;font-weight:normal !important;font-size:17px;border-top:1px solid #dadada;background:#fff}
  .mnav .deps1 > li.selected > a,
  .mnav .deps1 > li > a.active,
  .mnav .deps2 > li.selected > a,
  .mnav .deps2 > li > a.active,
  .mnav .deps3 > li.selected > a,
  .mnav .deps3 > li > a.active{color:#d5ae91;}
  .mnav .deps3 > li > a{display:block;padding:0 15px 15px 0;font-size:15px;color:#999;line-height:140%}
  .mnav .deps3 > li > a:before{content:"-";padding:0 5px 0 20px;}
  .mnav .deps1 > li:last-child .deps2 > li:first-child > a{border-top:0}
  .mnav .deps1 > li:last-child .deps2 > li:last-child > a{border-bottom:1px solid #dadada;}

  #container{background:none;margin:30px 0 50px}
  #container nav{display:none}
  #container .content{float:none;margin:0 auto;width:100%}
  .content h3{border-bottom:0}
  
  /* main */
  .main .title {padding:320px 0 0}
  .main .lists ul li .ellips {width: 98%;}
  .main .lists ul li a span:last-child {display: none;}

  .greeting .box_top .txt_tit_p{width:100%;}
  .greeting > div img:nth-child(2){display:none;}

  /* 찾아오시는길  */
  .visit p {width:100%; height:auto;border:2px solid #d5ae91;}
  .visit p img {width:100%;}
  .visit dl {width:100%;}
  .visit dt:nth-child(1) {margin-top:40px;}

  .director h4 {margin-top:30px;line-height: 120%;}

  .purpose, .history, .visit, div.ko.board, .director, .director h4{margin-top:0}
  .director > div {margin-top:30px;}
}

@media screen and (max-width: 890px){
  /* main */
  .main .news,
  .main .lists {margin:0 20px;}
  .main .news > div {width: 49%; margin-right: 2%;margin-bottom:10px;}
  .main .news > div:nth-child(2n) {margin-right: 0;}
  .main .lists > div {clear:both;width: 96%;margin: 0 2%;}
  .main .title {padding:260px 0 0}
}

@media screen and (max-width: 760px){
  .scrollbox{position:relative;width:100%;overflow-x:auto;overflow-y:hidden}
  .scrollbox table{width:900px}
  .scrollbox table table{width:100%}
  .msg_touch_help{display:block;position:absolute;top:30px;left:50%;width:70px;height:70px;margin:0 0 0 -35px}
  .msg_touch_help img{width:100%}
  .btn_list{float:none;text-align:center}
  .tab_sel{width:100%;margin-bottom:5px}
  .bl_arrow{width:100%;text-align:left;}
  .breadcrumbs{display:none}
  .content h3{padding-bottom:30px;font-size:24px;font-weight:bold;}

  .main .title h2 {font-size:30px;}
  .main .title{padding:180px 20px 0;background: url(/_res/homedu/img/main/bg_title.jpg) no-repeat top;background-size:cover;}
  .main .title p {margin-bottom: -10px}
  .main .lists{margin:0;border:0;padding:30px 10px 0}
  .main .lists > div{margin-bottom:20px}
  .main .felp{margin-top:0;margin-bottom:20px;background-size: cover;}
  .main .news > div{margin-bottom:20px}
  /* sub */
  .greeting .txt_tit_p{font-size:18px}
  /* 교내주요사이트 */
  .site li {width:100% ;}
  .site li:nth-child(2n) {margin-left:0;}
}

@media screen and (max-width:640px){
  #wrap > header h1{width:219px;background-size:cover !important;}
  #overLayer { width: 100%;padding: 10px;top: 0px;left: 46%;}
  .main .felp h3{font-size: 17px;line-height: 100%;    padding: 0 20px;}
  .main .felp p{font-size: 12px;    padding: 0 20px;}
  .main .news ul {padding: 15px 5px 10px;}
  .ellips2 {height: 2.3em;}
  .main .title h2 {font-size:24px;}
}

@media screen and (max-width:500px){
  .main .title{padding:100px 20px 0;}
}

@media screen and (max-width:320px){
  .main .title{padding:80px 20px 0;}
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 47% !important;}

/* 개발자 추가*/
#modalPerson{border:4px solid #d5ae91;background:#fff;}
#modalPerson h2{color:#444444;font-size:24px;line-height:40px;}
#modalPerson .p_c_text{font-size:12px;line-height:24px;}
#modalPerson .login_line{margin:10px 0 0;height:80px;}
#modalPerson .box_in{float:left;margin:0 10px 0; }
#modalPerson input{width:120px;height:24px;display:block;margin:3px 0 0;}
#modalPerson .btn_login{width:72px;height:60px;background:#363636;color:#e1e1e1;float:left;line-height:60px;text-align:center;}
#modalPerson .find_join{clear:both;margin:20px 0 0 10px;}
#modalPerson{
    max-width: 910px;max-height:700px;  /*팝업창의 크기조절*/
    margin-top:0px;           /*팝업창 위아래 간격조절*/
    padding: 18px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    overflow-y:auto;
    z-index:999999999;
}
input[type=submit].btn_login {
    position: absolute;
    right: 0;
    top: 0;
    width: 23%;
    height: 80px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    background: #ba0b4a;
    border: #ba0b4a;
}