@charset "utf-8";

/* 자체연구비 */
.rules-detail {display: none;}
.rules-detail.on {display: block;}

/* 비전 */
.wrap-vison {margin-top: 20px;}
.wrap-vison .vison-title{font-size: 40px; font-family: 'Play Bold'; color: #03499a; line-height: 45px;}
.wrap-vison .uni-ti{font-size: 22px; font-family: 'Dream Regular'; color: #333333; line-height: 32px; letter-spacing: -.05em;}
.wrap-vison .vison-list::after{content: ''; display: block; clear: both;}
.wrap-vison .vison-left{float: left; width: 33%; }
.wrap-vison .vison-title{padding: 50px 0 100px 0;}
.wrap-vison .uni-ti{padding: 45px 0 125px 0; border-top: 1px solid #ececec;}
.wrap-vison .vison-right{float: right; width: calc(100% - 33%);  position: relative; background: url(../../images/sub/Vison-contents.png) no-repeat top center / contain;  } 
.wrap-vison .vison-right ul::after{content: ''; display: block; clear: both;}
.wrap-vison .vison-right li{float: left; text-align: center; width: 37%;}
.wrap-vison .vison-right li:nth-child(2){width: 26%;}
.wrap-vison .vison-right .txt-box{height: 382px;}
.wrap-vison .vison-right .txt-box01{padding-top: 27%;}
.wrap-vison .vison-right .txt-box02{padding-top: 38%;}
.wrap-vison .vison-right .txt-box03{padding-top: 27%;}
.wrap-vison .txt-box span{text-decoration: underline 1px solid #fff;}
.wrap-vison .txt-box .p-bold{font-size: 20px; font-family: 'play Bold'; line-height: 30px;}
.wrap-vison .right-title{font-size: 30px; font-family: 'Play Bold'; color: #fff; line-height: 40px;}
.wrap-vison .right-inner{font-size: 20px; font-family: 'Play Regular'; color:#fff; line-height: 30px;}
.wrap-vison .right-under{font-size: 28px; font-family: 'Dream Medium'; line-height: 61px; letter-spacing: -.05em; margin-top: 12px;}
.wrap-vison .right-under p{ padding: 0 15px;}
.wrap-vison .color-1{color: #03499a;}
.wrap-vison .color-2{color: #0099e6;}
.wrap-vison .color-3{color: #c08414;}

@media (max-width:1300px){
  .wrap-vison .vison-right .txt-box{height: 330px;}
}

@media (max-width:1240px){
  .wrap-vison .vison-right .txt-box01{padding-top: 20%;}
  .wrap-vison .vison-right .txt-box02{padding-top: 29%;}
  .wrap-vison .vison-right .txt-box03{padding-top: 20%;}
  .wrap-vison .right-under {font-size: 20px;}
  .wrap-vison .right-under p{ padding: 0 0px;}
}

@media (max-width:1240px){
  .wrap-vison .vison-left{float: none; width: 100%; }
  .wrap-vison .uni-ti{padding: 28px 0 50px 0;}
  .wrap-vison .vison-title{padding: 70px 0 63px 0;}
  .wrap-vison .vison-right{float:none; width: 100%; } 
  .wrap-vison .vison-right .txt-box{height: 382px;}
  .wrap-vison .vison-right .txt-box01{padding-top: 27%;}
  .wrap-vison .vison-right .txt-box02{padding-top: 38%;}
  .wrap-vison .vison-right .txt-box03{padding-top: 27%;}
}

@media (max-width:885px){
  .wrap-vison {padding: 0; margin-top: 0;}
  .wrap-vison .vison-title {padding: 20px 0; font-size: 30px;}
  .wrap-vison .vison-right li{width: 100%;  margin-bottom: 20px;  padding: 15px;} 
  .wrap-vison .vison-right li:nth-child(2){width: 100%;}
  .wrap-vison .vison-right .txt-box{height: auto;}
  .wrap-vison .vison-right .txt-box01{padding-top: 0%;}
  .wrap-vison .vison-right .txt-box02{padding-top: 0%;}
  .wrap-vison .vison-right .txt-box03{padding-top: 0%;}
  .wrap-vison .vison-right li:nth-child(1){border: 3px dotted #03499a;}
  .wrap-vison .vison-right li:nth-child(2){border: 3px dotted #00a8ff;}
  .wrap-vison .vison-right li:nth-child(3){border: 3px dotted  #fcaf17;}
  .wrap-vison .vison-right {background: none;}
  .wrap-vison .uni-ti {padding: 20px 0; font-size: 16px; line-height: 1.5;}
  .wrap-vison .right-under{margin-top: 0px;}
  .wrap-vison .right-title {font-size: 25px;}
  .wrap-vison .right-inner {font-size: 16px;}
  .wrap-vison .txt-box .p-bold {font-size: 16px;}
  .wrap-vison .tit01{color: #03499a; }
  .wrap-vison .tit02{color: #00a8ff; }
  .wrap-vison .tit03{color: #fcaf17; }
  .wrap-vison .right-inner{color:#666;}
  .wrap-vison .right-under{font-size: 18px; }
} 

/* 연혁 */
.depart-his .row {overflow: hidden; padding-bottom: 15px;}
.depart-his .year {width: 145px; float: left;}
.depart-his .year strong {padding-left: 30px; background: url('../../images/sub/bg-depart-his.png') no-repeat left 3px; font-family: 'Dream Regular'; font-size: 18px; color: #01499a;}
.depart-his .year em {margin-right: 5px; font-family: 'Dream Medium'; font-size: 30px; font-style: normal;}
.depart-his .detail {width: calc(100% - 145px); float: left; padding-left: 13px;}
.depart-his .detail .line {margin-top: 14px; padding-left: 15px; background: url('../../images/sub/arrow-depart-his.png') no-repeat left 8px;}
.depart-his .detail .date strong {display: block; padding-bottom: 6px; font-family: 'Dream Regular'; font-size: 16px; color: #01499a;}
.depart-his .detail .list > li {position: relative; padding-left: 14px; padding-bottom: 4px; font-family: 'Dream Regular'; font-size: 15px; color: #777;}
.depart-his .detail .list > li::after {content: ''; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; background: #000; border-radius: 10px;}

/* 시설 */
.wrap-build {text-align: center;}
.wrap-build .thumb{width: 100%; height:100%; position: relative; }
.wrap-build .thumb::before{content: ''; position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); border: 1px solid rgba(255,255,255,0.7);}
.wrap-build .thumb img{ object-fit: cover;}
.wrap-build .text{font-size: 18px; font-family: 'Dream Regular'; line-height: 40px; letter-spacing: -.05em; color:#555555; max-width: 1100px; width: 100%; margin: auto; background: #fff; padding: 50px 30px 40px 30px; margin-top: -50px; position: relative; z-index: 1;}
.wrap-build .text::after{content: ''; background: url(../../images/sub/img_quotes_left.png) no-repeat left center / cover; width: 131px; height: 81px; position: absolute; bottom: 72px; left: 50px; z-index: -1;}
.wrap-build .text::before{content: ''; background: url(../../images/sub//quotes_right.png) no-repeat left center / cover; width: 131px; height: 81px; position: absolute; bottom: 72px; right: 50px; z-index: -1;}
.wrap-build .btn{font-size:15px; font-family: "Dream Regular"; line-height: 30px; letter-spacing: -.05em;color: #fff;  background: #3085E5; display: inline-block; }
.wrap-build .btn span{padding: 10px 57px 10px 27px; display: block;position: relative;}
.wrap-build .btn span::before{content: ""; position: absolute; top: 50%; right: 30px; background: url(../../images/sub/blank_arrow.png) no-repeat right center / cover; width: 17px; height: 16px; margin-top: -8.5px;}

@media (max-width:1220px){
  .wrap-build .text{ width: 90%; }
}
@media (max-width:970px){
  .wrap-build .text::after{ width: 121px; height: 71px; position: absolute; bottom: 110px; left: 50px; z-index: -1;}
  .wrap-build .text::before{ width: 121px; height: 71px; position: absolute; bottom: 110px; right: 50px; z-index: -1;} 
}
@media (max-width:768px){
  .wrap-build .text {margin-top: -20px;}
  .wrap-build .text::after{background: none;}
  .wrap-build .text::before{background: none; }
  .wrap-build .text {padding: 25px 30px 25px 30px; line-height: 1.5;}
  .wrap-build .text p {display: inline; font-size: 15px;}
}

/* 역대 총장 */
.wrap-dean .frame {border: 5px solid #363636;}
.wrap-dean .frame:hover {border: 5px solid #01499a;}
.wrap-dean .white {padding: 12px; background: #fff;}
.wrap-dean .bg {padding: 20px 0 15px 0; background: #eaeaea; text-align: center; box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.33) inset;}
.wrap-dean .info .name {display: block; padding-top: 10px; font-family: 'Dream Medium'; font-size: 17px; color: #1c1c1c;}
.wrap-dean .info .num {font-family: 'Dream Regular'; font-size: 14px; color: #666;}
.wrap-dean ul {display: inline-block; width: 104%;}
.wrap-dean li {float: left; width: 16.666%; padding-right: 60px; padding-bottom: 50px;}

.dean-detail {display: none;}
.dean-detail.on {display: flex;}

.dean-detail {position: fixed; left: 0; top: 0; justify-content: center; align-items: center; z-index: 110; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.dean-detail .box {max-width: 1080px; width: 100%; padding: 0 50px;}
.dean-detail .con {position: relative; background: #fff; border-radius: 0 0 30px 0; font-size: 0;}
.dean-detail .con > .title {background: #01499a url('../../images/sub/logo-dean.png') no-repeat right center;}
.dean-detail .con > .title strong {display: block; padding: 24px 0 24px 40px; font-family: 'Dream Regular'; font-size: 22px; color: #fff;}
.dean-detail .info {display: inline-block; width: 100%; padding: 40px; background: url('../../images/sub/bg-dean.png') no-repeat right bottom;}
.dean-detail .info .thumb {float: left; width: 380px; padding: 10px; border: 5px solid #363636;}
.dean-detail .info .white {background: #fff; font-size: 0;}
.dean-detail .info .bg {display: inline-block; width: 100%; padding: 20px; background: #eaeaea; box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.33) inset;}
.dean-detail .info .bg .img {float: left; width: 120px;}
.dean-detail .info .bg .name {float: left; width: calc(100% - 120px); text-align: center;}
.dean-detail .info .bg .name span {display: block; padding-top: 30px; font-family: 'Dream Regular'; font-size: 18px; color: #0d2d84;}
.dean-detail .info .bg .name strong {display: block; font-family: 'Dream Medium'; font-size: 34px; line-height: 1.4; color: #111;}
.dean-detail .info .history {float: left; width: calc(100% - 380px); padding-left: 50px; padding-top: 14px;}
.dean-detail .info .history li {display: table; width: 100%; padding-bottom: 9px;}
.dean-detail .info .history li > div {display: table-cell; vertical-align: middle;}
.dean-detail .info .history .year {position: relative; width: 130px; padding-left: 20px; font-family: 'Dream Regular'; font-size: 14px; color: #222;}
.dean-detail .info .history .year::before {content: ''; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; background: #b6c0da; border-radius: 100%;}
.dean-detail .info .history .text {font-family: 'Dream Regular'; font-size: 14px; color: #666;}
.dean-detail .work {padding: 0 40px 40px 40px;}
.dean-detail .work .border {border-top: 2px solid #111;}
.dean-detail .work .title {display: block; padding-top: 33px; margin-bottom: 20px; font-family: 'Dream Medium'; font-size: 20px; color: #151515;}
.dean-detail .work .title span {position: relative;}
.dean-detail .work .title span::after {content: ''; position: absolute; right: -12px; bottom: 3px; width: 7px; height: 7px; background: #01a0c7; border-radius: 100%;}
.dean-detail .work .grey {overflow: auto; max-height: 260px; background: #f2f2f2; padding: 25px;}
.dean-detail .work .grey li {display: table; width: 100%; padding-bottom: 8px;}
.dean-detail .work .grey li > span {display: table-cell; vertical-align: top;}
.dean-detail .work .grey .year,
.dean-detail .work .grey .text {font-family: 'Dream Regular'; font-size: 14px; color: #666;}
.dean-detail .work .grey .year {width: 170px; padding-left: 20px; background: url('../../images/sub/arr-dean.png') no-repeat left 7px;}
.dean-detail .btn-close-dean {position: absolute; right: -45px; top: -45px; width: 90px; height: 90px; border-radius: 100%; background: #1c1e27 url('../../images/sub/btn-close-dean.png') no-repeat center center; text-indent: -99999px;}

@media all and (max-width: 1430px) {
  .wrap-dean li {width: 20%;}
}

@media all and (max-width: 1215px) {
  .wrap-dean li {width: 25%;}
}

@media all and (max-width: 1020px) {
  .dean-detail .info {padding-bottom: 15px;}
  .dean-detail .info .thumb {width: 100%;}
  .dean-detail .info .history {width: 100%; padding-top: 20px; padding-left: 0;}
  .dean-detail .info .bg .name {text-align: left; padding-left: 40px;}
  .dean-detail .work .grey {max-height: 145px}
  .dean-detail .work .title {padding-top: 20px;}
}

@media all and (max-width: 950px) {
  .wrap-dean ul {width: 107%;}
  .wrap-dean li {width: 33.333%;}
}

@media all and (max-width: 730px) {
  .dean-detail .info {padding: 20px;}
  .dean-detail .info .bg .name {padding-left: 20px;}
  .dean-detail .info .bg .name strong {font-size: 25px;}
  .dean-detail .info .bg .name span {font-size: 15px;}
  .dean-detail .work {padding: 0 20px 20px 20px;}
  .dean-detail .work .grey {padding: 15px;}
  .dean-detail .work .grey li,
  .dean-detail .work .grey .year,
  .dean-detail .work .grey .text {display: block; width: 100%;}
  .dean-detail .work .grey .year {padding-bottom: 10px;}
  .dean-detail .info .history li,
  .dean-detail .info .history .year,
  .dean-detail .info .history .text {display: block; width: 100%;}
  .dean-detail .btn-close-dean {right: -30px; top: -30px; width: 70px; height: 70px;}
}

@media all and (max-width: 715px) {
  .wrap-dean ul {width: 109%;}
  .wrap-dean li {width: 50%;}
}

@media all and (max-width: 500px) {
  .wrap-dean ul {width: 100%;}
  .wrap-dean li {width: 100%; padding-right: 0; padding-bottom: 40px}
}

/* 연구소 규정 */
.wrap-step > ul {display: inline-block; width: 101.5%;}
.wrap-step > ul > li {float: left; width: 25%; padding-right: 20px; padding-bottom: 20px;}
.wrap-step > ul > li.flr {float: right;}
.wrap-step .title {position: relative; z-index: 1; display: flex; width: 100%; max-width: 235px; height: 100px; margin: 0 auto; justify-content: center; align-items: center; background: #03499a; border-radius: 100px; font-family: 'Dream Regular'; font-size: 17px; text-align: center; color: #fff;}
.wrap-step li:nth-child(odd) .title {background: #03499a; border: 1px solid #03499a; color: #fff;}
.wrap-step li:nth-child(even) .title {background: #f0f7ff; border: 1px solid #e1efff; color: #03499a;}
.wrap-step .box {position: relative; min-height: 225px; margin-top: -50px; padding: 80px 30px 10px 30px; border: 1px solid #dddee0;}
.wrap-step .box::after {content: ''; position: absolute; left: 96%; top: 37%; z-index: 2; width: 50px; height: 50px; background: #ffa900 url('../../images/sub/arrow-step2.png') no-repeat center center; border-radius: 100%; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);}
.wrap-step > ul > li:last-child .box:after {display: none;}
.wrap-step .box li {position: relative; padding-left: 15px; padding-bottom: 6px; font-family: 'Dream Regular'; font-size: 15px; color: #777;}
.wrap-step .box li::before {content: ''; position: absolute; left: 0; top: 9px; width: 3px; height: 3px; border-radius: 4px; background: #111;}

@media all and (min-width: 1500px) {
  .wrap-step > ul > li:nth-child(4) .box::after {left: 42%; top: auto; bottom: -18%; background: #ffa900 url('../../images/sub/arrow-step3.png') no-repeat center center;}
  .wrap-step > ul > li:nth-child(n+5) .box::after {left: -11%; background: #ffa900 url('../../images/sub/arrow-step4.png') no-repeat center center;}
}

@media all and (max-width: 1500px) {
  .wrap-step .title {max-width: 335px;}
  .wrap-step > ul > li {width: 50%;} 
  .wrap-step > ul > li.flr {float: left;}
  .wrap-step .box {padding-right: 100px;}
  .wrap-step .box::after {left: calc(100% - 70px);}
}

@media all and (max-width: 940px) {
  .wrap-step > ul > li {width: 100%; padding-bottom: 50px;}
  .wrap-step .box {min-height: auto; padding: 80px 30px 40px 30px;}
  .wrap-step .box::after {left: calc(50% - 25px); top: 90%; background: #ffa900 url('../../images/sub/arrow-step3.png') no-repeat center center;}
}

@media all and (max-width: 500px) {
  .wrap-step .title {font-size: 15px;}
  .wrap-step .box {padding: 70px 20px 30px 20px;}
  .wrap-step .box li {font-size: 14px;}
}

/* 연구소 학생연구단 지원사업 */
.wrap-diff {display: inline-block; width: 100%;}
.wrap-diff .thumb {float: right; width: 480px;}
.wrap-diff .diag {float: left; width: calc(100% - 480px); padding-right: 45px;}
.wrap-diff .diag .row {display: flex; gap: 0 25px; align-items: center; height: 140px;}
.wrap-diff .diag .title {position: relative; flex: 1 auto; height: 60px; padding: 0 10px; background: url('../../images/sub/bg-diff.png'); font-family: 'Dream Medium'; font-size: 20px; text-align: center; line-height: 60px; color: #fff;}
.wrap-diff .diag .title span {position: absolute; left: 20px; bottom: -20px; font-family: 'Dream Medium'; font-size: 50px; color: rgba(255,255,255,.1);}
.wrap-diff .diag .title::after {content: ''; position: absolute; left: 100%; top: 50%; z-index: -1; width: 100px; height: 2px; background: #ccc;}

.wrap-diff .diag .step1,
.wrap-diff .diag .step2 {display: flex; align-items: center; height: 130px; background: #f0f7ff; border: 2px solid #dfeeff; border-radius: 100px;}

.wrap-diff .diag .step1 {overflow: hidden; width: 500px;}
.wrap-diff .diag .step1 strong {position: relative; display: flex; justify-content: center; align-items: center; width: 200px; height: 100%; background: #01499a; font-family: 'Dream Medium'; font-size: 22px; text-align: center; line-height: 1.3; color: #fff;}
.wrap-diff .diag .step1 strong::after {content: ''; position: absolute; left: calc(100% - 25px); top: calc(50% - 25px); width: 50px; height: 50px; background: #ffa900 url('../../images/sub/arrow-diff.png') no-repeat center; border-radius: 100%; box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);}
.wrap-diff .diag .step1 p {width: calc(100% - 200px); padding-left: 50px; padding-right: 20px; font-family: 'Dream Regular'; font-size: 18px; color: #333;}
.wrap-diff .diag .step1 p em {color: #01499a;}

.wrap-diff .diag .step2 {position: relative; width: 290px; padding-left: 60px; padding-right: 20px;}
.wrap-diff .diag .step2::before {content: ''; position: absolute; left: -8px; top: calc(50% - 5px); width: 11px; height: 11px; background: #fff; border: 2px solid #03499a; border-radius: 100%;}
.wrap-diff .diag .step2::after {content: ''; position: absolute; right: 100%; top: calc(50%); z-index: -1; width: 100px; height: 1px; background: #03499a;}
.wrap-diff .diag .step2 p {font-family: 'Dream Regular'; font-size: 18px; color: #333;}

@media all and (max-width: 1420px) {
  .wrap-diff .diag .title {font-size: 15px;}
  .wrap-diff .diag .step1 strong {width: 130px; font-size: 16px;}
  .wrap-diff .diag .step1 p {width: calc(100% - 130px); padding-left: 40px; font-size: 15px;}
  .wrap-diff .diag .step1 strong::after {left: calc(100% - 17px); top: calc(50% - 17px);width: 35px; height: 35px;;}
  .wrap-diff .diag .step2 {padding-left: 40px;}
  .wrap-diff .diag .step2 p {font-size: 15px;}
}

@media all and (max-width: 1280px) {
  .wrap-diff .thumb,
  .wrap-diff .diag {float: none; width: 100%;}
  .wrap-diff .thumb {padding-bottom: 30px;}
  .wrap-diff .diag {padding-right: 0;}
}

@media all and (max-width: 730px) {
  .wrap-diff .diag .row {display: block; height: auto;}
  .wrap-diff .diag .title {display: block; width: 100%;}
  .wrap-diff .diag .title::after {left: 50%; top: 100%; width: 2px; height: 100px;}
  .wrap-diff .diag .step1,
  .wrap-diff .diag .step2 {width: 100%; border-radius: 0; margin: 15px 0;}
  .wrap-diff .diag .step2 {padding-left: 30px;}
  .wrap-diff .diag .step2::before {left: calc(50% - 5px); top: -7px;}
  .wrap-diff .diag .step2::after {left: 50%; top: auto; bottom: 100%; width: 1px; height: 100px;}
}

/* 조직도 */
.wrap-organ .general {position: relative;}
.wrap-organ .general .deco strong {position: relative; display: flex; justify-content: center; align-items: center; width: 152px; height: 152px; margin: 0 auto; background: #fff url('../../images/sub/deco-organ1.png') no-repeat center; font-family: 'Dream Medium'; font-size: 24px; line-height: 1.3; text-align: center; color: #03499a;}
.wrap-organ .general .deco strong::after {content: ''; position: absolute; left: 50%; top: 100%; width: 2px; height: 70px; background: #ccc;}
.wrap-organ .general .deco {position: relative; left: .8%; max-width: 51.3%; margin: 0 auto; padding-bottom: 70px;}
/*.wrap-organ .general .deco::after {content: ''; position: absolute; left: 50%; top: 34%; z-index: -1; width: 50%; height: 2px; background: #ccc;;}*/
.wrap-organ .general .deco::before {content: ''; position: absolute; left: 0%; bottom: 0; z-index: -1; width: 100%; height: 2px; background: #ccc;;}

.wrap-organ .general .etc {position: absolute;}
/*.wrap-organ .general .etc::before {content: ''; position: absolute; right: 100%; top: 50%; z-index: -1; width: 100%; height: 2px; background: #ccc;}*/
.wrap-organ .general .etc strong {display: block; width: 150px; height: 60px; background: url('../../images/sub/bg-organ1.png') repeat-x; font-family: 'Dream Medium'; font-size: 20px; line-height: 60px; text-align: center; color: #fff;}
.wrap-organ .general .etc.etc1 {right: 0; top: 116px;}
.wrap-organ .general .etc.etc1 strong {background: url('../../images/sub/bg-organ2.png') repeat-x;}
.wrap-organ .general .etc.etc2 {right: 0; top: 46px;}
.wrap-organ .general .etc.etc2::after {content: ''; position: absolute; left: 50%; top: 100%; z-index: -1; width: 2px; height: 100%; background:#ccc;}

.wrap-organ .con {display: inline-block; width: 100%; margin-top: -146px;}
.wrap-organ .left {position: relative; float: left; width: 50%; padding: 0 40px;}
.wrap-organ .left::after {content: ''; position: absolute; left: 0; top: 290px; width: 2px; height: calc(100% - 448px); background: #ccc;}
.wrap-organ .right {position: relative; float: right; width: 50%; margin-top: 0; padding-left: 40px;}
.wrap-organ .right::after {content: ''; position: absolute; left: 0; top: 290px; width: 2px; height: calc(100% - 438px); background: #ccc;}

.wrap-organ .left .cap {position: relative; margin-bottom: 40px; padding: 75px 0;}
.wrap-organ .left .cap::after {content: ''; position: absolute; left: 50%; bottom: 0; z-index: -1; width: 2px; height: 50%; background: #ccc;}
.wrap-organ .left .cap::before {content: ''; position: absolute; left: -40px; bottom: 0; z-index: -1; width: calc(50% + 40px); height: 2px; background: #ccc;}
.wrap-organ .left .cap strong {display: flex; justify-content: center; align-items: center; width: 140px; height: 140px; margin: 0 auto; background: #fff url('../../images/sub/deco-organ2.png') no-repeat center; font-family: 'Dream Medium'; font-size: 22px; line-height: 1.3; text-align: center; color: #00a8ff;}

.wrap-organ .right .cap {position: relative; margin-bottom: 40px; padding: 75px 0;}
.wrap-organ .right .cap::after {content: ''; position: absolute; left: 50%; bottom: 0; z-index: -1; width: 2px; height: 50%; background: #ccc;}
.wrap-organ .right .cap::before {content: ''; position: absolute; left: -40px; bottom: 0; z-index: -1; width: calc(50% + 40px); height: 2px; background: #ccc;}
.wrap-organ .right .cap strong {display: flex; justify-content: center; align-items: center; width: 140px; height: 140px; margin: 0 auto; background: #fff url('../../images/sub/deco-organ2.png') no-repeat center; font-family: 'Dream Medium'; font-size: 22px; line-height: 1.3; text-align: center; color: #0099e6;}

.wrap-organ .row {margin-bottom: 40px;}
.wrap-organ .row .title {position: relative; margin-bottom: 20px;}
.wrap-organ .row .title::after {content: ''; position: absolute; right: 100%; top: 50%; width: 40px; height: 2px; background: #ccc;}
.wrap-organ .row .title strong {display: block; max-width: 240px; height: 60px; background: url('../../images/sub/bg-organ1.png') repeat-x; font-family: 'Dream Medium'; font-size: 20px; line-height: 60px; text-align: center; color: #fff;}
.wrap-organ .row .sub-title {display: block; height: 60px; background: url('../../images/sub/bg-organ2.png') repeat-x; font-family: 'Dream Medium'; font-size: 20px; line-height: 60px; text-align: center; color: #fff;}
.wrap-organ .row .sub-title2 {position: relative; display: block; height: 60px; background: url('../../images/sub/bg-organ3.png') repeat-x; font-family: 'Dream Medium'; font-size: 20px; line-height: 60px; text-align: center; color: #fff;}
.wrap-organ .row .sub-title2::after {content: ''; position: absolute; right: 100%; top: 50%; width: 40px; height: 2px; background: #ccc;}
.wrap-organ .row .list {font-size: 0;}
.wrap-organ .row .group {display: inline-block; width: 100%; margin-bottom: 10px; font-size: 0;}
.wrap-organ .row .group .box {padding-right: 10px;}
.wrap-organ .row .group .box button {width: 100%;}
.wrap-organ .row .group.type1 .box {float: left;}
.wrap-organ .row .group.type1 .box:nth-child(1) {width: 60%;}
.wrap-organ .row .group.type1 .box:nth-child(2) {width: 40%;}
.wrap-organ .row .group.type2 .box {float: left;}
.wrap-organ .row .group.type2 .box:nth-child(1) {width: 50%;}
.wrap-organ .row .group.type2 .box:nth-child(2) {width: 50%;}
.wrap-organ .row .group.type3 .box {float: left;}
.wrap-organ .row .group.type3 .box:nth-child(1) {width: 33.3333%;}
.wrap-organ .row .group.type3 .box:nth-child(2) {width: 33.3333%;}
.wrap-organ .row .group.type3 .box:nth-child(3) {width: 33.3333%;}
.wrap-organ .row .detail {display: inline-block; width: 100%; min-height: 185px; padding: 20px 25px; border: 1px solid #dddee0;}
.wrap-organ .row .detail.auto {min-height: auto}
.wrap-organ .row .detail.min230 {min-height: 231px}
.wrap-organ .row .detail > ul.line {float: left; width: 50%;}
.wrap-organ .row .detail > ul.line2 {float: left; width: 33.333%;}
.wrap-organ .row .list1 {display: inline-block; width: 100%;}
.wrap-organ .row .list1 > li {position: relative; padding-left: 12px; padding-bottom: 5px; font-family: 'Dream Regular'; font-size: 15px; text-align: left; color: #333;}
.wrap-organ .row .list1 > li > button {font-family: 'Dream Regular'; font-size: 15px; text-align: left; color: #333;}
.wrap-organ .row .list1 > li::after {content: ''; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; background: #000; border-radius: 5px;}
.wrap-organ .row .list1.flow > li {float: left; width: 33.333%;}
.wrap-organ .row .list1.flow2 > li {float: left; width: 25%;}
.wrap-organ .row .list2 {margin-top: 6px;}
.wrap-organ .row .list2 > li {position: relative; padding-left: 12px; padding-bottom: 3px; font-family: 'Dream Regular'; font-size: 15px; color: #777;}
.wrap-organ .row .list2 > li > button {font-family: 'Dream Regular'; font-size: 15px; text-align: left; color: #777;}
.wrap-organ .row .list2 > li::after {content: ''; position: absolute; left: 2px; top: 9px; width: 3px; height: 5px; background: url('../../images/sub/bul-organ.png') no-repeat center; border-radius: 5px;}


@media all and (max-width: 1470px) {
  .wrap-organ .row .group .box {width: 100% !important; margin-bottom: 20px; padding-right: 0;}
  .wrap-organ .row .group {margin-bottom: 0px; /*20px*/}
  .wrap-organ .row .detail {min-height: auto !important;}
  
}

@media all and (max-width: 1090px) {
  .wrap-organ .row .list1 {width: 100% !important;}
  .wrap-organ .row .list1 > li {width: 100% !important;}
  .wrap-organ .general .etc strong {width: 120px;}
  .wrap-organ .general .etc strong {height: 40px; font-size: 17px; line-height: 40px;}
  .wrap-organ .general .etc.etc2 {top: 56px;}
}

@media all and (max-width: 760px) {
  .wrap-organ .general .etc strong {width: 90px; font-size: 14px;}
  .wrap-organ .general .etc.etc1 {top: 103px}
  .wrap-organ .general .etc.etc2 {top: 0px;}
  .wrap-organ .general .etc.etc2::before {right: 50%; top: auto; bottom: 100%; width: 2px; height: 100%;}
}

@media all and (max-width: 700px) {
  .wrap-organ .general .deco strong {font-size: 18px;}
  .wrap-organ .general .etc.etc1 {top: 55px;}
  .wrap-organ .left .cap strong {font-size: 17px;}
  .wrap-organ .left .cap::before {left: -10px; width: calc(50% + 10px);}
  .wrap-organ .right .cap strong {font-size: 17px;}
  .wrap-organ .right .cap::before {left: -10px; width: calc(50% + 12px);}
  .wrap-organ .left {padding: 0 10px;}
  .wrap-organ .right {padding-left: 10px;}
  .wrap-organ .right::after {height: calc(100% - 448px);}
  .wrap-organ .row .title strong {max-width: 100%; height: 40px; font-size: 17px; line-height: 40px;}
  .wrap-organ .row .title::after {width: 10px;}
  .wrap-organ .row .sub-title {height: 40px; font-size: 17px; line-height: 40px;}
  .wrap-organ .row .sub-title2::after {width: 10px;}
  .wrap-organ .row .detail {padding: 10px;}
  .wrap-organ .row .list1 > li {font-size: 14px;}
  .wrap-organ .row .list1 > li::after {top: 8px;}
  .wrap-organ .row .list2 > li {font-size: 13px;}
  .wrap-organ .row .list2 > li::after {top: 6px;}
}

.organ-detail {display: none;}
.organ-detail.on {display: flex;}

.organ-detail {position: fixed; left: 0; top: 0; justify-content: center; align-items: center; z-index: 110; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.organ-detail .box {max-width: 1080px; width: 100%; padding: 0 50px;}
.organ-detail .con {position: relative; background: #fff; border-radius: 0 0 30px 0; font-size: 0;}
.organ-detail .con > .title {background: #01499a url('../../images/sub/logo-dean.png') no-repeat right center;}
.organ-detail .con > .title strong {display: block; padding: 24px 0 24px 40px; font-family: 'Dream Regular'; font-size: 22px; color: #fff;}
.organ-detail .info {position: relative; display: inline-block; width: 100%; padding: 0 40px 24px 40px;}
.organ-detail .info .heading {position: relative; display: inline-block; max-width: 90%; margin-top: 27px; padding-top: 8px; font-family: 'Dream Bold'; font-size: 26px; letter-spacing: -0.5px; line-height :1.5; color: #222; }
.organ-detail .info .heading::before {content: ''; position: absolute; right: -15px; top: 0; width: 23px; height: 23px; background: url('../../images/sub/bul_h2.png') no-repeat center center; }
.organ-detail .info ul {display: inline-block; width: 100%; margin-top: 20px;}
.organ-detail .info li {position: relative; float: left; padding-right: 60px; font-family: 'Dream Regular'; font-size: 15px; color: #666;}
.organ-detail .info li.icon::before {content: ''; display: inline-block; width: 30px; height: 30px; margin-right: 10px; border-radius: 100%; vertical-align: middle;}
.organ-detail .info li.icon1::before {background: #01499a url('../../images/sub/ic-organ-detail1.png') no-repeat center;}
.organ-detail .info li.icon2::before {background: #01499a url('../../images/sub/ic-organ-detail2.png') no-repeat center;}
.organ-detail .info li.icon3::before {background: #01499a url('../../images/sub/ic-organ-detail3.png') no-repeat center;}
.organ-detail .info #url {position: absolute; right: 40px; top: 40px;}
.organ-detail .work {padding: 0 40px 40px 40px;}
.organ-detail .work .border {border-top: 2px solid #111;}
.organ-detail .work .title {display: block; padding-top: 33px; margin-bottom: 20px; font-family: 'Dream Medium'; font-size: 20px; color: #151515;}
.organ-detail .work .title span {position: relative;}
.organ-detail .work .title span::after {content: ''; position: absolute; right: -12px; bottom: 3px; width: 7px; height: 7px; background: #01a0c7; border-radius: 100%;}
.organ-detail .work .grey {overflow: auto; width: 100%; height: 165px; background: #f2f2f2; padding: 10px; font-family: 'Dream Regular'; font-size: 14px; color: #666;}
.organ-detail .work .grey li {display: table; width: 100%; padding-bottom: 8px;}
.organ-detail .work .grey li > span {display: table-cell; vertical-align: top;}
.organ-detail .work .grey .text {font-family: 'Dream Regular'; font-size: 14px; color: #666;}
.organ-detail .work .grey .text {width: 170px; padding-left: 20px; background: url('../../images/sub/arr-dean.png') no-repeat left 7px;}
.organ-detail .btn-close-organ {position: absolute; right: -45px; top: -45px; width: 90px; height: 90px; border-radius: 100%; background: #1c1e27 url('../../images/sub/btn-close-dean.png') no-repeat center center; text-indent: -99999px;}

@media all and (max-width: 1200px) {
  .organ-detail .info li {width: 100%; margin-bottom: 10px;}
}

@media all and (max-width: 1020px) {
  .organ-detail .info {padding-bottom: 15px;}
  .organ-detail .work .grey {max-height: 145px}
  .organ-detail .work .title {padding-top: 20px;}
}

@media all and (max-width: 730px) {
  .organ-detail .info {padding: 20px;}
  .organ-detail .info .heading {margin-top: 10px;}
  .organ-detail .work {padding: 0 20px 40px 20px;}
  .organ-detail .work .grey {padding: 15px;}
  .organ-detail .work .grey li,
  .organ-detail .work .grey .year,
  .organ-detail .work .grey .text {display: block; width: 100%;}
  .organ-detail .work .grey .year {padding-bottom: 10px;}
  .organ-detail .info .history li,
  .organ-detail .info .history .year,
  .organ-detail .info .history .text {display: block; width: 100%;}
  .organ-detail .info li {font-size: 14px;}
  .organ-detail .btn-close-dean {right: -30px; top: -30px; width: 70px; height: 70px;}
}

/**greeting**/
.greeting {background: url(../../images/sub/sub_06/greetingMark.png) no-repeat 0% 10px;}
.greeting .title {text-align: center;margin-bottom: 40px;padding-bottom: 85px;position: relative;}
.greeting .title:after {content: '';width: 3px;height: 50px;background: #404244;position: absolute;left: 50%;bottom: 0;}
.greeting .title strong {font-size: 60px;font-family: 'play bold';color: rgba(255,255,255,0);letter-spacing: -1px;display: inline-block;line-height: 1.2;}
.greeting .title strong.ft-blue {-webkit-text-stroke: 1px #1a5ba4;}
.greeting .title strong.ft-orange {-webkit-text-stroke: 1px #fcb21e;}
.greeting .title p {font-size: 30px;color: #222;font-family: 'Dream Bold';letter-spacing: -1.5px;}
.greeting .contents {padding-top: 30px;}
.greeting .contents .img {display: inline-block;vertical-align: top;width: 430px;position: relative;background: url(../../images/sub/sub_06/greetingBg.png) no-repeat 75% 93%;}
.greeting .contents .img:before {content: '';width: 72px;height: 72px;background: url(../../images/sub/sub_06/greetingEdge01.png) no-repeat center;position: absolute;top: -28px;  right: -26px;}
.greeting .contents .img:after {content: '';width: 72px;height: 72px;background: url(../../images/sub/sub_06/greetingEdge02.png) no-repeat center;position: absolute;bottom:45px; left: -28px;}
.greeting .contents .img img {box-shadow: rgba(0,0,0,0.4) 12px 15px 20px;}
.greeting .contents .img span {font-size: 20px;color: #000;/*font-family: 'Dream Bold';*/display: block;margin-top: 45px;text-align:center;letter-spacing: -1.5px;}
.greeting .contents .img span:before {/*content: '';*/width: 15px;height: 15px;display: inline-block;background: #01499a;border-radius: 50%;vertical-align: top;margin-top: 8px;margin-right: 15px;}
.greeting .contents .txt {display: inline-block;vertical-align: top;width: calc(100% - 430px);margin-left: -5px;}
.greeting .contents .txt p {font-family: 'Dream Regular';color: #333;font-size: 18px;margin-bottom: 35px;padding-left: 60px;letter-spacing: -1px;line-height: 1.65;}
.greeting .contents .txt p i {display: block;margin: 25px 0;}
.greeting .contents .txt p i.first {margin: 0;}
.greeting .contents .txt .b-list {margin-bottom: 35px;background: url(../../images/sub/sub_06/greetingBox.png) repeat left top;color: #fff;padding: 40px 120px 40px 60px;}
.greeting .contents .txt .b-list li {font-size: 20px;font-family: 'Dream Regular';line-height:1.7;}
.greeting .contents .txt .b-list li + li{margin-top:5px;}
.greeting .contents .txt .b-list li span {font-family: 'Dream Bold';}

@media all and (max-width: 1200px) {
  .greeting .contents .img{width:25%;}
  .greeting .contents .txt{width:70%;margin-left:4.5%;}
  .greeting .contents .txt p{padding-left:0;font-size:17px;}
  .greeting .contents .txt .b-list{padding:30px;}
  .greeting .contents .txt .b-list li{font-size:17px;}
  .greeting .contents .img span{font-size:16px;}
  .greeting .contents .img span:before{width:12px;height:12px;margin-right:10px;margin-top:6px;}
}

@media all and (max-width: 1024px) {
  .greeting{background-position:97% 7%;}
  .greeting .contents{text-align:center;}
  .greeting .contents .img{width: auto;text-align:center;margin-bottom: 60px;}
  .greeting .contents .img span{font-size:18px;}
  .greeting .contents .img span:before{width:15px;height:15px;margin-right:15px;}
  .greeting .contents .txt p i.first{display:inline-block;}
  .greeting .contents .txt{width:100%;margin-left:0;}
  .greeting .contents .txt p{width:80%;margin:0 auto 40px;}
  .greeting .contents .txt .b-list li + li{margin-top:15px;}
}

@media all and (max-width: 767px) {
  .greeting{background-size:60%;}
  .greeting .title{margin-bottom:20px;}
  .greeting .title strong{font-size: 35px;}
  .greeting .title p{margin-top:25px;font-size:25px;}
  .greeting .contents .txt p {width: 100%; font-size: 15px; text-align: left;}
  .greeting .contents .txt .b-list li {font-size: 15px; text-align: left;}
  .greeting .contents .img span {font-size: 17px;}
}

/**profile**/
.profile{position:relative;}
.profile .title{background:url('../../images/sub/sub_06/profile_box.png') no-repeat left top;padding: 50px 0 110px 50px;position:relative;}
.profile .title .inner{text-align:left;display:inline-block;}
.profile .title .inner > span{font-size:22px;color:#fcaf17;font-family:'Dream Regular';display:block;}
.profile .title .inner > strong{font-size:38px;color:#fff;font-family:'Dream Light';display:block;}
.profile .title .inner > strong > span{font-family:'Dream Bold';}
.profile .title > p{color:#fff;font-size:18px;font-family:'Dream Light';letter-spacing:-1px;position: absolute;bottom: 120px;right:580px;}
.profile .conts{/*padding-left:485px;*/font-size:0;padding-bottom: 50px;position: relative;background:url('../../images/sub/sub_06/profile_mark.png') no-repeat 0% 100%;}
.profile .conts:after{content:'';width:100%;height:5px;position:absolute;bottom:0;left:0;background:url('../../images/sub/sub_06/profile_border.png')}
.profile .conts > div{display:inline-block;vertical-align:top;/*width:50%;*/width:35%;font-size:18px;}
.profile .conts > div > strong{font-size:26px;font-family:'Dream Bold';margin-bottom:20px;color:#000;display:inline-block;background:url('../../images/sub/sub_06/profile_title_edge.png') no-repeat right top;padding-right:17px;padding-top:10px;}
.profile .conts > div > ul > li{font-size:16px;margin-bottom:15px;color:#666;position:relative;padding-left:230px;}
.profile .conts > div > ul > li span{font-family:'Dream Bold';color:#333;width:230px;display:inline-block;vertical-align:top;position:absolute;left:0;}
.profile .conts > div > ul > li span:before{content:'';width:4px;height:4px;background:#333;border-radius:50%;display:inline-block;vertical-align:top;margin-top:10px;margin-right:10px;}
.profile .img{position:absolute;/*left:0*/right:0px;bottom: 5px;}

@media all and (max-width: 1500px) {
  .profile .title > p{bottom:75px;}
}

@media all and (max-width: 1400px) {
  .profile .img{width:20%;}
  .profile .img img{width:100%;}
  .profile .title{padding-left:40px;}
  .profile .conts{/*padding-left:23%;*/}
  .profile .title > p {right: 100px;}
  .profile .conts > div{width:48%;}
  .profile .conts > div.box02{margin-left:2%;}
  .profile .title > p{bottom:120px;}
}

@media all and (max-width: 1200px) {
  .profile .img{width:300px}
  .profile .conts{/*padding-left:380px;*/ padding-left: 10px;background-position:right bottom;}
  .profile .conts > div{width:100%;}
  .profile .conts > div.box02{margin-left:0;margin-top:40px;}
  .profile .title > p {right: 100px;}
}

@media all and (max-width: 1024px) {
  .profile .title{padding:30px;margin-bottom: 40px;}
  .profile .title .inner > span{font-size:20px;margin-bottom:5px;}
  .profile .title .inner > strong{font-size:28px;}
  .profile .title > p{position:initial;margin-top:15px;text-align:right;}
  .profile .img{/*transform:scaleX(-1)*/;right:0;left:unset;width: 240px;}
  .profile .conts{padding-left:25px;background-position: 25px bottom;}
  .profile .conts > div > strong{font-size:20px;background-size:15px;padding-right: 10px;padding-top: 5px;}
  .profile .conts > div > ul > li{margin-bottom:10px;}
}

@media all and (max-width: 767px) {
  .profile .title .inner > strong{font-size: 20px;}
  .profile .title .inner > span {font-size: 20px;}
  .profile .title > p {font-size: 16px;}
  .profile .conts {padding-left: 0; padding-bottom: 400px;}
  .profile .conts > div.box02 {margin-top: 20px;}
  .profile .conts > div > ul > li {padding-left: 210px; font-size: 15px;}
}

/**vision**/
.vision .topper{background:url('../../images/sub/sub_06/vision_box.jpg') no-repeat left top;padding: 45px 40px 120px;position:relative;min-height: 650px;}
.vision .topper .conts{width:730px;display:inline-block;vertical-align:top;}
.vision .topper .conts > p.unv_name{font-size:23px;color:rgba(255,255,255,0.5);font-family:'Play Regular';padding-bottom:65px;position: relative;margin-bottom:10px;}
.vision .topper .conts > p.unv_name:after{content:'';width:2px;height:50px;background:rgba(255,255,255,0.3);position:absolute;bottom:0;left:0;}
.vision .topper .conts > span{font-size:40px;font-family:'Play Bold';display:block;color:rgba(255,255,255,0.5);line-height:1.2;margin-bottom:5px;}
.vision .topper .conts > strong{font-size:40px;font-family:'Dream Light';color:#fff;display:block;margin-bottom:15px;}
.vision .topper .conts > strong > span{font-family:'Dream Medium';}
.vision .topper .conts > p{font-size:18px;color:#fff;font-family:'Dream Regular';line-height:1.65;}
.vision .topper > ul{margin-top:40px;font-size:0;text-align:center;position:absolute;bottom:0;left: 45px;}
.vision .topper > ul > li{font-size:16px;color:#666;display:inline-block;padding:50px 40px 0;vertical-align:top;width:230px;height:230px;background:url('../../images/sub/sub_06/vision_list01.png') no-repeat;}
.vision .topper > ul > li > span{font-size:22px;font-family:'Dream Medium';color:#c38614;margin-bottom:20px;display:block;}
.vision .topper > ul > li:nth-child(2){background:url('../../images/sub/sub_06/vision_list02.png') no-repeat;}
.vision .topper > ul > li:nth-child(2) > span{color:#03499a;}
.vision .topper > ul > li:nth-child(3){background:url('../../images/sub/sub_06/vision_list03.png') no-repeat;}
.vision .topper > ul > li:nth-child(3) > span{color:#333;}
.vision .topper > ul > li:nth-child(4){background:url('../../images/sub/sub_06/vision_list04.png') no-repeat;}
.vision .topper > ul > li:nth-child(4) > span{color:#8C0D0D;}
.vision .topper > ul > li + li{margin-left:20px;}
.vision .topper .img{display:inline-block;vertical-align:top;text-align:right;width: calc(100% - 765px);padding-top: 80px;position:relative;margin-left: 30px;}
.vision .topper .img:before{content:'';width:140px;animation: spin 10s infinite linear;height:140px;position:absolute;top: 5px;right:20px;background:url('../../images/sub/sub_06/vision_circle.png') no-repeat;}
.vision .topper .img img{box-shadow:rgba(0,0,0,0.5) 15px 15px 15px;}

.vision.fund .topper{background-size:100% 470px;}
.vision.fund .topper .img{padding-top:100px; }
.vision.fund .topper .conts > p.unv_name{font-family:'Dream Regular';font-size:20px;}
.vision.fund .topper .conts > strong{max-width:600px;}
.vision.fund .topper .conts{position:relative;}
.vision.fund .topper .conts a{position:absolute;bottom: -90px;right: -7%;}
.vision.fund .fund_txt{margin-top:-120px;}
.vision.fund .fund_txt strong{font-size:18px;color:#01499a;font-family:'Dream Medium';margin-bottom:15px;display:block;}
.vision.fund .fund_txt p{font-family:'Dream Regular';color:#555;}

.vision .vision-people .img {text-align: center;}

@media all and (max-width: 1820px) {
  .vision.fund .topper .conts a{right:0;}
}

@media all and (max-width: 1200px) {
  .vision .topper{padding:30px;overflow: hidden;}
  .vision .topper .conts{width:100%;}
  .vision .topper .conts > p.unv_name{font-size:20px;padding-bottom:40px;}
  .vision .topper .conts > p.unv_name:after{height:30px;}
  .vision .topper .conts > span{font-size: 25px;}
  .vision .topper .conts > strong{font-size:30px;}

  .vision .topper > ul{width: calc(100% - 420px);left: 15px;position: initial;float: left;margin-top:80px;overflow: hidden;}
  .vision .topper > ul > li{display:block;width:auto;height:auto;background:#fff;padding:10px 15px;border-radius: 30px;border:2px solid #fcaf17;}
  .vision .topper > ul > li + li{margin-left:0;margin-top:15px;}
  .vision .topper > ul > li > span{font-size: 20px;margin-bottom:5px;}
  .vision .topper > ul > li:nth-child(2){background:#fff;border:2px solid #03499a;}
  .vision .topper > ul > li:nth-child(3){background:#fff;border:2px solid #333;}
  .vision .topper > ul > li:nth-child(4){background:#fff;border:2px solid #333;}
  .vision .topper .img{width:380px;margin-left: auto;margin-right: 0;display: block;float: right;}

  .vision.fund .topper .conts a{position:relative;right: 0;bottom: -80px;}
  .vision.fund .topper .img:before{top:-40px;}
  .vision.fund .topper .img{padding-top: 0;}
  .vision.fund .fund_txt{margin-top:-40px;}

}

@media all and (max-width: 1024px) {
  .vision .topper .img{width: 100%;margin-top:30px;}
  .vision .topper .img img{width:100%;}
  .vision .topper > ul {width:100%;margin-top: 60px;}
  .vision .topper{background-size:2000px;}
  .vision.fund .fund_txt{margin-top:40px;}
}

@media all and (max-width: 767px) {
  .vision .topper .conts > p.unv_name {font-size: 18px;}
  .vision .topper .conts > p.unv_name{padding-bottom:0;margin-bottom:0;}
  .vision .topper .conts > p.unv_name:after{display:none;}
  .vision .topper .conts > p{font-size:15px;}
  .vision .topper .conts > strong {font-size: 20px;}
  .vision .topper .conts > span{font-size:18px;}
  .vision .topper > ul > li {font-size: 15px;}
  .vision .topper > ul > li > span {font-size: 18px;}
  .vision.fund .fund_txt p {margin-bottom: 25px !important;}
}

.vision .vision-goal{margin-top:70px;}
.vision .vision-goal > .title{margin-bottom:40px;}
.vision .vision-goal > .title > ul{font-size:0;}
.vision .vision-goal > .title > ul > li{display:inline-block;vertical-align:top;text-align:center;font-size:18px;color:#333;padding:12px;transform:skew(-20deg);}
.vision .vision-goal > .title > ul > li:nth-child(1){width:calc(60% - 30px);background:#e5ecf5;}
.vision .vision-goal > .title > ul > li:nth-child(2){width:calc(40% - 30px);margin-left:60px;background:#fff6e5;}
.vision .vision-goal > .title > ul > li > span{transform: skew(20deg);display:block;font-family: 'Dream Medium';}
.vision .vision-goal > .conts > ul > li{margin-bottom:30px;font-size:0;}
.vision .vision-goal > .conts > ul > li > div{display: inline-table;min-height:140px;vertical-align:middle;font-size:17px;}
.vision .vision-goal > .conts .icon{width:140px;margin-right:30px;position:relative;}
.vision .vision-goal > .conts .icon:before{content:'';width:100px;height:1px;background:#03499a;position:absolute;right:-30px;top:50%;z-index:-1;}
.vision .vision-goal > .conts .icon:after{content:'';width:11px;height:11px;border:2px solid #03499a;border-radius:50%;display:block;background:#fff;position:absolute;top:50%;margin-top:-4.5px;right:-38px;z-index:2;}
.vision .vision-goal > .conts .goal_box01{margin-right:30px;width:calc(60% - 170px);border:2px solid #dfeeff;background:#f0f7ff;border-radius:100px;position:relative;}
.vision .vision-goal > .conts .goal_box01:after{content:'';width:50px;height:50px;background:url('../../images/sub/sub_06/vision_arrow.png') no-repeat;display:block;position:absolute;top:50%;right:-40px;margin-top:-25px;border-radius:50%;box-shadow:rgba(0,0,0,0.3) 0 10px 10px;}
.vision .vision-goal > .conts .goal_box01 .title{display:table-cell;vertical-align:middle;position:relative;font-family:'Dream Medium';font-size:22px;background:#01499a;color:#fff;width:30%;text-align:center;border-radius:100px 0 0 100px;}
.vision .vision-goal > .conts .goal_box01 .title > span{font-size:50px;position:absolute;opacity:0.2;top:-14px;left:12px;letter-spacing:-3px;color:#fff;}
.vision .vision-goal > .conts .goal_box01 .txt{display:table-cell;vertical-align:middle;padding:30px;font-family: 'Dream Regular';font-size: 18px;color: #333;}
.vision .vision-goal > .conts .goal_box02{width:calc(40% - 30px);border:2px solid #dfeeff;background:#f0f7ff;padding:20px 20px 20px 50px;border-radius:100px;}
.vision .vision-goal > .conts .goal_box02 > ul{display:table-cell;vertical-align:middle;}
.vision .vision-goal > .conts .goal_box02 > ul > li{font-size:16px;color:#666;position:relative;padding-left:14px;}
.vision .vision-goal > .conts .goal_box02 > ul > li:before{content:'';width:3px;height:3px;background:#333;position:absolute;left:0;top:10px;}
.vision .vision-goal > .conts .goal_box02 > ul > li + li{margin-top:5px;}

@media all and (max-width: 1200px) {
  .vision .vision-goal > .conts > ul > li > div{vertical-align:top;}
  .vision .vision-goal > .conts .goal_box01 .title{display: inline-block;width: auto;padding: 5px 12px;border-radius: 20px;font-size: 18px;top: 15px;left: 25px;}
  .vision .vision-goal > .conts .goal_box01 .title > span{display:inline-block;position:initial;font-size: 18px;letter-spacing: 0;opacity: 0.5;margin-right: 10px;}
  .vision .vision-goal > .conts .goal_box01 .txt{display:block;font-size:16px;}
  .vision .vision-goal > .conts .goal_box01{border-radius:25px;min-height:180px;}
  .vision .vision-goal > .conts .goal_box02{border-radius:25px;min-height:180px;}
}

@media all and (max-width: 767px) {
  .vision .vision-goal {margin-top: 20px;}
  .vision .vision-goal > .title{display:none;}
  .vision .vision-goal > .conts > ul > li{margin-bottom:60px;}
  .vision .vision-goal > .conts .icon{display:block;width: 100%;text-align: center;margin-bottom: 30px;}
  .vision .vision-goal > .conts .icon:before{left:50%;height:60px;width:1px;top:100%;}
  .vision .vision-goal > .conts .icon:after{left:50%;margin-top:0;top:100%;margin-top:25px;margin-left:-5px;}
  .vision .vision-goal > .conts .goal_box01{width:100%;display:block;min-height:initial;margin-bottom: 50px;padding-top: 10px;padding-bottom: 10px;text-align: center;}
  .vision .vision-goal > .conts .goal_box01:before{content:'전략목표';display:block;position:absolute;left: 25px;top:-20px;font-size: 16px;background:#e5ecf5;padding: 5px 25px;}
  .vision .vision-goal > .conts .goal_box01:after{left:50%;top:100%;transform:rotate(90deg);margin-left: -17.5px;margin-top: 7px;box-shadow:rgba(0,0,0,0.3) 7px 0 10px;z-index:2;width: 35px;height: 35px;background-size: contain;}
  .vision .vision-goal > .conts .goal_box02{width:100%;display:block;min-height:initial;padding: 35px 25px 25px;position:relative;}
  .vision .vision-goal > .conts .goal_box02:before{content:'성과목표';display:block;position:absolute;left: 25px;top:-20px;font-size: 16px;background:#fff6e5;padding: 5px 25px;}
  .vision .vision-goal > .conts .goal_box01 .title{left:0;}
  .vision .vision-goal > .conts .goal_box01 .txt{text-align:left; font-size: 15px;}
  .vision .vision-goal > .conts .goal_box02 > ul > li {font-size: 15px;}
}

/**sanhak**/
.sanhak{padding:50px 0;position:relative;text-align:center;background:url('../../images/sub/sub_06/sanhak_bg.png') no-repeat center 200px;}
.sanhak .main{position:absolute;left:50%;margin-left: -135px;text-align:center;top: 400px;}
.sanhak .main span{font-size:32px;color:#333;font-family:'Dream Medium';display:block;}
.sanhak > ul > li{display:inline-block;vertical-align:top;width: 260px;height: 260px;background-size: cover !important;padding-top: 40px;}
.sanhak > ul > li:nth-child(1){background:url('../../images/sub/sub_06/vision_list01.png') no-repeat center;margin-top:370px;}
.sanhak > ul > li:nth-child(2){background:url('../../images/sub/sub_06/vision_list02.png') no-repeat center;margin: 0 20px;}
.sanhak > ul > li:nth-child(3){background:url('../../images/sub/sub_06/vision_list03.png') no-repeat center;margin-top:370px;}

.sanhak > ul > li strong{font-size:28px;font-family:'Dream Medium';display:block;margin-bottom:10px;}
.sanhak > ul > li:nth-child(1) strong{color:#fcaf17;}
.sanhak > ul > li:nth-child(2) strong{color:#03499a}
.sanhak > ul > li:nth-child(3) strong{color:#333;}
.sanhak > ul > li img{display:inline-block;margin-bottom:10px;}
.sanhak > ul > li i{display:block;}

@media all and (max-width: 1024px) {
  .sanhak > ul > li{width:200px;height:200px;padding-top:20px;}
  .sanhak > ul > li img{width:50px;margin-bottom:5px;}
  .sanhak > ul > li strong{font-size:22px;margin-bottom:5px;}
}

@media all and (max-width: 767px) {
  .sanhak{background-position: center 20px;background-size: 200px;}
  .sanhak .main{position:relative;transform:none;top:0;left:0;display:block;margin-left: 0;margin-bottom: 90px;}
  .sanhak > ul > li{display:block;position:relative;width:auto;height:auto;max-width:auto;margin:0 auto;padding:15px 20px 20px 85px;background:#fff !important;text-align: left; font-size: 15px;}
  .sanhak > ul > li:nth-child(1){margin-top:0;border:2px solid #fcaf17;border-radius:20px;}
  .sanhak > ul > li:nth-child(2){margin:10px auto;border:2px solid #03499a;border-radius:20px;}
  .sanhak > ul > li:nth-child(3){margin-top:10px;border:2px solid #333;border-radius:20px;}
  .sanhak > ul > li strong {font-size: 18px;}
  .sanhak > ul > li img{position:absolute;left:20px;}
  .sanhak > ul > li i{display:inline-block;}
  .sanhak .main span{font-size: 26px;}
}


/**vision-strategy**/
.vision-strategy{font-size:0;}
.vision-strategy .circle-title{position:relative;display:inline-block;width:152px;height:152px;font-size:24px;font-family:'Dream Medium';text-align:center;padding-top:60px;}
.vision-strategy .circle-title:before{content:'';width:40px;height:1px;position:absolute;top:50%;left:100%;display:block;}
.vision-strategy .visionBox .circle-title:before{background:#03499a;}
.vision-strategy .goalBox .circle-title:before{background:#00a8ff;}
.vision-strategy .strategyBox .circle-title:before{background:#fcb21e;}
.vision-strategy .assignBox .circle-title:before{background:#333;}
.vision-strategy .circle-title:after{content:'';width: 10px;height:10px;border-radius:50%;position:absolute;top:50%;margin-top: -4px;right: -42.5px;display:block;background: #fff;}
.vision-strategy .visionBox .circle-title:after{border: 2px solid #03499a;}
.vision-strategy .goalBox .circle-title:after{border: 2px solid #00a8ff;}
.vision-strategy .strategyBox .circle-title:after{border: 2px solid #fcb21e;}
.vision-strategy .assignBox .circle-title:after{border: 2px solid #333;}

.vision-strategy .visionBox .circle-title{background:url('../../images/sub/sub_06/sm_circle_title01.png') no-repeat center;color:#03499a;vertical-align:middle;}
.vision-strategy .visionBox{ /*display:inline-block;width:calc(50% - 20px);*/ vertical-align:top;}

.vision-strategy .visionBox > p,
.vision-strategy .goalBox > p{font-size:20px;color:#333;font-family:'Dream Regular';display:inline-block;vertical-align:middle;min-height:152px;padding-top:60px;text-align:center;width: calc(100% - 190px);background: #f0f7ff;border-radius: 100px;border: 1px solid #dfeeff;margin-left: 38px;}

.vision-strategy .goalBox .circle-title{background:url('../../images/sub/sub_06/sm_circle_title02.png') no-repeat center;color:#00a8ff;vertical-align: middle;}
.vision-strategy .goalBox{display:inline-block;width:calc(50% - 20px);margin-left:40px;vertical-align:top;}

.vision-strategy .strategyBox{margin-top:55px;}
.vision-strategy .strategyBox .circle-title{background:url('../../images/sub/sub_06/sm_circle_title03.png') no-repeat center;color:#fcaf17;vertical-align: middle;}
.vision-strategy .strategyBox .ul_wrap{display:inline-block;background:url('../../images/sub/sub_06/four_cricle_bg.png') no-repeat center;height:310px;vertical-align:middle;text-align:center;width: calc(100% - 190px);margin-left: 38px;}
.vision-strategy .strategyBox .ul_wrap > ul{max-width: 1085px;margin:0 auto;}
.vision-strategy .strategyBox .ul_wrap > ul > li{display:inline-block;vertical-align:top;font-size:22px;width:calc(100% / 4);color:#fff;padding-top: 120px;}
.vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(1){padding-left:40px;}
.vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(2){padding-left:20px;}
.vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(3){padding-right:20px;}
.vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(4){padding-right:40px;}
.vision-strategy .strategyBox .ul_wrap > ul > li i{display:block;}

.vision-strategy .assignBox{margin-top:50px;}
.vision-strategy .assignBox .circle-title{background:url('../../images/sub/sub_06/sm_circle_title04.png') no-repeat center;color:#333;}
.vision-strategy .assignBox .ul_wrap{vertical-align:middle;width:calc(100% - 190px);display:inline-block;margin-left: 38px;}
.vision-strategy .assignBox .ul_wrap > ul{text-align: center;max-width: 1085px;margin: 0 auto;}
.vision-strategy .assignBox .ul_wrap > ul > li{display:inline-block;vertical-align:top;font-size:15px;color:#333;min-height: 270px;width: calc(100% / 4 - 20px);margin: 0 10px;background: #f4f6f9;padding: 25px 30px;text-align: left;position: relative;}
.vision-strategy .assignBox .ul_wrap > ul > li:after{content:'';width:calc(100% + 4px);height:100%;border-top:4px solid #03499a;border-radius:5px;position:absolute;top:-4px;left:-4px;}
.vision-strategy .assignBox .ul_wrap > ul > li:nth-child(2):after{border-top:4px solid #00a8ff;}
.vision-strategy .assignBox .ul_wrap > ul > li:nth-child(3):after{border-top:4px solid #fcaf17;}
.vision-strategy .assignBox .ul_wrap > ul > li:nth-child(4):after{border-top:4px solid #404244;}
.vision-strategy .assignBox .ul_wrap > ul > li:before{content:'';width:4px;height:16px;background:#03499a;position:absolute;top:0;left:-4px;}
.vision-strategy .assignBox .ul_wrap > ul > li:nth-child(2):before{background:#00a8ff;}
.vision-strategy .assignBox .ul_wrap > ul > li:nth-child(3):before{background:#fcaf17;}
.vision-strategy .assignBox .ul_wrap > ul > li:nth-child(4):before{background:#404244;}

.vision-strategy .assignBox .ul_wrap > ul > li > ul > li{position:relative;padding-left: 15px;}
.vision-strategy .assignBox .ul_wrap > ul > li > ul > li:before{content:'';width:3px;height:3px;background:#333;position:absolute;left:0;top:10px;display:block;}
.vision-strategy .assignBox .ul_wrap > ul > li > ul > li + li{margin-top:5px;}

@media all and (max-width: 1300px) {
  .vision-strategy .visionBox{display:block;width:100%;margin-bottom:40px;}
  .vision-strategy .goalBox{display:block;width:100%;margin-left:0;}
  .vision-strategy .strategyBox .ul_wrap{background-size:100%;}
  .vision-strategy .strategyBox .ul_wrap > ul > li{font-size:20px;}
}

@media all and (max-width: 1200px) {
  .vision-strategy .strategyBox .ul_wrap > ul > li{font-size:18px;}
}

@media (max-width: 1024px) {
  .vision-strategy .strategyBox .ul_wrap{background:none;height: auto;}
  .vision-strategy .strategyBox .ul_wrap > ul{padding:20px;}
  .vision-strategy .strategyBox .ul_wrap > ul > li{background:#03499a;width: calc(100% / 2 - 30px);padding-top: 30px;padding-bottom: 30px;padding-left:0 !important;padding-right:0 !important;border-radius:20px;margin: 15px;position:relative;}
  .vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(2){background:#00a8ff;}
  .vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(3){background:#fcaf17;}
  .vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(4){background:#404244;}
  .vision-strategy .strategyBox .ul_wrap > ul > li:after{content:'';width: calc(100% + 15px);height: calc(100% + 15px);border:1px dashed #ccc;position:absolute;top: -7.5px;left: -7.5px;border-radius:25px;}
  .vision-strategy .strategyBox .ul_wrap > ul > li:before{content:'01';font-size:25px;color:rgba(255,255,255,0.5);position:absolute;bottom:-10px;font-family:'Dream Medium';left:50%;margin-left:-10px;}
  .vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(2):before{content:'02';}
  .vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(3):before{content:'03';}
  .vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(4):before{content:'04';}
  .vision-strategy .assignBox{margin-top:20px;}
  .vision-strategy .assignBox .ul_wrap > ul{padding:20px;}
  .vision-strategy .assignBox .ul_wrap > ul > li{width:calc(100% / 2 - 20px);margin-bottom:20px;min-height:220px;}
  .vision-strategy .assignBox .ul_wrap > ul > li + li + li{margin-top:20px;}
}

@media all and (max-width: 767px) {
  .vision-strategy .circle-title{display:block;margin:0 auto 40px; font-size: 20px;}
  .vision-strategy .circle-title:before{left:50%;width:1px;height:40px;top:100%;}
  .vision-strategy .circle-title:after{right:50%;margin-top:35px;margin-right:-5px;top:100%;}
  .vision-strategy .visionBox > p, .vision-strategy .goalBox > p{font-size:15px;padding:25px;min-height: initial;width: 100%;margin-left: 0;}
  .vision-strategy .strategyBox .ul_wrap{margin-left:0;width:100%;}
  .vision-strategy .strategyBox .ul_wrap > ul > li{width:100%;margin:20px 0;}
  .vision-strategy .strategyBox .ul_wrap > ul > li:nth-child(1){margin-top:0;}
  .vision-strategy .strategyBox .ul_wrap > ul > li i{display:inline-block;margin:0 2px;}
  .vision-strategy .strategyBox .ul_wrap > ul > li:before{position:relative;left: 0;margin-left: 0;display: inline-block;vertical-align: middle;bottom: 0;margin-right: 10px;margin-top: -5px;}
  .vision-strategy .assignBox .ul_wrap{width:100%;margin-left:0;}
  .vision-strategy .assignBox .ul_wrap > ul > li{width:100%;min-height: initial;margin: 0 0 25px;}
  .vision-strategy .assignBox .ul_wrap > ul > li + li + li{margin-top:0;}
}

/**ui**/
.ui_downBox{text-align:right;margin-top:-45px;}
.symbol > ul{display:flex;justify-content: space-between;}
.ui_list > ul{display:flex;justify-content: flex-start;flex-wrap: wrap;text-align: left;}
.ui_list > ul > li{width:calc(100% / 4);margin-bottom:10px;}
.ui_list > ul > li h3{margin-bottom:20px;display:block;}
.ui_list > ul > li h3.xx-icon{height: 75px;background:url('../../images/sub/sub_06/xx-icon.png')no-repeat left 16px;padding-left:28px;line-height:1.3;}

.ui_list02{border:1px solid #ccc;padding: 30px 30px 35px;}
.ui_list02 > ul{display:flex;flex-wrap: nowrap;justify-content: space-between;flex-direction: row;}
.ui_list02 > ul > li h3{text-align:left;display:block;margin-top: 0;margin-bottom: 20px;}
.ui_list02.center {text-align: center;}
.ui_list02.center > ul {display: inline-flex;}
.ui_list02.banner > ul > li {width: 50%; text-align: center;}
.ui_list02.banner > ul {position: relative;}
.ui_list02.banner > ul::after {content: ''; position: absolute; left: 50%; bottom: 0; width: 100%; max-width: 1115px; height: 1px; background: #000; transform: translate(-50%, 0);}
.ui_list02.banner .noti-txt {position: absolute; right: 30px; bottom: 55px;}

.characterBox{border:1px solid #d5d5d5;padding: 40px;position:relative;overflow:hidden;margin-top:35px;}
/*.characterBox:before{content:'';width:406px;height:361px;position:absolute;left:10px;top:-110px;background:url('../../images/sub/sub_06/character_bg.png')no-repeat left top;z-index:-1;}*/
.characterBox .inner > ul{display:flex;justify-content: space-between;/*max-width:960px; width: 68%;*/ margin-left:auto;max-width:100%; }
.characterBox .inner > ul + ul{margin-top:85px;max-width:100%;width: 100%;margin-left:0;}
.characterBox .inner > ul > li{display:inline-block;text-align: center;}

@media all and (max-width: 1500px) {
  .symbol > ul > li{padding:0 10px;}
}

@media all and (max-width: 1450px) {
  .ui_list > ul > li{padding:0 10px;}
  .ui_list02 > ul > li{padding:0 10px;}
}

@media all and (max-width: 1350px) {
 /* .characterBox:before{width:300px;background-size:100%;top:-50px;}*/
  .characterBox .inner > ul{width: 72%;}
  .characterBox .inner > ul + ul{flex-wrap:wrap;}
  .characterBox .inner > ul + ul > li{width:calc(100% / 4);margin-bottom:40px;text-align:center;}
}

@media all and (max-width: 1200px) {
  .ui_list02 > ul{justify-content:flex-start;}
  .ui_list02.center > ul {justify-content: center;}
  .ui_list02.banner .noti-txt {position: relative; left: 0; bottom: 0; margin-bottom: 10px;}
  .ui_list > ul > li{width:calc(100% / 2);}
  .ui_list02 > ul > li{width:calc(100% / 2);}
  .characterBox .inner > ul{justify-content: flex-start;flex-wrap: wrap;}
  .characterBox .inner > ul + ul{margin-top:35px;}
  .characterBox .inner > ul > li{width: calc(100% / 3);margin-bottom: 35px;}
  .characterBox .inner > ul + ul > li{width:calc(100% / 4);}
}

@media all and (max-width: 1024px) {
  .characterBox{/*padding-top:360px;*/}
  /*.characterBox:before{left:50%;margin-left:-200px;width:400px;}*/
  .characterBox .inner > ul{width:100%;max-width:100%;}
  .characterBox .inner > ul + ul{margin-top:15px;}
  .characterBox .inner > ul + ul > li{width:calc(100% / 3);}
}

@media all and (max-width: 767px) {
  .symbol > ul{display:block;}
  .symbol > ul > li{padding:0 10px;display:block;margin-bottom:20px;}
  .ui_list > ul > li h3.xx-icon {height: auto;}
  .ui_list > ul > li{width:100%; }
  .ui_list > ul > li img {width: 100%;}
  .ui_list02{padding:20px 10px 5px;}
  .ui_list02 > ul{flex-wrap:wrap;}
  .ui_list02 > ul > li{width:100%;margin-bottom:20px;}
  .characterBox{padding:15px;padding-top:320px;}
  .characterBox .inner > ul > li,
  .characterBox .inner > ul + ul > li{width:calc(100% / 2);}
  .characterBox:before{width:360px;margin-left:-170px;}
}

.org-wr .lv1-li{display:table; margin:0 auto;}
.org-wr .lv1-li > a,
.org-wr .lv1-li > span {position: relative; letter-spacing: -2px; width: 150px;height: 150px;margin: 0 auto;border-radius: 50%;font-size: 30px;text-align: center;display:table-cell;z-index: 1;vertical-align: middle;}
.org-wr .lv1-li.org-t01 > a,
.org-wr .lv1-li.org-t01 > span{background:url(/sites/inu/images/sub//org_lv1_bg01.png) center center no-repeat; color:#008cd2;}
.org-wr .lv1-li.org-t02 > a,
.org-wr .lv1-li.org-t02 > span{background:url(/sites/inu/images/sub//org_lv1_bg02.png) center center no-repeat; color:#fcbd41;}
.org-wr .lv1-li.org-t03 > a,
.org-wr .lv1-li.org-t03 > span{background:url(/sites/inu/images/sub//org_lv1_bg03.png) center center no-repeat; color:#2763a8;}
.org-wr .lv1-li.lv1-line{padding-top: 50px;position:relative;display: table;}
.org-wr .lv1-li.lv1-line::before{content:'';width:2px; height: 50px;display: block;background: #ccc;position:absolute;left:50%;top:0;z-index:-1;}
.org-wr .lv1-li.lv1-line span > em{display:block; line-height:1.6; font-size:16px; color:#666; margin-top:10px;}
.lv2-li ul li{text-align: center;}
.lv2-wr{display: flex; width:100%; padding-top: 50px; position:relative; justify-content: space-around; max-width:1360px;margin:0 auto;}
.lv2-wr::before{content:'';width:2px; height: 50px;display: block;background: #ccc;position:absolute;left:50%;top:0;z-index:-1;}
.lv2-wr .lv2-li{display: flex;width:100%;}
.lv2-wr .lv2-li li{position: relative;padding:0 10px;width:100%;text-align:center;padding-top:50px;display: table;}
.lv2-wr .lv2-li li::before,
.lv2-wr .lv2-li li::after{content:'';display: block;background: #ccc;position:absolute;left:50%;top:0;z-index:-1;}
.lv2-wr .lv2-li li::before{width:2px; height: 50px;}
.lv2-wr .lv2-li li::after{width:125%; height: 2px;}
.lv2-wr .lv2-li li:nth-child(5)::after{width:80%;}
.lv2-wr .lv2-li li:last-child::after{left:inherit;right:50%;}
.lv2-wr .lv2-li li a,
.lv2-wr .lv2-li li span{background:url(/sites/inu/images/sub//org_lv2_bg01.png) center center repeat;font-size: 20px;width: 100%;padding:15px 30px;color:#fff;display: table-cell;vertical-align: middle;}

.lv2-wr .lv2-li.lv-02 li a,
.lv2-wr .lv2-li.lv-02 li span{background:url(/sites/inu/images/sub//org_lv2_bg02.png) center center repeat;}

.track-wr{display: flex;width: 100%;padding-top: 100px;}
.track-wr dl + dl{margin-left: 5%;}
.track-wr .track-t{position: relative;padding-left: 180px;width: 100%;}
.track-wr .track-t dt{width: 145px;height: 145px;border-radius: 100%;display: table;position: absolute;left: 0;top: 0;text-align: center;background:url(/sites/inu/images/sub//org_trac01.png) no-repeat;color:#fff;}

.track-wr .track-t dt p{display: table-cell;vertical-align: middle; font-size:22px;}
.track-wr .track-t dt::after{content: '';width:100px;height:1px;position: absolute;right: -50px;top:50%;display:block;background-color: #00a8ff;z-index: -1;}

.track-wr .track-t dd{border: 1px solid #d1e5fc;display: table;height: 145px;padding: 0 70px;border-radius: 100px;background: #f0f7ff;position:relative;width: 100%;}
.track-wr .track-t dd::before{content: '';width: 10px;height: 10px;position: absolute;left:0;top:50%;display:block;border: 2px solid #00a8ff;border-radius: 100%;margin: -5px 0 0 -5px;background: #fff;}
.track-wr .track-t dd.topLine::after{content:'';width: 2px;height: 77px;position: absolute;right: 22%;top: -77px;display: block;background-color: #00a8ff;z-index: -1;}

.track-wr .track-t ul{display: table-cell;vertical-align: middle;}
.track-wr .track-t ul li{line-height: 1.8; font-family: 'Dream Regular'; font-size: 18px; color: #333;}

.track-wr .track-t.track02 dt{background:url(/sites/inu/images/sub//org_trac02.png) no-repeat;}
.track-wr .track-t.track02 dt::before{content:'';width: 2px;height:50px;position: absolute;left: 50%;top: -50px;display: block;background-color: #fcaf17;z-index: -1;}
.track-wr .track-t.track02 dt::after{background-color: #fcaf17;}
.track-wr .track-t.track02 dd::before{border: 2px solid #fcaf17;}

.org-line{position: relative;margin-top: 30px;}
.org-line p{border-width: 0 2px 2px 2px;border-style: solid;position: absolute;top: 0;}
.org-line .org-line01{border-color: #fcaf17;height: 50px;left: 50%;width: 42%;margin-left: -22%;}
.org-line .org-line02{border-color: #00a8ff;height: 25px;left: 50%;width: 20%;margin-left: -20%;}
.org-line:after{content:'';}
.org-line:before{content:'';}

.org-vision{text-align: center;}
.org-vision .design{text-align: center;width: inherit;margin: 0 auto;display: inline-block;}
.org-vision .design li{vertical-align: middle;display: inline-block;padding: 14px;border: 2px dashed #bcbcbc;border-radius: 100%;margin: 0 -5px;position: relative;z-index: 0;}

.org-vision .design li + li:before{content:'';left: -4px;display: block;position: absolute;top: 51%;width: 10px;height: 45px;background: #ffffff;margin-top: -25px;z-index: 1011;}


.org-vision .design li p{width: 210px;height: 210px;border-radius: 100%;text-align: center;vertical-align: middle;display: table-cell;color:#fff;font-size: 22px;}
.org-vision .design li:nth-child(1) p{background: url(/sites/inu/images/sub//org_vision01.png) no-repeat;}
.org-vision .design li:nth-child(2) p{background: url(/sites/inu/images/sub//org_vision02.png) no-repeat;}
.org-vision .design li:nth-child(3) p{background: url(/sites/inu/images/sub//org_vision03.png) no-repeat;}
.gradiant{background: linear-gradient(0deg, rgba(247,247,247,1) 0%, rgba(206,206,206,1) 100%);height: 80px;position: relative;width: 100%;z-index: -1;}
.gradiant::before,
.gradiant::after{content:'';display: block;width: 0;height: 0;border-top: 90px solid white;position: absolute;top: 0;}
.gradiant::before{left: 0;border-right: 150px solid transparent;}
.gradiant::after{right:0;border-left: 150px solid transparent;}

.org-vision .list{text-align: center;width: 930px;margin: -50px auto 0;}
.org-vision .list > ul{display:flex;}
.org-vision .list > ul > li + li{padding-left:10%;}
.org-vision .list ul dl{height: 100%;}
.org-vision .list ul dl dt{background: url(/sites/inu/images/sub//org_lv2_bg02.png) center center repeat;color: #fff;padding: 15px 0; font-size: 20px;}
.org-vision .list ul li:nth-child(2) dl dt{background: url(/sites/inu/images/sub//org_lv2_bg01.png) center center repeat;}
.org-vision .list ul dl dd{background: #f0f7ff;border: 1px solid #dfeeff;text-align: left;padding: 30px;word-break: keep-all; height: calc(100% - 65px);}
.org-vision .list ul dl dd ul li{position: relative; padding-left: 10px; margin-bottom: 10px;}
.org-vision .list ul dl dd ul li:before{content:'';width: 3px;height: 3px;border-radius: 100%;background: #7c7f83;left: 0;display: block;top: 10px;position: absolute;}
.org-vision .list ul dl dd ul li span{color:#03499a;}

.org-res{position:relative; padding-top:100px;}
.org-res:before{content: ''; width: 35%; display: block; height: 30px; border-width: 0 2px 2px 2px; border-style: solid; border-color: #ccc;position: absolute; left: 15%; top: 0;}
.org-res:after{content: ''; width: 2px; display: block; height: 528px; background: #c2c2c2; position: absolute; left: 470px; top: 30px; z-index: -1;}
.org-res .mem .m-list{position: relative;padding-left: 300px;margin-bottom: 50px;}
.org-res .mem .m-list .t-1{width: 230px;height: 60px;background: #e5ecf5;text-align: center;color: #03499a;line-height: 60px;position: absolute;left: 0;top: 45px;}
.org-res .mem .m-list dl{position: relative;display: table;}
.org-res .mem .m-list dl dt{width: 145px; height: 145px; position: relative; border-radius: 100%;text-align: center;color: #fff;font-size: 20px;display: table-cell;vertical-align: middle;}
.org-res .mem .m-list dl dt.c1{background: url(/sites/inu/images/sub//org_vision01.png) center no-repeat;}
.org-res .mem .m-list dl dt.c2{background: url(/sites/inu/images/sub//org_vision02.png) center no-repeat;}
.org-res .mem .m-list dl dt.c3{background: url(/sites/inu/images/sub//org_vision03.png) center no-repeat;}
.org-res .mem .m-list dl dt:before{content:''; width:61px; height:18px; background: url(/sites/inu/images/sub//org_arr.png) no-repeat; display: block; position: absolute; left: -55px; z-index: 1; margin-top: -9px; top: 50%;}
.org-res .mem .m-list dl dt.c3:before{display:none;}
.org-res .mem .m-list dl dd{margin-left: 60px;display: table; position: relative;}
.org-res .mem .m-list dl dd:after{content: ''; width: 100px; display: block;position: absolute; left: -100px; top: 50%; height: 2px; background: #ccc; z-index: -1; }
.org-res .mem .m-list dl dd .t-2-1{background: #03499a; font-size: 20px; color: #fff;width: 200px;height: 135px;text-align: center;vertical-align: middle;display: table-cell;}
.org-res .mem .m-list dl dd ul{background: #f0f7ff; border: 1px solid #d1e2f5; padding: 20px;display: table-cell;width: 250px;vertical-align: middle;}
.org-res .mem .m-list dl dd ul li{position: relative;padding-left: 10px;}
.org-res .mem .m-list dl dd ul li:before{content: '';width: 3px;height: 3px;border-radius: 100%;background: #7c7f83;left: 0;display: block;top: 10px;position: absolute;}

@media all and (max-width: 1800px) {
  .track-wr .track-t ul li{font-size: 15px;}
}

@media all and (max-width: 1023px) {
  .lv2-wr{padding-top: 20px;}
  .lv2-wr::before,
  .org-wr .lv1-li.lv1-line::before{display:none;}
  .org-wr .lv1-li.lv1-line{padding-top:20px;}
  .lv2-wr .lv2-li{display: block;}
  .lv2-wr .lv2-li li{display: block; width: 33.333%; float: left; padding: 6px 3px 0;}
  .lv2-wr .lv2-li li::before, 
  .lv2-wr .lv2-li li::after{display:none;}
  .lv2-wr .lv2-li li a, 
  .lv2-wr .lv2-li li span{display:block;}

  .track-wr{display:block; padding-top:50px}
  .track-wr dl + dl{margin:0; margin-top:30px;}
  .track-wr .track-t.track02 dt::before{display:none;}
  .track-wr .track-t dd.topLine::after,
  .track-wr .track-t dd {padding: 0 50px;}
  .track-wr .track-t dd.topLine::after {display: none;}
  .org-line{display:none;}

  .org-vision .list{width:100%;}
  .org-vision .list > ul > li + li{padding-left:5%;}
}

@media all and (max-width: 1100px) {
  .org-res{padding-top:50px;}
  .org-res:after,
  .org-res:before{display:none;}
  .org-res .mem .m-list{padding-left: 0;}
  .org-res .mem .m-list .t-1{position: relative; top:0; margin-bottom:70px; width: 210px;}
  .org-res .mem .m-list dl dt:before{transform: rotate(90deg); left: 45px; top: -26px;}
}

@media all and (max-width: 800px) {
  .org-vision .design li + li:before{display:none;}
  .org-vision .design li{margin:0;}
  .org-vision .design li:nth-child(3){margin-top:-30px;}
}
@media all and (max-width: 650px) {
  body {opacity: 1;}
  body.loaded {opacity: 1;}
  .lv2-wr .lv2-li li{display: block; width:calc(50% - 6px); float: left; padding: 6px 3px 0;}
  .lv2-wr .lv2-li li a, 
  .lv2-wr .lv2-li li span{font-size:15px;}
  .track-wr .track-t{padding:0;}
  .track-wr .track-t dt::after{right: inherit; left: 20px; top: 100%; transform: rotate(90deg);}
  .track-wr .track-t dt{position:relative; margin:0 auto 30px;}
  .track-wr .track-t dd::before{top: 0; left: 50%; margin-left: -8px;}

  .org-res .mem .m-list dl dd .t-2-1{font-size:16px;}
  .org-res .mem .m-list dl dd{margin:0 auto !important;}

}

@media all and (max-width: 550px) {
  .org-wr .lv1-li.org-t01 > a,
  .org-wr .lv1-li.org-t01 > span {font-size: 20px;}
  .org-wr .lv1-li > a,
  .org-wr .lv1-li > span {font-size: 20px;}
  .track-wr .track-t dt p {font-size: 20px;}
  .track-wr .track-t ul li {font-size: 15px;}
  .org-res .mem .m-list dl{display:block;}
  .org-res .mem .m-list .t-1{margin: 0 auto;}
  .org-res .mem .m-list dl dt{margin: 70px auto 30px; display: block; font-size: 18px; line-height: 145px;}
  .org-res .mem .m-list dl dd:after{display:none;}
  .org-res .mem .m-list dl dd ul li {font-size: 15px;}
  .org-vision .list{margin:40px 0 0 0; }
  .org-vision .list > ul{display:block;}
  .org-vision .list > ul > li + li{padding-left:0;}
  .org-vision .list ul dl dt {font-size: 18px;}
  .org-vision .list ul dl dd ul li {font-size: 15px;}
  .org-vision .design {width: 100%;}
  .org-vision .design li{margin:5px auto !important;}
  .org-vision .design li p {width: 100px; height: 100px; background-size: 100% !important; font-size: 15px;}
  .gradiant{display: none;}
  .org-res .mem .m-list dl dd{margin-left:0;}
}

@media all and (max-width: 500px) {
  .lv2-wr .lv2-li li{width:calc(100% - 6px);}
}

.fancybox-caption {display: none;}

/* 학과별 졸업학점 */
.wrap-grades {display: none; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.wrap-grades.on {display: flex;}
.wrap-grades .box {position: relative; width: 80%; max-width: 1000px !important;}
.wrap-grades .container {position: relative; overflow: auto; max-width: 1000px !important; max-height: 500px; padding: 30px !important; background: #fff;}
.wrap-grades .btn-close-grades {position: absolute; right: -45px; top: -45px; z-index: 10; width: 90px; height: 90px; border-radius: 100%; background: #1c1e27 url('../../images/sub/btn-close-dean.png') no-repeat center center; text-indent: -99999px;}

/* Monthly Newsletter */
#inuNews .bg1,
#inuNews .bg2,
#inuNews .bg3 {padding: 100px; font-size: 16px; font-family: 'Dream Regular'; }
#inuNews .bg1 {background: #edf3f8;}
#inuNews .bg2 {background: #fdf8ed;}
#inuNews .bg3 {background-color: #173D6D;}
@media only screen and (max-width:768px) {
	#inuNews .bg1,
        #inuNews .bg2,
        #inuNews .bg3 {padding: 30px;}
}

#inuNews #top {color: #FFFFFF; padding: 70px; display: flex; justify-content: space-between;}
#inuNews #top .tit_box {padding: 16px;}
#inuNews #top .tit_box .tit {font-size: 34px;}
#inuNews #top .tit_box .sub {font-size: 20px;}
#inuNews #top .tit_box .sub_tit { display: flex; align-items: baseline; margin-top: 60px;}
#inuNews #top .tit_box .sub_tit .tit { margin-right: 15px;}
#inuNews #top .tit_box .sub_tit .sub { align-content: center;}
#inuNews #top .tit_box .logo img {width: 80%;}
@media only screen and (max-width:768px) {
	#inuNews #top {padding: 30px;}
	#inuNews #top .tit_box .tit {font-size: 20px;}
	#inuNews #top .tit_box .sub {font-size: 16px;}
        }
    
#inuNews .conWrap_tit {font-size: 40px; text-align: center;}
#inuNews .conWrap_tit span {position: relative; font-weight: bold;} 
#inuNews .conWrap_tit span::before {content: ''; position: absolute; left: 40%; bottom: 110%; width: 50px; height: 2px;}
#inuNews .bg1 .conWrap_tit span::before {background: #117FD6;}
#inuNews .bg2 .conWrap_tit span::before {background: #FFA900;}
@media only screen and (max-width:768px) {
	#inuNews .conWrap_tit {font-size: 30px;text-align: center;}
	#inuNews .conWrap_tit span::before {bottom: 115%;}
        }

#inuNews .con_wrap {display: flex; flex-wrap: wrap;}
#inuNews .imgText {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: flex-start;gap: 0 30px;box-sizing: border-box;margin-top: 75px;}
#inuNews .imgText .img {width: 50%;}
#inuNews .imgText .con {width: 50%;}
#inuNews .imgText .con_tit {font-size: 25px;font-weight: bold}
#inuNews .imgText .con_txt {margin-top: 25px; line-height: 150% !important;}
#inuNews .imgText .con_btn {margin-top: 25px;}
@media only screen and (max-width:1024px) {
	#inuNews .imgText {gap: 30px 0; flex-wrap: wrap;}
	#inuNews .imgText .img {margin: 0 auto; text-align: center; width: 100%;}
        #inuNews .imgText .con {width: 100%;}
    	#inuNews .imgText:nth-child(even) {flex-direction: column-reverse;}
        }
@media only screen and (max-width:768px) {
	#inuNews .imgText {margin-top: 20px;}
        }

#inuNews .con_btn a {display: block; color: #FFFFFF; width: 178px; padding: 6px 21px; border-radius: 100px;}
#inuNews .bg1 .con_btn a {background-color: #117FD6;}
#inuNews .bg2 .con_btn a {background-color: #FFA900;}
#inuNews .con_btn a {position:relative;}
#inuNews .con_btn a::after { content: ''; position: absolute; top: 15px; right: 20px; width: 7px; height: 7px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(45deg); }

#inuNews #bottom {padding: 30px; display: flex; flex-wrap:wrap; justify-content: space-between; color: #ffffff;}
#inuNews .address a {color: #ffffff;}
#inuNews .address .bold {font-weight: bold;}
#inuNews .address p:nth-child(2) {margin-top: 12px;}
#inuNews .sns a:nth-child(2) {margin-left: 12px;}
#inuNews .sns a:nth-child(3) {margin-left: 12px;}
#inuNews .sns a:nth-child(4) {margin-left: 12px;}
@media only screen and (max-width:768px) {
	#inuNews #bottom {flex-direction:column-reverse;}
	#inuNews .address {margin-top: 12px;} 
        }

/*weeklyNews */
#weeklyNews .bg1 {background-color: rgb(225, 234, 241); }

#weeklyNews .con_wrap {display: flex; flex-wrap: wrap; border-right: 10px solid rgb(3, 90, 166); border-left: 10px solid rgb(3, 90, 166);}
@media only screen and (max-width:768px) {
  	#weeklyNews .con_wrap {border-right: 4px solid rgb(3, 90, 166); border-left: 4px solid rgb(3, 90, 166);}
        }
#weeklyNews .con_wrap .inner {padding: 30px;}
#weeklyNews .imgText {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: flex-start;gap: 0 30px;box-sizing: border-box;margin-top: 75px;}
#weeklyNews .imgText .img {width: 50%;}
#weeklyNews .imgText .img a {display:block; }
#weeklyNews .imgText .img img {width: 100%;}
#weeklyNews .imgText .con {width: 50%;}
#weeklyNews .imgText .con_tit {font-size: 25px;font-weight: bold}
#weeklyNews .imgText .con_txt {margin-top: 25px;}
@media only screen and (max-width:1024px) {
	#weeklyNews .imgText {gap: 30px 0; flex-wrap: wrap;}
	#weeklyNews .imgText .img {margin: 0 auto; text-align: center; width: 100%;}
        #weeklyNews .imgText .con {width: 100%;}
    	#weeklyNews .imgText:nth-child(odd) {flex-direction: column-reverse;}
        }
@media only screen and (max-width:768px) {
	#weeklyNews .imgText {margin-top: 20px;}
        }

@media only screen and (max-width:768px) {
	#weeklyNews .imgText {margin-top: 20px;}
        }
#weeklyNews #bottom {padding: 30px;}
#weeklyNews #bottom .inner {padding: 30px; border-top: 3px solid rgb(3, 90, 166); border-bottom: 3px solid rgb(3, 90, 166);}
#weeklyNews #bottom .sns {display: flex; justify-content: space-evenly;}
#weeklyNews #bottom .address {padding: 0 200px; text-align: center; margin-top: 30px;}
#weeklyNews #bottom .address p {padding-top: 10px;}
#weeklyNews #bottom .address p:nth-child(1) {border-top: 3px solid rgb(3, 90, 166); font-weight:bold; color: rgb(3, 90, 166); }
@media only screen and (max-width:768px) {
  	#weeklyNews #bottom .address {padding: 0;}
        }


/* 상단, 하단 라인 없는 테이블 */
/* Table */
.con-table2 {position: relative; line-height: 1.6;}
.con-table2 table {position: relative; }
.con-table2 thead th {padding: 13px 10px; background: #f5f7f8; border-right: 1px solid #d7dee3; border-bottom: 1px solid #d7dee3; font-family: 'Dream Medium'; font-size: 16px; font-weight: 400; color: #333;}
.con-table2 tbody {display: table-header-group;}
.con-table2 tbody th {padding: 12px 15px; background:#fcfcfc; border: 1px solid #d7dee3; font-family: 'Dream Medium'; font-size: 16px; font-weight: 400; color: #333;}
.con-table2 tbody td {padding: 12px 15px; background:#fff; border: 1px solid #d7dee3; font-family: 'Dream Regular'; font-size: 16px; text-align: left; color: #666;}
.con-table2.center tbody td {text-align: center;}
.con-table2.mini thead th,
.con-table2.mini tbody th,
.con-table2.mini tbody td {padding: 5px; font-size: 14px;}
.con-table2 tbody td a {color: #333;}
.con-table2 .list > li {position: relative; padding-left: 15px;}
.con-table2 .list > li:after {content: ''; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #111; border-radius: 100%;}
.con-table2 .list2 > li {position: relative; padding-left: 15px;}
.con-table2 .list2 > li:after {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 2px; background: #777;}
.con-table2 .link {position: relative; color: #666;}
.con-table2 .link:hover {color: #004a8f;}
.con-table2 .link span {position: relative; background: linear-gradient(to bottom, transparent 96%, #004a8f 0) left center no-repeat; background-size: 0; transition: .4s;}
.con-table2 .link:hover span {background-size: 100% auto;}
.con-table2 .link[target=_blank]::after {content: ''; display: inline-block; width: 10px; height: 10px; margin-left: 10px; margin-top: -3px; background: url('../../images/guide/ico-table-link.png') no-repeat center center; vertical-align: middle;}
.con-table2 .align-l {text-align: left !important;}
.con-table2 .align-c {text-align: center !important;}
.con-table2 .align-r {text-align: right !important;}
.con-table2 strong {font-family: 'Dream Regular'; color: #000;}

@media all and (max-width:960px) {
  .con-table2 {overflow-x: hidden; min-height: 200px;}
  .con-table2.on {min-height: auto;}
  .con-table2.no-scroll {min-height: auto;}
  /* con-table2 table {width: 1300px;}*/
  .con-table2 table {width:100%;}
  .con-table2.no-scroll table {width: 100%;}
  /*.con-table2:after {content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(31,59,101,0.2) url('../../images/guide/img_mobile_text.png') no-repeat center 40px;} */
  .inu-eng .con-table2:after {background: rgba(31,59,101,0.2) url('../../images/guide/img_mobile_text_eng.png') no-repeat center 40px;}
  .con-table2.on:after,
  .con-table2.no-scroll:after {display: none;}
  .con-table2 thead th,
  .con-table2 tbody th,
  .con-table2 tbody td {padding: 10px 8px; font-size: 16px;}
  
  .view-con .con-table2 table {table-layout: fixed !important; width: 100% !important;}
  .view-con .con-table2 table td {white-space: normal !important;}
}
@media all and (max-width: 500px) {
  .con-table2 thead th,
  .con-table2 tbody th,
  .con-table2 tbody td {font-size: 14px;}
}

/**연구처장 인사말**/
.greeting2 {background: url(../../images/sub/sub_06/greetingMark.png) no-repeat 100% 10px;}
.greeting2 .title {text-align: center;margin-bottom: 40px;padding-bottom: 85px;position: relative;}
.greeting2 .title:after {content: '';width: 3px;height: 50px;background: #404244;position: absolute;left: 50%;bottom: 0;}
.greeting2 .title strong {font-size: 60px;font-family: 'play bold';color: rgba(255,255,255,0);letter-spacing: -1px;display: inline-block;line-height: 1.2;}
.greeting2 .title strong.ft-blue {-webkit-text-stroke: 1px #1a5ba4;}
.greeting2 .title strong.ft-orange {-webkit-text-stroke: 1px #fcb21e;}
.greeting2 .title p {font-size: 30px;color: #222;font-family: 'Dream Bold';letter-spacing: -1.5px;}
.greeting2 .contents {padding-top: 30px;}
.greeting2 .contents .img {display: inline-block;vertical-align: top;width: 430px;position: relative;background: url(../../images/sub/sub_06/greetingBg.png) no-repeat 75% 93%;}
.greeting2 .contents .img:before {content: '';width: 72px;height: 72px;background: url(../../images/sub/sub_06/greetingEdge01.png) no-repeat center;position: absolute;top: -28px;  right: -26px;}
.greeting2 .contents .img:after {content: '';width: 72px;height: 72px;background: url(../../images/sub/sub_06/greetingEdge02.png) no-repeat center;position: absolute;bottom:-28px; left: -28px;}
.greeting2 .contents .img img {box-shadow: rgba(0,0,0,0.4) 12px 15px 20px;}
.greeting2 .contents .img span {font-size: 20px;color: #000;/*font-family: 'Dream Bold';*/display: block;margin-top: 45px;text-align:center;letter-spacing: -1.5px;}
.greeting2 .contents .img span:before {/*content: '';*/width: 15px;height: 15px;display: inline-block;background: #01499a;border-radius: 50%;vertical-align: top;margin-top: 8px;margin-right: 15px;}
.greeting2 .contents .txt {display: inline-block;vertical-align: top;width: calc(100% - 430px);margin-left: -5px;}
.greeting2 .contents .txt p {font-family: 'Dream Regular';color: #333;font-size: 18px;margin-bottom: 35px;padding-left: 60px;letter-spacing: -1px;line-height: 1.65;}
.greeting2 .contents .txt p i {display: block;margin: 25px 0;}
.greeting2 .contents .txt p i.first {margin: 0;}
.greeting2 .contents .txt .b-list {margin-bottom: 35px;background: url(../../images/sub/sub_06/greetingBox.png) repeat left top;color: #fff;padding: 40px 120px 40px 60px;}
.greeting2 .contents .txt .b-list li {font-size: 20px;font-family: 'Dream Regular';line-height:1.7;}
.greeting2 .contents .txt .b-list li + li{margin-top:5px;}
.greeting2 .contents .txt .b-list li span {font-family: 'Dream Bold';}

@media all and (max-width: 1200px) {
  .greeting2 .contents .img{width:25%;}
  .greeting2 .contents .txt{width:70%;margin-left:4.5%;}
  .greeting2 .contents .txt p{padding-left:0;font-size:17px;}
  .greeting2 .contents .txt .b-list{padding:30px;}
  .greeting2 .contents .txt .b-list li{font-size:17px;}
  .greeting2 .contents .img span{font-size:16px;}
  .greeting2 .contents .img span:before{width:12px;height:12px;margin-right:10px;margin-top:6px;}
}

@media all and (max-width: 1024px) {
  .greeting2{background-position:97% 7%;}
  .greeting2 .contents{text-align:center;}
  .greeting2 .contents .img{width: auto;text-align:center;margin-bottom: 60px;}
  .greeting2 .contents .img span{font-size:18px;}
  .greeting2 .contents .img span:before{width:15px;height:15px;margin-right:15px;}
  .greeting2 .contents .txt p i.first{display:inline-block;}
  .greeting2 .contents .txt{width:100%;margin-left:0;}
  .greeting2 .contents .txt p{width:80%;margin:0 auto 40px;}
  .greeting2 .contents .txt .b-list li + li{margin-top:15px;}
}

@media all and (max-width: 767px) {
  .greeting2{background-size:60%;}
  .greeting2 .title{margin-bottom:20px;}
  .greeting2 .title strong{font-size: 35px;}
  .greeting2 .title p{margin-top:25px;font-size:25px;}
  .greeting2 .contents .txt p {width: 100%; font-size: 15px; text-align: left;}
  .greeting2 .contents .txt .b-list li {font-size: 15px; text-align: left;}
  .greeting2 .contents .img span {font-size: 17px;}
}