@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@font-face {
	font-family: 'BMHANNAPro';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.0/BMHANNAPro.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


/* �귐딅�� */
body { background: #fff; }

html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, address,
img,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas,
footer, header,
nav, section,
audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Noto Sans KR';
}
#container_title, .ctt_admin, .ctt_company h1{display:none;}

ol, ul {list-style-type:none;}
a{color:inherit;text-decoration:none;}
input:not([type="checkbox"]):not([type="radio"]), button{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
input[type="text"]{border-radius:0;}
noscript, caption {width:0px;height:0px;text-indent:-20000px;}
pre {white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word;}
ul.short-cut {position:absolute;top:-5000px;}
img, input, select, textarea {vertical-align:middle;}
html, body{height:100%;}
table{border-collapse: collapse;border-spacing: 0;}


/* ROOT */
:root{
	--fontMain : 'BMHANNAPro', sans-serif;
	--mainColor01 : #425cff;
	--mainColor02 : #4d2bf4;
	--mainColor03 : #2bf4d1;
	--mainColor04 : rgb(255, 66, 137);
	--grayBg : #f8f8f8;
	--grayBg2 : #f5f6f9;
	--grayBg3 : #eee;
}

.point_c{color:var(--mainColor01);}

.approval{display:inline-block;padding:5px 10px;font-size:14px;text-align:center;line-height:34px;border-radius:15px;}
.approval.on{background:#ff4289;color:#fff;}
.approval.off{background:#ddd;color:#333;}

/* �⑤벏�� */
.well{border:1px solid #ddd;padding:15px;border-radius:10px;}
.well label{margin-bottom:10px;cursor:pointer;}
.btn{display:inline-block;line-height:40px;cursor:pointer;padding:0 20px;color:#333;background:#eee;border-radius:50px;}
.btn.big{line-height:48px;padding:0 30px;}
.btn.btn-num1{color:#fff;background:var(--mainColor01);border:0;}
.btn.btn-num2{color:#333;background:var(--mainColor03);border:0;}
.btn.btn-num3{color:#333;background:var(--grayBg3);border:0;}
.btn.btn-num4{color:#fff;background:#ff425b;border:0;}
.btn.btn-more{color:#fff;background:#ff425b;border:0;padding:0 60px;}

.txtC{text-align:center;}
.txtL{text-align:left;}
.txtR{text-align:right;}

.black{color:#333;}
.white{color:#fff;}

.mainTit{font-weight:normal;font-size:50px;font-family:var(--fontMain);display:block;}
.mainTit.min{font-size:32px;line-height:36px;}
.mainTit span{color:var(--mainColor02);font-size:24px;font-weight:bold;margin-bottom:15px;display:inline-block;}
.contTit{font-size:24px;font-weight:bold;margin-bottom:15px;display:inline-block;}
.contTit span{color:var(--mainColor02);}

.mainD_Txt{font-size:20px;font-weight:normal;line-height:28px;}

.sub_D_Tit{font-size:28px;font-family:var(--fontMain);display:block;margin-bottom:30px;}
.sub_D_Tit span{margin-bottom:15px;color:var(--mainColor02);font-size:20px;display:block;}

.sub_D_Txt{font-size:18px;font-weight:normal;line-height:28px;}

.list{font-size:15px;}
.list li{position:relative;margin-bottom:3px;padding-left:34px;}
.list li:last-child{margin-bottom:0;}
.list.list-type-main01{font-size:15px;color:#333;}
.list.list-type-main01 span{width:25px;height:25px;line-height:25px;background:var(--mainColor02);border-radius:25px;display:inline-block;text-align:center;color:#fff;font-size:15px;}

.list.listType_01{font-size:15px;line-height:28px;}
.list.listType_01 span{background:var(--mainColor01);display:inline-block;width:24px;height:24px;text-align:center;color:#fff;border-radius:50%;font-size:13px;line-height:24px;position:absolute;top:1px;left:0;}

.write_popup .list li{padding-left:}
.write_popup .list.listType_01{font-size:15px;line-height:24px;}
.write_popup .list.listType_01 span{width:18px;height:18px;line-height:18px;top:4px;}


.borderZ{border:0 !important;}

p.ex_Text{position:relative;color:#777;padding-left:23px;font-size:12px;margin-bottom:10px;}
p.ex_Text::before{content:"!";display:block;width:17px;height:17px;text-align:center;color:#fff;line-height:17px;position:absolute;left:0;left:0;border-radius:50%;background:var(--mainColor01);}

/* margin, padding */
.mT10{margin-top:10px !important;}
.mT20{margin-top:20px !important;}
.mT30{margin-top:30px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}
.mT60{margin-top:60px !important;}

.mB10{margin-bottom:10px !important;}
.mB20{margin-bottom:20px !important;}
.mB30{margin-bottom:30px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}
.mB60{margin-bottom:60px !important;}

@media (max-width:1280px){
	.mainTit{font-size:40px;}
	.mainTit.min{font-size:28px;line-height:32px;}
	.mainD_Txt{font-size:18px;line-height:26px;}
}

@media (max-width:1070px){
	.sub_D_Tit{font-size:24px;font-family:var(--fontMain);display:block;}
	.sub_D_Tit span{margin-bottom:15px;color:var(--mainColor02);font-size:18px;display:block;}

	.sub_D_Txt{font-size:15px;font-weight:normal;line-height:28px;}
}

@media (max-width:768px){
	.mainTit{font-size:32px;}
	.mainTit.min{font-size:24px;line-height:28px;}
	.mainD_Txt{font-size:16px;line-height:24px;}
}



/* 筌롫뗄�� �⑤벏�� */
.section{clear:both;position:relative;padding:150px 0;}
.section.gray{background:var(--grayBg);}
.section.gray2{background:var(--grayBg2);}
.container{width:100%;max-width:1400px;margin:auto;padding: 0 15px;box-sizing:border-box;}



/* 占쎈뜆�좑옙袁⑹뜍 獄쏉옙 占썬끋占쏙옙占� */

/* 占썬끇�멒NB */
header{position:absolute;top:0;width:100%;z-index:10;}
header .containerBox{padding:15px 50px;position:relative;}
header h1.logo{position:absolute;top:15px;left:50px;}

header nav.gnb{display:block;text-align:right;line-height:86px;visibility:visible;z-index:5;}
header nav.gnb > a{font-size:20px;font-family:var(--fontMain);padding:0 33px;}
header nav.gnb > a:last-child{padding-right:0;}

header .gnbMControl{display:none;margin-bottom:20px;}
header .gnbMControl .close{display:block;position:absolute;top:0;right:0;}
header .gnbMControl .mList{width:100%;height:76px;display:flex;justify-content:space-between;background:#000;text-align:center;margin-top:65px;}
header .gnbMControl .mList li{width:30%;}
header .gnbMControl .mList li a{line-height:76px;color:#fff;}

header .sub_menu{text-indent:-99999px;width:52px;height:52px;cursor:pointer;background: url(../img/icon1.png) no-repeat center;display:inline-block;position:absolute;top:0;right:0;visibility:hidden;}



@media(max-width:968px){
	header h1.logo{top:10px;left:10px;}
	header h1.logo img{width:70px;transition:all .5s;}
	header.on h1.logo img{width:60px;transition:all .5s;padding-left:20px;}
	header nav.gnb{position:fixed;top:0;right:0;bottom:0;visibility:hidden;transform:translate(100%);transition:all .5s;width:100%;background:#333;text-align:left;line-height:60px;}
	header.on nav.gnb{visibility:visible;transform:translate(0);transition:all .5s;}
	header nav.gnb > a{display:block;color:#fff;font-size:18px;}

	header.on .gnbMControl{display:block;}

	header .sub_menu{visibility:visible;top:10px;right:10px;}
	header.on .sub_menu{visibility:hidden;}
}


/* 筌롫뗄�� ��쑴竊쒙옙占� */
.visualSection{position:relative;height:100%;}
.visualSection .visualFlotingText{z-index:9;position:absolute;bottom:130px;transform:rotate(-90deg);}
.visualSection .mainSlider{width:100%;height:100%;}
.slick-list, .slick-track, .slick-slide{height:100%;}
.visualSection .slick-slider{position:relative;}
.visualSection .mainSlider .inner-txt-con {position:absolute;left:10%;bottom:90px;transform:translate(-50%);transition:all 1s;}
.visualSection .mainSlider .visual-item.slick-active .inner-txt-con {transform:translate(0);transition:all 1s;}
.visualSection .mainSlider .inner-txt-con .slider_title{font-size:50px;font-family:var(--fontMain);margin-bottom:80px;}
.visualSection .mainSlider .visual-item{background-size:cover !important;}
.visualSection .mainSlider .visual-item.slick-active{background-size:cover !important;}

.visualSection .slick-counter{position:absolute;bottom:100px;right:100px;font-family:var(--fontMain);color:#393939;font-size:16px;}
.visualSection .slick-counter .current{font-size:70px;color:#333;font-weight:bold;display:inline-block;margin-top:-30px;position:absolute;top:-50px;left:-50px;}
.visualSection .slick-counter .total{font-size:30px;color:#9e9e9e;display:inline-block;position:absolute;top:0;right:-30px;}

@media (max-width:1280px){
	.visualSection .mainSlider .visual-item{background-position: calc(100% + 150px) 0 !important;}
}

@media (max-width:768px){
	.visualSection .visualFlotingText{left:-30px;}
	.visualSection .mainSlider .inner-txt-con {position:absolute;left:60px;bottom:90px;}
	.visualSection .mainSlider .inner-txt-con .slider_title{font-size:34px;margin-bottom:50px;}
}



/* 占쎈�逾믥몴占� 占쎌쥚源�옙�곷튊 占쏙옙 椰꾧퉮�숋옙�쇱뵠 占쎈떯猿먲옙醫됲돱占쏙옙? 占쎈씭�ワ옙占� 占쎄쑴�좄굜占� 獄쏄퀡瑗� */
.mainIcoBox{display:flex;justify-content:space-between;margin-top:50px;box-sizing:border-box;}
.mainIcoBox.section_ani{}
.mainIcoBox .item{width:436px;max-width:100%;text-align:center;}
.mainIcoBox .item .thumb {margin-bottom:30px;}
.mainIcoBox .item .thumb img{max-width:100%;}


@media (max-width:768px){
	.mainIcoBox{flex-direction: column;text-align:center;}
	.mainIcoBox .item{margin:auto;margin-bottom:30px;}
	.mainIcoBox .item:last-child{margin-bottom:0;}
}


/* 筌롫뗄�� 占쎈슢以덌옙占� �꾩꼹�쀯㎘占� */
.floating{}
.float-init{overflow:hidden;}
.float-init::before{content:"";display:block;position:absolute;top:300px;left:-30%;width:546px;height:546px;background:#fff;border:255px solid var(--mainColor01);border-radius:50%;}
.float-init::after{content:"";display:block;position:absolute;bottom:-276px;right:-15%;width:244px;height:244px;background:rgba(255,255,255, 0);border:154px solid var(--mainColor03);border-radius:50%;z-index:-1;}

.float-init.min{overflow:hidden;}
.float-init.min::before{content:"";display:block;position:absolute;top:300px;left:-20%;width:346px;height:346px;background:none;border:185px solid var(--mainColor01);border-radius:50%;}
.float-init.min::after{content:"";display:block;position:absolute;bottom:50px;right:-15%;width:244px;height:244px;background:rgba(255,255,255, 0);border:154px solid var(--mainColor03);border-radius:50%;z-index:1;}

.float-init .container{position:relative;overflow:hidden;}
.floating{position:absolute;top:0;left:15px;}
.floating.on{position:fixed;top:0;}
.flotingCont{width:670px;max-width:100%;float:right;z-index:2;}
.flotingCont .item{border-radius:25px;padding:50px 30px;box-shadow:0px 6px 10px 5px rgba(0 0 0 / 20%);width:100%;margin-bottom:40px;box-sizing:border-box;background:#fff;}
.flotingCont .item:first-child{margin-top:10px;background:#fff url(../img/floting_bg_01.png) no-repeat right bottom;}
.flotingCont .item:nth-child(2){background:#fff url(../img/floting_bg_02.png) no-repeat right bottom;}
.flotingCont .item:nth-child(3){background:#fff url(../img/floting_bg_03.png) no-repeat right bottom;}
.flotingCont .item:last-child{background:#fff url(../img/floting_bg_04.png) no-repeat right bottom;}
.flotingCont .item .mainD_Txt{font-size:18px;}

@media (max-width:1400px){
	.floating{left:15px;}
}

@media (max-width:1070px){
	.floating{position:inherit;margin-bottom:40px;}
	.flotingCont{width:100%;}
	.flotingCont .item{margin-bottom:30px;}
	.floating.on{position:absolute;top:0;}
}


.section.event{background:var(--mainColor01) url(../img/event_bg.png) no-repeat 90%;position:relative;overflow:hidden;padding: 70px 0;}


.section.review{overflow:hidden;position:relative;min-height:500px;padding-bottom:200px;}
.section.review .slick_arrow {position:absolute;left:calc(50% - 450px);top:calc(50% - 320px);}
.section.review .slick_arrow_next {left:calc(50% - 370px);}
.section.review .reviewTitle{}
.section.review .reviewContainer{width:100%;position:absolute;}
.section.review .reviewContainer .reviewSlider{}
.section.review .reviewContainer .reviewItem{width:460px;margin:20px 10px;padding:50px;border-radius:50px;background:#fff;box-shadow:0px 3px 20px 1px rgb(0 0 0 / 10%);}
.section.review .reviewContainer .reviewItem .contTit{display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.section.review .reviewContainer .reviewItem .mainD_Txt{font-size:18px;color:#555;height:200px;overflow:hidden;}

@media (max-width:1400px){
	.section.review .slick_arrow {position:absolute;left:inherit;right:90px;top:calc(50% - 320px);}
	.section.review .reviewContainer .reviewItem .mainD_Txt{height:185px;}
	.section.review .slick_arrow_next {right:15px;}
}
@media (max-width:768px){
	.section.review .reviewContainer .reviewItem .mainD_Txt{height:170px;}
	.section.review .reviewContainer .reviewItem{width:300px}
	.section.review .reviewContainer .reviewItem .contTit{font-size:20px;}
	.section.review .reviewContainer .reviewItem .mainD_Txt{font-size:15px;}
}
@media (max-width:468px){
	.section.review .reviewContainer .reviewItem{width:250px}
}


#mb_login {overflow:hidden;height:100%;position:relative;background:url(../img/mainVisual01.jpg) no-repeat;background-size:cover;background-position: calc(100% + 150px) 0 !important;}
#mb_login .mbskin_box{width:600px;max-width:100%;padding:40px 30px 90px;background:#fff;box-shadow:0px 3px 20px 1px rgb(0 0 0 / 10%);border-radius:50px;box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;}
#mb_login .mbskin_box legend{visibility:hidden;}
#mb_login .mbskin_box .sound_only{visibility:hidden;}
#mb_login .mbskin_box .frm_input{border:1px solid #ddd;background:#fff;line-height:44px;padding: 0 15px;border-radius:15px;display:block;width:100%;box-sizing:border-box;}
#mb_login .mbskin_box button{background:var(--mainColor01);color:#fff;border:0;width:150px;line-height:44px;border-radius:15px;margin-top:50px;}
#mb_login .mbskin_box .mb_log_cate, #mb_login .mbskin_box .login_if_lpl{display:none;}
#login_info{margin-top:-80px;;text-align:left;}

@media(max-width:768px){
	#mb_login{padding:0 15px;}
	#mb_login .mbskin_box{max-width:calc(100% - 30px); }
}


.quickMenu{width:118px;height:442px;background:#fff;position:fixed;top:50%;right:0;transform:translate(0, -50%);border-radius:50px 0 0 50px;overflow:hidden;font-weight:bold;font-family:var(--fontMain);box-shadow:0px 3px 20px 1px rgb(0 0 0 / 10%);z-index:2;}
.quickMenu .quickHead, .quickMenu .quickBody{padding:0 5px;box-sizing:border-box;}
.quickMenu .quickHead{background:var(--mainColor02);display:flex;justify-content: center;align-items: center;flex-direction: column;color:#fff;font-size:19px;height:110px;}
.quickMenu .quickBody .quickItem{display:flex;justify-content: center;align-items: center;flex-direction: column;color:#333;height:110.6px;text-align:center;}

@media(max-width:968px){
	.quickMenu{display:none;}
}


footer{background:#2e3336;padding:70px 0;position:relative;}
footer .container{}
footer .container h2{color:#fff;font-family:var(--fontMain);margin-bottom:50px;font-size:30px;font-weight:normal;}
footer .container p{font-size:15px;color:#838b90;margin-bottom:10px;}
footer .container p span{color:#fff;}
footer .container p i{font-style:normal;width:1px;height:14px;background:#565d61;margin:0 15px;display:inline-block;}
footer .hd_login{position:absolute;bottom:0;right:0;}
footer .hd_login li{float:left;}
footer .hd_login li a{color:#2e3336;font-size:15px;display:inline-block;padding:0 10px;}


@media (max-width:768px){
	footer .container h2{font-size:24px;}
}





/* �쒕툕�섏씠吏� */
.section.subSection{padding:50px 0;}
.section.subVisual{overflow:hidden;position:relative;padding:250px 0 400px;}
.section.subVisual .mainTit, .section.subVisual .mainD_Txt{z-index:2;position:relative;}
.section.subVisual .visualCont{position:absolute;bottom:0;right:0;z-index:2;}
.section.subVisual .visualCont img{max-width:100%;}
.section.subVisual .ani_title{position: absolute;bottom: 10%;padding-left:10%;z-index:1;padding-right: 60%;white-space:nowrap;font-family:var(--fontMain); font-size:170px;color: #ebecee;font-weight:900;letter-spacing:-5px;animation-name:marquee;animation-timing-function:linear;animation-duration: 25s;animation-iteration-count:infinite;}

.subTxtVisual{padding:150px 0 100px;position:relative;}
.subTxtVisual h3{font-size:42px;position:relative;overflow:hidden;z-index:3;padding-top:40px;}
.subTxtVisual p{font-size:20px;position:relative;z-index:3}
.subTxtVisual::before{content:"일타강사 드라이브선생";display:block;font-size:150px;color:#f8f8f8;font-weight:900;position:absolute;bottom:0;width:100%;text-align:center;z-index:1}

.subTxtVisual img{width:27px !important; position: absolute; display: block; width: 100%; z-index:2;transform:translate(-50%, -50%);}

.sub-particle-1 {position: absolute;left: calc(50% - 384px);transform: translateX(-50%);top: 72px;-webkit-animation: spin 8s infinite linear;z-index:2;-ms-animation: spin 8s infinite linear;}
.sub-particle-2 {position: absolute;left: calc(50% - 281px);transform: translateX(-50%);top: 15px;-webkit-animation: spin 10s infinite linear;z-index:2;-ms-animation: spin 10s infinite linear; }
.sub-particle-3 {position: absolute;left: calc(50% + 291px);transform: translateX(-50%);bottom: 32px;-webkit-animation: spin 13s infinite linear;z-index:2;-ms-animation: spin 13s infinite linear; }
.sub-particle-4 {position: absolute;left: calc(50% + 431px);transform: translateX(-50%);top: 26px;-webkit-animation: spin 8s infinite linear;z-index:2;-ms-animation: spin 8s infinite linear;}

@-webkit-keyframes spin {
	0%  {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}   
}
@-ms-keyframes spin {
	0%  {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}   
}


.stepList{display:flex;justify-content: space-between;}
.stepList .stepItem{box-sizing:border-box;width:50%;}
.stepList .stepItem:first-child{padding-right:85px;}
.stepList .stepItem:last-child{padding:80px 0 80px 85px;border-left:1px solid #ddd;}

.stepList .stepItem .thumbBox{position:relative;}
.stepList .stepItem .thumbBox::before{display:block;content:"";position:absolute;left:0;bottom:0;background:var(--grayBg2);width:80%;height:52px;z-index:1;}
.stepList .stepItem .thumbBox img{max-width:100%;}

.stepList .sub_D_Tit{margin-top:-30px;position:relative;z-index:2;}

@keyframes marquee {
	from   { transform: translate(0%);}
	99%,to { transform: translate(-100%);}
}

@media (max-width:1420px){
	.subTxtVisual::before{content:"일타강사 드라이브선생";font-size:110px;bottom:20%;}	
}

@media (max-width:1070px){
	.stepList .stepItem:first-child{padding-right:25px;}
	.stepList .stepItem:last-child{padding:40px 0 40px 25px;}
	.subTxtVisual::before{content:"일타강사 드라이브선생";font-size:80px;bottom:25%;}
}


@media (max-width:768px){
	.aboutCont{padding:50px 0;}

	.section.subVisual{overflow:hidden;position:relative;padding:150px 0 300px;}
	.section.subVisual .visualCont img{max-width:90%;opacity:.4;}
	
	.stepList{display:block;}
	.stepList .stepItem{margin-bottom:30px;width:auto;}
	.stepList .stepItem:first-child{padding-right:0;}
	.stepList .stepItem:last-child{padding:0;border:0;}
	.subTxtVisual::before{content:"일타강사 드라이브선생";font-size:60px;bottom:30%;}

}

@media (max-width:568px){
	.subTxtVisual::before{content:"드라이브선생";font-size:50px;bottom:30%;}
}

.popup{position:fixed;top:0;bottom:0;left:0;width:100%;background:rgba(0,0,0,.4);display:none;z-index:15;}
.popup.on{display:block;}
.popup .popup_Box{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:calc(100% - 150px);background:#fff;border-radius:15px;box-sizing:border-box;}
.popup .popup_Box .popup_Head{height:70px;line-height:70px;font-weight:bold;font-size:20px;padding:0 15px;border-bottom:1px solid #f8f8f8;position:relative;}
.popup .popup_Box .popup_Head .closed{width:30px;height:30px;display:inline-block;color:#333;font-weight:bold;font-size:30px;position:absolute;top:50%;right:15px;cursor:pointer;margin-top:-15px;line-height:30px;text-align:center;}
.popup .popup_Box .popup_Body{font-size:15px;padding:15px;overflow-y:scroll;height:calc(100% - 120px);}
.popup .popup_Box .popup_Body strong{display:block;font-size:18px;font-weight:bold;margin-bottom:20px;}
.popup .popup_Box .popup_Body .popupThumb img{max-width:100%;margin-bottom:20px;}

#autosave_pop{position:fixed;top:0;bottom:0;left:0;width:100%;background:rgba(0,0,0,.4);display:none;z-index:15;}
#autosave_pop .popupBox{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:calc(100% - 350px);background:#fff;border-radius:15px;box-sizing:border-box;}
#autosave_pop .popupBox .popup_Head{height:70px;line-height:70px;font-weight:bold;font-size:20px;padding:0 15px;border-bottom:1px solid #f8f8f8;position:relative;}
#autosave_pop .popupBox .popup_Head .closed{width:40px;height:40px;display:inline-block;color:#333;font-weight:bold;font-size:30px;position:absolute;top:50%;right:15px;cursor:pointer;margin-top:-20px;line-height:30px;text-align:center;}
#autosave_pop .popupBox .popup_Head .closed .autosave_close{text-indent:-9999px;position:relative;background:none;border:0;width:100%;height:100%;cursor:pointer;}
#autosave_pop .popupBox .popup_Head .closed .autosave_close::before{content:"";width:1px;height:18px;background:#000;transform:rotate(45deg);position:absolute;top:50%;left:50%;margin-top:-10px;}
#autosave_pop .popupBox .popup_Head .closed .autosave_close::after{content:"";width:1px;height:18px;background:#000;transform:rotate(-45deg);position:absolute;top:50%;left:50%;margin-top:-10px;}
#autosave_pop .popupBox .popup_Body{font-size:15px;padding:15px;overflow-y:scroll;height:calc(100% - 120px);}
#autosave_pop .popupBox .popup_Body ul li {display:block;padding:10px 0;border-bottom:1px solid #ddd;}
#autosave_pop .popupBox .popup_Body ul li:last-child{border:0;}
#autosave_pop .popupBox .popup_Body ul li a{display:inline-block;width:calc(100% - 200px);}
#autosave_pop .popupBox .popup_Body ul li span{display:inline-block;width:200px;text-align:right;}
#autosave_pop .popupBox .popup_Body ul li span button{background:var(--mainColor01);border:0;color:#fff;width:100px;cursor:pointer;}

@media (max-width:600px){
	.popup{padding:15px;box-sizing:border-box;}
	.popup .popup_Box{width:calc(100% - 30px);position:inherit;}

	#autosave_pop .popupBox{height:calc(100% - 150px);}

	.popup .popup_Box .popup_Head{padding-right:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
}





/* 게시판 Board */
.btnBox{overflow:hidden;padding:30px 0;}
.btn_bo_user{display:inline-block;}
.btn_bo_user.left{float:left;}
.btn_bo_user.right{float:right;}
.btn_bo_user.left li {float:left;margin-left:10px;}
.btn_bo_user.right li {float:right;margin-left:10px;}
.btn_bo_user li {float:right;margin-left:10px;}
.btn_bo_user li a, .btn_bo_user li button{font-size:15px;}

.tbl_wrap{}
.tbl_wrap table{width:100%;}
.tbl_wrap table thead th{background:var(--grayBg2);padding:15px;border:1px solid #ddd;}
.tbl_wrap table thead th:first-child{border-left:0;}
.tbl_wrap table thead th:last-child{border-right:0;}
.tbl_wrap table tbody td{padding:15px;border:1px solid #ddd;}
.tbl_wrap table tbody td:first-child{border-left:0;}
.tbl_wrap table tbody th:last-child{border-right:0;}


.gall_row{overflow:hidden;display:flex;flex-wrap:wrap;width:100%;list-style:none;border:0;}
.container_b_list .gall_li{max-width:25%;box-sizing:border-box;border:0;flex-shrink:0;flex-basis:25%;flex-grow:1;margin:0;padding:10px;box-sizing:border-box;}
.container_b_list .gall_li .gall_text_href{overflow:hidden;}
.container_b_list .gall_li .gall_img{position:relative;display:block;padding-top:100%;overflow:hidden;}
.container_b_list .gall_li .thumbox::before{position:absolute;top:0;left:0;background:rgba(0,0,0,.2);width:100%;height:100%;content:"";display:block;z-index:2;transition:all .4s;}
.container_b_list .gall_li .thumbox:hover::before{display:block;transition:all .4s;background:rgba(0,0,0,.6);}
.container_b_list .gall_li .thumb{max-width:100%;position:absolute;top:0;left:0;z-index:1;height:auto;min-height:100%;}
.container_b_list .gall_li .teacher_bedge{position:absolute;top:5px;left:5px;z-index:2;background:var(--mainColor03);opacity:.8;padding:0 10px;line-height:33px;border-radius:10px; display:inline-block;}
.container_b_list .gall_li .star_bedge{position:absolute;top:5px;right:5px;z-index:2;opacity:.8;padding:0 10px;line-height:33px;border-radius:10px; display:inline-block;color:var(--mainColor01);width:100px;}
.container_b_list .gall_li .star_bedge img{max-width:100%;}
.container_b_list .gall_li .subjectBox{position:absolute;bottom:0;left:0;z-index:2;padding:15px;box-sizing:border-box;width:100%;}
.container_b_list .gall_li .subjectBox .bo_tit{font-size:20px;font-family:var(--fontMain);color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.container_b_list .gall_li .subjectBox .gall_date{color:#fff;}


.container_b_list2 .gall_row{justify-content:center;}
.container_b_list2 .gall_li{max-width:25%;box-sizing:border-box;border:0;flex-shrink:0;flex-basis:25%;flex-grow:1;margin:0;padding:10px;box-sizing:border-box;}
.container_b_list2 .gall_li .gall_text_href{overflow:hidden;}
.container_b_list2 .gall_li .gall_img{position:relative;display:block;padding-top:100%;overflow:hidden;}
.container_b_list2 .gall_li .thumbox::before{position:absolute;top:0;left:0;background:rgba(0,0,0,.2);width:100%;height:100%;content:"";display:block;z-index:2;transition:all .4s;}
.container_b_list2 .gall_li .thumbox:hover::before{display:block;transition:all .4s;background:rgba(0,0,0,.6);}
.container_b_list2 .gall_li .thumb{max-width:100%;position:absolute;top:0;left:0;z-index:1;height:auto;min-height:100%;}
.container_b_list2 .gall_li .teacher_bedge{position:absolute;top:5px;left:5px;z-index:2;background:var(--mainColor03);opacity:.8;padding:0 10px;line-height:33px;border-radius:10px; display:inline-block;}
.container_b_list2 .gall_li .star_bedge{position:absolute;top:5px;right:5px;z-index:2;opacity:.8;padding:0 10px;line-height:33px;border-radius:10px; display:inline-block;color:var(--mainColor01);width:100px;}
.container_b_list2 .gall_li .star_bedge img{max-width:100%;}
.container_b_list2 .gall_li .subjectBox{position:absolute;bottom:0;left:0;z-index:2;padding:15px;box-sizing:border-box;width:100%;}
.container_b_list2 .gall_li .subjectBox .bo_tit{font-size:20px;font-family:var(--fontMain);color:#fff;display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.container_b_list2 .gall_li .subjectBox .gall_date{color:#fff;}

@media(max-width:1200px){
	.container_b_list .gall_li{max-width:33%;flex-basis:33%;}

	.container_b_list2 .gall_li{max-width:33%;flex-basis:33%;}
}
@media(max-width:768px){
	.container_b_list .gall_li{max-width:50%;flex-basis:50%;}
	.container_b_list .gall_li .teacher_bedge{padding:0 5px;line-height:28px;font-size:14px;}
	.container_b_list .gall_li .star_bedge{width:70px;}
	.container_b_list .gall_li .star_bedge img{max-width:100%;}
	.container_b_list .gall_li .subjectBox .bo_tit{font-size:18px;}

	.container_b_list2 .gall_li{max-width:50%;flex-basis:50%;}
	.container_b_list2 .gall_li .teacher_bedge{padding:0 5px;line-height:28px;font-size:14px;}
	.container_b_list2 .gall_li .star_bedge{width:70px;}
	.container_b_list2 .gall_li .star_bedge img{max-width:100%;}
	.container_b_list2 .gall_li .subjectBox .bo_tit{font-size:18px;}
	.m-xs{display:none;}
}
@media(max-width:468px){
	.container_b_list .gall_li{max-width:100%;flex-basis:100%;}

	.container_b_list2 .gall_li{max-width:100%;flex-basis:100%;}
}


.container_bbs{padding-bottom:50px;}
.container_bbs input[type="text"],
.container_bbs input[type="password"]{display: block; width: 100%; padding: 0 15px;line-height: 44px; background-color: #fff; background-clip: padding-box; border:1px solid #ddd; border-radius: 10px; appearance: none;margin-bottom:10px;box-sizing: border-box;}
.container_bbs input[type="file"]{display: block; width: 100%; padding: 0 15px;line-height: 44px; background-color: #fff; background-clip: padding-box; border:1px solid #ddd; border-radius: 10px; appearance: none;margin-bottom:10px;box-sizing: border-box;}
.container_bbs textarea{display: block; width: 100%; padding: 0 15px;line-height: 24px; background-color: #fff; background-clip: padding-box; border:1px solid #ddd; border-radius: 10px; appearance: none;margin-bottom:10px;box-sizing: border-box;}
.container_bbs input[type="checkbox"] { display:none;}
.container_bbs input[type="checkbox"] + label {color:#333;	margin-right:10px;}
.container_bbs input[type="checkbox"] + label span {display:inline-block;width:19px;height:19px;margin:-2px 4px 0 0;vertical-align:middle;background:url(../img/check_radio_sheet.png) left top no-repeat;cursor:pointer;}
.container_bbs input[type="checkbox"]:checked + label span {background:url(../img/check_radio_sheet.png) -18px top no-repeat;}
.container_bbs input[type="radio"] {display:none;}
.container_bbs input[type="radio"] + label {color:#333;	margin-right:10px;cursor:pointer;}
.container_bbs input[type="radio"] + label span {display:inline-block;width:19px;height:19px;margin:-2px 4px 0 0;vertical-align:middle;background:url(../img/check_radio_sheet.png) -38px top no-repeat;cursor:pointer;}
.container_bbs input[type="radio"]:checked + label span {background:url(../img/check_radio_sheet.png) -57px top no-repeat;}

.container_bbs .star_write input[type="checkbox"] + label{margin-right:0;}
.container_bbs .star_write input[type="checkbox"] + label span{background:none;width:1px;height:1px;}
.container_bbs .star_write input[type="checkbox"] + label span + i{background:none;color:#999;}
.container_bbs .star_write input[type="checkbox"]:checked + label span {background:none;}
.container_bbs .star_write input[type="checkbox"]:checked + label span + i {color:#fcc315;}

.container_bbs .mainTit{border-bottom:2px solid #333;padding-bottom:30px;}
.container_bbs .mainTit span{margin-bottom:5px;}
.container_bbs #bo_v_info{background:#f8f8f8;padding:15px;border-bottom:1px solid #ddd;}
.container_bbs #bo_v_info ul{display:flex;overflow:hidden;flex-wrap:wrap;width:100%;}
.container_bbs #bo_v_info ul li{flex-shrink:0;flex-basis:20%;flex-grow:1;max-width:25%;}
.container_bbs #bo_v_info ul li i{font-style:normal;font-weight:bold;margin-right:10px;}
.container_bbs #bo_v_info ul li{font-weight:normal !important;}
.container_bbs .star{color:var(--mainColor01);}
.container_bbs #bo_v_atc{overflow:hidden;padding:15px;margin-bottom:30px;min-height:450px;}
.container_bbs #bo_v_top{overflow:hidden;}
.container_bbs #bo_v_top .bo_v_left{float:left;}
.container_bbs #bo_v_top .bo_v_left li{float:left;margin-right:5px;}
.container_bbs #bo_v_top .bo_v_com{float:right;}
.container_bbs #bo_v_top .bo_v_com li{float:left;margin-left:5px;}
.container_bbs #bo_v_top .bo_v_nb{clear:both;background:#f8f8f8;padding:15px;margin-top:30px;}
.container_bbs .sound_only{display:none;}
.container_bbs.form{position:relative;}
.container_bbs.form .sound_only{display:block;margin-bottom:10px;}
.container_bbs.form .sound_only .required{display:inline-block;width:50px;height:24pX;line-height:24px;font-size:12px;text-align:center;color:#ff4289;border-radius:15px;}
.trueBox.required{display:inline-block;height:24pX;line-height:24px;font-size:12px;text-align:center;color:#ff4289;border-radius:15px;}
.container_bbs.form::before{content:"";display:block;position:absolute;top:0;left:150px;width:100px;height:100px;border-radius:50%;border:100px solid #ff4289;z-index:1;}
.container_bbs.form::after{content:"";display:block;position:absolute;bottom:0;right:200px;width:50px;height:50px;border-radius:50%;border:50px solid var(--mainColor01);z-index:1;}
.container_bbs.form .mainTit {position:relative;z-index:2;}
.container_bbs .container_fomrMail{max-width:800px;margin:auto;border-radius:15px;background:#fff;border:1px solid #ddd;box-shadow:0px 3px 20px 1px rgb(0 0 0 / 30%);padding:20px;position:relative;z-index:2;}
.container_bbs .container_fomrMail::before{content:"";display:block;position:absolute;bottom:50px;left:-70px;width:10px;height:10px;border-radius:50%;border:10px solid var(--mainColor01);z-index:1;}
.container_bbs .container_fomrMail::after{content:"";display:block;position:absolute;bottom:50%;right:-100px;width:30px;height:30px;border-radius:50%;border:30px solid var(--mainColor03);z-index:1;}
.container_bbs .container_fomrMail.form2::before{bottom:300px;left:inherit;right:-100%;width:2022-10-15200px;height:200px;border:200px solid #ff4289;z-index:-1;}
.container_bbs .container_fomrMail.form2::after{bottom:30%;left:-100px;right:inherit;width:30px;height:30px;border:30px solid var(--mainColor03);z-index:1;}

.container_bbs .tableWrap{border-top:2px solid var(--mainColor01);}
.container_bbs .tableWrap table{width:100%;}
.container_bbs .tableWrap table th{background:rgb(245, 245, 247);padding:15px;border:1px solid rgb(226, 226, 226);}
.container_bbs .tableWrap table td{padding:10px;border:1px solid rgb(226, 226, 226);}

.container_bbs .pg_wrap{overflow:hidden;text-align:center;margin-top:30px;}
.container_bbs .pg_wrap .pg_current{width:30px;height:30px;line-height:30px;border:1px solid #ddd;font-size:13px;border-radius:50%;display:inline-block;background:var(--mainColor01);color:#fff;}
.container_bbs .pg_wrap .pg_page{width:30px;height:30px;line-height:30px;border:1px solid #ddd;font-size:13px;border-radius:50%;display:inline-block;color:#333;margin:0 5px}
.container_bbs .pg_wrap .pg_start, .container_bbs .pg_wrap .pg_end{display:none;}

.container_bbs .formList{display:flex;overflow:hidden;flex-wrap:wrap;width:100%;}
.container_bbs .formList li{flex-shrink:0;flex-basis:calc(25% - 5px);flex-grow:1;box-sizing:border-box;max-width:calc(25% - 5px);margin-right:6.67px;margin-top:20px;}
.container_bbs .formList li:nth-child(4n){margin-right:0;}
.container_bbs .formList li a{position:relative;display:block;background:#f8f8f8;padding:15px;box-sizing:border-box;min-height:300px;position:relative;color:#333;overflow:hidden;}
.container_bbs .formList li a .listHead{padding-bottom:50px;position:relative;}
.container_bbs .formList li a .listHead span{display:inline-block;background:var(--mainColor02);color:#fff;font-size:12px;padding:2px 10px}
.container_bbs .formList li a .listHead span.new{background:var(--mainColor04);}
.container_bbs .formList li a .listBody {;}
.container_bbs .formList li a .listBody h3{font-size:18px;}
.container_bbs .formList li a .listBody h3 span {font-size:15px;font-weight:normal;display:block;}
.container_bbs .formList li a .listBody > span{float:right;font-size:13px;position:absolute;bottom:15px;left:15px;}
.container_bbs .noBoard{background:#f8f8f8;padding:150px 15px;text-align:center;font-size:24px;color:#333;}


.container_fomrMail .exBox{background:#f8f8f8;border: 1px dotted #ddd;}
.container_fomrMail .exBox ul{display:flex;overflow:hidden;flex-wrap:wrap;width:100%;}
.container_fomrMail .exBox ul li{flex-shrink:0;flex-basis:50%;flex-grow:1;padding:15px;box-sizing:border-box;max-width:50%;text-align:center;}
.container_fomrMail .exBox ul li span{color:var(--mainColor01);font-weight:bold;display:block;}

.extext-ipsum{margin-top:20px;padding:15px;text-align:center;}
.extext-ipsum span.sale{display:inline-block;width:50px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#fff;background:#ff4289;border-radius:15px;}

.container_fomrMail .productBox{}
.container_fomrMail .productBox .extext{margin-top:20px;margin-bottom:10px;padding:15px;text-align:center;background:#f8f8f8;border:1px solid #ddd;}
.container_fomrMail .productBox .extext span.sale{display:inline-block;width:50px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#fff;background:#ff4289;border-radius:15px;}
.container_fomrMail .productBox .extext span.strong{color:#ff4289;font-weight:bold;}
.container_fomrMail .productBox ul{display:flex;overflow:hidden;flex-wrap:wrap;width:100%;}
.container_fomrMail .productBox ul li{flex-grow:1;box-sizing:border-box;max-width:100%;border:1px solid #ddd;margin-right:10px;margin-top:10px;}
.container_fomrMail .productBox ul li:nth-child(even){margin-right:0;}
.container_fomrMail .productBox ul li:nth-child(3){margin-right:0;}
.container_fomrMail .productBox ul li.sale label::before{content:"할인";display:block;width:50px;height:24px;line-height:24px;text-align:center;font-size:12px;color:#fff;background:#ff4289;border-radius:15px;position:absolute;top:-12px;left:0;}
.container_fomrMail .productBox ul li input[type="radio"]:checked + label{background:var(--mainColor01);color:#fff;}
.container_fomrMail .productBox ul li input[type="radio"]:checked + label strong{color:#fff;}
.container_fomrMail .productBox ul li label{display:block;position:relative;width:100%;padding:15px;font-size:14px;color:#888;box-sizing:border-box;}
.container_fomrMail .productBox ul li label strong{font-size:16px;color:#333;position:relative;padding-right:5px;margin-right:5px;}
.container_fomrMail .productBox ul li label .price::before{width:1px;height:10px;background:#ddd;position:absolute;top:50%;right:-3px;margin-top:-4px;content:"";display:block;}
.container_fomrMail .productBox ul li label strong.del{font-size:14px;color:var(--mainColor02);margin-right:5px;font-weight:normal;}
.container_fomrMail .productBox ul li label p{padding-left:28px;display:inline-block;float:right;}


.container_b_list #gall_allchk .sound_only[type="checkbox"]{display:block;}
.container_b_list #gall_allchk input[type="checkbox"]{display:none;}

.onBox{display:block !important;}

.faqList{overflow:hidden;border-top:2px solid var(--mainColor02);margin-top:10px;}
.faqList dt{position:relative;border-bottom:1px solid #e7e7e7;padding:23px 26px 23px 60px;cursor:pointer;display:flex;gap:12px;justify-content:flex-start;align-items:center;}
.faqList dt::before{content:"Q";display:block;position:absolute;left:15px;font-size:14px;color:#fff;width:30px;height:30px;line-height:30px;background:var(--mainColor04);border-radius:50%;text-align:center;}
.faqList dt p{font-size:18px;font-weight:bold;}
.faqList dd{border-bottom:1px solid #e7e7e7;background:#eee;font-size:16px;color:#111;padding:55px 50px 55px 70px;display:none;position:relative;}
.faqList dd::before{content:"A";display:block;position:absolute;left:15px;font-size:14px;color:#fff;width:30px;height:30px;line-height:30px;background:var(--mainColor01);border-radius:50%;text-align:center;}

@media(max-width:768px){
	.container_bbs #bo_v_info ul li{flex-basis:100%;max-width:100%;border-bottom:1px solid #eee;padding:10px 0;}
	.container_bbs #bo_v_info ul li:last-child{border:0;}
	.container_bbs .container_fomrMail.form2::before{display:none;}
	.container_fomrMail .productBox ul li{flex-basis:100%;flex-grow:1;box-sizing:border-box;max-width:100%;}
}

@media(max-width:1020px){
	.container_bbs .formList li{flex-shrink:0;flex-basis:calc(50% - 5px);flex-grow:1;box-sizing:border-box;max-width:calc(50% - 5px);}
	.container_bbs .formList li:nth-child(even){margin-right:0;}
}

@media(max-width:568px){
	.container_bbs .formList li{flex-shrink:0;flex-basis:100%;flex-grow:1;box-sizing:border-box;max-width:100%;margin-right:0;margin-top:20px;}
	.container_bbs .formList li:nth-child(even){margin-right:0;}
}

#bo_v_atc{clear:both;}


#autosave_pop{display:none;}
#btn_autosave{float:right;margin-bottom:20px;}

.btn_confirm {text-align:center;margin-top:30px;}
.btn_confirm input{margin:0;padding:0;vertical-align:bottom;}

.write_div{margin-bottom:10px;}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0;box-sizing:border-box;}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top;display:inline-block;}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}


.starBox{margin-top:5px;color:#999;}
.starBox .stars button{color:#999;font-size:20px;background:0;border:0;}
.starBox .stars button.on{color:#fcc315;}

.tipBox{}
.tipBox button{border:1px solid #ddd;padding:5px 15px;}
.tipBox button.on{background:var(--mainColor01);color:#fff;}



.write_Box{padding:150px 0;}
.tableBox{max-width:668px;overflow:hidden;background:#eee;border-radius:25px;margin-top:30px;}
.tableBox table{width:100%;}
.tableBox table th{border-bottom:2px dotted #999;text-align:left;}
.tableBox table th, 
.tableBox table td{padding:20px;line-height:44px;}
.tableBox table td{line-height:34px;}
.tableBox table td span{color:var(--mainColor01);float:right;font-size:20px;font-weight:bold;position:relative;z-index:2;}
.write_body{position:relative;z-index:3;}

.write_ .visualCont{z-index:2 !important;}
.write_ .write_body, .write_ .tableBox, .write_ .tableBox + .mT30{position:relative;z-index:3 !important;}