@charset "utf-8";
.facultybtn {
	text-align: right;
}
.facultybtn a {
	display: inline-block;
    height: 100%;
	width: auto;
}
 a.btn-homepage01 {
	display: inline-block;
/*
	 position: absolute;
	right: 0;
	top: 0;
*/
	width: auto;
	margin: 0 2px;
	width: 35px; height: 35px; border-radius: 100%; text-indent: -9999px; background: #fff url('/resources/Web-home/fnct/profl/kentech_profile/images/ico-home-off.png') no-repeat center center; border: 1px solid #324d99;}
/*
 a.btn-homepage01:hover {
	background: #324d99 url('/resources/Web-home/fnct/profl/kentech_profile/images/ico-home-off.png') no-repeat center center;
}
*/
a.btn-homepage01:hover {
    background: #324d99 url('/resources/Web-home/fnct/profl/kentech_profile/images/ico-home-on.png') no-repeat center center;
}
/* 총장인사말 */
.greeting-wrap::after{content:""; display: table; clear: both}
.greeting-image{float: left; width: 640px;}
.greeting-sign::after{content:""; display: table; clear: both;}
.greeting-sign{margin-top: 30px;}
.greeting-sign p{font-size: 20px; color: #002b68; float: left; margin-top: 20px;}
.greeting-sign .greeting-sign-image{width: 105px; float: left; margin-left: 20px;}

.greeting-content{float: right; width: calc(100% - 640px); position: relative;}
.greeting-title{text-align: right; position: relative; z-index: 3; margin-bottom: 170px;}
.greeting-title h1{font-size: 70px; opacity: 0.2; line-height: 70px;}
.greeting-title h1 span{display: block;}
.greeting-title p{margin-top: 50px; line-height: 55px; font-size: 40px; color: black; padding-bottom: 50px; position: absolute; right: 0;}
.greeting-title p::after{content:""; display: block; position: absolute; bottom: 0; right: 0; width: 39px; height: 35px; background: url(../../images/sub/dots-next.png);}
.greeting-title p .bold-text{color: #009bd5; display: inline-block; padding-left: 65px; position: relative;}
.greeting-title p .bold-text::before{content:""; display: block; position: absolute; width: 39px; height: 35px; top: 10px; left: 0; background: url(../../images/sub/dots-left.png);}
.greeting-title p .br-tag{display: block;}

.greeting-textbox{position: relative; background-color: white; z-index: 2; width: calc(100% + 120px); left: -120px; padding-left: 40px; padding-top: 150px;}
.greeting-text-image{width: 323px; height: 236px; background: url(../../images/sub/greeting-image.png) no-repeat; top: -6%; position: absolute; z-index: 4;}
.greeting-textbox p{margin-top: 85px; font-size: 18px; line-height: 25px; color: #333;}
.greeting-main-text{margin-top: 35px; font-size: 40px; color: #252525;}
.greeting-main-text .circle-background{color: #009bd5; padding-top: 8px; position: relative; background: url(../../images/sub/circle-logo.png) no-repeat top center; display: inline-block;}
.greeting-main-text .line-text{display: inline-block; border-bottom: 3px solid #003e95; color: #003e95;}
.greeting-main-text .energy-text{color: #009bd5; padding-top: 25px; position: relative; background: url(../../images/sub/energy-image.png) no-repeat top center; display: inline-block;}

.greeting-sub-text p{margin-top: 60px; font-size: 24px; line-height: 40px; font-family: 'GmarketSansMedium'; color: #003a60;}


/* 2022.09.15 추가작업 */
.new-tabmenu-wrapper {
	margin-top: 30px;
	border-bottom: 3px solid #18327c;
}

.new-tabmenu-wrapper:after {
	display: block;
	content: "";
	clear: both;
}

.new-tabmenu-wrapper li {
	float: left;
	margin-right: -1px;
}

.new-tabmenu-wrapper li > button,
.new-tabmenu-wrapper li > a {
	display: block;
	min-width: 325px;
	height: 60px;
	line-height: 60px;
	border: 1px solid #d8d8d8;
	background-color: #f5f5f5;
	text-align: center;
	/*color: #a1a1a1;*/
	color: #777;
	font-size: 22px;
	transition: all 0.2s ease-in-out;
}


.new-tabmenu-wrapper li > button.active,
.new-tabmenu-wrapper li > button:hover,
.new-tabmenu-wrapper li > a:hover,
.new-tabmenu-wrapper li > button:focus,
.new-tabmenu-wrapper li > a:focus{
	border: 1px solid #18327c;
	background-color: #18327c;
	color: #fff;
}



.pdf-wrapper {
    position: relative;
    display: block;
    padding-right: 300px;
}

.pdf-wrapper:after {
    display: block;
    content: "";
    clear: both;
}

.pdf-wrapper .pdf-btns-wrapper {
    float: right;
    width: 240px;
    margin-right: -300px;
}

.pdf-wrapper .pdf-btns-wrapper .btns-area {
    margin-top: 0;
}

.pdf-list-wrapper {
    display: block;
    max-height: 661px;
    border-top: 1px solid #483a81;
    border-bottom: 1px solid #e7e7e7;
    overflow-x: hidden;
    overflow-y: auto;
}

.pdf-list-wrapper>button {
    display: none;
}

.pdf-list-wrapper>ul {
    display: block;
}

.pdf-list-wrapper>ul:after {
    content: "";
    clear: both;
    display: block;
}

.pdf-list-wrapper>ul>li {
    display: block;
    border-bottom: 1px solid #e7e7e7
}

.pdf-list-wrapper>ul>li:last-child {
    border-bottom: 0;
}

.pdf-list-wrapper>ul>li>a {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 25px 20px 0;
}

.pdf-list-wrapper>ul>li>a.active {
    background-color: #ecffba;
}

.pdf-list-wrapper>ul>li>a>strong {
    display: block;
    color: #262626;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.1px;
    font-weight: 300;
    word-break: keep-all;
}

.pdf-list-wrapper>ul>li>a:after {
    position: absolute;
    top: 50%;
    right: 10px;
    content: "";
    display: block;
    width: 8px;
    height: 12px;
    background-image: url(../img/icon/icon_arrow_right02.png);
    background-repeat: no-repeat;
    background-size: 8px 12px;
    background-position: 0 0;
    margin-top: -6px;
}

.btns-area+.pdf-list-wrapper {
    margin-top: 21px;
}


/* pdf */

.div-pdf {
    float: left;
    width: 100%;
    height: 960px;
    border: 1px solid #dddddd;
}

.board-list01 table tbody td.title a+.btn-pdf {
    display: none;
}

.btn-download {
    position: relative;
    display: block;
    height: 50px;
    padding: 0 44px 0 21px;
    margin: 0 0 7px 0 !important;
    color: #555555;
    border: 1px solid #dddddd;
    text-align: left;
}

.btn-download>strong {
    position: relative;
    display: block;
    padding-top: 7px;
    font-size: 16px;
    line-height: 36px;
    font-weight: 700;
    z-index: 5;
}

.btn-download>img {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 17px;
    margin-top: -7.5px;
    z-index: 5;
}

.btn-color11 {
    background-color: #0045a4 !important;
    color: #fff !important;
    border: 1px solid #0045a4 !important;
}


@media all and (max-width: 1400px) {
  .greeting-image{width: 45%;}
  .greeting-content{width: 55%;}

}

@media all and (max-width: 1250px) {
  .greeting-title h1{font-size: 60px; line-height: 60px;}
  .greeting-title p{font-size: 30px; line-height: 45px;}
  .greeting-sign p{font-size: 16px;}
  .greeting-textbox p{font-size: 16px; line-height: 22px;}
  .greeting-main-text{font-size: 30px;}
  .greeting-textbox p{margin-top: 40px;}
  .greeting-sub-text p{font-size: 20px; line-height: 35px;}
  .greeting-main-text .circle-background{background-size: 80%;}
  .greeting-main-text .energy-text{background-size: 80%;}
}

@media all and (max-width: 1023px) {
  .greeting-title h1{font-size: 40px; line-height: 40px;}
  .greeting-title p{margin-top: 30px; font-size: 20px; line-height: 35px; padding-bottom: 30px;}
  .greeting-title p .bold-text::before{top: 5px;}
  .greeting-title p .bold-text::before, .greeting-title p::after{width: 28px; height: 25px; background-size: cover;}
  .greeting-text-image{width: 235px; height: 172px; background-size: cover; top: 0;}
  .greeting-sign p{float: none; margin-top: 0;}
  .greeting-sign .greeting-sign-image{float: none; margin-left: 0; margin-top: 5px;}
  .greeting-main-text{font-size: 24px;}
  .greeting-sub-text p{font-size: 16px; line-height: 25px;}
  .greeting-main-text .energy-text{padding-top: 15px;}
/*  .facultybtn {text-align: left;}*/
  .facultybtn a {width: 70%; margin-bottom: 1.25rem;}



	/* 2022.09.15 추가작업 */
	.new-tabmenu-wrapper {
		margin-top: 20px;
		overflow: initial;
	}

	.new-tabmenu-wrapper li {
		width: 50%;
	}

	.new-tabmenu-wrapper li > button,
	.new-tabmenu-wrapper li > a {
		min-width: 100%;
		height: 45px;
		line-height: 45px;
		font-size: 16px;
	}
    
    .btn-download {
        float: left;
        width: 49%;
        margin-top: 2%;
        margin-left: 2% !important;
        display: block;
        min-width: auto;
        height: 3.458rem;
        padding: 0 2.75rem 0 1.25rem;
    }
    .btn-download>strong {
        position: relative;
        display: block;
        padding-top: 0.625rem;
        font-size: 1.167rem;
        line-height: 2.25rem;
    }
    .btn-download>img {
        right: 0.9167rem;
        width: 1.417rem;
        margin-top: -0.7083rem;
    }
    .btn-download:nth-child(1),
    .btn-download:nth-child(2) {
        margin-top: 0;
    }
    .btn-download:nth-child(1),
    .btn-download:nth-child(3),
    .btn-download:nth-child(4) {
        margin-left: 0 !important;
    }
    .btn-download:nth-child(3) {
        width: 100%;
    }
    .btns-area+.pdf-list-wrapper {
        margin-top: 1.875rem;
    }
    .pdf-list-wrapper {
        position: relative;
        overflow: visible;
        border-bottom: 0;
        ;
    }
    .pdf-list-wrapper>button {
        position: relative;
        display: block;
        width: 100%;
        height: 3.75rem;
        padding-left: 1.25rem;
        padding-right: 3.333rem;
        background-color: #f5f4f4;
        border: 1px solid #c6cbd2;
        color: #333333;
        font-size: 1.25rem;
        font-weight: 500;
        text-align: left;
    }
    .pdf-list-wrapper>button:before {
        position: absolute;
        top: 50%;
        right: 1.667rem;
        content: "";
        display: block;
        width: 0.7917rem;
        height: 0.5rem;
        margin-top: -0.25rem;
        background-image: url(/resources/AD/front/img/icon/icon_arrow_down07.png);
        background-repeat: no-repeat;
        background-size: 0.7917rem 0.5rem;
        background-position: 0 0;
        transition: all 0.2s ease-in-out;
    }
    .pdf-list-wrapper>button.active:before {
        transform: rotate(180deg);
    }
    .pdf-list-wrapper>ul {
        position: absolute;
        top: calc(3.75rem - 1px);
        left: 0;
        display: none;
        width: 100%;
        height: 14rem;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #fff;
        border: 1px solid #c6cbd2;
        box-shadow: 0px 0.2083rem 0.2083rem 0px rgba(0, 0, 0, 0.25);
        z-index: 5;
    }
    .pdf-list-wrapper>ul>li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
        border-bottom: 1px solid #c6cbd2
    }
    .pdf-list-wrapper>ul>li>a {
        display: block;
        height: auto;
        padding: 0.8333rem 1.25rem;
        background-color: #fff;
    }
    .pdf-list-wrapper>ul>li>a:after {
        display: none;
    }
    .pdf-list-wrapper>ul>li>a>strong {
        padding-top: 0;
        font-size: 1.25rem;
        line-height: 2rem;
        letter-spacing: 0;
        font-weight: 500;
    }
    .div-pdf {
        float: none;
        margin-top: 1.458rem;
        width: 100%;
        height: 30rem !important
    }
    .pdf-wrapper {
        padding-right: 0;
    }
    .pdf-wrapper .pdf-btns-wrapper {
        float: none;
        width: 100%;
        margin-right: 0;
    }

}

@media all and (max-width: 768px) {
  .greeting-image-box{text-align: center}
  .greeting-title{margin-bottom: 0; text-align: left;}
  .greeting-title p{position: relative; padding-bottom: 0;}
  .greeting-image{width: 100%; float: none;}
  .greeting-content{width: 100%; float: none; margin-top: 20px;}
  .greeting-textbox{width: 100%; left: 0; padding-left: 0; padding-top: 50px;}
  .greeting-text-image{display: none;}
  .greeting-title p .bold-text{padding-left: 40px;}
  .greeting-title p .br-tag{display: inline-block;}
  .greeting-textbox > p{margin-top: 0;}
  .facultybtn {text-align: left;}
}

@media all and (max-width: 420px) {
  .greeting-textbox{padding-top: 30px;}
  .greeting-title h1{font-size: 30px; line-height: 30px;}
  .greeting-title p{margin-top: 15px; padding-bottom: 30px;}
  .greeting-textbox p{margin-top: 10px;}
  .greeting-main-text{line-height: 50px;}
  .greeting-main-text .circle-background{background-position: top 5px center;}
  .greeting-main-text .energy-text{background-position: top 5px center;}
}


/* 프로필 */
.profile-header::after{content:""; display: table; clear: both;}
.profile-title{float: left;}
.profile-title p{font-size: 40px; line-height: 55px; color: #100f0f; padding-top: 45px; position: relative;}
.profile-title p span{color: #009bd5;}
.profile-title p::before{content:""; display: block; position: absolute; width: 39px; height: 35px; background: url(../../images/sub/dots-left.png); left: 0; top: 0;}
.profile-title p::after{content:""; display: block; position: absolute; width: 39px; height: 35px; background: url(../../images/sub/dots-next.png); bottom: 0; left: 210px;}
.profile-title h1{font-size: 70px; line-height: 70px; color: #c6c6c6; opacity: 0.2; margin-top: 50px;}

.profile-image{float: right; width: 559px; position: relative;}
.profile-image::after{content:""; display: block; position: absolute; height: calc(100% - 110px); top: 110px; left: 0; width: 70px; background-color: white; z-index: 3;}
.profile-image img{position: relative; z-index: 2;}
.profile-image .profile-image-deco_1{position: absolute; width: 70px; height: 90px; background: url(../../images/sub/profile-deco_1.png) no-repeat top left; top: 110px; left: -70px; z-index: 3;background-color: white;;}
.profile-image .profile-image-deco_2{position: absolute; width: 179px; height: 179px; background: url(../../images/sub/profile-deco_2.png); bottom: -48px; left: -50px; z-index: 4;}

.profile-content::after{content:""; display: table; clear: both;}
.profile-content{margin-top: 100px;}
.profile-content > div{width: 50%;}
.profile-left{float: left;}
.profile-right{float: right; padding-left: 85px;}
.profile-history{margin-bottom: 60px;}
.profile-history::after{content:""; display: table; clear: both;}
.profile-history-title{float: left; font-size: 24px; color: #002b68; padding-top: 15px; position: relative; margin-right: 65px;}
.profile-history-title::before{content:""; display: block; position: absolute; left: 0; top: 0; width: calc(100% + 10px); background-color: #003e95; height: 2px;}
.profile-history-content{float: left;}
.profile-history-content ul{margin-top: 18px;}
.profile-history-content li{padding-left: 23px; position: relative; font-size: 20px; color: #333333; margin-bottom: 5px;}
.profile-history-content li::before{content:""; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color:#8f8f8f; left: 0; top: 11px;}
.profile-history-content li:last-child{margin-bottom: 0;}

@media all and (max-width: 1300px) {
  .profile-title p{font-size: 30px; line-height: 45px;}
  .profile-title h1{font-size: 55px; line-height: 55px;}
  .profile-image{width: 45%;}
  .profile-history-title{font-size: 20px; padding-top: 10px; margin-right: 30px;}
  .profile-history-content ul{margin-top: 10px;}
  .profile-history-content li{font-size: 16px;}
  .profile-history-content li::before{top: 7px;}
}

@media all and (max-width: 1023px) {
  .profile-title{width: 45%;}
  .profile-title p{font-size: 25px; line-height: 35px;}
  .profile-title p::after{bottom: -5px; left:140px;}
  .profile-title h1{font-size: 40px; line-height: 40px;}
  .profile-image::after{top: 50px; height: calc(100% - 50px);}
  .profile-image .profile-image-deco_1{top: 50px;}
  .profile-image .profile-image-deco_2{width: 150px; height: 150px; background-size: cover; bottom: -40px; left: -30px;}

  .profile-history-title{float: none; display: inline-block;}
  .profile-history-title::before{width: 100%;}
  .profile-history-content{float: none; margin-top: 15px;}
}

@media all and (max-width: 768px) {
  .profile-image{width: calc(100% - 70px); float: none; margin-left: 70px;}
  .profile-title{width: 100%; float: none; margin-top: 50px;}
  .profile-content > div{width: 100%;}
  .profile-right{padding-left: 0;}
  .profile-content{margin-top: 50px;}
}

@media all and (max-width: 420px) {
  .profile-image{width: 100%; margin-left: 0;}
  .profile-image .profile-image-deco_1{display: none;}
  .profile-image .profile-image-deco_2{display: none;}
  .profile-image::after{display: none;}
  .profile-title h1{font-size: 30px; line-height: 30px;}
}

.wrap-greeting .title {padding: 0 0 64px 0; background: url('../../images/contents/img-greeting.jpg') no-repeat left bottom; border-bottom: 2px solid #00336d; text-align: right;}
.wrap-greeting .title .eng {display: inline-block; margin: 70px 0 0 0; font-family: 'Roboto'; font-weight: 700; font-size: 70px; line-height: 1; color: rgba(148, 162, 192, .2);}
.wrap-greeting .title .text {margin: 35px 0 0 0; font-size: 24px; line-height: 1.5; color: #100f0f;}
.wrap-greeting .title .text em {font-size: 25px; color: #00336d;}
.wrap-greeting .title .sign {margin: 20px 0 0 0;}
.wrap-greeting .title .sign .job {font-size: 20px; vertical-align: middle; color: #002b68;}
.wrap-greeting .title .sign .name {display: inline-block; width: 177px; height: 76px; margin: 10px 0 0 20px; background: url('../../images/contents/img-greeting-sign.png') no-repeat center center; vertical-align: middle; text-align: left; text-indent: -9999px;}
.wrap-greeting .desc {margin: 55px 0 0 0;}
.wrap-greeting .desc p {margin: 0 0 35px 0; font-size: 18px; color: #333;}
.wrap-greeting .impact {margin: 0 0 40px 0; font-weight: 700; font-size: 35px; color: #444;}
.wrap-greeting .impact em {color: #009bd5;}
.wrap-greeting .impact strong {color: #003e95;}
.wrap-greeting .choose {font-size: 21px; line-height: 1.7; color: #003a60;}

@media all and (max-width: 1400px) {
  .wrap-greeting .title {padding: 0 20px 74px 0; background-size: cover;}
}

@media all and (max-width: 900px) {
  .wrap-greeting .title .eng {font-size: 45px;}
  .wrap-greeting .title .text em {font-size: 30px;}
  .wrap-greeting .title .text {font-size: 30px;}
  .wrap-greeting .title .sign .job {display: block; font-size: 15px;}
  .wrap-greeting .title .sign .name {margin: 15px 0 0 0;}
}

@media all and (max-width: 700px) {
  .wrap-greeting .title {background-position: -30px bottom;}
  .wrap-greeting .title .eng {font-size: 35px;}
  .wrap-greeting .title .text em {font-size: 20px;}
  .wrap-greeting .title .text {font-size: 20px;}
}

@media all and (max-width: 500px) {
  .wrap-greeting .title {padding: 0 20px 30px 0; background-size: auto 100%; background-position: -65px bottom;}
  .wrap-greeting .title .eng {margin: 20px 0 0 0; font-size: 25px;}
  .wrap-greeting .title .text {margin: 20px 0 0 0; font-size: 16px;}
  .wrap-greeting .desc {margin: 30px 0 0 0;}
  .wrap-greeting .desc p {margin: 0 0 25px 0; font-size: 16px;}
  .wrap-greeting .impact {font-size: 30px; line-height: 1.3;}
  .wrap-greeting .choose {font-size: 20px; line-height: 1.4;}
}

.wrap-profile .title {padding: 30px 0 0 0; background: url('../../images/contents/img-profile.jpg') no-repeat right top; font-size: 29px; line-height: 1.4; color: #100f0f;}
.wrap-profile .title em {display: inline-block; margin: 0 0 10px 0; font-weight: 700; font-size: 38px; line-height: 1.2; color: #00336d;}
.wrap-profile .title .eng {display: block; margin: 52px 0 0 0; font-size: 70px; font-weight: 700; line-height: 1; color: rgba(148, 162, 192, .2);}
.wrap-profile .sign {margin: 35px 0 48px 0; text-align: right;}
.wrap-profile .sign .job {font-size: 20px; vertical-align: middle; color: #002b68;}
.wrap-profile .sign .name {display: inline-block; width: 177px; height: 76px; margin: 0 0 0 20px; background: url('../../images/contents/img-greeting-sign.png') no-repeat center center; vertical-align: middle; text-align: left; text-indent: -9999px;}
.wrap-profile .con dl {display: table; width: 100%; margin: 0 0 50px 0;}
.wrap-profile .con dt {display: table-cell; width: 335px; padding: 15px 0 0 0; border-top: 2px solid #003e95; font-weight: 500; font-size: 21px; vertical-align: top; color: #002b68;}
.wrap-profile .con dd {display: table-cell; padding: 0 0 0 50px; vertical-align: top;}
.wrap-profile .con ul {padding: 18px 0 0 0; border-top: 1px solid #c6c6c6;}
.wrap-profile .con li {position: relative; display: table; width: 100%; padding: 0 0 9px 30px;}
.wrap-profile .con li::after {content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; background: #8f8f8f; border-radius: 100%;}
.wrap-profile .con li .date {display: table-cell; width: 157px; font-size: 18px; vertical-align: top; color: #345e9a;}
.wrap-profile .con li .text {font-size: 18px; vertical-align: top; color: #333;}

@media all and (max-width: 1025px) {
  .wrap-profile .title {background-size: contain; font-size: 30px;}
  .wrap-profile .title em {font-size: 30px;}
  .wrap-profile .title .eng {font-size: 45px;}
  .wrap-profile .sign {margin: 15px 0 48px 0;}
  .wrap-profile .con dt {width: 215px;}
}

@media all and (max-width: 760px) {
  .wrap-profile .title {font-size: 20px;}
  .wrap-profile .title .eng {font-size: 35px;}
  .wrap-profile .title em {font-size: 20px;}
  .wrap-profile .sign .job {font-size: 18px;}
  .wrap-profile .con dl,
  .wrap-profile .con dt,
  .wrap-profile .con dd {display: block; width: 100%;}
  .wrap-profile .con dl {margin: 0 0 30px 0;}
  .wrap-profile .con dt {padding: 15px 0;}
  .wrap-profile .con dd {padding: 0;}
  .wrap-profile .con ul {padding: 20px 0 0 0;}
}

@media all and (max-width: 500px) {
  .wrap-profile .title {padding: 17px; background: #f3f3f1 url(../../images/contents/img-profile-m.jpg) no-repeat right top; background-size: contain; background-position: right bottom; font-size: 15px;}
  .wrap-profile .title .eng {margin: 20px 0 0 0; font-size: 25px;}
  .wrap-profile .title .text {font-size: 16px;}
  .wrap-profile .sign .job {display: block; width: 100%;}
  .wrap-profile .sign .name {display: inline-block; margin: 10px 0 0 0;}
  .wrap-profile .con dt {font-size: 18px;}
  .wrap-profile .con li {display: block; padding: 0 0 5px 20px;}
  .wrap-profile .con li .date {display: block; width: 100%; margin: 0 0 5px 0; font-size: 16px;}
  .wrap-profile .con li .text {display: block; font-size: 16px;}
  .wrap-profile .con li::after {top: 10px; width: 7px; height: 7px;}
}

.wrap-people .subject {position: relative; margin: 0 0 125px 0; padding: 138px 0 67px 0; background: url('../../images/contents/bg-people.png') no-repeat center top; font-size: 17px; text-align: center; color: #fff;}
.wrap-people .subject::after {content: ''; position: absolute; left: 50%; top: 100%; z-index: -1; width: 1px; height: 125px; background: #bfbfbf;}
.wrap-people .desc {padding: 5px; background: url('../../images/contents/pattern-people.png');}
.wrap-people .desc .white {padding: 23px; background: #fff; font-size: 21px; text-align: center; color: #00356d;}
.wrap-people .title {margin: 54px 0 0 0; text-align: center;}
.wrap-people .title span {display: block; font-size: 30px; color: #00356d;}
.wrap-people .title strong {display: block; font-size: 45px; color: #00356d;}
.wrap-people .value {text-align: center;}
.wrap-people .value ul {position: relative; max-width: 1265px; margin: 85px auto 0 auto; padding: 60px 0 0 0;}
.wrap-people .value ul::before {content: ''; position: absolute; left: 50%; top: 0; width: 66.6%; height: 1px; background: #bfbfbf; transform: translate(-50%, 0);}
.wrap-people .value li {position: relative; float: left; width: 33.333%;}
.wrap-people .value li::after {content: ''; position: absolute; left: 50%; bottom: 102%; width: 1px; height: 55px; background: #bfbfbf;}
.wrap-people .value li.center::after {height: 130px;}
.wrap-people .value p {margin: 40px 0 0 0; padding: 70px 0 0 0; font-size: 22px; line-height: 1.2; color: #404449;}
.wrap-people .value span {font-size: 17px; color: #404449; display: table-cell; vertical-align: middle; text-align: center;}
.wrap-people .value .circle {position: relative; width: 215px; height: 215px; margin: 0 auto; border-radius: 100%; display: table;}
.wrap-people .value .circle::after {content: ''; position: absolute; left: 50%; top: 0; width: 12px; height: 12px; border-radius: 100%; transform: translate(-50%, -50%);}
.wrap-people .value .left .circle::after {background: #435eab;}
.wrap-people .value .center .circle::after {background: #13c2ff;}
.wrap-people .value .right .circle::after {background: #005f9c;}
.wrap-people .value .left .circle {border: 3px dashed #435eab;}
.wrap-people .value .center .circle {border: 3px dashed #13c2ff;}
.wrap-people .value .right .circle {border: 3px dashed #005f9c;}
.wrap-people .value .left p {background: url('../../images/contents/ico-people1.png') no-repeat center top;}
.wrap-people .value .center p {background: url('../../images/contents/ico-people2.png') no-repeat center top;}
.wrap-people .value .right p {background: url('../../images/contents/ico-people3.png') no-repeat center top;}
.wrap-people .compet {margin: 50px 0 0 0; padding: 0 0 60px 0;}
.wrap-people .compet ul {text-align: center;}
.wrap-people .compet ul li {display: inline-block; width: 33.3333%; margin: 0 -69px; padding: 100px 0 125px 0; text-align: center;}
.wrap-people .compet ul li.color1 {background: url('../../images/contents/rect-people1.png') no-repeat center center;}
.wrap-people .compet ul li.color2 {position: relative; top: 60px; background: url('../../images/contents/rect-people2.png') no-repeat center center;}
.wrap-people .compet ul li.color3 {background: url('../../images/contents/rect-people3.png') no-repeat center center;}
.wrap-people .compet p {font-size: 28px; color: #fff;}
.wrap-people .compet span {font-size: 17px; color: #fff;}

@media all and (max-width: 1230px) {
  .wrap-people .compet ul li {margin: 0 -20px;}
}

@media all and (max-width: 970px) {
  .wrap-people .desc {font-size: 22px;}
  .wrap-people .compet ul li {width: 32%;}
  .wrap-people .compet ul li.color1 {padding: 110px 0 20px 0; background-position: center top; background-size: 100px;}
  .wrap-people .compet ul li.color2 {padding: 110px 0 20px 0; background-position: center top; background-size: 100px; top: 0;}
  .wrap-people .compet ul li.color3 {padding: 110px 0 20px 0; background-position: center top; background-size: 100px;}
  .wrap-people .compet p {font-size: 22px;}
  .wrap-people .compet .color1 p {color: #5069b1;}
  .wrap-people .compet .color2 p {color: #14c2ff;}
  .wrap-people .compet .color3 p {color:#005f9c;}
  .wrap-people .compet span {font-size: 15px;}
  .wrap-people .compet .color1 span {color: #444;}
  .wrap-people .compet .color2 span {color: #444;}
  .wrap-people .compet .color3 span {color: #444;}
}

@media all and (max-width: 780px) {
  .wrap-people .subject {margin: 0 0 40px 0; padding: 108px 0 38px 0; background-size: 170px; font-size: 16px;}
  .wrap-people .desc .white {font-size: 16px;}
  .wrap-people .desc br {display: none;}
  .wrap-people .title {margin: 30px 0 0 0;}
  .wrap-people .title strong {font-size: 25px;}
  .wrap-people .title span {font-size: 16px;}
  .wrap-people .value {text-align: left;}
  .wrap-people .value ul {margin: 0 auto; padding: 30px 0 0 0 ;}
  .wrap-people .value ul::before {display: none;}
  .wrap-people .value li {width: 100%; margin: 0 0 20px 0;}
  .wrap-people .value li:last-child {margin: 0;}
  .wrap-people .value li::after {display: none;}
  .wrap-people .value p {margin: 0; padding: 0; font-size: 17px;}
  .wrap-people .value span {font-size: 16px;}
  .wrap-people .value .circle {width: 100%; height: auto; border-radius: 10px;}
  .wrap-people .value .left p,
  .wrap-people .value .center p,
  .wrap-people .value .right p {background: none;}
  .wrap-people .value .circle::after {display: none;}
  .wrap-people .value .left .circle {padding: 20px 20px 20px 90px; background: url(../../images/contents/ico-people1.png) no-repeat 20px center;}
  .wrap-people .value .center .circle {padding: 20px 20px 20px 90px; background: url(../../images/contents/ico-people2.png) no-repeat 20px center;}
  .wrap-people .value .right .circle {padding: 20px 20px 20px 90px; background: url(../../images/contents/ico-people3.png) no-repeat 20px center;}
  .wrap-people .compet {margin: 20px 0 0 0; padding: 0;}
  .wrap-people .compet ul li {width: 100%; text-align: left;}
  .wrap-people .compet ul li.color1 {padding: 20px 0 25px 110px; background-position: left center; background-size: 100px;}
  .wrap-people .compet ul li.color2 {margin: 5px 0; padding: 20px 0 25px 110px; background-position: left center; background-size: 100px;}
  .wrap-people .compet ul li.color3 {padding: 20px 0 25px 110px; background-position: left center; background-size: 100px;}
}

.wrap-edu {padding: 0 60px;}
.wrap-edu dl {display: table; width: 100%; margin: 0 0 40px 0;}
.wrap-edu dt {display: table-cell; width: 250px; font-size: 21px; vertical-align: middle; text-align: center; color: #fff;}
.wrap-edu dt span {font-size: 18px;}
.wrap-edu dt .box {position: relative; padding: 23px 5px;}
.wrap-edu dt .box::after {content: ''; position: absolute; left: 112%; top: 50%; width: 55px; height: 27px; background: url('../../images/contents/bg-edu1.png') no-repeat center center; transform: translate(0, -50%);}
.wrap-edu dd {display: table-cell; padding: 0 0 0 107px; vertical-align: middle;}
.wrap-edu dd .box {float: left; display: table; width: 100%; padding: 40px 0; border: 1px solid #cecece;}
.wrap-edu dd .box.right{float: right; width: 100%; margin: 20px 0 0 0;}
.wrap-edu dd .box.empty {width: 17px;}
.wrap-edu dd .title {display: table-cell; width: 300px; height: 115px; padding: 0 20px; border-right: 1px solid #d6d6d6; font-size: 20px; vertical-align: middle; line-height: 1.2; text-align: center; color: #1bb8ef;}
.wrap-edu dd .list {display: table-cell; padding: 0 0 0 50px; vertical-align: middle;}
.wrap-edu dd .list .num {display: inline-block; width: 23px; height: 23px; background: #38bdf0; border-radius: 100%; font-size: 13px; line-height: 23px; text-align: center; color: #fff;}
.wrap-edu dd li {margin: 5px 0; font-size: 17px; color: #4b4b4b;}

.wrap-edu .row1 dt .box {background: #19b1e6 url('../../images/contents/bg-edu2.png') no-repeat left top;}

.wrap-edu .row2 dt .box {background: #5069b1 url('../../images/contents/bg-edu2.png') no-repeat left top;}
.wrap-edu .row2 dd .title {width: 300px; color: #5069b1;}
.wrap-edu .row2 dd .box {width: 100%;}
.wrap-edu .row2 dd .list .num {background: #5069b1;}
.wrap-edu .row2 dd ul {float: left; width: 50%;}

.wrap-edu .row3 dt .box {background: #005f9c url('../../images/contents/bg-edu2.png') no-repeat left top;}
.wrap-edu .row3 dd .title {width: 300px; color: #005f9c;}
.wrap-edu .row3 dd .box {width: 100%;}
.wrap-edu .row3 dd .list .num {background: #005f9c;}

.wrap-edu .row4 {padding: 60px 0 70px 0;}
.wrap-edu .row4 dt .box {background: #00336d url('../../images/contents/bg-edu2.png') no-repeat left top;}
.wrap-edu .row4 dd .box {width: 100%; padding: 0; border: 0;}
.wrap-edu .row4 dd .list {padding: 0;}
.wrap-edu .row4 dd ul {position: relative;}
.wrap-edu .row4 dd ul::before {content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 4px; background: #ccc; transform: translate(0, -50%);}
.wrap-edu .row4 dd ul li {position: relative; float: left; width: 25%; height: 50px; text-align: center;}
.wrap-edu .row4 dd ul li::after {content: ''; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; background: #eee; border: 3px solid #000; border-radius: 100%; transform: translate(-50%, -50%);}
.wrap-edu .row4 dd ul li::before {content: ''; position: absolute; left: 50%; bottom: 50%; width: 1px; height: 40px; background: #d8d8d8; transform: translate(-50%, 0);}
.wrap-edu .row4 dd ul li.color1::after {border-color: #066ef1;}
.wrap-edu .row4 dd ul li.color2::after {border-color: #46c9df;}
.wrap-edu .row4 dd ul li.color2::before {bottom: auto; top: 50%;}
.wrap-edu .row4 dd ul li.color3::after {border-color: #4868d1;}
.wrap-edu .row4 dd ul li.color4::after {border-color: #0084ff;}
.wrap-edu .row4 dd ul li.color4::before {bottom: auto; top: 50%;}
.wrap-edu .row4 dd ul li span {position: absolute; left: 0; top: 0; width: 100%; line-height: 1.3;}
.wrap-edu .row4 dd ul li.color1 span {top: -70px;}
.wrap-edu .row4 dd ul li.color2 span {top: 70px;}
.wrap-edu .row4 dd ul li.color3 span {top: -48px;}
.wrap-edu .row4 dd ul li.color4 span {top: 70px;}

.wrap-edu .title {margin: 94px 0 0 0; text-align: center;}
.wrap-edu .title span {display: block; font-size: 20px; color: #bababa;}
.wrap-edu .title strong {display: block; font-size: 45px; color: #00356d;}

.wrap-edu .career {margin: 30px 0 0 0;}
.wrap-edu .career ul {width: 104.7%;}
.wrap-edu .career li {float: left; width: 33.333%; padding: 0 60px 0 0;}
.wrap-edu .career p {padding: 24px 10px; background: #0b6fea; font-size: 18px; text-align: center; color: #fff;}

@media all and (max-width: 1380px) {
  .wrap-edu {padding: 0;}
  .wrap-edu dd .box {width: 100%;}
  .wrap-edu dd .box.left {margin: 0 0 20px 0;}
  .wrap-edu .row2 dd .title {width: 210px;}
  .wrap-edu .row3 dd .title {width: 210px;}
  .wrap-edu .row4 {padding: 0;}
  .wrap-edu .row4 dd {padding: 95px 0 0 0;}
}

@media all and (max-width: 1190px) {
  .wrap-edu dl,
  .wrap-edu dt,
  .wrap-edu dd {display: block; width: 100%;}
  .wrap-edu dd {padding: 0;}
  .wrap-edu dt {font-size: 18px;}
  .wrap-edu dt .box p {display: inline-block;}
  .wrap-edu dt .box p br {display: none;}
  .wrap-edu dt .box::after {display: none;}
  .wrap-edu dd .box {padding: 20px 0;}
  .wrap-edu dd .title {font-size: 20px;}
  .wrap-edu dd li {font-size: 16px;}
  .wrap-edu .career p {padding: 20px 10px; font-size: 19px;}
  .wrap-edu .career ul {width: 100%;}
  .wrap-edu .career li {width: 100%; margin: 0 0 10px 0; padding: 0;}
}

@media all and (max-width: 740px) {
  .wrap-edu dd .box,
  .wrap-edu dd .title,
  .wrap-edu .row2 dd .title,
  .wrap-edu .row3 dd .title,
  .wrap-edu dd .list {display: block; width: 100%;}
  .wrap-edu dd .title {height: auto; margin: 0; padding: 0 20px 17px 20px; border-bottom: 1px solid #d1d1d1; border-right: 0; text-align: left; font-size: 18px;}
  .wrap-edu dt {font-size: 17px;}
  .wrap-edu dd .list {padding: 10px 0 0 20px;}
  .wrap-edu dd .title br {display: none;}
  .wrap-edu dt .box {padding: 15px 5px;}
  .wrap-edu dd .box {padding: 15px 0;}
  .wrap-edu dd .box.left {margin: 0 0 10px 0;}
  .wrap-edu dl {margin: 0 0 20px 0;}
  .wrap-edu .title strong {font-size: 25px;}
  .wrap-edu .title span {font-size: 16px;}
  .wrap-edu .career p {font-size: 17px;}
}

.wrap-part .sub-text {position: relative; margin: 33px 0 0 0; padding: 0 0 155px 0; font-size: 20px; text-align: center; color: #2b3e5c;}
.wrap-part .sub-text::after {content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 75px; background: #a5a5a5;}
.wrap-part .sub-title strong {position: relative; display: block; margin: 136px 0 0 0; font-size: 24px; text-align: center; color: #003774;}
.wrap-part .sub-title strong::after {content: ''; position: absolute; left: 50%; top: -102px; width: 1px; height: 75px; background: #a5a5a5;}
.wrap-part .sub-title span {display: block; font-size: 20px; text-align: center; color: #666;}

.wrap-part .circle {position: relative; min-height: 406px; margin: 191px 0 0 0; background: url('../../images/contents/bg-part1.png') no-repeat center center;}
.wrap-part .circle .big-title {position: absolute; left: 50%; top: 50%; display: block; font-size: 30px; line-height: 1.2; text-align: center; color: #262626; transform: translate(-50%, -50%);}
.wrap-part .circle .box-pos {position: absolute;}
.wrap-part .circle .box-pos.pos1 {left: 50%; bottom: 85%; transform: translate(-50%, 0);}
.wrap-part .circle .box-pos.pos2 {left: 60%; top: 14%;}
.wrap-part .circle .box-pos.pos3 {left: 54%; top: 75%;}
.wrap-part .circle .box-pos.pos4 {left: 35.5%; top: 75%;}
.wrap-part .circle .box-pos.pos5 {left: 29.2%; top: 14%;}
.wrap-part .circle .box-circle {position: relative;}
.wrap-part .circle .subject {display: block; font-size: 16px; text-align: center;}

.wrap-part .circle .line-circle {position: relative; display: block; width: 150px; height: 150px; background: #fff; border-radius: 100%;}
.wrap-part .circle .pos1 .line-circle {border: 3px solid #003e82; color: #003d80;}
.wrap-part .circle .pos2 .line-circle {border: 3px solid #18bcd7; color: #18bcd7;}
.wrap-part .circle .pos3 .line-circle {border: 3px solid #435eaa; color: #435eaa;}
.wrap-part .circle .pos4 .line-circle {border: 3px solid #22426d; color: #22426d;}
.wrap-part .circle .pos5 .line-circle {border: 3px solid #1474e0; color: #1474e0;}

.wrap-part .circle .line-circle::after {content: ''; position: absolute; width: 20px; height: 20px; border: 5px solid #e3e8ec; border-radius: 100%; transform: translate(-50%, 0);}
.wrap-part .circle .pos1 .line-circle::after {left: 50%; bottom: 118%; background: #003e82;}
.wrap-part .circle .pos2 .line-circle::after {left: 117%; top: 50%; background: #18bcd7; transform: translate(0, -50%);}
.wrap-part .circle .pos3 .line-circle::after {left: 117%; top: 50%; background: #435eaa; transform: translate(0, -50%);}
.wrap-part .circle .pos4 .line-circle::after {right: 117%; top: 50%; background: #22426d; transform: translate(0, -50%);}
.wrap-part .circle .pos5 .line-circle::after {right: 117%; top: 50%; background: #1474e0; transform: translate(0, -50%);}

.wrap-part .circle .line-circle::before {content: ''; position: absolute; z-index: -1; background: #dddddd;}
.wrap-part .circle .pos1 .line-circle::before {left: 50%; bottom: 100%; width: 1px; height: 25px; }
.wrap-part .circle .pos2 .line-circle::before {left: 100%; top: 50%; width: 25px; height: 1px; transform: translate(0, -50%);}
.wrap-part .circle .pos3 .line-circle::before {left: 100%; top: 50%; width: 25px; height: 1px; transform: translate(0, -50%);}
.wrap-part .circle .pos4 .line-circle::before {right: 100%; top: 50%; width: 25px; height: 1px; transform: translate(0, -50%);}
.wrap-part .circle .pos5 .line-circle::before {right: 100%; top: 50%; width: 25px; height: 1px; transform: translate(0, -50%);}

.wrap-part .circle .line-circle span {display: inline-block; margin: 27px 0 0 0; padding: 60px 0 0 0;}
.wrap-part .circle .pos1 .line-circle span {background: url('../../images/contents/ico-part1.png') no-repeat center top;}
.wrap-part .circle .pos2 .line-circle span {background: url('../../images/contents/ico-part2.png') no-repeat center top;}
.wrap-part .circle .pos3 .line-circle span {background: url('../../images/contents/ico-part3.png') no-repeat center top;}
.wrap-part .circle .pos4 .line-circle span {background: url('../../images/contents/ico-part4.png') no-repeat center top;}
.wrap-part .circle .pos5 .line-circle span {background: url('../../images/contents/ico-part5.png') no-repeat center top;}

.wrap-part .circle .desc {position: absolute; text-align: center;}
.wrap-part .circle .pos1 .desc {left: 50%; bottom: 134%; min-width: 350px; transform: translate(-50%, 0);}
.wrap-part .circle .pos2 .desc {left: 140%; top: 58%; min-width: 350px; text-align: left; transform: translate(0, -50%);}
.wrap-part .circle .pos3 .desc {left: 140%; top: 58%; min-width: 350px; text-align: left; transform: translate(0, -50%);}
.wrap-part .circle .pos4 .desc {right: 140%; top: 58%; min-width: 390px; text-align: right; transform: translate(0, -50%);}
.wrap-part .circle .pos5 .desc {right: 140%; top: 70%; min-width: 390px; text-align: right; transform: translate(0, -50%);}

.wrap-part .circle .desc strong {font-size: 24px;}
.wrap-part .circle .pos1 .desc strong {color: #003774;}
.wrap-part .circle .pos2 .desc strong {color: #18bcd7;}
.wrap-part .circle .pos3 .desc strong {color: #435eaa;}
.wrap-part .circle .pos4 .desc strong {color: #22426d;}
.wrap-part .circle .pos5 .desc strong {color: #1474e0;}

.wrap-part .circle .desc p {font-size: 20px; color: #666;}

.wrap-part .list {margin: 149px 0 0 0; border-top: 1px solid #000;}
.wrap-part .list .row {display: table; width: 100%; padding: 50px 0; border-bottom: 1px solid #d3d3d3;}
.wrap-part .list .row:last-child {border-bottom: 1px solid #000;}
.wrap-part .list .thumb {display: table-cell; width: 380px; vertical-align: top;}
.wrap-part .list .desc {display: table-cell; padding: 0 0 0 50px; vertical-align: top;}
.wrap-part .list .desc .num {float: left; width: 13%; font-size: 80px; line-height: 1; color: #777;}
.wrap-part .list .desc .text {float: left; width: 87%;}
.wrap-part .list .desc .text strong {display: block; margin: 25px 0 0 0; font-size: 28px; font-weight: 700; text-align: left; line-height: 1.2; color: #00336d;}
.wrap-part .list .desc .text em {display: block; margin: 22px 0 0 0; font-size: 24px; color: #5069b1;}
.wrap-part .list .desc .text p {margin: 10px 0 0 0; font-size: 18px; line-height: 1.7; color: #333;}

.wrap-part .impact {margin: 100px 0 0 0; font-size: 30px; text-align: center; color: #2b3e5c;}
.wrap-part .impact strong {font-size: 37px; color: #035ec1;}
.wrap-part .title {text-align: center;}
.wrap-part .title span {display: block; font-size: 20px; color: #bababa;}
.wrap-part .title strong {display: block; font-size: 45px; color: #00356d;}

@media all and (max-width: 1410px) {
  .wrap-part .sub-text {margin: 30px 0 55px 0; padding: 0;}
  .wrap-part .sub-text::after {display: none;}
  .wrap-part .circle {overflow: hidden; background: none; min-height: auto; margin: 30px 0 0 0;}
  .wrap-part .circle .big-title {position: static; margin: 0 0 50px 0; text-align: center; transform: translate(0, 0);}
  .wrap-part .circle .big-title br {display: none;}
  .wrap-part .circle .box-circle {text-align: center;}
  .wrap-part .circle .box-pos {position: static; float: left; width: 33.333%; margin: 0 0 40px 0; transform: translate(0, 0) !important;}
  .wrap-part .circle .subject {display: inline-block; margin: 0 0 20px 0;}
  .wrap-part .circle .desc {position: static; display: inline-block; width: 100%; min-width: auto !important;  padding: 0; text-align: center !important; transform: translate(0, 0) !important;}
  .wrap-part .circle .desc strong {font-size: 20px;}
  .wrap-part .circle .desc p {font-size: 18px;}
  .wrap-part .circle .line-circle::after {display: none;}
  .wrap-part .circle .line-circle::before {display: none;}
  .wrap-part .list {margin: 40px 0 0 0;}
}

@media all and (max-width: 1210px) {
  .wrap-part .list .thumb {width: 25%;}
  .wrap-part .list .desc .num {display: block; width: 100%; font-size: 60px;}
  .wrap-part .list .desc .text {width: 100%;}
  .wrap-part .list .desc .text strong {margin: 10px 0 0 0; font-size: 25px;}
  .wrap-part .list .desc .text em {margin: 10px 0 0 0; font-size: 20px;}
  .wrap-part .list .desc .text p {font-size: 17px;}
  .wrap-part .impact {margin: 40px 0 0 0; font-size: 21px;}
  .wrap-part .impact strong {font-size: 23px;}
  .wrap-part .sub-text {font-size: 18px;}
}

@media all and (max-width: 985px) {
  .wrap-part .circle .box-pos {width: 50%;}
}

@media all and (max-width: 780px) {
  .wrap-part .title strong {font-size: 25px;}
  .wrap-part .title span {font-size: 16px;}
  .wrap-part .list .thumb,
  .wrap-part .list .desc {display: block; width: 100%;}
  .wrap-part .list .thumb img {width: 100%;}
  .wrap-part .list .desc {padding: 30px 0 0 0;}
  .wrap-part .list .desc .num {font-size: 45px;}
  .wrap-part .list .desc .text strong {font-size: 23px;}
  .wrap-part .list .desc .text em {font-size: 18px;}
  .wrap-part .list .desc .text p {font-size: 16px;}
  .wrap-part .circle .big-title {margin: 0 0 30px 0; font-size: 25px;}
  .wrap-part .circle .box-pos {width: 100%;}
  .wrap-part .circle .box-pos {margin: 0 0 30px 0;}
  .wrap-part .circle .desc strong {font-size: 18px;}
  .wrap-part .circle .desc p {font-size: 16px;}
  .wrap-part .sub-text {margin: 20px 0 25px 0; font-size: 17px;}
  .wrap-part .impact {font-size: 17px;}
  .wrap-part .impact strong {font-size: 18px;}
}

.wrap-vision > .title {text-align: center;}
.wrap-vision > .title span {display: block; font-size: 20px; color: #bababa;}
.wrap-vision > .title strong {display: block; font-size: 35px; color: #00356d;}

.wrap-vision .big-slogan {margin: 40px 0 70px 0; padding: 5px; background: url('../../images/contents/pattern-vision.png'); font-size: 24px; text-align: center; color: #0092d1;}
.wrap-vision .big-slogan .white {padding: 32px 10px; background: #fff;}
.wrap-vision .small-slogan {margin: 7px 0 0 0; font-size: 22px; text-align: center; color: #5069b1;}

.wrap-vision .chart {position: relative; min-height: 510px; margin: 40px 0 70px 0; background: url('../../images/contents/bg-vision.jpg') no-repeat center top;}
.wrap-vision .chart .title {position: absolute; left: 7%; bottom: 11%; width: 250px; height: 250px; background: rgba(33, 188, 241, .8); border-radius: 100%; text-align: center;}
.wrap-vision .chart .title span {display: inline-block; margin: 89px 10px 0 10px; font-size: 15px; color: #fff;}
.wrap-vision .chart .title span em {display: inline-block; margin: 0 0 2px 0; }
.wrap-vision .chart .point {position: absolute; display: inline-block; min-width: 385px; padding: 13px 35px; border: 3px solid #0065bc; border-radius: 100px; background: #fff; text-align: center;}
.wrap-vision .chart .point.pos1 {left: 33%; top: 63.5%;}
.wrap-vision .chart .point.pos2 {left: 43%; top: 41.5%;}
.wrap-vision .chart .point.pos3 {left: 50%; top: 20%;}
.wrap-vision .chart .point strong {display: block; font-size: 16px; color: #212121;}
.wrap-vision .chart .point strong em {color: #003b8c;}
.wrap-vision .chart .point span {display: block; font-size: 16px; color: #003b8c;}

.wrap-vision .section {padding: 60px 0 0 0;}
.wrap-vision .section > ul > li {float: left; width: 33.333%;}
.wrap-vision .section .color2 {position: relative;}
.wrap-vision .section .color2::before {content: ''; position: absolute; right: 100%; top: 60px; width: 136px; height: 27px; background: url('../../images/contents/bg-vision2.png') no-repeat center top; transform: translate(50%, 0);}
.wrap-vision .section .color2::after {content: ''; position: absolute; left: 100%; top: 60px; width: 136px; height: 27px; background: url('../../images/contents/bg-vision2.png') no-repeat center top; transform: translate(-50%, 0);}
.wrap-vision .section .icon {padding: 0 0 110px 0;}
.wrap-vision .section .icon p{display: none;}
.wrap-vision .section .icon strong {position: relative; display: block; width: 170px; height: 170px; margin: 0 auto; padding: 10px; border-radius: 100%; text-align: center; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);}
.wrap-vision .section .color1 .icon strong {background: #5069b1}
.wrap-vision .section .color2 .icon strong {background: #13c2ff}
.wrap-vision .section .color3 .icon strong {background: #005f9c}
.wrap-vision .section .icon strong::after {content: ''; position: absolute; left: 50%; top: 111%; width: 20px; height: 45px; background: url('../../images/contents/deco-vision.png') no-repeat center center; transform: translate(-50%, 0);}
.wrap-vision .section .icon span {display: inline-block; width: 100%; margin: 25px 0 0 0; font-size: 17px; color: #fff;}
.wrap-vision .section .color1 .icon span {margin: 65px 0 0 0;}
.wrap-vision .section .color2 .icon span {margin: 65px 0 0 0;}
.wrap-vision .section .color3 .icon span {margin: 40px 0 0 0;}
/*
.wrap-vision .section .color1 .icon span {background: url('../../images/contents/ico-vision1.png') no-repeat center top;}
.wrap-vision .section .color2 .icon span {background: url('../../images/contents/ico-vision2.png') no-repeat center top;}
.wrap-vision .section .color3 .icon span {background: url('../../images/contents/ico-vision3.png') no-repeat center top;}
*/
.wrap-vision .section .subject {font-size: 19px; line-height: 1.2; text-align: center; color: #000;}
.wrap-vision .section .list {margin: 30px 0 0 0; padding: 0 0 0 15px; font-size: 14px; color: #666;}
.wrap-vision .section .list li{margin-bottom: 5px;}
.wrap-vision .section .list li::after{content:""; display: table; clear: both;}
.wrap-vision .section .list li:last-child{margin-bottom: 0;}
.wrap-vision .section .list .num {display: block; width: 16px; height: 16px; border-radius: 100%; font-size: 12px; text-align: center; color: #fff; float: left; margin-top: 4px;}
.wrap-vision .section .color1 .list .num {background: #5069b2;}
.wrap-vision .section .color2 .list .num {background: #13c2ff;}
.wrap-vision .section .color3 .list .num {background: #005f9c;}
.wrap-vision .section .list .text {display: block; float: left; width: calc(100% - 23px); margin: 0 0 0 7px;}

@media all and (max-width: 1680px) {
    .wrap-vision .chart .point.pos3{left: 36%;}
    .wrap-vision .chart .point.pos2{left: 36%;}
}

@media all and (max-width: 1200px) {
  .wrap-vision .big-slogan {font-size: 25px;}
  .wrap-vision .section {padding: 40px 0 0 0;}
  .wrap-vision .section > ul > li {width: 100%; padding: 0 0 20px 0; margin: 0 0 30px 0; border-bottom: 1px solid #d1d1d1;}
  .wrap-vision .section .box {display: block; padding: 0 0 0 30px; width: calc(100% - 180px); float: right;}
  .wrap-vision .section .subject { text-align: left;}
  .wrap-vision .section .subject br {display: none;}
  .wrap-vision .section .list {margin: 15px 0 0 0; padding: 0;}
  .wrap-vision .section .icon {position: relative; top: -10px; display: block; padding: 0; float: left;}
  .wrap-vision .section .icon strong::after {display: none;}
  .wrap-vision .section .color2::after {display: none;}
  .wrap-vision .section .color2::before {display: none;}
  .wrap-vision .chart {min-height: auto; padding: 30px 20px; background-size: cover !important;}
  .wrap-vision .chart .title {position: static; width: 100%; height: auto; margin: 0 0 20px 0; padding: 10px; border-radius: 20px;}
  .wrap-vision .chart .title span {margin: 0;}
  .wrap-vision .chart .title span br {display: none;}
  .wrap-vision .chart .point {position: static; min-width: auto; width: 100%; margin: 0 0 10px 0;}
  .wrap-vision .section .color1 .icon strong {background: #5069b1;}
  .wrap-vision .section .color2 .icon strong {background: #13c2ff;}
  .wrap-vision .section .color3 .icon strong {background: #005f9c;}
}

@media all and (max-width: 900px) {
  .wrap-vision .big-slogan {margin: 30px 0 35px 0;}
  .wrap-vision .section .subject {font-size: 22px;}
  .wrap-vision .chart {margin: 40px 0 36px 0;}
}

@media all and (max-width: 780px) {
  .wrap-vision > .title strong {font-size: 25px;}
  .wrap-vision > .title span {font-size: 16px;}
  .wrap-vision .section .icon span {background-size: 53px !important;}
  .wrap-vision .small-slogan {font-size: 17px;}
}

@media all and (max-width: 700px) {
  .wrap-vision .big-slogan {font-size: 18px; }
  .wrap-vision .big-slogan .white {padding: 10px; line-height: 1.3;}
  .wrap-vision .section > ul > li {text-align: center;}
  .wrap-vision .section > ul > li:last-child {margin: 0; border-bottom: 0;}
  .wrap-vision .section .icon{float: none; margin: 0 auto; width: 150px;}
  .wrap-vision .section .box {width: 100%; padding: 20px 0 0 0; text-align: left;}
  .wrap-vision .section .subject {font-size: 17px;}
  .wrap-vision .section .list {font-size: 16px;}
  .wrap-vision .chart .point strong {font-size: 17px;}
  .wrap-vision .chart .point strong em {display: block; font-size: 16px;}
  .wrap-vision .chart .point span {font-size: 15px;}
  .wrap-vision .chart .title span em {width: 100%;}
}

.wrap-watch .big-title {padding: 135px 0 40px 0; background: url('../../images/contents/text-watch.png') no-repeat center top; font-size: 34px; text-align: center; color: #333333;}
.wrap-watch .section {max-width: 1090px; margin: 0 auto; padding: 40px 0; text-align: center;}
.wrap-watch .section.s2 {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.wrap-watch .section .num {display: block; font-size: 28px; color: #5069b1;}
.wrap-watch .section .subject {display: block; margin: 0 0 13px 0; font-size: 28px; color: #033333; text-align: center;}
.wrap-watch .section .desc {font-size: 16px; color: #666;}
.wrap-watch .section .small-desc {margin: 5px 0 40px 0; font-size: 16px; color: #666;}
.wrap-watch .section .small-desc span {color: #0077ff;}

.wrap-watch .s1 .option .stat-title {display: block; margin: 25px 0 20px 0; font-size: 18px; color: #000;}
.wrap-watch .s1 .option .stat {position: relative; left: -10px; display: table; width: 100%; max-width: 890px; margin: 0 auto;}
.wrap-watch .s1 .option .stat.row1 {margin-bottom: 9px;}
.wrap-watch .s1 .option .people {display: table-cell; width: 380px; padding: 0 20px 0 0; font-size: 18px; vertical-align: middle; text-align: right; color: #20528f}
.wrap-watch .s1 .option .rect {display: table-cell; height: 60px; font-size: 16px; vertical-align: middle; color: #fff;}
.wrap-watch .s1 .option .rect .left {float: left; width: 60%; height: 60px; line-height: 60px;}
.wrap-watch .s1 .option .rect .right {float: right; width: 38%; height: 60px; line-height: 60px;}
.wrap-watch .s1 .option .row1 .rect {background: url('../../images/contents/pattern-watch1.png');}
.wrap-watch .s1 .option .row2 .rect .left {background: url('../../images/contents/pattern-watch2.png');}
.wrap-watch .s1 .option .row2 .rect .right {background: url('../../images/contents/pattern-watch3.png');}

.wrap-watch .s2 .option {margin: 23px 0 0 0;}
.wrap-watch .s2 .option .people-text {display: inline-block; font-size: 20px; vertical-align: middle; color: #20528f;}
.wrap-watch .s2 .option .people-box {display: inline-block; width: 150px; height: 150px; font-size: 14px; vertical-align: middle; color: #fff;}
.wrap-watch .s2 .option .people-box span {display: inline-block; margin: 35px 10px 0 10px; line-height: 1.4;}
.wrap-watch .s2 .option .people-box.color1 {margin: 0 0 0 25px; background: url('../../images/contents/bg-watch1.png') no-repeat center center;}
.wrap-watch .s2 .option .people-box.color2 {margin: 0 25px 0 -25px; background: url('../../images/contents/bg-watch2.png') no-repeat center center;}

.wrap-watch .s3 .option {padding: 85px 0 0 0;}
.wrap-watch .s3 .option .flow {display: inline-block; border-radius: 100%; vertical-align: middle;}
.wrap-watch .s3 .option .flow.color1 {width: 168px; height: 168px; background: rgba(34, 66, 109, .88);}
.wrap-watch .s3 .option .flow.color2 {width: 218px; height: 218px; margin: -120px -40px 0 -50px; background: rgba(67, 94, 170, .88);}
.wrap-watch .s3 .option .flow.color3 {width: 141px; height: 141px; margin: 24px 0 0 0; background: rgba(24, 188, 215, .88);}

.wrap-watch .s3 .option .flow strong {display: block; padding: 0 24px; font-size: 14px; color: #fff;}
.wrap-watch .s3 .option .flow.color1 strong {margin: 42px 0 0 0;}
.wrap-watch .s3 .option .flow.color2 strong {margin: 65px 0 0 0;}
.wrap-watch .s3 .option .flow.color3 strong {margin: 30px 0 0 0;}

.wrap-watch .s3 .option .flow p {font-size: 21px; color: #fff;}

.wrap-watch > .title {text-align: center;}
.wrap-watch > .title span {display: block; font-size: 20px; color: #bababa;}
.wrap-watch > .title strong {display: block; font-size: 35px; color: #00356d;}

.wrap-watch .overview {display: table; width: 100%; margin: 40px 0 90px 0;}
.wrap-watch .overview .row {position: relative; padding: 22px 0 0 0; border-top: 3px solid #686868;}
.wrap-watch .overview .row::after {content: ''; position: absolute; left: 0; top: -3px; width: 90px; height: 3px; background: url('../../images/contents/line-watch.png') no-repeat center center;}
.wrap-watch .overview .title {display: table-cell; width: 310px; vertical-align: top;}
.wrap-watch .overview .title .box strong {font-size: 18px; color: #0465cd;}
.wrap-watch .overview .depart {margin: 58px 0 0 0; padding: 30px 0 20px 0; background: url('../../images/contents/bg-watch3.png') no-repeat center bottom; font-size: 17px; line-height: 1.2; text-align: center; color: #333;}
.wrap-watch .overview .depart strong {display: inline-block; margin: 0 0 10px 0; font-size: 18px; color: #213f69;}
.wrap-watch .overview .desc {display: table-cell; padding: 0 0 0 100px; vertical-align: top;}
.wrap-watch .overview .desc .box strong {font-size: 18px; color: #0465cd;}
.wrap-watch .overview .people {margin: 58px 0 0 0;}
.wrap-watch .overview .people .icon1 em {font-size: 17px; color: #0061cd;}
.wrap-watch .overview .people .icon2 em {font-size: 17px; color: #49baf4;}
.wrap-watch .overview .people .icon3 em {font-size: 17px; color: #818283;}
.wrap-watch .overview .people .icon4 em {font-size: 17px; color: #333;}
.wrap-watch .overview .people p {padding: 105px 0 0 0; font-size: 16px; text-align: center; color: #333;}
.wrap-watch .overview .people .icon1 p {background: url('../../images/contents/ico-watch1.png') no-repeat top center;}
.wrap-watch .overview .people .icon2 p {background: url('../../images/contents/ico-watch2.png') no-repeat top center;}
.wrap-watch .overview .people .icon3 p {background: url('../../images/contents/ico-watch3.png') no-repeat top center;}
.wrap-watch .overview .people .icon4 p {background: url('../../images/contents/ico-watch12.png') no-repeat top center;}
.wrap-watch .overview .people li {position: relative; float: left; width: 25%;}
.wrap-watch .overview .people li::after {content: ''; position: absolute; left: 100%; top: 41%; width: 15px; height: 15px; background: url('../../images/contents/ico-watch4.png') no-repeat center center; transform: translate(-50%, -50%);}
.wrap-watch .overview .people li.icon3::after {width: 38px; height: 41px; background: url('../../images/contents/bg-watch4.png') no-repeat center center;}
.wrap-watch .overview .people li:last-child::after {display: none;}

.wrap-watch .direction {text-align: center;}
.wrap-watch .direction .box {background: #f5f6f7; padding: 0 10px; height: 370px;}
.wrap-watch .direction ul {margin: 50px 0 90px 0;}
.wrap-watch .direction li {float: left; width: 25%; padding: 0 7px;}
.wrap-watch .direction strong {display: inline-block; position: relative; margin: 60px 0 14px 0; padding: 90px 0 14px 0; font-size: 18px; color: #333;}
.wrap-watch .direction .ico1 strong {background: url('../../images/contents/ico-watch5.png') no-repeat center top;}
.wrap-watch .direction .ico2 strong {background: url('../../images/contents/ico-watch6.png') no-repeat center top;}
.wrap-watch .direction .ico3 strong {background: url('../../images/contents/ico-watch7.png') no-repeat center top;}
.wrap-watch .direction .ico4 strong {background: url('../../images/contents/ico-watch8.png') no-repeat center top;}
.wrap-watch .direction strong::after {content: ''; position: absolute; left: 50%; top: 100%; width: 36px; height: 2px; background: #0078ff; transform: translate(-50%, 0);}
.wrap-watch .direction strong em {color: #0061cd;}
.wrap-watch .direction p {padding: 0 0 60px 0; font-size: 15px; color: #666;}

.wrap-watch .edu .subject {display: block; margin: 30px 0 10px 0; font-size: 24px; text-align: center; color: #435eaa;}
.wrap-watch .edu .desc {font-size: 17px; text-align: center; color: #666666;}
.wrap-watch .edu .pictogram {position: relative; min-height: 570px; margin: 40px 0 100px 0;}
.wrap-watch .edu .pictogram .title {position: absolute; left: 50%; top: 57%; z-index: 1; width: 200px; height: 200px; background: #123473; border: 10px solid #fff; border-radius: 100%; text-align: center; transform: translate(-50%, -50%);}
.wrap-watch .edu .pictogram .title span {display: inline-block; margin: 65px 0 0 0; font-size: 14px; color: #fff;}
.wrap-watch .edu .pictogram .pos {position: absolute; width: 282px; height: 324px;}
.wrap-watch .edu .pictogram .pos.pos1 {left: 50%; top: 0px; background: url('../../images/contents/bg-watch17.png') no-repeat center center; transform: translate(-50%, 0);}
.wrap-watch .edu .pictogram .pos.pos2 {left: 60.3%; top: 43.8%; background: url('../../images/contents/bg-watch19.png') no-repeat center center; transform: translate(-50%, 0);}
.wrap-watch .edu .pictogram .pos.pos3 {left: 39.6%; top: 43.8%; background: url('../../images/contents/bg-watch18.png') no-repeat center center; transform: translate(-50%, 0);}
.wrap-watch .edu .pictogram .pos::after {content: ''; position: absolute; left: 50%; top: 50%; width: 82px; height: 110px; transform: translate(-50%, -50%);}
.wrap-watch .edu .pictogram .pos.pos1::after {top: 42%; background: url('../../images/contents/ico-watch9.png') no-repeat center center;}
.wrap-watch .edu .pictogram .pos.pos2::after {background: url('../../images/contents/ico-watch11.png') no-repeat center center;}
.wrap-watch .edu .pictogram .pos.pos3::after {background: url('../../images/contents/ico-watch10.png') no-repeat center center;}
.wrap-watch .edu .pictogram .pos .box {position: relative; height:100%;}
.wrap-watch .edu .pictogram .info {position: absolute; min-width: 300px;}
.wrap-watch .edu .pictogram .pos1 .info {left: 135%; top: 20%; }
.wrap-watch .edu .pictogram .pos2 .info {left: 120%; top: 38%; }
.wrap-watch .edu .pictogram .pos3 .info {left: -145%; top: 52%; text-align: right; width: 349px;}
.wrap-watch .edu .pictogram .info::after {content: ''; position: absolute; width: 7px; height: 7px; background: #2ca3da; border-radius: 100%;}
.wrap-watch .edu .pictogram .pos1 .info::after {left: -15px; top: 18px;}
.wrap-watch .edu .pictogram .pos2 .info::after {left: -15px; top: 19px;}
.wrap-watch .edu .pictogram .pos3 .info::after {right: -19px; top: 13px;}
.wrap-watch .edu .pictogram .info::before {content: ''; position: absolute; height: 1px; background: #2ca3da;}
.wrap-watch .edu .pictogram .pos1 .info::before {right: 105%; top: 11%; width: 100px; transform: rotate(-34deg); transform-origin: right top;}
.wrap-watch .edu .pictogram .pos2 .info::before {right: 105%; top: 12%; width: 50px; transform: rotate(-34deg); transform-origin: right top;}
.wrap-watch .edu .pictogram .pos3 .info::before {left: 104%; top: 13%; width: 56px; transform: rotate(-34deg); transform-origin: left top;}
.wrap-watch .edu .pictogram .info strong {font-size: 19px; color: #0055bc;}
.wrap-watch .edu .pictogram .info p {margin: 10px 0 10px 0; font-size: 16px; color: #989a9d;}
.wrap-watch .edu .pictogram .info li {font-size: 13px; color: #2f2f2f;}

.wrap-watch .field .desc {margin: 31px 0 68px 0; font-size: 17px; text-align: center; line-height: 1.3; color: #666;}
.wrap-watch .field .desc em {color: #0054a6;}
.wrap-watch .field .list {margin: 0 0 92px 0;}
.wrap-watch .field .list li {position: relative; float: left; width: 20%; display: table; height: 206px;}
.wrap-watch .field .list li::after {content: ''; position: absolute; left: 100%; top: 50%; width: 35px; height: 35px; background: url('../../images/contents/bg-watch10.png') no-repeat center center; transform: translate(-50%, -50%);}
.wrap-watch .field .list li:last-child::after {display: none;}
.wrap-watch .field .list li p {min-height: 206px; font-size: 16px; text-align: center; color: #303030; display: table-cell; vertical-align: middle;}
.wrap-watch .field .list li.color1 p {background: url('../../images/contents/bg-watch5.png') no-repeat center center;}
.wrap-watch .field .list li.color2 p {background: url('../../images/contents/bg-watch6.png') no-repeat center center;}
.wrap-watch .field .list li.color3 p {background: url('../../images/contents/bg-watch7.png') no-repeat center center;}
.wrap-watch .field .list li.color4 p {background: url('../../images/contents/bg-watch8.png') no-repeat center center;}
.wrap-watch .field .list li.color5 p {background: url('../../images/contents/bg-watch9.png') no-repeat center center;}
.wrap-watch .field .list li.color1 span {color: #0091d4;}
.wrap-watch .field .list li.color2 span {color: #5073b3;}
.wrap-watch .field .list li.color3 span {color: #0054a6;}
.wrap-watch .field .list li.color4 span {color: #044074;}
.wrap-watch .field .list li.color5 span {color: #044074;}

.wrap-watch .component .subject {display: block; margin: 30px 0 0 0; font-size: 24px; text-align: center; color: #435eaa;}
.wrap-watch .component .desc {font-size: 17px; text-align: center; color: #666666;}

.wrap-watch .component .pictogram {position: relative; margin: 50px 0 0 0; border: 1px solid #cfcfcf;}
.wrap-watch .component .pictogram .pos {position: absolute; width: 200px; height: 200px; border-radius: 100%; border: 1px solid #999; text-align: center; transform: translate(-50%, 0);}
.wrap-watch .component .pictogram .pos1 {left: 50%; top: 10%;}
.wrap-watch .component .pictogram .pos2 {left: 70%; top: 60%;}
.wrap-watch .component .pictogram .pos3 {left: 30%; top: 60%;}
.wrap-watch .component .pictogram .pos1::after {content: '협업전파'; position: absolute; left: 96%; top: 90%; width: 180px; height: 150px; padding: 0 0 0 100px; background: url('../../images/contents/bg-watch15.png') no-repeat left center; font-size: 19px; line-height: 130px; text-align: left; color: #1a63c5;}
.wrap-watch .component .pictogram .pos2::after {content: '협업'; position: absolute; left: -164%; top: 62%; width: 300px; height: 70px;  padding: 40px 0 0 0; background: url('../../images/contents/bg-watch12.png') no-repeat center top; font-size: 19px; text-align: center; color: #1a63c5;}
.wrap-watch .component .pictogram .pos3::after {content: '협업전파'; position: absolute; left: 58%; top: -76%; width: 180px; height: 150px; background: url('../../images/contents/bg-watch14.png') no-repeat right center; font-size: 19px; line-height: 130px; text-align: left; color: #1a63c5;}
.wrap-watch .component .pictogram .title {position: absolute; left: 50%; top: 61%; z-index: 1; width: 220px; height: 220px; background: #123473; box-shadow: 0px 0px 0px 1px rgba(196,196,196,1); border: 10px solid #fff; border-radius: 100%; font-size: 17px; text-align: center; transform: translate(-50%, -50%);  color: #fff; }
.wrap-watch .component .pictogram .title span {display: inline-block; margin: 70px 0 0 0;}
.wrap-watch .component .pictogram .title em {font-size: 23px;}
.wrap-watch .component .pictogram .info strong {display: inline-block; margin: 28px 0 0 0; padding: 60px 0 0 0; font-size: 19px; color: #014099;}
.wrap-watch .component .pictogram .pos1 .info strong {background: url('../../images/contents/bg-watch11.png') no-repeat center top;}
.wrap-watch .component .pictogram .pos2 .info strong {margin: 17px 0 0 0;  background: url('../../images/contents/bg-watch13.png') no-repeat center top;}
.wrap-watch .component .pictogram .pos3 .info strong {background: url('../../images/contents/bg-watch20.png') no-repeat center top;}
.wrap-watch .component .pictogram .info p {font-size: 15px; color: #666;}
.wrap-watch .component .pictogram .info em {font-size: 20px; color: #435eaa;}

.wrap-watch .zone .subject {display: block; margin: 80px 0 0 0; font-size: 24px; text-align: center; color: #435eaa;}
.wrap-watch .zone .desc {font-size: 16px; text-align: center; color: #666666;}
.wrap-watch .zone .pictogram {position: relative; min-height: 535px; background: url('../../images/contents/bg-watch16.png') no-repeat center top;}
.wrap-watch .zone .pictogram p {font-size: 20px; text-align: center; line-height: 1.3; color: #fff;}
.wrap-watch .zone .pictogram .num {display: inline-block; margin: 0 0 7px 0; width: 30px; height: 30px; background: #fff; border-radius: 100%; line-height: 30px; color: #204f89;}
.wrap-watch .zone .pictogram .pos2 .num {margin: 0 5px 0 0;}
.wrap-watch .zone .pictogram .pos4 .num {margin: 0 5px 0 0;}
.wrap-watch .zone .pictogram .pos {position: absolute;}
.wrap-watch .zone .pictogram .pos1 {left: 32.6%; top: 37%;}
.wrap-watch .zone .pictogram .pos2 {left: 39%; top: 75%;}
.wrap-watch .zone .pictogram .pos3 {left: 56%; top: 65%;}
.wrap-watch .zone .pictogram .pos4 {left: 45%; top: 55%;}
.wrap-watch .zone .pictogram .pos5 {left: 41.2%; top: 19%;}
.wrap-watch .zone .pictogram .pos6 {left: 57.2%; top: 28%;}
.wrap-watch .zone .pictogram .pos7 {left: 68%; top: 88%; color: #2e7cba;}
.wrap-watch .zone .line-box {margin: 50px 0 0 0; padding: 0 0 70px 0; border: 1px solid #ccc;}
.wrap-watch .zone .list ul {max-width: 1130px; margin: 0 auto;}
.wrap-watch .zone .list li {float: left; width: 50%; padding: 15px 23px;}
.wrap-watch .zone .list .box {display: table; width: 100%; border: 1px solid #d1d1d1; border-radius: 50px 0 0 50px;}
.wrap-watch .zone .list .icon1 .box {border: 1px solid #011c57;}
.wrap-watch .zone .list .icon2 .box {border: 1px solid #18bcd7;}
.wrap-watch .zone .list .icon3 .box {border: 1px solid #005f9c;}
.wrap-watch .zone .list .icon4 .box {border: 1px solid #5069b1;}
.wrap-watch .zone .list .title {position: relative; display: table; width: 140px; font-size: 18px; vertical-align: middle; color: #fff; height: 140px;}
.wrap-watch .zone .list .title-box{display: table; height: 100%;}
/* .wrap-watch .zone .list .title::after {content: ''; position: absolute; left: -20px; top: -9px; width: 140px; height: 140px; border-radius: 100%;} */
.wrap-watch .zone .list .title .text {position: relative; left: -20px; z-index: 1; width: 140px; text-align: center; font-size: 12px; display: table-cell; vertical-align: middle; background-color: red; padding: 0 5px; border-radius: 50%;}
.wrap-watch .zone .list li:nth-child(1) .title .text{background-color: #011c57;}
.wrap-watch .zone .list li:nth-child(2) .title .text{background-color: #18bcd7;}
.wrap-watch .zone .list li:nth-child(3) .title .text{background-color: #005f9c;}
.wrap-watch .zone .list li:nth-child(4) .title .text{background-color: #5069b1;}
.wrap-watch .zone .list .title .num {font-size: 19px; color: #fff;}
.wrap-watch .zone .list .desc {display: table-cell; height: 125px; vertical-align: middle; text-align: left;}
.wrap-watch .zone .list .desc strong {font-size: 14px; color: #011c57;}
.wrap-watch .zone .list .icon2 .desc strong {color: #18bcd7;}
.wrap-watch .zone .list .icon3 .desc strong {color: #005f9c;}
.wrap-watch .zone .list .icon4 .desc strong {color: #5069b1;}
.wrap-watch .zone .list .desc p {font-size: 16px; color: #666;}

@media all and (max-width: 1400px) {
  .wrap-watch .edu .pictogram {min-height: auto;}
  .wrap-watch .edu .pictogram .title {position: static; width: 100%; height: auto; margin: 0 0 30px 0; padding: 10px; border-radius: 15px; transform: translate(0,0); }
  .wrap-watch .edu .pictogram .title span {margin: 0; }
  .wrap-watch .edu .pictogram .title span br {display: none;}
  .wrap-watch .edu .pictogram .pos {position: static; float: left; width: 33.3333%; height: auto; min-height: 200px; padding: 190px 0 0 0 ; background-size: 150px !important; background-position: center top !important; transform: translate(0,0) !important;}
  .wrap-watch .edu .pictogram .pos::after {left: 50%; top: 85px !important; background-size: 50px !important;}
  .wrap-watch .edu .pictogram .info {position: static; min-width: auto; text-align: center !important;}
  .wrap-watch .edu .pictogram .pos3 .info{width: auto;}
  .wrap-watch .edu .pictogram .info::after {display: none;}
  .wrap-watch .edu .pictogram .info::before {display: none;}
  .wrap-watch .component .pictogram .title {position: static; transform: translate(0,0);}
}

@media all and (max-width: 1200px) {
  .wrap-watch .overview .title,
  .wrap-watch .overview .desc {display: block; width: 100%;}
  .wrap-watch .overview .desc {padding: 0;}
  .wrap-watch .overview .depart {margin: 0 0 30px 0;}
  .wrap-watch .overview .people {margin: 30px 0 0 0;}
  .wrap-watch .overview .row {padding: 15px 0 0 0;}
  .wrap-watch .direction li {width: 50%; padding:  7px;}
  .wrap-watch .direction .box{height: 300px;}
  .wrap-watch .direction strong {margin: 25px 0 14px 0; padding: 70px 0 14px 0;}
  .wrap-watch .direction p {padding: 0 0 30px 0;}
  .wrap-watch .field .list li p {background-size: 80% !important;}
}

@media all and (max-width: 1100px) {
  .wrap-watch .zone .list li {width: 100%;}
}

@media all and (max-width: 940px) {
  .wrap-watch .edu .pictogram .pos {width: 100%; padding: 40px 0 40px 190px; border-bottom: 1px solid #d1d1d1; background-position: left center !important;}
  .wrap-watch .edu .pictogram .pos::after {left: 75px; top: 50% !important;}
  .wrap-watch .edu .pictogram .info {text-align: left !important;}
  .wrap-watch .field .list li {width: 33.333%; margin: 0 0 20px 0;}
  .wrap-watch .field .list li p {background-size: 70% !important;}
  .wrap-watch .field .list li::after {left: 85%;}
  .wrap-watch .s2 .option .people-text{display: block; margin-bottom: 15px;}
}

@media all and (max-width: 780px) {
  .wrap-watch .edu .subject {margin: 25px 0 10px 0; font-size: 22px;}
  .wrap-watch .edu .desc {font-size: 16px;}
  .wrap-watch .edu .pictogram {margin: 30px 0 40px 0;}
  .wrap-watch .edu .pictogram .title {margin: 0 0 0 0;}
  .wrap-watch .field .desc {font-size: 16px;}
  .wrap-watch .big-title {padding: 138px 0 50px 0; font-size: 30px;}
  .wrap-watch .component .subject {margin: 22px 0 10px 0; font-size: 22px;}
  .wrap-watch .component .desc {font-size: 16px;}
  .wrap-watch .zone .subject {margin: 22px 0 10px 0; font-size: 22px;}
  .wrap-watch .zone .desc {font-size: 16px;}
  .wrap-watch .zone .line-box {padding: 0 0 20px 0;}
  .wrap-watch .zone .list .desc strong {font-size: 18px;}
  .wrap-watch .overview {margin: 30px 0;}
  .wrap-watch .overview .depart {font-size: 20px;}
  .wrap-watch .overview .depart strong {font-size: 20px;}
  .wrap-watch .overview .title .box strong {font-size: 20px;}
  .wrap-watch .overview .people li {width: 50%; margin: 0 0 20px 0;}
  .wrap-watch .overview .people li::after {display: none;}
  .wrap-watch .overview .people p {padding: 35px 0 35px 120px; background-position: left center !important; text-align: left; font-size: 16px;}
  .wrap-watch > .title strong {font-size: 25px;}
  .wrap-watch > .title span {font-size: 16px;}
  .wrap-watch .section {padding: 30px 0;}
  .wrap-watch .section .subject {font-size: 20px;}
  .wrap-watch .section .desc {font-size: 16px;}
  .wrap-watch .section .desc br {display: none;}
  .wrap-watch .field .list {margin: 0 0 10px 0;}
  .wrap-watch .field .list li {width: 50%;}
  .wrap-watch .field .list li p {background-size: 55% !important;}
  .wrap-watch .field .desc {margin: 20px 0 40px 0;}
  .wrap-watch .direction ul {margin: 30px 0 40px 0;}
  .wrap-watch .direction p {font-size: 16px;}
  .wrap-watch .direction strong {font-size: 20px;}
}

@media all and (max-width: 670px) {
  .wrap-watch .s1 .option .stat {display: block; width: 100%; position: static;}
  .wrap-watch .s1 .option .people {display: block; width: 100%; margin: 0 0 10px 0;}
  .wrap-watch .s1 .option .rect {display: block; width: 100%; line-height: 60px;}
  .wrap-watch .s2 .option .people-text.first {margin: 0 0 10px 0;}
  .wrap-watch .s2 .option .people-box {width: 100%; height: auto; margin: 0 0 10px 0 !important; padding: 10px; background: none !important; font-size: 18px;}
  .wrap-watch .s2 .option .people-box span {margin: 0;}
  .wrap-watch .s2 .option .people-box span br {display: none;}
  .wrap-watch .s2 .option .people-box.color1 {border: 2px solid #335971; border-radius: 10px; color: #335971;}
  .wrap-watch .s2 .option .people-box.color2 {border: 2px solid #2ac9ff; border-radius: 10px; color: #2ac9ff;}
  .wrap-watch .s3 .option {padding: 0;}
  .wrap-watch .s3 .option .flow {width: 100% !important; height: auto !important; padding: 10px 0; border-radius: 10px;}
  .wrap-watch .s3 .option .flow.color2 {margin: 10px 0;}
  .wrap-watch .s3 .option .flow.color3 {margin: 0;}
  .wrap-watch .s3 .option .flow strong {display: inline-block; margin: 0 !important; font-size: 18px;}
  .wrap-watch .s3 .option .flow p {display: inline-block; margin: 0 0 0 5px; font-size: 18px;}
  .wrap-watch .edu .pictogram {margin: 20px 0 30px 0;}
  .wrap-watch .edu .pictogram .pos {padding: 20px; background: none !important;}
  .wrap-watch .edu .pictogram .pos::after {display: none;}
  .wrap-watch .edu .pictogram .info strong {font-size: 20px;}
  .wrap-watch .edu .pictogram .info p {font-size: 18px;}
  .wrap-watch .edu .pictogram .info li {font-size: 16px;}
  .wrap-watch .direction li {width: 100%;}
  .wrap-watch .direction .box{height: auto;}
  .wrap-watch .direction ul {margin: 40px 0;}
  .wrap-watch .overview .people li {width: 100%; padding: 0 0 20px 0; border-bottom: 1px solid #d1d1d1;}
  .wrap-watch .field .list {margin: 0 0 30px 0;}
  .wrap-watch .field .list li {width: 100%; border-bottom: 1px solid #d1d1d1; padding: 0 0 20px 0; height: auto;}
  .wrap-watch .field .list li p {min-height: auto; padding: 25px 0 25px 90px; background-size: 70px !important; background-position: left center !important; text-align: left;}
  .wrap-watch .field .list li p br {display: none;}
  .wrap-watch .field .list li::after {left: 93%; top: 41%;}
  .wrap-watch .field .desc {margin: 20px 0;}
  .wrap-watch .field .desc br {display: none;}
  .wrap-watch .zone .line-box {padding: 0 0 20px 0;}
  .wrap-watch .zone .list li {padding: 10px 20px;}
  .wrap-watch .zone .list .box {padding: 20px; border-radius: 10px}
  .wrap-watch .zone .list .desc {height: auto;}
  .wrap-watch .zone .list .title {color: #333;}
  .wrap-watch .zone .list .title .text {left: 0; text-align: left;}
  .wrap-watch .zone .list .title .text br {display: none;}
  .wrap-watch .zone .list .title .num {color: #333;}
  .wrap-watch .zone .list .title::after {display: none;}
  .wrap-watch .zone .list .title {display: block; width: 100%; height: auto;}
  .wrap-watch .zone .list .desc {display: block; width: 100%;}
  .wrap-watch .zone .list .title .text{background-color: transparent !important;}
}

.wrap-white {padding: 10px; background: url('../../images/common/box-pattern.png'); text-align: left;}
.wrap-white .white-box {padding: 30px 40px; background: #fff;}
.wrap-white .title {display: block; padding: 0 0 0 30px; background: url('../../images/sub/bul-program.png') no-repeat left 10px; font-family:'S-CoreDream-5Medium'; font-size: 20px; color: #2b3e5c;}
.wrap-white p {color: #666;}
.wrap-white p .color {color: #066ef1;}

.wrap-white2 {padding: 10px; background: url('../../images/common/box-pattern.png'); text-align: center; }
.wrap-white2 .white-box {padding: 40px 40px; background: #fff;}
.wrap-white2 .left {float: left; width: 50%; border-right: 1px solid #dee3ee;}
.wrap-white2 .right {float: right; width: 50%;}
.wrap-white2 .left .con {padding: 20px 0 20px 185px; background: url('../../images/sub/ico-program1.png') no-repeat left center;}
.wrap-white2 .right .con {padding: 20px 0 20px 185px; background: url('../../images/sub/ico-program2.png') no-repeat left center;}
.wrap-white2 .con {display: inline-block; text-align: left;}
.wrap-white2 .con strong {position: relative; display: block; margin: 0 0 5px 0; padding: 0 0 0 20px; font-size: 20px; color: #2b3e5c;}
.wrap-white2 .con strong::after {content: ''; position: absolute; left: 0; top: 14px; width: 14px; height: 2px; background: #1e5ba8;}
.wrap-white2 .con p {font-size: 15px; color: #066ef1;}

@media all and (max-width: 1280px) {
  .wrap-white2 {text-align: left;}
  .wrap-white2 .left {border: 0; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #dee3ee;}
  .wrap-white2 .left,
  .wrap-white2 .right {width: 100%;}
}

@media all and (max-width: 630px) {
  .wrap-white2 .left .con,
  .wrap-white2 .right .con {width: 100%; padding: 140px 0 0 0; background-position: top center;}
  .wrap-white .white-box {padding: 20px;}
}

.wrap-program > ul > li {float: left; width: 33.333%; margin: 15px 0; padding: 0 20px 0 0;}
.wrap-program .box-program {overflow: hidden; position: relative; height: 340px}
.wrap-program .desc {position: absolute; right: 45px; top: 35px; width: 100%; max-width: 260px; padding: 30px; background: rgba(255,255,255,.95);}
.wrap-program .desc strong {display: block; padding: 75px 0 35px 0; font-size: 22px; color: #002e66;}
.wrap-program .desc ul li {padding: 0 0 0 15px; background: url('../../images/sub/list-program.png') no-repeat left 10px;;}
.wrap-program .bg1 {background: url('../../images/sub/bg-program1.jpg') no-repeat center center;}
.wrap-program .bg1 strong {background: url('../../images/sub/ico-pro1.png') no-repeat left top;}
.wrap-program .bg2 {background: url('../../images/sub/bg-program2.jpg') no-repeat center center;}
.wrap-program .bg2 strong {background: url('../../images/sub/ico-pro2.png') no-repeat left top;}
.wrap-program .bg3 {background: url('../../images/sub/bg-program3.jpg') no-repeat center center;}
.wrap-program .bg3 strong {background: url('../../images/sub/ico-pro3.png') no-repeat left top;}
.wrap-program .bg4 {background: url('../../images/sub/bg-program4.jpg') no-repeat center center;}
.wrap-program .bg4 strong {background: url('../../images/sub/ico-pro4.png') no-repeat left top;}
.wrap-program .bg5 {background: url('../../images/sub/bg-program5.jpg') no-repeat center center;}
.wrap-program .bg5 strong {background: url('../../images/sub/ico-pro5.png') no-repeat left top;}
.wrap-program .bg6 {background: url('../../images/sub/bg-program6.jpg') no-repeat center center;}
.wrap-program .bg6 strong {background: url('../../images/sub/ico-pro6.png') no-repeat left top;}

@media all and (max-width: 1100px) {
  .wrap-program .desc strong {font-size: 18px;}
  .wrap-program .desc {max-width: 73%;}
}

@media all and (max-width: 1070px) {
  .wrap-program > ul > li {width: 50%;}
  .wrap-progwrap-buildiram .desc strong {font-size: 20px;}
  .wrap-program .desc {right: 13%;}
}

@media all and (max-width: 710px) {
  .wrap-program > ul > li {width: 100%;}
  .wrap-program .box-program {height: 290px; background-size: cover;}
  .wrap-program .desc {max-width: 85%; right: 7%; top: 45px;}
  .wrap-program .desc strong {padding: 57px 0 10px 0;}
}

.wrap-building ul li {float: left; margin: 0 0 50px 0; padding: 0 17px 0 0;}
.wrap-building ul li.list1 {width: 31.3%;}
.wrap-building ul li.list2 {width: 34.3%;}
.wrap-building ul li.list3 {width: 28.1%;}
.wrap-building ul li .thumb {position: relative;}
.wrap-building ul li .thumb img {width: 100%;}
.wrap-building ul li .desc {position: absolute; left: 0; bottom: 0; width: 100%; padding: 18px 0; background: #1c2e41;  color: #fff;}
.wrap-building ul li .desc span {display: inline-block; position: relative; padding: 0 0 0 45px;}
.wrap-building ul li .desc span::after {content: ''; position: absolute; left: 20px; top: 8px; width: 12px; height: 12px; background: #fff; border-radius: 100%;}

@media all and (max-width: 500px) {
  .wrap-building ul li {width: 100% !important; margin: 0 0 15px 0; padding: 0;}
}

.wrap-location .desc {position: relative; display: inline-block; width: 100%; margin: -31px 0 0 0; padding: 25px 30px 25px 30px; background: #edf1f4;}
.wrap-location .desc .address,
.wrap-location .desc .tel {float: left; padding:10px 0 10px 80px;}
.wrap-location .desc .tel {background: url('../../images/sub/ico-location2.png') no-repeat left center;}
.wrap-location .desc .address {margin-right: 45px; background: url('../../images/sub/ico-location1.png') no-repeat left center;}
.wrap-location .desc strong {display:block; font-size: 17px; color: #333333}
.wrap-location .desc p {font-size: 15px; color: #333;}
.wrap-location .desc .btn-location {position: absolute; right: 30px; top: 30px; padding: 19px 125px 19px 20px; background: #122651 url('../../images/sub/arrow-location.png') no-repeat 92% center; border-radius: 100px; font-size: 15px; color: #fff;}

@media all and (max-width: 950px) {
  .wrap-location .desc .address,
  .wrap-location .desc .tel {float: none; width: 100%}
}

@media all and (max-width: 750px) {
  .wrap-location .desc {margin: 0; padding: 0px 20px 20px 20px;}
  .wrap-location .desc .btn-location {position: static; display: inline-block; margin-top: 10px;}
  .wrap-location .map {position: relative; overflow: hidden; height: 200px;}
  .wrap-location .map > div {position: absolute; top: -75%;}
}

@media all and (max-width: 515px) {
  .wrap-location .desc .address,
  .wrap-location .desc .tel {padding: 10px 0; background: none;}
}

.wrap-traffic {padding: 30px 0 0 30px; background: #ecf1f7;}
.wrap-traffic li {display: table; float: left; width: 50%; padding: 0 30px 30px 0;}
.wrap-traffic li .title {display: table-cell; width: 255px; background: url('../../images/sub/arrow-traffic.png') no-repeat 90% 33px; vertical-align: top;}
.wrap-traffic li .title span {display: inline-block; padding: 30px 0 30px 104px; font-size: 17px; color: #005aab;}
.wrap-traffic li .title span.ico1 {background: url('../../images/sub/ico-traffic1.png') no-repeat left center;}
.wrap-traffic li .title span.ico2 {background: url('../../images/sub/ico-traffic2.png') no-repeat left center;}
.wrap-traffic li .title span.ico3 {background: url('../../images/sub/ico-traffic3.png') no-repeat left center;}
.wrap-traffic li .title span.ico4 {background: url('../../images/sub/ico-traffic4.png') no-repeat left center;}
.wrap-traffic li .info {display: table-cell; vertical-align: top;}
.wrap-traffic li .info .box {background: #fff; padding: 20px 30px; border: 1px solid #dfdfdf; font-size: 14px;}

@media all and (max-width: 1230px) {
  .wrap-traffic li {width: 100%; padding: 0 30px 20px 0;}
  .wrap-traffic li,
  .wrap-traffic li .title,
  .wrap-traffic li .info {display: block; width: 100%;}
  .wrap-traffic li .title {margin: 0 0 20px 0; background: none;}
}

@media all and (max-width: 750px) {
  .wrap-traffic {padding: 20px 0 0 20px;}
  .wrap-traffic li {padding: 0 20px 20px 0;}
  .wrap-traffic li .title {margin: 0 0 15px 0;}
  .wrap-traffic li .title span {padding: 15px 0 15px 63px; background-size: 50px !important;}
}

.wrap-location .thumb {position: relative;}
.wrap-location .thumb .title {position: absolute; left: 30px; bottom: 30px;}
.wrap-location .thumb .title strong {display: block; font-size: 30px; line-height: 1.2; color: #00336d;}
.wrap-location .thumb .title span {font-size: 16px; color: #262626;}
.wrap-location .info .text strong {font-size: 15px; color: #23c9ff;}
.wrap-location .info .text p {font-size: 15px; color: #fff;}
.wrap-location .info {padding: 30px 0; background: #11355d;}
.wrap-location .info ul {overflow: hidden;}
.wrap-location .info ul li {float: left; width: 33.3333%; padding: 0 30px; border-right: 1px solid rgba(255,255,255,.2);}
.wrap-location .info ul li .first {margin: 0 0 20px 0;}

@media all and (max-width: 980px) {
  .wrap-location .info ul li {width: 50%; border: 0;}
  .wrap-location .info ul li.last {width: 100%; margin: 20px 0 0 0;}
  .wrap-location .info ul li.last .text {float: left; width: 50%; padding: 0 30px;}
  .wrap-location .info ul li.last .text.first {padding: 0;}
}

@media all and (max-width: 700px) {
  .wrap-location .thumb .title {position: static; padding: 20px; background: #0c2542; border-bottom: 1px solid #364e69;}
  .wrap-location .thumb .title strong {font-size: 17px; line-height: 1.6; color: #fff;}
  .wrap-location .thumb .title span {font-size: 16px; color: rgba(255,255,255,.5);}
  .wrap-location .info {padding: 20px 0;}
  .wrap-location .info ul li {width: 100%; margin: 0 0 20px 0; padding: 0 20px;}
  .wrap-location .info ul li.last {margin: 0;}
  .wrap-location .info ul li.last .text {width: 100%; padding: 0;}
}

body.compensate-for-scrollbar {overflow: auto !important;}

.layer-edu {display: none; position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.layer-edu.on {display: block;}
.layer-edu .dis-table {display: table; width: 100%; height: 100%;}
.layer-edu .dis-cell {position: relative; display: table-cell; vertical-align: middle; text-align: center;}
.layer-edu .con-edu {overflow: auto; display: inline-block; width: 95%; max-width: 1477px; padding: 30px; height: 700px; background: #fff;}
.layer-edu .btn-edu-close {display: block; margin: 0 auto; width: 100%; max-width: 1477px; font-size: 40px; color: #fff; text-align: right;}
.layer-edu .objHeading_h2,
.layer-edu .con-notice {text-align: left;}

/* 개인정보수집동의 */
#schdulMain {line-height: 1.5;}
.radio-wrap{text-align: center; padding: 20px 0 50px 0; border-bottom: 1px solid #eaeaea;}
.form-wrap{margin-top: 50px;}
.form-list{border-top: 2px solid #111111; border-bottom: 1px solid #111111;}
.form-list li{border-bottom: 1px solid #eaeaea;}
.form-list li:last-child{border-bottom: 0;}
.form-list li::after{content:""; display: table; clear: both;}
.form-list .form-title{float: left; width: 230px; padding: 15px 0; position: relative;}
.form-list .form-title::after{content:""; display: block; position: absolute; width: 1px; height: 15px; background-color: #8d8d8d; right: 0; top: 50%; margin-top: -7.5px;}
.form-list .form-title h2{font-size: 16px; font-family:'S-CoreDream-4Regular'; line-height: 30px;}
.form-list .form-content{float: right; width: calc(100% - 260px); padding: 15px 0; }
.form-list .form-content span{font-size: 14px; display: inline-block; margin-left: 10px;}
.form-list .form-content select, .form-list .form-content input, .form-list .form-content textarea{border: 1px solid #ddd; padding: 5px; }
.form-list .form-content input[type="text"], .form-list .form-content input[type="tel"], .form-list .form-content input[type="date"]{width: 24%;}
.form-btn-box{margin-top: 40px; text-align: center;}
.form-btn-box a{margin-right: 10px;}
.form-btn-box a:last-child{margin-right: 0;}

@media all and (max-width: 1023px) {
  .form-list .form-content input[type="text"], .form-list .form-content input[type="tel"], .form-list .form-content input[type="date"]{width: 30%;}
  .form-list .form-content span{margin-left: 0; display: block; margin-top: 10px;}
}

@media all and (max-width: 768px) {
  .form-list .form-title{width: 100%; float: none; background-color: #fafafa; padding: 7px 0;}
  .form-list .form-title h2{font-size: 16px; text-align: center;}
  .form-list .form-content{float: none; width: 100%;}
  .form-list .form-title::after{display: none;}
  .form-list .form-content select{width: 100%;}
  .form-list .form-content input[type="text"], .form-list .form-content input[type="tel"], .form-list .form-content input[type="date"]{width: 100%;}
  .form-list .form-content input#o_school1, .form-list .form-content input#o_school2{margin-bottom: 10px;}
  .form-btn-box .btn-style {width: 100%; margin: 0 0 15px 0;}
}

/* 신청내용 조회 */
.form-search-list{margin-top: 20px; border-top: 2px solid #111111; border-bottom: 1px solid #111111;}
.form-search-list li{border-bottom: 1px solid #eaeaea;}
.form-search-list li::after{content:""; display: table; clear: both;}
.form-search-list .form-title{float: left; width: 150px; padding: 15px 0; position: relative;}
.form-search-list .form-title::after{content:""; display: block; position: absolute; width: 1px; height: 15px; background-color: #8d8d8d; right: 0; top: 50%; margin-top: -7.5px;}
.form-search-list .form-title h2{font-size: 16px; font-family:'S-CoreDream-4Regular'; line-height: 30px;}
.form-search-list .form-content{float: right; width: calc(100% - 170px); padding: 15px 0; }
.form-search-list .form-content span{font-size: 14px; display: inline-block; margin-left: 10px;}
.form-search-list .form-content input{border: 1px solid #ddd; padding: 5px; }
.form-search-list .form-content input[type="text"], .form-search-list .form-content input[type="tel"], .form-search-list .form-content input[type="date"]{width: 24%;}

@media all and (max-width: 1023px) {
  .form-search-list .form-content input[type="text"], .form-search-list .form-content input[type="tel"], .form-search-list .form-content input[type="date"]{width: 30%;}
  .form-search-list .form-content span{margin-left: 0; display: block; margin-top: 10px;}
}

@media all and (max-width: 768px) {
  .form-search-list .form-title{width: 100%; float: none; background-color: #fafafa; padding: 7px 0;}
  .form-search-list .form-title h2{font-size: 16px; text-align: center;}
  .form-search-list .form-content{float: none; width: 100%;}
  .form-search-list .form-title::after{display: none;}
  .form-search-list .form-content select{width: 100%;}
  .form-search-list .form-content input[type="text"], .form-search-list .form-content input[type="tel"], .form-search-list .form-content input[type="date"]{width: 100%;}
}

/* 신청내용 수정 및 취소 */
.form-modify-wrap .form-list{border-top: 2px solid #111111; border-bottom: 1px solid #111111; margin-top: 20px;}
.form-modify-wrap .form-list li{border-bottom: 1px solid #eaeaea;}
.form-modify-wrap .form-list li:last-child{border-bottom: 0;}
.form-modify-wrap .form-list li::after{content:""; display: table; clear: both;}
.form-modify-wrap .form-list .form-title{float: left; width: 150px; padding: 15px 0; position: relative;}
.form-modify-wrap .form-list .form-title::after{content:""; display: block; position: absolute; width: 1px; height: 15px; background-color: #8d8d8d; right: 0; top: 50%; margin-top: -7.5px;}
.form-modify-wrap .form-list .form-title h2{font-size: 16px; font-family:'S-CoreDream-4Regular'; line-height: 30px;}
.form-modify-wrap .form-list .form-content{float: right; width: calc(100% - 170px); padding: 15px 0; }
.form-modify-wrap .form-list .form-content span{font-size: 14px; display: inline-block; margin-left: 10px;}
.form-modify-wrap .form-list .form-content select, .form-list .form-content input, .form-list .form-content textarea{border: 1px solid #ddd; padding: 5px; }
.form-modify-wrap .form-list .form-content input[type="text"], .form-list .form-content input[type="tel"], .form-search-list .form-content input[type="date"]{width: 24%;}
.form-modify-wrap .form-btn-box{margin-top: 40px; text-align: center;}
.form-modify-wrap .form-btn-box a{margin-right: 10px;}
.form-modify-wrap .form-btn-box a:last-child{margin-right: 0;}

@media all and (max-width: 1023px) {
  .form-modify-wrap .form-list .form-content input[type="text"], .form-list .form-content input[type="tel"], .form-search-list .form-content input[type="date"]{width: 30%;}
  .form-modify-wrap .form-list .form-content span{margin-left: 0; display: block; margin-top: 10px;}
}

@media all and (max-width: 768px) {
  .form-modify-wrap .form-list .form-title{width: 100%; float: none; background-color: #fafafa; padding: 7px 0;}
  .form-modify-wrap .form-list .form-title h2{font-size: 16px; text-align: center;}
  .form-modify-wrap .form-list .form-content{float: none; width: 100%;}
  .form-modify-wrap .form-list .form-title::after{display: none;}
  .form-modify-wrap .form-list .form-content select{width: 100%;}
  .form-modify-wrap .form-list .form-content input[type="text"], .form-list .form-content input[type="tel"], .form-search-list .form-content input[type="date"]{width: 100%;}
  .form-modify-wrap .form-list .form-content input#m_school1, .form-list .form-content input#m_school2{margin-bottom: 10px;}
}

/* pdf button */
.pdf-btn {text-align: right; margin-bottom: 15px;}
.pdf-btn a {display: inline-block;}

.pdf-content .pdf-none {display: none;}
.pdf-content.ie .pdf-none {display: block;}
.pdf-content.ie .pdf-none p {text-align: center; border: 3px solid #183068; padding: 30px 0;}


.mbr {display: none;}

@media all and (max-width: 860px) {
  .mbr {display: block;}
}

.wrap-organ {overflow: hidden;}
.wrap-organ .level1 {position: relative; margin: 0 0 70px 0; text-align: center;}
.wrap-organ .level1 strong {display: inline-block; padding: 10px 73px; background: #1e2d3b; font-size: 20px; color: #fff;}
.wrap-organ .level1 .sub {position: absolute; left: 17.6%; top: 77px; transform: translate(-50%,0);}
.wrap-organ .level1 .sub::after {content: ''; position: absolute; left: 50%; bottom: 100%; width: 2px; height: 100%; background: #ccc; transform: translate(-50%, 0);}
.wrap-organ .level1 .sub strong {padding: 10px 50px; background: #fff; border: 1px solid #ccc; color: #555;}
.wrap-organ .level2 {position: relative; margin: 0 0 90px 0; text-align: right;}
.wrap-organ .level2::after {content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: 35%; height: 2px; background: #ccc;}
.wrap-organ .level2 strong {display: inline-block; margin: 0 12% 0 0; padding: 10px 82px; background: #1e2d3b; font-size: 20px; color: #fff;}
.wrap-organ .level3 {margin: 0 0 60px 0; text-align: center;}
.wrap-organ .level3 strong {display: inline-block; width: 100%; padding: 55px 0; background: url('../../images/sub/organ-captain.png') no-repeat center center; font-family: 'S-CoreDream-5Medium'; font-size: 20px; color: #fff;}
.wrap-organ .level3 span {font-size: 22px;}
.wrap-organ .level4 {float: left; width: 48%;}
.wrap-organ .level4 ul{float: left;}
.wrap-organ .level4 .deps2{width: 40%; position: relative; padding-top :15px;}
.wrap-organ .level4 .deps2::before{content:""; display: block; position: absolute; left :50%; width: 2px; height: 15px; background-color: #ccc; top: 0;}
.wrap-organ .level4 .deps2::after{content:""; display: block; position: absolute; top: 15px; width: 50%; left: 25%; background-color: #ccc; height: 2px;}
.wrap-organ .level4 .deps2 li{width: 50%; float: left; padding-top: 15px; position: relative;}
.wrap-organ .level4 .deps2 li::before{content:""; display: block; position: absolute; left: 50%; width: 2px; background-color: #ccc;top: 0; height: 15px;}
.wrap-organ .level4 .deps3{width: 60%; position: relative; padding-top: 15px;}
.wrap-organ .level4 .deps3::before{content:""; display: block; position: absolute; left :50%; width: 2px; height: 15px; background-color: #ccc; top: 0;}
.wrap-organ .level4 .deps3 li::before{content:""; display: block; position: absolute; left: 50%; width: 2px; background-color: #ccc;top: 0; height: 15px;}
.wrap-organ .level4 .deps3::after{content:""; display: block; position: absolute; top: 15px; width: 66.5%; left: 17%; background-color: #ccc; height: 2px;}
.wrap-organ .level4 .deps3 li{width: calc(100%/3); float: left; padding-top: 15px; position: relative;}
.wrap-organ .level4 .deps3 li::before{content:""; display: block; position: absolute; left: 50%; width: 2px; background-color: #ccc;top: 0; height: 15px;}
.wrap-organ .level4 .level4-title {padding: 30px 0 15px 0; position: relative;}
.wrap-organ .level4 .level4-title::before{content:""; display: block; position: absolute; width: 2px; height: 30px; background-color: #ccc; left: 50%; top: 0;}
.wrap-organ .level4 .level4-title::after{content:""; display: block; position: absolute; width: 2px; height: 15px; background-color: #ccc; left: 50%; bottom: 0;}
.wrap-organ .level4 .level4-box{position: relative;}
.wrap-organ .level4 .level4-box::after{content:""; display: block; position: absolute; width: 50.3%; left: 20%; height: 2px; background-color: #ccc; bottom: 0;}
.wrap-organ .level4 .level4-title strong{max-width: 450px; margin: 0 auto;}
.wrap-organ .level4 li > div {position: relative; padding: 0 5px;}

.wrap-organ .level5 {float: right; width: 48%;}
.wrap-organ .level5-box{width: 60%; float: left; padding-top: 30px; position: relative;}
.wrap-organ .level5-box::before{content:""; display: block; position: absolute; width: 2px; height: 30px; left: 50%; top: 0; background-color: #ccc;}
.wrap-organ .level5 .level5-subbox{float:left; width: 40%; padding-top: 84px; position: relative;}
.wrap-organ .level5 .level5-subbox::before{content:""; display: block; position: absolute; width: 2px; height: 86px; left: 50%; top: 0; background-color: #ccc;}
.wrap-organ .level5 .level5-subbox::after{content:""; display: block; position: absolute; width: 50%; height: 2px; background-color: #ccc; top:84px; left: 25%;}
.wrap-organ .level5-box .deps3 li{width: calc(100%/3); float: left; padding-top: 15px; position: relative;}
.wrap-organ .level5-box .deps3 li::before{content:""; display: block; position: absolute; width: 2px; height: 15px; background-color: #ccc; top: 0; left: 50%;}
.wrap-organ .level5-box .level5-title{position: relative; padding: 0 0 15px 0;}
.wrap-organ .level5-box .level5-title::before{content:""; display: block; position: absolute; left: 50%; width: 2px; height: 15px; background-color: #ccc; bottom: 0;}
.wrap-organ .level5-box .level5-title::after{content:""; display: block; position: absolute; width: 67%; height: 2px; background-color: #ccc; bottom: 0; left: 16.8%;}
.wrap-organ .level5-box .level5-title strong{max-width: 290px; margin: 0 auto;}
.wrap-organ .level5 .deps2 li{width: 50%; float: left; position: relative; padding-top: 15px;}
.wrap-organ .level5 .deps2 li::before{content:""; display: block; position: absolute; width: 2px; height: 15px; background-color: #ccc; top: 0; left: 50%;}
.wrap-organ .level5 li > div {position: relative; padding: 0 5px;}
.wrap-organ .detail {display: inline-block; width: 100%; position: relative;}
.wrap-organ .detail::after {content: ''; position: absolute; left: 24%; top: 0; width: 66.5%; height: 2px; background: #ccc;}
.wrap-organ .detail::before {content: ''; position: absolute; left: 50%; bottom: 100%; z-index: -1; width: 2px; height: 100%; background: #ccc; transform: translate(-50%, 0);}
.wrap-organ .detail strong {position: relative; display: block; margin: 0 0 10px 0; padding: 10px; background: #05427e; font-size: 13px; text-align: center; color: #fff;}
.wrap-organ .detail p {margin: 0 0 10px 0; padding: 10px; background: #fff; border: 1px solid #05427e; font-size: 13px; text-align: center; color: #05427e;}
.wrap-organ .detail .color2 strong {background: #249cde;}
.wrap-organ .detail .color2 p {border: 1px solid #249cde; color: #1c82ba;}
.wrap-organ .detail .sub {position: absolute; left: 50%; bottom: 103%; z-index: 1; width: 94%; padding: 5px 0; background: #f1f1f1; border: 1px solid #d3d3d3; font-size: 14px; text-align: center; color: #1e2d3b; transform: translate(-50%, 0);}

@media all and (max-width: 1200px) {
  .wrap-organ .level4,
  .wrap-organ .level5 {width: 100%; }
  .wrap-organ .level5 {position: relative; margin: 40px 0 0 0; padding: 0;}
  .wrap-organ .level5::after {content: ''; position: absolute; left: 30%; width: 50%; top: 0; height: 2px; background-color: #ccc;}
  .wrap-organ .detail::after{display: none;}
}

@media all and (max-width: 655px) {
  .wrap-organ .level1 strong {padding: 10px 40px;}
  .wrap-organ .level1 .sub strong {padding: 10px 31px;}
  .wrap-organ .level2 strong {margin: 0 5% 0 0; padding: 10px 40px;}
  .wrap-organ .level3 strong {background-size: 117%;}
  .wrap-organ .level4,
  .wrap-organ .level5 {width: 100%; padding: 10px; background: #fafafa; border: 1px solid #d1d1d1}
  .wrap-organ .level4 li,
  .wrap-organ .level5 li {width: 100%;}
  .wrap-organ .detail strong::after {display: none;}
  .wrap-organ .level5::after {display: none;}
  .wrap-organ .level5 {margin: 50px 0 0 0;}
  .wrap-organ .detail {padding: 20px 0 0 0;}
  .wrap-organ .detail::after {display: none;}
  .wrap-organ .detail::before {bottom: 0; height: 140%; z-index: -1;}
  .wrap-organ .detail .sub {position: static; width: 100%; transform: translate(0, 0);}

  .wrap-organ .level4 .deps2{width: 100%; float: none; padding-top: 0;}
  .wrap-organ .level4 .level4-title strong, .wrap-organ .level5-box .level5-title strong{max-width: 97%;}
  .wrap-organ .level4 .deps2 li{width: 100%; float: none;}
  .wrap-organ .level4 .deps3{width: 100%; float: none; padding-top: 0;}
  .wrap-organ .level4 .deps3 li{width: 100%; float: none;}
  .wrap-organ .level5-box{width: 100%; float: none; padding-top: 0;}
  .wrap-organ .level5-box .deps3 li{width: 100%; float: none;}
  .wrap-organ .level5 .level5-subbox{width: 100%; float: none; padding-top: 0;}
  .wrap-organ .level5 .deps2 li{width: 100%; float: none;}
  .wrap-organ .level4 .level4-title{padding: 0;}
  .wrap-organ .level4 .level4-title::before,.wrap-organ .level4 .level4-title::after, .wrap-organ .level4 .deps2::after, .wrap-organ .level4 .deps2 li::before, .wrap-organ .level4 .deps3::after, .wrap-organ .level4 .deps3::before, .wrap-organ .level4 .deps2::before, .wrap-organ .level4 .deps3 li::before{display: none;}
  .wrap-organ .level4 .deps3 li::before, .wrap-organ .level5-box::before, .wrap-organ .level5-box .level5-title::after, .wrap-organ .level5-box .level5-title::before, .wrap-organ .level5-box .deps3 li::before, .wrap-organ .level5-box .deps3 li::before, .wrap-organ .level5-box .deps3 li::before, .wrap-organ .level5 .level5-subbox::before, .wrap-organ .level5 .level5-subbox::after, .wrap-organ .level5 .deps2 li::before, .wrap-organ .level5 .deps2 li::before{display: none;}
}

.videoWrapper {position: relative; margin: 0 0 20px 0; padding-bottom: 54.35%; /* 16:9 */ padding-top: 25px; height: 0}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.univ-intro-inner .container {padding: 0;}
.univ-intro-header{margin-bottom: 80px;}
.univ-intro-header::after{content:""; display: table; clear: both;}
.univ-header-text{float: left; width: calc(54%);}
.univ-header-text p{font-size: 18px; line-height: 1.7; text-align: justify; color: #222222;}
.univ-header-image{float: right; width: calc(50% - 90px);}
.univ-header-image video {width: 100%;}

.univ-intro-list > ul > li{margin-bottom: 80px;}
.univ-intro-list > ul > li:last-child{margin-bottom: 0;}
.univ-intro-title{position: relative;}
.univ-intro-title::after{content:""; display: block; position: absolute; top: 0; right: 0; width: 100%; background-color: #d8d8d8; height: 1px; z-index: -1;}
.univ-intro-title h1{font-size: 26px; font-weight: 500; color: #151515; display: inline-block; padding: 20px 30px 0 0; position: relative; background-color: white;}
.univ-intro-title h1::before{content:""; display: block; position: absolute; width: calc(100% - 30px); height: 3px; background-color: #002b68; left: 0; top: 0;}
.univ-intro-title.add_link{overflow: hidden;}
.univ-intro-title.add_link h1{float: left;}
.univ-intro-title.add_link .univ-intro-link-box{float: right;}
.univ-intro-title.add_link .univ-intro-link-box a{width: 377px;}
.univ-intro-content{margin-top: 30px;}
.univ-intro-content::after{content:""; display: table; clear: both;}
.univ-intro-content-text{width: calc(54%); float: left;}
.univ-intro-content-text.solo {width: 100%; float: none;}
.univ-intro-content-text p{font-size: 18px; line-height: 1.7; text-align: left; color: #333333;}
.univ-intro-content-text p > span{display: block; font-size: 22px; color: #222222; margin-bottom: 20px;}
.univ-intro-content-text p > em {display: block; font-size: 20px;}
.univ-intro-content-text p.space {margin: 100px 0 0 0;}
.univ-intro-content-text p.space2 {margin: 30px 0 0 0;}
.univ-intro-content-text .point {display: inline-block; margin: 0 0 20px 0; font-size: 19px; font-weight: 600; color: #333;}
.univ-intro-content-text.solo p.space {margin: 30px 0 0 0;}
.univ-intro-content-text .status-box{position: relative; margin-bottom: 17px;}
.univ-intro-content-text .status-box:last-child{margin-bottom: 0;}
.univ-intro-content-text .status-box > h1{font-size: 20px; font-weight: 600; color: #151515; margin-bottom: 16px;}
.univ-intro-content-text .status-in{position: relative; margin-bottom: 5px;}
.univ-intro-content-text .status-in:last-child{margin-bottom: 0;}
.univ-intro-content-text .status-in::before{content:""; display: block; position: absolute; width: 100%; height: 1px; background-color: #d8d8d8; top: 50%; margin-top: -0.5px; z-index: -1;}
.univ-intro-content-text .status-in::after{content:""; display: table; clear: both;}
.univ-intro-content-text .status-in > h1{font-size: 18px; font-weight: 600; color: #151515; float: left; background-color: white; padding-right: 10px;}
.univ-intro-content-text .status-in > p{font-size: 18px; float: right; color: #333333; background-color: white; padding-left: 10px;}
.univ-intro-content-text .status-in.one-line > p {float: left; width: 100%; padding: 10px 0 0 0;}
.univ-intro-content-text .status-in.small-in > h1{font-size: 18px; font-weight: 600; float: left; color: #333333; background-color: white; padding-right: 10px;}
.number-list-box{margin-top: 25px;}
.number-list-box ul{border: 5px solid #c8c8c8; padding: 30px 35px 30px 30px;}
.number-list-box li{position: relative; margin-bottom: 30px; padding-left: 20px;}
.number-list-box li .number{position: absolute; width: 16px; height: 16px; border-radius: 50%; background-color: #4b74cc; font-size: 10px; color: white; line-height: 18px; text-align: center; top: 5px; left: 0;}
.number-list-box li h1{font-size: 18px; color: #333333; margin-bottom: 5px;}
.number-list-box li p{font-size: 17px; line-height: 26px; color: #666666;}
.number-list-box li:last-child{margin-bottom: 0;}
.univ-intro-link-box{margin-top: 25px;}
.univ-intro-link-box a{position: relative; display: block; border: 1px solid #006cc7; color: #006cc7; font-size: 14px; text-decoration: none; transition: all .3s; background : url(../../images/sub/link_arrow.png) no-repeat right 20px center; padding: 11px 0 11px 20px; max-width: 367px; }
.univ-intro-link-box a:hover{color: white; background : url(../../images/sub/link_arrow_hover.png) no-repeat right 20px center;}
.univ-intro-link-box a::after {content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 0; height: 100%; background: #006cc7; transition: .3s;}
.univ-intro-link-box a:hover::after {width: 100%; transition: .4s;}
.sub-univ-intro.none{display: none;}
.sub-univ-intro h1{font-size: 20px; color: #151515;}
.sub-univ-intro p{font-size: 17px; line-height: 28px; color: #333333;}
.sub-univ-intro .univ-intro-link-box::after, .univ-intro-link-box.plural-link::after{content:""; display: table; clear: both;}
.sub-univ-intro .univ-intro-link-box a, .univ-intro-link-box.plural-link a{width: 49%; float: left; margin-bottom: 15px;}
.sub-univ-intro .univ-intro-link-box.solo a, .univ-intro-link-box.plural-link.solo a {float: left !important; width: 31%; max-width: 100%; margin-right: 1%;}
.sub-univ-intro .univ-intro-link-box a:nth-child(even), .univ-intro-link-box.plural-link a:nth-child(even){float: right;}
.univ-intro-sub-link{margin-top: 30px;}
.univ-intro-sub-link::after{content:""; display: table; clear: both;}
.univ-intro-sub-link .sub-univ-intro{float: left; width: calc(50% - 10px);}
.univ-intro-sub-link .sub-univ-intro:last-child{float: right;}
.univ-intro-sub-link .sub-univ-intro .univ-intro-link-box{margin-top: 15px;}
.univ-intro-image-box{margin-top: 30px;}
.univ-intro-image{margin-bottom: 40px;}
.univ-intro-image:last-child{margin-bottom: 0;}
.univ-intro-image::after{content:""; display: table; clear: both;}
.univ-img-box{width: 22.9%; float: left; margin-right: 2.8%;}
.univ-img-box.col_2{width: 48.6%;}
.univ-img-box:last-child{margin-right: 0;}
.univ-intro-box{margin-bottom: 10px;}
.univ-intro-box:last-child{margin-bottom: 0;}
.univ-intro-box h1{font-size: 20px; color: #151515;}
.univ-intro-box .univ-intro-link-box{margin-top: 10px;}

.univ-intro-content-image{width: calc(50% - 95px); float: right;}
.univ-intro-content-image video {width: 100%;}
.univ-intro-content-image img{margin-bottom: 40px;}
.univ-intro-content-image img:last-child{margin-bottom: 0;}

@media all and (max-width: 1300px) {
    .univ-intro-content-text{width: calc(50% + 50px);}
    .univ-intro-content-text .status-in > h1{font-size: 19px;}
    .univ-intro-content-text .status-in > p, .univ-intro-content-text .status-in.small-in > h1{font-size: 16px;}
    .sub-univ-intro .univ-intro-link-box.solo a, .univ-intro-link-box.plural-link.solo a {width: 48%;}
}

@media all and (max-width: 1100px) {
    .univ-header-image{float: none; width: 100%; margin: 0 auto;}
    .univ-header-text{float: none; width: 100%; margin-top: 10px;}
    .univ-intro-content-image{float: none; width: 100%; margin: 0 auto; margin-bottom: 30px;}
    .univ-intro-content-image img {width: 100%;}
    .univ-intro-content-text{float: none; width: 100%; margin-top: 10px;}
    .univ-header-text p,
    .univ-intro-content-text p {text-align: left;}
}

@media all and (max-width: 1023px) {
    .univ-intro-content-text .status-in > h1{float: none; padding-right: 0; padding-bottom: 5px;}
    .univ-intro-content-text .status-in > p, .univ-intro-content-text .status-in.small-in > h1{float: none; padding-left: 0; margin-top: 20px; padding-top: 5px;}
    .univ-intro-content-text .status-in::before{width: 2px; height: 100%; top: 0; left: 0; margin-top: 0;}

}

@media all and (max-width: 768px) {
    .univ-intro-sub-link {margin-top: 0;}
    .univ-intro-sub-link .sub-univ-intro {float: none; width: 100%;}
    .univ-intro-sub-link .sub-univ-intro .univ-intro-link-box a{width: 100%;}
    .univ-intro-title h1{background-color: transparent;}
    .univ-img-box{width: 49%; margin-right: 1%; margin-bottom: 2%;}
    .univ-img-box:nth-child(even){margin-left: 1%; margin-right: 0;}
    .univ-img-box.col_2{width: 100%; margin-right: 0;}
    .univ-img-box:last-child{margin-left: 1%;}
    .univ-intro-image:nth-child(2) .univ-img-box:nth-child(2){margin-left: 0;}
    .univ-intro-image:nth-child(2) .univ-img-box:last-child{margin-left: 2%;}
    .sub-univ-intro .univ-intro-link-box a, .univ-intro-link-box.plural-link a {width: 100%; float: left;}
    .sub-univ-intro .univ-intro-link-box a:nth-child(even), .univ-intro-link-box.plural-link a:nth-child(even) {float: left;}
    .sub-univ-intro .univ-intro-link-box.solo a, .univ-intro-link-box.plural-link.solo a {width: 98%; max-width: 337px;}
    .univ-intro-title.add_link .univ-intro-link-box {float: left;}
}

@media all and (max-width: 420px) {
    .univ-header-image{width: 100%;}
    .univ-intro-content-image{width: 100%;}
    .number-list-box ul{padding: 15px;}
    .univ-intro-title.add_link h1{float: none;}
    .univ-intro-title.add_link .univ-intro-link-box{float: none;}
    .univ-intro-title.add_link .univ-intro-link-box a{width: 100%;}
    .sub-univ-intro .univ-intro-link-box a, .univ-intro-link-box.plural-link a{width: 100%;}
    .univ-intro-sub-link .sub-univ-intro{width: 100%; float: none;}
    .univ-intro-sub-link .sub-univ-intro:last-child{float: none;}
    .univ-img-box{width: 100%; float: none; margin-right: 0;}
    .univ-img-box:nth-child(even){margin-left: 0;}
    .univ-intro-image:nth-child(2) .univ-img-box:last-child{margin-left: 0;}
}

.signature-header{margin-bottom: 35px; padding-top: 20px;}
.signature-logo{width: 345px; margin: 0 auto; margin-bottom: 35px;}
.signature-header p{font-size: 18px; line-height: 30px; color: #333333;}
.signature-content::after{content:""; display: table; clear: both;}
.signature-box{float: left; width: calc(50% - 20px);}
.signature-box:last-child{float: right;}
.signature-box .signature-box-title{font-size: 26px; color: #151515;}
.signature-main{border: 2px solid #ececec; margin-top: 15px; height: 397px; display: table; width: 100%;}
.signature-main-image{display: table-cell; vertical-align: middle; text-align: center;}
.signature-main-image img{width: auto; max-width: 100%;}
.signature-main-image p{font-size: 16px; color: #000000; margin-top: 20px;}

@media all and (max-width: 1250px) {
    .signature-main-image{padding: 0 20px;}
}

@media all and (max-width: 1024px) {
    .signature-logo{width: 300px;}
    .signature-header p{font-size: 16px; line-height: 25px;}
    .signature-main{height: 350px;}
}

@media all and (max-width: 768px) {
    .signature-box{float: none; width: 100%;}
    .signature-box:last-child{float: none; margin-top: 20px;}
}

@media all and (max-width: 420px) {
    .signature-logo{width: 100%;}
    .signature-main{height: 300px;}
}

.transportation-box{background-color: #ecf1f7; padding: 40px;}
.transportation-box > ul > li{margin-bottom: 30px;}
.transportation-box > ul > li:last-child{margin-bottom: 0;}
.transportation-box > ul > li::after{content:""; display: table; clear: both;}
.transportation-logo{width: 200px; float: left;}
.transportation-logo::after{content:""; display: table; clear: both;}
.transportation-image{width: 85px; height: 85px; position: relative; float: left; background: url(../../images/sub/trans_background.png) no-repeat center center; border-radius: 50%;}
.transportation-image::before{content:""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.transportation-image.train_logo::before{background: url(../../images/sub/trans_logo_1.png) no-repeat center center;}
.transportation-image.bus_logo::before{background: url(../../images/sub/trans_logo_2.png) no-repeat center center;}
.transportation-image.airplain_logo::before{background: url(../../images/sub/trans_logo_3.png) no-repeat center center;}
.transportation-logo p{font-size: 18px; color: #005aab; float: left; margin-left: 20px; line-height: 85px;}
.transportation-content{width: calc(100% - 200px); float: right; padding: 25px 40px 25px 30px; background-color: white; border: 1px solid #dfdfdf}
.transportation-text{margin-bottom: 23px;}
.transportation-text:last-child{margin-bottom: 0;}
.transportation-text h1{font-size: 18px; color: #333333; margin-bottom: 5px;}
.transportation-text li{padding-left: 17px; position: relative; margin-bottom: 10px;}
.transportation-text li:last-child{margin-bottom: 0;}
.transportation-text li::before{content:""; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #005aab; top: 10px; left: 0;}
.transportation-text li p{font-size: 16px; line-height: 24px; color: #666666;}

@media all and (max-width: 768px){
    .transportation-box{padding: 20px;}
    .transportation-box > ul > li{margin-bottom: 50px;}
    .transportation-logo{width: 100%; float: none;}
    .transportation-content{width: 100%; float: none; margin-top: 20px; padding: 10px 20px 10px 15px;}
}

.line-bx {text-align: center; padding: 5px; background: url("../../images/sub/repeat_line.jpg"); margin: 0 auto;}
.line-bx-inner {background: #fff; padding: 20px 10px;}
.line-bx-inner p {font-size: 25px; line-height: 1.8; letter-spacing: -0.5px; color: #00356d; }
.m-blank {display: block;}

@media all and (max-width: 780px){
  .m-blank {display: inline;}
  .line-bx-inner p {font-size: 18px;}
}

/* 대학소개 - 엠블럼 */
.emblem-bx-wrap .emblem-bx {float: left; width: 48.5%;}
.emblem-bx-wrap .emblem-bx:first-child {margin-right: 3%;}
.emblem-bx-wrap .emblem-bx > p {font-size: 26px; line-height: 30px; letter-spacing: -0.5px; color: #151515;  margin-bottom: 10px;}
.emblem-bx-wrap .emblem-bx .emblem-img-bx {display: table; width: 100%; height: 100%; border: 2px solid #ECECEC; text-align: center;}
.emblem-bx-wrap .emblem-bx .emblem-img-inner {display: table-cell; width: 100%; height: 395px; vertical-align: middle; padding: 0 20px;}
.emblem-bx-wrap .emblem-bx .emblem-img-inner img {max-width: 100%;}

.emblem-bx-wrap.emblem-long .emblem-bx {float: none; width: 100%;}
.emblem-bx-wrap.emblem-long .emblem-bx:first-child {margin-right: 0;}
.emblem-bx-wrap.emblem-long .emblem-img-inner > p {font-size: 25px; line-height: 40px; letter-spacing: -0.5px; color: #00356d;  margin-bottom: 25px;}

.sub-btn {margin-top: 20px; text-align: center;}
.sub-btn a {display: inline-block; border-radius: 5px; border: 1px solid #B9C1D7; font-size: 16px; letter-spacing: -0.5px; color: #4b4b4b;}
.sub-btn a.file-btn {padding: 5px 10px; padding-left: 35px; background: url("../../images/sub/ic_file.png") no-repeat 13px center;}

@media all and (max-width: 768px){
  .emblem-bx-wrap .emblem-bx {float: none; width: 100%; margin-top: 20px;}
  .emblem-bx-wrap .emblem-bx:first-child {margin-right: 0;}
}

/* 캠퍼스안내 - 캠퍼스컨셉 */

.wrap-part.concept-content .list {margin-top: 40px}
.concept-content .concept-tit {text-align: center; margin-top: 75px;}
.concept-content .concept-tit.first {margin-top: 0;}
.concept-content .concept-tit span {display: inline-block; font-size: 20px; line-height: 40px; color: #777; }
.concept-content .concept-tit p {font-size: 38px; letter-spacing: -0.5px; color: #00356d; }

.laboratory-list-inner{position: relative;}

.laboratory-list-header-box{margin-bottom: 35px;}
.laboratory-list-header-box h1{font-size: 26px; color: #151515; margin-bottom: 5px;}
.laboratory-list-header-box p{font-size: 18px; color: #333333; line-height: 30px; text-align: justify}

.laboratory-content-main-title{margin-bottom: 40px;}
.laboratory-content-main-title h1{font-size: 26px; color: #151515; margin-bottom: 5px;}
.laboratory-content-main-title p{font-size: 18px; color: #333333; line-height: 30px; text-align: justify}

.laboratory-content-title-box{position: relative; background: url(../../images/sub/border_image.png); padding: 5px; margin-bottom: 45px;}
.laboratory-content-title{background-color: white; height: 115px; display: table; width: 100%;}
.laboratory-content-title h1{text-align: center; font-size: 23px; color: #00356d; display: table-cell; vertical-align: middle; width: 100%;}

.laboratory-list-content-box{margin-bottom: 45px;}
.laboratory-list-content-box:last-child{margin-bottom: 0;}
.laboratory-content-in::after{content:""; display: table; clear: both;}
.laboratory-content-in-box{float: left; width: 23.875%; margin-right: 1.5%;}
.laboratory-content-in-box:last-child{margin-right: 0;}
.laboratory-content-image{margin-bottom: 25px;}
.laboratory-content-text h1{position: relative; font-size: 18px; color: #23499e; padding-top: 10px; margin-bottom: 10px;}
.laboratory-content-text h1::before{content:""; display: block; position: absolute; width: 28px; height: 2px; background-color: #1b60c6; left: 0; top: 0;}
.laboratory-content-text li{padding-left: 20px; position: relative; margin-bottom: 5px;}
.laboratory-content-text li::before{content:""; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: white; border: 2px solid #426dca; left: 0; top: 10px; box-sizing: border-box;}
.laboratory-content-text li:last-child{margin-bottom: 0;}
.laboratory-content-text li p{font-size: 17px; color: #333333;}

@media all and (max-width: 768px) {
    .laboratory-content-title{padding: 0 10px;}
    .laboratory-content-title h1{font-size: 20px;}
    .laboratory-content-in-box{width: 49%; margin-right: 2%; margin-bottom: 20px;}
    .laboratory-content-in-box:nth-child(even){margin-right: 0;}
}

@media all and (max-width: 600px) {
    .laboratory-content-in-box{width: 100%; float: none; margin-right: 0;}
    .laboratory-content-image img {width: 100%;}
}

.wrap-leader .logo {text-align: center;}
.wrap-leader .level {font-size: 0; text-align: center;}
.wrap-leader .box {display: inline-block; width: 100%; max-width: 280px; padding: 10px; border: 1px solid #d3d3d3;}
.wrap-leader .box .thumb {float: left;}
.wrap-leader .box .desc {float: left; width: calc(100% - 95px); padding: 0 0 0 10px; font-size: 14px; text-align: left;}
.wrap-leader .level1 {padding: 85px 0 35px 0 ;}
.wrap-leader .level1 .box {position: relative;}
.wrap-leader .level1 .box::after {content: ''; position: absolute; left: 50%; bottom: 100%; width: 2px; height: 87px; background: #ccc;}
.wrap-leader .level1 .box::before {content: ''; position: absolute; left: 50%; top: 100%; width: 2px; height: 35px; background: #ccc;}
.wrap-leader .level2 {padding: 34px 0 34px 0 ;}
.wrap-leader .level2 .box {position: relative;}
.wrap-leader .level2 .box::after {content: ''; position: absolute; left: 50%; bottom: 100%; margin-left: -1px; width: 2px; height: 40px; background: #ccc;}
.wrap-leader .level2 .box::before {content: ''; position: absolute; left: 50%; top: 100%; margin-left: -1px; width: 2px; height: 40px; background: #ccc;}
.wrap-leader .level3 {padding: 34px 0 0 0 ;}
.wrap-leader .level3 .box {position: relative;}
.wrap-leader .level3 .box::after {content: ''; position: absolute; left: 50%; bottom: 100%; width: 2px; height: 40px; background: #ccc;}
.wrap-leader .level3 .box.long::after {height: 255px;}

.wrap-leader .level2 ul {position: relative; display: inline-block; width: 100%;}
.wrap-leader .level2 ul::after {content: ''; position: absolute; left: 8.3333%; top: -34px; width: 66.6664%; height: 2px; background: #ccc;}
.wrap-leader .level2 li {float: left; width: 50%; padding: 5px; text-align: center;}
.wrap-leader .level2 li.left {padding-left: 124px;}
.wrap-leader .level3 ul {position: relative; display: inline-block; width: 100%;}
.wrap-leader .level3 ul::after {content: ''; position: absolute; left: 24.9999%; top: -34px; width: 66.6668%; height: 2px; background: #ccc;}
.wrap-leader .level3 li {float: left; width: 16.6666%; padding: 5px;}
.wrap-leader .level1 .desc strong {color: #00306d;}
.wrap-leader .level2 .desc strong {color: #5069b1;}
.wrap-leader .level3 .desc strong {color: #3a32c3;}

/* 2022.07.22 추가작업 */
.wrap-leader .level3 li .box {
	max-width: 160px;
	height: 268px;
}

.wrap-leader .level3 .box .thumb {
	float: none;
	display: block;
	margin: 0 auto 17px auto;
}

.wrap-leader .level3 .box .desc {
	width: 100%;
}



@media all and (max-width: 1400px) {
    .wrap-leader .box {max-width: 100%;}
    .wrap-leader .level2 {padding: 0 0 25px 0;}
    .wrap-leader .level2 li {float: none; width: 100%; padding: 0 0 10px 0;}
    .wrap-leader .level2 li.left {padding-left: 0;}
    .wrap-leader .level3 li {float: none; width: 100%; padding: 0 0 10px 0;}
    .wrap-leader .level2 ul::after {left: auto; top: 97%; width: 2px; height: 35px;}
    .wrap-leader .level2 .box::after {display: none;}
    .wrap-leader .level2 .box::before {display: none;}
    .wrap-leader .level3 {padding: 0 0 50px 0;}
    .wrap-leader .level3 ul::after {display: none;}
    .wrap-leader .level3 .box::after {display: none;}

	/* 2022.07.22 추가작업 */
	.wrap-leader .level3 li .box {
		max-width: 100%;
		height: auto;
	}

	.wrap-leader .level3 .box .thumb {
		float: left;
		display: block;
		margin: 0;
	}

	.wrap-leader .level3 .box .desc {
		float: left;
		width: calc(100% - 95px);
	}


}

#menu404_obj55::after, #menu413_obj107::after{content:""; display: table; clear: both;}

.wrap-history .desc {font-size: 18px;}
.wrap-history .month strong {font-size: 31px;}
.title-history .big {font-size: 40px;}

.page442 .profile .btn-util {display: none;}
.page442 .profile .info dl.depart2 {display: none;}
.page442 .profile .thumb-li {min-height: 277px;}

.wrap-contents .sub-tab {display: none;}
.wrap-contents .sub-tab.on {display: block;}

.btn-info {display: inline-block; padding: 6px 10px; background: #1e5ba8; border-radius: 100px; color: #fff;}
.pop-info {display: none;}
.pop-info.on {display: block; position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.pop-info .dis-table {display: table; width: 90%; height: 100%; max-width: 1200px; margin: 0 auto;}
.pop-info .dis-cell {position: relative; display: table-cell; height: 100%; padding: 160px 0 0 0; vertical-align: top;}
.pop-info .close-info {position: absolute; right: 0; top: 90px; font-family: 'Mont Regular'; font-size: 40px; color: #fff;}
.pop-info .box {overflow: auto; display: inline-block; height: 650px; padding: 20px; background: #fff;}

@media all and (max-width: 800px) {
    .pop-info .box {height: 450px;}
    .btn-info {position: static;}
}

.living_img {overflow: hidden; width: 103%}
.living_img li {float: left;padding: 0 2.8% 40px 0;margin: 0;}
.living_img li img {width: 100%}
.living_img.row1 li {width: 25%;}
.living_img.row2 li {width: 27.8%;}
.living_img.row2 li:nth-child(1) {width: 36.1%;}
.living_img.row2 li:nth-child(2) {width: 36.1%;}
.living_img.row3 li {width: 25%;}

.view-img {text-align: center;}