/* layout */
body{ margin:0; font-family:'NanumGothic';background-color:#fafafa;}
#wrap {width:100%;height:100%;min-width:1400px;background:url('../images/layout/left_bg.gif') repeat-y;word-break:break-all;}

/* header */
#header{position:absolute;top:0;left:0;z-index:1000;width:300px;height:100%;background-color:#3a0f66;}
#header:after{content:"";display:block;clear:both;}
#header .header_in{position:relative;width:300px}
#header .header_in h1{position:relative;width:220px;padding:30px 40px 0 40px;height:110px;background:#6f0da0;font-size:22px;font-family:'NanumGothicBold';letter-spacing:-1px;line-height:28px;}
#header .header_in h1 a{color:#fff}
#header .header_in h1 span{font-size:12px;letter-spacing:-0.5px}
#header .header_in h1 a span{color:#e299fa;line-height:0}
#header .header_in h1 img{position:absolute;top:40px;left:38px;}
#header .header_in .until{position:relative;clear:both;width:100%;text-align:center;padding:20px 0 20px 0;background:#5c0074;}
#header .header_in .until li{display:inline-block;*display:inline;zoom:1;padding:0 7px 0 8px;background:url("../images/layout/until_line.gif") no-repeat center left;}
#header .header_in .until li a{color:#c8a9d0}
#header .header_in .until li.first{background:none;} 

#header .link_ico{margin:0 auto;text-align:center;padding:0 40px;font-weight:600;background-color:#3a0f66}
#header .link_ico div{width:100px;height:50px;padding:15px 0}
#header .link_ico li{display:inline-block;*display:inline;zoom:1;width:100px; margin:10px 10px 0 0;color:#9b7c89;border:1px solid #2e005e;}
#header .link_ico li img{width:32px; height:34px;}
#header .link_ico li a{color:#9b7c89}
#header .link_ico li p{padding-top:8px;}
#header .link_ico li.last{margin-right:0}
#header .link_ico li.hover{background-color:#431571}

/* gnb */
#gnb{position:relative;padding:0;overflow:hidden;margin:20px auto;z-index:2;float:left;background-color:#3a0f66}
#gnb ul {padding-top:3px;}
#gnb li { margin:0; }
#gnb li.t{position:relative;float:left; width:250px;margin:10px 20px 10px 25px;}
#gnb li.t a{font-size:18px;width:auto;margin:0 12px;color:#fff;}
#gnb li.t a:hover, #gnb .t a:focus, #gnb .on .tl{color:#f0df85}
#gnb li a{ margin:0;}

#gnb ul ul{margin:10px 0 0 15px;font-size:15px;color:#fff;line-height:25px}
#gnb ul ul li{}
#gnb ul ul li.on a{color:#f0df85;font-size:15px;}
#gnb ul ul li a:hover{color:#f0df85;font-size:15px; !important}
#gnb li.t li a{color:#fff;font-size:15px; !important}
#gnb ul ul li span{font-size:8px;padding-right:8px;font-weight:600;vertical-align:top}
#gnb ul ul li.on{color:#f0df85}

#gnb ul ul li.depth2 {border-bottom:0px solid #eaeaea; font-size:12px; padding:0;}
#gnb ul ul li.depth2 a {font-size:12px; padding:5px 0 6px 12px;background:none;color:#c7c7c7; font-weight:400;}
#gnb ul ul li.depth2 a:hover {color:#fef8d9;font-weight:400;}
#gnb ul ul li.depth2.on {color:#235f97;}
#gnb ul ul li.depth2.on a {color:#fef8d9; font-weight:600; }

#gnb ul ul ul{margin: 0px 0 0px 15px;font-size: 13px;color:#fff;line-height: 23px;}
#gnb ul ul ul li a{background:url("../images/layout/dot_depth2.png") no-repeat center left;font-size: 13px !important;}
#gnb ul ul ul li a:hover{background:url("../images/layout/dot_depth2_on.png") no-repeat center left;}



/* footer */
#footer {clear:both;position:relative;bottom:0;text-align:center;padding:25px 25px 1px 25px;width:250px;background-color:#3a0f66;}
#footer .footer_in{position:relative;width:100%;margin:0 auto;}
#footer .footer_in .family_site{text-align:center;background-color:#330f5c;width:100%;margin-top:10px;padding:5px 0;border:none;color:#9380a9;}
#footer .footer_in .family_site select{text-align:center;background-color:#330f5c;border:none;color:#9380a9;}
#footer .footer_in .menu{margin:10px 0;text-align:left;}
#footer .footer_in .menu a{color:#8a589e;font-weight:600;}
#footer .footer_in address{padding:0 0 5px 0; line-height:18px;color:#745d98;text-align:left;}
#footer .footer_in address span{display:inline-block;padding:0 10px 0 5px;font-size:12px;}
#footer .footer_in .txt{color:#ac9abe;line-height:18px;margin-bottom:30px;text-align:left;}
#footer .footer_in .logo {position:absolute;right:0;top:60px;width:auto;}

/* container */
#container_main{position:relative;padding:0;overflow:hidden;margin-left:300px;}
#container{position:relative;padding:0;overflow:hidden;margin-left:300px;}
#container_member{position:relative;overflow:hidden; margin:0 auto; padding:100px 0 80px 0;}

#contents{background-color:#fafafa;padding:30px 45px;height:100%}
#contents .sub_title { position:relative; margin:0; width:100%;height:62px;border-bottom:1px solid #b5b5b5;padding-bottom:20px;color:#3a1066;margin-bottom:30px}
#contents .sub_title h3{ float:left; font-size:38px;letter-spacing:-1.5px;font-family:'Malgun Gothic','맑은 고딕';font-weight:400;}
#contents .sub_title .btn_print { position:absolute; float:right; top:20px; right:0; }

.sub_top{width:100%;padding:20px 0;height:15px;background-color:#fff;border-bottom:1px solid #ebebeb;font-size:13px;color:#565656;}
.sub_top .location{float:left;width:50%;*width:48%}
.sub_top .location p img{vertical-align:middle;padding-right:5px}
.sub_top .location p {margin-left:40px; font-size:12px;color:#1e1e1e;}
.sub_top .btn_print { position:absolute; float:right; top:0; right:0; }
.sub_top .quick_menu_wrap{float:left;width:50%;}
.sub_top .quick_menu_wrap .quick_menu{float:right;padding-right:40px;font-size:12px;color:#3c3c3c}
.sub_top .quick_menu_wrap .quick_menu li{display:inline-block;*display:inline;zoom:1;}
.sub_top .quick_menu_wrap .quick_menu li span{padding:0 2px 0 5px;}


/* 20170623 - 학과별바로가기 퀵메뉴 추가 */
#quick_banner{position:fixed;z-index:999;top:150px;right:0;width:100px;text-align:center}
#quick_banner .quick_tit{background:url('../images/layout/quick_tit_bg.png') no-repeat;width:100px;height:45px;font-size:13px;font-weight:bold;letter-spacing:-0.5px;line-height:18px;color:#fff;padding-top:55px}
#quick_banner ul li{cursor:pointer;background:#fff;border-bottom:1px solid #ddd;border-left:1px solid #ddd;padding:10px 0}
#quick_banner ul li a{font-size:11px;color:#777;letter-spacing:-0.5px;line-height:17px}
#quick_banner ul li:hover a{font-weight:bold;color:#094ab6;text-decoration:underline}