@charset "utf-8";

@font-face {
    font-family:'TmonMonsori';
    src: url('/html/webfont/TmonMonsori.ttf.eot');
    src: url('/html/webfont/TmonMonsori.eot?#iefix') format('embedded-opentype'),
         url('/html/webfont/TmonMonsoriBlack.woff') format('woff'),
         url('/html/webfont/TmonMonsoriBlack.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'NanumSquareEB';
    src: url('/html/webfont/NanumSquareEB.eot');
    src: url('/html/webfont/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
         url('/html/webfont/NanumSquareEB.woff') format('woff'),
         url('/html/webfont/NanumSquareEB.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.menu_wrap #gnb li {position: relative;}
.menu_wrap #gnb .gnb_sub {display: none;position: absolute;z-index: 9999;background-color: #fff;width: 100%;padding: 20px 0;box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.1);box-sizing: border-box;top: 65px;}
.menu_wrap #gnb #GNB_MY .gnb_sub {top: 55px;}
.menu_wrap #gnb .gnb_sub li {float: none !important;padding-left: 0 !important;}
.menu_wrap #gnb .gnb_sub li:hover a {color: #0f8fd0;}
.menu_wrap #gnb .gnb_sub li a {display: block;color: #000;font-size: 14px;text-align: center;line-height: 40px;font-weight: normal;letter-spacing: -1.5px;padding: 0 5px;}
.menu_wrap #gnb > #my_page a {width: 165px;height: 40px;text-align: center;color: #fff;background-color: #25b5ba;margin-top: 13px;line-height: 40px;padding-left: 0;}
.menu_wrap #gnb li.on > a {color: #fffd2e;}
#header.custom_header > .inner {overflow: inherit;background-color: #0f90d0;}
#header.custom_header .inner .menu_wrap {overflow: inherit;}
.square_wrap .main_board .mboard_title span a,.square_wrap .main_board .mboard_title span {width: 150px;}
.greeting_scont.scont img {width: 100%;}
.hamburger {background-color: #0f8fd0;}
.hamburger.is-active {background-color: #1c9cdc;}
/*
#contet_area {margin: 80px auto !important;}
*/

#container.main {width: 100%;max-width: 100%; min-width:1200px;margin: 0 auto;padding-bottom: 0;box-sizing: border-box;}
.main_visual {height: 608px;width: 100%; } /* min-width:1200px;*/
#slides,.slides_container,.slides_container div {height: 800px;width: 100%;right: 0;margin:0 auto;}/*max-width: 1920px;*/
#footer {width: 100%; min-width:1200px;margin: 0 auto;}


.cs_down2 li {border-bottom: 1px solid #333;padding-bottom: 40px;box-sizing: border-box;}
.log_find {width: 300px;}
.h_search {width: 300px;margin:0; text-align: left;}

.util_wrap .util_menu li.logout_t {background: url(/html/images/common/header_icon3.gif) no-repeat left center;}
.util_wrap .util_menu li.cart_t {background: url(/html/images/common/header_icon4.gif) no-repeat left center;margin-left: 10px;}
.util_wrap .util_menu li.cart_t a ,.util_wrap .util_menu li.logout_t a {padding-left: 5px;}
.hamburger {background-color: #1c9cdc;}
.all_list {width: 100%;}
.all_list .a_inner {overflow: hidden;}
.log_form,.log_find {float: none;width: 100%;text-align: center;}
.log_form {width: 100%;border-right: none;border-bottom: 1px solid #e0e0e0;box-sizing: border-box;padding-bottom: 50px;}
.util_wrap .util_menu li.logout_t:after {right: -13px !important;}
.log_find dt {display: inline-block;}
.log_find dd {display: inline-block;margin: 0 0 23px 40px;}
.log_find dl {display: inline-block;margin: 0 30px;}
.log_area .ip_submit {display: inline-block;vertical-align: top;float: none;}
.log_in {display: inline-block;vertical-align: top;float: none;}
.log_area,.log_tt {text-align: center;}
.login_box {border-bottom: none;padding: 50px 0;}
.tab_tt {margin: 1px 1px 20px;}
/*.tab_tt li {margin:-1px;}*/
.course_webzine .col_course_name {width: 450px;}
select.search_select {height: 31px;}
#header.custom_header .logo img {max-width: 180px;}
#GNB_CS a:after {display: none;}
#GNB_MY {background: #18e0c6;margin-top: 10px;}
.menu_wrap #gnb li#GNB_MY a {line-height: 45px;}
.search_form_wrap2 .search_form {padding-left: 0;}
.search_form_wrap2 .search_form > div {display: inline-block;}
.course_info .info_text {width: 670px;}
.util_wrap .util_menu li:last-child:after {display: none;}
.util_wrap .util_menu li:first-child:after {content: '';position: absolute;right: -16px;width: 1px;background-color: #c1c1c1;top: 15px;height: 11px;}


.mcourse_recomm#mc_recom1 {border:none;}
.main_course_info .horizontal_list li {width: 23%; margin: 1% !important;}
.mcourse_recomm .main_course_info {padding:0;}
.horizontal_wrap .horizontal_list {margin: 0 -1%;}
.horizontal_wrap .horizontal_list li,.main_tutor li {width: 23%; margin: 0 1% !important;background-color: #fafafa;}
.main_tutor {display: block;overflow: hidden;margin: 0 -1%;}

.horizontal_list span.img_box,.tal_list span.img_box,.horizontal_list span.img_box > a > img,.main_course_info .horizontal_list span.img_box,.main_course_info .horizontal_list span.img_box > a > img {width: 100%;height: auto;}
.main_course_info .horizontal_list li {min-height: auto;}
.main_course_info .horizontal_list span.list_subject {margin-bottom: 00;line-height: normal;font-size: 18px;margin: 0;padding: 0 25px;}
.horizontal_list span.list_subject {font-size: 18px;text-align: left;padding: 10px 25px 0;margin: 0;}
.horizontal_list span.list_period,.main_course_info .horizontal_list span.list_period {font-size: 16px;text-align: left;padding: 0 25px;margin:10px 0;}
.horizontal_list span.list_price {font-size: 16px;color: #f00;text-align: left;font-weight: bold;padding: 0 25px;margin:10px 0;}
#container .horizontal_wrap#bgwrap {background: url(/html/images/main/mainbg.jpg) no-repeat center; background-size: cover;width: 100%;max-width: 1920px;margin: 0 auto;padding: 80px 0 80px;}
#container .horizontal_wrap#bgwrap .mcourse_recomm {width: 1200px;margin: 0 auto;display: block;background: transparent;}
#container .horizontal_wrap#bgwrap .top_title {color: #fff;font-size: 35px;font-weight: bold;}
.mcourse_recomm .main_course_tab li a {color: #fff;font-size: 18px;font-weight: 500;padding: 0 10px;position: relative;}
.mcourse_recomm .main_course_tab li a:after {content: '';position: absolute;width: 1px;height: 15px;background-color: #fff;top: 16px;left: -13px;}
.mcourse_recomm .main_course_tab li:first-child a:after {display: none;}
.horizontal_wrap#bgwrap .top_title {margin-bottom: 0 !important;margin-top: 0;}
.horizontal_wrap#bgwrap .mcourse_recomm .main_course_tab {margin: 30px auto 0px auto;}
#container .horizontal_wrap {padding: 60px 0 80px;}
.horizontal_wrap .horizontal_list {margin-top: 40px !important;}
.horizontal_wrap .top_title {font-size: 35px;margin-top: 0;}

.square_wrap .main_board {float: right;width: 555px;}
.square_wrap .main_board .mboard_cont {width: 100%;}

.square_wrap .main_cs {background: url(/html/images/main/banner_bg1.jpg) no-repeat;width: 580px;background-size: 100% 100% !important;border:none;}
.square_wrap .main_cs .mcs_text {padding: 0;background: none;}
.square_wrap .main_cs .top_title {font-size: 30px;color: #333;}
.square_wrap .main_cs p {font-size: 16px;margin-top: 5px;}
.square_wrap .main_cs a > p {letter-spacing: -1px;color: #333;}
.square_wrap .main_cs p br {display: none;}
.square_wrap .main_cs .mcs_text .mcs_tel {font-size: 35px;margin-top: 25px;color: #fff;font-weight: normal;}
.square_wrap .main_cs .mcs_text span {color: #07685c;font-size: 16px;font-weight: 500;margin-top: 20px;}
.search_form form {display: inline-block;text-align: center;}
.content_body .content_body_history img {float: none;}
.square_wrap {margin: 60px auto 80px auto;}
h4.content_title {font-family: 'Noto Sans KR', sans-serif; font-size: 42px;margin: 60px auto 60px;font-weight: 700;}
.search_form_wrap3 .search_form {display: inline-block;padding-left: 0;overflow: hidden;text-align: center;}
.tab_tt li a {border-right: 1px solid #d2d2d4;border-top: 1px solid #d2d2d4;border-left: none;}
.tab_tt li:first-child a {border-left: 1px solid #d2d2d4;}
.tab_tt li:nth-child(7) a {border-bottom: 1px solid #d2d2d4;border-top: none;border-left: 1px solid #d2d2d4;}
.tab_tt li:nth-child(8) a {border-bottom: 1px solid #d2d2d4;border-top: none;}
.tab_tt li:nth-child(9) a {border-bottom: 1px solid #d2d2d4;border-top: none;border-right: 1px solid #d2d2d4;}
.course_info .info_img {width: 535px;}
.course_info .info_text {width: 585px;}
.main_wrap .content_area {margin: 0 auto;}
.course_webzine .col_course_button table {height: 210px;}
.course_webzine .col_course_button {height: auto;padding: 0;     background: #f9f9f9 !important;}
.course_info .info_img img {width: 100%;height: auto;box-sizing: border-box;}
.course_info .info_img {margin:0;width: 50%;padding-right: 20px;box-sizing: border-box;margin: 0;}
.course_info .info_text {width: 50%;padding-left: 20px;box-sizing: border-box;margin: 0;}
.mcourse_recomm {border:none;}
.mReview_inner .mReview_cont {width: 907px;}
.cheating_:first-child {margin-top: 0;}


	.mo_only,
	.mo-view{display:none !important}

	.icon-text { padding-right: 7px; /* ¿ìÃø Æеù°ª ÁöÁ¤ */}

	#wrap{}
	#wrap .wrap{margin:0 auto;width: 1200px;max-width:100%}
	#wrap .wrap:after{content:'';display:table;line-height:0;clear:both}
	#wrap .btn{display:flex;align-items:center;justify-content:center;text-align:center;padding: 0 10px;min-height: 40px;height: 40px;font-size: 16px;color: #303030;border: 1px solid #efefef;background: #fff;text-align: center;white-space: nowrap;}
	#wrap .btn.btn_01{background: linear-gradient(90deg, #83D6C5 11.95%, #1D7EDD 100.03%) !important;color:#ffffff !important;border:0px;} /*border-color: transparent;*/
	#wrap .btn.btn_02{background:#ffffff !important;color:#fea338 !important}

	#header .member_util{margin:0 auto;width: 1200px;max-width:100%}
	#header .member_util {text-align:right; border-bottom:0px solid #ddd;padding-top:10px;}
	#header .member_util .w1230 {font-size:0; text-align:left;}
	#header .member_util li {font-size:15px; line-height:50px; display:inline-block; border-right:0px solid #ddd; font-weight:400; vertical-align:top;}
	#header .member_util li.name {padding:0 0 0 0; color:#222; background:url('/theme/6/img/main/mypage.png')no-repeat; background-position:center left;}
	#header .member_util li.name:nth-child(2) {
  padding: 0 0 0 550px;
  color: #222;
  background: url('/theme/6/img/main/mypage.png') no-repeat;
  background-position: center left;
}
	#header .member_util li a {letter-spacing:-0.7pt; padding:0 0px 0 65px; background-position:center left 20px !important; display:block; font-size:inherit; line-height:inherit; font-weight:inherit;}
	#header .member_util li.logout a {background:url('/theme/6/img/main/logout.png')no-repeat;}
	#header .member_util li.cart a {background:url('/theme/6/img/main/cart.png')no-repeat; background-position:center left 15px !important;}
	#header .member_util li.search a {padding:0; width:45px; height:45px; background:url('/theme/6/img/main/search.png')no-repeat; background-position:center !important;text-indent:9999em;overflow:hidden;}

	#header .member_util li.login a {background:url('/theme/6/img/main/m_login.png')no-repeat; background-size:14px; border-left:1px solid #ddd; }
	#header .member_util li.join a {background:url('/theme/6/img/main/m_join.png')no-repeat; background-position:center left 21px !important; background-size:14px;}
	#header .member_util li.course_lesson_list a {background:url('/theme/6/img/mypage/main/left_icon01.png')no-repeat; background-size:14px; border-left:1px solid #ddd; }


#header .mypage {
	position: absolute;
    right: 0;
    top: 0px;
    display: block;
    width: 175px;
    height: 32px !important;
    line-height: 30px !important;
    border: 1px solid #0eb3d3;
    border-radius: 50px;
    font-size: 0.882rem;
    z-index: 10;
    padding-left: 48px;
    box-sizing: border-box;
    font-weight: 400;
    letter-spacing: -0.7pt;
    background-image: url(/img/customer_icon_up.png);
    background-repeat: no-repeat;
    background-position: center left 19px;
    transition: all 0.3s linear;
    background-color: #0eb3d3;
    color: #fff !important;
}

#header .mypage .fontcolor-white {
color: #fff;
}


/**/
	#header{position:fixed;top:0;left:0;width:100%;z-index:101;transition: all 0.25s; height: 150px; background: #ffffff;}
	#header .header{position:relative;z-index:5;}
	#header .header:after{position:absolute;top:90px;left:0;}
	#header .header .wrap{display:flex;height: 80px;transition: height 0.4s;}
	#header .header .logo{margin-right: 296px;display: flex;align-items: center;justify-content: flex-start;height: 80px;}
	#header .header .logo a{display:flex;align-items:center;height:24px}
	#header .header .logo img{display:block;width:auto;height: 38px;}
	#header .header .gnb{}
	#header .header .gnb .inner{position:relative;transition: height 0.4s;overflow: hidden;}
	#header .header .gnb .depth1{display:flex;position:relative;z-index:2;}
	#header .header .gnb .depth1 .dl1{position:relative;padding: 0 37px;}
	#header .header .gnb .depth1 .da1{position:relative;display:flex;padding: 28px 0;line-height: 24px;font-size:18px;font-weight: 500;color:#2B2B2B;align-items:center;justify-content:center;text-align:center;white-space:nowrap}
	#header .header .gnb .depth1 .dl1:hover .da1,
	#header .header .gnb .depth1 .dl1.on .da1{color:#fea338}
	#header .header .gnb .depth2{position:absolute;top: 90px;left:50%;width:100%;height: 0px;padding: 10px 5px;transform: translateX(-50%);transition: height 0.4s;}
	#header .header .gnb .depth2 .dl2{}
	#header .header .gnb .depth2 .dl2 + .dl2{margin-top:20px}
	#header .header .gnb .depth2 .da2{display:flex;align-items:center;justify-content:center;text-align:center;margin:0 0 6px 0;line-height: 20px;font-size: 14px;color: #929292;white-space:nowrap}
	#header .header .gnb .depth2 .dl2:hover .da2{color:#fea338}
	#header .header .gnb .depth2 .dl2.on .da2{color:#fea338;text-decoration:underline}
	#header .header .tool{margin-left:auto;display: flex;align-items: center;justify-content: flex-end;height: 80px;}
	#header .header .tool ul{display:flex;align-items:center}
	#header .header .tool li{}
	#header .header .tool li + li{margin-left:12px}
	#header .header .tool li a{display:flex;align-items:center;justify-content:center;background:transparent}
	#header .header .tool li a{display: flex;align-items: center;justify-content: center;width:150px;height: 28px;border-radius: 6px;background: #ffffff;border: 1px solid #c9c9c9;padding: 0 12px;font-size: 14px;white-space: nowrap;}
	#header .dimmed{position:absolute;z-index:1;top:0;left:0;width:100%;height:100vh;background:#000;pointer-events:none;opacity:0;transition: all 0.4s;}
	#header.sub{}
	#header.sub .header .logo{}
	#header.sub .header .logo a{background: url("../img/logo_white.png") no-repeat 50% 50%;}
	#header.sub .header .logo img{opacity:0;}
	#header.sub .header .gnb .depth1 .da1{color:#ffffff}
	#header.sub .header .tool li a p{color:#ffffff}
	#header.on .header{background:#ffffff}
	#header.on .header:after{width:100%;transition:width 0.4s}
	#header.on .header .wrap{height:500px;transition:height 0.4s}
	#header.on .header .logo a{background: url("../img/logo.png") no-repeat 50% 50%;}
	#header.on .header .inner{height:100%;transition:height 0.4s}
	#header.on .header .gnb .depth1 .da1{color: #2B2B2B;}
	#header.on .header .depth2{height:310px;transition:height 0.4s}
	#header.on .dimmed{opacity:0.5}
	#header.fixed{background:#ffffff;box-shadow: 0 10px 20px rgba(0,0,0,0.015);}
	#header.fixed.sub .header .logo a{background: url("../img/logo.png") no-repeat 50% 50%;}
	#header.fixed.sub .header .gnb .depth1 .da1{color: #2B2B2B;}

	/**/
	#header .sitemap{position:fixed;z-index:102;top:0;left: 100%;transform: translateX(0);width:50vw;height:100%;box-shadow:0 3px 6px rgba(0,0,0,0.16);background:#ffffff;transition:all 0.5s}
	#header .sitemap.active{transform: translateX(-100%);}
	#header .sitemap .inner{display:flex;flex-direction:column;padding:21px 45px}
	#header .sitemap .head{position:relative;display:flex;height:90px;align-items:center;border-bottom:2px solid #000000}
	#header .sitemap .head .title{line-height:40px;font-size:34px;font-weight:bold;color:#19BEE3}
	#header .sitemap .head .close{position:absolute;top:50%;right:0;transform:translateY(-50%)}
	#header .sitemap .head .close button{display:flex;width:48px;height:48px;background:transparent}
	#header .sitemap .head .close button img{display:block;width:auto;height:100%}
	#header .sitemap .list{padding:32px 0}
	#header .sitemap .list .depth1{}
	#header .sitemap .list .depth1 .dl1{}
	#header .sitemap .list .depth1 .dl1 + .dl1{margin-top:40px}
	#header .sitemap .list .depth1 .da1{display:flex;align-items:center;margin:0 0 20px 0;line-height:24px;font-size:20px;font-weight:bold;}
	#header .sitemap .list .depth2{display: flex !important;flex-wrap:wrap;margin:0 -34px 0 0}
	#header .sitemap .list .depth2 .dl2{margin:0 34px 10px 0}
	#header .sitemap .list .depth2 .da2{display:flex;align-items:center;justify-content:center;line-height:21px;font-size:18px;font-weight:500;color:#626262}
	#header .sitemap .list .depth2 .da2:hover{color:#19bee3;text-decoration:underline}
	#header .search{display:none}




	/**/
	#index{margin-top: 130px;}
	#index .visual{position:relative;height:860px;overflow:hidden}
	#index .visual .swiper-slide{position:relative;display:flex;align-items: center;}
	#index .visual .swiper-slide .inner{position:relative;z-index:2;margin:0 auto;padding-left: 700px;width: 1400px;max-width:100%;}
	#index .visual .swiper-slide .title{line-height: 81px;font-size: 55px;font-weight: bold;color: #282828;}
	#index .visual .swiper-slide .text{margin-bottom: 4px;line-height: 37px;font-size: 25px;color: #282828;opacity: 0.5;}
	#index .visual .swiper-slide .image{position:absolute;z-index:1;top:0;left:0;width: 100%;height: 100%;}
	#index .visual .swiper-slide .image img{width:100%;height:100%;object-fit:cover;display:block;}
	#index .visual .swiper-tool{position:absolute;z-index:1;bottom: 288px;left:50%;width: 700px;max-width:100%;display:flex;align-items:center;justify-content:flex-start}
	#index .visual .swiper-tool .swiper-scrollbar{position: relative;left: unset;bottom: unset;width:104px;height:3px;background:rgb(40 40 40 / 0.20);overflow:hidden;}
	#index .visual .swiper-tool .swiper-scrollbar-drag{width:auto;height:100%;background:#282828}
	#index .visual .swiper-tool .swiper-scrollbar-drag:before {content: '';background-color: #282828;position: relative;left: -99vw;top: 0;position: absolute;bottom: 0;height: 100%;width: 100vw;z-index: 999;}
	#index .visual .swiper-tool .swiper-count{display:flex;align-items:center;margin: 0 20px;}
	#index .visual .swiper-tool .swiper-count p{font-size:14px;color:#282828;opacity:0.5;margin: 0 4px;}
	#index .visual .swiper-tool .swiper-count .start-idx{font-weight:bold;opacity:1;}
	#index .visual .swiper-tool .swiper-count .end-idx{}
	#index .visual .swiper-control{display: flex;align-items: center;}
	#index .visual .swiper-control button{display:flex;background:transparent}
	#index .visual .swiper-control button.swiper-play{}
	#index .visual .swiper-control button.swiper-play i{display:flex;width: 10px;height: 10px;background: url("/html/images/main/icon_autoplay.png") no-repeat 50% 50% / contain;opacity: 1;}
	#index .visual .swiper-control button.swiper-play.active i{opacity: 0.25;}

	#index .recommand{padding: 119px 0 89px;background:#ffffff;overflow: hidden;}
	#index .recommand .wrap{position: relative;}
	#index .recommand .wrap #recommand{width: 930px;margin: 0 auto 0 0;}
	#index .recommand .swiper-slide{width: 1210px !important;display:flex;justify-content: flex-start;align-items: center;padding: 50px 0;position: relative;margin-right: 16px;}
	#index .recommand .swiper-slide-active,
	#index .recommand .swiper-slide-duplicate-active{z-index:10}
	#index .recommand .swiper-slide-active .img,
	#index .recommand .swiper-slide-duplicate-active .img{opacity:1;box-shadow: 0 0 19px rgb(0 0 0 / 25%);filter: grayscale(0);}
	#index .recommand .swiper-slide-active .con,
	#index .recommand .swiper-slide-duplicate-active .con{display:flex}
	#index .recommand .swiper-slide-active + .swiper-slide + .swiper-slide,
	#index .recommand .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide{justify-content:flex-start;transform: translateX(-490px);}

	#index .recommand .swiper-slide-prev{justify-content:flex-end;padding-right:40px;}
	#index .recommand .con{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;width: 568px;display: none;flex-shrink: 0;}
	#index .recommand .con .title{line-height: 79px;font-size: 35px;font-weight: 900;color: #000000;font-family: 'Montserrat','Noto Sans KR';}
	#index .recommand .con .text{line-height: 43px;font-size: 30px;color: #000000;opacity: 0.8;}
	#index .recommand .con .count{margin-top: 40px;line-height: 37px;font-size: 30px;font-weight: 900;color: rgb(255 0 0 / 70%);font-family: 'Montserrat','Noto Sans KR';}
	#index .recommand .con .info{margin-top: 6px;line-height: 26px;font-size: 18px;color: #000000;}
	#index .recommand .con .button{margin-top: 26px;}
	#index .recommand .con .button a{display: flex;align-items: center;justify-content: center;height: 51px;padding: 0 16px;border-radius: 5px;background: #d9d9d9; font-weight: 700;	}
	#index .recommand .con .button a i{margin-left:47px;width: 24px;height: 8px;background: url("/html/images/main/icon_button_arrow.png") no-repeat 50% 50% / contain;}
	#index .recommand .con .button a:hover{background:#fea338; color:#FFF;}
	#index .recommand .img{position:relative;width: 622px;height: 370px;flex-shrink: 0;filter: grayscale(1);opacity: 0.5;border-radius: 64px;overflow: hidden;flex-shrink: 0;}
	#index .recommand .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}

	#index .recommand .swiper-arrow{position:absolute;bottom: 50px;left:50%;margin-left: 146px;transform: translate(-50%, 50%);display:flex;border-radius:5px;overflow:hidden;z-index: 10;}
	#index .recommand .swiper-arrow button{position:relative;width:50px;height:50px;background: #393939;}
	#index .recommand .swiper-arrow button i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:17px;height:17px;text-indent: -9999em;display: flex;}
	#index .recommand .swiper-arrow button + button:before{content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:37px;background:rgb(255 255 255 / 0.1)}
	#index .recommand .swiper-arrow .swiper-prev i{background:url("/html/images/main/icon_slider_arrow_prev.png") no-repeat 50% 50% / contain}
	#index .recommand .swiper-arrow .swiper-next i{background:url("/html/images/main/icon_slider_arrow_next.png") no-repeat 50% 50% / contain}

	#index .reason{padding:102px 0 131px 0;background:#F5F5F5;overflow: hidden;}
	#index .reason .title{display:flex;flex-direction:column;align-items:center;text-align:center;}
	#index .reason .title h2{line-height: 81px;font-size: 55px;font-weight: bold;color: #000000;}
	#index .reason .title span{margin-top:29px;line-height: 27px;font-size: 18px;color: #000000;}
	#index .reason .cont{margin-top:80px}
	#index .reason .cont ul{display:flex;}
	#index .reason .cont li{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;}
	#index .reason .cont li + li{margin-left: 20px;}
	#index .reason .cont li .img{}
	#index .reason .cont li .img img{display:block;width:auto;max-width:100%;height:auto}
	#index .reason .cont li .con{padding-top:30px}
	#index .reason .cont li .tit{line-height:27px;font-size:18px;font-weight:bold;color:#000000;}
	#index .reason .cont li .txt{margin-top:20px;line-height:24px;font-size:16px;color:#000000;}

	#index .system{padding: 106px 0 138px 0;background: #ffffff;overflow: hidden;}
	#index .system .title{display:flex;flex-direction:column;align-items:center;text-align:center;}
	#index .system .title h2{line-height: 81px;font-size: 55px;font-weight: bold;color: #000000;}
	#index .system .title span{margin-top:29px;line-height: 27px;font-size: 18px;color: #000000;}
	#index .system .cont{margin-top: 50px;}
	#index .system .cont ul{display:flex}
	#index .system .cont li{display:flex;flex-direction:column;text-align:center}
	#index .system .cont li + li{margin-left:40px;}
	#index .system .cont li .img{}
	#index .system .cont li .img img{display:block;width:auto;max-width:100%;height:auto}
	#index .system .cont li .tit{line-height:27px;font-size:18px;font-weight:bold;color:#000000;margin-top: 36px;}

	#index .cross{padding:113px 0 83px 0;background:#F5F5F5;overflow: hidden;}
	#index .cross .title{display:flex;flex-direction:column;align-items:center;text-align:center;}
	#index .cross .title h2{line-height: 81px;font-size: 55px;font-weight: bold;color: #000000;}
	#index .cross .title h2 em{color:#2588DB;}
	#index .cross .title span{margin-top:29px;line-height: 27px;font-size: 18px;color: #000000;}
	#index .cross .title p{margin-bottom:17px;line-height:26px;font-size:18px;font-weight:bold;color:#2588DB;}
	#index .cross .cont{display:flex;flex-direction:column;align-items:center;margin-top:46px;text-align:center;}
	#index .cross .cont img{display:block;width:auto;max-width:100%;margin:0 auto;}
	#index .cross .cont p{margin-top:72px;line-height:26px;font-size:18px;color:#000000;opacity:0.3}

	#index .introduce{padding: 106px 0 167px 0;background: #ffffff;overflow: hidden;}
	#index .introduce .title{display:flex;flex-direction:column;align-items:center;text-align:center;}
	#index .introduce .title h2{line-height: 81px;font-size: 55px;font-weight: bold;color: #000000;}
	#index .introduce .title span{margin-top:29px;line-height: 27px;font-size: 18px;color: #000000;}
	#index .introduce .banner{display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 75px auto 0;width: 740px;max-width: 100%;}
	#index .introduce .banner img{}
	#index .introduce .benefit{margin: 25px auto 0;width: 740px;max-width: 100%;}
	#index .introduce .benefit ul{}
	#index .introduce .benefit li{padding:40px 45px;border-radius:24px;background:#e8f1f9;line-height:30px;display:flex;align-items:center;}
	#index .introduce .benefit li + li{margin-top:25px;}
	#index .introduce .benefit li strong{flex-shrink:0;font-size:20px;font-weight:bold;color:#2588db;margin-right:6px;}
	#index .introduce .benefit li p{font-size:20px;font-weight:500;color:#000000;}

	#index .coupon{padding: 200px 0;background: #f5f5f5;}
	#index .coupon .list{}
	#index .coupon .list ul{display: flex;flex-direction: column;}
	#index .coupon .list li{position: relative;display:flex;background: #ffffff;border-radius: 20px;box-shadow: 0 0 7px rgba(0,0,0,0.15);padding-left: 105px;padding-right: 40px;min-height: 233px;}
	#index .coupon .list li + li{margin-top:66px;}
	#index .coupon .list li .thumb{position: absolute;top: 50%;left: 0;transform: translate(-50%,-50%);width: 125px;height: 125px;border-radius: 125px;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 10px rgba(0,0,0,0.1);overflow: hidden;}
	#index .coupon .list li .thumb img{display:block;width:100%;height:100%;object-fit:cover}
	#index .coupon .list li .text{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;flex-shrink: 0;margin-right: 47px;}
	#index .coupon .list li .text strong{line-height: 34px;font-size: 23px;font-weight: bold;color: #1E2643;}
	#index .coupon .list li .text p{margin-top: 17px;line-height: 27px;font-size: 18px;color: #1E2643;}
	#index .coupon .list li .period{flex: 1;display: flex;flex-direction: column;padding: 30px 0;align-items: center;justify-content: flex-start;position: relative;}
	#index .coupon .list li .period .tit{margin-bottom: 26px;line-height: 26px;font-size: 18px;font-weight: 500;color: #1E2643;}
	#index .coupon .list li .period .txt{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,50%);display: flex;align-items: center;justify-content: center;width: 400px;height: 55px;border-radius: 48px;max-width: 100%;background: #1E2643;font-size: 18px;font-weight: bold;color: #ffffff;box-shadow: 0 0 4px rgba(0,0,0,0.25);}
	#index .coupon .list li .period .con{}
	#index .coupon .list li .period .con .time{display:flex;align-items:center;}
	#index .coupon .list li .period .con .time .desc{display:flex;align-items:center;position:relative}
	#index .coupon .list li .period .con .time .unit{position:absolute;top:100%;left:0;width:100%;text-align:center;margin-top:12px;line-height:18px;font-size:12px;color:#1E2643;opacity:0.5;text-transform:uppercase;letter-spacing:0;}
	#index .coupon .list li .period .con .time .timer{display: flex;margin:0 5px;width: 62px;height: 77px;align-items: center;justify-content: center;text-align: center;font-size: 50px;font-weight: bold;color: #1E2643;background: url(/html/images/main/bg_timer.png) no-repeat 50% 50% / contain;}
	#index .coupon .list li .period .con .time .dots{margin:0 5px;font-size:40px;font-weight:900;color:#1E2643}
	#index .coupon .list li:hover{background: linear-gradient(90deg, #83D6C5 11.95%, #1D7EDD 100.03%);}
	#index .coupon .list li:hover .text strong,
	#index .coupon .list li:hover .text p{color:#ffffff}
	#index .coupon .list li:hover .period .tit{color:#ffffff}
	#index .coupon .list li:hover .period .txt{color:#1E2643;background:#ffffff}
	#index .coupon .list li:hover .period .con .time .timer{color:#3290D8;background:url("/html/images/main/bg_timer_hover.png") no-repeat 50% 50% / contain}
	#index .coupon .list li:hover  .period .con .time .unit{color:#ffffff;}
	#index .coupon .list li:hover .period .con .time .dots{color:#ffffff}

	#index .started{padding:120px 0;background:url("/html/images/main/main_started_bg.png") no-repeat 50% 50% / cover;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
	#index .started .title{margin-bottom: 80px;}
	#index .started .text{line-height: 43px;font-size: 23px;color: #ffffff;}
	#index .started .button{margin-top: 97px;display: flex;align-items: center;justify-content: center;}
	#index .started .button a{min-width: 312px;height: 75px;display: flex;align-items: center;justify-content: center;font-size: 23px;font-weight: 700;color: #fff;background: linear-gradient(90deg, #83D6C5 11.95%, #1D7EDD 100.03%);box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);border-radius: 75px;}

	#index .process{padding: 140px 0 122px;overflow: hidden;}
	#index .process .title{display:flex;flex-direction:column;align-items:center;text-align:center;}
	#index .process .title h2{line-height: 81px;font-size: 55px;font-weight: bold;color: #000000;}
	#index .process .title span{margin-top:29px;line-height: 27px;font-size: 18px;color: #000000;}
	#index .process .list{position:relative;margin-top:191px;width: 1266px;max-width: 100%;}
	#index .process .list .swiper-slide{text-align:center;opacity: 0.5;transition: all 0.4s;}
	#index .process .list .swiper-slide-active,
	#index .process .list .swiper-slide-active + .swiper-slide,
	#index .process .list .swiper-slide-active + .swiper-slide + .swiper-slide{opacity:1;}
	#index .process .list .swiper-slide .img{position: relative;padding: 100% 0 0 0;border-radius: 20px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
	#index .process .list .swiper-slide .img img{display:block;width:100%;height:100%;object-fit:cover;position: absolute;top: 0;left: 0;}
	#index .process .list .swiper-slide .tit{margin-top:16px;line-height:27px;font-size:18px;font-weight:700;color:#000;}
	#index .process .list .swiper-prev{position:absolute;z-index:11;top:50%;left:0;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:90px;background: rgba(255, 255, 255, 0.5);border: 1px solid #B3B3B3;backdrop-filter: blur(2px);}
	#index .process .list .swiper-prev i{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:url("/html/images/main/icon_slider_prev.png") no-repeat 50% 50% / contain;text-indent: -9999em;}
	#index .process .list .swiper-prev:hover{background: linear-gradient(90deg, #83D6C5 11.95%, #1D7EDD 100.03%);backdrop-filter: blur(2px);border:0;}
	#index .process .list .swiper-prev:hover i{background:url("/html/images/main/icon_slider_prev_hover.png") no-repeat 50% 50% / contain}
	#index .process .list .swiper-next{position:absolute;z-index:11;top:50%;right:0;transform:translate(50%,-50%);width:90px;height:90px;border-radius: 90px;background: rgba(255, 255, 255, 0.5);border: 1px solid #B3B3B3;backdrop-filter: blur(2px);}
	#index .process .list .swiper-next i{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:url("/html/images/main/icon_slider_next.png") no-repeat 50% 50% / contain;text-indent: -9999em;}
	#index .process .list .swiper-next:hover{background: linear-gradient(90deg, #83D6C5 11.95%, #1D7EDD 100.03%);backdrop-filter: blur(2px);border:0;}
	#index .process .list .swiper-next:hover i{background:url("/html/images/main/icon_slider_next_hover.png") no-repeat 50% 50% / contain}

	#index .class{padding: 140px 0 200px;overflow: hidden;background: linear-gradient(180deg, #E8EBF3 0%, rgba(217, 217, 217, 0) 100%);}
	#index .class .wrap{width:1060px}
	#index .class .title{display:flex;flex-direction:column;align-items:center;text-align:center;}
	#index .class .title h2{line-height: 81px;font-size: 55px;font-weight: bold;color: #000000;}
	#index .class .title h2 em{color:#2588DB;}
	#index .class .title span{margin-top:29px;line-height: 27px;font-size: 18px;color: #000000;}
	#index .class .title p{margin-bottom:17px;line-height:26px;font-size:18px;font-weight:bold;color:#2588DB;}
	#index .class .cont{margin-top:87px}
	#index .class .upper{margin:0 auto;width:1000px;max-width:100%;text-align:center;padding:80px 0;border-top: 1px solid rgba(35, 131, 220, 0.2);line-height:51px;font-size:35px;font-weight:300;color:#000000;}
	#index .class .upper em{line-height:26px;font-size:18px;color: #2588DB;}
	#index .class .list{}
	#index .class .list ul{display:flex;align-items:center;justify-content:center;}
	#index .class .list li{width:383px;height: 383px;max-width:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	#index .class .list li + li{margin-left:20px;}
	#index .class .list li .tit{line-height: 36px;font-size: 25px;font-weight: 700;color: #ffffff;margin-bottom: 18px;}
	#index .class .list li .txt{margin-top: 30px;line-height: 26px;font-size: 18px;color: #fff;}
	#index .class .list li .num{margin-top: 10px;display: flex;align-items: flex-end;line-height: 26px;font-size: 18px;color: #fff;}
	#index .class .list li .num strong{display: flex;line-height: 65px;font-size: 80px;font-weight: bold;color: #ffffff;margin-right: 8px;font-family: 'Montserrat','Noto Sans KR';}
	#index .class .list li .img{width: 58px;height: 58px;display: flex;align-items: center;justify-content: center;}
	#index .class .list li .img img{display: block;width: auto;max-width: 100%;height: auto;}
	#index .class .list li:nth-child(1){background:url("/html/images/main/main_class_bg01.png") no-repeat 50% 50% / contain}
	#index .class .list li:nth-child(2){background:url("/html/images/main/main_class_bg02.png") no-repeat 50% 50% / contain}
	#index .class .list li:nth-child(3){background:url("/html/images/main/main_class_bg03.png") no-repeat 50% 50% / contain}

	#index .interview{padding:118px 0 102px;background:#1E2643}
	#index .interview .wrap{width:1400px;}
	#index .interview .title{display:flex;flex-direction:column;align-items:center;text-align:center;}
	#index .interview .title h2{line-height: 81px;font-size: 55px;font-weight: bold;color: #ffffff;}
	#index .interview .title span{margin-top:29px;line-height: 27px;font-size: 18px;color: #ffffff;}
	#index .interview .list{margin-top:90px;}
	#index .interview .list .swiper-slide{}
	#index .interview .list .img{}
	#index .interview .list .img img{display: block;width: 100%;height: auto;}
	#index .interview .list .con{padding: 16px 0 0 0;}
	#index .interview .list .tit{display: flex;align-items: center;}
	#index .interview .list .tit em{padding: 0 7px;display: flex;align-items: center;justify-content: center;height: 30px;border-radius: 4px;background: #FEA338;font-size: 15px;font-weight: bold;color: #ffffff;margin-right: 10px;flex-shrink: 0;}
	#index .interview .list .tit p{line-height: 37px;font-size: 25px;font-weight: bold;color: #ffffff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
	#index .interview .list .txt{margin-top: 10px;line-height: 22px;font-size: 15px;font-weight: 300;color: #ffffff;opacity: 0.5;}

	#index .change{padding:130px 0;text-align:center;}
	#index .change .title{line-height:45px;font-size:30px;color:#000000}

	#index .dream{text-align:center;padding: 0 0 220px 0;}
	#index .dream .upper{display:flex;align-items:center;justify-content: center;padding: 180px 0 340px;background:#1E2643;}
	#index .dream .upper .title{line-height:45px;font-size:30px;color:#FFFFFF;}
	#index .dream .inner{margin: -180px auto 0;width:1200px;background:#ffffff;box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.25);border-radius: 12px;display: flex;}
	#index .dream .inner .lt-item{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding: 120px 60px 120px 60px;text-align: left;}
	#index .dream .inner .rt-item{flex:1;display: flex;align-items: center;padding: 120px 120px 120px 60px;}
	#index .dream .inner .tit{line-height: 54px;font-size: 40px;font-weight: bold;color: #000000;}
	#index .dream .inner .txt{margin-top: 28px;line-height: 26px;font-size: 18px;color: #000000;}
	#index .dream .inner .con{display:flex;width: 100%;}
	#index .dream .inner .con li{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
	#index .dream .inner .con li img{}
	#index .dream .inner .con li p{margin-top:34px;line-height:27px;font-size:18px;color: #6969df;}
	#index .dream .inner .con li + li{}

	#index .certify{position: relative;padding: 165px 0 0 0;background:url("/html/images/main/main_certify_bg.png") no-repeat 50% 50% / cover;min-height: 890px;overflow: hidden;}
	#index .certify:after{content:'';position:absolute;top: 100%;left: 50%;width:650px;height:650px;background:url("/html/images/main/main_certify_icon.png") no-repeat 50% 50% / cover;z-index: 2;margin-top: -515px;margin-left: -838px;}
	#index .certify .wrap{width:1400px;display: flex;position: relative;z-index: 2;}
	#index .certify .lt-item{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;justify-content: flex-start;text-align: left;width: 400px;flex-shrink: 0;}
	#index .certify .rt-item{width: 1000px;display: flex;align-items: center;padding: 0 20px;margin: 0 -20px;}
	#index .certify .text{margin-bottom: 3px;line-height: 30px;font-size: 20px;font-weight: bold;color: #ffffff;}
	#index .certify .title{line-height: 81px;font-size: 55px;font-weight: bold;color: #ffffff;}
	#index .certify .list{width: calc(100%);width: calc(1000px + ((100vw - 1400px)/2));height: 512px;overflow: hidden;flex-shrink: 0;}
	#index .certify .list .swiper-wrapper{align-items:center;}
	#index .certify .list .swiper-slide{width:365px;height:512px;transform:scale(0.8);opacity:0.9;transition: all 0.4s;}
	#index .certify .list .swiper-slide-active{transform:scale(1);opacity:1;}
	#index .certify .list .inner{padding:42px 34px;border-radius:42px;background: #FFFFFF;border: 3px solid #4F9EE0;text-align: center;height: 100%;}	#index .certify .list .name{margin-bottom:30px;line-height:36px;font-size:25px;color:#3292e5}
	#index .certify .list .name strong{}
	#index .certify .list .cont{line-height:29px;font-size:20px;color:#595959;}
	#index .certify .list .cont span{color:#3292e5;}
	#index .certify .list .thum{margin-top:30px;border-radius:26px;border:1px solid #dadada;overflow:hidden;}
	#index .certify .list .thum img{display:block;width:100%;height:auto}

	#index .news{position: relative;padding: 177px 0;}
	#index .news:before{content:'';position:absolute;top: 0;left: 50%;width:650px;height:650px;background:url("/html/images/main/main_certify_icon.png") no-repeat 50% 50% / cover;z-index: 2;margin-top: -515px;margin-left: -838px;}
	#index .news .title{display:flex;flex-direction:column;align-items:center;text-align:center;}
	#index .news .title h2{line-height: 81px;font-size: 55px;font-weight: bold;color: #000000;}
	#index .news .title h2 em{color:#2588DB;}
	#index .news .title span{margin-top:29px;line-height: 27px;font-size: 18px;color: #000000;}
	#index .news .title p{margin-bottom:17px;line-height:26px;font-size:18px;font-weight:bold;color:#2588DB;}
	#index .news .list{display:flex;margin-top:89px;}
	#index .news .list .item{position:relative;flex:1;padding: 38px 40px;border-radius: 12px;background: #ffffff;border: 1px solid #bebebe;}
	#index .news .list .item + .item{margin-left:32px}
	#index .news .list .item .tit{margin-bottom: 36px;line-height:44px;font-size:30px;font-weight:bold;color:#000000}
	#index .news .list .item .act{}
	#index .news .list .item .act a{position:absolute;top:38px;right:40px;text-indent:-9999em;width: 17px;height:44px;}
	#index .news .list .item .act a:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:17px;height:17px;background:url("/html/images/main/icon_more.png") no-repeat 50% 50% / contain}
	#index .news .list .item .con{}
	#index .news .list .item .con ul{}
	#index .news .list .item .con li{}
	#index .news .list .item .con li + li{margin-top: 24px;}
	#index .news .list .item .con li a{display: flex;align-items: center;line-height: 28px;font-size: 18px;}
	#index .news .list .item .con li a:hover p{text-decoration:underline}
	#index .news .list .item .con li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
	#index .news .list .item .con li em{font-size: 18px;margin-left: auto;opacity: 0.5;}



	 .quick {
        position: fixed;
        right: 50px;
        bottom: 50px;
        z-index: 9999;
        opacity: 0;
        visibility: hidden;
        transition: all 1s
    }

    .quick.fixed {
        opacity: 1;
        visibility: visible;
    }

    .quick .quick_in {
        padding: 20px 15px;
        border: 1px solid #ddd;
        border-radius: 20px;
        background: #fff;
        overflow: hidden;
        display: block;
    }

     .quick .quick_in h4 {
        font-size: 20px;
        color: #222;
        letter-spacing: 0.3pt;
        line-height: 1;
        font-weight: bold;
        margin: 0 0 10px 0;
        text-align: center;
    }

     .quick .quick_in .img {
        display: flex;
        flex-direction: column
		 text-align: center;
    }

    .quick .quick_in .img a {
       /* display: block; */
    }

     .quick .quick_in .img a img {
        display: block;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

     .quick .quick_in .img a + a {
        margin-top: 10px;
    }

     .quick .plusBtn {
        display: none
    }

     .quick .topBtn {
        display: block;
        width: 70px;
        height: 70px;
        border-radius: 100%;
        background-color: #467fd7;
        background-image: url('/html/images/sub/topBtn.png');
        background-repeat: no-repeat;
        background-position: center;
        margin: 25px auto 0;
        box-shadow: 0 5px 15px rgb(0 0 0 / 16%);
    }


.icon-wrapper {
	display: block;
	text-align: center;
	margin-bottom: 10px; /* ÇÊ¿ä¿¡ µû¶ó °£°Ý Á¶Àý */
}

.icon-wrapper a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 20px 10px;
	text-decoration: none;
	color: #333;
	font-size:14px;
}

.icon-container {
  background-color: #ccc;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center; /* ¼öÆò °¡¿îµ¥ Á¤·Ä */
  align-items: center; /* ¼öÁ÷ °¡¿îµ¥ Á¤·Ä */
  border-radius: 50%;
}


.icon-container i {
	color: #fff;
	font-size: 24px;
}

/* °¡¿îµ¥ Á¤·Ä Ãß°¡ */
.icon-container,
.icon-container i {
	display: flex;
	align-items: center;
	justify-content: center;
}




   #faq_list .faq_wrap {
        padding: 20px 0px;
    }

    #faq_list .faq_wrap .list {
    }

    #faq_list .faq_wrap .list ul {
    }

    #faq_list .faq_wrap .list li {
        margin: 0 0 16px 0;
        background: #f1f1f1;
        border-radius: 16px;
        overflow: hidden;
    }

  #faq_list .faq_wrap .list li button{padding:0;margin:0;border:0;cursor:pointer;vertical-align:top;
  background-color:#f1f1f1; 
  font:13px/20px "Nanum Gothic", "Malgun Gothic", Dotum, Gulim, Arial, sans-serif}

    #faq_list .faq_wrap .list li .subject {
        position: relative;
        z-index: 2;
        display: flex;
        width: 100%;
        padding: 21px 40px;
        align-items: center;
    }

    #faq_list .faq_wrap .list li .subject p {
        line-height: 26px;
        font-size: 18px;
        font-weight: 500;
        color: #000;
        opacity: 0.8;
    }

    #faq_list .faq_wrap .list li .subject i {
        margin: 0 0 0 auto;
        width: 22px;
        height: 22px;
        background: url("/html/images/sub/faq_arrow.png") no-repeat 50% 50% / contain;
        transition: all 0.5s
    }

    #faq_list .faq_wrap .list li .content {
        margin: 0 50px;
        padding: 10px 0 20px;
        position: relative;
        z-index: 1;
        border-radius: 8px 8px 0 0;
        line-height: 24px;
        font-size: 16px;
        color: #1f1f1f;
        display: none;
        border-top: 1px solid #dededf;
    }

    #faq_list .faq_wrap .list li.active .subject {
    }

    #faq_list .faq_wrap .list li.active .subject p {
        opacity: 1;
        color: #467fd7;
		 font-weight: 700;
    }

    #faq_list .faq_wrap .list li.active .subject i {
        transform: rotate(180deg)
    }

    #faq_list .faq_wrap .list li.active .subject ~ .content {
    }



/* ÆäÀÌ¡ */
.page_box{ margin:0 auto; table-layout:auto !important}
.page_box li{vertical-align:top;display:inline-block;zoom:1;*display:inline;vertical-align:top}
.page_box li.page_margin{display:none}
.page_box li div{width:44px;height:44px;border:1px solid #bebebe;padding:0;margin:0 2px;line-height:44px}
.page_box td{ padding:0; border-width:0; font-family:verdana; color:#999999; font-size:12px }
.page_p_btn{display:none}
.page_n_btn{display:none}
.page_box .page_first_btn { background:url('/common/images_skin2/common/page_first_btn.png') no-repeat 50% 50%; width:44px; height:44px; border:1px #d1d1d1 solid; }
.page_box .page_last_btn { background:url('/common/images_skin2/common/page_last_btn.png') no-repeat 50% 50%; width:44px; height:44px; border:1px #d1d1d1 solid; }
.page_box .page_prev_btn { background:url('/common/images_skin2/common/page_prev_btn.png') no-repeat 50% 50%; width:44px; height:44px; border:1px #d1d1d1 solid; }
.page_box .page_next_btn { background:url('/common/images_skin2/common/page_next_btn.png') no-repeat 50% 50%; width:44px; height:44px; border:1px #d1d1d1 solid; }
.page_box li div.page_seperator{display:none}
.page_box li .page_number_btn_on	{background-color:#de5c00; color:#fff; font-weight:700; width:44px; height:44px;border:none;line-height:44px }
.page_box li a:hover{text-decoration:none}
.page_box li .page_number_btn:hover{background-color:#de5c00;color:#fff;width:44px; height:44px;border:none;line-height:44px}


/* t_style16 */
.t_style16{width: 100%; margin-bottom: 10px; background-color: #ffffff; font-size: 14px; line-height: 1.6em}
.t_style16 th{width: 100px; padding: 10px 15px; border: 1px solid #BCBCBC; background-color: #E4E4E4; text-align: center}
.t_style16 td{padding: 10px 15px; border: 1px solid #bcbcbc}
.t_style16 input[type="file"]{width: 100%; padding: 2px; border: 1px solid #bcbcbc; background-color: #ebebeb}
.t_style16 textarea{width: 100%; height: 300px; padding: 10px; font-size: 14px; resize: none}


.mb12 { font-size: 14px; line-height: 1.6em; padding-bottom:10px; }


/****** ¼­ºêÆäÀÌÁö ½ºÅ¸ÀÏ ******/
/*lnb */
.left_area{ }
.left_area .lnb_title{font-weight:bold;font-size:24px;color:#fff;background-color:#0f91d0;height:85px;line-height:85px;text-align:center;border:1px solid #dfdfdf;}
.left_area .lnb_list{margin-bottom:50px;border:1px solid #dfdfdf;border-top:none;border-bottom:none;}
.left_area .lnb_list li{border-bottom:1px solid #dfdfdf;}
.left_area .lnb_list li.half{width:50%;float:left;}
.left_area .lnb_list li a{display:block;font-size:15px;color:#000000;font-weight:bold;line-height:25px;padding:10px 20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.left_area .lnb_list li.on a{color:#0f91d0;/* background: url('/common/images_skin2/common/blt_lnb.png') no-repeat 0% 50% */}
.left_area .lnb_list li a:hover{color:#0f91d0;/* background: url('/common/images_skin2/common/blt_lnb.png') no-repeat 0% 50% */}
.left_area .lnb_list li.lnb_sub {background-color:#f1f2f4; padding-left:14px; /* height:28px; line-height:28px; */}
.left_area .lnb_list li.lnb_sub a{font-weight:normal; padding:4px 20px;}
.left_area .lnb_list li.lnb_sub.on a{color:#0a81bb;background: url(/common/images/default/blt_lnb.png) no-repeat 95% 45%}
.left_area .lnb_list li.lnb_sub a:hover{color:#0a81bb;background: url(/common/images/default/blt_lnb.png) no-repeat 95% 45%}


/*lnb */
.left_area {
    display: inline-block;
    text-align: center;
    background: none;
}

.left_area .lnb_title {
    display: none;
    font-family: "noto_sans";
    font-size: 35px;
    color: #000;
    font-weight: 600;
    background: none;
    height: auto;
    line-height: 100%;
    text-align: center;
    border: none;
    margin: 0px 0px 0px 0px;
    letter-spacing: -0.07em;
}

.left_area .lnb_list {
    position: relative;
    width: 1200px;
    display: flex;
    justify-content: center;
    margin: 60px auto 0px auto;
    border: none;
    background: #fff;
    border-radius: 0px;
    border-bottom: 1px #ededed solid;
}

.left_area .lnb_list li {
    position: relative;
    float: left;
    width: auto;
    border: none;
    margin: 0px;
    padding: 0px 30px;
}

.left_area .lnb_list li.half {
    width: 50%;
    float: left;
}

.left_area .lnb_list li a {
    position: relative;
    font-family: "noto_sans";
    display: block;
    font-size: 16px;
    color: #b4b4b4;
    text-align: center;
    background: none;
    border: none;
    font-weight: 700;
    margin: 0px;
    height: auto;
    line-height: 50px;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: -0.05em;
}

.left_area .lnb_list li a:hover {
	color: #000;
	padding: 0px;
	border: none;
}

.left_area .lnb_list li.on a {
    position: relative;
    color: #000;
    background: none;
	padding: 0px;
	border: none;
    font-weight: 600;
    margin: 0px;
}

.left_area .lnb_list li.on a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 3px;
    background: #0a3e94;
}

.left_area .lnb_list li.on a:hover {
	color: #000;
	padding: 0px;
	border: none;
}




	#class{}
	#class article{padding:100px 0;}
	#class .title{position: relative;margin: 0 0 65px 0;text-align: center;}
	#class .title .sub{line-height: 62px;font-size: 19px;font-weight: bold;color: #000000;font-family: 'Montserrat','Noto Sans KR';}
	#class .title .tit{line-height: 65px;font-size: 45px;font-weight: bold;color: #262626;}
	#class .title .txt{margin-top: 29px;line-height: 27px;font-size: 18px;color: #262626;}
	#class .button{display:flex;align-items:center;justify-content:center;text-align:center}
	#class .button .btn{padding: 0 50px;min-width: 312px;height: 75px;display: flex;align-items: center;justify-content: center;font-size: 23px;font-weight: 700;color: #fff;background: #000000;box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);border-radius: 75px;}
	#class.classSkin{}
	#class.classSkin .class01{background: url("/html/images/class_img/classSkin.png") no-repeat 50% 50% / cover;padding: 248px 0;}
	#class.classSkin .class01 .title{}
	#class.classSkin .class01 .title .sub{color: #fff;opacity: 0.6;}
	#class.classSkin .class01 .title .tit{color:#fff}
	#class.classSkin .class01 .title .txt{color:#fff;opacity: 0.6;}
	#class.classSkin .class01 .image{display:flex;align-items:center;justify-content:center;}
	#class.classSkin .class01 .image img{display:block;width:auto;max-width:100%;height:Auto}
	#class.classSkin .class01 .text{margin-top: 135px;margin-bottom: 20px;font-size:30px;font-weight: bold;color: #ffffff;text-align: center;}
	#class.classSkin .class01 .button{margin-top: 20px;}
	#class.classSkin .class02{padding: 220px;}
	#class.classSkin .class02 .image{text-align:center;margin-bottom:80px;}
	#class.classSkin .class02 .image img{margin:0 auto;display:block}
	#class.classSkin .class02 .cont{line-height: 33px;font-size: 18px;color: #000000;opacity: 0.8;text-align: center;}
	#class.classSkin .class02 .button{margin-top: 65px;}
	#class.classSkin .class03{padding: 160px 0;background: linear-gradient(180deg, #E8EBF3 0%, rgba(217, 217, 217, 0) 100%);}
	#class.classSkin .class03 .title{margin-bottom:100px;}
	#class.classSkin .class03 .cont{}
	#class.classSkin .class03 .cont ul{display:flex;}
	#class.classSkin .class03 .cont li{display:flex;flex-direction:column;flex:1;}
	#class.classSkin .class03 .cont li + li{margin-left: 47px;}
	#class.classSkin .class03 .cont li .img{border-radius: 30px;overflow: hidden;margin-bottom: 46px;}
	#class.classSkin .class03 .cont li .img img{display:block;width:100%;height:auto;}
	#class.classSkin .class03 .cont li .con{line-height: 27px;font-size:18px;font-weight: bold;color:#000000;text-align:Center;display: flex;align-items: center;justify-content: center;}
	#class.classSkin .class03 .standard{margin-top: 140px;line-height: 26px;font-size: 18px;color: rgb(0 0 0 / 30%);text-align: center;}
	#class.classSkin .class04{padding: 185px 0;}
	#class.classSkin .class04 .image{text-align:center;margin-bottom:80px;}
	#class.classSkin .class04 .image img{margin:0 auto;display:block}
	#class.classSkin .class04 .title{margin-bottom:165px}
	#class.classSkin .class04 .cont{}
	#class.classSkin .class04 .cont ul{display:flex;}
	#class.classSkin .class04 .cont li{width: 25%;}
	#class.classSkin .class04 .cont li + li{margin-left:45px;}
	#class.classSkin .class04 .cont li .box{position: relative;border-radius: 10px;background: #ffffff;display: flex;flex-direction: column;align-items: center;padding: 120px 20px 60px;text-align: center;}
	#class.classSkin .class04 .cont li .tit{font-size: 25px;font-weight: bold;line-height: 36px;color: #ffffff;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);width: 150px;height: 150px;border-radius: 150px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
	#class.classSkin .class04 .cont li .txt{}
	#class.classSkin .class04 .cont li .txt .week{line-height: 26px;font-size: 20px;font-weight: 500;color: #fff;display: flex;align-items: center;justify-content: center;padding: 0 20px;height: 41px;border-radius: 30px;letter-spacing: 1px;}
	#class.classSkin .class04 .cont li .txt .time{font-size: 20px;font-weight: 300;color: #1E2643;margin-top: 25px;}
	#class.classSkin .class04 .cont li:nth-child(1) .box{box-shadow: 0 0 19px rgb(0 0 0 / 5%);border: 1px solid rgb(254 163 56 / 60%);}
	#class.classSkin .class04 .cont li:nth-child(2) .box{box-shadow: 0 0 19px rgb(0 0 0 / 5%);border: 1px solid rgb(254 163 56 / 60%);	}
	#class.classSkin .class04 .cont li:nth-child(3) .box{box-shadow: 0 0 19px rgb(0 0 0 / 5%);border: 1px solid rgb(30 38 67 / 60%);}
	#class.classSkin .class04 .cont li:nth-child(4) .box{box-shadow: 0 0 19px rgb(0 0 0 / 5%);border: 1px solid rgb(30 38 67 / 60%);}
	#class.classSkin .class04 .cont li:nth-child(1) .tit,
	#class.classSkin .class04 .cont li:nth-child(2) .tit{background:#FEA338;}
	#class.classSkin .class04 .cont li:nth-child(1) .txt .week,
	#class.classSkin .class04 .cont li:nth-child(2) .txt .week{background:#FEA338;}
	#class.classSkin .class04 .cont li:nth-child(3) .tit,
	#class.classSkin .class04 .cont li:nth-child(4) .tit{background:#1E2643;}
	#class.classSkin .class04 .cont li:nth-child(3) .txt .week,
	#class.classSkin .class04 .cont li:nth-child(4) .txt .week{background:#1E2643;}
	#class.classSkin .class04 .caution{margin-top: 140px;line-height: 26px;font-size: 18px;color: rgb(0 0 0 / 30%);text-align: center;}
	#class.classSkin .class05{background: #1E2643;padding: 200px 0 165px 0;}
	#class.classSkin .class05 .title{margin: 0 0 110px 0;}
	#class.classSkin .class05 .title .tit{color:#ffffff}
	#class.classSkin .class05 .title .txt{margin-top: 50px;color:#ffffff;opacity: 0.8;}
	#class.classSkin .class05 .cont{margin-bottom: 95px;}
	#class.classSkin .class05 .cont ul{display:flex;flex-wrap:wrap;margin: 0 -22px;}
	#class.classSkin .class05 .cont li{width:50%;display: flex;align-items: center;margin-bottom: 50px;padding: 0 22px;}
	#class.classSkin .class05 .cont li.full{width:100%;}
	#class.classSkin .class05 .cont li .box{border-radius:30px;background:#ffffff;display: flex;align-items: center;padding: 30px;width: 100%;height: 232px;}
	#class.classSkin .class05 .cont li .num{display: flex;align-items: center;justify-content: center;font-size: 20px;line-height: 1;flex-shrink: 0;color: #FEA338;padding: 20px;border-right: 1px solid rgb(55 55 55 / 12%);height: 178px;width: 130px;}
	#class.classSkin .class05 .cont li .num strong{font-size: 70px;font-weight: bold;line-height: 85px;margin-right: 6px;font-family: 'Montserrat';color: #FEA338;}
	#class.classSkin .class05 .cont li .num p{margin-top: 29px;	}
	#class.classSkin .class05 .cont li .con{flex: 1;padding: 40px 0 40px 40px;}
	#class.classSkin .class05 .cont li .tit{line-height: 32px;font-size: 22px;font-weight: bold;margin-bottom: 15px;letter-spacing: -2px;word-break: keep-all;}
	#class.classSkin .class05 .cont li .txt{line-height: 23px;font-size: 16px;color: #1E2643;opacity: 0.7;}
	#class.classSkin .class05 .list{padding: 110px 0 0 0;border-top: 1px solid rgb(255 255 255 / 20%);}
	#class.classSkin .class05 .list ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
	#class.classSkin .class05 .list li{width: 12%;display:flex;align-items:center;justify-content:center;margin: 22px 0;}
	#class.classSkin .class05 .list li .box{border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink: 0;box-shadow: 0 0 0 rgba(0,0,0,0.05);line-height: 36px;font-size: 18px;font-weight: bold;color: #1E2643;background: #fafafa;width: 125px;height: 125px;}
	#class.classSkin .class05 .list li:nth-child(1){margin-left: 7.14%;}
	#class.classSkin .class05 .list li:nth-child(6){margin-right: 9%;}
	#class.classSkin .class05 .list li:hover .box{color:#ffffff;border-color:transparent;background: #FEA338;}
	#class.classSkin .class05 .list{padding: 110px 0 0 0;border-top: 1px solid rgb(255 255 255 / 20%);}
	#class.classSkin .class05 .list ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
	#class.classSkin .class05 .list li{width: 12%;display:flex;align-items:center;justify-content:center;margin: 22px 0;}
	#class.classSkin .class05 .list li .box{border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink: 0;box-shadow: 0 0 0 rgba(0,0,0,0.05);line-height: 36px;font-size: 18px;font-weight: bold;color: #1E2643;background: #fafafa;width: 125px;height: 125px;}
	#class.classSkin .class05 .list li:nth-child(1){margin-left: 7.14%;}
	#class.classSkin .class05 .list li:nth-child(6){margin-right: 9%;}
	#class.classSkin .class05 .list li:hover .box{color:#ffffff;border-color:transparent;background: #FEA338;}
	#class.classSkin .class06{padding: 145px 0 185px 0;}
	#class.classSkin .class06 .title{margin-bottom:120px;}
	#class.classSkin .class06 .list{margin-top:60px;}
	#class.classSkin .class06 .list ul{display:flex;flex-wrap:wrap;justify-content:center;}
	#class.classSkin .class06 .list li{position: relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content: center;background: #fff;padding: 56px 20px;text-align: center;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);border-radius: 20px;}
	#class.classSkin .class06 .list li + li{margin-left:30px;}
	#class.classSkin .class06 .list li .num{line-height: 26px;font-size: 26px;font-weight: 900;color: #fff;font-family: 'Montserrat','Noto Sans KR';margin-bottom: 16px;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);width: 70px;height: 70px;border-radius: 70px;background: #2588DB;display: flex;align-items: center;justify-content: center;}
	#class.classSkin .class06 .list li .tit{line-height: 26px;font-size: 17px;color: #2588DB;}
	#class.classSkin .class06 .text{margin-top: 40px;display: flex;flex-direction: column;align-items: center;border-radius: 10px;background: #2588DB;padding: 38px 0;text-align: center;line-height: 26px;font-size: 20px;color: #fff;}
	#class.classSkin .class07{background: #1E2643;padding: 125px 0 300px;}
	#class.classSkin .class07 .title{margin-bottom:120px;}
	#class.classSkin .class07 .title .tit{color:#fff;margin-bottom:52px;}
	#class.classSkin .class07 .title .txt{color:#fff;opacity:0.8}
	#class.classSkin .class07 .cont{}
	#class.classSkin .class07 .cont ul{width: 1000px;max-width: 100%;margin: 0 auto;}
	#class.classSkin .class07 .cont li{padding: 50px 50px 50px 120px;border-radius: 20px;background: rgb(255 255 255 / 80%);line-height: 30px;display: flex;align-items: center;position: relative;}
	#class.classSkin .class07 .cont li + li{margin-top: 50px;}
	#class.classSkin .class07 .cont li .img{width: 125px;height: 125px;border-radius:50%;overflow:hidden;flex-shrink: 0;position: absolute;top: 50%;left: 0;transform: translate(-50%,-50%);background: #ffffff;display: flex;align-items: center;justify-content: center;}
	#class.classSkin .class07 .cont li .img img{display:block;width: auto;height: auto;max-width: 80%;max-height: 80%;}
	#class.classSkin .class07 .cont li .con{flex:1;}
	#class.classSkin .class07 .cont li .tit{line-height: 45px;font-size: 30px;font-weight: bold;color: #1E2643;margin-bottom: 18px;}
	#class.classSkin .class07 .cont li .txt{line-height: 26px;font-size: 18px;color: #1E2643;opacity: 0.7;}
	#class.classSkin .class07 .cont li:nth-child(1){background: linear-gradient(90deg, #83D6C5 11.95%, #1D7EDD 100.03%);}
	#class.classSkin .class07 .cont li:nth-child(1) .tit,
	#class.classSkin .class07 .cont li:nth-child(1) .txt{color:#ffffff;}
	#class.classSkin .class08{padding: 150px 0;background: #F5F5F5;}
	#class.classSkin .class08 .cont{}
	#class.classSkin .class08 .cont .big{display: flex;justify-content: center;flex-direction: column;width: 520px;margin: 0 auto 70px;}
	#class.classSkin .class08 .cont .big p{display:flex;align-items:center;justify-content:center;line-height: 1;font-size: 70px;font-weight:bold;color: #1E2643;padding: 38px 45px;background: #fff;border-radius: 25px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);letter-spacing: -7px;}
	#class.classSkin .class08 .cont .big p:nth-child(1){margin:0 auto 0 0;color: #FEA338;}
	#class.classSkin .class08 .cont .big p:nth-child(2){margin: -30px 0 0 auto;}
	#class.classSkin .class08 .cont .txt{line-height: 26px;font-size: 18px;color: #1E2643;text-align:center;}
	#class.classSkin .class09{padding: 160px 0;}
	#class.classSkin .class09 .wrap{width:1000px;padding:68px;border-radius:68px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classSkin .class09 .title{margin-bottom:50px;}
	#class.classSkin .class09 .title .sub{color: #262626;font-weight: 400;}
	#class.classSkin .class09 .title .tit{margin-bottom:35px}
	#class.classSkin .class09 .cont{border-radius:50px;background:#ffffff}
	#class.classSkin .class09 .cont ul{display:flex;flex-wrap:wrap;align-items:center;text-align:center;justify-content:center;}
	#class.classSkin .class09 .cont li{padding: 0 32px;font-size: 21px;font-weight:bold;margin: 0 10px 20px;color: #1E2643;background: #F0F0F0;border-radius: 36px;display: flex;align-items: center;justify-content: center;height: 58px;}
	#class.classSkin .class10{background: linear-gradient(90deg, #83D6C5 11.95%, #1D7EDD 100.03%);position: relative;}
	#class.classSkin .class10 .title{}
	#class.classSkin .class10 .title .sub{color:#fff;opacity:0.8}
	#class.classSkin .class10 .title .tit{color:#fff;margin-bottom: 26px;}
	#class.classSkin .class10 .title .txt{color:#fff;opacity:0.8}
	#class.classSkin .class10 .cont{margin:0 auto;width:800px;max-width:100%;}
	#class.classSkin .class10 .price{text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	#class.classSkin .class10 .price p{display: flex;min-width: 215px;height: 75px;align-items: center;justify-content: center;margin-bottom: 12px;line-height: 32px;font-size: 22px;font-weight: bold;color: #000000;background: #fff;border-radius: 75px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classSkin .class10 .price strong{display:block;line-height: 79px;font-size: 65px;font-weight: bold;color: #ffffff;font-family: 'Montserrat','Noto Sans KR';position: relative;}
	#class.classSkin .class10 .price strong:after{content:'';position:absolute;bottom: -5px;left: -15px;right: -15px;height: 36px;background:rgba(255,255,255,0.15)}
	#class.classSkin .class10 .price span{display:block;margin-top: 36px;line-height: 40px;font-size: 27px;color: #fff;}
	#class.classSkin .class10 .price span > em{font-weight:bold;text-decoration:underline}
	#class.classSkin .class10 .cost{display:flex;align-items:center;justify-content:center;margin-top: 70px;}
	#class.classSkin .class10 .cost .box{width: 33.33%;height: 172px;border-radius: 15px;padding:30px;background: rgb(255 255 255 / 20%);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;border: 1px solid rgb(255 255 255 / 59%);box-shadow: 0px 0px 10px rgba(26, 98, 158, 0.63);}
	#class.classSkin .class10 .cost .box + .box{margin-left: 55px;}
	#class.classSkin .class10 .cost .box p{line-height: 27px;font-size: 20px;color: #fff;margin-bottom: 22px;}
	#class.classSkin .class10 .cost .box strong{display: block;line-height: 37px;font-size: 30px;font-weight: bold;color: #fff;font-family: 'Montserrat','Noto Sans KR';}
	#class.classSkin .class10 .button{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,50%);}
	#class.classSkin .class10 .button .btn{min-width: 424px;height: 87px;background:#1E2643;font-size: 24px;font-weight: bold;color: #fff;border: 0;}
	#class.classSkin .class11{padding: 240px 0 120px;}
	#class.classSkin .class11 .wrap{width:1400px}
	#class.classSkin .class11 .list{margin-top:90px;overflow: hidden;}
	#class.classSkin .class11 .list .swiper-slide{position: relative;}
	#class.classSkin .class11 .list .swiper-slide:hover .tit,
	#class.classSkin .class11 .list .swiper-slide:hover .txt{opacity:1;}
	#class.classSkin .class11 .list .swiper-dots{margin-top:92px;display: flex;align-items: center;justify-content: center;}
	#class.classSkin .class11 .list .swiper-dots span{margin:0 7px;width:13px;height:13px;border-radius:13px;background:#d9d9d9;text-indent: -9999em;opacity: 1;}
	#class.classSkin .class11 .list .swiper-dots span.swiper-pagination-bullet-active{background:#FEA338}
	#class.classSkin .class11 .list .img{}
	#class.classSkin .class11 .list .img img{display: block;width: 100%;height: auto;}
	#class.classSkin .class11 .list .con{padding: 16px 0;}
	#class.classSkin .class11 .list .tit{display: flex;align-items: center;width: 100%;transition: all 0.35s;}
	#class.classSkin .class11 .list .tit em{padding: 0 7px;display: flex;align-items: center;justify-content: center;height: 30px;border-radius: 4px;background: #FEA338;font-size: 15px;font-weight: bold;color: #ffffff;margin-right: 10px;flex-shrink: 0;}
	#class.classSkin .class11 .list .tit p{line-height: 30px;font-size: 25px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #1E2643;letter-spacing: -1px;}
	#class.classSkin .class11 .list .txt{line-height: 22px;font-size: 15px;font-weight: 300;color: #1E2643;width: 100%;margin-top: 10px;}

	#class.classScalp{}
	#class.classScalp .class01{background: url("/html/images/class_img/classScalp.png") no-repeat 50% 50% / cover;padding:240px 0;}
	#class.classScalp .class01 .title{}
	#class.classScalp .class01 .title .sub{color: #fff;opacity: 1;}
	#class.classScalp .class01 .title .tit{color:#fff}
	#class.classScalp .class01 .title .txt{color:#fff;opacity: 1;}
	#class.classScalp .class01 .image{display:flex;align-items:center;justify-content:center;}
	#class.classScalp .class01 .image img{display:block;width:auto;max-width:100%;height:Auto}
	#class.classScalp .class01 .text{margin-top: 135px;margin-bottom: 20px;font-size:30px;font-weight: bold;color: #ffffff;text-align: center;}
	#class.classScalp .class01 .button{margin-top: 20px;}
	#class.classScalp .class02{padding: 220px;}
	#class.classScalp .class02 .image{text-align:center;margin-bottom:80px;}
	#class.classScalp .class02 .image img{margin:0 auto;display:block}
	#class.classScalp .class02 .cont{line-height: 33px;font-size: 18px;color: #000000;opacity: 0.8;text-align: center;}
	#class.classScalp .class02 .button{margin-top: 65px;}
	#class.classScalp .class03{padding: 160px 0;background: linear-gradient(180deg, #E8EBF3 0%, rgba(217, 217, 217, 0) 100%);}
	#class.classScalp .class03 .title{margin-bottom:100px;}
	#class.classScalp .class03 .cont{}
	#class.classScalp .class03 .cont ul{display:flex;}
	#class.classScalp .class03 .cont li{display:flex;flex-direction:column;flex:1;}
	#class.classScalp .class03 .cont li + li{margin-left: 47px;}
	#class.classScalp .class03 .cont li .img{border-radius: 30px;overflow: hidden;margin-bottom: 46px;}
	#class.classScalp .class03 .cont li .img img{display:block;width:100%;height:auto;}
	#class.classScalp .class03 .cont li .con{line-height: 27px;font-size:18px;font-weight: bold;color:#000000;text-align:Center;display: flex;align-items: center;justify-content: center;}
	#class.classScalp .class03 .standard{margin-top: 140px;line-height: 26px;font-size: 18px;color: rgb(0 0 0 / 30%);text-align: center;}
	#class.classScalp .class04{padding: 185px 0;}
	#class.classScalp .class04 .image{text-align:center;margin-bottom:80px;}
	#class.classScalp .class04 .image img{margin:0 auto;display:block}
	#class.classScalp .class04 .title{margin-bottom:165px}
	#class.classScalp .class04 .cont{margin: 0 auto;width: 560px;max-width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;height: 390px;border: 1px solid rgb(30 38 67 / 60%);background: #fff;border-radius: 20px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classScalp .class04 .cont .img{margin-bottom:22px;}
	#class.classScalp .class04 .cont .tit{line-height: 43px;font-size: 30px;font-weight: bold;}
	#class.classScalp .class04 .cont .txt{margin-top: 34px;line-height: 27px;font-size: 20px;color: #262626;}
	#class.classScalp .class04 .caution{line-height: 33px;font-size: 16px;color: rgb(0 0 0 / 70%);text-align: left;width: 540px;margin: 22px auto 0;}
	#class.classScalp .class04 .caution p{display:flex;}
	#class.classScalp .class04 .caution p:before{content:'';display:flex;margin: 14px 11px 0 0;width: 4px;height: 4px;background:#707070;border-radius: 4px;}
	#class.classScalp .class05{background: #1E2643;padding: 200px 0 165px 0;}
	#class.classScalp .class05 .title{margin: 0 0 110px 0;}
	#class.classScalp .class05 .title .tit{color:#ffffff}
	#class.classScalp .class05 .title .txt{margin-top: 50px;color:#ffffff;opacity: 0.8;}
	#class.classScalp .class05 .cont{margin-bottom: 95px;}
	#class.classScalp .class05 .cont ul{display:flex;flex-wrap:wrap;margin: 0 -22px;}
	#class.classScalp .class05 .cont li{width:50%;display: flex;align-items: center;margin-bottom: 50px;padding: 0 22px;}
	#class.classScalp .class05 .cont li.full{width:100%;}
	#class.classScalp .class05 .cont li .box{border-radius:30px;background:#ffffff;display: flex;align-items: center;padding: 30px;width: 100%;height: 232px;}
	#class.classScalp .class05 .cont li .num{display: flex;align-items: center;justify-content: center;font-size: 20px;line-height: 1;flex-shrink: 0;color: #FEA338;padding: 20px;border-right: 1px solid rgb(55 55 55 / 12%);height: 178px;width: 130px;}
	#class.classScalp .class05 .cont li .num strong{font-size: 70px;font-weight: bold;line-height: 85px;margin-right: 6px;font-family: 'Montserrat';color: #FEA338;}
	#class.classScalp .class05 .cont li .num p{margin-top: 29px;	}
	#class.classScalp .class05 .cont li .con{flex: 1;padding: 40px 0 40px 40px;}
	#class.classScalp .class05 .cont li .tit{line-height: 32px;font-size: 22px;font-weight: bold;margin-bottom: 15px;letter-spacing: -2px;word-break: keep-all;}
	#class.classScalp .class05 .cont li .txt{line-height: 23px;font-size: 16px;color: #1E2643;opacity: 0.7;}
	#class.classScalp .class05 .list{padding: 110px 0 0 0;border-top: 1px solid rgb(255 255 255 / 20%);}
	#class.classScalp .class05 .list ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
	#class.classScalp .class05 .list li{width: 12%;display:flex;align-items:center;justify-content:center;margin: 22px 0;}
	#class.classScalp .class05 .list li .box{border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink: 0;box-shadow: 0 0 0 rgba(0,0,0,0.05);line-height: 36px;font-size: 18px;font-weight: bold;color: #1E2643;background: #fafafa;width: 125px;height: 125px;}
	#class.classScalp .class05 .list li:nth-child(1){margin-left: 7.14%;}
	#class.classScalp .class05 .list li:nth-child(6){margin-right: 9%;}
	#class.classScalp .class05 .list li:hover .box{color:#ffffff;border-color:transparent;background: #FEA338;}
	#class.classScalp .class06{padding: 145px 0 185px 0;background: #F5F5F5;}
	#class.classScalp .class06 .title{margin-bottom:120px;}
	#class.classScalp .class06 .list{margin-top:60px;}
	#class.classScalp .class06 .list ul{display:flex;flex-wrap:wrap;justify-content:center;}
	#class.classScalp .class06 .list li{position: relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content: center;background: #fff;padding: 56px 20px;text-align: center;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);border-radius: 20px;}
	#class.classScalp .class06 .list li + li{margin-left:30px;}
	#class.classScalp .class06 .list li .num{line-height: 26px;font-size: 26px;font-weight: 900;color: #fff;font-family: 'Montserrat','Noto Sans KR';margin-bottom: 16px;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);width: 70px;height: 70px;border-radius: 70px;background: #2588DB;display: flex;align-items: center;justify-content: center;}
	#class.classScalp .class06 .list li .tit{line-height: 26px;font-size: 17px;color: #2588DB;}
	#class.classScalp .class06 .text{margin-top: 40px;display: flex;flex-direction: column;align-items: center;border-radius: 10px;background: #2588DB;padding: 38px 0;text-align: center;line-height: 26px;font-size: 20px;color: #fff;}
	#class.classScalp .class07{padding: 160px 0;}
	#class.classScalp .class07 .wrap{width:1000px;padding:68px;border-radius:68px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classScalp .class07 .title{margin-bottom:80px;}
	#class.classScalp .class07 .title .sub{color: #262626;font-weight: 400;}
	#class.classScalp .class07 .title .tit{margin-bottom:35px}
	#class.classScalp .class07 .cont{border-radius:50px;background:#ffffff}
	#class.classScalp .class07 .cont ul{display:flex;flex-wrap:wrap;align-items:center;text-align:center;justify-content:center;}
	#class.classScalp .class07 .cont li{padding: 0 32px;font-size: 21px;font-weight:bold;margin: 0 10px 20px;color: #1E2643;background: #F0F0F0;border-radius: 36px;display: flex;align-items: center;justify-content: center;height: 58px;}
	#class.classScalp .class08{background: linear-gradient(90deg, #83D6C5 11.95%, #1D7EDD 100.03%);position: relative;}
	#class.classScalp .class08 .title{}
	#class.classScalp .class08 .title .sub{color:#fff;opacity:0.8}
	#class.classScalp .class08 .title .tit{color:#fff;margin-bottom: 26px;}
	#class.classScalp .class08 .title .txt{color:#fff;opacity:0.8}
	#class.classScalp .class08 .cont{margin:0 auto;width:800px;max-width:100%;}
	#class.classScalp .class08 .price{text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	#class.classScalp .class08 .price p{display: flex;min-width: 215px;height: 75px;align-items: center;justify-content: center;margin-bottom: 12px;line-height: 32px;font-size: 22px;font-weight: bold;color: #000000;background: #fff;border-radius: 75px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classScalp .class08 .price strong{display:block;line-height: 79px;font-size: 65px;font-weight: bold;color: #ffffff;font-family: 'Montserrat','Noto Sans KR';position: relative;}
	#class.classScalp .class08 .price strong:after{content:'';position:absolute;bottom: -5px;left: -15px;right: -15px;height: 36px;background:rgba(255,255,255,0.15)}
	#class.classScalp .class08 .price span{display:block;margin-top: 36px;line-height: 40px;font-size: 27px;color: #fff;}
	#class.classScalp .class08 .price span > em{font-weight:bold;text-decoration:underline}
	#class.classScalp .class08 .cost{display:flex;align-items:center;justify-content:center;margin-top: 70px;}
	#class.classScalp .class08 .cost .box{width: 33.33%;height: 172px;border-radius: 15px;padding:30px;background: rgb(255 255 255 / 20%);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;border: 1px solid rgb(255 255 255 / 59%);box-shadow: 0px 0px 10px rgba(26, 98, 158, 0.63);}
	#class.classScalp .class08 .cost .box + .box{margin-left: 55px;}
	#class.classScalp .class08 .cost .box p{line-height: 27px;font-size: 20px;color: #fff;margin-bottom: 22px;}
	#class.classScalp .class08 .cost .box strong{display: block;line-height: 37px;font-size: 30px;font-weight: bold;color: #fff;font-family: 'Montserrat','Noto Sans KR';}
	#class.classScalp .class08 .button{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,50%);}
	#class.classScalp .class08 .button .btn{min-width: 424px;height: 87px;background:#1E2643;font-size: 24px;font-weight: bold;color: #fff;border: 0;}
	#class.classScalp .class09{border-bottom: 1px solid #fafafa;padding: 220px 0;}
	#class.classScalp .class09 .cont{}
	#class.classScalp .class09 .cert{}
	#class.classScalp .class09 .cert ul{display: flex;justify-content: center;}
	#class.classScalp .class09 .cert li{display: flex;width: 25%;flex-direction: column;align-items: center;}
	#class.classScalp .class09 .cert li + li{}
	#class.classScalp .class09 .cert li img{display: block;width: auto;max-width: 100%;height: auto;}
	#class.classScalp .class09 .cert li p{margin-top: auto;line-height: 26px;font-size: 18px;color: #000000;}
	#class.classScalp .class09 .text{margin-top:100px;text-align: center;line-height: 28px;font-size: 20px;color: #000000;}
	#class.classScalp .class10{padding: 240px 0 120px;background:#2588DB}
	#class.classScalp .class10 .wrap{width:1400px}
	#class.classScalp .class10 .title{}
	#class.classScalp .class10 .title .tit{color:#fff}
	#class.classScalp .class10 .list{margin-top:90px;overflow: hidden;}
	#class.classScalp .class10 .list .swiper-slide{position: relative;}
	#class.classScalp .class10 .list .swiper-slide:hover .tit,
	#class.classScalp .class10 .list .swiper-slide:hover .txt{opacity:1;}
	#class.classScalp .class10 .list .swiper-dots{margin-top:92px;display: flex;align-items: center;justify-content: center;}
	#class.classScalp .class10 .list .swiper-dots span{margin:0 7px;width:13px;height:13px;border-radius:13px;background:#d9d9d9;text-indent: -9999em;opacity: 1;}
	#class.classScalp .class10 .list .swiper-dots span.swiper-pagination-bullet-active{background:#FEA338}
	#class.classScalp .class10 .list .img{}
	#class.classScalp .class10 .list .img img{display: block;width: 100%;height: auto;}
	#class.classScalp .class10 .list .con{padding: 16px 0;}
	#class.classScalp .class10 .list .tit{display: flex;align-items: center;width: 100%;transition: all 0.35s;}
	#class.classScalp .class10 .list .tit em{padding: 0 7px;display: flex;align-items: center;justify-content: center;height: 30px;border-radius: 4px;background: #FEA338;font-size: 15px;font-weight: bold;color: #ffffff;margin-right: 10px;flex-shrink: 0;}
	#class.classScalp .class10 .list .tit p{line-height: 30px;font-size: 25px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #fff;letter-spacing: -1px;}
	#class.classScalp .class10 .list .txt{line-height: 22px;font-size: 15px;font-weight: 300;color: #fff;width: 100%;margin-top: 10px;}

	#class.classBody{}
	#class.classBody .class01{background: url("/html/images/class_img/classBody.png") no-repeat 50% 50% / cover;padding: 248px 0;}
	#class.classBody .class01 .title{}
	#class.classBody .class01 .title .sub{color: #fff;opacity: 0.6;}
	#class.classBody .class01 .title .tit{color:#fff}
	#class.classBody .class01 .title .txt{color:#fff;opacity: 0.6;}
	#class.classBody .class01 .image{display:flex;align-items:center;justify-content:center;}
	#class.classBody .class01 .image img{display:block;width:auto;max-width:100%;height:Auto}
	#class.classBody .class01 .text{margin-top: 60px;margin-bottom: 45px;font-size: 20px;color: #ffffff;text-align: center;display: flex;justify-content: center;}
	#class.classBody .class01 .text p{width: 320px;height: 125px;border-radius: 21px;background: rgba(255,255,255,0.1);display: flex;align-items: center;justify-content: center;flex-direction: column;}
	#class.classBody .class01 .text p + p{margin-left: 25px;}
	#class.classBody .class01 .button{margin-top: 45px;}
	#class.classBody .class02{padding: 220px;}
	#class.classBody .class02 .image{text-align:center;margin-bottom:80px;}
	#class.classBody .class02 .image img{margin:0 auto;display:block}
	#class.classBody .class02 .cont{line-height: 33px;font-size: 18px;color: #000000;opacity: 0.8;text-align: center;}
	#class.classBody .class02 .button{margin-top: 65px;}
	#class.classBody .class03{padding: 160px 0;background: linear-gradient(180deg, #E8EBF3 0%, rgba(217, 217, 217, 0) 100%);}
	#class.classBody .class03 .title{margin-bottom:100px;}
	#class.classBody .class03 .cont{}
	#class.classBody .class03 .cont ul{display:flex;}
	#class.classBody .class03 .cont li{display:flex;flex-direction:column;flex:1;}
	#class.classBody .class03 .cont li + li{margin-left: 47px;}
	#class.classBody .class03 .cont li .img{border-radius: 30px;overflow: hidden;margin-bottom: 46px;}
	#class.classBody .class03 .cont li .img img{display:block;width:100%;height:auto;}
	#class.classBody .class03 .cont li .con{line-height: 27px;font-size:18px;font-weight: bold;color:#000000;text-align:Center;display: flex;align-items: center;justify-content: center;}
	#class.classBody .class03 .standard{margin-top: 140px;line-height: 26px;font-size: 18px;color: rgb(0 0 0 / 30%);text-align: center;}
	#class.classBody .class04{padding: 185px 0;}
	#class.classBody .class04 .image{text-align:center;margin-bottom:80px;}
	#class.classBody .class04 .image img{margin:0 auto;display:block}
	#class.classBody .class04 .title{margin-bottom: 120px;}
	#class.classBody .class04 .cont{margin: 0 auto;width: 560px;max-width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;height: 390px;border: 1px solid rgb(30 38 67 / 60%);background: #fff;border-radius: 20px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classBody .class04 .cont .img{margin-bottom:22px;}
	#class.classBody .class04 .cont .tit{line-height: 43px;font-size: 30px;font-weight: bold;}
	#class.classBody .class04 .cont .txt{margin-top: 34px;line-height: 27px;font-size: 20px;color: #262626;}
	#class.classBody .class04 .caution{line-height: 33px;font-size: 16px;color: rgb(0 0 0 / 70%);text-align: left;width: 540px;margin: 22px auto 0;}
	#class.classBody .class04 .caution p{display:flex;}
	#class.classBody .class04 .caution p:before{content:'';display:flex;margin: 14px 11px 0 0;width: 4px;height: 4px;background:#707070;border-radius: 4px;}
	#class.classBody .class05{background: #1E2643;padding: 200px 0 165px 0;}
	#class.classBody .class05 .title{margin: 0 0 110px 0;}
	#class.classBody .class05 .title .tit{color:#ffffff}
	#class.classBody .class05 .title .txt{margin-top: 50px;color:#ffffff;opacity: 0.8;}
	#class.classBody .class05 .cont{margin-bottom: 95px;}
	#class.classBody .class05 .cont ul{display:flex;flex-wrap:wrap;margin: 0 -22px;}
	#class.classBody .class05 .cont li{width:50%;display: flex;align-items: center;margin-bottom: 50px;padding: 0 22px;}
	#class.classBody .class05 .cont li.full{width:100%;}
	#class.classBody .class05 .cont li .box{border-radius:30px;background:#ffffff;display: flex;align-items: center;padding: 30px;width: 100%;height: 232px;}
	#class.classBody .class05 .cont li .num{display: flex;align-items: center;justify-content: center;font-size: 20px;line-height: 1;flex-shrink: 0;color: #FEA338;padding: 20px;border-right: 1px solid rgb(55 55 55 / 12%);height: 178px;width: 130px;}
	#class.classBody .class05 .cont li .num strong{font-size: 70px;font-weight: bold;line-height: 85px;margin-right: 6px;font-family: 'Montserrat';color: #FEA338;}
	#class.classBody .class05 .cont li .num p{margin-top: 29px;	}
	#class.classBody .class05 .cont li .con{flex: 1;padding: 40px 0 40px 40px;}
	#class.classBody .class05 .cont li .tit{line-height: 32px;font-size: 22px;font-weight: bold;margin-bottom: 15px;letter-spacing: -2px;word-break: keep-all;}
	#class.classBody .class05 .cont li .txt{line-height: 23px;font-size: 16px;color: #1E2643;opacity: 0.7;}
	#class.classBody .class06{padding: 145px 0 185px 0;background: #F5F5F5;}
	#class.classBody .class06 .title{margin-bottom:120px;}
	#class.classBody .class06 .list{margin-top:60px;}
	#class.classBody .class06 .list ul{display:flex;flex-wrap:wrap;justify-content:center;}
	#class.classBody .class06 .list li{position: relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content: center;background: #fff;padding: 56px 20px;text-align: center;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);border-radius: 20px;}
	#class.classBody .class06 .list li + li{margin-left:30px;}
	#class.classBody .class06 .list li .num{line-height: 26px;font-size: 26px;font-weight: 900;color: #fff;font-family: 'Montserrat','Noto Sans KR';margin-bottom: 16px;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);width: 70px;height: 70px;border-radius: 70px;background: #2588DB;display: flex;align-items: center;justify-content: center;}
	#class.classBody .class06 .list li .tit{line-height: 26px;font-size: 17px;color: #2588DB;}
	#class.classBody .class06 .text{margin-top: 40px;display: flex;flex-direction: column;align-items: center;border-radius: 10px;background: #2588DB;padding: 38px 0;text-align: center;line-height: 26px;font-size: 20px;color: #fff;}
	#class.classBody .class07{padding: 160px 0;}
	#class.classBody .class07 .wrap{width:1000px;padding:68px;border-radius:68px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classBody .class07 .title{margin-bottom:80px;}
	#class.classBody .class07 .title .sub{color: #262626;font-weight: 400;}
	#class.classBody .class07 .title .tit{margin-bottom:35px}
	#class.classBody .class07 .cont{border-radius:50px;background:#ffffff}
	#class.classBody .class07 .cont ul{display:flex;flex-wrap:wrap;align-items:center;text-align:center;justify-content:center;}
	#class.classBody .class07 .cont li{padding: 0 32px;font-size: 21px;font-weight:bold;margin: 0 10px 20px;color: #1E2643;background: #F0F0F0;border-radius: 36px;display: flex;align-items: center;justify-content: center;height: 58px;}
	#class.classBody .class08{background: linear-gradient(90deg, #83D6C5 11.95%, #1D7EDD 100.03%);position: relative;}
	#class.classBody .class08 .title{}
	#class.classBody .class08 .title .sub{color:#fff;opacity:0.8}
	#class.classBody .class08 .title .tit{color:#fff;margin-bottom: 26px;}
	#class.classBody .class08 .title .txt{color:#fff;opacity:0.8}
	#class.classBody .class08 .cont{margin:0 auto;width:800px;max-width:100%;}
	#class.classBody .class08 .price{text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	#class.classBody .class08 .price p{display: flex;min-width: 215px;height: 75px;align-items: center;justify-content: center;margin-bottom: 12px;line-height: 32px;font-size: 22px;font-weight: bold;color: #000000;background: #fff;border-radius: 75px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classBody .class08 .price strong{display:block;line-height: 79px;font-size: 65px;font-weight: bold;color: #ffffff;font-family: 'Montserrat','Noto Sans KR';position: relative;}
	#class.classBody .class08 .price strong:after{content:'';position:absolute;bottom: -5px;left: -15px;right: -15px;height: 36px;background:rgba(255,255,255,0.15)}
	#class.classBody .class08 .price span{display:block;margin-top: 36px;line-height: 40px;font-size: 27px;color: #fff;}
	#class.classBody .class08 .price span > em{font-weight:bold;text-decoration:underline}
	#class.classBody .class08 .cost{display:flex;align-items:center;justify-content:center;margin-top: 70px;}
	#class.classBody .class08 .cost .box{width: 33.33%;height: 172px;border-radius: 15px;padding:30px;background: rgb(255 255 255 / 20%);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;border: 1px solid rgb(255 255 255 / 59%);box-shadow: 0px 0px 10px rgba(26, 98, 158, 0.63);}
	#class.classBody .class08 .cost .box + .box{margin-left: 55px;}
	#class.classBody .class08 .cost .box p{line-height: 27px;font-size: 20px;color: #fff;margin-bottom: 22px;}
	#class.classBody .class08 .cost .box strong{display: block;line-height: 37px;font-size: 30px;font-weight: bold;color: #fff;font-family: 'Montserrat','Noto Sans KR';}
	#class.classBody .class08 .button{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,50%);}
	#class.classBody .class08 .button .btn{min-width: 424px;height: 87px;background:#1E2643;font-size: 24px;font-weight: bold;color: #fff;border: 0;}
	#class.classBody .class09{border-bottom: 1px solid #fafafa;padding: 220px 0;}
	#class.classBody .class09 .cont{}
	#class.classBody .class09 .cert{}
	#class.classBody .class09 .cert ul{display: flex;justify-content: center;}
	#class.classBody .class09 .cert li{display: flex;width: 25%;flex-direction: column;align-items: center;}
	#class.classBody .class09 .cert li + li{}
	#class.classBody .class09 .cert li img{display: block;width: auto;max-width: 100%;height: auto;}
	#class.classBody .class09 .cert li p{margin-top: auto;line-height: 26px;font-size: 18px;color: #000000;}
	#class.classBody .class09 .text{margin-top:100px;text-align: center;line-height: 28px;font-size: 20px;color: #000000;}
	#class.classBody .class10{padding: 240px 0 120px;background:#2588DB}
	#class.classBody .class10 .wrap{width:1400px}
	#class.classBody .class10 .title{}
	#class.classBody .class10 .title .tit{color:#fff}
	#class.classBody .class10 .list{margin-top:90px;overflow: hidden;}
	#class.classBody .class10 .list .swiper-slide{position: relative;}
	#class.classBody .class10 .list .swiper-slide:hover .tit,
	#class.classBody .class10 .list .swiper-slide:hover .txt{opacity:1;}
	#class.classBody .class10 .list .swiper-dots{margin-top:92px;display: flex;align-items: center;justify-content: center;}
	#class.classBody .class10 .list .swiper-dots span{margin:0 7px;width:13px;height:13px;border-radius:13px;background:#d9d9d9;text-indent: -9999em;opacity: 1;}
	#class.classBody .class10 .list .swiper-dots span.swiper-pagination-bullet-active{background:#FEA338}
	#class.classBody .class10 .list .img{}
	#class.classBody .class10 .list .img img{display: block;width: 100%;height: auto;}
	#class.classBody .class10 .list .con{padding: 16px 0;}
	#class.classBody .class10 .list .tit{display: flex;align-items: center;width: 100%;transition: all 0.35s;}
	#class.classBody .class10 .list .tit em{padding: 0 7px;display: flex;align-items: center;justify-content: center;height: 30px;border-radius: 4px;background: #FEA338;font-size: 15px;font-weight: bold;color: #ffffff;margin-right: 10px;flex-shrink: 0;}
	#class.classBody .class10 .list .tit p{line-height: 30px;font-size: 25px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #fff;letter-spacing: -1px;}
	#class.classBody .class10 .list .txt{line-height: 22px;font-size: 15px;font-weight: 300;color: #fff;width: 100%;margin-top: 10px;}

	#class.classHealth{}
	#class.classHealth .class01{background: url("/html/images/class_img/classHealth.png") no-repeat 50% 50% / cover;padding: 248px 0;}
	#class.classHealth .class01 .title{}
	#class.classHealth .class01 .title .sub{color: #fff;opacity: 0.6;}
	#class.classHealth .class01 .title .tit{color:#fff}
	#class.classHealth .class01 .title .txt{color:#fff;opacity: 0.6;}
	#class.classHealth .class01 .image{display:flex;align-items:center;justify-content:center;}
	#class.classHealth .class01 .image img{display:block;width:auto;max-width:100%;height:Auto}
	#class.classHealth .class01 .text{margin-top: 60px;margin-bottom: 45px;font-size: 20px;color: #ffffff;text-align: center;display: flex;justify-content: center;}
	#class.classHealth .class01 .text p{width: 320px;height: 125px;border-radius: 21px;background: rgba(255,255,255,0.1);display: flex;align-items: center;justify-content: center;flex-direction: column;}
	#class.classHealth .class01 .text p + p{margin-left: 25px;}
	#class.classHealth .class01 .button{margin-top: 45px;}
	#class.classHealth .class02{padding: 220px;}
	#class.classHealth .class02 .image{text-align:center;margin-bottom:80px;}
	#class.classHealth .class02 .image img{margin:0 auto;display:block}
	#class.classHealth .class02 .cont{line-height: 33px;font-size: 18px;color: #000000;opacity: 0.8;text-align: center;}
	#class.classHealth .class02 .button{margin-top: 65px;}
	#class.classHealth .class03{padding: 160px 0;background: linear-gradient(180deg, #E8EBF3 0%, rgba(217, 217, 217, 0) 100%);}
	#class.classHealth .class03 .title{margin-bottom:100px;}
	#class.classHealth .class03 .cont{}
	#class.classHealth .class03 .cont ul{display:flex;}
	#class.classHealth .class03 .cont li{display:flex;flex-direction:column;flex:1;}
	#class.classHealth .class03 .cont li + li{margin-left: 47px;}
	#class.classHealth .class03 .cont li .img{border-radius: 30px;overflow: hidden;margin-bottom: 46px;}
	#class.classHealth .class03 .cont li .img img{display:block;width:100%;height:auto;}
	#class.classHealth .class03 .cont li .con{line-height: 27px;font-size:18px;font-weight: bold;color:#000000;text-align:Center;display: flex;align-items: center;justify-content: center;}
	#class.classHealth .class03 .standard{margin-top: 140px;line-height: 26px;font-size: 18px;color: rgb(0 0 0 / 30%);text-align: center;}
	#class.classHealth .class04{padding: 185px 0;}
	#class.classHealth .class04 .image{text-align:center;margin-bottom:80px;}
	#class.classHealth .class04 .image img{margin:0 auto;display:block}
	#class.classHealth .class04 .title{margin-bottom: 120px;}
	#class.classHealth .class04 .cont{margin: 0 auto;width: 560px;max-width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;height: 390px;border: 1px solid rgb(30 38 67 / 60%);background: #fff;border-radius: 20px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classHealth .class04 .cont .img{margin-bottom:22px;}
	#class.classHealth .class04 .cont .tit{line-height: 43px;font-size: 30px;font-weight: bold;}
	#class.classHealth .class04 .cont .txt{margin-top: 34px;line-height: 27px;font-size: 20px;color: #262626;}
	#class.classHealth .class04 .caution{line-height: 33px;font-size: 16px;color: rgb(0 0 0 / 30%);text-align: left;width: 520px;margin: 22px auto 0;}
	#class.classHealth .class04 .caution p{display:flex;}
	#class.classHealth .class04 .caution p:before{content:'';display:flex;margin: 14px 11px 0 0;width: 4px;height: 4px;background:#707070;border-radius: 4px;}
	#class.classHealth .class05{background: #1E2643;padding: 200px 0 165px 0;}
	#class.classHealth .class05 .title{margin: 0 0 110px 0;}
	#class.classHealth .class05 .title .tit{color:#ffffff}
	#class.classHealth .class05 .title .txt{margin-top: 50px;color:#ffffff;opacity: 0.8;}
	#class.classHealth .class05 .cont{margin-bottom: 95px;}
	#class.classHealth .class05 .cont ul{display:flex;flex-wrap:wrap;margin: 0 -22px;}
	#class.classHealth .class05 .cont li{width:50%;display: flex;align-items: center;margin-bottom: 50px;padding: 0 22px;}
	#class.classHealth .class05 .cont li.full{width:100%;}
	#class.classHealth .class05 .cont li .box{border-radius:30px;background:#ffffff;display: flex;align-items: center;padding: 30px;width: 100%;height: 232px;}
	#class.classHealth .class05 .cont li .num{display: flex;align-items: center;justify-content: center;font-size: 20px;line-height: 1;flex-shrink: 0;color: #FEA338;padding: 20px;border-right: 1px solid rgb(55 55 55 / 12%);height: 178px;width: 130px;}
	#class.classHealth .class05 .cont li .num strong{font-size: 70px;font-weight: bold;line-height: 85px;margin-right: 6px;font-family: 'Montserrat';color: #FEA338;}
	#class.classHealth .class05 .cont li .num p{margin-top: 29px;	}
	#class.classHealth .class05 .cont li .con{flex: 1;padding: 40px 0 40px 40px;}
	#class.classHealth .class05 .cont li .tit{line-height: 32px;font-size: 22px;font-weight: bold;margin-bottom: 15px;letter-spacing: -2px;word-break: keep-all;}
	#class.classHealth .class05 .cont li .txt{line-height: 23px;font-size: 16px;color: #1E2643;opacity: 0.7;}
	#class.classHealth .class06{padding: 145px 0 185px 0;background: #F5F5F5;}
	#class.classHealth .class06 .title{margin-bottom:120px;}
	#class.classHealth .class06 .list{margin-top:60px;}
	#class.classHealth .class06 .list ul{display:flex;flex-wrap:wrap;justify-content:center;}
	#class.classHealth .class06 .list li{position: relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content: center;background: #fff;padding: 56px 20px;text-align: center;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);border-radius: 20px;}
	#class.classHealth .class06 .list li + li{margin-left:30px;}
	#class.classHealth .class06 .list li .num{line-height: 26px;font-size: 26px;font-weight: 900;color: #fff;font-family: 'Montserrat','Noto Sans KR';margin-bottom: 16px;position: absolute;top: 0;left: 50%;transform: translate(-50%,-50%);width: 70px;height: 70px;border-radius: 70px;background: #2588DB;display: flex;align-items: center;justify-content: center;}
	#class.classHealth .class06 .list li .tit{line-height: 26px;font-size: 17px;color: #2588DB;}
	#class.classHealth .class06 .text{margin-top: 40px;display: flex;flex-direction: column;align-items: center;border-radius: 10px;background: #2588DB;padding: 38px 0;text-align: center;line-height: 26px;font-size: 20px;color: #fff;}
	#class.classHealth .class07{padding: 160px 0;}
	#class.classHealth .class07 .wrap{width:1000px;padding:68px;border-radius:68px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classHealth .class07 .title{margin-bottom:80px;}
	#class.classHealth .class07 .title .sub{color: #262626;font-weight: 400;}
	#class.classHealth .class07 .title .tit{margin-bottom:35px}
	#class.classHealth .class07 .cont{border-radius:50px;background:#ffffff}
	#class.classHealth .class07 .cont ul{display:flex;flex-wrap:wrap;align-items:center;text-align:center;justify-content:center;}
	#class.classHealth .class07 .cont li{padding: 0 32px;font-size: 21px;font-weight:bold;margin: 0 10px 20px;color: #1E2643;background: #F0F0F0;border-radius: 36px;display: flex;align-items: center;justify-content: center;height: 58px;}
	#class.classHealth .class08{background: linear-gradient(90deg, #83D6C5 11.95%, #1D7EDD 100.03%);position: relative;}
	#class.classHealth .class08 .title{}
	#class.classHealth .class08 .title .sub{color:#fff;opacity:0.8}
	#class.classHealth .class08 .title .tit{color:#fff;margin-bottom: 26px;}
	#class.classHealth .class08 .title .txt{color:#fff;opacity:0.8}
	#class.classHealth .class08 .cont{margin:0 auto;width:800px;max-width:100%;}
	#class.classHealth .class08 .price{text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
	#class.classHealth .class08 .price p{display: flex;min-width: 215px;height: 75px;align-items: center;justify-content: center;margin-bottom: 12px;line-height: 32px;font-size: 22px;font-weight: bold;color: #000000;background: #fff;border-radius: 75px;box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);}
	#class.classHealth .class08 .price strong{display:block;line-height: 79px;font-size: 65px;font-weight: bold;color: #ffffff;font-family: 'Montserrat','Noto Sans KR';position: relative;}
	#class.classHealth .class08 .price strong:after{content:'';position:absolute;bottom: -5px;left: -15px;right: -15px;height: 36px;background:rgba(255,255,255,0.15)}
	#class.classHealth .class08 .price span{display:block;margin-top: 36px;line-height: 40px;font-size: 27px;color: #fff;}
	#class.classHealth .class08 .price span > em{font-weight:bold;text-decoration:underline}
	#class.classHealth .class08 .cost{display:flex;align-items:center;justify-content:center;margin-top: 70px;}
	#class.classHealth .class08 .cost .box{width: 33.33%;height: 172px;border-radius: 15px;padding:30px;background: rgb(255 255 255 / 20%);display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;border: 1px solid rgb(255 255 255 / 59%);box-shadow: 0px 0px 10px rgba(26, 98, 158, 0.63);}
	#class.classHealth .class08 .cost .box + .box{margin-left: 55px;}
	#class.classHealth .class08 .cost .box p{line-height: 27px;font-size: 20px;color: #fff;margin-bottom: 22px;}
	#class.classHealth .class08 .cost .box strong{display: block;line-height: 37px;font-size: 30px;font-weight: bold;color: #fff;font-family: 'Montserrat','Noto Sans KR';}
	#class.classHealth .class08 .button{position: absolute;bottom: 0;left: 50%;transform: translate(-50%,50%);}
	#class.classHealth .class08 .button .btn{min-width: 424px;height: 87px;background:#1E2643;font-size: 24px;font-weight: bold;color: #fff;border: 0;}
	#class.classHealth .class09{border-bottom: 1px solid #fafafa;padding: 220px 0;}
	#class.classHealth .class09 .cont{}
	#class.classHealth .class09 .cert{}
	#class.classHealth .class09 .cert ul{display: flex;justify-content: center;}
	#class.classHealth .class09 .cert li{display: flex;width: 25%;flex-direction: column;align-items: center;}
	#class.classHealth .class09 .cert li + li{}
	#class.classHealth .class09 .cert li img{display: block;width: auto;max-width: 100%;height: auto;}
	#class.classHealth .class09 .cert li p{margin-top: auto;line-height: 26px;font-size: 18px;color: #000000;}
	#class.classHealth .class09 .text{margin-top:100px;text-align: center;line-height: 28px;font-size: 20px;color: #000000;}
	#class.classHealth .class10{padding: 240px 0 120px;background:#2588DB}
	#class.classHealth .class10 .wrap{width:1400px}
	#class.classHealth .class10 .title{}
	#class.classHealth .class10 .title .tit{color:#fff}
	#class.classHealth .class10 .list{margin-top:90px;overflow: hidden;}
	#class.classHealth .class10 .list .swiper-slide{position: relative;}
	#class.classHealth .class10 .list .swiper-slide:hover .tit,
	#class.classHealth .class10 .list .swiper-slide:hover .txt{opacity:1;}
	#class.classHealth .class10 .list .swiper-dots{margin-top:92px;display: flex;align-items: center;justify-content: center;}
	#class.classHealth .class10 .list .swiper-dots span{margin:0 7px;width:13px;height:13px;border-radius:13px;background:#d9d9d9;text-indent: -9999em;opacity: 1;}
	#class.classHealth .class10 .list .swiper-dots span.swiper-pagination-bullet-active{background:#FEA338}
	#class.classHealth .class10 .list .img{}
	#class.classHealth .class10 .list .img img{display: block;width: 100%;height: auto;}
	#class.classHealth .class10 .list .con{padding: 16px 0;}
	#class.classHealth .class10 .list .tit{display: flex;align-items: center;width: 100%;transition: all 0.35s;}
	#class.classHealth .class10 .list .tit em{padding: 0 7px;display: flex;align-items: center;justify-content: center;height: 30px;border-radius: 4px;background: #FEA338;font-size: 15px;font-weight: bold;color: #ffffff;margin-right: 10px;flex-shrink: 0;}
	#class.classHealth .class10 .list .tit p{line-height: 30px;font-size: 25px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #fff;letter-spacing: -1px;}
	#class.classHealth .class10 .list .txt{line-height: 22px;font-size: 15px;font-weight: 300;color: #fff;width: 100%;margin-top: 10px;}


.book_img img {
    width: 250px;
    height: 250px;
    border: 1px solid #d1d1d1;
    margin-bottom: 10px;
}

.type_grid .list_grid li .grid_img img {
    width: 250px;
    height: 250px;
}

.type_grid .list_grid li {
    width: 285px;
    float: left;
    margin: 15px 0 25px 20px;
    height: 320px;
    text-align: left;
}
.type_grid .list_grid li .grid_img {
    width: 252px;
    height: 252px;
    border: 1px solid #d3d3d3;
    margin-right: 20px;
}

.book_infomation .info_img img {
    width: 590px;
    height: auto;
    border: 1px solid #d1d1d1;
    margin-bottom: 10px;
}

.type_chart strong a {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding-left: 160px;
}
.type_chart  p {

    padding-left: 160px;
}

.type_chart .ct_text{

    padding-left: 160px;
}