@charset "utf-8";

/* Container */
.wrap-contents .container {max-width: 1640px;}

/* Sub Visual */
.wrap-sub-visual {display: table; width: 100%; background: url('../../images/sub/sub-visual.jpg') no-repeat top center; background-size: cover;}
.wrap-sub-visual .wrap-sub-cell {position: relative; display: table-cell; height: 440px; text-align: left; vertical-align: top; color: #fff;}
.wrap-sub-visual .wrap-sub-cell:after {content: ''; display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url('../../images/common/pattern.png');}
.wrap-sub-visual .slogan-big {position: relative; display: inline-block; margin-top: 220px; font-weight: 500; font-size: 44px; line-height: 1;}
.wrap-sub-visual .page-move {display: none; position: absolute; left: 0px; top: -5px; width: 100%; height: 0px;}
.wrap-sub-visual .page-move a {position: relative; display: block; width: 50px; height: 50px; border: 2px solid rgba(255,255,255,1); border-radius: 100%;}
.wrap-sub-visual .page-move a.prev {float: left; transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a.prev:after {content: ''; position: absolute; left: 18px; top: 20px; width: 12px; height: 9px; background:url('../../images/common/page_move_prev.png') no-repeat center center;}
.wrap-sub-visual .page-move a.next {float: right; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a.next:after {content: ''; position: absolute; right: 18px; top:20px; width: 12px; height: 9px; background:url('../../images/common/page_move_next.png') no-repeat center center;}
.wrap-sub-visual .page-move a span {display: none;}

@media all and (max-width:900px) {
  .wrap-sub-visual .wrap-sub-cell {height: 300px;}
  .wrap-sub-visual .slogan-big {margin-top: 155px; font-size: 34px;}
}


@media all and (max-width: 600px) {
  .wrap-sub-visual .wrap-sub-cell {height: 230px;}
  .wrap-sub-visual .slogan {text-align: center;}
  .wrap-sub-visual .slogan-big {margin-top: 115px; font-size: 25px;}
}

/* Sub Navi */
.wrap-sub-navi {position: relative; margin-top: 20px; z-index: 80;}
.wrap-sub-navi .container {position: relative; height: 53px;}
.wrap-sub-navi .sub-navi {display: inline-block; vertical-align: middle;}
.wrap-sub-navi .sub-navi > ul {display: inline-block;}
.wrap-sub-navi .sub-navi > ul > li {float: left; position: relative; background: url('../../images/icon/ic_arrow_page_nav.png') no-repeat left center;}
.wrap-sub-navi .sub-navi > ul > li.on {padding: 0 0 0 30px;}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {display: block;  height: 53px; font-size: 16px; color: #fff; line-height: 53px;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {margin: 0 20px 0 0; padding: 0 130px 0 0 ; border-bottom: 2px solid #fff; background: url('../../images/icon/ic_arrow_page_nav2.png') no-repeat top right; font-size: 18px; text-align: left; transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); font-weight: 400;}

.wrap-sub-navi .sub-navi .home {min-width: auto; padding: 0px; background-image: none;}
.wrap-sub-navi .sub-navi .home a {width: 44px; background: url('../../images/icon/ic_home.png') no-repeat 4px center; text-indent: -9999px;}
.wrap-sub-navi .sub-navi .navUl {overflow: hidden; position: absolute; right: 20px; top: 102%; width: calc(100% - 50px); max-height: 0px; padding: 8px 0; opacity:0; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1); visibility: hidden;}
.wrap-sub-navi .sub-navi .navUl.on {max-height: 10000px; background: #fff; transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1); opacity: 1; visibility: visible;}
.wrap-sub-navi .sub-navi .navUl a {display: block; padding: 8px 20px; font-weight: 400; font-size: 15px; color: #333; word-break: keep-all;}
.wrap-sub-navi .sub-navi .navUl a[target=_blank] {background: url('../../images/icon/ic_sub_navi_blank.png') no-repeat 90% 48%;}
.wrap-sub-navi .sub-navi .navUl a span {position: relative;}
.wrap-sub-navi .sub-navi .navUl a span::after {content: ''; position: absolute; left: 0; bottom: -5px; width: 0; height: 3px; background: #A90057; transition: .4s;}
.wrap-sub-navi .sub-navi .navUl a:hover span::after {width: 100%;}


.wrap-sub-navi .sub-util {display: inline-block; margin-left: 25px; vertical-align: middle;}
.wrap-sub-navi .sub-util > ul {display: inline-block;}
.wrap-sub-navi .sub-util > ul > li {float: left; position: relative; margin-right: 10px;}
.wrap-sub-navi .sub-util > ul > li > button {width: 41px; height: 53px; text-indent: -9999px;}
.wrap-sub-navi .sub-util .sub-favo {background: url('../../images/icon/ic_favo.png') no-repeat center center; transition: background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-favo.on {background: url('../../images/icon/ic_favo_on.png') no-repeat center center;}
.wrap-sub-navi .sub-util .sub-share {background: url('../../images/icon/ic_sns.png') no-repeat center center; transition: background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-share.on {background: url('../../images/icon/ic_sns_on.png') no-repeat center center; transition: background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-print {background: url('../../images/icon/ic_print.png') no-repeat center center; transition: background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-sub-navi .box-sub-favo {overflow: hidden; position: absolute; left: -9999px; top: 100%; width: 260px; max-height: 0px; background: #fff; border: 1px solid #cacaca; transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity: 0;}
.wrap-sub-navi .box-sub-favo.on {left: 0; max-height: 500px; transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity: 1;}
.wrap-sub-navi .box-sub-favo > strong {display: block; padding: 14px 20px; border-bottom: 1px solid #d6d6d6; font-weight: 400; font-size: 14px; color: #333;}
.wrap-sub-navi .box-sub-favo ul li {position: relative; padding: 8px 20px;}
.wrap-sub-navi .box-sub-favo ul li:hover {background: #fbf0f6;}
.wrap-sub-navi .box-sub-favo ul li:hover a {color: #a90057;}
.wrap-sub-navi .box-sub-favo ul li a {font-size: 14px; color: #000;}
.wrap-sub-navi .box-sub-favo ul li a span {display: none;}
.wrap-sub-navi .box-sub-favo #favoriteList {border-top: 1px solid #cdcdcd;}
.wrap-sub-navi .box-sub-favo .close {position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; background: url('../../images/button/btn_favo_close.png') no-repeat center center; text-indent: -9999px;}
.wrap-sub-navi .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo .del {position: absolute; right: 20px; top: 12px; width: 17px; height: 17px; margin: 0 0 0 10px; background: url('../../images/button/btn-favo-del.png') no-repeat center center; text-indent: -9999px;}
.wrap-sub-navi .box-sub-favo .control {background: #f0f0f0; text-align: center;}
.wrap-sub-navi .box-sub-favo .control.on {padding: 15px 0;}
.wrap-sub-navi .box-sub-favo .control.reset {background: #fff; border-top: 1px solid #d6d6d6;}
.wrap-sub-navi .box-sub-favo .control button {display: inline-block; padding: 7px 14px 7px 17px; border-radius: 3px; font-size: 12px; color: #fff;}
.wrap-sub-navi .box-sub-favo .control .add {background: #A90056;}
.wrap-sub-navi .box-sub-favo .control .add::after {content: ''; display: inline-block; width: 10px; height: 10px; margin: -2px 0 0 15px; background: url('../../images/button/btn-favo-add.png') no-repeat center center; vertical-align: middle;}
.wrap-sub-navi .box-sub-favo .control .reset {padding: 12px 22x 12px 22px; border: 1px solid #50555d; font-size: 13px; font-weight: 400; color: #50555d;}
.wrap-sub-navi .box-sub-favo .favoriteTitle {margin-bottom: 15px; font-weight: 400; font-size: 13px; color: #565656;}
.wrap-sub-navi .box-sub-share {overflow: hidden; position: absolute; left: -9999px; top: 100%; width: 355px; max-height: 0px; padding: 22px 20px; background: #fff; border: 1px solid #c6c6c6; transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity: 0;}
.wrap-sub-navi .box-sub-share.on {left: 0px; max-height: 1000px; transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity: 1;}
.wrap-sub-navi .box-sub-share strong {display: inline-block; margin-right: 10px; font-weight: 400; font-size: 14px; color: #2a2a2a;}
.wrap-sub-navi .box-sub-share .close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url('../../images/button/btn_favo_close.png') no-repeat center center; text-indent: -9999px;}
.wrap-sub-navi .box-sub-share ul {display: inline-block;}
.wrap-sub-navi .box-sub-share ul li {display: inline-block;}
.wrap-sub-navi .box-sub-share ul button {display: inline-block; width: 25px; height: 25px; background: url('../../images/icon/ic_sns_list.png') no-repeat; text-indent: -9999px;}
.wrap-sub-navi .box-sub-share ul button.facebook {background-position: 0 0;}
.wrap-sub-navi .box-sub-share ul button.twitter {background-position: -25px 0;}
.wrap-sub-navi .box-sub-share ul button.kakaostory {background-position: -50px 0;}
.wrap-sub-navi .box-sub-share ul button.pinterest {background-position: -75px 0;}
.wrap-sub-navi .box-sub-share ul button.blog {background-position: -100px 0;}
.wrap-sub-navi .box-sub-share ul button.band {background-position: -125px 0;}
.wrap-sub-navi .box-sub-share ul button.addr {width: auto; height: auto; margin-left: 10px; padding: 5px 13px; background: #5d5d5d; text-indent: 0; color: #fff;}

@media all and (min-width: 601px){
  /* .wrap-sub-navi .sub-navi > ul > li.last > .inner > button {background-position: bottom right; border-bottom: 2px solid #ff0083; color: #ff0083; transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);} */
  .wrap-sub-navi .sub-navi > ul > li.last > .inner > button {font-weight: 500; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);}
  .wrap-sub-navi .sub-navi > ul > li.last .navUl {background: #A90057;}
  .wrap-sub-navi .sub-navi > ul > li.last .navUl a {color: #fff;}
  .wrap-sub-navi .sub-navi > ul > li.last .navUl a[target=_blank] {background: url('../../images/icon/ic_sub_navi_blank2.png') no-repeat 90% 48%;}
  .wrap-sub-navi .sub-navi > ul > li.last .navUl a span::after {background: #fff;}
}

@media all and (max-width: 1030px) {
  .wrap-sub-navi {margin-top: 10px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {padding: 0 15px 0 0; font-size:14px}
  .wrap-sub-navi .sub-util > ul > li {display: none; margin-right: 0;}
  .wrap-sub-navi .sub-util > ul > li.box-share {display: block;}
}

@media all and (max-width: 600px) {
  .wrap-sub-navi {position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
  .wrap-sub-navi .sub-navi {width: 100%; font-size: 0;}
  .wrap-sub-navi .sub-navi .home a {width: 46px; background: url('../../images/icon/ic_home_m.png') no-repeat 20px center;}
  .wrap-sub-navi .sub-navi > ul > li {position: static; background: url('../../images/icon/ic_arrow_page_nav_m.png') no-repeat left center;}
  .wrap-sub-navi .sub-navi > ul > li.on {display: none; padding: 0 0 0 10px;}
  .wrap-sub-navi .sub-navi > ul > li.on.last {display: block; width: calc(100% - 85px);}
  .wrap-sub-navi .sub-navi > ul > li > a,
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {width: 100%; height: 46px; background: url('../../images/icon/ic_arrow_page_nav2_m.png') no-repeat right top; border-bottom: 0; font-size: 16px; font-weight: 500; color: #a90057; line-height: 46px;}
  .wrap-sub-navi .sub-navi > ul > li#pagetitle2 > .inner > button {border-bottom: 0;}
  .wrap-sub-navi .sub-navi > ul {width: 100%;}
  .wrap-sub-navi .sub-navi > ul > li.on.last .navUl {display: block;}
  .wrap-sub-navi .sub-navi .navUl {display: none; right: 0; width: 100%;}
  .wrap-sub-navi .sub-navi .navUl a[target=_blank] {background: none !important;}
  .wrap-sub-navi .sub-navi .navUl a[target=_blank] span {padding-right: 20px; background: url('../../images/icon/ic_sub_navi_blank.png') no-repeat right center;}
  .wrap-sub-navi .sub-util {position: absolute; right: 0; top: 0;}
  .wrap-sub-navi .sub-util > ul > li {display: none; margin-right: 0;}
  .wrap-sub-navi .sub-util > ul > li.box-share {display: block;}
  .wrap-sub-navi .sub-util > ul > li > button {width: 49px; height: 46px;}
  .wrap-sub-navi .sub-util .sub-share {background: url('../../images/icon/ic_sns_m.png') no-repeat center center;}
  .wrap-sub-navi .sub-util .sub-share.on {background: url('../../images/icon/ic_sns_m_on.png') no-repeat center center;}
  .wrap-sub-navi .box-sub-share.on {left: auto; right: 0px;}
}

/* Rating */
.wrap-contents .con-rating {margin: 90px 0 0 0;}
.wrap-contents .con-rating .info {overflow: hidden; width: 100%; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.wrap-contents .con-rating .people {float: left; padding: 22px 0 22px 60px; background: url('../../images/icon/ic_people.png') no-repeat 20px center; color: #666;}
.wrap-contents .con-rating .mody-time {float: right; padding: 25px 0 25px 0; color: #666;}
.wrap-contents .con-rating .vote {display: table; width: 100%; padding: 25px 30px; background: #fbfbfb; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display: table-cell; vertical-align: middle;}
.wrap-contents .con-rating .question {width: 37%; padding: 0 0  0 30px; background: url('../../images/icon/ic_question.png') no-repeat 0px 4px; color: #3f3f3f;}
.wrap-contents .con-rating .radio {width: 40%; font-size: 14px;}
.wrap-contents .con-rating .radio > div {float: left; padding: 0 4% 0 0;}
.wrap-contents .con-rating .radio input:checked + label {color: #ff4200;}
.wrap-contents .con-rating .radio input {position: relative; top: 2px;}
.wrap-contents .con-rating .comment input, .wrap-contents .con-rating .comment button {float: left;}
.wrap-contents .con-rating .comment input {width: 78%; height: 35px; border: 1px solid #b1b1b1; line-height: 35px;}
.wrap-contents .con-rating .comment button  {width: 20%; height: 35px; margin: 0 0 0 2%; background: #0178dd; color: #fff; font-size: 12px; line-height: 35px; text-align: center;}

@media all and (max-width:1250px) {
  .wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display: inline-block; width: 100%;}
  .wrap-contents .con-rating .question {margin: 0 0 20px 0;}
  .wrap-contents .con-rating .radio {width: 68%;}
  .wrap-contents .con-rating .comment {width: 30%;}
  .wrap-contents .con-rating .comment input {width: 68%;}
  .wrap-contents .con-rating .comment button {width: 30%;}
}

@media all and (max-width:655px) {
  .wrap-contents .con-rating .radio {width: 100%; margin: 0 0 15px 0;}
  .wrap-contents .con-rating .comment {width: 100%;}
  .wrap-contents .con-rating .question {margin: 0 0 10px 0;}
}

@media all and (max-width:555px) {
  .wrap-contents .con-rating .people, .wrap-contents .con-rating .mody-time {width: 100%; float: none;}
  .wrap-contents .con-rating .people {padding: 0 0 0 60px; background-image: none;}
  .wrap-contents .con-rating .mody-time {padding: 0 0 0 60px;}
  .wrap-contents .con-rating .info {padding: 20px 0; background: url("../../images/icon/ic_people.png") no-repeat 20px center;}
  .wrap-contents .con-rating .radio > div {padding: 0 4% 2% 0;}

}

/* Major */

.pdf-down{text-align: right;}

.major-inner > ul > li{margin-bottom: 80px;}

.major-right .major-main-title{float: left;}
.major-right .major-box{float: right;}
.major-left .major-main-title{float: right; text-align: right;}
.major-left .major-box{float: left;}

.major-content-box{position: relative;}
.major-main-title{height: 100%; width: 31%;}
.major-main-title h1{font-size: 48px; line-height: 50px; color: rgba(46,46,46,0.5); }
.major-main-title > h1{font-family: "Gm"; font-weight: 500;}
.major-main-title p{font-size: 48px; color: #2e2e2e; margin-top: 15px; font-family: "Gm"; font-weight: 500;}
.major-sub-intro{position: absolute; bottom: 0; width: 31%;}
.major-sub-intro h1{font-size: 300px; color: rgba(46,46,46,0.1); position: absolute; right: 0; bottom: 100px;  font-family: "Dream"; font-weight: 700;}
.major-right .major-sub-intro{left: 0;}
.major-left .major-sub-intro{right: 0;}
.major-right .major-sub-intro h1{right: -53px;}
.major-left .major-sub-intro h1{left: -53px; text-align: left;}
.major-sub-intro p{font-size: 30px; color: rgba(46, 46, 46, 0.4); font-family: "Gm"; font-weight: 500;}
.major-right .major-sub-intro p{text-align: right;}
.major-left .major-sub-intro p{text-align: left;}
.major-box{width: 69%; position: relative;}
.major-box::after{content:""; display: block; position: absolute; width: 300px; height: 299px; bottom: -255px; z-index: -1;}
.major-inner > ul > li:last-child .major-box::after{display: none;}
.major-right .major-box::after{right: 0; background: url(../../images/sub/major_deco.png)}
.major-left .major-box::after{left: 0; background: url(../../images/sub/major_deco_left.png);}
.major-header{position: relative; padding: 0 65px;}
.major-header::before{content:""; display: block; position: absolute; width: 100%; height: 10px; background-color: #e8ebee; left: 0; top: 0;}
.major-header::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 10px; height: 50px; background-color: #e8ebee;}
.major-title{padding-top: 62px;}
.major-title::before{content:""; display: block; position: absolute; right: 0; top: 0; width: 10px; height: 50px; background-color: #e8ebee;}
.major-title p{float: left; font-size: 30px; color: #000000; margin-right: 30px; font-weight: 500;}
.major-link li{float: left; border: 1px solid #b2b2b2; border-radius: 25px; transition: all .3s; margin-right: 10px; position: relative; z-index: 2;}
.major-link li:last-child{margin-right: 0;}
.major-link li a{width: 125px; display: block;  padding: 12px 20px; font-size: 14px; transition: all .3s;}
.major-link li.homepage-link{background: url(../../images/sub/homepage.png) no-repeat right 20px center;}
.major-link li.download-link{background: url(../../images/sub/download.png) no-repeat right 20px center;}
.major-link li.homepage-link:hover{background: #d6227e url(../../images/sub/homepage_on.png) no-repeat right 20px center; border: 1px solid #d6227e}
.major-link li.download-link:hover{background: #1e5ba8 url(../../images/sub/download_on.png) no-repeat right 20px center; border: 1px solid #1e5ba8;}
.major-link li:hover a{color: white;}
.major-content{margin-top: 25px;}
.major-content > p{font-size: 16px; line-height: 30px; color: #333333; padding: 0 65px;}
.major-content .major-sub-list{margin-top: 30px; text-align: center; background: url(../../images/sub/major_background.png) no-repeat left top; padding: 41px 0; background-size: cover; min-height: 270px;}
.major-sub-list .major-left{float: left; width: 45%; padding-left: 17%;}
.major-sub-list .major-right{float: left; width: 45%; padding-left: 7%;}
.major-sub-box p{float: left; margin-right: 30px; font-size: 17px; line-height: 30px; color: #484848; text-align: left;}
.content_1 .major-sub-box p{width: 95px;}
.content_1 .major-right .major-sub-box p {width: 65px;}
.content_2 .major-sub-box p{width: 158px;}
.content_2 .major-sub-list .major-left{padding-left: 11%;}
.content_2 .major-right .major-sub-box p{width: 105px;}
.content_3 .major-sub-box p{width: 100px;}
.content_3 .major-right .major-sub-box p{width: 112px;}
.content_4 .major-sub-box p{width: 131px;}
.content_4 .major-right .major-sub-box p {width: 112px;}
.content_4 .major-sub-list .major-left{padding-left: 15%;}
.content_5 .major-sub-box p{width: 145px;}
.content_5 .major-right .major-sub-box p {width: 130px;}
.content_5 .major-sub-list .major-left{padding-left: 4%;}
.content_6 .major-left .major-sub-box p{width: 175px;}
.content_6 .major-right .major-sub-box p{width: 115px;}
.content_6 .major-sub-list .major-left{width: 60%; padding-left: 5%;}
.content_6 .major-sub-list .major-right{width: 40%; padding-left: 0;}
.content_7 .major-sub-box p{width: 70px;}
.content_7 .major-right .major-sub-box p{width: 80px;}
.content_8 .major-sub-box p{width: 85px;}
.content_8 .major-right .major-sub-box p{width: 95px;}
.content_9 .major-left .major-sub-box p{width: 130px;}
.content_9 .major-sub-list .major-left {padding-left: 15%;}
.content_9 .major-right .major-sub-box p{width: 120px;}
.major-sub-list > div > ul > li{margin-bottom: 20px;}
.major-sub-list > div > ul > li:last-child{margin-bottom: 0;}
.major-sub-box ul{float: left;}
.major-sub-box li{float: left; margin-right: 10px;}
.major-sub-box li:last-child{margin-right: 0;}
.major-sub-box li a{display: block; line-height: 30px; width: 80px; text-align: center; border: 1px solid #494949; border-radius: 25px; font-size: 12px;}
.major-num{display: none;}

@media all and (max-width: 1640px) {
  .major-sub-list .major-left{width: 50%; padding-left: 3%;}
  .major-sub-list .major-right{width: 50%; padding-left: 3%;}
  .major-sub-list.line-3 .major-left{width: 50%; padding-left: 3%;}
  .content_4 .major-sub-list .major-left{padding-left: 3%;}
  .major-sub-box p{width: 100%; float: none;}
  .major-sub-box ul{float: none; margin-top: 10px;}
  .major-sub-box p{width : 100% !important;}
}

@media all and (max-width: 1350px) {
  .major-main-title{width: 25%;}
  .major-box{width: 75%;}
  .major-main-title > h1{font-size: 40px;}
  .major-main-title > p{font-size: 40px;}
  .major-sub-box p{font-size: 15px;}
  .major-sub-list.line-3 .major-left p{width: 131px;}
  .major-sub-intro{width: 25%;}
  .major-left .major-sub-intro p{font-size: 25px;}
  .major-sub-intro h1{font-size: 250px; bottom: 85px; }
  .major-sub-list.line-3 .major-left{width: 46%;}
  .major-sub-box p{width: 100%; float: none;}
  .major-sub-box ul{float: none; margin-top: 10px;}
  .major-right .major-sub-intro p {line-height: 34px;}
}

@media all and (max-width: 1024px) {
  .major-right .major-main-title{float: none; width: 100%; text-align: center; margin-bottom: 20px;}
  .major-left .major-main-title{float: none; width: 100%; text-align: center; margin-bottom: 20px;}
  .major-left .major-box{float: none;}
  .major-main-title{display: none;}
  .major-box{width: 100%; float: none; background-color: white;}
  .major-box::after{display: none;}
}

@media all and (max-width: 768px) {
  .major-header{padding: 0 30px;}
  .major-content > p{padding: 0 30px; display: none;}
  .major-title p{float: none; margin-bottom: 15px; font-size: 26px;}
  .major-sub-list .major-left{float: none; width: 100%; margin-bottom: 10px; padding-left: 0 !important;}
  .major-sub-list .major-right{float: none; width: 100%; padding-left: 0 !important;}
  .content_6 .major-sub-list .major-right{padding-left: 3%;}
  .major-sub-list.line-3 .major-left{width: 100%;}
  .content_6 .major-sub-list .major-right{width: 100%;}
  .major-sub-intro{bottom: auto; top: 0; z-index: 2; width: 100%;}
  .major-right .major-sub-intro{left: auto; right: 0;}
  .major-sub-intro h1{letter-spacing: -0.05em; font-size: 100px;}
  .major-left .major-sub-intro h1{text-align: right;}
  .major-content .major-sub-list{position: relative; padding: 30px 8%;}
  .major-sub-list > div > ul > li{margin-bottom: 10px;}
  .major-sub-box li{margin-bottom: 10px;}
  .major-num{display: block; position: absolute; right: 0; top: -92px; font-size: 100px; color: rgba(46,46,46,0.1); font-family: "Dream"; font-weight: 600; z-index: 1; letter-spacing: -0.05em; line-height: 100px;}
  .major-title{padding-top: 40px;}
  .major-link li a{padding: 9.5px 20px;}
  .major-sub-box p{float: left; padding-right: 30px; width: 100% !important;}
  .major-sub-box ul{width: 65%; float: left; margin-top: 0;}
}

@media all and (max-width: 460px) {
  .major-title{padding-top: 40px;}
  .major-content .major-sub-list{padding: 20px;}
  .major-sub-list .major-left{width: 100%; float: none; padding-left: 0; margin-bottom: 10px;}
  .major-sub-list .major-right{width: 100%; float: none; padding-left: 0;}
  .major-sub-list.line-3 .major-left{width: 100%; float: none; padding-left: 0;}
  .major-title p{float: none; margin-bottom: 20px;}
  .major-link li{float: none; margin-bottom: 10px; margin-right: 0;}
  .major-link li:last-child{margin-bottom: 0;}
  .major-link li a{width: 100%;}
  .major-sub-box p{width: 100% !important; padding-right: 0; margin-bottom: 10px;}
  .major-sub-box ul{width: 100%; float: none;}

}

/* PDF View */
.downloadApplication {display: none;}
.applicationWrap {height: 1384px !important; padding: 60px; background: #ececec; border: 1px solid #daddde !important; text-align: center;}
.applicationWrap iframe {max-width: 920px;}
.sty_01 {display: none;}
.tab_menus {margin: 0 0 30px 0;}
.tab_menus li {line-height: 49px}

/* Dorm */
.dorm  ul {display: inline-block; width: 100%;}
.dorm  ul li.left {float: left; width: 48.1%;}
.dorm  ul li.right {float: right; width: 48.1%;}
.dorm .desc {position: relative; max-width: 66%; margin: 0 auto; margin-top: -10%; background: #fff;text-align: center;}
.dorm .desc span {display: inline-block; margin-top: 40px; font-weight: 500; font-size: 22px; color: #222;}
.dorm .desc strong {display: block; font-weight: 500; font-size: 35px; color: #222}
.dorm .desc a {position: relative; display: inline-block; margin: 24px 0 0 0; padding: 14px 28px; background: #00baff; border-radius: 30px; font-weight: 400; font-size: 15px; color: #fff;}
.dorm .desc a:hover {background: #009fda;}
.dorm .desc a.color {background: #ff8400;}
.dorm .desc a.color:hover {background: #ce6a00;}
.dorm .desc a:after {content: ''; display: inline-block; width: 30px; height: 10px; margin: 0px 0 0 10px;  background: url('../../images/sub/arrow-dorm.png') no-repeat center top; vertical-align: middle;}

@media all and (max-width: 768px) {
  .applicationWrap {padding: 30px;}

  .dorm ul li.left,
  .dorm ul li.right {float: none; width: 100%;}
  .dorm ul li.right {margin-top: 50px;}
  .dorm .desc span {margin-top: 28px; font-size: 22px;}
  .dorm .desc strong {font-size: 32px;}
}

/* Recuruit */
.recruit .now {display: table; overflow: hidden; width: 100%; margin-bottom: 50px; border: 10px solid #edeff5; table-layout: fixed;}
.recruit .now .thumb {position: relative; display: table-cell; width: 310px; height: 320px; vertical-align: top;}
.recruit .now .thumb-img {position: absolute; width: 50%; left: 25%; bottom: 18%; z-index: 1;}
.recruit .now .thumb-img img {width: 100%; height: 100%;}
.recruit .now .desc {position: relative; display: table-cell; padding-left: 50px; vertical-align: top;}
.recruit .now .desc .title {display: block; padding-left: 30px; margin-top: 40px; margin-bottom: 25px; background: url('../../images/sub/ico-recu.png') no-repeat left center; font-weight: 500; font-size: 23px; color: #222;}
.recruit .now .desc .box-list {overflow: hidden;}
.recruit .now .desc .list {padding-left: 30px;}
.recruit .now .desc .list li {position: relative; padding-left: 14px; margin-bottom: 9px; font-weight: 400; font-size: 15px; letter-spacing: -.5px; color: #666;}
.recruit .now .desc .list.row2 {float: left; width: 50%;}
.recruit .now .desc .list.row2.space {padding-left: 0;}
.recruit .now .desc .list li::after {content: ''; position: absolute; left: 0; top: 4px; width: 3px; height: 13px; background: #0b3f7f;}
.recruit .now .desc .list li strong {margin-right: 20px; font-weight: 400; font-size: 16px; color: #01579a;}
.recruit .now .deco-text1 {position: absolute; right: 0; top: 0; z-index: -1; font-weight: 400; font-family: 'Gm'; font-weight: 500; font-size: 48px; line-height: 1; color: #f0f0f0;}
.recruit .now .deco-text2 {position: absolute; right: -13px; bottom: -20px; z-index: -1; font-weight: 500; font-size: 200px; line-height: 1; letter-spacing: -10px; color: #f0f0f0;}
.recruit .now .button {margin-top: 30px; margin-left: 30px;}
.recruit .now .button a.view {background: #0086f8;}
.recruit .now .button a.view:hover {background: #0066bd;}

.recruit .old ul {overflow: hidden;}
.recruit .old li {display: table; padding: 10px; margin-bottom: 40px; border: 1px solid #cdcdcd; table-layout: fixed;}
.recruit .old li.left {float: left; width: 48.8%; }
.recruit .old li.right {float: right; width: 48.8%;}
.recruit .old .thumb {position:relative; display: table-cell; width: 310px; height: 320px; vertical-align: top;}
.recruit .old .thumb-img {position: absolute; width: 50%; left: 25%; bottom: 18%; z-index: 1;}
.recruit .old .thumb-img img {width: 100%; height: 100%;}

.recruit .old.foreign-list .button {margin-top: 55px;}

.recruit .old .desc {display: table-cell; padding-left: 50px; vertical-align: top;}
.recruit .old .desc .uni {display: block; margin-top: 20px; font-family: 'GM'; font-weight: 400; font-size: 18px; color: #e4e4e4;}
.recruit .old .desc .year {display: block; margin: 10px 0; font-weight: 500; font-size: 50px; line-height: 1.2; color: #9e9e9e;}
.recruit .old .desc .title {display: block; padding-left: 30px; background: url(../../images/sub/ico-recu.png) no-repeat left 4px; font-weight: 500; font-size: 20px; line-height: 1.5; color: #222;}
.recruit .button {margin-top: 90px; margin-bottom: 20px;}
.recruit .button br {display: none;}
.recruit .button a {position: relative; display: inline-block; padding: 16px 25px 14px 25px; border-radius: 100px; font-weight: 400; font-size: 15px; vertical-align: middle; color: #fff; margin-top: 3px;}
.recruit .button a.view {margin-right: 30px; background: #868686;}
.recruit .button a.view::after {content: ''; display: inline-block; width: 21px; height: 21px; margin: -4px 0 0 15px; background: url('../../images/sub/ico-recu2.png'); vertical-align: middle;}
.recruit .button a.down {background: #00baff;}
.recruit .button a.down::after {content: ''; display: inline-block; width: 18px; height: 18px; margin: -4px 0 0 15px; background: url('../../images/sub/ico-recu3.png'); vertical-align: middle;}
.recruit .button a.view:hover{background: #686868;}
.recruit .button a.down:hover {background: #009ed8;}

@media all and (max-width: 1550px) {
  .recruit .old li {padding: 20px;}
  .recruit .old .thumb {display: block; width: 100%; background: url('../../images/sub/bg-recu.jpg') top center; text-align: center;}
  .recruit .old .thumb-img {width: 154px; left: 50%; margin-left: -77px;}
  .recruit .old .desc {display: block; width: 100%; padding-left: 0;}
  .recruit .old .desc .uni {font-size: 16px;}
  .recruit .old .desc .year {font-size: 40px;}
  .recruit .old .desc .title {font-size: 20px;}
  .recruit .button {margin-top: 20px;}
  .recruit .button a.view {margin-right: 10px;}
}

@media all and (max-width: 1290px ){
  .recruit .now .deco-text1,
  .recruit .now .deco-text2 {display: none;}
  .recruit .now .desc .list {padding-left: 0;}
  .recruit .now .desc .list.row2 {width: 100%;}
  .recruit .now .button {margin-left: 0; margin-bottom: 30px;}
}

@media all and (max-width: 960px) {
  .recruit .now .thumb,
  .recruit .now .desc {display: block; width: 100%;}
  .recruit .now .thumb {background: url('../../images/sub/bg-recu2.jpg') no-repeat center top; text-align: center;}
  .recruit .now .thumb-img {width: 154px; left: 50%; margin-left: -77px;}
  .recruit .now .desc {padding-left: 20px; padding-right: 20px; padding-bottom: 20px;}
}

@media all and (max-width: 930px) {
  .recruit .old li.left,
  .recruit .old li.right {float: none; width: 100%;}
}

@media all and (max-width: 600px) {
  .recruit .old li {text-align: center}
  .recruit .old .desc .title {background: none; padding-left: 0;}
  .recruit .now .desc .title {background: none; padding-left: 0;}
  .recruit .now .button {text-align: center;}
}

@media all and (max-width: 410px){
  .recruit .old .thumb {height: auto;}
  .recruit .old .thumb-img {width: 50%; left: 25%; margin-left: 0;}
}

@media all and (max-width: 390px){
  .recruit .now .thumb {height: auto;}
  .recruit .now .thumb-img {width: 50%; left: 25%; margin-left: 0;}
}

/* introduce */
.introduce {display: table; width: 100%; table-layout: fixed;}
.introduce .thumb {display: table-cell; width: 50%; vertical-align: top;}
.introduce .thumb .img {position: relative; display: inline-block;}
.introduce .thumb .img::after {content: ''; position: absolute; left: 1%; top: 1.5%; width: 98%; height: 97%; border: 1px solid #fff;}
.introduce .desc {display: table-cell; vertical-align: bottom;}
.introduce .box {position: relative; padding: 46px 66px; background: #f5f5f5;}
.introduce .box::after {content: ''; position: absolute; left: 68px; top: -113px; width: 114px; height: 113px; background: url('../../images/sub/deco-intro1.png') no-repeat center center;}
.introduce .box::before {content: ''; position: absolute; right: 0; bottom: -40px; width: 142px; height: 306px; background: url('../../images/sub/deco-intro2.png') no-repeat center center;}
.introduce .box strong {position: relative; z-index: 1; font-weight: 500; font-size: 25px; color: #222;}
.introduce .box p {position: relative; z-index: 1; padding: 20px 0 15px 0; font-weight: 500; font-size: 18px; color: #008dfa;}
.introduce .box span {position: relative; z-index: 1; font-weight: 400; font-size: 16px; color: #666;}
.introduce .box .uni {position: absolute; right: 0; top: -53px; font-size: 24px; color: #dfdfdf;}

@media all and (max-width: 1300px) {
  .introduce {background: #f5f5f5; padding: 30px;}
  .introduce .thumb,
  .introduce .desc {display: block; width: 100%;}
  .introduce .thumb {text-align: center;}
  .introduce .thumb img {display: inline-block;}
  .introduce .desc {margin-top: 80px;}
  .introduce .box {padding: 50px 0px;}
  .introduce .box::after {left: 0;}
  .introduce .box::before {right: -30px;}
  .introduce .box .uni {left: 30px; top: 6px; font-size: 19px;}
}


/* goal */
.goal {position: relative;}
.goal::after {content: ''; position: absolute; left: 0; top: 57.5%; width: 12px; height: 12px; background: #949494; border-radius: 100%;}
.goal::before {content: ''; position: absolute; right: 0; top: 57.5%; width: 12px; height: 12px; background: #949494; border-radius: 100%;}
.goal .box {position: relative;}
.goal .box::after {content: ''; position: absolute; left: 0; top: 59.5%; z-index: -1; width: 100%; height: 1px; background: #949494;}
.goal ul {position: relative; display: table; width: 100%; table-layout: fixed; padding: 0 5%;}
.goal li {display: table-cell; text-align: center; vertical-align: middle;}
.goal li strong {font-weight: 500;}
.goal .top .thumb {position: relative; padding-bottom: 30px;}
.goal .top .desc {padding-top: 31px;}
.goal .bottom .thumb {position: relative; padding-top: 30px;}
.goal .bottom .desc {padding-bottom: 28px;}

.goal .color2 {position: relative; top: 39px;}
.goal .color3 {position: relative; top: 12px;}
.goal .color4 {position: relative; top: 39px;}
.goal .color5 {position: relative; top: 24px;}
.goal .color6 {position: relative; top: 51px;}
.goal .color7 {position: relative; top: 24px;}

.goal .color1 strong {color: #a90057;}
.goal .color2 strong {color: #670461;}
.goal .color3 strong {color: #2568e2;}
.goal .color4 strong {color: #25aae2;}
.goal .color5 strong {color: #1c808f;}
.goal .color6 strong {color: #ff8400;}
.goal .color7 strong {color: #b38806;}

.goal .top .thumb::after {content: ''; position: absolute; left: 49.5%; bottom: 0; width: 1px; height: 30px;}
.goal .top .thumb::before {content: ''; position: absolute; left: 47%; bottom: -7px; width: 12px; height: 12px; border-radius: 100%;}
.goal .top.color1 .thumb::after {background: #a90057;}
.goal .top.color2 .thumb::after {background: #670461;}
.goal .top.color3 .thumb::after {background: #2568e2;}
.goal .top.color4 .thumb::after {background: #25aae2;}
.goal .top.color5 .thumb::after {background: #1c808f;}
.goal .top.color6 .thumb::after {background: #ff8400;}
.goal .top.color7 .thumb::after {background: #b38806;}

.goal .top.color1 .thumb::before {background: #a90057;}
.goal .top.color2 .thumb::before {background: #670461;}
.goal .top.color3 .thumb::before {background: #2568e2;}
.goal .top.color4 .thumb::before {background: #25aae2;}
.goal .top.color5 .thumb::before {background: #1c808f;}
.goal .top.color6 .thumb::before {background: #ff8400;}
.goal .top.color7 .thumb::before {background: #b38806;}

.goal .bottom .thumb::after {content: ''; position: absolute; left: 49.5%; top: 0; width: 1px; height: 30px;}
.goal .bottom .thumb::before {content: ''; position: absolute; left: 47%; top: -7px; width: 12px; height: 12px; border-radius: 100%;}
.goal .bottom.color1 .thumb::after {background: #a90057;}
.goal .bottom.color2 .thumb::after {background: #670461;}
.goal .bottom.color3 .thumb::after {background: #2568e2;}
.goal .bottom.color4 .thumb::after {background: #25aae2;}
.goal .bottom.color5 .thumb::after {background: #1c808f;}
.goal .bottom.color6 .thumb::after {background: #ff8400;}
.goal .bottom.color7 .thumb::after {background: #b38806;}

.goal .bottom.color1 .thumb::before {background: #a90057;}
.goal .bottom.color2 .thumb::before {background: #670461;}
.goal .bottom.color3 .thumb::before {background: #2568e2;}
.goal .bottom.color4 .thumb::before {background: #25aae2;}
.goal .bottom.color5 .thumb::before {background: #1c808f;}
.goal .bottom.color6 .thumb::before {background: #ff8400;}
.goal .bottom.color7 .thumb::before {background: #b38806;}

@media all and (max-width: 1520px) {
  .goal::after,
  .goal::before {display: none;}
  .goal ul,
  .goal li {display: block;}
  .goal ul {overflow: hidden; padding: 0;}
  .goal li {float: left; display: table; width: 33.333%;}
  .goal .box::after {display: none;}
  .goal .thumb {position: absolute !important; left: 0; top: 50%; transform: translate(0, -50%);}
  .goal .desc {display: table-cell; height: 140px; padding-left: 130px !important; text-align: left; vertical-align: middle;}
  .goal .thumb::after {display: none;}
  .goal .thumb::before {display: none;}
  .goal .top .thumb,
  .goal .top .desc,
  .goal .bottom .thumb,
  .goal .bottom .desc {padding: 0;}

  .goal .color1,
  .goal .color2,
  .goal .color3,
  .goal .color4,
  .goal .color5,
  .goal .color6,
  .goal .color7 {position: relative; top: 0;}
}

@media all and (max-width: 1090px) {
  .goal li {width: 50%;}
}

@media all and (max-width: 768px) {
  .goal .thumb {left: 50%; top: 20px; transform: translate(-50%, 0);}
  .goal .desc {height: 250px; padding-left: 0 !important; padding-top: 150px !important; text-align: center; vertical-align: top;}
}

@media all and (max-width: 550px) {
  .goal li {width: 100%;}
  .goal .desc {height: auto; padding-bottom: 30px !important; border-bottom: 1px solid #949494;}
  .goal .thumb {top: 30px;}
}

.mind {text-align: center;}
.mind li {position: relative; display: inline-block;}
.mind .color1 {margin-bottom: -38px;}
.mind .color2 {margin-right: 10px;}
.mind .color3 {margin-left: 10px;}

.mind .desc {position: absolute; width: 460px; text-align: left;}
.mind .color1 .desc {right: 50%; top: 0; padding: 20px 30px; border-top: 1px solid #949494;}
.mind .color2 .desc {right: 50%; bottom: 0; padding: 20px 30px; border-bottom: 1px solid #949494;}
.mind .color3 .desc {left: 50%; bottom: 0;  padding: 20px 0 20px 145px; border-bottom: 1px solid #949494;}

.mind .desc::after {content: ''; position: absolute; width: 12px; height: 12px; background: #949494; border-radius: 100%;}
.mind .color1 .desc::after {left: 0; top: -6px;}
.mind .color2 .desc::after {left: 0; bottom: -6px;}
.mind .color3 .desc::after {right: 0; bottom: -6px;}

.mind .desc strong {font-weight: 500; font-size: 18px;}
.mind .color1 .desc strong {color: #008dfa;}
.mind .color2 .desc strong {color: #a90057;}
.mind .color3 .desc strong {color: #ff6600;}

.mind .desc p {padding: 7px 0 5px 0; font-size: 16px; color: #003162;}
.mind .desc span {font-size: 14px; color: #666;}

@media all and (max-width: 1180px) {
  .mind ul > br {display: none;}
  .mind ul {padding-top: 20px; border-top: 2px solid #222;}
  .mind li {display: table; width: 100%; padding: 0 0 30px 0; margin: 0 0 30px 0 !important; border-bottom: 1px solid #949494; table-layout: fixed;}
  .mind .thumb {display: table-cell; width: 200px; vertical-align: top;}
  .mind .desc {display: table-cell; width: auto; position: static; border: 0 !important; padding: 20px !important; vertical-align: middle;}
  .mind .desc::after {display: none;}
}

@media all and (max-width: 600px) {
  .mind li,
  .mind .thumb,
  .mind .desc {display: block; width: 100%;}
  .mind .desc {text-align: center;}
}

/* 정보서비스 */
.infoservice-wrap {overflow: hidden;}
.infoservice-inner {float: left; width: 32.6%; padding: 5px; margin-left: 1%; margin-bottom: 20px; background: url("../../images/sub/line_bg.png");}
.infoservice-inner:first-child {margin-left: 0;}
.infoservice-inner a {display: block;}
.infoservice-inner dl {padding: 25px 4%; background: #fff; overflow: hidden;}
.infoservice-inner dt {float: left; width: 33%;}
.infoservice-inner dt .infoservice-icon {display: inline-block;}
.infoservice-inner dt .infoservice-icon img {width: 100%;}
.infoservice-inner dt .infoservice-icon.style1 {background: url("../../images/sub/service_bg1.png") no-repeat center; background-size: contain;}
.infoservice-inner dt .infoservice-icon.style2 {background: url("../../images/sub/service_bg2.png") no-repeat center; background-size: contain;}
.infoservice-inner dt .infoservice-icon.style3 {background: url("../../images/sub/service_bg3.png") no-repeat center; background-size: contain;}
.infoservice-inner dd {float: left; width: 67%; padding-top: 20px;}
.infoservice-inner dd .title {font-size: 20px; color: #222222; font-weight: 500; margin-bottom: 5px;}
.infoservice-inner dd .info {font-size: 16px; line-height: 30px; letter-spacing: -0.5px; color: #666666; font-weight: 400;}

@media all and (max-width: 1023px){
  .infoservice-inner dt {float: none; width: 100%; text-align: center;}
  .infoservice-inner dd {float: none; width: 100%;}
}

@media all and (max-width: 768px){
  .infoservice-inner {float: none; width: 100%; margin-left: 0;}
  .infoservice-inner dt {float: left; width: 33%;}
  .infoservice-inner dd {float: left; width: 67%; padding-top: 20px;}
}

/* 조직도 */
.org-top-bx {max-width: 810px; margin: 0 auto;}
.org-top-top {position: relative; max-width: 196px; margin: 0 auto; padding-bottom: 150px;}
.org-top-top::before {content: ""; position: absolute; width: 1px; height: 100%; background: #BCBCBC; left: 50%; top: 0; }
.org-top-top::after {content: ""; position: absolute; width: 8px; height: 8px; background: #bcbcbc; border-radius: 50%; left: 50%; margin-left: -4px; bottom: 0px;}
.org-top-top a {position: relative; z-index: 2; display: block; height: 213px; line-height: 200px; background: url("../../images/sub/org_top.png") no-repeat center;}
.org-top-top a p {text-align: center; font-size: 22px; color: #fff; font-weight: 500; letter-spacing: -0.75px;}
.org-top-top a p span {position: relative; display: inline-block;  line-height: 1.4;}
.org-top-top a p span::before {content: ""; position: absolute; width: 0; height: 1px; background: #fff; left: 0; bottom: -2px; transition: width 0.3s;}
.org-top-top a:hover p span::before {width: 100%;}

.org-top-bottom {position: relative; overflow: hidden; margin-top: -109px;}

.org-top-bottom-inner {position: relative; float: left; width: 50%;}
.org-top-bottom-inner:last-child ul {float: right; text-align: right;}
.org-top-bottom-inner ul {position: relative; display: block; max-width: 260px;}
.org-top-bottom-inner ul li {position: relative; margin-top: 15px;}
.org-top-bottom-inner ul li:first-child {margin-top: 0;}
.org-top-bottom-inner ul li a {position: relative; z-index: 2; display: table; text-align: center; width: 230px; border-radius: 0 20px 20px 20px; font-size: 18px; color: #fff; font-weight: 400;}
.org-top-bottom-inner ul li.bg-style1 a {background: url("../../images/sub/org_bg1.jpg");}
.org-top-bottom-inner ul li.bg-style2 a {background: url("../../images/sub/org_bg2.jpg");}
.org-top-bottom-inner ul li a p {position: relative; display: table-cell; height: 60px; vertical-align: middle; padding: 0 5px;}
.org-top-bottom-inner ul li a p span {position: relative; display: inline-block;}
.org-top-bottom-inner ul li a p span::before {content: ""; position: absolute; width: 0; height: 1px; background: #fff; left: 0; bottom: -2px; transition: width 0.3s;}

.org-top-bottom::before {content: ""; position: absolute; width: calc(100% - 260px); height: 1px; background: #bcbcbc; right: 0; top: 50%;}

.bottom-style1 {margin-top: 37px;}
.bottom-style1 ul::before {content: ""; position: absolute; width: 1px; height: 55%; top: 23%; right: 0; background: #bdbdbc;}
.bottom-style1 ul li {position: relative; padding-right: 30px;}
.bottom-style1 ul li::before {content: ""; position: absolute; width: 100%; height: 1px; background: #bcbcbc; right: 0; top: 50%; z-index: 1;}

.bottom-style2::before {content: ""; position: absolute; width: 100%; height: 1px; background: #bcbcbc; left: 0; top: 50%;}
.bottom-style2 ul::before {content: ""; position: absolute; width: 1px; height: 71.5%; top: 14.5%; left: 0; background: #bdbdbc;}
.bottom-style2 ul li {position: relative; padding-left: 30px;}
.bottom-style2 ul li::before {content: ""; position: absolute; width: 100%; height: 1px; background: #bcbcbc; left: 0; top: 50%; z-index: 1;}

.org-top-bottom-inner ul li a:hover p span::before {width: 100%;}

.org-content a {word-break: break-all;}
.org-content .org-bx {overflow: hidden; margin-top: 50px;}
.org-content .org-bx .org-title {float: left; width: 120px;}
.org-content .org-bx .org-title p {display: table; width: 100%; font-size: 20px; line-height: 27px; text-align: center; color: #fff; font-weight: 500;}
.org-content .org-bx .org-title p a {color: #fff;}
.org-content .org-bx .org-title p span {display: table-cell; width: 100%; height: 137px; vertical-align: middle;}
.org-content .org-bx-list {float: left; width: calc(100% - 120px); padding-top: 40px;}
.list-style1 .org-title {background: url("../../images/sub/org_title_bg1.png") no-repeat center top;}
.list-style2 .org-title {background: url("../../images/sub/org_title_bg1.png") no-repeat center top;}
.list-style3 .org-title {background: url("../../images/sub/org_title_bg2.png") no-repeat center top;}
.list-style4 .org-title {background: url("../../images/sub/org_title_bg2.png") no-repeat center top;}
.list-style5 .org-title {background: url("../../images/sub/org_title_bg3.png") no-repeat center top;}
.list-style6 .org-title {background: url("../../images/sub/org_title_bg3.png") no-repeat center top;}
.list-style7 .org-title {background: url("../../images/sub/org_title_bg4.png") no-repeat center top;}

.list-style1 .org-bx-list-wrap {position: relative; padding-left: 2%;}
.list-style1 .org-bx-list-wrap:first-child::before {content: ""; position: absolute; width: 30px; height: 1px; background: #bcbcbc; left: 0; top: 30px;}
.list-style1 .org-bx-list-wrap:first-child::after {content: ""; position: absolute; width: 1px; height: 100%; background: #bcbcbc; left: 2%; top: 30px;}
.list-style1 .org-bx-list-wrap > ul {position: relative; z-index: 2; overflow: hidden;}
.list-style1 .org-bx-list-wrap > ul > li {position: relative; float: left; width: 16.66%; padding-left: 3%; padding-bottom: 20px;}
.list-style1 .org-bx-list-wrap > ul > li::before {content: ""; position: absolute; width: 100%; height: 1px; background: #BCBCBC; left: 0; top: 30px;}
.list-style1 .org-bx-list-wrap > ul > li:first-child {padding-left: 2%;}
.list-style1 .org-bx-list-wrap > ul > li .orb-bx-list-inner {position: relative; z-index: 2;}
.list-style1 .org-bx-list-wrap > ul > li .title {font-size: 16px; color: #fff; font-weight: 400; background: url("../../images/sub/org_bg3.jpg"); border-radius: 0 20px 0 0; padding: 16px 0; text-align: center;}
.list-style1 .org-bx-list-wrap > ul > li ul {border: 1px solid #bcbcbc; border-top: 0; border-radius: 0 0 20px 20px; padding: 10px 10px 15px; text-align: center; min-height: 80px;}
.list-style1 .org-bx-list-wrap > ul > li ul li {padding: 2px 0;}
.list-style1 .org-bx-list-wrap > ul > li ul li a {position: relative; display: inline-block; font-size: 14px; color: #666666; font-weight: 400;}
.list-style1 .org-bx-list-wrap > ul > li ul li a::before {content: ""; position: absolute; z-index: 1; width: 0; height: 1px; background: #222; left: 0; bottom: 1px; transition: width 0.3s;}
.list-style1 .org-bx-list-wrap > ul > li ul li a::after {content: ""; position: absolute; z-index: 1; width: 15px; height: 15px; background: #D7D7D7; right: -7px; top: -2px; border-radius: 50%; opacity: 0; transition: opacity 0.3s;}
.list-style1 .org-bx-list-wrap > ul > li ul li a span {position: relative; z-index: 2; display: inline-block;}
.list-style1 .org-bx-list-wrap > ul > li ul li:hover a {color: #222222;}
.list-style1 .org-bx-list-wrap > ul > li ul li:hover a::before {width: 100%;}
.list-style1 .org-bx-list-wrap > ul > li ul li:hover a::after {opacity: 1;}

.list-style1 .org-bx-list-wrap:first-child > ul > li ul {min-height: 110px;}

/* .list-style2 .org-bx-list-wrap {position: relative; padding-left: 2%;}
.list-style2 .org-bx-list-wrap:first-child::before {content: ""; position: absolute; width: 30px; height: 1px; background: #bcbcbc; left: 0; top: 30px;}
.list-style2 .org-bx-list-wrap > ul {position: relative; z-index: 2; overflow: hidden;}
.list-style2 .org-bx-list-wrap > ul > li {position: relative;}
.list-style2 .org-bx-list-wrap > ul > li::before {content: ""; position: absolute; width: 100%; height: 1px; background: #BCBCBC; left: 0; top: 30px;}
.list-style2 .org-bx-list-wrap > ul > li:first-child {padding-left: 2%;}

.list-style2 .org-bx-list-wrap > ul > li .orb-bx-list-inner {position: relative; z-index: 2;}
.list-style2 .org-bx-list-wrap > ul > li .title {font-size: 16px; color: #fff; font-weight: 400; background: url("../images/org_bg3.jpg"); border-radius: 0 20px 0 0; padding: 21px 0; text-align: center;}
.list-style2 .org-bx-list-wrap > ul > li ul {border: 1px solid #bcbcbc; border-top: 0; border-radius: 0 0 20px 20px; padding: 10px 10px 15px; text-align: center; overflow: hidden;}
.list-style2 .org-bx-list-wrap > ul > li ul li {float: left; width: 16.66%; padding: 7px 0;}
.list-style2 .org-bx-list-wrap > ul > li ul li a {position: relative; display: inline-block; font-size: 14px; color: #666666; font-weight: 400;}
.list-style2 .org-bx-list-wrap > ul > li ul li a::before {content: ""; position: absolute; z-index: 1; width: 0; height: 1px; background: #222; left: 0; bottom: -2px; transition: width 0.3s;}
.list-style2 .org-bx-list-wrap > ul > li ul li a::after {content: ""; position: absolute; z-index: 1; width: 15px; height: 15px; background: #D7D7D7; right: -7px; top: -7px; border-radius: 50%; opacity: 0; transition: opacity 0.3s;}
.list-style2 .org-bx-list-wrap > ul > li ul li a span {position: relative; z-index: 2; display: inline-block;}
.list-style2 .org-bx-list-wrap > ul > li ul li:hover a {color: #222222;}
.list-style2 .org-bx-list-wrap > ul > li ul li:hover a::before {width: 100%;}
.list-style2 .org-bx-list-wrap > ul > li ul li:hover a::after {opacity: 1;} */

.list-style2 .org-bx-list-wrap {position: relative; padding-left: 2%;}
.list-style2 .org-bx-list-wrap:first-child::before {content: ""; position: absolute; width: 30px; height: 1px; background: #bcbcbc; left: 0; top: 30px;}
.list-style2 .org-bx-list-wrap::after {content: ""; position: absolute; width: 1px; height: 100%; background: #bcbcbc; left: 2%; top: 30px;}
.list-style2 .org-bx-list-wrap:last-child::after {height: 30px; top: 0;}
.list-style2 .org-bx-list-wrap > ul {position: relative; z-index: 2; overflow: hidden;}
.list-style2 .org-bx-list-wrap > ul > li {position: relative; float: left; width: 16.66%; padding-left: 3%; padding-bottom: 20px;}
.list-style2 .org-bx-list-wrap > ul > li::before {content: ""; position: absolute; width: 100%; height: 1px; background: #BCBCBC; left: 0; top: 30px;}
.list-style2 .org-bx-list-wrap > ul > li:first-child {padding-left: 2%;}
.list-style2 .org-bx-list-wrap > ul > li .orb-bx-list-inner {position: relative; z-index: 2;}
.list-style2 .org-bx-list-wrap > ul > li a {display: table; width: 100%; height: 60px; font-size: 16px; line-height: 20px; color: #fff; font-weight: 400; background: url("../../images/sub/org_bg3.jpg"); border-radius: 0 20px 20px 20px; padding: 10px 0; text-align: center;}
.list-style2 .org-bx-list-wrap > ul > li .title {display: table-cell; vertical-align: middle;}
.list-style2 .org-bx-list-wrap > ul > li .title span {position: relative; display: inline-block;}
.list-style2 .org-bx-list-wrap > ul > li .title span::before {content: ""; position: absolute; width: 0; bottom: -3px; left: 0; height: 1px; background: #fff; transition: width 0.3s;}

.list-style2 .org-bx-list-wrap > ul > li a:hover .title span::before {width: 100%;}


.list-style3 .org-bx-list-wrap {position: relative; padding-left: 2%;}
.list-style3 .org-bx-list-wrap:first-child::before {content: ""; position: absolute; width: 30px; height: 1px; background: #bcbcbc; left: 0; top: 30px;}
.list-style3 .org-bx-list-wrap > ul {position: relative; z-index: 2; overflow: hidden;}
.list-style3 .org-bx-list-wrap > ul > li {position: relative; float: left; width: 16.66%; padding-left: 3%; padding-bottom: 20px;}
.list-style3 .org-bx-list-wrap > ul > li::before {content: ""; position: absolute; width: 100%; height: 1px; background: #BCBCBC; left: 0; top: 30px;}
.list-style3 .org-bx-list-wrap > ul > li:first-child {padding-left: 2%;}
.list-style3 .org-bx-list-wrap > ul > li .orb-bx-list-inner {position: relative; z-index: 2;}
.list-style3 .org-bx-list-wrap > ul > li a {display: table; width: 100%; height: 60px; font-size: 16px; line-height: 20px; color: #fff; font-weight: 400; background: url("../../images/sub/org_bg4.jpg"); border-radius: 0 20px 20px 20px; padding: 10px 0; text-align: center;}
.list-style3 .org-bx-list-wrap > ul > li .title {display: table-cell; vertical-align: middle;}
.list-style3 .org-bx-list-wrap > ul > li .title span {position: relative; display: inline-block;}
.list-style3 .org-bx-list-wrap > ul > li .title span::before {content: ""; position: absolute; width: 0; bottom: -3px; left: 0; height: 1px; background: #fff; transition: width 0.3s;}

.list-style3 .org-bx-list-wrap > ul > li a:hover .title span::before {width: 100%;}


.list-style4 .org-bx-list-wrap {position: relative; padding-left: 2%;}
.list-style4 .org-bx-list-wrap:first-child::before {content: ""; position: absolute; width: 30px; height: 1px; background: #bcbcbc; left: 0; top: 30px;}
.list-style4 .org-bx-list-wrap:first-child::after {content: ""; position: absolute; width: 1px; height: 100%; background: #bcbcbc; left: 2%; top: 30px;}
.list-style4 .org-bx-list-wrap > ul {position: relative; z-index: 2; overflow: hidden;}
.list-style4 .org-bx-list-wrap > ul > li {position: relative; float: left; width: 16.66%; padding-left: 3%; padding-bottom: 20px;}
.list-style4 .org-bx-list-wrap > ul > li::before {content: ""; position: absolute; width: 100%; height: 1px; background: #BCBCBC; left: 0; top: 30px;}
.list-style4 .org-bx-list-wrap > ul > li:first-child {padding-left: 2%;}
.list-style4 .org-bx-list-wrap > ul > li .orb-bx-list-inner {position: relative; z-index: 2;}
.list-style4 .org-bx-list-wrap > ul > li a {display: table; width: 100%; height: 60px; font-size: 16px; line-height: 20px; color: #fff; font-weight: 400; background: url("../../images/sub/org_bg4.jpg"); border-radius: 0 20px 20px 20px; padding: 10px 0; text-align: center;}
.list-style4 .org-bx-list-wrap > ul > li .title {display: table-cell; vertical-align: middle;}
.list-style4 .org-bx-list-wrap > ul > li .title span {position: relative; display: inline-block;}
.list-style4 .org-bx-list-wrap > ul > li .title span::before {content: ""; position: absolute; width: 0; bottom: -3px; left: 0; height: 1px; background: #fff; transition: width 0.3s;}

.list-style4 .org-bx-list-wrap > ul > li a:hover .title span::before {width: 100%;}

.list-style5 .org-bx-list-wrap {position: relative; padding-left: 2%;}
.list-style5 .org-bx-list-wrap:first-child::before {content: ""; position: absolute; width: 30px; height: 1px; background: #bcbcbc; left: 0; top: 30px;}
.list-style5 .org-bx-list-wrap > ul {position: relative; z-index: 2; overflow: hidden;}
.list-style5 .org-bx-list-wrap > ul > li {position: relative; float: left; width: 16.66%; padding-left: 3%; padding-bottom: 20px;}
.list-style5 .org-bx-list-wrap > ul > li::before {content: ""; position: absolute; width: 100%; height: 1px; background: #BCBCBC; left: 0; top: 30px;}
.list-style5 .org-bx-list-wrap > ul > li:first-child {padding-left: 2%;}
.list-style5 .org-bx-list-wrap > ul > li .orb-bx-list-inner {position: relative; z-index: 2;}
.list-style5 .org-bx-list-wrap > ul > li a {display: table; width: 100%; height: 60px; font-size: 16px; line-height: 20px; color: #fff; font-weight: 400; background: url("../../images/sub/org_bg5.jpg"); border-radius: 0 20px 20px 20px; padding: 10px 0; text-align: center;}
.list-style5 .org-bx-list-wrap > ul > li .title {display: table-cell; vertical-align: middle;}
.list-style5 .org-bx-list-wrap > ul > li .title span {position: relative; display: inline-block;}
.list-style5 .org-bx-list-wrap > ul > li .title span::before {content: ""; position: absolute; width: 0; bottom: -3px; left: 0; height: 1px; background: #fff; transition: width 0.3s;}

.list-style5 .org-bx-list-wrap > ul > li a:hover .title span::before {width: 100%;}

.list-style6 .org-bx-list-wrap {position: relative; padding-left: 2%;}
.list-style6 .org-bx-list-wrap:first-child::before {content: ""; position: absolute; width: 30px; height: 1px; background: #bcbcbc; left: 0; top: 30px;}
.list-style6 .org-bx-list-wrap::after {content: ""; position: absolute; width: 1px; height: 100%; background: #bcbcbc; left: 2%; top: 30px;}
.list-style6 .org-bx-list-wrap:last-child::after {height: 30px; top: 0;}
.list-style6 .org-bx-list-wrap > ul {position: relative; z-index: 2; overflow: hidden;}
.list-style6 .org-bx-list-wrap > ul > li {position: relative; float: left; width: 16.66%; padding-left: 3%; padding-bottom: 20px;}
.list-style6 .org-bx-list-wrap > ul > li::before {content: ""; position: absolute; width: 100%; height: 1px; background: #BCBCBC; left: 0; top: 30px;}
.list-style6 .org-bx-list-wrap > ul > li:first-child {padding-left: 2%;}
.list-style6 .org-bx-list-wrap > ul > li .orb-bx-list-inner {position: relative; z-index: 2;}
.list-style6 .org-bx-list-wrap > ul > li a {display: table; width: 100%; height: 60px; font-size: 16px; line-height: 20px; color: #fff; font-weight: 400; background: url("../../images/sub/org_bg5.jpg"); border-radius: 0 20px 20px 20px; padding: 10px 0; text-align: center;}
.list-style6 .org-bx-list-wrap > ul > li .title {display: table-cell; vertical-align: middle;}
.list-style6 .org-bx-list-wrap > ul > li .title span {position: relative; display: inline-block;}
.list-style6 .org-bx-list-wrap > ul > li .title span::before {content: ""; position: absolute; width: 0; bottom: -3px; left: 0; height: 1px; background: #fff; transition: width 0.3s;}

.list-style6 .org-bx-list-wrap > ul > li a:hover .title span::before {width: 100%;}


.list-style7 .org-bx-list-wrap {position: relative; padding-left: 2%;}
.list-style7 .org-bx-list-wrap:first-child::before {content: ""; position: absolute; width: 30px; height: 1px; background: #bcbcbc; left: 0; top: 30px;}
.list-style7 .org-bx-list-wrap > ul {position: relative; z-index: 2; overflow: hidden;}
.list-style7 .org-bx-list-wrap > ul > li {position: relative; float: left; width: 16.66%; padding-left: 3%; padding-bottom: 20px;}
.list-style7 .org-bx-list-wrap > ul > li::before {content: ""; position: absolute; width: 100%; height: 1px; background: #BCBCBC; left: 0; top: 30px;}
.list-style7 .org-bx-list-wrap > ul > li:first-child {padding-left: 2%;}
.list-style7 .org-bx-list-wrap > ul > li .orb-bx-list-inner {position: relative; z-index: 2;}
.list-style7 .org-bx-list-wrap > ul > li a {display: table; width: 100%; height: 60px; font-size: 16px; line-height: 20px; color: #fff; font-weight: 400; background: url("../../images/sub/org_bg6.jpg"); border-radius: 0 20px 20px 20px; padding: 10px 0; text-align: center;}
.list-style7 .org-bx-list-wrap > ul > li .title {display: table-cell; vertical-align: middle;}
.list-style7 .org-bx-list-wrap > ul > li .title span {position: relative; display: inline-block;}
.list-style7 .org-bx-list-wrap > ul > li .title span::before {content: ""; position: absolute; width: 0; bottom: -3px; left: 0; height: 1px; background: #fff; transition: width 0.3s;}

.list-style7 .org-bx-list-wrap > ul > li a:hover .title span::before {width: 100%;}

/* 조직도 팝업 */
.org-popup-wrap {opacity: 0; visibility: hidden; position: fixed; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; transition: opacity 0.5s;}
.org-popup-wrap.on {opacity: 1; visibility: visible;}
.org-popup-table {display: table; width: 100%; height: 100%;}
.org-popup-cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.org-content-wrap {padding: 0 50px;}
.org-content-bx {max-width: 1000px; margin: 0 auto;}
.org-content-bx .org-title {position: relative; padding: 15px 55px 15px 3%; background: url("../../images/sub/guide_bg_1.jpg");}
.org-content-bx .org-title::after {content: ""; display: block; clear: both;}
.org-content-bx .org-title p {float: left; font-size: 26px; line-height: 52px; font-weight: 500; color: #fff; letter-spacing: -0.75px;}
.org-content-bx .right-box {float: right;}
.org-content-bx .org-title .btn-style.round-ico.type3 {float: left; background: none; border: 1px solid #fff; }
.org-content-bx .org-title .btn-style.round-ico.type3:first-child {margin-right: 10px;}
.org-content-bx .org-title .btn-style.round-ico.type3:hover {text-decoration: underline;}
.org-content-bx .org-title .org-popup-close {position: absolute; right: -40px; top: -40px; display: block; background: rgba(255, 132, 0, 0.5); border-radius: 50%; text-align: center; width: 90px; height: 90px; padding: 10px; border: 0;}
.org-content-bx .org-title .org-popup-close button {display: block; border-radius: 50%; width: 100%; height: 100%; background: #FF8400 url("../../images/button/btn_popupbanner_close.png") no-repeat center; transform: rotate(0); transition: transform 0.5s; text-indent: -9999px;}
.org-content-bx .org-title .org-popup-close:hover button {transform: rotate(270deg);}
.org-content-bx .org-content-inner {max-height: 485px; overflow-y: auto;}
.org-content-bx .org-content-inner::-webkit-scrollbar {width: 5px;}
.org-content-bx .org-content-inner::-webkit-scrollbar-thumb {background-color: #AE0054;border-radius: 9px;}
.org-content-bx .org-content-inner::-webkit-scrollbar-track {background-color: #E2E2E2;border-radius: 9px;}

.org-content-bx .org-content {background: #fff url("../../images/sub/org_bg.png") no-repeat right bottom; padding: 30px 3%; text-align: left;}
.org-content-bx .org-content .objHeading_h3 {margin-top: 0;}
.org-content-bx .org-content ul {overflow: hidden;}
.org-content-bx .org-content ul li {display: inline-block; vertical-align: top; width: 49.5%; padding-right: 10px;}
.org-content-bx .org-content ul li:first-child {width: 100%;}

@media all and (max-width: 1023px){
  .org-content-bx .org-content ul li {width: 50%;}
  .org-content-bx .org-title {text-align: left;}
  .org-content-bx .org-title p {float: none; }
  .org-content-bx .right-box {float: none;}
  .org-content-bx .org-title .btn-style.round-ico.type3 {}

  .list-style1 .org-bx-list-wrap > ul > li {width: 33.33%;}
  /* .list-style2 .org-bx-list-wrap > ul > li ul li {width: 33.33%;} */
  .list-style2 .org-bx-list-wrap > ul > li {width: 33.33%;}
  .list-style2 .org-bx-list-wrap:last-child::after {height: calc(100% - 50px);}
  .list-style3 .org-bx-list-wrap > ul > li {width: 33.33%;}
  .list-style3 .org-bx-list-wrap::after {content: ""; position: absolute; width: 1px; height: calc(100% - 80px); background: #bcbcbc; left: 2%; top: 30px;}
  .list-style4 .org-bx-list-wrap > ul > li {width: 33.33%;}
  .list-style4 .org-bx-list-wrap:last-child::after {content: ""; position: absolute; width: 1px; height: calc(100% - 80px); background: #bcbcbc; left: 2%; top: 30px;}
  .list-style5 .org-bx-list-wrap > ul > li {width: 33.33%;}
  .list-style5 .org-bx-list-wrap > ul > li:nth-child(4)::after {content: ""; position: absolute; width: 1px; background: #bcbcbc; height: 100%; left: 0; bottom: 50px;}
  .list-style6 .org-bx-list-wrap > ul > li {width: 33.33%;}
  .list-style6 .org-bx-list-wrap:last-child::after {height: calc(100% - 50px);}
  .list-style7 .org-bx-list-wrap > ul > li {width: 50%;}
  .list-style7 .org-bx-list-wrap::after {content: ""; position: absolute; width: 1px; height: calc(100% - 80px); background: #bcbcbc; left: 2%; top: 30px;}
}

@media all and (max-width: 768px){
  .org-top-bottom {margin-top: -110px;}
  /* .org-top-bottom::before {width: calc(70% - 30px);} */
  .bottom-style1 {margin-top: 37px;}
  .bottom-style1::before {content: ""; position: absolute; width: 30%; height: 1px; right: 0; top: 50%; background: #bcbcbc;}

  .org-top-bottom-inner:last-child {}
  .org-top-bottom-inner ul {float: right; display: block; width: 70%;}
  .org-top-bottom-inner:first-child ul {float: left;}
  .org-top-bottom-inner ul li a {width: 100%; font-size: 15px;}
  .org-top-bottom-inner ul li a p {}

  .org-content .org-bx .org-title {float: none; margin: 0 auto;}
  .org-content .org-bx-list {position: relative; float: none; width: 100%; padding-top: 20px;}
  .org-content .org-bx-list::before {content: ""; display: none; position: absolute; width: 1px; background: #bcbcbc; left: 50%; top: 0; height: 35px; }
  .org-content .org-bx-list::after {content: ""; display: none;  position: absolute; width: 10px; background: #bcbcbc; border-radius: 50%; left: 50%; margin-left: -5px; top: 35px; height: 10px; z-index: 2;}

  .list-style1 .org-bx-list-wrap {padding-left: 0;}
  .list-style1 .org-bx-list-wrap:first-child::before {display: none;}
  .list-style1 .org-bx-list-wrap:first-child::after {display: none;}
  .list-style1 .org-bx-list-wrap > ul > li {padding-left: 0; padding: 0 1%; padding-bottom: 10px;}
  .list-style1 .org-bx-list-wrap > ul > li:first-child {padding-left: 1%;}
  .list-style1 .org-bx-list-wrap > ul > li::before {display: none;}

  /* .list-style2 .org-bx-list-wrap {padding-left: 0;}
  .list-style2 .org-bx-list-wrap > ul > li:first-child {padding-left: 0;}
  .list-style2 .org-bx-list-wrap:first-child::before {display: none;}
  .list-style4 .org-bx-list-wrap:last-child::after {display: none;} */

  .list-style2 .org-bx-list-wrap {padding-left: 0;}
  .list-style2 .org-bx-list-wrap::after {display: none;}
  .list-style2 .org-bx-list-wrap:first-child::before {display: none;}
  .list-style2 .org-bx-list-wrap:first-child::after {display: none;}
  .list-style2 .org-bx-list-wrap > ul > li {padding-left: 0; padding: 0 1%; padding-bottom: 10px;}
  .list-style2 .org-bx-list-wrap > ul > li:first-child {padding-left: 1%;}
  .list-style2 .org-bx-list-wrap > ul > li::before {display: none;}

  .list-style3 .org-bx-list-wrap {padding-left: 0;}
  .list-style3 .org-bx-list-wrap:first-child::before {display: none;}
  .list-style3 .org-bx-list-wrap:first-child::after {display: none;}
  .list-style3 .org-bx-list-wrap > ul > li {padding-left: 0; padding: 0 1%; padding-bottom: 10px;}
  .list-style3 .org-bx-list-wrap > ul > li:first-child {padding-left: 1%;}
  .list-style3 .org-bx-list-wrap > ul > li::before {display: none;}

  .list-style4 .org-bx-list-wrap {padding-left: 0;}
  .list-style4 .org-bx-list-wrap:first-child::before {display: none;}
  .list-style4 .org-bx-list-wrap:first-child::after {display: none;}
  .list-style4 .org-bx-list-wrap > ul > li {padding-left: 0; padding: 0 1%; padding-bottom: 10px;}
  .list-style4 .org-bx-list-wrap > ul > li:first-child {padding-left: 1%;}
  .list-style4 .org-bx-list-wrap > ul > li::before {display: none;}

  .list-style5 .org-bx-list-wrap {padding-left: 0;}
  .list-style5 .org-bx-list-wrap:first-child::before {display: none;}
  .list-style5 .org-bx-list-wrap:first-child::after {display: none;}
  .list-style5 .org-bx-list-wrap > ul > li {padding-left: 0; padding: 0 1%; padding-bottom: 10px;}
  .list-style5 .org-bx-list-wrap > ul > li:first-child {padding-left: 1%;}
  .list-style5 .org-bx-list-wrap > ul > li::before {display: none;}
  .list-style5 .org-bx-list-wrap > ul > li:nth-child(4)::after {display: none;}

  .list-style6 .org-bx-list-wrap {padding-left: 0;}
  .list-style6 .org-bx-list-wrap::after {display: none;}
  .list-style6 .org-bx-list-wrap:first-child::before {display: none;}
  .list-style6 .org-bx-list-wrap:first-child::after {display: none;}
  .list-style6 .org-bx-list-wrap > ul > li {padding-left: 0; padding: 0 1%; padding-bottom: 10px;}
  .list-style6 .org-bx-list-wrap > ul > li:first-child {padding-left: 1%;}
  .list-style6 .org-bx-list-wrap > ul > li::before {display: none;}

  .list-style7 .org-bx-list-wrap {padding-left: 0;}
  .list-style7 .org-bx-list-wrap::after {display: none;}
  .list-style7 .org-bx-list-wrap:first-child::before {display: none;}
  .list-style7 .org-bx-list-wrap:first-child::after {display: none;}
  .list-style7 .org-bx-list-wrap > ul > li {width: 100%; padding-left: 0; padding: 0 1%; padding-bottom: 10px;}
  .list-style7 .org-bx-list-wrap > ul > li:first-child {padding-left: 1%;}
  .list-style7 .org-bx-list-wrap > ul > li::before {display: none;}

  .org-content-bx .org-content ul li {width: 100%;}
  .org-content .long .org-bx-list-wrap > ul > li {width: 100%;}
}

@media all and (max-width: 500px){
  .org-top-bottom-inner ul {width: 90%;}
  .bottom-style1::before {width: 10%;}

  .list-style1 .org-bx-list-wrap > ul > li {width: 50%;}
  /* .list-style2 .org-bx-list-wrap > ul > li ul li {width: 50%;} */
  .list-style2 .org-bx-list-wrap > ul > li {width: 50%;}
  .list-style3 .org-bx-list-wrap > ul > li {width: 50%;}
  .list-style4 .org-bx-list-wrap > ul > li {width: 50%;}
  .list-style5 .org-bx-list-wrap > ul > li {width: 50%;}
  .list-style6 .org-bx-list-wrap > ul > li {width: 50%;}
}

/* 산학협력 통합정보시스템 */
.btn-title::after {content: ""; display: block; clear: both;}
.btn-title h2 {float: left;}
.btn-title a {float: right;}

@media all and (max-width: 1023px){
  .btn-title h2 {width: 100%;}
  .btn-title a {margin-top: 5px;}
}

@media all and (max-width: 768px){
  .btn-title.mt65 {margin-top: 35px;}
  .btn-title h2 {float: none;}
  .btn-title a {float: none;}
}

.arith-bx {max-width: 1500px; margin: 0 auto; margin-top: 10px;}
.arith-slice-txt {background: url("../../images/sub/arith_bg1.jpg"); padding: 7px; border-radius: 40px;}
.arith-slice-txt.style1 {margin-bottom: 30px;}
.arith-slice-txt-inner {background: #fff; border-radius: 40px; overflow: hidden;}
.arith-slice-txt-inner dl {display: table; width: 100%;}
.arith-slice-txt-inner dt {position: relative; display: table-cell; width: 23%; vertical-align: middle; text-align: center; height: 65px;}
.arith-slice-txt-inner dt::before {content: ""; position: absolute; width: 100%; min-height: 65px; height: 100%; background: #C9BC9C; left: -10px; top: 0; transform: skewX(-35deg); z-index: 1;}
.arith-slice-txt.style1 dt::before {background: #C9BC9C;}
.arith-slice-txt.style2 dt::before {background: #B5B5B6;}
.arith-slice-txt-inner dt p {position: relative; z-index: 2; font-size: 18px; color: #fff; font-weight: 500;}
.arith-slice-txt-inner dd {display: table-cell; width: 77%; vertical-align: middle; text-align: center; font-size: 18px; color: #666666; font-weight: 500;}

.arith-list-wrap {position: relative; padding-top: 40px;}
.arith-list-wrap::before {content: ""; position: absolute; width: 1px; height: 40px; left: 50%; background: #BCBCBC; top: 0; }
.arith-list-wrap::after {content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #bcbcbc; left: 50%; margin-left: -5px; top: 35px;}
.arith-list-wrapper {position: relative; margin: 0 -3%;}
.arith-list-wrapper::before {content: ""; position: absolute; width: 66.6%; height: 1px; left: 16.7%; top: 0; background: #bcbcbc;}
.arith-list-wrapper::after {content: ""; display: block; clear: both;}
.arith-list-inner {position: relative; float: left; padding: 0 3%; padding-top: 40px; width: 33.33%;}
.arith-list-inner.num1::before, .arith-list-inner.num3::before {content: ""; position: absolute; width: 1px; height: 40px; background: #bcbcbc; left: 50%; top: 0;}

.arith-num {position: relative; border-radius: 20px 20px 0 0; border: 3px solid; border-bottom: 0; padding: 20px 0; overflow: hidden; text-align: center;}
.arith-num::before {content: ""; position: absolute; font-size: 72px; font-weight: 500; left: -20px; top: -10px;}
.arith-num p {font-size: 18px; line-height: 24px; font-weight: 500;}
.arith-num p span {display: block;}
.arith-list-inner.num1 .arith-num {border-color: #EB51A1;}
.arith-list-inner.num1 .arith-num::before {content: "01"; color: rgba(169, 0, 87, 0.2);}
.arith-list-inner.num1 .arith-num p {color: #a90057;}
.arith-list-inner.num2 .arith-num {border-color: #53A3EB;}
.arith-list-inner.num2 .arith-num::before {content: "02"; color: rgba(0, 141, 250, 0.2);}
.arith-list-inner.num2 .arith-num p {color: #008dfa;}
.arith-list-inner.num3 .arith-num {border-color: #E89451;}
.arith-list-inner.num3 .arith-num::before {content: "03"; color: rgba(255, 102, 0, 0.2);}
.arith-list-inner.num3 .arith-num p {color: #ff6600;}

.arith-info {padding: 20px 6%; min-height: 155px; border-radius: 20px;}
.arith-info .num-list li {color: #fff; line-height: 28px;}
.arith-info .num-list li .num {background: #fff;}
.arith-list-inner.num1 .arith-info {background: url("../../images/sub/arith_bg2.jpg");}
.arith-list-inner.num1 .arith-info .num-list li .num  {color: #a90057;}
.arith-list-inner.num2 .arith-info {background: url("../../images/sub/arith_bg3.jpg");}
.arith-list-inner.num2 .arith-info .num-list li .num  {color: #0067c3;}
.arith-list-inner.num3 .arith-info {background: url("../../images/sub/arith_bg4.jpg");}
.arith-list-inner.num3 .arith-info .num-list li .num  {color: #ff7200;}

@media all and (max-width: 768px){
  .arith-slice-txt.style1 {margin-bottom: 10px;}
  .arith-slice-txt-inner dt {width: 30%;}
  .arith-slice-txt-inner dt p {font-size: 16px;}
  .arith-slice-txt-inner dd {width: 70%; font-size: 16px;}

  .arith-list-wrapper {margin: 0;}
  .arith-list-inner {float: none; width: 100%; padding: 0; margin-bottom: 20px;}
  .arith-list-inner.num1::before, .arith-list-inner.num3::before {display: none;}
}

/* 다전공 */
.table-process-bx {margin-top: 15px;}
.table-process-inner dl {position: relative; display: table; width: 100%;}
.table-process-inner dl::after {content: ""; position: absolute; width: 85%; height: 100%; right: 0; top: 0; border: 1px solid #B2B2B2; border-left: 0; border-radius: 0 45px 45px 0;}
.table-process-inner dt {position: relative; display: table-cell; width: 24%; vertical-align: middle; height: 80px; text-align: center; border-radius: 45px; background: #FF8400;}
.table-process-inner dt::before {content: ""; position: absolute; font-size: 24px; line-height: 30px; color: rgba(255, 255, 255, 0.3); font-weight: 500; left: 0; top: 10px; z-index: 1; width: 80px; text-align: left;}
.table-process-inner dt p {position: relative; z-index: 2; font-size: 18px; line-height: 20px; color: #fff; font-weight: 400;}
.table-process-inner .step1 dt::before {content: "Step 01";}
.table-process-inner .step2 dt::before {content: "Step 02";}
.table-process-inner .step3 dt::before {content: "Step 03";}
.table-process-inner .step4 dt::before {content: "Step 04";}
.table-process-inner dd {display: table-cell; width: 76%; vertical-align: middle; padding: 0 5%;}
.table-process-inner dd .line {}
.table-process-inner dd span {font-weight: 400;}

.table-process-arrow {position: relative; width: 24%;}
.table-process-arrow .arrow-bx {height: 45px; background: url("../../images/sub/sub_bottom_arrow.png") no-repeat center;}
.table-process-arrow p {line-height: 45px; font-size: 14px; color: #666666; font-weight: 400; text-align: center;}
.table-process-arrow .arrow-bx + p {position: absolute; left: 70%; line-height: 45px; font-size: 14px; color: #666666; font-weight: 400; z-index: 1; top: 0;}

/* 등록안내 */
.period-process {padding-left: 2.5%; overflow: hidden;}
.period-process-inner {display: table; float: left; padding: 10px 0;}
.period-process-inner:first-child {margin-right: 6%;}
.period-process-inner > div {display: table-cell; vertical-align: top; text-align: center;}
.period-process-inner p {font-size: 20px; color: #fff; letter-spacing: -0.75px; font-weight: 500;}
.period-when {position: relative; width: 123px; padding-top: 85px; background: url("../../images/sub/sub_icon_bg2.png") no-repeat center; background-size: contain;}
.period-when::before {content: ""; position: absolute; width: 100%; height: 100%; background: url("../../images/sub/period_icon1.png") no-repeat center; left: 0; top: 0;}
.period-arrow {width: 95px; background: url("../../images/sub/sub_left_arrow.png") no-repeat center; height: 140px; vertical-align: middle;}
.period-time {position: relative; width: 123px; padding-top: 85px; background: url("../../images/sub/sub_icon_bg5.png") no-repeat center; background-size: contain;}
.period-time::before {content: ""; position: absolute; width: 100%; height: 100%; background: url("../../images/sub/period_icon2.png") no-repeat center; left: 0; top: 0;}

@media all and (max-width: 768px){
  .period-process-inner:first-child {margin-right: 0;}
}


/* 의료보건 */
.sub-process-bx {padding-left: 4%; display: table; width: 100%; max-width: 785px; margin-top: 30px;}
.sub-process-bx .sub-process-inner {display: table-cell; width: 24%; vertical-align: top; text-align: center;}
.sub-process-bx .sub-process-arrow {width: 17%; background: url("../../images/sub/sub_left_arrow.png") no-repeat center 50px;}
.sub-process-icon {position: relative; max-width: 123px; height: 140px; margin: 0 auto; margin-bottom: 15px;}
.sub-process-icon.bg1 {background: url("../../images/sub/sub_icon_bg1.png") no-repeat center; background-size: contain;}
.sub-process-icon.icon1::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/sub/sub_icon1.png") no-repeat center;}
.sub-process-icon.bg2 {background: url("../../images/sub/sub_icon_bg2.png") no-repeat center; background-size: contain;}
.sub-process-icon.icon2::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/sub/sub_icon2.png") no-repeat center;}
.sub-process-icon.bg3 {background: url("../../images/sub/sub_icon_bg3.png") no-repeat center; background-size: contain;}
.sub-process-icon.icon3::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/sub/sub_icon3.png") no-repeat center;}
.sub-process-icon.bg4 {background: url("../../images/sub/sub_icon_bg4.png") no-repeat center; background-size: contain;}
.sub-process-icon.icon4::before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("../../images/sub/sub_icon4.png") no-repeat center;}
.sub-process-txt p {font-size: 16px; line-height: 30px; color: #666666;}
.sub-process-txt .point-txt.point-txt2 {font-size: 13px; line-height: 18px; padding-left: 0; background: none;}

.sub-process-bx.road-bx {max-width: 905px;}
.sub-process-bx.road-bx .sub-process-inner{width: 14%;}
.sub-process-bx.road-bx .sub-process-arrow{width: 14%;}
.sub-process-txt p {word-break: break-all;}

.health-bx {overflow: hidden;}
.health-bx .health-bx-inner {float: left; width: 47.5%;}
.health-bx .health-bx-inner:first-child {margin-right: 5%;}
.health-bx .health-bx-inner .health-info span {display: inline-block; margin-right: 20px;}
.health-bx .health-bx-inner .health-info span:last-child {margin-right: 0;}
.health-bx .health-bx-inner h3 {margin-bottom: 10px;}
.health-bx .health-bx-inner img {margin-top: 20px;}

@media all and (max-width:768px){
  .sub-process-bx {margin-left: 0; display: block; }
  .sub-process-bx .sub-process-inner {display: block; width: 100%;}
  .sub-process-bx .sub-process-arrow {position: relative; width: 100%; height: 55px; background: none;}
  .sub-process-bx .sub-process-arrow::before {content: ""; position: absolute; width: 42px; height: 26px; background: url("../../images/sub/sub_bottom_arrow.png") no-repeat center; left: 50%; margin-left: -21px; top: 50%; margin-top: -13px;}
  .sub-process-txt p {font-size: 14px;}
  .sub-process-txt .point-txt.point-txt2 {margin-top: 0;}

  .sub-process-bx.road-bx {overflow: hidden;}
  .sub-process-bx.road-bx .sub-process-inner{display: inline-block;width: 30%; margin-bottom: 20px;}
  .sub-process-bx.road-bx .sub-process-arrow{width: 17%; min-height: 100px; background: url("../../images/sub/sub_left_arrow.png") no-repeat center 50px;}
  .sub-process-bx.road-bx .sub-process-arrow::before {display: none;}

  .health-bx .health-bx-inner {float: none; width: 100%;}
  .health-bx .health-bx-inner:first-child {margin-right: 0; margin-bottom: 30px;}
}

/* 성희롱 성폭력상담실 */
.counsel-process {margin-top: 90px; padding-left: 2%; overflow: hidden; max-width: 1480px;}
.counsel-process .counsel-first {float: left; width: 16%; margin-right: 5%; padding-top: 105px;}
.counsel-process .counsel-first-inner {padding-right: calc(100% - 145px); background: url("../../images/sub/sub_left_arrow.png") no-repeat right 58%;}
.counsel-process .counsel-icon.icon1 {max-width: 82%; background: url("../../images/sub/sub_icon_bg1.png") no-repeat center; height: 120px; background-size: contain; margin: 0 auto;}
.counsel-process .counsel-icon.icon1 span {display: block; height: 120px; background: url("../../images/sub/sub_icon5.png") no-repeat center; background-size: contain;}
.counsel-process .counsel-first p {font-size: 16px; line-height: 30px; color: #666666; text-align: center; margin-top: 10px;}

.counsel-process .counsel-list {position: relative; float: left; width: 57%; margin-top: 60px;}
.counsel-process .counsel-list-inner {position: relative; z-index: 2; padding: 15px 4% 25px; border: 1px solid #A90056; background: #F3F3F3;}
.counsel-process .counsel-list-inner > ul > li {float: left; width: 56%;}
.counsel-process .counsel-list-inner > ul > li:nth-child(1), .counsel-process .counsel-list-inner > ul > li:nth-child(3) {width: 44%;}
.counsel-process .counsel-list-inner h4 {margin-top: 20px;}
.counsel-process .counsel-list-inner p {font-size: 16px; line-height: 30px; color: #666; margin-top: 10px;}
.counsel-process .counsel-list-inner p em {position: relative; display: inline-block; color: #a90056; font-weight: 500;}
.counsel-process .counsel-list-inner p em::after {content: ""; position: absolute; width: 100%; height: 1px; background: #a90056; left: 0; bottom: 5px;}
.counsel-process .con-list1 > ul {margin-top: 8px;}
.counsel-process .con-list1 > ul > li {margin-top: 2px; padding-left: 15px;}

.counsel-process .counsel-last {position: relative; float: left; width: 18%; padding-left: 4%;}
.counsel-process .counsel-last::after {content: ""; position: absolute; width: 22.5%; height: 1px; z-index: 1; background: #BCBCBC; left: 0; top: 50%;}
.counsel-process .counsel-last .counsel-icon {position: relative; z-index: 2;}
.counsel-process .counsel-last .counsel-icon.icon2 {background: url("../../images/sub/sub_icon_bg2.png") no-repeat center; height: 120px; background-size: contain; margin: 0 auto;}
.counsel-process .counsel-last .counsel-icon.icon2 span {display: block; height: 120px; background: url("../../images/sub/sub_icon2.png") no-repeat center; background-size: contain;}
.counsel-process .counsel-last .counsel-icon.icon3 {background: url("../../images/sub/sub_icon_bg2.png") no-repeat center; height: 120px; background-size: contain; margin: 0 auto;}
.counsel-process .counsel-last .counsel-icon.icon3 span {display: block; height: 120px; background: url("../../images/sub/sub_icon6.png") no-repeat center; background-size: contain;}
.counsel-process .counsel-last ul {position: relative;}
.counsel-process .counsel-last ul::after {content: ""; position: absolute; width: 1px; height: 220px; background: #bcbcbc; left: 0; top: 60px;}
.counsel-process .counsel-last ul li {position: relative; padding-left: calc(100% - 130px);}
.counsel-process .counsel-last ul li::before {content: ""; position: absolute; width: 70%; height: 1px; background: #bcbcbc; left: 0; top: 60px;}
.counsel-process .counsel-last ul li::after {content: ""; position: absolute; width: 9px; height: 11px; background: url("../../images/sub/sub_line_arrow.png") no-repeat center; left: calc(100% - 126px); top: 55px;}
.counsel-process .counsel-last ul li:first-child {margin-bottom: 30px;}
.counsel-process .counsel-last ul li p {font-size: 16px; line-height: 30px; color: #666666; text-align: center; margin-top: 10px;}


@media all and (max-width: 1200px){
  .counsel-process .counsel-first {width: 20%; margin-right: 2%;}
  .counsel-process .counsel-list {width: 57%;}
  .counsel-process .counsel-list-inner > ul > li {width: 100%;}
  .counsel-process .counsel-list-inner > ul > li:nth-child(1), .counsel-process .counsel-list-inner > ul > li:nth-child(3) {width: 100%;}
}

@media all and (max-width: 1023px){
  .counsel-process {margin-top: 20px;}
  .counsel-process .counsel-first {float: none; width: 100%; margin-right: 0; margin-bottom: 30px; padding-top: 0;}
  .counsel-process .counsel-first-inner {padding-right: 0; padding-bottom: 40px; background: url("../../images/sub/sub_bottom_arrow.png") no-repeat center bottom;}
  .counsel-process .counsel-list {float: none; width: 100%; margin-top: 0;}
  .counsel-process .counsel-last {float: none; width: 100%; padding-left: 0; padding-top: 50px;}
  .counsel-process .counsel-last::after {position: absolute; width: 1px; height: 50px; top: 0; left: 50%;}
  .counsel-process .counsel-last ul {overflow: hidden;}
  .counsel-process .counsel-last ul::after {width: 50%; left: 25%; height: 1px; top: 0;}
  .counsel-process .counsel-last ul li {float: left; width: 50%; padding-left: 0; padding-top: 50px;}
  .counsel-process .counsel-last ul li::before {width: 1px; height: 50%; top: 0; left: 50%;}
  .counsel-process .counsel-last ul li::after {transform: rotate(90deg); left: 50%; margin-left: -4px; top: 40px;}
}

/* 진로·심리상담센터 */
.sub-round-list {margin: 0 -0.5%;}
.sub-round-list li {float: left; padding: 10px 0.5%; width: 16.66%; text-align: center;}
.sub-round-list li p {border-radius: 25px; border: 1px solid #B2B2B2; padding: 12px 5px;}

@media all and (max-width: 1023px){
  .sub-round-list li {width: 33.33%;}
}

@media all and (max-width: 500px){
  .sub-round-list li {width: 50%;}
}


/* 대운동장 */
.psy-info-bx {overflow: hidden;}
.psy-info-bx .psy-info-img {float: left; width: 32.5%; margin-top: 10px;}
.psy-info-bx .psy-info-img .img-bx {position: relative; display: inline-block;}
.psy-info-bx .psy-info-img .img-bx::after {content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.7); left: 10px; top: 10px; bottom: 10px; right: 10px; z-index: 1;}
.psy-info-bx .psy-info {float: left; width: 67.5%; padding-left: 3%; margin-top: 10px;}

@media all and (max-width: 768px){
  .psy-info-bx .psy-info-img {float: none; width: 100%;}
  .psy-info-bx .psy-info {float: none; width: 100%; padding-left: 0; margin-top: 20px;}
}


/* 학군단 생활 안내 */
.rotc-img-bx {overflow: hidden; margin: 0 -0.5%; margin-top: 10px;}
.rotc-img-inner {float: left; width: 33.33%; padding: 0 0.5%; margin-bottom: 20px;}
.rotc-img-inner .img-bx {position: relative; display: inline-block;}
.rotc-img-inner .img-bx::after {content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.7); left: 10px; top: 10px; bottom: 10px; right: 10px; z-index: 1;}

@media all and (max-width: 768px){
  .rotc-img-inner {width: 50%;}
}

/* 대학생활 가이드 */
.guide-video-list {margin: 0 -2%;}
.guide-video-wrapper {float: left; width: 50%; padding: 0 2%; margin-top: 45px;}
.guide-video-wrapper:nth-child(1), .guide-video-wrapper:nth-child(2) {margin-top: 0;}
.guide-video {position: relative; display: table; width: 100%; margin-top: 15px; background: #000;}
.guide-video-inner {display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.guide-video-inner a {position: relative; display: block;}
/* .guide-video-inner a::after {content: ""; position: absolute; width: 69px; height: 43px; background: url("../../images/")} */
.guide-video-inner p {font-size: 13px; line-height: 30px; color: #fff; font-weight: 400; margin-top: 15px;}
.guide-video a::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../../images/icon/ic_video.png") no-repeat center;}

.new-guide-list {display: flex; flex-flow: row wrap; justify-content: space-between; overflow: hidden; margin-top: 15px;}
.new-guide-inner {float: left; width: 30%; margin-bottom: 50px;}
.new-guide-wrap {position: relative; height: 100%; min-height: 290px; border: 1px solid #AFAFAF; border-radius: 0 55px 55px 55px; overflow: hidden;}
.new-guide-bx {padding: 20px 8%;}
.new-guide-wrap .title {font-size: 24px; line-height: 35px; letter-spacing: -0.75px; color: #fff; font-weight: 500; margin-bottom: 10px;}
.new-guide-wrap .info {font-size: 17px; letter-spacing: -0.5px; color: #fff; font-weight: 400;}

.new-guide-inner.guide1 .new-guide-wrap .new-guide-bx {background: url("../../images/sub/guide_bg_1.jpg");}
/* .new-guide-inner.guide1 .new-guide-wrap::before {content: ""; position: absolute; width: 115px; height: 115px; background: url("../../images/sub/guide_icon_1.png") no-repeat; right: 8%; bottom: 30px;} */
.new-guide-inner.guide2 .new-guide-wrap .new-guide-bx {background: url("../../images/sub/guide_bg_2.jpg");}
/* .new-guide-inner.guide2 .new-guide-wrap::before {content: ""; position: absolute; width: 115px; height: 115px; background: url("../../images/sub/guide_icon_2.png") no-repeat; right: 8%; bottom: 30px;} */
.new-guide-inner.guide3 .new-guide-wrap .new-guide-bx {background: url("../../images/sub/guide_bg_3.jpg");}
/* .new-guide-inner.guide3 .new-guide-wrap::before {content: ""; position: absolute; width: 115px; height: 115px; background: url("../../images/sub/guide_icon_3.png") no-repeat; right: 8%; bottom: 30px;} */
.new-guide-inner.guide4 .new-guide-wrap .new-guide-bx {background: url("../../images/sub/guide_bg_4.jpg");}
/* .new-guide-inner.guide4 .new-guide-wrap::before {content: ""; position: absolute; width: 115px; height: 115px; background: url("../../images/sub/guide_icon_4.png") no-repeat; right: 8%; bottom: 30px;} */
.new-guide-inner.guide5 .new-guide-wrap .new-guide-bx {background: url("../../images/sub/guide_bg_5.jpg");}
/* .new-guide-inner.guide5 .new-guide-wrap::before {content: ""; position: absolute; width: 115px; height: 115px; background: url("../../images/sub/guide_icon_5.png") no-repeat; right: 8%; bottom: 30px;} */
.new-guide-inner.guide6 .new-guide-wrap .new-guide-bx {background: url("../../images/sub/guide_bg_6.jpg");}
/* .new-guide-inner.guide6 .new-guide-wrap::before {content: ""; position: absolute; width: 115px; height: 115px; background: url("../../images/sub/guide_icon_6.png") no-repeat; right: 8%; bottom: 30px;} */

.new-guide-shadow {padding: 10px 8%;}
/* .new-guide-inner.guide1 .new-guide-shadow {background: url("../../images/sub/guide_bg_1.jpg");} */
.new-guide-inner.guide1 .new-guide-shadow::after {content: ""; position: absolute; right: 0; top: 0; width: 115px; height: 115px; background: url("../../images/sub/guide_hovericon_1.png") no-repeat;}
/* .new-guide-inner.guide2 .new-guide-shadow {background: url("../../images/sub/guide_bg_2.jpg");} */
.new-guide-inner.guide2 .new-guide-shadow::after {content: ""; position: absolute; right: 0; top: 0; width: 115px; height: 115px; background: url("../../images/sub/guide_hovericon_2.png") no-repeat;}
/* .new-guide-inner.guide3 .new-guide-shadow {background: url("../../images/sub/guide_bg_3.jpg");} */
.new-guide-inner.guide3 .new-guide-shadow::after {content: ""; position: absolute; right: 0; top: 0; width: 115px; height: 115px; background: url("../../images/sub/guide_hovericon_3.png") no-repeat;}
/* .new-guide-inner.guide4 .new-guide-shadow {background: url("../../images/sub/guide_bg_4.jpg");} */
.new-guide-inner.guide4 .new-guide-shadow::after {content: ""; position: absolute; right: 0; top: 0; width: 115px; height: 115px; background: url("../../images/sub/guide_hovericon_4.png") no-repeat;}
/* .new-guide-inner.guide5 .new-guide-shadow {background: url("../../images/sub/guide_bg_5.jpg");} */
.new-guide-inner.guide5 .new-guide-shadow::after {content: ""; position: absolute; right: 0; top: 0; width: 115px; height: 115px; background: url("../../images/sub/guide_hovericon_5.png") no-repeat;}
/* .new-guide-inner.guide6 .new-guide-shadow {background: url("../../images/sub/guide_bg_6.jpg");} */
.new-guide-inner.guide6 .new-guide-shadow::after {content: ""; position: absolute; right: 0; top: 0; width: 115px; height: 115px; background: url("../../images/sub/guide_hovericon_6.png") no-repeat;}

.new-guide-link {position: relative; z-index: 2; }
.new-guide-link .title {display: none;}
.new-guide-link ul {}
.new-guide-link ul li {float: left; width: 50%;}
.new-guide-link ul li a {display: inline-block; padding-left: 20px; background: url("../../images/guide/ic_list1.png") no-repeat left 7px; font-size: 14px; line-height: 24px; color: #666666; font-weight: 400;}

.new-guide-wrap:hover .new-guide-shadow {opacity: 1; visibility: visible;}

@media all and (max-width: 1370px){
  .new-guide-inner {width: 48%;}
}

@media all and (max-width: 1023px){
  .new-guide-link ul li a {font-size: 12px;}
}

@media all and (max-width: 768px){
  /* .guide-video {height: 260px;} */
  .guide-video-wrapper {float: none; width: 100%; margin-top: 30px; }
  .guide-video-wrapper:nth-child(2) {margin-top: 30px;}
  .new-guide-inner {width: 100%; margin-bottom: 20px;}
}

@media all and (max-width: 500px){
  .new-guide-shadow {padding: 15px 4% 25px;}
}

/* 사용자별 주요 사이트 */
.user-site-list ul {margin: 0 -0.5%;}
.user-site-list ul li {float: left; width: 20%; padding: 0 0.5%; margin-bottom: 25px;}
.user-site-list ul li a {position: relative; display: block; border: 1px solid #AFAFAF; text-align: center; border-radius: 0 15px 15px 15px; padding: 15px 6%; overflow: hidden; font-size: 16px; color: #666666; transition: color 0.3s;}
.user-site-list ul li a::before {content: ""; position: absolute; left: -40px; top: -40px; width: 70px; height: 70px; background: #AB0057; z-index: 1; transform: rotate(45deg) scale(1); transition: transform 0.75s;}

.user-site-list ul li a:hover {color: #fff;}
.user-site-list ul li a:hover::before {transform: rotate(0) scale(15);}
.user-site-list ul li a:hover span::before, .user-site-list ul li a:hover span::after {opacity: 1;}

@media all and (min-width: 801px){
  .user-site-list ul li a span {position: relative; display: block; z-index: 3; padding: 0 40px;}
  .user-site-list ul li a span::before {content: ""; content: :""; position: absolute; width: 25px; height: 25px; border-radius: 50%; right: 10px; top: 50%; margin-top: -12.5px; background: #810042; opacity: 0; transition: opacity 0.5s; transition-delay: 0.1s;}
  .user-site-list ul li a span::after {content: ""; position: absolute; width: 21px; height: 6px; background: url("../../images/icon/ic_usersite_arrow.png") no-repeat; right: 0; top: 50%; margin-top: -3px; opacity: 0; transition: opacity 0.5s; z-index: 1; transition-delay: 0.1s;}
}

@media all and (max-width: 1400px){
  .user-site-list ul li {width: 33.33%;}
}

@media all and (max-width: 860px){
  .user-site-list ul li {float: none; display: inline-block; vertical-align: top; width: 32%;}
  .user-site-list ul li a {font-size: 14px;}
  .user-site-list ul li a span {position: relative; z-index: 2; display: block;}
}

@media all and (max-width: 600px){
  .user-site-list ul li {width: 49%;}
}

@media all and (max-width: 400px){
  .user-site-list ul {margin: 0;}
  .user-site-list ul li {display: block; width: 100%; margin-bottom: 10px;}
}


/* 찾아오시는 길 */
.campusTour #map {height: 600px !important;}

.menu-btn {position: relative; z-index: 3;}
.menu-btn .btn-style.round-ico {min-width: 19.7%; white-space: nowrap; text-align: center; padding-right: 28px; background: #FA6400;}
.menu-btn .btn-style.round-ico:hover {background: url("../../images/guide/type1_overbg.jpg");}
.menu-btn .btn-style.round-ico::after {display: none;}

@media all and (max-width: 768px){
  .menu-btn .btn-style.round-ico {padding-right: 20px; }
}


/*동영상*/
.video_1{border:1px solid #DDD;overflow:hidden;border-radius:3px}
.video_1 .dTable{display:flex;justify-content:space-between;}
.video_1 .item{width:65%;}
.video_1 .con{width:35%;background:#f7f7f7;padding:40px;}
.video_1 .pic{background:#000;display:flex;justify-content:center;align-items:center;}
.video_1 h3{font-size:22px;font-family:'Noto Regular';padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #DDD;line-height:1.25}
.video_1 p{height:400px;padding-right:20px;overflow-y:auto}
.video_1 iframe{min-height:445px;border-radius:3px}
.video_1 video{min-height:445px;width:100%;}
.video_1 .subtitles{color:#666;font-size:16px;}
@media only screen and (max-width:1024px){
  .video_1{border:0;height:auto}
  .video_1 .dTable{flex-wrap:Wrap;}
  .video_1 .item{width:100%;}
  .video_1 .con{padding:30px;border:1px solid #DDD;border-bottom:0}
  .video_1 h3{font-size:20px}
  .video_1 p{height:130px}
}
@media only screen and (max-width:480px){
  .video_1 h3{font-size:18px}
}

.video_2 .item video{max-width:100%;}


/*학교소개-총장소개-약력*/
@media all and (max-width: 600px) {
  .history-wrap .history-career-box div ul li dl { width: 100%; margin-top: 10px; }
.history-wrap .history-career-box div ul li dt { width: 100%; }
.history-wrap .history-career-box div ul li dd { width: 96%; }
  .history-wrap .history-career-box div ul li span { width: 100%; }
}
@media all and (min-width: 601px) {
  .history-wrap .history-career-box div ul li span { width: 100%; }
  .history-wrap .history-career-box div ul li dl { width: 100%; margin-top: 10px; }
  .history-wrap .history-career-box div ul li dt { width: 27%; }
  .history-wrap .history-career-box div ul li dd { width: 70%; }
}
@media all and (min-width: 1229px) {
  .history-wrap .history-career-box div ul li span { width: 25%; }
  .history-wrap .history-career-box div ul li dl { width: 75%; }
  .history-wrap .history-career-box div ul li dt { width: 26%; }
  .history-wrap .history-career-box div ul li dd { width: 70%; }