@font-face {
    font-family: 'yg-jalnan';
    src: url('//cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html,body {width:100%; height:100%; }
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button,textarea {margin:0;padding:0}
p{font-family: 'S-CoreDream-4Regular';}
li{list-style-type: none;}


/*이벤트페이지*/
.container{margin: 0 auto; max-width: 767px;}
@media screen and (max-width: 768px){
    .container{padding: 0 15px;}
}
.event-header{position: relative; font-family: 'yg-jalnan'; padding-bottom: 100px;}
.event-header:after{content:''; position: absolute; top: 0; left: 0; width:100%; height:100%; background: url("../images/event/event_top_bg2.svg") no-repeat left top; background-size: 300px;}
.event-header:before{content:''; position: absolute; top: 0; right: 0; width:100%; height:100%; background: url("../images/event/event_top_bg3.svg") no-repeat right top; background-size: 315px;}
@media screen and (max-width: 768px){
    .event-header:after{ background-size: 200px;}
    .event-header:before{ background-size: 215px;}
}
.event-header-inner{ background: #CFE7FF; }
.event-header-inner:before{content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 101px; background: url("../images/event/event_top_bg.svg") no-repeat center top; background-size: 100%;}
.title{ position: relative; z-index: 10; padding: 50px 0;}
.title h1{ font-size: 40px; color: #2F288C;}
.title p{ font-family: 'yg-jalnan'; font-size: 40px; color: #CA0967;}
@media screen and (max-width: 768px){
    .title{padding: 50px 0;}
    .title h1 ,.title p{ font-size: 28px;}
}
.event-image{position: relative}
.event-image img{position: absolute; top:-170px; right:0; width: 340px;}
@media screen and (max-width: 768px){
    .event-image img{top: -85px; width: 250px;}
}
.event-desc{margin-top: 70px; text-align: center;}
.event-desc p{  font-size: 18px; color: #676767; line-height: 30px;}
.event-desc p span{ position: relative; font-family: 'S-CoreDream-5Medium'; font-style: normal; font-size: 20px; color: #CA0967;   }
.event-desc p span em{position: relative; z-index: 20; font-style: normal;}
.event-desc p span:after{ content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #FFF5D7; border-radius: 10px;z-index: 10; }
.desc-item{ display: inline-block; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 25px 0;}
@media screen and (max-width: 768px){
    .event-desc p{  font-size: 14px;line-height: 30px;}
    .event-desc p span em{font-size: 16px;}
}
.gift-item, .gift-item-2nd{text-align: center; margin: 50px 0;}
@media screen and (max-width: 768px){
    .gift-item, .gift-item-2nd{margin: 20px 0;}
}
.gift-item img, .gift-item-2nd img{width: 100%}
.gift-item li, .gift-item-2nd li{display: inline-block; vertical-align: top;}
@media screen and (max-width: 768px){
    .gift-item li, .gift-item-2nd li{width: 30%}
}
.gift-item .item-img{position: relative; padding: 15px 0;}
.gift-item li:first-child .item-img{background: url("../images/event/event_shape.png") no-repeat center; background-size: 100%; }
.gift-item .item-img span{ position: absolute; left:0; bottom:20px; display:inline-block; width: 60px; height: 60px; text-align: center; vertical-align: top; background-image: linear-gradient(to right, #E86D6A , #CA0967); color: #fff; font-family: 'yg-jalnan';  font-size: 20px; border-radius: 50px;}
@media screen and (max-width: 768px){
    .gift-item .item-img span {width:50px; height: 50px; font-size: 14px;}
}
.gift-item .item-img span i, .gift-item-2nd .item-img span i { display: inline-block; padding: 14px 0; font-style: normal;}
.gift-item li:last-child .item-img{background: url("../images/event/event_shape2.png") no-repeat center; background-size: 100%;}
.gift-item p, .gift-item-2nd p {font-size: 18px; padding-top:20px; color: #6C6C6C; }
@media screen and (max-width: 768px){
    .gift-item .item-img span {width:50px; height: 50px; font-size: 14px;}
    .gift-item p, .gift-item-2nd p {font-size: 14px; padding-top:20px; color: #6C6C6C;}
}
.gift-item li+li, .gift-item-2nd li+li {margin-left: 30px}
@media screen and (max-width: 768px){
    .gift-item li+li, .gift-item-2nd li+li {margin-left: 0}
}
.gift-item-2nd .item-img {position:relative; width: 100%;height: 100%; background: #CFE7FF; border-radius: 50%; }
.gift-item-2nd .item-img span {position: absolute; left:0; bottom:0; display:inline-block; width: 60px; height: 60px; text-align: center; background-image: linear-gradient(to right, #958EFF , #456DEE); color: #fff; font-family: 'yg-jalnan';  font-size: 20px; border-radius: 50px;}
@media screen and (max-width: 768px){
    .gift-item-2nd .item-img span {width:50px; height: 50px; font-size: 14px;}
}
.footer{position:relative; padding-top: 100px;}
.footer-inner{ background: #2F288C; padding: 30px 0;text-align: center;}
.footer-inner:before{content:''; position: absolute; left: 0; top:0; width: 100%; height: 101px; background: url("../images/event/event_bottom_bg.svg") no-repeat center bottom; background-size: 100%;}
.event-data{display: inline-block;}
.event-data li{text-align: left; }
.event-data i {display: inline-block; background:#CA0967; font-family: 'yg-jalnan'; line-height: normal; font-style: normal; font-size: 18px; color: #fff; padding: 10px 20px; margin: 10px; border-radius: 50px;}
.event-data p {display: inline-block; font-family: 'S-CoreDream-5Medium'; font-style: normal; color: #fff; font-size: 18px; vertical-align: middle;}
@media screen and (max-width: 768px){
    .event-data li{text-align: center;}
    .event-data i,.event-data p{font-size: 16px;}
    .event-data p{display: block;}
}
.btn-link{ display: inline-block; text-decoration: none; background-image: linear-gradient(to right, #958EFF , #456DEE); color: #fff;  padding: 10px 20px; margin-top: 20px; font-family: 'yg-jalnan'; font-size: 20px;  border-radius: 5px; box-shadow: 0 4px 10px #B4C1F3;}
@media screen and (max-width: 768px){
    .btn-link{font-size: 16px;}
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .gift-item .item-img span i, .gift-item-2nd .item-img span i { display: inline-block; padding: 20px 0 14px 0; font-style: normal;}
    .btn-link{font-size: 16px; padding-top: 20px;}
    .event-data i{padding-top: 20px;}
}


/* IE6,7 */
@media screen\9 {
    .gift-item .item-img span i, .gift-item-2nd .item-img span i { display: inline-block; padding: 20px 0 14px 0; font-style: normal;}
    .btn-link{font-size: 16px; padding-top: 20px;}
    .event-data i{padding-top: 20px;}
}

/* IE8 */
@media \0screen {
    .gift-item .item-img span i, .gift-item-2nd .item-img span i { display: inline-block; padding: 20px 0 14px 0; font-style: normal;}
    .btn-link{font-size: 16px; padding-top: 20px;}
    .event-data i{padding-top: 20px;}
}

/* IE6,7,8 */
@media \0screen\,screen\9 {
    .gift-item .item-img span i, .gift-item-2nd .item-img span i { display: inline-block; padding: 20px 0 14px 0; font-style: normal;}
    .btn-link{font-size: 16px; padding-top: 20px;}
    .event-data i{padding-top: 20px;}
}

/* IE9,10 */
@media screen and (min-width:0\0){
    .gift-item .item-img span i, .gift-item-2nd .item-img span i { display: inline-block; padding: 20px 0 14px 0; font-style: normal;}
    .btn-link{font-size: 16px; padding-top: 20px;}
    .event-data i{padding-top: 20px;}
}


/*학과소개 페이지*/
html,body{height: 100%; }
.wrap_major { width:100%; background: #F7F8F9; min-height: 100%; }
.wrap_major .container {font-family:'Noto Sans KR','Malgun Gothic','맑은고딕','Nanum Gothic','돋움',dotum,'굴림',gulim,Helvetica,sans-serif; margin: 0 auto; max-width: 1070px; }
@media screen and (max-width: 1024px){
    .wrap_major .container{padding: 0 15px;}
}
.tab_menu {width: 100%; font-size: 0;  }
.tab_menu li {display: inline-block; width: 25%; text-align: center; border: 1px solid #888; background: #fff; margin-top: 1rem;box-sizing: border-box; font-size: 18px; cursor: pointer;}
.tab_menu li+li {border-left: 0;}
.tab_menu li.active {background: #383838; color: #fff; font-weight: 600;}
.tab_menu li a {display:inline-block;padding:.7rem;}
@media screen and (max-width: 768px){
    .tab_menu li {width: 50%;}
    .tab_menu li:nth-child(3) {border-left:1px solid #888;}
    .tab_menu li:nth-child(3),.tab_menu li:nth-child(4){margin-top: 0; border-top: 0;}
}
.tab_contents{ font-size: 0; margin-left: -15px; margin-right: -15px;}
.banner {background:#001A5E url('../images/event/banner_major.png') no-repeat center bottom; text-align: center; font-family: 'yg-jalnan'; margin: 15px 0; padding: 25px 15px 200px 15px;}
.banner span {display: inline-block; background:#FFD164; color:#112047; border-radius: 50px; padding: 5px 15px; margin-bottom: 10px;}
.banner p {font-family: 'yg-jalnan'; font-size: 20px; color: #fff; }
.banner p i {font-style: normal}
@media screen and (max-width: 1024px){
    .banner p{font-size: 16px;}
    .banner p i {display: block; transition: 3ms;}
}
.banner p em {font-style: normal; display: block;}
.major_item {display: inline-block; width: 50%;  box-sizing: border-box; padding: 15px; vertical-align: top;}
.item_inner{display: flex;background: #fff;border: 1px solid #757575;justify-content: space-between;}
.major_img{position: relative; width:50%; overflow:hidden;}
.major_img img{position: absolute; width: 100%;height: 100%;object-fit: cover;top: 50%;left: 50%;transform: translate(-50%,-50%);}
@media screen and (max-width: 768px){
    .major_item {width: 100%;}
}
.major_data {display: inline-block; width: 45%;  height: 100%;  background: #fff;}
@media screen and (max-width: 480px){
    .major_img{width: 100%;}
    .major_img img{width: 100%}
    .major_data{width: 100%;}
}
@media all and (min-width:768px) and (max-width:1023px){
    .major_img{width: 40%;}
    .major_data{width: 60%;}
}
.data_inner{padding: 1rem;}
.major_data h2{ color:#333; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #8B8B8B; text-align: center; font-size: 21px;}
@media all and (min-width:768px) and (max-width:1023px){
    .major_data h2{font-size: 20px;}
}
.major_data a {text-decoration: none; display: inline-block; text-align: center; color: #fff; font-weight: bold; font-size: 16px;}
.major_data .tel {background: #071529 url(../images/event/icon_phone.png) no-repeat 5px 10px; color: #fff; width: 100%; padding: 10px 0; margin-bottom: 7px;}
.link_group a{width: 48%; padding: 20px 0;}
.link_group a:first-child{background:#FAE300 url(../images/event/icon_talk.png) no-repeat right bottom; color: #391B1B; margin-right: 4%; }
.link_group a:last-child{background: #A90056 url(../images/event/icon_home.png) no-repeat right bottom; }
.link_group i {display: block;}


/* IE6,7 */
@media screen\9 {
    .banner span {padding-top: 15px;}
    .banner p {padding-top: 5px;}
}

/* IE8 */
@media \0screen {
    .banner span {padding-top: 15px;}
    .banner p {padding-top: 5px;}
}

/* IE6,7,8 */
@media \0screen\,screen\9 {
    .banner span {padding-top: 15px;}
    .banner p {padding-top: 5px;}
}

/* IE9,10 */
@media screen and (min-width:0\0){
    .banner span {padding-top: 15px;}
    .banner p {padding-top: 5px;}
}