/* common */
html,body {min-height:100%;}
/*body {font-size:15px;font-family: "Noto Sans KR","serif"; font-weight:400;line-height: 1.4;}*/
a {text-decoration:none; color: inherit;}
a:hover {text-decoration:none;}
.auto {width:1000px; margin:auto;position: relative;}
.auto:after,dl:after,ul:after {content: "";display: block;width: 0;height: 0;overflow: hidden;clear: both;}
/*strong {font-weight: 500;}*/
.clearFix:after {content:""; display:block;width:0; height:0; overflow:hidden;clear:both;font-size:0; overflow: hidden;}
* {max-height: 1000000px;}




/* header */
#header { position:fixed; width:100%; top:0; height:142px; z-index:2; overflow:hidden; border-bottom:1px solid #dedede;background: #fff;z-index: 999;}
#header.on {-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);}
#header:after {content:"";position:absolute;top:142px;left:0;width:100%;height:1px;background:#ddd;}
#header .logo {float:left;}
#header .logo a {display:block; padding:12px 0 0 0px;}
#header .headerBottom {overflow:hidden;height:90px;border-bottom:1px solid #ddd;}
#header .headerBottom .auto {width: 1200px;}
#header .searchBox {position: absolute;top:20px;left: 50%;width: 320px;margin-left: -160px;}
#header .searchBox input {width:100%;height:45px;padding:0 15px;border: 1px solid #ccc;box-sizing: border-box;font-size:15px;color:#999;}
#header .searchBox .btnSearch {position:absolute;top:0;right:0;z-index:1;}
#header .gnbWrap .auto {width: 1200px;}
#gnb  {z-index:2; position:relative;}
#gnb > li  {float:left;width:12.5%;}
#gnb > li:hover .sub  {background: #f5f5f5;}
#gnb > li > a {display:block;font-size:19px;color:#333;text-align:center;line-height:52px;position:relative;font-weight: 500;}
#gnb > li > a:after {content:"";position:absolute;top:19px;right:0;width:1px;height:15px;background:#ddd;}
#gnb > li:nth-child(8) > a:after {display:none;}
#gnb > li > a > span {display:block;font-size:11px;margin-top:5px;}
#gnb > li .sub {padding-top: 20px;height: 400px;position:relative;}
#gnb > li:hover .sub:before,
#gnb > li:hover .sub:after {display:block;}
#gnb > li:hover a,
#gnb > li.on a {color:#e60013;}
#gnb > li .sub li {margin-top:15px;}
#gnb > li .sub li:first-child {margin-top:0;}
#gnb > li .sub a  {display:block; color:#666; font-size:14px;text-align: center;line-height:1.2;}
#gnb > li .sub a:hover,
#gnb > li .sub a.on  {color:#e60013;}
#gnb > li .sub a span {display:none;}

#header .bg {position: absolute; top:130px;background: #f8f8f8;width: 100%;height: 400px;z-index:-1;border-top: 1px solid #dedede;}
#header .loginBox {position:absolute;top:20px;right:0;}
#header .loginBox input {height:30px;border:1px solid #ddd;padding:0 5px;width:120px;box-sizing:border-box;font-size: 13px;}
#header .loginBox a {display:inline-block;width:100px;line-height:28px;border:1px solid #666;background:#666;text-align:center;font-size:13px;color:#fff;}
#header .loginBottom {position: absolute;right: 0;top:55px;width: 350px;font-size: 12px; font-weight: 300; color: #666;}
#header .loginBottom a {position: relative;}
#header .loginBottom a:hover {color: #bf0010;}
#header .loginBottom a:first-child {padding-right: 15px;margin-right: 10px;}
#header .loginBottom a:first-child:after {content:"";display: block;position: absolute;top: 5px;right: 0;width: 1px;height: 12px;background-color: #ccc;}
#header .userBox {position: absolute;right: 0;top: 5px; background-color: #f8f8f8; border:1px solid #ddd; padding: 10px 15px;}
#header .userBox .thumb {width: 55px; height: 55px; border-radius:50%;float: left;margin-right: 10px;border:1px solid #ddd;overflow: hidden;}
#header .userBox .thumb > img {width: 100%;height: 100%;}
#header .userInfo {float: left;}
#header .userInfo p.name {font-size: 15px; color: #666;margin-bottom: 8px;float: left;position: relative;padding-right: 15px;margin-right: 10px;}
#header .userInfo p.name:after {content:"";display: block;position: absolute;top: 5px;right: 0;width: 1px;height: 12px;background-color: #ccc;}
#header .userInfo p.name strong {color: #333;font-weight: 700;margin-right: 3px;}
#header .userInfo p.name strong {color: #333;font-weight: 700;margin-right: 3px;}
#header .userInfo p.thesis {color: #999; font-size: 13px;float: left;margin-top: 2px;}
#header .userInfo p.thesis span {color: #bf0010; font-weight: 500;}
#header .userInfo .thesis_stauts {float: left; margin-left: 10px;}
#header .userInfo .thesis_stauts dl {float: left; margin-right: 15px; font-size: 13px; position: relative;}
#header .userInfo .thesis_stauts dl:first-child {padding-right: 15px;margin-right: 10px;}
#header .userInfo .thesis_stauts dl:first-child:after {content:"";display: block;position: absolute;top: 5px;right: 0;width: 1px;height: 12px;background-color: #ccc;}
#header .userInfo .thesis_stauts dl dt {float: left; color: #666;margin-right: 5px;}
#header .userInfo .thesis_stauts dl dd {float: left; color: #666;}
#header .userInfo .thesis_stauts dl dd span {color: #bf0010; font-weight: 500;}
#header .userBox .btns {clear: both;}
#header .userBox .btns a {display: inline-block; font-size: 12px;text-align: center;width: 80px;line-height: 23px;}
#header .userBox .btns a.mypage {border:1px solid #ccc; color:#666;background-color: #fff;margin-right: 2px;}
#header .userBox .btns a.logout {border:1px solid #ccc; color: #666;background-color: #f5f5f5;}

.headerTop {height: 30px;background:#444;}
.utilMenu ul {float: right; font-size:12px;}
.utilMenu li {float: left;}
.utilMenu li a  {display:block;  color:#999;font-weight:300; display:block;padding: 0 10px;line-height: 30px;position: relative;}
.utilMenu li:last-child a  {padding-right:0;}
.utilMenu li a:after  {content: "";display: block;width: 1px;height:8px;background: #dedede;position: absolute; left:0; top:50%; margin-top: -4px;opacity:0.5;}
.utilMenu li:first-child a:after  {display: none;}

.utilMenu .search_wrap {margin-top:9px; margin-left:20px;}
.utilMenu .search_wrap .btn_search {border:1px solid #d6d6d6; display:inline-block;}
.utilMenu .search_wrap input {border:1px solid #d6d6d6; height:22px; width:157px;display:inline-block; margin-right:-1px;}


.header_slogan {position:absolute; top:135px; left:0; width:240px;  height:200px; }
.header_slogan h2 {font-size:21px;color:#000; margin-bottom:12px;}
.header_slogan img {display:block; vertical-align:top; border:1px solid #ccc; margin-bottom:5px;}
.header_slogan dt {font-size:15px; margin-bottom:5px; letter-spacing:-1px;}
.header_slogan dd {font-size:13px; margin-bottom:5px; color:#6d6e71;}
.header_slogan dd.date {font-size:12px; margin-bottom:5px; color:#000;}
.header_slogan .more {position:absolute; top:0; right:0; font-size:24px; color:#6d6e71;}



/* footer */
#footer {line-height: 1.5;background:#444;padding: 30px 0;}
#footer .auto {width: 1200px;}
#footer .fLogo {display: block;float:left;}
#footer .fUtil  {overflow: hidden;}
#footer .fUtil li {float: left;}
#footer .fUtil li a {display: block;padding: 0 15px;position: relative;font-size:14px;color:#aaa;}
#footer .fUtil li a:after {content: "";display: block;width: 1px;height: 14px;background:#939393;position: absolute; left:0; top:50%;margin-top: -7px;}
#footer .fUtil li:first-child a {padding-left: 0;}
#footer .fUtil li:first-child a:after {display: none;}
#footer .fUtil li a:hover {color:#ffb0b1;}
#footer .addrWrap {padding-left:130px;margin-top:10px;}
#footer .addrWrap .fLogo {float: left;}
#footer .addrWrap .fLogo02 {float: right;}
#footer .addrWrap address {font-size:14px;color:#ccc;margin-top:10px;}
#footer .addrWrap address .copyright {display:block;color:#999;margin-top:5px;}






.quick_left {position:fixed;top:0; right:-94px; height:100%; width:122px; background:url("../images/common/q_bg.png") repeat-y 100% 0; z-index:99;}
.quick_left .menu ul {padding-bottom:20px; margin-bottom:20px; background:url("../images/common/q_line.gif") 50% 100% no-repeat;}
.quick_left .menu {position:absolute; left:45px; top:00px; }
.quick_left .menu li  {text-align:center; margin-top:20px;;}
.quick_left .q_btn {margin-top:10px;display:block;position:relative; z-index:-1}