@charset "utf-8";
/**************************************************

	Global.css ( ver 1.0.3 )

**************************************************/

@import url('https://fonts.cdnfonts.com/css/work-sans');
/**************************************************
	landing
**************************************************/



.h1, .h2, .h3, h1, h2, h3 {
    margin: 0px;

}
label {
     display: inline-block; 
     max-width: 100%; 
     margin-bottom: 0; 
     font-weight: 700; 
}
.inputCustom{
	display: block;
}
* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#section20 {    
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#section20-1{    
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#section20 *{    
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#section20-1 *{    
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#main-wrap {position: relative; overflow: hidden;}
#main-wrap section {}
#main-wrap section .inner {width: 1300px; margin: 0 auto; padding: 0 10px; box-sizing: border-box;}


#main-wrap .fix-banner {display: inline-block; vertical-align: middle; position: fixed; bottom: 30px; right: 30px; width: 100px; height: 100px; z-index: 99; background: #11422f; border-radius: 30px; text-align: center;}
#main-wrap .fix-banner .box {position: relative;}
#main-wrap .fix-banner .box a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#main-wrap .fix-banner img {width: 100%;}

#main-wrap .fix-banner dl {height: 100%;}
#main-wrap .fix-banner dl:after {content: ''; display: block; clear: both;}
#main-wrap .fix-banner dl > * {float: left;}
#main-wrap .fix-banner dl dt {width: 36%; height: 100%; line-height: 100px; text-align: center; border-right: 1px solid rgba(255,255,255,0.5); box-sizing: border-box;}
#main-wrap .fix-banner dl dt a:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
#main-wrap .fix-banner dl dt a {display: inline-block; vertical-align: middle; width: 100%; height: 100%; line-height: 100px;}
#main-wrap .fix-banner dl dt a img {display: inline-block; vertical-align: middle;}
#main-wrap .fix-banner dl dd {width: 64%; height: 100%;}
#main-wrap .fix-banner dl dd ul:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
#main-wrap .fix-banner dl dd ul {display: inline-block; vertical-align: middle; width: 100%; height: 100%; padding-left: 100px;}
#main-wrap .fix-banner dl dd ul li {display: inline-block; vertical-align: middle;}
#main-wrap .fix-banner dl dd ul li:first-child {width: 135px;}
#main-wrap .fix-banner dl dd ul li h6 {font-family: roboto; font-weight: 400; font-size: 22px; line-height: 25px; color: #fff;}
#main-wrap .fix-banner dl dd ul li strong {font-family: roboto; font-weight: 400; font-size: 35px; line-height: 45px; color: #fff;}
#main-wrap .fix-banner dl dd ul li strong a {font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; text-decoration: none;}
#main-wrap .fix-banner dl dd ul li p {font-family: noto; font-weight: 400; font-size: 15px; line-height: 22px; color: #fff;}



#main-wrap .section01 {position: relative; height: 800px; background: url('../img/landing/main_visual_bg.jpg') no-repeat center; background-size: cover;}
#main-wrap .section01 .vis-txt {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: auto; text-align: center;}
#main-wrap .section01 .vis-txt > * {text-align: center; text-transform: uppercase;}
#main-wrap .section01 .vis-txt h4 {font-family: scd; font-weight: 600; font-size: 100px; line-height: 100px; color: #fff; letter-spacing: 0.01em;}
#main-wrap .section01 .vis-txt h4 strong {display: block; font-family: tm; font-weight: 400; font-size: 125px; line-height: 125px; color: #32ae80; letter-spacing: -0.5px;}
#main-wrap .section01 .vis-txt h5 {margin-top: 10px; font-family: scd; font-weight: 600; font-size: 60px; line-height: 60px; color: #fff; letter-spacing: -0.01; margin: 30px 0;}
#main-wrap .section01 .vis-txt p {width: 800px; height: 60px; font-weight: 300; font-family: LotteMartDream; font-size: 35px; color: #fff; line-height: 60px; margin: 0 auto; background: rgb(22,95,68); background: radial-gradient(circle, rgba(22,95,68,1) 0%, rgba(17,44,35,1) 100%); border-radius: 60px; margin-bottom: 20px;}
#main-wrap .section01 .vis-txt span {font-weight: 300; font-size: 30px; line-height: 30px; color: #fff;}
#main-wrap .section01 .slog-box {position: absolute; bottom: -140px; left: 50%; transform: translateX(-50%); width: 1280px; height: 200px; background: #fff; border-radius: 100px; box-shadow: 10px 10px 10px rgba(0,0,0,0.1); text-align: center; padding: 50px 0; box-sizing: border-box;}
#main-wrap .section01 .slog-box h6 {text-align: center; font-family: scd; font-weight: 500; font-size: 40px; line-height: 50px; color: #114131; letter-spacing: 2px;}
#main-wrap .section01 .slog-box h6 strong {display: block; font-family: scd; font-weight: 300; font-size: 25px; line-height: 35px; letter-spacing: 20px; text-transform: uppercase; color: #767676; margin-bottom: 10px;}

#main-wrap .section02 {background: url('../img/landing/main_section01_bg.jpg') no-repeat center; background-size: cover; padding-bottom: 185px;}
#main-wrap .section02 .title {text-align: center; padding: 325px 0 145px 0;}
#main-wrap .section02 .title img {}
#main-wrap .section02 .list-box {}
#main-wrap .section02 .list-box dl {margin: 0 -20px; margin-bottom: 40px;}
#main-wrap .section02 .list-box dl:last-child {margin-bottom: 0;}
#main-wrap .section02 .list-box dl:after {content: ''; display: block; clear: both;}
#main-wrap .section02 .list-box dl > * {position: relative; float: left; width: calc(25% - 40px); margin: 0 20px;}
#main-wrap .section02 .list-box dl dt {padding-top: 35px;}
#main-wrap .section02 .list-box dl dt em {display: block; font-family: scd; font-weight: 600; font-size: 55px; line-height: 55px; color: #32ae80; margin-bottom: 30px;}
#main-wrap .section02 .list-box dl dt p {font-family: bm; font-weight: 300; font-size: 36px; line-height: 36px; letter-spacing: 0.5px;}
#main-wrap .section02 .list-box dl dt p strong {display: block; font-family: bm; font-weight: 300; font-size: 45px; line-height: 45px; color: #000; letter-spacing: 0.5px; margin-bottom: 5px;}
#main-wrap .section02 .list-box dl dd {text-align: center;}
#main-wrap .section02 .list-box dl dd p {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: auto; z-index: 2; font-family: LotteMartDream; font-weight: 400; font-size: 40px; line-height: 45px; color: #fff;}
#main-wrap .section02 .list-box dl dd img {}
#main-wrap .section02 .scroll-box {padding: 175px 0; text-align: center; background: url('../img/landing/sec01_scroll_down.png') no-repeat center bottom;}
#main-wrap .section02 .scroll-box h6 {font-family: noto; font-weight:300; font-size: 48px; line-height: 62px; color: #000; text-align: center;}
#main-wrap .section02 .scroll-box h6 strong {color: #31ad80;}

#main-wrap .section03 {background: url('../img/landing/main_section02_bg.jpg') no-repeat center; background-size: cover;}
#main-wrap .section03 .sec03-top-box {padding-top: 275px;}
#main-wrap .section03 .sec03-bot-box {padding: 325px 0;}
#main-wrap .section03 .title {padding-bottom: 100px;}
#main-wrap .section03 .title > * {text-align: center; font-family: scd;}
#main-wrap .section03 .title h5 {font-weight: 600; font-size: 62px; line-height: 62px; color: #32ae80; text-transform: uppercase;}
#main-wrap .section03 .title p {font-weight: 300; font-size: 45px; line-height: 45px; color: #fff; margin-top: 15px;}
#main-wrap .section03 ul {margin: 0 -20px;}
#main-wrap .section03 ul:after {content: ''; display: block; clear: both;}
#main-wrap .section03 .sec03-top-box ul li {float: left; width: calc(33.33% - 40px); margin: 40px 20px;}
#main-wrap .section03 .sec03-bot-box ul li {float: left; width: calc(25% - 40px); margin: 40px 20px;}
#main-wrap .section03 ul li img {width: 100%;}
#main-wrap .section03 ul li p {padding: 25px 0 25px 40px; font-family: noto; font-weight: 300; font-size: 24px; line-height: 24px; color: #000; background: #fff;}
#main-wrap .section03 ul li p span {display: block; font-family: noto; font-weight: 400; font-size: 16px; line-height: 20px; margin-bottom: 5px; text-transform: capitalize; color: #333;}


#main-wrap .section04 {position: relative; margin: 200px 0;}
#main-wrap .section04 .port-txt {position: absolute; top: 0; left: 250px; width: 530px; height: 350px; z-index: 2; padding: 65px 70px; box-sizing: border-box;}
#main-wrap .section04 .port-txt h6 {font-family: scd; font-weight: 600; font-size: 50px; line-height: 50px; color: #114131; text-transform: uppercase;}
#main-wrap .section04 .port-txt p {font-family: scd; font-weight: 300; font-size: 30px; line-height: 40px; color: #010101; margin-top: 20px;}
#main-wrap .section04 .port-txt .arrow {position: absolute; bottom: 30px; right: 30px;}
#main-wrap .section04 .port-txt .arrow a {display: inline-block; width: 35px; height: 35px;}
#main-wrap .section04 .port-txt .arrow .prev {background: url('../img/landing/sec03_prev_arrow.png') no-repeat; background-size: contain;}
#main-wrap .section04 .port-txt .arrow .next {background: url('../img/landing/sec03_next_arrow.png') no-repeat; background-size: contain; margin-left: 15px;}
#main-wrap .section04 .roll {}
#main-wrap .section04 .roll .item {display: inline-block;height: auto;}
#main-wrap .section04 .roll .item img {display: inline-block;}
#main-wrap .section04 .roll .item .__mo {display: none;}

#main-wrap .section05 {background: url('../img/landing/main_section04_bg.jpg') no-repeat center; background-size: cover; padding: 245px 0;}
#main-wrap .section05 .title {text-align: center; padding-bottom: 130px;}
#main-wrap .section05 .title img {}
#main-wrap .section05 ul {margin: 0 -20px;}
#main-wrap .section05 ul:after {content: ''; display: block; clear: both;}
#main-wrap .section05 ul li {position: relative; float: left; width: calc(50% - 40px); height: 300px; margin: 20px 20px; text-align: center; background: #fff;}
#main-wrap .section05 ul li .mid {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: auto;}
#main-wrap .section05 ul li .mid img {}
#main-wrap .section05 ul li .mid p {font-family: LotteMartDream; font-weight: 300; font-size: 25px; line-height: 30px; color: #000; letter-spacing: -0.5px; margin-top: 20px;}
#main-wrap .section05 ul li .mid p span {display: block; font-size: 18px; line-height: 25px; color: #767676;}
#main-wrap .section05 em {display: block; text-align: right; font-style: normal; font-family: LotteMartDream; font-weight: 200; font-size: 20px; line-height: 30px; color :#767676;}

#main-wrap .section06 {padding: 155px 0;}
#main-wrap .section06 .title {padding-bottom: 40px;}
#main-wrap .section06 .title h5 {font-family: roboto; font-weight: 400; font-size: 50px; line-height: 55px; color: #114131; text-transform: capitalize;}
#main-wrap .section06 .title h5 span {display: inline-block; font-family: scd; font-weight: 400; font-size: 30px; line-height: 55px; color: #767676; padding-left: 10px;}
#main-wrap .section06 .title p {font-family: noto; font-weight: 200; font-size: 20px; line-height: 30px; color: #767676; margin-top: 10px;}
#main-wrap .section06 ul {border-top: 3px solid #000000; background: rgba(236,236,236,0.5); padding: 45px 0;}
#main-wrap .section06 ul:after {content: ''; display: block; clear: both;}
#main-wrap .section06 ul li {position: relative; float: left; width: 25%; min-height: 310px; box-sizing: border-box; text-align: center;}
#main-wrap .section06 ul li:after {content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #ccc;}
#main-wrap .section06 ul li:first-child:after {display: none;}
#main-wrap .section06 ul li .mid {box-sizing: border-box;}
#main-wrap .section06 ul li:nth-child(2) {padding-top: 65px;}
#main-wrap .section06 ul li:nth-child(3) {padding-top: 50px;}
#main-wrap .section06 ul li:nth-child(4) {padding-top: 80px;}
#main-wrap .section06 ul li .mid img {}
#main-wrap .section06 ul li .mid p {margin: 60px 0 15px 0; font-family: LotteMartDream; font-weight: 400; font-size: 24px; line-height: 32px; color: #000;}
#main-wrap .section06 ul li:nth-child(2) .mid p {margin-top: 55px;}
#main-wrap .section06 ul li:nth-child(3) .mid p {margin-top: 40px;}
#main-wrap .section06 ul li:nth-child(4) .mid p {margin-top: 55px;}
#main-wrap .section06 ul li .mid span {display: block; font-family: noto; font-weight: 200; font-size: 15px; line-height: 25px; color: #767676;}
#main-wrap .section06 dl {padding-top: 90px;}
#main-wrap .section06 dl > * {font-family: noto; color: #767676; line-height: 30px;}
#main-wrap .section06 dl dt {font-size: 23px; margin-bottom: 30px;}
#main-wrap .section06 dl dd {font-size: 20px;}

#main-wrap .section07 {padding-bottom: 70px;}
#main-wrap .section07 .inner {width: 1060px;}
#main-wrap .section07 .title {padding-bottom: 70px;}
#main-wrap .section07 .title h5 {font-family: noto; font-weight: 200; font-size: 40px; line-height: 40px; color: #11422f; letter-spacing: -1px; text-align: center;}
#main-wrap .section07 table {width: 100%; border-top: 2px solid #343434;}
#main-wrap .section07 table tr {}
#main-wrap .section07 table tr > * {border-bottom: 1px solid #767676; padding: 15px 0;}
#main-wrap .section07 table tr th {width: 28%; background: #ececec;font-family: noto; font-weight: 300; font-size: 17px; color: #343434;}
#main-wrap .section07 table tr td {width: 78%; padding-left: 40px; font-family: noto; box-sizing: border-box;}
#main-wrap .section07 table tr td dl {padding: 10px 0;}
#main-wrap .section07 table tr td dl dt:before {content: ''; position: absolute; top: 7px; left: 0; width: 3px; height: 3px; background: #333; border-radius: 3px;}
#main-wrap .section07 table tr td dl dt {position: relative; display: inline-block; font-family: noto; font-weight: 300; font-size: 18px; line-height: 18px; color: #343434; margin-left: -15px; padding: 0 10px; margin-bottom: 10px;}
#main-wrap .section07 table tr td dl dt:after {content: ''; position: absolute; top: 7px; right: 0; width: 3px; height: 3px; background: #333; border-radius: 3px;}
#main-wrap .section07 table tr td dl dd {}
#main-wrap .section07 table tr td dl dd label {display: inline-block; width: 23%; font-family: noto; font-weight: 400; font-size: 15px; line-height: 20px; color: #3f3f3f; margin: 3px 0;}
#main-wrap .section07 table tr td dl dd label input {margin-right: 5px;}
#main-wrap .section07 table tr td > label {display: inline-block; width: 15%; font-family: noto; font-weight: 400; font-size: 15px; line-height: 20px; color: #3f3f3f; margin: 3px 0;}
#main-wrap .section07 table tr td > label input {margin-right: 5px;}
#main-wrap .section07 table tr td .inp {font-family: noto; border: 1px solid #767676; line-height: 40px; height: 40px; padding: 0 15px; box-sizing: border-box;}
#main-wrap .section07 table tr td .inp.name {width: 220px;}
#main-wrap .section07 table tr td .inp.tel {width: 160px;}
#main-wrap .section07 table tr td select {font-family: noto; width: 110px; height: 40px; line-height: 40px; border: 1px solid #767676; padding: 0 15px; box-sizing: border-box;}
#main-wrap .section07 table tr td span {line-height: 40px; }
#main-wrap .section07 table tr td select option {font-family: noto;}
#main-wrap .section07 ul {padding-top: 40px; text-align: center;}
#main-wrap .section07 ul li label {font-family: noto; font-size: 13px; line-height: 20px; color: #767676;}
#main-wrap .section07 ul li label .chk {}
#main-wrap .section07 ul li label a {font-weight: 300; color: #343434; text-decoration: underline;}
#main-wrap .section07 ul li .submit {width: 480px; height: 60px; line-height: 60px; margin: 50px auto; border: none; background: #114131; font-family: noto; font-weight: 300; font-size: 20px; color: #fff; letter-spacing: -0.5px;}
#main-wrap .section07 ul li .event-wrap {padding-top: 20px;}
#main-wrap .section07 ul li .event-wrap a {display: inline-block; padding: 0 15px; font-family: noto; font-weight: 16px; line-height: 35px; color: #fff; background: #333; text-decoration: none;}

#main-wrap .section07 .tel-box {}
#main-wrap .section07 .tel-box > * {text-align: center;}
#main-wrap .section07 .tel-box span {display: block; font-family: noto; font-size: 15px; line-height: 15px; margin-bottom: 10px; color: #343434;}
#main-wrap .section07 .tel-box h6 {font-family: roboto; font-weight: 400; font-size: 32px; line-height: 32px; color: #114131; letter-spacing: -0.5px;}
#main-wrap .section07 .tel-box h6 a {font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; text-decoration: none;}

.ld-ft {position: relative; padding: 40px 0; background: #1c1c1c; text-align: center;}
.ld-ft img {}
.ld-ft dl {position: absolute; top: 40px; right: 180px;}
.ld-ft dl > * {font-family: noto; font-size: 14px; line-height: 20px; color: #666;}
.ld-ft dl dt {position: absolute; top: 0; left: 0;}
.ld-ft dl dt span {font-family: inherit; font-size: inherit; color: inherit;}
.ld-ft dl dd {padding-left: 80px; text-align: left;}

.ld-ft a {position: absolute; bottom: 45px; right: 15%; display: inline-block; padding: 0 15px; font-family: noto; font-size: 14px; line-height: 35px; color: #fff; background: #333; text-decoration: none;}

.ld-ft.mr-wid dl {width: 250px; text-align: left;}
.ld-ft.mr-wid dl dt {position: static;}
.ld-ft.mr-wid dl dd {padding-left: 0;}

.ld-ft table {text-align: center; width: 960px; margin: 0 auto; margin-top: 50px;}
.ld-ft table thead {}
.ld-ft table thead tr th {font-weight: 600; font-size: 15px; color: #acacac; letter-spacing: -0.5px; padding: 3px 0;}
.ld-ft table tbody {}
.ld-ft table tbody tr > * {padding: 5px 0;}
.ld-ft table tbody tr th {font-weight: 600; color: #767676; font-size: 14px;}
.ld-ft table tbody tr td {font-weight: 200; font-size: 13px; color: #767676; letter-spacing: -0.5px; }

.ld-ft ul {display: none;}

/**************************************************
	Public
**************************************************/
html{min-width: 1300px;overflow-x: hidden;}

html.kor > * {font-family: noto !important;}

body {overflow: hidden;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{}

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #ddd;color: #666;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon; margin: 0 2px;}
.paging a:first-child {}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{}
.paging a.active{background: #464646;color: #fff !important;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#header{    position: fixed;
    z-index: 90;
    background: #fff;
    box-shadow: 0 3px 3px rgb(0 0 0 / 10%);
    margin: auto;
    width: 100%;}
#header .inner{position: relative;width: 1300px;height: 25px;margin: 0 auto;}

/*
#header .logo{position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; line-height: 95px;}
*/
#gnb > li:nth-child(1) > a > h1 > img{width: 80%;}
#gnb > li:nth-child(1):hover{background: none;}
.gnb-wrap {}
#gnb{width: 1300px; margin: 0 auto}
#gnb > li {position: relative;display: inline-block;vertical-align: top; width: 11.1111%;}
#gnb > li.active,
#gnb > li:hover {border-bottom: 1px solid #000;}
#gnb > li:after {display: none; content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: rgba(53,127,98,0.5);}
#gnb > li > a{display: block;width: 100%; text-align: center; line-height: 50px;font-size: 15px;color: #000;text-decoration: none;}

/* #gnb > li > a:after{display:block;content:'';width:0;height: 3px;position: absolute;bottom:0;left:50%;background: #00afe5;transition:all 0.25s;}
#gnb > li:hover > a:after,
#gnb > li.active > a:after{width: 100%;left:0;} */
#gnb > li > ul{display: none; position: absolute;top: 50px;left: 50%;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #00afe5;background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul li.active a{font-weight: bold;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}

.event-brandAward{width: 270px;background: #e6b7009e;border-radius: 15px;padding: 0 7px;}





.brandAward {}
.moving-div {animation: motion 1s linear 0s infinite alternate; padding-top: 0;
	-webkit-animation: motion 1s linear 0s infinite alternate; padding-top: 0;
}
        
@keyframes motion {
	0% {padding-top: 0px;}
	100% {padding-top: 5px;}
}

-webkit-@keyframes motion {
	0% {padding-top: 0px;}
	100% {padding-top: 5px;}
}
.brand-span{
    color: #800e0e;
    font-weight: 300;
}
#header > div.inner > div > div > div > a > span{color:#333;}
#drdw{position: fixed;top: 76px;left: 0;width: 100%;background: #343434b0;/*border-top: 1px solid #ddd;*/z-index: 91;display: none;}

#drdw .inner{position: relative;width: 1300px; height:400px; margin: 0 auto;/*border-right: 1px solid #e8e8e8;*/}
#drdw .inner > li{display: inline-block; height: 100%; padding: 20px 0 30px 0;vertical-align: top; transition: width 0.1s;box-sizing:border-box}
#drdw .inner > li:hover {background: #343434b8;}
#drdw .inner > li:nth-child(1):hover{background: none;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;/*background: #e8e8e8;*/}
#drdw .inner > li:first-child{/*border-left-width: 1px;*/}


#drdw .inner > li > a{display: none;margin-bottom: 15px;font-size: 18px;color: #0859a2;text-align: center;font-weight: bold;}
#drdw .inner > li ul li a{display: block;font-size: 13px;line-height: 24px;color: #fff;text-align: center; text-decoration: none;}
#drdw .inner > li ul li.active a,
#drdw .inner > li ul li:hover a {font-weight: bold; color: #bababa;}
#drdw .inner > li.hidden-gnb{display: none;}


#hd-tnb {    position: absolute;top: 5px;right: 0;}
#hd-tnb li {position: relative; display: inline-block; vertical-align: middle; padding: 0 15px;}
#hd-tnb li:first-child {padding-left: 0;}
#hd-tnb li:after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 12px; background: #ccc;}
#hd-tnb li:last-child:after {display: none;}
#hd-tnb li a {line-height: 15px; font-weight: 300; font-size: 14px; color: #555; letter-spacing: -1px; text-decoration: none;}
#hd-tnb li:hover a {color: #1f5e45;}

/*
#hd-cs {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#hd-cs > * {display: inline-block; vertical-align: top; text-align: right;}
#hd-cs dt {font-family: worksans; font-weight: 700; font-size: 14px; line-height: 25px; color: #1f5e45; text-transform: uppercase; padding-right: 8px;}
#hd-cs dd {}
#hd-cs dd strong {font-family: worksans; font-weight: 700; font-size: 25px; line-height: 25px; color: #333;}
#hd-cs dd p {font-size: 12px; line-height: 14px; color: #888; letter-spacing: -0.8px; margin-top: 2px;}
*/


#tnb{position: absolute;top: 10px;right: 0;}
#tnb > li{display: inline-block;margin-left: 10px;box-sizing: border-box;}
#tnb > li a{font-size: 13px;color: #666;}

#hd-lan{position: absolute;top: 40px;right: 110px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 22px 0 28px;font-size: 14px;color: #2e3144;text-decoration: none;text-transform: uppercase;background: url('/img/layout/hd-lan-ico.png') no-repeat 0 center, url('/img/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/img/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;}

#hd-sch{position: absolute;top: 50px;right: 50px;z-index: 91;}
#hd-sch .btn{display: block;width: 21px;height: 21px;background: url('/img/layout/hd-sch-btn.png');text-indent: -999em;border: none;}
#hd-sch form{position: absolute;display: none;top: 30px;right: 0;width: 200px;padding-right: 45px;border: 1px solid #333;border-radius: 5px;overflow: hidden;background: #fff;}
#hd-sch legend{display: none;}
#hd-sch .inp{width: 100%;height: 43px;line-height: 43px;text-indent: 10px;background: none;border: none;}
#hd-sch .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 45px;background: #333 url('/img/layout/hd-sch-btn2.png') no-repeat center center;border: none;text-indent: -999em;}
#hd-sch.on form{display: block;}




.ft-menu {background: url('../img/main/mn_bot_bg.jpg') no-repeat center; background-size: cover; text-align: center;}
.ft-menu dl:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.ft-menu dl {display: inline-block; vertical-align: middle; width: 1300px; height: 180px; margin: 0 auto;}
.ft-menu dl > * {display: inline-block; vertical-align: middle; width: calc(50% - 4px); text-align: left;}
.ft-menu dl dt {padding: 0 85px; box-sizing: border-box;}
.ft-menu dl dt h6 {font-weight: 600; font-size: 25px; line-height: 25px; color: #fff; letter-spacing: -0.5px;}
.ft-menu dl dt p {font-size: 15px; line-height: 23px; color: #fff; letter-spacing: -0.5px; margin-top: 10px;}
.ft-menu dl dd {padding: 0 35px; box-sizing: border-box;}
.ft-menu dl dd ul {}
.ft-menu dl dd ul li {display: inline-block; vertical-align: middle; width: 100px; text-align: center;}
.ft-menu dl dd ul li a {text-decoration: none;}
.ft-menu dl dd ul li a img {}
.ft-menu dl dd ul li a p {font-size: 15px; line-height: 25px; color: #fff; letter-spacing: -0.5px; margin-top: 8px;}

#footer{background: #292929;}
#footer .fnbWrap{}
#footer .fnbWrap .inner{position: relative;width: 1300px;margin: 0 auto;border-bottom: 1px solid #3d3d3d}
#footer .fnbWrap .inner .ft-logo {display: inline-block; line-height: 85px;}
#footer .ftWrap{position: relative;width: 1300px;margin: 0 auto;padding: 40px 0 75px 0;}
#footer .ftWrap:after {content: ''; display: block; clear: both}
#footer address{font-size: 14px;line-height: 20px;color: #cccccc;font-style: normal; opacity: 0.7}
#footer address hr{width: 10px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 8px;font-size: 13px;color: #a8a8a8;}

#footer .ft-info {margin-top: 10px}
#footer .ft-info span {font-size: 14px;line-height: 20px;color: #cccccc;font-style: normal; opacity: 0.7}
#footer .ft-info strong {font-weight: inherit}

#footer .ft-btn00 {position: absolute; top: 31px; right: 245px; display: inline-block; padding: 0 15px; font-family: noto; font-size: 14px; line-height: 36px; color: #fff; background: #666; text-decoration: none;}


#ft-list {float: left; width: 50%}
#ft-list table {width: 725px}
#ft-list table thead {}
#ft-list table thead tr th {line-height: 28px; background: #444444; font-weight: 300; font-size: 14px; color: #fff; letter-spacing: -0.25px}
#ft-list table tbody {}
#ft-list table tbody tr > * {font-size: 14px; line-height: 24px; color: #ccc; letter-spacing: -0.25px; opacity: 0.7; text-align: center}
#ft-list table tbody tr:first-child > * {padding-top: 8px}
#ft-list table tbody tr th {font-weight: 300; color: #fff; text-align: left; opacity: 0.8}
#ft-list table tbody tr td {}
#ft-list table tbody tr td:first-child {text-align: left; padding-left: 5px}

#ft-cs {float: right; width: 50%; text-align: right}
#ft-cs dl {}
#ft-cs dl > * {display: inline-block; vertical-align: top; text-align: right;}
#ft-cs dl dt {font-family: worksans; font-weight: 700; font-size: 14px; line-height: 25px; color: #fff; text-transform: uppercase; padding-right: 8px;}
#ft-cs dl dd {}
#ft-cs dl dd strong {display: block; font-family: worksans; font-weight: 700; font-size: 25px; line-height: 25px; color: #fff; margin-bottom: 10px}
#ft-cs dl dd strong span {display: inline-block; vertical-align: middle; font-size: 12px; line-height: 25px; color: #888; letter-spacing: -0.8px;}
#ft-cs ul {text-align: right;padding: 20px 0;}
#ft-cs ul li {display: inline-block; vertical-align: middle; padding-left: 15px;}
#ft-cs ul li a {}


#sns-ico{margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 5px;}

#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('/img/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#fnb {position: absolute; top: 30px; right: 350px;}
#fnb > li{position: relative; display: inline-block;padding: 0 10px;}
#fnb > li:after {content: ''; position: absolute; top: 13px; left: 0; width: 1px; height: 11px; background: #a8a8a8;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li:first-child:after {display: none;}
#fnb > li a{font-size: 14px;color: #a8a8a8;letter-spacing: -1px;line-height: 36px;}

#ft-fam{position: absolute;top: 30px;right: 0;width: 230px;height: 36px;}
#ft-fam > a{display: block;line-height: 36px;padding: 0 15px;border: 1px solid #444444;font-size: 13px;color: #aaaaaa;text-decoration: none;background: url('/img/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 36px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#slide-btn{display: none; text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50px;right: 0;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #282828;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}

#slide-menu{display: none;}






/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 300;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-tit .close i {line-height: 44px;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* 강사소개 팝업 */
#i-popup{position: fixed;top: 50%;left: 50%;width: 900px;height: 490px;margin-top: -245px;margin-left: -450px; padding: 30px; z-index: 301;background: #fff; overflow: hidden; box-sizing: border-box; opacity: 0; transition: all 0.3s;}
#i-popup.on{opacity: 1;}
#i-popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.7);opacity: 0;transition: all 0.3s;}
#i-popupBG.on{opacity: 1;}

#i-popup .inst-popWrap {}
#i-popup .inst-popWrap .inst-close {position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url('../img/sub/inst_pop_close.png') no-repeat center / contain; z-index: 2;}
#i-popup .inst-popWrap .box {}
#i-popup .inst-popWrap .box:after {content: ''; display: block; clear: both;}
#i-popup .inst-popWrap .box .left {float: left; width: 280px;}
#i-popup .inst-popWrap .box .left .thumb {padding-bottom: 427px; background-size: cover; background-position: center; background-repeat: no-repeat;}
#i-popup .inst-popWrap .box .right {float: right; width: calc(100% - 280px); padding-left: 50px; box-sizing: border-box}
#i-popup .inst-popWrap .box .right .tit {padding: 20px 0 40px 0;}
#i-popup .inst-popWrap .box .right .tit span {font-family: worksans; font-weight: 500; font-size: 16px; line-height: 20px; color: #666;}
#i-popup .inst-popWrap .box .right .tit h6 {font-weight: 300; font-size: 25px; line-height: 30px; color: #222; letter-spacing: -1px; padding: 5px 0 15px 0; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
#i-popup .inst-popWrap .box .right .tit p {height: 42px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 21px; color: #777777; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
#i-popup .inst-popWrap .box .right .list { overflow-y: auto;}
#i-popup .inst-popWrap .box .right .list .scroll {max-height: 230px;}
#i-popup .inst-popWrap .box .right .list dl {padding-bottom: 20px;}
#i-popup .inst-popWrap .box .right .list dl dt {font-weight: 600; font-size: 16px; line-height: 24px; color: #1f5e45; letter-spacing: -1px; margin-bottom: 5px;}
#i-popup .inst-popWrap .box .right .list dl dd {font-size: 14px; line-height: 22px; color: #888; letter-spacing: -0.5px;}


/* 커리큘럼 팝업 */
#c-popup{position: fixed;top: 50%;left: 50%;width: 700px;height: auto; transform: translate(-50%,-50%); z-index: 301;background: #fff; overflow: hidden; box-sizing: border-box; opacity: 0; transition: all 0.3s;}
#c-popup.on{opacity: 1;}
#c-popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.7);opacity: 0;transition: all 0.3s;}
#c-popupBG.on{opacity: 1;}
#c-popup .curri-pop {}
#c-popup .curri-pop dt {}
#c-popup .curri-pop dt .vid-wrap {height: 390px !important}
#c-popup .curri-pop dt .vid-wrap iframe {width: 100% !important; height: 100% !important}
#c-popup .curri-pop dd {padding: 50px; box-sizing: border-box}
#c-popup .curri-pop dd .box {}
#c-popup .curri-pop dd .box .title {}
#c-popup .curri-pop dd .box .title h6 {font-weight: 300; font-size: 28px; line-height: 34px; color: #000; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
#c-popup .curri-pop dd .box .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px; margin: 10px 0 25px 0}
#c-popup .curri-pop dd .box .tag {margin: -2px}
#c-popup .curri-pop dd .box .tag:after {content: ''; display: block; clear: both}
#c-popup .curri-pop dd .box .tag li {float: left; width: calc(33.33% - 4px); margin: 2px; padding: 0 5px; box-sizing: border-box; background: #f0f0f0}
#c-popup .curri-pop dd .box .tag li a {display: inline-block; width: 100%; line-height: 45px; text-align: center; text-decoration: none; font-size: 15px; color: #666; letter-spacing: -0.5px}
#c-popup .curri-pop dd .box .btn-wrap {margin-top: 30px; text-align: center}
#c-popup .curri-pop dd .box .btn-wrap a {display: inline-block; width: 170px; line-height: 40px; border: 2px solid #417963; border-radius: 20px; box-sizing: border-box; margin: 0 5px; text-decoration: none}
#c-popup .curri-pop dd .box .btn-wrap a span {display: inline-block; font-size: 15px; color: #1f5e45; letter-spacing: -1px; padding-left: 22px}
#c-popup .curri-pop dd .box .btn-wrap a.tuition span {background: url('../img/sub/bari_src_ico.png') no-repeat left center}
#c-popup .curri-pop dd .box .btn-wrap a.schedule span {background: url('../img/sub/bari_inq_ico.png') no-repeat left center}


#popup .pop-wrap .policybox > * {font-family: noto;}
#popup .pop-wrap .policybox span {font-family: noto;}

#popup .pop-wrap .event-txt {padding: 10px 0 30px 0;}
#popup .pop-wrap .event-txt > * {font-family: noto;}
#popup .pop-wrap .event-txt dt {font-size: 20px; line-height: 30px; margin-bottom: 15px; color: #333;}
#popup .pop-wrap .event-txt dd {position: relative; font-size: 14px; line-height: 26px; padding-left: 12px; color: #666;}
#popup .pop-wrap .event-txt dd:after {content: ''; position: absolute; top: 12px; left: 0; width: 5px; height: 1px; background: #666;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 300;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/**************************************************
	Main
**************************************************/
#main{overflow: hidden; position: relative;top: 76px;}
#main #content{position: relative;  }
#main #mainWrap{position: relative; width: 1300px; margin: 0 auto;}

#main .visual{position: relative;}
#main .visual .roll .item{position: relative;overflow: hidden;}
#main .visual .roll .item img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .arrow {}
#main .visual .arrow a {position: absolute; top: 50%; transform: translateY(-50%); width: 68px; height: 75px; z-index: 2;border-radius:10px;opacity: 30%;}
#main .visual .arrow .prev {left: 225px; background: url('../img/main/visual_prev_arrow.png') no-repeat center #666; background-size: contain;}
#main .visual .arrow .next {right: 225px; background: url('../img/main/visual_next_arrow.png') no-repeat center #666; background-size: contain;}


#mainWrap .quick-menu {text-align: center;}
#mainWrap .quick-menu > dl:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
#mainWrap .quick-menu > dl {display: inline-block; vertical-align: middle; width: 100%; height: 120px;}
#mainWrap .quick-menu > dl > * {display: inline-block; vertical-align: middle;}
#mainWrap .quick-menu > dl > dt {}
#mainWrap .quick-menu > dl > dt > * {display: inline-block; vertical-align: middle;}
#mainWrap .quick-menu > dl > dt > h6 {font-family: worksans; font-weight: 700; font-size: 14px; line-height: 16px; color: #333;}
#mainWrap .quick-menu > dl > dt > ul {padding-left: 10px;}
#mainWrap .quick-menu > dl > dt > ul li {display: inline-block; vertical-align: middle; text-align: center; padding: 0 25px;}
#mainWrap .quick-menu > dl > dt > ul li a {}
#mainWrap .quick-menu > dl > dt > ul li a img {display: block; margin: 0 auto;}
#mainWrap .quick-menu > dl > dt > ul li a p {display: inline-block; line-height: 21px; font-size: 14px; color: #444; letter-spacing: -1px; margin-top: 10px; border-radius: 10px; padding: 0 15px;}
#mainWrap .quick-menu > dl > dt > ul li:hover a p {background: #1f5245; color: #fff;}
#mainWrap .quick-menu > dl > dd {padding-left: 30px;}
#mainWrap .quick-menu > dl > dd > dl {text-align: left;}
#mainWrap .quick-menu > dl > dd > dl > * {display: inline-block; vertical-align: top;}
#mainWrap .quick-menu > dl > dd > dl > dt {font-family: worksans; font-weight: 700; font-size: 14px; line-height: 30px; color: #333;}
#mainWrap .quick-menu > dl > dd > dl > dd {padding-left: 10px;}
#mainWrap .quick-menu > dl > dd > dl > dd strong {font-family: worksans; font-weight: 700; font-size: 30px; line-height: 30px; color: #333;}
#mainWrap .quick-menu > dl > dd > dl > dd p {font-size: 12px; line-height: 16px; color: #888; letter-spacing: -1px; margin-top: 5px;}

#mainWrap section .title {position: relative; padding-bottom: 30px;}
#mainWrap section .title h6 {font-family: worksans; font-weight: 700; font-size: 35px; line-height: 45px; color: #333; letter-spacing: -0.5px;}
#mainWrap section .title h6 span {font-weight: 400; font-size: 15px; line-height: 25px; color: #666; letter-spacing: -0.5px; padding-left: 5px;}
#mainWrap section .title a.more-btn {position: absolute; top: 22px; right: 0; padding-right: 13px; line-height: 16px; font-family: worksans; font-weight: 700; font-size: 13px; color: #1f5e45; letter-spacing: 0.5px; background: url('../img/main/mn_more_g_ico.png') no-repeat 99% center; text-decoration: none;}


/* 커리큘럼 메인&서브 공통 */
.curriculum:before {content: ''; position: absolute; top: 0; left: 50%; width: 2000px; height: 100%; margin-left: -1000px; background: url('../img/main/main_section01_bg.jpg') no-repeat center; background-size: cover; z-index: -1;}
.curriculum {position: relative; padding: 70px 0;}
.curriculum .roll {position: relative; margin: 0 -7px; padding-bottom: 60px;}
.curriculum .roll .item {position: relative; margin: 0 7px;}
.curriculum .roll .item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.curriculum .roll .item .thumb {position: relative; padding-bottom: 128%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.curriculum .roll .item .info {position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); width: calc(100% - 30px); padding: 20px 15px; box-sizing: border-box;}
.curriculum .roll .item:nth-child(odd) .info {background: rgba(31,94,69,0.8);}
.curriculum .roll .item:nth-child(even) .info {background: rgba(17,44,35,0.8);}
.curriculum .roll .item .info > * {text-align: center; color: #fff;}
.curriculum .roll .item .info h6 {font-weight: 600; font-size: 18px; line-height: 20px; color: #fff; letter-spacing: -0.5px; margin-bottom: 10px;}
.curriculum .roll .item .info p {width: 100%; height: 55px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 13px; line-height: 18px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
.curriculum .roll .item .info.tw p {width: 100%; height: 36px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; line-height: 18px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
.curriculum .roll .slick-dots {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: auto; z-index: 3; text-align: center;}
.curriculum .roll .slick-dots li {display: inline-block; vertical-align: top; padding: 0 3px;}
.curriculum .roll .slick-dots li button {border: none; text-indent: -9999em; width: 11px; height: 11px; background: #bbb; border-radius: 7px;}
.curriculum .roll .slick-dots li.slick-active button {width: 30px; background: #1f5e45;}
.curriculum .roll .slick-arrow {}
.curriculum .arrow {position: absolute; bottom: 70px; width: 100%; height: 24px;}
.curriculum .arrow:after {content: ''; display: block; clear: both;}
.curriculum .arrow a {display: inline-block; width: 100px; height: 24px; box-sizing: border-box; font-family: worksans; font-weight: 700; font-size: 13px; line-height: 24px; color: #1f5e45; text-decoration: none;}
.curriculum .arrow .prev {float: left; padding-left: 65px; background: url('../img/main/mn_sec01_prev_arrow.png') no-repeat left top;}
.curriculum .arrow .next {float: right; padding-right: 65px; background: url('../img/main/mn_sec01_next_arrow.png') no-repeat right top;}

#mainWrap .main-section01 {position: relative;padding: 75px 0;}
#mainWrap .main-section01 .title{text-align: center;}
#mainWrap .main-section01:before {content: '';position: absolute;top: 0;left: 50%;width: 2000px;height: 100%;margin-left: -1000px;background: #f5f5f5;z-index: -1;}
#mainWrap .main-section01 .title h5{    font-weight: 700;font-size: 35px;line-height: 50px;color: #333;text-align:center;letter-spacing: -0.5px;    margin: 20px 0 20px 0;}
#mainWrap > section.main-section01 > div:nth-child(2){display: flex;}

#mainWrap > section.main-section01 > div:nth-child(2) > div{ box-shadow: 4px 3px 8px #ccc;width: 300px;text-align: center;border-radius: 37px;height: 190px;margin: 20px;background: #fff;}

#mainWrap > section.main-section01 > div:nth-child(2) > div img{width: 80px;height: 80px;padding: 37px 0 10px 0;}



#mainWrap .main-section01 .title span {  font-family: worksans;font-weight: 700;font-size: 18px;line-height: 20px;color: #1f5e45;letter-spacing: 10px;}
#mainWrap .main-section01 .title p{font-weight: 400;font-size: 15px;line-height: 25px;color: #666;letter-spacing: -0.5px;padding-left: 5px;}

#mainWrap > section.main-section01 > div:nth-child(3){background: #e5e0e0;    padding: 10px;}


#mainWrap > section.main-section01 > div:nth-child(3) > h1{    text-align: center; font-size: 18px;}
#mainWrap > section.main-section01 > div:nth-child(3) > h1 > span{   font-weight:300; }

#mainWrap .main-section07{position: relative;}
#mainWrap .main-section07:before {content: ''; position: absolute; top: 0; left: 50%; width: 2000px; height: 100%; margin-left: -1000px; background: #f5f5f5; z-index: -1;}
#mainWrap .main-section07 .photo-box {padding: 90px 0 90px 0;}
#mainWrap .main-section07 .photo-box .title {padding-bottom: 55px}
#mainWrap .main-section07 .photo-box .title > * {text-align: center}
#mainWrap .main-section07 .photo-box .title h5 {font-family: worksans; font-weight: 700; font-size: 50px; line-height: 50px; color: #333; letter-spacing: -0.5px}
#mainWrap .main-section07 .photo-box .title p {font-size: 24px; line-height: 26px; color: #666; letter-spacing: -0.5px; margin-top: 25px}



#mainWrap .main-section02 {position: relative;}
#mainWrap .main-section02 .full-wrap {position: relative; top: 0; left: 50%; width: 1920px; height: 100%; margin-left: -960px;}
#mainWrap .main-section02 .full-wrap .roll {}
#mainWrap .main-section02 .full-wrap .roll .item {position: relative; padding-bottom: 600px; background-size: cover; background-repeat: no-repeat; background-position: center;}
#mainWrap .main-section02 .fac-box {position: absolute; bottom: 0; width: 50%; background: #1f5e45; padding: 60px 80px 50px 80px; box-sizing: border-box;}
#mainWrap .main-section02 .fac-box h6 {font-family: worksans; font-weight: 700; font-size: 40px; line-height: 40px; color: #fff;}
#mainWrap .main-section02 .fac-box p {font-size: 16px; line-height: 24px; color: #fff; letter-spacing: -0.5px; margin-top: 10px;}
#mainWrap .main-section02 .fac-box a.more-btn {display: inline-block; line-height: 40px; border-bottom: 3px solid #fff; box-sizing: border-box; text-decoration: none; padding-right: 40px; font-family: worksans; font-weight: 700; font-size: 13px; color: #fff; letter-spacing: 0.5px; background: url('../img/main/mn_more_view_ico.png') no-repeat 99% center; margin-top: 30px;}
#mainWrap .main-section02 .fac-box .fac-btn {position: absolute; bottom: 60px; right: 80px; width: 130px; height: 16px;}
#mainWrap .main-section02 .fac-box .fac-btn .arrow {position: relative; z-index: 2;}
#mainWrap .main-section02 .fac-box .fac-btn .arrow:after {content: ''; display: block; clear: both;}
#mainWrap .main-section02 .fac-box .fac-btn .arrow a {display: inline-block; width: 16px; height: 16px;}
#mainWrap .main-section02 .fac-box .fac-btn .arrow .prev {float: left; background: url('../img/main/mn_sec02_prev_arrow.png') no-repeat center;}
#mainWrap .main-section02 .fac-box .fac-btn .arrow .next {float: right; background: url('../img/main/mn_sec02_next_arrow.png') no-repeat center;}
#mainWrap .main-section02 .fac-box .fac-btn .nb {position: absolute; top: -2px; left: 0; width: 100%; height: 16px; text-align: center; z-index: 1;}
#mainWrap .main-section02 .fac-box .fac-btn .nb span {font-family: worksans; font-weight: 700; font-size: 16px; line-height: 16px; color: #fff;}
#mainWrap .main-section02 .fac-box .fac-btn .nb em {display: inline-block; line-height: 16px; color: #fff; font-family: worksans; font-weight: 700; margin: 0 5px;}
#mainWrap .main-section02 .fac-box .fac-btn .nb .lt {}
#mainWrap .main-section02 .fac-box .fac-btn .nb .rt {}


#mainWrap .main-section03 {padding: 75px 0;}
#mainWrap .main-section03 .top {padding-bottom: 75px;}
#mainWrap .main-section03 .top ul {margin: -10px;}
#mainWrap .main-section03 .top ul:after {content: ''; display: block; clear: both;}
#mainWrap .main-section03 .top ul li {position: relative; float: left; width: calc(25% - 20px); margin: 10px;}
#mainWrap .main-section03 .top ul li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#mainWrap .main-section03 .top ul li .thumb {position: relative; padding-bottom: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
#mainWrap .main-section03 .top ul li .info {display: none; position: absolute; top: 0; right: 0; width: 80px; height: 60px; background: rgba(31,94,69,0.8); z-index: 1; padding: 15px 0; box-sizing: border-box;}
#mainWrap .main-section03 .top ul li .info > * {text-align: center;}
#mainWrap .main-section03 .top ul li .info h6 {font-weight: 300; font-size: 13px; line-height: 14px; color: #fff; letter-spacing: -0.5px;}
#mainWrap .main-section03 .top ul li .info p {font-size: 12px; line-height: 14px; color: #fff; letter-spacing: -0.5px; margin-top: 5px;}
#mainWrap .main-section03 .bot {}
#mainWrap .main-section03 .bot ul {margin: -6px;}
#mainWrap .main-section03 .bot ul:after {content: ''; display: block; clear: both;}
#mainWrap .main-section03 .bot ul li {position: relative; float: left; width: calc(20% - 12px); margin: 6px;}
#mainWrap .main-section03 .bot ul li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#mainWrap .main-section03 .bot ul li .thumb {position: relative; padding-bottom: 75%; background-size: cover; background-repeat: no-repeat; background-position: center;}
#mainWrap .main-section03 .bot ul li .info {border: 1px solid #ddd; border-top: 0; box-sizing: border-box; padding: 25px 0;}
#mainWrap .main-section03 .bot ul li .info > * {text-align: center;}
#mainWrap .main-section03 .bot ul li .info h6 {width: calc(100% - 30px); margin: 0 15px; font-weight: 300; font-size: 16px; line-height: 24px; color: #444; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainWrap .main-section03 .bot ul li .info p {font-size: 13px; line-height: 18px; color: #666; letter-spacing: -0.5px; margin-top: 2px;}

/*
#mainWrap .main-section04:before {content: ''; position: absolute; top: 0; left: 50%; width: 2000px; height: 100%; margin-left: -1000px; background: #f5f5f5; z-index: -1;}
*/
#mainWrap .main-section04 {position: relative; padding: 75px 0;}
#mainWrap .main-section04 dl {}
#mainWrap .main-section04 dl:after {content: ''; display: block; clear: both;}

#mainWrap .main-section04 dl > * {float: left; width: calc(50% - 35px);}

#mainWrap .main-section04 dl dt {margin-right: 35px;}
#mainWrap .main-section04 dl dt ul {margin: 0 -12px;}
#mainWrap .main-section04 dl dt ul li {position: relative; display: inline-block; width: calc(50% - 24px); margin: 0 12px;}


#mainWrap .main-section04 dl dt ul li:nth-child(n+5) {display: none}

#mainWrap .main-section04 dl dt ul li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#mainWrap .main-section04 dl dt ul li .thumb:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
#mainWrap .main-section04 dl dt ul li .thumb {position: relative; padding-bottom: 112%; background-size: cover; background-position: center; background-repeat: no-repeat;}
#mainWrap .main-section04 dl dt ul li .info {position: absolute; bottom: 35px; left: 30px; width: calc(100% - 60px); z-index: 1;}
#mainWrap .main-section04 dl dt ul li .info span {font-family: worksans; font-weight: 700; font-size: 13px; line-height: 16px; color: #fff; text-decoration: underline;}
#mainWrap .main-section04 dl dt ul li .info h6 {width: 100%; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 19px; color: #fff; line-height: 25px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; margin: 15px 0 10px 0;}
#mainWrap .main-section04 dl dt ul li .info p {width: 100%; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; color: #dddddd; line-height: 20px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
#mainWrap .main-section04 dl dd {margin-left: 35px;}
#mainWrap .main-section04 dl dd ul {margin: 0 -6px;}
#mainWrap .main-section04 dl dd ul:after {content: ''; display: block; clear: both;}
#mainWrap .main-section04 dl dd ul li:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
#mainWrap .main-section04 dl dd ul li {float: left; position: relative; display: inline-block; vertical-align: middle; width: calc(33.33% - 12px); height: 330px; margin: 0 6px; border: 1px solid #ddd; box-sizing: border-box; background: #fff; text-align: center;}
#mainWrap .main-section04 dl dd ul li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#mainWrap .main-section04 dl dd ul li .mid {display: inline-block; vertical-align: middle; width: calc(100% - 50px);}
#mainWrap .main-section04 dl dd ul li .mid > * {text-align: center;}
#mainWrap .main-section04 dl dd ul li .mid img {}
#mainWrap .main-section04 dl dd ul li .mid h6 {width: 100%; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 300; font-size: 17px; color: #444; line-height: 25px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; margin: 15px 0 10px 0;}
#mainWrap .main-section04 dl dd ul li .mid p {width: 100%; height: 60px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-weight: 300; font-size: 13px; color: #888888; line-height: 20px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
#mainWrap .main-section04 dl dd ul li .mid span {display: inline-block; margin-top: 25px; font-family: worksans; font-weight: 400; font-size: 13px; line-height: 16px; color: #888;}


#mainWrap .main-section05 {padding: 75px 0;}
#mainWrap .main-section05 .top {padding-bottom: 75px;}
#mainWrap .main-section05 .top ul {margin: 0 -10px;}
#mainWrap .main-section05 .top ul:after {content: ''; display: block; clear: both;}
#mainWrap .main-section05 .top ul li {position: relative; float: left; width: calc(25% - 20px); margin: 0 10px;}
#mainWrap .main-section05 .top ul li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#mainWrap .main-section05 .top ul li .thumb {position: relative; padding-bottom: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
#mainWrap .main-section05 .top ul li .info {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.8); padding: 25px 20px 20px 20px; box-sizing: border-box;}
#mainWrap .main-section05 .top ul li .info > * {text-align: center;}
#mainWrap .main-section05 .top ul li .info h6 {font-weight: 300; font-size: 17px; line-height: 22px; color: #fff; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainWrap .main-section05 .top ul li .info p {font-size: 13px; line-height: 24px; color: #fff; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px;}
#mainWrap .main-section05 .bot {position: relative;}
#mainWrap .main-section05 .bot .full-wrap {position: relative; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw;}
#mainWrap .main-section05 .bot .full-wrap:after {content: ''; position: absolute; bottom: 10px; left: 0; width: 100%; height: 1px; background: #ddd;}
#mainWrap .main-section05 .bot .full-wrap .roll {padding-bottom: 70px}
#mainWrap .main-section05 .bot .full-wrap .roll .item {position: relative; height: 350px;}
#mainWrap .main-section05 .bot .full-wrap .roll .item:nth-child(odd) {background: #1f5e45;}
#mainWrap .main-section05 .bot .full-wrap .roll .item:nth-child(even) {background: #0f4130;}
#mainWrap .main-section05 .bot .full-wrap .roll .item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
#mainWrap .main-section05 .bot .full-wrap .roll .item .thumb {position: relative; padding-bottom: calc(100% + 30px); background-size: cover; background-position: center; background-repeat: no-repeat;}
#mainWrap .main-section05 .bot .full-wrap .roll .item .info {position: absolute; top: 80px; left: 30px; width: calc(50% - 30px);}
#mainWrap .main-section05 .bot .full-wrap .roll .item .info h6 {display: inline-block; font-weight: 600; font-size: 22px; line-height: 25px; color: #fff; letter-spacing: -0.5px; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.2)}
#mainWrap .main-section05 .bot .full-wrap .roll .item .info h6 span {display: inline-block; font-family: worksans; font-weight: 400; font-size: 15px; color: #fff; padding-left: 5px;}
#mainWrap .main-section05 .bot .full-wrap .roll .item .info p {width: 100%; height: 54px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 13px; color: #fff; line-height: 18px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; margin-top: 10px;}
#mainWrap .main-section05 .bot .full-wrap .roll .item > span {position: absolute; bottom: 50px; left: 30px; width: 85px; height: 28px; line-height: 24px; border: 2px solid #ddd; box-sizing: border-box; font-family: worksans; font-weight: 400; font-size: 12px; color: #fff; text-indent: -12px; text-align: center; border-radius: 20px; background: url('../img/main/mn_more_view_ico.png') no-repeat 80% center;}
#mainWrap .main-section05 .bot .slick-arrow {position: absolute; bottom: 0; width: 75px; height: 18px; border: none; text-indent: -9999em; z-index: 2;}
#mainWrap .main-section05 .bot .slick-prev {left: calc(50% - 75px); background: url('../img/main/mn_inst_prev_arrow.png') no-repeat 80% center; background-color: #fff;}
#mainWrap .main-section05 .bot .slick-next {right: calc(50% - 75px); background: url('../img/main/mn_inst_next_arrow.png') no-repeat 20% center; background-color: #fff;}


#mainWrap .main-section06 {padding-bottom: 80px;}
#mainWrap .main-section06 .bt-title {position: relative; padding-bottom: 20px;}
#mainWrap .main-section06 dl dt .bt-title h6 {font-weight: 600; font-size: 21px; line-height: 30px; color: #333; letter-spacing: -1px;}
#mainWrap .main-section06 dl dd .bt-title h6 {font-family: worksans; font-weight: 700; font-size: 22px; line-height: 30px; color: #333; letter-spacing: -0.5px;}
#mainWrap .main-section06 .bt-title a {position: absolute; top: 0; right: 0; line-height: 30px; padding-right: 14px; font-family: worksans; font-weight: 500; font-size: 12px; color: #888; text-decoration: none; background: url('../img/main/mn_notice_arrow.png') no-repeat right center;}
#mainWrap .main-section06 dl {}
#mainWrap .main-section06 dl:after {content: ''; display: block; clear: both;}
#mainWrap .main-section06 dl > * {float: left; width: calc(50% - 35px);}
#mainWrap .main-section06 dl dt {margin-right: 35px;}
#mainWrap .main-section06 dl dt .roll {position: relative; min-height: 260px; border: 10px solid #eee; box-sizing: border-box;}
#mainWrap .main-section06 dl dt .roll .slick-slide > div {border: 1px solid #eee;}
#mainWrap .main-section06 dl dt .roll .item {position: relative; display: inline-block;}
#mainWrap .main-section06 dl dt .roll .item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#mainWrap .main-section06 dl dt .roll .item .thumb {position: relative; padding-bottom: 38%; background-size: cover; background-position: center; background-repeat: no-repeat;}
#mainWrap .main-section06 dl dt .roll .slick-arrow {position: absolute; top: -50px; width: 20px; height: 13px; border: none; text-indent: -9999em; z-index: 2;}
#mainWrap .main-section06 dl dt .roll .slick-prev {right: 10px; background: url('../img/main/mn_partner_prev_arrow.png') no-repeat center; border-right: 1px solid #ddd;}
#mainWrap .main-section06 dl dt .roll .slick-next {right: -10px; background: url('../img/main/mn_partner_next_arrow.png') no-repeat center;}
#mainWrap .main-section06 dl dd {margin-left: 35px;}
#mainWrap .main-section06 dl dd ul {min-height: 260px; border: 10px solid #eee; padding: 38px 45px; box-sizing: border-box;}
#mainWrap .main-section06 dl dd ul li {position: relative; padding-left: 15px; box-sizing: border-box; margin: 3px 0;}
#mainWrap .main-section06 dl dd ul li:before {content: ''; position: absolute; top: 9px; left: 0; width: 5px; height: 5px; background: #ccc; border-radius: 50%;}
#mainWrap .main-section06 dl dd ul li a {display: inline-block; width: 100%; position: relative; text-decoration: none;}
#mainWrap .main-section06 dl dd ul li a p {width: calc(100% - 80px); font-size: 15px; line-height: 24px; color: #666; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainWrap .main-section06 dl dd ul li a span {position: absolute; top: 0; right: 0; line-height: 24px; font-size: 12px; color: #aaa; letter-spacing: -0.5px;}


/**************************************************
	Sub
**************************************************/
#sub{/*top:77px;*/position:relative; padding-top:77px}
#sub #content{ position: relative;width: 1300px;margin: 0 auto;padding: 0 0 90px 0; }

#sub #content > *{}

#sub .sub-vis{position: relative;height: 420px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis .mid {position: relative; display: inline-block; vertical-align: middle; text-align: left; width: 1300px; padding-left: 70px; box-sizing: border-box;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: left;font-size: 35px;color: #333;letter-spacing: -1px;z-index: 2;font-weight: 200;}
#sub .sub-vis em{margin-bottom:5px; display: block; font-style: normal; font-family: worksans; font-weight: 600; font-size: 33px; line-height: 33px; color: #333;}

#sub .sub-vis ul {padding-top: 30px;}
#sub .sub-vis ul li {display: inline-block; vertical-align: middle; margin-right: 15px;}
#sub .sub-vis ul li a {    display: inline-block;color: #333;width: 120px;height: 41px;font-size: 15px;letter-spacing: -0.5px;padding-right: 32px;text-decoration: none;border-radius: 25px;padding: 0 17px;border: 2px solid;text-align: center;}

#sub > div.sub-vis > div > ul > li > a > i{padding-left: 18px;}
#sub .sub-vis ul li a span {font-size: inherit; color: inherit; line-height: 41px}

#sub .sub-vis p { font-size: 15px; line-height: 23px; color: #333; letter-spacing: -0.5px; margin-top: 20px;}

#sub .sub-tit{display: none; position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;}

.lnbWrap{display: none;background: #666666;}
#lnb{width: 1200px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}

#status{display: none;position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{display: none; border: 1px solid #ddd;border-width: 1px 0 1px 0;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 300;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('/img/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #888;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}





/* 학원 서브페이지 */


.all-wrap {}
.all-wrap .intro-wrap:before {content: ''; position: absolute; top: 0; left: 50%; width: 2000px; height: 107%; margin-left: -1000px; background: #f7f7f7; z-index: -1;}
.all-wrap.oneday.one .intro-wrap:before {height: 280px;}
.all-wrap .intro-wrap {position: relative; padding-top: 80px;}
.all-wrap .intro-wrap .fnd {}
.all-wrap .intro-wrap .fnd > * {width: 100%;}
.all-wrap .intro-wrap .fnd dt {text-align: center; padding-bottom: 40px;}
.all-wrap .intro-wrap .fnd dt span {font-weight: 600; font-size: 17px; line-height: 18px; color: #1f5e45; letter-spacing: -1px;}
.all-wrap .intro-wrap .fnd dt h5 {font-weight: 600; font-size: 30px; line-height: 30px; color: #333; letter-spacing: -0.5px; text-align: center; margin-top: 15px;}
.all-wrap .intro-wrap .fnd dd {height: auto;}
.all-wrap .intro-wrap .fnd dd ul {margin: 0 -15px;}
.all-wrap .intro-wrap .fnd dd ul:after {content: ''; display: block; clear: both;}
.all-wrap .intro-wrap .fnd dd ul li {float: left; width: calc(50% - 30px); margin: 0 15px;}
.all-wrap .intro-wrap .fnd dd ul li img {width: 100%;}
.all-wrap .intro-wrap .fnd dd p {padding: 50px 0; text-align: center; font-size: 15px; line-height: 23px; color: #666; letter-spacing: -0.5px;}
.all-wrap .intro-wrap dl {}
.all-wrap .intro-wrap dl:after {content: ''; display: block; clear: both;}
.all-wrap .intro-wrap dl > * {width: 50%;}
.all-wrap .intro-wrap dl dt {}
.all-wrap .intro-wrap dl.top dt {float: left;}
.all-wrap .intro-wrap dl.bot dt {float: right;}
.all-wrap .intro-wrap dl dt img {width: 100%;height: 320px}
.all-wrap .intro-wrap dl dd:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.all-wrap .intro-wrap dl dd {display: inline-block; vertical-align: middle; height: 320px; box-sizing: border-box;}
.all-wrap .intro-wrap dl.top dd {float: right; padding: 0 65px;}
.all-wrap .intro-wrap dl.bot dd {float: left; padding: 0 85px 0 110px; }
.all-wrap .intro-wrap dl dd.sm {padding: 0 60px 0 80px;}
.all-wrap .intro-wrap dl dd .mid {display: inline-block; vertical-align: middle; width: calc(100% - 4px);}
.all-wrap .intro-wrap dl dd .mid strong {font-weight: 600; font-size: 17px; line-height: 18px; color: #1f5e45; letter-spacing: -1px;}
.all-wrap .intro-wrap dl dd .mid h5 {font-weight: 600; font-size: 30px; line-height: 30px; color: #333; letter-spacing: -0.5px; margin: 15px 0;}
.all-wrap .intro-wrap dl dd .mid p {font-size: 15px; line-height: 23px; color: #666; letter-spacing: -0.5px;}
.all-wrap .intro-wrap dl dd .mid h6 {position: relative; font-weight: 600; font-size: 23px; line-height: 25px; color: #333; letter-spacing: -0.5px;}
.all-wrap .intro-wrap dl dd .mid h6.mid {font-size: 21px;}
.all-wrap .intro-wrap dl dd .mid h6.sm {font-size: 19px;}
.all-wrap .intro-wrap dl dd .mid h6.nati:after {content: ''; position: absolute; top: -15px; left: -60px; width: 44px; height: 44px; background: url('../img/sub/nati02_top_ico.png') no-repeat; filter: opacity(0.6) drop-shadow(0 0 0 black);}
.all-wrap .intro-wrap dl dd .mid h6.bake:after {content: ''; position: absolute; top: -3px; left: -50px; width: 32px; height: 32px;filter:opacity(0.6) drop-shadow(0 0 0 black); background: url('../img/sub/bake_top_ico.png') no-repeat;}
.all-wrap .intro-wrap dl dd .mid ul {padding-top: 20px;}
.all-wrap .intro-wrap dl dd .mid ul li {font-size: 15px; /*line-height: 40px;*/ margin:20px 0; color: #666; letter-spacing: -0.5px; border-bottom: 1px solid rgba(255,255,255,0.2);}

.all-wrap .class-wrap {padding: 80px 0;}
.all-wrap .class-wrap .title {padding-bottom: 70px;}
.all-wrap .class-wrap .title > * {text-align: center;}
.all-wrap .class-wrap .title h5 {font-size: 25px; line-height: 25px; color: #1f5e45; letter-spacing: -0.5px;}
.all-wrap .class-wrap .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px; margin-top: 10px;}
.all-wrap .class-wrap dl {}
.all-wrap .class-wrap dl:after {content: ''; display: block; clear: both;}
.all-wrap .class-wrap dl > * {float: left; width: calc(50% - 35px);}
.all-wrap .class-wrap dl dt {margin-right: 35px;}
.all-wrap .class-wrap dl dt h6 {font-weight: 600; font-size: 21px; line-height: 21px; color: #333; letter-spacing: -0.5px; padding-bottom: 15px; border-bottom: 2px solid #1f5e45; box-sizing: border-box;}
.all-wrap .class-wrap dl dt ul {margin: -5px; padding-top: 25px;}
.all-wrap .class-wrap dl dt ul li:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.all-wrap .class-wrap dl dt ul li {position: relative; float: left; display: inline-block; vertical-align: middle; width: calc(50% - 10px); margin: 5px; height: 114px; background: #f6f6f6; border-radius: 5px;}
.all-wrap.barista .class-wrap dl dt ul li {height: 82px;}
.all-wrap .class-wrap dl dt ul.one li {height: 110px;}
.all-wrap .class-wrap dl dt ul li img {position: absolute; top: 50%; left: 20px; transform: translateY(-50%);}
.all-wrap .class-wrap dl dt ul li .mid {display: inline-block; vertical-align: middle; width: calc(100% - 4px); padding: 0 20px 0 95px; box-sizing: border-box;}
.all-wrap .class-wrap dl dt ul li .mid p {margin: 0; font-size: 13px; line-height: 18px; color: #777; letter-spacing: -0.5px; word-break:keep-all}
.all-wrap .class-wrap dl dd {margin-left: 35px;}
.all-wrap .class-wrap dl dd h6 {font-weight: 600; font-size: 21px; line-height: 21px; color: #333; letter-spacing: -0.5px; padding-bottom: 15px;}
.all-wrap .class-wrap dl dd .table-wrap {}
.all-wrap .class-wrap dl dd .table-wrap table {border-top: 2px solid #1f5e45;}
.all-wrap .class-wrap dl dd .table-wrap table tbody {}
.all-wrap .class-wrap dl dd .table-wrap table tbody tr th {height: 49px; line-height: 49px; background: #1f5e45; font-weight: 300; font-size: 14px; color: #fff; padding: 0 30px; text-align: center; border-bottom: 1px solid #3a775f; box-sizing: border-box;}
.all-wrap .class-wrap dl dd .table-wrap table tbody tr td {padding: 15px 25px; height: 49px; line-height: 20px; font-size: 13px; letter-spacing: -0.5px; color: #777; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.all-wrap .class-wrap .inq-box {padding-top: 50px; text-align: center;}
.all-wrap .class-wrap .inq-box > * {display: inline-block; vertical-align: middle;}
.all-wrap .class-wrap .inq-box ul {padding-right: 30px;}
.all-wrap .class-wrap .inq-box ul li {display: inline-block; vertical-align: middle; margin-left: 10px;}
.all-wrap .class-wrap .inq-box ul li a {display: inline-block; width: 170px; height: 40px; line-height: 38px; border: 2px solid #417963; box-sizing: border-box; border-radius: 25px; text-indent: 20px; font-size: 15px; color: #1f5e45; letter-spacing: -1px; text-decoration: none;}
.all-wrap .class-wrap .inq-box ul li a.pay {background: url('../img/sub/bari_src_ico.png') no-repeat 24% center;}
.all-wrap .class-wrap .inq-box ul li a.inq {background: url('../img/sub/bari_inq_ico.png') no-repeat 24% center;}
.all-wrap .class-wrap .inq-box ul li a.down {display: none; width: 200px; background: url('../img/sub/bari_inq_ico.png') no-repeat 12% center;}
.all-wrap .class-wrap .inq-box p {font-size: 12px; line-height: 28px; color: #888; letter-spacing: -1px;}
.all-wrap .class-wrap .inq-box p > * {display: inline-block; vertical-align: middle;}
.all-wrap .class-wrap .inq-box p span {font-family: worksans; font-weight: 600; font-size: 14px; line-height: 28px; color: #333;}
.all-wrap .class-wrap .inq-box p strong {font-family: worksans; font-weight: 700; font-size: 26px; line-height: 28px; color: #333; padding: 0 10px;}

.all-wrap .menu-wrap:before {content: ''; position: absolute; top: 0; left: 50%; width: 2000px; height: 100%; margin-left: -1000px; background: url('../img/sub/bari_menu_bg.jpg') no-repeat center; background-size: cover; z-index: -1;}
.all-wrap .menu-wrap {position: relative; padding: 80px 0;}
.all-wrap .menu-wrap .title {padding-bottom: 35px;}
.all-wrap .menu-wrap .title > * {text-align: center;}
.all-wrap .menu-wrap .title h5 {font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px;}
.all-wrap .menu-wrap .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px; margin-top: 20px;}
.all-wrap .menu-wrap ul {margin: -10px;}
.all-wrap .menu-wrap ul:after {content: ''; display: block; clear: both;}
.all-wrap .menu-wrap ul li {float: left; width: calc(25% - 20px); margin: 10px;}
.all-wrap .menu-wrap.fve ul li {width: calc(20% - 20px)}
.all-wrap .menu-wrap.fve ul li img {width: 100%;}
.all-wrap .menu-wrap ul li p {line-height: 45px; background: #1f5e45; font-weight: 300; font-size: 16px; color: #fff; letter-spacing: -1px; text-align: center; border-radius: 5px 5px 0 0;}
.all-wrap .menu-wrap ul li img {width: 100%; height: 100%;}
.all-wrap .menu-wrap ul li dl {height: 165px; background: #fff; border-radius: 0 0 5px 5px; padding-top: 30px; box-sizing: border-box; text-align: center;}
.all-wrap .menu-wrap.line ul li dl {height: 80px !important;}
.all-wrap .menu-wrap.one ul li dl {height: 100px}
.all-wrap .menu-wrap.one ul li:nth-child(n+5) dl {height: 80px}
.all-wrap .menu-wrap ul li:nth-child(n+5) dl {height: 205px;}
.all-wrap .menu-wrap.first ul li dl {height: 140px;}
.all-wrap .menu-wrap.mid ul li dl {height: 165px;}
.all-wrap .menu-wrap.two ul li:nth-child(n+5) dl {height: 155px;}
.all-wrap .menu-wrap.the ul li:nth-child(n+5) dl {height: 175px;}
.all-wrap.found .menu-wrap ul li dl {height: 100px;}
.all-wrap .menu-wrap ul li dl dt {font-weight: 300; font-size: 16px; line-height: 21px; color: #333; letter-spacing: -1px; margin-bottom: 8px;}
.all-wrap .menu-wrap ul li dl dd {    font-size: 15px;line-height: 24px;color: #333;letter-spacing: -0.05em;}
.all-wrap .menu-wrap ul li dl dd span {color: inherit; font-size: inherit; line-height: inherit; font-family: sans-serif;}

/* .all-wrap.bakery .resn-wrap:before,
.all-wrap.oneday .resn-wrap:before {content: ''; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw; background: url('../img/sub/bari_menu_bg.jpg') no-repeat center / cover; z-index: -1;} */
.all-wrap .resn-wrap {position: relative; padding: 80px 0;}
.all-wrap .resn-wrap .title {padding-bottom: 50px;}
.all-wrap .resn-wrap .title > * {text-align: center;}
.all-wrap .resn-wrap .title p {font-family: worksans; font-weight: 700; font-size: 18px; line-height: 20px; letter-spacing: 10px;}
.all-wrap .resn-wrap .title h5 {font-weight: 200; font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; margin-top: 18px;}
.all-wrap .resn-wrap .title h5 strong {}
.all-wrap .resn-wrap ul {border-top: 5px solid #1f5e45; border-bottom: 2px solid #ccc; padding: 30px 0; box-sizing: border-box; margin: 0 -10px; text-align: center;}
.all-wrap .resn-wrap ul:after {content: ''; display: block; clear: both;}
.all-wrap .resn-wrap ul li {position: relative; float: left; width: calc(33.33% - 20px); margin: 0 10px; text-align: center;padding: 40px 50px; box-sizing: border-box;}
.all-wrap .resn-wrap ul li.list01 {background: url('../img/sub/bari_rs_img01.jpg') no-repeat center; background-size: cover;}
.all-wrap .resn-wrap ul li.list02 {background: url('../img/sub/bari_rs_img02.jpg') no-repeat center; background-size: cover;}
.all-wrap .resn-wrap ul li.list03 {background: url('../img/sub/bari_rs_img03.jpg') no-repeat center; background-size: cover;}
.all-wrap .resn-wrap ul li .txt:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.all-wrap .resn-wrap ul li .txt {display: inline-block; vertical-align: middle; background: rgba(15,65,48,0.9); width: 100%; height: 170px;}
.all-wrap .resn-wrap ul li .txt .mid {display: inline-block; vertical-align: middle;}
.all-wrap .resn-wrap ul li .txt .mid h6 {font-size: 21px; line-height: 21px; color: #fff; letter-spacing: -1px; text-align: center;}
.all-wrap .resn-wrap ul li .txt .mid p {font-size: 14px; line-height: 21px; color: #c9cdcc; letter-spacing: -1px; margin-top: 12px;}

.all-wrap .step-wrap:before {content: ''; position: absolute; top: 0; left: 50%; width: 2000px; height: 100%; margin-left: -1000px; background: url('../img/sub/bari_step_bg.jpg') no-repeat center; background-size: cover; z-index: -1;}
.all-wrap .step-wrap {position: relative; padding: 80px 0;}
.all-wrap .step-wrap dl {}
.all-wrap .step-wrap dl:after {content: ''; display: block; clear: both;}
.all-wrap .step-wrap dl > * {float: left;}
.all-wrap .step-wrap dl dt {width: 290px; padding: 15px 50px; box-sizing: border-box;}
.all-wrap.compet .step-wrap dl dt {padding-right: 10px;}
.all-wrap .step-wrap.dtr dl dt {padding-right: 15px;}
.all-wrap .step-wrap dl dt h5 {font-weight: 600; font-size: 26px; line-height: 34px; color: #fff; letter-spacing: -1px;}
.all-wrap .step-wrap dl dt p {font-size: 15px; line-height: 23px; color: #bbb; letter-spacing: -0.5px; margin-top: 20px;}
.all-wrap .step-wrap dl dd {width: calc(100% - 290px);}
.all-wrap .step-wrap dl dd ul {padding: 0 20px; box-sizing: border-box;}
.all-wrap .step-wrap dl dd ul li {display: inline-block; vertical-align: top; width: 20%; text-align: center;}
.all-wrap .step-wrap dl dd ul li > * {text-align: center;}
.all-wrap .step-wrap dl dd ul li img {}
.all-wrap .step-wrap dl dd ul li h6 {margin: 20px 0 15px 0; font-size: 17px; line-height: 23px; color: #fff; letter-spacing: -1px;}
.all-wrap .step-wrap dl dd ul li p {font-size: 14px; line-height: 21px; color: #bbb; letter-spacing: -0.5px;}

.all-wrap .inter-wrap {padding: 80px 0;}
.all-wrap .inter-wrap .title {position: relative; padding-bottom: 30px;}
.all-wrap .inter-wrap .title h6 {font-family: worksans; font-weight: 700; font-size: 35px; line-height: 45px; color: #333; letter-spacing: -0.5px;}
.all-wrap .inter-wrap .title h6 span {font-weight: 400; font-size: 15px; line-height: 25px; color: #666; letter-spacing: -0.5px; padding-left: 5px;}
.all-wrap .inter-wrap .title a {position: absolute; top: 22px; right: 0; padding-right: 13px; line-height: 16px; font-family: worksans; font-weight: 700; font-size: 13px; color: #1f5e45; letter-spacing: 0.5px; background: url('../img/main/mn_more_g_ico.png') no-repeat 99% center; text-decoration: none;}
.all-wrap .inter-wrap ul {margin: 0 -10px;}
.all-wrap .inter-wrap ul:after {content: ''; display: block; clear: both;}
.all-wrap .inter-wrap ul li {position: relative; float: left; width: calc(25% - 20px); margin: 0 10px;}
.all-wrap .inter-wrap ul li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.all-wrap .inter-wrap ul li .thumb:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.all-wrap .inter-wrap ul li .thumb {position: relative; padding-bottom: 110%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.all-wrap .inter-wrap ul li .txt {position: absolute; bottom: 35px; left: 30px; width: calc(100% - 60px); z-index: 1;}
.all-wrap .inter-wrap ul li .txt span {font-family: worksans; font-weight: 700; font-size: 13px; line-height: 16px; color: #fff; text-decoration: underline;}
.all-wrap .inter-wrap ul li .txt h6 {width: 100%; height: 25px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 19px; color: #fff; line-height: 25px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; margin: 10px 0;}
.all-wrap .inter-wrap ul li .txt p {width: 100%; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; color: #dddddd; line-height: 20px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}

.all-wrap .images-wrap {}
.all-wrap .images-wrap .full-wrap {position: relative; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw;}
.all-wrap .images-wrap .full-wrap ul {}
.all-wrap .images-wrap .full-wrap ul li {display: inline-block; vertical-align: top; width: 25%;}
.all-wrap .images-wrap .full-wrap ul li .thumb {position: relative; padding-bottom: 73%; background-size: cover; background-position: center; background-repeat: no-repeat;}

.all-wrap .curc-wrap .title {position: relative; padding-bottom: 30px;}
.all-wrap .curc-wrap .title h6 {font-family: worksans; font-weight: 700; font-size: 35px; line-height: 45px; color: #333; letter-spacing: -0.5px;}
.all-wrap .curc-wrap .title h6 span {font-weight: 400; font-size: 15px; line-height: 25px; color: #666; letter-spacing: -0.5px; padding-left: 5px;}
.all-wrap .curc-wrap .title a {position: absolute; top: 22px; right: 0; padding-right: 13px; line-height: 16px; font-family: worksans; font-weight: 700; font-size: 13px; color: #1f5e45; letter-spacing: 0.5px; background: url('../img/main/mn_more_g_ico.png') no-repeat 99% center; text-decoration: none;}
.all-wrap .curc-wrap .empty-box:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.all-wrap .curc-wrap .empty-box {display: inline-block; vertical-align: middle; width: 100%; height: 215px; text-align: center;}
.all-wrap .curc-wrap .empty-box p {display: inline-block; vertical-align: middle; font-weight: 300; font-size: 30px; line-height: 30px; color: #333; letter-spacing: -0.5px; opacity: 0.2}

.all-wrap .inst-wrap {padding: 80px 0 70px 0;}

.all-wrap .view-wrap:before {content: ''; position: absolute; top: 0; left: 50%; width: 2000px; height: 100%; margin-left: -1000px; background: #f5f5f5; z-index: -1;}
.all-wrap .view-wrap {position: relative; padding: 75px 0;}
.all-wrap .view-wrap .title {position: relative; padding-bottom: 20px;}
.all-wrap .view-wrap .title h6 {font-family: worksans; font-weight: 700; font-size: 35px; line-height: 45px; color: #333; letter-spacing: -0.5px;}
.all-wrap .view-wrap .title h6 span {font-weight: 400; font-size: 15px; line-height: 25px; color: #666; letter-spacing: -0.5px; padding-left: 5px;}
.all-wrap .view-wrap .title a.more-btn {position: absolute; top: 22px; right: 0; padding-right: 13px; line-height: 16px; font-family: worksans; font-weight: 700; font-size: 13px; color: #1f5e45; letter-spacing: 0.5px; background: url('../img/main/mn_more_g_ico.png') no-repeat 99% center; text-decoration: none;}
.all-wrap .view-wrap dl {}
.all-wrap .view-wrap dl:after {content: ''; display: block; clear: both;}
.all-wrap .view-wrap dl > * {float: left; width: calc(50% - 35px);}
.all-wrap .view-wrap dl dt {margin-right: 35px;}
.all-wrap .view-wrap dl dt ul {margin: 0 -12px;}
.all-wrap .view-wrap dl dt ul li {position: relative; display: inline-block; width: calc(50% - 24px); margin: 0 12px;}
.all-wrap .view-wrap dl dt ul li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.all-wrap .view-wrap dl dt ul li .thumb:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.all-wrap .view-wrap dl dt ul li .thumb {position: relative; padding-bottom: 112%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.all-wrap .view-wrap dl dt ul li .info {position: absolute; bottom: 35px; left: 30px; width: calc(100% - 60px); z-index: 1;}
.all-wrap .view-wrap dl dt ul li .info span {font-family: worksans; font-weight: 700; font-size: 13px; line-height: 16px; color: #fff; text-decoration: underline;}
.all-wrap .view-wrap dl dt ul li .info h6 {width: 100%; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 19px; color: #fff; line-height: 25px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; margin: 15px 0 10px 0;}
.all-wrap .view-wrap dl dt ul li .info p {width: 100%; height: 40px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; color: #dddddd; line-height: 20px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
.all-wrap .view-wrap dl dd {margin-left: 35px;}
.all-wrap .view-wrap dl dd ul {margin: 0 -6px;}
.all-wrap .view-wrap dl dd ul:after {content: ''; display: block; clear: both;}
.all-wrap .view-wrap dl dd ul li:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.all-wrap .view-wrap dl dd ul li {float: left; position: relative; display: inline-block; vertical-align: middle; width: calc(33.33% - 12px); height: 330px; margin: 0 6px; border: 1px solid #ddd; box-sizing: border-box; background: #fff; text-align: center;}
.all-wrap .view-wrap dl dd ul li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.all-wrap .view-wrap dl dd ul li .mid {display: inline-block; vertical-align: middle; width: calc(100% - 50px);}
.all-wrap .view-wrap dl dd ul li .mid > * {text-align: center;}
.all-wrap .view-wrap dl dd ul li .mid img {}
.all-wrap .view-wrap dl dd ul li .mid h6 {width: 100%; height: 50px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 300; font-size: 17px; color: #444; line-height: 25px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; margin: 15px 0 10px 0;}
.all-wrap .view-wrap dl dd ul li .mid p {width: 100%; height: 60px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-weight: 300; font-size: 13px; color: #888888; line-height: 20px; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
.all-wrap .view-wrap dl dd ul li .mid span {display: inline-block; margin-top: 25px; font-family: worksans; font-weight: 400; font-size: 13px; line-height: 16px; color: #888;}



.about-wrap {padding: 30px 0; margin-bottom: -80px;}
.about-wrap .top-box {text-align: center; padding-bottom: 80px;}
.about-wrap .top-box > * {text-align: center;}
.about-wrap .top-box span {font-weight: 600; font-size: 17px; line-height: 18px; color: #1f5e45; letter-spacing: -1px;}
.about-wrap .top-box h5 {font-weight: 600; font-size: 30px; line-height: 30px; color: #333; letter-spacing: -0.5px; margin: 15px 0 40px 0;}
.about-wrap .top-box strong {display: block; margin: 50px 0 15px 0; font-family: worksans; font-weight: 500; font-size: 36px; color: #333; letter-spacing: -1px;}
.about-wrap .top-box p {font-size: 15px; color: #666; letter-spacing: -0.5px;}
.about-wrap .mid-box:before {content: ''; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw; background: url('../img/sub/about_mid_bg.jpg') no-repeat center / cover; z-index: -1;}
.about-wrap .mid-box {position: relative; padding: 80px 0; text-align: center;}
.about-wrap .mid-box > * {text-align: center;}
.about-wrap .mid-box ul {}
.about-wrap .mid-box ul li {display: inline-block; vertical-align: top; width: 50%; height: 130px;}
.about-wrap .mid-box ul li:nth-child(odd) {background: url('../img/sub/about_mid_left_bg.jpg') no-repeat center / cover;}
.about-wrap .mid-box ul li:nth-child(even) {background: url('../img/sub/about_mid_right_bg.jpg') no-repeat center / cover;}
.about-wrap .mid-box ul li h5 {font-weight: 600; font-size: 32px; line-height: 32px; color: #fff; letter-spacing: -0.5px; text-align: center; line-height: 130px;}
.about-wrap .mid-box ul li h5 span {display: inline-block; line-height: inherit; font-weight: 200; font-size: inherit; color: inherit; padding-left: 10px;}
.about-wrap .mid-box ul li h5 span em {font-style: normal; font-family: worksans;}
.about-wrap .mid-box > h5 {margin: 60px 0 25px 0; font-weight: 400; font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px;}
.about-wrap .mid-box > h5 strong {color: #1f5e45;}
.about-wrap .mid-box > h5 span {font-weight: 600; font-size: inherit; line-height: inherit; color: inherit;}
.about-wrap .mid-box p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px; margin-bottom: 50px;}
.about-wrap .mid-box h6 {font-weight: 200; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -1px;}
.about-wrap .mid-box h6 strong {}
.about-wrap .list-box {padding: 80px 0; text-align: center;}
.about-wrap .list-box dl {}
.about-wrap .list-box dl dt {}
.about-wrap .list-box dl dt h5 {text-align: center; font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px;}
.about-wrap .list-box dl dt p {margin: 30px auto 50px auto; width: 1000px; height: 90px; border: 8px solid #eee; box-sizing: border-box; line-height: 72px; font-weight: 200; font-size: 24px; color: #333; letter-spacing: -1px;}
.about-wrap .list-box dl dt p strong {color: #1f5e45;}
.about-wrap .list-box dl dd {}
.about-wrap .list-box dl dd ul {width: 920px; margin: 0 auto;}
.about-wrap .list-box dl dd ul li {display: inline-block; vertical-align: top; width: 25%;}
.about-wrap .list-box dl dd ul li img {}
.about-wrap .list-box dl dd ul li p {margin-top: 25px; font-size: 15px; line-height: 24px; color: #666; letter-spacing: -0.5px;}
.about-wrap .bot-box:before {content: ''; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw; background: #f5f5f5; z-index: -1;}
.about-wrap .bot-box {position: relative; padding: 80px 0;}
.about-wrap .bot-box h5 {text-align: center; font-weight: 400; font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; text-transform: uppercase;}
.about-wrap .bot-box h5 strong {}
.about-wrap .bot-box > p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px; text-align: center; margin: 25px 0 45px 0;}
.about-wrap .bot-box dl {}
.about-wrap .bot-box dl:after {content: ''; display: block; clear: both;}
.about-wrap .bot-box dl > * {width: calc(50% - 35px);}
.about-wrap .bot-box dl dt {float: left;}
.about-wrap .bot-box dl dd {float: right;}
.about-wrap .bot-box dl h6 {position: relative; padding-left: 25px; font-size: 21px; line-height: 25px; color: #333; letter-spacing: -0.5px;}
.about-wrap .bot-box dl h6:before {content: ''; position: absolute; top: 6px; left: 0; width: 15px; height: 15px; border: 4px solid #1f5e45; box-sizing: border-box; border-radius: 15px;}
.about-wrap .bot-box dl h6 span {display: inline-block; padding-left: 20px; font-weight: 400; font-size: 16px; line-height: inherit; color: #666; letter-spacing: inherit;}
.about-wrap .bot-box dl .top {margin-top: 20px; width: 100%; height: 50px; border-radius: 20px 0 0 0 ;}
.about-wrap .bot-box dl dt .top {background: #edcc4c;}
.about-wrap .bot-box dl dd .top {background: #154231;}
.about-wrap .bot-box dl .txt {position: relative; height: 160px; background: #fff; border-radius: 0 0 20px 0; padding: 25px 40px; box-sizing: border-box;}
.about-wrap .bot-box dl .txt strong {position: absolute; top: 30px; left: 40px; font-weight: 400; font-size: 26px; line-height: 26px; color: #333; letter-spacing: -0.5px;}
.about-wrap .bot-box dl .txt p {padding-left: 110px; font-size: 14px; line-height: 21px; color: #777; letter-spacing: -0.5px;}
.about-wrap .bot-box .color {width: 100%; padding-top: 50px;}
.about-wrap .bot-box .color h6:before {content: ''; position: absolute; top: 6px; left: 0; width: 15px; height: 15px; border: 4px solid #1f5e45; box-sizing: border-box; border-radius: 15px;}
.about-wrap .bot-box .color h6 {position: relative; padding-left: 25px; font-size: 21px; line-height: 25px; color: #333; letter-spacing: -0.5px;}
.about-wrap .bot-box .color ul {margin-top: 20px;}
.about-wrap .bot-box .color ul li {display: inline-block; vertical-align: top; width: 25%; padding: 24px 30px; box-sizing: border-box;}
.about-wrap .bot-box .color ul li.list01 {background: #000000;}
.about-wrap .bot-box .color ul li.list02 {background: #494949;}
.about-wrap .bot-box .color ul li.list03 {background: #edcc4c;}
.about-wrap .bot-box .color ul li.list04 {background: #154131;}
.about-wrap .bot-box .color ul li p {font-size: 13px; line-height: 16px; color: #fff; letter-spacing: -0.5px;}


.location-wrap {padding: 30px 0;}
.location-wrap .title {padding-bottom: 35px; text-align: center;}
.location-wrap .title > * {text-align: center;}
.location-wrap .title span {font-family: worksans; font-weight: 700; font-size: 15px; line-height: 15px; color: #1f5e45; letter-spacing: 10px;}
.location-wrap .title h5 {font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; margin: 20px 0;}
.location-wrap .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px;}
.location-wrap .wrap {}
.location-wrap .wrap .tab-list {text-align: left;}
.location-wrap .wrap .tab-list li {display: inline-block; vertical-align: top; margin: 5px 5px;}
.location-wrap .wrap .tab-list li a {display: inline-block; width: 250px; line-height: 43px; border: 1px solid #ddd; background: #f8f8f8; box-sizing: border-box; text-align: center; text-decoration: none; font-size: 15px; color: #888; letter-spacing: -1px; border-radius: 5px;}
.location-wrap .wrap .tab-list li.active a {background: #154131; border-color: #154131; color: #fff;}
.location-wrap .wrap .tab-cont {position: relative; margin-top: 50px;}
.location-wrap .wrap .tab-cont .cont {}
.location-wrap .wrap .tab-cont .cont .map {margin: 0 -10px}
.location-wrap .wrap .tab-cont .cont dl {border-bottom: 1px solid #555; padding-left: 30px; margin: 0 -10px}
.location-wrap .wrap .tab-cont .cont dl > * {display: inline-block; line-height: 60px;}
.location-wrap .wrap .tab-cont .cont dl dt {padding-left: 40px; font-weight: 300; font-size: 18px; color: #333; letter-spacing: -1px; background: url('../img/sub/loc_map_ico.png') no-repeat left center;}
.location-wrap .wrap .tab-cont .cont dl dd {padding-left: 85px; font-size: 15px; color: #666; letter-spacing: -1px;}



.facil-wrap {padding: 30px 0; margin-bottom: -80px;}
.facil-wrap .title {text-align: center;}
.facil-wrap .title > * {text-align: center;}
.facil-wrap .title span {font-family: worksans; font-weight: 700; font-size: 15px; line-height: 15px; color: #1f5e45; letter-spacing: 10px;}
.facil-wrap .title h5 {font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; margin: 20px 0;}
.facil-wrap .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px;}
.facil-wrap .buttons {text-align: left; margin-top: 40px}
.facil-wrap .buttons button {display: inline-block; width: 250px; line-height: 43px; border: 1px solid #ddd; background: #f8f8f8; box-sizing: border-box; text-align: center; text-decoration: none; font-size: 15px; color: #888; letter-spacing: -1px; border-radius: 5px; margin: 5px 3px}
.facil-wrap .buttons button.active {background: #154131; border-color: #154131; color: #fff;}
.facil-wrap .tab-cont .cont {display: none}
.facil-wrap .tab-cont .cont.active {display: block !important}
.facil-wrap .video-wrap {text-align: center; padding: 50px 0 80px 0;}
.facil-wrap .video-wrap iframe {}
/* .facil-wrap .roll-wrap:before {content: ''; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; margin-left: -50vw; background: #f7f7f7; z-index: -1;} */
.facil-wrap .roll-wrap {position: relative; padding: 80px 0 150px 0;}
.facil-wrap .roll-wrap:after {content: ''; position: absolute; bottom: 90px; left: 0; width: 1300px; height: 1px; background: #888888; z-index: -1;}
.facil-wrap .roll-wrap .facilities-big {position: relative; margin-bottom: 20px;}
.facil-wrap .roll-wrap .facilities-big .item {position: relative;}
.facil-wrap .roll-wrap .facilities-big .item .img {padding-bottom: 42%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.facil-wrap .roll-wrap .facilities-tmb {margin: -10px;}
.facil-wrap .roll-wrap .facilities-tmb:after {content: ''; display: block; clear: both;}
.facil-wrap .roll-wrap .facilities-tmb .item {position: relative; float: left; width: calc(25% - 20px); margin: 10px;}
.facil-wrap .roll-wrap .facilities-tmb .item:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 5px solid #1f5e45; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all .2s;}
.facil-wrap .roll-wrap .facilities-tmb .item:hover:after,
.facil-wrap .roll-wrap .facilities-tmb .item.active:after {opacity: 1; visibility: visible;}
.facil-wrap .roll-wrap .facilities-tmb .item .img {position: relative; padding-bottom: 40%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.facil-wrap .roll-wrap .facilities-tmb .item .img:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); transition: all .2s;}
.facil-wrap .roll-wrap .facilities-tmb .item:hover .img:after,
.facil-wrap .roll-wrap .facilities-tmb .item.active .img:after {opacity: 0;}
.facil-wrap .roll-wrap .slick-arrow {position: absolute; bottom: -500px; z-index: 3; width: 75px; height: 20px; border: none; text-indent: -9999em; }
.facil-wrap .roll-wrap .slick-prev {left: calc(50% - 75px); background: url('../img/sub/facil_prev_arrow.png') no-repeat 70% center; background-color: #f7f7f7;}
.facil-wrap .roll-wrap .slick-next {right: calc(50% - 75px); background: url('../img/sub/facil_next_arrow.png') no-repeat 30% center; background-color: #f7f7f7;}



.inst-wrap {}
.inst-wrap .title {padding-bottom: 80px;}
.inst-wrap .title {text-align: center;}
.inst-wrap .title > * {text-align: center;}
.inst-wrap .title span {font-family: worksans; font-weight: 700; font-size: 15px; line-height: 15px; color: #1f5e45; letter-spacing: 10px;}
.inst-wrap .title h5 {font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; margin: 20px 0;}
.inst-wrap .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px;}

.inst-wrap .inst-list {margin: -10px; padding-bottom: 20px;}
.inst-wrap .inst-list:after {content: ''; display: block; clear: both;}
.inst-wrap .inst-list li {position: relative; float: left; width: calc(50% - 20px); margin: 10px; min-height: 270px; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden; transition: all .2s;}
.inst-wrap .inst-list li:hover {border-color: #1f5e45; box-shadow: 4px 4px 4px rgba(0,0,0,0.05);}
.inst-wrap .inst-list li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.inst-wrap .inst-list li .thumb {padding-bottom: calc(40% + 15px); background-size: contain; background-position: right center; background-repeat: no-repeat;}
.inst-wrap .inst-list li .info {position: absolute; top: 50px; left: 40px; width: 300px;}
.inst-wrap .inst-list li .info h6 {font-weight: 600; font-size: 26px; line-height: 30px; color: #333; letter-spacing: -0.5px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.inst-wrap .inst-list li .info h6 span {display: inline-block; font-family: worksans; font-weight: 500; font-size: 18px; line-height: 30px; color: #666; padding-left: 15px;}
.inst-wrap .inst-list li .info p {width: 100%; height: 42px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 21px; color: #777777; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; }
.inst-wrap .inst-list li .info em {display: block; margin-top: 45px; width: 85px; line-height: 24px; border: 2px solid #1f5e45; box-sizing: border-box; border-radius: 15px; padding-left: 16px; font-family: worksans; font-weight: 600; font-size: 12px; color: #1f5e45; font-style: normal; background: url('../img/sub/inst_more_arrow_def.png') no-repeat 82% center; transition: all .2s;}
.inst-wrap .inst-list li:hover .info em {background: url('../img/sub/inst_more_arrow_act.png') no-repeat 82% center; background-color: #1f5e45; color: #fff;}



.center-wrap {padding: 30px 0;}
.center-wrap .title {padding-bottom: 40px; text-align: center;}
.center-wrap .title span {font-family: worksans; font-weight: 700; font-size: 15px; line-height: 15px; color: #1f5e45; letter-spacing: 10px; text-transform: uppercase;}
.center-wrap .title h5 {font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; margin: 20px 0 0 0; text-align: center;}
.center-wrap .step-box {padding-bottom: 40px;}
.center-wrap .step-box.w50 {padding-bottom: 0}
.center-wrap .step-box.w30 {padding-bottom: 0}
.center-wrap .step-box:after {content: ''; display: block; clear: both;}
.center-wrap .step-box li:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.center-wrap .step-box li {float: left; width: 25%; height: 130px; border: 1px solid #ddd; border-left: 0; box-sizing: border-box;    position: relative;}

.center-wrap .step-box li span{          
	position: absolute;
    right: 45px;
    top: 50%;
    transform:translateY(-50%);
    font-size: 75px;
    font-weight: bold;
    font-family: 'Work Sans', sans-serif;
    color: #eee;
    }
.center-wrap .step-box.w50 li {width: 50%;  border-bottom: 0; border-right: 0}
.center-wrap .step-box li.active {border-color: #1f5e45; border-left: 1px solid #1f5e45 !important;}
.center-wrap.advice .step-box li.step01 {background: url('../img/sub/ad_step_def_ico01.png') no-repeat 40px center;}
.center-wrap.schedule .step-box.w30 li.step01,
.center-wrap.advice .step-box.w50 li.step01,
.center-wrap.advice .step-box li.step01.active {background: url('../img/sub/ad_step_act_ico01.png') no-repeat 40px center;}
.center-wrap.advice .step-box li.step02 {background: url('../img/sub/ad_step_def_ico02.png') no-repeat 40px center;}
.center-wrap.schedule .step-box.w30 li.step02,
.center-wrap.advice .step-box.w50 li.step02,
.center-wrap.advice .step-box li.step02.active {background: url('../img/sub/ad_step_act_ico02.png') no-repeat 40px center;}
.center-wrap.advice .step-box li.step03 {background: url('../img/sub/ad_step_def_ico03.png') no-repeat 40px center;}
.center-wrap.advice .step-box li.step04{background: url('../img/sub/ad_step_act_ico04.png') no-repeat 40px center;}
.center-wrap.schedule .step-box.w30 li.step03,
.center-wrap.advice .step-box li.step03.active {background: url('../img/sub/ad_step_act_ico03.png') no-repeat 40px center;}
.center-wrap.schedule .step-box.w30 li.step04,
.center-wrap.advice .step-box li.step04.active {background: url('../img/sub/ad_step_act_ico04.png') no-repeat 40px center;}
/* .center-wrap .step-box li:first-child {border-left: 1px solid #ddd;} */
.center-wrap .step-box li:last-child {border-right: 0}
.center-wrap .step-box.w50 li:first-child {border-left: 0; border-right: 1px solid #ddd}
.center-wrap .step-box li.active {}
.center-wrap .step-box li .mid {display: inline-block; vertical-align: middle; padding-left: 150px;}
.center-wrap .step-box li .mid h6 {font-weight: 300; font-size: 17px; line-height: 24px; color: #333; letter-spacing: -0.5px;}
.center-wrap .step-box li .mid p {font-size: 13px; line-height: 18px; color: #777; letter-spacing: -0.5px; margin-top: 10px !important;}

.schedule #sb-form .form_tbl select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 120px; background: url('../../img/layout/selt_arrow_ico.png') no-repeat 90% center !important;}
.schedule #sb-form .form_tbl select::-ms-expand {display: none;}
.schedule #sb-form .form_tbl .inp {width: 120px}
.schedule #sb-form .form_tbl .w33 {width: 120px;}
.schedule #sb-form > form input[type="checkbox"]:checked,
.schedule #sb-form > form input[type="radio"]:checked {border-color:#1f5e45}
.schedule.w30 #sb-form .form_tbl select {width: 64px}
.schedule.w30 #sb-form .form_tbl .inp {width: 64px}

.center-wrap .btn-wrap {margin-top: 50px; text-align: center;}
.center-wrap .btn-wrap .btn {width: 170px; height: 40px; line-height: 35px; border: 2px solid #417963; box-sizing: border-box; background: #fff; border-radius: 25px; margin: 0 5px; font-weight: 300; font-size: 15px; color: #1f5e45; letter-spacing: -1px;}

.center-wrap .select-list01 {}
.center-wrap .select-list01 h5 {font-weight: 300; font-size: 21px; line-height: 25px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.center-wrap .select-list01 ul {}
.center-wrap .select-list01 ul:after {content: ''; display: block; clear: both}
.center-wrap .select-list01 ul ul li {float: left; width: 100%; display: inline-block}
.center-wrap .select-list01 ul li ul li {/*float: left; width: 33.3%;*/ display: block}
.center-wrap .select-list01 ul li label.inputCustom {display: block; width: 100%; text-align: center; line-height: 34px; border: 1px solid #ddd; border-width: 0 1px 1px 0; font-size: 13px; letter-spacing: -1px; box-sizing: border-box}
.center-wrap .select-list01 ul li label.inputCustom.active {background: #1f5e45;}
.center-wrap .select-list01 > div > ul:last-child > li > ul > li{ width: 100%;}



#sb-form > form input[type="checkbox"] , #sb-form > form input[type="radio"] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #999;
    appearance: none;
    cursor: pointer;
    transition: background 0.2s;
}

.list01 li label::after,.list03 li ul li label::after{
    content: '\2714';
    font-size: 20px;
    left: 6px;
    top: -2px;
    color: #333;
    transition: 0.2s;
    opacity: 0;
    position: absolute;
}




input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none;
    
    
}
#sb-form > form input[type="radio"]:checked +label::after, #sb-form > form input[type="checkbox"]:checked +label::after {
	opacity: 1;
}
  
#sb-form > form > div.box > fieldset.list02 > table > tbody > tr:nth-child(1) > td > li> label > p{	
	line-height: 40px;

    text-align: center;
    letter-spacing: -1px;
    font-size: 14px;
    font-weight: 300;
    color: #666666;
    width: 98%;
    text-align: left;
    padding-left: 20px;
    display: inline-block;
}
input[type=checkbox], input[type=radio]{margin:-2px 0 0 0;}

#sb-form > form > div.box > fieldset.list03 > div > div > div > ul > li > p{
	
	font-size:18px;
}

.arrow-prev,
.arrow-next {
    position: absolute;
    /* float: left; */
    right: 0;
    width: 18px;
    top: 13px;
    height: 18px;
    margin-right: 5px;
}

.arrow-prev::after {
    position: absolute;
    left: 35px; 
    top: 20px;
    content: '';
    width: 50px; /* 사이즈 */
    height: 50px; /* 사이즈 */
    border-top: 5px solid #000; /* 선 두께 */
    border-right: 5px solid #000; /* 선 두께 */
    transform: rotate(225deg); /* 각도 */
}

.arrow-next::after {
    position: absolute;
    right: 10px; 
	top:0;
    content: '';
    width: 14px; /* 사이즈 */
    height: 14px; /* 사이즈 */
    border-top: 2px solid #fff; /* 선 두께 */
    border-right: 2px solid #fff; /* 선 두께 */
    transform: rotate(45deg); /* 각도 */
}

#sb-form > form > div.box > fieldset.list02 > table > tbody > tr:nth-child(1) > td > li .active p{
	font-weight: 300;
    color: #fff;
    background: #1f5e45;

      

}    
#sb-form > form > div.box > fieldset.list02 > table > tbody > tr:nth-child(1) > td > li{
    display: block;

    position: relative;

}
#sb-form > form > div.box > fieldset.list01 > table > tbody > tr > td > li > p label{padding-left:4px; font-weight: normal; color: #000;}
  #sb-form > form > div.box > fieldset.list01 > table > tbody > tr > td > li > p{
	display: inline-block; vertical-align: middle; font-size: 14px; line-height: 40px;

}


   
#sb-form > form > div.box > fieldset.list01 > table > tbody > tr:nth-child(1) > td > li{
	width: 100%;
    display: inline-block;
    position: relative;
}



#flexCheckDefault:checked{background:#1f5e45;}

#sb-form > form > div.box > fieldset.list03 > div{width: 100%; }

.center-wrap .select-list01 ul li label.inputCustom.active p {  font-weight: 300;color: #fff;}
.center-wrap .select-list01 ul > li > ul li:nth-child(3n+1) label.inputCustom {border-left: 1px solid #ddd}
.center-wrap .select-list01 ul > li > ul li:nth-child(-n+3) label.inputCustom {border-top: 1px solid #ddd}
/*
.center-wrap .select-list01 ul li label input {margin: 4px 3px;}
*/
.center-wrap .select-list01 ul li{margin:10px 0}
.center-wrap .select-list01 ul li p {position:relative; display: inline-block; vertical-align: middle; font-size: 14px; /*line-height: 40px;*/ font-weight: 300; color: #333;}

.center-wrap .select-list02 {}
.center-wrap .select-list02 h5 {font-weight: 300; font-size: 21px; line-height: 25px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.center-wrap .select-list02 .txt-wrap {}
.center-wrap .select-list02 .txt-wrap textarea {width: 100%; height: 160px; border: 1px solid #ddd; box-sizing: border-box; padding: 20px;}

.center-wrap .select-list03 {}
.center-wrap .select-list03 h5 {font-weight: 300; font-size: 21px; line-height: 25px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.center-wrap .select-list03 .box-wrap {border: 1px solid #ddd;}
.center-wrap .select-list03 .box-wrap dl {padding: 40px; box-sizing: border-box;}
.center-wrap .select-list03 .box-wrap dl:nth-child(even) {background: #f6f6f6;}
.center-wrap .select-list03 .box-wrap dl dt {font-weight: 300; font-size: 18px; line-height: 20px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.center-wrap .select-list03 .box-wrap dl dd {}
.center-wrap .select-list03 .box-wrap dl dd .lk {}
.center-wrap .select-list03 .box-wrap dl dd .lk li {display: inline-block; vertical-align: top; padding-right: 15px; font-size: 15px; color: #999;}
.center-wrap .select-list03 .box-wrap dl dd .area {}
.center-wrap .select-list03 .box-wrap dl dd .area li {display: inline-block; vertical-align: top; padding-right: 30px;}
.center-wrap .select-list03 .box-wrap dl dd .area li label {}
.center-wrap .select-list03 .box-wrap dl dd .area li label input {margin: 4px 3px;}
.center-wrap .select-list03 .box-wrap dl dd .area li label p {display: inline-block; padding-left: 5px; font-size: 15px; color: #666666;}
.center-wrap .select-list03 .box-wrap dl:last-child {padding: 25px 40px;}
.center-wrap .select-list03 .box-wrap dl:last-child:after {content: ''; display: block; clear: both}
.center-wrap .select-list03 .box-wrap dl:last-child > * {float: left;}
.center-wrap .select-list03 .box-wrap dl:last-child dt {position: relative; width: 350px; margin-bottom: 0; padding-right: 50px; box-sizing: border-box;}
.center-wrap .select-list03 .box-wrap dl:last-child dt strong {position: absolute; top: 0; left: 0; line-height: 30px; font-weight: 300; font-size: 18px; color: #333; letter-spacing: -0.5px;}
.center-wrap .select-list03 .box-wrap dl:last-child dt .inp {display: inline-block; vertical-align: middle; margin-left: 100px; width: 200px; height: 30px; line-height: 30px; border: none; border-bottom: 2px solid #ddd;}
.center-wrap .select-list03 .box-wrap dl:last-child dd {position: relative; width: calc(100% - 350px);}
.center-wrap .select-list03 .box-wrap dl:last-child dd strong {position: absolute; top: 0; left: 0; line-height: 30px; font-weight: 300; font-size: 18px; color: #333; letter-spacing: -0.5px;}
.center-wrap .select-list03 .box-wrap dl:last-child dd .inp {margin-right: 20px;}
.center-wrap .select-list03 .box-wrap dl:last-child dd select {margin: 0 20px 0 100px;}
.center-wrap .select-list03 .box-wrap dl:last-child dd .inp,
.center-wrap .select-list03 .box-wrap dl:last-child dd select {display: inline-block; vertical-align: middle; width: 100px;height: 30px; line-height: 30px; border: none; border-bottom: 2px solid #ddd;}
.center-wrap .select-list03 .box-wrap dl:last-child dd .policy {line-height: 30px; font-size: 15px; color: #666; letter-spacing: -0.5px;}
.center-wrap .select-list03 .box-wrap dl:last-child dd .policy input {margin-top:8px;}
.center-wrap .select-list03 .box-wrap dl:last-child dd .policy a {line-height: inherit; font-size: inherit; color: inherit;}
.center-wrap .select-list03 .info {margin-top: 15px;}
.center-wrap .select-list03 .info p {font-size: 14px; line-height: 24px; color: #999; letter-spacing: -1px;}

.center-wrap fieldset legend {position: relative; padding-left: 25px !important; font-weight: 300; font-size: 20px !important; line-height: 32px; color: #333 !important; letter-spacing: -0.5px}
.center-wrap fieldset legend:after {content: ''; position: absolute; top: 8px; left: 0; width: 16px; height: 16px; border: 4px solid #1f5e45; box-sizing: border-box; border-radius: 50%}

.category_content li p{display:block; width:100%}
.category_content li p label{width:calc(100% - 30px); padding-left:3px; font-weight:normal; color:#000;}
.category_content li ul li label::after{top:-5px}

/* 210608 추가 수정 (레이아웃 변경) */

.center-wrap.w50 .box:after {content: ''; display: block; clear: both}
.center-wrap.w50 .box fieldset.list01 {float: left; display: inline-block; vertical-align: top; width: 50% !important; border-top: 1px solid #ddd !important}
.center-wrap.w50 .box fieldset.list02 {width: 50% !important}
.center-wrap.w50 .box fieldset.list02 table {border-top: 1px solid #ddd !important}
.center-wrap.w50 .box .select-list01 ul {min-height: 331px; box-sizing: border-box; padding: 10px 40px}
.center-wrap.w50 .box .select-list01 ul li {width: 100%}
.center-wrap.w50 .box .select-list01 ul li label p {line-height: 26px}
.center-wrap.w50 .box .select-list01 ul li label input[type="radio"] {width: 15px; height: 15px}

.center-wrap.w30 .box:after {content: ''; display: block; clear: both}
.center-wrap.w30 .box fieldset.list01 {float: left; display: inline-block; vertical-align: top; width:25% !important; padding: 10px 10px 0 10px !important; box-sizing: border-box}
.center-wrap.w30 .box .list02 {float: left; width: 25% !important; padding: 10px 10px 0 10px !important; box-sizing: border-box;  border-width: 0 1px !important; margin-left: -1px !important; min-height: 350px}
.center-wrap.w30 .box fieldset.list03 {float: left; width: 25% !important; padding: 10px 10px 0 10px !important; box-sizing: border-box;  border-width: 0 1px !important; margin-left: -1px !important; min-height: 350px}
.center-wrap.w30 .box fieldset.list04 {float: left; width: 25% !important; padding: 10px 10px 0 10px !important; box-sizing: border-box;}
.center-wrap.w30 .box fieldset.list03 table {border-top: 1px solid #ddd !important}
.center-wrap.w30 .box .select-list01 > .depth2_content > ul {box-sizing: border-box; padding: 0 10px}
.center-wrap.w30 .box .select-list01 > .depth2_content > ul > li {width: 100%}
.center-wrap.w30 .box .select-list01 > .depth2_content > ul > li > ul {border: none; padding-bottom: 10px}
.center-wrap.w30 .box .select-list01 > .depth2_content > ul > li > ul > li > label p {font-size: 14px; line-height: 26px; font-weight: 400; color: #666}

.center-wrap .select-list01 .depth2_content > ul > li > label input {display: none}

.center-wrap.w50 .box .step01:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%}
.center-wrap.w50 .box .step01 {display: inline-block; vertical-align: middle; width: 100%; height: 130px; border: 1px solid #ddd; box-sizing: border-box;background: url('../img/sub/ad_step_act_ico01.png') no-repeat 40px center;}
.center-wrap.w50 .box .step01 .mid {display: inline-block; vertical-align: middle; padding-left: 150px;}
.center-wrap.w50 .box .step01 .mid h6 {font-weight: 300; font-size: 17px; line-height: 24px; color: #333; letter-spacing: -0.5px;}
.center-wrap.w50 .box .step01 .mid p {font-size: 13px; line-height: 18px; color: #777; letter-spacing: -0.5px;}


.center-wrap.tuition fieldset,
.center-wrap.schedule fieldset {margin-bottom: 0 !important}
.center-wrap.tuition fieldset legend {}
.center-wrap .dept-list {}
.center-wrap .dept-list ul {margin: -5px;}
.center-wrap .dept-list ul:after {content: ''; display: block; clear: both}
.center-wrap .dept-list ul li {float: left; margin: 5px; width: calc(50% - 14px); height: 40px}
.center-wrap .dept-list ul li label.inputCustom {position: relative; z-index: 100; display: inline-block; width: 100%; line-height: 38px; text-align: center; border-radius: 5px; border: 1px solid #ddd}
.center-wrap .dept-list ul li label.inputCustom.active {background: #1f5e45; border-color: #1f5e45}
.center-wrap .dept-list ul li label.inputCustom.active p {color: #fff}
.center-wrap .select-list01 {}
.center-wrap .select-list01.adv > ul {padding: 0 40px; border-width: 1px 0; margin: -4px}
.center-wrap .select-list01.adv > ul > li {width: calc(50% - 8px) !important; box-sizing: border-box;  margin: 4px}
.center-wrap .select-list01.adv > ul > li label {border-width: 1px !important; line-height: 40px !important}
.center-wrap .select-list01.adv > ul > li label.active {background: #1f5e45; border-color: #1f5e45}
.center-wrap .select-list01.adv > ul > li label.active p { color :#fff}
.center-wrap .center {text-align: center;}
.center-wrap .center .inq-btn {
	background: #1f5e45;
    line-height: 40px;
    height: 50px;
    width: 100%;
    font-size: 20px;
    border-radius: 7px !important;
    margin-top: 20px;
    }
    
    .center-wrap .center .inq-btn-renewal {
	
	
	width: 100%;height: 1.5rem;
	background: #FBE84D;
	border-radius: 999px !important;
    }
.center-wrap.advice .select-list01 {margin-bottom: 0; margin-top: 5px}

/* 교육과정 선택 리뉴얼 작업 */
.course-button{margin:10px 0; padding:0 20px; width:100%; height:45px; display:block; border:none; font-size:14px; box-sizing:border-box; text-align:left; color:#000;background:#fff; transition:all .3s}
.course-button.active{position:relative}
.course-button.active,
.course-button:hover{background:#1f5e45; color:#fff}
.course-button.active:after{content:''; width:20px; height:20px; position:absolute; right:20px; top:50%; transform:translateY(-50%); display:inline-block; background:url(/img/arrow_next.png) no-repeat 0 center; background-size:20px}

.payment-wrap {padding: 30px 0;}
.payment-wrap .title {padding-bottom: 40px; text-align: center;}
.payment-wrap .title > * {text-align: center;}
.payment-wrap .title span {font-family: worksans; font-weight: 700; font-size: 15px; line-height: 15px; color: #1f5e45; letter-spacing: 10px; text-transform: uppercase;}
.payment-wrap .title h5 {font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; margin: 20px 0;}
.payment-wrap .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px;}

.payment-wrap .step-box {padding-bottom: 80px;}
.payment-wrap .step-box:after {content: ''; display: block; clear: both;}
.payment-wrap .step-box li:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.payment-wrap .step-box li {float: left; width: 33.33%; height: 130px; border: 1px solid #ddd; border-left: 0; box-sizing: border-box;}
.payment-wrap .step-box li.active {border-color: #1f5e45; border-left: 1px solid #1f5e45 !important;}
.payment-wrap .step-box li.step01 {background: url('../img/sub/pay_step_def_ico01.png') no-repeat 40px center;}
.payment-wrap .step-box li.step01.active {background: url('../img/sub/pay_step_act_ico01.png') no-repeat 40px center;}
.payment-wrap .step-box li.step02 {background: url('../img/sub/pay_step_def_ico02.png') no-repeat 40px center;}
.payment-wrap .step-box li.step02.active {background: url('../img/sub/pay_step_act_ico02.png') no-repeat 40px center;}
.payment-wrap .step-box li.step03 {background: url('../img/sub/pay_step_def_ico03.png') no-repeat 40px center;}
.payment-wrap .step-box li.step03.active {background: url('../img/sub/pay_step_act_ico03.png') no-repeat 40px center;}
.payment-wrap .step-box li:first-child {border-left: 1px solid #ddd;}
.payment-wrap .step-box li.active {}
.payment-wrap .step-box li .mid {display: inline-block; vertical-align: middle; padding-left: 150px;}
.payment-wrap .step-box li .mid h6 {font-weight: 300; font-size: 17px; line-height: 24px; color: #333; letter-spacing: -0.5px;}
.payment-wrap .step-box li .mid p {font-size: 13px; line-height: 18px; color: #777; letter-spacing: -0.5px; margin-top: 10px;}

.payment-wrap .class-box {}
.payment-wrap .class-box h4 {font-weight: 300; font-size: 21px; line-height: 25px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.payment-wrap .box {border: 1px solid #ddd; padding: 50px 40px;}
.payment-wrap .box .cam {}
.payment-wrap .box .cam h5 {font-weight: 300; font-size: 18px; line-height: 20px; color: #333; letter-spacing: -0.5px; margin-bottom: 15px;}
.payment-wrap .box .cam ul {}
.payment-wrap .box .cam ul li {display: inline-block; vertical-align: top; padding-right: 30px;}
.payment-wrap .box .cam ul li label {}
.payment-wrap .box .cam ul li label input {margin: 4px 3px;}
.payment-wrap .box .cam ul li label p {display: inline-block; padding-left: 5px; font-size: 15px; color: #666666;}
.payment-wrap .box .hrf {margin: 15px 0;}
.payment-wrap .box .hrf ul {}
.payment-wrap .box .hrf ul:after {content: ''; display: block; clear: both;}
.payment-wrap .box .hrf ul li {position: relative; float: left; width: 50%; margin: 20px 0;}
.payment-wrap .box .hrf ul li strong {position: absolute; top: 0; left: 0; font-weight: 300; font-size: 18px; line-height: 30px; color: #333; letter-spacing: -0.5px;}
.payment-wrap .box .hrf ul li .inp {height: 30px; line-height: 30px; border: none; border-bottom: 2px solid #ddd; margin-left: 100px;}
.payment-wrap .box .hrf ul li .inp.w100 {width: 330px;}
.payment-wrap .box .hrf ul li .inp.w50 {width: 150px;}
.payment-wrap .box .hrf ul li .inp.w30 {width: 100px; margin-right: 0; margin-left: 20px;}
.payment-wrap .box .hrf ul li span {font-size: 15px; line-height: 30px; color: #666;}
.payment-wrap .box .hrf ul li select {height: 30px; line-height: 30px; border: none; border-bottom: 2px solid #ddd;}
.payment-wrap .box .hrf ul li .mail {width: 150px;}
.payment-wrap .box .hrf ul li .numb {width: 100px; margin-left: 100px;}
.payment-wrap .box .pay {}
.payment-wrap .box .pay h5 {font-weight: 300; font-size: 18px; line-height: 20px; color: #333; letter-spacing: -0.5px; margin-bottom: 15px;}
.payment-wrap .box .pay ul {}
.payment-wrap .box .pay ul li {display: inline-block; vertical-align: top; padding-right: 30px;}
.payment-wrap .box .pay ul li label {}
.payment-wrap .box .pay ul li label input {margin: 4px 3px;}
.payment-wrap .box .pay ul li label p {display: inline-block; padding-left: 5px; font-size: 15px; color: #666666;}
.payment-wrap .box .rlt {position: relative; margin-top: 40px;}
.payment-wrap .box .rlt strong {position: absolute; top: 0; left: 0; font-weight: 300; font-size: 18px; line-height: 20px; color: #333; letter-spacing: -0.5px;}
.payment-wrap .box .rlt input {width: 330px; margin-left: 100px;height: 30px; line-height: 30px; border: none; border-bottom: 2px solid #ddd;}
.payment-wrap .box .rlt input::placeholder {text-align: right; font-size: 15px; color: #666;}

.payment-wrap .chk-box {margin: 50px 0;}
.payment-wrap .chk-box h5 {font-weight: 300; font-size: 21px; line-height: 25px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.payment-wrap .chk-box ul {border-top: 2px solid #1f5e45;}
.payment-wrap .chk-box ul li {position: relative; border-bottom: 1px solid #ddd; padding: 0 45px; line-height: 50px; font-size: 13px; color: #777; letter-spacing: -0.5px;}
.payment-wrap .chk-box ul li:before {content: ''; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); width: 4px; height: 4px; background: #888; border-radius: 50%;}


.payment-wrap .pol-box {}
.payment-wrap .pol-box fieldset{}
.payment-wrap .pol-box legend{margin-bottom: 15px;font-size: 18px;color: #000000;}
.payment-wrap .pol-box .privacy{height: 156px;overflow-y: scroll;background: #f7f7f7;border: 1px solid #eee;padding: 5px 15px 15px 15px;font-size: 13px;line-height: 18px;color: #666;margin-bottom: 10px;}
.payment-wrap .pol-box .agree{display: block;text-align: right;font-size: 14px;}

.payment-wrap .btn-wrap {margin-top: 50px; text-align: center;}
.payment-wrap .btn-wrap .btn {width: 170px; height: 40px; line-height: 35px; border: 2px solid #417963; box-sizing: border-box; background: #fff; border-radius: 25px; margin: 0 5px; font-weight: 300; font-size: 15px; color: #1f5e45; letter-spacing: -1px;}



.review-wrap {padding: 30px 0;}
.review-wrap .title {padding-bottom: 40px; text-align: center;}
.review-wrap .title > * {text-align: center;}
.review-wrap .title span {font-family: worksans; font-weight: 700; font-size: 15px; line-height: 15px; color: #1f5e45; letter-spacing: 10px; text-transform: uppercase;}
.review-wrap .title h5 {font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; margin: 20px 0;}
.review-wrap .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px;}
.review-wrap .review-write {background: #f7f7f7; border: 1px solid #ddd; box-sizing: border-box; padding: 50px 40px;}
.review-wrap .review-write ul {padding-bottom: 30px;}
.review-wrap .review-write ul:after {content: ''; display: block; clear: both;}
.review-wrap .review-write ul li {position: relative; float: left; width: 50%;}
.review-wrap .review-write ul li strong {position: absolute; top: 0; left: 0; font-weight: 300; font-size: 18px; line-height: 30px; color: #333; letter-spacing: -0.5px;}
.review-wrap .review-write ul li input {width: 330px; margin-left: 100px;height: 30px; line-height: 30px; border: none; border-bottom: 2px solid #ddd; background: #f7f7f7;}
.review-wrap .review-write .box {}
.review-wrap .review-write .box:after {content: ''; display: block; clear: both;}
.review-wrap .review-write .box > * {float: left;}
.review-wrap .review-write .box textarea {width: calc(100% - 160px); height: 130px; background: #fff; border: none; padding: 20px; box-sizing: border-box;}
.review-wrap .review-write .box input {width: 160px; background: #1f5e45; line-height: 130px; text-align: center; border: none; font-weight: 300; font-size: 16px; color: #fff; letter-spacing: -0.5px;}

.review-wrap .review-list {padding-top: 80px;}
.review-wrap .review-list h5 {font-family: worksans; font-size: 35px; line-height: 35px; color: #333; letter-spacing: -0.5px;}
.review-wrap .review-list h5 span {display: inline-block; vertical-align: top; padding-left: 5px; font-weight: 400; font-size: 15px; line-height: 35px; color: #666; letter-spacing: -0.5px;}
.review-wrap .review-list .box {margin-top: 20px;}
.review-wrap .review-list .box dl:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.review-wrap .review-list .box dl {position: relative; display: inline-block; vertical-align: middle; margin: 10px 0; width: 100%; height: 175px; border: 1px solid #ddd; box-sizing: border-box;}
.review-wrap .review-list .box dl > * {display: inline-block; vertical-align: middle;}
.review-wrap .review-list .box dl dt {position: absolute; top: 50%; left: 50px; transform: translateY(-50%); width: 85px; height: 85px;}
.review-wrap .review-list .box dl dt .thumb {padding-bottom: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.review-wrap .review-list .box dl dd {position: relative; width: calc(100% - 4px); padding-left: 180px; box-sizing: border-box;}
.review-wrap .review-list .box dl dd h6 {width: 800px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 300; font-size: 19px; line-height: 20px; color: #444; letter-spacing: -1px; margin-bottom: 15px;}
.review-wrap .review-list .box dl dd p {width: 800px;height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 14px; line-height: 24px; color: #888888; letter-spacing: -1px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
.review-wrap .review-list .box dl dd span {position: absolute; top: 0; right: 40px; font-family: worksans; font-weight: 400; font-size: 13px; line-height: 20px; color: #888;}
.review-wrap input.more-btn {position: relative; width: 100%; line-height: 60px; background: url('../img/sub/review_more_ico.png') no-repeat 53.5% 54%; background-color: #1f5e45; border: none; margin-top: 10px; font-weight: 300; font-size: 17px; color: #fff; letter-spacing: -1px; text-indent: -30px;}

.review-wrap #sb-search{position: relative;margin-bottom: 20px;height: 60px; padding: 10px 30px; box-sizing: border-box; border: 1px solid #ddd;}
.review-wrap #sb-search .total{font-size: 14px;color: #333333;line-height: 40px;}
.review-wrap #sb-search .total strong{color: #f43e26;}
.review-wrap #sb-search .tit{font-size: 16px;letter-spacing: -1px;color: #333;font-weight: bold;line-height: 40px;}
.review-wrap #sb-search .tit i{margin-right: 5px;}
.review-wrap #sb-search fieldset{position: absolute;top: 10px; right: 30px;font-family: empty;font-size: 0;}
.review-wrap #sb-search fieldset.no-abs{position: static;text-align: center;padding: 10px 0;}
.review-wrap #sb-search fieldset > *{display: inline-block;*display: inline;vertical-align: middle;height: 40px;box-sizing: border-box;}
.review-wrap #sb-search legend{display: none;}
.review-wrap #sb-search .where{border: 1px solid #dddddd;border-top-color: #bababa;border-left-color: #bababa;width: 130px;overflow: hidden;background: url(/superboard/img/sb_slt_spr.jpg) no-repeat 92% center;margin-left: 5px;}
.review-wrap #sb-search .where select{width: 130%;height: 40px;border: none;background: none;padding-left: 10px;font-size: 14px;color: #333333;}
.review-wrap #sb-search .inp{position: relative;border: 1px solid #dddddd;border-top-color: #bababa;border-left-color: #bababa;padding-right: 40px;margin-left: 5px;}
.review-wrap #sb-search .inp .keyword{width: 100%;border: none;background: none;height: 40px;font-size: 14px;padding-left: 15px;}
.review-wrap #sb-search .inp .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(/superboard/img/sb_search_sbm.jpg) no-repeat center center;border: none;text-indent: -999em;}


.interview-wrap {padding: 30px 0;}
.interview-wrap .title {padding-bottom: 40px; text-align: center;}
.interview-wrap .title > * {text-align: center;}
.interview-wrap .title span {font-family: worksans; font-weight: 700; font-size: 15px; line-height: 15px; color: #1f5e45;  text-transform: uppercase;}
.interview-wrap .title h5 {font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; margin: 20px 0;}
.interview-wrap .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px;}

.history-wrap {padding: 30px 0;}
.history-wrap .title {padding-bottom: 40px; text-align: center;}
.history-wrap .title > * {text-align: center;}
.history-wrap .title span {font-family: worksans; font-weight: 700; font-size: 15px; line-height: 15px; color: #1f5e45;  text-transform: uppercase;}
.history-wrap .title h5 {font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; margin: 20px 0;}
.history-wrap .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px;}

.notice-wrap {padding: 30px 0;}
.notice-wrap .title {padding-bottom: 40px; text-align: center;}
.notice-wrap .title > * {text-align: center;}
.notice-wrap .title span {font-family: worksans; font-weight: 700; font-size: 15px; line-height: 15px; color: #1f5e45;  text-transform: uppercase;}
.notice-wrap .title h5 {font-size: 30px; line-height: 30px; color: #333; letter-spacing: -1px; margin: 20px 0;}
.notice-wrap .title p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px;}


/* 로딩창 */
#loading { 
		width: 100%; 
		height: 100%; 
		top: 0px; 
		left: 0px; 
		position: fixed; 
		display: block; 
		opacity: 0.9; 
		background-color: #fff; 
		z-index: 99; 
		text-align: center; 
} 
#loading-image { 
		position: absolute; 
		top: 50%; 
		left: 50%; 
		z-index: 100; 
} 
#tuition{width: 1400px;margin: 0 auto; }
#sub2{    background: #fcfcfc;}

.btngreen {
    border: none;
    margin: 3% 4.9% 0 4.9%;
    color: #666;
    width: 40%;
    box-shadow: 5px 5px 11px 0px #ccc;
    height: 55px;
    border-radius: 15px;
    background: #fff;
    font-size: 25px;
}
.bg-on-green {
    box-shadow: none;
    background: #1f5e45;
    color: #fff;
}

.curri-box2 {padding: 90px 0 0 0;text-align: center; position:relative;}
.curri-box2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2000px;
    height: 100%;
    margin-left: -1000px;
    background: url(../img/sub/bari_menu_bg.jpg) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.curri-box2 .title {padding-bottom: 55px}
.curri-box2 .title > * {text-align: center}
.curri-box2 .title h5 {font-family: worksans; font-weight: 700; font-size: 50px; line-height: 50px; color: #333; letter-spacing: -0.5px}
.curri-box2 .title p {font-size: 24px; line-height: 26px; color: #666; letter-spacing: -0.5px; margin-top: 25px}

.curri-box2 > div:nth-child(2) > div > div{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-items: center; padding: 5% 5% 0 5%;}
.curri-box2 > div:nth-child(2) > div > div > div > div{width:150px;height:150px;background-size: cover;border-radius: 70%;    margin: auto;}
.curri-box2 > div:nth-child(2) > div > div > div > h1{text-align: center;    font-size: 20px;padding: 20px 0px; line-height: 20px;}
.curri-box2 > div:nth-child(2) > div > div > div {height:250px}


.curri-box-cakedesign {padding: 90px 0 0 0;text-align: center;position:relative; }
.curri-box-cakedesign:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2000px;
    height: 100%;
    margin-left: -1000px;
    background: url(../img/sub/bari_menu_bg.jpg) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.curri-box-cakedesign .title {padding-bottom: 55px}
.curri-box-cakedesign .title > * {text-align: center}
.curri-box-cakedesign .title h5 {font-family: worksans; font-weight: 700; font-size: 50px; line-height: 50px; color: #333; letter-spacing: -0.5px}
.curri-box-cakedesign .title p {font-size: 24px; line-height: 26px; color: #666; letter-spacing: -0.5px; margin-top: 25px}

.curri-box-cakedesign > div:nth-child(2) > div > div{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr  ;justify-items: center; padding: 5%;}
.curri-box-cakedesign > div:nth-child(2) > div > div > div > div:nth-child(1){    width: 220px; height: 50%;background-size: cover;    margin: auto;}

.curri-box-cakedesign > div:nth-child(2) > div > div > div > div:nth-child(2){width: 220px;  text-align: left;}
.curri-box-cakedesign > div:nth-child(2) > div > div > div > div:nth-child(2) > h2{display: inline-block;    background: #1f5e45;color: #fff;padding: 3px 5px;font-size: 13px;}
.curri-box-cakedesign > div:nth-child(2) > div > div > div > h1{    margin: 0;text-align: left;    font-size: 18px; line-height: 24px;font-weight: 300;letter-spacing: -0.05em;}
.curri-box-cakedesign > div:nth-child(2) > div > div > div {height:250px;width:220px}
.curri-title {display:block; margin-bottom:5px; font-size:15px; color:#5d5d5d !important}
.curri-sub-text{color:#999; font-size:15px; color:#666}

.curri-box-oneday {padding: 90px 0 90px 0;text-align: center;  position:relative;  }
.curri-box-oneday:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2000px;
    height: 100%;
    margin-left: -1000px;
    background: url(../img/sub/bari_menu_bg.jpg) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.curri-box-oneday .title {padding-bottom: 55px}
.curri-box-oneday .title > * {text-align: center}
.curri-box-oneday .title h5 {font-family: worksans; font-weight: 700; font-size: 50px; line-height: 50px; color: #333; letter-spacing: -0.5px}
.curri-box-oneday .title p {font-size: 24px; line-height: 26px; color: #666; letter-spacing: -0.5px; margin-top: 25px}
.curri-box-oneday .curri-content{background: #fff;padding: 20px 20px 0 20px;position:relative;height:530px}

.curri-box-oneday .curri-content > p{    font-size: 25px;color: #000;font-family: 'noto';position: absolute;bottom: 60px;left: 60px;}
.curri-box-oneday .curri-content > h5{    font-size: 30px;color: #000;font-family: 'noto';position: absolute;bottom: 60px;right: 60px;}


.sp-pop2 {
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    border-radius: 3px;
    overflow: hidden;
    padding: 50px;
    position: fixed;
    display: none;
    z-index: 9999;
}
.sp-pop2 .pop-header {
	position:relative;
}
.sp-pop2 .pop-header .layerpop_close {
	position: absolute; 
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.sp-pop2 .pop-header .layerpop_close i {
	font-size: 20px
}

/* 240924 조리학과 커리큘럼 */
.curriculumWrap{
	padding: 90px 0 0 0;
	position:relative;
	background: url(../img/sub/bari_menu_bg.jpg) no-repeat center;	
}
.curriculumWrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2000px;
    height: 100%;
    margin-left: -1000px;
    background: url(../img/sub/bari_menu_bg.jpg) no-repeat center;
    background-size: cover;
    z-index: -1;
}
.curriculumWrap .title {padding-bottom: 55px}
.curriculumWrap .title > * {text-align: center}
.curriculumWrap .title h5 {font-family: worksans; font-weight: 700; font-size: 50px; line-height: 50px; color: #333; letter-spacing: -0.5px}
.curriculumWrap .title p {font-size: 24px; line-height: 26px; color: #666; letter-spacing: -0.5px; margin-top: 25px}
.curriculumRe{
	padding-bottom:90px;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.curriculumRe.col5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.curriculumRe .boxInner{
	padding:10px;
}
.curriculumRe .curriName{
	margin-top:10px;
	font-size:14px;
	text-align: center; 
}
.curriculumRe .countBox {
	margin: 4px auto;
	display: block;
	padding: 1px 5px;
	width: 40px;
	text-align: center;
	background: #1f5e45;
	color: #fff;
	border-radius: 5px;
	font-size: 13px;
}
.curriThumbBox{
	display:grid;
	overflow: hidden;
	border-radius: 10px;
}
.curriThumbBox .imgBox{
	display: flex;
	align-items: center;
	justify-content: center;
	/* height: 150px; */
	overflow: hidden
}
.curriThumbBox .imgBox img{
	/* height:200px */
	border-radius: 12px;
}
.curriThumbBox.align1{
	grid-template-columns: 1fr;
}
.curriThumbBox.align2{
	grid-template-columns: 1fr 1fr;
}
.curriThumbBox.align3{
	grid-template-columns: 1fr 1fr 1fr;
}	
.descText{
	text-align: right;
}	

.pb40{
	padding-bttom:40px
}	

/* 커리큘럼 탭 버튼 */
.buttonWrap {
	margin:40px auto 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.curriBtn {
	min-width:200px;
	padding: 0 20px;
	border: none;
    color: #666;
    box-shadow: 5px 5px 11px 0px #ccc;
    height: 55px;
    border-radius: 15px;
    background: #fff;
    font-size: 25px;
}
.curriBtn.on {
    box-shadow: none;
    background: #1f5e45;
    color: #fff;
}