.greet-area .greet-top {position: relative; min-height: 355px; margin-bottom:6%;}
.greet-area .greet-top::after {content: ''; display: block; clear: both;}
.greet-area .txt-cont {position: absolute; width: 53%; background: url('../../images/sub/greet-bg.png') right bottom no-repeat; background-size: cover; margin: 50px 0; z-index: 1;}
.greet-area .txt-cont .inner {position: relative; min-height: 355px; padding: 40px 80px 40px 40px; box-sizing: border-box;}
.greet-area .txt-cont .inner::before {content: 'message'; position: absolute; left: 0; top: -50px; width: 222px; height: 19px; background: url('../../images/sub/greet-msg.png') center center no-repeat; text-indent: -9999px;}
.greet-area .txt-cont strong {color: #222; font-size: 42px; font-family: 'Noto Regular'; letter-spacing: -3px; line-height: 1.2;}
.greet-area .txt-cont span {position: relative; color: #183d93;font-family: 'Noto Bold';}
.greet-area .txt-cont span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 15px; background-color: #acd6f9;z-index: -1;}
.greet-area .txt-cont i {display: block; color: #000; font-size: 26px; font-family: 'Noto DemiLight'; letter-spacing: 0; margin-top: 50px;}
.greet-area .img-cont {position: relative; float: right; width: 59%;}
.greet-area .img-cont {position: relative;}
.greet-area .img-cont::before {content: ''; position: absolute; left: -50px; bottom: -40px; width: 58px; height: 58px; background: url('../../images/sub/greet-after.png') center center no-repeat; background-size: cover;}
.greet-area .greet-btm p {font-size: 16px; font-family: 'Noto Thin'; line-height: 1.8; margin: 20px 0;}
.greet-area .greet-btm strong {display: block; color: #222; font-family: 'Noto DemiLight';}
.greet-area .greet-btm p.sign strong {display:inline-block;}
.greet-area .greet-btm p.sign img {display:inline-block; margin:4px 0 0 20px;}

@media all and (max-width: 1065px) {
  .greet-area .txt-cont .inner {padding: 25px 60px 25px 25px;}
  .greet-area .txt-cont strong {font-size: 36px;}
  .greet-area .txt-cont i {font-size: 22px;}
  .greet-area .txt-cont .inner::after {width: 50px; height: 50px;}
}

@media all and (max-width: 950px) {
  .greet-area .txt-cont strong {font-size: 30px;}
  .greet-area .txt-cont i {font-size: 18px;}
}

@media all and (max-width: 800px) {
  .greet-area .txt-cont {position: relative; width: 100%; background-position: left top; margin: 0; padding: 25px 0; background-size: cover;}
  .greet-area .txt-cont .inner {min-height: auto; padding: 40px;}
  .greet-area .img-cont {display: none;}
}

.policy-area {background: url('../../images/sub/policy-bg.png') top center no-repeat; padding: 180px 8% 0 8%;}
.policy-area.corp {background: url('../../images/sub/policy-bg-02.png') top center no-repeat; padding: 180px 8% 0 8%;}
.policy-cont {position: relative; background: url('../../images/sub/policy-deco.png') left top no-repeat #fff; padding: 40px; overflow: hidden;}
.policy-cont.corp {background-image: url('../../images/sub/corp-deco-02.png'); padding-bottom: 0px;}
.policy-cont::after {content: '';position: absolute;right: 0;bottom: 0; width: 289px; height: 135px; background: url('../../images/sub/policy-after.png') center center no-repeat;}
.policy-cont.corp::after {display: none;}
.policy-cont dl {position: relative;z-index: 1;}
.policy-cont dt {float: left; position: relative; color: #1f1f1f; font-size: 26px; font-family: 'Noto Regular'; width: 40%; padding-right: 20px;}
.policy-cont dt::after {content: ''; position: absolute; left: 3px; bottom: -30px; width: 40px; height: 5px; background-color: #1e1e1e;}
.policy-cont dd {float: right; width: 60%;}
.policy-cont p {margin-bottom: 20px;font-size: 16px; color: #666; line-height: 1.7;}
.policy-cont.corp p {margin-bottom: 0;}
.policy-cont ul {display:inline-block; width:100%;}
.policy-cont li {position: relative;color: #666;padding-left: 18px;margin: 6px 0; width:50%; float:left;}
.policy-cont li::before {content: ''; position: absolute; width: 10px; height: 10px; left: 0; top: 50%; margin-top: -5px; border-radius: 50%; border: 2px solid #018cff; background-color: #fff;}
.policy-cont strong {display:block; padding:0 0 0 25px; background:url('../../images/sub/bul-policy.png') no-repeat left 7px; font-size:18px; color:#c42605; margin:0 0 10px 0;}

@media all and (max-width: 860px) {
  .policy-area {padding: 0 !important;}
  .policy-cont {padding: 30px;}
  .policy-cont li {width:100%; float:none;}
}

@media all and (max-width: 620px) {
  .policy-cont {padding: 20px;}
  .policy-cont dt, .policy-cont dd {float: none;width: 100%;}
  .policy-cont dt {font-size: 22px; margin-bottom: 30px;}
  .policy-cont dt::after {width: 30px; height: 3px; bottom: -10px;}
}
.corp-col01 {color: #018cff;}

.ideo-diag {background: url('../../images/sub/ideo-bg.png') no-repeat; background-size:cover; padding:50px 80px; text-align: center; overflow: hidden;}
.ideo-diag li {float: left; width: calc(100% / 3 - (60px / 2) - 1px); border-right: 5px dotted #ddd; padding: 0 20px; box-sizing: content-box;}
.ideo-diag li:first-child {color: #183d93; padding-left: 0;}
.ideo-diag li:nth-child(2) {color: #018cff;}
.ideo-diag li:nth-child(2) dt {border: 3px solid #018cff; border-bottom: 0;}
.ideo-diag li:nth-child(2) dd {background: url('../../images/sub/ideo-ptrn-light.png') #018cff;}
.ideo-diag li:last-child {padding-right: 0; border-right: none;}
.ideo-diag dt {width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; border: 3px solid #183d93; border-bottom: 0; padding: 15px; font-family: 'Noto Regular'; font-size: 18px; background-color:#fff;}
.ideo-diag dd {display: table; width: 100%; min-height: 70px; color: #fff; background: url('../../images/sub/ideo-ptrn.png'); background-color: #183d93; border-radius: 20px;}
.ideo-diag p {display: table-cell;vertical-align: middle; padding: 10px;}

@media all and (max-width: 990px) {
    .ideo-diag {padding: 50px;}
    .ideo-diag li {float: none; width: 100%; padding: 20px 0; border-right: none; border-bottom: 5px dotted #ddd;}
    .ideo-diag li:first-child {padding-top: 0;}
    .ideo-diag li:last-child {padding-bottom: 0; border-bottom: 0;}
}

@media all and (max-width: 420px) {
    .ideo-diag li {width: 100%; padding: 20px 0; border-right: 0; border-bottom: 5px dotted #ddd;}
    .ideo-diag li:last-child {border-bottom: 0;}
}

.con_img_banner .box {position:relative; display:inline-block; width:100%;}
.con_img_banner .box:after {content:''; position:absolute; right:0px; bottom:0px; width:58px; height:58px; background:url('../../images/sub/deco_img_banner.png') no-repeat center center; z-index:-1;}
.con_img_banner .thumb {position:relative; float:left; width:26.1%; padding:25px 0 0 25px}
.con_img_banner .thumb:after {content:''; position:absolute; width:95%; height:95%; z-index:-1; left:40px; top:40px; background:url('../../images/sub/pattern_img_banner.png') repeat left top}
.con_img_banner .thumb:before {content:''; position:absolute; width:180px; height:180px; z-index:-1; left:0; top:0; background:#acd6f9}
.con_img_banner .thumb img {width:100%;}


.con_img_banner .thumb .thum-ready-img {width: 100%; padding-top: 100%; background-color: #F8F8F8; position: relative;}
.con_img_banner .thumb .thum-ready-bx {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.con_img_banner .thumb .ready-table {display: table; width: 100%; height: 100%; text-align: center;}
.con_img_banner .thumb .ready-cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.con_img_banner .thumb .ready-cell p {font-size: 16px; color: #777777; font-family:'Noto DemiLight'; margin-top: 20px;}
.con_img_banner .thumb .thum-ready-img img {width: auto;}

.con_img_banner .desc {float:left; width:73.9%; padding:7% 0 0 8%;}
.con_img_banner .desc .title {position:relative; font-size:26px; font-family:'Noto Regular'; line-height:1.4;}
.con_img_banner .desc .title:after {content:''; position:absolute; right:103%; top:18px; width:17%; height:6px; background:#183d93;}
.con_img_banner .desc .title em {color:#183d93;}
.con_img_banner .desc p {margin:30px 0 0 0}

@media all and (max-width:860px) {
    .con_img_banner .thumb {width:40%;}
    .con_img_banner .desc {width:60%;}
}

@media all and (max-width:580px) {
    .con_img_banner .thumb {float:none; width:100%; padding:25px;}
    .con_img_banner .thumb:after {width:90%; height:90%;}
    .con_img_banner .desc {float:none; width:100%; padding:7% 0 11% 0;}
    .con_img_banner .desc .title {padding:20px 0 0 0;}
    .con_img_banner .desc .title:after {left:0px; top:0px;}
    .con_img_banner .box:after {bottom:-10px;}
}

.con_organ {font-size:18px; font-family:'Noto DemiLight';}
.con_organ .level1 > ul {display:inline-block; width:100%;}
.con_organ .level1 > ul > li {position:relative; width:50%; float:left;}
.con_organ .level1 > ul > li.left {text-align:right; padding:0 10% 0 0;}
.con_organ .level1 > ul > li.left:after {content:''; position: absolute; right:0; top:25px; width:20%; height:1px; background: url(../../images/sub/dot_organ1.png) repeat-x left top; z-index: -1;}
.con_organ .level1 > ul > li.left p {display:inline-block; min-width:180px; background:#072c82; color:#fff; text-align:center; padding:10px 0;}
.con_organ .level1 > ul > li.right {text-align:left; padding:0 0 0 10%;}
.con_organ .level1 > ul > li.right:after {content:''; position: absolute; left:0; top:25px; width:20%; height:1px; background: url(../../images/sub/dot_organ1.png) repeat-x left top; z-index: -1;}
.con_organ .level1 > ul > li.right p {display:inline-block; min-width:180px; background:#43505d; color:#fff; text-align:center; padding:10px 0;}

.con_organ .level2 > ul > li {position:relative; text-align:center; padding:60px 0; margin:-28px 0 0 0;}
.con_organ .level2 > ul > li:after {content:''; position:absolute; left:50%; top:0px; width:1px; height:100%; background: url(../../images/sub/dot_organ2.png) repeat-y left top; z-index: -1;}
.con_organ .level2 > ul > li p {position:relative; display:inline-block; min-width:180px; background:#018cff; color:#fff; text-align:center; padding:10px 0;}
.con_organ .level2 > ul > li p:after {content:''; position:absolute; left:0px; bottom:100%; width:100%; height:10px; background:#fff;}
.con_organ .level2 > ul > li p:before {content:''; position:absolute; left:0px; top:100%; width:100%; height:10px; background:#fff;}

.con_organ .level3 > ul {position:relative; display:inline-block; width:100%;}
.con_organ .level3 > ul:after {content:''; position:absolute; left:50%; top:25px; width:83.5%; height:1px; background:url('../../images/sub/dot_organ1.png') repeat-x left top; z-index:-1; transform: translate(-50%, 0);}
.con_organ .level3 > ul > li {position:relative; float:left; width:14.285%; padding:0 10px;}
.con_organ .level3 > ul > li:after {content:''; position:absolute; left:50%; top:0px; width:1px; height:100%; background:url('../../images/sub/dot_organ2.png') repeat-y left top; z-index:-1;}
.con_organ .level3 > ul > li.no-line:after {display:none;}
.con_organ .level3 > ul > li .up {position:relative; margin:0 0 60px 0;}
.con_organ .level3 > ul > li .up:after {content:''; position:absolute; left:0px; top:100%; width:100%; height:10px; background:#fff;}
.con_organ .level3 > ul > li .up p {border:1px solid #018cff; color:#018cff;}
.con_organ .level3 > ul > li .down {position:relative;}
.con_organ .level3 > ul > li .down:after {content:''; position:absolute; left:0px; bottom:100%; width:100%; height:10px; background:#fff;}
.con_organ .level3 > ul > li .down p {border:1px solid #43505d;}
.con_organ .level3 > ul > li p {position:relative; text-align:center; padding:10px 0; background:#fff;}

.con_organ.type1 .level1 {position:relative; padding:0 0 95px 0;}
.con_organ.type1 .level1:after {content:''; position:absolute; left:50%; bottom:0px; width:1px; height:83%; background: url('../../images/sub/dot_organ2.png') repeat-y left top;}
.con_organ.type1 .level3 > ul > li {width:16.666%;}
.con_organ.type1 .level3 > ul > li .up {margin: 60px 0;}
.con_organ.type1 .level3 > ul > li .up:before {content:''; position:absolute; left:0px; bottom:100%; width:100%; height:10px; background:#fff;}
.con_organ.type1 .level3 > ul:after {top:0px;}
.con_organ.type1 .level3 > ul > li.no-line:after {display:block; height:50%;}

@media all and (max-width:880px) {
    .con_organ {font-size:16px;}
    .con_organ .level2 > ul > li {margin:-24px 0 0 0;}
    .con_organ .level3 > ul > li {float:none; width:100%; margin:0 0 20px 0;}
    .con_organ .level3 > ul > li .up {margin:0 0 30px 0;}
    .con_organ .level3 > ul > li p {padding:7px 0;}

    .con_organ.type1 .level3 > ul > li .up {margin:0 0 30px 0;}
    .con_organ.type1 .level3 > ul > li {float:none; width:100%; margin:0 0 20px 0;}
}

@media all and (max-width:510px) {
    .con_organ .level1 > ul > li.right p,
    .con_organ .level1 > ul > li.left p {min-width:150px;}
}
.loca-mb20 {margin-bottom: 20px;}
.loca-outer {text-align: right;}
.loca-outer .root_daum_roughmap {border: 0; padding: 0; border-radius: 0;}
.wrap-contents .btn-style.loca {display: inline-block; position: relative; background: url('../../images/common/bg_btn.png') repeat left 8px; border: 1px solid #cccccc; padding-left: 50px; margin: 15px 0;}
.wrap-contents .btn-style.loca::after {content: ''; position: absolute; left: 14px; top: 11px; width: 24px; height: 22px; background: url('../../images/sub/loca-link.png') no-repeat center center;}
.wrap-contents .btn-style.loca:hover {background: #43505d; color: #fff;}
.wrap-contents .btn-style.loca:hover::after {background: url('../../images/sub/loca-link-hov.png') no-repeat center center;}
#daumRoughmapContainer1580863780244 {width: 100% !important;}

/* 캠퍼스맵 */
#daumRoughmapContainer1580867403631 {width: 100% !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;}
.root_daum_roughmap .wrap_btn_zoom {display: none !important;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.map-wrap {position: relative; width: 100%; height: 640px;}
.map-wrap .map-info {position: absolute; top: 0; right: 0; width: 350px; height: 640px; overflow-y: scroll; font-size: 16px; background-color: #fff; border: 1px solid #ddd; box-shadow: -5px 0 10px rgba(0, 0, 0, .1); z-index: 1;}
.map-wrap .map-info a {display: block; padding: 20px;}
.map-wrap .map-info a:hover {color: #183d93; background-color: #f6f6f6;}
.map-list {border-top: 2px solid #183d93;}
.map-list dt {background-color: #f8f8f8; padding: 40px; overflow: hidden;}
.map-list dt h3 {color: #000; font-size: 34px; font-family: 'Noto Bold'; margin-bottom: 25px;}
.map-list dt .thumb {position: relative; width: 35%; float: left; margin-right: 3%;}
.map-list dt .thumb::after {content: ''; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; border: 2px solid rgba(255, 255, 255, .3); padding: 10px; z-index: 1;}
.map-list .txt-cont {font-size: 16px; float: left; width: 60%;}
.map-list .txt-cont li {position: relative; padding-left: 15px; margin: 8px 0;}
.map-list .txt-cont li::before {content: ''; position: absolute; width: 6px; height: 6px; left: 0; top: 10px; background-color: #183d93; border-radius: 50%;}
.map-list .txt-cont span {display: inline-block; min-width: 50px; color: #183d93;}
.map-list dd {width: 100%; max-width: 1170px; padding-top: 80px; margin: 0 auto; overflow: hidden;}
.map-list dd h4 {font-size: 34px; color: #000; margin-bottom: 20px;}
.map-list dd li {position: relative; float: left; width: 45%; margin: 20px 10% 20px 0;}
.map-list dd li img {width: 100%;}
.map-list dd li:nth-child(2n) {margin-right: 0;}
.map-list dd .dd-thumb {position: relative;}
.map-list dd .dd-thumb::after {content: ''; position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); left: 10px; top: 10px; border: 2px solid rgba(255, 255, 255, .3); padding: 10px; z-index: 1;}

@media all and (max-width: 860px) {
  .map-wrap .map-info {left: 0; top: 0; width: 100%; height: 180px;}
  .map-list dt {padding: 25px;}
  .map-list dt .thumb {float: none; width: 100%;}
  .map-list dt .thumb img {display: block; margin: 0 auto; margin-bottom: 30px;}
  .map-list .txt-cont {float: none; width: 100%;}
  .map-list dt h3 {font-size: 30px;}
  .map-list dd h4 {font-size: 28px;}
}

@media all and (max-width: 420px) {
  .map-list dd li {width: 100%; float: none;}
  .map-list dt h3 {font-size: 28px;}
  .map-list dd h4 {font-size: 25px;}
}