.intro-sec{width:100%; position:relative; z-index: 102; height:auto;}
.intro-sec h2{ font-size:80px; margin-left:-5px; line-height:1.1; letter-spacing:-0.05em}
.intro-sec h3{margin-top: 20px; font-weight: 500; font-size: 21px;}
.intro-sec h4{margin-bottom: 13px; font-weight: 400; font-size: 17px;}
.main-slide {color: #fff;}
.main-slide {max-width: 1920px; height: 780px; margin: 200px auto 0; padding:30px;}
.main-slide .slick-list, .main-slide .slick-track {height: 100%; border-radius:8px; overflow:hidden;}
.slide-box {width: 100%; height: 100%;}
.slide-content {width: 100%; height: 100%; padding-top: 10%; background-repeat: no-repeat  !important; background-position: center !important; background-size:cover !important;}
.slide-content .inner{width: 1200px; margin: 0 auto;}
.slide-content .no-text {display: block; width: 100%; height: 100%;}
.main-slide01{background-image: url('./img/main_slide01_01.jpg');}
.main-slide02{background-image: url('./img/main_slide01_02.jpg');}
.slick-active .slide-content .inner > * {opacity:1; animation-fill-mode: forwards;}
.slick-active .slide-content.load .inner > *:nth-child(1) {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0; animation-delay: 0;}
.slick-active .slide-content.load .inner > *:nth-child(2) {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.slick-active .slide-content.load .inner > *:nth-child(3) {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.slick-active .slide-content.load .inner > *:nth-child(4) {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.slick-active .slide-content.load .inner > *:nth-child(5) {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.slick-active .slide-content.load .inner > *:nth-child(6) {-webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s;}
.btnNormal{display:inline-block; line-height:48px; border-radius:48px; background:#fff; padding:0 25px; color:#282828; font-size:17px; margin-top:20px;}
.main-slideCtrl .comArow span.prev {background: url("/web/2022/img/main/icon_main_roll_prev_wh.png")no-repeat center center; margin-right:5px;}
.main-slideCtrl .comArow span.next {background: url("/web/2022/img/main/icon_main_roll_next_wh.png")no-repeat center center;}
.main-slide-cont{display: flex; align-items: center; position:absolute; bottom:170px; left:50%; margin-left:-600px; z-index:4; color:#fff;}
.main-slide-cont .mslide-pagi {margin-top: 0;}
.main-slide-cont .slick-progress {margin-top: 0;}
.main-slide-cont .slide-arrow {position: static; width: auto; display: inline-block; margin-left: 15px;}
.main-slide-cont .slide-arrow button {position: static; margin: 0 2px;}
.main-slide-cont .slide-arrow button i {position: relative; display: block; width: 55px; height: 55px; border-radius: 100%; border: 3px solid rgba(255, 255, 255, 0.7); }
.main-slide-cont .slide-arrow button i:after {position: absolute; top: 50%; left: 50%; width: 8px; height: 8px;}
.main-slide-cont .slide-arrow .mslide-prev i:after {transform: translate(-50%, -50%) rotate(135deg);}
.main-slide-cont .slide-arrow .mslide-next i:after {transform: translate(-50%, -50%) rotate(-45deg);}
.slide-arrow button i:after {content:''; display: inline-block; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-right:2px solid #fff;}
.slick-prev i:after {transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg);}
.slick-next i:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
.slick-progress {display: inline-block; width: 270px; height: 2px; overflow: hidden; background: rgba(255,255,255,0.4); float:left; margin-top:15px;}
.slick-label {display: block; height: 100%; background: #fff; -webkit-transition: width 0.3s; transition: width 0.3s;}
.slide-cont {display: flex; align-items: center; position: absolute; bottom: 121px; padding-left: 50px;}
.slide-arrow {position: absolute; top: 2px; width:30px; right:-50px;}
.slide-arrow button {position: absolute;}
.slide-arrow .slick-prev {left: 0;}
.slide-arrow .slick-next {right: 0;}
.slick-pagi {width: 70px; font-size: 18px; font-family: 'Marcellus'; text-align: left; font-style: italic; color:#fff; float:left; line-height:24px;vertical-align:bottom; margin-top:3px;}
.slick-progress {margin-left: 0px;}
.main-story-cont .slide-arrow button i:after {content:''; display: inline-block; width: 10px; height: 10px; border-bottom: 2px solid #282828; border-right:2px solid #282828;}
.main-story-cont .slick-progress { background: rgba(0,0,0,0.4); float:left; margin-top:15px;}
.main-story-cont .slick-label { background: #282828;}
.main-story-cont .slide-cont {display: flex; align-items: center; position: absolute; bottom: 121px; padding-left: 50px;}
.main-story-cont .slide-arrow {position: absolute; top: 2px; width:30px; right:-50px;}
.main-story-cont .slide-arrow button {position: absolute;}
.main-story-cont .slide-arrow .slick-prev {left: 0;}
.main-story-cont .slide-arrow .slick-next {right: 0;}
.main-story-cont .slick-pagi {color:#282828}
.about, .catalogue, .checkout, .contact, .home, .legal, .lookbook, .not-found, .product {height: 100%;left: 0;opacity: 0;overflow: hidden;pointer-events: none;position: absolute;top: 0;visibility: hidden;width: 100%;z-index: 2;}
.main-review{position: relative;  text-align:center; padding:80px 0px 0px 0px; width:100%; overflow:hidden;}
.main-tit-cont h3{color:#555; font-size:21px;}
.main-tit-cont h5{font-family:'Marcellus', serif;font-size:60px; color:#008294}
.main-tit-cont h5 b{font-size:55px; font-family: "Noto Sans KR", "sans-serif", "dotum", "돋움", "gulim", "굴림", "Arial", "AppleGothic", "verdana", "helvetica", 'Cormorant Garamond', "serif"; color:#008294;  }
.main-tit-cont span{display:block; width:100%; padding-bottom:40px; font-size:21px; color:#282828; padding-top:20px;}
.mainreviewList{width:1600px; margin:0 auto; overflow:hidden;}
.mainreviewList li { transition: all 300ms ease;  border-radius:10px; border:1px solid #008294; padding:40px; background:#fff;z-index:1 !important; float:left; width:50%; margin:0 5px; padding-left:160px; position:relative;}
.mainreviewList li em.reviewthumb{display:block; width:86px; height:86px; position:absolute; top:36px; left:36px; border-radius:100%; background-size:cover !important;}
.mainreviewList .slick-list{overflow:visible !important;}
.mainreviewList li p {font-size: 17px;overflow: hidden;text-overflow: ellipsis;white-space: normal;letter-spacing: -0.01em;line-height: 1.6;height: 4.8em;font-weight: 300;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align:left;}
.mainreviewList li .reviewdate{display:none;}
.mainreviewList li div h5{display:block; padding-bottom:20px; margin-bottom:0px; text-align:left; border-bottom:0px solid #ddd}
.mainreviewList li div h5 span{display:inline-block; color:#008294; font-size:25px;font-family:"Marcellus", sans-serif; font-style: italic;}
.mainreviewList li div h5 em{font-size:15px; font-style:normal; color:#282828; display:inline-block; padding-right:3px}
.review-txt{padding-top:30px; text-align:center; width:100%; display:block;}
/* 커리큘럼 */
.curri-sec{height: 100%; padding: 200px 0; z-index: 101;}
.curri-list{display: flex; position: absolute; z-index: 98;}
.curri-list > li{margin-left: 45px;}
.curri-list > li a {display: block; width: 100%;height: 100%; overflow: hidden; border-radius: 10px;}
.curri-list > li a img {transition: all 1s;}
.curri-list > li a:hover img{transform:scale(1.1);}
.curri-menu {width: 1200px; margin-top: -57px; text-align: center;}
.curri-top{position: absolute; z-index: 99; top: 373px; left: 50%; transform: translateX(-50%);}
.fake-bg{position: relative; z-index: -1;}
.fake-bg img{opacity:0;}
.curri-fix{overflow: hidden; position: absolute; left: 0; right: 0; top: 120px; bottom: 0; z-index: 100; display: flex; flex-direction: column; justify-content: center; align-items: center; opacity:0;}
.curri-fix h4{margin: 0; font-weight: 400; font-size:17px;}
.cr-menu{margin-top: 30px; text-align: center;}
.cr-menu > li a {display: inline-block; overflow: hidden; height: 111px;/*font-family: 'Marcellus';*/ font-size: 77px; color: #292929; font-weight:400}
.cr-menu > li.on a {position: relative; font-family: 'Noto Serif KR'; font-size: 83px; font-weight:400;}
.cr-menu > li a p {transition: transform 1s cubic-bezier(.19,1,.22,1);}
.cr-menu > li a:hover p {transform:translateY(-100%);}
.menu-hover {font-family: 'Marcellus', serif;}
#cr-bg {position: absolute; z-index: -1;}
#cr-bg > li{position: absolute; z-index: -1; opacity:0; transition: all 0.3s;}
#cr-bg > li.on {opacity: 1;}
/* 고정 */
.bg-sec {width: 100%; height: 1045px; background:url('/web/2022/img/main/sec_fixed_bg.jpg') center no-repeat; background-attachment: fixed;}
.main-curribtn{display:inline-block; padding:0 20px; line-height:48px; background:#282828; border-radius:48px; color:#fff; }
.main-community, .main-seminar{width:100%; position:relative; padding:100px 0; height:auto}
.main-story-cont{position:absolute; top:80px; right:60px;}
.main-story { margin:0 -20px; padding-top:40px;}
.main-story-list{text-align:center; padding:0 20px; margin-bottom:20px;}
.main-story-list span{font-family: 'Marcellus'; font-size: 21px; color: #008294; letter-spacing:0}
.main-story-list h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; width:100%; font-size:21px; font-weight:normal}
.main-story-list em {display:block; width:100%; padding-bottom:250px; margin-bottom:20px; border-radius:8px; overflow:hidden; background-size:cover !important; background-position:center center !important;}
.main-story div:nth-child(2n) {padding-top:0px;}
.main-interview-cont{position:absolute; top:80px; right:60px;}
.main-interview { margin:0 -20px; padding-top:40px;}
.main-interview-list{text-align:center; padding:0 20px; margin-bottom:20px;}
.main-interview-list span{font-family: 'Marcellus'; font-size: 21px; color: #008294; letter-spacing:0}
.main-interview-list h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:block; width:100%; font-size:21px; font-weight:normal}
.main-interview-list em {display:block; width:100%; padding-bottom:250px; margin-bottom:20px; border-radius:8px; overflow:hidden; background-size:cover !important; background-position:center center !important;}
.main-interview-cont .slide-arrow button i:after {content:''; display: inline-block; width: 10px; height: 10px; border-bottom: 2px solid #282828; border-right:2px solid #282828;}
.main-interview-cont .slick-progress { background: rgba(0,0,0,0.4); float:left; margin-top:15px;}
.main-interview-cont .slick-label { background: #282828;}
.main-interview-cont .slide-cont {display: flex; align-items: center; position: absolute; bottom: 121px; padding-left: 50px;}
.main-interview-cont .slide-arrow {position: absolute; top: 2px; width:30px; right:-50px;}
.main-interview-cont .slide-arrow button {position: absolute;}
.main-interview-cont .slide-arrow .slick-prev {left: 0;}
.main-interview-cont .slide-arrow .slick-next {right: 0;}
.main-interview-cont .slick-pagi {color:#282828}
.main-bottom-cont{background: url("/web/2022/img/main/main_bottom_bg.jpg") center center no-repeat; opacity: 1;border-radius: 8px; transform: matrix(0.97, 0, 0, 0.97, 0, 0);  background-size:cover !important; padding:90px 0px; text-align:center; color:#fff; margin-top:80px}
.main-bottom-cont .contInner{width:950px;}
.main-bottom-cont h3{font-family:"Noto Serif KR", sans-serif; font-weight:100; font-size:35px; line-height:1.4; display:block; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #fff}
.main-bottom-cont ul li{width:160px; display:inline-block; position:relative; padding-top:90px; background-position:center top !important; background-repeat:no-repeat !important;}
.main-bottom-cont ul li:nth-child(1){background: url("/web/2022/img/main/main_bot_icon001.png")}
.main-bottom-cont ul li:nth-child(3){background: url("/web/2022/img/main/main_bot_icon002.png")}
.main-bottom-cont ul li:nth-child(5){background: url("/web/2022/img/main/main_bot_icon003.png")}
.main-bottom-cont ul li:nth-child(2), .main-bottom-cont ul li:nth-child(4){background: url("/web/2022/img/main/main_bot_add.png") center center no-repeat !important; width:60px; padding-top:120px;}
.btnC .btnTypeWhite{line-height:48px; padding:0 40px; font-size:17px; color:#282828; display:inline-block; background:#fff; border-radius:48px;}
.msLocation {margin-top: 15px; border-bottom:solid 0px #d0d0d0;}
.msLocation:after {content:""; display:table; clear:both;}
.msLocation li {float:left; padding:0 15px; color:#afb0b1; font-size:15px; letter-spacing:-0.075em; height:40px; line-height:40px; position:relative; cursor:pointer;}
.msLocation li.current {color:#333;}
.msLocation li.current:after {content:""; display:block; height:4px; position:absolute; left:0; right:0; bottom:0; background:#333;}
.mcmTitle a.msMore {bottom: 10px;}
.msSlider2  {background:#fff; padding-top:40px; position:relative; margin:0 -20px; padding-bottom:80px; overflow:hidden; position:relative; width:1200px;}
.msSlider2  .slick-list {overflow:visible;}
.msCont {padding: 0 20px;}
.msCont a {display: block;}
.msCont a em {display: block; padding-bottom: 140%; background-size: cover !important; position: relative; -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.2);}
.msCont a span {display: block; position: absolute; right: 10px; top: 10px; background: rgba(10, 76, 74, 0.85); font-style: normal; color: #fff; font-size: 12pt;width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 14px;border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
.msCont a h5 {font-size: 16px; padding-top: 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: center;}
.msCont.nodata a {display: block; position: relative; padding-bottom: 140%; background: #f5f5f5; -webkit-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 20px 0px rgba(0,0,0,0.2);}
.msCont.nodata a h6 {text-align: center; position: absolute; left: 0; right: 0; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; font-size: 16px;}
.main-seminar-cont{position:absolute; top:170px; right:60px; z-index:5}
.main-seminar-cont .slide-arrow button i:after {content:''; display: inline-block; width: 10px; height: 10px; border-bottom: 2px solid #282828; border-right:2px solid #282828;}
.main-seminar-cont .slick-progress { background: rgba(0,0,0,0.4); float:left; margin-top:15px;}
.main-seminar-cont .slick-label { background: #282828;}
.main-seminar-cont .slide-cont {display: flex; align-items: center; position: absolute; bottom: 121px; padding-left: 50px;}
.main-seminar-cont .slide-arrow {position: absolute; top: 2px; width:30px; right:-50px;}
.main-seminar-cont .slide-arrow button {position: absolute;}
.main-seminar-cont .slide-arrow .slick-prev {left: 0;}
.main-seminar-cont .slide-arrow .slick-next {right: 0;}
.main-seminar-cont .slick-pagi {color:#282828}
.main-bottom-cont .aca-feature-deco{position:absolute; z-index:2;font-family: 'Marcellus', serif; font-size:90px; color:#aaa; opacity:0.3; cursor:none; line-height:1; top:-130px; left:50%; margin-left:-600px; text-align:center; letter-spacing:0}
.newQuick_wrap{background: #fff;width: 100%;text-align: center;border-bottom: 1px solid #eaeaea;border-top: 0px solid #eaeaea;padding: 28px 0;vertical-align: top;z-index:900;position:relative;}
.newQuick_wrap .containerWrap{position:relative; width:100%;z-index:900;}
.newOpenday{display:inline-block; position:relative; height:70px;vertical-align: top; padding-right:30px; padding-top:5px;}
.newOpenday:before{content:""; display:block; height:70px; width:1px; background:#ddd; position:absolute; top:0px; right:0px}
.newOpenday:after {content:""; display:table; clear:both;}
.newOpenday dl{vertical-align: top;}
.newOpenday dl dt {display:inline-block; font-size:37px; font-family: 'Noto Serif KR', serif; line-height:1.1; font-weight:700;vertical-align: top;}
.newOpenday dl dt span{display:block; font-size:13px; font-weight:500; letter-spacing:-0.04em; padding-bottom:2px; padding-top:1px;  font-family: 'EB Garamond', serif;}
.newOpenday dl dd{display:inline-block; padding-left:18px; font-size:13px; line-height:19px;; text-align:left; color:#777; letter-spacing:0.025em;}
.newOpenday dl dd span{font-weight:500;color:#0a4c4a;}
.newOpenday dl dd h3{font-size:15px; color:#0a4c4a; padding-bottom:2px;}
.newOpenday em{font-style:normal;}
.newMainQuick{display:inline-block;  position:relative; height:70px; padding:0 15px;}
.newMainQuick:after  {content:""; display:table; clear:both;}
.newMainQuick ul li {display:inline-block;padding:0 20px;}
.newMainQuick ul li a{display:inline-block;  font-size:15px; z-index:1001}
.newMainQuick ul li a span {display: block; padding-top:45px; position: relative; background-position: center 0px !important; background-size: 40px auto !important; background-repeat: no-repeat !important;}
.newMainQuick ul li:nth-child(1) a span {background:url("/web/2022/img/main/icon_tuition.png")}
.newMainQuick ul li:nth-child(2) a span {background:url("/web/2022/img/main/icon_schedule.png")}
/* .newMainQuick ul li:nth-child(2) a span {background:url("/web/2022/img/main/icon_visit.png")} *//* 실시간상담예약 */
/* .newMainQuick ul li:nth-child(2) a span {background:url("/web/2022/img/main/icon_review.png")} */
.newMainQuick ul li:nth-child(3) a span {background:url("/web/2022/img/main/kakao_icon02.png"); background-size: 56px !important; padding-top: 55px;}
.newMainQuick ul li:nth-child(4) a span {background:url("/web/2022/img/main/icon_location2.png")}
.newMainQuick ul li:nth-child(5) a span {background:url("/web/2022/img/main/icon_pay.png")}
/* .newMainQuick ul li:nth-child(5) a span {background:url("/web/2022/img/main/icon_check.png")} */
.newMainCall{display:inline-block;  position:relative; height:70px; padding-left:30px;vertical-align: top; padding-top: 10px;}
.newMainCall:before{content:""; display:block; height:70px; width:1px; background:#ddd; position:absolute; top:10px; left:0px}
.newMainCall h3{ font-size:45px; font-family: 'EB Garamond', serif;line-height:1; font-weight:500; padding-bottom:0px; letter-spacing:-0.055em}
.newMainQuick ul li:nth-child(1) a {color: #fff;}
.newMainQuick ul li:nth-child(1) a:before {content: ''; display: block; background: #0a4c4a; width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;border-radius: 100px 100px 100px 100px; -moz-border-radius: 100px 100px 100px 100px; -webkit-border-radius: 100px 100px 100px 100px;}
.newMainQuick ul li:nth-child(1) a span {background:url("/web/2022/img/main/icon_tuition_wh.png")}
.newMainQuick ul li:nth-child(1) a {position:relative;}
/*210728¼öÁ¤ .newMainQuick ul li:nth-child(1) a:after {content: ''; display:block; width: 91px; height:50px; position:absolute; left:100%; bottom:100%; margin-left:-45%; margin-bottom:-17%; background: url('/web/2022/img/main/event_balloon.png')no-repeat center center; background-size:cover;  -webkit-animation: blink 1.0s infinite;} */
.newMainQuick ul li .bubble {display:block; position:absolute; padding: 3px 5px; margin-left:-45%; margin-bottom:-3%; border-radius: 35px; font-style: normal; font-weight: 300; font-size: 13px; line-height: 1.3; color: #fff; letter-spacing: -0.08em; -webkit-animation: blink 1.0s infinite;}
.newMainQuick ul li .bubble:after {content:''; display: block; width: 0; height: 0; border-right: 10px solid transparent; position: absolute; z-index: 1; border-top: solid 9px;}
.newMainQuick ul li .bubble b {font-weight: 300; font-size: 15px;}
.newMainQuick ul li:nth-child(1) .bubble {width: 82px; height:45px; left:100%; top:-20px; background-color: #ff4444;}
.newMainQuick ul li:nth-child(1) .bubble:after {bottom: -3px; left: 7px; border-top:solid 9px #ff4444;}
@-webkit-keyframes blink {
    0% {opacity:0; }
	49% {opacity:0;}
	50% {opacity:1;}
	99% {opacity:1;}
	100% {opacity:0; }
}
/* 2208 이전 교육과정 */
.main-new-curri{width:100%; position:relative; padding-top:100px;}
.main-new-curri .contInner{width:1400px;}
.main-new-curri ul{ margin:0 -10px;}
.main-new-curri ul li{width:25%; float:left; position:relative; padding:0 10px; border-radius:8px; overflow:hidden;}
.main-new-curri ul li a{display:block;-webkit-transition: all 0.3s; transition: all 0.3s; filter: gray; /* IE6-9 */  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */border-radius:8px; overflow:hidden;}
.main-new-curri ul li a img{width:100%;}
.main-new-curri:after{content:""; display:table; clear:both;}
.main-new-curri ul li a .ncTilte{position:absolute; bottom:12%; left:0px; text-align:center; z-index:3; width:100%; color:#232323; opacity:0;-webkit-transition: all 0.3s; transition: all 0.3s; }
.main-new-curri ul li a .ncTilte span{ font-family: 'EB Garamond', serif;letter-spacing:-0em; color:#232323; font-size:17px;}
.main-new-curri ul li a .ncTilte h3{font-weight:500; color:#232323; line-height:1.1; letter-spacing:-0.075em; padding-bottom:10px;}
.main-new-curri ul li a .ncTilte p{font-weight:300; color:#232323; font-size:17px;} 
.main-new-curri ul li a:hover{z-index:2; filter: none; /* IE6-9 */  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */  filter: grayscale(0); /* Microsoft Edge and Firefox 35+ */transform: translate3d(0,-20px, 10px);}
.main-new-curri ul li a:hover img{box-shadow: 0 4px 20px rgba(0,0,0,0.1);}
.main-new-curri ul li a:hover .ncTilte{opacity:1;}
.main-new-curri ul li a h5{position:absolute; top:5%; left:10%; ;font-family: 'EB Garamond', serif;letter-spacing:-0em; color:#0a4c4a; font-size:17px;}
.main-new-curri ul li a:after{content:""; display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;; background:url("/web/renewal2016/mainRe/img/2020/curri_rec.png")no-repeat center center; background-size:cover; z-index:2; opacity:0;-webkit-transition: all 0.3s; transition: all 0.3s; }
.main-new-curri ul li a:hover:after{opacity:1;}
.main-curri {position: relative; padding-top: 195px; padding-bottom: 70px;}
.main-curri ul {display: flex; flex-wrap: wrap; margin: 0 -4px;}
.main-curri ul li {width: 33.33%; height: 450px; padding: 0 4px;}
.main-curri ul li:nth-child(n+4) {margin-top: 7px;}
.main-curri ul li a {position: relative; display: inline-block; width: 100%; height: 100%; overflow: hidden; border-radius: 7px; background-size: cover; background-repeat: no-repeat; background-position: center; transition: all 0.3s;}
.main-curri ul li:hover a {filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1);}
.main-curri ul li .curri-hover {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: flex-end; padding-left: 20px; padding-bottom: 13px; background: rgba(0, 0, 0, 0); color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.main-curri ul li:hover .curri-hover {background: rgba(0, 0, 0, 0.5);}
.main-curri ul li .curri-hover:before {content:''; position: absolute; bottom: 0; left: 0; right: 0; height: 220px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.2) 55%, rgba(0, 0, 0, 0.00) 100%);}
.main-curri ul li .curri-hover h3 {z-index: 0; font-weight: 500; font-size: 34px; transition: all 0.8s cubic-bezier(0.9,0,.2,1); line-height: 1.4;}
.main-curri ul li:hover .curri-hover h3 {letter-spacing: 0.23em;}
.main-curri ul li .curri-hover span {z-index: 0; overflow: hidden; font-family: 'Marcellus', serif; font-size: 21px; line-height: 26px;  }
.slide-vertical,
.slide-horizontal {
  .char {
	overflow: hidden;
	color: transparent;

	&:before,
	&:after {
	  visibility: visible;
	  color: #1ec1d7;
	  transition: transform 0.5s cubic-bezier(0.9,0,.2,1);
	  transition-delay: calc( 0.2s + ( 0.02s * ( var(--char-index)) ) );
	}

	&:before {
	  color: #fff;
	  transition-delay: calc( 0.02s * ( var(--char-index)) );
	}
  }

}
.main-curri ul li:hover .char:before { transition-delay: calc( 0.2s + ( 0.02s * ( var(--char-index)) ) );}
.main-curri ul li:hover .char:after { transition-delay: calc( 0.02s * ( var(--char-index)) );}
.slide-vertical { .char:before { transform: translateY(100%); }}
.main-curri ul li:hover .char:before { transform: translateY(0%); }
.main-curri ul li:hover .char:after { transform: translateY(-100%); }
/* 2403추가 */
.main-tit-en {padding-bottom: 12px; font-family: 'Marcellus', serif; font-size: 21px; color: #008294; text-align: center;}
.main-tit-cont h4 {padding-bottom: 40px; font-size: 51px; text-align: center;}