@charset "UTF-8";
/*공용 변수*/
/*공용 extend */
@import url(reset.css);
/*공용 믹스인*/
/*공용 함수*/
/***** 과장님이 알려준 일본사이트 보고 따라한거  *****/
.opage .col-half-wide-about a, .opage .sku-table a, .opage .col-half a, .opage .cu-top a {
  color: #0994e4;
  text-decoration: none;
  padding: 2px 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .opage .col-half-wide-about a:hover, .opage .sku-table a:hover, .opage .col-half a:hover, .opage .cu-top a:hover {
    background-color: #6bbfef;
    color: #fff; }
  .opage .col-half-wide-about a:active, .opage .sku-table a:active, .opage .col-half a:active, .opage .cu-top a:active {
    background: #098eda;
    color: #fff; }

/********************************************/
@font-face {
  font-family: NG;
  src: url(/layouts/SKUGRAD/font/NanumGothic-Regular.eot);
  src: local(※), url(/layouts/SKUGRAD/font/NanumGothic-Regular.woff) format("woff"); }
/*레이아웃*/
body {
  font-family: 나눔고딕, NG, "malgun gothic", dotum, sans-serif;
  font-size: 12px;
  letter-spacing: -1px;
  overflow-x: hidden;
  background: fixed center top no-repeat;
  position: relative;
  color: dimgray;
  background-size: cover; }
  body .body-ptn {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/share/img/layout/ptn/dot.png) fixed; }

body * {
  font-family: 나눔고딕, NG, "malgun gothic", dotum, sans-serif; }

a {
  color: #000; }

header {
  background: #fff;
  width: 100%;
  height: 100px;
  top: 0;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.2); }
  header.view {
    box-shadow: none; }
  header section {
    position: relative;
    width: 1024px;
    margin: 0 auto; }
  header .logo {
    position: absolute;
    left: 0;
    top: 20px;
    width: 285px;
    height: 55px; }
    header .logo a {
      background: url(/share/img/layout/logo.png) no-repeat;
      height: 100%;
      text-indent: 100%;
      text-shadow: none;
      white-space: nowrap;
      overflow: hidden;
      display: block; }
  header nav {
    position: absolute;
    top: 50px;
    right: 0;
    /*
    #header_menu{
      a{
        padding: 15px 12px 30px !important;
      }
      ul{
        top: 57px !important;

        li{
          a{
            padding: 10px 10px !important;
          }
        }
      }
    }
    */ }
    header nav > div {
      overflow: visible !important; }
  header .nav-sub-menu {
    text-align: right;
    padding: 20px 10px 0 0; }
    header .nav-sub-menu ul li {
      display: inline-block;
      *zoom: 1;
      *display: inline;
      vertical-align: middle;
      text-align: left; }
      header .nav-sub-menu ul li a {
        text-decoration: none;
        color: #a3a3a3;
        font-size: 12px;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
        *line-height: 110%; }
        header .nav-sub-menu ul li a:hover {
          color: #0994E4; }
      header .nav-sub-menu ul li span {
        padding: 0 7px;
        color: #ddd; }
    header .nav-sub-menu .login {
      position: relative;
      width: 31px;
      /*			a{
              position:relative;
              top: -7px;
            }*/ }
      header .nav-sub-menu .login.logged {
        width: auto;
        top: -1px;
        line-height: 110%; }
        header .nav-sub-menu .login.logged .box {
          width: auto !important; }
        header .nav-sub-menu .login.logged a {
          *position: relative;
          top: 1px !important;
          *line-height: 110%; }
      header .nav-sub-menu .login.show {
        width: 321px; }
      header .nav-sub-menu .login .box {
        display: block;
        width: 321px !important;
        *width: 327px !important; }
      header .nav-sub-menu .login div, header .nav-sub-menu .login fieldset {
        display: inline; }
      header .nav-sub-menu .login #uid, header .nav-sub-menu .login #upw {
        width: 100px; }
      header .nav-sub-menu .login .submit {
        color: #fff;
        background-color: #0994E4;
        padding: 6px 6px 6px;
        *padding-left: 4px;
        border: none;
        line-height: 100%; }
        header .nav-sub-menu .login .submit:focus {
          border: none; }
      header .nav-sub-menu .login b {
        color: #0994E4; }
    header .nav-sub-menu .search {
      width: 45px; }
      header .nav-sub-menu .search.show {
        width: 258px; }
      header .nav-sub-menu .search .box {
        display: block;
        width: 258px !important; }
      header .nav-sub-menu .search input {
        width: 200px; }
      header .nav-sub-menu .search a {
        *position: relative;
        *top: -5px; }
    header .nav-sub-menu .login,
    header .nav-sub-menu .search {
      position: relative;
      overflow: hidden;
      -webkit-transition: all 0.6s ease;
      -moz-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
      transition: all 0.6s ease; }
      header .nav-sub-menu .login form,
      header .nav-sub-menu .search form {
        display: inline; }
        header .nav-sub-menu .login form label,
        header .nav-sub-menu .search form label {
          width: 100px;
          color: #0994E4;
          position: absolute;
          margin: 7px 0 0 10px;
          cursor: text; }
        header .nav-sub-menu .login form input,
        header .nav-sub-menu .search form input {
          margin-left: 5px;
          border: 1px #e8e8e8 solid;
          padding: 4px 3px 5px;
          border-radius: 3px;
          color: #0994E4; }
          header .nav-sub-menu .login form input:focus,
          header .nav-sub-menu .search form input:focus {
            border: 1px #0994E4 solid; }
    header .nav-sub-menu .sitemap {
      position: relative;
      top: -1px; }

/*
#toolbar{
	position:fixed;
	top:0px;
	height:40px;
	width:100%;
	z-index:9;
	background: #fff;
	@include box-shadow(0, 1px, 5px ,0px ,rgba(0,0,0,0.2));
	@include transition(top, 0.5s, ease);

	&.view{
		top:90px;
	}
}
*/
.title-banner {
  position: relative;
  text-align: center;
  padding: 190px 0 270px; }
  .title-banner.view {
    padding: 70px 0 150px; }
  .title-banner h2 {
    color: #fff;
    font-size: 50px;
    text-shadow: 0 0 7px #000;
    line-height: 110%;
    letter-spacing: -2px;
    font-weight: 600;
    background: no-repeat center;
    text-indent: 100%;
    text-shadow: none;
    white-space: nowrap;
    overflow: hidden;
    display: block; }
    .title-banner h2 span {
      display: block;
      font-size: 40px; }
  .title-banner.greetings h2 {
    background-image: url(/share/img/page/title/greetings.png); }
  .title-banner.founding_principles h2 {
    background-image: url(/share/img/page/title/founding_principles.png); }
  .title-banner.history h2 {
    background-image: url(/share/img/page/title/history.png); }
  .title-banner.school_dscipline h2 {
    background-image: url(/share/img/page/title/school_dscipline.png); }
  .title-banner.organization h2 {
    background-image: url(/share/img/page/title/organization.png); }
  .title-banner.contact_us h2 {
    background-image: url(/share/img/page/title/contact_us.png); }
  .title-banner.guidelines_for_applicants h2 {
    background-image: url(/share/img/page/title/guidelines_for_applicants.png); }
  .title-banner.admission_archives h2 {
    background-image: url(/share/img/page/title/admission_archives.png); }
  .title-banner.graduate_school h2 {
    background-image: url(/share/img/page/title/graduate_school.png); }
  .title-banner.business_school h2 {
    background-image: url(/share/img/page/title/business_school.png); }
  .title-banner.beauty_arts_school h2 {
    background-image: url(/share/img/page/title/beauty_arts_school.png); }
  .title-banner.academic_calendar h2 {
    background-image: url(/share/img/page/title/academic_calendar.png); }
  .title-banner.academic_info h2 {
    background-image: url(/share/img/page/title/academic_info.png); }
  .title-banner.campus_life h2 {
    background-image: url(/share/img/page/title/campus_life.png); }
  .title-banner.thesis_process h2 {
    background-image: url(/share/img/page/title/thesis_process.png); }
  .title-banner.thesis_system h2 {
    background-image: url(/share/img/page/title/thesis_system.png); }
  .title-banner.copykiller h2 {
    background-image: url(/share/img/page/title/copykiller.png); }
  .title-banner.notice h2 {
    background-image: url(/share/img/page/title/notice.png); }
  .title-banner.archives h2 {
    background-image: url(/share/img/page/title/archives.png); }
  .title-banner.faq h2 {
    background-image: url(/share/img/page/title/faq.png); }
  .title-banner.search h2 {
    background-image: url(/share/img/page/title/search.png); }
  .title-banner.survey h2 {
    background-image: url(/share/img/page/title/survey.png); }
  .title-banner.contemporary_music_school h2 {
    background-image: url(/share/img/page/title/contemporary_music_school.png); }
  .title-banner.graduate_school_of_convergence h2 {
    background-image: url(/share/img/page/title/graduate_school_of_convergence.png); }
  .title-banner.international_convergence_school h2 {
    background-image: url(/share/img/page/title/international_convergence_school.png); }

/* 서브 네비 */
#sub-nav {
  width: 100%;
  height: 60px;
  position: absolute;
  top: 610px;
  background: rgba(0, 49, 104, 0.9);
  z-index: 10;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }
  #sub-nav.view {
    top: 370px; }
  #sub-nav .nav-container {
    width: 1180px !important;
    height: 60px;
    margin: 0 auto; }
    #sub-nav .nav-container .nav-left {
      float: left; }
      #sub-nav .nav-container .nav-left li {
        float: left; }
        #sub-nav .nav-container .nav-left li a {
          position: relative;
          display: inline-block;
          font-size: 14px;
          font-weight: 600;
          text-decoration: none;
          color: white;
          padding: 4px 5px;
          border-radius: 3px;
          margin: 19px 5px; }
          #sub-nav .nav-container .nav-left li a:hover {
            background: white;
            color: #07366c; }
    #sub-nav .nav-container .nav-right {
      float: right; }
      #sub-nav .nav-container .nav-right li {
        float: left; }
        #sub-nav .nav-container .nav-right li a {
          display: inline-block;
          font-size: 12px;
          font-weight: 600;
          text-decoration: none;
          color: #c9def5;
          padding: 24px 5px;
          margin-right: 5px; }
          #sub-nav .nav-container .nav-right li a:hover {
            color: white; }
  #sub-nav.stick {
    top: 0 !important;
    position: fixed; }
  #sub-nav .nav-top {
    margin: 0 auto;
    width: 180px;
    height: 40px; }
    #sub-nav .nav-top a {
      display: block;
      width: 180px;
      height: 40px;
      background: url(/share/img/layout/sub_nav_top_bg.png) no-repeat center; }
      #sub-nav .nav-top a:hover {
        background: url(/share/img/layout/sub_nav_top_bg_on.png) no-repeat center;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease; }

/* 모집요강 자간 조정 서브 네비 */
.guidelines_for_applicants + #sub-nav {
  letter-spacing: -2px; }

.container {
  position: relative;
  width: 1024px;
  margin: 0 auto;
  font-size: 13px;
  line-height: 160%;
  text-align: justify; }
  .container:after {
    content: '';
    clear: both;
    display: block;
    height: 0; }

/*타이틀 기본 스타일 정의*/
.opage h3, .boardDescription {
  text-align: center;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: -2px;
  line-height: 130%;
  margin-top: 10px;
  margin-bottom: 60px;
  color: #333333;
  font-weight: 600; }
  .opage h3 span, .boardDescription span {
    font-size: 23px;
    font-weight: normal;
    color: #ccc;
    letter-spacing: -1px;
    display: block;
    margin-top: 10px; }

.opage h4 {
  line-height: 100%;
  *line-height: 105%;
  color: #333;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
  letter-spacing: -2px;
  font-weight: 600; }
  .opage h4 span {
    position: relative;
    top: -1px;
    display: inline-block;
    line-height: 120%;
    padding-top: 8px;
    color: #3878cf;
    border-top: 1px solid #3878cf; }

.opage h5 {
  position: relative;
  *line-height: 105%;
  font-size: 17px;
  margin-bottom: 15px;
  padding-left: 25px;
  color: #333333;
  background: url(/share/img/layout/icon/dot04.png) no-repeat left 2px;
  font-weight: 600; }

.opage h6 {
  font-size: 14px;
  font-weight: 600; }

#article {
  position: relative;
  /*외부페이지, 게시판 공통 레이아웃*/ }
  #article h2 {
    display: none; }
  #article .hideprint {
    display: none; }
  #article section {
    position: relative;
    overflow: hidden; }
    #article section.content {
      background: #fff;
      padding: 50px 0; }
      #article section.content:before,
      #article section.content .con-top-separator {
        content: '';
        position: absolute;
        top: -40px;
        left: 50%;
        z-index: 1;
        height: 40px;
        width: 1920px;
        margin-left: -960px;
        background: url(/share/img/layout/con_top_bg.png) no-repeat center; }
      #article section.content:after,
      #article section.content .con-bottom-separator {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -52px;
        z-index: 2;
        margin-left: -960px;
        width: 1920px;
        height: 52px;
        background: url(/share/img/layout/con_bot_bg.png) no-repeat center; }
    #article section.bg {
      min-height: 450px; }
      #article section.bg.short {
        min-height: 250px; }

/*외부페이지 레이아웃 공통 스타일 정의*/
.opage {
  /*section 레이아웃*/
  /*margin-bottom 없앨 경우*/
  /*타이틀 기본 스타일 정의*/
  /*리스트 기본 스타일 정의*/
  /*정의리스트 기본 스타일 정의*/ }
  .opage .col-half.left {
    float: left;
    width: 23%;
    text-align: right; }
    .opage .col-half.left h4 {
      color: #3878cf;
      border-top: 1px solid #cccccc; }
  .opage .col-half.right {
    float: right;
    width: 70%; }
    .opage .col-half.right .inner-table {
      width: 100%;
      margin: 10px 0; }
      .opage .col-half.right .inner-table .thead th {
        font-weight: 600; }
    .opage .col-half.right .no-table {
      background: #e6e6e6; }
  .opage .col-half-wide-grad-intro.left {
    float: left; }
  .opage .col-half-wide-grad-intro.right {
    width: 60%;
    float: right; }
    .opage .col-half-wide-grad-intro.right:after {
      content: '';
      clear: both;
      display: block;
      height: 0; }
  .opage .col-half-wide {
    width: 45%; }
    .opage .col-half-wide.left {
      float: left; }
    .opage .col-half-wide.right {
      float: right; }
      .opage .col-half-wide.right:after {
        content: '';
        clear: both;
        display: block;
        height: 0; }
  .opage .col-half-wide-about.left {
    width: 60%;
    float: left; }
  .opage .col-half-wide-about.right {
    width: 35%;
    float: right; }
    .opage .col-half-wide-about.right:after {
      content: '';
      clear: both;
      display: block;
      height: 0; }
    .opage .col-half-wide-about.right img {
      width: 100%; }
  .opage .no-margin-bottom {
    margin-bottom: 0; }
  .opage ol.olnone li:before {
    content: none !important; }
  .opage ul, .opage ol {
    margin-bottom: 30px; }
  .opage ul > li {
    position: relative;
    margin: 5px 0 5px;
    padding-left: 15px; }
    .opage ul > li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 5px;
      width: 6px;
      height: 10px;
      background: url(/share/img/layout/icon/link_b.gif) no-repeat 0 0; }
    .opage ul > li ul li:before {
      background: url(/share/img/layout/icon/link_blue.png) no-repeat 0 0 !important; }
  .opage ol {
    counter-reset: li; }
  .opage ol > li {
    list-style: none;
    margin: 5px 0 5px;
    padding-left: 20px;
    position: relative; }
    .opage ol > li:before {
      content: counter(li) ".";
      counter-increment: li;
      position: absolute;
      color: #5b92dd;
      font-weight: 600;
      left: 0px; }
  .opage dl {
    margin-bottom: 30px; }
    .opage dl:after {
      content: '';
      clear: both;
      display: block;
      height: 0; }
  .opage dt, .opage dd {
    float: left;
    padding: 5px 0; }
  .opage dt {
    color: #333333;
    font-weight: 600;
    width: 18%;
    padding-left: 15px;
    background: url(/share/img/layout/icon/link_b.gif) no-repeat 0 10px;
    clear: left; }
  .opage p {
    margin-bottom: 30px; }
  .opage.survey dt {
    width: 8%; }
  .opage.survey dd {
    width: 89%; }

/*페이지 레이아웃 커스텀 요소*/
.col-no {
  position: absolute;
  left: 0;
  top: -25px;
  font-weight: 600;
  font-size: 16px;
  color: #cccccc; }

footer {
  position: relative;
  *zoom: 1;
  margin-top: 250px;
  background: url(/share/img/layout/footer_bg.png) repeat; }
  footer:before,
  footer .footer-top-separator {
    content: '';
    *zoom: 1;
    position: absolute;
    top: -40px;
    left: 50%;
    z-index: 1;
    height: 40px;
    width: 1920px;
    margin-left: -960px;
    background: url(/share/img/layout/footer_top_bg.png) no-repeat center; }
  footer .footer-dot {
    background: url(/share/img/layout/dot2.png) repeat; }
  footer .container {
    line-height: 100%; }
    footer .container.links {
      height: 350px; }
    footer .container .other-link {
      position: absolute;
      top: 29px; }
      footer .container .other-link > li > a {
        color: #fff;
        font-size: 15px;
        *line-height: 105%;
        font-weight: 600;
        padding: 0 0 20px; }
      footer .container .other-link a {
        color: #999;
        text-decoration: none;
        padding: 8px 0;
        display: block; }
        footer .container .other-link a:hover {
          color: #0994e4; }
      footer .container .other-link.office {
        right: 125px; }
      footer .container .other-link.service {
        right: 0; }
  footer section {
    padding: 20px 0 20px;
    background: #2d2d2d;
    color: #bbb;
    border-top: 1px #424242 solid; }
    footer section .container {
      padding: 0px; }
    footer section .copyright {
      font-size: 12px;
      line-height: 150%; }
    footer section .footer-logo {
      width: 131px;
      height: 31px;
      position: absolute;
      top: 0px;
      right: 0;
      background: url(/share/img/layout/logo_footer_kr.png) no-repeat;
      text-indent: 100%;
      text-shadow: none;
      white-space: nowrap;
      overflow: hidden;
      display: block; }
  footer .list- {
    display: none; }

/*게시판 관련*/
.board.list table {
  border-top: 0; }

.boardReadHeader .titleArea {
  border-top: 2px solid; }

/* 카피킬러 연동용*/
article.copykiller {
  top: -40px;
  padding: 70px 0 60px;
  background-color: #fff; }
  article.copykiller #loginAccess h1 {
    font-size: 18px;
    line-height: 150%; }
  article.copykiller .msg {
    margin: 50px 0 20px;
    text-align: center;
    line-height: 150%;
    font-size: 18px; }
    article.copykiller .msg strong {
      display: block;
      margin-bottom: 10px; }

/* 설문조사 페이지*/
.survey a.btn_survey_check {
  position: absolute;
  right: 0;
  padding: 5px 10px !important;
  background-color: #6bbfef;
  color: #fff; }
  .survey a.btn_survey_check:hover {
    background-color: #0994e4 !important; }
.survey #loginAccess li {
  padding: 0; }
  .survey #loginAccess li:before {
    background: none; }

/*# sourceMappingURL=layout.css.map */