/*접근성 시작*/

/*
.main a {outline: none;}
*/
.main a:focus-visible::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #333;}

/* Full Page Acc */
.next-move {position: absolute; bottom: 0; width: 100%;}
.next-move button {display:block; position: absolute; left: -99999px; bottom: 0; z-index: 200; width:100%; padding: 10px 0; background:rgba(0, 0, 0,.8); backdrop-filter: blur(10px); border: 0 none; font-family: 'Dream Regular'; font-size: 15px; text-align: center; color:#fff;}
.next-move button:focus,
.next-move button:hover,
.next-move button:active {left: 0;}

/* 학칙 규정 */
.rules .search .box-search input::placeholder {color: #666;}
.rules .search .box-sel select,
.rules .search .box-search input {color : #666;}
.rules ._paging > ._inner > ul li strong {background-color : #777;}
.jstree-anchor:focus {outline: 1px solid #333 !important}
/* 서브페이지 */
.vision-strategy > ul > li:nth-child(2) .strategy-header {background-color: #1f7fb6}

/* 게시판 */
.view-detail .view-util dt {color:#777;}
.board-webzine .info dt {display: block; position: absolute; left: -99999px;}
.board-table tbody td .processing .no-answer {background: #ff5100;}

.center-top-popup .wrap-side-pop .control2 .pop-state em {color: #fff !important}

.user-service-list li a, .user-service-list li button {text-indent: -99999px !important}

.login-field li input[type="radio"]:focus-visible ~ .custom-radio {outline: 2px solid #000 !important;}

._fnctWrap ._fnTable caption {display: block !important; position: absolute; left: -9999px;}

.board-write .insert input:focus-visible  {outline: 1px solid #000 !important;}
/*접근성 끝*/

/*설문조사*/
/* 
.body-929 ._areaButton {display: none;}
*/

/* 건학정신 */
.foundation-image img{display: block; width: 100%;}

/* 공개처리절차 */
.down-arrow{text-align: center; margin: 10px 0;}
.down-arrow img{display: inline-block; vertical-align: middle;}

/* 셔틀버스안내 */
.station-map{margin-top: 10px;}
.station-map > div{width: 100% !important;}

/* ducc */
.ducc-image {text-align: center;}
.center-image{text-align: center;}


@media all and (max-width: 768px) {
  .ducc-map{background: url(../../images/sub/ducc_map.png) no-repeat center center / cover; height: 250px; width: 100%;}  
  .ducc-map img{display: none;}
}


/* 기타 */
.con-table tbody td .btn-box a[target=_blank]{margin: 0;}
.con-table tbody td .btn-box a[target=_blank]::after{display: none;}

/* 신고 */
.site-link{display: block; margin-top: 10px;}

/* 조직도 */
.organ-header{position: relative;}
.organ-header h1{width: 315px; height: 272px; background: url(../../images/sub/top_image.png) no-repeat center center; font-size: 40px; font-family: "Gmarket Bold"; color: white; margin: 0 auto; text-align: center; line-height: 300px; letter-spacing: .1em; padding-left: .1em}
.organ-content .organ-section-1{position: absolute; display: flex; flex-wrap: wrap; width: 100%; top: 360px; z-index: 2;}
.organ-content .organ-section-1 .organ-content-list{height: auto;}
.organ-content .organ-section-1 .same-height .organ-content-list{height: 118px;}
.organ-content .organ-section-1 .same-height-2 .organ-content-list{height: 89px;}
.organ-content .organ-section-1 .organ-content-list p{font-size: 18px;}
.organ-content .organ-section-2 .organ-content-list{height: 280px;}
.organ-content .organ-section-2{position: relative; padding-top: 550px;}
.organ-content .organ-section-2::before{content:""; display: block; position: absolute; left: 50%; width: 1px; height: 100%; background-color: rgba(129,129,129,.5); top: 0; z-index: -1;}
.organ-content .organ-section-2 > ul{margin: 0 -10px;}
.organ-content .organ-section-2 > ul > li{width: calc(100% / 6); padding: 0 10px;}
.organ-content .organ-section-3{padding-top: 70px; margin-top: 20px; position: relative;}
.organ-content .organ-section-3 > ul{margin: 0 -10px;}
.organ-content .organ-section-3 > ul > li{width: calc(100% / 4); padding: 0 10px;}
.organ-content .organ-section-4{padding-top: 70px; margin-top: 20px; position: relative;}

/*
.organ-content .organ-section-4 .organ-content-list{height: 380px;}
.organ-content .organ-section-4 > ul > li:nth-child(1) .organ-content-box:nth-child(1) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(3) .organ-content-box:nth-child(1) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(5) .organ-content-box:nth-child(1) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(6) .organ-content-box:nth-child(1) .organ-content-list{height: 380px}
.organ-content .organ-section-4 > ul > li:nth-child(1) .organ-content-box:nth-child(2) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(3) .organ-content-box:nth-child(2) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(5) .organ-content-box:nth-child(2) .organ-content-list,
.organ-content .organ-section-4 > ul > li:nth-child(6) .organ-content-box:nth-child(2) .organ-content-list{height: 380px}
*/
/*20240723 추가**/
.organ-content .organ-section-2 .organ-content-box{ height:100%; }
.organ-content .organ-section-2 .organ-content-list{height: calc(100% - 70px);}
.organ-content .organ-section-4 .organ-content-box{ height:100%; }
.organ-content .organ-section-4 .organ-content-list{height: calc(100% - 140px);}
.organ-content .organ-section-6 .organ-content-box{ height:100%; }
.organ-content .organ-section-6 .organ-content-list{height: calc(100% - 70px);}

.organ-content .organ-section-4 > ul{margin: 0 -10px;}
.organ-content .organ-section-4 > ul > li{width: calc(100% / 5); padding: 0 10px; margin-bottom: 20px;}
.organ-content .organ-section-5{padding-top: 70px; margin-top: 20px; position: relative;}
.organ-content .organ-section-5 .organ-content-list{height: 265px;}
.organ-content .organ-section-5 > ul{margin: 0 -10px;}
.organ-content .organ-section-5 > ul > li{width: calc(100% / 6); padding: 0 10px;}
.organ-content .organ-section-6{padding-top: 70px; margin-top: 20px; position: relative;}
/* 20240723 주석처리
.organ-content .organ-section-6 .organ-content-list{height: 177px;}*/
.organ-content .organ-section-6 > ul{margin: 0 -10px;}
.organ-content .organ-section-6 > ul > li{width: calc(100% / 3); padding: 0 10px;}
.organ-content > div::after{content:""; display: table; clear: both;}
.organ-content .organ-more-content > div > ul,
.organ-content > div > ul{display: flex; flex-wrap: wrap; justify-content: stretch; align-items: stretch; background-color: white; padding-top: 50px;}
.organ-left{width: 50%; position: relative; display: flex;}
.organ-left::before{content:""; display: block; position: absolute; right: 0; top: 35px; width: 50%; height: 1px; background-color: rgba(192,192,192,.5); z-index: -1;}
.organ-left::after{content:""; display: table; clear: both;}
.organ-right{width: 50%; position: relative; display: flex; justify-content: end;}
.organ-right::before{content:""; display: block; position: absolute; left: 0; top: 35px; width: 50%; height: 1px; background-color: rgba(192,192,192,.5); z-index: -1;}
.organ-right::after{content:""; display: table; clear: both;}
.organ-side-left{width: 283px; margin-right: 20px;}
.organ-side-right{width: 283px;}
.organ-content-box{margin-bottom: 18px;}
.organ-content-box:last-child{margin-bottom: 0;}
.organ-content-box h1{background-image: url(../../images/sub/box_background.png); background-repeat: no-repeat; background-position: left -95px top -140px;display: table; width: 100%; padding: 0 20px; height: 70px;}
.organ-content-box h1 button,
.organ-content-box h1 a{ text-align: center; color: white; font-family: "Gmarket Medium"; font-size: 22px; height: 70px; width: 100%; display: table-cell; position: relative; vertical-align: middle;}
.organ-content-box h1 button::after,
.organ-content-box h1 a::after{content:""; display: block; position: absolute; left: 15%; bottom: 20%; width: 0%; height: 2px; background-color: white; transition: all .5s}
.organ-content-box h1 a[target="_blank"]::before{content:""; display :block; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 16px; height: 14px; background: url(../../images/common/blank_icon_white.png);}
.organ-content-box h1 button:hover::after,
.organ-content-box h1 a:hover::after{width: 70%;}
.organ-content-box h1 span{display: table-cell; vertical-align: middle; line-height: 1.1; word-break: break-all; text-align: center; font-family: "Gmarket Medium"; font-size: 22px; color: white;}
.organ-content-box.blue h1{background-color: #4694d1;}
.organ-content-box.green h1{background-color: #139D8B;}
.organ-content-box.gray h1{background-color: #898989;}
.organ-content-box.darkgreen h1{background-color: #42999a;}
.organ-section-title h1{width: 298px; margin: 0 auto; text-align: center; font-family: "Gmarket Medium"; font-size: 28px; color: white; background: url(../../images/sub/organ_title.png) no-repeat center center; padding: 22px 0px 17px}
.organ-content-list{border: 1px solid #dbdbdb; border-top: 0; padding: 21px 20px; background-color: white;}
.organ-content-list p{font-size: 17px; color: #111111; font-family: "Noto Regular"; padding-left: 16px; background: url(../../images/sub/bullet.png) no-repeat left top 9px;}
.organ-content-list p button{font-size: 17px; color: #111111; font-family: "Noto Regular"; position: relative;}
.organ-content-list p button::after{content:""; display: block; position: absolute; left: 0; bottom: -1px; width: 0%; height: 2px; background-color: #555555; transition: all .5s}
.organ-content-list p button:hover::after{width: 100%;}
.organ-content-list p > a{display: inline-block; font-size: 17px; font-family: "Noto Regular"; color :#111111; position: relative;}
.organ-content-list p > a::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #555555; transition: all .5s}
.organ-content-list p > a:hover::after{width: 100%;}
.organ-content-list p > a[target="_blank"]{padding-right: 20px; background: url(../../images/common/blank_icon.png) no-repeat right center;}
.organ-content-list span{display: block; padding-left: 17px;}
.organ-content-list span a{display: inline-block; font-size: 17px; font-family: "Noto Regular";color :#111111; position: relative;}
.organ-content-list span a::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #555555; transition: all .5s}
.organ-content-list span a:hover::after{width: 100%;}
.organ-content-list span a[target="_blank"]{padding-right: 20px; background: url(../../images/common/blank_icon.png) no-repeat right center;}
.organ-content-list span button{display: inline-block; font-size: 17px; font-family: "Noto Regular"; color: #111111; text-align: left; position: relative;}
.organ-content-list span button::after{content:""; display: block; position: absolute; left: 7%; bottom: 0; width: 0%; height: 2px; background-color: #111111; transition: all .5s}
.organ-content-list span button:hover::after{width: 93%;}
.organ-team{margin-top: 5px;}
.organ-team p button,
.organ-team > p{border: 1px solid #dbdbdb; background-color: #edeef1; color: #111111; font-family: "Noto Regular"; text-align: center; line-height: 60px; font-size: 17px; display: block; width: 100%;}
.organ-team p button{position: relative;}
.organ-team p button::after{content:""; display: block; position: absolute; left: 15%; bottom: 20%; width: 0%; height: 2px; background-color: #555; transition: all .5s}
.organ-team p button:hover::after{width: 70%;}
.organ-more{width: 140px; margin: 0 auto; background-color: #898989; font-size: 18px; color: white; font-family: "Gmarket Medium"; text-align: left; padding: 23px 0 17px 45px; position: relative; cursor: pointer; display: block; margin-top: 90px;}
.organ-more::before{content:""; display: block; position: absolute; left: 19px; top: 24px; width: 15px; height: 15px; background: url(../../images/sub/organ_more.png);}
.organ-more._on::before{background: url(../../images/sub/organ_close.png);}
.organ-more-content{display: none;}
.organ-more-content._on{display: block;}
.organ-hidden-content{display: none;}

.organ-popup-wrap{position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: table; background-color: rgba(0,0,0,.45); z-index: 9999; visibility: hidden; opacity: 0; transition: all .5s;}
.organ-popup-wrap.on{opacity: 1; visibility: visible;}
.organ-popup{display: table-cell; vertical-align: middle;}
.organ-popup-box{max-width: 900px; margin: 0 auto;}
.organ-popup-header{background: url(../../images/sub/popup_header.png) no-repeat left top / cover; padding: 0 30px;}
.organ-popup-header::after{content:""; display: table; clear: both;}
.organ-popup-header h1{font-size: 32px; font-family: "Gmarket Medium"; color: #ffffff; float: left; margin-top: 20px;}
.organ-popup-header ul{float: right;}
.organ-popup-header ul::after{content:""; display: table; clear: both;}
.organ-popup-header li{float: left; position: relative; padding-right: 20px; margin-right: 22px;}
.organ-popup-header li.none{display: none;}
.organ-popup-header li::before{content:""; display: block; position: absolute; right: 0; top: 28px; width: 1px; height: 18px; background-color: #809ec5;}
.organ-popup-header li:last-child{padding-right: 0; margin-right: 0;}
.organ-popup-header li:last-child::before{display: none;}
.organ-popup-header li a{padding-left: 30px; font-size: 17px; font-family: "Gmarket Light"; color: white; background: url(../../images/sub/popup_link.png) no-repeat left top 27px; display: block; line-height: 80px;}
.organ-popup-close{padding-left: 26px; display: block; font-size: 17px; font-family: "Gmarket Light"; color: white; background: url(../../images/sub/popup_close.png) no-repeat left top 30px; line-height: 80px;}
.organ-popup-content-inner{background-color: white; max-height: 510px; overflow-y: scroll;}
.organ-popup-content{padding: 40px;}
.organ-popup-content .organ-popup-text{font-size: 17px; line-height: 28px; color: #111111; padding-bottom: 30px; background: url(../../images/sub/popup_dots_line.png) no-repeat left bottom;}
.organ-arrow-list{padding-bottom: 30px; background: url(../../images/sub/popup_dots_line.png) no-repeat left bottom; margin-top: 20px; margin-bottom: 30px;}
.organ-arrow-list li{font-size: 17px; line-height: 28px; color: #555; padding-left: 20px; background: url(../../images/guide/arrow.png) no-repeat left top 11px;}
.organ-arrow-list li a{padding-right: 30px; background: url("../../images/guide/table-blank-icon.png") no-repeat right center; color: #555}


@media all and (max-width: 1380px) {
  .organ-content-box h1,
  .organ-content-box h1 a,
  .organ-content-box h1 button{font-size: 22px; word-break: break-all;}
  .organ-section-1 .organ-content-box h1 button{font-size: 22px;}
  .organ-content-list{padding: 10px;}
  .organ-content-list p{font-size: 14px; background-position: left top 7px;}
  .organ-content-list p > a{font-size: 14px;}
  .organ-content-list span a{font-size: 14px;}
  .organ-content-list span button,
  .organ-content-list p button{font-size: 14px; word-break: break-all;}
  .organ-content-list span{font-size: 14px;}
  .organ-content .organ-section-1 .organ-content-list p{font-size: 14px; background-position: left top 10px;}
  .organ-section-title h1{font-size: 22px; padding: 27px 0px 22px}
  .organ-team p{font-size: 14px;}
  .organ-side-left,
  .organ-side-right{width: 220px;}
}

@media all and (max-width: 1100px) {
  .organ-content .organ-section-1 .same-height .organ-content-list,
  .organ-content .organ-section-1 .same-height-2 .organ-content-list{height: auto}
  .organ-side-left, .organ-side-right{width: 180px;}
  .organ-content-box h1,
  .organ-content-box h1 a,
  .organ-content-box h1 button{font-size: 16px; word-break: break-all;}
  .organ-content > div > ul,
  .organ-content .organ-more-content > div > ul{padding-top: 30px;}
  .organ-content .organ-section-1 .organ-content-list p{font-size: 14px; background-position: left top 7px;;}
  .organ-content .organ-section-2 > ul > li{width: calc(100% / 3);}
  .organ-content .organ-section-2 .organ-content-list{height: 210px;}
  .organ-content .organ-section-4 > ul > li{width: calc(100% / 3); margin-bottom: 20px;}
  .organ-content .organ-section-4 .organ-content-list{height: 340px !important;}
  .organ-content .organ-section-5 > ul > li{width: calc(100% / 3);}
  .organ-content .organ-section-5 .organ-content-list{height: 130px;}
}

@media all and (max-width: 900px) {
  .organ-side-left, .organ-side-right{width: 160px;}
  .organ-content .organ-section-1{position: relative; top: 0; margin-top: 50px;}
  .organ-content .organ-section-2{padding-top: 0; padding-top: 70px; margin-top: 20px;}
  .organ-left{width: 100%;}
  .organ-left::before,
  .organ-right::before{display: none;}
  .organ-side-left, .organ-side-right{width: 50%;}
  .organ-right{width: 100%; margin-top: 20px;}
  .organ-popup-content .con-table table{width: 100%;}
  .organ-popup-content .con-table::after{display: none;}
  .organ-popup-box{width: 99%; margin: 0 .5%;}
  .organ-popup-header h1{font-size: 25px; margin-top: 25px;}
}

@media all and (max-width: 768px) {
  .organ-popup-content{padding: 20px;}
  .organ-popup-header{padding: 0 30px;}
}

@media all and (max-width: 600px) {
  .organ-content .organ-section-2 > ul > li,
  .organ-content .organ-section-3 > ul > li,
  .organ-content .organ-section-4 > ul > li,
  .organ-content .organ-section-5 > ul > li,
  .organ-content .organ-section-6 > ul > li{width: 100% !important; margin-bottom: 10px;}
  .organ-content .organ-section-2 .organ-content-list,
  .organ-content .organ-section-3 .organ-content-list,
  .organ-content .organ-section-4 .organ-content-list,
  .organ-content .organ-section-5 .organ-content-list,
  .organ-content .organ-section-6 .organ-content-list{height: auto !important}
}

/* 비전 및 추진체계 */
.vision-header{width: 100%; max-width: 1306px; display: table;  text-align: center; background: url(../../images/sub/vision_title.png) no-repeat top center / cover; height: 119px; margin-left: 194px;}
.vision-header h1{font-family: "Gmarket Medium"; color: white; font-size: 36px; display: table-cell; vertical-align: middle;}
.vision-box{position: relative;}
.vision-box::after{content:""; display: table; clear: both;}
.vision-box .vision-title{float: left; width: 163px; position: relative; display: table; height: 183px;}
.vision-box .vision-title::after{content:""; display: block; position: absolute; width: 100%; height: 183px; background-size: cover; background-position: center center; left: 0; top: 0; z-index: -1;}
.vision-box:nth-child(2){top: -20px;}
.vision-box:nth-child(3){top: -40px;}
.vision-box:nth-child(4){top: -60px;}
.vision-box:nth-child(1) .vision-title::after{background-image: url(../../images/sub/vision_title_1.png); opacity: .9;}
.vision-box:nth-child(2) .vision-title::after{background-image: url(../../images/sub/vision_title_2.png); opacity: .9;}
.vision-box:nth-child(3) .vision-title::after{background-image: url(../../images/sub/vision_title_3.png); opacity: .9;}
.vision-box:nth-child(4) .vision-title::after{background-image: url(../../images/sub/vision_title_4.png); opacity: .9;}
.vision-box .vision-title h1{text-align: center; color: white; display: table-cell; vertical-align: middle; font-family: "Gmarket Medium"; font-size: 26px; line-height: 30px;}
.vision-box .vision-list{float: right; width: calc(100% - 194px); margin-top: 40px;}
.vision-box .vision-slogan{float: right; width: calc(100% - 194px); margin-top: 13px; background: url(../../images/sub/dots_background.png); padding: 8px;}
.vision-box .vision-strategy{float: right; width: calc(100% - 194px); margin-top: 20px;}
.vision-box .vision-assignment{float: right; width: calc(100% - 194px); margin-top: 20px;}
.vision-box .vision-list ul::after{content:""; display: table; clear: both;}
.vision-box .vision-list > ul > li{width: 24.2%; float: left; margin-right: 1.06%; text-align: center;}
.vision-box .vision-list > ul > li:last-child{margin-right: 0;}
.vision-box .vision-list > ul > li ul{display: inline-block; margin-top: 10px;}
.vision-box .vision-list > ul > li li{display: inline-block;}
.vision-box .vision-list > ul > li li:first-child{padding-right: 26px; position: relative;}
.vision-box .vision-list > ul > li li:first-child::after{content:""; display: block; position: absolute; right: 0; top: 3px; width: 1px; height: 18px; background-color: #b9b9b8;}
.vision-box .vision-list > ul > li li:last-child{padding-left: 25px;}
.vision-box .vision-list > ul > li:nth-child(3) li,
.vision-box .vision-list > ul > li:nth-child(4) li{padding-right: 0; padding-left: 0;}
.vision-box .vision-list > ul > li:nth-child(3) li::after,
.vision-box .vision-list > ul > li:nth-child(4) li::after{display: none;}
.vision-box .vision-list > ul > li li p{font-family: "Gmarket Light"; font-size: 20px; color: #040000;}
.vision-list .vision-sub-title{border: 1px solid #898989; border-top: 0; position: relative;}
.vision-list .vision-sub-title p{text-align: center; color: #282b33; font-family: "Gmarket Light"; font-size: 26px; padding: 20px 0 10px;}
.vision-list .vision-sub-title::after{content:""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 8px;}
.vision-box .vision-list > ul > li:nth-child(1) .vision-sub-title::after{background-color: #004fa2;}
.vision-box .vision-list > ul > li:nth-child(2) .vision-sub-title::after{background-color: #1271b1;}
.vision-box .vision-list > ul > li:nth-child(3) .vision-sub-title::after{background-color: #22afca;}
.vision-box .vision-list > ul > li:nth-child(4) .vision-sub-title::after{background-color: #4dbcb5;}
.vision-box .vision-slogan-background{background-color: white;}
.vision-box .vision-slogan-text::after{content:""; display: table; clear: both;}
.vision-box .vision-slogan-text h1{width: 50%; float: left; text-align: center; font-family: "Gmarket Medium"; font-size: 40px; padding: 16px 0 6px; position: relative;}
.vision-box .vision-slogan-text h1:nth-child(1)::after{content:""; display: block; position: absolute; width: 18px; height: 20px; background: url(../../images/sub/slash_color.png); right: -9px; top: 50%; margin-top: -10px;}
.vision-box .vision-slogan-text h1:nth-child(1) {color: #2a5397;}
.vision-box .vision-slogan-text h1:nth-child(2) {color: #1495b1;}
.vision-slogan-content ul{background-color: #f4f4f4}
.vision-slogan-content ul::after{content:""; display: table; clear: both;}
.vision-slogan-content li{width: 50%; float: left;}
.vision-slogan-content li p{font-size: 24px; text-align: center; font-family: "Gmarket Medium"; padding: 10px 0 7px;}
.vision-slogan-content li:nth-child(1) p{color: #2a5397;}
.vision-slogan-content li:nth-child(2) p{color: #1495b1;}
.vision-strategy ul::after{content:""; display: table; clear: both;}
.vision-strategy ul li{float: left;}
.vision-strategy > ul > li{width: 49.24%; margin-right: 1.52%; background-color: #e8e8e8; border-radius: 40px; position: relative; padding: 80px 0 9px;}
.vision-strategy > ul > li .strategy-header{position: absolute; left: 0; top: 0; width: 100%; border-radius: 40px;}
.vision-strategy > ul > li:nth-child(1) .strategy-header{background-color: #004ea1;}
.vision-strategy > ul > li:nth-child(2) .strategy-header{background-color: #22b0cb;}
.vision-strategy > ul > li .strategy-header ul::after{content:""; display: table; clear: both;}
.vision-strategy > ul > li .strategy-header li{float: left; width: 50%; position: relative;}
.vision-strategy > ul > li .strategy-header li p{color: #ffffff; font-family: "Gmarket Medium"; text-align: center; font-size: 26px; padding: 15px 0 12px;}
.vision-strategy > ul > li .strategy-header li:first-child::after{content:""; display: block; position: absolute; right: -6px; width: 12px; height: 14px; background: url(../../images/sub/slash_white.png); top: 50%; margin-top: -7px;}
.vision-strategy > ul > li .strategy-content ul::after{content:""; display: table; clear: both;}
.vision-strategy > ul > li .strategy-content li{float: left; width: 50%;}
.vision-strategy > ul > li .strategy-content li p{color: #282b33; font-family: "Gmarket Light"; text-align: center; font-size: 20px; line-height: 28px;}
.vision-strategy > ul > li:last-child{margin-right: 0;}
.vision-assignment > ul{margin: 0 -8px;}
.vision-assignment > ul::after{content:""; display: table; clear: both;}
.vision-assignment > ul > li{float: left; width: 25%; padding: 0 8px; padding-top: 24px; position: relative;}
.vision-assignment > ul > li::after{content:""; display: block; position: absolute; width: 25px; height: 13px; background: url(../../images/sub/down_arrow.png) no-repeat top left; top: 0; left: 50%; margin-left: -13px;}
.assignment-content li{border: 1px solid #c4c4c4; height: 99px; display: table; width: 100%; background-color:#f7f7f7; margin-bottom: 10px;}
.assignment-content li:last-child{margin-bottom: 0;}
.assignment-content li p{display: table-cell; vertical-align: middle; font-family: "Gmarket Light"; font-size: 20px; line-height: 28px; text-align: center;}
.strategy-title{background: url(../../images/sub/work_background.png) no-repeat top center; display: table; width: 100%; max-width: 1306px; height: 103px; margin-left: 194px; position: relative; top: -50px;}
.strategy-title h1{display: table-cell; vertical-align: middle; text-align: center; font-size: 36px; color: #ffffff; font-family: "Gmarket Medium";}
.strategy-title h1 span{position: relative;}
.strategy-title h1 span::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: white;}

@media all and (max-width: 1520px) {
  .vision-content{margin-top: 20px;}
  .vision-header{margin-left: 0; margin: 0 auto; border-radius: 70px;}
  .vision-box .vision-list > ul > li li p{font-size: 16px;}
  .strategy-title{margin-left: 0; margin: 0 auto;}
}

@media all and (max-width: 1320px) {
  .vision-header h1{font-size: 30px;}
  .vision-list .vision-sub-title p{font-size: 20px;}
  .vision-box .vision-list > ul > li li:first-child{padding-right: 10px;}
  .vision-box .vision-list > ul > li li:last-child{padding-left: 8px;}
  .vision-box .vision-slogan-text h1{font-size: 33px;}
  .vision-strategy > ul > li .strategy-header li p{font-size: 22px;}
  .vision-slogan-content li p{font-size: 18px;}
  .vision-strategy > ul > li .strategy-content li p{font-size: 16px; line-height: 22px;}
  .assignment-content li p{font-size: 16px; line-height: 22px;}
  .vision-box .vision-list > ul > li li p{font-size: 14px;}
  .vision-box .vision-list > ul > li li:first-child::after{top: 0;}
}

@media all and (max-width: 1023px) {
  .vision-header h1{font-size: 25px;}
  .vision-box:nth-child(2),
  .vision-box:nth-child(3),
  .vision-box:nth-child(4),
  .strategy-title{top: 0; margin-top: 30px;}
  .vision-box .vision-title{float: none; margin: 0 auto;}
  .vision-box .vision-list,
  .vision-box .vision-slogan,
  .vision-box .vision-strategy,
  .vision-box .vision-assignment{float: none; width: 100%; margin-top: 20px;}
  .vision-box .vision-list > ul > li li{display: block;}
  .vision-box .vision-list > ul > li li:first-child{padding-right: 0;}
  .vision-box .vision-list > ul > li li:last-child{padding-left: 0;}
  .vision-box .vision-list > ul > li li:first-child::after{display: none;}
  .strategy-title h1{font-size: 30px;}
}

@media all and (max-width: 768px) {
  .vision-box .vision-list > ul > li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
  .vision-box .vision-list > ul > li:nth-child(2n){margin-right: 0;}
  .vision-box .vision-slogan-text h1{font-size: 25px;}
  .vision-slogan-content li p{font-size: 16px;}
  .vision-strategy > ul > li .strategy-header li p{font-size: 18px;}
  .vision-strategy > ul > li .strategy-content li p{font-size: 14px; line-height: 20px;}
  .assignment-content li p{font-size: 14px; line-height: 20px;}
}

@media all and (max-width: 500px) {
  .vision-header h1{font-size: 20px;}
  .vision-strategy > ul > li{width: 100%; float: none; margin-bottom: 10px; padding: 70px 0 10px;}
  .vision-assignment > ul{display: flex; flex-wrap: wrap;}
  .vision-assignment > ul > li{padding-top: 0; width: 100%; margin-bottom: 10px;}
  .vision-assignment > ul > li::after{display: none;}
}

/* 교육목표 */
.object-title{width: 340px; height: 346px; background: url(../../images/sub/object_title.png) no-repeat center center; margin: 0 auto; position: relative; display: table;}
.object-title.type_2{background: url(../../images/sub/object_title_2.png) no-repeat center center;}
.object-title::after{content:""; display: block; position: absolute; width: 6px; height: 82px; background: url(../../images/sub/object_dots.png); bottom: -95px; left: 50%; margin-left: -3px;}
.object-title h1{font-family: "Gmarket Medium"; font-size: 36px; color: white; text-align: center; display: table-cell; vertical-align: middle; line-height: 50px;}
.object-content{background: url(../../images/sub/dots_background.png); padding: 8px; margin-top: 84px;}
.object-content ul{background-color: white; padding: 43px 20px 55px;}
.object-content ul::after{content:""; display: table; clear: both;}
.object-content li{width: 24%; float: left; margin-right: 1.3%;}
.object-content li:last-child{margin-right: 0;}
.object-content li h1{font-size: 26px; font-family: "Gmarket Medium"; color: white; text-align: center; border-radius: 50px; padding: 10px 0 6px;}
.object-content li:nth-child(1) h1{background-color: #014fa2;}
.object-content li:nth-child(2) h1{background-color: #2858a4;}
.object-content li:nth-child(3) h1{background-color: #2375ad;}
.object-content li:nth-child(4) h1{background-color: #22afcb;}
.object-content li p{font-size: 20px; line-height: 32px; color: #000000; font-family: "Gmarket Light"; text-align: center; margin-top: 30px;}

@media all and (max-width: 1250px) {
  .object-content li h1{font-size: 20px;}
  .object-content li p{font-size: 16px; line-height: 25px;}
}

@media all and (max-width: 768px) {
  .object-content ul{padding: 30px 20px 20px;}
  .object-content li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
  .object-content li:nth-child(2n){margin-right: 0;}
  .object-content li p{margin-top: 10px;}
}

@media all and (max-width: 500px) {
  .object-content li{width: 100%; float: none; margin-right: 0;}
  .object-content li:nth-child(2n){margin-right: 0;}
}

/* 법인조직 */
.directors-box.sec2{max-width: 616px; margin: 0 auto; position: relative;}
.directors-box.sec2::after{content:""; display: block; position: absolute; left: 23%; top: 0; width: 54%; height: 1px; background-color: #dfdfdf;}
.directors-box.sec3{max-width: 949px; margin: 0 auto; position: relative;}
.directors-box.sec3::after{content:""; display: block; position: absolute; left: 15%; top: 0; width: 70%; height: 1px; background-color: #dfdfdf;}
.directors-title{width: 312px; margin: 0 auto;  border-radius: 50px; position: relative; padding-bottom: 79px;}
.directors-title::after{content:""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #dfdfdf; z-index: -1;}
.directors-title h1{font-size: 36px; color: white; font-family: "Gmarket Medium"; text-align: center; padding: 16px 0 14px; background: url(../../images/sub/direction_title.png) no-repeat center center / cover;}
.directors-sub-box h1{text-align: center; font-size: 22px; font-family: "Gmarket Medium"; color: white; text-align: center; background-image: url(../../images/sub/box_background.png); background-repeat: no-repeat; background-position: left -95px top -140px; display: table; width: 100%; padding:20px 20px 16px;}
.directors-sub-box.blue h1{background-color: #3068be;}
.directors-sub-box.sky h1{background-color: #22afcb;}
.directors-list > ul::after{content:""; display: table; clear: both;}
.directors-list > ul > li{width: 283px; float: left; margin-right: 50px; position: relative; padding-top: 55px;}
.directors-list > ul > li::after{content:""; display: block; position: absolute; left: 50%; bottom: 0; width: 1px; height: 100%; background-color: #dfdfdf; z-index: -1;}
.directors-list > ul > li:last-child{margin-right: 0;}
.directors-list > ul > li ul{border: 1px solid #dbdbdb; border-top: 0; padding: 20px; background-color: white;}
.directors-list > ul > li ul li{padding-left: 17px; background: url(../../images/sub/bullet.png) no-repeat left top 11px;}
.directors-box.sec2 .directors-list > ul > li:last-child{padding-bottom: 81px;}

@media all and (max-width: 1100px) {
  .directors-box.sec2 .directors-list > ul > li{width: 47%; margin-right: 6%;}
  .directors-box.sec2 .directors-list > ul > li:last-child{margin-right: 0;}
  .directors-box.sec3 .directors-list > ul > li{width: 32%; margin-right: 2%;}
  .directors-box.sec3 .directors-list > ul > li:last-child{margin-right: 0;}
}

@media all and (max-width: 768px) {
  .directors-title h1{font-size: 28px;}
  .directors-sub-box h1{font-size: 18px;}
}

@media all and (max-width: 500px) {
  .directors-title{width: 100%; border-radius: 100px;}
}

.project-header{width: 806px; margin: 0 auto; border-radius: 50px; background: url(../../images/sub/project-header.png) no-repeat top center / cover; padding: 33px 0 30px; margin-bottom: 98px;}
.project-header h1{text-align: center; font-size: 36px; color: white; font-family: "Gmarket Medium";}
.project-header h1 span{display: inline-block; width: 18px; height: 20px; background: url(../../images/sub/project-header-dots.png) no-repeat center center / cover; margin: 0 4px 0 10px;}
.project-wrap ul{display: flex; flex-wrap: wrap; margin: 0 -35px;}
.project-wrap li{width: 50%; padding: 0 35px; margin-bottom: 50px;}
.project-wrap li:nth-child(1) .project-title{background-color: #004fa2}
.project-wrap li:nth-child(2) .project-title{background-color: #3068be}
.project-wrap li:nth-child(3) .project-title{background-color: #2375ad}
.project-wrap li:nth-child(4) .project-title{background-color: #22afcb}
.project-wrap li .project-title{border-radius: 100px; margin-bottom: 30px;}
.project-wrap li .project-title h1{padding: 16px 0; text-align: center;}
.project-wrap li .project-title h1::after{content:""; display: table; clear: both;}
.project-wrap li .project-title h1 .dots-text{font-family: "Gmarket Medium"; font-size: 28px; color: white; display: inline-block; padding-right: 35px; background: url(../../images/sub/project-title-dots.png) no-repeat right top 11px;}
.project-wrap li .project-title h1 .project-title-text{font-family: "Gmarket Light"; font-size: 26px; color: white; padding-left: 22px;}

@media all and (max-width: 1500px) {
  .project-wrap li .project-title h1 .dots-text{font-size: 22px; background-position: right top 7px}
  .project-wrap li .project-title h1 .project-title-text{font-size: 20px;}   
}

@media all and (max-width: 1300px) {
  .project-wrap li .project-title h1{padding: 16px 10px;}
  .project-wrap li .project-title h1 .dots-text{display: block; padding-right: 0; padding-bottom: 20px; background-position: center bottom;}
  .project-wrap li .project-title h1 .project-title-text{display: block; padding-left: 0; margin-top: 10px;}
}

@media all and (max-width: 1023px) {
  .project-header{width: 100%;}
  .project-wrap ul{margin: 0;}
  .project-wrap li{padding:0; float: none; width: 100%;}
}

@media all and (max-width: 768px) {
  .project-header h1{font-size: 30px;}
}

@media all and (max-width: 500px) {
  .project-header h1{font-size: 20px;}
}


.value-inner::after{content:""; display: table; clear: both;}
.value-title{width: 163px; height: 182px; display: table; background: url(../../images/sub/hexagon_title_1.png) no-repeat center center / cover; float: left; margin-top: 54px;}
.value-title h1{display: table-cell; vertical-align: middle; font-size: 30px; font-family: 'Gmarket Medium'; text-align: center; color: white;}
.value-content{float: right; width: calc(100% - 200px); padding-bottom: 116px; position: relative;}
.value-content::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background: url(../../images/sub/value_line.png) no-repeat center center;}
.value-content li{display: flex; flex-wrap: wrap; margin-bottom: 18px;}
.value-content li:last-child{margin-bottom: 0;}
.value-content .value-sub-title{width: 200px; margin-right: 25px; border-radius: 5px; display: table; height: 82px;}
.value-content li:nth-child(1) .value-sub-title{background: url(../../images/sub/value_title_1.png) no-repeat center center / cover;}
.value-content li:nth-child(2) .value-sub-title{background: url(../../images/sub/value_title_2.png) no-repeat center center / cover;}
.value-content li:nth-child(3) .value-sub-title{background: url(../../images/sub/value_title_3.png) no-repeat center center / cover;}
.value-content .value-sub-title h1{text-align: center; font-size: 22px; font-family: "Gmarket Medium"; color: white; display: table-cell; vertical-align: middle;}
.value-content .value-sub-content{width: calc(100% - 225px); display: table; height: 82px; background-color: #f3f3f3; border-radius: 5px; padding: 0 30px;}
.value-content .value-sub-content p{display: table-cell; vertical-align: middle; font-size: 19px; line-height: 26px; font-family: "Gmarket Light"; color: #000000;}
.value-content .value-sub-content p span{color: #013c8a;}

.resources-inner{margin-top: 126px;}
.resources-inner::after{content:""; display: table; clear: both;}
.resources-title{width: 163px; height: 182px; display: table; background: url(../../images/sub/hexagon_title_2.png) no-repeat center center / cover; float: left;}
.resources-title h1{display: table-cell; vertical-align: middle; font-size: 30px; font-family: 'Gmarket Medium'; text-align: center; color: white;}
.resources-content{float: right; width: calc(100% - 200px); padding-bottom: 116px; position: relative; padding-left: 55px; background: url(../../images/sub/resources_equal.png) no-repeat left top 55px; margin-top: 20px;}
.resources-content::after{content:""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; background: url(../../images/sub/value_line.png) no-repeat center center;}
.resources-box ul::after{content:""; display: table; clear: both;}
.resources-box li{float: left; width: 36.66%; position: relative;}
.resources-box li:nth-child(2){margin-left: -5%;}
.resources-box li:nth-child(2)::after,
.resources-box li:nth-child(3)::after{content:""; display: block; position: absolute; left: 20px; top: 58px; width: 28px; height: 28px; background: url(../../images/sub/plus.png);}
.resources-box li:nth-child(3){margin-left: -5%;}
.resources-box li .resources-sub-title{border-radius: 100px; position: relative; text-align: center; padding: 54px 0 50px;}
.resources-box li:nth-child(1) .resources-sub-title{background-color: rgba(48,104,190,.8)}
.resources-box li:nth-child(2) .resources-sub-title{background-color: rgba(35,117,173,.8)}
.resources-box li:nth-child(3) .resources-sub-title{background-color: rgba(34,175,203,.8)}
.resources-box li .resources-sub-title h1{font-family: "Gmarket Medium"; font-size: 26px; color: white; position: relative; display: inline-block;}
.resources-box li:nth-child(1) .resources-sub-title h1{padding: 0 80px 0 117px}
.resources-box li:nth-child(1) .resources-sub-title h1::after{content:""; display: block; position: absolute; width: 85px; height: 47px; background: url(../../images/sub/resources_1.png) no-repeat center center / cover; left: 0; top: -2px;}
.resources-box li:nth-child(2) .resources-sub-title h1{padding: 0 14px 0 80px}
.resources-box li:nth-child(2) .resources-sub-title h1::after{content:""; display: block; position: absolute; width: 55px; height: 61px; background: url(../../images/sub/resources_2.png) no-repeat center center / cover; left: 0; top: -16px;}
.resources-box li:nth-child(3) .resources-sub-title h1{padding: 0 0 0 83px}
.resources-box li:nth-child(3) .resources-sub-title h1::after{content:""; display: block; position: absolute; width: 60px; height: 58px; background: url(../../images/sub/resources_3.png) no-repeat center center / cover; left: 0; top: -18px;}
.resources-box li > p{font-family: "Gmarket Light"; font-size: 20px; line-height: 26px; color: #000000; text-align: center; margin-top: 30px; padding-right: 35px;}

.ability-inner{margin-top: 126px;}
.ability-inner::after{content:""; display: table; clear: both;}
.ability-title{width: 163px; height: 182px; display: table; background: url(../../images/sub/hexagon_title_3.png) no-repeat center center / cover; float: left; margin-top: 300px;}
.ability-title h1{display: table-cell; vertical-align: middle; font-size: 30px; font-family: 'Gmarket Medium'; text-align: center; color: white;}
.ability-content{float: right; width: calc(100% - 200px);}
.ability-content > ul::after{content:""; display: table; clear: both;}
.ability-content > ul > li{float: left; width: 49.2%; margin-right: 1.6%; background-color: #f3f3f3; border-radius: 5px; margin-bottom: 18px;}
.ability-content > ul > li:nth-child(2n){margin-right: 0;}
.ability-header{width: 100%; display: table; height: 82px; border-radius: 5px;}
.ability-header h1{display: table-cell;vertical-align: middle; text-align: center; color: white; font-family: "Gmarket Medium"; font-size: 26px;}
.ability-header.blue{background: url(../../images/sub/ability_title_1.png) no-repeat center center;}
.ability-header.darkblue{background: url(../../images/sub/ability_title_2.png) no-repeat center center;}
.ability-header.sky{background: url(../../images/sub/ability_title_3.png) no-repeat center center;}
.ability-sub-content > p{text-align: center; font-family: "Gmarket Light"; font-size: 20px; line-height: 26px; color: #000000; padding: 27px 0;}
.ability-sub-text{background-color: #eaeaea; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding: 16px 0;}
.ability-sub-text p{font-family: "Gmarket Light"; font-size: 18px; line-height: 26px; color: #000000; text-align: center;}

@media all and (max-width: 1500px) {
  .resources-box li .resources-sub-title h1{font-size: 20px;}
  .resources-box li:nth-child(1) .resources-sub-title h1{padding: 0 80px 0 100px;}
  .resources-box li:nth-child(1) .resources-sub-title h1::after{top: -7px; left: 10px;}
  .resources-box li:nth-child(2) .resources-sub-title h1{padding: 0 10px 0 60px;}
  .resources-box li:nth-child(3) .resources-sub-title h1{padding: 0 0 0 60px;}
  .resources-box li:nth-child(3) .resources-sub-title h1::after{left: -10px;}
  .resources-box li:nth-child(2)::after, .resources-box li:nth-child(3)::after{left: 10px;}
}

@media all and (max-width: 1300px) {
  .value-content .value-sub-title{width: 150px; margin-right: 20px;}
  .value-content .value-sub-content{width: calc(100% - 170px);}

  .resources-box li:nth-child(1) .resources-sub-title h1{padding: 0 30px 0 100px;}
  .resources-box li{width: calc(100%/3);}
  .resources-box li:nth-child(2),
  .resources-box li:nth-child(3){margin-left: 0;}
  .resources-box li:nth-child(2)::after, .resources-box li:nth-child(3)::after{display: none;}
  .resources-box li > p{padding-right: 0; font-size: 16px; line-height: 25px;}
}

@media all and (max-width: 1023px) {
  .value-title{float: none; margin: 0 auto;}
  .value-content{float: none; width: 100%; margin-top: 20px;}
  .value-content .value-sub-content p{font-size: 16px; line-height: 25px;}

  .resources-title{float: none; margin: 0 auto;}
  .resources-content{float: none; width: 100%; margin-top: 20px; padding-left: 0; background: none;}
  .resources-box li .resources-sub-title{padding: 90px 0 20px;}
  .resources-box li .resources-sub-title h1{display: block; padding: 0 !important; position: static;}
  .resources-box li:nth-child(1) .resources-sub-title h1::after{left: 50%; transform: translateX(-50%); top: 20px;}
  .resources-box li:nth-child(2) .resources-sub-title h1::after{left: 50%; transform: translateX(-50%); top: 20px;}
  .resources-box li:nth-child(3) .resources-sub-title h1::after{left: 50%; transform: translateX(-50%); top: 20px;}

  .ability-title{float: none; margin: 0 auto;}
  .ability-content{float: none; width: 100%; margin-top: 20px;}
  .ability-header h1{font-size: 22px;}
  .ability-sub-content > p{font-size: 16px; line-height: 25px;}
  .ability-sub-text p{font-size: 14px; line-height: 22px;}
}

@media all and (max-width: 768px) {
  .value-content li{display: block;}
  .value-content .value-sub-title{margin: 0 auto; height: auto; padding: 15px 0 10px;}
  .value-content .value-sub-content{width: 100%; float: none; display: block; padding: 10px; height: auto; margin-top: 20px;}

  .resources-box li{float: none; width: 100%; margin-bottom: 20px;}
  .resources-box li:last-child{margin-bottom: 0;}

  .ability-content > ul > li{width: 100%; float: none; margin: 0; margin-bottom: 20px;}
}

/* UI소개 */
.ui-info{background: url(../../images/sub/ui_line.png) no-repeat bottom center; padding-bottom: 55px;}
.ui-info .con-desc{text-align: center; font-size: 20px; line-height: 30px;}
.grid-wrap{background: url(../../images/sub/dots_background.png); padding: 8px; margin-top: 25px;}
.grid-content{background: white url(../../images/sub/ui_background.png) no-repeat center center / cover;}
.grid-content.white-content{background: white;}

.symbol-box{text-align: center; padding: 45px 20px 52px;}
.symbol-box ul{display: inline-block; width: 78%;}
.symbol-box ul::after{content:""; display: table; clear: both;}
.symbol-box li{float: left; width: 24.15%; margin-right: 13.5%;}
.symbol-box li:last-child{margin-right: 0;}

.world-logo{text-align: center; padding: 61px 20px 58px;}
.world-logo ul::after{content:""; display: table; clear: both;}
.world-logo li{width: 50%; float: left;}

.signature-box{padding: 71px 20px 81px 8.7%; text-align: center;}
.signature-box ul::after{content:""; display: table; clear: both;}
.signature-box li{float: left;}
.signature-box li:nth-child(1){width: 44%; margin-right: 10%;}
.signature-box li:nth-child(2){width: 30.72%;}
.signature-image{margin-top: 70px;}

.color-box{padding: 60px 20px 60px 8.5%;}
.color-box ul::after{content:""; display: table; clear: both;}
.color-box li{float: left;}
.color-box li:nth-child(1){width: 18.17%; margin-right: 15.7%;}
.color-box li:nth-child(2){width: 22.88%; margin-right: 13.5%;}
.color-box li:nth-child(3){width: 24.9%;}

.charactor-box ul{display: flex; flex-wrap: wrap; justify-content: center; padding: 53px 20px 0 0;}
.charactor-box li{position: relative; margin-right: 7%; padding-bottom: 133px; display: flex; align-items: end;}
.charactor-box li:last-child{margin-right: 0;}
.charactor-box li p{text-align: center; font-family: "Gmarket Medium"; font-size: 22px; color: #222222; position: absolute; left: 0; bottom: 50px; width: 100%;}
.flag-image{text-align: center; padding: 49px 0;}

@media all and (max-width: 1300px) {
  .charactor-box li{width: 48%; margin-right: 4%; justify-content: center;}
  .charactor-box li:nth-child(2n){margin-right: 0;}
}

@media all and (max-width: 768px) {
  .symbol-box li{float: none; width: 100%; text-align: center; margin-bottom: 20px;}
  .symbol-box li:last-child{margin-bottom: 0;}
  .world-logo li{float: none; width: 100%; text-align: center; margin-bottom: 20px;}
  .world-logo li:last-child{margin-bottom: 0;}
  .signature-box li{float: none; text-align: center;}
  .signature-box li:nth-child(1){width: 100%; margin-right: 0; margin-bottom: 20px;}
  .signature-box li:nth-child(2){width: 100%;}
  .color-box li:nth-child(1),
  .color-box li:nth-child(2),
  .color-box li:nth-child(3){width: 100%; margin-right: 0; text-align: center; margin-bottom: 20px;}
  .color-box li:nth-child(3){margin-bottom: 0;}
  .charactor-box li{width: 100%; margin-right: 0;}
}

/* 역대총장 */
.president-wrap > ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.president-wrap > ul > li{width: calc(50% - 10px); background: url(../../images/sub/dots_background.png); padding: 6px; margin-bottom: 20px;}
.president-wrap .president-box{background: white url(../../images/sub/president_background.png) no-repeat right top; padding: 33px;}
.president-wrap .president-box::after{content:""; display: table; clear: both;}
.president-wrap .president-image{float: left; width: 159px;}
.president-wrap .president-content{float: right; width: calc(100% - 206px); margin-top: 15px;}
.president-wrap .president-content h1{font-family: "Gmarket Light"; font-size: 22px; line-height: 1.5; color: #000000;}
.president-wrap .president-content h1 span{display: block; color: #013c8a; font-family: "Gmarket Medium"; font-size: 30px;}
.president-wrap .president-content button{display: block; width: 166px; border: 1px solid #8a8a8a; font-family: "Gmarket Medium"; font-size: 17px; color: #898989; background: url(../../images/sub/president_arrow.png) no-repeat right 21px center; text-align: left; padding: 13.5px 25px; margin-top: 57px;}
.president-hidden-text{display: none;}

.president-layer{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.45); z-index: 9999; display: table; visibility: hidden; opacity: 0; transition: all .5s;}
.president-layer.on{visibility: visible; opacity: 1;}
.president-layer .president-layer-inner{display: table-cell; vertical-align: middle;}
.president-layer .president-layer-box{max-width: 900px; margin: 0 auto;}
.president-layer-header{background: url(../../images/sub/popup_header.png) no-repeat top center; display: flex; justify-content: space-between; padding: 16px 30px;}
.president-layer-header h1{font-family: "Gmarket Medium"; font-size: 32px; color: white;}
.president-layer-header button{font-size: 17px; color: white; font-family: "Gmarket Light"; background: url(../../images/sub/popup_close.png) no-repeat left top 15px; padding-left: 26px}

.president-layer-content{background-color: white; max-height: 510px; overflow: auto; padding: 40px;}
.president-layer-content .president-content-title{font-family: "Gmarket Light"; font-size: 24px; color: #010101; background: url(../../images/sub/popup_dots_line.png) no-repeat left bottom; padding-bottom: 17px;}
.president-layer-content .president-content-title span{font-family: "Gmarket Medium"; display: inline-block; margin-left: 5px;}
.president-layer-content .president-content ul{padding-left: 19px;}
.president-layer-content .president-content li{font-family: "Noto Regular"; font-size: 17px; color: #111111; padding-left: 11px; position: relative; margin-bottom: 8px; display: flex;}
.president-layer-content .president-content li:last-child{margin-bottom: 0;}
.president-layer-content .president-content li::before{content:""; display: block; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background-color: #898989;}
.president-layer-content .president-content li span{display: inline-block; margin-right: 20px;}

@media all and (max-width: 1300px) {
  .president-wrap > ul > li{width: 100%;}
  .president-wrap .president-box{padding: 20px;}
}

@media all and (max-width: 768px) {
  .president-wrap .president-box{background-position: right bottom;}
  .president-wrap .president-image{float: none; margin: 0 auto;}
  .president-wrap .president-content{width: 100%; float: none; margin-top: 30px;}
  .president-wrap .president-content button{margin-top: 30px;}
}


/* 학사정보 */
.bachelor-wrap{margin-top: 50px; background: url(../../images/sub/dots_background.png); padding: 8px;}
.bachelor-inner{background-color: white; padding: 20px;}
.bachelor-inner::after{content:""; display: table; clear: both;}
.bachelor-image{float: left; width: 61px;}
.bachelor-inner ul{margin-top: 23px; float: right; width: calc(100% - 80px);}
.bachelor-inner ul::after{content:""; display: table; clear: both;}
.bachelor-inner li{font-family: "Noto Medium"; font-size: 18px; color: #111; float: left;}
.bachelor-inner li:last-child{margin-bottom: 0; float: right; font-size: 17px; font-family: "Noto Regular";}

@media all and (max-width: 1023px) {
  .bachelor-inner ul{margin-top:10px}
  .bachelor-inner li{float: none;}
  .bachelor-inner li:last-child{float: none; margin-top: 5px;}
}

.ducc-image ul{display: flex; flex-wrap: wrap; margin-top: 20px; justify-content:center;}
.ducc-image li{width: 24%; margin-right: calc(4%/3);}
.ducc-image li:last-child{margin-right: 0;}
.ducc-image li img{width: 100%;}

@media all and (max-width: 768px) {
  .ducc-image li{width: 49%; margin-right: 2%; margin-bottom: 10px;}
  .ducc-image li:nth-child(even){margin-right: 0;}
}

@media all and (max-width: 500px) {
  .ducc-image li{width: 100%; margin-right: 0;}
}

/* 게시판 */
.board-search .util-search{line-height: 30px;}
.board-search .util-search a{width: 30px; height: 30px;}
._paging ._inner a, ._paging ._inner strong{width: 35px; height: 35px; line-height: 32px; border: 1px solid #777777}
._paging ._inner a._first, ._paging ._inner a._last, ._paging ._inner a._listNext, ._paging ._inner a._listPrev, ._paging ._inner a._next, ._paging ._inner a._prev{border: 0;}
.board-table tbody td.td-subject .new{top: 5px;}
._paging ._inner a._listNext, ._paging ._inner a._next{background-position: 0 -70px;}
._paging ._inner a._listPrev, ._paging ._inner a._prev{background-position: 0 -35px;}
.board-table .col-acess{width: 5%;}
.form_area * {box-sizing: content-box;}
.slick-header-column.ui-state-default{height: 20px !important; line-height: 20px !important;}
.ui-widget input{margin-top: 4px;}
.view-con{overflow-x: auto;}
.view-con img{/*width: 100%; max-width: 100%;*/}
.view-file .row .insert .file-view{padding: 3px 10px; font-size: 14px; line-height: 20px;}

@media all and (max-width: 860px) {
  .scroll-table table{width: 800px;}
  .board-table .col-acess{width: 7%;}
}

@media all and (max-width: 768px) {
  .view-con table{width: auto !important;}  
  ._paging > ._inner > ul{display: none;}
}


/* 연안대학서안창신대학 */
.ducc-image-list-box{margin-top: 30px;}
.ducc-image-list-box ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.ducc-image-list-box li{width: 20%; text-align: center;}
.ducc-image-list-box li h1{font-family: "Noto Regular"; font-size: 18px; color: #111;}

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

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

/* 복수전공 테이블 */
.major-table-box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.major-table-box .major-table-title{width: 20%; background-color: #003c8a; text-align: center; display: table; padding: 0 20px;}
.major-table-box .major-table-title h1{display: table-cell; vertical-align: middle;font-family: "Noto Regular"; color: white; font-size: 25px;}
.major-table-box .major-table-plus{display: flex; align-items: center; text-align: center;}
.major-table-box .major-table-content{width: 75%;}

@media all and (max-width: 1023px) {
  .major-table-box .major-table-title{width: 100%; padding: 20px;}
  .major-table-box .major-table-title h1{font-size: 20px;}
  .major-table-box .major-table-content{width: 100%;}
  .major-table-box .major-table-plus{display: block; text-align: center; width: 100%; margin: 10px 0;}
}

/*테이블 안의 테이블*/
@media all and (max-width: 960px) {
  .con-table tbody td table{width: 100%;}
}

.item-list-wrap ul{padding-bottom: 10px;}
.item-list-wrap li{margin-bottom: 110px;}
.item-list-wrap li:last-child{margin-bottom: 0;}
.item-list-wrap li::after{content:""; display: table; clear: both;}
.item-list-wrap .list-item-image{width: 400px; float: left; position: relative;}
.item-list-wrap .list-item-image::after{content:""; display: block; position: absolute; right: -10px; bottom: -10px; background-color: rgba(137,137,137,.4); width: 100%; height: 100%; z-index: -1;}
.item-list-wrap .list-item-content{width: calc(100% - 470px); float: right;}
.item-list-wrap .list-item-content h1{font-family: "Gmarket Medium"; color: #232323; font-size: 24px; margin-top: 20px; border-bottom: 1px solid #d6d5d5; padding-bottom: 20px;}
.item-list-wrap .list-item-content p{font-family: "Noto Light"; font-size: 18px; line-height: 30px; color: #292c33; margin-top: 27px;}

@media all and (max-width: 1023px) {
  .item-list-wrap .list-item-image{width: 300px;}
  .item-list-wrap .list-item-content{width: calc(100% - 350px);}
}

@media all and (max-width: 768px) {
  .item-list-wrap .list-item-image{width: calc(100% - 10px); float: none;}   
  .item-list-wrap .list-item-image img{width: 100%;}
  .item-list-wrap .list-item-content{margin-top: 20px; width: 100%; float: none;}
}

/* 구내식당 */
.restaurant-wrap{background: url(../../images/sub/restaurant_background.png); padding: 6px;}
.restaurant-inner{background-color: white; padding: 37px 32px;}
.restaurant-wrap ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.restaurant-wrap li{width: 32%;}
.restaurant-wrap li img{width: 100%;}
.restaurant-wrap li h1{text-align: center; font-family: "Noto Light"; font-size: 18px; color: #000000; margin-top: 15px;}

@media all and (max-width: 1023px) {
  .restaurant-inner{padding: 30px 20px 10px;}
  .restaurant-wrap li{width: 49%; margin-bottom: 20px;}
}

@media all and (max-width: 768px) {
  .restaurant-wrap li{width: 100%;}
}

/* 전자출결 FAQ */
.more-faq-wrap{margin-top: 30px;}
.more-faq-box{margin-bottom: 30px;}
.more-faq-box:last-child{margin-bottom: 0;}
.more-faq-button{border: 1px solid #111; cursor: pointer; background-color: #003c8a; text-align: center;}
.more-faq-button p{padding: 15px 0; font-family: "Noto Medium"; color: white; font-size: 20px; display: inline-block; padding-right: 30px; background: url(../../images/sub/organ_more.png) no-repeat right center;}
.more-faq-button.on p{background: url(../../images/sub/organ_close.png) no-repeat right center;}
.more-faq-content-box{display: none;}
.more-faq-content{padding: 20px 0;}




/* 화살표 박스 */
.rowArrBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.rowArrBox > li { position:relative; border:1px solid #dcdee0; }
.rowArrBox > li::after { content:""; width:25px; height:25px; top:60px; left:-14px; position:absolute; background:url("/sites/templet_style_guide/images/common/ico_rArr_01.png") no-repeat center center; }
.rowArrBox > li:first-child::after { display:none; }
.rowArrBox.div4 > li {flex:1 0 25%; }
.rowArrBox.div5 > li {flex:1 0 20%; }
.rowArrBox.div6 > li {flex:1 0 16.66666%; }
.rowArrBox.div7 > li {flex:1 0 14.28571%; } 
.rowArrBox > li > .itemBox { text-align:center; display:flex; flex-flow:column wrap; justify-content:space-between; height:100%;}
.rowArrBox > li > .itemBox > .tit { font-weight:bold; padding:20px 10px; flex-grow:0; position:relative; color:#212121; }
.rowArrBox > li > .itemBox > .cont { padding:50px 10px; flex-grow:1; }
.rowArrBox > li > .itemBox > .subTit { background-color:#edf2f9; flex-grow:0; padding:20px 10px; font-family:'S-CoreDream-5Medium'; color:#212121; }

@media all and (max-width:1024px) { 
  .rowArrBox.div5 > li { flex-basis:33.33333%; flex-grow:0; }
  .rowArrBox.div5 > li:nth-child(3n+1)::after { display:none; }
  .rowArrBox.div6 > li { flex-basis:24.8%; flex-grow:0; }
  .rowArrBox.div6 > li:nth-child(4n+1)::after { display:none; }
  .rowArrBox.div7 > li { flex-basis:24.8%; flex-grow:0; }
  .rowArrBox.div7 > li:nth-child(4n+1)::after { display:none; }
}
@media all and (max-width:768px) { 
  .rowArrBox.div4 > li { flex-basis:49.6%; }
  .rowArrBox.div4 > li:nth-child(3n+1)::after { display:block; }
  .rowArrBox.div4 > li:nth-child(odd)::after { display:none; }
  .rowArrBox.div5 > li { flex-basis:49.6%; }
  .rowArrBox.div5 > li:nth-child(3n+1)::after { display:block; }
  .rowArrBox.div5 > li:nth-child(odd)::after { display:none; }
  .rowArrBox.div6 > li { flex-basis:33%; flex-grow:0; }
  .rowArrBox.div6 > li:nth-child(4n+1)::after { display:block; }
  .rowArrBox.div6 > li:nth-child(3n+1)::after { display:none; }
  .rowArrBox.div7 > li { flex-basis:33%; flex-grow:0; }
  .rowArrBox.div7 > li:nth-child(4n+1)::after { display:block; }
  .rowArrBox.div7 > li:nth-child(3n+1)::after { display:none; }
}
@media all and (max-width:500px) { 
  .rowArrBox.div6 > li { flex-basis:49.6%; flex-grow:0; }
  .rowArrBox.div6 > li:nth-child(3n+1)::after { display:block; }
  .rowArrBox.div6 > li:nth-child(odd)::after { display:none; }
  .rowArrBox.div7 > li { flex-basis:49.6%; flex-grow:0; }
  .rowArrBox.div7 > li:nth-child(3n+1)::after { display:block; }
  .rowArrBox.div7 > li:nth-child(odd)::after { display:none; }
} 

/*UL타입*/
.list_0 > li,
.list_1 > li,
.list_1_2 > li,
.list_2 > li,
.list_3 > li,
.list_4 > li,
.kList_1 > li,
.aList_1 > li,
.rList_1 > li,
.nList_0 > li,
.nList_1 > li,
.nList_2 > li,
.list_gCircle > li {position:relative; padding-bottom:7px; text-align: left;}

.list_0 > li:last-child,
.list_1 > li:last-child,
.list_1_2 > li:last-child,
.list_2 > li:last-child,
.list_3 > li:last-child,
.list_4 > li:last-child,
.kList_1 > li:last-child,
.aList_1 > li:last-child,
.rList_1 > li:last-child,
.nList_0 > li:last-child,
.nList_1 > li:last-child,
.nList_2 > li:last-child,
.list_gCircle > li:last-child {padding-bottom:0;}

.list_1 > li,
.list_1_2 > li, 
.list_gCircle > li {padding-left:20px}
.list_2 > li,
.list_3 > li,
.list_4 > li{padding-left:13px}
.nList_0 > li,
.nList_1 > li,
.nList_2 > li,
.kList_1 > li,
.aList_1 > li,
.rList_1 > li{padding-left:28px}

.list_1 > li:before,
.list_1_2 > li:before,
.list_2 > li:before,
.list_3 > li:before,
.list_4 > li:before,
.kList_1 > li:before,
.aList_1 > li:before,
.rList_1 > li:before,
.nList_0 > li:before,
.nList_1 > li:before,
.nList_2 > li:before,
.list_gCircle > li:before {content:"";display:block;position:absolute;left:0}

.list_1 > li:before {top:10px;width:8px;height:8px; }
.list_1_2 > li:before{top:10px;width:8px;height:8px; }
.list_2 > li:before,
.list_3 > li:before{background:#222}
.list_3.white > li:before{background:#fff}
.list_4 > li:before{top:12px; border-bottom:4px solid #222; border-left:3px solid transparent;border-right:3px solid transparent;width:0;transform:rotate(90deg);}
.list_4.white > li:before { border-bottom:4px solid #fff; }

.list_1 > li:before{background:#0d57a7;}
.list_1_2 > li:before{background:#888888;}
.list_2 > li:before{top:12px;width:4px;height:4px}
.list_3 > li:before{top:13px;width:5px;height:2px}
.list_4 > li:before{}
.kList_1 > li:before,
.aList_1 > li:before,
.rList_1 > li:before,
.nList_0 > li:before,
.nList_1 > li:before,
.nList_2 > li:before{top:1px;font-weight:400;}
.nList_1 > li:before,
.nList_2 > li:before{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:100%;font-size:14px;top:4px;color:#FFF;}
.nList_1 > li:before{background:#0a3ea1;}
.nList_2 > li:before{background:#999999;}
.list_gCircle > li::before {width:8px;height:8px;background:#c3d5ec;border-radius:100%;top:10px;}

/* 한줄에 두개씩 나오게 */
.list_0.hList, .list_1.hList, .list_1_2.hList, .list_gCircle.hList, .list_2.hList, .list_3.hList, .list_4.hList, .nList_1.hList, .nList_2.hList, .kList_1.hList, .aList_1.hList, .rList_1.hList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.list_0.hList > li, .list_1.hList > li, .list_1_2.hList > li, .list_gCircle.hList > li, .list_2.hList > li, .list_3.hList > li, .list_4.hList > li, .nList_1.hList > li, .nList_2.hList > li, .kList_1.hList > li, .aList_1.hList > li, .rList_1.hList > li { flex:0 0 50%; } 
@media only screen and (max-width:768px){
  .list_0.hList > li, .list_1.hList > li, .list_1_2.hList > li, .list_gCircle.hList > li, .list_2.hList > li, .list_3.hList > li, .list_4.hList > li, .nList_1.hList > li, .nList_2.hList > li, .kList_1.hList > li, .aList_1.hList > li, .rList_1.hList > li { flex:0 0 100%; } 
}

/*종속사용*/
.list_0 ul {padding-left:20px;}
.list_0 ul, .list_1 ul, .list_1_2 ul, .list_2 ul, .list_3 ul, .list_4 ul, .nList_0 ul, .nList_1 ul, .nList_2 ul, .nList_3 ul, .kList_1 ul, .aList_1 ul, .rList_1 ul, .list_gCircle_1 ul {padding-top:5px;}

/*한글*/
.kList_1 > li:nth-child(1):before{content:"가."}.kList_1 > li:nth-child(2):before{content:"나."}.kList_1 > li:nth-child(3):before{content:"다."}.kList_1 > li:nth-child(4):before{content:"라."}.kList_1 > li:nth-child(5):before{content:"마."}.kList_1 > li:nth-child(6):before{content:"바."}.kList_1 > li:nth-child(7):before{content:"사."}.kList_1 > li:nth-child(8):before{content:"아."}.kList_1 > li:nth-child(9):before{content:"자."}.kList_1 > li:nth-child(10):before{content:"차."}.kList_1 > li:nth-child(11):before{content:"카."}.kList_1 > li:nth-child(12):before{content:"타."}.kList_1 > li:nth-child(13):before{content:"파."}.kList_1 > li:nth-child(14):before{content:"하."}

/*앞파벳*/
.aList_1 > li:nth-child(1):before{content:"A."}.aList_1 > li:nth-child(2):before{content:"B."}.aList_1 > li:nth-child(3):before{content:"C."}.aList_1 > li:nth-child(4):before{content:"D."}.aList_1 > li:nth-child(5):before{content:"E."}.aList_1 > li:nth-child(6):before{content:"F."}.aList_1 > li:nth-child(7):before{content:"G."}.aList_1 > li:nth-child(8):before{content:"H."}.aList_1 > li:nth-child(9):before{content:"I."}.aList_1 > li:nth-child(10):before{content:"J."}.aList_1 > li:nth-child(11):before{content:"K."}.aList_1 > li:nth-child(12):before{content:"L."}.aList_1 > li:nth-child(13):before{content:"M."}.aList_1 > li:nth-child(14):before{content:"N."}

/*로만자*/
.rList_1 > li:nth-child(1):before{content:"Ⅰ."}.rList_1 > li:nth-child(2):before{content:"Ⅱ."}.rList_1 > li:nth-child(3):before{content:"Ⅲ."}.rList_1 > li:nth-child(4):before{content:"Ⅳ."}.rList_1 > li:nth-child(5):before{content:"Ⅴ."}.rList_1 > li:nth-child(6):before{content:"Ⅵ."}.rList_1 > li:nth-child(7):before{content:"Ⅶ."}.rList_1 > li:nth-child(8):before{content:"Ⅷ."}.rList_1 > li:nth-child(9):before{content:"Ⅸ."}.rList_1 > li:nth-child(10):before{content:"Ⅹ."}

/*숫자*/
.nList_0 > li:nth-child(1):before{content:"1."}.nList_0 > li:nth-child(2):before{content:"2."}.nList_0 > li:nth-child(3):before{content:"3."}.nList_0 > li:nth-child(4):before{content:"4."}.nList_0 > li:nth-child(5):before{content:"5."}.nList_0 > li:nth-child(6):before{content:"6."}.nList_0 > li:nth-child(7):before{content:"7."}.nList_0 > li:nth-child(8):before{content:"8."}.nList_0 > li:nth-child(9):before{content:"9."}.nList_0 > li:nth-child(10):before{content:"10."}.nList_0 > li:nth-child(11):before{content:"11."}

/*원숫자*/
.nList_1 > li:nth-child(1):before{content:"1"}.nList_1 > li:nth-child(2):before{content:"2"}.nList_1 > li:nth-child(3):before{content:"3"}.nList_1 > li:nth-child(4):before{content:"4"}.nList_1 > li:nth-child(5):before{content:"5"}.nList_1 > li:nth-child(6):before{content:"6"}.nList_1 > li:nth-child(7):before{content:"7"}.nList_1 > li:nth-child(8):before{content:"8"}.nList_1 > li:nth-child(9):before{content:"9"}.nList_1 > li:nth-child(10):before{content:"10"}
.nList_2 > li:nth-child(1):before{content:"1"}.nList_2 > li:nth-child(2):before{content:"2"}.nList_2 > li:nth-child(3):before{content:"3"}.nList_2 > li:nth-child(4):before{content:"4"}.nList_2 > li:nth-child(5):before{content:"5"}.nList_2 > li:nth-child(6):before{content:"6"}.nList_2 > li:nth-child(7):before{content:"7"}.nList_2 > li:nth-child(8):before{content:"8"}.nList_2 > li:nth-child(9):before{content:"9"}.nList_2 > li:nth-child(10):before{content:"10"}

/* Icon Banner */
.icon-banner1 {position: relative; background: #f5f5f5; line-height: 1.5;}
.icon-banner1 .box {padding: 30px 0; border-bottom: 1px solid #c6c6c6;}
.icon-banner1 .box:last-child {border-bottom: 0;}
.icon-banner1 .icon {display: table-cell; width: 190px; vertical-align: top; text-align: center;}
.icon-banner1 .icon .cover {display: inline-block; width: 112px; height: 112px; background: url('/sites/templet_style_guide/images/common/bg-icon-banner1.png') no-repeat center center; border-radius: 100%; text-align: center; line-height: 112px;  vertical-align: middle;}
.icon-banner1 .icon .cover img {display: inline-block; vertical-align: middle;}
.icon-banner1 .desc {display: table-cell; padding-right: 30px; vertical-align: middle;}
.icon-banner1 .desc strong {position: relative; font-size: 20px; color: #222;}
.icon-banner1 .desc p { font-size: 17px; color: #333;}
.icon-banner1 .desc > ul {margin-top: 10px;}
.icon-banner1 .desc > ul > li {position: relative; margin-top: 8px; padding-left: 20px; font-size: 17px; color: #333;}
.icon-banner1 .desc > ul > li::before {content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background: #313131; border-radius: 100%;}
.icon-banner-list img {display: inline-block; margin-right: 10px; vertical-align: middle;}

@media all and (max-width: 1500px) {
  .icon-banner-list {display: none;}
}

@media all and (max-width: 768px) {
  .icon-banner1,
  .icon-banner1 .icon,
  .icon-banner1 .desc {display: block; width: 100%;}
  .icon-banner1 .icon {margin-bottom: 30px;}
  .icon-banner1 .desc {padding: 0 20px;}
}

@media all and (max-width: 500px) {
  .icon-banner1 .desc strong {font-size: 18px;}
  .icon-banner1 .desc p {font-size: 15px;}
  .icon-banner1 .desc > ul > li {font-size: 15px;}
}

/*박스*/
.box_1,
.box_iC{border:1px solid #ddd;border-radius:3px;padding:35px;}
.box_iC{display:flex;justify-content:flex-start;border:1px solid #0a3ea1;}
.box_title{border:1px solid #0a3ea1; padding:35px;}
.box_iC > div:first-child{width:90px;height:60px;background-repeat:no-repeat;background-position:center;margin-right:30px;border-right:2px dashed #DDD;}
.box_iC > div:last-child{width:100%;padding-top:15px;}
.box_iC > div:last-child dt{font-size:24px; font-weight:500;font-size:20px;border-bottom:2px dashed #DDD;padding-bottom:15px;margin-bottom:15px;}
.box_title dt{font-weight:500; font-size:24px;border-bottom:2px dashed #DDD;padding-bottom:15px;margin-bottom:15px;}
@media only screen and (max-width:768px){
  .box_1,
  .box_iC{padding:20px;}
  .box_iC > div:first-child{width:65px;height:50px;background-size:35px !important;margin-right:15px;border-right:0;}
  .box_iC > div:last-child{padding-top:0;}
}

/*BG*/
.bgW,.bgG,.bg1,.bg2,.bg3,.bg4{padding:50px;}
.same-height .bgG{min-height: 381px;}
.bgW{background:#FFF;}
.bgG{background:#F0F0F0;}
.bg1{background:#0d57a7;}
.bg2{background:#00b4cd;}
.bg3{background:#2f8d9a;}
.bg4{background:#db5038;}
.bg1,
.bg1 a,
.bg2,
.bg2 a{color:#FFF;}
.bg3,
.bg3 a{color:#FFF;}
.bg4,
.bg4 a{color:#FFF;}
@media only screen and (max-width:768px){
  .bgW,.bgG,.bg1,.bg2,.bg3,.bg4{padding:10px;}
  .same-height .bgG{min-height: auto;}
}

/* 통학버스 */
.bus-wrap{display: flex; flex-wrap: wrap; justify-content: space-between;}
.bus-left{width: 40%;}
.bus-right{width: 55%;}

@media all and (max-width: 1023px) {
  .bus-left{width: 100%;}
  .bus-right{width: 100%; margin-top: 30px;}
}

/* 사이트맵 */
#_JW_stMp_basic > ul > li:last-child{display: none;}

/* 20240226 조직도 수정 */
#sect_4_edit { width: calc(100% / 5); padding: 0 10px;}