@charset "utf-8";
@import "intro.css";

/* sub01_01 인사말 */
.s0101 .intro_a .txt_box .txt_item .gap_mt p {font-weight: bold; display: block; margin-bottom: 10px;}
.s0101 .intro_a .txt_box .txt_item .gap_mt strong {padding-right: 10px; font-size: 17px;}
@media(max-width: 650px) {
    .s0101 .intro_a .hihanbat_box .cont_bg {padding: 240px 20px 240px 20px;}
}
@media(max-width: 500px) {
    .s0101 .intro_a .hihanbat_box .cont_bg::after {width: 420px;}
    .s0101 .intro_a .hihanbat_box .cont_bg {padding: 240px 20px 240px 20px;}
}
@media(max-width: 350px) {
    .s0101 .intro_a .hihanbat_box .cont_bg::after {width: 370px;}
}
/* sub01_01 인사말 End */

/* sub01_03 비전2027 */
.s0103 .ui-vision .item.strategy ul>li ul {min-height: 345px;}
@media(max-width: 1300px) {
    .s0103 .ui-vision .item.strategy ul>li ul {min-height: 360px;}
}
@media(max-width: 1023px) {
    .s0103 .ui-vision .item.strategy ul>li ul {min-height: 345px;}
}
@media(max-width: 767px) {
    .s0103 .ui-vision .item.strategy ul>li ul {min-height: 260px;}
}
@media(max-width: 539px) {
    .s0103 .ui-vision .item.strategy ul>li ul {min-height: auto;}
    .s0103 .ui-vision .item.strategy ul>li:nth-child(4) strong {padding-left: 0;}
}

/* sub01_03 비전2027 End */

/* sub01_04 연혁 */
.sub01_04.fixed__gnb #top_layout{position:relative;}
.sub01_04 #body_layout .body_wrap{width: 100%;max-width:100%;margin: 0;padding: 0;}
.sub01_04 .contents_wrap{float: none;width:100%;padding: 0;}
.sub01_04 #lnb_layout,.sub01_04 #location,.sub01_04 #svisual_layout{display:none;}
.sub01_04 #contens #txt{padding:0;border-width: 1px;}
.sub01_04 #tab_moType1{max-width:1340px;margin:0 auto;}
.sub01_04 #tab_moType1 .tab-ul{margin:0}
.sub01_04 #tab_moType1 .tab-ul li{width:50%;}
.sub01_04 .content-info{width:1207px;margin:0 auto;}

.sub01_04 .history-bg-wrap {background-position: center;}
.sub01_04 .history-bg-wrap.bg-1{background-image:url(/images/kor/sub01/history_bg01.png)}
.sub01_04 .history-bg-wrap.bg-2{background-image:url(/images/kor/sub01/history_bg04.png)}
.sub01_04 .history-bg-wrap.bg-3{background-image:url(/images/kor/sub01/history_bg07.png)}
.sub01_04 .history-bg-wrap.bg-4{background-image:url(/images/kor/sub01/history_bg08.png)}

.sub01_04 .txt-box.his-sum-box {margin: 30px auto; width: 95%; max-width: 1300px;}
.sub01_04 .txt-box.his-sum-box p {font-size: 18px;}

@media(max-width: 1279px) {
    .sub01_04 .history-bg-wrap {height: 250px;}
    .sub01_04 .history-item {padding: 30px 20px 0;}
}
@media(max-width:1207px){
    .sub01_04 .content-info{width: calc(100% - 40px);}
}
@media(max-width: 768px) {
    .sub01_04 .history-bg-wrap {height: 280px;}
    .sub01_04 .history-bg-text-1 {top: 35%;}
    .sub01_04 .history-bg-text-2 {line-height: 1.2; font-size: 18px; padding: 0 10px;}
}
@media(max-width:767px){
    .sub01_04 .history-item > div:before{display:none;}
    .sub01_04 .history-item {padding: 0 20px 0 0;}
}
/* sub01_04 연혁 End */

/* sub01_05 학교조직안내 */
.s0105 .org_wrap_a .org_ul .lv.lv01 span {font-size: 22px; padding-top: 15px;}
.s0105 .org_wrap_a .org_ul .lv span.sp01 {font-size: 18px; padding-top: 10px;}
.s0105 .org_wrap_a .org_ul2 .list_wrap .list .sub_list2_list_title > em {display: block; width: 100%; padding: 0; border: 2px solid #1899b6; background: #fff; text-align: center; font-size: 16px; line-height: 1.5; padding: 8px 0; color: #1899b6; height: 100%;}
.s0105 .org_wrap_a .org_ul2 .list_wrap .list .sub_list1_list > em {display: block; width: 100%; padding: 0; line-height: 1.5; padding: 8px 0; border: 2px solid #0fafd3; background: #0fafd3; text-align: center; font-size: 16px; color: #fff; height: 100%;}
.s0105 .org_wrap_a .org_ul2 .list_wrap .list .sub_list2_list_title .sub_list2_ul {border-top: 1px solid #e1e1e1;}
/* sub01_05 학교조직안내 End */



/* 찾아오시는길 sub01_06 */
.s0106 .ui-row-list .col .item .ui-summary .list-2st li em.em{width:150px;}
.s0106 .map_wrap .map_txt strong{margin-bottom:40px;}
.s0106 .map_wrap .map_txt strong span {display:inline;}
@media screen and (max-width:1279px){
	.s0106 .map_wrap .map_txt strong{margin-bottom:20px;}
}
/* 찾아오시는길 sub01_06 */



/* sub03_0101 ~ sub03_0106 Colleges (단과대학 소개) - 탑박스 */
.s0301 .college-website-box {width: 100%; height: 450px; background-position: center; content: ""; position: relative;}
.s0301 .college-website-box.coll_bg_01 {background: url(/images/eng/sub03/sub03_01_01_img01.jpg) no-repeat;}
.s0301 .college-website-box.coll_bg_02 {background: url(/images/eng/sub03/sub03_01_02_img01.jpg) no-repeat;}
.s0301 .college-website-box.coll_bg_03 {background: url(/images/eng/sub03/sub03_01_03_img01.jpg) no-repeat;}
.s0301 .college-website-box.coll_bg_04 {background: url(/images/eng/sub03/sub03_01_04_img01.jpg) no-repeat;}
.s0301 .college-website-box.coll_bg_05 {background: url(/images/eng/sub03/sub03_01_05_img01.jpg) no-repeat;}
.s0301 .college-website-box.coll_bg_06 {background: url(/images/eng/sub03/sub03_01_06_img01.jpg) no-repeat;}

.s0301 .college-website-box .college-txt-box {position: absolute; width: 520px; height: 235px; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center; box-sizing: border-box;}
.s0301 .college-website-box.ver01 .college-txt-box {padding-top: 65px;}
.s0301 .college-website-box.ver02 .college-txt-box {padding: 30px 20px;}
.s0301 .college-website-box.ver03 .college-txt-box {padding: 15px 20px;}
.s0301 .college-website-box .college-txt-box.txt_bg_01 {background-color: rgba(0,111,143,0.8);}
.s0301 .college-website-box .college-txt-box.txt_bg_02 {background-color: rgba(0,88,154,0.8);}
.s0301 .college-website-box .college-txt-box.txt_bg_03 {background-color: rgba(16,163,113,0.8);}
.s0301 .college-website-box .college-txt-box.txt_bg_04 {background-color: rgba(209,148,0,0.8);}
.s0301 .college-website-box .college-txt-box.txt_bg_05 {background-color: rgba(219,69,90,0.8);}
.s0301 .college-website-box .college-txt-box.txt_bg_06 {background-color: rgba(16,107,220,0.8);}
.s0301 .college-website-box .college-txt-box::after {position: absolute; content: ""; bottom: -3px; right: -1px; width: 100%; height: 100%; background: url(/images/eng/sub03/sub03_01_bg.png) no-repeat;}
.s0301 .college-website-box .college-txt-box strong::before {position: absolute; content: ""; width: 10px; height: 235px; border-top: 1px solid #fff; border-right: 1px solid #fff; top: 10px; left: 520px;}
.s0301 .college-website-box .college-txt-box strong::after {position: absolute; content: ""; width: 520px; height: 10px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; top: 235px; left: 10px;}

.s0301 .college-website-box .college-txt-box strong {color: #fff; font-size: 27px; font-weight: bold; margin: 0; padding: 0;}
.s0301 .college-website-box .college-txt-box p {color: #fff; font-size: 17px; margin: 0; padding: 0;}
.s0301 .college-website-box .college-txt-box .coll-btn-box {width: 100%; margin-top: 30px;}
.s0301 .college-website-box .college-txt-box .coll-btn-box a {display: block; position: relative; width: 150px; height: 35px; background-color: #fff; color: #4e4d4d; font-size: 15px; font-weight: bold; border-radius: 20px; box-shadow: 2px 2px 2px rgba(0,0,0,0.4); margin: 0 auto; line-height: 35px; box-sizing: border-box; padding-left: 10px; z-index: 9; -webkit-transition: all .3s;}
.s0301 .college-website-box .college-txt-box .coll-btn-box a .home-icon {display: block; position: absolute; content: ""; background: url(/images/eng/sub03/sub03_01_home.png) 0 0 no-repeat; width: 15px; height: 15px; top: 10px; left: 25px;}
.s0301 .college-website-box .college-txt-box .coll-btn-box a:hover, .s0301 .college-website-box .college-txt-box .coll-btn-box a:focus {cursor: pointer; color:#056cb9;}

@media(max-width:650px){
    .s0301 .college-website-box {height: 385px;}
    .s0301 .college-website-box .college-txt-box {width: 385px; height: 320px;}
    .s0301 .college-website-box.ver01 .college-txt-box {padding: 65px 40px;}
    .s0301 .college-website-box.ver02 .college-txt-box {padding: 40px 30px 20px;}
    .s0301 .college-website-box.ver03 .college-txt-box {padding: 35px 20px;}
    .s0301 .college-website-box .college-txt-box strong::before {left: 385px; height: 320px;}
    .s0301 .college-website-box .college-txt-box strong::after {width: 385px; top: 320px;}
}
@media(max-width:460px){
    .s0301 .college-website-box .college-txt-box {width: 100%; height: 100%;}
    .s0301 .college-website-box.ver01 .college-txt-box {padding: 85px 50px;}
    .s0301 .college-website-box.ver02 .college-txt-box {padding: 85px 45px;}
    .s0301 .college-website-box.ver03 .college-txt-box {padding: 85px 20px;}
    .s0301 .college-website-box .college-txt-box strong::before {display: none;}
    .s0301 .college-website-box .college-txt-box strong::after {display: none;}
}
@media(max-width:430px) {
    .s0301 .college-website-box.ver02 .college-txt-box {padding: 63px 40px;}
    .s0301 .college-website-box.ver03 .college-txt-box {padding: 55px 20px;}
}
@media(max-width:390px) {
    .s0301 .college-website-box.ver02 .college-txt-box {padding: 65px 20px;}
    .s0301 .college-website-box.ver03 .college-txt-box {padding: 30px 20px;}
}
@media(max-width:370px) {
    .s0301 .college-website-box.ver01 .college-txt-box {padding: 90px 20px;}
    .s0301 .college-website-box.ver03 .college-txt-box {padding: 30px 20px;}
}
/* sub03_0101 ~ sub03_0106 Colleges (단과대학 소개) - 탑박스 End */
/* sub03_0101 ~ sub03_0106 Colleges (단과대학 소개) 링크박스 */
.s0301 .dpm-intro-box {margin-bottom: 30px; width: 100%; box-sizing: border-box; border: 1px solid #ddd; border-top: 2px solid #000; padding: 30px 50px;}
.s0301 .dpm-intro-box .dpm-txt-box-1 {width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.s0301 .dpm-intro-box .dpm-txt-box-1::after {content: ""; display: block; clear: both;}
.s0301 .dpm-intro-box .dpm-txt-box-1 div {float: left;}
.s0301 .dpm-intro-box .dpm-txt-box-1 div:first-child {width: 75%;}
.s0301 .dpm-intro-box .dpm-txt-box-1 div:last-child {width: 25%; text-align: right;}
.s0301 .dpm-intro-box .dpm-txt-box-1 div:first-child strong {font-size: 22px; color: #3b4b4e; font-weight: bold;}
.s0301 .dpm-intro-box .dpm-txt-box-1 div:first-child p {font-size: 16px; color: #306ead; margin: 0; padding: 0; padding-top: 5px;}
.s0301 .dpm-intro-box .dpm-txt-box-1 div:last-child p {font-size: 15px; color: #596068;}
@media(max-width: 767px){
    .s0301 .dpm-intro-box {padding: 30px;}
    .s0301 .dpm-intro-box .dpm-txt-box-1 div {float: none;}
    .s0301 .dpm-intro-box .dpm-txt-box-1 div:first-child {width: 100%;}
    .s0301 .dpm-intro-box .dpm-txt-box-1 div:last-child {width: 100%; text-align: center; padding: 20px;}
}
@media(max-width:450px) {
    .s0301 .dpm-intro-box {padding: 40px 20px;}
}
@media(max-width:370px) {
    .s0301 .dpm-intro-box {padding: 30px 15px;}
}
/* sub03_0101 ~ sub03_0106 Colleges (단과대학 소개) 링크박스 End */

/* sub04 Campus Life 전체 동영상 iframe & 자막 */
.s0401 iframe{display: block; width: 100%; max-width: 900px; height: 600px; margin: 30px auto; border:0;}
.s0401 .subtitle_show{display:none; overflow-y:auto; position: relative; top: 20px; width: 100%; height:200px; margin:10px auto; padding: 20px; text-align:left; border:1px solid #ddd;}
.s0401 .subtitle_show p{margin:0;}
.s0401 .subtitles,
.s0401 .subtitles:hover,
.s0401 .subtitles:focus{float:right; opacity: 1; font-weight:normal;}

@media(max-width: 1200px) {
    .s0401 iframe{width: 100%; height: 500px;}
}
@media(max-width: 767px) {
    .s0401 iframe{width: 100%; height: 300px;}
}
/* sub04 Campus Life 전체 동영상 iframe & 자막 End */
/* sub04 Campus Life 전체 */
.s0401 .step_list:after{display:block; clear: both; content: '';}
.s0401 .step_list li{display: table; position: relative; float: left; width: calc(25% - 22.5px); margin-right: 30px; min-height: 220px; border:1px solid #ddd; padding: 0 10px;}
.s0401 .step_list.n5 li{width: calc(20% - 24px);}
.s0401 .step_list li .inner{display: table-cell; width: 100%; vertical-align: middle; font-size: 16px; color: #2d3d4e; text-align: center; line-height: 1.2}
.s0401 .step_list li:after {display: inline-block; height: 198px; vertical-align: middle; content: "";}
.s0401 .step_list li:before{display: block; position: absolute; right: -20px; top:50%; width: 12px; height: 18px; background:url(/images/kor/sub07/steplist_arr.png); transform: translateY(-50%); content: '';}
.s0401 .step_list li:last-child{margin-right: 0;}
.s0401 .step_list li:last-child:before{display:none;}
.s0401 .step_list li b{display: block; position: relative; margin:0 auto 15px; padding-bottom: 15px; font-size: 14px; color: #939eaa;}
.s0401 .step_list li b:after{display: block; position: absolute; left: 50%; bottom: 0; width: 37px; height: 3px; background: #306ead; transform: translateX(-50%); content: '';}
@media(max-width: 767px) {
    .s0401 .step_list li,
    .s0401 .step_list.n5 li{width: calc(50% - 15px); margin-bottom: 26px;}
    .s0401 .step_list li:nth-child(2n){margin-right:0;}
    .s0401 .step_list li:nth-child(2):before,
    .s0401 .step_list li:nth-child(4):before{right: 50%; top: auto; bottom: -24px; transform: rotate(90deg) translate(0, -50%);}
    .s0401 .step_list li:nth-child(3):before{right: auto; left: -24px; transform: rotate(180deg);}
    .s0401 .step_list li:nth-child(3),.s0401 .step_list li:nth-child(3){float:right; margin-right: 0;}
}

/* sub04 Campus Life 전체 End */

/* sub03_02 Graduate School */
.sub03_02 .lnb_wrap{display: none;}
.sub03_02 .contents_wrap{float: none; width: 100%; padding: 0 50px;}
.sub03_02 #contens #txt{padding-top: 0;}
@media (max-width: 768px) {
    .sub03_02 .contents_wrap{padding:0 10px;}
}

.graduate_school_wrap {width: 100%; margin-bottom: 100px;}
.graduate_school_wrap .gra-sch-top-box {width: 100%; box-sizing: border-box; margin-top: 30px; margin-bottom: 30px;}
.graduate_school_wrap .gra-sch-top-box::after {content: ""; display: block; clear: both;}
.graduate_school_wrap .gra-sch-top-box .gs-img-box {width: 50%; float: left;}
.graduate_school_wrap .gra-sch-top-box .gs-txt-box {float: left; width: 50%;}
.graduate_school_wrap .gra-sch-top-box .gs-txt-box.left {padding-right: 50px;}
.graduate_school_wrap .gra-sch-top-box .gs-txt-box.right {float: right; padding-left: 50px;}
.graduate_school_wrap .gra-sch-top-box .gs-txt-box .number {font-size: 150px; line-height: 150px; color: #222; opacity: 0.05; font-family: "plain", sans-serif; font-weight: 700;}
.graduate_school_wrap .gra-sch-top-box .gs-txt-box .title {position: relative; font-size: 32px; line-height: 1; color: #222; font-weight: 700; display: inline-block; word-break: break-word;}
.graduate_school_wrap .gra-sch-top-box .gs-txt-box .title span {display: block; line-height: 1;}
.graduate_school_wrap .gra-sch-top-box .gs-txt-box .title::after {position: absolute; content: ''; display: block; right: -25px; bottom: 6px; width: 15px; height: 15px; margin: -3px 2px 0 0; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.graduate_school_wrap .gra-sch-top-box .gs-txt-box .text {padding-top: 30px;}
.graduate_school_wrap .gra-sch-top-box .gs-txt-box > a:hover,
.graduate_school_wrap .gra-sch-top-box .gs-txt-box > a:focus {color: #1f8298; border-bottom: 1px solid #1f8298;}
.graduate_school_wrap .gra-sch-top-box .gs-txt-box > a:hover:after,
.graduate_school_wrap .gra-sch-top-box .gs-txt-box > a:focus:after {border-color: #1f8298;}
.graduate_school_wrap .gra-sch-link-box {width: 100%; box-sizing: border-box;}
.graduate_school_wrap .gra-sch-link-box ul {width: 100%;}
.graduate_school_wrap .gra-sch-link-box ul li {display: inline-block; width: calc(32% - 15px); margin-top: 7px; margin-right: 3%;}
.graduate_school_wrap .gra-sch-link-box ul li:nth-child(3n) {margin-right: 0;}
.graduate_school_wrap .gra-sch-link-box ul li > a {position: relative; display: block; width: 100%; padding-right: 28px; line-height: 35px; border-bottom: 1px solid transparent; transition: all 0.3s;}
.graduate_school_wrap .gra-sch-link-box ul li > a:visited {color: #282828;}
.graduate_school_wrap .gra-sch-link-box ul li > a::after {content: ''; display: block; position: absolute; right: 10px; top: 50%; width: 7px; height: 7px; margin: -3px 2px 0 0; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.graduate_school_wrap .gra-sch-link-box ul li > a:hover,
.graduate_school_wrap .gra-sch-link-box ul li > a:focus {color: #1f8298; border-bottom: 1px solid #1f8298;}
.graduate_school_wrap .gra-sch-link-box ul li > a:hover:after,
.graduate_school_wrap .gra-sch-link-box ul li > a:focus:after {border-color: #1f8298;}


@media(max-width: 1300px) {
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box.left {padding-right: 30px;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box.right {padding-left: 30px;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .number {line-height: 85px;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .title {margin-top: -5px; width: 100%; display: block;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .text {padding-top: 15px;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .title span {width: 95%;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .title::after {right: 0;}
    .graduate_school_wrap .gra-sch-link-box ul li {width: calc(48% - 15px); margin-right: 6%;}
    .graduate_school_wrap .gra-sch-link-box ul li:nth-child(3n) {margin-right: 6%;}
    .graduate_school_wrap .gra-sch-link-box ul li:nth-child(2n) {margin-right: 0;}
}
@media(max-width: 920px) {
    .graduate_school_wrap .gra-sch-top-box .gs-img-box {float: none; width: 100%;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box {float: none; width: 100%; padding-bottom: 20px;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box.left {padding-right: 0;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box.right {padding-left: 0;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .title {margin-top: 0;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .title span {width: 94%;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .title::after {right: 10px;}
    .graduate_school_wrap .gra-sch-link-box ul li {width: 100%; border: 1px solid #ddd; border-radius: 30px; padding: 2px 20px; margin-right: 0;}
}
@media(max-width: 500px) {
    .graduate_school_wrap {margin-bottom: 50px;}
    .graduate_school_wrap .gra-sch-link-box ul li {border-radius: 5px;}
}
@media(max-width:420px) {
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .number {font-size: 120px;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .title {font-size: 28px;}
}
@media(max-width:350px) {
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .number {font-size: 100px;}
    .graduate_school_wrap .gra-sch-top-box .gs-txt-box .title {font-size: 22px;}
}
/* sub03_02 Graduate School */