@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* Common */
* {-webkit-text-size-adjust:none; box-sizing:border-box; }
html, body { width:100%; height:100%; padding:0px; margin:0px; position:relative; overscroll-behavior-y: contain; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{ margin:0; padding:0; line-height:1.4; word-break:keep-all; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,button,select { -webkit-touch-callout: none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none; }
body,input,textarea,select,button,table{ font-family:Arial, sans-serif; font-size:12px; color:#000; font-weight:400; }
body{ word-break:break-all; }
img,fieldset,iframe{ border:0 }
img{ max-width:100%; vertical-align:top }
li{ list-style:none }
em,address{ font-style:normal }
input,select,button{ vertical-align:middle; outline:none; }
button { cursor:pointer; border:none; }

/* Common Add */
a { color:#000; text-decoration:none; }
a:hover,
a:link,
a:visited { text-decoration:none;}
caption,legend,.blind{ visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left } 
caption{ position:static }
input { border-radius:0px; -webkit-appearance:none; }
input[type="text"],
input[type="password"] { height:40px;padding:0 7px; border:1px solid #c7c7c7; color:#000;line-height:38px; font-size:24px; }
input[type="text"].readonly{ border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4 }
select:focus { border:1px solid #00a2e2;background:#edf6fb;color:#000 }
input[type="radio"]{*width:13px;*height:13px}
select{ height:24px;*margin-top:5px;padding:0 0 0 20px; border:1px solid #cccccc; line-height:1.2em;color:#000 }
textarea{ width:100%; height:2em; padding:10px;border:1px solid #cfcfcf;line-height:1.5em; font-size:24px; outline:none; vertical-align:middle; resize:none; }
table{ border-collapse:collapse; border-spacing:0;line-height:1.5em }
hr{display:none}
.input_number::-webkit-outer-spin-button,
.input_number::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="button"] { border:none; }
sup { line-height:1; }

input[type="checkbox"],
input[type="radio"] { position:absolute; left:-999999px; opacity:0; visibility:hidden; }

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }
.hide { width:1px; height:1px; overflow:hidden; text-indent:-1000px; visibility:hidden;}

input[type="radio"]+label { padding-left:28px; margin-right:70px; position:relative; font-size:24px; cursor:pointer; }
input[type="radio"]+label:after { content:''; width:18px; height:18px; position:absolute; left:0; top:50%; margin-top:-9px; border:1px solid #000; border-radius:50%; }
input[type="radio"]:checked + label:after { background:#000; }
input[type="radio"]+label:last-child { margin-right:0; }

#wrap.page--logout { height:100%; background:#eff2f7; }

.bt0 { border-top:0 !important; }
.bb0 { border-bottom:0 !important; }

.ta-l { text-align:left !important; }
.ta-c { text-align:center !important; }
.ta-r { text-align:right !important; }

.pc { display:block !important; }
.mo { display:none !important; }

.color--blue { color:#0b0f8a !important; }
.color--sky { color:#2883ff !important; }
.color--orange { color:#fa573a !important; }
.color--purple { color:#6445e8 !important; }

.inner { max-width:1200px; margin:0 auto; position:relative; }
.inner:after { content:''; display:block; clear:both; visibility:visible; }

h5.title { font-size:22px; font-weight:400; text-align:center; }

.topBanner {  }
.topBanner .swiper-slide { height:68px; background-position:center center; background-repeat:no-repeat; }
.topBanner .swiper-slide a { display:block; height:100%; }
.topBanner .swiper-button-next,
.topBanner .swiper-button-prev { width:7px; height:13px; margin-top:-6px; background-size:100% auto; }
.topBanner .swiper-button-prev,
.topBanner .swiper-container-rtl .swiper-button-next { left:50%; margin-left:-582px; background-image:url('../images/topBannerLeft.png'); }
.topBanner .swiper-button-next,
.topBanner .swiper-container-rtl .swiper-button-prev { right:50%; margin-right:-582px; background-image:url('../images/topBannerRight.png'); }

.topBanner.type--single .swiper-button-next,
.topBanner.type--single .swiper-button-prev { display:none; }

#header { background:#6445e8; text-align:center; }
#header h1 { position:absolute; left:0; top:50%; margin-top:-16px; padding-left:50px; background:url('../images/iconLogo.png') left center no-repeat; }
#header h1 a { height:32px; display:block; font-size:24px; color:#fff; font-weight:400; font-family: 'Noto Sans KR', sans-serif; line-height:32px; }
#header .info { position:absolute; right:0; top:0; }
#header .info:after { content:''; display:block; clear:both; visibility:visible; }
#header .info>div { float:left; position:relative; }
#header .info>div>a { height:60px; display:block; position:relative; background-position:center center; background-repeat:no-repeat; font-size:0; text-indent:-99999px; }
#header .info>div>.depth { display:none; padding:10px 16px; position:absolute; right:-46px; top:50px; background:#fff; border:1px solid #e7f2ff; border-radius:12px; box-shadow:0 0 9px rgba(0,0,0,0.1); z-index:20; }
#header .info>div>.depth a { position:relative; padding-left:8px; display:block; font-size:15px; color:#626262; text-indent:0; white-space:nowrap; text-align:left; font-family: 'Noto Sans KR', sans-serif; }
#header .info>div>.depth a+a { margin-top:10px; }
#header .info>div>.depth a span { color:#6445e8; }
#header .info>div:hover .depth { display:block; }
#header .info .alarm>a { width:24px; background-image:url('../images/iconAlarm.png'); }
#header .info .alarm .bedge { width:22px; height:22px; position:absolute; right:-7px; top:50%; margin-top:-18px; border:1px solid #004799; border-radius:50%; background:#fff; text-align:center; line-height:20px; font-size:14px; color:#ff4646; text-indent:0; }
#header .info .alarm .depth a:before { content:''; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; background:#626262; border-radius:50%; }
#header .info .mypage { margin-left:20px; }
#header .info .mypage>a { width:26px; background-image:url('../images/iconMypage.png'); }
#header .info .mypage .depth { right:0; }
#header .info .mypage .depth a { color:#000; }
#header .info .mypage .depth a:hover { color:#6445e8; }

#gnb { display:inline-block; vertical-align:top; }
#gnb>ul:after { content:''; display:block; clear:both; visibility:visible; }
#gnb>ul>li { padding:12px 8px 10px; float:left; position:relative; }
#gnb>ul>li>a { height:38px; padding:0 20px; display:block; border-radius:20px; font-size:18px; color:#fff; line-height:38px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
#gnb>ul>li>a.on,
#gnb>ul>li>a:hover { background:#fff; color:#6445e8; }
#gnb>ul>li ul.depth2 { display:none; padding:10px 22px; position:absolute; left:50%; top:50px; background:#fff; border:1px solid #e7f2ff; border-radius:12px; box-shadow:0 0 9px rgba(0,0,0,0.1); transform:translateX(-50%); z-index:20; }
#gnb>ul>li ul.depth2 li { font-size:15px; }
#gnb>ul>li ul.depth2 li+li { margin-top:10px; }
#gnb>ul>li ul.depth2 li a { display:block; white-space:nowrap; text-align:left; font-family: 'Noto Sans KR', sans-serif; }
#gnb>ul>li ul.depth2 li a:hover { color:#6445e8; }
#gnb>ul>li ul.depth2 li a.new:after { content:''; width:15px; height:15px; display:inline-block; background:url('../images/iconGnbNew.png') center center no-repeat; vertical-align:top; margin-top:4px; margin-left:4px; }
#gnb>ul>li.on ul.depth2 { display:block; }

.mainVisual {  }
.mainVisual .swiper-slide { height:350px; }
.mainVisual .swiper-slide > a { display:block; height:100%; }
.mainVisual .swiper-slide > a > div { height:100%; background-position:center center; background-repeat:no-repeat; }
.mainVisual .swiper-button-next,
.mainVisual .swiper-button-prev { width:21px; height:41px; margin-top:-20px; background-size:100% auto; }
.mainVisual .swiper-button-prev,
.mainVisual .swiper-container-rtl .swiper-button-next { left:50%; margin-left:-585px; background-image:url('../images/btnSlideLeft.png'); }
.mainVisual .swiper-button-next,
.mainVisual .swiper-container-rtl .swiper-button-prev { right:50%; margin-right:-585px; background-image:url('../images/btnSlideRight.png'); }
.mainVisual .swiper-container-horizontal>.swiper-pagination-bullets,
.mainVisual .swiper-pagination-custom,
.mainVisual .swiper-pagination-fraction { bottom:5px; }
.mainVisual .swiper-pagination-bullet { width:54px; height:40px; position:relative; background:none; opacity:.48; vertical-align:middle; }
.mainVisual .swiper-pagination-bullet-active { opacity:1; }
.mainVisual .swiper-pagination-bullet:after { content:''; width:100%; height:1px; position:absolute; left:0; top:50%; display:block; background:#fff; transform:translateY(-50%); }
.mainVisual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 7px; }

.mainVisual.type--single .swiper-button-next,
.mainVisual.type--single .swiper-button-prev { display:none; }

#container { padding:45px 0; }
#container.main { padding:0 0 45px; }
#container.page--result { padding:0; }
#container.type--test:after { content:''; width:100%; height:58px; position:absolute; left:0; top:0; z-index:1;
	box-shadow:2px 4px 5px rgba(0,0,0,0.13);
	background: rgb(111,143,246);
	background: linear-gradient(90deg, rgba(111,143,246,1) 0%, rgba(76,80,216,1) 100%);
}

h3.title { margin-bottom:30px; font-size:30px; color:#6445e8; text-align:center; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
h3.title.type--headline { margin-bottom:20px; }

.sectionMain { margin-top:40px; }
.sectionMain .topArea { margin-bottom:16px; position:relative; }
.sectionMain .topArea .title { margin-bottom:5px; font-size:25px; font-family:"Poppins", sans-serif; font-weight:700; }
.sectionMain .topArea .title span { color:#6445e8; }
.sectionMain .topArea .subject { font-size:18px; color:#6c6c6c; font-family:"Poppins", sans-serif; font-weight:500; }
.sectionMain .topArea a.more { position:absolute; right:0; bottom:0; color:#6445e8; font-size:16px; font-family:Arial, 'Noto Sans KR', sans-serif; }
.sectionMain+.sectionMain { margin-top:60px; }

.contList { display:flex; flex-wrap:wrap; }
.contList li { width:33.3%; display:flex; }
.contList li:nth-child(3n+2) { justify-content:center; }
.contList li:nth-child(3n+3) { justify-content:flex-end; }
.contList li a { width:350px; display:block; padding-bottom:20px; }
.contList li .thumb { width:350px; height:196px; margin-bottom:15px; overflow:hidden; }
.contList li .thumb img { width:100%; position:relative; top:50%; transform:translateY(-50%); }
.contList .headline { padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; color:#000; font-family:"Poppins", sans-serif; font-weight:600; }
.contList .title { height:48px; padding:0 10px; overflow:hidden; font-size:15px; color:#4c4b4b; font-family:"Poppins", sans-serif; font-weight:500; line-height:24px; }

.contList li a:hover { background:#efedf5; }

.contList.is--radius li .thumb { border-radius:6px; }

.contList.type--jinny li { width:33.3%; display:flex; }
.contList.type--jinny li a { width:300px; }
.contList.type--jinny li:nth-child(3n+1) { justify-content:flex-start; }
.contList.type--jinny li:nth-child(3n+2) { justify-content:center; }
.contList.type--jinny li:nth-child(3n+3) { justify-content:flex-end; }
.contList.type--jinny li .thumb { width:300px; height:370px; }

.contList.type--knowhow { display:block; margin-bottom:50px; }
.contList.type--knowhow li { display:block; padding:0 52px 0 30px; width:auto; margin-top:60px; }
.contList.type--knowhow li:first-child { margin-top:30px; }
.contList.type--knowhow li a { width:auto; height:136px; position:relative; padding:25px 270px 0 56px; }
.contList.type--knowhow li .num { position:absolute; left:15px; top:25px; font-size:24px; }
.contList.type--knowhow li .headline { font-size:24px; padding:0; }
.contList.type--knowhow li .title { margin-top:10px; color:#727272; padding:0; }
.contList.type--knowhow li .thumb { width:192px; height:136px; margin:0; position:absolute; right:0; top:0; }

.contList .swiper-wrapper { display:flex; flex-wrap:wrap; }
.contList .swiper-slide { width:33.3%; display:flex; }
.contList .swiper-slide:nth-child(3n+2) { justify-content:center; }
.contList .swiper-slide:nth-child(3n+3) { justify-content:flex-end; }
.contList .swiper-slide a { width:350px; display:block; padding-bottom:20px; }
.contList .swiper-slide a:hover { background:#efedf5; }
.contList .swiper-slide .thumb { width:350px; height:196px; margin-bottom:15px; border-radius:6px; overflow:hidden; }
.contList .swiper-slide .thumb img { width:100%; position:relative; top:50%; transform:translateY(-50%); }

.sectionJinny { height:580px; padding:40px 85px 0; margin-top:68px; margin-bottom:80px; background:url('../images/bgJinny.png') center top no-repeat; }
.sectionJinny .titJinny { margin-bottom:15px; font-family:"Poppins", sans-serif; font-weight:500; font-size:18px; color:#fff; }
.sectionJinny .titJinny span { width:216px; height:46px; margin-right:12px; margin-top:-8px; display:inline-block; background:url('../images/txtJinny.png') center center no-repeat; font-size:0; text-indent:-99999px;  vertical-align:middle; }
.sectionJinny .list { overflow:hidden; }
.sectionJinny .list li { width:300px; float:left; }
.sectionJinny .list li+li { margin-left:calc((100% - 900px) / 2); }
.sectionJinny .list li a { display:block; }
.sectionJinny .list li .thumb { height:370px; margin-bottom:15px; overflow:hidden; }
.sectionJinny .list li .thumb img { width:100%; position:relative; top:50%; transform:translateY(-50%); }
.sectionJinny .list li .title { margin-bottom:0; font-size:18px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sectionJinny .list li .subject { height:44px; color:#fff; font-size:16px; font-family: 'Noto Sans KR', sans-serif; overflow:hidden; }

.sectionJinny .swiper-wrapper {  }
.sectionJinny .swiper-slide { width:33.3%; display:flex; }
.sectionJinny .swiper-slide:nth-child(3n+2) { justify-content:center; }
.sectionJinny .swiper-slide:nth-child(3n+3) { justify-content:flex-end; }
.sectionJinny .swiper-slide a { width:300px; display:block; }
.sectionJinny .swiper-slide .thumb { height:370px; margin-bottom:15px; overflow:hidden; border-radius:6px; }
.sectionJinny .swiper-slide .thumb img { width:100%; position:relative; top:50%; transform:translateY(-50%); }
.sectionJinny .swiper-slide .title { margin-bottom:0; font-size:18px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:"Poppins", sans-serif; font-weight:600; }
.sectionJinny .swiper-slide .subject { height:44px; color:#fff; font-size:13px; font-weight:500; font-family:"Poppins", sans-serif; overflow:hidden; }

.sectionJinny.type--group { padding-top:26px; background-image:url('../images/bgGroup.png'); }
.sectionJinny.type--group .titGroup { margin-bottom:15px; font-size:18px; color:#fff; font-family:"Poppins", sans-serif; font-weight:500; }
.sectionJinny.type--group .titGroup span { margin-right:12px; font-size:40px; color:#ffc088; font-weight:700; }

.mainNotice { margin-top:50px; border-top:1px solid #bababa; border-bottom:1px solid #bababa; }
.mainNotice a { height:82px; padding-right:46px; display:block; font-size:16px; color:#000; font-family: 'Noto Sans KR', sans-serif; line-height:82px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.mainNotice a:before { content:''; width:18px; height:18px; position:absolute; right:14px; top:50%; background:url('../images/btnMore.png') center center no-repeat; transform:translateY(-50%); }
.mainNotice a img.new { margin-left:12px; margin-top:-4px; vertical-align:middle; }

.classSelect { min-width:180px; height:35px; position:relative; }
.classSelect .select { height:35px; position:relative; padding-left:40px; padding-right:30px; background:url('../images/iconClassList.png') left center no-repeat; line-height:35px; font-size:24px; cursor:pointer; }
.classSelect .select:after { content:''; width:20px; height:12px; position:absolute; right:0; top:50%; margin-top:-6px; background:url('../images/iconSelect.png') center center no-repeat; }

.classSelect .list { width:100%; max-height:0; position:absolute; left:0; top:35px; transition:all .5s; overflow:hidden; box-sizing:border-box; z-index:50; }
.classSelect .list.active { max-height:1000px; }
.classSelect .list ul { padding:16px 30px; background:#fff; border-radius:6px; border:1px solid #d3d3d3; overflow:hidden; }
.classSelect .list ul li { font-size:18px; line-height:34px; cursor:pointer; }

.classSelect.typeTxt { font-size:18px; line-height:40px; }

.boxTableTop { margin-bottom:12px; }
.boxTableTop:after { content:''; display:block; clear:both; visibility:visible; }
.boxTableTop .left { float:left; }
.boxTableTop .left .classSelect { float:left; margin-right:30px; }
.boxTableTop .right { float:right; }

.boxTable { border-radius:4px; overflow:hidden; border:1px solid #dfdfdf; }

.tableTitle { padding-bottom:10px; border-bottom:2px solid #6445e8; font-size:24px; }

.tableBasic { width:100%; }
.tableBasic thead tr th { height:66px; background:#685de4; font-size:16px; color:#fff; font-weight:400; }
.tableBasic tbody tr td { height:44px; padding:0 20px; text-align:center; border-bottom:1px solid #dfdfdf; font-size:14px; }
.tableBasic tbody tr td:first-of-type { font-weight:700; }
.tableBasic tbody tr:last-child td { border-bottom:0; }
.tableBasic tbody tr td span { font-weight:400; }
.tableBasic tbody tr.review td { background:#f9f9f9; font-weight:400; }
.tableBasic tfoot tr td { background:#f9f9f9; font-size:14px; border-bottom:1px solid #dfdfdf; text-align:center; }

.tableBasic.typeA thead tr th { border-bottom:1px solid #dfdfdf; background:#f6f6f6; color:#000; font-weight:700; }
.tableBasic.typeA tbody tr td { height:66px; font-size:16px; }
.tableBasic.typeA tbody tr td:first-of-type { font-weight:400; color:#575757; }
.tableBasic.typeA tbody tr:last-child td { border-bottom:1px solid #dfdfdf; }
.tableBasic.typeA tfoot tr td { height:66px; font-size:16px; }
.tableBasic.typeA tfoot tr td:first-of-type { color:#575757; }

.listTable { position:relative; }
.listTable>ul { width:100%; display:table; border-top:2px solid #757e94; border-collapse: collapse; }
.listTable>ul.table1,
.listTable>.tableBasic.table1 { display:table; }
.listTable>ul.table2 { display:none; }
.listTable>ul li { display:table-row; border-bottom:1px solid #dfdfdf; text-align:center; font-size:16px; color:#333; font-family: 'Noto Sans KR', sans-serif; }
.listTable>ul li.thead { background:#f6f6f6; color:#000; font-weight:500; }
.listTable>ul li>span { height:65px; display:table-cell; vertical-align:middle; }
.listTable>ul li span.chk_blue { color:#6445e8; }
.listTable>ul li span.chk_red { color:#fa573a; }
.listTable .tablePresent { width:100%; height:65px; position:absolute; left:0; bottom:0; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #dfdfdf; background:#fafafa; font-size:18px; color:#333; font-family: 'Noto Sans KR', sans-serif; }
.listTable .tablePresent ul.list1 { display:flex; }
.listTable .tablePresent ul.list2 { display:none; }
.listTable .tablePresent ul { display:flex; }
.listTable .tablePresent ul.pc { display:block; }
.listTable .tablePresent ul.mo { display:none; }
.listTable .tablePresent ul li { padding:0 15px; }

.listTable.type--attend { padding-bottom:65px; }
.listTable.type--attend>ul li>span.col1 { width:8%; }
.listTable.type--attend>ul li>span.col2 { width:10%; }
.listTable.type--attend>ul li>span.col3 { width:26%; }
.listTable.type--attend>ul li>span.col4 { width:7%; }
.listTable.type--attend>ul li>span.col5 { width:7%; }
.listTable.type--attend>ul li>span.col6 { width:14%; }
.listTable.type--attend>ul li>span.col7 { width:7%; }
.listTable.type--attend>ul li>span.col8 { width:7%; }
.listTable.type--attend>ul li>span.col9 { width:14%; }

.boxEvaluation .listTable { margin-bottom:55px; }
.boxEvaluation .listTable.with--test { margin-bottom:18px; }
.boxEvaluation .boxTableTest { position:relative; margin-bottom:70px; text-align:center; }
.boxEvaluation .boxTableTest .txt { max-width:500px; position:absolute; left:0; top:0; font-size:16px; font-weight:500; color:#000; text-align:left; line-height:28px; font-family: 'Noto Sans KR', sans-serif; }
.boxEvaluation .boxTableTest .txt span { color:#fa573a; }
.boxEvaluation .boxTableTest>a { width:74px; height:28px; display:inline-block; background:#fa573a; border-radius:6px; color:#fff; text-align:center; line-height:28px; font-size:16px; }

.boxPresent .tabArea { display:flex; margin-bottom:10px; }
.boxPresent .tabArea li { position:relative; }
.boxPresent .tabArea li+li:after { content:''; width:1px; height:16px; position:absolute; left:0; top:50%; background:#b6b6b6; transform:translateY(-50%); }
.boxPresent .tabArea li a { display:block; padding:0 16px; font-size:24px; font-weight:500; color:#a2a2a2; font-family: 'Noto Sans KR', sans-serif; }
.boxPresent .tabArea li.active a { color:#000; }
.boxPresent .tabArea li:first-child a { padding-left:0; }

.boxPresent .boxSearch { height:90px; padding:0 78px 0 58px; display:flex; border:1px solid #d8dadf; align-items:center; justify-content:space-between; }
.boxPresent .boxSearch .col { padding-right:50px; display:flex; align-items:center; text-align:center; }
.boxPresent .boxSearch .col:last-child { padding-left:50px; padding-right:0; }
.boxPresent .boxSearch .title { margin-right:15px; font-size:16px; font-family: 'Noto Sans KR', sans-serif; }
.boxPresent .boxSearch .btnSearch { width:40px; height:40px; margin-left:11px; border-radius:6px; background:url('../images/btnSearch.png') center center no-repeat #e3e3e3; font-size:0; text-indent:-99999px; }
.boxPresent .boxSearch .btnAttendCertify { width:40px; height:40px; border-radius:6px; background:url('../images/btnAttendCertify.png') center center no-repeat #6445e8; font-size:0; text-indent:-99999px; }
.boxPresent .boxSearch .ui-picker { width:150px; height:40px; border-radius:6px; border:1px solid #cbcbcb; padding-left:44px; background:url('../images/bgCalendar.png') 11px center no-repeat; font-size:16px; font-family: 'Noto Sans KR', sans-serif; }
.boxPresent .boxSearch .hypen { padding:0 10px; }
.boxPresent .boxSearch select { height:40px; border-radius:6px; border:1px solid #cbcbcb; padding:0 32px 0 15px; background:url('../images/bgSelect.png') calc(100% - 12px) center no-repeat; font-size:16px; color:#333; font-family: 'Noto Sans KR', sans-serif; }
.boxPresent .boxSearch select+select { margin-left:11px; }

.boxProgress { width:100%; display:inline-block; position:relative; padding-right:40px; overflow:hidden; vertical-align:middle; }
.boxProgress .bar { height:15px; position:relative; overflow:hidden; border-radius:16px; background:#e3e3e3; transition:all .5s; }
.boxProgress .bar > div { height:100%; position:absolute; left:0; top:0; background:#6445e8; }
.boxProgress .per { position:absolute; right:0; top:50%; transform:translateY(-50%); text-align:center; }

.checkClass { width:10px; height:10px; display:none; border-radius:50%; background:#ff647e; font-size:0; text-indent:-99999px; vertical-align:middle; }
.checkClass.on { display:inline-block; }

.btnSymbol { width:30px; height:30px; display:inline-block; border-radius:3px; background-size:30px auto; background-color:#e1e1e1; background-repeat:no-repeat; background-position:center center; vertical-align:middle; font-size:0; text-indent:-99999px; }
.btnSymbol.iconEbook { background-image:url('../images/iconLinkEbook.png'); background-size:15px auto; }
.btnSymbol.iconStudy { background-image:url('../images/iconLinkStudy.png'); background-size:16px auto; }
.btnSymbol.iconResult,
.btnSymbol.iconResult2 { background-image:url('../images/iconLinkResult.png'); background-size:14px auto; }
.btnSymbol.iconEbook.on { background-color:#3cd8b9; }
.btnSymbol.iconStudy.on { background-color:#6882f0; }
.btnSymbol.iconResult.on { background-color:#ff3366; }
.btnSymbol.iconResult2.on { background-color:#a263e8; }
.btnSymbol.iconReport { margin-left:5px; background-image:url('../images/iconLinkReport.png'); background-size:15px auto; background-color:#ff574b; }

.btnTest { width:84px; height:28px; margin-left:10px; display:inline-block; background:#ff574b; border-radius:6px; vertical-align:middle; font-size:16px; color:#fff; text-align:center; line-height:28px; font-weight:400; }
.btnTest.result { background:#000; }

.btnFile { height:35px; padding:0 36px 0 14px; position:relative; display:inline-block; border-radius:4px; background:#f6f6f6; border:1px solid #1367c9; vertical-align:middle; line-height:32px; color:#1367c9; font-size:16px; }
.btnFile:after { content:''; width:20px; height:20px; position:absolute; right:10px; top:5px; background:url('../images/iconFileDown.png') center center no-repeat; }

.btnMenual { width:100px; height:35px; display:inline-block; background:#8360e4; border-radius:3px; vertical-align:middle; font-size:16px; color:#fff; text-align:center; line-height:35px; }
.btnMenual.typeA { width:auto; padding:0 16px; }

.boxResult { max-width:990px; margin:0 auto; padding-bottom:50px; position:relative; z-index:10; }
.boxResult .topArea { padding:36px 0 25px; position:relative; border-bottom:2px solid #dbdbdb; text-align:center; }
.boxResult .topArea h1 { width:164px; height:50px; position:absolute; left:13px; top:26px; background:url('../images/logoResult.png') center center no-repeat; font-size:0; text-indent:-99999px; }
.boxResult .topArea h2 { display:inline-block; vertical-align:top; font-size:36px; line-height:1; }
.boxResult .topArea .close { width:24px; height:26px; position:absolute; right:7px; top:48px; background:url('../images/btnClose.png') center center no-repeat; background-size:24px auto; font-size:0; text-indent:-99999px; }
.boxResult .infoArea { margin-bottom:25px; padding:25px 20px 30px 18px; position:relative; border-bottom:1px solid #dbdbdb; }
.boxResult .infoArea .user { padding-left:26px; background:url('../images/iconResultUser.png') left center no-repeat; font-size:20px; color:#545454; }
.boxResult .infoArea .user span { font-size:24px; color:#000; font-weight:500; }
.boxResult .infoArea .user span.fn { font-size:20px; }
.boxResult .infoArea .info { margin-top:16px; overflow:hidden; }
.boxResult .infoArea .info>div { float:left; font-size:18px; }
.boxResult .infoArea .info>div.class { margin-right:50px; padding-left:28px; background:url('../images/iconResultInfo.png') 2px center no-repeat; font-size:20px; }
.boxResult .infoArea .date { margin-top:14px; padding-left:26px; font-size:18px; overflow:hidden; }
.boxResult .infoArea .date>div { float:left; }
.boxResult .infoArea .date>div+div:before { content:'/'; float:left; margin:0 5px; }
.boxResult .infoArea .print { width:80px; height:80px; position:absolute; right:0; top:50%; margin-top:-40px; background:url('../images/iconPrint.png') center center no-repeat #3b1390; font-size:0; text-indent:-999999px; }

.boxResult .infoArea.typeA { display:flex; padding:28px 20px 20px; align-items:center; justify-content:center; }
.boxResult .infoArea.typeA .user { font-family:"Nanum Gothic"; }
.boxResult .infoArea.typeA .user span.fn { color:#535353; font-weight:400; }

.boxResult .selfArea { margin-top:5px; padding-bottom:30px; text-align:center; border-bottom:1px solid #dbdbdb; font-size:20px; color:#5a69e4; }
.boxResult .selfArea:before { content:''; width:22px; height:22px; margin-top:2px; margin-right:6px; display:inline-block; background:url('../images/iconImprovement.png') center center no-repeat; background-size:100% auto; vertical-align:top; }

.boxResult .infoContent { padding-bottom:16px; margin-bottom:30px; border-bottom:1px solid #dbdbdb; }
.boxResult .infoContent .top { padding-left:16px; margin-bottom:25px; background:url('../images/iconTopicDot.png') left center no-repeat; font-size:18px; color:#575757; }
.boxResult .infoContent .txt { margin-bottom:12px; font-size:20px; color:#000; }
.boxResult .infoContent input[type="text"] { width:100%; font-size:16px; }

.boxResult.type--note { max-width:1200px; }

.btnLinkPurple { height:35px; position:relative; display:inline-block; padding:0 22px 0 52px; border:1px solid #6445e8; border-radius:18px; background:#f4f1ff; line-height:33px; font-size:18px; color:#000; vertical-align:middle; }
.btnLinkPurple:before { content:''; width:18px; height:18px; position:absolute; left:18px; top:50%; background:url('../images/iconTopicLink.png') center center no-repeat; background-size:100% auto; transform:translateY(-50%); }

.tabCont { display:none; position:relative; }
.tabCont.active { display:block; }

.resultTab .tabArea { display:flex; margin-bottom:35px; border-bottom:1px solid #d7d9dd; text-align:center; }
.resultTab .tabArea li { flex:1; margin-bottom:-1px; vertical-align:top; }
.resultTab .tabArea li a { height:40px; display:block; font-size:20px; color:#8d8d8d; line-height:40px; }
.resultTab .tabArea li a span.pc { display:inline-block !important; vertical-align:top; }
.resultTab .tabArea li.active { border-bottom:2px solid #836ef0; }
.resultTab .tabArea li.active a { color:#836ef0; }
.resultTab .tabCont .btn { width:100%; position:absolute; left:0; bottom:-52px; text-align:center; }
.resultTab .tabCont .btn a.btnSubmit { width:120px; height:42px; display:inline-block; background:#002333; border-radius:22px; vertical-align:middle; line-height:42px; text-align:center; font-size:20px; color:#00fc7f; }
.resultTab .tabCont .btn a.btnSubmit.save { color:#fcf300; }
.resultTab .tabCont .btn a.btnSubmit+a.btnSubmit { margin-left:18px; }
.resultTab .btn { margin-top:8px; text-align:right; }
.resultTab .btn a { display:inline-block; vertical-align:middle; }
.resultTab .btn a.btnPrint { width:42px; height:42px; position:relative; margin:0; background:url('../images/iconPrintSmall.png') center center no-repeat #6445e8; border-radius:5px; font-size:0; text-indent:-99999px; }

.resultBox { border:1px solid #c8c8c8; }
.resultBox.typeGray { background:#f8f8f8; }
.resultBox.with--disc { position:relative; }
.resultBox+.resultBox { border-top:0; }
.resultBox h4.title { height:46px; display:block; background:#e3e3ff; border-bottom:1px solid #c8c8c8; text-align:center; line-height:46px; font-size:20px; color:#1b209d; font-weight:700; text-transform:uppercase; }
.resultBox h4.title.bgBlue { background:#5c8ff5; color:#fff; }
.resultBox h4.title.bgBlue span { color:#fffaa6; }
.resultBox h4.title.bgPurple { background:#a166c6; color:#fff; }
.resultBox h4.title sup { text-transform: none; }
.resultBox .cont { padding:20px 42px; }
.resultBox.typeGray .cont { padding:45px 40px; }
.resultBox h5 { display:block; position:relative; margin-bottom:20px; font-size:20px; font-weight:400; }
.resultBox h5.line { margin-bottom:28px; }
.resultBox h5.line:after { content:''; width:18px; height:1px; position:absolute; left:0; bottom:-8px; background:#6445e8; }
.resultBox .listExam .title { margin-bottom:12px; font-size:18px; }
.resultBox .listExam .title span { display:inline-block; vertical-align:top; }
.resultBox .listExam .answer { font-size:18px; }
.resultBox .listExam p { display:block; font-size:18px; line-height:24px; }
.resultBox .listExam p+p { margin-top:25px; }
.resultBox .listExam p.t_blue { color:#0b0f8a; }
.resultBox .listExam p strong { font-weight:700; color:#508ef5; }
.resultBox .listExam.with--num .title,
.resultBox .listExam.with--dot .title { position:relative; padding-left:25px; }
.resultBox .listExam.with--num .title span.num { position:absolute; left:0; top:0; }
.resultBox .listExam.with--dot .title:before { content:''; width:5px; height:5px; position:absolute; left:10px; top:10px; border-radius:50%; background:#000; }
.resultBox .listExam.typeA>li+li { margin-top:30px; }
.resultBox .listExam.typeA .answer { margin-left:25px; padding-left:36px; background-position:left top; background-repeat:no-repeat; line-height:25px; }
.resultBox .listExam.typeA .answer.typeA { background-image:url('../images/iconResultAnswer1.png'); color:#ad103b; }
.resultBox .listExam.typeA .answer.typeB { margin-top:5px; background-image:url('../images/iconResultAnswer2.png'); color:#0b0f8a; }
.resultBox .listExam.typeA .answer.typeC { margin-top:5px; background-image:url('../images/iconResultAnswer3.png'); color:#333; }
.resultBox .listExam.typeA .answer.inTitle { margin-top:10px; padding-left:0; }
.resultBox .listExam.noTitle li { position:relative; }
.resultBox .listExam.noTitle .num { position:absolute; left:0; top:0; font-size:18px; }
.resultBox .listExam.noTitle .answer { margin-left:25px; }

.resultBox .listExam .task { width:68px; height:32px; margin-bottom:14px;  border-radius:16px; border:1px solid #8152ff; font-size:18px; text-align:center; line-height:32px; color:#000; }
.resultBox .listExam.typeTask>li+li { margin-top:25px; }
.resultBox .listExam.typeTask .answer { margin-left:10px; }
.resultBox .listExam.typeTask p { margin-left:12px; }
.resultBox .listExam.typeTask .list { padding-left:12px; }
.resultBox .listExam.typeTask .list li { position:relative; padding-left:24px; font-size:18px; color:#0b0f8a; }
.resultBox .listExam.typeTask .list li span.num { position:absolute; left:0; top:0; }

.resultBox .listExam.typeB .title { margin-bottom:8px; }
.resultBox .listExam.typeB .title .correct { margin-left:8px; color:#0a56d4; font-weight:500; }
.resultBox .listExam.typeB>li+li { margin-top:20px; }
.resultBox .listExam.typeB .answer { margin-left:22px; line-height:30px;  }
.resultBox .listExam.typeB .answer.on { color:#fa573a; }

.resultBox .listExam.typeC .title { color:#656565; }
.resultBox .listExam.typeC>li+li { margin-top:30px; }
.resultBox .listExam.typeC textarea { min-height:95px; }

.resultBox .listExam.onlyNum>li { overflow:hidden; }
.resultBox .listExam.onlyNum .answer { width:24px; height:24px; float:left; border-radius:50%; background:#a3a7b1; color:#fff; text-align:center; line-height:24px; }
.resultBox .listExam.onlyNum .answer.on { background:#ff755d; color:#fff; }

.resultBox .boxExample { margin-bottom:24px; padding:20px 60px; border-radius:18px; border:1px solid #c7c7c7; background:#f8faff; font-size:18px; }
.resultBox .boxExample ul li { position:relative; padding-left:26px; }
.resultBox .boxExample ul li+li { margin-top:8px; }
.resultBox .boxExample ul li .num { position:absolute; left:0; top:0; }

.resultBox .boxExample.typeDivine { text-align:center; }
.resultBox .boxExample.typeDivine ul { width:560px; margin:0 auto; display:flex; flex-wrap: wrap; }
.resultBox .boxExample.typeDivine ul li { flex:1 1 50%; padding:6px 10px; text-align:left; line-height:1.2; font-size:18px; }
.resultBox .boxExample.typeDivine ul li+li { margin-top:0; }
.resultBox .boxExample.typeDivine2 ul { width:750px; margin:0 auto; display:flex; flex-wrap: wrap; }
.resultBox .boxExample.typeDivine2 ul li { flex-basis:250px; }

.resultBox .boxEditor { font-size:18px; color:#000; }
.resultBox .boxReview textarea { min-height:100px; padding:20px 25px; border:1px solid #c3c3c3; background:#fff; font-size:18px; color:#000; }

.resultBox .boxTimer { font-size:18px; }

.boxDisc { padding:10px 36px 26px; margin-top:105px; border:1px solid #d8d8d8; }
.boxDisc .title { color:#6445e8; font-size:20px; }
.boxDisc p { font-size:18px; color:#343434; }

.boxCorrect { margin-top:30px; text-align:center; }
.boxCorrect > div { max-width:100%; min-width:530px; display:inline-block; padding:5px; background:#8152ff; color:#fff; font-size:20px; }

.resultTable { width:100%; border:1px solid #c8c8c8; }
.resultTable thead th { padding:16px 10px; border-left:1px solid #c8c8c8; background:#685de4; color:#fff; font-size:20px; font-weight:400; }
.resultTable tbody td { padding:6px;text-align:center; border:1px solid #c8c8c8; font-size:20px; color:#474747; }
.resultTable tbody td.bd { border-bottom-color:#e3e3e3; }

.resultTotal { margin-top:18px; text-align:right; font-size:24px; color:#474747; }
.resultTotal span { color:#fa573a; }

.btnReport { width:250px; height:44px; display:block; margin:40px auto 0; background:#685de4; border-radius:22px; font-size:20px; color:#fff; text-align:center; line-height:44px; }

.resultChart { margin-bottom:20px; text-align:center; }
.resultChart h5 { margin-bottom:30px; font-size:22px; font-weight:400; }
.resultChart .top { margin:0 50px 15px 0; display:flex; justify-content:space-between; align-items:center; }
.resultChart .top .legend { display:flex; }
.resultChart .top .legend>div { display:flex; font-size:18px; color:#000; font-weight:500; align-items:center; }
.resultChart .top .legend>div:before { content:''; width:20px; height:20px; margin-right:6px; }
.resultChart .top .legend>div.first:before { background:#00bf6f; }
.resultChart .top .legend>div.second:before { background:#f9be00; }
.resultChart .top .legend>div+div { margin-left:26px; }
.resultChart .top .total { font-size:20px; color:#989898; }
.resultChart .top .total span.count { font-size:30px; color:#565559; }
.resultChart .top .total span.count strong { font-weight:700; color:#6445e8; }

.chartInfo { height:52px; margin-bottom:70px; border:1px solid #dfdfdf; text-align:center; }
.chartInfo .item { display:inline-block; vertical-align:middle; font-size:18px; color:#3b3b3b; line-height:52px; }
.chartInfo .item span { color:#5a69e4; }
.chartInfo .item+.item { margin-left:62px; }

.resultBox.type--speaking .resultChart { margin:40px 10px 30px 50px; }
.resultBox.type--speaking .resultChart h5 { margin-left:-50px; text-align:left; }
.resultBox.type--speaking .resultChart .top { margin-left:-50px; }
.resultBox.type--speaking .resultTab .tabArea { margin-bottom:18px; }
.resultBox.type--speaking .resultTab .tabArea li { position:relative; font-size:16px; color:#8d8d8d; }
.resultBox.type--speaking .resultTab .tabArea li.active { border-bottom:0; color:#fa573a; }
.resultBox.type--speaking .resultTab .tabArea li.active:after { content:''; width:100%; height:4px; position:absolute; left:0; bottom:-4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; background:#fa573a; }
.resultBox.type--speaking .resultTab .tabArea li strong { margin-left:6px; font-size:22px; }
.resultBox.type--speaking .boxSpeakingCont .cont { margin-bottom:40px; padding:20px 18px 24px; border:1px solid #dfdfdf; font-size:18px; color:#000; }
.resultBox.type--speaking .boxSpeakingCont .cont .title { display:inline-block; margin-right:5px; font-size:20px; font-weight:700; color:#7959f4; vertical-align:middle; }
.resultBox.type--speaking .boxSpeakingCont .cont .txt { font-size:18px; color:#000; }
.resultBox.type--speaking .boxSpeakingCont .link { display:flex; justify-content:space-between; }
.resultBox.type--speaking .boxSpeakingCont .link .item { width:calc((100% - 48px) / 3); padding:20px; border-radius:6px; box-shadow:0 0 21px rgba(100, 69, 232, .2); text-align:center; overflow:hidden; }
.resultBox.type--speaking .boxSpeakingCont .link .item a { width:132px; height:52px; display:block; margin:0 auto 20px; background:#6445e8; border-radius:6px; text-align:center; color:#fff; font-size:22px; line-height:52px; }
.resultBox.type--speaking .boxSpeakingCont .link .item a.stage { width:142px; }
.resultBox.type--speaking .boxSpeakingCont .link .item a:before { content:''; display:inline-block; margin-right:10px; background-repeat:no-repeat; background-size:100% auto; background-position:center center; vertical-align:middle; }
.resultBox.type--speaking .boxSpeakingCont .link .item a.stage:before { width:16px; height:20px; background-image:url('../images/iconSpeakLink1.png'); }
.resultBox.type--speaking .boxSpeakingCont .link .item a.level:before { width:22px; height:23px; background-image:url('../images/iconSpeakLink2.png'); }
.resultBox.type--speaking .boxSpeakingCont .link .item a.course:before { width:25px; height:25px; background-image:url('../images/iconSpeakLink3.png'); }
.resultBox.type--speaking .boxSpeakingCont .link .item .name { font-size:20px; color:#6445e8; }

.btnStructure { width:270px; height:46px; display:block; margin:0 auto 60px; border:1px solid #3a43ff; border-radius:46px; color:#6445e8; font-size:20px; line-height:44px; text-align:center; }

#container.type--test .boxResult .topArea { padding:0; border:0; }
#container.type--test .boxResult .topArea h1 { width:116px; height:38px; left:0; top:10px; background:url('../images/logoTest.png') center center no-repeat; }
#container.type--test .boxResult .topArea h2 { height:58px; line-height:58px; color:#fff; font-size:28px; font-weight:400; }
#container.type--test .boxResult .topArea .close { width:20px; height:20px; right:26px; top:20px; background:url('../images/btnCloseWhite.png') center center no-repeat; }
#container.type--test .resultBox { border:0; padding-bottom:40px; }

#container.type--test h5.title+.resultBox.type--eval { margin-top:10px; }
#container.type--test .resultBox.type--eval { border:1px solid #c8c8c8; padding:0; }
#container.type--test .resultBox.type--eval+.resultBox.type--eval { border-top:0; }
#container.type--test .resultBox.type--eval h4.title { padding:0 36px; background:#f1f1f1; text-align:left; color:#000; text-transform:none; font-weight:400; }
#container.type--test .resultBox.type--eval .cont { padding:22px 24px 25px 36px; }
#container.type--test .resultBox.type--eval .box { padding-left:34px; background:url('../images/iconEvaluation1.png') left top no-repeat; font-size:18px; color:#727272; }

#container.type--test .resultBox.type--overall { border:1px solid #c8c8c8; padding:0; border-top:0; }
#container.type--test .resultBox.type--overall h4.title { height:auto; padding:15px 36px 0; background:#f1f1f1; text-align:left; color:#fa573a; text-transform:none; font-weight:400; line-height:1.4; border-bottom:0; line-height:1; }
#container.type--test .resultBox.type--overall .cont { background:#f1f1f1; padding:12px 24px 25px 36px; }
#container.type--test .resultBox.type--overall .box { padding-left:34px; background:url('../images/iconEvaluation2.png') left top no-repeat; font-size:18px; color:#727272; }

.page--survey #header {
	box-shadow:2px 4px 5px rgba(0,0,0,0.13);
	background: rgb(0,151,229);
	background: linear-gradient(90deg, rgba(0,151,229,1) 0%, rgba(64,191,136,1) 100%);
}
.page--survey #header h1 { width:116px; height:38px; position:absolute; left:0; top:10px; margin:0; padding:0; background:url('../images/logoTest.png') center center no-repeat; font-size:0; text-indent:-99999px; }
.page--survey #header h2 { height:58px; line-height:58px; color:#fff; font-size:28px; font-weight:400; }
.page--survey .inner { max-width:1080px; }
.page--survey #container { padding:0; }

.boxSurvey .infoTop { padding:18px 20px 20px 260px; border-bottom:1px solid #049adf; background:url('../images/bgSurvey.png') 66px center no-repeat; font-family: 'Noto Sans KR', sans-serif; }
.boxSurvey .infoTop .title { font-size:22px; margin-bottom:10px; font-weight:700; }
.boxSurvey .infoTop p { font-size:18px; line-height:28px; font-weight:500; }

.listSurvey { padding:35px 0; }
.listSurvey ul { padding-left:152px; }
.listSurvey ul li+li { margin-top:30px; }
.listSurvey ul li .title { margin-bottom:20px; font-size:18px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
.listSurvey ul li .check { overflow:hidden; padding-left:20px; }
.listSurvey ul li .check .chkTit { float:left; font-size:16px; color:#535353; margin-right:30px; font-family: 'Noto Sans KR', sans-serif; }
.listSurvey ul li .check input[type="radio"]+label { float:left; padding-left:0; padding-top:3px; margin-right:30px; font-size:0; text-indent:-99999px; }
.listSurvey ul li .check input[type="radio"]+label:after { width:14px; height:14px; position:relative; top:auto; margin:0; display:block; border-color:#535353; }
.listSurvey ul li textarea { height:81px; font-size:18px; padding:10px; }
.listSurvey .btn { margin-top:45px; padding-left:152px; text-align:center; }
.listSurvey .btn a { width:150px; height:44px; display:inline-block; background:#949494; border-radius:44px; line-height:44px; text-align:center; font-size:20px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; color:#fff; }
.listSurvey .btn a.submit { background:#377fd8; }
.listSurvey .btn a+a { margin-left:18px; }

.pcReservation { padding-top:18px; }
.pcReservation .topArea { background:#f5f5f5; }
.pcReservation .topArea .title { width:150px; height:40px; position:absolute; left:50%; top:-22px; margin-left:-75px; border:1px solid #cfcfcf; border-radius:40px; background:#fff; text-align:center; line-height:38px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; font-size:20px; }
.pcReservation .topArea .left { position:relative; padding-top:46px; padding-bottom:20px; margin-right:376px; }
.pcReservation .topArea .left ul { padding:0 26px; }
.pcReservation .topArea .left ul li { position:relative; padding-left:20px; line-height:30px; font-size:18px; font-family: 'Noto Sans KR', sans-serif; }
.pcReservation .topArea .left ul li+li { margin-top:5px; }
.pcReservation .topArea .left ul li .num { position:absolute; left:0; top:0; }
.pcReservation .topArea .right { position:absolute; right:0; top:50px; }
.pcReservation .topArea .right a { width:116px; height:84px; display:flex; align-items:center; justify-content:center; float:left; background:#fff; border-radius:8px; border:1px solid #d2d2d2; font-size:18px; line-height:26px; color:#62587d; box-shadow:0 0 10px rgba(0,0,0,0.1); text-align:center; font-family: 'Noto Sans KR', sans-serif; }
.pcReservation .topArea .right a+a { margin-left:12px; }
.pcReservation .topArea .right a:hover { color:#fff;
	background: rgb(121,100,241);
	background: linear-gradient(124deg, rgba(121,100,241,1) 0%, rgba(100,69,232,1) 100%);
}
.pcReservation .contArea { margin-top:55px; }
.pcReservation .contArea .left .top { margin-bottom:17px; position:relative; text-align:center; }
.pcReservation .contArea .left .top .classSelect { width:280px; position:absolute; left:0; top:0; height:auto; border:1px solid #d8d8d8; border-radius:5px; text-align:left; }
.pcReservation .contArea .left .top .classSelect .select { height:44px; padding-left:54px; padding-right:28px; background-position:14px center; line-height:42px; font-size:18px; }
.pcReservation .contArea .left .top .classSelect .select:after { right:14px; }
.pcReservation .contArea .left .top .classSelect .list { top:44px; }
.pcReservation .contArea .areaMonth { width:156px; margin:0 auto; position:relative; text-align:center; font-size:26px; font-family: 'Noto Sans KR', sans-serif; font-weight:700; }
.pcReservation .contArea .areaMonth .titleMonth { height:44px; line-height:44px; }
.pcReservation .contArea .areaMonth>a { width:44px; height:44px; position:absolute; top:50%; margin-top:-22px; background:url('../images/iconMonthArrow.png') center center no-repeat; font-size:0; text-indent:-99999px; }
.pcReservation .contArea .areaMonth>a.prev { left:0; }
.pcReservation .contArea .areaMonth>a.next { right:0; transform:rotate(180deg); }
.pcReservation .contArea .infoDate { position:absolute; right:15px; top:0; line-height:44px; color:#848484; font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.pcReservation .contArea .infoDate span { color:#000; }
.pcReservation .contArea .left { margin-right:390px; }
.pcReservation .contArea .right { width:376px; position:absolute; right:0; top:0; }
.pcReservation .boxCount { width:100%; display:flex; margin-top:-16px; margin-bottom:10px; }
.pcReservation .boxCount .item { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.pcReservation .boxCount .item .count { width:45px; height:42px; margin-bottom:3px; border-radius:5px; background:#eee; font-size:24px; text-align:center; line-height:42px; }
.pcReservation .boxCount .item .ctTit { font-size:16px; color:#858585; }
.pcReservation .boxCount .item.status--out .count { color:#fa573a; }
.pcReservation .boxReserDetail { position:relative; border:1px solid #d8d8d8; }
.pcReservation .boxReserDetail .tabArea { overflow:hidden; }
.pcReservation .boxReserDetail .tabArea li { width:50%; float:left; background:#f6f6f6; border-bottom:1px solid #d8d8d8; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.pcReservation .boxReserDetail .tabArea li a { display:block; height:38px; line-height:38px; text-align:center; font-size:18px; color:#5f5f5f; }
.pcReservation .boxReserDetail .tabArea li+li { border-left:1px solid #d8d8d8; }
.pcReservation .boxReserDetail .tabArea li.active { background:#fff; border-bottom-color:#fff; }
.pcReservation .boxReserDetail .tabArea li.active a { color:#6445e8; }
.pcReservation .boxReserDetail .tabCont { height:398px; padding:30px 25px; overflow:auto; }

.listReservation li { overflow:hidden; color:#000; font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.listReservation li+li { margin-top:32px; }
.listReservation li .date { position:relative; float:left; font-size:20px; line-height:30px; }
.listReservation li .date:before { content:''; width:22px; height:1px; position:absolute; left:0; bottom:-6px; background:#ff0867; }
.listReservation li .btnReserCancel { width:76px; height:30px; margin-left:12px; float:left; border-radius:8px; background:#fa573a; line-height:30px; color:#fff; font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.listReservation li .btnReserCancel.disabled { background:#c5c5c5; }
.listReservation li .btnReserCancel.is--modify { background:#92d050; }
.listReservation li .cont { padding-top:15px; clear:both; }
.listReservation li .cont span.line { color:#6445e8; }

.listLecture {  }
.listLecture li { color:#606060; font-size:18px; line-height:32px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.listLecture li+li { margin-top:20px; }
.listLecture li .title { margin-bottom:10px; font-size:20px; color:#000; }
.listLecture li .count { margin-top:5px; overflow:hidden; }
.listLecture li .count>div { float:left; }
.listLecture li .count span { width:28px; height:28px; display:inline-block; vertical-align:middle; border-radius:50%; text-align:center; line-height:28px; font-size:16px; color:#fff; font-family:Arial; }
.listLecture li .count2 { margin-left:20px; }
.listLecture li .count1 span { background:#fa573a; }
.listLecture li .count2 span { background:#6445e8; }

.layerReservation { width:100%; height:100%; display:none; padding-top:36px; position:absolute; left:0; top:0; background:#f4f5fd; text-align:center; font-size:18px; }
.layerReservation .date { height:40px; position:relative; line-height:40px; }
.layerReservation .date:before { content:''; width:22px; height:1px; position:absolute; left:50%; bottom:0px; margin-left:-11px; background:#ff0867; }
.layerReservation .teacher { display:flex; line-height:40px; align-items:center; }
.layerReservation .teacher .teacherLeft { flex:1; text-align:right; }
.layerReservation .teacher .teacherRight { flex:1; text-align:left; }
.layerReservation .teacher span.line { margin:0 6px; position:relative; top:-1px; color:#6445e8; }
.layerReservation .topic { display:none; line-height:40px; font-size:16px; }
.layerReservation .topic>div { display:inline-block; }
.layerReservation .topic input[type="radio"]+label { margin-left:20px; padding-left:20px; font-size:16px; }
.layerReservation .topic input[type="radio"]+label:after { width:14px; height:14px; }
.layerReservation .selectDate { overflow:hidden; width:312px; margin:30px auto 0; }
.layerReservation .selectDate li { width:25%; float:left; text-align:center; padding:4px 8px; }
.layerReservation .selectDate a { max-width:60px; height:30px; display:block; margin:0 auto; border-radius:30px; border:1px solid #4974e3; background:#fff; text-align:center; font-size:15px; color:#000; line-height:28px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.layerReservation .guide { margin-top:30px; font-size:18px; font-family: 'Noto Sans KR', sans-serif; }
.layerReservation .close { width:20px; height:20px; position:absolute; right:12px; top:10px; background:url('../images/btnClose.png') center center no-repeat; background-size:20px auto;; font-size:0; text-indent:-99999px; }

.tableCalendar { width:100%; height:439px; border:1px solid #dcdcdc; table-layout:fixed; }
.tableCalendar col.col { width:14.285%; }
.tableCalendar thead tr th { height:38px; background:#f5f5f5; border:1px solid #dcdcdc; font-size:16px; font-weight:400; }
.tableCalendar tbody tr td { height:80px; padding-top:36px; padding-bottom:14px; position:relative; border:1px solid #dcdcdc; font-size:16px; text-align:center; }
.tableCalendar tbody tr td span.day { position:absolute; right:8px; top:12px; }
.tableCalendar tbody tr td span.before { color:#bababa; }
.tableCalendar tbody tr td span.status { display:block; text-align:center; font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.tableCalendar tbody tr td span.time { display:block; text-align:center; font-size:16px ;color:#6445e8; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.tableCalendar tbody tr td .btnReservation { width:92px; height:28px; background:#7a65f4; color:#fff; font-size:16px; line-height:28px; }
.tableCalendar tbody tr td.holiday { background:#ffd6d6; }

.boxNotice ul { border-top:2px solid #757e94; }
.boxNotice ul li { position:relative; border-bottom:1px solid #eaecf1; }
.boxNotice ul li .titleArea { height:65px; position:relative; overflow:hidden; font-family: 'Noto Sans KR', sans-serif; overflow:hidden; }
.boxNotice ul li .titleArea:after { content:''; width:22px; height:14px; position:absolute; right:18px; top:50%; margin-top:-7px; background:url('../images/iconNoticeArrow.png') center center no-repeat; transition:all .3s; }
.boxNotice ul li.active .titleArea:after { transform:rotate(180deg); }
.boxNotice ul li .titleArea .num { width:110px; float:left; position:relative; text-align:center; font-size:20px; color:#6d6d6d; line-height:65px; }
.boxNotice ul li .titleArea .num:after { content:''; width:1px; height:30px; position:absolute; right:0; top:50%; margin-top:-15px; background:#e5e5e5; }
.boxNotice ul li .titleArea .date { position:absolute; right:96px; top:0; font-size:16px; color:#6d6d6d; line-height:65px; }
.boxNotice ul li .titleArea .title { margin:0 190px 0 130px; font-size:16px; color:#727171; line-height:65px; }
.boxNotice ul li .titleArea .title .new { display:inline-block; vertical-align:middle; margin-left:20px; }
.boxNotice ul li .titleArea .title a { display:block; font-size:16px; color:#727171; line-height:65px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.boxNotice ul li .titleArea .title.imp,
.boxNotice ul li .titleArea .title.imp a { color:#000; font-weight:400; }
.boxNotice ul li .titleArea.new .title a:after { content:''; width:28px; height:28px; margin-left:12px; display:inline-block; background:url('../images/iconNew.png') center center no-repeat; vertical-align:middle; }
.boxNotice ul li .contArea { padding:70px 50px 80px; text-align:center; background:#f9f9f9; }
.boxNotice ul li.active .contArea { border-top:1px solid #eaecf1; }

.boxQna { position:relative; }
.boxQna>ul { font-family: 'Noto Sans KR', sans-serif; }
.boxQna>ul li { height:65px; display:flex; align-items:center; border-bottom:1px solid #eff0f2; text-align:center; font-size:16px; color:#6d6d6d; }
.boxQna>ul li .no { width:110px; position:relative; }
.boxQna>ul li .no:after { content:''; width:1px; height:30px; position:absolute; right:0; top:50%; margin-top:-15px; background:#e5e5e5; }
.boxQna>ul li .title { position:relative; align-items:center; flex:1; padding:0 26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; color:#000; font-weight:500; line-height:28px; }
.boxQna>ul li .title.new:after { content:''; width:28px; height:28px; display:inline-block; margin-left:12px; background:url('../images/iconNew.png') center center no-repeat; vertical-align:middle; margin-top:-4px; }
.boxQna>ul li .title.comment:before { content:''; width:18px; height:12px; margin-top:-4px; margin-right:8px; display:inline-block; background:url('../images/iconComment.png') center center no-repeat; vertical-align:middle; }
.boxQna>ul li .writer { width:140px; }
.boxQna>ul li .date { width:140px; }

.boxQna>ul li.thead { background:#f6f6f6; border-color:#d1d3d5; font-weight:500; font-size:18px; color:#000; }
.boxQna>ul li.thead .no { color:#6d6d6d; }
.boxQna>ul li.thead .title { justify-content:center; }

.boxQna .boxPrivacy { margin-top:80px; font-family: 'Noto Sans KR', sans-serif; }
.boxQna .boxPrivacy .cont { padding:28px 35px; border:1px solid #dfdfdf; }
.boxQna .boxPrivacy h6 { font-weight:700; color:#000; font-size:18px; }
.boxQna .boxPrivacy p { display:block; margin-bottom:18px; font-size:16px; color:#6c6c6c; }
.boxQna .boxPrivacy ul li { position:relative; padding-left:8px; font-size:16px; color:#6c6c6c; line-height:1.5; }
.boxQna .boxPrivacy ul li:before { content:'-'; position:absolute; left:0; top:0; }
.boxQna .boxPrivacy h6+ul { margin-bottom:40px; }
.boxQna .boxPrivacy .imp { padding-left:18px; position:relative; font-size:16px; color:#000; }
.boxQna .boxPrivacy .imp:before { content:'※'; position:absolute; left:0; top:0; }
.boxQna .boxPrivacy .imp ul li { color:#000; }
.boxQna .boxPrivacy .check { float:left; margin-top:22px; font-size:16px; }
.boxQna .boxPrivacy .check input[type="checkbox"] { width:17px; height:17px; border-radius:3px; border:1px solid #ababab; position:relative; left:0; opacity:1; visibility:visible; -webkit-appearance:auto; }
.boxQna .boxPrivacy .check label { cursor:pointer; }

.boxQna.type--write>ul li .title { width:136px; flex:unset; text-align:right; font-size:18px; }
.boxQna.type--write>ul li .title:after { content:''; width:1px; height:30px; position:absolute; right:0; top:50%; margin-top:-15px; background:#e5e5e5; }
.boxQna.type--write>ul li .cont { position:relative; flex:1; padding:0 26px; align-items:center; text-align:left; font-size:16px; color:#000; }
.boxQna.type--write>ul li .cont>input { height:auto; padding:0; font-size:16px; border:0; font-family: 'Noto Sans KR', sans-serif; line-height:1.4; }
.boxQna.type--write>ul li .cont>.date { width:auto; position:absolute; right:56px; top:0; }
.boxQna.type--write>ul li.editor {height:auto;padding:26px 60px;display: block;}
.boxQna.type--write>ul li.editor textarea { height:350px; padding:26px 32px; border:1px solid #dfdfdf; font-size:16px; color:#4d4d4d; font-family: 'Noto Sans KR', sans-serif; }
.boxQna.type--write .btn { display:flex; padding:20px 0; justify-content:flex-end; }
.boxQna.type--write .btn a { width:40px; height:40px; position:relative; background-color:#6445e8; border-radius:6px; font-size:0; text-indent:-99999px; background-position:center center; background-repeat:no-repeat; }
.boxQna.type--write .btn a+a { margin-left:16px; }
.boxQna.type--write .btn a.btnModify { background-image:url('../images/btnModify.png'); }
.boxQna.type--write .btn a.btnRefresh { background-image:url('../images/btnRefresh.png'); }
.boxQna.type--write .btn a.btnCancel { background-image:url('../images/btnCancel.png'); }
.boxQna.type--write .btn a.btnMenu { background-image:url('../images/iconBackMenu.png'); }

.boxPaging { margin-top:25px; text-align:center; }
.boxPaging > a { width:38px; height:38px; display:inline-block; background:url('../images/iconPagingArrow.png') center center no-repeat; vertical-align:middle; font-size:0; text-indent:-99999px; border:1px solid #ddd; }
.boxPaging > a.next { transform:rotate(180deg); }
.boxPaging ul { margin:0 4px; display:inline-block; overflow:hidden; vertical-align:middle; }
.boxPaging ul li { float:left; }
.boxPaging ul li+li { margin-left:6px; }
.boxPaging ul li a { width:38px; height:38px; display:block; border:1px solid #ddd; line-height:36px; text-align:center; font-size:20px; color:#b2b2b2; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.boxPaging ul li a.on { color:#fa573a; }

.boxLvTest { text-align:center; }
.boxLvTest p { padding:36px 0; font-size:22px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.boxLvTest .btnStart { width:248px; height:60px; margin-bottom:18px; line-height:60px; border-radius:60px; text-align:center; color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1); font-size:24px;
	background: rgb(121,100,241);
	background: linear-gradient(125deg, rgba(121,100,241,1) 0%, rgba(100,69,232,1) 100%);
} 
.boxLvTest .guide { font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.boxLvTest .boxLvProcess { margin-top:85px; overflow:hidden; }
.boxLvTest .boxLvProcess .item { width:206px; float:left; margin-left:42px; text-align:center; }
.boxLvTest .boxLvProcess .item.item1 { margin-left:0; }
.boxLvTest .boxLvProcess .item .title { margin-bottom:15px; font-size:18px; color:#6445e8; font-family: 'Noto Sans KR', sans-serif; font-weight:500; text-align:center; }
.boxLvTest .boxLvProcess .item .title img { display:block; margin:0 auto; }
.boxLvTest .boxLvProcess .item .subject { font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; color:#000; }

.boxTchReview { position:relative; }
.boxTchReview .slogan { height:450px; padding-top:320px; margin-bottom:38px; overflow:hidden; background:url('../images/imgReviewSlogan_pc.jpg') left center no-repeat; border-radius:10px; text-align:center; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.boxTchReview .slogan .slogan1 { font-size:24px; }
.boxTchReview .slogan .slogan2 { margin-top:34px; position:relative; font-size:22px; }
.boxTchReview .slogan .slogan2:after { content:''; width:44px; height:1px; position:absolute; left:50%; top:-16px; margin-left:-22px; background:#fff729; }
.boxTchReview .listReview li+li { margin-top:25px; }
.boxTchReview .listReview li { padding:25px 42px; position:relative; border:1px solid #a49bff; border-radius:12px; }
.boxTchReview .listReview li .user { margin-bottom:16px; font-size:16px; color:#6d6d6d; }
.boxTchReview .listReview li .date { position:absolute; right:42px; top:25px; font-size:16px; color:#6d6d6d; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.boxTchReview .listReview li .teacher { margin-bottom:8px; font-size:16px; color:#6445e8; }
.boxTchReview .listReview li .cont { font-size:16px; line-height:24px; color:#000; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }

.boxTchReview.talk .slogan { padding-top:155px; background-image:url('../images/imgTalkSlogan_pc.jpg'); }
.boxTchReview.talk .slogan .slogan2 { color:rgba(255,255,255,0.76); font-weight:400; }

.btnWrite { width:40px; height:40px; position:absolute; right:0; bottom:0; border-radius:6px; background:url('../images/btnWrite.png') center center no-repeat #6445e8; font-size:0; text-indent:-99999px; }

.boxHeadline .subject { padding-bottom:16px; border-bottom:2px solid #4f5c79; text-align:center; font-size:18px; color:#333; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
.boxHeadline .contList li { margin-top:20px; }
.boxHeadline .btnMenu { width:40px; height:40px; position:absolute; right:0; bottom:-64px; border-radius:6px; background:url('../images/iconBackMenu.png') center center no-repeat #6445e8; font-size:0; text-indent:-99999px; }
.boxHeadlineView { margin-bottom:64px; border-bottom:1px solid #dbdbdb; }
.boxHeadlineView .topArea { padding-top:25px; }
.boxHeadlineView .topArea .title { margin-bottom:10px; font-size:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.boxHeadlineView .topArea .descript { margin-bottom:25px; font-size:18px; font-family: 'Noto Sans KR', sans-serif; }
.boxHeadlineView .topArea .mov { margin-bottom:42px; }
.boxHeadlineView .topArea .mov iframe { width:100%; height:675px; }
.boxHeadlineView .topArea .img { margin-bottom:42px; }
.boxHeadlineView .topArea .btn { margin-bottom:42px; text-align:center; }
.boxHeadlineView .topArea .btn a { height:45px; display:inline-block; padding:0 54px 0 20px; position:relative; border:1px solid #6445e8; border-radius:5px; vertical-align:middle; line-height:43px; font-size:16px; color:#000; font-family: 'Noto Sans KR', sans-serif; }
.boxHeadlineView .topArea .btn a:after { content:''; width:26px; height:20px; position:absolute; right:16px; top:50%; margin-top:-10px; background:url('../images/iconDown.png') center center no-repeat; background-size:100% auto; }
.boxHeadlineView .topArea .btn a+a { margin-left:15px; }
.boxHeadlineView .topArea .btn a.submit { width:300px; height:60px; padding:0; border:1px solid #d2d2d2; background: rgb(121,100,241); background: linear-gradient(124deg, rgba(121,100,241,1) 0%, rgba(100,69,232,1) 100%); line-height:58px; border-radius:60px; font-size:24px; font-weight:500; color:#fff; }
.boxHeadlineView .topArea .btn a.submit:after { display:none; }

.boxHeadlineView.type--knowhow .title { font-size:24px; }
.boxHeadlineView.type--knowhow .descript { font-size:16px; color:#727272; line-height:24px; }

.boxComment { width:960px; margin:50px auto 0; font-family: 'Noto Sans KR', sans-serif; }
.boxComment > .titComment { padding:0 8px 10px; font-size:20px; color:#6445e8; font-weight:500; }
.boxComment > ul { border-top:1px solid #dbdbdb; }
.boxComment > ul li { position:relative; padding:32px 20px; color:#6d6d6d; font-size:16px; font-weight:500; }
.boxComment > ul li+li { border-top:1px solid #dbdbdb; }
.boxComment > ul li .top { margin-bottom:6px; position:relative; overflow:hidden; }
.boxComment > ul li .top .user { float:left; margin-right:24px; }
.boxComment > ul li .top .date { float:left; }
.boxComment > ul li .top .opt { position:absolute; right:0; top:0; }
.boxComment > ul li .top .opt a { display:inline-block; padding:0 6px; vertical-align:middle; font-size:16px; color:#919191; font-weight:400; font-family: 'Noto Sans KR', sans-serif; }
.boxComment > ul li .cont { line-height:1.5; }
.boxComment > ul li textarea { height:148px; padding:16px 26px; position:relative; border:1px solid #dbdbdb; z-index:1; font-family: 'Noto Sans KR', sans-serif; font-size:16px; line-height:1.5; color:#727272; }
.boxComment > ul li textarea::placeholder { color:#b6b6b6; }
.boxComment > ul li .btn { position:absolute; right:38px; bottom:44px; z-index:5; }
.boxComment > ul li .btn a { height:32px; padding:0 16px; display:inline-block; border-radius:16px; border:1px solid #919191; vertical-align:middle; font-size:16px; color:#919191; line-height:30px; }
.boxComment > ul li .btn a.modify { border-color:#6445e8; color:#6445e8; }
.boxComment > ul li .btn a+a { margin-left:12px; }


.boxTopic .topicTab { display:none; }
.boxTopic .topicTabCont { display:block; }
.boxTopic .topArea { margin-bottom:20px; padding-bottom:12px; display:flex; justify-content:flex-end; align-items:center; border-bottom:1px solid #d5d5d5; }
.boxTopic .topArea a { min-width:100px; height:35px; padding:0 14px; display:block; border-radius:4px; background:#8360e4; font-size:16px; font-weight:500; color:#fff; line-height:35px; text-align:center; font-family: 'Noto Sans KR', sans-serif; }
.boxTopic .topArea a+a { margin-left:12px; }
.boxTopic .topArea p { display:none; }
.boxTopic .listArea li { padding-top:12px; border:1px solid #d5d5d5; }
.boxTopic .listArea li+li { margin-top:22px; }
.boxTopic .listArea li>div { padding:0 24px; display:flex; justify-content: space-between; align-items:center; font-size:18px; color:#575757; }
.boxTopic .listArea li>div.top { height:38px; }
.boxTopic .listArea li>div.top .left { padding-left:18px; background:url('../images/iconTopicDot.png') left center no-repeat; }
.boxTopic .listArea li>div.top .right { color:#6d6d6d; font-family: 'Noto Sans KR', sans-serif; font-size:16px; white-space:nowrap; }
.boxTopic .listArea li>div.title { height:42px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; color:#000; line-height:42px; }
.boxTopic .listArea li>div.footer { height:54px; background:#f6f6f6; }
.boxTopic .listArea li>div>div.left {  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.boxTopic .listArea li>div>div.right { float:right; display:flex; align-items:center; }

.boxTopic .topSurvey { padding:15px; display:flex; align-items:center; justify-content:center; }
.boxTopic .topSurvey p { margin-right:12px; font-size:16px; color:#000; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }

.btnTopic { width:100px; height:30px; display:block; padding:0 4px 0 24px; background:#d4d4d4; border-radius:2px; background-repeat:no-repeat; background-size:16px auto; background-position:8px center; text-align:center; color:#fff; font-size:16px; line-height:30px; }
.btnTopic+.btnTopic { margin-left:11px; }
.btnTopic.preview { background-image:url('../images/iconTopicPreview.png'); }
.btnTopic.result { background-image:url('../images/iconTopicResult.png'); }
.btnTopic.upload { background-image:url('../images/iconTopicWrite.png'); }
.btnTopic.preview.on { background-color:#6445e8; }
.btnTopic.result.on { background-color:#a263e8; }
.btnTopic.upload.on { background-color:#02bfd5; }

.btnSurvey { width:84px; height:28px; display:block; background:#ff574b; border-radius:5px; text-align:center; line-height:28px; color:#fff; font-size:16px; color:#fff; }
.btnSurvey.review { background-color:#6445e8; }

.boxTimer { height:26px; margin-bottom:10px; padding-left:23px; position:relative; font-size:16px; color:#000; font-family: 'Noto Sans KR', sans-serif; }
.boxTimer:before { content:''; width:17px; height:17px; position:absolute; left:0; top:50%; margin-top:-9px; background:url('../images/iconTimer.png') center center no-repeat; background-size:100% auto; }

.boxTopicNote { display:flex; }
.boxTopicNote.pc { display:flex !important; }
.boxTopicNote.mo { display:none; }
.boxTopicNote .resultTab .tabArea { display:flex; justify-content:space-between; }
.boxTopicNote .resultTab .tabArea li { flex:1; }
.boxTopicNote .resultTab .tabArea li a { width:auto; height:33px; font-size:16px; color:#5f5f5f; line-height:33px; font-family: 'Noto Sans KR', sans-serif; }
.boxTopicNote .resultTab .tabArea li.active a { color:#6445e8; }
.boxTopicNote .resultBox .cont { padding:20px 18px 23px; }
.boxTopicNote .resultTab .btn { margin-top:23px; }
.boxTopicNote .resultTab .tabCont .btn { bottom:-65px; margin-top:0; }
.boxTopicNote .resultTab .tabCont .btn a.btnPrint { position:absolute; top:0; right:0; }
.boxTopicNote .resultTab .tabCont .answer { margin-bottom:15px; font-size:18px; color:#7e7e7e; font-family: 'Noto Sans KR', sans-serif; }
.boxTopicNote .leftArea { width:calc(50% - 12px); margin-right:12px; }
.boxTopicNote .rightArea { width:50%; }
.boxTopicNote .summaryNote .row+.row { margin-top:15px; }
.boxTopicNote .summaryNote .title { min-width:130px; height:35px; display:inline-block; padding:0 15px; border-radius:5px; background:#ff6c6c; color:#fff; line-height:35px; font-size:20px; vertical-align:middle; text-align:center; }
.boxTopicNote .summaryNote .title.type--tch { min-width:auto; display:block; padding:0; background:transparent; border-bottom:1px solid #d8d8d8; color:#5f5f5f; text-align:left; font-size:16px; }
.boxTopicNote .summaryNote .txt { padding:12px 0; font-size:18px; color:#343434; }
.boxTopicNote .summaryNote .txt.type--source { font-size:20px; color:#000; }
.boxTopicNote .summaryNote .noteArea { margin-top:20px; font-size:18px; }
.boxTopicNote .summaryNote .noteArea textarea { min-height:256px; }
.boxTopicNote .summaryNote .listVoca { padding-bottom:12px; }
.boxTopicNote .summaryNote .listVoca li { padding:12px 0; border-bottom:1px solid #d8d8d8; font-size:18px; color:#343434; }
.boxTopicNote .summaryNote .listVoca .word { font-weight:700; line-height:1.2; }
.boxTopicNote .summaryNote .listVoca .sentence { margin-top:10px; line-height:1.2; }
.boxTopicNote .summaryNote .listVoca .sentence.ex { position:relative; padding-left:26px; }
.boxTopicNote .summaryNote .listVoca .sentence.ex:before { content:''; width:22px; height:15px; display:block; position:absolute; left:0; top:5px; background:url('../images/imgVocaEx.png') center center no-repeat; }
.boxTopicNote .btnLinkPurple { margin:5px 18px 5px 0; }

.boxTopicNote textarea { height:auto; min-height:188px; padding:18px 15px; border:1px solid #d8d8d8; font-size:18px; line-height:30px; overflow-y:hidden; resize:none; }
.boxTopicNote .noteArea.type--write { min-height:200px; padding:20px 18px 23px; border:1px solid #d8d8d8; }
.boxTopicNote .noteArea.type--write iframe { width:100%; height:320px; }

.boxTopicNote.type--note { display:block; }
.boxTopicNote.type--note .resultTab .tabArea { margin-bottom:18px; }
.boxTopicNote.type--note .summaryNote .btn { padding:23px 0; position:relative; text-align:center; bottom:0; }
.boxTopicNote.type--note .summaryNote .btn a.btnSubmit { min-width:120px; height:42px; padding:0 34px; display:inline-block; background:#002333; border-radius:22px; vertical-align:middle; line-height:42px; text-align:center; font-size:20px; color:#00fc7f; }
.boxTopicNote.type--note .summaryNote .btn a.btnSubmit.save { color:#fcf300; }
.boxTopicNote.type--note .summaryNote .btn a.btnSubmit.save span { color:#00fc7f; }
.boxTopicNote.type--note .summaryNote .btn a.btnPrint { width:42px; height:42px; position:absolute; right:0; top:0; background:url('../images/iconPrintSmall.png') center center no-repeat #6445e8; border-radius:5px; font-size:0; text-indent:-99999px; }

.boxFileTxt { padding:12px 0 8px; font-size:16px; text-align:center; }
.boxFile { padding:6px; border:1px solid #d8d8d8; text-align:center; }

.boxStructureGroup { margin-top:65px; overflow-x:auto; }
.boxStructureGroup .row+.row { margin-top:35px; }

.boxTableStructure { border-radius:10px; border:1px solid #9ba1a9; overflow:hidden; }
.boxTableStructure table { width:calc(100% + 2px); background:#fff; margin:-1px; }
.boxTableStructure table thead {
	background: rgb(7,177,208);
	background: linear-gradient(90deg, rgba(7,177,208,1) 0%, rgba(18,129,215,1) 41%, rgba(164,63,234,1) 100%);
}
.boxTableStructure table thead th { height:50px; position:relative; font-size:16px; color:#fff; }
.boxTableStructure table thead th+th:before { content:''; width:1px; height:20px; position:absolute; lefT:0; top:50%; margin-top:-10px; background:rgba(255,255,255,.5); }
.boxTableStructure table tbody td { padding:20px 10px; border:1px solid #a5aab1; font-size:15px; text-align:center; }
.boxTableStructure table tbody td.tit { padding:5px 10px; text-align:left; color:#424357; font-family: 'Noto Sans KR', sans-serif; }
.boxTableStructure table tbody td.pds { padding:8px 0; color:#424357; }
.boxTableStructure table tbody td.grade { background:#e8edfa; color:#111e36; font-weight:700; font-size:16px; }
.boxTableStructure table tbody td.grade1 { background:#edf1fd; color:#4f6cb5; font-weight:700; font-size:16px; }
.boxTableStructure table tbody td.grade2 { background:#e5ebfa; color:#405ba2; font-weight:700; font-size:16px; }
.boxTableStructure table tbody td.grade3 { background:#dce4f9; color:#2f4a8f; font-weight:700; font-size:16px; }
.boxTableStructure table tbody td.grade4 { background:#d4def7; color:#1d3678; font-weight:700; font-size:16px; }
.boxTableStructure table tbody td.col2 { font-size:18px; color:#616273; }
.boxTableStructure table tbody td.bg_td1 { background:#f7feff; }
.boxTableStructure table tbody td.bg_td2 { background:#f7faff; }
.boxTableStructure table tbody td.bg_td3 { background:#f8f5ff; }
.boxTableStructure table tbody td.v-top { vertical-align:top; }
.boxTableStructure table tbody td .title { margin-bottom:80px; }
.boxTableStructure table tbody td .arrow { margin-top:15px; }
.boxTableStructure table tbody td ul { margin-top:12px; padding:0 5px; text-align:left; }
.boxTableStructure table tbody td ul li { padding-left:10px; position:relative; font-size:14px; color:#424357; line-height:1.6; }
.boxTableStructure table tbody td ul li:before { content:'·'; position:absolute; left:0; top:0; }

.popupBasic { width:600px; height:360px; display:none; position:fixed; left:50%; top:50%; background:#fff; z-index:21; transform:translate(-50%, -50%); }
.popupBasic .top { position:relative; background:#6445e8; }
.popupBasic .top h5 { height:65px; display:block; line-height:65px; font-size:26px; color:#fff; text-align:center; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.popupBasic .top .close { width:28px; height:28px; position:absolute; right:32px; top:19px; background:url('../images/btnPopClose.png') center center no-repeat; background-size:100% auto; font-size:0; text-indent:-999999px; }
.popupBasic .cont { padding:20px 78px 0; }
.popupBasic .box { height:180px; display:flex; flex-direction:column; justify-content:center; text-align:center; }
.popupBasic .box p { font-size:18px; line-height:40px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.popupBasic .btn { margin-top:20px; text-align:center; }
.popupBasic .btn a { width:96px; height:40px; display:inline-block; background:#6445e8; border-radius:5px; vertical-align:top;  color:#fff; font-size:20px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; line-height:40px; text-align:center; }
.popupBasic .btn a.btnCancel { background:#fa573a; }
.popupBasic .btn button { width:150px; height:44px; border-radius:44px; font-size:20px; }
.popupBasic .btn button+button { margin-left:16px; }
.popupBasic .btn button.btnSubmit { background:#6445e8; color:#fff; }
.popupBasic .btn button.btnCancel { background:#949494; color:#fff; }

.popupBasic.is--write { width:700px; height:auto; }
.popupBasic.is--write .cont { padding:22px 34px 30px; }
.popupBasic.is--write .classSelect { height:40px; margin-bottom:8px; display:inline-block; }
.popupBasic.is--write .classSelect .select { height:40px; padding-right:40px; padding-left:18px; background:none; border:1px solid #cbcbcb; border-radius:5px; font-size:18px; line-height:38px; }
.popupBasic.is--write .classSelect .select:after { right:20px; }
.popupBasic.is--write .classSelect .list { top:39px; }
.popupBasic.is--write .classSelect .list ul { padding:16px 18px; }
.popupBasic.is--write textarea { height:135px; padding:16px 18px; font-size:15px; }
.popupBasic.is--write .btn { margin-top:17px; }

.popupBasic.is--youtube { width:1280px; height:720px; }
.popupBasic.is--youtube .top .close { right:2px; top:-46px; }
.popupBasic.is--youtube .boxYoutube { height:100%; }
.popupBasic.is--youtube .boxYoutube iframe { width:100%; height:100%; }

.popupBasic.is--structure { width:100%; height:100%; left:0; top:0; transform:none; background:transparent; overflow:auto; }
.popupBasic.is--structure .inBox { width:1232px; margin:50px auto; background:#f0f0f8; }
.popupBasic.is--structure .top { background:transparent; }
.popupBasic.is--structure .top h5 { height:78px; color:#000; font-size:28px; line-height:78px; font-family:"Poppins", sans-serif; font-weight:700; }
.popupBasic.is--structure .top .close { background-image:url('../images/btnPopCloseBlack.png'); }
.popupBasic.is--structure .cont { padding:0 }
.popupBasic.is--structure .cont .row { padding:0 34px 44px; }
.popupBasic.is--structure .cont .row+.row { margin-top:30px; }

#dim { width:100%; height:100%; display:none; position:fixed; left:0; top:0; background:rgba(0,0,0,0.8); z-index:20; }

.boxLogout { width:574px; height:426px; padding:42px 0 46px; position:absolute; left:50%; top:50%; background:#fff; border-radius:10px; transform:translate(-50%, -50%); box-shadow:0 0 12px rgba(0,0,0,0.1); text-align:center; }
.boxLogout .title { margin-bottom:34px; font-size:30px; color:#6445e8; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.boxLogout .cont { margin-bottom:30px; padding-top:110px; background:url('../images/iconLogout.png') center top no-repeat; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
.boxLogout .cont .logMessage { margin-bottom:25px; font-size:26px; color:#000; }
.boxLogout .cont .logMessage span { color:#6445e8; }
.boxLogout .cont .subject { font-size:16px; color:#58575c; }
.boxLogout .btn a { width:186px; height:45px; display:inline-block; background:#6445e8; border-radius:5px; vertical-align:middle; line-height:45px; color:#fff; font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }

.boxAttendPop { width:595px; margin:0 auto; padding:48px 54px; }
.boxAttendPop .logo { margin-bottom:32px; text-align:center; }
.boxAttendPop>.title { margin-bottom:45px; font-size:30px; text-align:center; }
.boxAttendPop .formCont { margin-bottom:35px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; font-size:18px; }
.boxAttendPop .formCont li { display:flex; }
.boxAttendPop .formCont li+li { margin-top:20px; }
.boxAttendPop .formCont li .col1 { width:90px; display:flex; justify-content:space-between; }	
.boxAttendPop .formCont li .col2:before { content:': '; margin-left:5px; }
.boxAttendPop .formTable { width:100%; margin-bottom:26px; border:1px solid #dfdfdf; }
.boxAttendPop .formTable th { height:40px; background:#f5f5f5; border:1px solid #dfdfdf; font-size:16px; font-weight:400; font-family: 'Noto Sans KR', sans-serif; }
.boxAttendPop .formTable td { height:40px; border:1px solid #dfdfdf; font-size:16px; text-align:center; font-family: 'Noto Sans KR', sans-serif; }
.boxAttendPop .listChkAttend { margin-bottom:48px; display:flex; flex-wrap:wrap; }
.boxAttendPop .listChkAttend li { width:152px; height:40px; display:flex; align-items:center; justify-content:center; margin:6px 8px; border:1px solid #b9b9b9; border-radius:6px; font-size:16px; }
.boxAttendPop .listChkAttend li:nth-child(3n+1) { margin-left:0; margin-right:7px; }
.boxAttendPop .listChkAttend li:nth-child(3n+3) { margin-right:0; }
.boxAttendPop .listChkAttend li span { font-family:"Nanum Gothic"; }
.boxAttendPop .boxFormAttend { margin-bottom:60px; }
.boxAttendPop .boxFormAttend ul { width:340px; margin:0 auto; display:flex; flex-wrap:wrap; }
.boxAttendPop .boxFormAttend ul li { width:50%; height:34px; display:flex; align-items:center; font-family: 'Noto Sans KR', sans-serif; font-size:16px; }
.boxAttendPop p { text-align:center; line-height:42px; font-size:18px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
.boxAttendPop .boxStamp { margin-top:20px; display:flex; align-items:center; justify-content:center; font-size:24px; font-weight:700; font-family: 'Noto Sans KR', sans-serif; }
.boxAttendPop .boxStamp>img { margin-left:18px; }

.boxNodata { max-width:574px; padding:56px 30px; margin:0 auto; background:#f3f6fc; border:1px solid #e2e7f1; border-radius:10px; box-shadow:0 0 12px rgba(0,0,0,0.07); text-align:center; }
.boxNodata>p { display:block; padding-top:92px; background:url('../images/iconNodata.png') center 12px no-repeat; font-size:22px; color:#000; font-family: 'Noto Sans KR', sans-serif; }
.boxNodata>a { min-width:186px; height:45px; display:inline-block; padding:0 20px; border-radius:5px; background:#6445e8; text-align:center; line-height:45px; color:#fff; font-size:16px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
.boxNodata>p+a { margin-top:48px; }

.boxNodata.single { margin:190px auto; }
.boxNodata.no-icon>p{ padding-top:0; background:none; }
.boxNodata.type--text { background:transparent; border:0; box-shadow:none; }
.boxNodata.type--text>p { padding-top:0; background:none; }

@media screen and (max-width:1279px){
	.popupBasic.is--youtube { width:auto; height:56vw; left:15px; right:15px; transform:translatey(-50%); }
}

@media screen and (max-width:1120px) {
	.contList li a { width:300px; }
	.contList li .thumb { width:300px; height:168px; }

	.sectionJinny .list li { width:260px; }
	.sectionJinny .list li+li { margin-left:calc((100% - 780px) / 2); }
	.sectionJinny .list li .thumb { height:320px; }

	.sectionJinny .swiper-slide a { width:260px; }
	.sectionJinny .swiper-slide .thumb { height:320px; }
}

@media screen and (max-width:1023px) {
	.pc { display:none !important; }
	.mo { display:block !important; }

	.topBanner .swiper-slide { height:auto; }
	.topBanner .swiper-slide img { width:100%; }
	.topBanner .swiper-button-next,
	.topBanner .swiper-button-prev { width:27px; height:100%; top:0;  background-size:10px auto; background-position:center center; }
	.topBanner .swiper-button-prev,
	.topBanner .swiper-container-rtl .swiper-button-next { left:0; margin:0; background-image:url('../images/topBannerLeft_mo.png'); }
	.topBanner .swiper-button-next,
	.topBanner .swiper-container-rtl .swiper-button-prev { right:0; margin:0; background-image:url('../images/topBannerRight_mo.png'); }

	#container { padding-top:30px; }
	#container.with-title { padding-top:22px; }

	h3.title { font-size:18px; margin-bottom:22px; }

	.inner { padding:0 15px; }

	#header h1 { position:relative; top:0; margin:0; float:left; padding-left:40px; background-size:35px auto; }
	#header h1 a { height:52px; font-size:18px; font-weight:500; line-height:52px; }
	#header .info { position:relative; float:right; }
	#header .info>div>a { height:52px; }
	#header .info .alarm>a { width:32px; background-size:18px auto; }
	#header .info .alarm .bedge { width:18px; height:18px; margin-top:-15px; right:0; font-size:11px; line-height:16px; }
	#header .info a.allMenu { width:35px; height:52px; float:left; margin-left:8px; display:block; background:url('../images/btnAllMenu.png') center center no-repeat; background-size:16px auto; font-size:0; text-indent:-99999px; }


	.classSelect { min-width:120px; height:20px; }

	.classSelect .select { height:20px; padding-left:25px; background-size:16px auto; line-height:20px; font-size:17px; }
	.classSelect .select:after { width:12px; height:8px; margin-top:-4px; background-size:100% auto; }
	
	.classSelect .list { top:24px; }
	.classSelect .list ul { padding:8px 14px; }
	.classSelect .list ul li { font-size:14px; line-height:24px; }
	

	.btnFile { display:none; }

	.btnMenual { width:70px; height:22px; font-size:11px; line-height:22px; }
	.btnMenual.typeA { width:auto; padding:0 10px; }

	.btnSection { height:38px; margin-top:4px; display:block; font-size:15px; color:#fff; text-align:center; line-height:38px;
		background: rgb(93,121,215);
		background: linear-gradient(0deg, rgba(93,121,215,1) 0%, rgba(124,151,240,1) 100%);
	}
	.btnSection:after { content:''; width:18px; height:12px; display:inline-block; margin-left:10px; background:url('../images/iconSectionArrow.png') center center no-repeat; background-size:18px auto; transition:all .5s; }
	.btnSection.on:after { transform:rotate(180deg); }
	.btnSection:first-of-type { margin-top:0; }

	.tableBasic { border:1px solid #ebebeb; }
	.tableBasic thead tr th { height:46px; position:relative; background:#eaeaeb; color:#000000; font-size:14px; font-weight:700; }
	.tableBasic thead tr th:after { content:''; width:1px; height:10px; position:absolute; left:0; top:50%; margin-top:-5px; background:#aab1c2; }
	.tableBasic thead tr th:first-of-type:after { display:none; }
	.tableBasic tbody tr td { height:56px; padding:10px 5px; }
	.tableBasic tbody tr.tdb td { border-bottom:0; }
	.tableBasic tbody tr.progress td { height:auto; padding:3px 15px 10px 30px; line-height:10px; }

	.toggleCont .tableBasic { margin-top:2px; }

	.btnSymbol { width:auto; min-width:42px; height:37px; line-height:37px; }
	.btnSymbol.iconEbook { background-size:25px auto; }
	.btnSymbol.iconEbook.on { background-color:#6882f0; }
	.btnSymbol.iconStudy { background-size:23px auto; }
	.btnSymbol.iconStudy.on { background-color:#7363e8; }
	.btnSymbol.iconResult { padding-left:37px; background-size:15px auto; background-position:13px center; text-indent:0; }
	.btnSymbol.iconResult.on { background-color:#a263e8; }
	.btnSymbol.iconResult span { display:block; padding-right:10px; font-size:14px; color:#fff; font-weight:400; }
	.btnSymbol.iconReport { margin-left:8px; background-size:16px auto; }

	#gnb { width:100%; height:100%; padding-bottom:30px; position:fixed; left:-100%; top:0; background:#fff; z-index:30; overflow:auto; transition:all .5s; }
	#gnb.active { left:0; }
	#gnb .topArea { padding:0 20px 0 30px; border-bottom:1px solid #d0d0d0; overflow:hidden; }
	#gnb .topArea a.btnHome { height:52px; padding-left:38px; float:left; background:url('../images/iconGnbHome.png') left center no-repeat; background-size:28px auto; line-height:52px; font-size:18px; }
	#gnb .topArea a.close { width:15px; height:52px; float:right; background:url('../images/btnClose.png') center center no-repeat; background-size:15px auto; font-size:0; text-indent:-99999px; }
	#gnb>ul { padding:38px 26px 34px; }
	#gnb>ul>li { float:none; padding:0; border-bottom:1px solid #bababa; }
	#gnb>ul>li>a { height:40px; position:relative; padding:0 18px; color:#000; text-align:left; line-height:40px; }
	#gnb>ul>li>a.arrow:after { content:''; width:14px; height:8px; position:absolute; right:13px; top:50%; margin-top:-4px; background:url('../images/iconGnbToggle.png') center center no-repeat; background-size:14px auto; transition:all .3; }
	#gnb>ul>li>a.arrow.on:after { transform:rotate(180deg); }
	#gnb>ul>li ul.depth2 { display:block; padding:0; position:relative; left:0; top:0; transform:none; border:0; border-radius:0; box-shadow:none; overflow:hidden; }
	#gnb>ul>li ul.depth2 li { padding:0 18px; font-size:16px; }
	#gnb>ul>li ul.depth2 li:first-child { margin-top:6px; }
	#gnb>ul>li ul.depth2 li:last-child { margin-bottom:11px; }
	#gnb>ul>li ul.depth2 li a { position:relative; padding-left:14px; color:#7a7a7a; }
	#gnb>ul>li ul.depth2 li a:before { content:''; width:6px; height:8px; position:absolute; left:2px; top:50%; margin-top:-4px; background:url('../images/iconGnbArrow.png') center center no-repeat; background-size:6px auto; }
	#gnb .logout { width:90px; height:23px; margin:0 auto; border:1px solid #9f9f9f; border-radius:12px; font-size:15px; color:#696969; }

	.mainVisual img { width:100%; }
	.mainVisual .swiper-slide { height:auto; }
	.mainVisual .swiper-container-horizontal>.swiper-pagination-bullets,
	.mainVisual .swiper-pagination-custom,
	.mainVisual .swiper-pagination-fraction { bottom:0; }
	.mainVisual .swiper-pagination-bullet { width:27px; height:20px; }
	.mainVisual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 3px; }

	.sectionMain .topArea .subject { font-size:17px; }

	.sectionMain .topArea a.more { width:17px; height:18px; bottom:auto; top:6px; background:url('../images/iconSectionMore.png') center center no-repeat; background-size:100% auto; font-size:0; text-indent:-99999px; }
	.contList { display:block; }
	.contList li { width:auto; display:block; }
	.contList li+li { margin-top:24px; }
	.contList li a { width:auto; height:auto; padding-bottom:12px; }
	.contList li .thumb { width:auto; height:auto; margin-bottom:8px; }
	.contList li .thumb img { top:0; transform:none; }

	.contList.type--knowhow { margin-bottom:30px; }
	.contList.type--knowhow li { margin-top:30px; padding:0; }
	.contList.type--knowhow li:first-child { margin-top:15px; }
	.contList.type--knowhow li a { height:80px; padding:5px 130px 0 10px; }
	.contList.type--knowhow li .num { display:none; }
	.contList.type--knowhow li .headline { font-size:15px; }
	.contList.type--knowhow li .title { height:40px; margin-top:8px; font-size:14px; line-height:20px; }
	.contList.type--knowhow li .thumb { width:113px; height:80px; }

	.contList .swiper-wrapper { flex-wrap:nowrap; }
	.contList .swiper-slide { width:calc(100% - 86px); display:block; }
	.contList .swiper-slide a { width:auto; height:auto; padding-bottom:12px; }
	.contList .swiper-slide .thumb { width:auto; height:auto; margin-bottom:8px; }
	.contList .swiper-slide .thumb img { top:0; transform:none; }

	.mainNotice { margin:30px 15px; }
	.mainNotice a { display:flex; align-items:center; white-space:pre-wrap; font-size:15px; line-height:24px; }
	.mainNotice a img.new { width:25px; margin-left:6px; }

	.sectionJinny { height:auto; margin:50px -15px 40px -15px; padding:26px 17px 24px; background:url('../images/bgJinny_mo.png') left top no-repeat; background-size:cover; }
	.sectionJinny .titJinny { margin-bottom:28px; font-size:16px; }
	.sectionJinny .titJinny span { width:163px; height:34px; margin-bottom:12px; display:block; background-size:100% auto; }
	.sectionJinny .list { display:block; }
	.sectionJinny .list li { width:auto; float:none; }
	.sectionJinny .list li+li { margin-top:26px; margin-left:0; }
	.sectionJinny .list li .thumb { height:auto; }
	.sectionJinny .list li .thumb img { top:0; transform:none; }

	.sectionJinny .swiper-slide { width:calc(100% - 86px); display:block; }
	.sectionJinny .swiper-slide a { width:auto; }
	.sectionJinny .swiper-slide .thumb { height:auto; }
	.sectionJinny .swiper-slide .thumb img { top:0; transform:none; }

	.sectionJinny.type--group { background-image:url('../images/bgGroup_mo.png'); }
	.sectionJinny.type--group .titGroup { margin-bottom:28px; font-size:16px; }
	.sectionJinny.type--group .titGroup span { display:block; margin-bottom:12px; font-size:30px; }

	.boxProgress { padding:0; }
	.boxProgress:after { content:'Online Study'; position:absolute; right:14px; top:50%; transform:translateY(-50%); font-size:10px; color:#fff; }
	.boxProgress .bar { height:12px; background:#c3c3c3; }
	.boxProgress .bar > div { background:#ff3366; }
	.boxProgress .per { right:50%; transform:translate(50%, -50%); color:#fff; font-size:10px; }

	.btnTest { width:82px; height:24px; font-size:15px; line-height:24px; }
	
	.boxResult { padding:0 20px 30px; }

	.page--survey .inner { padding:0; }
	.page--survey #header h1 { display:none; }
	.page--survey #header h2 { height:40px; line-height:40px; font-size:16px; }

	.boxSurvey .infoTop { padding:10px 0 10px 20px; background:none; }
	.boxSurvey .infoTop .title { margin-bottom:8px; font-size:15px; }
	.boxSurvey .infoTop p { font-size:14px; line-height:17px; }

	.listSurvey { padding:12px 20px; }
	.listSurvey ul { padding-left:0; }
	.listSurvey ul li+li { margin-top:20px; }
	.listSurvey ul li .title { margin-bottom:10px; font-size:14px; }
	.listSurvey ul li .check { padding-left:4px; }
	.listSurvey ul li .check .chkTit { margin-right:10px; font-size:14px; }
	.listSurvey ul li .check input[type="radio"]+label { margin-right:10px; }
	.listSurvey ul li textarea { height:75px; font-size:14px; }
	.listSurvey .btn { padding:0; margin-top:20px; }
	.listSurvey .btn a { width:96px; height:30px; line-height:30px; font-size:15px; }
	.listSurvey .btn a+a { margin-left:16px; }
	.listSurvey .btn a.submit { background:#5763e1; }

	.mobileReservation { margin:0 20px; }
	.mobileReservation .tabArea { overflow:hidden; }
	.mobileReservation .tabArea li { width:25%; float:left; border-top-left-radius:10px; border-top-right-radius:10px; border:1px solid #e2e2e2; background:#f6f6f6; z-index:1; text-align:center; }
	.mobileReservation .tabArea li+li { border-left:0; }
	.mobileReservation .tabArea li.active { background:#fff; border-bottom-color:#fff; z-index:2; }
	.mobileReservation .tabArea li a { height:35px; display:block; line-height:35px; color:#5f5f5f; font-size:15px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
	.mobileReservation .tabArea li.active a { color:#6445e8; }
	.mobileReservation .tabCont { border:1px solid #e2e2e2; border-top:0; }

	.mobileReservation .boxNote { padding:22px 15px; }
	.mobileReservation .boxNote>ul>li { position:relative; padding-left:16px; font-size:15px; line-height:21px; font-family: 'Noto Sans KR', sans-serif; }
	.mobileReservation .boxNote>ul>li span.num { position:absolute; left:0; top:0; }
	.mobileReservation .boxNote>ul>li+li { margin-top:10px; }
	.mobileReservation .boxNote .inList li { position:relative; padding-left:10px; }
	.mobileReservation .boxNote .inList li:before { content:'-'; position:absolute; left:0; top:0; }
	.mobileReservation .boxMenual { padding:38px 27px; }
	.mobileReservation .boxMenual a { height:44px; display:block; border-radius:5px; background:#8360e4; text-align:center; line-height:44px; font-size:15px; color:#fff; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
	.mobileReservation .boxMenual a+a { margin-top:22px; }

	.boxReserMo .top { padding:15px 20px 20px; }
	.boxReserMo .top .classSelect { height:auto; }
	.boxReserMo .top .classSelect .select { height:36px; padding-left:32px; background-position:11px center; line-height:36px; border:1px solid #dcdcdc; background-color:#f7f8f9; border-radius:5px; font-size:15px; }
	.boxReserMo .top .classSelect .select:after { right:14px; }
	.boxReserMo .top .classSelect .date { margin-left:6px; font-size:14px; }
	.boxReserMo .top .classSelect .list { top:36px; }
	
	.boxReserMo .areaMonth { width:111px; margin:8px auto 15px; position:relative; text-align:center; font-size:26px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
	.boxReserMo .areaMonth .titleMonth { height:18px; line-height:18px; font-size:16px; }
	.boxReserMo .areaMonth>a { width:12px; height:18px; position:absolute; top:50%; margin-top:-9px; background:url('../images/iconMonthArrowMo.png') center center no-repeat; background-size:100% auto; font-size:0; text-indent:-99999px; }
	.boxReserMo .areaMonth>a.prev { left:0; }
	.boxReserMo .areaMonth>a.next { right:0; transform:rotate(180deg); }
	
	.tableCalendar { border-left:0; border-right:0; height:auto; }
	.tableCalendar thead tr th:first-child,
	.tableCalendar tbody tr td:first-child { border-left:0; }
	.tableCalendar thead tr th:last-child,
	.tableCalendar tbody tr td:last-child { border-right:0; }
	.tableCalendar thead tr th { font-size:14px; }
	.tableCalendar tbody tr td { height:56px; padding-top:25px; padding-bottom:4px; }
	.tableCalendar tbody tr td .btnReservation { width:34px; height:22px; line-height:22px; font-size:12px; }
	.tableCalendar tbody tr td span.status { font-size:12px; }
	.tableCalendar tbody tr td span.time { font-weight:400; font-size:12px; }
	.tableCalendar tbody tr td span.day { top:6px; right:4px; font-size:14px; }

	.layerReservation { display:block; position:relative; width:auto; height:auto; padding-top:12px;}
	.layerReservation .date { height:32px; line-height:32px; font-size:16px; }
	.layerReservation .teacher { margin-top:12px; margin-bottom:10px; line-height:32px; font-size:16px; }
	.layerReservation .selectDate { width:auto; margin:20px 17px 0; padding-bottom:30px; }
	.layerReservation .guide { margin:0px 17px; padding-bottom:30px; font-size:15px; }

	.boxReservation { padding-bottom:20px }
	.boxReservation .title { height:28px; line-height:28px; text-align:center; font-size:15px; color:#fff; background:#836ef0; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
	.boxReservation .info { margin:0 11px; border-bottom:1px solid #4974e3; text-align:center; }
	.boxReservation .info>div { display:inline-block; padding:15px 0 9px 22px; background-position:left 19px; background-size:17px auto; background-repeat:no-repeat; vertical-align:top; font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
	.boxReservation .info>div.date { background-image:url('../images/iconReserMo1.png'); }
	.boxReservation .info>div.count { margin-left:15px; background-image:url('../images/iconReserMo2.png'); }

	.infoReserCancel { padding:15px 0 26px; text-align:center; font-size:15px; line-height:1.2; font-family: 'Noto Sans KR', sans-serif; font-weight:500; }
	.infoReserCancel strong { display:block; margin-bottom:5px; font-size:16px; }
	
	.listReservation { padding:0 28px; }
	.listReservation li+li { margin-top:28px; }
	.listReservation li .date { font-size:17px; line-height:28px; }
	.listReservation li .date:before { bottom:-5px; }
	.listReservation li .btnReserCancel { width:68px; height:28px; line-height:28px; font-size:14px; }
	.listReservation li .cont { font-size:15px; padding-top:13px; }
	

	.layerReservation .topic { font-size:14px; line-height:22px; }
	.layerReservation .topic input[type="radio"]+label { font-size:14px; }

	.listLecture { padding:20px 15px; }
	.listLecture li { font-size:15px; }
	.listLecture li+li { margin-top:35px; }
	.listLecture li .title { margin-bottom:8px; font-size:17px; }
	.listLecture li .count span { width:21px; height:21px; font-size:13px; line-height:21px; }
	.listLecture li .count2 { margin-left:15px; }

	.boxNotice ul { margin:0 5px; border-top-width:1px; }
	.boxNotice ul li .titleArea { height:auto; padding:13px 12px; }
	.boxNotice ul li .titleArea:after { display:none; }
	.boxNotice ul li .titleArea .num { display:none; }
	.boxNotice ul li .titleArea .date { display:inline-block; position:relative; right:0; top:0; line-height:21px; font-size:15px; }
	.boxNotice ul li .titleArea .title { margin:8px 0 0; font-size:15px; line-height:21px; }
	.boxNotice ul li .titleArea .title a { font-size:15px; line-height:21px; overflow:visible; text-overflow:unset; white-space:pre-wrap; }
	.boxNotice ul li .titleArea.new .date { padding-right:25px; background:url('../images/iconNew.png') right center no-repeat; background-size:18px auto; }
	.boxNotice ul li .titleArea.new .title a:after { display:none; }
	.boxNotice ul li .contArea { padding:26px; }

	.boxPaging { margin-top:20px; }
	.boxPaging>a { width:28px; height:28px; }
	.boxPaging ul { margin:0 2px; }
	.boxPaging ul li+li { margin-left:4px; }
	.boxPaging ul li a { width:28px; height:28px; font-size:15px; line-height:26px; }

	.boxLvTest p { padding:0 0 38px; font-size:15px; }
	.boxLvTest .btnStart { width:190px; height:45px; margin-bottom:46px; line-height:45px; font-size:18px; }
	.boxLvTest .guide { font-size:14px; }
	.boxLvTest .boxLvProcess { margin-top:34px; padding:0 17px; }
	.boxLvTest .boxLvProcess .item { width:100%; margin-left:0; margin-top:36px; display:flex; align-items:center; justify-content:center; }
	.boxLvTest .boxLvProcess .item.item1 { margin-top:0; }
	.boxLvTest .boxLvProcess .item .title { flex:1; font-size:14px; }
	.boxLvTest .boxLvProcess .item .subject { flex:1; padding-left:18px; text-align:left; font-size:14px; padding-bottom:20px; }

	.boxTchReview .slogan { position:relative; height:auto; margin-bottom:10px; padding-top:0; background:none; }
	.boxTchReview .slogan .text { width:100%; position:absolute; left:0; bottom:20px; z-index:2; }
	.boxTchReview .slogan .slogan1 { font-size:16px; text-shadow:2px 2px 5px rgba(0,0,0,0.9); }
	.boxTchReview .slogan .slogan2 { margin-top:20px; font-size:16px; text-shadow:2px 2px 5px rgba(0,0,0,0.9); }
	.boxTchReview .slogan .slogan2:after { width:22px; top:-10px; margin-left:-11px; }
	.boxTchReview .slogan > img { width:100%; position:relative; z-index:1; }

	.boxTchReview.talk .slogan { padding-top:0; }

	.btnWrite { width:30px; height:30px; background-size:15px auto; }
	.btnWrite.mo { position:relative; float:right; margin-bottom:10px; }

	.boxTchReview .listReview { clear:both; }
	.boxTchReview .listReview li { padding:14px 12px; }
	.boxTchReview .listReview li .user { margin-bottom:12px; font-size:15px; }
	.boxTchReview .listReview li .date { font-size:15px; right:12px; top:14px; }
	.boxTchReview .listReview li .teacher { font-size:15px; }
	.boxTchReview .listReview li .cont { font-size:15px; }

	.boxHeadline .subject { padding-bottom:8px; font-size:15px; border-bottom-width:1px; }
	.boxHeadline .contList li { margin-top:15px; }

	.contList.type--jinny { padding:0 37px; }
	.contList.type--jinny li { width:auto; flex:1 1 100%; }
	.contList.type--jinny li a { width:100%; }
	.contList.type--jinny li .thumb { width:auto; height:auto; }
	.contList.type--jinny .headline { font-size:16px; }
	.contList.type--jinny .title { height:42px; font-size:14px; line-height:21px; }
	
	.boxHeadlineView { margin-bottom:45px; }
	.boxHeadlineView .topArea { padding-top:18px; }
	.boxHeadlineView .topArea .title { font-size:15px; }
	.boxHeadlineView .topArea .descript { margin-bottom:16px; font-size:14px; }
	.boxHeadlineView .topArea .mov { margin-bottom:18px; }
	.boxHeadlineView .topArea .mov iframe { height:450px; }
	.boxHeadlineView .topArea .img { margin-bottom:18px; }
	.boxHeadlineView .topArea .btn { margin-bottom:20px; }
	.boxHeadlineView .topArea .btn a { height:37px; padding:0 43px 0 16px; font-size:15px; line-height:35px; }
	.boxHeadlineView .topArea .btn a:after { width:20px; height:16px; margin-top:-8px; }
	.boxHeadlineView .topArea .btn a.submit { width:150px; height:38px; font-size:15px; line-height:36px; }
	.boxHeadline .btnMenu { width:30px; height:30px; bottom:-45px; right:15px; background-size:15px auto; }

	.boxComment { width:auto; }
	.boxComment > .titComment { padding:0 0 8px; font-size:15px; }
	.boxComment > ul li { padding:16px 0; font-size:14px; font-weight:400; }
	.boxComment > ul li .top .opt { right:18px; }
	.boxComment > ul li .top .opt a { padding:0 5px; font-size:14px; }
	.boxComment > ul li textarea { height:162px; padding:18px 16px; font-size:14px; }
	.boxComment > ul li .btn { right:22px; bottom:28px; }
	.boxComment > ul li .btn a { height:22px; padding:0 10px; line-height:18px; font-size:14px; }
	.boxComment > ul li .btn a+a { margin-left:6px; }

	.boxTableStructure { width:1200px; }
	.boxTableStructure table thead th { height:35px; font-size:14px; }
	.boxTableStructure table tbody td { padding:10px 6px; font-size:13px; }

	.popupBasic { width:300px; height:215px; }
	.popupBasic .top h5 { height:43px; font-size:17px; line-height:43px; }
	.popupBasic .top .close { width:14px; height:14px; right:16px; top:15px; }
	.popupBasic .box { height:126px; }
	.popupBasic .box p { font-size:14px; line-height:20px; }
	.popupBasic .cont { padding:0 25px 0 30px; }
	.popupBasic .btn { margin:0; }
	.popupBasic .btn a { width:78px; height:30px; line-height:30px; font-size:15px; }
	.popupBasic .btn button { width:96px; height:30px; line-height:30px; font-size:15px; }

	.popupBasic.is--write { width:100%; height:100%; background:#fff; overflow:auto; left:0; top:0; transform:translate(0,0); }
	.popupBasic.is--write .cont { padding:11px 20px 48px; }
	.popupBasic.is--write .classSelect .select { height:35px; padding:0 15px; line-height:33px; font-size:15px; }
	.popupBasic.is--write .classSelect .list { top:34px; }
	.popupBasic.is--write .banner { margin:0 20px; }

	.popupBasic.is--youtube .top .close { width:20px; height:20px; top:-26px; }

	.popupBasic.is--structure .inBox { width:100%; margin:0; }
	.popupBasic.is--structure .top h5 { height:43px; font-size:17px; line-height:43px; }
	.popupBasic.is--structure .cont .row { padding:0 25px 30px; overflow-x:auto; }
}


@media screen and (max-width:767px) {
	.topBanner .swiper-slide { height:auto; background:none; }
	.topBanner .swiper-button-next,
	.topBanner .swiper-button-prev { background-size:6px auto; }
	

	h5.title { font-size:17px; }

	.tableTitle { padding-bottom:6px; font-size:17px; border-bottom-width:1px; }

	.boxPresent .tabArea { margin-bottom:0; }
	.boxPresent .tabArea li { flex:1; border-top-left-radius:6px; border-top-right-radius:6px; background:#f6f6f6; border:1px solid #e2e2e2; }
	.boxPresent .tabArea li+li { margin-left:-1px; }
	.boxPresent .tabArea li+li:after { display:none; }
	.boxPresent .tabArea li a { height:34px; padding:0; text-align:center; color:#5f5f5f; font-size:15px; font-weight:500; line-height:34px; }
	.boxPresent .tabArea li.active { background:#fff; }
	.boxPresent .tabArea li.active:before { content:''; height:1px; position:absolute; left:0; right:0; bottom:-1px; background:#fff; }
	.boxPresent .tabArea li.active a { color:#6445e8; }

	.boxPresent .tabCont { padding:22px 10px 20px; border:1px solid #d8d8d8; border-top:0; }

	.boxPresent .boxSearch { height:auto; padding:12px; flex-wrap:wrap; }
	.boxPresent .boxSearch .title { display:none; }
	.boxPresent .boxSearch .col { width:100%; padding:0; }
	.boxPresent .boxSearch .col+.col { margin-top:14px; }
	.boxPresent .boxSearch .col:last-child { display:none; }
	.boxPresent .boxSearch .date { display:flex; align-items:center; }
	.boxPresent .boxSearch .ui-picker { width:calc(50% - 35px); padding-left:30px; background-size:14px auto; background-position:8px center; font-size:15px; }
	.boxPresent .boxSearch .hypen { padding:0 3px; }
	.boxPresent .boxSearch select { width:calc(50% - 35px); }
	.boxPresent .boxSearch select+select { margin-left:14px; }
	.boxPresent .boxSearch .btnSearch { width:42px; height:38px; margin-left:14px; }

	.listTable>ul { margin-top:16px; border-top:0; }
	.listTable>ul.table1,
	.listTable>.tableBasic.table1 { display:none; }
	.listTable>ul.table2 { display:block; }
	.listTable>ul li { display:flex; flex-direction:column; border:1px solid #d5d5d5; text-align:left; }
	.listTable>ul li.thead { display:none; }
	.listTable>ul li.report { flex-direction:row; border:0; border-bottom:1px solid #d5d5d5; justify-content:space-between; }
	.listTable>ul li+li { margin-top:15px; }
	.listTable>ul li+li.report { margin-top:0; }
	.listTable>ul li>span { min-height:50px; height:auto; display:flex; padding:0 16px 0 12px; align-items:center; font-size:15px; }
	.listTable>ul li>span.col1>span { color:#000; font-weight:500; }
	.listTable>ul li>span.col2 .date { flex:1; color:#6d6d6d; }
	.listTable>ul li>span.col2 .chk_attend { flex:1; text-align:right; }
	.listTable>ul li>span.col2 .chk_attend.ing { color:#6445e8; }
	.listTable>ul li>span.col2 .chk_attend.fin { color:#000; }
	.listTable>ul li>span.col2 .step { color:#000; }
	.listTable>ul li>span.col2 .total { color:#000; font-weight:500; }
	.listTable>ul li>span.col2 .total>span { color:#6445e8; font-size:20px; }
	.listTable>ul li>span span.inDate { color:#333; font-weight:400; }
	

	.listTable>ul li.report>span.date { color:#575757; }

	.listTable>ul.table2 li>span.col2 { background:#f6f6f6; border-top:1px solid #e5e5e5; }

	.listTable.type--attend { padding:0; }
	.listTable.type--attend>ul.table2 li>span.col1,
	.listTable.type--attend>ul.table2 li>span.col2 { width:auto; }

	.listTable.type--attend>ul.table2 li>span.col1>span { flex:1; font-weight:400; }
	.listTable.type--attend>ul.table2 li>span.col1>span.date { text-align:right; color:#6d6d6d; }
	.listTable.type--attend>ul.table2 li>span.col2>span.chk_attend { width:60px; height:32px; margin-right:6px; text-align:center; font-weight:500; color:#fff; background:#d1d1d1; border-radius:16px; line-height:32px; }
	.listTable.type--attend>ul.table2 li>span.col2>span.chk_attend.blue { background-color:#6445e8; }
	.listTable.type--attend>ul.table2 li>span.col2>span.chk_attend.red { background-color:#fa573a; }
	.listTable.type--attend>ul.table2 li>span.col2>span.name { width:90px; font-size:14px; }

	.listTable>ul.table2.type--single li { display:flex; flex-direction:row; justify-content:space-between; }
	.listTable>ul.table2.type--single li+li { margin-top:0; border-top:0; }
	.listTable>ul.table2.type--single li>span { min-height:56px; }
	.listTable>ul.table2.type--single li>span.date { color:#575757; }
	.listTable>ul.table2.type--single li>span.txt { text-align:right; }

	.listTable .tablePresent { height:80px; position:relative; border:1px solid #d8dadf; border-top:0; font-weight:500; font-size:15px; }
	.listTable .tablePresent ul {  }
	.listTable .tablePresent ul.list1 { display:none; }
	.listTable .tablePresent ul.list2 { display:flex; justify-content:center; flex-wrap:wrap; }
	.listTable .tablePresent ul li { width:130px; padding:0 10px; }

	.boxEvaluation .listTable { margin-bottom:50px; }
	.boxEvaluation .listTable>ul li>span { justify-content:space-between; }
	.boxEvaluation .listTable>ul li>span.col1>span.date { color:#575757; font-weight:400; }
	.boxEvaluation .listTable.with--test { margin-bottom:14px; }

	.boxEvaluation .boxTableTest { margin-bottom:56px; }
	.boxEvaluation .boxTableTest .txt { position:relative; margin-bottom:18px; font-size:14px; text-align:center; line-height:1.4; }
	.boxEvaluation .boxTableTest>a { width:82px; height:24px; font-size:15px; line-height:24px; }

	.resultTab .tabCont .btn { bottom:-34px; }
	.resultTab .tabCont .btn a.btnSubmit { width:70px; height:24px; line-height:24px; font-size:15px; }
	.resultTab .tabCont .btn a.btnSubmit+a.btnSubmit { margin-left:10px; }

	.boxResult .topArea { padding:18px 0 14px; border-bottom-width:1px; text-align:left; }
	.boxResult .topArea h1 { display:none; }
	.boxResult .topArea h2 { font-size:18px; }
	.boxResult .topArea .close { right:5px; top:18px; background-size:12px auto; }

	.boxResult .infoArea { padding:14px 7px; margin-bottom:16px; }
	.boxResult .infoArea .user { padding-left:18px; background-size:14px auto; font-size:14px; }
	.boxResult .infoArea .user span { font-size:16px; }
	.boxResult .infoArea .info { margin-top:10px; }
	.boxResult .infoArea .info>div { font-size:15px; }
	.boxResult .infoArea .info>div sup { font-size:10px; }
	.boxResult .infoArea .info>div.class { margin-right:20px; padding-left:21px; background-size:15px auto; background-position:left center; font-size:15px; }

	.boxResult .infoArea.typeA { padding:17px 0 20px; justify-content:flex-start; }
	.boxResult .infoArea.typeA .user { font-size:13px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
	.boxResult .infoArea.typeA .user span { font-size:15px; }
	.boxResult .infoArea.typeA .user span.fn { color:#000; }

	.resultChart .top { margin:0 0 15px 0; }
	.resultChart .top .legend>div { font-size:15px; font-family: 'Noto Sans KR', sans-serif; }
	.resultChart .top .legend>div:before { width:15px; height:15px; }
	.resultChart .top .total { font-size:15px; }
	.resultChart .top .total span.count { font-size:18px; }

	.resultTab .tabArea { margin-bottom:13px; display:flex; }
	.resultTab .tabArea li { flex:1; }
	.resultTab .tabArea li a { width:auto; height:22px; line-height:22px; font-size:15px; font-weight:700; }
	.resultTab .tabArea li a sup { font-size:11px; }
	.resultTab .tabArea li a span.pc { display:none !important; }

	.boxResult .print,
	.resultTab .btn a.btnPrint { display:none; }

	.resultBox h4.title { height:auto; padding:8px; font-size:15px; line-height:1.4; }
	.resultBox .cont { padding:20px; }
	.resultBox.typeGray .cont { padding:12px 18px; }
	.resultBox h5 { margin-bottom:10px; font-size:15px; }
	.resultBox .listExam.with--num .title,
	.resultBox .listExam.with--dot .title { padding-left:16px; }
	.resultBox .listExam.with--dot .title:before { width:4px; height:4px; top:8px; left:6px; }
	.resultBox .listExam .title { margin-bottom:8px; font-size:14px; }
	.resultBox .listExam .title span.num { margin-right:6px; }
	.resultBox .listExam .answer { font-size:14px; }
	.resultBox .listExam.typeA .answer { margin-left:16px; padding-left:20px; background-size:16px auto; background-position:left 1px; line-height:16px; }
	.resultBox .listExam.typeA>li+li { margin-top:10px; }
	.resultBox .listExam.typeB .title { margin-bottom:6px; }
	.resultBox .listExam.typeB .answer { margin-left:15px; line-height:24px; }
	.resultBox .listExam.typeTask .answer { margin-left:6px; }
	.resultBox .listExam .task { width:56px; height:20px; margin-top:20px; line-height:18px; font-size:14px; }
	.resultBox .listExam li:first-child .task { margin-top:0; }
	.resultBox .listExam p { font-size:14px; line-height:1.4; }
	.resultBox .listExam p+p { margin-top:10px; }
	.resultBox .listExam.typeTask p { margin-left:6px; }
	.resultBox .boxEditor { font-size:14px; }
	.resultBox .boxReview textarea { padding:8px 13px; font-size:14px; }
	.resultBox .listExam.noTitle .num { font-size:14px; }

	.resultBox .boxExample { padding:16px; font-size:14px; }
	.resultBox .boxExample ul li+li { margin-top:5px; }

	.resultBox .boxExample.typeDivine { padding:13px 20px; }
	.resultBox .boxExample.typeDivine ul { width:auto; }
	.resultBox .boxExample.typeDivine ul li { padding:5px 0; flex-basis:100%; font-size:14px; }

	.resultBox .boxExample.typeDivine2 ul { width:auto; }
	.resultBox .boxExample.typeDivine2 ul li { flex-basis:100%; }

	.resultBox .listExam.typeTask .list { padding-left:6px; }
	.resultBox .listExam.typeTask .list li { padding-left:15px; font-size:14px; }
	.resultBox .listExam.typeTask .list li+li { margin-top:5px; }

	.resultBox.type--speaking .resultChart { margin:0; padding-bottom:30px; }
	.resultBox.type--speaking .boxSpeakingCont .titStage { color:#fa573a; font-size:15px; text-align:center; }
	.resultBox.type--speaking .boxSpeakingCont .titStage>div { margin-bottom:9px; position:relative; display:inline-block; padding:4px 5px; }
	.resultBox.type--speaking .boxSpeakingCont .titStage>div:after { content:''; width:100%; height:2px; position:absolute; left:0; bottom:-2px; border-bottom-left-radius:2px; border-bottom-right-radius:2px; background:#fa573a; }
	.resultBox.type--speaking .boxSpeakingCont .titStage span { font-size:19px; font-weight:700; }
	.resultBox.type--speaking .boxSpeakingCont .cont .title { margin-bottom:8px; font-size:15px; }
	.resultBox.type--speaking .boxSpeakingCont .cont .txt { font-size:15px; }
	.resultBox.type--speaking .boxSpeakingCont .cont .row+.row { margin-top:12px; }
	.resultBox.type--speaking .boxSpeakingCont .link { flex-direction:column; }
	.resultBox.type--speaking .boxSpeakingCont .link .item { width:100%; }
	.resultBox.type--speaking .boxSpeakingCont .link .item+.item { margin-top:12px; }
	.resultBox.type--speaking .boxSpeakingCont .link .item a { height:32px; margin-bottom:10px; line-height:32px; font-size:15px; }
	.resultBox.type--speaking .boxSpeakingCont .link .item a:before { margin-top:-2px; margin-right:5px; }
	.resultBox.type--speaking .boxSpeakingCont .link .item a.stage { width:132px; }
	.resultBox.type--speaking .boxSpeakingCont .link .item a.stage:before { width:12px; height:15px; background-image:url('../images/iconSpeakLink1_mo.png'); }
	.resultBox.type--speaking .boxSpeakingCont .link .item a.level:before { width:14px; height:15px; background-image:url('../images/iconSpeakLink2_mo.png'); }
	.resultBox.type--speaking .boxSpeakingCont .link .item a.course:before { width:15px; height:15px; background-image:url('../images/iconSpeakLink3_mo.png'); }
	.resultBox.type--speaking .boxSpeakingCont .link .item .name { font-size:15px; }

	.resultBox.type--speaking .resultChart h5 { margin-left:0; margin-top:20px; }
	.resultBox.type--speaking .resultChart .top { margin-left:0; }

	.chartInfo { height:auto; margin-bottom:30px; }
	.chartInfo .item { line-height:30px; font-size:14px; }
	.chartInfo .item+.item { margin-left:10px; }

	.boxResult .selfArea { padding-bottom:16px; font-size:14px; }
	.boxResult .selfArea:before { width:16px; height:16px; margin-top:0; }

	.btnStructure { width:186px; height:30px; margin-bottom:25px; line-height:30px; font-size:15px; }

	#container.type--test:after { height:40px; }
	#container.type--test .boxResult .topArea { text-align:center; }
	#container.type--test .boxResult .topArea h2 { height:40px; line-height:40px; font-size:16px; font-weight:400; }
	#container.type--test .boxResult .topArea .close { right:-11px; top:10px; background-size:14px auto; }

	#container.type--test .resultBox.type--eval h4.title { height:32px; line-height:32px; padding:0 14px; }
	#container.type--test .resultBox.type--eval .cont { padding:10px 10px 10px 11px; }
	#container.type--test .resultBox.type--eval .box { padding-left:28px; background-size:20px auto; font-size:15px; }

	#container.type--test .resultBox.type--overall h4.title { padding:12px 14px 0; }
	#container.type--test .resultBox.type--overall .cont { padding:10px 10px 10px 14px; }
	#container.type--test .resultBox.type--overall .box { padding-left:28px; color:#000; font-size:15px; background-size:20px auto; }

	.boxCorrect > div { max-width:none; min-width:auto; margin:0 -15px -15px -15px; padding:10px; font-size:15px; }

	.resultTable thead th { padding:8px 4px; font-size:14px; }
	.resultTable tbody td { font-size:14px; }

	.resultTotal { margin-top:13px; font-size:15px; }
	.btnReport { width:162px; height:30px; margin-top:30px; line-height:30px; font-size:15px; }

	.boxLogout { max-width:90%; height:auto; padding:30px 0; }
	.boxLogout .title { margin-bottom:20px; font-size:15px; }
	.boxLogout .cont { padding-top:70px; margin-bottom:20px; background-size:60px auto; }
	.boxLogout .cont .logMessage { margin-bottom:15px; font-size:14px; }
	.boxLogout .cont .subject { font-size:12px; }
	.boxLogout .btn a { width:160px; height:35px; line-height:35px; font-size:13px; }

	.boxHeadlineView .topArea .mov iframe { height:250px; }

	.boxQna>ul li { height:auto; padding:42px 12px 16px; display:block; position:relative; }
	.boxQna>ul li.thead { display:none; }
	.boxQna>ul li .no { display:none; }
	.boxQna>ul li .title { padding:0; text-overflow:unset; overflow:visible; white-space:pre-wrap; display:block; font-size:15px; line-height:1.4; }
	.boxQna>ul li .title.new:after { width:18px; height:18px; background-size:100% auto; }
	.boxQna>ul li .title.comment { padding-left:20px; }
	.boxQna>ul li .title.comment:before { width:13px; height:10px; margin:0; position:absolute; left:0; top:6px; background-size:100% auto; }
	.boxQna>ul li .writer { width:auto; position:absolute; right:12px; top:16px; font-size:15px; }
	.boxQna>ul li .date { width:auto; position:absolute; left:12px; top:16px; font-size:15px; }

	.boxQna .boxPrivacy { margin-top:15px; }
	.boxQna .boxPrivacy .cont { padding:20px 14px; }
	.boxQna .boxPrivacy h6 { font-size:15px; }
	.boxQna .boxPrivacy p { font-size:15px; }
	.boxQna .boxPrivacy ul li { font-size:15px; }
	.boxQna .boxPrivacy .imp { font-size:15px; }
	.boxQna .boxPrivacy h6+ul { margin-bottom:0px; }
	.boxQna .boxPrivacy .check { margin-top:15px; font-size:15px; }
	
	.boxQna.type--write>ul li { padding:15px 12px; }
	.boxQna.type--write>ul li .title { display:none; }
	.boxQna.type--write>ul li .cont { padding:0; font-size:15px; }
	.boxQna.type--write>ul li .cont>.date { right:0; left:auto; }
	.boxQna.type--write>ul li.editor { padding:12px 0; }
	.boxQna.type--write>ul li.editor textarea { height:220px; padding:14px 10px; font-size:15px; }

	.boxQna.type--write .btn { padding:14px 0; }
	.boxQna.type--write .btn a { width:30px; height:30px; }
	.boxQna.type--write .btn a.btnRefresh { background-size:15px auto; }
	.boxQna.type--write .btn a.btnCancel { background-size:12px auto; }
	.boxQna.type--write .btn a.btnMenu { background-size:13px auto; }
	.boxQna.type--write .btn a+a { margin-left:10px; }

	.boxTopic .topicTab { display:flex; }
	.boxTopic .topicTab a { height:34px; position:relative; flex:1; display:flex; border:1px solid #e2e2e2; border-top-left-radius:5px; border-top-right-radius:5px; background:#f6f6f6; align-items:center; justify-content:center; font-size:15px; color:#5f5f5f; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
	.boxTopic .topicTab a+a { margin-left:-1px; }
	.boxTopic .topicTab a.on { background:#fff; }
	.boxTopic .topicTab a.on:after { content:''; width:100%; height:1px; position:absolute; left:0; bottom:-1px; background:#fff; }

	.boxTopic .topicTabCont { display:none; padding:22px 10px 25px; border:1px solid #d8d8d8; border-top:0; }
	.boxTopic .topicTabCont.active { display:block; }

	.boxTopic .topArea { display:block; }
	.boxTopic .topArea p { padding:0 10px; margin-bottom:30px; display:block; color:#000; font-size:15px; font-weight:500; font-family: 'Noto Sans KR', sans-serif; }
	.boxTopic .topArea a { height:43px; margin:0 22px; line-height:43px; }
	.boxTopic .topArea a+a { margin-left:22px; margin-top:17px; }
	
	.btnTopic { width:42px; height:37px; padding:0; background-size:23px auto; background-position:center center; font-size:0; text-indent:-99999px; }
	.btnTopic+.btnTopic { margin-left:6px; }

	.boxTopic .topSurvey { padding:18px; flex-direction:column; }
	.boxTopic .topSurvey p { margin-right:0; font-size:15px; }

	.boxTopic .listArea li { padding-top:10px; }
	.boxTopic .listArea li>div { padding:0 12px 0 14px; font-size:15px; }
	.boxTopic .listArea li>div.top { height:26px; }
	.boxTopic .listArea li>div.top .left { padding-left:13px; background-size:8px auto; }
	.boxTopic .listArea li>div.top .right { font-size:15px; }
	.boxTopic .listArea li>div.title { font-size:16px; }
	
	.btnSurvey { width:96px; height:36px; margin-top:10px; line-height:36px; font-size:15px; }

	.boxNodata { padding:30px 15px; }
	.boxNodata>p { background-size:46px auto; padding-top:60px; font-size:15px; }
	.boxNodata>a { height:40px; line-height:40px; font-size:15px; }
	.boxNodata>p+a { margin-top:20px; }

	.resultBox.type--review { border-top:1px solid #c8c8c8; margin-top:22px; }

	.boxResult .infoArea .date { padding-left:18px; margin-top:8px; font-size:15px; }
	.boxResult .infoArea .date>div+div:before { display:none; }

	.boxResult.type--note { padding-bottom:100px; }

	.boxResult .infoContent { margin-bottom:20px; }
	.boxResult .infoContent .top { padding-left:14px; background-size:8px auto; margin-bottom:8px; font-size:15px; }
	.boxResult .infoContent .txt { font-size:15px; }
	.boxResult .infoContent .btnLinkPurple { height:30px; padding:0 10px 0 35px; font-size:14px; line-height:28px; }
	.boxResult .infoContent .btnLinkPurple:before { width:16px; height:16px; left:10px; }

	.boxTopicNote .leftArea { display:none; }
	.boxTopicNote .rightArea { width:100%; }
	.boxTopicNote .resultTab .tabArea { margin-bottom:25px; }
	.boxTopicNote .resultTab .tabArea li a { height:30px; line-height:30px; font-weight:500; font-size:15px; }

	.boxTopicNote .summaryNote .title { min-width:92px; height:25px; padding:0 10px; line-height:25px; font-size:15px; }
	.boxTopicNote .summaryNote .title.type--tch { border-bottom:0; }
	.boxTopicNote .summaryNote .txt { padding:8px 10px; font-size:15px; }

	.boxTopicNote .summaryNote .listVoca li { padding:12px 10px; font-size:15px; }
	.boxTopicNote .summaryNote .listVoca .sentence { margin-top:5px; }
	.boxTopicNote .summaryNote .listVoca .sentence.ex { padding-left:18px; }
	.boxTopicNote .summaryNote .listVoca .sentence.ex:before { width:15px; height:11px; background-size:100% auto; }

	.boxTopicNote .summaryNote .txt.type--source { font-size:13px; }

	.boxTopicNote .btnLinkPurple { height:24px; padding:0 18px 0 30px; margin-right:2px; margin-left:10px; line-height:22px; font-size:13px; }
	.boxTopicNote .btnLinkPurple:before { width:13px; height:13px; left:13px; }

	.boxTopicNote .resultBox .cont { padding:12px 18px 18px; }
	.boxTopicNote textarea { font-size:15px; }
	.boxTopicNote .resultTab .tabCont .btn { bottom:-50px; }
	.boxTopicNote .resultTab .tabCont .btn a.btnSubmit { width:140px; height:30px; line-height:30px; }
	.boxTopicNote .resultTab .tabCont .answer { font-size:15px; }

	.boxTopicNote .noteArea.type--write iframe { height:180px; }

	.boxTopicNote.type--note .summaryNote .btn a.btnSubmit { width:auto; font-size:15px; }
	.boxTopicNote.type--note .resultTab .tabCont .summaryNote .btn { bottom:0; }

	.boxFileTxt { font-size:13px; }

	.resultBox h5.line { margin-bottom:22px; }
	.resultBox h5.line:after { width:15px; }
	.resultBox h5.titReview { font-size:15px; color:#6445e8; text-align:center; }
	.resultBox .listExam.typeC .title { font-size:15px; line-height:1.2; }
	.resultBox .listExam.typeC textarea { min-height:fit-content; padding:10px; }
	.resultBox .boxTimer { font-size:15px; }


	.boxDisc { padding:14px 7px; margin-top:66px; }
	.boxDisc .title { margin-bottom:12px; font-size:15px; }
	.boxDisc p { font-size:15px; line-height:1.2; }

}