@charset "utf-8";

#max_wrap:before {content:''; display:block; width:100%; height:25em; background-color:#fff; position:absolute; top:0; left:0; z-index:-1;}
#max_wrap:after {content:''; display:block; width:100%; height:25em; background-color:#fff; position:absolute; bottom:0; left:0; z-index:-2;}

/* slider button */
.slider-control {position:absolute;}
.bt-control {width:5.333em; height:5.333em; position:absolute;}
.bt-control .i-arrow {}

.bt-control.prev {}
.bt-control.next {}

.bt-control.prev .i-arrow {transform:rotate(90deg);}
.bt-control.next .i-arrow {transform:rotate(-90deg);}

@media screen and (max-width: 900px) {
	.bt-control {width:64px; height:64px; padding:13px;}
}

/* main visual */
	.main-visual {width:100%; height:35.556em; padding-left:128px; position:relative; overflow:hidden;}
	.main-visual .visual-slider {width:inherit; height:inherit;}
	.main-visual .visual-slider li {width:inherit; height:35.556em; background-position:center; background-size:cover; background-repeat:no-repeat; color:#fff; display:table; outline:none;}
	.main-visual .visual-slider li .tt-box {display:table-cell; vertical-align:bottom; padding:0 0 3% 5.66%;}
	.main-visual .visual-slider li .tt-box h3 {font-weight:300; font-size:1.333em/*2.667em*/; letter-spacing:-0.06em; line-height:1.3;}
	.main-visual .visual-slider li .tt-box p {font-weight:700; font-size:1.333em; margin-top:1em; letter-spacing:.01em; line-height:1.3;}

	.visual-item-control {bottom:15%; left:11%; z-index:99; display:inline-block;}
	.visual-item-control .pagenation {display:inline-block; padding:1.286em 2em; font-weight:500; font-size:.722em; letter-spacing:.1em; color:#fff;}
	.visual-item-control .pagenation span {opacity:.3;}
	.visual-item-control .pagenation strong:after {content:''; display:inline-block; vertical-align:middle; width:6px; height:6px; margin:0 1em; border-radius:100%; background-color:#fff;}
	.visual-item-control .bt-control {position:static; vertical-align:middle; width:48px; height:48px; padding:12px; color:#fff; font-size:0;}

	@media screen and (max-width: 1600px) {
		.main-visual {padding-left:96px;}
		/* .visual-item-control {left:12.66%;} */
	}
	@media screen and (max-width: 1280px) {
		.main-visual {padding-left:80px;}
		.main-visual .visual-slider li .tt-box {padding-bottom:7em;}
		.visual-item-control {bottom:10em;}
	}
	@media screen and (max-width: 1279px) {
		.main-visual {padding-left:4%;}
		.visual-item-control {left:8%;}
	}
	@media screen and (max-width: 900px) {
		.main-visual {height:360px;}
		.main-visual .visual-slider li {height:360px;}
		.main-visual .visual-slider li .tt-box {padding-left:0; padding-bottom:24px; text-align:center;}
		.main-visual .visual-slider li .tt-box h3 {font-size:1em/* 1.6em */;}
		.main-visual .visual-slider li .tt-box p {font-size:1em; margin-top:1em;}
		.visual-item-control {bottom:40px; left:0; width:100%; text-align:center;}
		.visual-item-control .pagenation {padding:1.286em .5em;}
	}

/* main contents : layout */
	.mcont-wrap {width:100%; height:auto; position:relative;}
	.mcont-wrap:after {content:''; display:block; clear:both;}
	.mcont-wrap .inner {/* float:right; */ width:50%; position:absolute; top:0; right:0; z-index:2;}
	.mcont-wrap .inner > div {float:left; width:50%;}
	.mcont-wrap .inner .schedule {padding:3.556em 2.667em; margin-top:-5.333em; background-color:#c48b3a; color:#fff; position:relative;}
	.mcont-wrap .inner .about-lnk {height:24.222em; background:url("../image/main/bg_about_lnk.jpg") 0 0 / cover no-repeat; color:#fff; display:table;}
	.mcont-wrap .inner .lnk-menu {float:right; background-color:#5a5a5a; color:#fff; text-align:center; position:relative;}
	.mcont-wrap .notice-wrap {float:left; width:50%; height:auto; padding-left:128px;}

	@media screen and (max-width: 1600px) {
		.mcont-wrap .inner {width:55%;}
		.mcont-wrap .notice-wrap {width:45%; padding-left:96px;}
	}
	@media screen and (max-width: 1280px) {
		.mcont-wrap .inner {float:none; width:100%; padding-left:80px; position:static;}
		.mcont-wrap .notice-wrap {float:none; width:calc(50% + 40px); padding-left:80px; position:absolute; bottom:0;}
	}
	@media screen and (max-width: 1279px) {
		.mcont-wrap .inner {padding-left:4%;}
		.mcont-wrap .notice-wrap {float:none; width:52%; padding-left:4%;}
	}
	@media screen and (max-width: 900px) {
		.mcont-wrap .inner > div {float:none; width:100%;}
		.mcont-wrap .inner .schedule {padding:3.2em 2em; margin-top:0;}
		.mcont-wrap .inner .about-lnk {display:none;}
		.mcont-wrap .inner .lnk-menu {float:none;}
		.mcont-wrap .notice-wrap {position:static; width:100%; padding:0 4%;}
	}

/* main contents : schedule */
	.schedule h3 {font-size:1.778em;}
	.schedule .scroll-wrap {width:100%; height:18.889em; border-top:2px solid #fff; margin-top:1.778em; overflow-y:auto; position:relative;}
	.schedule ul {width:95%; height:auto; text-align:center;}
	.schedule ul li {border-bottom:1px solid rgba(255,255,255,.15);}
	.schedule ul li a {display:block; width:100%; height:auto; padding:1.778em 0;}
	.schedule ul li a em {display:block; font-weight:500; font-size:1.333em;}
	.schedule ul li a dl {width:100%; height:auto; opacity:.5; margin-top:1.333em; line-height:1.3;}
	.schedule ul li a dl dt {font-weight:500; font-size:1.111em;}
	.schedule ul li a dl dd {padding-top:1em; font-weight:400; font-size:.889em;}
	.schedule ul li a:hover {color:#fff !important;}
	.schedule .bt-more {display:block; width:5.333em; height:5.333em; padding:2em; position:absolute; top:0; right:0; background-color:rgba(255,255,255,.1);}
	.schedule .bt-more .i-plus {width:24px; height:24px;}
	.schedule .bt-more .i-plus:before {width:24px; top:11px; left:0;}
	.schedule .bt-more .i-plus:after {height:24px; top:0; left:11px;}
	.schedule .bt-more:hover {background-color:#fff;}

	@media screen and (max-width: 900px) {
		.schedule .bt-more {width:64px; height:64px; padding:20px;}
	}

	/* main contents : about link */
	.about-lnk {width:100%; height:24.222em;}
	.about-lnk a {display:table-cell; vertical-align:middle; padding:0 1.778em; text-align:center;}
	.about-lnk a h3 {font-size:2.222em; line-height:1.2;}
	.about-lnk a h3 span {display:block; font-size:.8em;}
	.about-lnk a p {font-weight:400; padding-top:2.667em; line-height:1.4; letter-spacing:-0.06em;}
	.about-lnk a:hover {background-color:rgba(56,66,107,.5); color:#fff !important;}

	/* main contents : link menu */
	.lnk-menu {overflow:hidden;}
	.lnk-menu:before, .lnk-menu:after {content:''; display:block; width:1px; height:13.333em; background-color:rgba(255,255,255,.1); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	.lnk-menu:after {width:13.333em; height:1px;}
	.lnk-menu ul {width:100%; height:auto;}
	.lnk-menu ul:after {content:''; display:block; clear:both;}
	.lnk-menu ul li {float:left; width:50%; height:12.222em;}
	.lnk-menu ul li a {display:block; width:100%; height:100%; padding:2.222em; background-color:rgba(255,255,255,.2)}
	.lnk-menu ul li a i {display:block; width:5.333em; height:5.333em; margin:0 auto 1.333em;}
	.lnk-menu ul li a i .st0 {fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

	.lnk-menu ul li a:hover {color:#ffba00 !important;}
	.lnk-menu ul li a:hover i .st0 {stroke:#ffba00;}

	@media screen and (max-width: 900px) {
		.lnk-menu:before, .lnk-menu:after {display:none;}
		.lnk-menu ul li {width:25%;}
	}
	@media screen and (max-width: 568px) {
		.lnk-menu:before, .lnk-menu:after {display:block;}
		.lnk-menu ul li {width:50%;}
	}

	/* main contents : notice */
	.notice-wrap .box {padding:5.333em; position:relative;}
	.notice-wrap .box h3 {font-weight:400; font-size:2em;}
	.notice-wrap .noti-slider {width:100%; height:auto; margin-top:4em;}
	.notice-wrap .noti-slider li {}
	.notice-wrap .noti-slider li h4 em, .notice-wrap .noti-slider li p {text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word;}
	.notice-wrap .noti-slider li a {display:block; width:100%; height:100%;}
	.notice-wrap .noti-slider li h4 {width:inherit; font-size:1.778em; overflow:hidden;}
	.notice-wrap .noti-slider li h4 span {display:block; float:left; width:5.333em; height:5.333em; border:3px solid #d2d0d0; text-align:center; font-size:.469em; color:#797979;}
	.notice-wrap .noti-slider li h4 span strong {display:block; font-weight:700; font-size:1.733em; color:#000; padding:.462em 0;}
	.notice-wrap .noti-slider li h4 em {float:left; width:calc(100% - 2.6em); padding-left:.813em; line-height:1.25; letter-spacing:-0.06em; -webkit-line-clamp:2;}
	.notice-wrap .noti-slider li p {width:inherit; height:7.4em; padding-top:1.8em; font-size:1.111em; color:#a1a1a1; line-height:1.4; -webkit-line-clamp:4;}
	.notice-wrap .noti-slider li a:hover {text-decoration:none;}
	.notice-wrap .noti-slider .empty {width:100%; height:auto; padding:5.3em 0; text-align:center; font-size:1.111em;}
	.notice-wrap .box .bt-control {top:62%; transform:translateY(-62%); color:#adabab;}
	.notice-wrap .box .bt-control .i-arrow {width:3.556em; height:3.556em;}
	.notice-wrap .box .bt-control .i-arrow:before {width:2.222em; height:2.222em; border:2px solid currentColor; border-right-width:0; border-top-width:0; bottom:1.333em; left:.667em;}
	.notice-wrap .box .bt-control.prev {left:0;}
	.notice-wrap .box .bt-control.next {right:0;}
	.notice-wrap .box .bt-control.prev .i-arrow:before {bottom:.444em;}

	.notice-wrap .box .slick-dots {position:absolute; top:-100px; right:0;}
	.notice-wrap .box .slick-dots li {display:inline-block; margin:0 4px;}
	.notice-wrap .box .slick-dots li button {width:16px; height:16px; border-radius:100%; background-color:rgba(0,0,0,.3); font-size:0;}
	.notice-wrap .box .slick-dots .slick-active button {background-color:#dd232a;}

	@media screen and (max-width: 1280px) {
		.notice-wrap .box {padding:3em 5.333em 2.333em;}
	}
	@media screen and (max-width: 900px) {
		.notice-wrap .box {padding:3.2em 1em;}
		.notice-wrap .box h3 {text-align:center;}
		.notice-wrap .noti-slider {margin-top:3.2em;}
		.notice-wrap .noti-slider li h4 {font-size:1.4em;}
		.notice-wrap .noti-slider li h4 em {margin:2px 0;}
		.notice-wrap .noti-slider li p {height:7.3em;}
		.notice-wrap .noti-slider li p, .notice-wrap .noti-slider .empty {font-size:1em;}
		.notice-wrap .box .bt-control {top:1.8em; transform:none; padding:8px;}
		.notice-wrap .box .bt-control .i-arrow {width:48px; height:48px;}
		.notice-wrap .box .bt-control .i-arrow:before {width:24px; height:24px; left:12px !important; bottom:12px !important;}
		.notice-wrap .box .slick-dots {position:static; text-align:center; margin-top:1.8em;}
	}

/* academic */
.academic-wrap {width:100%; height:auto; padding:5.333em 128px; margin-top:6.6em;/* margin-top:-12.444em; */ position:relative;}
.academic-wrap:before {content:''; display:block; width:50%; height:27em; background:url("../image/main/bg_academic.jpg") left center / cover no-repeat #774b33; position:absolute; top:0; left:0; z-index:-1;}
.academic-wrap .tt-box {font-size:1.111em; color:#fff; padding-left:4.8em;}
.academic-wrap .tt-box h3 {font-size:2.4em;}
.academic-wrap .tt-box p {opacity:.4; margin-top:1.2em; line-height:1.4;}

.academic-wrap .aca-slider {width:100%; height:auto; padding:0 2.667em;}
.academic-wrap .aca-slider:after {content:''; display:block; clear:both;}
.academic-wrap .aca-slider .slick-slide {float:left; width:33.33% !important; font-weight:400; font-size:.833em; letter-spacing:-0.06em; margin-top:5.2em; transition:all .3s ease; opacity:0;}
.academic-wrap .aca-slider .slick-slide a {display:block; width:100%; height:100%; padding:0 3.2em;}
.academic-wrap .aca-slider .slick-slide .picture {display:block; width:28em; height:24em; overflow:hidden; box-shadow:1em 1em 1em rgba(0,0,0,.1);}
.academic-wrap .aca-slider .slick-slide .picture img {width:100%;}
.academic-wrap .aca-slider .slick-slide h4 {font-weight:400; font-size:1.6em; color:#774b33; margin:1.333em 0 .667em;}
.academic-wrap .aca-slider .slick-slide .aca-lst {width:100%; height:auto; padding-top:1.067em; color:#797979;}
.academic-wrap .aca-slider .slick-slide .aca-lst li {}
.academic-wrap .aca-slider .slick-slide .aca-lst li span {display:inline-block; width:calc(100% - 3.3em); text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.academic-wrap .aca-slider .slick-slide .aca-lst li strong {display:inline-block; vertical-align:top; width:3em; font-weight:500; color:#333;}
.academic-wrap .aca-slider .slick-slide .aca-lst li:nth-child(2) {margin:1.067em 0;}
.academic-wrap .aca-slider .slick-slide.slick-active {opacity:1;}
.academic-wrap .aca-slider .slick-slide.slick-center {margin-top:0;}
.academic-wrap .aca-slider .slick-slide a:hover {text-decoration:none;}
.academic-wrap .aca-slider .slick-slide a:hover h4 {color:#dd232a;}

.academic-control {top:0; left:calc(50% - 5.333em); transform:translateX(-50%);}
.academic-control .bt-control {position:static; float:left; color:#774b33; padding:2em;}
.academic-control .bt-control.prev {background-color:rgba(255,255,255,.8);}
.academic-control .bt-control.next {background-color:rgba(255,255,255,.5);}
@media screen and (max-width: 1600px) {
	.academic-wrap {padding-left:96px; padding-right:96px;}
	.academic-wrap:before {width:45%;}
	.academic-control {left:calc(45% - 5.8em); transform:translateX(-45%);}
}
@media screen and (max-width: 1280px) {
	.academic-wrap {padding-left:80px; padding-right:80px; margin-top:5.333em;}
	.academic-wrap:before {width:calc(50% + 40px);}
	.academic-wrap .tt-box {padding-left:1.5em;}
	.academic-wrap .aca-slider {padding:0;}
	.academic-wrap .aca-slider .slick-slide {opacity:1;}
	.academic-wrap .aca-slider .slick-slide a {padding:0 2em;}
	.academic-control {left:calc(50% - 45px); transform:translateX(-50%);}
}
@media screen and (max-width: 1279px) {
	.academic-wrap {padding-left:0; padding-right:0;}
	.academic-wrap:before {width:52%;}
	.academic-wrap .tt-box {padding-left:4%;}
	.academic-wrap .aca-slider .slick-slide {width:420px !important; margin-top:32px;}
	.academic-wrap .aca-slider .slick-slide.slick-center {margin-top:32px;}
	.academic-wrap .aca-slider .slick-slide a {padding:0 24px;}
	.academic-control {left:calc(52% - 5em); transform:translateX(-52%);}
}
@media screen and (max-width: 900px) {
	.academic-wrap {padding:5em 0; margin-top:0;}
	.academic-wrap:before {width:95%; height:22em;}
	.academic-wrap .tt-box {font-size:1em;}
	.academic-wrap .tt-box h3 {font-size:2em;}
	.academic-wrap .aca-slider .slick-slide {width:280px !important;}
	.academic-wrap .aca-slider .slick-slide a {padding:0 8px;}
	.academic-control {left:calc(95% - 128px); transform:none;}
	.academic-control .bt-control {padding:20px;}
}

/* main board */
.mbo-wrap {width:100%; height:auto; padding:0 128px 96px;}
.mbo-wrap .inner {padding:0 2.667em;}
.mbo-wrap .inner:after {content:''; display:block; clear:both;}
.mbo-wrap .col-box {float:left; width:33.33%; padding:0 2.6em; position:relative;}
.mbo-wrap .col-box h3 {font-weight:400; font-size:1.333em; color:#000;}
.mbo-wrap .col-box ul {width:100%; height:auto; border-top:3px solid #000; padding-top:.889em; margin-top:.889em;}
.mbo-wrap .col-box ul li {padding:.444em 0; overflow:hidden;}
.mbo-wrap .col-box ul li a {display:block; width:100%; height:auto; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.mbo-wrap .col-box ul li a:before {content:''; display:inline-block; vertical-align:middle; width:6px; height:6px; margin:-5px 8px 0 0; border-radius:100%; background-color:#666;}
.mbo-wrap .col-box.inquire ul li {position:relative;}
.mbo-wrap .col-box.inquire ul li a {width:calc(100% - 80px);}
.mbo-wrap .col-box.inquire ul li span {display:block; width:72px; height:auto; padding:2px 0; font:bold .667em 'Malgun Gothic'; text-align:center; background-color:#5a5a5a; color:#fff; position:absolute; top:.667em; right:0;}
.mbo-wrap .col-box.inquire ul li .reply_o {background-color:#dd232a;}
.mbo-wrap .col-box .bt-more {position:absolute; top:0; right:2.6em;}
@media screen and (max-width: 1600px) {
	.mbo-wrap {padding:0 96px 96px;}
}
@media screen and (max-width: 1280px) {
	.mbo-wrap {padding:0 80px 80px;}
	.mbo-wrap .inner {padding:0;}
	.mbo-wrap .col-box {padding:0 1.6em;}
}
@media screen and (max-width: 1279px) {
	.mbo-wrap {padding:0 4% 80px;}
	.mbo-wrap .col-box {padding:0 2%;}
	.mbo-wrap .col-box .bt-more {right:6%;}
}
@media screen and (max-width: 900px) {
	.mbo-wrap {padding:0 10% 3.2em;}
	.mbo-wrap .inner {padding:0;}
	.mbo-wrap .col-box {float:none; width:100%;}
	.mbo-wrap .col-box:not(:nth-child(1)) {margin-top:3.2em;}
	.mbo-wrap .col-box .bt-more {right:16px;}
}

/* activity */
.activity-wrap {width:100%; height:auto; padding:5.333em 0 5.333em 128px; color:#fff; position:relative;}
.activity-wrap:before {content:''; display:block; width:calc(100% - 128px); height:23.333em; background:url("../image/main/bg_activity.jpg") left center / cover no-repeat; position:absolute; bottom:0; right:0; z-index:-1;}
.activity-wrap:after {content:''; display:block; clear:both;}
.activity-wrap .inner {float:left; width:29.22%; padding-left:5.333em; font-weight:400;}
.activity-wrap .inner h3 {font-size:2.667em; letter-spacing:.025em; color:#303030;}
.activity-wrap .inner p {font-size:1.111em; color:rgba(48,48,48,.4); margin-top:1.2em; line-height:1.4;}

.activity-wrap .activity-slider {float:left; width:70.77%; margin-top:7.111em;}
.activity-wrap .activity-slider li {float:left; padding-bottom:2.667em; margin:0 1.778em;}
.activity-wrap .activity-slider li .thumb {display:block; width:420px; height:420px; overflow:hidden; position:relative;}
.activity-wrap .activity-slider li img {height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.activity-wrap .activity-slider li a {display:block; width:100%; height:100%; line-height:0; position:relative;}
.activity-wrap .activity-slider li em {display:block; font-size:1em; padding:1.6em 0; transition:all .3s;}
.activity-wrap .activity-slider li .bt-more {display:block; opacity:0; width:3.556em; height:3.556em; padding:1.333em; position:absolute; bottom:0; right:0; background-color:#c48b3a; transition:all .3s;}
.activity-wrap .activity-slider li a:hover {color:#fff !important; box-shadow:1em 1em 1em rgba(0,0,0,.25);}
.activity-wrap .activity-slider li a:hover em {background-color:#c48b3a; padding:1.6em 1.2em;}
.activity-wrap .activity-slider li a:hover .bt-more {bottom:1.778em; opacity:1;}

.activity-wrap .activity-control {top:16.278em; left:128px; padding-left:5.333em;}
.activity-wrap .activity-control .bt-control {position:static; padding:1.778em; border:1px solid #d7d7d7; color:#343641;}

.activity-wrap .bt-lnk {width:10.889em; position:absolute; bottom:11.5em; left:128px; margin-left:5.333em;}
.activity-wrap .bt-lnk li {border-bottom:1px solid rgba(255,255,255,.1);}
.activity-wrap .bt-lnk li a {display:block; width:100%; height:auto; padding:1em 0; position:relative; opacity:.5}
.activity-wrap .bt-lnk li .i-plus {position:absolute; top:1.111em; right:0;}
.activity-wrap .bt-lnk li a:hover {color:#fff !important; opacity:1;}

@media screen and (max-width: 1600px) {
	.activity-wrap {padding-left:96px;}
	.activity-wrap:before {width:calc(100% - 96px);}
	.activity-wrap .inner {width:35%;}
	.activity-wrap .activity-slider {width:65%;}
	.activity-wrap .activity-control {left:96px;}
	.activity-wrap .bt-lnk {left:96px;}
}
@media screen and (max-width: 1280px) {
	.activity-wrap {padding-left:80px;}
	.activity-wrap:before {width:calc(100% - 80px);}
	.activity-wrap .inner {padding-left:3.2em;}
	.activity-wrap .activity-control {left:80px; padding-left:3.2em;}
	.activity-wrap .bt-lnk {left:80px; margin-left:3.2em;}
}
@media screen and (max-width: 1279px) {
	.activity-wrap {padding-left:4%;}
	.activity-wrap:before {width:96%;}
	.activity-wrap .inner {width:40%;}
	.activity-wrap .activity-slider {width:60%;}
	.activity-wrap .activity-slider li {width:370px;}
	.activity-wrap .activity-slider li .thumb {width:inherit; height:370px;}
	.activity-wrap .activity-control {left:4%;}
	.activity-wrap .bt-lnk {left:4%;}
}
@media screen and (max-width: 900px) {
	.activity-wrap {padding:3.2em 0 0 4%;}
	.activity-wrap:before {height:18.333em;}
	.activity-wrap .inner {float:none; width:100%; padding-left:10%;}
	.activity-wrap .inner h3 {font-size:2em;}
	.activity-wrap .inner p {font-size:1em;}
	.activity-wrap .activity-slider {float:none; width:100%; padding-left:10%; margin-top:8em;}
	.activity-wrap .activity-slider li {width:280px; margin:0 .5em;}
	.activity-wrap .activity-slider li .thumb {width:inherit; height:280px;}
	.activity-wrap .activity-control {top:12em; padding-left:10%;}
	.activity-wrap .activity-control .bt-control {padding:20px;}
	.activity-wrap .bt-lnk {display:none;}
}