@charset 'utf-8';

.admission-area{margin-top:80px; position:relative;}

.tab-content .tab-item{display:none;}
.tab-menu{width:100%; }
.tab-menu ul li{position:relative; float:left; width:20%; height:60px; list-style:none; line-height:58px; font-size:22px;}
.tab-menu.type02 ul li{width: 25%;}
.tab-menu.type03 ul li{width: 50%;}
.tab-menu ul li + li a{border-left:none;}
.tab-menu ul:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.tab-menu ul li a{display:block; height:100%; text-align:center; font-weight:bold; color:#888; background:#fff; border:1px solid #d1d1d1; box-sizing:border-box;}
.tab-menu ul li.on a{color:#fff; font-weight:bold; background-color: #f97800; transition:all 0.3s;}

.admission-sub-title{line-height:1; padding-left:10px; font-size:28px; font-family: 'NanumSquare'; color:#202020; position:relative; margin:60px 0 30px; display:block; word-break: keep-all;}
.admission-sub-title:before{position:absolute; content:""; width:3px; height:27px; background:#f97800; left:0;}

.student_info li{position:relative; padding-left:12px; font-size:18px; color:#666; list-style:none; line-height:28px; word-break: keep-all;}
.student_info li:before{position:absolute; content:""; left:0; top:12px; width:3px; heighT:3px; background:#666;}
.student_info li + li{margin-top:10px;}
.college_txt{font-size:18px; color:#666; line-height:28px;}


.admission-table table thead tr th{font-family: 'NanumSquare'; font-size:18px; border-bottom:1px solid #202020; background:#f8f8f8; color:#202020; padding:18px 0; border-top:2px solid #202020; box-sizing:border-box; text-align:center;}
table.tbl-business-typ2 thead tr th {border-top: 1px solid #202020;}
.admission-table table tbody tr td.txt-left {text-align: left;}
.admission-table table tbody tr td{font-size:16px; padding:20px;box-sizing:border-box; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#fff; color:#666; line-height:28px; text-align:center; word-break:keep-all}
.admission-table table tbody tr td.left-none{border-left:none;}
.admission-table table tbody tr td.ta-l{text-align:left;}
/*.admission-table table thead tr th:first-child{width:130px;}
.admission-table table thead tr th:nth-child(2n){width:120px;}
.admission-table table thead tr th:nth-child(3n){width:auto;}
.admission-table table thead tr th:last-child{width:170px;}*/
.admission-table table tbody tr td p {text-align: left;}

.admission-table .table-info li{position:relative; padding-left:12px; font-size:16px; color:#666; list-style:none; line-height:28px; margin-top:7px; text-align:left;}
.admission-table .table-info li:before{position:absolute; content:""; left:0; top:12px; width:3px; heighT:3px; background:#666;}
.admission-table .table-info li:first-child{margin-top:0;}
.admission-table .college_txt{font-size:16px; color:#666; line-height:32px;}

/* 4U fouru 활동기반 장학금 */
.fouru-wrap > ul > li {margin-bottom: 10px; padding-top: 20px; padding-bottom: 20px; padding-right: 40px; box-sizing: border-box;}
.fouru-wrap > ul > li:not(:last-child) {margin-bottom: 10px;}
.fouru-wrap > ul > li {background: #f8f8f8; border-radius: 12px;}
.fouru-wrap > ul > li {display: flex;}
.fouru-wrap ul li .left {display: flex; width: 360px; flex-direction: column; align-items: center; justify-content: center;}
.fouru-wrap ul li .left i.ico-story {display: flex; width: 64px; height: 60px; background: url(/images/admission/ico_story.png)no-repeat center; background-size: 100%;}
.fouru-wrap ul li .left i.ico-network {display: flex; width: 64px; height: 64px; background: url(/images/admission/ico_network.png)no-repeat center; background-size: 100%;}
.fouru-wrap ul li .left i.ico-career {display: flex; width: 64px; height: 64px; background: url(/images/admission/ico_career.png)no-repeat center; background-size: 100%;}
.fouru-wrap ul li .left i.ico-global {display: flex; width: 65px; height: 65px; background: url(/images/admission/ico_global.png)no-repeat center; background-size: 100%;}
.fouru-wrap ul li .left p.left-txt01 {color: #202020; font-size: 24px; font-weight: 700;}
.fouru-wrap ul li .left p.left-txt01 span {font-size: 40px; font-weight: 800;}
.fouru-wrap ul li .left p.left-txt01 span.color01 {color: #00c495;}
.fouru-wrap ul li .left p.left-txt01 span.color02 {color: #00c1ce;}
.fouru-wrap ul li .left p.left-txt01 span.color03 {color: #4545ab;}
.fouru-wrap ul li .left p.left-txt01 span.color04 {color: #008fc2;}
.fouru-wrap ul li .left p.left-txt02 {font-size: 18px; font-weight: 700;}
.fouru-wrap ul li .left p.left-txt02.color01 {color: #00c495;}
.fouru-wrap ul li .left p.left-txt02.color02 {color: #00c1ce;}
.fouru-wrap ul li .left p.left-txt02.color03 {color: #4545ab;}
.fouru-wrap ul li .left p.left-txt02.color04 {color: #008fc2;}
.fouru-wrap ul li .right01 {width: calc(100% - 360px);}
.fouru-wrap ul li .right01 .top {background: #00c495; padding: 14px 0; border-radius: 8px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);}
.fouru-wrap ul li .right01 .top p {color: #fff; font-size: 20px; font-weight: 800; text-align: center;}
.fouru-wrap ul li .right01 .bottom {margin-top: 10px;}
.fouru-wrap ul li .right01 .bottom ul.list-type01 {display: flex; width: 100%; gap: 10px;}
.fouru-wrap ul li .right01 .bottom ul.list-type01 li {display: flex; align-items: center; justify-content: center; width: 33.333%; padding: 35px 20px; color: #202020; font-size: 16px; font-weight: 500; background: #fff; border-radius: 6px ;  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06); box-sizing: border-box; text-align: center; word-break: keep-all; line-height: 28px;}
.fouru-wrap ul li .right02 {width: calc(100% - 360px);}
.fouru-wrap ul li .right02 .txt-box {display: flex; gap: 10px; }
.fouru-wrap ul li .right02 .txt-box .txt-box-inner {width: 33.333%;}
.fouru-wrap ul li .right02 .txt-box .txt-box-inner p:first-child{padding: 14px 0; margin-bottom: 10px; color: #fff; font-size: 20px; font-weight: 800; background: #00c1ce; border-radius: 8px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06); text-align: center;}
.fouru-wrap ul li .right02 .txt-box .txt-box-inner p:last-child{display: flex; min-height: 105px; align-items: center; justify-content: center; padding: 0px 20px; color: #202020; font-size: 16px; font-weight: 500; background: #fff; border-radius: 6px; word-break: keep-all; text-align: center; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06);}
.fouru-wrap ul li .right03 {display: flex; width: calc(100% - 360px); gap: 10px;}
.fouru-wrap ul li .right03 .txt-box {width: 50%;}
.fouru-wrap ul li .right03 .txt-box p {padding: 14px 0; margin-bottom: 10px; color: #fff; font-size: 20px; font-weight: 800; background: #4545ab; border-radius: 8px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06); text-align: center;}
.fouru-wrap ul li .right03 .txt-box ul {display: flex; flex-direction: column; justify-content: center; padding: 20px; min-height: 176px; background: #fff; border-radius: 6px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06); box-sizing: border-box; word-break: keep-all;}
.fouru-wrap ul li .right03 .txt-box ul li {padding-left: 12px; color: #202020; font-size: 16px; font-weight: 500; position: relative; box-sizing: border-box;}
.fouru-wrap ul li .right03 .txt-box ul li:not(:last-child) {margin-bottom: 8px;}
.fouru-wrap ul li .right03 .txt-box ul li::after {content: ""; width: 3px; height: 3px; background: #202020; border-radius: 50%; position: absolute; left: 0; top: 8px;}
.fouru-wrap ul li .right04 {display: flex; width: calc(100% - 360px); gap: 10px;}
.fouru-wrap ul li .right04 .txt-box {width: 50%;}
.fouru-wrap ul li .right04 p:first-child {padding: 14px 0; margin-bottom: 10px; color: #fff; font-size: 20px; font-weight: 800; background: #008fc2; border-radius: 8px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06); text-align: center;word-break: keep-all;}
.fouru-wrap ul li .right04 p:last-child {display: flex; align-items: center; justify-content: center; min-height: 127px; padding: 35px 20px; color: #202020; font-size: 16px; font-weight: 500; background: #fff; border-radius: 6px; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.06); box-sizing: border-box; text-align: center;word-break: keep-all;}






/*************************************************큰 태블릿*************************************************/
@media all and (min-width:992px) and (max-width:1199px) {
.tab-menu ul li{font-size:20px;}

}

 /*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
.admission-table{overflow-x:scroll;}
/* 4U fouru 활동기반 장학금 */
.fouru-wrap > ul > li {display: block; padding: 20px 30px;}
.fouru-wrap ul li .left {width: 100%; flex-direction: row; justify-content: flex-start; gap: 20px;}
.fouru-wrap ul li .right01 {width: 100%; margin-top: 20px;}
.fouru-wrap ul li .right02 {width: 100%; margin-top: 20px;}
.fouru-wrap ul li .right03 {display: block; width: 100%; margin-top: 20px;}
.fouru-wrap ul li .right04 {display: block; width: 100%; margin-top: 20px;}
.fouru-wrap ul li .right04 .txt-box {width: 100%;}
.fouru-wrap ul li .right04 .txt-box:last-child {margin-top: 20px;}
.fouru-wrap ul li .right04 p:last-child {min-height: initial;}
.fouru-wrap ul li .right01 .bottom ul.list-type01 {display: block;}
.fouru-wrap ul li .right01 .bottom ul.list-type01 li {width: 100%;}
.fouru-wrap ul li .right01 .bottom ul.list-type01 li:not(:last-child) {margin-bottom: 10px;}
.fouru-wrap ul li .right02 .txt-box {display: block; width: 100%;}
.fouru-wrap ul li .right02 .txt-box .txt-box-inner {width: 100%;}
.fouru-wrap ul li .right02 .txt-box .txt-box-inner:not(:last-child) {margin-bottom: 20px;}
.fouru-wrap ul li .right03 .txt-box {width: 100%;}
.fouru-wrap ul li .right03 .txt-box:not(:last-child) {margin-bottom: 20px;}
}

/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){
.tab-menu ul{border-top:2px solid #d1d1d1; border-left:2px solid #d1d1d1;}
.tab-menu ul li{font-size:25px; height:100px; line-height:100px; width:50%;}
.tab-menu ul li a{border:0; border-bottom:2px solid #d1d1d1; border-right:2px solid #d1d1d1;}
.admission-area > span{content:''; top:50%; position:fixed; left:50%; width:160px; height:160px; background:url('/images/admission/mbl/induce_bg.png') no-repeat; margin-left:-80px; margin-top:-80px; display:block;}

.admission-area.en .tab-menu ul li {line-height: initial;}
.admission-area.en .tab-menu ul li a {display: flex; justify-content: center; align-items: center;}

.admission-sub-title{line-height:1; padding-left:20px; font-size:36px; margin:80px 0 35px;}
.admission-sub-title:before{position:absolute; content:""; width:6px; height:36px;}

.student_info li{font-size:26px; line-height:40px; padding-left:14px;}
.student_info li:before{position:absolute; content:""; left:0; top:18px; width:4px; heighT:4px}
.college_txt{font-size:26px; line-height:40px;}

.admission-table table{min-width:1880px;}
.admission-table table thead tr th{font-size:28px; padding:30px 0; border-top-width:4px; border-bottom-width:2px;}
.admission-table table tbody tr td{font-size:26px; padding:26px 20px; border-bottom-width:2px; line-height:40px}
.admission-table table thead tr th + th{border-left-width:2px}
.admission-table table tbody tr td + td{border-left-width:2px}
/*.admission-table table thead tr th:first-child{width:240px;}
.admission-table table thead tr th:nth-child(2n){width:160px;}
.admission-table table thead tr th:nth-child(3n){width:auto;}
.admission-table table thead tr th:last-child{width:200px;}*/

.admission-table .table-info li{position:relative; padding-left:14px; font-size:26px; line-height:40px; margin-top:10px;}
.admission-table .table-info li:before{position:absolute; content:""; left:0; top:18px; width:4px; heighT:4px; }
.admission-table .table-info li:first-child{margin-top:0;}
.admission-table .college_txt{font-size:26px; line-height:40px;}
}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){
.tab-menu ul{border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1;}
.tab-menu ul li{font-size:16px; height:50px; line-height:50px;  width:50%;}
.admission-area.en .tab-menu ul li {line-height: initial;}
.admission-area.en .tab-menu ul li a {display: flex; justify-content: center; align-items: center; line-height: initial;}
.tab-menu ul li a{border:0; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.admission-area > span{content:''; top:50%; position:fixed; left:50%; width:80px; height:80px; background:url('/images/admission/mbl/induce_bg.png') no-repeat; margin-left:-40px; margin-top:-40px; display:block; background-size:80px 80px;}

.admission-sub-title{line-height:1; padding-left:10px; font-size:20px; margin:40px 0 18px;}
.admission-sub-title:before{position:absolute; content:""; width:3px; height:18px;}

.student_info li{font-size:16px; line-height:22px; padding-left:8px;}
.student_info li:before{position:absolute; content:""; left:0; top:10px; width:2px; height:2px}
.college_txt{font-size:16px; line-height:22px;}

.admission-table table{min-width:1170px;}
.admission-table table thead tr th{font-size:18px; padding:15px 0; }
.admission-table table tbody tr td{font-size:16px; padding:13px 10px; line-height:22px}
/*.admission-table table thead tr th:first-child{width:140px;}
.admission-table table thead tr th:nth-child(2n){width:80px;}
.admission-table table thead tr th:nth-child(3n){width:auto;}
.admission-table table thead tr th:last-child{width:100px;}*/

.admission-table .table-info li{position:relative; padding-left:7px; font-size:16px; line-height:22px; margin-top:5px;}
.admission-table .table-info li:before{position:absolute; content:""; left:0; top:9px; width:2px; heighT:2px; }
.admission-table .table-info li:first-child{margin-top:0;}
.admission-table .college_txt{font-size:16px; line-height:20px;}
/* 4U fouru 활동기반 장학금 */
.fouru-wrap > ul > li {padding: 20px 15px;}
.fouru-wrap ul li .left {gap: 15px;}
.fouru-wrap ul li .left p.left-txt01 {font-size: 18px;}
.fouru-wrap ul li .left p.left-txt01 span {font-size: 26px;}
.fouru-wrap ul li .left p.left-txt02 {font-size: 15px;}
.fouru-wrap ul li .right01 .top p {font-size: 16px;}
.fouru-wrap ul li .right01 .bottom ul.list-type01 li {min-height: 75px; font-size: 14px; line-height: 21px;}
.fouru-wrap ul li .right02 .txt-box .txt-box-inner p:first-child {padding: 8px 0; font-size: 16px;}
.fouru-wrap ul li .right02 .txt-box .txt-box-inner p:last-child {min-height: 75px; font-size: 14px;}
.fouru-wrap ul li .right03 .txt-box p {padding: 8px 0; font-size: 16px;}
.fouru-wrap ul li .right03 .txt-box ul li {font-size: 14px;}
.fouru-wrap ul li .right04 p:first-child {padding: 8px 0; font-size: 16px;}
.fouru-wrap ul li .right04 p:last-child {padding: 20px 15px; font-size: 14px;}
.fouru-wrap ul li .left i.ico-story {width: 45px; height: 45px; } 
.fouru-wrap ul li .left i.ico-network {width: 48px; height: 48px;}
.fouru-wrap ul li .left i.ico-career {width: 48px; height: 48px;}
.fouru-wrap ul li .left i.ico-global {width: 47px; height: 47px;}
.fouru-wrap ul li .right01 .top {padding: 8px 0;}
.fouru-wrap ul li .right03 .txt-box ul {min-height: initial;}








}