@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 100px 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: #f5f5f5;}
.wrap-sub-navi .box-sub-favo ul li:hover a {color: #2247a6;}
.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: #0067c3;}
.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: 1032px){
  /* .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: 1300px) {
  .wrap-sub-navi {margin-top: 10px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {padding: 0 90px 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: 1031px) {
  .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; outline: none;}
  .wrap-sub-navi .sub-navi > ul > li#pagetitle2 > .inner > button {border-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .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;}
}
@media all and (max-width: 590px) {
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {padding:0 30px 0 0;}
}
/* 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.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: 1020px; 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: 430px;}
.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: 400px; 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% - 430px); 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 {display: block; word-break: break-all; color: #fff;}
.org-content .org-bx {overflow: hidden; margin-top: 50px;}
.org-content .org-bx .org-title {float: left; width: 150px;}
.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 span {display: table-cell; width: 100%; height: 173px; vertical-align: middle; padding: 0 5px;}
.org-content .org-bx-list {float: left; width: calc(100% - 150px); padding-top: 40px;}
.list-style1 .org-title {background: url("../../images/sub/org_title_bg1.png") no-repeat center top; background-size: cover;}
.list-style2 .org-title {background: url("../../images/sub/org_title_bg1.png") no-repeat center top; background-size: cover;}
.list-style3 .org-title {background: url("../../images/sub/org_title_bg2.png") no-repeat center top; background-size: cover;}
.list-style4 .org-title {background: url("../../images/sub/org_title_bg2.png") no-repeat center top; background-size: cover;}
.list-style5 .org-title {background: url("../../images/sub/org_title_bg3.png") no-repeat center top; background-size: cover;}
.list-style6 .org-title {background: url("../../images/sub/org_title_bg3.png") no-repeat center top; background-size: cover;}
.list-style7 .org-title {background: url("../../images/sub/org_title_bg4.png") no-repeat center top; background-size: cover;}

.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: 25%; 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::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: 25%; 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: 25px; 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; padding: 0 5px;  word-break: keep-all;}
.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::after {content: ""; position: absolute; width: 1px; height: 100%; background: #bcbcbc; left: 2%; top: 30px;}
.list-style3 .org-bx-list-wrap:last-child::after {height: 30px; top: 0;}
.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: 25%; 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: 25px; 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; padding: 0 5px;  word-break: keep-all;}
.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::after {content: ""; position: absolute; width: 1px; height: 100%; background: #bcbcbc; left: 2%; top: 30px;}
.list-style4 .org-bx-list-wrap:last-child::after {height: 30px; top: 0;}
.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: 25%; 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: 25px; 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; padding: 0 5px;  word-break: keep-all; }
.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: 25%; 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: 25px; 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; padding: 0 5px;  word-break: keep-all;}
.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: 25%; 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: 25px; 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; padding: 0 5px;  word-break: keep-all;}
.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::after {content: ""; position: absolute; width: 1px; height: 100%; background: #bcbcbc; left: 2%; top: 30px;}
.list-style7 .org-bx-list-wrap:last-child::after {height: 30px; top: 0;}
.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: 25%; 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: 25px; 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; padding: 0 5px;}
.list-style7 .org-bx-list-wrap > ul > li .title span {position: relative; display: inline-block; word-break: keep-all;}
.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-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: 10%; height: 1px; right: 0; top: 50%; background: #bcbcbc;}

  .org-top-bottom-inner:last-child {}
  .org-top-bottom-inner ul {float: right; display: block; width: 90%;}
  .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-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: 50%;}
  .list-style1 .org-bx-list-wrap > ul > li ul {min-height: 110px;}
  .list-style1 .org-bx-list-wrap:last-child > ul > li:nth-child(1)::after {content: ""; position: absolute; width: 1px; background: #bcbcbc; height: 100%; left: 0; bottom: 0px;}
  .list-style1 .org-bx-list-wrap:last-child > ul > li:nth-child(3)::after {content: ""; position: absolute; width: 1px; background: #bcbcbc; height: 30px; left: 0; top: 0px;}
  .list-style2 .org-bx-list-wrap > ul > li {width: 50%;}
  .list-style2 .org-bx-list-wrap > ul > li a {min-height: 70px;}
  .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-style5 div:not(.long) .org-bx-list-wrap:last-child > ul > li:nth-child(1)::after {content: ""; position: absolute; width: 1px; background: #bcbcbc; height: 100%; left: 0; top: 30px;}
  .list-style5 div:not(.long) .org-bx-list-wrap:last-child > ul > li:nth-child(3)::after {content: ""; position: absolute; width: 1px; background: #bcbcbc; height: 30px; left: 0; top: 0px;}
  .list-style6 .org-bx-list-wrap > ul > li {width: 50%;}
  .list-style6 .org-bx-list-wrap > ul > li a {min-height: 70px;}
  .list-style6 .org-bx-list-wrap:nth-child(10) > ul > li:nth-child(1)::after {content: ""; position: absolute; width: 1px; background: #bcbcbc; height: 100%; left: 0; bottom: 0px;}
  .list-style6 .org-bx-list-wrap:nth-child(10) > ul > li:nth-child(3)::after {content: ""; position: absolute; width: 1px; background: #bcbcbc; height: 30px; left: 0; top: 0px;}

  .list-style7 .org-bx-list-wrap > ul > li {width: 50%;}
  .list-style7 .org-bx-list-wrap > ul > li a {min-height: 95px;}
}

@media all and (max-width: 768px){


  .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:first-child > ul > li ul {min-height: auto;}
  .list-style1 .org-bx-list-wrap > ul > li ul {min-height: auto;}
  .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-style1 .org-bx-list-wrap:last-child > ul > li:nth-child(1)::after, .list-style1 .org-bx-list-wrap:last-child > ul > li:nth-child(3)::after {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::after {display: none;}
  .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::after {display: none;}
  .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-style5 div:not(.long) .org-bx-list-wrap:last-child > ul > li:nth-child(1)::after, .list-style5 div:not(.long) .org-bx-list-wrap:last-child > ul > li:nth-child(3)::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-style6 .org-bx-list-wrap:nth-child(10) > ul > li:nth-child(1)::after, .list-style6 .org-bx-list-wrap:nth-child(10) > ul > li:nth-child(3)::after {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 {display: none;}
  .org-top-bottom-inner:first-child ul {background: #fff;}
  .org-top-bottom::before {width: 100%;}

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

/* 산학협력 통합정보시스템 */
.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;}
}

.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%; 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: #FF8400;}
.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; }
}

/* 학과 */
.dp-title {display: table; width: 100%;}

.dp-top-img {display:table-cell; width:26%; padding-right: 3%; vertical-align: top;}

.dp-top-info {width:100%;}
.dp-top-info:nth-child(2) {word-break: break-all;}

.dp-top-info .dp-top-title {display: flex; padding-top: 25px; margin-bottom:10px; justify-content: space-between;}

.dp-top-info p {color:#666; line-height: 30px;}

.dp-top-info .dp-top-title span {font-weight:500; font-size:23px; align-self: flex-end;}
.dp-top-info .dp-top-title span::after {content: ""; display:inline-block; width: 69px; height: 28px; margin-left:5px; background: url(../../images/sub/dp_title_img.png) no-repeat;  transform: translateY(-2px); position:absolute;}

.dp-top-info .dp-top-title .dp-btn {margin: 0;}
.dp-top-info .dp-top-title .dp-btn::after {width:21px; height:21px; background: url(../../images/guide/ic_view.png) no-repeat center top; vertical-align: middle;}

.table-t-margin {margin-top: 10px;}

/* 테이블 공통 */
.table-center tbody tr td {text-align: center;}
.table-center tbody tr td:first-child {color: #000;}

/* 서브 마지막 전화 영역 */
.mt81 {margin-top:81px;}


@media all and (max-width: 1024px) {
  .dp-title {display:block;}
  .dp-top-img {max-width:100%; text-align: center; padding-right:0;}
}

@media all and (max-width: 768px) {
  .dp-top-info .dp-top-title {padding-top:0;  margin-top:20px;}
  .dp-top-title span {display: block;}
}
@media all and (max-width: 730px) {
  .dp-top-info .dp-top-title .dp-btn {display: block;}
  .dp-top-info .dp-top-title {display:block; margin-bottom:15px; text-align:center;}
  .dp-top-info .dp-top-title span {margin-bottom:15px; padding-left:0px; text-align:left;}

}

/* 금주의 식단 */
.week-food-bx {max-width: 1600px;}
.week-food-inner {display:flex; width:100%;}
.week-food-inner .campus {width:48%;}
.week-food-inner .campus .cam-img {position: relative;}
.week-food-inner .campus .cam-img::before {content: ""; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid rgba(255, 255, 255, 0.7);}
.week-food-inner .g-campus {margin-right: 4%;}
.week-food-inner .cam-shortcut {text-align: center;  padding: 50px 0;}
.week-food-inner .cam-shortcut span {font-size: 23px; font-weight: 500;}
.week-food-inner .cam-shortcut h1 {font-size: 35px; font-weight: 500;}

.week-food-inner .cam-shortcut-bx {position:relative; margin-top: -88px;}
.week-food-inner .cam-shortcut {background: #fff; width:69%; margin: 0 auto;}
.week-food-inner .cam-shortcut .week-shortcut-btn {margin-top: 25px; padding-right: 64px;}
.week-food-inner .cam-shortcut .week-shortcut-btn::after {background: url(../../images/icon/ic_weekfood_arrow.png) no-repeat center top; width: 30px; height:10px; top: 21px; right: 24px; transition: all .3s;}
.week-food-inner .cam-shortcut .week-shortcut-btn:hover::after{right: 19px;}

@media all and (max-width: 1024px) {
 /* .week-food-inner .cam-shortcut-bx {position:static; margin:0;} */
  .week-food-inner .cam-shortcut-bx .cam-shortcut {padding: 30px 0; }
  .week-food-inner .cam-shortcut-bx .cam-shortcut span {font-size: 20px;}
  .week-food-inner .cam-shortcut-bx .cam-shortcut h1 {font-size: 30px;}
  .week-food-inner .cam-shortcut .week-shortcut-btn {margin-top: 20px;}

}
@media all and (max-width: 768px) {
  .week-food-inner {display: block;}
  .week-food-inner .campus {width: 100%; margin:0;}
  .week-food-inner .cam-shortcut-bx .cam-shortcut {width: 80%;}
  .week-food-inner .cam-shortcut .week-shortcut-btn::after {top:15px;}
}
@media all and (max-width: 450px) {
  .week-food-inner .cam-shortcut-bx .cam-shortcut h1 {font-size: 26px;}
  .week-food-inner .cam-shortcut-bx .cam-shortcut span {font-size: 19px;}
  .week-food-inner .cam-shortcut-bx {margin-top: -55px;}
}


/* 원본 진위 확인 */

.original-wrap {max-width:1600px; margin: 0 auto;}
.original-wrap .original-inner {display:flex; padding-top:80px; margin: 0 auto; margin-bottom: 30px;}
.original-inner .original-bg-bx {width: 48.7%; padding: 7px; position: relative; background: url(../../images/sub/original_bg.png) repeat;}
.original-inner .original-bx1 {margin-right: 3.4%;}
.original-inner .original-bg-bx .original-bg-inner {text-align: center; top: 10px; right: 10px; bottom: 10px; left: 10px; background-color: #fcfcfc;}
.original-inner .original-bg-bx .original-bg-inner .original-icon-area {position: relative; margin-top: -75px; background: url(../../images/sub/original_verification_bg.png) no-repeat center center; display: inline-block; width: 140px; height: 155px;}
.original-inner .original-bg-bx .original-bg-inner .original-btn::after {background: url(../../images/guide/ic_btn2.png) no-repeat center top; height: 16px;}
.original-inner .original-bg-bx .original-bg-inner .original-icon-area .original-icon-bx img {position: absolute; top: -17px; left: -9px; right: 0; bottom: 0; width: auto; height: auto; margin: auto; max-width: 100%; max-height: 100%;}
.original-inner .original-bg-bx .original-bg-inner .original-contents-bx {padding-bottom: 28px;}
.original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area {margin: 2px 0 22px 0;}
.original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area h1 {color: #222; font-size: 24px; font-weight: 500;}
.original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area p {color: #b0b0b0; font-size: 20px; margin-bottom: 10px;}
.original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area p.txt-original {color: #666; line-height: 30px; font-weight:300; font-size: 16px; padding:0 13px;}

@media all and (max-width: 1219px) {
  .original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area .org-db {display:block;}
}
@media all and (max-width: 1024px) {
  .original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area h1 {font-size: 23px;}
  .original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area p {font-size: 19px;}
  .original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area p.txt-original {font-size: 15px;}
}
@media all and (max-width: 910px) {
  .original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area .org-db {display:inline-block;}
}
@media all and (max-width: 768px) {
  .original-wrap .original-inner {display:block;}
  .original-inner .original-bg-bx {width:100%;}
  .original-inner .original-bx1 {margin-right: 0; margin-bottom: 100px;}
}
@media all and (max-width: 420px) {
  .original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area h1 {font-size: 22px;}
  .original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area p {font-size: 18px;}
  .original-inner .original-bg-bx .original-bg-inner .original-contents-bx .txt-original-area p.txt-original {font-size: 14px;}
}

/* 대학원 전체보기 */

.sch-wrap {max-width:1600px; position: relative;}
.sch-wrap > p {position: absolute; left:0; top: 0; font-family: "Gm"; color: #2e2e2e; opacity: .5; font-size: 48px; line-height: 57px; letter-spacing: -.05em;}
.sch-wrap > p .sch-wrap-br{display: block;}
.sch-wrap .sch-wrap-inner {width: 100%;}
.sch-wrap .sch-contents-bx {display:flex; margin-bottom: 70px; position: relative;}
.sch-wrap .sch-contents-bx.sch-content-r::after {content:""; width:300px; height:300px; position:absolute; bottom: -225px; right: 0px; background: url(../../images/sub/all_sch_object_r.png) no-repeat;}
.sch-wrap .sch-contents-bx.sch-content-l::after {content:""; width:300px; height:300px; position:absolute; bottom: -225px; left: 0px; background: url(../../images/sub/all_sch_object_l.png) no-repeat;}

.sch-wrap .sch-contents-bx .sch-content-num {position: relative; width: 290px; z-index:1;}
.sch-wrap .sch-contents-bx .sch-content-num h1 {font-weight: bold; color:#222; opacity:0.1; font-size: 300px; line-height: 260px; position: absolute; bottom:0; left:-10px; letter-spacing: -10px;}
.sch-wrap .sch-contents-bx .sch-content-num p {color:#222; opacity: 0.4; font-family:"Gm"; font-weight:500; font-size:30px; line-height:36px; position: absolute; bottom: 0px; text-align: right; right: 8px;}
.sch-wrap .sch-contents-bx .sch-content-num p.sch-fz28 {font-size: 28px;}
.sch-wrap .sch-content-area {width:calc(100% - 290px); position:relative; z-index:2;}
.sch-wrap .sch-content-area .sch-title-inner {padding: 50px 58px; position: relative;}
.sch-wrap .sch-content-area .sch-title-inner::before {content:""; position: absolute; top: 0; left: 0; width:100%; height: 10px; background-color: #e8ebee;}
.sch-wrap .sch-content-area .sch-title-inner .sch-title-bx::before {content: ""; position: absolute; top: 0; left: 0; width: 10px; height: 50px; background-color: #e8ebee;}
.sch-wrap .sch-content-area .sch-title-inner .sch-title-bx::after {content: ""; position: absolute; top: 0; right: 0; width: 10px; height: 50px; background-color: #e8ebee;}
.sch-content-area .sch-title-area .sch-title-inner .sch-title-bx {display:block; margin-bottom:25px;}
.sch-content-area .sch-title-area .sch-title-inner .sch-title-bx h1 {display:inline-block; font-size: 30px; font-weight: 500; margin-right:25px;}

.sch-content-area .sch-content-inner .sch-title-inner p {color:#222;}

.sch-content-area .sch-main-area .sch-main-inner {padding: 60px 60px; background: url(../../images/sub/all_sch_bg.png) no-repeat; background-size: cover;}
.sch-content-area .sch-main-area .sch-main-inner .sch-mt0 {margin-top: 0;}
.sch-content-area .sch-main-area .sch-main-inner .sch-main-bx {margin-bottom:20px;}
.sch-content-area .sch-main-area .sch-main-inner .sch-main-bx p {word-break: break-all;}
.sch-content-area .sch-main-area .sch-main-inner .sch-mb0 {margin-bottom:0;}

/* 컨텐츠 박스 숫자 오른쪽 */
.sch-wrap .sch-con-right .sch-content-num .sch-r7 {left:auto; right:-7px;}
.sch-wrap .sch-con-right .sch-content-num .sch-align-left {text-align: left; left: 0;}

.sch-wrap .sch-num-m {display:none;}
.sch-wrap .sch-home-btn {display: inline-block; padding: 10px 15px; border: 1px solid #b2b2b2; border-radius: 30px; font-weight: 400; font-size: 14px; color: #505050; background-color: #fff;}
.sch-wrap .sch-home-btn::after {content: "";  width: 18px; height: 17px; margin-left:20px; display: inline-block; background: url(../../images/icon/ic_sch_home.png) no-repeat; vertical-align: middle; transform: translateY(-2px);}

.sch-wrap .sch-home-btn:hover {color:#fff; border:1px solid #D0006A; background-color: #d0006a; transition: all 0.3s;}
.sch-wrap .sch-home-btn:hover::after {background: url(../../images/sub/homepage_on.png) no-repeat; transition: all 0.3s;}


@media all and (max-width: 1024px) {
  .sch-wrap > p{position: static; font-size: 30px; line-height: 45px; text-align: center; margin-bottom: 10px;}
  .sch-wrap > p .sch-wrap-br{display: inline-block; margin: 0 3px;}
  .sch-wrap .sch-contents-bx {width:100%; overflow:hidden;}
  .sch-wrap .sch-contents-bx .sch-content-num {width:1px; height: 1px; overflow: hidden;}
  .sch-wrap .sch-content-area {width: 100%;}
  .sch-wrap .sch-title-area {position: relative; }
  .sch-wrap .sch-title-area .sch-num-m {display: block; color:#222; opacity: 0.1; font-size:222px; font-weight: bold;  line-height:1; margin-right:10px; position: absolute; right:0; bottom: -20px; z-index: -1;}
}

@media all and (max-width: 768px) {
  .sch-wrap .sch-content-area .sch-title-inner {padding: 30px 30px}
  .sch-content-area .sch-title-area .sch-title-inner .sch-title-bx {margin-bottom:15px;}
  .sch-wrap .sch-title-area .sch-num-m {font-size:100px; line-height:100px; top:10px; z-index: -1; right: 15px; margin:0;}
  .sch-content-area .sch-title-area .sch-title-inner .sch-title-bx h1 {font-size: 26px;}
  .sch-wrap .sch-content-area .sch-title-inner p {font-size:14px; word-break: break-all; }
  .sch-content-area .sch-main-area .sch-main-inner {padding: 30px 30px;}
  .sch-wrap .sch-home-btn::after {margin-left: 10px;}
  .sch-wrap .sch-main-bx > h3 {font-size:16px;}
  .sch-content-area .sch-main-area .sch-main-inner .sch-main-bx p { word-break: break-all; }
}
@media all and (max-width: 510px) {
  .sch-content-area .sch-title-area .sch-title-inner .sch-title-bx h1 {display: block; margin:0 0 10px 0;}
  /*.sch-wrap .sch-content-area .sch-title-inner {padding: 30px 30px 50px 30px;} */
  .sch-wrap .sch-content-area .sch-title-inner p {padding: 0;}
  .sch-wrap .sch-title-area .sch-num-m {font-size: 80px;}
  .sch-wrap .sch-title-area .sch-num-m {top:0;}
}


/* 전체 학과 보기 */

.adp-wrap {max-width:1600px; margin: 0 auto; }
.adp-campus-title { position: absolute;}
.adp-campus02 .adp-wcam-title {right: 0;}
.adp-campus01, .adp-campus02 {position: relative;}
.adp-campus01 > div:last-child::after {display: none;}
.adp-campus02 > div:last-child::after {display: none;}


.adp-campus-title p {font-size: 48px; font-family: "Gm"; opacity: 0.5; line-height: 54px; }
.adp-campus-title h1 {font-size: 48px; font-weight:500; font-family: "Gm"; }

.adp-wcam-title h1, .adp-wcam-title p {text-align: right;}

.adp-wrap .adp-wrap-inner {width: 100%;}
.adp-wrap .adp-contents-wrap {display:flex; margin-bottom: 70px; position: relative;}
.adp-contents-wrap .adp-title-num-area {width: 31%; position: relative;}


.adp-wrap .adp-content-r::after {content:""; width:300px; height:300px; position:absolute; bottom: -225px; right: 0px; background: url(../../images/sub/all_sch_object_r.png) no-repeat;}
.adp-wrap .adp-content-l::after {content:""; width:300px; height:300px; position:absolute; bottom: -225px; left: 0px; background: url(../../images/sub/all_sch_object_l.png) no-repeat;}

.adp-title-num-area {position: relative; z-index:1;}
.adp-title-num-area h1 {font-weight: bold; color:#2e2e2e; opacity:0.1; font-size: 300px; line-height: 260px; position: absolute; bottom:0;  right:-45px; letter-spacing: -10px;}
.adp-title-num-area p {color:#2e2e2e; opacity: 0.4; font-family:"Gm"; font-weight:500; font-size:30px; line-height:36px; position: absolute; bottom: 0px; text-align: right; right: 0px;}
.adp-content-bx {width:69%; position:relative; z-index:2;}
.adp-content-bx .adp-content-title-area {padding: 50px 58px 30px 58px; position: relative; }
.adp-content-bx .adp-content-title-area::before {content:""; position: absolute; top: 0; left: 0; width:100%; height: 10px; background-color: #e8ebee;}

.adp-content-title-area .adp-mobile-num {display:none;}
.adp-content-title-area p {word-break: break-all;}
.adp-content-bx .adp-title-bx::before {content: ""; position: absolute; top: 0; left: 0; width: 10px; height: 50px; background-color: #e8ebee;}
.adp-content-bx .adp-title-bx::after {content: ""; position: absolute; top: 0; right: 0; width: 10px; height: 50px; background-color: #e8ebee;}
.adp-content-bx .adp-title-bx {display:block; margin-bottom:25px;}
.adp-content-bx .adp-title-bx h1 {display:inline-block; font-size: 30px; font-weight: 500; margin-right:25px;}

.adp-main-area .adp-main-bx {min-height:275px; padding: 40px 60px; background: url(../../images/sub/all_sch_bg.png) no-repeat; background-size: cover;}
.adp-main-area .adp-main-content { margin: 0 -0.5%; overflow:hidden; display:flex; flex-flow:row wrap; position:relative;}
.adp-main-content li {margin-bottom:15px;}
.adp-main-content li {list-style: none; float:left; width: 33.3333%; padding: 0 0.5%;}
.adp-main-content li .adp-btn {color:#666; width: 100%; padding:15px 10px; border: 1px solid #B7B7B7; text-align: center; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; height: 100%; display:flex; align-items: center; justify-content: center;  background-color: #E8E8E8;}
.adp-main-content li .adp-btn:hover {color: #fff; background:#D0006A; border:1px solid #d0006a; text-decoration: underline;}

.adp-w-50 > li {width:50%;}

.adp-btn p {line-height: 20px; padding: 0 15px;}
.adp-btn > p > span {font-size:14px;}

p.adp-left {left: 0; right: unset;}
h1.adp-left {left:-50px;}

.adp-wrap .adp-home-btn {display: inline-block; padding: 10px 15px; border: 1px solid #b2b2b2; border-radius: 30px; font-weight: 400; font-size: 14px; color: #505050; background-color: #fff;}
.adp-wrap .adp-home-btn::after {content: "";  width: 18px; height: 17px; margin-left:10px; display: inline-block; background: url(../../images/icon/ic_sch_home.png) no-repeat; vertical-align: middle; transform: translateY(-2px);}

.adp-wrap .adp-home-btn:hover {color:#fff; border:1px solid #D0006A; background-color: #d0006a; transition: all 0.3s;}
.adp-wrap .adp-home-btn:hover::after {background: url(../../images/sub/homepage_on.png) no-repeat; transition: all 0.3s;}


@media all and (max-width: 1565px) {
  .adp-campus-title p {font-size: 38px;}
  .adp-campus-title h1 {font-size: 38px;}
}

@media all and (max-width: 1440px) {
  .adp-campus-title {position:static;}
  .adp-main-content li {width: 50%;}
}
@media all and (max-width: 1024px) {
  .adp-campus-title {margin-bottom: 20px;}
  .adp-wrap .adp-content-r::after {display: none;}
  .adp-wrap .adp-content-l::after {display: none;}
  .adp-contents-wrap .adp-title-num-area {width:1px; height:1px; overflow:hidden;}
  .adp-content-bx {width:100%;}
  .adp-content-title-area .adp-mobile-num {display: block; color:#222; opacity: 0.1; font-size:222px; font-weight: bold;  line-height:1; margin-right:10px; position: absolute; right:0; bottom: -20px; z-index: -1;}
}
@media all and (max-width: 768px) {
  .adp-content-title-area .adp-mobile-num {font-size:100px; margin-right: 0; top: 15px; right: 15px;}
  .adp-content-bx .adp-content-title-area {padding: 30px 38px 30px 38px; }
  .adp-main-area .adp-main-bx {padding: 30px 30px;}
  /* .adp-content-title-area p {padding-right: 80px;} */
  .adp-campus-title {text-align:center; }
  .adp-wcam-title h1, .adp-wcam-title p {text-align:center;}
    .adp-content-bx .adp-title-bx {margin-bottom: 15px;}

}

@media all and (max-width: 600px) {
  .adp-content-bx .adp-title-bx h1 {display: block;}
   .adp-main-content li {width: 100%;}
  .adp-content-title-area p {padding: 0;}
  /* .adp-content-bx .adp-content-title-area {padding-bottom: 80px;} */
  .adp-content-bx .adp-title-bx h1 {margin-bottom: 10px;}
  .adp-content-title-area .adp-mobile-num {font-size: 80px;}
}

@media all and (max-width: 450px) {
  .adp-campus-title p {font-size: 30px; line-height: 40px;}
  .adp-campus-title h1 {font-size: 35px;}
}


/* 부속시설 - 체육부 */

.research01-container {max-width: 1600px; margin: 0 auto;}

.slogan-wrap {text-align: center; padding:50px 0 50px 0; border-bottom: 1px solid #bcbcbc;}
.slogan h1 {color: #2ea7e0; font-size: 40px;}
.slogan h1 span {color: #af0055;}
.phy-wrap {max-width: 1600px;margin: 0 auto; word-break: break-all; padding: 0 20px;}

.phy-org-wrap { max-width: 875px; width:100%; margin: 0 auto;}
/*.phy-top-wrap {border: 1px solid #000;}*/
.phy-top-area { position: relative; width:184px; margin: 0 auto; padding-bottom:65px;}
.phy-top-area a {position: relative; z-index: 3; display: inline-block; font-weight: 500; letter-spacing:-0.075em; max-width: 184px; height: 200px; width: 100%; background: url(../../images/sub/phy_ic_title.png) no-repeat;}
.phy-top-area a p {color:#fff; font-size: 22px; text-align: center; line-height: 200px;}
.phy-top-area .phy-top-bx::before {content:""; width: 1px; height: 100%; background-color:#bcbcbc; display: inline-block; z-index: 1; position: absolute; left: 50%;}
.phy-top-area .phy-top-bx::after {content:""; background: url(../../images/sub/phy_object01_03.png) no-repeat; position: absolute; width: 90px; height:105px; bottom: 50px; right: -5px;}


.phy-middle-wrap { position: relative; margin-top: -30px; padding-bottom: 35px;}
.phy-middle-wrap::after {content:""; width:1px; height: 100%; background-color:#bcbcbc; position:absolute; left: 50%; top: 0;}
.phy-middle-area { overflow: hidden; position: relative;}
.phy-middle-area::before{content:""; width: 9px; height: 9px; position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%); border-radius: 50%; background-color:#bcbcbc;}
.phy-middle-area a {color:#fff;  display: block; text-align: center; width: 230px; background: url(../../images/sub/org_bg1.jpg); border-radius: 0 20px 20px 20px; padding: 16px 5px;}
.phy-middle-area a:hover .phy-underline::after {width:100%}

.phy-middle-area a p {font-size: 18px; display: inline-block; position:relative}
.phy-underline::after {content:""; position:absolute; width: 0%; bottom:0; height: 1px; background-color:#fff; left: 0; transition: width 0.3s;}
.phy-btn-bx { float:right; position: relative; z-index: 3; width: 50%;}
.phy-btn-bx::after {content:""; width: 50%; height: 1px; display: inline-block; background-color:#bcbcbc; position: absolute; top: 50%; left: 0;}
.phy-btn-bx > div {float:right; padding-right: 35px; position: relative; z-index: 3;}


.phy-bottom-wrap {position: relative;}
.phy-bottom-wrap::after {content:""; position:absolute; width: 74%; height:1px; background:#bcbcbc; top: 0; left: 50%; transform:translateX(-50%)}
.phy-bottom-area {overflow: hidden; margin: 0 -5.5%;}
.phy-bottom-bx {float:left; position: relative; width: 33.3334%; border-radius: 0 20px 20px 20px; padding: 37px 5.5% 0;}
.phy-bottom-bx::after {content:""; width:1px; height: 100%; position: absolute; top: 0; left: 50%; background-color:#bcbcbc;}

.phy-content-title {background: url(../../images/sub/org_bg5.jpg); border-top-right-radius: 20px; text-align: center; color:#fff; height:60px; line-height:60px;}

.phy-bottom-content ul {padding: 15px; min-height: 140px; border-radius: 0 0 20px 20px; border: 1px solid #aaa; border-top: 0; background:#fff;}

.phy-bottom-content > ul > li {font-size: 14px; line-height: 27px; margin: 0;}
.phy-content-bxinner {position: relative; z-index: 3;}

/* 체육부 연혁 */
.phy-history-list-wrap > ul {line-height: 32px; position: relative;}
.phy-history-list-wrap > ul::before {content:""; position:absolute; left: 4.5px; top: 13px; width: 1px; height: calc(100% - 26px); display: block; background-color:#D8D8D8}

.phy-history-list-wrap > ul > li {position:relative; padding-left: 30px;}
/* .phy-history-list-wrap > ul > li:last-child {margin-bottom: 0px;} */
.phy-history-list-wrap > ul > li::after {content:""; width: 6px; height:3px; position:absolute; left: 12px; top: 15px; display: block; background-color: #a90057;}
.phy-history-list-wrap > ul > li::before {content:""; width:10px; height:10px; display: block; border-radius: 50%; background-color:#a90057; position:absolute; top: 12px; left: 0;}
.phy-history-list-wrap > ul > li > span {color:#969697; float:left; width: 120px; font-size:20px; display: inline-block; font-weight: 500; letter-spacing: -0.075em;}
.phy-history-list-wrap > ul > li > p {color:#666; padding-left: 15px; display: inline-block; position: relative; line-height: 1.6; letter-spacing:-0.5px; font-weight: 400; }
.phy-history-list-wrap > ul > li > p::before {content:""; position:absolute; width: 8px; height:7px; background: url(../../images/guide/ic_list1.png) no-repeat center center; top: 9px; left: 0;}


@media all and (max-width:960px) {
  .con-table-wrap.on{overflow-x: auto;}
  .con-table-wrap::-webkit-scrollbar {width: 5px;}
.con-table-wrap::-webkit-scrollbar-thumb {background-color: rgba(0,64,152,.8);border-radius: 3px;}
.con-table-wrap::-webkit-scrollbar-track {background-color: #ccc;border-radius: 3px;}

}

@media all and (max-width:858px) {
    .phy-bottom-bx {padding:37px 2.5% 0;}
}
@media all and (max-width:768px) {
    .phy-btn-bx > div {width: 70%;}
    .phy-middle-area a {width:100%;}
  	.phy-bottom-content > ul > li::before {top:9px;}
    .phy-history-list-wrap > ul > li > p {font-size:14px;}

}

@media all and (max-width:554px) {
    .phy-history-list-wrap > ul > li > p {display: block;}
    .phy-history-list-wrap > ul > li > span {float:unset;}
    .phy-bottom-content > ul > li {font-size: 13px;}
  .phy-history-list-wrap > ul > li > p::before {top:7px;}
    .phy-history-list-wrap > ul::before {content:""; position:absolute; left: 4.5px; top: 13px; width: 1px; height: calc(100% - 50px); display: block; background-color:#D8D8D8;}
}


@media all and (max-width:500px) {
    .phy-middle-wrap::after {content:""; width: 1px; height:100%; position: absolute;}
    .phy-bottom-bx::after {content:""; width:1px; height:100%; position:absolute;}
    .phy-bottom-wrap::after {content:none;}
    .phy-bottom-bx:last-child::after{content:none;}

    .phy-middle-area a p {font-size:17px;}

    .phy-btn-bx {padding: 0; margin:0 auto; }
    .phy-middle-area a {width: 100%;}
    /* .phy-btn-bx > div {width: 100%; padding:0;} */
    .phy-btn-bx > div {padding: 0;}
    .phy-middle-wrap {min-width:184px;}

    .phy-bottom-bx {padding:0; padding-bottom: 20px; width:auto; float:unset}
    .phy-bottom-area {margin:0; min-width: 184px;}
    .phy-bottom-content ul {min-height:0;}
}


/*인사말*/
.greeting-wrap::after{content:""; display: table; clear: both;}
.greeting-image-box{width: 500px; float: left; position: relative;}
.greeting-image-box::after{content:"";display: block; position: absolute; right: -10px; bottom: -10px; background: url(../../images/sub/greeting_main_back.png) no-repeat; width: 100%; height: 100%; z-index: -1; background-size: cover;}
.greeting-name-box{width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.greeting-name-box > span{display: block; font-size: 15px; color: white; padding-left: 40px; position: absolute; bottom: 5.5%; letter-spacing: .6em; transform: skew(-10deg);}
.greeting-name-box .greeting-name{position: absolute; right: -50px; bottom: -30px; background-color: #A90057; text-align: center; color: white; padding: 40px 22px 18px 22px; border-top-left-radius: 50px;}
.greeting-name-box .greeting-name::after{content:""; display: block; position: absolute; width: 50px; height: 50px; right: -22px; bottom: -25px; background-color: rgba(206,40,86,.5); z-index: 2;}
.greeting-name-box .greeting-name span{font-size: 14px; line-height: 23px;}
.greeting-name-box .greeting-name h1{font-size: 30px; font-family:'Arita Medium';}
.greeting-name-box::after{content:""; display: table; clear: both;}
.greeting-text-box{width: calc(100% - 500px); float: left; padding-left: 122px;}
.greeting-text-header{position: relative; padding-right: 120px; padding-top: 21px;}
.greeting-text-header::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 86px; height: 77px; background: url(../../images/sub/dot_left.png) no-repeat;}
.greeting-text-header::after{content:""; display: block; position: absolute; right: 0; top: 0; width: 117px; height: 113px; background: url(../../images/sub/text_deco.png) no-repeat;}
.greeting-text-header span{font-size: 37px; font-family: 'Nanum Myeongjo'; font-weight: 400; color: #333333; font-style: italic; display: block; padding-left: 92px;}
.greeting-text-header h1{font-size: 32px; line-height: 50px; color: #a90056; font-family: 'Nanum Myeongjo'; font-weight: 700; font-style: italic; margin-top: 5px; display: inline-block; position: relative;}
.greeting-text-header h1 p{z-index: 2; position: relative; word-break: break-all;}
.greeting-text-header h1::after{content:""; display: block; position: absolute; right: -20px; bottom: -15px; width: 86px; height: 77px; background: url(../../images/sub/dot_right.png) no-repeat;}
.greeting-text-content{margin-top: 43px;}
.greeting-text-content li{margin-bottom: 25px;}
.greeting-text-content li:last-child{margin-bottom: 0;}
.greeting-text-content li h1{font-size: 18px; font-weight: 500; color: #222; margin-bottom: 5px;}
.greeting-text-content li p{font-size: 16px; line-height: 30px; color: #666;}
.greeting-text-content > p{font-size: 16px; color: #666; margin-top: 35px;}

@media all and (max-width: 1250px) {
  .greeting-image-box{width: 400px;}
  .greeting-name-box > span{bottom: 5%;}
  .greeting-text-box{width: calc(100% - 400px); padding-left: 80px;}
}

@media all and (max-width: 1024px) {
  .greeting-image-box{float: none; margin: 0 auto;}
  .greeting-text-box{width: 100%; float: none; padding-left: 0; margin-top: 70px;}
  .greeting-name-box > span {display: none;}
}

@media all and (max-width: 768px) {
  .greeting-image-box{width: calc(100% - 50px); margin: 0;}
  .greeting-image-box img{width: 100%;}
  .greeting-text-header::after{display: none;}
  .greeting-text-header{padding-right: 0;}
  .greeting-text-header span{font-size: 30px; padding-left: 0;}
  .greeting-text-header h1{font-size: 28px; line-height: 40px}
  .greeting-text-header::before, .greeting-text-header h1::after{display: none}
}

@media all and (max-width: 460px) {
  .greeting-name-box > span{padding-left: 20px; font-size: 12px; letter-spacing: .25em;}
}

/*약력*/
.history-wrap::after{content:""; display: table; clear: both;}
.history-wrap .history-image-box{width: 550px; float: left; position: relative; z-index: 2;}
.history-wrap .history-image-box::after{content:""; display: block; position: absolute; width: 100%; height: 100%; background: url(../../images/sub/history_background.png) no-repeat; background-size: cover; right: -10px; bottom: -10px; z-index: -1;}
.history-wrap .history-text-inner{width: calc(100% - 550px); float: right; margin-top: 50px;}
.history-wrap .history-text-box{background: url(../../images/sub/history_text_background.png) no-repeat; background-size: cover; padding: 41.25px 0 41.25px 90px; position: relative;}
.history-wrap .history-text-box::before{content:"Gangneung-Wonju National University"; display: block; position: absolute; right: 0; top: -31px; font-size: 24px; color: #dfdfdf; font-family: "Gm"; font-weight: 400;}
.history-wrap .history-text-box::after{content:""; display: block; position: absolute; width: 122px; height: 100px; background: url(../../images/sub/history_text_deco.png); right: 0; bottom: -32px;}
.history-wrap .history-text h1{font-weight: 500; font-size: 25px; color: #222222; margin-bottom: 10px;}
.history-wrap .history-text p{font-size: 17px; line-height: 30px; color: #666666}
.history-wrap .history-career-box{margin-left: 12.6%; position: relative; margin-top: 40px;}
.history-wrap .history-career-text{position: absolute; left: 0; top: 0; background: url(../../images/sub/career_background.png) no-repeat center center;}
.history-wrap .history-career-text::after{content:""; display:block; position: absolute; width: 207px; height: 129px; background: url(../../images/sub/career_deco.png) no-repeat center center; left: -28px; bottom: -31px; z-index: -1;}
.history-wrap .history-career-text h1{ color: white; font-size: 30px; line-height: 35px; font-weight: 500; padding: 56px 65.5px 70px 55.5px;}
.history-wrap .history-career-list{margin-left: 60px;}
.history-wrap .history-career-list > h1{text-align: center; font-size: 60px; color: rgba(169,0,87,.3); font-family:'Titil Bold';}
.history-wrap .history-career-list ul{position: relative;}
.history-wrap .history-career-list ul::before{content:""; display: block; position: absolute; width: 1px; height: 94%; background-color : #d8d8d8; left: 50%; top: 17px;}
.history-wrap .history-career-list li{margin-bottom: 25px;}
.history-wrap .history-career-list li:last-child{margin-bottom: 0;}
.history-wrap .history-career-list li:nth-child(odd){text-align: left;}
.history-wrap .history-career-list li:nth-child(even){text-align: right;}
.history-wrap .history-career-list li:nth-child(odd) .history-career{text-align: right; padding-right: 30px;}
.history-wrap .history-career-list li:nth-child(even) .history-career{text-align: left; padding-left: 30px;}
.history-wrap .history-career-list .history-career{width: 50%; display: inline-block; position: relative;}
.history-wrap .history-career-list .history-career::before{content:""; display: block; position: absolute; width: 10px; height: 10px; background-color: #a90057; border-radius: 50%;}
.history-wrap .history-career-list .history-career::after{content:""; display: block; position: absolute; width: 6px; height: 3px; background-color: #a90057;}
.history-wrap .history-career-list li:nth-child(odd) .history-career::before{right: -5px; top: 15px;}
.history-wrap .history-career-list li:nth-child(odd) .history-career::after{right: 7px; top: 19px;}
.history-wrap .history-career-list li:nth-child(even) .history-career::before{left: -5px; top: 15px;}
.history-wrap .history-career-list li:nth-child(even) .history-career::after{left: 7px; top: 19px;}
.history-wrap .history-career-list .history-career h1{font-weight: 600; color: #969697; font-size: 30px; margin-bottom: 7px;}
.history-wrap .history-career-list .history-career p{color: #666666;}

@media all and (max-width: 1600px) {
  .history-wrap .history-career-box{margin-left: 50px}
}

@media all and (max-width: 1500px) {
  .history-wrap .history-image-box{width: 400px}
  .history-wrap .history-text-inner{width: calc(100% - 400px);}
  .history-wrap .history-career-list{margin-left: 140px;}
  .history-wrap .history-career-list > h1{font-size: 50px;}
  .history-wrap .history-career-list .history-career h1{font-size: 22px;}
  .history-wrap .history-career-list .history-career p{font-size: 14px;}
}

@media all and (max-width: 1250px) {
  .history-wrap .history-career-list > h1{font-size: 40px; line-height: 50px;}
  .history-wrap .history-career-list > h1 span{display : block;}
  .history-wrap .history-career-text h1{font-size: 20px; padding: 50px 65.5px 60px 55.5px;}
  .history-wrap .history-career-text{background-size: cover;}
}

@media all and (max-width: 1024px) {
  .history-wrap .history-image-box{float: none; margin: 0 auto;}
  .history-wrap .history-text-box{padding: 41.25px 10px; text-align: center;}
  .history-wrap .history-text-inner{width: 100%; float: none;}
  .history-wrap .history-career-text{position: relative; width: 159px; margin: 0 auto;}
  .history-wrap .history-career-box{margin-left: 0;}
  .history-wrap .history-career-list{margin-top: 50px; margin-left: 0;}
  .history-wrap .history-career-list > h1 span{display: inline-block; margin: 0 5px;}
  .history-wrap .history-career-list ul{margin-top: 20px;}
  .history-wrap .history-career-list ul::before{height: 95%;}
}

@media all and (max-width: 768px) {
  .history-wrap .history-text-box::before{font-size: 16px; top: -20px;}
}

@media all and (max-width: 500px) {
  .history-wrap .history-image-box{width: 100%;}
  .history-wrap .history-text-box::before{font-size: 13px; top: -16px;}
}

/*역대교장*/
.frame-list ul{margin: 0 -2.2%;}
.frame-list ul::after{content:""; display: table; clear: both;}
.frame-list li{float: left; width: 16.6666%; position: relative; padding: 0 2.2%;}
.frame-list li .frame-background img{width: 100%;}
.frame-list li .frame-content{position: absolute; left:0; top: 18%; width: 100%; text-align: center;}
.frame-list li.line-two .frame-content{top: 16%;}
.frame-list li .frame-image{width: 40.2%; display: inline-block; position: relative;}
.frame-list li .frame-image::before{content:""; display: block; position: absolute; width: calc(100% + 10px); height: calc(100% + 10px); border: 5px solid white; left: -5px; top: -5px; z-index: 2;}
.frame-list li .frame-image::after{content:""; display: block; position: absolute; width: calc(100% + 10px); height: calc(100% + 10px); box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.35); left: -5px; top: -5px; z-index: 3;}
.frame-list li .frame-info{margin-top: 17px; padding: 0 20%;}
.frame-list li .frame-info h1{font-size: 14px; color: #1c1c1c}
.frame-list li .frame-info p{font-size: 14px; color: #666666;}

@media all and (max-width: 1500px) {
  .frame-list li{width: 23%; margin-top: 20px;}
  .frame-list li:nth-child(-n+4){margin-top: 0;}
}

@media all and (max-width: 1024px) {
  .frame-list li{width: 25%; margin-bottom: 30px;}
  .frame-list li .frame-info p{font-size: 13px;}
  .frame-list li .frame-info{padding: 0 16%; margin-top: 12px;}
}

@media all and (max-width: 768px) {
  .frame-list li{width: 33.3333%;}
}

@media all and (max-width: 600px) {
  .frame-list li{width: 50%;}
  .frame-list li .frame-info{margin-top: 13%;}
  .frame-list li.line-two .frame-info{margin-top: 10%;}
}

/*교훈*/
.lesson-wrap{text-align: center;}
.lesson-image{width: 100%; height: 500px; background: url(../../images/sub/lesson_background.jpg) no-repeat top center; position: relative; background-size: cover;}
.lesson-image::before{content:""; display: block; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); top: 10px; left: 10px; border: 1px solid rgba(255,255,255,0.7);}
.lesson-content{display: inline-block; background-color: white; position: relative; margin-top: -152px; padding: 0 5%; width: 75%; max-width: 1200px;}
.lesson-content-box{margin-top: -58px;}
.lesson-content .lesson-title{padding: 74px 42.5px 82px 33.5px; display: inline-block; background: url(../../images/sub/career_background.png) no-repeat center center;}
.lesson-content .lesson-title h1{font-size: 22px; font-weight: 500; color: white;}
.lesson-text-top{position: relative;}
.lesson-text-top h1{font-weight: 500; font-size: 25px; line-height: 40px; color: #222222; padding-bottom: 20px;}
.lesson-text-top::after{content:""; display: block; width: 77%; height: 1px; background-color: #d8d8d8; margin: 0 auto;}
.lesson-text-bottom{margin-top: 30px;}
.lesson-text-bottom p{font-size: 17px; line-height: 30px; color: #666;}
.color_1{color: #a90057;}
.color_2{color: #008dfa;}
.color_3{color: #ff6600;}
.lesson-content-image{margin-top: 30px; background: url(../../images/sub/lesson_background.png) no-repeat bottom 13% center;}
.lesson-content-image li{display: inline-block; position: relative; width: 43%; vertical-align: top;}
.lesson-content-image li.lesson-color-1 {display: block; width: 40%; margin: 0 auto;}
.lesson-content-image li h1{width: 210px; text-align: center; border-radius: 20px; border-top-left-radius: 0; color: white; font-size: 18px; padding: 9px 0; margin: 0 auto;}
.lesson-content-image li h1 .lesson-bold{font-weight: 500;}
.lesson-content-image li h1 .lesson-noto{font-family: "Noto Medium";}
.lesson-content-image .lesson-color-1 h1{background-color: #a90057}
.lesson-content-image .lesson-color-2 h1{background-color: #25aae2}
.lesson-content-image .lesson-color-3 h1{background-color: #f39100}
.lesson-content-image li p{font-weight: 400; font-size: 14px; line-height: 23px; color: #666666;}
.lesson-content-image li p span{display: block; color: #003162; margin-bottom: 5px; font-size: 16px; margin-top: 10px; font-weight: 400;}
.lesson-content-image li .lesson-content-image-img{position: relative;}
.lesson-content-image .lesson-content-image-img img{position: relative; z-index: 2;}
.lesson-content-image .lesson-color-1 .lesson-content-image-img{padding-top: 45px;}
.lesson-content-image .lesson-color-1 .lesson-content-image-img::before{content:""; display: block; position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #949494; left: 50%; top: 0; margin-left: -6px;}
.lesson-content-image .lesson-color-1 .lesson-content-image-img::after{content:""; display: block; position: absolute; width: 1px; height: 100%; background-color: #949494; left: 50%; bottom: 0;}
.lesson-content-image .lesson-color-2{top: -30px; right: 8px;}
.lesson-content-image .lesson-color-2 .lesson-content-image-text{float: left; margin-top: 22px; width: calc(100% - 215px);}
.lesson-content-image .lesson-color-2 .lesson-content-image-img{float: right; padding-left: 42px; width: 215px;}
.lesson-content-image .lesson-color-2 .lesson-content-image-img::before{content:""; display: block; position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #949494; left: 0; top: 50%; margin-top: -6px;}
.lesson-content-image .lesson-color-2 .lesson-content-image-img::after{content:""; display: block; position: absolute; width: 100%; height: 1px; background-color: #949494; left: 0; top: 50%;}
.lesson-content-image .lesson-color-3{top: -30px; left: 8px;}
.lesson-content-image .lesson-color-3 .lesson-content-image-text{float: right; margin-top: 22px; width: calc(100% - 215px);}
.lesson-content-image .lesson-color-3 .lesson-content-image-img{float: left; padding-right: 42px; width: 215px;}
.lesson-content-image .lesson-color-3 .lesson-content-image-img::before{content:""; display: block; position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #949494; right: 0; top: 50%; margin-top: -6px;}
.lesson-content-image .lesson-color-3 .lesson-content-image-img::after{content:""; display: block; position: absolute; width: 100%; height: 1px; background-color: #949494; right: 0; top: 50%;}


/* @media all and (max-width: 1500px) {
  .lesson-content{width: 90%;}
}

@media all and (max-width: 1250px) {
  .lesson-content-image{background: none;}
  .lesson-content-image li .lesson-content-image-img{width: 110px;}
  .lesson-content-image .lesson-color-1 .lesson-content-image-img{margin: 0 auto; margin-bottom: 14px;}
  .lesson-content-image .lesson-color-2 .lesson-content-image-img, .lesson-content-image .lesson-color-3 .lesson-content-image-img{width: 152px;}
} */

@media all and (max-width: 1023px) {
  .lesson-content-image{background: none;}
  .lesson-image{height: 400px;}
  .lesson-content-image{background: none; text-align: center;}
  .lesson-content-image li{position: static; display: inline-block; margin-bottom: 50px; width: 45%;}
  .lesson-content-image li:last-child{margin-bottom: 0;}
  .lesson-content-image .lesson-color-1 .lesson-content-image-text{margin-bottom: 20px;}
  .lesson-content-image .lesson-color-2{top: 0;}
  .lesson-content-image .lesson-color-2 .lesson-content-image-text{float: none; margin-right: 0; margin-bottom: 10px;  width: 100%;}
  .lesson-content-image .lesson-color-2 .lesson-content-image-img{float: none;  width: 100%;}
  .lesson-content-image .lesson-color-3{top: 0; left: 0;}
  .lesson-content-image .lesson-color-3 .lesson-content-image-text{float: none; margin-left: 0; margin-bottom: 20px; width: 100%;}
  .lesson-content-image .lesson-color-3 .lesson-content-image-img{float: none;  width: 100%;}
  .lesson-content-image .lesson-color-2 .lesson-content-image-img, .lesson-content-image .lesson-color-3 .lesson-content-image-img{padding-top: 45px;}
  .lesson-content-image .lesson-color-2 .lesson-content-image-img{padding-left: 0; margin: 0 auto;}
  .lesson-content-image .lesson-color-3 .lesson-content-image-img{padding-right: 0; margin: 0 auto;}
  .lesson-content-image .lesson-color-2 .lesson-content-image-img::before{left: 50%; top: 0; margin-top: 0; margin-left: -6px;}
  .lesson-content-image .lesson-color-2 .lesson-content-image-img::after{width: 1px; height: 100%; left: 50%; top: 0;}
  .lesson-content-image .lesson-color-3 .lesson-content-image-img::before{right: 50%; top: 0; margin-top: 0; margin-right: -6px;}
  .lesson-content-image .lesson-color-3 .lesson-content-image-img::after{width: 1px; height: 100%; right: 50%; top: 0;}
  .lesson-content-image br{display: none;}
}

@media all and (max-width: 768px){
  .lesson-image {height: 240px;}
  .lesson-content {background: none; margin-top: -48px; width: 100%;}
  .lesson-text-top h1{font-size: 20px; line-height: 30px;}

  .lesson-content-image li.lesson-color-1 {width: 100%;}
  .lesson-content-image li {display: block; width: 100%;}
}

/*사명*/
.mission-wrap{text-align: center;}
.mission-image{width: 100%; height: 500px; background: url(../../images/sub/mission_background.jpg) no-repeat top center; position: relative; background-size: cover;}
.mission-image::before{content:""; display: block; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); top: 10px; left: 10px; border: 1px solid rgba(255,255,255,0.7);}
.mission-content{display: inline-block; background-color: white; position: relative; margin-top: -152px; padding: 0 5%; width: 100%; max-width: 1200px;}
.mission-content-box{margin-top: -58px;}
.mission-content .mission-title{width:177px; padding: 50px 46.5px 67px 37.5px; display: inline-block; background: url(../../images/sub/mission_title_background.png) no-repeat center center;}
.mission-content .mission-title h1{font-size: 16px; font-weight: 500; line-height:26px; color: white;}
.mission-content .mission-title h1 span{font-size: 27px; font-weight: 500; color: white; display: block;}
.mission-text-inner{margin-top: 85px;}
.mission-text p{font-size: 25px; line-height: 40px; font-weight: 500;}
.mission-main-title{display: inline-block; background-color: #ededed; position: relative; padding: 22.75px 128px; border-radius: 50px;}
.mission-main-title::before{content:""; display: block; position: absolute; width: 47px; height: 51px; background: url(../../images/sub/title_deco.png); left: 50%; margin-left: -23.5px; top: -33px;}
.mission-main-title p{font-size: 23px; color: #222; font-weight: 500;}
.mission-chapter{margin-top: 80px; margin-bottom: 10px;}
.mission-chapter ul::after{content:""; display: table; clear: both;}
.mission-chapter li{float: left; width: 33.3333%; padding: 0 45px;}
.mission-chpater-box{position: relative; position: relative; border-radius: 20px;}
.mission-chapter .mission-chapter-logo{width: 70px; height: 70px; border-radius: 50%; position: absolute; top: -35px; left: 50%; margin-left: -35px;}
.mission-chapter li:nth-child(1) .mission-chpater-box{border: 3px solid #e83692;}
.mission-chapter li:nth-child(2) .mission-chpater-box{border: 3px solid #53a3eb;}
.mission-chapter li:nth-child(3) .mission-chpater-box{border: 3px solid #e89451;}
.mission-chapter li:nth-child(1) .mission-chapter-logo{background: #a90057 url(../../images/sub/mission_icon_1.png) no-repeat center center;}
.mission-chapter li:nth-child(2) .mission-chapter-logo{background: #0067c3 url(../../images/sub/mission_icon_2.png) no-repeat center center;}
.mission-chapter li:nth-child(3) .mission-chapter-logo{background: #ff7200 url(../../images/sub/mission_icon_3.png) no-repeat center center;}
.mission-chapter .mission-chapter-title{padding: 44px 0 142px;}
.mission-chapter .mission-chapter-title p{font-weight: 500; font-size: 18px;}
.mission-chapter li:nth-child(1) .mission-chapter-title p{color : #a90057}
.mission-chapter li:nth-child(2) .mission-chapter-title p{color : #0067c3}
.mission-chapter li:nth-child(3) .mission-chapter-title p{color : #ff7200}
.mission-chapter-content{position: absolute; width: calc(100% + 6px); left: -3px; background-color: white; bottom: -3px;}
.mission-chapter-content-box{height: 120px; display: table; width: 100%; border-radius: 20px;}
.mission-chapter li:nth-child(1) .mission-chapter-content-box{background: url(../../images/sub/mission_back_1.png) no-repeat center center;}
.mission-chapter li:nth-child(2) .mission-chapter-content-box{background: url(../../images/sub/mission_back_2.png) no-repeat center center;}
.mission-chapter li:nth-child(3) .mission-chapter-content-box{background: url(../../images/sub/mission_back_3.png) no-repeat center center;}
.mission-chapter-content-box p{display: table-cell; vertical-align: middle; padding:0 20px; line-height: 25px; color: white;}
.mission-chapter-order{padding-top: 55px; background: url(../../images/sub/mission_arrow.png) no-repeat top center; margin-top: 30px;}
.mission-chapter-order-box{background: url(../../images/sub/mission_line.png); height: 80px; width: 100%; display: table; position: relative; border-radius: 50px;}
.mission-chapter-order-box::before{content:""; display: block; position: absolute; width: calc(100% - 14px); height: calc(100% - 14px); left: 7px; top: 7px; border-radius: 50px; background-color: white;}
.mission-chapter-order-box p{display: table-cell; vertical-align: middle; font-weight: 500; font-size: 18px; color: #666666; position: relative; z-index: 3;}

@media all and (max-width: 1500px) {
  .mission-content{width: 90%;}
  .mission-chapter li{padding: 0 20px;}
  .mission-chapter-content-box p{font-size: 14px; line-height: 20px;}
}

@media all and (max-width: 1024px) {
  .mission-image{height: 400px;}
  .mission-chapter li{float: none; width: 100%; padding: 0; margin-bottom: 50px;}
  .mission-chapter li:last-child{margin-bottom: 0;}
  .mission-chapter li:nth-child(1) .mission-chapter-content-box,.mission-chapter li:nth-child(2) .mission-chapter-content-box,.mission-chapter li:nth-child(3) .mission-chapter-content-box{background-size: cover;}
  .mission-chapter-content-box p{font-size: 16px; line-height: 25px; padding: 0 20px;}
}

@media all and (max-width: 768px) {
  .mission-text-inner {margin-top: 30px;}
  .mission-image{height: 300px;}
  .mission-text p{font-size: 20px; line-height: 30px;}
  .mission-chapter-content-box p{font-size: 14px; line-height: 20px;}
}

@media all and (max-width: 460px) {
  .mission-main-title{display: block; padding: 22px 0; width: 100%;}
}

/*비전*/
.vision-list ul{margin: 0 -42.5px; padding-left: 27px;}
.vision-list ul::after{content:""; display: table; clear: both;}
.vision-list li{width: 25%; float: left; padding: 0 20px;}
.vision-box{position: relative;}
.vision-box .vision-logo-box{position: absolute; width: 100px; height: 100px; top: -75px; left: -30px; border-radius: 50%;}
.vision-list li:nth-child(1) .vision-box .vision-logo-box{background-color: #a90057;}
.vision-list li:nth-child(2) .vision-box .vision-logo-box{background-color: #25aae2;}
.vision-list li:nth-child(3) .vision-box .vision-logo-box{background-color: #f39100;}
.vision-list li:nth-child(4) .vision-box .vision-logo-box{background-color: #a18e6b;}
.vision-box .vision-logo{width: 54px; height: 54px; margin: 0 auto; margin-top: 10px;}
.vision-list li:nth-child(1) .vision-box .vision-logo{background: url(../../images/sub/vision_1.png) no-repeat center center;}
.vision-list li:nth-child(2) .vision-box .vision-logo{background: url(../../images/sub/vision_2.png) no-repeat center center;}
.vision-list li:nth-child(3) .vision-box .vision-logo{background: url(../../images/sub/vision_3.png) no-repeat center center;}
.vision-list li:nth-child(4) .vision-box .vision-logo{background: url(../../images/sub/vision_4.png) no-repeat center center;}
.vision-box .vision-logo-box p{font-size: 13px; color: white; position: absolute; width: 100%; left: 0; bottom: 15px; text-align: center;}
.vision-list li .vision-box{border-radius: 20px;}
.vision-list li:nth-child(1) .vision-box{border: 3px solid #e83692;}
.vision-list li:nth-child(2) .vision-box{border: 3px solid #79cef2;}
.vision-list li:nth-child(3) .vision-box{border: 3px solid #f0b358;}
.vision-list li:nth-child(4) .vision-box{border: 3px solid #e0d0b2;}
.vision-list li .vision-box h1{display: flex; justify-content: center; align-items: center; width: 100%; min-height: 233px; font-weight: 500; font-size: 18px; line-height: 21px; text-align: center; padding: 30px 0 140px}
.vision-list li:nth-child(1) .vision-box h1{color: #a90057;}
.vision-list li:nth-child(2) .vision-box h1{color: #25aae2;}
.vision-list li:nth-child(2) .vision-box h1 em {display: none;}
.vision-list li:nth-child(3) .vision-box h1{color: #f39100;}
.vision-list li:nth-child(4) .vision-box h1{color: #9d8456;}
.vision-list li .vision-content{position: absolute; background-color: white; left: -3px; bottom: -3px; width: calc(100% + 6px);}
.vision-list li .vision-content-box{width: 100%; height: 120px; display: table; border-radius: 20px;}
.vision-list li:nth-child(1) .vision-content-box{background: url(../../images/sub/mission_back_1.png) no-repeat center center; background-size: cover;}
.vision-list li:nth-child(2) .vision-content-box{background: url(../../images/sub/mission_back_2.png) no-repeat center center; background-size: cover;}
.vision-list li:nth-child(3) .vision-content-box{background: url(../../images/sub/mission_back_3.png) no-repeat center center; background-size: cover;}
.vision-list li:nth-child(4) .vision-content-box{background: url(../../images/sub/mission_back_4.png) no-repeat center center; background-size: cover;}
.vision-list li .vision-content-box p{display: table-cell; vertical-align: middle; font-size: 14px; color: white; text-align: center; padding:5px 10px;}

@media all and (max-width: 1680px) {
  .vision-list ul{margin: 0;  padding-left: 0;}
  .vision-list li{padding: 0 20px;}
}

@media all and (max-width: 1440px) {
  .vision-list li{width: 50%; margin-bottom: 90px;}
  .vision-list li .vision-content-box p{padding: 0 10px;}
}

@media all and (max-width: 768px) {
  .vision-list li{width: 100%; float: none;}
  .vision-list li .vision-box h1 {display: block; min-height: auto;}
  .vision-list li:nth-child(2) .vision-box h1 em {display: block;}
}

@media all and (max-width: 460px) {
  .vision-list li .vision-box h1{font-size: 16px;}
}

/*연력*/
.all-history-wrap{margin-bottom: 70px;}
.all-history-wrap > h1{font-size: 48px; line-height: 60px; color: #dfdfdf; text-align: center; font-family: "Gm"; font-weight: 600; margin-bottom: 40px;}
.all-history-inner ul::after{content:""; display: table; clear: both;}
.all-history-inner> ul > li{width: 50%; float: left;}
.all-history-inner li::after{content:""; display: table; clear: both;}
.all-history-inner li .all-history-title{float: left; position: relative; margin-left: 30px;}
.all-history-inner li .mobile-history-content{display: none;}
.all-history-inner li:nth-child(1) .all-history-title{background: url(../../images/sub/career_background.png) no-repeat center; background-size: cover;}
.all-history-inner li:nth-child(1) .all-history-title::before{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 207px; height: 129px; background: url(../../images/sub/career_deco.png) no-repeat center center; left: -28px; bottom: -31px; z-index: -1;}
.all-history-inner li:nth-child(2) .all-history-title{background: url(../../images/sub/history_title_background.png);}
.all-history-inner li:nth-child(2) .all-history-title::before{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 207px; height: 129px; background: url(../../images/sub/career_deco_2.png) no-repeat center center; left: -28px; bottom: -31px; z-index: -1;}
.all-history-inner li .all-history-title h1{font-weight: 500;color: white; font-size: 25px; width: 177px; height: 196px; display: flex;  align-items: center; justify-content: center; margin-top: -5px; margin-left: -7px;}
.all-history-inner li .all-history-content{float: right; width: calc(100% - 210px); margin-top: 45px;}
.all-history-inner li .all-history-content h1{font-family:'Titil Bold'; font-size: 60px; line-height: 47px; opacity: 0.3;}
.all-history-inner li:nth-child(1) .all-history-content h1{color: #a90057;}
.all-history-inner li:nth-child(2) .all-history-content h1{color: #f39100;}
.all-history-inner li .all-history-content ul{margin-left: 30px; margin-top: 35px; position: relative;}
.all-history-inner li .all-history-content ul::before{content:""; display: block; position: absolute; left: 4px; top: 20px; width: 1px; height: calc(100% - 40px); background-color: #d8d8d8;}
.all-history-inner li .all-history-content li{padding-left: 30px; position: relative; margin-bottom: 35px;}
.all-history-inner li .all-history-content li:last-child{margin-bottom: 0;}
.all-history-inner li .all-history-content li::before{content:""; display: block; position: absolute; left: 0; top: 16px; width: 10px; height: 10px; border-radius: 50%; background-color: #a90057;}
.all-history-inner li .all-history-content li::after{content:""; display: block; position: absolute; width: 6px; height: 3px; left: 12px; top:20px; background-color: #a90057;}
.all-history-inner li .all-history-content li a{width: 100%; height: 100%; display: block;}
.all-history-inner li .all-history-content li a::after{content:""; display: table; clear: both;}
.all-history-inner li .all-history-content li span{display: block; font-weight: 600; font-size: 25px; color: #969697; margin-right: 30px;}
.all-history-inner li .all-history-content li p{ color: #666666; line-height: 37.5px;}
.all-history-inner li:nth-child(2) .all-history-content li::before{background-color: #f39100;}
.all-history-inner li:nth-child(2) .all-history-content li::after{background-color: #f39100;}

.sub-history-wrap{position: relative; border-top: 1px dashed #dddddd;}
.sub-history-title{position: absolute; width: 200px; height: 200px; background: #f0ece4 url(../../images/sub/main_logo.png) no-repeat center center; border-radius: 50%; top: -100px; left: 50%; margin-left: -100px;}
.sub-history-title::after{content:""; display: block; position: absolute; width: 100%; height: 100%; background: url(../../images/sub/main_logo_background.png); right: -5px; bottom: -5px; z-index: -1;}
.sub-history-list::after{content:""; display: table; clear: both;}
.sub-history-list > ul{width: 48%; float: left; padding-top: 120px;}
.sub-history-list > ul:first-child {margin-right: 2%;}
.sub-history-list > ul > li a{display: block; width: 100%; height: 100%;}
.sub-history-list > ul > li a::after{content:""; display: table; clear: both;}
.sub-history-list > ul > li > span{font-family: "Titil Bold"; font-size: 50px; color: #bcbcbc; display: block; }
.sub-history-list > ul > li ul{margin-bottom: 30px;}
.sub-history-list > ul > li ul li{margin-bottom: 5px;}
.sub-history-list > ul > li ul li:last-child{margin-bottom: 0;}
.sub-history-list > ul > li li::after{content:""; display: table; clear: both;}
.sub-history-list > ul > li li span{float: left; font-weight: 500; color: #969697; font-size: 20px; padding-right: 23px; background: url(../../images/sub/sub_history_arrow.png) no-repeat right center; display: block; margin-right: 10px; width: 90px;}
.sub-history-list > ul > li li p{float: right; color: #666666; width: calc(100% - 100px); margin-top: 3px;}

@media all and (max-width: 1400px) {
  .all-history-inner li .all-history-content li span{float: none; margin-right: 0;}
  .all-history-inner li .all-history-content li p{float: none; margin-top: 10px;}
  .all-history-inner li .all-history-content ul::before{height: calc(100% - 80px);}
  .all-history-inner li .all-history-content h1{font-size: 50px; line-height: 40px;}
}

@media all and (max-width: 1024px) {
  .all-history-wrap > h1{font-size: 35px; line-height: 50px;}
  .all-history-inner> ul > li{width: 100%; float: none;}
  .all-history-inner li .all-history-content li span{width: 100%; float: left; margin-right: 30px;}
  .all-history-inner li .all-history-content li p{float: left; margin-top: 0; width: calc(100% - 140px);}
  .all-history-inner li .all-history-content ul::before{height: calc(100% - 40px);}
  .sub-history-wrap{margin-top: 150px;}
  .sub-history-list{padding-top: 100px;}
  .sub-history-list > ul{width: 100%; float: none; padding-top: 0;}
  .sub-history-list > ul > li{margin-bottom: 20px;}
}

@media all and (max-width: 768px) {
  .all-history-inner-header {text-align: center;}
  .all-history-inner li .all-history-title{float: none; display: inline-block;}
  .all-history-inner li .all-history-content{float: none; width: 100%; margin-top: 0;}
  .all-history-inner li .all-history-content h1 {text-align: center;}
  .all-history-inner> ul > li{margin-bottom: 50px;}
  .all-history-inner> ul > li:last-child{margin-bottom: 0;}
  .sub-history-list > ul > li a > span{font-size: 35px;}
  .sub-history-list > ul > li a ul{width: calc(100% - 100px);}
  .sub-history-list > ul > li a ul{margin-top: 13px;}
  .sub-history-list > ul > li a li span{width: 75px; padding-right: 15px;}
  .sub-history-list > ul > li a li p{width: calc(100% - 75px);}
}

@media all and (max-width: 500px) {
  .all-history-inner li .all-history-content li span{float: none; margin-right: 0;}
  .all-history-inner li .all-history-content li p{float: none; margin-top: 0; width: 100%; line-height: 23px; margin-top: 5px;}
  .all-history-inner li .all-history-content ul::before{height: calc(100% - 80px);}
  .all-history-inner-header::after{content:""; display: table; clear: both;}
  .all-history-inner li .all-history-title{margin-left: 0;}
  .all-history-inner li:nth-child(1) .all-history-title{background-size: cover;}
  .all-history-inner li:nth-child(2) .all-history-title{background-size: cover;}
  .all-history-inner li .all-history-title h1{font-size: 20px; padding: 40px 35px 50px 32px;}
  .all-history-inner li .mobile-history-content{display: block; margin-bottom: 20px;}
  .all-history-inner li .mobile-history-content h1{font-size: 29px; line-height: 27px; font-family: "Titil Bold"; opacity: .3;}
  .all-history-inner li:nth-child(1) .all-history-title::before{background-size: cover; width: 150px; height: 93px; bottom: 0;}
  .all-history-inner li:nth-child(2) .all-history-title::before{background-size: cover; width: 150px; height: 93px; bottom: 0;}
  .all-history-inner li:nth-child(1) .mobile-history-content h1{color: #a90057;}
  .all-history-inner li:nth-child(2) .mobile-history-content h1{color: #f39100;}
  .all-history-inner li .all-history-content h1{display: none;}
  .all-history-inner li .all-history-content{clear: both; margin-top: 0;}
  .all-history-inner li .all-history-content ul{margin-top: 15px;}
  .sub-history-title{width: 140px; height: 140px; top: -70px; margin-left: -70px; background-size: 55%;}
  .sub-history-title::after{background-size: cover;}

}

/*비전이념체계*/
.system-list > ul > li{margin-bottom: 40px;}
.system-list > ul > li:last-child{margin-bottom:0 ;}
.system-list > ul > li::after{content:""; display: table; clear: both;}
.system-list > ul > li .system-title{float: left; padding-right: 46px; background: url(../../images/sub/system_line.png) no-repeat right 10px center;}
.system-list > ul > li .system-title-text{width: 154px; height: 174px; display: table;}
.system-list > ul > li .system-title-text h1{font-size: 20px; color: white; font-weight: 500; text-align: center; display: table-cell; vertical-align: middle; padding: 13px;}
.system-list > ul > li:nth-child(1) .system-title-text{background: url(../../images/sub/system_1.png) no-repeat center center}
.system-list > ul > li:nth-child(2) .system-title-text{background: url(../../images/sub/system_2.png) no-repeat center center}
.system-list > ul > li:nth-child(3) .system-title-text{background: url(../../images/sub/system_3.png) no-repeat center center}
.system-list > ul > li:nth-child(4) .system-title-text{background: url(../../images/sub/system_4.png) no-repeat center center}
.system-list > ul > li:nth-child(5) .system-title-text{background: url(../../images/sub/system_5.png) no-repeat center center}
.system-content{float: right; width: calc(100% - 200px); background: url(../../images/sub/mission_line.png); border-radius: 100px; position: relative; height: 174px;}
.system-list > ul > li:last-child .system-content{background: none;}
.system-content::before{content:""; display: block; position: absolute; width: calc(100% - 14px); height: calc(100% - 14px); top: 7px; left: 7px; border-radius: 100px; background-color: white;}
.system-list > ul > li:last-child .system-content::before{display: none;}
.system-content-box{position: relative; z-index: 2; height: 100%; display: table; text-align: center; width: 100%;}
.system-logo-inner{display: table-cell; vertical-align: middle;}
.system-logo-box{display: inline-block;}
.system-logo-box::after{content:""; display: table; clear: both;}
.system-logo-box li{float: left; padding: 0 104px; background: url(../../images/sub/system_plus.png) no-repeat right center;}
.system-logo-box li:first-child{padding-left: 0;}
.system-logo-box li:last-child{padding-right: 0; background: none;}
.system-logo-box li .system-logo{width: 76px; height: 76px;}
.system-logo-box li:nth-child(1) .system-logo{background: url(../../images/sub/system_logo_1.png) no-repeat center center;}
.system-logo-box li:nth-child(2) .system-logo{background: url(../../images/sub/system_logo_2.png) no-repeat center center;}
.system-logo-box li:nth-child(3) .system-logo{background: url(../../images/sub/system_logo_3.png) no-repeat center center;}
.system-logo-box li p{font-size: 18px; font-weight: 500; text-align: center; color: #666666; position: relative; display: inline-block; padding: 0 20px;}
.system-logo-box li p::after{content:""; display: block; position: absolute; width: 28px; height: 28px; right: 0; top: -6px; border-radius: 50%;}
.system-logo-box li:nth-child(1) p::after{background-color: rgba(169,0,87,0.2)}
.system-logo-box li:nth-child(2) p::after{background-color: rgba(37,170,226,0.2)}
.system-logo-box li:nth-child(3) p::after{background-color: rgba(243,145,0,0.2)}
.system-content-box > p{display: table-cell; vertical-align: middle; font-weight: 500; font-size: 18px; color: #666666;}
.system-content-box > h1{display: table-cell; vertical-align: middle; font-weight: 500; font-size: 23px; color: #666666;}
.system-price-list-box{display: table-cell; vertical-align: middle; text-align: center;}
.system-price-list{display: inline-block;}
.system-price-list::after{content:""; display: table; clear: both;}
.system-price-list li{float: left; padding: 0 73px; background: url(../../images/sub/system_plus.png) no-repeat right center;}
.system-price-list li:first-child{padding-left: 0;}
.system-price-list li:last-child{padding-right: 0; background: none;}
.system-price-list li h1{font-weight: 500; font-size: 27px; color: #666666; margin-bottom: 10px; display: inline-block; position: relative; padding: 0 15px;}
.system-price-list li h1::after{content:""; display: block; position: absolute; width: 28px; height: 28px; border-radius: 50%; right: 0; top: -6px;}
.system-price-list li:nth-child(1) h1::after{background-color: rgba(169,0,87,0.2)}
.system-price-list li:nth-child(2) h1::after{background-color: rgba(37,170,226,0.2)}
.system-price-list li:nth-child(3) h1::after{background-color: rgba(243,145,0,0.2)}
.system-price-list li h1 span{font-family: "Noto Regular";}
.system-person-inner{display: table-cell; vertical-align: middle; text-align: center;}
.system-person-title{width: 430px; height: 80px; border-radius: 100px; background: url(../../images/sub/system_title_background.png) no-repeat center center; display: table; margin: 0 auto;}
.system-person-title p{font-weight: 500; font-size: 18px; color: #222222; display: table-cell; vertical-align: middle;}
.system-person-box ul{margin: 0 -28px; position: relative;}
.system-person-box ul::before{content:""; display: block; position: absolute; top: 17px; width: 66.6%; height: 1px; background-color: #d6d6d6; left: 16.7%;}
.system-person-box ul::after{content:""; display: table; clear: both;}
.system-person-box li{float: left; width: 33.3333%; padding: 0 28px; position: relative; padding-top: 32px;}
.system-person-box li::before{content:""; display: block; position: absolute; width: 1px; height: calc(100% - 17px); background-color: #d6d6d6; left: 50%; top: 17px;}
.system-person-box li:nth-child(2)::before{top: 0;}
.system-person{height: 80px; display: table; background: url(../../images/sub/mission_line.png); position: relative; border-radius: 100px; width: 100%;}
.system-person::before{content:""; display: block; position: absolute; width: calc(100% - 14px); height: calc(100% - 14px); left: 7px; top: 7px; background-color: white; border-radius: 100px;}
.system-person-box li p{display: table-cell; vertical-align: middle; color: #666666; font-size: 18px; position: relative; z-index: 2;}


@media all and (max-width: 1400px) {
  .system-content-box > p{padding: 0 20px;}
}

@media all and (max-width: 1069px) {
  .system-price-list li {padding: 0 50px 0 20px}
  .system-price-list li h1 {font-size: 23px;}
}
@media all and (max-width: 1024px) {
  .system-logo-box li{padding: 0 50px 0 20px;}
  .system-price-list li{padding: 0 50px 0 20px;}
  .system-person-box li{padding: 0 15px; padding-top: 32px;}
}
@media all and (max-width: 877px) {
  .system-price-list li {padding: 0 20px 0 20px}
  .system-price-list li h1 {font-size: 20px;}
  .system-price-list li p {font-size: 14px;}


}
@media all and (max-width: 768px) {
  .system-list > ul > li .system-title{float: none; padding-bottom: 23px; background: none; padding-right: 0;}
  .system-list > ul > li .system-title-text{margin: 0 auto;}
  .system-content{float: none; width: 100%; height: auto; padding: 30px 15px;}
}

@media all and (max-width: 705px) {
  .system-content-box > p{font-size: 16px; word-break: break-all;}
  .system-content-box > h1{font-size: 18px; padding: 0 20px;}
  .system-price-list li h1{font-size: 22px;}
  .system-price-list li p{font-size: 14px;}
  .system-person-title{width: 100%; background-size: cover;}
}

@media all and (max-width: 705px) {
  .system-price-list li:first-child{padding-top: 0;}
  .system-price-list li{float: none; padding: 20px 0 50px 0; background-position: bottom center;}
  .system-price-list li:last-child{padding-bottom: 0;}
}

/*비전2025 발전전략 체계*/
.strategy-inner{margin-top: 20px;}
.mobile-strategy-inner{display: none;}
.strategy-box{margin-bottom: 10px;}
.strategy-box:last-child{margin-bottom: 0; margin-top: 55px;}
.strategy-box::after{content:""; display: table; clear: both;}
.strategy-box .strategy-title{float: left; width: 200px;}
.strategy-box .strategy-title li{margin-bottom: 10px; background: url(../../images/sub/system_line.png) no-repeat right 30px center;}
.strategy-box .strategy-title li:last-child{margin-bottom: 0;}
.strategy-box .strategy-title-box{width: 121px; height: 137px; background: url(../../images/sub/strategy_title.png) no-repeat center center; display: table;}
.strategy-box.sub-title .strategy-title-box{background: url(../../images/sub/strategy_title_2.png) no-repeat center center;}
.strategy-box .strategy-title-box p{display: table-cell; vertical-align: middle; text-align: center; font-weight: 500; font-size: 18px; color: white;}
.strategy-box .strategy-content-box{float: right; width: calc(100% - 200px); border-radius: 75px; background: url(../../images/sub/mission_line.png); position: relative; padding: 7px; height: 430px; display: table;}
.strategy-box .strategy-content{background-color: white; border-radius: 75px; text-align: center; display: table-cell; vertical-align: middle; padding: 0 93px;}
.strategy-box .strategy-content .system-logo-box{margin-bottom: 20px;}
.strategy-box .strategy-text{background-color: #f5f5f5; border-radius: 100px;}
.strategy-box .strategy-text p{font-weight: 500; font-size: 20px; line-height: 36px; color: #666666; padding: 29px 0;}
.strategy-box .strategy-list{margin-top: 30px;}
.strategy-box .strategy-list ul{display: inline-block;}
.strategy-box .strategy-list ul::after{content:""; display: table; clear: both;}
.strategy-box .strategy-list li{float: left; border: 1px solid #afafaf; border-radius: 50px; border-top-left-radius: 0; padding: 16.5px 0; width: 300px; position: relative;}
.strategy-box .strategy-list li::after{content:""; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #980046; top: 50%; margin-top: -5px; right: -5px; z-index: 2;}
.strategy-box .strategy-list li:last-child::after{display: none;}
.strategy-box .strategy-list li p{font-size: 18px; color: #666666;}
.strategy-box .strategy-text h1{font-weight: 500; font-size: 24px; padding: 17px 0;}
.strategy-character{display: inline-block; margin-top: 30px;}
.strategy-character::after{content:""; display: table; clear: both;}
.strategy-character li{float: left; border: 1px solid #afafaf; border-radius: 25px; border-top-left-radius: 0; overflow: hidden; width: 300px; margin-right: 80px;}
.strategy-character li:last-child{margin-right: 0;}
.character-header{background-color: #25aae2;}
.character-header h1{font-weight: 500; font-size: 22px; color: white; padding: 13.5px 0;}
.character-text{margin-top: 15px;}
.character-text span{font-weight: 500; font-size: 18px; color: #25aae2; display: inline-block; padding-right: 30px; position: relative;}
.character-text span::after{content:""; display: block; position: absolute; width: 3px; height: 16px; background-color: #25aae2; right: 0; top: 6px;}
.character-text span:last-child{padding-right: 0; padding-left: 25px;}
.character-text span:last-child::after{display: none;}
.character-image{margin-top: 15px;}
.character-image p{font-size: 18px; color: #666666; margin-top: 17px; padding-bottom: 20px;}
.strategy-content > p{font-weight: 500; font-size: 28px; color: #666666; margin-top: 20px;}
.background-text{background-color: #f39100; border-radius :50px; margin: 60px 0 67px 0;}
.background-text p{color: white; font-size: 24px; font-weight: 500; padding: 32px 0;}
.sub-background-text{position: relative; background-color: #f5f5f5; border-radius: 50px; display: inline-block; width: 600px;}
.sub-background-text p{font-weight: 500; font-size: 20px; color: #666666; padding: 15px 0;}
.strategy-box:last-child .strategy-content-box{background: none; padding: 0; position: relative; top: -25px; height: auto;}
.strategy-box:last-child .strategy-content-box::after{content:""; display: block; position: absolute; width: 9px; height: 9px; background-color: #bcbcbc; left: 50%; top:6px; border-radius: 50%; margin-left: -4px;}
.strategy-box:last-child .strategy-content{position: relative;}
.strategy-box:last-child .strategy-content::before{content:""; display: block; position: absolute; left: 11.45%; top: 10px; width: 77.2%; height: 1px; background-color: #bcbcbc;}
.strategy-box:last-child .strategy-content::after{content:""; display: block; position: absolute; left: 50%; width: 1px; height: 78px; top: -71px; background-color: #bcbcbc;}
.strategy-box:last-child .strategy-content{padding: 0;}
.strategy-work ul::after{content:""; display: table; clear: both;}
.strategy-work > ul{margin: 0 -20px;}
.strategy-work > ul > li{float: left; width: 25%; padding: 0 20px; border-radius: 15px; position: relative; margin-top: 47px;}
.strategy-work > ul > li::before{content:""; display: block; position: absolute; left: 50%; top: -37px; width: 1px; height: 37px; background-color: #bcbcbc;}
.strategy-work-box{border-radius: 15px;}
.strategy-work > ul > li:nth-child(1) .strategy-work-box{border: 3px solid #e83692;}
.strategy-work > ul > li:nth-child(2) .strategy-work-box{border: 3px solid #53a3eb;}
.strategy-work > ul > li:nth-child(3) .strategy-work-box{border: 3px solid #e89451;}
.strategy-work > ul > li:nth-child(4) .strategy-work-box{border: 3px solid #c9bc9c;}
.strategy-work-header{position: relative; padding: 17px 0; overflow: hidden;}
.strategy-work-header::before{display: block; position: absolute; left: -5px; top: 10px; font-size: 72px; font-weight: 500; opacity: .2; line-height: 1;}
.strategy-work > ul > li:nth-child(1) .strategy-work-header::before{content:"T"; color: #a90057;}
.strategy-work > ul > li:nth-child(2) .strategy-work-header::before{content:"E"; color: #0067c3;}
.strategy-work > ul > li:nth-child(3) .strategy-work-header::before{content:"R"; color: #ff7200;}
.strategy-work > ul > li:nth-child(4) .strategy-work-header::before{content:"A"; color: #c0a353;}
.strategy-work-header h1{font-size: 18px; line-height: 24px; font-weight: 500;}
.strategy-work > ul > li:nth-child(1) .strategy-work-header h1{color: #e83692;}
.strategy-work > ul > li:nth-child(2) .strategy-work-header h1{color: #53a3eb;}
.strategy-work > ul > li:nth-child(3) .strategy-work-header h1{color: #e89451;}
.strategy-work > ul > li:nth-child(4) .strategy-work-header h1{color: #c9bc9c;}
.strategy-work-content{background-color: white; position: relative; width: calc(100% + 6px); left: -3px; top: 3px;}
.strategy-work-content-box{border: 1px solid #afafaf; border-radius: 17px; min-height: 247px; text-align: left; padding: 20px;}
.strategy-work-content-box li{font-size: 15px; color: #666666; margin-bottom: 7px;}
.strategy-work-content-box li:last-child{margin-bottom: 0;}
.strategy-work > ul > li:nth-child(1) .strategy-work-content-box li.colored{color: #e83692;}
.strategy-work > ul > li:nth-child(2) .strategy-work-content-box li.colored{color: #53a3eb;}
.strategy-work > ul > li:nth-child(3) .strategy-work-content-box li.colored{color: #e89451;}
.strategy-work > ul > li:nth-child(4) .strategy-work-content-box li.colored{color: #c9bc9c;}

@media all and (max-width: 1500px) {
  .strategy-box .strategy-content{padding: 0 8%;}
  .strategy-box:last-child .strategy-content::before{left: 11%; width: 78%;}
  .strategy-character{display: block;}
  .strategy-character li{width: 30%; margin-right: 5%;}
  .strategy-box .strategy-list ul{display: block;}
  .strategy-box .strategy-list li{width: 33.3333%;}
}

@media all and (max-width: 1024px) {
  .strategy-box .strategy-text p{font-size: 16px; line-height: 30px;}
  .strategy-box .strategy-list li p{font-size: 16px;}
  .strategy-box .strategy-text h1{font-size: 20px;}
  .character-text span{font-size: 14px; padding-right: 10px;}
  .character-text span:last-child{padding-left: 0;}
  .character-text span::after{top: 3px;}
  .character-image-box{height: 73px;}
  .character-image p{font-size: 16px;}
  .sub-background-text{width: 100%;}
  .strategy-work-header h1{font-size: 16px;}
  .strategy-work-content-box{padding: 10px;}
}

@media all and (max-width: 768px) {
  .strategy-inner{display: none;}
  .mobile-strategy-inner{display: block;}
  .strategy-box .strategy-content{padding: 20px;}
  .strategy-box .strategy-title{float: none; width: 100%; text-align: center;}
  .strategy-box .strategy-title ul{display: inline-block;}
  .strategy-box .strategy-title ul::after{content:""; display: table; clear: both;}
  .strategy-box .strategy-title li{float: left; background: none; padding: 0 20px;}
  .strategy-box .strategy-content-box{float: none; width: 100%; height: auto;}
  .strategy-box .strategy-title-box{margin: 0 auto;}
  .strategy-work > ul > li{width: 50%; margin-top: 0; margin-bottom: 20px;}
  .strategy-work > ul > li::before{display: none;}
  .strategy-box:last-child .strategy-content::before{display: none;}
  .strategy-box:last-child .strategy-content::after{display: none;}
  .strategy-box:last-child .strategy-content-box::after{display: none;}
  .strategy-box:last-child .strategy-content-box{top: 0;}
  .strategy-work-content-box{min-height: 357px;}

  .mobile-strategy-inner{margin-top: 20px;}
  .mobile-strategy-inner > ul > li{margin-bottom: 30px;}
  .mobile-strategy-inner > ul > li:last-child{margin-bottom: 0;}
  .mobile-strategy-header{padding-bottom: 35px; background: url(../../images/sub/system_line_2.png) no-repeat bottom center;}
  .mobile-strategy-header .strategy-title-box{width: 121px; height: 137px; background: url(../../images/sub/strategy_title.png) no-repeat center center; display: table; margin: 0 auto;}
  .mobile-strategy-header .strategy-title-box p{display: table-cell; vertical-align: middle; text-align: center; font-weight: 500; font-size: 18px; color: white;}
  .mobile-strategy-content{text-align: center; margin-top: 20px;}
  .mobile-strategy-content .system-logo-box li{padding: 0 80px 0 70px;}
  .mobile-strategy-content .system-logo-box li:first-child{padding-left: 0;}
  .mobile-strategy-content .system-logo-box li:last-child{padding-right: 0; background: none;}
  .mobile-strategy-content .strategy-text{background-color: #f5f5f5; border-radius: 100px;}
  .mobile-strategy-content .strategy-text p{font-weight: 500; font-size: 20px; line-height: 36px; color: #666666; padding: 29px 0;}
  .mobile-strategy-content .strategy-list ul::after{content:""; display: table; clear: both;}
  .mobile-strategy-content .strategy-list li{float: left; border: 1px solid #afafaf; border-radius: 50px; border-top-left-radius: 0; padding: 16.5px 0; width: 33.3333%; position: relative;}
  .mobile-strategy-content .strategy-list li::after{content:""; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #980046; top: 50%; margin-top: -5px; right: -5px; z-index: 2;}
  .mobile-strategy-content .strategy-list li:last-child::after{display: none;}
  .mobile-strategy-content .strategy-list li p{font-size: 18px; color: #666666;}
  .mobile-strategy-content .strategy-text h1{font-weight: 500; font-size: 24px; padding: 17px 0;}
  .mobile-strategy-content .character-text{margin: 18.5px 0;}
  .mobile-strategy-content .character-text span{font-size: 18px; padding-right: 30px;}
  .mobile-strategy-content .character-text span:last-child{padding-left: 25px; padding-right: 0;}
  .mobile-strategy-content .character-image{margin-top: 24px;}
  .mobile-strategy-content > p{font-weight: 500; font-size: 28px; color: #666666;}
  .mobile-strategy-content .background-text{margin: 0;}
  .mobile-strategy-content .strategy-work > ul{margin: 0 -10px;}
  .mobile-strategy-content .strategy-work > ul > li{width: 25%; padding: 0 10px;}
  .mobile-strategy-content .strategy-work-content{background-color: white; position: relative; width: 100%;}
  .mobile-strategy-content .strategy-work-content-box{border: 1px solid #afafaf; border-radius: 17px; min-height: 444px; text-align: left; padding: 20px;}
  .mobile-strategy-content .strategy-work-content-box li{font-size: 13px; color: #666666; margin-bottom: 17px; text-align: center; line-height: 15px;}
  .mobile-strategy-content .strategy-work-content-box li:last-child{margin-bottom: 0;}
  .mobile-strategy-content .strategy-work-content-inner > ul > li:nth-child(1) .strategy-work-content-box li.colored{color: #e83692;}
  .mobile-strategy-content .strategy-work-content-inner > ul > li:nth-child(2) .strategy-work-content-box li.colored{color: #53a3eb;}
  .mobile-strategy-content .strategy-work-content-inner > ul > li:nth-child(3) .strategy-work-content-box li.colored{color: #e89451;}
  .mobile-strategy-content .strategy-work-content-inner > ul > li:nth-child(4) .strategy-work-content-box li.colored{color: #c9bc9c;}
  .strategy-work-content-inner > ul{margin: 0 -10px;}
  .strategy-work-content-inner > ul::after{content:""; display: table; clear: both;}
  .strategy-work-content-inner > ul > li{width: 25%; padding: 0 10px; float: left;}
}

@media all and (max-width: 700px) {
  .mobile-strategy-content .character-text span{font-size: 14px; padding-right: 10px;}
  .mobile-strategy-content .character-text span:last-child{padding-left: 5px;}
  .mobile-strategy-content .strategy-work > ul > li{width: 50%; margin-bottom: 10px;}
  .strategy-work-content-inner > ul > li{width: 50%; margin-bottom: 10px;}
  .mobile-strategy-content .strategy-work-content-box{min-height: 355px;}
  .mobile-strategy-content .system-logo-box li{padding: 0 50px 0 20px;}
}

@media all and (max-width: 540px) {
  .strategy-box .strategy-title li{float: none;}
  .strategy-box .strategy-list li{float: none; width: 100%; margin-bottom: 5px;}
  .strategy-box .strategy-list li:last-child{margin-bottom: 0;}
  .strategy-box .strategy-list li::after{display: none;}
  .strategy-character li{width: 100%; float: none; margin-right: 0; margin-bottom: 5px;}
  .strategy-character li:last-child{margin-bottom: 0;}
  .strategy-content > p{font-size: 20px;}
  .background-text p{font-size: 22px; padding: 20px 0;}
  .strategy-work > ul{margin: 0;}
  .strategy-work > ul > li{width: 100%; float: none; padding: 0;}
  .strategy-work-content-box{min-height: auto;}
  .mobile-strategy-content .strategy-list li{width: 100%; float: none; margin-bottom: 10px;}
  .mobile-strategy-content .strategy-list li:last-child{margin-bottom: 0;}
  .mobile-strategy-content .strategy-list li::after{display: none;}
  .mobile-strategy-content .strategy-work > ul > li{width: 100%;}
  .strategy-work-content-inner > ul > li{width: 100%; float: none;}
  .mobile-strategy-content .strategy-work-content-box{min-height: auto;}
  .system-logo-box li .system-logo{width: 45px; height: 45px; margin: 0 auto;}
  .system-logo-box li:first-child{padding-top: 0;}
  .system-logo-box li{padding: 0 30px 0 5px;}
  .system-logo-box li:last-child{padding-bottom: 0;}
  .system-logo-box li p{font-size: 14px;}
  .system-logo-box li:nth-child(1) .system-logo{background-size: contain;}
  .system-logo-box li:nth-child(2) .system-logo{background-size: contain;}
  .system-logo-box li:nth-child(3) .system-logo{background-size: contain;}

  .mobile-strategy-content .system-logo-box li .system-logo{width: 45px; height: 45px; margin: 0 auto;}
  .mobile-strategy-content .system-logo-box li:first-child{padding-top: 0;}
  .mobile-strategy-content .system-logo-box li{padding: 0 30px 0 5px;}
  .mobile-strategy-content .system-logo-box li:last-child{padding-bottom: 0;}
  .mobile-strategy-content .system-logo-box li p{font-size: 14px;}
  .mobile-strategy-content .system-logo-box li:nth-child(1) .system-logo{background-size: contain;}
  .mobile-strategy-content .system-logo-box li:nth-child(2) .system-logo{background-size: contain;}
  .mobile-strategy-content .system-logo-box li:nth-child(3) .system-logo{background-size: contain;}
}

.model-image{text-align: center;}
.model-title span{font-weight: 500; font-size: 22px; line-height: 30px; display: block; margin-bottom: 7px;}
.model-title-1 span{color: #a90057;}
.model-title-2 span{color: #008dfa;}
.model-title-3 span{color: #ff6600;}
.model-title-4 span{color: #bd9400;}
.model-sub-title p{font-weight: 500; font-size: 22px;}
.model-sub-title-1 span{color: #a90057;}
.model-sub-title-2 span{color: #008dfa;}
.model-sub-title-3 span{color: #ff6600;}
.model-sub-title-4 span{color: #bd9400;}
.model-logo-inner{padding-bottom: 30px; position: relative;}
.model-logo-inner::before{content:""; display: block; position: absolute; left: 8.3%; bottom: 0; width: 83.2%; height: 1px; background-color: #bcbcbc;}
.model-logo-inner::after{content:""; display: block; position: absolute; left: 50%; bottom: -4px; width: 9px; height: 9px; border-radius: 50%; background-color: #bdbdbd; margin-left: -5px;}
.model-logo{width: 225px; height: 256px; background: url(../../images/sub/system_6.png) no-repeat center center; display: table; margin: 0 auto; position: relative;}
.model-logo::after{content:""; display: block; position: absolute; left: 50%; bottom: -30px; width: 1px; height: 30px; background-color: #bcbcbc; margin-left: -1px;}
.model-logo-box{display: table-cell; vertical-align: middle; text-align: center;}
.model-logo-box p{font-size: 18px; line-height: 24px; color: white; margin-top: 13px;}
.model-content{margin-top: 30px;}
.model-content ul::after{content:""; display: table; clear: both;}
.model-content li{float: left; width: 16.6%; position: relative; height: 75px;}
.model-content li::before{content:""; display: block; position: absolute; left: -8px; top: 0; width: 56px; height: 75px; border-radius: 8px;}
.model-content li:nth-child(odd)::before{background: url(../../images/sub/model_background_2_sub.png) no-repeat right top;}
.model-content li:nth-child(even)::before{background: url(../../images/sub/model_background_1_sub.png) no-repeat right top;}
.model-content-text{height: 100%; display: table; width: 100%;}
.model-content li p{display: table-cell; vertical-align: middle; padding-left: 35px; font-size: 13px; line-height: 18px; color: white; position: relative; z-index: 2;}
.model-content li:first-child{border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.model-content li:first-child::after{content:""; display: block; position: absolute; width: 1px; height: 30px; top: -30px; background-color: #bcbcbc; left: 50%;}
.model-content li:first-child::before{display: none;}
.model-content li:nth-child(odd){background: url(../../images/sub/model_background_3.png) no-repeat left -10px top;}
.model-content li:nth-child(even){background: url(../../images/sub/model_background_4.png) no-repeat left -10px top;}
.model-content li:last-child{width: 16.85%; background-position: right top;}
.model-content li:last-child::after{content:""; display: block; position: absolute; width: 1px; height: 30px; top: -30px; background-color: #bcbcbc; left: 50%;}
.model-content li p::after{display: block; position: absolute; left: -8px; top: 0; font-weight: 600; font-size: 60px; color: rgba(255,255,255,.5); line-height: 75px; text-transform: uppercase; overflow: hidden; width: 30px; text-align: right;}
.model-content li:nth-child(1) p::after{left: 0; content:"s"; text-indent: -7px;}
.model-content li:nth-child(2) p::after{content:"t"; text-indent: -7px;}
.model-content li:nth-child(3) p::after{content:"r"; text-indent: -9px;}
.model-content li:nth-child(4) p::after{content:"o"; text-indent: -12px;}
.model-content li:nth-child(5) p::after{content:"n"; text-indent: -10px;}
.model-content li:nth-child(6) p::after{content:"g"; text-indent: -11px;}

@media all and (max-width: 1350px) {
  .model-content li p{padding-right: 10px; text-align: left;}
}

@media all and (max-width: 1024px) {
  .model-logo-inner::before{display: none;}
  .model-content{text-align: center;}
  .model-content ul{display: inline-block;}
  .model-content li{display: inline-block; float: none;}
  .model-content li, .model-content li:last-child{width: 27%;}
  .model-content li:nth-child(3n){background-position: right top; width: calc(25.5% + 56px);}
  .model-content li:nth-child(4){border-radius: 8px;}
  .model-content li:nth-child(4)::before{display: none;}
  .model-content li:first-child::after, .model-content li:last-child::after{display: none;}
  .model-content li::before{left: -10px;}
  .model-content li p::after{left: -10px;}
}

@media all and (max-width: 768px) {
  .model-content ul{display: block;}
  .model-content li, .model-content li:last-child, .model-content li:nth-child(3n){display: block; width: 313px; margin: 0 auto; margin-bottom: 20px; border-radius: 8px;}
  .model-content li:last-child{margin-bottom: 0;}
  .model-content li::before{display: none;}
}

.model-r-logo-inner{padding-bottom: 30px; position: relative;}
.model-r-logo-inner::after{content:""; display: block; position: absolute; left: 50%; bottom: -4px; width: 9px; height: 9px; border-radius: 50%; background-color: #bdbdbd; margin-left: -5px;}
.model-r-logo{width: 225px; height: 256px; background: url(../../images/sub/system_7.png) no-repeat center center; display: table; margin: 0 auto; position: relative;}
.model-r-logo::after{content:""; display: block; position: absolute; left: 50%; bottom: -30px; width: 1px; height: 30px; background-color: #bcbcbc; margin-left: -1px;}
.model-r-logo-box{display: table-cell; vertical-align: middle; text-align: center;}
.model-r-logo-box p{font-size: 18px; line-height: 24px; color: white; margin-top: 13px;}
.model-r-content{margin: 0 90px; position: relative;}
.model-r-content::before{content:""; display: block; position: absolute; left: 15.5%; top: 0; width: 69%; height: 1px; background-color: #bcbcbc;}
.model-r-content ul{margin: 0 -25px;}
.model-r-content ul::after{content:""; display: table; clear: both;}
.model-r-content li{width: 33.3333%; float: left; padding: 0 25px; padding-top: 70px; position: relative;}
.model-r-content li::before{content:""; display: block; position: absolute; left: 50%; width: 1px; height: 70px; top: 0; background-color: #bcbcbc;}
.model-r-content li:nth-child(2)::before{display: none;}
.model-r-content-box{border-radius: 20px; position: relative;}
.model-r-content-box::before{content:""; display: block; position: absolute; width: 70px; height: 70px; border-radius: 50%; left: 50%; margin-left: -35px; top: -38px;}
.model-r-content-title{padding: 40px 0 20px; position: relative; overflow: hidden;}
.model-r-content-title::before{display: block; position: absolute; left: -10px; top: 0; font-size: 80px; font-weight: 600; line-height: 95px; text-transform: uppercase; opacity: .5; color: #e69b00}
.model-r-content-title p{text-align: center; font-weight: 500; font-size: 18px;}
.model-r-content li:nth-child(1) .model-r-content-box{border: 3px solid #f8b62d;}
.model-r-content li:nth-child(1) .model-r-content-box::before{background: #f8b62d url(../../images/sub/model-r_1.png) no-repeat center center;}
.model-r-content li:nth-child(1) .model-r-content-title::before{content:"o"}
.model-r-content li:nth-child(1) .model-r-content-title p{color: #e69b00}
.model-r-content li:nth-child(2) .model-r-content-box{border: 3px solid #e89451;}
.model-r-content li:nth-child(2) .model-r-content-box::before{background: #f39100 url(../../images/sub/model-r_2.png) no-repeat center center;}
.model-r-content li:nth-child(2) .model-r-content-title p{color: #f39100}
.model-r-content li:nth-child(2) .model-r-content-title::before{content:"n"}
.model-r-content li:nth-child(3) .model-r-content-box{border: 3px solid #ef852f;}
.model-r-content li:nth-child(3) .model-r-content-box::before{background: #ff7200 url(../../images/sub/model-r_3.png) no-repeat center center;}
.model-r-content li:nth-child(3) .model-r-content-title p{color: #ff6600}
.model-r-content li:nth-child(3) .model-r-content-title::before{content:"e"}
.model-r-main{width: calc(100% + 6px); position: relative; left: -3px; top: 3px; background-color: white; z-index: 2;}
.model-r-main-box{border-radius: 20px; height: 70px; width: 100%; display: table;}
.model-r-main-box p{display: table-cell; vertical-align: middle; text-align: center; color: white;}
.model-r-content li:nth-child(1) .model-r-main-box{background: url(../../images/sub/model-r_1_background.png) no-repeat center center; background-size: cover;}
.model-r-content li:nth-child(2) .model-r-main-box{background: url(../../images/sub/model-r_2_background.png) no-repeat center center; background-size: cover;}
.model-r-content li:nth-child(3) .model-r-main-box{background: url(../../images/sub/model-r_3_background.png) no-repeat center center; background-size: cover;}

@media all and (max-width: 1500px) {
  .model-r-content::before{left: 15%; width: 70%;}
}

@media all and (max-width: 1024px) {
  .model-r-content{margin: 0;}
}

@media all and (max-width: 768px) {
  .model-r-logo::after{display: none;}
  .model-r-logo-inner{padding-bottom: 60px;}
  .model-r-logo-inner::before{display: none;}
  .model-r-content::before{display: none;}
  .model-r-content ul{margin: 0;}
  .model-r-content li{width: 100%; float: none; padding: 0; margin-bottom: 70px;}
  .model-r-content li:last-child{margin-bottom: 0;}
  .model-r-content li::before{display: none;}
}


.model-a-logo-inner{padding-bottom: 30px; position: relative;}
.model-a-logo-inner::after{content:""; display: block; position: absolute; left: 50%; bottom: -4px; width: 9px; height: 9px; border-radius: 50%; background-color: #bdbdbd; margin-left: -5px;}
.model-a-logo{width: 225px; height: 256px; background: url(../../images/sub/system_8.png) no-repeat center center; display: table; margin: 0 auto; position: relative;}
.model-a-logo::after{content:""; display: block; position: absolute; left: 50%; bottom: -30px; width: 1px; height: 30px; background-color: #bcbcbc; margin-left: -1px;}
.model-a-logo-box{display: table-cell; vertical-align: middle; text-align: center;}
.model-a-logo-box img{padding-left: 20px;}
.model-a-logo-box p{font-size: 18px; line-height: 24px; color: white; margin-top: 13px;}
.model-a-content{margin: 0 90px; position: relative;}
.model-a-content::before{content:""; display: block; position: absolute; left: 15.5%; top: 0; width: 69%; height: 1px; background-color: #bcbcbc;}
.model-a-content ul{margin: 0 -25px;}
.model-a-content ul::after{content:""; display: table; clear: both;}
.model-a-content li{width: 33.3333%; float: left; padding: 0 25px; padding-top: 70px; position: relative;}
.model-a-content li::before{content:""; display: block; position: absolute; left: 50%; width: 1px; height: 70px; top: 0; background-color: #bcbcbc;}
.model-a-content li:nth-child(2)::before{display: none;}
.model-a-content-box{border-radius: 20px; position: relative;}
.model-a-content-box::before{content:""; display: block; position: absolute; width: 70px; height: 70px; border-radius: 50%; left: 50%; margin-left: -35px; top: -38px;}
.model-a-content-title{padding: 40px 0 20px; position: relative; overflow: hidden;}
.model-a-content-title::before{display: block; position: absolute; left: -10px; top: 0; font-size: 80px; font-weight: 600; line-height: 95px; text-transform: uppercase; opacity: .5; color: #c9ae6d}
.model-a-content-title p{text-align: center; font-weight: 500; font-size: 18px;}
.model-a-content li:nth-child(1) .model-a-content-box{border: 3px solid #c9ae6d;}
.model-a-content li:nth-child(1) .model-a-content-box::before{background: #c9ae6d      url(../../images/sub/model-a_1.png) no-repeat center center;}
.model-a-content li:nth-child(1) .model-a-content-title::before{content:"g"}
.model-a-content li:nth-child(1) .model-a-content-title p{color: #c9ae6d}
.model-a-content li:nth-child(2) .model-a-content-box{border: 3px solid #c0a353;}
.model-a-content li:nth-child(2) .model-a-content-box::before{background: #c0a353 url(../../images/sub/model-a_2.png) no-repeat center center;}
.model-a-content li:nth-child(2) .model-a-content-title p{color: #c0a353}
.model-a-content li:nth-child(2) .model-a-content-title::before{content:"w"}
.model-a-content li:nth-child(3) .model-a-content-box{border: 3px solid #bd9400;}
.model-a-content li:nth-child(3) .model-a-content-box::before{background: #bd9400 url(../../images/sub/model-a_3.png) no-repeat center center;}
.model-a-content li:nth-child(3) .model-a-content-title p{color: #bd9400}
.model-a-content li:nth-child(3) .model-a-content-title::before{content:"u"}
.model-a-main{width: calc(100% + 6px); position: relative; left: -3px; top: 3px; background-color: white; z-index: 2;}
.model-a-main-box{border-radius: 20px; height: 70px; width: 100%; display: table;}
.model-a-main-box p{display: table-cell; vertical-align: middle; text-align: center; color: white;}
.model-a-content li:nth-child(1) .model-a-main-box{background: url(../../images/sub/model-a_1_background.png) no-repeat center center; background-size: cover;}
.model-a-content li:nth-child(2) .model-a-main-box{background: url(../../images/sub/model-a_2_background.png) no-repeat center center; background-size: cover;}
.model-a-content li:nth-child(3) .model-a-main-box{background: url(../../images/sub/model-a_3_background.png) no-repeat center center; background-size: cover;}

@media all and (max-width: 1500px) {
  .model-a-content::before{left: 15%; width: 70%;}
}

@media all and (max-width: 1024px) {
  .model-a-content{margin: 0;}
}

@media all and (max-width: 768px) {
  .model-a-logo::after{display: none;}
  .model-a-logo-inner{padding-bottom: 60px;}
  .model-a-logo-inner::before{display: none;}
  .model-a-content::before{display: none;}
  .model-a-content ul{margin: 0;}
  .model-a-content li{width: 100%; float: none; padding: 0; margin-bottom: 70px;}
  .model-a-content li:last-child{margin-bottom: 0;}
  .model-a-content li::before{display: none;}
}

/*인재상*/

.human-wrap{background: url(../../images/sub/human_line.png) no-repeat top 57% center;}
.human-logo{width: 224px; height: 250px; background: url(../../images/sub/human_background.png) no-repeat center center; margin: 0 auto; display: table;}
.human-logo-box{display: table-cell; vertical-align: middle; text-align: center; padding-right: 10px;}
.human-logo-box p{font-size: 27px; font-weight: 500; color: white; margin-top: 3px; padding-bottom: 15px;}
.human-image{padding-right: 10px;}
.human-image img{margin-left: 10px;}
.human-text{margin: 13px 0 62px 0;}
.human-text p{text-align: center; font-size: 25px; line-height: 40px; color: #222222; font-weight: 500;}
.human-text p span{color: #a90057; display: block;}
.human-character-title{text-align: center;}
.human-character-title p{font-weight: 500; font-size: 23px; color: #222; background: #ededed; display: inline-block; padding: 22.75px 0; width: 370px; border-radius: 50px; position: relative;}
.human-character-title p::before{content:""; display: block; position: absolute; width: 47px; height: 51px; background: url(../../images/sub/title_deco.png) no-repeat center center; left: 50%; margin-left: -23.5px; top: -31px;}
.human-character-content{text-align: center; margin-top: 40px;}
.human-character-content ul{display: inline-block; margin: 0 0 0 60px;}
.human-character-content ul::after{content:""; display: table; clear: both;}
.human-character-content li{float: left; width: 340px; height: 340px; border-radius: 50%; position: relative;}
.human-character-content li:nth-child(1){background-color: rgba(226,63,147,.8);}
.human-character-content li:nth-child(2){background-color: rgba(37,170,226,.8); left: -20px;}
.human-character-content li:nth-child(3){background-color: rgba(243,145,0,.8); left: -40px;}
.human-character-header{padding-top:30px; text-align: center;}
.human-character-logo{width: 45px; height: 38px; margin: 0 auto;}
.human-character-content li:nth-child(1) .human-character-logo{background: url(../../images/sub/human_1.png) no-repeat center center;}
.human-character-content li:nth-child(2) .human-character-logo{background: url(../../images/sub/human_2.png) no-repeat center center;}
.human-character-content li:nth-child(3) .human-character-logo{background: url(../../images/sub/human_3.png) no-repeat center center;}
.human-character-header p{display: inline-block; font-weight: 500; color: white; font-size: 18px; border-top: 1px solid white; border-bottom: 1px solid white; width: 170px; margin-top: 15px;}
.human-character-main{margin-top: 15px;}
.human-character-main p{max-width:89%; margin: 0 auto; font-size: 16px; line-height: 25px; color: white;}

@media all and (max-width: 1250px) {
  .human-character-content ul{margin: 0 0 0 40px;}
  .human-character-content li{width: 300px; height: 300px;}
  .human-character-header {padding-top: 15px;}
  .human-character-header p {width:170px;}
  .human-character-main p {font-size:15px; line-height: 21px;}
}

@media all and (max-width: 1024px) {
  .human-wrap{background: none;}
  .human-character-content li{width: 220px; height: 220px;}
  .human-character-header{padding-top: 20px;}
  .human-character-header p{margin-top: 10px;}
  .human-character-main{margin-top: 10px;}
  .human-character-main p{font-size: 12px; line-height: 18px; padding: 0 20px;}
}

@media all and (max-width: 1024px) {
  .human-character-content ul{width: 100%; display: block; margin: 0;}
  .human-character-content li{float: none; width: 100%; height: 250px; display: table; border-radius: 0; margin-bottom: 20px;}
  .human-character-inner{display: table-cell; vertical-align: middle;}
  .human-character-content li:nth-child(2){left: 0;}
  .human-character-content li:nth-child(3){left: 0; margin-bottom: 0;}
  .human-character-header{padding-top: 0;}
  .human-character-main p{font-size: 16px; line-height: 25px;}
}

@media all and (max-width: 500px) {
  .human-text p{font-size: 20px; line-height: 30px;}
  .human-character-title p{width: 100%;}
}

/*법인 기타단체*/
.corporation-wrap li{position: relative; margin-bottom: 50px;}
.corporation-wrap li:last-child{margin-bottom: 0;}
.corporation-wrap li::after{content:""; display: table; clear: both;}
.corporation-wrap li .corporation-image{width: 520px; float: left; position: relative;}
.corporation-wrap li .corporation-image::after{content:""; display: block; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; border: 1px solid rgba(255,255,255,0.7);}
.corporation-wrap li .corporation-content{width: calc(100% - 570px); float: right;}
.corporation-wrap li .corporation-content a.type2{position: absolute; right: 0; bottom: 0;}

@media all and (max-width: 1250px) {
  .corporation-wrap li .corporation-image{width: 400px;}
  .corporation-wrap li .corporation-content{width: calc(100% - 450px);}
}

@media all and (max-width: 1024px) {
  .corporation-wrap li .corporation-image{float: none; margin: 0 auto;}
  .corporation-wrap li .corporation-content{width: 100%; float: none; margin-top: 20px;}
  .corporation-wrap li .corporation-content a.type2{position: relative; margin-top: 10px;}
}

@media all and (max-width: 500px){
  .corporation-wrap li .corporation-image{width: 100%;}
}

/*상징*/
.symbol-wrap{margin-bottom: 65px;}
.symbol-wrap li {margin-bottom: 20px;}
.symbol-wrap li:last-child{margin-bottom: 0;}
.symbol-wrap li::after{content:""; display: table; clear: both;}
.symbol-wrap li .symbol-image{width: 323px;}
.symbol-wrap li .symbol-content{width: calc(100% - 373px); margin-top: 54px;}
.symbol-wrap li:nth-child(odd) .symbol-image{float: left;}
.symbol-wrap li:nth-child(even) .symbol-image{float: right;}
.symbol-wrap li:nth-child(odd) .symbol-content{float: right;}
.symbol-wrap li:nth-child(even) .symbol-content{float: left; text-align: right;}
.symbol-wrap li:nth-child(even) .symbol-content .objHeading_h2{display: inline-block;}

.song-wrap{height: 900px;}
.song-wrap::after{content:""; display: table; clear: both;}
.song-board{width: 62.5%; height: 100%; float: left; background: url(../../images/sub/song_board.png) no-repeat top center;}
.song-board img{display: none;}
.song-background{width: 37.5%; float: right; height: 100%; background: url(../../images/sub/song_background.png) no-repeat bottom center; background-size:cover; padding-top: 70px;}
.song-background li{text-align: center; margin-bottom: 60px;}
.song-background li:last-child{margin-bottom: 0;}
.song-lyrics h1{display: inline-block; font-size: 16px; color: white; padding: 10.5px 0; width: 150px; border: 1px solid white; border-radius: 50px; border-top-left-radius: 0;}
.song-lyrics p{font-size: 14px; line-height: 34px; color: white; font-weight: 400; margin-top: 8px;}

@media all and (max-width: 1024px) {
  .symbol-wrap li .symbol-image{width: 250px;}
  .symbol-wrap li .symbol-content{width: calc(100% - 270px);}
  /* .song-wrap{height: 550px;} */
  .song-wrap{height: auto;}
  .song-board{background-size: cover;}
  .song-background{padding: 30px 10px 30px; height: auto;}
  .song-background li{margin-bottom: 30px;}
  .song-lyrics h1{width: 120px;}
  .song-lyrics p{line-height: 22px;}
  .song-board img {display: block;}
}

@media all and (max-width: 850px) {
  .symbol-wrap {margin-bottom: 30px;}
  .symbol-wrap li {margin-bottom: 50px;}
  .symbol-wrap li .symbol-image{width: 323px; margin: 0 auto;}
  .symbol-wrap li .symbol-content{width: 100%;}
  .symbol-wrap li:nth-child(odd) .symbol-image{float: none;}
  .symbol-wrap li:nth-child(even) .symbol-image{float: none;}
  .symbol-wrap li:nth-child(odd) .symbol-content{float: none; margin-top: 25px;}
  .symbol-wrap li:nth-child(even) .symbol-content{float: none; text-align: left; margin-top: 25px;}
  .song-wrap{height: auto;}
  .song-board{width: 100%; float: none; background: transparents;}
  .song-board img{display: block;}
  .song-background{width: 100%; float: none; padding: 30px 10px; position: relative;}
  .song-background::before{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
  .song-background ul{position: relative; z-index: 2;}
}

@media all and (max-width: 500px) {
  .symbol-wrap li .symbol-image{width: 100%; text-align: center;}
}

/*UI*/
.ui-grid-wrap ul{margin: 0 -28px;}
.ui-grid-wrap ul::after{content:""; display: table; clear: both;}
.ui-grid-wrap li{width: 33.3333%; float: left; padding: 0 28px; height: 256px;}
.ui-grid-box{background: url(../../images/sub/ui_background.png) left -20px top -1px; border: 1px solid #d5d5d5; padding: 0 30px; height: 100%;}
.ui-grid-box h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-top: 30px;}
.ui-grid-box h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.ui-grid-image{text-align: center;}

.font-grid-wrap ul{margin: 0 -34px;}
.font-grid-wrap ul::after{content:""; display: table; clear: both;}
.font-grid-wrap li{width: 50%; float: left; padding: 0 34px; height: 255px; margin-bottom: 50px;}
.font-grid-wrap li:nth-child(-n+2){height: 210px;}
.font-grid-box{background: url(../../images/sub/ui_background.png) left -20px top -1px; border: 1px solid #d5d5d5; padding: 0 30px; height: 100%;}
.font-grid-box h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-top: 30px;}
.font-grid-box h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.font-grid-image{text-align: center;}

.app-font-grid-wrap ul{margin: 0 -28px;}
.app-font-grid-wrap ul::after{content:""; display: table; clear: both;}
.app-font-grid-wrap li{width: 33.3333%; float: left; padding: 0 28px; height: 255px;}
.app-font-grid-box{background: url(../../images/sub/ui_background.png) left -20px top -1px; border: 1px solid #d5d5d5; padding: 0 30px; height: 100%;}
.app-font-grid-box h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-top: 30px;}
.app-font-grid-box h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.app-font-grid-image{text-align: center;}

.all-grid-vertical-wrap{background: url(../../images/sub/ul_bg.jpg) left -20px top -1px; border: 1px solid #d5d5d5; padding-left: 30px;}
.all-grid-vertical-wrap::after{content:""; display: table; clear: both;}
.all-grid-vertical-wrap ul{width: 50%; float: left; padding-right: 60px;}
.all-grid-vertical-wrap ul::after{content:""; display: table; clear: both;}
.all-grid-vertical-wrap li{width: 50%; float: left;}
.all-grid-vertical-wrap li:nth-child(1) .all-grid-image, .all-grid-vertical-wrap li:nth-child(2) .all-grid-image{height: 160px}
.all-grid-vertical-wrap li:nth-child(3) .all-grid-image, .all-grid-vertical-wrap li:nth-child(4) .all-grid-image{height: 175px}
.all-grid-vertical-wrap li:nth-child(5) .all-grid-image, .all-grid-vertical-wrap li:nth-child(6) .all-grid-image{height: 175px}
.all-grid-vertical-wrap h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-top: 30px;}
.all-grid-vertical-wrap h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.all-grid-vertical-wrap .all-grid-image{padding-top: 26px;}
.all-grid-vertical-wrap .all-grid-image.heightauto{height: auto !important;}

.all-grid-wrap{background: url(../../images/sub/ul_bg.jpg) left -20px top -1px; border: 1px solid #d5d5d5; padding-left: 30px;}
.all-grid-wrap::after{content:""; display: table; clear: both;}
.all-grid-wrap ul{width: 50%; float: left; padding-right: 10px;}
.all-grid-wrap.second-grid ul{padding-right: 10px;}
.all-grid-wrap ul::after{content:""; display: table; clear: both;}
.all-grid-wrap li{width: 45.5%; float: left;}
.all-grid-wrap li:nth-child(even){width: 54.5%;}
.all-grid-wrap li:nth-child(1) .all-grid-image, .all-grid-wrap li:nth-child(2) .all-grid-image{height: 160px}
.all-grid-wrap li:nth-child(3) .all-grid-image, .all-grid-wrap li:nth-child(4) .all-grid-image{height: 175px}
.all-grid-wrap li:nth-child(5) .all-grid-image, .all-grid-wrap li:nth-child(6) .all-grid-image{height: 175px}
.all-grid-wrap h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-top: 30px;}
.all-grid-wrap h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.all-grid-wrap .all-grid-image{padding-top: 26px;}

.append-font-grid-wrap{background: url(../../images/sub/ui_background.png) left -20px top -1px; border: 1px solid #d5d5d5; padding-left: 30px; padding-bottom: 50px;}
.append-font-grid-wrap::after{content:""; display: table; clear: both;}
.append-font-grid-wrap ul{width: 50%; float: left; padding-right: 60px;}
.append-font-grid-wrap h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-top: 30px;}
.append-font-grid-wrap h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.append-font-image{margin-top :15px;}
.division-line{margin: 40px 0;}

.emblem-wrap{background: url(../../images/sub/ui_background.png) left -20px top -1px; border: 1px solid #d5d5d5; padding-left: 30px; padding-bottom: 50px;}
.emblem-wrap ul{margin: 0 -30px;}
.emblem-wrap ul::after{content:""; display: table; clear: both;}
.emblem-wrap ul li {display: inline-block; vertical-align: top; width: 49%; padding: 0 30px;}
.emblem-wrap h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-top: 30px;}
.emblem-wrap h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.emblem-image{margin-top :15px;}

.prohibition-wrap{border: 1px solid #d5d5d5; padding: 0 15px;}
.prohibition-wrap ul::after{content:""; display: table; clear: both;}
.prohibition-wrap li{float: left; width: 16.6666%; padding: 30px 0 30px 35px;}
.prohibition-box p{font-size: 11px; padding-left: 38px; background: url(../../images/sub/ui_no.png) no-repeat left top; color: #b9246d; padding-right: 10px; margin-top: 10px;}

.ui-link-inner{text-align: right;}
.ui-link-box{display: inline-block;}
.ui-link-box a:last-child{margin-right: 0 !important;}

@media all and (max-width: 1500px) {
  .prohibition-wrap li{width: 33.3333%;}
  .prohibition-image{text-align: center;}
  .prohibition-box p{line-height: 30px;}
}

@media all and (max-width: 1320px) {
  .prohibition-wrap li{padding: 20px 0 20px 25px;}
  .prohibition-box p{min-height: 40px; line-height: 20px;}
}

@media all and (max-width: 1024px) {
  .ui-grid-box, .font-grid-box, .app-font-grid-box{padding: 0 10px;}
  .ui-grid-box h1, .font-grid-box h1, .app-font-grid-box h1{margin-top: 15px;}
  .all-grid-wrap li:nth-child(1) .all-grid-image, .all-grid-wrap li:nth-child(2) .all-grid-image{height: 120px}
  .all-grid-wrap li:nth-child(3) .all-grid-image, .all-grid-wrap li:nth-child(4) .all-grid-image{height: 150px}
  .all-grid-wrap li:nth-child(5) .all-grid-image, .all-grid-wrap li:nth-child(6) .all-grid-image{height: 110px}

  .all-grid-vertical-wrap li:nth-child(1) .all-grid-image, .all-grid-vertical-wrap li:nth-child(2) .all-grid-image{height: 150px}
  .all-grid-vertical-wrap li:nth-child(3) .all-grid-image, .all-grid-vertical-wrap li:nth-child(4) .all-grid-image{height: 180px}
  .all-grid-vertical-wrap li:nth-child(5) .all-grid-image, .all-grid-vertical-wrap li:nth-child(6) .all-grid-image{height: 180px}

  .prohibition-box p{min-height: 60px;}
}

@media all and (max-width: 768px) {
  .ui-grid-wrap ul, .font-grid-wrap ul, .app-font-grid-wrap ul{margin: 0;}
  .ui-grid-wrap li, .font-grid-wrap li, .app-font-grid-wrap li{width: 100%; float: none; margin-bottom: 20px; padding: 0; height: auto;}
  .font-grid-wrap li:nth-child(-n+2) {height: auto;}
  .ui-grid-box, .font-grid-box, .app-font-grid-box{padding: 0 30px 30px;}
  .ui-grid-wrap li:last-child, .font-grid-wrap li:last-child, .app-font-grid-wrap li:last-child{margin-bottom: 0;}
  .all-grid-wrap{padding: 0 30px; padding-bottom: 30px;}
  .all-grid-wrap ul{width: 100%; float: none; padding: 0;}
  .all-grid-wrap.second-grid ul{padding-right: 0;}
  .all-grid-wrap li{width: 100%; float: none;}
  .all-grid-wrap li:nth-child(even){width: 100%;}
  .all-grid-wrap .all-grid-image{height: auto !important;}

  .all-grid-vertical-wrap{padding: 0 30px; padding-bottom: 30px;}
  .all-grid-vertical-wrap ul{width: 100%; float: none; padding: 0;}
  .all-grid-vertical-wrap li{width: 100%; float: none;}
  .all-grid-vertical-wrap .all-grid-image{height: auto !important;}

  .append-font-grid-wrap{padding: 0 30px; padding-bottom: 30px;}
  .append-font-grid-wrap ul{width: 100%; float: none; padding-right: 0;}

  .emblem-wrap{padding: 0 30px; padding-bottom: 30px;}
  .emblem-wrap ul{width: 100%; float: none; padding-right: 0;}
  .emblem-wrap ul li {width: 100%;}

  .prohibition-wrap li{width: 50%;}
}

@media all and (max-width: 500px) {
  .prohibition-wrap li{width: 100%; float: none; padding: 20px 0; text-align: center;}
  .prohibition-box p{display: inline-block; min-height: 30px; background-size: 18px auto; padding-left: 25px;}
}

/*색상*/
.color-wrap{padding: 30px; border: 1px solid #d5d5d5;}
.color-box > h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-bottom: 35px;}
.color-box > h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.color-box ul{margin: 0 -35px;}
.color-box ul::after{content:""; display: table; clear: both;}
.color-box li{width: 33.3333%; float: left; padding: 0 35px; height: 105px; margin-bottom: 35px;}
.color-box li::after{content:""; display: table; clear: both;}
.color-box li .main-color{width: calc(100% - 175px); float: left; height: 100%; border-radius: 30px; position: relative; border-top-left-radius: 0;}
.color-box li .main-color p{position: absolute; right: 16px; bottom: 12px; font-size: 18px; text-align: right; opacity: .5; color: white;}
.color-box li .main-color.main-1{background-color: #af0055;}
.color-box li .main-color.main-2{background-color: #2ea7e0;}
.color-box li .main-color.main-3{background-color: #f8b62d;}
.color-box li .main-color.main-4{background-color: #c9bc9c;}
.color-box li .main-color.main-5{background-color: #595757;}
.color-box li .main-color.main-6{background-color: #ffffff; border: 1px solid #d8d8d8}
.color-box li .main-color.main-6 p{color: #7e7e7e}
.color-box li .main-color-info{float: right; width: 175px; height: 100%; display: table; padding-left: 30px;}
.color-box li .main-color-info-box{display: table-cell; vertical-align: middle;}
.color-box li .main-color-info-box h1{color: #1c1c1c; font-size: 15px;}
.color-box li .main-color-info-box p{color: #666666; font-size: 13px; margin-top: 5px;}
.color-box li .main-color-info-box p span{color: #1c1c1c; display: inline-block; margin: 0 0 0 10px;}
.color-box li .main-color-info-box p span:first-child{margin: 0;}

.color-box-2 ul{margin: 0 -35px;}
.color-box-2 ul::after{content:""; display: table; clear: both;}
.color-box-2 li{width: 25%; float: left; padding: 0 35px; height: 105px; margin-bottom: 35px;}
.color-box-2 li::after{content:""; display: table; clear: both;}
.color-box-2 li .main-color{width: calc(100% - 165px); float: left; height: 100%; border-radius: 30px; position: relative; border-top-left-radius: 0;}
.color-box-2 li .main-color p{position: absolute; right: 16px; bottom: 12px; font-size: 15px; text-align: right; opacity: .5; color: white;}
.color-box-2 li .main-color.main-7{background-color: #7b002f;}
.color-box-2 li .main-color.main-8{background-color: #6c005e;}
.color-box-2 li .main-color.main-9{background-color: #8a9900;}
.color-box-2 li .main-color.main-10{background-color: #bd9400;}
.color-box-2 li .main-color-info{float: right; width: 165px; height: 100%; display: table; padding-left: 20px;}
.color-box-2 li .main-color-info-box{display: table-cell; vertical-align: middle;}
.color-box-2 li .main-color-info-box h1{color: #1c1c1c; font-size: 15px;}
.color-box-2 li .main-color-info-box p{color: #666666; font-size: 13px; margin-top: 5px;}
.color-box-2 li .main-color-info-box p span{color: #1c1c1c; display: inline-block; margin: 0 0 0 10px;}
.color-box-2 li .main-color-info-box p span:first-child{margin: 0;}

.color-box-3{margin-top: 15px;}
.color-box-3 > h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-bottom: 35px;}
.color-box-3 > h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.metal-color-inner::after{content:""; display: table; clear: both;}
.metal-color-box{float: left; width: 450px;}
.metal-color-box li{margin-bottom: 35px; height: 105px;}
.metal-color-box li:last-child{margin-bottom: 0;}
.metal-color-box li::after{content:""; display: table; clear: both;}
.metal-color-box li .main-color{width: calc(100% - 175px); float: left; height: 100%; border-radius: 30px; position: relative; border-top-left-radius: 0;}
.metal-color-box li .main-color.metal-10{background-color: #b5b5b6;}
.metal-color-box li .main-color.metal-11{background-color: #c0a353;}
.metal-color-box li .main-color p{position: absolute; right: 16px; bottom: 12px; font-size: 18px; text-align: right; opacity: .5; color: white;}
.metal-color-box li .main-color-info{float: right; width: 175px; height: 100%; display: table; padding-left: 30px;}
.metal-color-box li .main-color-info-box{display: table-cell; vertical-align: middle;}
.metal-color-box li .main-color-info-box h1{color: #1c1c1c; font-size: 15px;}
.metal-color-box li .main-color-info-box p{color: #666666; font-size: 13px; margin-top: 5px;}
.metal-color-box li .main-color-info-box p span{color: #1c1c1c; display: inline-block; margin: 0 0 0 10px;}
.metal-color-box li .main-color-info-box p span:first-child{margin: 0;}
.color-logo-inner{float: right; width: calc(100% - 570px);}
.color-logo-inner::after{content:""; display: table; clear: both;}
.color-logo-box{width: 46.5%; float: left; margin-bottom: 30px;}
.color-logo-box:nth-child(even){float: right;}
.color-logo-box::after{content:""; display: table; clear: both;}
.color-logo-box .color-main-logo{float: left;}
.color-logo-box ul{float: right; width: 270px}
.color-logo-box ul::after{content:""; display: table; clear: both;}
.color-logo-box li{float: left; margin-right: 30px;}
.color-logo-box li:last-child{margin-right: 0;}

.background-color-wrap{padding: 50px 30px 75px 30px; border: 1px solid #d5d5d5;}
.background-color-inner::after{content:""; display: table; clear: both;}
.background-color-left{width: 78%; float: left;}
.background-color-left-box{margin-bottom: 42px;}
.background-color-left-box:last-child{margin-bottom: 0;}
.background-color-left-box::after{content:""; display: table; clear: both;}
.background-color-left-box > h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-bottom: 35px; float: left; width: 93px;}
.background-color-left-box > h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.background-color-left-box ul{width: calc(100% - 93px); float: right;}
.background-color-left-box ul::after{content:""; display: table; clear: both;}
.background-color-left-box li{width: 20%; float: left; position: relative; text-align: center;}
.background-color-left-box li p{font-size: 13px; color: #666666; position: absolute; width: 100%; top: -30px; left: 0; display: none;}
.background-color-left-box:first-child li p{display: block;}
.background-color-right{width: 22%; float: right;}
.background-color-right li{margin-bottom: 42px;}
.background-color-right li:last-child{margin-bottom: 0;}
.background-color-right li::after{content:""; display: table; clear: both;}
.background-color-right li h1{font-size: 15px; color: #666666; padding-top: 10px; position: relative; margin-bottom: 35px; float: left; width: 150px;}
.background-color-right li h1::before{content:""; display: block; position: absolute; width: 33px; height: 3px; background-color: #666666; left: 0; top: 0;}
.background-color-right li .background-color-image{float: left;}
.background-gradient-inner{padding-left: 150px; margin-top: 48px; margin-right: 20px;}
.background-gradient{width: 100%; height: 120px; border: 1px solid #2f2623; background: linear-gradient(to right, white, black); position: relative;}
.background-gradient::before{content:""; display: block; position: absolute; width: 15px; height: 151px; background: url(../../images/sub/color_line.png); left: 37%; top: -17px;}
.background-gradient > div{position: absolute; top: 50%; margin-top: -45px;}
.background-gradient .background-white{right: 27%;}
.background-gradient .background-block{left: 12.5%;}
.background-gradient-text{position: relative;}
.background-gradient-text p{font-size: 12px; color: #666666; position: absolute; top: 17px;}
.background-gradient-text p.left{left: -21px;}
.background-gradient-text p.left::before{content:""; display: block; position: absolute; width: 15px; height: 11px; background: url(../../images/sub/color_arrow.png); top: -13px; left: 50%; margin-left: -7.5px;}
.background-gradient-text p.center{left: 35.5%;}
.background-gradient-text p.right{right: -30px;}
.background-gradient-text p.right::before{content:""; display: block; position: absolute; width: 15px; height: 11px; background: url(../../images/sub/color_arrow.png); top: -13px; left: 50%; margin-left: -7.5px;}
.college-color-wrap{padding: 0 30px 30px 30px; border: 1px solid #d5d5d5;}
.college-color-wrap ul{margin: 0 -21px;}
.college-color-wrap ul::after{content:""; display: table; clear: both;}
.college-color-wrap li{width: 20%; float: left; padding: 0 21px; padding-top: 40px}
.college-color{width: 100%; height: 105px; border-radius: 30px; border-top-left-radius: 0; position: relative;}
.college-color.color-1{background-color: #002968;}
.college-color.color-2{background-color: #008e7d;}
.college-color.color-3{background-color: #0069aa;}
.college-color.color-4{background-color: #fbaf33;}
.college-color.color-5{background-color: #d8511d;}
.college-color.color-6{background-color: #91268f;}
.college-color.color-7{background-color: #71bf44;}
.college-color.color-8{background-color: #b195c6;}
.college-color.color-9{background-color: #005747;}
.college-color.color-10{background-color: #864f00;}
.college-color p{position: absolute; right: 16px; bottom: 12px; font-size: 18px; text-align: right; opacity: .5; color: white;}
.college-color-wrap .main-color-info-box{margin-top: 15px;}
.college-color-wrap .main-color-info-box h1{color: #1c1c1c; font-size: 15px;}
.college-color-wrap .main-color-info-box p{color: #666666; font-size: 13px; margin-top: 5px;}
.college-color-wrap .main-color-info-box p span{color: #1c1c1c; display: inline-block; margin: 0 0 0 10px;}
.college-color-wrap .main-color-info-box p span:first-child{margin: 0;}


@media all and (max-width: 1500px) {
  .color-logo-box .color-main-logo{float: none;}
  .color-logo-box ul{float: none; width: 100%; margin-top: 10px;}
}

@media all and (max-width: 1300px) {
  .color-box-2 li{height: auto;}
  .color-box-2 li .main-color{width: 100%; float: none; height: 105px;}
  .color-box-2 li .main-color-info{width: 100%; float: none; margin-top: 20px; display: block; padding-left: 0;}
  .metal-color-box{width: 300px;}
  .metal-color-box li{height: auto;}
  .metal-color-box li .main-color{width: 100%; float: none; height: 105px;}
  .metal-color-box li .main-color-info{width: 100%; float: none; margin-top: 20px; display: block; padding-left: 0;}
  .color-logo-inner{width: calc(100% - 330px);}
  .color-logo-box li{margin-right: 20px;}
  .background-color-right li h1{width: 85px;}
  .background-color-right li .background-color-image{float: right;}
}

@media all and (max-width: 1024px) {
  .color-box li{height: auto;}
  .color-box li .main-color{width: 100%; float: none; height: 105px;}
  .color-box li .main-color-info{width: 100%; float: none; margin-top: 20px; display: block; padding-left:0;}
  .color-box-2 li{width: 50%;}
  .metal-color-box{float: none;; width: 100%;}
  .color-logo-box {width: 50%;}
  .color-logo-box .color-main-logo {float: left; width: 33.33%; padding-right: 1%;}
  .color-logo-box ul {float: left; width: 66.66%; margin-top: 0;}
  .color-logo-box li {float: left; width: 50%; margin-right: 0; padding-right: 1%;}
  .color-logo-inner{width: 100%; float: none; margin-top: 20px;}
  .college-color-wrap li{width: 33.3333%;}
  .background-color-left{float: none; width: 100%; margin-bottom: 42px;}
  .background-color-right{float: none; width: 100%;}
  .background-color-right ul::after{content:""; display: table; clear: both;}
  .background-color-right li{width: 50%; float: left;}
  .background-color-right li h1{width: 150px;}
  .background-color-right li .background-color-image{width: calc(100% - 150px); text-align: center;}
  .background-gradient-inner{padding-left: 0;}
}

@media all and (max-width: 768px) {
  .color-box ul{margin: 0;}
  .color-box li{width: 100%; float: none; padding: 0;}
  .color-box-2 ul{margin: 0;}
  .color-box-2 li{width: 100%; float: none; padding: 0;}
  .color-logo-box{width: 100%; float: none;}
  .color-logo-box:nth-child(even){float: none;}
  .college-color-wrap li{width: 100%;}
  .background-color-left-box > h1{width: 100%; float: none; margin-bottom: 50px;}
  .background-color-left-box ul{width: 100%; float: none;}
  .background-color-left-box li{width: 33.3333%; margin-bottom: 50px;}
  .background-color-left-box li p{display: block;}
  .background-color-right li{width: 100%; float: none;}
  .background-color-right li .background-color-image{text-align: right;}
}

@media all and (max-width: 460px) {
  .background-color-left-box li{width: 50%;}
  .background-gradient-inner{margin-right: 0;}
  .background-gradient-box{text-align: center; position: relative;}
  .background-gradient{width: 40%; height: 350px; display: inline-block; background: linear-gradient(to bottom, white, black)}
  .background-gradient > div{top: auto; margin-top: 0; left: 50%; margin-left: -44px;}
  .background-gradient .background-white{right: auto; top: 60%;}
  .background-gradient::before{transform: rotate(90deg); top: 17%; left: 50%;}
  .background-gradient .background-block{left: 50%; top: 7%;}
  .background-gradient-text{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .background-gradient-text p{top: auto;}
  .background-gradient-text p.left{left: 0%; top: -2%;}
  .background-gradient-text p.center{left: 0%; top: 35.6%;}
  .background-gradient-text p.right{right: auto; left: -6%; top: auto; bottom: 0;}
  .background-gradient-text p.left::before{top: 3px; left: auto; margin-left: 0; right: -50%; transform: rotate(90deg);}
  .background-gradient-text p.right::before{top: 3px; left: auto; margin-left: 0; right: -40%; transform: rotate(90deg);}
}

/*행정업무편람*/
.administration-wrap > ul{margin: 0 -28px;}
.administration-wrap > ul::after{content:""; display: table; clear: both;}
.administration-wrap > ul > li{width: 33.3333%; float: left; padding: 0 28px; margin-top: 13px;}
.administration-box ul:after{content:""; display: table; clear: both}
.administration-wrap > ul > li .left li{width: 50%; float: left;}
.administration-wrap > ul.full > li{width: 100%;}
.administration-wrap > ul.full > li .left li{width: 14.2857%;}
.administration-inner{background: url("../../images/sub/arith_bg1.jpg"); padding: 7px; margin-top: 20px;}
.administration-box{background-color: white; padding: 24px 33px; min-height: 116px;}
.administration-box li{padding: 5px 0;}
.administration-box li a{position: relative; display: inline-block; padding-left: 18px; background: url(../../images/sub/sub_history_arrow.png) no-repeat left top 8px; color: #666666;}
.administration-box li a::after {content: ""; position: absolute; z-index: 1; width: 15px; height: 15px; background: #D7D7D7; right: -4px; top: -2px; border-radius: 50%; opacity: 0; transition: opacity 0.3s;}
.administration-box li a span {position: relative; display: inline-block; z-index: 2;}
.administration-box li a span::before {content: ""; position: absolute; z-index: 1; width: 0; height: 1px; background: #222; left: 0; bottom: 1px; transition: width 0.3s;}

.administration-box li a:hover::after {opacity: 1;}
.administration-box li a:hover span::before {width: 100%;}


@media all and (max-width: 1300px) {
  .administration-wrap > ul.full > li .left li{width: 33.3333%;}
}

@media all and (max-width: 1024px) {
  .administration-wrap > ul > li{width: 50%;}
}

@media all and (max-width: 768px) {
  .administration-box {min-height: auto;}
  .administration-wrap > ul > li{width: 100%; float: none; margin-top: 20px;}
  .administration-inner{margin-top: 10px;}
  .administration-wrap > ul.full > li .left li{width: 50%;}
}

@media all and (max-width: 460px) {
  .administration-wrap > ul > li .left li{width: 100%; float: none;}
  .administration-wrap > ul.full > li .left li{width: 100%; float: none;}
}

/*찾아오시는 길*/
.road-wrap ul::after{content:""; display: table; clear: both;}
.road-wrap li{width: 50%; float: left; margin-bottom: 30px;}
.road-wrap li::after{content:""; display: table; clear: both;}
.road-wrap li:first-child {padding-right: 30px;}
.road-wrap li .road-image{width: 150px; float: left; height: 175px; display: table;}
.road-wrap li .road-image-box{display: table-cell; vertical-align: middle; text-align: center;}
.road-wrap li .road-image-box p{color: white; font-size: 16px; font-weight: 500; margin-top: 10px;}
.road-wrap li .road-content{width: calc(100% - 180px); float: right; height: 175px; display: table; }
.road-wrap li .road-content-box{display: table-cell; vertical-align: middle;}
.road-wrap li .road-content-box p{font-size: 16px; line-height: 30px; color: #666666; word-break: break-all;}
.road-wrap.bus .road-image{background: url(../../images/sub/road_1.png) no-repeat center center; background-size: contain;}
.road-wrap.wonju .road-image{background: url(../../images/sub/road_2.png) no-repeat center center; background-size: contain;}
.road-wrap li.clear{float: none; width: 100%; clear: both;}

@media all and (max-width: 1024px) {
  .road-wrap li{width: 100%; float: none;}
  .road-wrap li:last-child{margin-bottom: 0;}
  .road-wrap li:first-child {padding-right: 0px;}
}

@media all and (max-width: 768px){
  .road-wrap li {display: table; width: 100%; margin-bottom: 20px;}
  .road-wrap li .road-image {float: none; width: 100px; display: table-cell; vertical-align: middle; text-align: center; height: 116px;}
  .road-wrap li .road-content {float: none; width: calc(100% - 100px); display: table-cell; vertical-align: middle; padding-left: 20px; height: auto; }
  .road-wrap li .road-image-box {display: block;}
  .road-wrap li .road-image-box img {max-width: 40%;}
  .road-wrap li .road-image-box p {font-size: 14px; margin-top: 3px; word-break: break-all;}

  .road-wrap.wonju li {display: block;}
  .road-wrap.wonju .road-image {display: table; margin: 0 auto; margin-bottom: 20px;}
  .road-wrap.wonju li .road-image-box {display: table-cell; vertical-align: middle;}
  .road-wrap.wonju li .road-content {display: block; width: 100%; padding-left: 0;}
}

.classroom-img-bx {overflow: hidden; margin: 0 -0.5%; margin-top: 15px;}
.classroom-inner {float: left; width: 25%; padding: 0 0.5%;}
.classroom-img {position: relative; display: inline-block;}
.classroom-img img {width: 100%;}
.classroom-img::after {content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.7); left: 10px; top: 10px; bottom: 10px; right: 10px;}

@media all and (max-width: 768px){
  .classroom-inner {width: 50%; margin-bottom: 10px;}
}

@media all and (max-width: 500px){
  .classroom-img {display: block;}
  .classroom-img img {width: 100%;}
  .classroom-img-bx {margin: 0; margin-top: 15px;}
  .classroom-inner {width: 100%; margin-bottom: 10px;}
}

.greeting-bx {position: relative; margin-top: 15px; overflow: hidden; min-height: 350px;}
.greeting-img {position: absolute; width: 32.5%; left: 0; top: 0;}
.greeting-img-inner {position: relative; display: inline-block;}
.greeting-img-inner::before {content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.7); left: 10px; top: 10px; bottom: 10px; right: 10px;}
.greeting-img img {width: 100%;}
.greeting-info {float: right; width: 69%; padding-bottom: 70px;}
.greeting-info::after {content: ""; position: absolute; width: 121px; height: 100px; background: url("../../images/sub/greeting_icon.png") no-repeat; right: 0; bottom: 0;}
.greeting-info > p {text-align: right; font-family: "Gm"; font-weight: 500; color: #dfdfdf; font-size: 24px; line-height: 28px; }
.greeting-info-inner {padding: 45px 6% 50px; background: url("../../images/sub/greeting_bg.jpg") no-repeat right top; background-size: cover;}
.greeting-info-inner p {font-size: 16px; line-height: 30px; color: #666666;}
.greeting-info-inner p strong {display: block; margin-bottom: 20px; font-size: 20px; color: #222222; font-weight: 500;}

@media all and (max-width: 768px){
  .greeting-img {position: static; width: 100%;}
  .greeting-img-inner {display: block;}
  .greeting-img img {width: 100%; max-width: auto;}
  .greeting-info {float: none; width: 100%; margin-top: 10px;}
}