/* layout.css */ body{ margin:0; font-family:'NanumGothic'; } #wrap {position:relative;width:100%; min-width:1000px;} #container_main{position:relative; width:100%; margin:0; padding-bottom:30px; background:url('../images/main/container_main_bg.gif');} #container_sub{position:relative; width:100%; margin:0; padding-bottom:30px;} #sub_visual .sub_visual_img01{position:relative; width:100%; height:170px; overflow:hidden; background:url('../images/layout/sub_visual01.jpg') no-repeat; border-bottom:1px solid #ddd;} /* header */ #header{position:relative;z-index:2;width:100%;height:107px;text-align:center;font-size:12px;border-bottom:1px solid #ddd;background-color:#fff} #header:after{content:"";display:block;clear:both;} #header .top_menu{background-color:#333;height:31px;} #header .top_menu_in{width:1000px;position:relative;margin:0 auto;} #header .top_menu_in a{color:#ddd} #header .top_menu_in .right{float:right; padding-top:5px;} #header .top_menu_in .right li{display:inline-block;float:left;padding:0 0 0 25px; background:url('../images/layout/top_menu_bar.gif') no-repeat 11px 6px;} #header .top_menu_in .right li.first{background:none;} #header .top_menu_in .right li a{font-size:13px; color:#b7b7b7;} #header .top_menu_in .right li a.login{font-weight:600; color:#fff74e;} #header .header_in{position:relative;width:1000px;margin:0 auto;height:76px;} #header .header_in h1{position:absolute;left:0;top:18px;width:auto;text-align:left;z-index:3;font-size:20px;font-family:'NanumGothicBold';letter-spacing:-0.5px;color:#000;} #header .header_in h1 img {padding-right:10px;} /* gnb */ #gnb{position:relative;top:25px;padding:0;width:1000px;margin:0 auto;z-index:2;float:right;} #gnb .depth1{float:right;display:inline-block;*display:inline;zoom:1} #gnb .t{position:relative;float:left; width:auto;letter-spacing:-0.5px; padding-right:40px; padding-bottom:10px;} #gnb .t a{font-size:18px; display:inline-block;width:auto;color:#000;} #gnb li a{display:inline-block;} #gnb .last{position:relative;float:left;width:auto; padding-right:0;} #submenu01 {position:absolute;left:0;top:37px;padding:0;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;} #submenu01 .subfont { border-bottom:1px solid #666; padding:6px 0; } #submenu01 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; } #submenu02 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;} #submenu02 .subfont { border-bottom:1px solid #666; padding:6px 0; } #submenu02 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; } #submenu03 { position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;} #submenu03 .subfont { border-bottom:1px solid #666; padding:6px 0; } #submenu03 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; } #submenu04 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;} #submenu04 .subfont { border-bottom:1px solid #666; padding:6px 0; } #submenu04 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; } #submenu05 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;} #submenu05 .subfont { border-bottom:1px solid #666; padding:6px 0; } #submenu05 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; } #submenu06 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;} #submenu06 .subfont { border-bottom:1px solid #666; padding:6px 0; } #submenu06 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; } #submenu07 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;} #submenu07 .subfont { border-bottom:1px solid #666; padding:6px 0; } #submenu07 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; } #submenu08 {position:absolute;left:0;top:37px;text-align:left;line-height:25px;width:100%;margin:0 auto;font-size:12px;background:url('../image/gnb_sub_bg.png') repeat 0 0;} #submenu08 .subfont { border-bottom:1px solid #666; padding:6px 0; } #submenu08 .subfont a{font-size:13px; color:white; margin-left:10px; letter-spacing:-1px; font-family:'NanumGothic'; } .m1{margin-left:25px;} .m1, .m2, .m3, .m4, .m5, .m6, .m7, .m8{ text-align:center; overflow:hidden; position:relative; float:left; font-size:17px; padding-left:1px; padding-right:1px; width:112px;} .m7{margin-right:0px;} .m1 div, .m2 div, .m3 div, .m4 div{display:none;} /* container */ #container{position:relative;overflow:hidden;width:1000px; margin:0 auto;} #container_member{position:relative;overflow:hidden; width:1000px; margin:0 auto; padding:100px 0 80px 0;} #lnb {position:relative; float:left; width:200px; padding:0; overflow:hidden; margin-bottom:100px;} #lnb .sub_title {background:url('../images/layout/sub_lnb_h2_bg.jpg') no-repeat; width:200px; padding:55px 0; text-align:center;} #lnb .sub_title h2{font-size:21px; letter-spacing:-1px; color:#fff; font-weight:normal;} #lnb .lnb_m { width:100%; position:relative;} #lnb .lnb_m ul {border:1px solid #ddd;} #lnb .lnb_m ul li {border-bottom:1px solid #ddd; padding:18px 0 18px 18px;} #lnb .lnb_m ul li a {font-size:14px; color:#555; letter-spacing:-0.7px;} #lnb .lnb_m ul li:last-child {border-bottom:none;} #lnb .lnb_m ul li.on {background:url('../images/layout/lnb_m_on.gif') no-repeat 165px 20px;} #lnb .lnb_m ul li.on a{color:#00689e; font-weight:bold;} .location_wrap {width:765px; border-bottom:1px solid #ddd; padding:25px 0 13px 0; float:right;} .location_wrap .location {font-size:12px; color:#444; float:right;} .location_wrap .location b {color:#00689e;} .location_wrap .location img {padding-right:8px;} .location_wrap .location img.btn_print {padding: 0 0 0 10px;} .location_wrap h2 {font-size:24px; letter-spacing:-1px; color:#333; font-weight:normal;} #contents{position:relative; float:right; height:100%; width:765px; padding-top:13px;} /* footer */ #footer {position:relative; background:#4e4e4e;text-align:center;padding:0 0 30px 0;font:12px 'NanumGothic','나눔고딕','돋움',dotum,'굴림',gulim,Helvetica,sans-serif;} #footer .footer_menu{border-bottom:1px solid #626262;height:47px;} #footer .footer_menu ul{position:relative;width:1000px;margin:0 auto;} #footer .footer_menu li{float:left;line-height:48px; padding-right:25px;} #footer .footer_menu li a{font-size:13px; color:#cfcfcf;} #footer .footer_menu li a.privacy {font-weight:600; color:#ffde00;} #footer .footer_in{position:relative;width:1000px;margin:0 auto; padding:0; text-align:left; line-height:18px;} #footer .footer_in h1.logo {padding-top:16px;position:absolute;left:0;width:auto;} #footer .footer_in p.txt {padding:20px 0 0 130px;font-size:13px; color:#b7b7b7;} #footer .footer_in p.txt span.add{font-size:12px; color:#989898; display:inline-block; margin-top:5px;} @media only screen and (max-width:997px){ #wrap,#header,#footer,.open_box{width:1000px;} } /* 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; word-break:keep-all;} #quick_banner ul li:hover a{font-weight:bold;color:#094ab6;text-decoration:underline}