@charset "UTF-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
body {background:#e9ecf5;}

/* Skip Navigation */
#skip a {position: absolute;top: 0px;left: 0px;z-index: 99;width: 100%;height: 1px;margin-top: -1px;display: block;background-color: transparent;font-size: 14px;font-weight: bolder;color: #fff;line-height: 1;text-align: center;overflow: hidden;}
#skip a:focus,#skip a:active {margin-top: 0px;height: auto;padding: 10px 0px;}

/*border:1px solid #03b5c9;*/

/* main :: Header */
.headerWrap{
width:100%;
min-width:1000px;
height:100px;
background-color: #234068;
background-image: url('http://www.khuhs.or.kr/images/main/main_bg.png');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
}
#header {width: 1100px;height: 100px;position: relative;margin: 0px auto;z-index: 1;}
#header h1 {position: absolute;top: 23px;left: 0px;margin: 0;padding: 0px 0px 25px 0px;}
#header ul#gLink {position: absolute;right:-70px;top: 0;width: 356px;overflow: hidden;padding: 0px 0px 20px 600px;}
#header ul#gLink li {position: relative;left: -1px; top:12px; float: left;padding: 0px 4px 0px 4px;line-height: 0;font-size: 0;background: url() no-repeat left top;}
#header ul#gLink li:first-child {background: none;}
#header ul#gLink li a {line-height: 1;font-size: 12px;}
#header ul#gnb {position: absolute;top: 33px;right: 0px;}
#header ul#gnb li {float: left;padding-right: 0px;line-height: 0;font-size: 0;}
#header ul#gnb li a.dep1Link{display:block;height:27px;}
#header ul#gnb li a.gnbOnA{background:#a3864a;}
#header ul#gnb li ul {position: absolute;z-index: 10;top: 39px;display: none;}
#header ul#gnb li ul li {padding-right: 15px;}
#header ul#gnb li ul li a{line-height: 0;font-size: 0;}
#header ul#gnb li ul.submenu01 {width: 580px;left: 0px;}
#header ul#gnb li ul.submenu02 {width: 420px;left: 160px;}
#header ul#gnb li ul.submenu03 {width: 435px;left: 0px;}
#header ul#gnb li ul.submenu04 {width: 397px;left: 0px;}
#header ul#gnb li ul.submenu05 {width: 460px;left: 0px;}
#header ul#gnb li ul.submenu06 {width: 360px;left: 0px;}

/* Main Content Wrap */

.contentWrap{width:100%;}
.contentWrap *{padding:0;list-style:none;}

/* Main Visual Wrap */
.contentWrap .visualWrap{width:100%;min-width:1000px;background:#e8e8e8;}
.contentWrap .visualArticle{position:relative;margin: 0px auto;width:100%;min-width:1000px;height:428px;} /* edit 20130822 */
.contentWrap .visualBg{position:absolute;left:50%;top:0;margin-left:-50%;width:100%;min-width:1000px;height:428px;z-index:10;} /* edit 20130822 */

/*slide*/
#slides_main {width:100%; height:458px;}
.slides_four .slides_container {position:absolute;top:0;z-index:10;}
.slides_four .slides_container div {display:block;height:428px;} 
#slides, #slides_ban, #slides_main{display: none}
#slides a:link, #slides a:visited {color: #333}
#slides a:hover, #slides a:active {color: #9e2020}

#slides_main a.slidesjs-next, #slides_main a.slidesjs-previous, #slides_main a.slidesjs-play, #slides_main a.slidesjs-stop {background-image: url(http://www.khuhs.or.kr/images/btn_sprite.png);background-repeat: no-repeat;display:block;position:absolute;width:19px;height:15px;overflow: hidden;text-indent: -9999px;float: left;margin-right:5px;}
#slides_main a.slidesjs-next {margin-right:10px;background-position: -15px 0;left:105px;top:430px;z-index:1500;}
#slides_main a:hover.slidesjs-next {background-position: -16px -15px;}
#slides_main a.slidesjs-previous {background-position: 0 0;left:90px;top:430px;z-index:1500;}
#slides_main a:hover.slidesjs-previous {background-position: 0 -15px;}
#slides_main a.slidesjs-play {width:15px;background-position: -30px 0;left:118px;top:430px;z-index:1500;}
#slides_main a:hover.slidesjs-play {background-position: -30px -15px;}
#slides_main a.slidesjs-stop {width:18px;background-position: -46px 0;left:135px;top:430px;z-index:1500;}
#slides_main a:hover.slidesjs-stop {background-position: -46px -15px;}


.visualCont{position:absolute;top:178px;right:0;width:224px;height:133px;}
.visualCont .visualTextWrap{position:absolute;top:0;left:0;width:224px;overflow:hidden;display:none;}


.visualContCase{position:relative;z-index:11;width:1100px;margin:0 auto;}

.visualContCaseInner{float:right;width:665px;padding-top:115px;}
.visualContCaseInner .visualTextWrap{float:left;position:relative;background:#fff;width:280px;height:185px;overflow:hidden;border:19px solid #76c0ee;}
.visualContCaseInner .visualTextWrap ul{float:left;width:220px;padding:30px 0px 0px 30px;}
.visualContCaseInner .visualTextWrap ul li {float:left;width:220px;padding:10px 0px 0px 0px;}
.visualContCaseInner .visualTextWrap1{float:right;position:relative;background:#fff;width:280px;height:185px;overflow:hidden;border:19px solid #d99208;}
.visualContCaseInner .visualTextWrap1 ul{float:left;width:220px;padding:30px 0px 0px 30px;}
.visualContCaseInner .visualTextWrap1 ul li {float:left;width:220px;padding:10px 0px 0px 0px;}

/* Main Preview Wrap */
.mainPreWrap{margin:0 auto;padding:0 0 0 0;width:100%;overflow:hidden;background:#ffffff}
.mainPreWrap .mainPreRolling{width:1100px;margin:0 auto;}
.mainPreWrap .mainPreRolling .mainPrenav{float:left;vertical-align:middle;width:100px;height:10px;padding:5px;}
.mainPreWrap .mainPreRolling .mainPreRolling1{float:right;width:400px;height:90px;margin:0 auto;}
/* Main Preview > Focus Wrap */
.mainFocusWrap{float:left;position:relative;width:280px;height:169px;}
.mainFocusWrap h3{width:100%;height:32px;}
.mainFocusWrap .btnFocus{position:absolute;top:3px;}
.mainFocusWrap .bf0{left:153px;}
.mainFocusWrap .bf1{left:186px;}
.mainFocusWrap .bf2{left:219px;}
.mainFocusWrap .bf3{left:252px;}
.mainFocusWrap .focusArticle{width:280px;display:none;overflow:hidden;}
.mainFocusWrap .focusArticle .img{float:left;width:85px;}
.mainFocusWrap .focusArticle .cont{float:right;width:185px;}
.mainFocusWrap .focusArticle h4{padding-bottom:10px;}
.mainFocusWrap .focusArticle h4 a{color:#a21318;letter-spacing:-1px;}
.mainFocusWrap .focusArticle p a{color:#353535;line-height:16px;letter-spacing:-1px;}
/* Main Preview > Announcements Wrap */
.mainAnnounWrap{float:left;position:relative;margin-left:46px;width:225px;height:169px;}
.mainAnnounWrap h3{width:100%;height:32px;}
.mainAnnounWrap .btnAnnoun{position:absolute;top:0;color:#424242;font-size:11px;letter-spacing:-1px; display:block; min-width:20px;}
.mainAnnounWrap .ba0{left:139px;}
.mainAnnounWrap .ba1{left:165px;padding-left:6px;background:url('http://www.khuhs.or.kr/inc/images/main/lineAnnou.gif') no-repeat 0 1px;}
.mainAnnounWrap .ba2{left:196px;padding-left:7px;background:url('http://www.khuhs.or.kr/inc/images/main/lineAnnou.gif') no-repeat 0 1px;}
.mainAnnounWrap .baOn{color:#a21318;}
.mainAnnounWrap .announArticle{width:225px;display:none;overflow:hidden;}
.mainAnnounWrap .announUl{}
.mainAnnounWrap .announUl li{height:22px;}
.mainAnnounWrap .announUl a{color:#353535;letter-spacing:-1px;}
/* Main Preview > Multimedia Wrap */
.mainMultimediaWrap{float:left;position:relative;margin-left:46px;width:103px;height:169px;}
.mainMultimediaWrap h3{width:100%;height:32px;}
.mainMultimediaWrap .btnFocus{position:absolute;top:3px;}
.mainMultimediaWrap .bf0{left:86px;}
.mainMultimediaWrap .bf1{left:96px;}
.mainMultimediaWrap .movieCont{position:relative;width:103px;height:61px;}
.mainMultimediaWrap .movieCont .icoPlay{position:absolute;top:0;left:0;z-index:100;}
.mainMultimediaWrap .moviepara{padding-top:3px;}
/* Main Preview > Links Wrap */
.mainLinksWrap{float:left;position:relative;margin-left:46px;width:250px;height:150px;}
.mainLinksWrap h3{width:100%;height:32px;}
.mainLinksWrap .linksCase{width:250px;overflow:hidden;}

.mainLinksWrap .linksListCase{float:left;width:160px;}
.mainLinksWrap .licksUl{width:140px;}
.mainLinksWrap .licksUl li{padding-bottom:3px;}
.mainLinksWrap .licksUl a{color: #353535;line-height:18px;letter-spacing:-1px;}
.mainLinksWrap .licksUl a:hover{color: #a82227;}
.mainLinksWrap .rightCase{float:right;width:76px;}
.mainLinksWrap .rightCase ul{border-top:1px solid #dddedd;}
.mainLinksWrap .rightCase li{padding:2px 0;border-bottom:1px solid #dddedd;}
.mainLinksWrap .rightCase li a{color:#777777;letter-spacing:-1px;line-height:16px;}
.mainLinksWrap .rightCase li.link0 a.on{display:block;color:#1072cd;background:url('http://www.khuhs.or.kr/inc/images/main/icoLinks0.gif') no-repeat center right;}
.mainLinksWrap .rightCase li.link1 a.on{display:block;color:#c80e00;background:url('http://www.khuhs.or.kr/inc/images/main/icoLinks1.gif') no-repeat center right;}
.mainLinksWrap .rightCase li.link2 a.on{display:block;color:#1b7f12;background:url('http://www.khuhs.or.kr/inc/images/main/icoLinks2.gif') no-repeat center right;}
.mainLinksWrap .rightCase li.link3 a.on{display:block;color:#ba10b0;background:url('http://www.khuhs.or.kr/inc/images/main/icoLinks3.gif') no-repeat center right;}
/* Main Preview > Links Wrap :: plugin :: Tiny Scrollbar */
#scrollbar1 { width: 160px;  }
#scrollbar1 .viewport { float:left;width: 140px; height: 85px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(/inc/js/images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: left; width: 15px; }
#scrollbar1 .track { background: transparent url(/inc/js/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(/inc/js/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(/inc/js/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.link_un {float:right; margin-bottom:9px;}
/* Quick*/
#qmb {position: absolute;top: 237px;right: 0px; z-index:9999;}
#qmb h3 {text-indent: -9999px;overflow: hidden;position: absolute;top: -99px;right: 999px;}
#qmb ul li {font-size: 0;line-height: 0;text-align: right;}
#qmb ul li a {font-size: 12px;line-height: 1;}
#qmb ul li ul {position: static;right: 35px;top: 0px;width: 153px;padding: 10px 12px 10px 10px;}
#qmb ul.sub li ul {background-color: #D4D4D4; z-index:1}
#qmb ul li ul li {font-size: 12px;padding: 4px 0px 4px 6px;text-align: left;letter-spacing: -1px;}
#qmb ul.sub li ul li {background: url(/inc/images/layout/qmb/bulletQsub.png) no-repeat left 9px;}
#qmb ul.sub li ul li a:hover,#qmb ul.sub li ul li a:focus {color: #661F23;}

/* Footer */
.contentWrap #footWrap {margin:0 auto; width:100%; height:auto;overflow:hidden;background:#e9ecf5;}
 #footer {position: relative;width: 1100px;height:90px;top:15px;margin: 0px auto; 
/*background-image:url('/images/footer/bg_footer.jpg');*/}
#footWrap #footer h2 {line-height: 1;font-size: 10px;}
#footer p {margin: 0;line-height: 7px;height: 7px;}
#footer img {margin-top:3px;}
#footer #footleft {float:left;width:660px;}
#footer ul#gMenu {top: 14px;left: 188px;overflow: hidden;}
#footer ul#gMenu li {position: relative;float: left;font-size: 0;line-height: 0;}
#footer ul#gMenu li a {line-height: 1;font-size: 11px;}
#footer ul#gSocial {position: absolute;top: 40px;right: 0px;}
#footer ul#gSocial li {float: left;padding-left: 8px;}
#footer #campusSite{position:relative;float:right; z-index:999;}
#footer #campusSite ul{position:absolute;bottom:18px;padding:5px;left:0px;width:140px;background:#fff;}
#footer #campusSite ul li{padding:2px 0;}
#footer #campusSite ul li a{font-size:11px;}
#footer #authoritiesSite{position:relative;right:20px;float:right; z-index:990;}
#footer #authoritiesSite ul{position:absolute;bottom:18px;right:-30px;padding:5px;width:195px;background:#fff;}
#footer #authoritiesSite ul li{padding:2px 0;}
#footer #authoritiesSite ul li a{font-size:11px;}

.headerWrap2{width:100%;height:65px;border-bottom:0px solid #9e2121;background:#000000 no-repeat center top;}
@media screen and (max-width:1024px) {
   .headerWrap {min-width:960px; padding:0 40px 0 0;}
   #header {width:960px;}
   .mainPreWrap {width:960px;}
   .mainAnnounWrap {margin-left:33px;}
   .mainMultimediaWrap {margin-left:33px;}
   .mainLinksWrap {margin-left:33px;}
   .visualCont {right:55px;}
   #footWrap{width:960px;}
   #footer {width:954px;}
}