html {width: 100%;height: 100%;min-height: 100%;}
body {font-size:16px; font-family:"nanum"; color:#333; line-height:1.5; position: relative;height: 100%;min-height: 100%;overfl ow-x: hidden;}
a {text-decoration:none; color:#666;}
.auto { margin:0 auto;position:relative;width:1100px;}
.auto:after {content:""; display:block;width:0; height:0; overflow:hidden;clear:both;font-size:0;}
em , strong {font-family: "nanumB";}
/*
.pc .auto {width:1200px;}
.tablet .auto {width:960px; margin:0;}
.mobile .auto {width:640px; margin:0;}
*/


#skipNav {height:0; overflow: hidden;}
#skipNav li a {display: block;font-size:1em;width:100%;position:absolute;top:-9999px;left:0;text-align:center;z-index:999999;}
#skipNav li a:focus, #skipNav li a.on {position:absolute;top:0;left:0;font-weight:bold;color:#fff;background:#272727;padding:20px 0;color:#ffffff;}


#header  {width:270px;height:100%; position:fixed;z-index:10; font-size:1em;}
#header .quick {width: 70px;height: 100%;padding-top: 50px; background: #4d4d4d; text-align: center; float: left;}
#header .quick dt {font-size: 0;margin-bottom: 5px;}
#header .quick dd {padding: 7px 10px;}
#header .quick dd a {display: block;width: 50px; height: 20px; padding-top:30px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background: rgba(0,0,0,0.2); color:#fff; font-size: 11px; background-position: 50% 7px; background-repeat: no-repeat; position: relative;}
#header .quick dd a:after {content: "";display: none;width: 50px;height: 50px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border: 2px solid #ee3d45 ;position: absolute; left:-2px; top:-2px;}
#header .quick dd:hover a {background-color: rgba(0,0,0,0.4);}
#header .quick dd:hover a:after {display: block;}


#header .quickMenu dd.q01 a {background-image: url("../images/layout/q01.gif"); background-position: 0px;}
#header .quickMenu dd.q02 a {background-image: url("../images/layout/q02.png");}
#header .quickMenu dd.q03 a {background-image: url("../images/layout/q03.png");}
#header .quickMenu dd.q04 a {background-image: url("../images/layout/q04.png");}
#header .quickMenu dd.q05 a {background-image: url("../images/layout/q05.png");}
#header .quickMenu dd.q06 a {background-image: url("../images/layout/q06.png");}
#header .quickMenu dd.q07 a {background-image: url("../images/layout/q07.png");}
#header .quickMenu dd.q08 a {background-image: url("../images/layout/q08.png");}
#header .quickMenu dd.q09 a {background-image: url("../images/layout/facebookIcon.png");}

#header .snsMenu {margin-top: 30px; display: none;}
#header .snsMenu dd a:after {border: 2px solid #8bd96c;}
#header .snsMenu dd.sns01 a {background-image: url("../images/layout/sns01.png");}
#header .snsMenu dd.sns02 a {background-image: url("../images/layout/sns02.png");}
#header .snsMenu dd.sns03 a {background-image: url("../images/layout/sns03.png");}



#header .gnbWrap {width: 200px;height: 100%; float: left; z-index:2;position: relative;background: #930101;
-webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.2);
}
#header .logo {height: 85px; background: #690100;}
#header .logo a {display:block; text-align: center; padding:14px 2px 0 0;}
#header .logo span {position: absolute;}

#header #gnb  {}
#header #gnb .gnbList {background: #b10f00; position: relative;z-index:2;}
#header #gnb .gnbList > li{ border-bottom: 1px solid rgba(256,256,256,0.1);}
#header #gnb .gnbList > li:first-child{border-top: 1px solid rgba(256,256,256,0.1);}
#header #gnb .gnbList > li > a{display:block;font-size: 16px; color:#fff; background: #8c0c01; height:44px; line-height:45px;padding-left:20px;position: relative;}
#header #gnb .gnbList > li > a:after{content: "";display: block;width:7px ; height: 100%;background: #d62522; position: absolute; left:0; top:0px;display: none;}
#header #gnb .gnbList > li:hover > a,#header #gnb .gnbList > li.on > a { background:url("../images/layout/bgGnbOn.png") 170px 50% no-repeat #fff; color:#1a1a1a;}
#header #gnb .gnbList > li:hover > a:after,#header #gnb .gnbList > li.on > a:after{ display: block;}
#header #gnb .gnbList > li a.freshman {background:#eb542c;}
#header #gnb .gnbList > li:hover a.freshman, #header #gnb .gnbList > li.on > a.freshman {color:#fff;}


/* 2depth */
#header .subMenu {position: absolute; left:270px; top:0; width:200px ; height: 100%;backgr ound: #1a1a1a; background:rgba(26, 26, 26, 0.87);padding-top: 85px;left:70px; z-index:1;}
#header .subMenu .subMenuList > li {display: none;}
#header .subMenu .sub > li > a {display:block;font-size: 14px; color:#fff; ba ckground:url("../images/layout/bgSubOff.png") no-repeat 170px 50% #1a1a1a; height:44px; line-height:45px;padding-left:20px; border-bottom: 1px solid rgba(256,256,256,0.1);}
#header .subMenu .sub > li:hover > a,#header .subMenu .sub > li.on > a {background:url("../images/layout/bgSubOn.png") no-repeat 170px 50% #c72520;}
#header .subMenu .sub > li:first-child > a{border-top: 1px solid rgba(256,256,256,0.1);}
#header .subMenu .sub > li .depth03 {backgro und:#4d4d4d; background:rgba(77, 77, 77, 0.8);padding: 10px 0; display: none;}
#header .subMenu .sub > li .depth03 li a {color:#b2b2b2; font-size: 13px; display: block;padding: 3px 0; padding-left:30px ; position: relative;}
#header .subMenu .sub > li .depth03 li a:after {content: "";display: block;width:4px ; height: 4px; background: #cb0100; position: absolute; left:20px; top:50%; margin-top: -2px;}
#header .subMenu .sub > li .depth03 li:hover a {color:#cce1f0;text-decoration: underline;}


#header .recruit {width: 215px; height: 130px;background: url("../images/layout/bgRecruit.png") no-repeat;}
#header .recruit dl {margin-left: 65px; margin-bottom: 5px;}
#header .recruit dt {color:#ffffff; font-size: 12px; font-family: "nanumEB";height: 26px;line-height: 26px;}
#header .recruit dd {color:#fff; font-size: 22px; font-family: "nanumEB";text-decorat ion: underline; }
#header .recruit .btns {margin-left: 103px;}
#header .recruit .btns a {display: block;width:78px ; height: 24px;line-height: 24px; font-size: 14px;font-family: "nanumEB"; color:#fff;border: 1px solid rgba(255,255,255,0.3); text-align: center; margin-bottom:5px ;}
#header .recruit .btns a.btn02 {color:#ffc142;}





#header .recruit02 {position:relative;height:160px;background:#4821a0 }
#header .recruit02 > span {display:block;position:absolute;top:0;left:0;width:214px;height:27px;background:url("../../images/layout/recruitLabel.png") no-repeat;padding-left:15px;
	font-size:13px;color:#333;line-height:27px;font-family:"nanumB";
}
#header .recruit02 .recruitBox {padding-top:27px;}
#header .recruit02 .recruitBox span.title {display:block;padding-top:10px;font-size:13px;color:#fff;font-family:"nanumB";text-align:center; line-height: 1.4;}
#header .recruit02 .recruitBox span.date {display:block;font-size:14px;color:#fff;font-family:"nanumB";text-align:center;}
#header .recruit02 .recruitBox span.date strong {font-size:27px;color:#ffd83c;font-family:"nanumEB";}
#header .recruit02 strong {font-family:"nanumEB";font-size:14;}
#header .recruit02 ul {text-align:center;padding-top:5px;}
#header .recruit02 ul li {display:inline-block;}
#header .recruit02 ul li a {display:block;width:78px;height:25px;line-height:25px;text-align:center;font-size:13px;font-family:"nanumB";}
#header .recruit02 ul li a.applicationInfo {color:#fff;border:1px solid #7f64bd;}
#header .recruit02 ul li a.accept {color:#4821a0;background:#fff;}

#header .inquiry {background:url("../../images/layout/inquiryBg.png") no-repeat;}
#header .inquiry dl {padding:7px 15px; line-height: 1.3;}
#header .inquiry dt {font-size:14px;color:#fff;font-family:"nanumB";}
#header .inquiry dd {font-size:27px;color:#ffd83c;font-family:"nanumEB"; border-bottom: 1px solid #4dadad; padding-bottom:5px;}
#header .inquiry dl.studentWrap {padding-bottom:0px; padding-top:0px;}
#header .inquiry .studentWrap dd {border-bottom:0px; color:#ffb2b2;}





#header .facebook {width:200px; height:125px; background:url("../images/layout/bgFacebook.png") no-repeat; position: relative;}
#header .facebook a.facebookBtn01 {font-size: 10px; font-family: "nanumEB"; color:#fff; padding:88px 0 0 32px; position: absolute;}
#header .facebook a.facebookBtn02 {font-size: 10px; font-family: "nanumEB"; color:#fff; padding:88px 0 0 142px; position: absolute;}

#header .facebook .fb-like {position: absolute; top:82px; left:12px;}

#header .video {width:200px; height:250px; background:url("../images/layout/bgvideo.gif") no-repeat; position: relative;}
#header .video iframe {width:165px; height:105px; margin-top:85px;margin-left:18px;}
#header .video a.videoBtn01 {font-size: 10px; font-family: "nanumEB"; color:#fff; padding:88px 0 0 32px; position: absolute;}
#header .video a.videoBtn02 {font-size: 10px; font-family: "nanumEB"; color:#fff; padding:88px 0 0 130px; position: absolute;}


#header .counsel {height:88px ;padding: 8px 14px;background: #262626; font-size: 0; position: relative;}
#header .counsel dd {margin-top: 8px;}
#header .counsel p {margin-bottom:2px ;}
#header .counsel input {width: 74px;height: 13px;background: #383838; border: none; font-size: 12px;color:#fff;}
#header .counsel select {width: 78px;height: 20px;background: #383838; border: none; font-size: 13px;}
#header .counsel label {color:#999;display: inline-block;width:40px ;font-size: 12px;height: 14px;line-height: 16px; letter-spacing:-0.02em;}
#header .counsel a {display: block;width:45px ; height: 54px;padding-top: 4px; background: #ee3d45; color:#fff; font-size:14px ; font-family: "nanum"; text-align: center;position: absolute; right:14px; top:37px; line-height: 1.2; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

#header .kakao2017 {height:93px ; background: url("../images/layout/bgKakao.png") no-repeat; position: relative;}
#header .kakao2017 ul li {color:#fff; font-size:15px; font-family:"nanumB"; top: 53px; position: absolute;}
#header .kakao2017 ul li.id01 {left: 22px;}
#header .kakao2017 ul li.id02 {left: 121px;}
/* #header .kakao2017 ul li.id01 {display: block;width: 110px; height: 16px;line-height: 7px; color:#fff; background: #371c01; text-align: center; font-size:13px ;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
position: absolute; top:35px; left:70px} */






#footer {wid th:250px;height:170px;color:#fff; background:#930101;position:relative;padding:10px 0;}
#footer .tel {padding:0 30px;}
#footer .tel dt{font-size:14px; letter-spa cing: -0.8px; font-family:"nanum"; opac ity:0.4;}
#footer .tel dd{font-size:32px; letter-spacing: -1.5px;color:#ffc142;font-family: "nanumB"; margin-top:-8px; margin-bottom:-5px;}
#footer address {font-size: 11px; opacity:0.4; line-height:1.3; padding:0 30px 30px;}

#footer address .fImg {overflow:hidden;margin:5px 0;}
#footer address p img {float:left;width:45px;margin-right:10px;}
#footer address a {display:block;float:left;font-size: 12px;color:#fff;}
#footer address a:hover {color:#ffc142;text-decoration: underline;font-weight:bold;}
#footer address .copyright {display:block;opacity:0.5;line-height:1;margin-top:5px;}