@charset "UTF-8";

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	.shop-content, .w_custom{position: relative; width: calc(100% - 60px); max-width: 1280px; margin-inline: auto; box-sizing: border-box;}
	#wrapper #container{margin-top:78px;width:100%;padding:0;display: block;}
    #container:after{display: none;}
    #wrapper:after{display: none;}
	.sticky_wrap{display: flex;align-items: flex-start;}
    .my_content_wrap{display: flex;flex-wrap:wrap;}
    .shop-content{overflow:hidden;}
	#wrapper{padding-top:0;}
    .shop-content #sct{padding:0;}
    #wrapper .sct_admin{position: absolute;}
	
    @media (max-width:1280px){
        
    }
    @media (max-width:1023px){
        #wrapper #container{margin-top:clamp(40px, 12vw, 78px);}
    }
	@media (max-width:860px){
       .shop-content, .w_custom{width: calc(100% - 30px);}
    }
	@media (max-width:640px){
		#container{margin-top:50px;}
        .sticky_wrap{display: block;}
	}
    @media (max-width:320px){
        .shop-content, .w_custom{width: calc(100% - 20px);}
    }

    .dn{display: none !important;}

body::-webkit-scrollbar{display: none;}

/*───────────────────────────────────────────────────────────

    POP

───────────────────────────────────────────────────────────*/
    .custom_pop_layer{opacity:0;pointer-events:none;width:100%;height:100%;position: fixed;top:0;left:0;display: flex;align-items: center;justify-content: center;background:rgba(0,0,0,0.5);z-index:9999;}
    .custom_pop_layer.on{opacity:1;pointer-events:initial;}
    html:has(.custom_pop_layer.on){overflow: clip;touch-action: none;}

    .custom_pop_layer .pop_layer_cont{box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color03);padding:30px 30px;background:var(--point-white);max-height:90vh;overflow-y:auto;}
    .custom_pop_layer .w_600{width:600px;}
    .custom_pop_layer .title{font-size:var(--title-20);display: flex;align-items: center;justify-content: space-between;box-sizing:border-box;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--black-color00);}
    .custom_pop_layer .title h3{font-size:110%;color:var(--black-color00);font-weight: 600;line-height:1.3;}
    .custom_pop_layer .btn_close{width:25px;aspect-ratio:auto 1;border:none;}
    .custom_pop_layer .btn_close a{display: block;width:100%;height:100%;position: relative;}
    .custom_pop_layer .btn_close span{display: inline-block;width:100%;height:2px;background:var(--black-color03);position: absolute;top:50%;}
    .custom_pop_layer .btn_close span:nth-child(1){transform:rotate(45deg);}
    .custom_pop_layer .btn_close span:nth-child(2){transform:rotate(-45deg);}
    
    @media (max-width:860px) {
        .custom_pop_layer .pop_layer_cont{padding:15px 15px;}
        .custom_pop_layer .w_600{width:calc(100% - 60px);}
        .custom_pop_layer .title{margin-bottom:10px;padding-bottom:10px;}
    }
    @media (max-width:479px) {
        .custom_pop_layer .btn_close{width:20px;}
        
    }

/*───────────────────────────────────────────────────────────

    HEADER

───────────────────────────────────────────────────────────*/
	.hd_top{background:var(--gray-bg04);position: relative;z-index:10;}
	.hd_top .w_custom{display: flex;align-items: center;justify-content: space-between;height:50px;overflow:clip;}
	.hd_top .hd_link{display: flex;align-items:baseline;}
		.hd_top .hd_link li{transform:translateY(6px);transition:all 0.3s;position: relative;}
		.hd_top .hd_link li + li{margin-left:-27px;}
		.hd_top .hd_link li:nth-child(1){z-index:4;}
		.hd_top .hd_link li:nth-child(2){z-index:3;}
		.hd_top .hd_link li:nth-child(3){z-index:2;}
        .hd_top .hd_link li:nth-child(3){z-index:2;}
		.hd_top .hd_link li a{position: relative;box-sizing:border-box;display: inline-flex;align-items: center;justify-content: center;text-align: center;height:38px;transition:all 0.3s;filter: drop-shadow(4px 0 6px rgba(0, 0, 0, 0.10));}
		/* .hd_top .hd_link li:nth-child(1) a{width:144px;background:url('../img/skin/hd_link01.png')no-repeat center;background-size:100% 100%;}
		.hd_top .hd_link li:nth-child(2) a{width:134px;background:url('../img/skin/hd_link02.png')no-repeat center;background-size:100% 100%;}
		.hd_top .hd_link li:nth-child(3) a{width:154px;background:url('../img/skin/hd_link03.png')no-repeat center;background-size:100% 100%;}
		.hd_top .hd_link li:nth-child(4) a{width:214px;background:url('../img/skin/hd_link04.png')no-repeat center;background-size:100% 100%;} */
		.hd_top .hd_link li span{position: relative;font-size:var(--title-17);color:var(--point-white);font-weight:500;transition:all 0.3s;}
		.hd_top .hd_link li.on{transform:translateY(4px);}
		.hd_top .hd_link li.on a{height:42px;filter: drop-shadow(4px 0 12px rgba(0, 0, 0, 0.10));}
	.hd_top .hd_gnb{display: flex;align-items: center;gap:30px;}
	.hd_top .hd_gnb li a{font-size:var(--title-17);color:var(--black-color05);font-weight:400;}
	
	#header{background:var(--point-white);transition:all 0.3s;position:sticky;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,0.2);z-index:10;}
	#header .w_custom{display: flex;align-items: center;justify-content: space-between;height:84px;}
	#header #hd_logo{position: relative;z-index:3;}
	#header #hd_logo a{display: block;height:26px;}
	#header #hd_logo img{max-height:100%;vertical-align: top;}
	#header .cate{position: absolute;width:100%;display: flex;align-items: center;justify-content: center;left:56.5%;transform:translate(-50%);gap:32px;}
	#header .cate .cate_li_1{position: relative;font-size:var(--title-20);}
	#header .cate .cate_li_1 > a{font-size:110%;color:var(--black-color03);font-weight:700;line-height:84px;letter-spacing:-0.03em;display: block;}
    #header .cate .cate_li_1.active > a{color:var(--point-color01);}
	#header .cate .sub_cate1{position: absolute;top:100%;left:50%;transform:translate(-50%);display: none;background: var(--point-white);box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);min-width: 170px;box-sizing: border-box;padding: 15px 10px;}
	#header .cate .sub_cate1 > li{}
	#header .cate .sub_cate1 > li + li{margin-top:10px;}
	#header .cate .sub_cate1 > li > a{font-size:80%;color: var(--black-color05); font-weight: 400;}
	#header .cate .cate_li_3{display: none;}
	#header .hd_right{display: flex;align-items: center;gap:26px;position: relative;}
	#header .right_menu{display: flex;align-items: center;gap:26px;}
	#header .right_menu li a{}
	#header .all_menu{width:26px;height:18px;}
	#header .all_menu a{display: block;width:100%;height:100%;position: relative;}
	#header .all_menu a span{display: inline-block;width:100%;height:2px;background:var(--black-color03);position: absolute;left:0;transition:all 0.3s;}
	#header .all_menu a span:nth-child(1){top:0;}
	#header .all_menu a span:nth-child(2){top:8px;}
	#header .all_menu a span:nth-child(3){bottom:0;}
	
	#header .all_menu.active a span:nth-child(1){transform:rotate(45deg);top:50%;}
	#header .all_menu.active a span:nth-child(2){transform:rotate(-45deg);top:50%;}
	#header .all_menu.active a span:nth-child(3){display: none;}
	
	#header.on{border-bottom:1px solid var(--border-color01);}
	
	/*teacher*/
	#header.teacher #hd_logo a{height:32px;}
	
	/*main*/
	#header.main{background:none;position: fixed;top:50px;}
	#header.main #hd_logo,
	#header.main .cate_li_1 > a,
	#header.main .hd_right{filter:var(--filter-white);transition:all 0.3s;}
	
	#header.main.on{background:var(--point-white);top:0;}
	#header.aside_on{background:var(--point-white);}
	#header.main.on #hd_logo, #header.aside_on #hd_logo,
	#header.main.on .cate_li_1 > a, #header.aside_on .cate_li_1 > a,
	#header.main.on .hd_right, #header.aside_on .hd_right{filter:none;}
	
	/* over */
    @media (hover: hover) and (pointer: fine){
		.hd_top .hd_link li:hover{transform:translateY(4px);}
		.hd_top .hd_link li:hover a{height:42px;}
		
		#header .cate .cate_li_1:hover > a{color:var(--point-color01);}
		#header .cate .sub_cate1 > li:hover > a{color:var(--point-color01);}
		
		#header:hover{background:var(--point-white);}
		#header:hover #hd_logo,
		#header:hover .cate_li_1 > a,
		#header:hover .hd_right{filter:none;}
	}
	
	@media (max-width:1300px) {
		#header #hd_logo a{height:22px;}
		#header .cate{gap:22px;}
		#header .cate .cate_li_1 > a{font-size:95%;}
		#header .hd_right, #header .right_menu{gap:18px;}
		
		/*teacher*/
		#header.teacher #hd_logo a{height:26px;}
	}
	@media (max-width:1100px) {
		#header .cate{gap:18px;}
		#header .cate .cate_li_1 > a{font-size:90%;}	
	}
	@media (max-width:1023px) {
        #header{height:clamp(55px, 7.5vw, 75px);}
		.hd_top .hd_link li{transform:translateY(7px);}
		.hd_top .hd_link li:nth-child(1) a{width:120px;}
			.hd_top .hd_link li:nth-child(2) a{width:114px;}
			.hd_top .hd_link li:nth-child(3) a{width:134px;}
			.hd_top .hd_link li:nth-child(4) a{width:190px;}
		.hd_top .hd_gnb{gap:15px;}
		
		#header .w_custom{height:100%;padding:0;}
		#header .cate{display: none;}
	}
	@media (max-width:860px) {
		.hd_top .hd_gnb{display: none;}
	}
	@media (max-width:640px) {
		.hd_top .hd_link li{transform:translateY(8px);}
		.hd_top .hd_link li a{height:34px;}
		.hd_top .hd_link li:nth-child(1) a{width:100px;}
		.hd_top .hd_link li:nth-child(2) a{width:94px;}
		.hd_top .hd_link li:nth-child(3) a{width:114px;}
		.hd_top .hd_link li:nth-child(4) a{width:170px;}
		
		.hd_top .hd_link li.on{transform:translateY(6px);}
		
		#header #hd_logo a{height:20px;}
		#header .hd_right, #header .right_menu{gap:14px;}
		#header .right_menu li img{height:22px;}
		#header .all_menu{width:22px;}
		
		/*teacher*/
		#header.teacher #hd_logo a{height:22px;}
	}
	@media (max-width:479px) {
		.hd_top .w_custom{overflow:visible;}
		.hd_top .hd_link{margin-left:-8px;}
		.hd_top .hd_link li{transform:translateY(10px);}
		.hd_top .hd_link li + li{margin-left:-22px;}
		.hd_top .hd_link li a{height:30px;filter:drop-shadow(2px 0 6px rgba(0, 0, 0, 0.10));}
		.hd_top .hd_link li:nth-child(1) a{width:85px;}
		.hd_top .hd_link li:nth-child(2) a{width:85px;}
		.hd_top .hd_link li:nth-child(3) a{width:100px;}
		.hd_top .hd_link li:nth-child(4) a{width:160px;}
		
		.hd_top .hd_link li.on{transform:translateY(7px);}
		.hd_top .hd_link li.on a{height:36px;filter:drop-shadow(2px 0 8px rgba(0, 0, 0, 0.10));}
	
		#header .w_custom{padding:16px 0;}
		#header #hd_logo a{height:18px;}
		#header .right_menu li img{height:20px;}
		#header .all_menu{width:20px;height:15px;}
		#header .all_menu a span:nth-child(2){top:6px;}
	}
	@media (max-width:350px) {
		.hd_top .hd_link li + li{margin-left:-16px;}
		.hd_top .hd_link li span{font-size:11px;}
		.hd_top .hd_link li:nth-child(1) a{width:70px;}
		.hd_top .hd_link li:nth-child(2) a{width:70px;}
		.hd_top .hd_link li:nth-child(3) a{width:80px;}
		.hd_top .hd_link li:nth-child(4) a{width:130px;}
		
		#header .hd_right, #header .right_menu{gap:10px;}
		#header #hd_logo a{height:15px;}
	}
	
/*───────────────────────────────────────────────────────────

    NAV

───────────────────────────────────────────────────────────*/
	#aside {top:-100%;right:0;width:100%;transition:0.8s;height:auto;box-sizing:border-box;position:fixed;background:var(--point-white);z-index:99;border-top:1px solid var(--border-color01);padding:0 0 50px;border-bottom:1px solid var(--border-color01);opacity:0;margin:0;}
	html:has(#aside.on){overflow:hidden !important;}
	#aside.on {top:135px;opacity:1;}
	#header.on + #aside.on{top:84px;}

	#aside .aside_box{max-height:570px;overflow-y:auto;}
	#aside .aside_box::-webkit-scrollbar{width:4px;background: var(--border-color01);}
	#aside .aside_box::-webkit-scrollbar-thumb{width:4px;background:var(--black-color00);}

	#aside .aside_box .aside_top {display: none;}
	#aside .aside_box .aside_menu > ul{display: flex;flex-wrap:wrap;gap:30px 25px;padding:40px 0 0;}
	#aside .aside_box .aside_menu > ul > li{width:calc(100% / 7 - 22px);font-size:var(--title-20);}
	#aside .aside_box .aside_menu > ul > li > a{font-size:110%;color:var(--black-color03);font-weight:500;display: block;border-bottom:2px solid var(--black-color00);padding-bottom:10px;}
	#aside .aside_box .aside_menu > ul > li > a span{font-size:inherit;color:inherit;font-weight:inherit;position: relative;}
	#aside .aside_box .aside_menu .sub_cate1{margin-top:20px;}
	#aside .aside_box .aside_menu .sub_cate1 li + li{margin-top:10px;}
	#aside .aside_box .aside_menu .sub_cate1 li a{display: block;font-size:90%;color:var(--black-color05);font-weight:500;}
	#aside .aside_box .aside_menu > ul > li.menu_te img.ver_m{display: none;}
	#aside .aside_box .aside_menu .sub_cate1 .cate_li_3{padding: 12px 0;}
	#aside .aside_box .aside_menu .sub_cate1 .cate_li_3 li + li{margin-top:10px;}
	#aside .aside_box .aside_menu .sub_cate1 .cate_li_3 li a{display: block;font-size:75%;color:var(--black-color08);font-weight:400;}
	
	@media (max-width:1200px) {
		#aside .aside_box .aside_menu > ul{gap:30px 20px;}
		#aside .aside_box .aside_menu > ul > li{width:calc(100% / 4 - 15px);}
	}
	@media (max-width:1023px) {
		#aside.on{top:125px;}
		#header.on + #aside.on{top:74px;}
	}
	@media (max-width:860px) {
		#aside{padding:0;top:121px;height:calc(100vh - 108px);right:-100%;left:auto;}
		#aside.on{right:0;}
		#aside:before{width:30%;height:100%;content:"";background: #f8f8f8;position: absolute;top:0;left:0;}
		#header.on + #aside{height:calc(100vh - 74px);top:74px;}
		#header.on + #aside.on{top:74px;}
		#aside .aside_box{max-height:100%;}
		#aside .aside_box .aside_top{display: block;background:#F1F5FA;box-sizing:border-box;padding:20px 15px;position: relative;}
		#aside .aside_box .aside_top .login_txt{font-size:18px;color:var(--black-color02);font-weight:500;}
		#aside .aside_box .aside_top .login_txt strong{font-size:inherit;color:var(--point-color01);font-weight:700;}
		#aside .aside_box .aside_top ul{display: flex;margin-top:15px;}
		#aside .aside_box .aside_top ul li{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:8px;background:var(--point-white);border:1px solid #ddd;width:150px;height:45px;}
		#aside .aside_box .aside_top ul li + li{margin-left:15px;}
		#aside .aside_box .aside_top ul li a{display: flex;align-items: center;justify-content: center;width:100%;height:100%;font-size:15px;color:var(--black-color03);font-weight:500;}
		#aside .aside_box .pc_hd{display: none;}

		#aside .aside_box .aside_menu{width:100%;height:calc(100vh - 114px);}
		#aside .aside_box .aside_menu > ul{width:100%;margin-left:0;display: block;box-sizing:border-box;position: relative;padding:30px 0;}
		#aside .aside_box .aside_menu > ul:before{}
		#aside .aside_box .aside_menu > ul > li{margin:0;width:30%;box-sizing:border-box;padding-left:25px;}
		#aside .aside_box .aside_menu > ul > li + li{margin-top:25px;}
		#aside .aside_box .aside_menu > ul > li > a{font-size:16px;color:var(--black-color03);font-weight:500;border:none;padding:0;position: relative;display: inline-block;}
		#aside .aside_box .aside_menu > ul > li > a.on:before{width:140px;;height:45px;content:"";box-sizing:border-box;border-radius:45px;background:var(--point-color01);box-shadow: 1px 2px 7.5px 0px rgba(0, 0, 0, 0.20);position: absolute;left:-10px;top:50%;transform:translateY(-50%);}
		#aside .aside_box .aside_menu > ul > li.menu_te > a.on:before{background:var(--point-color03);}
		#aside .aside_box .aside_menu > ul > li > a.on{color:var(--point-white);padding-left:10px;}
		#aside .aside_box .aside_menu > ul > li.menu_te .ver_pc{display: none;}
		#aside .aside_box .aside_menu > ul > li.menu_te img.ver_m{display: block;height:100%;position: relative;}
		#aside .aside_box .aside_menu > ul > li.menu_te > a{display:inline-block;width:100px;height:20px;}
		#aside .aside_box .aside_menu > ul > li.menu_te .on img.ver_m{filter:var(--filter-white);}
		#aside .aside_box .aside_menu .sub_cate1{position: absolute;left:30%;display: none;top:0;box-sizing:border-box;padding-left:30px;margin-top:30px;}
		#aside .aside_box .aside_menu .sub_cate1.on{display: block;}
		#aside .aside_box .aside_menu .sub_cate1 li + li{margin-top:20px;}
		#aside .aside_box .aside_menu .sub_cate1 li a{color:var(--black-color06);}
        #aside .aside_box .aside_menu .sub_cate1 .cate_li_3 li a{font-size: 14px;}
	}
	@media (max-width:479px) {
		#aside{height:calc(100vh - 103px);top:103px;}
		#aside.on{top:103px;}
		#header.on + #aside{height:calc(100vh - 52px);top:52px;}
		#header.on + #aside.on{top:52px;}
	}

/*───────────────────────────────────────────────────────────

    FOOTER

───────────────────────────────────────────────────────────*/
    #footer .ft_menu_box{box-sizing:border-box;border:1px solid var(--border-color03);border-width:1px 0;padding:22px 0;}
        #footer .ft_menu_box ul{display: flex;align-items: center;gap:40px;flex-wrap:wrap;}
        #footer .ft_menu_box ul li a{font-size:var(--title-18);color:var(--black-color04);font-weight:400;}
        #footer .ft_menu_box ul li a strong{font-size:inherit;color:var(--black-color00);font-weight:500;}
    #footer .ft_info_box{display: flex;justify-content: space-between;align-items: flex-start;box-sizing:border-box;padding:36px 0 56px;}
        #footer .ft_info_box .info_box{font-size:var(--title-20);width:65%;margin-top:8px;}
        #footer .ft_info_box .info_box .info{display: flex;flex-wrap:wrap;gap:9px 27px;}
        #footer .ft_info_box .info_box .info span{font-size:var(--title-17);color:var(--black-color08);font-weight:400;}
        #footer .ft_info_box .info_box .info span strong{font-size:inherit;color:var(--black-color00);font-weight:inherit;}
        #footer .ft_info_box .info_box .info span a{font-size:inherit;color:inherit;font-weight:inherit;}
        #footer .ft_info_box .info_box .copy{margin-top:22px;font-size:80%;color:var(--black-color09);font-weight:400;font-family:var(--font-type02);}
        #footer .ft_info_box .info_box .copy a{display: inline-block;margin-left:10px;font-size:inherit;color:var(--black-color10);font-weight:inherit;font-family:inherit;}
        #footer .ft_info_box .nice_mark{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;border-radius:var(--radius-20);border:1px solid var(--border-color03);width:100px;padding:16px 12px;margin-top:2px;}

    @media (max-width:1023px) {
        #footer .ft_info_box{flex-direction:column;gap:20px;}        
        #footer .ft_info_box .info_box{width:100%;}
        #footer .ft_info_box .nice_mark{margin:0;}
    }
    @media (max-width:860px) {
        #footer .ft_menu_box ul{gap:20px;}
        #footer .ft_info_box{padding:25px 0 50px;}
            #footer .ft_info_box .info_box{width:80%;}
            #footer .ft_info_box .info_box .info{gap:7px 15px;}
            #footer .ft_info_box .nice_mark{width:80px;}
    }
    @media (max-width:640px) {
        #footer .ft_info_box{padding:25px 0 120px;}
        #footer .ft_info_box .info_box .copy{display: flex;flex-direction:column;align-items: flex-start;}
        #footer .ft_info_box .info_box .copy a{margin:5px 0 0 0;}
    }
    @media (max-width:479px) {
        #footer .ft_menu_box{padding:15px 0;}
        #footer .ft_menu_box ul{gap:8px 15px;}
        #footer .ft_info_box .nice_mark{width:70px;padding:13px 10px;}

    }

/*───────────────────────────────────────────────────────────

    QUICK

───────────────────────────────────────────────────────────*/
	.ft_quick{position: sticky;top:110px;margin-left:-160px;display: inline-flex;flex-direction: column;justify-content: flex-end;align-items: center;z-index: 30;margin-right:60px;gap:96px;padding-bottom:15px;}
	.ft_quick ul{box-sizing:border-box;border-radius:var(--radius-20);border:1px solid var(--border-color01);background:var(--point-white);display: flex;flex-direction: column;overflow:clip;transition:all 0.3s;}
	.ft_quick ul li{width:100px;height:136px;position: relative;transition:all 0.3s;}
	.ft_quick ul li + li:before{width:calc(100% - 32px);height:1px;content:"";background:var(--border-color03);position: absolute;top:0;left:50%;transform:translate(-50%);}
	.ft_quick ul li a{display: flex;flex-direction: column;align-items: center;justify-content: center;width:100%;height:100%;box-sizing:border-box;text-align: center;}
	.ft_quick ul li .icon{display: flex;align-items: center;justify-content: center;height:42px;}
	.ft_quick ul li .icon img{max-height:100%;}
	.ft_quick ul li p{font-size:var(--title-18);color:var(--black-color00);font-weight:500;line-height:1.4;margin-top:12px;transition:all 0.3s;}
	
	.quick_btn{display: flex;flex-direction: column;align-items: flex-end;gap:10px;position: relative;pointer-events:initial;}
    .quick_btn .btn_quick_menu{display: none;width: 60px;aspect-ratio: auto 1;border-radius: 100%;box-sizing: border-box;background: var(--point-color01);}
    .quick_btn .btn_quick_menu a{display: block;width:100%;height:100%;position: relative;transition:all 0.3s;}
    .quick_btn .btn_quick_menu.on a{transform:rotate(45deg);}
    .quick_btn .btn_quick_menu span{display: inline-block;width:40%;height:2px;position: absolute;background:var(--point-white);top:50%;left:50%;transform:translate(-50%, -50%);}
    .quick_btn .btn_quick_menu span:nth-child(2){transform:translate(-50%, -50%) rotate(90deg);}
	.quick_btn .btn_kakao{display:flex;justify-content: flex-end;width:60px;height:60px;position: relative;transition: all 0.4s ease-out;border-radius: 100px;box-sizing: border-box;background:var(--point-yellow);position: absolute;top:0;right:0;filter: drop-shadow(4px 4px 16px rgba(0, 0, 0, 0.10));}
	.quick_btn .btn_kakao span{opacity: 0;z-index: -1;position: absolute;font-size:var(--title-18);color: var(--black-color00);font-weight: 500;left: -25px;transition: all 0.4s ease-out;letter-spacing: -0.02em;top: 19px;display: inline-block;width:126px;}
	.quick_btn .btn_kakao .icon{display: flex;align-items: center;justify-content: center;height:60px;width:60px;}
	.quick_btn .btn_top{display: inline-flex;width:60px;aspect-ratio:auto 1;align-items: center;justify-content: center;border-radius: 100%;box-sizing: border-box;background:var(--black-color03);filter: drop-shadow(4px 4px 16px rgba(0, 0, 0, 0.10));margin-top:70px;cursor:pointer;}
	.quick_btn .btn_top:after{width:10px;aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(-45deg);margin-top:3px;}
	
	/*main*/
	#container_main .ft_quick{margin-top:755px;}
	
	
	/* over */
    @media (hover: hover) and (pointer: fine){
		.ft_quick ul li:hover{background:var(--gray-bg04);}
		.ft_quick ul li:hover p{color:var(--point-color01);}
	}
	@media (min-width:1023px) {
		.quick_btn .btn_kakao:hover{width:200px;}
		.quick_btn .btn_kakao:hover span{opacity:1;z-index:2;left:20px;}
		
	}
	@media (max-width:1600px) {
		.ft_quick{margin-right:30px;margin-left:-130px;}
	}
    @media (max-width:1550px) {
        .ft_quick{pointer-events:none;}
        .ft_quick.on{pointer-events:initial;}
        .ft_quick ul{transform:translate(150px);}
        .ft_quick.on ul{transform:none;}
        .quick_btn .btn_quick_menu{display:block;}
        .quick_btn .btn_kakao{top:70px;}
    }
	@media (max-width:1023px) {
        .ft_quick{margin:0;position: fixed;right:20px;bottom:15px;align-items: flex-end;}
		.ft_quick ul li{width:84px;height:100px;}
		.ft_quick ul li .icon{height:32px;}
		.ft_quick ul li p{margin-top:8px;}
	
        .quick_btn{}
        .quick_btn .btn_quick_menu{width:50px;}
		.quick_btn .btn_kakao{position: relative;width: 50px;height:auto;aspect-ratio:auto 1;top:0 !important;}
		.quick_btn .btn_kakao .icon{width:100% !important;height:100% !important;}
		.quick_btn .btn_kakao .icon img{max-width:55%;}
        .quick_btn .btn_kakao span{display: none;}
		.quick_btn .btn_top{width:50px;margin:0 !important;;}
		
		/*main*/
		#container_main .ft_quick{margin-top:0;}
	}
	@media (max-width:640px) {
        .ft_quick{margin:0 !important;}
		.quick_btn .btn_quick_menu{display: none;}
        .ft_quick ul{transform:none;position: fixed;bottom: 0;left: 0;width: 100%;flex-direction: row;border-radius:10px 10px 0 0;}
        .ft_quick ul li{height:auto !important;width:25%;}
        .ft_quick ul li + li:before{width:1px;height:calc(100% - 20px);left:0;top:10px;transform:none;}
        .ft_quick ul li a{padding:15px 5px;}
        .ft_quick ul li p{margin-top:10px !important;}
        .ft_quick ul li p br{display: none;}

        .quick_btn{bottom:105px;position: fixed;right:15px;}
	}
    @media (max-width:479px) {
        .ft_quick ul li .icon{height:30px !important;}

        .quick_btn .btn_kakao{width:40px !important;height:40px !important;}
        .quick_btn .btn_top{width:40px !important;}
        .quick_btn .btn_top:after{width:8px;}
    }
    @media (max-width:370px) {
        .ft_quick ul li p{font-size:12px !important;}
    }

    /*height*/
	@media (min-width:1024px) and (max-height:900px) {
		.ft_quick{gap:30px;}
		.ft_quick ul li{height:120px;}
	}
	@media (min-width:1024px) and (max-height:850px) {
		.ft_quick ul li{height:100px;}
		.ft_quick ul li .icon{height:34px;}
		.ft_quick ul li p{margin-top:6px;font-size:var(--title-16);}
	}
	@media (min-width:1024px) and (max-width:1550px) and (max-height:750px) {
		.ft_quick{gap:20px;}
		.quick_btn .btn_kakao{width:50px;height:50px;top:60px;}
		.quick_btn .btn_kakao .icon{width:50px;height:50px;}
        .quick_btn .btn_kakao span{top:12px;}
		.quick_btn .btn_top{width:50px;margin-top:60px;}
        .quick_btn .btn_quick_menu{width:50px;}
	}
    @media (min-width:1024px) and (max-height:700px) {
        .ft_quick{top:100px;}
    }

/*───────────────────────────────────────────────────────────

    MAIN

───────────────────────────────────────────────────────────*/
	/*visual*/
		.main_visual{overflow:hidden;}
		.main_visual .swiper-slide{position: relative;width:100%;height:660px;}
		.main_visual .swiper-slide a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_visual .swiper-slide .img_box{width:100%;height:100%;}	
		.main_visual .swiper-slide .img_box .ver_m{display: none;}
		.main_visual .swiper-slide .txt_box{position: absolute;top:51.5%;left:50%;transform:translate(-50%, -50%);display: flex;justify-content: flex-end;}
		.main_visual .swiper-slide .txt_box .txt{font-size:var(--title-20);display: flex;flex-direction: column;gap:30px;padding-right:71px;}
		.main_visual .txt .year,
		.main_visual .txt h3,
		.main_visual .txt p{transform:translateY(100px);opacity:0;transition:all 0.5s;}
		.main_visual .txt .year{display: inline-flex;align-items: center;}
		.main_visual .txt .year span, .main_visual .txt .year em{display: inline-flex;align-items: center;font-size:110%;font-weight:500;box-sizing:border-box;height:50px;border-radius:50px;}
		.main_visual .txt .year span{color:var(--black-color02);background:var(--point-white);width:180px;padding:0 22px;}
		.main_visual .txt .year em{color:var(--black-color00);background:var(--point-color02);padding:0 21px;margin-left:-56px;}
		.main_visual .slide02 .txt .year em{background:var(--point-color03);}
		.main_visual .txt h3{font-size:300%;color:var(--point-white);font-weight:700;line-height:1.3;letter-spacing:-0.05em;}
		.main_visual .txt p{font-size:120%;color:var(--point-white);font-weight:300;line-height:1.6;letter-spacing:-0.04em;}
		
		.main_visual .swiper-slide-active .txt .year,
		.main_visual .swiper-slide-active .txt h3,
		.main_visual .swiper-slide-active .txt p{transform:translateY(0);opacity:1;}
		.main_visual .swiper-slide-active .txt h3{transition-delay:0.3s;}
		.main_visual .swiper-slide-active .txt p{transition-delay:0.7s;}
	
		/*teacher*/
		.teacher_container .main_visual .txt .year em{color:var(--point-white);}
		
		@media (max-width:1100px) {
			.main_visual .swiper-slide .txt_box .txt{padding-right:0;}
		}
		@media (max-width:1023px) {
			.main_visual .swiper-slide{height:65vw;min-height:550px;}
		}
		@media (max-width:860px) {
			.main_visual .swiper-slide .txt_box .txt{width:60%;}
			.main_visual .txt .year span, .main_visual .txt .year em{height:44px;font-size:95%;}
			.main_visual .txt .year span{width:148px;}
			.main_visual .txt .year em{margin-left:-46px;}
			.main_visual .txt h3{font-size:250%;}
			.main_visual .txt p{font-size:100%;}
			.main_visual .txt h3 br, .main_visual .txt p br{display: none;}
		}
		@media (max-width:640px) {
			.main_visual .swiper-slide{height:135vw;}
			.main_visual .swiper-slide .img_box .ver_pc{display: none;}
			.main_visual .swiper-slide .img_box .ver_m{display:block;}
			.main_visual .swiper-slide .txt_box{top:15%;justify-content: flex-start;transform:translate(-50%, 0);}
			.main_visual .swiper-slide .txt_box .txt{gap:15px;width:100%;}
			.main_visual .txt .year span, .main_visual .txt .year em{height:38px;}
			.main_visual .txt .year span{padding:0 15px;width:140px;}
			.main_visual .txt .year em{padding:0 15px;margin-left:-50px;}
		}
		@media (max-width:479px) {
			.main_visual .swiper-slide{height:145vw;min-height:initial;}
			.main_visual .txt .year span, .main_visual .txt .year em{height:32px;}
			.main_visual .txt .year em{margin-left:-56px;}
			.main_visual .txt h3{font-size:210%;}
		}
	
	/*공통*/
		.main_content{padding-top:22px;}
		.main_content > div{position: relative;}
		.main_title{display: flex;align-items: center;justify-content: space-between;font-size:var(--title-20);position: relative;z-index:3;}
		.main_title h3{font-size:250%;color:var(--black-color00);font-weight:700;line-height:1.3;letter-spacing:-0.03em;}
		
		/*more*/
		.main_title .main_more{margin-top:-5px;margin-right:3px;}
		.main_more a{display: inline-flex;gap:10px;position: relative;align-items: center;}
		.main_more a span{font-size:var(--title-20);color:var(--black-color00);font-weight:400;letter-spacing:-0.03em;line-height:1.3;}
		.main_more a:before{width:0;height:1px;content:"";background:var(--black-color00);position: absolute;bottom:0;left:0;transition:all 0.3s;}
		.main_more a div{width:14px;aspect-ratio:auto 1;box-sizing:border-box;display: inline-block;position: relative;transition:all 0.3s;}
		.main_more a div:before, .main_more a div:after{content:"";position: absolute;background:var(--black-color00);}
		.main_more a div:before{width:100%;height:2px;left:0;top:6px;}
		.main_more a div:after{width:2px;height:100%;left:6px;top:0;}
		
		/* over */
	    @media (hover: hover) and (pointer: fine){
			.main_more a:hover:before{width:100%;}
			.main_more a:hover div{transform:rotate(90deg);}
		}
		
		@media (max-width:640px) {
			.main_title h3{font-size:200%;}
			
			/*more*/
			.main_more a{gap:6px;}
			.main_more a div{width:10px;}
			.main_more a div:before{top:4px;}
			.main_more a div:after{left:4px;}
		}
        @media (max-width:479px) {
            .main_more a span{line-height:1;}
            .main_more a div{margin-top:-3px;}
        }
        
		
	/*book*/
		.main_book:before{width:140px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:radial-gradient(75.56% 75.56% at 35.44% 69.62%, var(--point-color04) 0%, rgba(213, 235, 255, 0.20) 70%);position: absolute;left:-20%;bottom:12.2%;}
		.main_book .book_title{display: flex;gap:42px;}
		.main_book .book_tab{display: flex;gap:41px;font-size:var(--title-20);margin-top:11px;}
		.main_book .book_tab a{font-size:120%;color:var(--black-color00);font-weight:400;line-height:1.3;display: flex;flex-direction: column;align-items: center;gap:6px;letter-spacing:-0.03em;}
		.main_book .book_tab a span{font-size:inherit;color:inherit;font-weight:inherit;}
		.main_book .book_tab a:after{width:0;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;content:"";background:var(--point-color01);display: inline-block;transition:all 0.3s;}
		.main_book .book_tab a.on{color:var(--point-color01);font-weight:600;}
		.main_book .book_tab a.on:after{width:6px;}
		
		.main_book .book_content{margin-top:30px;}
		.main_book .book_content > div{display: none;}
		.main_book .book_content > div.on{display: block;}
		.main_book .book_content ul{gap:20px 24px;}
		.main_book .book_content ul li{border-radius:var(--radius-20);border:1px solid var(--border-color03);padding:10px 10px 21px;}
		.main_book .book_content ul li:before{content:"";position: absolute;top:-1px;left:-1px;display: block;width:calc(100% + 2px);height:calc(100% + 2px);z-index:3;box-sizing:border-box;border-radius:var(--radius-20);border:2px solid var(--point-color01);opacity:0;pointer-events:none;transition:all 0.3s ease-out;}
		.main_book .book_content ul li .sct_img{padding:20px 30px;border-radius:0;border:none;}
		.main_book .book_content ul li .sct_img .img_box{padding-bottom:128%;}
		.main_book .book_content ul li .sct_txt{margin-top: 14px;padding: 0 15px;}
		
		/*teacher*/
		.teacher_container .main_book:before{background:radial-gradient(75.56% 75.56% at 35.44% 69.62%, var(--point-color04) 0%, rgba(255, 241, 211, 0.20) 70%);}
				
		/* over */
	    @media (hover: hover) and (pointer: fine){
			.main_book .book_tab a:hover{color:var(--point-color01);font-weight:600;}
			.main_book .book_tab a:hover:after{width:6px;}
			
			.main_book .book_content ul li:hover:before{opacity:1;}
		}
		
		@media (max-width:1800px) {
			.main_book:before{left:-13%;width:7.5vw;}
		}
		@media (max-width:1500px) {
			.main_book:before{left:-5%;}
		}
		@media (max-width:1023px) {
			.main_book .book_content ul li .sct_img{padding:12px 15px;}
		}
		@media (max-width:640px) {
			.main_book .book_title{gap:20px;}
			.main_book .book_tab{gap:20px;margin-top:7px;}
			.main_book .book_tab a{font-size:100%;gap:2px;}
			.main_book .book_tab a.on:after{width:4px;}
			
			.main_book .book_content ul{gap:20px 15px;}
		}
		@media (max-width:479px) {
			.main_book .book_content{margin-top:20px;}
			.main_book .book_content ul li .sct_img{padding:8px 10px;}
			.main_book .book_content ul li .sct_txt{margin-top:10px;padding:0 8px;}
		}
		
	/*wide_bnr*/
		.main_wide_bnr:before{width:50%;height:100%;content:"";background:var(--point-color05);position: absolute;bottom:0;left:0;opacity:0.5;}
		.main_wide_bnr .bnr_box{box-sizing:border-box;border-radius:0 0 0 300px;background:var(--point-white);padding:100px 0 120px;position: relative;}
		.main_wide_bnr .w_custom{border-radius:var(--radius-20);overflow:clip;background:url('../img/skin/middle_bnr.jpg')no-repeat center;background-size:cover;}
		.main_wide_bnr .w_custom a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_wide_bnr .txt{font-size:var(--title-20);box-sizing:border-box;padding:37px 60px;display: flex;flex-direction: column;gap:20px;}
		.main_wide_bnr .txt strong{font-size:230%;color:var(--point-white);font-weight:700;}
		.main_wide_bnr .txt span{display: inline-flex;align-items: center;gap:8px;font-size:100%;color:var(--point-white);font-weight:400;}
		.main_wide_bnr .txt span:after{width:10px;height:10px;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(45deg);display: inline-block;}
		
		/*teacher*/
		.teacher_container .main_wide_bnr:before{background:var(--point-color04);}
		
		@media (max-width:860px) {
			.main_wide_bnr .bnr_box{padding:60px 0 80px;}
			.main_wide_bnr .txt{padding:40px 20px;}
		}
		@media (max-width:640px) {
			.main_wide_bnr .txt{gap:8px;}
			.main_wide_bnr .txt strong{font-size:180%;}
			.main_wide_bnr .txt span:after{width:8px;height:8px;}
		}
		@media (max-width:479px) {
			.main_wide_bnr .bnr_box{border-radius:0 0 0 150px;padding:50px 0 60px;}
			.main_wide_bnr .w_custom{background-position:right 70% center;}
			.main_wide_bnr .txt{padding:25px 20px;}
			.main_wide_bnr .txt strong{font-size:150%;}
			.main_wide_bnr .txt span{font-size:90%;gap:5px;}
		}
		
	/*teach*/
		.main_teacher{padding:116px 0 56px;}
		.main_teacher:before{width:1520px;height:120%;content:"";box-sizing:border-box;border-radius:0 400px 0 0;opacity:0.5;background: linear-gradient(180deg, var(--point-color05) 44.36%, rgba(214, 244, 248, 0.00) 100%);position: absolute;top:0;left:0;}
		.main_teacher:after{width:180px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:radial-gradient(75.56% 75.56% at 35.44% 69.62%, var(--point-color05) 0%, rgba(214, 244, 248, 0.20) 70%);position: absolute;right:6%;top:-12%;}
		.main_teacher .teach_swiper_box{margin-top:-57px;position: relative;}
		.main_teacher .teach_container{padding-inline:60px;box-sizing:border-box;overflow:hidden;}
		.main_teacher .teach_container ul{align-items: center;}
		.main_teacher .teach_container .swiper-slide{box-sizing:border-box;transition:all 0.3s;}
		.main_teacher .teach_container .swiper-slide a{position: absolute;top:0;left:0;display: block;width:100%;height:100%;z-index:5;}
		.main_teacher .teach_container .swiper-slide .ov_box{width:0;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:rgba(51, 51, 51, 0.9);box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.25);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;opacity:0;transition:all 0.3s ease-out;}
			.main_teacher .teach_container .swiper-slide .ov_box:before, .main_teacher .teach_container .swiper-slide .ov_box:after{content:"";background:var(--point-white);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
			.main_teacher .teach_container .swiper-slide .ov_box:before{width:19px;height:2px;}
			.main_teacher .teach_container .swiper-slide .ov_box:after{width:2px;height:19px;}
		.main_teacher .teach_container .sct_img img{border:1px solid var(--point-white);box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.10);}
		.main_teacher .teach_container .sct_txt{margin-top:42px;text-align: center;font-size:var(--title-20);box-sizing:border-box;}
		.main_teacher .teach_container .sct_txt p{font-size:170%;color:var(--black-color00);font-weight:400;line-height:1.7;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2;}
        .main_teacher .teach_container .swiper-slide:not(.swiper-slide-active) .sct_txt p{-webkit-line-clamp:1;}
		.main_teacher .teach_container .swiper-slide-active .sct_img{padding:10px 50px;box-sizing:border-box;position: relative;}
			.main_teacher .teach_container .swiper-slide-active .sct_img:before{width:100%;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-white);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
			.main_teacher .teach_container .swiper-slide-active .sct_img img{position: relative;}
			.main_teacher .teach_container .swiper-slide-active .sct_txt{margin-top:20px;padding:0 15px;}
			.main_teacher .teach_container .swiper-slide-active .sct_txt p{font-size:110%;}
		 .main_teacher .teach_container .swiper-slide:not(.swiper-slide-active){transform: scale(0.5);}
			.main_teacher .teach_container .swiper-slide:has(+ .swiper-slide.swiper-slide-prev) {translate:250px;}
			.main_teacher .teach_container .swiper-slide:has(+ .swiper-slide.swiper-slide-active) {translate: 71px;}
			.main_teacher .teach_container .swiper-slide.swiper-slide-active + .swiper-slide{translate: -71px;}
			.main_teacher .teach_container .swiper-slide.swiper-slide-next + .swiper-slide{translate: -250px;} 
		
		.main_teacher .swipe_arw{width:50px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-white);box-shadow: 0 0 16.3px 0 rgba(0, 0, 0, 0.10);position: absolute;top:43.6%;transform:translateY(-50%);display: inline-flex;align-items: center;justify-content: center;cursor:pointer;transition:all 0.3s;z-index:6;}
			.main_teacher .swipe_arw.prev{left:-90px;}
			.main_teacher .swipe_arw.next{right:-90px;}
			.main_teacher .swipe_arw:before{width:10px;aspect-ratio:auto 1;content:"";border:2px solid var(--black-color00);border-width:2px 2px 0 0;transform:rotate(45deg);transition:all 0.3s;}
			.main_teacher .swipe_arw.prev:before{margin-left:5px;transform:rotate(-135deg);}
			.main_teacher .swipe_arw.next:before{margin-right:5px;}
			.main_teacher .swipe_arw.swiper-button-disabled{opacity:0;z-index:-1;}
			
			/*teacher*/
			.teacher_container .main_teacher:before{background: linear-gradient(180deg, var(--point-color04) 44.36%, rgba(255, 241, 211, 0.00) 100%);}
			.teacher_container .main_teacher:after{background::radial-gradient(75.56% 75.56% at 35.44% 69.62%, var(--point-color05) 0%, rgba(255, 237, 222, 0.20) 70%);}
	
		/* over */
	    @media (hover: hover) and (pointer: fine){
			.main_teacher .swipe_arw:hover{background:var(--black-color03);}
			.main_teacher .swipe_arw:hover:before{border-color:var(--point-white);}
			.main_teacher .teach_container .swiper-slide-active:hover .ov_box{width:54px;opacity:1;}
		}
		
		@media (max-width:1700px) {
			.main_teacher:before{width:84%;}
		}
		@media (max-width:1500px) {
			.main_teacher .swipe_arw.prev{left:-25px;}
			.main_teacher .swipe_arw.next{right:-25px;}
		}
		@media (max-width:1300px) {
			.main_teacher:after{width:10vw;}
			.main_teacher .teach_container .swiper-slide:has(+ .swiper-slide.swiper-slide-prev) {translate:71%;}
			.main_teacher .teach_container .swiper-slide:has(+ .swiper-slide.swiper-slide-active){translate:20%;}
			.main_teacher .teach_container .swiper-slide.swiper-slide-active + .swiper-slide{translate: -20%;}
			.main_teacher .teach_container .swiper-slide.swiper-slide-next + .swiper-slide{translate: -71%;}
			.main_teacher .swipe_arw.prev{left:-15px;}
			.main_teacher .swipe_arw.next{right:-15px;}
		}
		@media (max-width:1200px) {
			.main_teacher .teach_container .sct_txt p{font-size:140%;}
		}
		@media (max-width:1023px) {
			.main_teacher{padding:80px 0 40px;}
			.main_teacher .teach_container{padding-inline:31%;}
			.main_teacher .teach_container .swiper-slide:has(+ .swiper-slide.swiper-slide-prev),
			.main_teacher .teach_container .swiper-slide.swiper-slide-next + .swiper-slide{translate:0;}
		}
		@media (max-width:860px) {
			.main_teacher:before{border-radius:0 300px 0 0;}
			.main_teacher:after{right:-3%;top:-7%;}
			.main_teacher .teach_swiper_box{margin-top:-40px;}
			.main_teacher .teach_container .swiper-slide:has(+ .swiper-slide.swiper-slide-active){translate:24%;}
			.main_teacher .teach_container .swiper-slide.swiper-slide-active + .swiper-slide{translate: -24%;}
			.main_teacher .swipe_arw.prev{left:0}
			.main_teacher .swipe_arw.next{right:0;}
		}
		@media (max-width:767px) {
			.main_teacher .teach_container .swiper-slide-active .sct_img{padding:10px 30px;}
		}
		@media (max-width:640px) {
			.main_teacher{padding:60px 0 30px;}
			.main_teacher:before{border-radius:0 150px 0 0;}
			.main_teacher .teach_swiper_box{margin-top:-30px;}
			.main_teacher .teach_container{padding-inline:29%;}
			.main_teacher .teach_container .sct_txt{margin-top:25px;}
			.main_teacher .teach_container .swiper-slide-active .sct_txt{margin-top:10px;}
			.main_teacher .teach_container .swiper-slide:has(+ .swiper-slide.swiper-slide-active){translate:30%;}
			.main_teacher .teach_container .swiper-slide.swiper-slide-active + .swiper-slide{translate: -30%;}
			
			.main_teacher .swipe_arw{width:38px;}
		}
		@media (max-width:479px) {
			.main_teacher{padding:40px 0 50px;}
			.main_teacher:before{width:calc(100% - 15px);}
			.main_teacher .teach_swiper_box{margin-top:20px;}
			.main_teacher .teach_container{padding:0;}
			.main_teacher .teach_container ul{align-items: flex-start;}
			.main_teacher .teach_container .swiper-slide:not(.swiper-slide-active){transform:none;}
			.main_teacher .teach_container .swiper-slide{padding:0 14vw;}
			.main_teacher .teach_container .swiper-slide .sct_img{padding:10px 30px;}
			.main_teacher .teach_container .sct_txt{margin-top:10px;}
			.main_teacher .teach_container .sct_txt p{font-size:100%;}
			.main_teacher .teach_container .swiper-slide:has(+ .swiper-slide.swiper-slide-active),
			.main_teacher .teach_container .swiper-slide.swiper-slide-active + .swiper-slide{translate:0;}
			
			.main_teacher .swipe_arw{top:39.6%;}
		}
		
	/*main banner*/
		.main_bnr{padding:120px 0;}
		.main_bnr:before{width:calc(100% - 100px);height:100%;content:"";box-sizing:border-box;background:var(--point-color04);border-radius:400px 0 0 400px;position: absolute;top:0;right:0;}
		.main_bnr .obj_box > div{position: absolute;}
		.main_bnr .obj_box .obj01{top:-46%;left:-7.8%;}
		.main_bnr .obj_box .obj02{right: -6.5%;top: -27%;width:45px;}
		.main_bnr .obj_box .obj03{left: -10.9%;bottom: 30.5%;}
		.main_bnr .obj_box .obj04{right: -11.9%;bottom: -13.2%;}
		.main_bnr .obj_box .obj02 img{transform:rotate(36deg);}
		.main_bnr .bnr_box{display: flex;flex-wrap:wrap;gap:40px;position: relative;z-index:3;}
		.main_bnr .bnr_box > div{box-sizing:border-box;width:calc(50% - 20px);border-radius:var(--radius-30);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);padding:40px 50px 50px;position: relative;}
		.main_bnr .bnr_box .req_bnr{background:var(--point-white) url('../img/skin/request_bnr.jpg')no-repeat center;background-size:cover;}
		.main_bnr .bnr_box .inq_bnr{background:var(--point-white) url('../img/skin/inq_bnr.jpg')no-repeat center;background-size:cover;}
		.main_bnr .bnr_box > div a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_bnr .bnr_box .txt_box{font-size:var(--title-20);}
		.main_bnr .bnr_box .txt_box strong{font-size:225%;color:var(--black-color00);font-weight:500;}
		.main_bnr .bnr_box .txt_box p{margin-top:10px;font-size:100%;color:var(--black-color04);line-height:1.5;font-weight:400;}
		.main_bnr .bnr_box .txt_box .btn_box{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:130px;height:54px;border-radius:100px;border:1px solid var(--border-color01);transition:all 0.3s;margin-top:28px;}
		.main_bnr .bnr_box .txt_box .btn_box span{font-size:90%;color:var(--black-color00);font-weight:500;transition:all 0.3s;}
		.main_bnr .bnr_box .txt_box .btn_box:after{width:0;aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(45deg);transition:all 0.3s;}
		
		/* over */
	    @media (hover: hover) and (pointer: fine){
			.main_bnr .bnr_box > div:hover .btn_box{background:var(--black-color03);}
			.main_bnr .bnr_box > div:hover .btn_box span{color:var(--point-white);}
			.main_bnr .bnr_box > div:hover .btn_box:after{width:10px;margin-left:10px;}
		}
		
		@media (max-width:1600px) {
			.main_bnr .obj_box .obj01{left:-3.8%;}
			.main_bnr .obj_box .obj02{right:-2.5%;}
			.main_bnr .obj_box .obj03{left:-4.9%;}
			.main_bnr .obj_box .obj04{right:-2.9%;}
		}
		@media (max-width:1400px) {
			.main_bnr .obj_box .obj01{top:-21%;left:-0.8%;}
			.main_bnr .obj_box .obj03{left:-1.9%;}
		}
		@media (max-width:1023px) {
			.main_bnr{padding:80px 0;}
			.main_bnr .bnr_box > div{padding:30px 25px;}
			.main_bnr .bnr_box .txt_box strong{font-size:180%;}
			.main_bnr .bnr_box .txt_box p{max-width:55%;}
			
		}
		@media (max-width:860px) {
			.main_bnr:before{width:100%;border-radius:200px 0 0 200px;}
			.main_bnr .bnr_box > div{width:100%;background-size:auto !important;background-position:right center !important;}
			.main_bnr .bnr_box .txt_box p{max-width:60%;}
		}
		@media (max-width:640px) {
			.main_bnr .obj_box .obj01{top:-10%;}
			.main_bnr .obj_box .obj02{top:-17%;}
			.main_bnr .obj_box .obj03{bottom:40.3%;}
			.main_bnr .obj_box .obj04{right:-6.9%;bottom:-6.2%;}
			.main_bnr .bnr_box > div{background-size:cover !important;}
		}
		@media (max-width:479px) {
            .main_bnr:before{border-radius:100px 0 0 100px;}
			.main_bnr .obj_box > div img{max-width:100%;}
			.main_bnr .obj_box .obj01{width:12vw;top:-7%;}
			.main_bnr .obj_box .obj02{width:10vw;top:-11%;}
			.main_bnr .obj_box .obj03{width:10vw;}
			.main_bnr .obj_box .obj04{width:21vw;}
			.main_bnr .bnr_box{gap:25px;}
			.main_bnr .bnr_box > div{padding:20px 15px 20px;background-size:auto 80% !important;background-position:right center !important;}
            .main_bnr .bnr_box .txt_box{max-width:50%;}
			.main_bnr .bnr_box .txt_box p{margin-top:4px;max-width:100%;}
			.main_bnr .bnr_box .txt_box p br{display: none;}
			.main_bnr .bnr_box .txt_box .btn_box{width:90px;height:36px;margin-top:10px;}
		}
		
	/*flow*/
		.main_wave:before{width:200px;aspect-ratio:auto 1;content:"";background:var(--point-color04);position: absolute;top:0;right:0;}
		.main_wave .waveSwiper{padding-top:170px;box-sizing:border-box;border-radius:0 138px 0 0;position: relative;background:var(--point-white);z-index:3;}
		.waveSwiper .swiper-wrapper{transition-timing-function: linear;}
        .waveSwiper .swiper-slide{width: 176px;height: auto;aspect-ratio: 0.733;box-shadow: 7px 4px 20px 0 rgba(0, 0, 0, 0.15);margin-right: clamp(30px, 4.5vw, 80px);}
		.waveSwiper .swiper-slide img{image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;transform: translateZ(0);backface-visibility: hidden;}

        @media (max-width:1023px){
			.main_wave .waveSwiper{padding-top:clamp(70px, 17vw, 170px);}
            .waveSwiper .swiper-slide{width: clamp(100px, 17.6vw, 176px);}
        }
		@media (max-width:640px){
			.main_wave:before{top:-3px;}
		}
		@media (max-width:479px){
			.main_wave:before{width:35vw;}
		}

    /*cs*/
        .main_cs{margin:149px 0 61px;width:100%;}
        .main_cs .cs_cont{display: flex;flex-wrap:wrap;gap:20px;}
        .main_cs .cs_cont > div{box-sizing:border-box;border-radius:var(--radius-20);background:var(--gray-bg04);padding:30px 30px;font-size:var(--title-20);}
        .main_cs h3{font-size:150%;color:var(--black-color00);font-weight:600;margin-bottom:20px;}
        .main_cs .cs_cont > .cs_info{width:28.1%;background:var(--point-color06);}
        .main_cs .cs_info *{filter:var(--filter-white);}
            .main_cs .cs_info a{display: block;font-size:160%;font-weight:700;font-family:var(--font-type02);letter-spacing:0.04em;}
            .main_cs .cs_info strong{display: block;font-size:100%;font-weight:600;font-family:var(--font-type02);margin:6px 0 11px;letter-spacing:0.01em;}
            .main_cs .cs_info p{font-size:85%;font-weight:500;line-height:1.5;letter-spacing:0.01em;}
        .main_cs .order_info{width:28.1%;}
            .main_cs .order_info .link_box{display: flex;gap:20px;}
            .main_cs .order_info .link_box > a{width:calc(50% - 10px);display: inline-flex;flex-direction:column;border-radius:var(--radius-10);background:var(--point-white);border:1px solid var(--border-color03);font-size:var(--title-20);padding:23px 0 27px;text-align: center;position: relative;}
            .main_cs .order_info .link_box > a:before{width:calc(100% + 2px);height:calc(100% + 2px);content:"";border:2px solid var(--point-color01);border-radius:var(--radius-10);position: absolute;top:-1px;left:-1px;opacity:0;transition:all 0.3s;}
            .main_cs .order_info .link_box .icon{display: flex;align-items: center;justify-content: center;height:64px;}
            .main_cs .order_info .link_box .icon img{max-height:100%;transition:all 0.3s;filter:var(--filter-black);}
            .main_cs .order_info .link_box p{font-size:110%;color:var(--black-color00);font-weight:500;margin-top: 16px;transition:all 0.3s;}
        .main_cs .notice_info{width:calc(43.8% - 40px);}
            .main_cs .notice_info .title_box{display: flex;align-items: center;justify-content: space-between;margin-bottom:20px;}
            .main_cs .notice_info h3{margin-bottom:0;}
            .main_cs .notice_info ul li{display: flex;align-items: center;justify-content: space-between;position: relative;gap:32px;font-size:var(--title-20);padding-left:9px;box-sizing: border-box;}
            .main_cs .notice_info ul li:before{width:3px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color00);position: absolute;left:1px;top:15px;}
            .main_cs .notice_info ul li.empty_li:before{display: none;}
            .main_cs .notice_info ul li a{font-size:90%;color:var(--black-color00);font-weight:400;display: block;max-width:calc(100% - 135px);}
            .main_cs .notice_info ul li a span,
            .main_cs .notice_info ul li a strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;width:100%;line-height:1.8;}
            .main_cs .notice_info ul li .date{font-size:80%;color:var(--black-color08);font-weight:400;letter-spacing:0.04em;display: inline-block;width:100px;text-align: right;}

        /* over */
	    @media (hover: hover) and (pointer: fine){
            .main_cs .order_info .link_box > a:hover:before{opacity:1;}
            .main_cs .order_info .link_box > a:hover .icon img{filter:none;}
            .main_cs .order_info .link_box > a:hover p{color:var(--point-color01);}
        }

        @media (max-width:1200px){
            .main_cs .cs_cont > div{padding:30px 20px;}
        }
        @media (max-width:1023px){
            .main_cs{margin-top:clamp(60px, 16vw, 149px);}
            .main_cs .cs_cont > .cs_info,
            .main_cs .cs_cont > .order_info{width:calc(50% - 10px);}
            .main_cs .cs_cont > .notice_info{width:100%;}
        }
        @media (max-width:860px){
            .main_cs .notice_info ul li:before{top:13px;}
        }
        @media (max-width:640px){
            .main_cs .cs_info a{font-size:140%;}
            .main_cs .order_info .link_box .icon{height:50px;}
            .main_cs .order_info .link_box p{margin-top:8px;font-size:100%;}
        }
        @media (max-width:479px){
            .main_cs .cs_cont > div{padding:20px 15px;}
            .main_cs h3,
            .main_cs .notice_info .title_box{margin-bottom:12px;}
            .main_cs .cs_cont > .cs_info,
            .main_cs .cs_cont > .order_info{width:100%;}
            .main_cs .notice_info ul li{gap:15px;padding-left:7px;}
            .main_cs .notice_info ul li:before{width:2px;top:11px;}
            .main_cs .notice_info ul li a{max-width:calc(100% - 100px);}
            .main_cs .notice_info ul li .date{width:84px;}
        }