@charset "utf-8";



/* 메인 */
.main-wrap {display: flex;}

.main-banner {position: relative; width: 58%; flex-grow: 0; flex-shrink: 0;}
.main-banner__slider,
.main-banner__slider .slick-list,
.main-banner__slider .slick-track {height: 100%;}
.main-banner__cont {height: 100%; color: #fff; text-align: center; display: flex !important; align-items: center; justify-content: center;}
.main-banner__cont p {font-size: 32px;}
.main-banner__cont h4 {font-size: 60px; font-family: 'YonseiBold', sans-serif;}
.main-banner__control {display: flex; align-items: center; position: absolute; bottom: 40px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.main-banner__dots {margin-right: 15px;}
.main-banner__dots .slick-dots {display: flex !important;}
.main-banner__dots .slick-dots li {margin-right: 10px;}
.main-banner__dots .slick-dots li:last-child {margin-right: 0;}
.main-banner__dots .slick-dots li button {display: block; width: 13px; height: 13px; background: #fff; text-indent: -9999px; border-radius: 10px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.main-banner__dots .slick-dots li.slick-active button {width: 40px; background: #0467b3;}
.main-banner__num {font-size: 16px; color: #fff; margin-right: 30px;}
.main-banner__nav {display: flex; align-items: center;}
.main-banner__nav .slick-arrow {display: block; width: 8px; height: 13px; text-indent: -9999px; background: url('../img/main/main_slider_arrow.png')no-repeat;}
.main-banner__nav .slick-prev {background-position: left center;}
.main-banner__nav .slick-next {background-position: right center;}
.main-banner__play {display: block; width: 8px; height: 8px; margin: 0 8px; text-indent: -9999px; background: url('../img/main/main_slider_pause.png')no-repeat center center;}
.main-banner__play.pause {background: url('../img/main/main_slider_play.png')no-repeat center center;}

.main-right {display: flex; flex-grow: 1; flex-direction: column;}
.main-menu {display: flex; flex-grow: 0; flex-shrink: 0; flex-wrap: wrap;}
.main-menu li {width: 25%;}
.main-menu li a {display: flex; height: 260px; justify-content: space-between; align-items: center; flex-direction: column; padding: 40px 0;}
.main-menu li:nth-child(1) a {background: #4053a7;}
.main-menu li:nth-child(2) a {background: #374a99;}
.main-menu li:nth-child(3) a {background: #2a397b;}
.main-menu li:nth-child(4) a {background: #23316c;}
.main-menu li a:before {content: ''; display: block; width: 84px; height: 80px;}
.main-menu li:nth-child(1) a:before {background: url('../img/main/main_menu_1.png')no-repeat center center / cover;}
.main-menu li:nth-child(2) a:before {background: url('../img/main/main_menu_2.png')no-repeat center center / cover;}
.main-menu li:nth-child(3) a:before {background: url('../img/main/main_menu_3.png')no-repeat center center / cover;}
.main-menu li:nth-child(4) a:before {background: url('../img/main/main_menu_4.png')no-repeat center center / cover;}
.main-menu li a span {color: #fff; font-size: 20px; font-weight: 500; text-align: center; line-height: 1.4; height: 2.8rem; display: flex; align-items: center;}
.main-notice {flex-grow: 1; padding: 40px 50px 30px;}
.main-notice__top {display: flex; justify-content: space-between;}
.main-notice__top h4 {font-size: 18px; color: #000; font-weight: 700;}
.main-notice__top a {display: block; width: 30px; height: 30px; border: 1px solid rgba(65,82,93,0.4); border-radius: 50%; text-indent: -9999px; background: url('../img/main/main_notice_more.png')no-repeat center center;}
.main-notice__list {margin-top: 40px;}
.main-notice__list li {border-top: 1px solid #e5e5e5; padding: 20px 0;}
.main-notice__list li a {font-size: 16px; color: #828282; display: flex; justify-content: space-between;}
.main-notice__list li a p {display: flex; flex-wrap: wrap; flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; height: 1.4em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main-notice__list li a span {flex-grow: 0; flex-shrink: 0; margin-left: 30px;}
.main-quick {background: #2b3e4b; flex-grow: 0; flex-shrink: 0; display: flex; flex-grow: 0; flex-shrink: 0; flex-wrap: wrap; justify-content: center;}
.main-quick li {width: 20%;}
.main-quick li a {display: flex; height: 200px; justify-content: space-between; align-items: center; flex-direction: column; padding: 50px 0 40px;}
.main-quick li a:before {content: ''; display: block; width: 44px; height: 40px;}
.main-quick li:nth-child(1) a:before {background: url('../img/main/main_quick_1.png')no-repeat center center / cover;}
.main-quick li:nth-child(2) a:before {background: url('../img/main/main_quick_2.png')no-repeat center center / cover;}
.main-quick li:nth-child(3) a:before {background: url('../img/main/main_quick_3.png')no-repeat center center / cover;}
.main-quick li:nth-child(4) a:before {background: url('../img/main/main_quick_4.png')no-repeat center center / cover;}
.main-quick li:nth-child(5) a:before {background: url('../img/main/main_quick_5.png')no-repeat center center / cover;}
.main-quick li a span {color: #fff; font-size: 18px; text-align: center; line-height: 1.4; height: 2.8rem; display: flex; align-items: center;}


@media (max-width:1600px) {
	.main-banner__cont p {font-size: 24px;}
	.main-banner__cont h4 {font-size: 50px;}
}

@media (max-width:1400px) {
	.main-banner__cont p {font-size: 20px;}
	.main-banner__cont h4 {font-size: 40px;}
	.main-menu li a {height: 180px; padding: 30px 0;}
	.main-menu li a:before {width: 63px; height: 60px;}
	.main-menu li a span {font-size: 16px;}
	.main-notice {padding: 30px;}
	.main-notice__list {margin-top: 20px;}
	.main-notice__list li {padding: 15px 0;}
	.main-notice__list li a {font-size: 14px;}
	.main-quick li a {height: 150px; padding: 30px 0;}
	.main-quick li a:before {width: 33px; height: 30px;}
	.main-quick li a span {font-size: 14px;}
}

@media (max-width:1280px) {
	.main-banner__cont p {font-size: 16px;}
	.main-banner__cont h4 {font-size: 30px;}
	.main-menu li a span {font-size: 14px;}
}

@media (max-width:992px) {
	.main-wrap {display: block;}
	.main-banner {width: 100%;}
	.main-banner__cont {height: 50vh;}
	.main-banner__control {bottom: 10px;}
	.main-banner__dots {margin-right: 10px;}
	.main-banner__dots .slick-dots li {margin-right: 5px;}
	.main-banner__dots .slick-dots li button {width: 10px; height: 10px;}
	.main-banner__dots .slick-dots li.slick-active button {width: 20px;}
	.main-banner__num {font-size: 13px; margin-right: 10px;}
}

@media (max-width:768px) {
	.main-banner__cont p {font-size: 14px;}
	.main-banner__cont h4 {font-size: 20px;}
}

@media (max-width:480px) {
	.main-menu li {width: 50%;}
	.main-quick {padding: 20px 0;}
	.main-quick li {width: 33.33%;}
	.main-quick li a {height: 100px; padding: 10px 0;}
	.main-quick li a:before {width: 33px; height: 30px;}
	.main-quick li a span {font-size: 14px;}
}





/* 서브공통 */
#sub-title {display: flex; height: 200px; justify-content: center; align-items: center; flex-direction: column;}
#sub-title.sub-title__bg1 {background: url('../img/sub/subtitle_bg1.png')no-repeat center center / cover;}
#sub-title.sub-title__bg2 {background: url('../img/sub/subtitle_bg2.png')no-repeat center center / cover;}
#sub-title.sub-title__bg3 {background: url('../img/sub/subtitle_bg3.png')no-repeat center center / cover;}
#sub-title.sub-title__bg4 {background: url('../img/sub/subtitle_bg4.png')no-repeat center center / cover;}
#sub-title.sub-title__bg5 {background: url('../img/sub/subtitle_bg5.png')no-repeat center center / cover;}
#sub-title.sub-title__bg6 {background: url('../img/sub/subtitle_bg6.png')no-repeat center center / cover;}
#sub-title.sub-title__bg7 {background: url('../img/sub/subtitle_bg7.png')no-repeat center center / cover;}
#sub-title h2 {font-size: 30px; color: #fff;}
#sub-title dl {display: flex; justify-content: center; align-items: center; margin-top: 30px;}
#sub-title dl dt {width: 30px; height: 30px; text-indent: -9999px; -webkit-border-radius: 10px; border-radius: 10px; background: #fff url('../img/sub/subtitle_home.png')no-repeat center 7px / 14px auto;}
#sub-title dl dd {color: rgba(255,255,255,0.6); display: flex; align-items: center;}
#sub-title dl dd:before {content: ''; display: block; width: 7px; height: 10px; margin: 0 8px; background: url('../img/sub/subtitle_arrow.png')no-repeat center center / cover;}
#sub-title dl dd:last-child {color: #fff;}


#sub-page {padding-bottom: 120px;}
#sub-page:after {content: ''; display: table; clear: both;}
#aside-menu {width: 220px; margin-right: 50px; margin-top: -150px; float: left;}
.aside-title {display: flex; height: 150px; justify-content: center; align-items: center; background: #23316c; color: #fff; font-family: 'YonseiBold', sans-serif; font-size: 24px; -webkit-border-radius: 15px 15px 0 0; border-radius: 15px 15px 0 0;}
.aside-menu > li {margin-top: 10px;}
.aside-menu > li > a {display: flex; align-items: center; height: 50px; border: solid 1px #bfbfbf; color: #a1a1a1; padding: 0 40px 0 20px; font-size: 16px; width: 100%; background: #fff; position: relative;}
.aside-menu > li > a.active {border-color: #4053a7; background: #4053a7; color: #fff; font-weight: 500;}
.aside-menu > li > a:after {content: ''; display: block; width: 7px; height: 7px; border-right: solid 1px #bfbfbf; border-bottom: solid 1px #bfbfbf; position: absolute; right: 15px; top: 50%; margin-top: -4px;}
.aside-menu > li > a.depth1:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.aside-menu > li > a.depth2:after {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.aside-menu > li > a.depth2.active:after {transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.aside-menu > li > ul {background: #edf7ff; padding: 20px; display: none;}
.aside-menu > li > ul > li {margin-bottom: 5px;}
.aside-menu > li > ul > li:last-child {margin-bottom: 0;}
.aside-menu > li > ul > li > a {display: block; color: #527afe; position: relative; padding-left: 8px;}
.aside-menu > li > ul > li > a:before {content: ''; display: block; width: 3px; height: 3px; background: #527afe; position: absolute; left: 0; top: 11px; -webkit-border-radius: 50%; border-radius: 50%;}
.aside-menu > li > ul > li > a.active {color: #4053a7; font-weight: 500;}
.aside-menu > li > ul > li > a.active:before {background: #4053a7;}
#sub-content {float: left; width: calc(100% - 270px); padding-top: 60px;}
.section-title {display: flex; font-size: 30px; margin-top: 60px; margin-bottom: 30px;}
.section-title:before {content: ''; display: block; width: 20px; height: 20px; border: solid 6px #374a99; margin-right: 10px; flex-shrink: 0; margin-top: 15px;}
.section-title span {font-size: 16px; font-weight: 400; align-self: flex-end; margin-left: 10px; margin-bottom: 5px;}
.section-name {font-size: 20px; color: #5c7aff; margin-top: 40px; margin-bottom: 10px;}


@media (max-width:992px) {
	#sub-title {height: 140px;}
	#sub-title h2 {font-size: 24px;}
	#sub-title dl {margin-top: 10px; font-size: 12px;}
	#sub-title dl dt {width: 20px; height: 20px; -webkit-border-radius: 5px; background-size: 10px auto; background-position: center 4px;}
	#sub-title dl dd:before {width: 5px; height: 8px; margin: 0 7px;}
	#sub-page {padding-bottom: 60px; display: block;}
	#aside-menu {display: none;}
	#sub-content {padding-top: 30px; width: 100%;}
	.section-title {font-size: 22px; margin-top: 40px; margin-bottom: 20px;}
	.section-title:before {width: 14px; height: 14px; border-width: 4px; margin-top: 12px;}
	.section-title span {width: 100%; margin-left: 0; font-size: 13px;}
	.section-name {font-size: 18px; margin-top: 20px;}


}






/* 인사말 */
.greeting img {display: block; width: 100%;}
.greeting h5 {font-size: 30px; color: #2a397b; margin-top: 45px;}
.greeting h6 {font-size: 18px; color: #000; font-weight: 500; margin-top: 35px;}
.greeting p {margin-top: 20px; font-size: 18px; font-weight: 300;}
.greeting ul {}
.greeting ul li {font-size: 18px; font-weight: 300; display: flex; margin-bottom: 5px;}
.greeting ul li:last-child {margin-bottom: 0;}
.greeting ul li:before {content: '▶'; flex-shrink: 0; margin-right: 5px;}

@media (max-width:992px) {
	.greeting h5 {font-size: 20px; margin-top: 25px;}
	.greeting h6 {font-size: 16px; margin-top: 25px;}
	.greeting p {margin-top: 15px; font-size: 16px;}
	.greeting ul li {font-size: 16px;}
}





/* 비전&연혁 */
.ideology {display: flex; align-items: center; padding: 0 2.3%;}
.ideology li {display: flex; flex-direction: column; justify-content: space-between; margin: 0 -2.3%;}
.ideology li span {display: block; position: relative;}
.ideology li:nth-child(odd) span {order: 2; margin-top: 40px;}
.ideology li:nth-child(even) span {margin-bottom: 40px;}
.ideology li span:before {content: ''; display: block; width: 2px; height: 10px; position: absolute; left: 50%; margin-left: -1px;}
.ideology li span:after {content: ''; display: block; width: 10px; height: 10px; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; margin-left: -5px;}
.ideology li:nth-child(odd) span:before {bottom: 100%;}
.ideology li:nth-child(odd) span:after {bottom: 100%; margin-bottom: 10px;}
.ideology li:nth-child(even) span:before {top: 100%;}
.ideology li:nth-child(even) span:after {top: 100%; margin-top: 10px;}
.ideology li:nth-child(1) span:before,
.ideology li:nth-child(1) span:after {background: #73cea4;}
.ideology li:nth-child(2) span:before,
.ideology li:nth-child(2) span:after {background: #73d1df;}
.ideology li:nth-child(3) span:before,
.ideology li:nth-child(3) span:after {background: #61a5dc;}
.ideology li:nth-child(4) span:before,
.ideology li:nth-child(4) span:after {background: #5582d6;}
.ideology li:nth-child(5) span:before,
.ideology li:nth-child(5) span:after {background: #2a397b;}
.ideology li img {display: block; width: 100%;}
.ideology li p {text-align: center; font-size: 18px; line-height: 1.2;  height: 3.6rem;}
.ideology li:nth-child(1) p {color: #73cea4;}
.ideology li:nth-child(2) p {color: #73d1df;}
.ideology li:nth-child(3) p {color: #61a5dc;}
.ideology li:nth-child(4) p {color: #5582d6;}
.ideology li:nth-child(5) p {color: #2a397b;}

.vision {display: flex; justify-content: space-between; padding-top: 50px;}
.vision li {width: 25%; margin-right: 20px; border: solid 3px #ddd; text-align: center; padding: 0 20px 30px; -webkit-border-radius: 20px; border-radius: 20px;}
.vision li:last-child {margin-right: 0;}
.vision li:nth-child(1) {border-color: #84ce73;}
.vision li:nth-child(2) {border-color: #73c2df;}
.vision li:nth-child(3) {border-color: #6164dc;}
.vision li:nth-child(4) {border-color: #2b3e4b;}
.vision li:before {content: ''; display: block; width: 100px; height: 100px; margin: -50px auto 0; -webkit-border-radius: 50%; border-radius: 50%;}
.vision li:nth-child(1):before {background: #84ce73 url('../img/sub/vision_1.png')no-repeat center center / 40px auto;}
.vision li:nth-child(2):before {background: #73c2df url('../img/sub/vision_2.png')no-repeat center center / 40px auto;}
.vision li:nth-child(3):before {background: #6164dc url('../img/sub/vision_3.png')no-repeat center center / 40px auto;}
.vision li:nth-child(4):before {background: #2b3e4b url('../img/sub/vision_4.png')no-repeat center center / 40px auto;}
.vision li h5 {margin-top: 30px; font-size: 20px; line-height: 1.4; height: 2.8rem; display: flex; justify-content: center; align-items: center;}
.vision li p {margin-top: 20px;}

.history {}
.history > li {}
.history > li:last-child {}
.history > li dl {display: flex;}
.history > li dl dt {font-size: 40px; font-weight: 900; width: 30%; flex-shrink: 0; flex-grow: 0; line-height: 1.0;}
.history > li dl dt span {color: #5582d6;}
.history > li dl dd {position: relative; padding-bottom: 100px; flex-grow: 1; padding-top: 5px; padding-left: 80px;}
.history > li dl dd:before {content: ''; display: block; width: 1px; background: #ccc; position: absolute; left: 5px; top: 0; bottom: 0;}
.history > li:first-child dl dd:before {top: 15px;}
.history > li:last-child dl dd:before {bottom: auto; height: 15px;}
.history > li dl dd:after {content: ''; display: block; width: 11px; height: 11px; border: solid 2px #000; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 15px; background: #fff;}
.history > li dl dd ul {}
.history > li dl dd ul li {display: flex; margin-bottom: 20px;}
.history > li dl dd ul li:last-child {margin-bottom: 0;}
.history > li dl dd ul li h5 {width: 60px; font-size: 16px; flex-shrink: 0; flex-grow: 0;}
.history > li dl dd ul li p {flex-grow: 1;}

@media (max-width:992px) {

}

@media (max-width:768px) {
	.ideology {flex-direction: column; padding: 0;}
	.ideology li {flex-direction: row; justify-content: space-between; align-items: center; margin: 0; margin-bottom: -30px; width: 100%;}
	.ideology li:last-child {margin-bottom: 0;}
	.ideology li span {flex-shrink: 0; flex-grow: 0; width: 50%;}
	.ideology li:nth-child(odd) span {margin-top: 0;}
	.ideology li:nth-child(even) span {margin-bottom: 0;}
	.ideology li span:before {width: 10px; height: 2px; margin-left: 0; margin-top: -1px;}
	.ideology li span:after {margin-left: 0; margin-top: -5px;}
	.ideology li:nth-child(odd) span:before {bottom: auto; right: 100%; left: auto; top: 50%;}
	.ideology li:nth-child(odd) span:after {bottom: auto; margin-bottom: 0; right: 100%; top: 50%; left: auto; margin-right: 10px;}
	.ideology li:nth-child(even) span:before {top: 50%; left: 100%;}
	.ideology li:nth-child(even) span:after {top: 50%; margin-top: -5px; left: 100%; margin-left: 10px;}
	.ideology li p {flex-grow: 1; font-size: 16px;}

	.vision {display: block; padding-top: 0;}
	.vision li {width: 100%; margin-right: 0; margin-top: 70px;}
	.vision li h5 {margin-top: 20px; font-size: 20px; height: auto;}
	.vision li h5 br {display: none;}
	.vision li p {margin-top: 10px;}

	.history > li {margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #e5e5e5;}
	.history > li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
	.history > li dl {display: block;}
	.history > li dl dt {font-size: 26px; width: 100%;}
	.history > li dl dd {padding-bottom: 0; padding-top: 0; padding-left: 0; margin-top: 15px;}
	.history > li dl dd:before {display: none;}
	.history > li dl dd:after {display: none;}
	.history > li dl dd ul li {margin-bottom: 10px;}

}





/* 규정 */
.regulation {margin-top: 40px;}
.regulation h4:first-child,
.regulation h5:first-child {margin-top: 0;}
.regulation h4 {font-size: 20px; margin-top: 40px;}
.regulation h5 {font-size: 16px; margin-top: 30px;}
.regulation p {margin-top: 5px;}
.regulation ul {margin-top: 5px;}
.regulation > ul ul {padding-left: 20px;}
.regulation table {margin-top: 10px;}

.list-num {width: 100%;}
.list-num > li {margin-bottom: 5px; position: relative; padding-left: 20px;}
.list-num > li:before {width: 20px; position: absolute; left: 0; top: 0;}
.list-num > li[num='1']:before {content: '①';}
.list-num > li[num='2']:before {content: '②';}
.list-num > li[num='3']:before {content: '③';}
.list-num > li[num='4']:before {content: '④';}
.list-num > li[num='5']:before {content: '⑤';}
.list-num > li[num='6']:before {content: '⑥';}
.list-num > li[num='7']:before {content: '⑦';}
.list-num > li[num='8']:before {content: '⑧';}
.list-num > li[num='9']:before {content: '⑨';}
.list-num > li[num='10']:before {content: '⑩';}
.list-num > li[num='11']:before {content: '⑪';}
.list-num > li[num='12']:before {content: '⑫';}
.list-num > li[num='13']:before {content: '⑬';}
.list-num > li[num='14']:before {content: '⑭';}
.list-num > li[num='15']:before {content: '⑮';}
.list-num > li:last-child {margin-bottom: 0;}

.list-snum {width: 100%;}
.list-snum > li {margin-bottom: 5px; position: relative; padding-left: 20px;}
.list-snum > li:before {width: 20px; position: absolute; left: 0; top: 0;}
.list-snum > li[num='1']:before {content: '⑴';}
.list-snum > li[num='2']:before {content: '⑵';}
.list-snum > li[num='3']:before {content: '⑶';}
.list-snum > li[num='4']:before {content: '⑷';}
.list-snum > li[num='5']:before {content: '⑸';}
.list-snum > li[num='6']:before {content: '⑹';}
.list-snum > li[num='7']:before {content: '⑺';}
.list-snum > li[num='8']:before {content: '⑻';}
.list-snum > li[num='9']:before {content: '⑼';}
.list-snum > li[num='10']:before {content: '⑽';}
.list-snum > li[num='11']:before {content: '⑾';}
.list-snum > li[num='12']:before {content: '⑿';}
.list-snum > li[num='13']:before {content: '⒀';}
.list-snum > li[num='14']:before {content: '⒁';}
.list-snum > li[num='15']:before {content: '⒂';}
.list-snum > li:last-child {margin-bottom: 0;}

.list-decimal {padding-left: 20px; width: 100%;}
.list-decimal > li {list-style: decimal; margin-bottom: 5px;}
.list-decimal > li:last-child {margin-bottom: 0;}

.list-dots {}
.list-dots > li {margin-bottom: 5px; position: relative; padding-left: 10px;}
.list-dots > li:last-child {margin-bottom: 0;}
.list-dots > li:before {content: ''; display: block; width: 4px; height: 4px; background: #333; position: absolute; left: 0; top: 11px; -webkit-border-radius: 50%; border-radius: 50%;}

.list-line {}
.list-line > li {margin-bottom: 5px; position: relative; padding-left: 10px;}
.list-line > li:last-child {margin-bottom: 0;}
.list-line > li:before {content: ''; display: block; width: 4px; height: 1px; background: #333; position: absolute; left: 0; top: 12px; -webkit-border-radius: 50%; border-radius: 50%;}

.list-cha {width: 100%;}
.list-cha > li {margin-bottom: 5px; position: relative; padding-left: 25px;}
.list-cha > li:before {content: attr(cha); position: absolute; left: 0; top: 0;}
.list-cha > li:last-child {margin-bottom: 0;}

@media (max-width:768px) {
	.sub-table .list-dots > li {padding-left: 8px;}
	.sub-table .list-dots > li:before {top: 8px; width: 3px; height: 3px;}
}



/* 학점은행 */
.bank-img {margin-top: 40px; margin-bottom: 100px;}
.bank-img img {display: block; width: 100%;}
.major-title {font-size: 30px; font-weight: 300; margin-top: 50px; margin-bottom: 50px;}
.major-title span {color: #374a99; font-weight: 700;}

.prof-list {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -15px;}
.prof-list > li {padding: 15px; width: 33.33%;}
.prof-box {border: solid 1px #dbdbdb; padding: 20px; display: flex; align-items: center; flex-direction: column; height: 100%;}
.prof-img {display: flex; flex-shrink: 0; flex-grow: 0; width: 100%; max-width: 190px;}
.prof-img img {display: block; width: 100%;}
.prof-text {flex-grow: 1; width: 100%;}
.prof-text dt {font-size: 20px; text-align: center; font-weight: 700; margin-top: 10px; margin-bottom: 20px;}
.prof-text dd {display: flex; margin-bottom: 10px;}
.prof-text dd:last-child {margin-bottom: 0;}
.prof-text dd em {display: flex; shrink: 0; flex-grow: 0; min-width: 70px; height: 30px; margin-right: 10px; justify-content: center; align-items: center;  border: solid 2px #23316c; -webkit-border-radius: 30px; border-radius: 30px; color: #23316c; font-size: 14px;}
.prof-text dd span {flex-grow: 1;}

.prof-list.lg > li {width: 100%;}
.prof-list.lg .prof-box {flex-direction: row; padding: 30px;}
.prof-list.lg .prof-img {margin-right: 30px;}
.prof-list.lg .prof-text dd em {min-width: 90px;}
.prof-list.lg .prof-text dt {text-align: left;}

@media (max-width:1200px) {
	.major-title {font-size: 24px;}
}

@media (max-width:992px) {
	.bank-img {margin-top: 30px; margin-bottom: 60px;}
	.major-title {margin-top: 40px; margin-bottom: 20px; font-size: 20px;}
	.major-title br {display: none;}

	.prof-list {margin: 0 -10px;}
	.prof-list > li {padding: 10px;}
	.prof-box {padding: 15px;}
	.prof-text dt {margin-bottom: 10px; font-size: 18px;}
	.prof-text dd em {min-width: 45px; height: 20px; margin-right: 5px; font-size: 13px;}
	.prof-text dd span {font-size: 14px;}
	.prof-list.lg .prof-box {padding: 20px;}
	.prof-list.lg .prof-img {margin-right: 20px;}
	.prof-list.lg .prof-text dd em {min-width: 60px;}
}

@media (max-width:768px) {
	.prof-list {margin: 0 -5px;}
	.prof-list > li {padding: 5px; width: 50%;}
	.prof-list.lg .prof-box {flex-direction: column;}
	.prof-list.lg .prof-img {margin-right: 15px; max-width: 50%;}
	.prof-list.lg .prof-text dt {text-align: center;}
	.prof-list.lg .prof-text dd em {min-width: 60px;}
}




/* 스포츠센터안내 */
.fac-time {margin-top: 70px; border: solid 1px #e3e5f0; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden;}
.fac-time dt {font-size: 18px; background: #f1f7fd; text-align: center; font-weight: 700; padding: 15px;}
.fac-time dd {text-align: center; padding: 40px; background: url('../img/sub/facility_time.png')no-repeat right 20px bottom / 30% auto;}
.fac-time dd h5 {font-size: 22px; color: #4053a7;}
.fac-time dd h5 br {display: none;}
.fac-time dd p {margin-top: 20px;}

.fac-list {display: flex; flex-wrap: wrap; margin: -15px;}
.fac-list li {width: 50%; padding: 15px;}
.fac-list li img {display: block; width: 100%;}
.fac-list li p {text-align: center; padding: 20px 0; font-weight: 500;}

.fac-box {border: dashed 1px #5c7aff; -webkit-border-radius: 20px; border-radius: 20px; padding: 30px; margin-top: 20px;}
.fac-box ul {margin-bottom: 30px;}
.fac-box ul:last-child {margin-bottom: 0;}

.fac-call {display: flex; justify-content: center; align-items: center;  flex-wrap: wrap; margin-top: 60px; padding: 20px; background: #edf0fd; -webkit-border-radius: 10px; border-radius: 10px;}
.fac-call:before {content: ''; display: block; width: 30px; height: 30px; background: url('../img/sub/facility_call.png')no-repeat center center / cover; margin-right: 10px;}
.fac-call span {margin-left: 20px;}

.fac-title {font-size: 22px; color: #374a99; margin-bottom: 30px;}
.fac-gallery {display: flex; flex-wrap: wrap; padding-top: 40px; margin: -15px;}
.fac-gallery li {width: 50%; padding: 15px;}
.fac-gallery li img {display: block; width: 100%;}

.fac-btn {margin-top: 50px; display: flex; justify-content: center;}
.fac-btn a {width: 250px; height: 80px; display: flex; justify-content: center; align-items: center; background: #2a397b; color: #fff; font-size: 20px; font-weight: 700; -webkit-border-radius: 20px; border-radius: 20px;}

.fac-swim {display: flex; align-items: center; flex-wrap: wrap; margin: 0 -15px;}
.fac-swim li {width: 16.6666%; padding: 0 15px;}
.fac-swim li em {display: block; border: solid 2px #0467b3; overflow: hidden; -webkit-border-radius: 50%; border-radius: 50%;}
.fac-swim li img {display: block; width: 100%;}
.fac-swim li p {text-align: center; margin-top: 10px; font-weight: 500;}

.fac-inbody {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.fac-inbody li {padding: 0 15px; width: 33.33%;}
.fac-inbody li h5 {height: 70px; position: relative; margin-bottom: 20px; -webkit-border-radius: 40px; border-radius: 40px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: #fff; font-weight: 700;}
.fac-inbody li h5:after {content: ''; display: block; width: 1px; height: 20px; position: absolute; top: 100%; left: 50%;}
.fac-inbody li p {border: solid 1px #e0e0e0; padding: 50px 20px 40px; text-align: center; position: relative; overflow: hidden;}
.fac-inbody li p:before {content: ''; display: block; width: 50px; height: 50px; margin: 0 auto 30px;}
.fac-inbody li p:after {content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: -15px; margin-left: -15px; -webkit-border-radius: 50%; border-radius: 50%;}

.fac-inbody li:nth-child(1) h5 {background: #23316c;}
.fac-inbody li:nth-child(2) h5 {background: #4053a7;}
.fac-inbody li:nth-child(3) h5 {background: #5773f1;}
.fac-inbody li:nth-child(1) h5:after {background: #23316c;}
.fac-inbody li:nth-child(2) h5:after {background: #4053a7;}
.fac-inbody li:nth-child(3) h5:after {background: #5773f1;}
.fac-inbody li:nth-child(1) p:before {background: url('../img/sub/facility_inbody_1.png')no-repeat center center / cover;}
.fac-inbody li:nth-child(2) p:before {background: url('../img/sub/facility_inbody_2.png')no-repeat center center / cover;}
.fac-inbody li:nth-child(3) p:before {background: url('../img/sub/facility_inbody_3.png')no-repeat center center / cover;}
.fac-inbody li:nth-child(1) p:after {background: #23316c;}
.fac-inbody li:nth-child(2) p:after {background: #4053a7;}
.fac-inbody li:nth-child(3) p:after {background: #5773f1;}

.bdrn {border-right: none !important;}
.bdbn {border-bottom: none !important;}
.bdln {border-left: none !important;}
.bdtn {border-top: none !important;}

.fac-inbody__tb th {border: solid 1px #e5e5e5; border-top: solid 2px #173871; text-align: center; padding: 15px; color: #fff; font-weight: 500; position: relative;}
.fac-inbody__tb th span {position: absolute; right: 10px; top: 50%; color: rgba(255,255,255,0.5); font-weight: 400; transform: translate(0, -50%); -webkit-transform: translate(0, -50%);}
.fac-inbody__tb td {border: solid 1px #e5e5e5; text-align: center; padding: 15px;}
.fac-inbody__color1 {background: #bac3e3;}
.fac-inbody__color2 {background: #a3b2de;}
.fac-inbody__color3 {background: #6e6e9b;}
.fac-inbody__color4 {background: #4b4d70;}
.fac-inbody__color5 {background: #38465d;}
.fac-inbody__color6 {background: #173871;}
.fac-inbody__gray {background: #f6f6f6;}

.fac-inbody__gage {margin: -15px;}
.fac-inbody__gage ul {display: flex; height: 40px;}
.fac-inbody__gage ul:after {content: ''; display: block; height: 100%; background: #f00;}
.fac-inbody__gage ul li {position: relative; flex: auto;}
.fac-inbody__gage ul li span {display: block; position: absolute; width: 100%; top: 10px; left: 100%; font-size: 14px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}
.fac-inbody__gage ul li:before {content: ''; display: block; width: 1px; height: 10px; background: #e5e5e5; position: absolute; right: 0; top: 0;}
.fac-inbody__gage ul li:last-child:before {display: none;}
.fac-inbody__gage dl {display: flex; align-items: center; padding-bottom: 10px;}
.fac-inbody__gage dl dt {height: 10px; background: #001943;}
.fac-inbody__gage dl dd {height: 10px; background: #7e838a;}
.fac-inbody__gage dl:after {content: attr(num); font-size: 14px; font-weight: 700; margin-left: 10px;}

.fac-tel {display: flex; align-items: center;}
.fac-tel span {display: flex; width: 50px; height: 20px; justify-content: center; align-items: center; background: #5c7aff; color: #fff; font-size: 13px; margin-right: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.fac-tel em {display: block; width: 20px; height: 20px; margin-right: 5px; background: #23316c url('../img/sub/facility_tell.png')no-repeat center center / 12px auto; -webkit-border-radius: 10px; border-radius: 10px;}

.fac-ban {max-width: 930px; position: relative;}
.fac-ban__slider {}
.fac-ban__slider .slick-arrow {display: block; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; z-index: 1; text-indent: -9999px;}
.fac-ban__slider .slick-prev {left: 10px; background: url('../img/sub/facility_canoe_prev.png')no-repeat center center / auto 100%;}
.fac-ban__slider .slick-next {right: 10px; background: url('../img/sub/facility_canoe_next.png')no-repeat center center / auto 100%;}
.fac-ban__control {position: absolute; bottom: 20px; left: 50%; display: flex; justify-content: center; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
.fac-ban__num {width: 50px; height: 20px; background: #fff; color: #6e6e6e; display: flex; justify-content: center; align-items: center; font-size: 13px; -webkit-border-radius: 10px; border-radius: 10px;}
.fac-ban__num b {color: #5c7aff; margin-right: 3px;}
.fac-ban__play {width: 20px; height: 20px; text-indent: -9999px; margin-left: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: rgba(255,255,255,0.5) url('../img/sub/facility_canoe_pause.png')no-repeat center center / 6px auto;}
.fac-ban__play.pause {background: rgba(255,255,255,0.5) url('../img/sub/facility_canoe_play.png')no-repeat center center / 6px auto;}

.fac-date {margin-top: 30px;}
.fac-date li {display: flex; align-items: center; margin-bottom: 10px;}
.fac-date li:last-child {margin-bottom: 0;}
.fac-date li span {flex-shrink: 0; flex-grow: 0; width: 140px; height: 40px; margin-right: 20px; display: flex; justify-content: center; align-items: center; background: #374a99; color: #fff; -webkit-border-radius: 20px; border-radius: 20px;}

.fac-grandplix {display: flex; flex-wrap: wrap; margin: -5px; padding-top: 40px;}
.fac-grandplix li {flex: auto; padding: 5px;}
.fac-grandplix li img {display: block; width: 100%;}


@media (max-width:768px) {
	.fac-time {margin-top: 40px; -webkit-border-radius: 10px; border-radius: 10px;}
	.fac-time dt {font-size: 16px; padding: 10px;}
	.fac-time dd {padding: 30px; background-size: 50% auto;}
	.fac-time dd h5 {font-size: 20px;}
	.fac-time dd h5 br {display: block;}
	.fac-time dd p {font-size: 14px; margin-top: 15px;}

	.fac-list {margin: 0;}
	.fac-list li {width: 100%; padding: 0; margin-bottom: 10px;}
	.fac-list li:last-child {margin-bottom: 0;}
	.fac-list li p {padding: 10px 0; font-size: 14px;}

	.fac-box {-webkit-border-radius: 10px; border-radius: 10px; padding: 20px; font-size: 14px;}
	.fac-box ul {margin-bottom: 20px;}

	.fac-call {margin-top: 40px; padding: 15px;}
	.fac-call span {margin-left: 0; display: block; width: 100%; text-align: center;}

	.fac-title {font-size: 20px; margin-bottom: 20px;}
	.fac-gallery {padding-top: 30px; margin: 0;}
	.fac-gallery li {width: 100%; padding: 0; margin-bottom: 10px;}
	.fac-gallery li:last-child {margin-bottom: 0;}

	.fac-btn {margin-top: 30px;}
	.fac-btn a {width: 200px; height: 60px; font-size: 18px; -webkit-border-radius: 15px; border-radius: 15px;}

	.fac-inbody {margin: 0;}
	.fac-inbody li {padding: 0; width: 100%; margin-bottom: 30px;}
	.fac-inbody li:last-child {margin-bottom: 0;}
	.fac-inbody li h5 {height: 50px; margin-bottom: 10px; font-size: 18px;}
	.fac-inbody li h5:after {height: 10px;}

	.fac-inbody__tb th {padding: 10px; font-size: 14px;}
	.fac-inbody__tb td {padding: 10px; font-size: 14px;}

	.fac-inbody__gage {margin: -10px;}
	.fac-inbody__gage ul li {height: 30px;}
	.fac-inbody__gage ul li span {font-size: 12px;}
	.fac-inbody__gage dl dt {height: 8px;}
	.fac-inbody__gage dl dd {height: 8px;}
	.fac-inbody__gage dl:after {font-size: 13px;}

	.fac-tel {margin-top: 5px;}

	.fac-ban__slider .slick-arrow {width: 20px; height: 20px; margin-top: -10px;}
	.fac-ban__control {bottom: 10px;}

	.fac-date li {display: block;}
	.fac-date li span {width: 80px; height: 30px; margin-right: 10px; font-size: 14px; margin-bottom: 5px;}

	.fac-grandplix {display: block; margin: 0; padding-top: 30px;}
	.fac-grandplix li {padding: 0; margin-bottom: 10px;}
	.fac-grandplix li:last-child {margin-bottom: 0;}
}



/* 자격증정보안내 */
.lcn-cont {margin-bottom: 80px; display: flex;}
.lcn-cont dt {width: 270px; height: 160px; background: #f8f9ff; border: dotted 3px #23316c; font-size: 20px; color: #23316c; font-weight: 700; display: flex; justify-content: center; align-items: center; flex-shrink: 0; flex-grow: 0; margin-right: 60px; -webkit-border-radius: 20px; border-radius: 20px;}
.lcn-cont dd {flex-grow: 1;}
.lcn-info {}
.lcn-info li {margin-top: 10px; display: flex; align-items: center;}
.lcn-info li span {margin-right: 10px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; flex-grow: 0; width: 80px; height: 20px; background: #23316c; color: #fff; -webkit-border-radius: 20px; border-radius: 20px;}

@media (max-width:768px) {
	.lcn-cont {margin-bottom: 60px; display: block;}
	.lcn-cont dt {width: 100%; height: 46px; border-width: 2px; font-size: 16px; margin-right: 0; -webkit-border-radius: 10px; border-radius: 10px;}
	.lcn-cont dd {margin-top: 20px;}
	.lcn-info li span {margin-right: 5px; width: 60px; font-size: 13px;}

}



/* 열린마당 */
.brd-sch {display: flex; justify-content: center; align-items: center; padding: 19px; flex-wrap: wrap; background: #f9faff; border: solid 1px #d9e1ef;}
.brd-sch select {flex-shrink: 0; flex-grow: 0; margin-right: 10px; display: block; width: 140px; height: 40px; border: solid 1px #dcdcdc; padding-left: 10px; padding-right: 30px; background: #fff url('../img/common/select_arrow.png')no-repeat right 10px center / 10px auto;}
.brd-sch input[type="text"] {height: 40px; border: solid 1px #dcdcdc; margin-right: 10px; display: block; width: 260px;}
.brd-sch button {display: flex; flex-shrink: 0; flex-grow: 0; justify-content: center; align-items: center; padding: 0 20px; height: 40px; background: #23316c; color: #fff; font-size: 16px;}
.brd-sch.print {margin-bottom: 20px;}
.brd-sch.print span {margin-right: 20px;}
.brd-info {margin-bottom: 10px; margin-top: 60px;}
.brd-info p b {color: #3e82e7;}
.qna-info {padding: 30px 30px 30px 180px; background: #f0f5fa; position: relative; margin-bottom: 30px;}
.qna-info:before {content: ''; display: block; width: 100px; height: 89px; position: absolute; left: 40px; top: 50%; margin-top: -45px; background: url('../img/sub/qna_icon.png')no-repeat center center / cover;}
.qna-info dt {font-size: 20px; font-weight: 700;}
.qna-info dd {font-size: 16px; margin-top: 30px;}
.qna-cancel {display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -5px; width: 70px; height: 30px; line-height: 30px; text-align: center; background: #d10000; color: #fff; font-size: 14px; font-weight: 400; -webkit-border-radius: 20px; border-radius: 20px;}
.qna-answer {display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -5px; width: 70px; height: 30px; line-height: 30px; text-align: center; background: #7a7a7a; color: #fff; font-size: 14px; font-weight: 400; -webkit-border-radius: 5px; border-radius: 5px;}

@media (max-width:992px) {
	.qna-info {padding: 20px; margin-bottom: 30px;}
	.qna-info:before {width: 80px; height: 72px; position: static; margin: 0 auto 20px;}
	.qna-info dt {font-size: 18px;}
	.qna-info dd {font-size: 14px; margin-top: 20px;}
}

@media (max-width:768px) {
	.brd-sch {padding: 10px;}
	.brd-sch select {width: calc(50% - 10px); flex: auto; margin: 5px 5px 10px}
	.brd-sch input[type="text"] {flex-grow: 1; width: auto; margin-left: 5px;}
	.brd-sch button {margin-right: 5px;}
	.brd-sch.print select {width: auto;}
	.brd-sch.print span {font-size: 13px;}
	.brd-info {margin-top: 30px;}
	.brd-info p {font-size: 14px;}
	.qna-cancel {font-size: 12px; width: 50px; height: 24px; line-height: 24px; margin-top: -3px;}
	.qna-answer {font-size: 12px; width: 50px; height: 24px; line-height: 24px; margin-top: -3px;}

}



/* 마이페이지 */
.mpg-lec__title {display: flex; fustify-content: center; align-items: center; flex-direction: column; padding: 40px; color: #fff; position: relative; background: #61a5dc; -webkit-border-radius: 10px; border-radius: 10px;}
.mpg-lec__title:before {content: ''; display: block; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; border: dotted 2px #fff; -webkit-border-radius: 10px; border-radius: 10px;}
.mpg-lec__title h5 {position: relative; font-size: 26px;}
.mpg-lec__title p {position: relative; font-size: 16px;}
.mpg-lec__title2 {border: solid 2px #6164dc; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px;}
.mpg-lec__title2 dt {padding: 25px; text-align: center; font-size: 26px; font-weight: 700; background: #6164dc; color: #fff;}
.mpg-lec__title2 dd {padding: 25px; font-size: 16px; text-align: center;}
.mpg-lec__sch {padding: 20px; background: #f8f8f8; border: solid 1px #d3d3d3; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.mpg-lec__sch input[type="text"] {width: 260px; height: 40px; margin-right: 10px;}
.mpg-lec__sch button {display: flex; justify-content: center; align-items: center; flex-shrink: 0; flex-grow: 0; width: 60px; height: 40px; background: #919191; color: #fff;}
.fixed-table input[type="text"] {display: block; width: 100%;}
.mpg-survey {border: dotted 2px #bbb; margin-bottom: 20px; padding: 10px 10px 0;}
.mpg-survey dt {font-size: 16px; font-weight: 500; padding: 10px 20px 20px;}
.mpg-survey dd h5 {font-size: 16px; font-weight: 400; background: #f1f1f1; padding: 15px 20px;}
.mpg-survey dd ul {display: flex; align-items: center; padding: 15px;}
.mpg-survey dd ul li {margin-right: 10px;}
.mpg-survey dd ul li:lsat-child {margin-right: 0;}
.mpg-survey dd ul li input[type="radio"] {}
.mpg-survey dd ul li input[type="radio"] + label {margin-left: 5px;}
.mpg-survey dd textarea {display: block; width: 100%; height: 160px; resize: none; border: solid 1px #e5e5e5; margin: 10px 0;}
.mpg-survey table {border-left: solid 2px #fff; border-right: solid 2px #fff; margin: 15px 0;}
.mpg-survey table td {border: solid 1px #e5e5e5; text-align: center; padding: 15px 0;}
.mpg-survey p {padding: 20px;}

@media (max-width:768px) {
	.mpg-lec__title {padding: 30px;}
	.mpg-lec__title h5 {font-size: 20px;}
	.mpg-lec__title p {font-size: 14px;}
	.mpg-lec__title2 dt {padding: 15px; font-size: 18px;}
	.mpg-lec__title2 dd {padding: 15px; font-size: 14px;}
	.mpg-lec__sch {padding: 10px; margin-bottom: 20px;}
	.mpg-lec__sch input[type="text"] {width: auto; flex-grow: 1;}

	.mpg-survey dt {padding: 0 10px 10px;}
	.mpg-survey dd h5 {font-size: 14px; padding: 10px 15px;}
	.mpg-survey dd ul {justify-content: center;}
	.mpg-survey dd ul li {margin-right: 0; width: 20%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
	.mpg-survey dd ul li input[type="radio"] + label {font-size: 12px; margin-left: 0; white-space: nowrap; margin-top: 5px; margin-right: 0;}

	.mpg-survey table {margin: 15px 0; table-layout: auto;}
	.mpg-survey table td {font-size: 13px; padding: 10px 0;}
	.mpg-survey p {padding: 15px; font-size: 14px;}

}



/* 내정보관리 */
.user-birth {display: flex; align-items: center;}
.user-birth__date {display: flex; flex-grow: 1; align-items: center;}
.user-birth__date select {flex-grow: 1;}
.user-birth__date span {flex-shrink: 0; margin-left: 10px; margin-right: 20px;}
.user-birth__lunar {flex-shrink: 0; margin-left: 60px;}
.user-gender {max-width: 120px;}
.user-addr {display: flex; align-items: center; margin-bottom: 10px;}
.user-addr input[type="text"] {max-width: 120px;}
.user-addr a,
.user-addr button {width: 130px; margin-left: 10px; height: 40px; background: #808080; color: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 5px; border-radius: 5px;}
.user-phone {display: flex; align-items: center; max-width: 440px;}
.user-phone select {flex-shrink: 0; width: 30%;}
.user-phone input {flex-grow: 1;}
.user-phone span {flex-shrink: 0; margin: 0 10px;}
.user-email {display: flex; align-items: center;}
.user-email select {flex-shrink: 0; width: 30%; margin-right: 10px;}
.user-email input {flex-grow: 1;}
.user-email span {flex-shrink: 0; margin: 0 10px;}
.user-tel {display: flex; align-items: center;}
.user-tel input {max-width: 240px;}
.user-tel span {margin-left: 10px;}
.user-car {max-width: 240px;}
.user-chk {background: #f0f0f0; padding: 30px 0; text-align: center; margin: -30px -30px 30px;}
.user-chk li {display: inline-block; margin: 0 10px;}

@media (max-width:768px) {
	.user-birth {flex-wrap: wrap;}
	.user-birth__date span {margin-left: 5px; margin-right: 10px;}
	.user-birth__date span:last-child {margin-right: 0;}
	.user-birth__lunar {width: 100%; margin-left: 0; margin-top: 10px;}
	.user-gender {max-width: 100px;}
	.user-addr {margin-bottom: 5px;}
	.user-addr input[type="text"] {max-width: 100px;}
	.user-addr a,
	.user-addr button {width: 100px; margin-left: 5px;}
	.user-phone span {margin: 0 5px;}
	.user-email select {margin-right: 5px;}
	.user-email span {margin: 0 5px;}
	.user-tel {flex-wrap: wrap;}
	.user-tel span {margin-top: 5px; margin-left: 0;}
	.user-chk {margin: -30px -15px 30px;}
}




/* 230816 수강신청 */
.class-flow {display: flex; flex-wrap: wrap;}
.class-flow li {text-align: center; border: solid 1px #23316c; -webkit-border-radius: 100px; border-radius: 100px; position: relative;}
.class-flow.col5 li {width: 20%;}
.class-flow.col4 li {width: 25%;}
.class-flow.col3 li {width: 33.33%;}
.class-flow li:after {content: ''; display: block; width: 30px; height: 30px; background: #fff url('../img/sub/flow_arrow.png')no-repeat center center / 16px auto; z-index: 1; position: absolute; left: 100%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 5px 0px rgba(35,50,108,0.2); box-shadow: 0px 0px 5px 0px rgba(35,50,108,0.2);}
.class-flow li:last-child:after {display: none;}
.class-flow dl {position: relative; overflow: hidden;}
.class-flow dt {width: 40px; height: 40px; background: #23316c; color: #fff; font-size: 14px; line-height: 55px; font-weight: 500; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; border-radius: 50%;}
.class-flow dd {height: 100px; color: #000; line-height: 1.4; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.class-flow strong {}
.sub-table.schedule td {font-size: 14px; letter-spacing: -0.05rem; line-height: 1.4;}

@media (max-width:992px) {
	.class-flow dd {font-size: 14px;}
}

@media (max-width:768px) {
	.class-flow li {width: 100% !important; margin-bottom: 10px;}
	.class-flow li:last-child {margin-bottom: 0px;}
	.class-flow li:after {left: 50%; top: 100%; margin-left: -15px; margin-top: -10px; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
	.class-flow dt {left: 5px; top: 50%; width: 50px; height: 50px; line-height: 50px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
	.class-flow dd {height: 60px; font-size: 14px;}
	.sub-table.schedule th {padding: 5px; font-size: 12px;}
	.sub-table.schedule td {padding: 5px 3px; font-size: 12px;}
}


/* 보유재동의 */
.user-agree__content {border: solid 1px #dadada; padding: 30px; height: 300px; overflow-y: auto;}
.user-agree__chk {margin-top: 20px; display: flex;}
.user-agree__chk.all {background: #f1f7fd; padding: 20px; margin-top: 60px; margin-bottom: 30px;}
.user-agree__chk.minors {margin-top: 100px;}
.user-agree__chk input[type="checkbox"] {flex-shrink: 0; margin-right: 10px; margin-top: 3px;}
.user-agree__chk input[type="checkbox"] + label {flex-grow: 1; margin-left: 0; margin-right: 0; font-weight: 500;}
.user-agree__chk.all input[type="checkbox"] + label,
.user-agree__chk.minors input[type="checkbox"] + label {font-weight: 700;}
.user-agree__not {text-align: center; font-size: 22px; font-weight: 700;}
.user-agree__not:before {content: ''; display: block; width: 260px; height: 260px; margin: 50px auto; background: #f1f7fd url('../img/sub/user_agree_not.png')no-repeat center center / 90px auto; -webkit-border-radius: 50%; border-radius: 50%;}

@media (max-width:992px) {
	.user-agree__content {padding: 20px;}
	.user-agree__chk {margin-top: 10px;}
	.user-agree__not {font-size: 18px;}
	.user-agree__not:before {width: 200px; height: 200px; margin: 30px auto; background-size: 60px auto;}
}

@media (max-width:768px) {
	.user-agree__content {font-size: 14px; padding: 15px; height: 200px;}
	.user-agree__chk.all {margin-top: 30px; margin-bottom: 20px; padding: 15px;}
	.user-agree__chk.minors {margin-top: 30px;}
	.user-agree__chk input[type="checkbox"] {margin-top: 1px;}
	.user-agree__chk input[type="checkbox"] + label {font-size: 14px;}
	.user-agree__not {font-size: 16px;}
	.user-agree__not:before {width: 160px; height: 160px; margin: 20px auto; background-size: 60px auto;}
}



/* 회원카드 */
a.member-card__issuance {width: 360px; height: 240px; margin: 100px auto; background: #23316c; color: #fff; font-size: 30px; font-weight: 500; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 20px; border-radius: 20px;}
.member-card__barcode {text-align: center; margin-top: 20px; padding: 80px; border: dotted 2px #23316c; -webkit-border-radius: 20px; border-radius: 20px;}
.member-card__barcode a {display: inline-block;}
.member-card__name {font-size: 20px; letter-spacing: 0.025rem;}
.member-card__number {font-size: 18px; font-weight: 700; letter-spacing: 0.025rem;}
.member-card__number.lg {font-size: 24px;}
.member-card__img {display: block; margin: 20px auto; max-width: 100%;}
 
@media (max-width:992px) {
	a.member-card__issuance {width: 240px; height: 120px; margin: 60px auto; font-size: 24px;}
}

@media (max-width:768px) {
	a.member-card__issuance {width: 200px; height: 80px; font-size: 18px; -webkit-border-radius: 10px; border-radius: 10px;}
}


/* 회원탈퇴 */
.user-out {text-align: center; padding: 80px; background: #f1f7fd; margin-bottom: 20px;}
.user-out dt {font-size: 30px; font-weight: 700;}
.user-out dd {font-size: 18px; margin-top: 30px; font-weight: 500;}

@media (max-width:768px) {
	.user-out {padding: 30px 20px;}
	.user-out dt {font-size: 20px;}
	.user-out dd {font-size: 14px; margin-top: 20px;}
}




/* 2023-08-28 강사소개 추가 */
.tutor-sch__title1 {margin-right: 10px;}
.tutor-sch__title2 {margin-right: 10px;}
.tutor-list {display: flex; flex-wrap: wrap; margin: -30px -15px; padding-top: 60px;}
.tutor-list > div {width: 50%; padding: 30px 15px;}
.tutor-list__cont {display: flex; flex-direction: column; height: 100%;}
.tutor-list__profile {display: flex; flex-shrink: 0; border-top: solid 2px #173871; padding-top: 20px;}
.tutor-list__profile dt {width: 30%; flex-shrink: 0; margin-right: 20px;}
.tutor-list__profile dt em {display: block; padding-bottom: 126.66%; border: solid 1px #ddd;}
.tutor-list__profile dd {flex-grow: 1;}
.tutor-list__profile dd h5 {font-size: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #bfbfbf; color: #374a99; letter-spacing: 0.05rem; font-weight: 700;}
.tutor-list__schedule {flex-grow: 1;}
.tutor-list__schedule table {margin-top: 20px;}
.tutor-list__more {flex-shrink: 0; margin-top: 20px;}
.popup-cont .tutor-list__profile {border-top: none; padding-top: 0;}

.tutor-main {display: flex; margin: 0 -10px; padding-bottom: 50px;}
.tutor-main > div {padding: 0 10px; display: flex; flex-direction: column;}
.tutor-main > div.col1 {width: 33.33%;}
.tutor-main > div.col2 {width: 66.66%;}
.tutor-main h4 {flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: #71b5ee; color: #fff; height: 60px; font-size: 20px; font-weight: 700; -webkit-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;}
.tutor-main__cont {flex-grow: 1; border: dotted 1px #71b5ee; border-top: none;}
.tutor-main > div.col2 .tutor-main__cont {display: flex; justify-content: space-between;}
.tutor-main > div.col2 .tutor-main__cont dl {width: calc(50% - 5px);}
.tutor-main__cont dl {display: flex; flex-direction: column; height: 100%;}
.tutor-main__cont dl dt {padding: 30px 30px 20px; flex-shrink: 0;}
.tutor-main__cont dl dt em {display: block; width: 140px; height: 150px; margin: 0 auto;}
.tutor-main__cont dl dt h5 {text-align: center; margin-top: 15px; font-size: 22px; color: #344490;}
.tutor-main__cont dl dd {flex-grow: 1; background: #f8f8f8; padding: 20px;}

@media (max-width:1200px) {
	.tutor-list__profile .list-dots li {font-size: 14px; margin-bottom: 0;}
	.tutor-list__profile .list-dots li:before {top: 9px;}
	.tutor-main__cont dl dd ul li {font-size: 14px; margin-bottom: 0;}
	.tutor-main__cont dl dd ul li:before {top: 9px;}
}

@media (max-width:768px) {
	.tutor-sch__title1,
	.tutor-sch__title2 {display: none;}
	.tutor-list {display: block; margin: 0; padding-top: 30px;}
	.tutor-list > div {width: 100%; padding: 0; margin-bottom: 40px;}
	.tutor-list > div:last-child {margin-bottom: 0;}
	.tutor-main {display: block; margin: 0; padding-bottom: 30px;}
	.tutor-main > div {padding: 0; display: block; width: 100% !important; margin-bottom: 30px;}
	.tutor-main > div:last-child {margin-bottom: 0;}
	.tutor-main > div.col2 .tutor-main__cont {display: block;}
	.tutor-main > div.col2 .tutor-main__cont dl {width: 100%;}
}