body {  font-family: 'Poppins', 'Cafe24Ssurround', sans-serif; font-size: 2em;} 
article { display: flex; position: relative; width: 100%; height: 50vw; margin: 0 auto; background: #06b3b9; overflow: hidden; }
article.bNo { background: none; }
.line { width:70%;  display: flex; } 
/* header_top */
.header_top {font-family: 'Poppins', 'Cafe24Ssurround', sans-serif; height: 40px; margin: 0 auto; position: relative;}

header { position: relative; width: 100%; height: 100px; padding: 0 5%; border-bottom: 1px solid #ccc; background: #fff}
header .headWrap {display: flex; align-items: center; justify-content: space-between; width: min(100%, 1280px); margin: 0 auto}

section {width: min(100%, 1280px); height: auto; margin: 0 auto;}

.logo { height: 60px; }
.logo img { width: 60px; }
.menu { display: none; width: 50px; height: 50px; background: url('../images/menu.png') no-repeat; background-position: -50px 0; background-size: auto 50px; z-index: 1; }
.wrapTop ul { display: flex; }
.wrapTop ul li { position: relative; height: 100px; line-height: 100px; padding: 0 30px; font-size: 1.25rem; font-weight: 700; font-family: 'Noto Sans KR', sans-serif; cursor: pointer;}
.wrapTop ul li:last-child { margin-right: 0px; order: 6;}
.wrapTop ul li:last-child a { padding: 5px; border: none; border-radius: 8px; font-size: .75em;}
.wrapTop ul li.cp { display: flex; align-items: center; column-gap: 5px;}
.wrapTop ul li.cp::after { content: ''; width: 28px; height: 28px; border-radius: 50%; background: url("../images/cp.png") no-repeat center #ff4568 }
.wrapTop ul li a  { color: #000; }
.wrapTop .mtop {padding: 0}
.wrapTop .mtop a {padding: 0 30px}
.wrapTop .commu a {color: #fff; white-space: nowrap}
.wrapTop .commu1 a {color: #fff; white-space: nowrap}
.commu { display: none; position: absolute; top: 80px; right: 0; padding: 20px; border-radius: 10px; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; background: #06b3b9; z-index: 1; }
.commu p { line-height: 20px; margin-bottom: 20px; }
.commu p:last-child { margin-bottom: 0; }
.commu.open { display: block; }
.commu1 { display: none; position: absolute; top: 80px; right: 0; padding: 20px; border-radius: 10px; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; background: #06b3b9; z-index: 1; }
.commu1 p { line-height: 20px; margin-bottom: 20px; }
.commu1 p:last-child { margin-bottom: 0; }
.commu1.open { display: block; }
.nick {order: 5;}
.nick span {
  color: #28abb0;
  margin-right: -40px;
  border-radius: 8px;      /* 둥근 모서리 */
  display: inline-block;   /* 글자 주변만 배경 적용 */
  line-height: normal;     /* li 기준 100px 무시 */
}




/* download */
.download { position: fixed; bottom: 0; right: 0; padding: 20px; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; }
.download a { display: flex; justify-content: center; align-items: center; width: 200px; height: 40px; margin-bottom: 10px; border-radius: 10px; border: 1px solid #999; line-height: 40px; color: #000; font-weight: 500;  background: #fff; }
.download a p { text-transform: none; }
.download a div { width: 30px; height: 30px; margin-right: 10px; background: url("../images/app.png"); background-size: auto 30px; }
.download a.android div { background-position: -30px 0; }
.download a.windows div { background-position: -60px 0; }

/* ju */
.image { width: 60%; display: flex; align-items: flex-end; }
.image img { width: 100%; }
.textWrap {position: absolute; right: 20%; top: 30%;  }
p.textTop { color: #fff; font-size: 4rem; line-height: 100px; }
p.textTop span { font-size: 6rem; }
p.textBtm { color: #fff; font-size: 4rem; line-height: 80px; }
p.textBtm span { color: #fe0405; }


/* super */
.super .line { flex-direction: row-reverse; }
.super .image img { right: -1%; left: auto; }
.super .textWrap { left: 15%; top: 40%; }
.super p.textBtm { font-size: 4rem; }


/* do */
article.do {height: auto; flex-direction: column; }
.do .desc_product {width: min( 100%, 1200px ); margin: 0 auto; display: flex; flex-wrap: wrap; column-gap: 4%}
.do .desc_product dl {width: 48%; padding: 4%; margin-bottom: 50px; border: 1px solid #ccc; border-radius: 15px}
.do .desc_product dl dt {margin-bottom: 5px; font-weight: 700; color: #000}
.do .desc_product dl dd p {margin-bottom: 5px; font-family: 'Noto Sans KR', sans-serif; white-space: nowrap}

.doTop { padding: 120px 0; text-align: center; }
.doTop p { color: #555555;  font-size: 4rem; }
.doTop p span { color: #28abb0; }
.doBtm { display: flex; width: min( 100%, 1600px ); margin: 0 auto; }
.doCon { width: 25%; display: flex; flex-direction: column; align-items: center; }
.doCon img { margin-bottom: 20px; width: 100%; height: 100%; object-fit: contain}
.doCon p { font-size: 2.5rem; }
.doCon p span { color: #e54427; }


/* timeD */
.timeD .line { flex-direction: row-reverse; }
.timeD .textWrap { left: 15%; top: 30%; }
p.bk span { color: #fe0405; font-size: 2.75rem; }
p.bk { margin-bottom: 50px; color: #000; font-size: 2.75rem; line-height: 70px; }


/* timeJu */
.image.sz img { width: 80%; }
.timeJu .textWrap { right: 15%; top: 35%; }


/* standard */
.standard .line { flex-direction: row-reverse; }
.standard .textWrap { left: 15%; top: 35%; }
.standard p.textBtm span { color: #28abb0; }
.textBtm.bk { font-family: 'Noto Sans KR', sans-serif; }

/* with */
.with .textWrap { right: 15%; top: 35%; }


/* founder */
article.founder { align-items: center; justify-content: center; margin-top: 50px; display: none}
.founderLeft { margin-right: 10%; }
.founderLeft p { margin-bottom: 40px; font-size: 1.5rem; font-weight: 400; font-family: 'Noto Sans KR', sans-serif; }
.founderLeft p.fHead { font-size: 1.5rem; }
.founderLeft ul li { position: relative; padding-left: 10px; font-size: 1.5rem; font-family: 'Noto Sans KR', sans-serif; }
.founderLeft ul li::after { content:'*'; display: block; position: absolute; top: 5px; left: -5px; color: #8f8f8f; }
.founder img { width: 565px; }
.founder span { font-weight: 700; }

/* review */
.emt { width: 50px; height: 50px; border-radius: 50%; background-image: url('../images/emt.png'); background-size: auto 200px; background-color: #cfeaeb; }
.emt.ty2 { background-position: -50px 0; }
.emt.ty3 { background-position: -100px 0; }
.emt.ty4 { background-position: -150px 0; }
.emt.ty5 { background-position: 0px -50px; }
.emt.ty6 { background-position: -50px -50px; }
.emt.ty7 { background-position: -100px -50px; }
.emt.ty8 { background-position: -150px -50px; }
.emt.ty9 { background-position: 0px -100px; }
.emt.ty10 { background-position: -50px -100px; }
.emt.ty11 { background-position: -100px -100px; }
.emt.ty12 { background-position: -150px -100px; }
.emt:hover { background-color: #9aeaeb; }
article.review { flex-direction: column; padding: 5% 15%; height: auto; }
.reviewTit { color: #fff; font-size: 4rem; }
.reviewTop { position: relative; margin: 100px 0 20px 0; }
.reviewTop textarea { width: 100%; height: 200px; padding: 10px; }
.reviewTop dt { display: none; }
.reviewTop dd { text-align: right; margin-top: -20px }
.reviewTop dd button { width: 100px; height: 30px; border: none; border-radius: 5px; color: #fff; background: #3754d1; }
.reviewTop dd button::after { display: block; content:'후기작성' }
.reviewTop dd input[type="button"] { display: none; width: 100px; height: 30px; border: none; border-radius: 5px; color: #fff; background: #3754d1; }
.emtBox { display: none; position: absolute; bottom: 0; left: 0; }
.emtBox ul li.emtBtn button { display: flex; align-items: center; padding: 1px; border: none; border-radius: 15px; background: #fff; }
.emtBox ul li.emtBtn button figure { zoom: .6; }
.emtBox ul li.emtBtn button span { width: 30px; color: #99a4d1; }
.emtBox ul li.emtList { position: absolute; display: none; flex-wrap: wrap; width: 250px; margin-top: 5px; padding: 10px; gap: 10px; border-radius: 5px; box-shadow: 0 0 5px #464646; background: #fff; z-index: 99; }


.reviewCon dl { width: 100%; margin-right: 1%; padding: 20px; margin-bottom: 20px;  border-radius: 10px; font-family: 'Noto Sans KR', sans-serif; font-size: 1.25rem; background: #fff; }
.reviewCon dl:last-child { margin-right: 0; }
.reviewCon dl dt { position: relative; display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.reviewCon dl dt span { padding-left: 10px; }
.reviewCon dl dt .date { position: absolute; top: 10px; right: 0; padding-left: 10px; color: #858585; font-size: .875rem; }
.reviewCon dl dd { padding: 20px 0; }
.reviewCon dl dd p { width: 100%; word-break: keep-all; }
.review-bot {text-align:center;}
.review-bot button {padding: 10px 50px; border-radius: 10px; margin-bottom: 20px; box-shadow: 1px 1px 2px rgb(0 0 0 / 10%); background: #fff;} 

/* onClick 이벤트 */
.emtBox.on .emtList { display: flex; }
.emtBox.on ul li.emtBtn span { transform: rotate(180deg); }
.reviewTop.on dt { display:block; }
.reviewTop.on .emtBox { display: block; }
.reviewTop.on dd button::after { content:'취소' }
.reviewTop.on dd input[type="button"] { display: inline-block; }


/* idFind */
.idFind, .pwFind {   display: flex; justify-content: center; align-items: center; height: 100vh; background: #06b3b9; font-size: 1rem;}
.findTop { margin-bottom: 20px; }
.findTop ul { display: flex; border-bottom: 5px solid #25b5aa; }
.findTop ul li { width: 50%; height: 50px; border: 1px solid #ccc; line-height: 50px; text-align: center; font-size: 1.25rem; font-weight: 700; }
.findTop ul li a { display: block; color: #636363; }
.findTop ul li.on { border: 1px solid #25b5aa; background: #06b3b9; }
.findTop ul li.on a {  color: #fff; }
.findBtm p.findBtit { margin-bottom: 5px; font-size: 1.125rem; font-weight: 700; }
.findBtm p.findBarti { margin-bottom: 20px; }
.findBtm form ul li { display: flex; align-items: center; margin-bottom: 10px; }
.findBtm form ul li label { display: block; width: 20%; font-weight: 500; }
.findBtm form ul li input { width: 80%; height: 40px; text-indent: 10px; }
.findBtm form ul li.pnumbe input { width: 59%; margin-right: 1% }
.findBtm form ul li.pnumbe button { width: 20%; height: 40px; border: 1px solid #5b5b5b; color: #fff; font-weight: 700; background-color: #818181; }
.findBtm form ul li.certification { margin-bottom: 0; }
.findBtm form p.cert { margin-bottom: 20px; text-indent: 20%; color: #666; font-size: .875rem; }
.findBtm form button.nt { width: 100%; height: 40px; color: #fff; font-size: 1.125rem; font-weight: 700; background: #06b3b9; }


/* teacher */
.teacher_wrap { width: min(100%,1600px); margin: 0 auto; }

.teacher_main_img { background:url('../images/teacher_main_img.jpg') no-repeat 50% 50%; background-size:cover; }

/* GNB 영역 */
/* community 통일 */
.community { text-align:center; margin:40px auto 20px; padding-bottom:15px; margin-bottom:30px!important; border-bottom:none!important; }
.communityTit { font-size:32px; font-weight:900; margin-bottom:5px; }
.communityAti { font-size:18px; color:#666; margin-bottom:25px; }
.community > ul { width:100%; display:flex; justify-content:center; padding-bottom:20px; box-sizing:border-box; }
.community > ul > li { list-style:none; height:50px; line-height:50px; }
.community > ul > li > a { display:flex; justify-content:center; align-items:center; padding:0 20px; height:50px; font-size:18px; font-weight:700; color:#000; position:relative; transition:.2s; }
.community > ul > li.on > a { color:#25b5aa; }



/* 메인 컨텐츠 */
.teacher_home { width:min(100%,1100px); margin:40px auto; display:flex; align-items:flex-start; opacity:0; transform:translateY(30px); animation:fadeSlide .7s ease-out forwards; gap:70px;}

/* 애니메이션 */
@keyframes fadeSlide { from { opacity:0; transform:translateY(30px); } to { opacity:1; transform:translateY(0); } }

/* 왼쪽 이미지 */
.teacher_home_left { width:360px; position:static; }
.teacher_home_left img { width:100%; border:1px solid #ddd; border-radius:12px; box-shadow:0 5px 18px rgba(0,0,0,0.08); }

/* 방송 버튼 */
.teacher_home_link { margin-top:15px; display:flex; gap:12px; position:static; justify-content:flex-start; }
.teacher_home_link a { display:inline-block; padding:10px 20px; border-radius:30px; font-size:15px; font-weight:700; background:#e4e6eb; color:#333; transition:all .25s; }
.teacher_home_link a:hover { background:#d3d5da; }
.teacher_home_link a.on { background:#ef4f7d; color:#fff; }
.teacher_home_link a.pay { background:#25b5aa; color:#fff; }

/* 오른쪽 텍스트 */
.teacher_home_right { flex:1; }

/* 제목 구역 */
.teacher_title { margin-bottom:25px; }
.teacher_name { font-size:30px; font-weight:700; color:#25b5aa; margin-bottom:10px; }
.teacher_sub { font-size:20px; color:#333; }

/* 소개 섹션 */
.teacher_article_title { font-size:20px; font-weight:700; margin:30px 0 15px; }
.teacher_article_box > ul > li { padding-left:12px; margin:6px 0; background:url('../images/list.png') no-repeat 0 6px; }

/* 반응형 */
@media screen and (max-width:900px){
    .teacher_home { flex-direction:column; gap:30px; }
    .teacher_home_left { width:100%; }
}

.notiBoard { 
    opacity: 0; 
    transform: translateY(30px); 
    animation: fadeSlideNotice .7s ease-out forwards;
}

@keyframes fadeSlideNotice {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
}




/* login */
.login, .join, .idFind, .pwFind { width: 100%; height: 100vh; background: #06b3b9; overflow: auto}
.login_wrap, .join_wrap, .idFind_wrap, .pwFind_wrap { width: min(40%, 640px); padding:50px; margin: 0 auto; border-radius: 30px; font-family: 'Noto Sans KR', sans-serif; background: #fff}
.join_wrap {min-height: calc(var(--vh, 1vh) * 100 - 20px); margin: 10px auto}
.login_main_img { width: 100%; height: 350px; background: url('../images/notice_main_img.jpg') no-repeat 50% 50%; position: absolute; top: 0; left: 0;
				 font-size: 32px; font-weight: 700; color: #fff; text-shadow:0 0 5px #666; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.login_gnb { width: min(100%, 1280px); margin: 225px auto 110px auto; height: 50px; position: relative; z-index: 99; }
.login_gnb > ul { display: flex; flex-wrap: wrap; }
.login_gnb > ul > li { width: 50%; height: 50px; line-height: 50px; text-align: center; background: #efefef; }
.login_gnb > ul > li:nth-child(1) { background: #06b3b9; }
.login_gnb > ul > li > a { display: block; font-size: 20px; font-weight: bold; color: #000; letter-spacing: -1.5px; }
.login_gnb > ul > li:nth-child(1) > a { color: #fff; }
.login_gnb > ul > li > a:hover{ background: #06b3b9; color: #fff; }

.chk-area { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 10px; }

.login_top { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; margin-bottom: 50px; text-align: center; }
.login_title { font-size: 32px; letter-spacing: -3px; font-weight: 700; margin-bottom: 10px;  }
.login_line { width: 120px; height: 2px; background: #06b3b9; margin-left: 15px; }

.login_wrap input[type="text"], .login_wrap input[type="password"] { width: 100%; height: 55px; line-height: 55px; font-size: 18px; font-weight: 700; color: #5b5b5b; border: 1px solid #5b5b5b; margin-bottom: 10px; text-indent: 20px; }

.login_bottom { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; align-content: center; }
.login_bottom ul.logBtn li { width: 100%; height: 55px; line-height: 55px; border: 1px solid #25b5aa; text-align: center; margin-bottom: 10px}
.login_bottom ul.logBtn li:first-child { border: none; background: #06b3b9; }
.login_bottom ul.logBtn li a { font-size: 18px; font-weight: 700; color: #5b5b5b; display: block; }
.login_bottom ul.logBtn li:first-child a { color: #fff; } 
.logMt { display: flex; }
.logMt input { margin-right: 5px; }
.login_bottom ul > input { width: 15px; height: 23px; margin-right: 10px; }
.chk-area { text-align: right; }
.chk-area label { font-size: 1rem; text-align: right; }
.chk-area ul { display: flex; }
.chk-area ul li { position: relative; font-size: 1rem; margin-right: 10px; padding-right: 10px; }
.chk-area ul li:last-child { margin-right: 0; padding-right: 0; }
.chk-area ul li:first-child::after { content: ''; display: block; position: absolute; top: 15%; right: 0; width: 1px; height: 70%; background: #ccc; }
.chk-area ul li a { color: #000; }

/*join*/
.join {font-family: 'Noto Sans KR', sans-serif;}
.join_main_img { width: 100%; height: 350px; background: url('../images/notice_main_img.jpg') no-repeat 50% 50%; position: absolute; top: 0; left: 0; font-size: 32px; font-weight: 700; color: #fff; text-shadow:0 0 5px #666; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.join_gnb { width: min(100%, 1280px); margin: 225px auto 110px auto; height: 50px; position: relative; z-index: 99; }
.join_gnb > ul { display: flex; flex-wrap: wrap; }
.join_gnb > ul > li { width: 50%; height: 50px; line-height: 50px; text-align: center; background: #efefef; }
.join_gnb > ul > li:nth-child(2) { background: #06b3b9; }
.join_gnb > ul > li > a { display: block; font-size: 20px; font-weight: bold; color: #000; letter-spacing: -1.5px; }
.join_gnb > ul > li:nth-child(2) > a { color: #fff; }
.join_gnb > ul > li > a:hover{ background: #06b3b9; color: #fff; }
.join_top { width: 100%; height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 30px; }
.join_title { font-size: 32px; letter-spacing: -3px; font-weight: 700; margin-bottom: 10px;  }
.join_line { width: 130px; height:2px; background: #06b3b9;  margin-bottom: 10px; }
.join_line + p {color: #e71f19; font-size: 12px; text-align: left}
.join_subtitle { font-size: 25px; font-weight: 700; letter-spacing: -1.5px; }
.join_contents {height: auto}
.join_contents li { display: flex; flex-wrap: wrap; margin: 0 auto 20px auto; justify-content: right; }
.join_contents_title { font-size: 18px; line-height: 40px; font-weight: 700; color: #5b5b5b; width: 25%; }
.join_contents_wrap input { width: 75%; font-size: 18px; font-weight: 700; color: #5b5b5b; border: 1px solid #5b5b5b; text-indent: 10px;}
#penname , #id, #phone { width: 53%; margin-right: 2%; }
.join_contents input[type=button]{ width:20%; color:#fff;  background-color:#818181; text-indent: 0;}
.join_contents_article { font-size: 13px; font-weight: 400; color: #5b5b5b; width: 75%; margin-top: 5px; }
.agree { margin:0 auto; display: flex; flex-direction: column}
.agree li {width: 100%; font-size: 15px; font-weight: 700; color: #5b5b5b; }
.agree input[type=checkbox] { border:1px solid #a2a2a2; width: 5%; }
.agree p button { width: 15px; height: 15px; border: none; background: url("../images/bullet.png") 0 -60px ; background-size: 15px auto; margin-left: 5px; }
.agree p button.on {transform: rotate(180deg)}
.agree p.on:after {transform: rotate(180deg)}
.agree p.on + div {display: block}
.agree p + div {max-height: 300px; white-space: pre-line; font-size: .9em; color: #777; border-top: 1px solid #ddd; background: #f8f8f8; padding: 10px 5px; word-break: keep-all; overflow-y: auto; display: none}
#joinBtn{display:block; color: #fff; text-align: center; background: #06b3b9; margin: 0 auto 20px auto; font-weight: 700; font-size: 18px; }
.searchWrap { display: flex; flex-wrap: wrap; margin: 0 auto 0 auto; padding-top: 10px}
.searchWrap li { width:49%; height: 60px; line-height: 60px; border: 1px solid #25b5aa; }
.searchWrap li:first-child { margin-right: 2%; }
.searchWrap li a { display: block; line-height: 60px; text-align: center; font-size: 18px; font-weight: 700; color: #5b5b5b; }


/* mypage */
li.mp { margin-left: 10px }
.mypage_top { padding: 30px 0; margin: 100px auto; border: 5px solid #d4d4d4; font-family: 'Noto Sans KR', sans-serif;}
.mypage_top ul { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
.mypage_top ul li { font-size: 20px; font-weight: 700; }
.mypage_top ul li span { color: #535353; font-weight: 600; }
.mypage_top ul li:first-child { display: flex; flex-wrap: wrap; align-items: center; }
.mypage_top ul li:first-child img { width: 40px; margin-right: 20px; }

.infoC { display: none; position: absolute; top: 75px; left: 0; width: 100%; }
.tabC > a { cursor: pointer}
.tabC.on .infoC { display: block; }
.tabC.on > a { color: #11ada1; cursor: pointer}
.mypage_info { margin: 0 auto; border-radius: 30px; background: #fff; font-family: 'Noto Sans KR', sans-serif;}
.mypage_info_title { font-size: 26px; font-weight: 700; color: #11ada1; letter-spacing: -2px; margin-bottom: 35px;  }
.mypage_info_title span {font-size: .875em; font-weight: normal; color: #777}


.mutong_info {font-size: 18px;font-weight: 600;color: #11ada1;letter-spacing: -0.5px;line-height: 1.5;margin-bottom: 35px;}


.info_change { display: flex; position: relative; }
.mypage_info { position: relative; }
.info_changeT li { display: inline-block; margin-right: 20px; margin-bottom: 320px; font-size: 26px; font-weight: 700; letter-spacing: -2px; }
.info_changeT li a { height: 40px; line-height: 40px; color: #999; }
.info_changeT li a { position: relative; padding-right: 20px; }
.info_changeT li a::after { content: ''; display: block; position: absolute; top: 17%; right: 0; width: 2px; height: 70%; background: #ccc; }
.info_changeT li:last-child a::after { display: none; }
.info_changeT li.on { color: #333; }
.info_changeT li:last-child { margin-right: 0; padding-right: 0; }
.sec.on .mypage_button_wrap { display: none; }

.secession { width: 100%; margin: 0 auto 20px auto; background: #f0f4f3; display: flex; flex-wrap: wrap;
justify-content: center; align-items: center; padding: 60px 50px; }
.secession img { width: 100px; margin-right: 50px; }
.secession h3 { font-size: 22px; margin-bottom: 10px; }
.secession ul li { display: block; }
.secession ul li { list-style-type: disc; list-style-position: inside; margin-bottom: 5px; font-size: 17px; }
.secession ul li:last-child { margin-bottom: 0; }
.secession_check { width: 100%; margin: 0 auto; text-align: right; font-size: 1rem; font-weight: 700; }
.sCheck { width: auto!important; height: auto!important; margin-right: 5px; margin-bottom: 30px; }
.secession_button { margin-bottom: 90px; text-align: center; }
.secession_button button { border: 1px solid #25b5aa; background: none; color: #000; height: 40px; width: 80px; font-size: 16px; }
.secession_button button:last-child { background: #06b3b9; color: #fff; border: none; }
.secession_button button:hover, .secession_button button:focus { background: #06b3b9; color: #fff; }


.mypage_info tr td { padding: 0 20px; }
.mypage_info tr td:first-child { font-weight: 700; color: #000; background: #f8f8f8; word-break: keep-all; }
.mypage_info tr td:last-child { color: #6b6b6b; text-indent: 0; }
.mypage_info input { width: 250px; height: 35px; font-size: 16px; text-indent: 10px; }
.mypage_info button { width: 100px; height: 35px; font-size: 16px; }
.mypage_info tr td span { font-size: 14px; }
.mypage_info table { margin-bottom: 20px; }
.mypage_button_wrap { text-align: center; }
.mypage_button_wrap button { border: 1px solid #25b5aa; background: none; color: #000; }
.mypage_button_wrap button:last-child { background: #06b3b9; color: #fff; border: none; }
.mypage_button_wrap button:hover, .mypage_button_wrap button:focus { background: #06b3b9; color: #fff; }
.password_button_wrap { text-align: center; }
.password_button_wrap button { border: 1px solid #25b5aa; background: none; color: #000; }
.password_button_wrap button:last-child { background: #06b3b9; color: #fff; border: none; }
.password_button_wrap button:hover, .password_button_wrap button:focus { background: #06b3b9; color: #fff; }
.reqAuth { margin-right: 10px; }
table { width: 100%; margin-bottom: 35px;  }
table tr { font-size: 18px; color: #6b6b6b; height: 60px; border-top: 1px solid #cccccc; }
table tr:first-child { font-size: 18px; height: 60px; border-top: 2px solid #000; }
table tr:last-child { border-bottom: 1px solid #cccccc; }
table tr td a { color: #6b6b6b; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }


/*pay*/
.pay, .payment_info { width:100%; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; }
.payment_contents { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px; column-gap: 20px;}
.Policywrap_contents_title { margin: 80px 0 30px; padding: 0 10px; color: #28abb0; font-size: 2rem; font-weight: 700; }
.desc_box { margin-bottom: 20px; }
.desc { flex: calc(70% - 20px) 1; padding: 20px; border: 4px solid #E0DDDC; }
.desc h3 { font-size: 20px; font-weight: 700; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #333; }
.product_name { font-size: 16px; }
.desc_cost { font-size: 16px; font-weight: 600; }
.desc_discount { font-size: 16px; display: flex; align-items: center; font-weight: 600; }
.desc_discount span { font-size: 22px; font-weight: 700; color: red; }
.phone_wrap { margin-bottom: 20px; }
.phone_wrap label { display: block; margin-bottom: 5px; }
.phone_wrap select { width: 80px; height: 35px; border: 1px solid #666; }	
.phone_wrap input { width: 265px; height: 35px; margin-bottom: 20px; text-indent: 5px; }
.phone_wrap .phone input {  width: 80px; }
.payment_info_wrap {flex: 30% 1; padding: 20px; line-height: 20px; font-size: 15px; color: #333; background: #f1f1f1;}
.term_wrap { max-height: 200px; color: #777; border-top: 1px solid #ddd; line-height: 1.25; background: #f8f8f8; padding: 10px; word-break: keep-all; overflow-y: auto;}
.term_wrap b {font-size: .875rem}
.payment_term_check { width: 100%; text-align: right; margin-bottom: 5px; }
.payment_button_wrap { width: 100%; text-align: center; }
.payment_button_wrap button { width: 100px; height: 35px; color: #fff; font-size: 16px; background: #25b5aa }
.payment_button_wrap button:first-child { background: #333; }
#pay_amt {text-align: right; padding: 0 5px}
.pay .desc_product {display: flex; flex-wrap: wrap}
.pay .desc_product dl {width: 70%; margin-bottom: 20px}
.pay .desc_product dl:nth-child(2) {width: 53%}
.pay .desc_product dl dt {margin-bottom: 5px; font-weight: 700}
.pay .desc_product dl dd p {margin-bottom: 5px}
.pay .product_name span {color: #0093aa}
.pay .product_name label {color: #fff; font-weight: 700; padding:1px 5px; background: #f7102b}
.pay .desc_product ul {width: 100%}
.pay .desc_product ul li {margin-bottom: 10px}
.pay .desc_product ul li label {display: inline-block; width: 120px}
.pay .desc_product ul li input {width: 240px; height: 30px; border: 1px solid #000}
.pay .desc_product ul li select {width: 240px; height: 30px; border: 1px solid #000}


/*payment_info*/
.payment_info_contents h3 { font-size: 22px; font-weight: 700; letter-spacing: -1px; margin-bottom: 20px; }
.payment_info_contents table { margin-bottom: 60px; }
.payment_info_contents table:last-child { margin-bottom: 0; }
.payment_info_contents table tr:first-child { height: 60px; }
.payment_info_contents table tr td { padding-left: 20px; }
.payment_info_contents table tr td:first-child { font-weight: 700; color: #000; background: #f8f8f8; }
.payment_info_contents table tr td:last-child { font-size: 16px; color: #000; }
.payment_info_contents table select { width: 100px; height: 35px; border: 1px solid #666; }
.payment_info_contents table input[type="text"] { width: 200px; height: 35px; text-indent: 10px; }
.payment_info_contents table input[type="radio"] { margin-right: 5px; } 
.sub_info_text { margin-bottom: 50px; margin-top: -60px; }
.sub_info_text p { font-size: 16px; color: #333; }

.btnArea {text-align: center; margin-bottom: 50px}
.btnArea button {padding: 5px 10px; border-radius: 10px; font-size: 2rem; color: #fff; background: #25b5aa}

.mypage_table { margin: 0 auto; font-family: 'Noto Sans KR', sans-serif; }
.mypage_table td { text-align: center; color: #6b6b6b; }
.mypage_table td.division br { display: none; }
.mypage_table.coupon button { width: 100px; height: 35px; border-radius: 10px; font-size: 18px; color: #fff; background: #ff4568}
.mypage_table.coupon label { }
.mypage_table.coupon label span {display: block; font-size: .75em}

/* footer */
footer { width: 100%; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem;  background: #f1f1f1; }
.footerBtm { padding: 30px 5%; }
.footerTop { padding: 20px 5%; border-bottom: 1px solid #ccc; }
.exp dl { margin-bottom: 20px; }
.exp dl dt { margin-bottom: 10px; color: red; }
.finfo ul li { color: #999; font-size: .875rem; }
.finfo ul:first-child { margin-bottom: 20px; }

.term ul { display: flex; }
.term ul li { position: relative; padding-right: 15px; margin-right: 15px; }
.term ul li::after { content: ''; display: block; position: absolute; top: 13%; right: 0; width: 2px; height: 80%; background: #999; }
.term ul li:last-child::after { display: none; }
.term ul li a { color: #363636; font-weight: 700; }


/* terms */
.pp_contents {width: min(100%, 1280px); margin: 0 auto}
pre { padding: 20px 0; margin-bottom: 50px; font-family: 'Noto Sans KR', sans-serif; font-size: .875rem; white-space: pre-line;}
.termsTit { margin: 50px auto 0 auto; color: #28abb0; font-family: 'Noto Sans KR', sans-serif; font-weight: 700; }


/*  scenter  */
.community { margin: 50px 0 80px; text-align: center; }
.communityTit { font-size: 2rem; font-weight: 700; letter-spacing: -1px; }
.communityAti { margin-bottom: 50px; color: #494949; font-size: 1.4rem; font-weight: 700; }
.community ul { display: flex; justify-content: center; }
.community ul li { position: relative; width: 180px; height: 60px; line-height: 60px; background: #06b3b9; }
.community ul li::after { content: ''; display: block; position: absolute; top: 30%; right: 0; width: 2px; height: 40%; background: #79cac1; }
.community ul li:last-child::after { display: none; }
.community ul li:first-child { border-radius: 50px 0 0 50px; }
.community ul li:last-child { border-radius: 0 50px 50px 0; }
.community ul li a { display: block; width: 100%; height: 100%; color: #c9eae6; font-size: 1.4rem; }
.community ul li.on a { color: #fff; font-weight: 700; }

.scenter, .reading, .notice, .questions .community, .notiBoard,.teacher_wrap { font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; }
.main_notice { width: min(100%, 1600px); margin: 0 auto; }
.main_notice_main_img { width: 100%; height: 350px; background: url('../images/notice_main_img.jpg') no-repeat 50% 50%; position: absolute; top: 0; left: 0; font-size: 32px; font-weight: 700; color: #fff; text-shadow:0 0 5px #666; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.main_notice_title { margin-top: 70px; }
.notiBoard { margin: 0 auto; }
.notiBoardTop { display: flex; flex-wrap: wrap; align-items: center;  margin-bottom: 30px; }
.notiBoardTop_right {width: 70%; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.notiBoard_title {width: 30%; font-size: 32px; font-weight: 700; letter-spacing: -2px; color: #28abb0; }
.notiBoardTop_right > select { width: 145px; height: 33px; border: 1px solid #999; padding: 0 20px; font-size: 15px; font-weight: 500; color: #818181; margin-right: 10px; }
.search { display: flex;  height: 33px; border: 1px solid #999; background: #fff; border-style: none;}
.search > input:-ms-input-placeholder { color: #818181; }
.search > input::-webkit-input-placeholder { color: #818181; }
.search > input::-moz-placeholder { color: #818181; }
.search > input { font-size: 15px; font-weight: 500; color: #818181; border: 0; float: left; outline: none; width: 265px; line-height: 31px; box-sizing: border-box; padding: 0 20px; }
.search button { width: 50px; border: 0; outline: none; color: #fff; background: #06b3b9; }
.reading_button { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 20px; }
.reading_button a { display: block; font-size: 16px; font-weight: 700; color: #fff; width: 80px; height: 35px; line-height: 35px; text-align: center; background: #06b3b9; }
.pagination_wrap { width: 100%; margin-bottom: 70px; display: flex; flex-wrap: wrap; justify-content: center; }
.pagination { display: flex; flex-wrap: nowrap; }
.pagination li { width: 30px; height: 30px; margin-right: 10px; line-height: 30px; text-align: center; }
.pagination li:last-child { margin-right: 0; }
.pagination li:last-child img { transform: rotate(180deg); }
.pagination li a { display: block; font-size: 17px; font-weight: 500; color: #666; border-radius: 30px; }
/*.pagination li:nth-child(2) a { background: #06b3b9; color: #fff; }*/
.pagination li.active a {background: #06b3b9; color: #fff;}
.pagination li a:hover { background: #06b3b9; color: #fff; }
.pagination li:first-child a:hover { background: none; color: #666; }
.pagination li:last-child a:hover { background: none; color: #666; }
.prev { margin-right: 10px; }
.next  { margin-left: 10px; }


/*reading */
.reading { margin-top: 80px; }
.writing_1200 { margin: 0 auto; }
.reading .main_notice_main_img {height: 290px}
.writing_button { display: flex; flex-wrap: wrap; justify-content: center; }
.writing_top_title {width: 30%; margin-bottom: 20px; font-size: 32px; font-weight: 700; letter-spacing: -2px; }
.writing_button a { display: block; font-size: 18px; font-weight: 700; color: #fff; width: 100px; height: 40px; line-height: 40px; text-align: center; background: #06b3b9; }
.writing_button a:first-child { margin-right: 5px; background: #282828; }

.reading_contents_top { width: 100%; border-top: 2px solid #282828; border-bottom: 1px solid #c5c5c5; padding: 20px; }
.reading_contents_title { font-size: 22px; font-weight: 700; letter-spacing: -1.5px; margin-bottom: 10px; }
.reading_contents_top ul { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
.reading_contents_top ul li { padding: 0 10px; background: url('../images/li_bg.png') no-repeat 100% 50%; }
.reading_contents_top ul li:first-child { padding-left: 0; }
.reading_contents_top ul li a { font-size: 16px; font-weight: 600; color: #7c7c7c; }
.reading_contents_bottom { width: 100%; padding: 60px 20px; border-bottom: 1px solid #c5c5c5; margin-bottom: 20px; }
.read img {height: auto; width:100%;}

.reading_button { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-bottom: 20px; }
.reading_button a { display: block; font-size: 16px; font-weight: 700; color: #fff; width: 90px; height: 35px; line-height: 35px; text-align: center; background: #06b3b9; }

.comment { width: 100%; }
.comment form { display: flex; margin-bottom: 30px; }
.comment input { width: 89%; height: 75px; margin-right: 1%; background: #e8e8e8; text-indent: 20px; font-size: 18px; font-weight: 700; color: #bbbbbb; border: none; }
.comment textarea { width: 89%; height: 75px; margin-right: 1%; background: #e8e8e8; padding: 10px; font-size: 18px; font-weight: 700; color: #bbbbbb; border: none; }
.comment > form > a { width: 10%; background: #484848; display: block; color: #fff; text-align: center; line-height: 75px; }

.comment_list { width: 100%; }
.comment_list_top { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #c5c5c5; padding: 15px 20px; }
.comment_list_top_title { font-size: 20px; font-weight: 700; letter-spacing: -1px; color: #3b3b3b; margin-right: 10px;  }
.comment_list_top_number { font-size: 15px; color: #fff; width: 45px; height: 22px; border-radius: 10px; background: #06b3b9; text-align: center; line-height: 22px; }
.comment_list_box { width: 100%; border-bottom: 1px solid #c5c5c5; padding: 15px 20px; }
.comment_list_box_top { display: flex; flex-wrap: wrap; margin-bottom: 10px; align-items: center;;}
.comment_id { font-size: 18px; font-weight: 700; letter-spacing: -1px; color: #3b3b3b; }
.comment_list_box_top ul { display: flex; flex-wrap: wrap; }
.comment_list_box_top ul li { padding: 0 10px; background: url('../images/li_bg.png') no-repeat 100% 50%; }
.comment_list_box_top ul li:last-child { background: none; }
.comment_list_box_top ul li a { font-size: 16px; font-weight: 600; color: #9f9f9f; letter-spacing: -1px;  }
.comment_comment { white-space:pre-wrap; font-size: 16px; font-weight: 700; color: #909090; letter-spacing: -1px; }
.comment_list_plus { padding: 30px 0;}
.comment_list_plus > a { font-size: 18px; display: block; color: #909090; text-align: center;}
.adm .comment_comment { color: red; }
.comment_list_box_top button { background: none; }
.comment_list_reverse { display: flex; flex-direction: column-reverse; }
.readPn ul li { display: flex; width: auto; color: #28abb0; }
.readPn ul li label { display: block; margin: 0 10px; }
.readPn ul li a { display: block; width: 30px; height: 30px; border: 1px solid #25b5aa; }
.readPn ul li a div { width: 30px; height: 30px; background: url('../images/prev_btn2.png') no-repeat; background-size: auto 30px; }
.readPn ul li:last-child a div { transform: rotate(180deg); }
.readPn ul li:nth-child(2) a { border: none; }
.readPn ul li a:hover { background: #25b5aa!important; }
.readPn ul li a:hover div { background-position: -30px 0; }
.readPn .pagination li:nth-child(2) a { width: 60px; height: 30px; margin: 0 50px; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 500; background: #06b3b9; }
.readPn .pagination li:nth-child(2) a:hover { backgruond: none!important; }


/*  writing  */
.writing, .stwriting {  margin: 80px auto 0 auto; font-family: 'Noto Sans KR', sans-serif; }
.writing_1200 { margin: 0 auto; }
.writing_main_img { width: 100%; height: 250px; background: url('../images/notice_main_img.jpg') no-repeat 50% 50%; position: absolute; top: 0; left: 0;}
.writing_top_title {  font-size: 32px; font-weight: 700; color: #28abb0; letter-spacing: -3px; margin-bottom: 20px; }
.writing_bottom { margin-bottom: 80px; }

.writing_bottom tr { height: 60px; line-height: 60px; }
.writing_bottom tr td { padding: 10px; }
.writing_bottom tr td:first-child { background: #F1F1F1; text-indent: 30px; font-size: 18px; font-weight: 700; color: #6b6b6b; }
.writing_bottom tr td:last-child { font-size: 16px; font-weight: 500; color: #6b6b6b; }
.writing_bottom tr:first-child input { height: 40px; width: 30%; font-size: 18px; text-indent: 20px; }
.writing_bottom tr:last-child input { border: 1px solid #6b6b6b; width: 30%; }
.writing_bottom tr textarea { height: 500px; }
.writing_bottom tr td select { height: 40px; padding: 0 10px; border: 1px solid #6b6b6b; font-size: 1rem; }


/*팝업*/
.ajs-dialog { position: relative; border-radius: 10px; font-family: 'Noto Sans KR', sans-serif; overflow: hidden}
.alertify .ajs-header { padding-top: 40px; font-size: 1.5rem; font-weight: 500; text-align: center; }
.alertify .ajs-body .ajs-content { margin-bottom: 20px; color: #8d8d8d; font-size: 1.25rem; font-weight: 700; text-align: center; }
.alertify .ajs-header, .alertify .ajs-footer { background: none; }
.alertify .ajs-footer { padding: 0; }
.alertify .ajs-footer .ajs-buttons .ajs-button { width: 100%; height: 50px; margin: 0; font-size: 1.25rem; font-weight: 700; color: #fff; background: #116edb}
.alertify .ajs-footer .ajs-buttons.ajs-primary { height: 100%; display: flex}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button { margin: 0; }
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {background: #555}

.alertify-notifier .ajs-message.ajs-error { background: #ffdfdd; }
.alertify-notifier .ajs-message.ajs-visible { border-left: 10px solid #ef6157; box-shadow: 0px 3px 5px #555; font-family: 'Noto Sans KR', sans-serif; font-size: 1.25rem; font-weight: 700; }

@media only screen and (max-width : 1600px) {
	article { height: 700px; }

	/* ju */
	p.textTop { font-size: 3rem; line-height: 80px; }
	p.textTop span { font-size: 5rem; }
	p.textBtm { font-size: 3rem; line-height: 60px; }
	
	/* super */
	.super p.textBtm { font-size: 3rem; }
	
	/* do */
	.doTop { padding: 80px 0; }
	.doTop p { font-size: 4rem; }
	.doCon { width: 25%; }
	.doCon img { margin-bottom: 20px; }
	.doCon p { font-size: 2.5rem; }
	
	/* timeD */
	.timeD .image img { right: 10%; left: auto; }
	.timeD .textWrap { left: 10%; top: 30%; }
	p.bk span { font-size: 2.5rem; }
	p.bk { font-size: 2.5rem; line-height: 50px; }
	
	/* founder */
	article.founder { margin: 50px auto; }
	.founderLeft { margin-right: 10%; }
	.founderLeft p { margin-bottom: 30px; font-size: 1.25rem; }
	.founderLeft p.fHead { font-size: 1.25rem; }
	.founderLeft ul li { font-size: 1.25rem; }
	.founderRight { width: 40%; }
	.founder img { }
	
	
}


@media only screen and (max-width : 1440px) {
	article { height: 620px; }
	.login_wrap, .join_wrap, .idFind_wrap, .pwFind_wrap { padding: 50px; }
	.join_wrap { width: 60%; }
	.secession { width: 100%; }
	.secession_check { width: 100%; }
}


@media only screen and (max-width : 1280px) {
	article { height: 500px; }
    section {width: calc(100% - 20px);  margin: 0 auto}
	p.nick { right: 12%; font-size: 1.25rem; }
	
	/* ju */
	p.textTop { font-size: 2.5rem; line-height: 60px; }
	p.textTop span { font-size: 4rem; }
	p.textBtm { font-size: 2.5rem; line-height: 40px; }
	
	/* super */
	.super p.textBtm { font-size: 2.5rem; }
	
	/* do */
	.doTop { padding: 50px 0; }
	.doTop p { font-size: 2.5rem; }
	.doCon { width: 25%; }
	.doCon img { margin-bottom: 10px; }
	.doCon p { font-size: 1.875rem; }
	
	/* timeD */
	p.bk span { font-size: 2rem; }
	p.bk { margin-bottom: 30px; font-size: 2rem; line-height: 40px; }
	
	/* founder */
	.founderLeft { margin-right: 5%; }
	.founderLeft p { margin-bottom: 10px; font-size: 1rem; }
	.founderLeft p.fHead { font-size: 1rem; }
	.founderLeft ul li { font-size: 1rem; }
	
	/* mypage */
	.mypage table tr td.mfw { display: flex; flex-direction: column; justify-content: center; height: 60px; padding-top: 5px; }
	
	/* idFind */
	.idFind_wrap, .pwFind_wrap { width: 50%; }
}

@media only screen and (max-width : 1024px) {
	article { height: 470px; }
	.line { width: 80%; }
	
	.commu { width: 120px; right: -20px; padding: 10px; }
	.commu p { margin-bottom: 10px; }
	
	
	.wrapTop ul li { padding: 0 15px; font-size: 1.125rem; }
  .nick span {margin-right: -10px;}

	/* ju */
	.textWrap { right: 10%; top: 35%; }
	p.textTop { font-size: 2.25rem; line-height: 60px; }
	p.textTop span { font-size: 4rem; }
	p.textBtm { font-size: 2.25rem; line-height: 40px; }
	
	/* super */
	.super .textWrap { left: 10%; }
	.super p.textBtm { font-size: 2.25rem; }
	
	/* do */
	article.do { height: auto; margin-bottom: 50px; }
	.doTop { padding: 50px 0; }
	.doTop p { font-size: 2rem; }
	.doBtm { flex-wrap: wrap; }
	.doCon { width: 50%; }
	.doCon p { margin-bottom: 20px; font-size: 1.5rem; }
	
	/* timeD */
	.timeD .textWrap { left: 15%; top: 35%; }
	p.bk span { font-size: 1.5rem; }
	p.bk { margin-bottom: 10px;  font-size: 1.5rem; line-height: 30px; }
	
	/* review */
	.emt { width: 40px; height: 40px; background-size: auto 160px; }
	.emt.ty2 { background-position: -40px 0; }
	.emt.ty3 { background-position: -80px 0; }
	.emt.ty4 { background-position: -120px 0; }
	.emt.ty5 { background-position: 0px -40px; }
	.emt.ty6 { background-position: -40px -40px; }
	.emt.ty7 { background-position: -80px -40px; }
	.emt.ty8 { background-position: -120px -40px; }
	.emt.ty9 { background-position: 0px -80px; }
	.emt.ty10 { background-position: -40px -80px; }
	.emt.ty11 { background-position: -80px -80px; }
	.emt.ty12 { background-position: -120px -80px; }
	.emtBox ul li.emtBtn button figure { zoom: 0.8; }
	.emtBox ul li.emtList { width: 210px; }
	.reviewTit { font-size: 3rem; }
	.reviewTop { margin: 50px 0 20px 0; }
	.reviewTop textarea { height: 200px; }
	.reviewCon dl { margin-bottom: 10px; font-size: 1rem; }
	
	
	/*login*/
	.login_wrap { width: 60%; padding: 50px }
	.login_title { font-size: 28px; letter-spacing: -1.5px;  }
	.login_line { width: 120px;  margin-left: 18px; }
	.login_top { margin-bottom: 40px; }
	.login_bottom { justify-content: center; }
	.login_wrap input[type="text"], .login_wrap input[type="password"] { height: 45px; line-height: 45px; font-size: 16px; margin: 0 auto 10px auto; text-indent: 20px; }
	.chk-area { font-size: 14px; }
	.login_bottom ul.logBtn li { width: 100%; height: 45px; line-height: 45px; }
	.login_bottom ul.logBtn li:first-child { margin-bottom: 10px; }
	.login_bottom ul.logBtn li a { font-size: 16px; }
	.login_bottom ul > input { width: 13px; height: 19px; margin-right: 7px; }
	
	.chk-area ul li { position: relative; font-size: 1rem; margin-right: 10px; padding-right: 10px; }
	.chk-area ul li:last-child { margin-right: 0; padding-right: 0; }
	.chk-area ul li:first-child::after { content: ''; display: block; position: absolute; top: 15%; right: 0; width: 1px; height: 70%; background: #ccc; }
	.chk-area ul li a { color: #000; }
	
	/*join*/
	.join_title { font-size: 28px; letter-spacing: -1.5px;  }
	.join_subtitle { font-size: 24px; letter-spacing: -1.5px;  }
	.join_line { width: 130px; }
	.join_top { margin-bottom: 30px; }
	.join_contents li { margin: 0 auto 10px auto; }
	.join_contents_wrap input { width: 75%; font-size: 16px;  }
	.join_contents_title { font-size: 16px; line-height: 40px; }
	.join_contents_article { font-size: 12px; }
	.agree { margin-top: 20px; }
	.agree li { font-size: 14px; }
	.agree input[type=checkbox] { width: 3%; }
	.searchWrap li { width:49%; height: 50px; line-height: 50px; }
	.searchWrap li a { line-height: 50px; font-size: 16px; }
	#joinBtn{ margin: 0 auto 20px auto; font-size: 16px; }
	
	/* mypage */
	table {  margin-bottom: 50px;  }
	table tr:first-child { height: 50px; font-size: 16px; }
	table tr { font-size: 16px; height: 50px;  }
	.mypage_top { padding: 20px 0; margin-bottom: 30px; }
	.mypage_top ul li { font-size: 16px;}
	.mypage_info input { height: 30px; }
	.mypage_info button { height: 30px; font-size: 14px; width: 90px; }
	.mypage_info tr td span { font-size: 12px; }
	.secession h3 { font-size: 18px; }
	.secession ul li { font-size: 15px; }
	.secession img { width: 80px; }
	
	
	/* payment */
	.desc_box { margin-bottom: 40px; }
	.desc h3 { font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; }
	.product_name { font-size: 14px; }
	.desc_cost { font-size: 14px;}
	.desc_discount { font-size: 14px; }
	.desc_discount span { font-size: 20px; }
	.phone_wrap { margin-bottom: 20px; }
	.phone_wrap select { width: 80px; height: 35px;  }	
	.phone_wrap input { height: 35px; }
	.payment_info_wrap { width: 30%; padding: 20px; line-height: 20px; font-size: 14px; }
	.term_wrap { font-size: .855em; }
	.payment_term_check { font-size: 14px; }
	.payment_info { font-size: 14px; }
	
	/* payment_info  */
	.payment_info_contents h3 { font-size: 20px; margin-bottom: 15px; }
	.payment_info_contents table { margin-bottom: 50px; }
	.payment_info_contents table tr:first-child { height: 50px; }
	.payment_info_contents table tr td { padding-left: 15px; }
	.payment_info_contents table tr td:last-child { font-size: 15px; }
	.payment_info_contents table select { width: 90px; height: 30px; }
	.payment_info_contents table input[type="text"] { width: 180px; height: 30px; }
	.sub_info_text { margin-bottom: 40px; margin-top: -50px; }
	.sub_info_text p { font-size: 15px; }
	.payment_button_wrap button { font-size: 14px; }
	
	/* download */
	.download a { width: 120px; height: 35px; line-height: 30px; margin-bottom: 5px; font-size: .875rem; }
	.download a span { display: none; }
	.download a div { width: 25px; height: 25px; margin-right: 5px; background: url("../images/app.png"); background-size: auto 25px; }
	.download a.android div { background-position: -25px 0; }
	.download a.windows div { background-position: -50px 0; }
	
	
	.notiBoardTop_right > from > select { width: 115px; height: 32px; padding: 0 10px; font-size: 14px; margin-right: 10px; }  
	.notiBoard_title { font-size: 28px; letter-spacing: -1.5px;  }
	.search { height: 30px; height: auto; }
	.search > input { font-size: 12px; width: 229px; height: 30px; line-height: 28px; padding: 0 10px; }

	
	/*reading */
	.community { margin-top: 80px; margin-bottom: 120px; }
	p.communityTit { font-size: 2.125rem; letter-spacing: -0.5px; }
	p.communityAti { margin-bottom: 30px; font-size: 1.125rem; }
	.community ul li { width: 150px; height: 50px; line-height: 50px; }
	.community ul li::after { top: 30%; right: 0; height: 40%; }
	.community ul li a { font-size: 1rem; }
	
	.reading_contents_top { padding: 15px; }
	.reading_contents_title { font-size: 20px; font-weight: 700; letter-spacing: -1.5px; margin-bottom: 10px; }
	.reading_contents_top ul li { padding: 0 10px; font-size: 14px; }
	.reading_contents_bottom { padding: 50px 20px; margin-bottom: 10px; }
	.reading_contents_article { width: 100%; font-size: 15px; }
	.reading_button { margin-bottom: 20px; }
	.reading_button a { font-size: 14px; width: 75px; height: 35px; line-height: 35px; }
	.comment form { margin-bottom: 20px; }
	.comment input { width: 89%; height: 70px; margin-right: 1%; text-indent: 20px; font-size: 16px; }
	.comment > form > a { width: 10%; line-height: 70px; font-size: 16px; }
	
	.comment_list_top { padding: 15px 20px; }
	.comment_list_top_title { font-size: 18px; letter-spacing: -1px; margin-right: 10px;  }
	.comment_list_top_number { font-size: 14px; width: 40px; height: 20px; line-height: 19px; }
	.comment_list_box { padding: 15px 20px; }
	.comment_list_box_top { margin-bottom: 10px; }
	.comment_id { font-size: 16px; letter-spacing: -0.5px; }
	.comment_list_box_top ul li { padding: 0 10px; font-size: 14px; letter-spacing: -1px; }
	.comment_comment { font-size: 14px; letter-spacing: -1px;  }
	.comment_list_plus { padding: 20px 0; }
	.comment_list_plus > a { font-size: 16px; }
	.readPn ul li { display: flex; width: auto; }
	.readPn ul li label { display: block; margin: 0 5px; }
	.readPn ul li a { width: 30px; height: 30px; border: 1px solid #25b5aa; }
	.readPn ul li a div { width: 30px; height: 30px; background: url('../images/prev_btn2.png') no-repeat; background-size: auto 30px; }
	.readPn ul li:last-child a div { transform: rotate(180deg); }
	.readPn ul li a:hover { background: #25b5aa!important; }
	.readPn ul li a:hover div { background-position: -30px 0; }
		
	
	/*  writing  */
	.writing_main_img { height: 240px; }
	.writing_top_title { font-size: 28px; letter-spacing: -2px; margin-bottom: 15px; }
	.writing_bottom tr { height: 50px; line-height: 50px; }
	.writing_bottom tr td:first-child { text-indent: 30px; font-size: 16px; }
	.writing_bottom tr td:last-child { text-indent: 30px; font-size: 14px; }
	.writing_bottom tr:nth-child(3) { height: 500px; }
	.writing_bottom tr:first-child input { height: 35px; width: 40%; font-size: 16px; text-indent: 20px; }
	.writing_bottom tr:last-child input { border: 1px solid #6b6b6b; width: 40%; }
	.writing_button a { font-size: 16px; width: 90px; height: 35px; line-height: 35px; }
	
	/* idFind */
	.findTop ul li { height: 40px; line-height: 40px; font-size: 1.125rem; }
	.findBtm p.findBtit { margin-bottom: 2px; font-size: 1rem; }
	.findBtm p.findBarti { margin-bottom: 20px; font-size: .875rem; }
	.findBtm form ul li label { width: 30%; }
	.findBtm form ul li input { width: 70%; height: 35px; }
	.findBtm form ul li.pnumbe input { width: 45%; }
	.findBtm form ul li.pnumbe button { width: 24%; height: 35px; }
	.findBtm form button.nt { height: 35px; font-size: 1rem;}
	.findBtm form p.cert { text-indent: 30%; }

}


@media only screen and (max-width : 768px) {
	article { height: 300px; }
  header {height: 60px}
	header .headWrap { height: 60px; }
	p.nick { right: 20%; font-size: 1rem; }
	.logo { height: 40px; }
	.logo img { width: 40px; }
	.menu {position: absolute; top: 10px; right: 15px; display: block; width: 40px; height: 40px; background-position: -40px 0; background-size: auto 40px; z-index: 100}
  .payment_info_wrap {width: 100%; }
  .payment_contents {flex-direction: column-reverse; row-gap: 20px;}
  .Policywrap_contents_title {margin: 30px 0 20px;}
	.wrapTop { position: absolute; top: 0; right: 0; display: none; width: 80%; height: 100vh; background: #fff; z-index: 1; }
	.wrapTop ul { display: inherit; margin-top: 50px; }
	.wrapTop ul li { height: auto; padding-bottom: 5px; line-height: 30px; margin-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 1.125rem;background: none; }
	.wrapTop ul li:last-child { margin-bottom: 0; }
  .wrapTop ul li:last-child a {font-size: 1em; background: none;}
	.wrapTop ul li a { display: block;  }
	.wrapTop ul li a:hover { color: #28abb0; }
    .wrapTop .commu a {color: #333}
	.wrapTop.open { display: block; }
    .wrapTop .mtop {display: flex; align-items: center; background: #00a8ae}
    .wrapTop .mtop a {flex: 1; padding: 0; color: #fff; text-align: center} 

	/* ju */
	p.textTop { font-size: 1.5rem; line-height: 40px; }
	p.textTop span { font-size: 2rem; }
	p.textBtm { font-size: 1.5rem; line-height: 30px; }
	
	/* super */
	.super p.textBtm { font-size: 1.5rem; }

	/* do */
	.doTop { padding: 30px 0; }
	.doTop p { font-size: 1.875rem; }
	.doCon p { margin-bottom: 20px; font-size: 1.25rem; }
    
    .do .desc_product dl {width: 100%; text-align: center}
	
	/* timeD */
	p.bk span { font-size: 1.125rem; }
	p.bk { margin-bottom: 10px;  font-size: 1.125rem; line-height: 20px; }
	
	/* timeJu */
	.timeJu .textWrap { right: 8%; top: 35%; }
	
	/* founder */
	article.founder { flex-direction: column-reverse; height: auto; margin-bottom: 50px; }
	.founderRight { width: 80%; margin-bottom: 20px; }
	.founderLeft { width: 80%; }
	
	
	.community { margin-top: 80px; margin-bottom: 120px; }
	p.communityTit { font-size: 1.875rem; letter-spacing: -0.5px; }
	p.communityAti { font-size: 1rem; }
	.community ul li { width: 130px; height: 50px; line-height: 50px; }
	
	/*join*/
	.join_wrap {width: 90%}
	.join_title { font-size: 26px; letter-spacing: -1.5px;  }
	.join_subtitle { font-size: 20px; letter-spacing: -1.5px;  }
	.join_line { width: 130px;}
	.join_contents li { margin: 0 auto 10px auto; }
	.join_contents_wrap input { width: 73%; font-size: 14px;  }
	.join_contents_title { font-size: 14px; line-height: 35px; width: 27%; }
	.join_contents_article { font-size: 12px; width: 73%; }
	#penname , #id, #phone { width: 51%; margin-right: 2%; }
	.join_contents input[type=button]{ width:20%; }
	.agree { margin-top: 20px; }
	.agree li { font-size: 14px; }
	.agree input[type=checkbox] { width: 5%; height: 10px; }
	.searchWrap li { width:49%; height: 40px; line-height: 40px; }
	.searchWrap li a { line-height: 40px; font-size: 14px; }
	#joinBtn{ margin: 0 auto 20px auto; font-size: 14px; }
	
	.mypage_top { margin: 30px auto; }
	
	/* idFind */
	.idFind_wrap, .pwFind_wrap { width: 90%; }
	
	/*mypage*/
	.secession { flex-direction: column; }
	.secession img { margin-right: 0; margin-bottom: 20px; }
    
    .pagination li {margin-right: 0}
    .pay .desc_product dl {width: 100%; margin-bottom: 30px}
    .pay .desc_product dl:nth-child(2) {width: 100%}
	
    .community ul li a{white-space: normal; word-break: keep-all; line-height: 1.3; padding: 8px 10px;}


}


@media only screen and (max-width : 480px) {
	article.do { margin-bottom: 130px; margin-top: 30px;}
	article { height: 250px; }
	.commu { position: static; background: none}
	.commu p { position: relative; margin-bottom: 10px; }
    .commu p::before {content: "\25E6"; position: absolute; left: -18px; color: #333}
	
	body.oh::after { content:''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
	body.oh .menu { background-position: 0 0; }
	.community ul li a{white-space:normal;word-break:keep-all;}
	.mutong_info {font-size: 15px;font-weight: 500;letter-spacing: 0px;margin-bottom: 20px;line-height: 1.4;}
	/* ju */
	
	.textWrap { right: 5%; }
	p.textTop { font-size: 1.5rem; line-height: 30px; }
	p.textTop span { font-size: 1.625rem; }
	p.textBtm { font-size: 1.5rem; line-height: 22px; }
	
	/* super */
	.super .image { margin-right: -10%; }
	.super .textWrap { left: 5%; }
	.super p.textBtm { font-size: 1.375rem; }
	
	/* do */
	.doTop { padding: 30px 0; }
	.doTop p { font-size: 1.625rem; }
	.doCon p { font-size: 1.375rem; }
	
	/* timeD */
	p.textTop { white-space: nowrap; }
	p.bk span { font-size: 1.25rem; }
	p.bk br { display: none; }
	p.bk { margin-bottom: 10px;  font-size: 1.25rem; line-height: 25px; word-break: keep-all; }
	.bNo { flex-direction: column; text-align: center; }
	.bNo .image img { position: static; margin-bottom: 20px; }
	.bNo .textWrap { position: static; }
	
	/* founder */
	article.founder { margin-top: -50px; width: 100%; }
	.founderRight { width: 100%; }
	.founder { text-align: left; }
	
	/* review */
	
	.reviewCon dl { padding: 10px; }
	.reviewCon dl dt { padding-bottom: 10px; }
	.reviewCon dl dt .date { position: static;  font-size: .875rem; }
	.reviewCon dl dt span { padding-left: 5px; }
	.reviewCon dl dt .date { padding-left: 5px; }
	.reviewCon dl dd { padding: 10px 0; }
	.reviewTit { font-size: 1.875rem; }
	.reviewTop { margin: 10px 0 10px 0; }
	.reviewTop textarea { height: 150px; }
	
	
	/* payment */
	.desc { padding: 10px; }
	.payment_info_wrap { padding: 10px; }
	.desc_box { margin-bottom: 30px; }
	.desc h3 { font-size: 16px; }
	.product_name { font-size: 13px; }
	.desc_cost { font-size: 13px;}
	.desc_discount { font-size: 13px; }
	.desc_discount span { font-size: 18px; }
	.payment_info { font-size: 13px; }
	.term_wrap { font-size: .855em; }
	.payment_term_check { font-size: 14px; }
	.payment_button_wrap button { width: 80px; }
	.phone_wrap select { width: 55px; }
	.phone_wrap input { width: 240px; }
	
	/* login */
	.login_wrap { width: 80%; }
	
	/*join*/
	.join_wrap { padding: 10px; border-radius: 10px; }
	.join_title { font-size: 24px; letter-spacing: -1.5px; margin-bottom: 5px; }
	.join_subtitle { font-size: 16px; letter-spacing: -1px;  }
	.join_line { width: 130px; margin-bottom: 5px; }
	.join_top { margin-bottom: 10px; }
	.join_contents li {flex-wrap: wrap; margin: 0 auto 10px; }
    .join_contents_wrap {padding: 0 10px}
	.join_contents_wrap input { font-size: 12px; width: 100%; height: 30px}
	.join_contents_title { font-size: 14px; line-height: 20px; width: 100%; white-space: nowrap; }
	.join_contents_article { font-size: 12px; width: 100%; }
	#penname , #id, #phone { width: 79%; margin-right: 1%; }
	.join_contents input[type=button]{ width:20%; }
	.agree {  margin-top: 10px; }
	.agree li { font-size: 14px; }
	.agree input[type=checkbox] { width: 5%; }
	.searchWrap li { width:49%; height: 40px; line-height: 40px; }
	.searchWrap li a { line-height: 40px; font-size: 14px; }
	#joinBtn{ margin: 0 auto 20px auto; font-size: 14px; }
	
	/* payment_info  */
	.payment_info_contents table tr td:first-child { width: 40%; }
	
	/* footer */
	.exp dl { font-size: .875rem; }
	
	
	.mypage_record_table td.division br { display: block; }
	
	/*팝업*/
	.alertify .ajs-header { padding: 30px 0 10px 0; font-size: 1.25rem; }
	.alertify .ajs-body .ajs-content { padding: 10px 0; font-size: 1rem; }
	.alertify .ajs-footer .ajs-buttons .ajs-button { font-size: 1rem; }
	.alertify-notifier.ajs-right .ajs-message.ajs-visible { right: 260px; }
	
	.download a { width: 100px; }
	
	.termsTit { font-size: 1.5rem; }
	.pp_contents p { height: 500px; }
	.scenter .imgbox { height: 50px; }
	.notiBoardTop {flex-direction: column}
    .notiBoard_title {width: 100%; margin-bottom: 10px; text-align: center; font-size: 24px;}
    .notiBoardTop_right {width: 100%; text-align: center; justify-content: center}
    .notiBoardTop_right > select { width: 80px; height: 28px; padding: 0 5px; font-size: 12px; margin-right: 5px; }  
	.search { width: 190px; height: 30px; height: auto; }
	.search > input { font-size: 12px; width: 148px; height: 26px; line-height: 24px; padding: 0 5px; }
	.reading_button a { width: 60px; height: 30px; line-height: 30px; font-size: 12px; }
	
	/*reading */
	.community { margin: 0 auto; margin-top: 50px; margin-bottom: 50px; }
	.community ul li { width: 110px; height: 40px; line-height: 40px; }
	.community ul li a { font-size: .875rem; }
	
	.writing, .stwriting {  margin: 50px auto 0 auto; }
	.reading { margin-top: 50px; }
	
	.reading_contents_top { padding: 10px; }
	.reading_contents_title { font-size: 16px; letter-spacing: -1px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: normal; text-align: left; word-wrap: break-word; 
	display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.reading_contents_top ul li { padding: 0 10px; font-size: 12px; }
	.reading_contents_bottom { padding: 30px 20px; margin-bottom: 10px; }
	.reading_contents_article { font-size: 14px; }
	.reading_button { margin-bottom: 20px; }
	.reading_button a { font-size: 12px; width: 70px; height: 35px; line-height: 35px; }
	.comment form { margin-bottom: 20px; }
	.comment input { width: 85%; height: 60px; margin-right: 1%; text-indent: 20px; font-size: 14px; }
	.comment > form > a { width: 14%; line-height: 60px; font-size: 14px; }
	.comment_list_top { padding: 10px 20px; }
	.comment_list_top_title { font-size: 16px; letter-spacing: -1px; margin-right: 10px;  }
	.comment_list_top_number { font-size: 12px; width: 40px; height: 20px; line-height: 19px; }
	.comment_list_box { padding: 10px 20px; }
	.comment_list_box_top { margin-bottom: 5px; }
	.comment_id { font-size: 14px; letter-spacing: -0.5px; }
	.comment_list_box_top ul li { padding: 0 10px; font-size: 12px; letter-spacing: 0px; }
	.comment_comment { font-size: 12px; letter-spacing: 0px;  }
	.comment_list_plus { padding: 15px 0; }
	.comment_list_plus > a { font-size: 14px; }
	.readPn { margin-bottom: 30px; }
	.readPn ul li:first-child { margin-right: 10px; }
	.readPn ul li { display: flex; align-items: center; width: auto; margin-right: 0 }
	.readPn ul li label { display: block; margin: 0 5px; font-size: .875rem; }
	.readPn ul li a { width: 25px; height: 25px; border: 1px solid #25b5aa; }
	.readPn ul li a div { width: 25px; height: 25px; background: url('../images/prev_btn2.png') no-repeat; background-size: auto 25px; }
	.readPn ul li:last-child a div { transform: rotate(180deg); }
	.readPn ul li a:hover { background: #25b5aa!important; }
	.readPn ul li a:hover div { background-position: -25px 0; }
	.readPn .pagination li:nth-child(2) a { margin: 0 10px; }
	
	/*  writing  */
	.writing_main_img { height: 170px; }
	.writing_top_title { font-size: 24px; letter-spacing: -1px; margin-bottom: 10px; }
	.writing_bottom tr { display: flex; flex-direction: column; height: auto; line-height: 1.25em; padding: 5px 0; }
	.writing_bottom tr:first-child {height: auto; }
	.writing_bottom tr td { width: 100%; padding: 0;}
	.writing_bottom tr td:first-child { font-size: 12px; text-indent: 0; background: none; line-height: 1; padding: 0; color: #28abb0;}
	.writing_bottom tr td:last-child { font-size: 14px; text-indent: 0; }
	.writing_bottom tr:nth-child(3) { height: auto; }
	.writing_bottom tr:first-child input { height: 30px; width: 60%; font-size: 12px; text-indent: 10px; }
	.writing_bottom tr:last-child input { border: 1px solid #6b6b6b; width: 70%; font-size: 12px; }
	.writing_bottom tr textarea { height: 250px; }
	
	/* idFind */
	.idFind_wrap, .pwFind_wrap { padding: 30px 20px; }
	
	/*mypage*/
	.infoC input { width: 150px; }
	.mypage_top ul li { display: flex; width: 100%; padding-left: 45px; margin-bottom: 5px;}
	.mypage_top ul li:first-child { padding-left: 10px; }
	.info_changeT li { font-size: 18px; margin-bottom: 360px; }
	.secession_check { font-size: .875rem; } 
	.sCheck { margin-bottom: 0; }
	.mypage_info_title { font-size: 18px; }
	.secession h3 { font-size: 16px; }
	.secession ul li { font-size: 14px; }
	
	

}

	
@media only screen and (max-width : 350px) {	
	.phone_wrap input { width: 220px; }
	.phone_wrap .phone input { width: 70px; }
	
}
	
	
	
.notiBoardTop{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding:0 4px;width:100%;}
.notiBoard_title{font-size:22px;font-weight:600;line-height:36px;margin:0;padding:0;}
.notiBoardTop_right,.contents_top_right{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;}
.notiBoardTop_right .search,.contents_top_right .search{display:flex;align-items:center;}
.notiBoardTop_right select,.contents_top_right select{height:36px;padding:0 8px;border:1px solid #ccc;border-radius:3px 0 0 3px;min-width:70px;}
.notiBoardTop_right input,.contents_top_right input{height:36px;padding:0 10px;border:1px solid #ccc;border-radius:0;font-size:0.9rem;min-width:200px;}
.notiBoardTop_right .searchBtn,.contents_top_right .searchBtn{height:36px;padding:0 14px;background:#00a89c;border:1px solid #00a89c;color:#fff;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.9rem;white-space:nowrap;}
.contents_top_right .installation{padding:8px 14px;border:1px solid #00a89c;background:#fff;color:#00a89c;border-radius:3px;font-size:1rem;white-space:nowrap;display:flex;align-items:center;height:36px;}

.teacher_home_right{margin-top:120px!important;margin-left:120px!important;}