@charset "utf-8";

.main-visual {position: relative; width: 100%; /* height: 586px; */ margin-top: 203px;}
/* .main-visual .origin .item {position: relative; width: 100%; height: 586px;}
.main-visual .origin .img-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1;}
.main-visual .origin .item.slick-active .img-box {transform: scale(1.06); transition: all 4.5s;}
.main-visual .origin .item:nth-child(1) .img-box {background-image: url('../img/main/main_visual01.jpg');}
.main-visual .origin .item:nth-child(2) .img-box {background-image: url('../img/main/main_visual01.jpg');}
.main-visual .origin .item:nth-child(3) .img-box {background-image: url('../img/main/main_visual01.jpg');}
.main-visual .origin .logo {position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); max-width: 1630px; width: 100%; padding: 0 15px;}
.main-visual .origin .logo img {margin: 0 0 0 auto;}
.main-visual .thumb {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 1630px; width: 100%; padding: 0 15px; z-index: 2;}
.main-visual .thumb .text-box p {font-size: 22px; font-weight: 700; line-height: 1.3em; color: #000; margin-bottom: 11px;}
.main-visual .thumb .text-box h2 {font-size: 65px; font-weight: 600; line-height: 1.4em; color: #000; margin-bottom: 8px;}
.main-visual .thumb .text-box b {display: inline-block; font-size: 58px; font-weight: 600; line-height: 1.3em; color: #fff;}
.main-visual .thumb .text-box b span {position: relative; z-index: 5; padding: 0 13px;}
.main-visual .thumb .text-box b span:before {position: absolute; top: 0; left: 0; content: ''; width: 0; height: 100%; background: #75513b; z-index: -1;} */

.main-visual .items .pic {position:relative; height:0; padding-bottom:30.57%; overflow:hidden; transition:all 0.6s;}
.main-visual .items .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.main-visual .items .pic .visual-mob {display: none;}

.main-visual .controler-wrap {position: absolute; bottom: 155px; left: 50%; transform: translateX(-50%); max-width: 1630px; width: 100%; display: flex; align-items: center; padding: 0 15PX;}
.main-visual .slick-dots {display: flex; margin: 0 17px 0 -3px;}
.main-visual .slick-dots li {padding: 0 3px;}
.main-visual .slick-dots button {position: relative; display: block; width: 34px; height: 4px; background: #fff; border-radius: 2px; font-size: 0; border: 0;}
.main-visual .slick-dots button:before {position: absolute; top: 0; left: 0; content: ''; width: 0; height: 100%; background: #75513b; transition: all 1.5s;}
.main-visual .slick-dots .slick-active button:before {width: 100%;}
.main-visual .arrows {display: flex;}
.main-visual .slick-arrow {display: block; width: 23px; height: 23px; background-repeat: no-repeat; background-position: center center; font-size: 0; border: 0; background-color: transparent; transition: all 0.5s;}
.main-visual .slick-prev {background-image: url('../img/main/main_visual_btn_prev.png'); margin-right: 10px;}
.main-visual .slick-next {background-image: url('../img/main/main_visual_btn_next.png');}
.main-visual .slick-prev:hover {background-image: url('../img/main/main_visual_btn_prev_active.png');}
.main-visual .slick-next:hover {background-image: url('../img/main/main_visual_btn_next_active.png');}

.main-visual .thumb .item.slick-active .text-box p {animation: text-up 1s both 0.4s;}
.main-visual .thumb .item.slick-active .text-box h2 {animation: text-up 1s both 0.5s;}
.main-visual .thumb .item.slick-active .text-box b {animation: text-up 1s both 0.6s;}
.main-visual .thumb .item.slick-active .text-box b span:before {width: 100%; transition: all 1s 1.2s;}
@keyframes text-up {0% {transform: translateY(40px); opacity: 0;} 100% {transform: translateY(0px); opacity: 1;}}

.m-section01 {background: url('../img/main/section01_bg.jpg') no-repeat center center/cover; padding: 135px 0 310px;}
.m-section01 .wrap {display: flex; justify-content: space-between;}
.m-section01 .board-wrap {width: 1%; flex: 1 1 auto; padding-right: 205px;}
.m-section01 .board:not(:last-child) {margin-bottom: 70px;}
.m-section01 .board-title {display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #e1e2e3; padding-bottom: 11px; margin-bottom: 25px;}
.m-section01 .board-title h3 {font-size: 28px; font-weight: 500; line-height: 1.2em; color: #000;}
.m-section01 .board-title a {font-size: 14px; font-weight: 600; line-height: 25px; color: #484848; border: 1px solid #484848; background: #fafafa; border-radius: 18px; padding: 0 9px; transition: all 0.5s;}
.m-section01 .board-title a:hover {background: #484848; color: #fff;}
.m-section01 .board-details li:not(:last-child) {margin-bottom: 40px;}
.m-section01 .board-details li a {display: flex; justify-content: space-between; align-items: flex-end;}
.m-section01 .board-details .num {max-width: 41px; width: 100%; height: 41px; background: #a3835d; font-size: 15px; font-weight: 500; line-height: 41px; color: #fff; text-align: center; margin-right: 20px;}
.m-section01 .board:nth-child(even) .board-details .num {background: #f04d22;}
.m-section01 .board-details .content {width: 100%; padding-right: 10px;}
.m-section01 .board-details .content h4 {font-size: 17px; font-weight: 700; line-height: 1em; color: #333; margin-bottom: 5px; height:calc(1em * 1 * 1); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.m-section01 .board-details .content p {font-size: 17px; font-weight: 500; line-height: 1em; color: #777; height:calc(1em * 1 * 1); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.m-section01 .board-details .date {font-size: 15px; line-height: 1em; color: #999; text-align: right;}

.m-section01 .stories-wrap {position: relative; max-width: 810px; width: 100%; background: url('../img/main/section01_essay_bg.jpg'); padding: 35px 40px;}
.m-section01 .stories-wrap:before {position: absolute; top: 0; right: 0; content: ''; width: 278px; height: 218px; background: url('../img/main/section01_essay_deco01.png') no-repeat right top; z-index: 5;}
.m-section01 .stories-wrap:after {position: absolute; bottom: 22px; right: 28px; content: ''; width: 19px; height: 20px; background: url('../img/main/section01_essay_deco02.png') no-repeat center center; z-index: 5;}
.m-section01 .stories-wrap .inner {position: relative; height: 100%; background: #fff; border-radius: 0 300px 0 0; padding: 44px 45px 120px 40px;}
.m-section01 .stories-wrap .inner.no-data {display: flex; justify-content: center; align-items: center; min-height: 340px; font-size: 18px; color: #666; padding: 10px;}  
.m-section01 .stories-wrap .btn-more {position: absolute; bottom: 40px; right: 45px; display: flex; justify-content: center; align-items: center; width: 72px; height: 72px; border: 1px solid #f04d22; border-radius: 50%; font-size: 15px; font-weight: 700; line-height: 1.4em; color: #f04d22; text-align: center; transition: all 0.5s;}
.m-section01 .stories-wrap .btn-more:hover {background: #f04d22; color: #fff;}
.m-section01 .stories-title {margin-bottom: 82px;}
.m-section01 .stories-title h3 {position: relative; font-size: 28px; font-weight: 300; line-height: 1.3em; color: #000; padding-left: 60px; text-decoration: underline; text-underline-offset: 15px; text-decoration-thickness: 1px;} 
.m-section01 .stories-title h3:before {position: absolute; top: 0; left: 0; content: ''; width: 49px; height: 51px; background: url('../img/main/section01_essay_title.png') no-repeat center center;}
.m-section01 .stories-title h3 b {font-weight: 600;}
.m-section01 .stories-details {display: flex;}
.m-section01 .stories-details .img-box {position: relative; max-width: 124px; width: 100%; margin: 25px 50px 0 30px;}
.m-section01 .stories-details .img-box:before {z-index: 5; position: absolute; top: -46px; left: -32px; content: ''; width: 80px; height: 80px; background: url('../img/main/section01_essay_deco03.png') no-repeat center center;}
.m-section01 .stories-details .img-box:after {z-index: 5; position: absolute; top: 165px; left: 50%; transform: translateX(-50%); content: ''; width: 56px; height: 72px; background: url('../img/main/section01_essay_deco04.png') no-repeat top center;}
.m-section01 .stories-details .img-box .pic {position:relative; height:0; padding-bottom:133.87%; overflow:hidden; transition:all 0.6s; border-radius: 62px;}
.m-section01 .stories-details .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.m-section01 .stories-details .text-box {width: 1%; flex: 1 1 auto;}
.m-section01 .stories-details .text-box .name-wrap {padding-bottom: 37px; margin-bottom: 30px; border-bottom: 1px solid #e3e4e5;}
.m-section01 .stories-details .text-box .university {font-size: 44px; font-weight: 700; line-height: 1.3em; color: #333; margin-bottom: 9px;}
.m-section01 .stories-details .text-box .name {display: flex; align-items: flex-end; flex-wrap: wrap; font-weight: 700; color: #f04d22;}
.m-section01 .stories-details .text-box .student {position: relative; font-size: 20px; line-height: 1.3em; padding-right: 18px; margin-right: 12px;}
.m-section01 .stories-details .text-box .student:after {position: absolute; top: 5px; right: 0; content: ''; width: 2px; height: 16px; background: #f04d22;}
.m-section01 .stories-details .text-box .school {font-size: 15px; line-height: 1.3em;}
.m-section01 .stories-details .details-wrap .title {font-size: 22px; font-weight: 700; line-height: 1.3em; color: #333; margin-bottom: 14px;}
.m-section01 .stories-details .details-wrap .details {font-size: 18px; line-height: 1.72em; color: #333; padding-right: 25px; height:calc(1.72em * 1 * 5); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}

.m-section02 {position: relative; background: #2b4943; height: 275px;}
#main .m-section02 .container {max-width: 1660px;}
.m-section02 .wrap {position: absolute; bottom: 90px; left: 50%; transform: translateX(-50%); display: flex; width: 100%;}
.m-section02 .gallery {position: relative; width: 33.3333%; padding: 0 30px;}
.m-section02 .gallery .pic {position:relative; height:0; padding-bottom:65.31%; overflow:hidden; transition:all 0.6s; border-radius: 20px;}
.m-section02 .gallery .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.m-section02 .gallery .arrows {position: absolute; top: 15px; right: 45px; display: flex;}
.m-section02 .gallery .arrows:after {position: absolute; top: 50%; left: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 10px; background: #fff;}
.m-section02 .gallery .slick-arrow {width: 34px; height: 31px; background-color: #000; font-size: 0; border: 0; background-repeat: no-repeat; background-position: center center;}
.m-section02 .gallery .slick-prev {background-image: url('../img/main/section02_btn_prev.png'); border-radius: 16px 0 0 16px;}
.m-section02 .gallery .slick-next {background-image: url('../img/main/section02_btn_next.png'); border-radius: 0 16px 16px 0; margin-left: -1px;}

.m-section03 {padding: 132px 0 195px; background: #f4f4f4;}
.m-section03 .title {display: flex; align-items: center; flex-wrap: wrap; gap: 25px; margin-bottom: 27px;}
.m-section03 .title h3 {font-size: 28px; font-weight: 500; line-height: 1.2em; color: #000;}
.m-section03 .title .tab-nav ul {display: flex; margin: 0 -14px;}
.m-section03 .title .tab-nav ul li {position: relative; padding: 0 14px;}
.m-section03 .title .tab-nav ul li:after {position: absolute; top: 5px; right: 0; content: ''; width: 1px; height: 18px; background: #333;}
.m-section03 .title .tab-nav ul li:last-child:after {display: none;}
.m-section03 .title .tab-nav a {font-size: 20px; line-height: 1.3em; color: #000; transition: all 0.3s;}
.m-section03 .title .tab-nav ul li.active a {font-weight: 600; color: #f04d22;}
.m-section03 .wrap {display: flex; padding: 25px 25px; background: #fff;}
.m-section03 .map-box {width: 1%; flex: 1 1 auto;}
.m-section03 .map-box .root_daum_roughmap {width:100% !important; height:490px !important;}
.m-section03 .map-box .root_daum_roughmap .wrap_map {width: 100% !important; height:490px !important;}
.m-section03 .map-box .root_daum_roughmap .border1,
.m-section03 .map-box .root_daum_roughmap .border2 {border: none;}
.m-section03 .map-box .root_daum_roughmap .border3, 
.m-section03 .map-box .root_daum_roughmap .border4 {background-color: transparent;}
.m-section03 .map-box .root_daum_roughmap .wrap_controllers,
.m-section03 .map-box .root_daum_roughmap .cont {display: none;}
.m-section03 .info-box {max-width: 505px; width: 100%; padding-left: 52px;}
.m-section03 .info-box .logo {margin: 20px 0 22px;}
.m-section03 .info-box .logo img {height: 28px;}
.m-section03 .info-box .address {font-size: 18px; font-weight: 600; line-height: 1.4em; color: #333; padding-bottom: 27px; margin-bottom: 35px; border-bottom: 1px solid #ddd;}
.m-section03 .info-box .time-wrap {margin-bottom: 24px;}
.m-section03 .info-box .time-wrap dl {display: flex;}
.m-section03 .info-box .time-wrap dl:not(:last-child) {margin-bottom: 16px;}
.m-section03 .info-box .time-wrap dt {position: relative; max-width: 156px; width: 100%; font-size: 22px; font-weight: 700; line-height: 1.4em; color: #333; padding-left: 15px;}
.m-section03 .info-box .time-wrap dt:before {position: absolute; top: 14px; left: 0; content: ''; width: 6px; height: 6px; background: #333; border-radius: 50%;}
.m-section03 .info-box .time-wrap dt:after {position: absolute; top: 7px; right: 13px; content: ''; width: 1px; height: 18px; background: #333;}
.m-section03 .info-box .time-wrap dd {width: 1%; flex: 1 1 auto; font-size: 20px; line-height: 1.6em; color: #333;}
.m-section03 .info-box .time-wrap dd span {display: block; font-size: 17px; color: #f04d22;}
.m-section03 .info-box .tel p {font-size: 30px; font-weight: 700; line-height: 1.4em; color: #333; margin-bottom: 20px;}
.m-section03 .info-box .tel a {display: block; font-size: 50px; font-weight: 800; line-height: 1em; color: #333;}