/* Default Style */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import "./font/pretendard/pretendard-subset.css";
/* font-family:"Noto Sans KR */
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: local('NotoSansKR-Thin'), url('/template/resp/font/NotoSansKR-Thin.woff2') format('woff2'),url('/template/resp/font/NotoSansKR-Thin.woff') format('woff')}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: local('NotoSansKR-Light'), url('/template/resp/font/NotoSansKR-Light.woff2') format('woff2'),url('/template/resp/font/NotoSansKR-Light.woff') format('woff')}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: local('NotoSansKR-Regular'), url('/template/resp/font/NotoSansKR-Regular.woff2') format('woff2'),url('/template/resp/font/NotoSansKR-Regular.woff') format('woff')}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: local('NotoSansKR-Medium'), url('/template/resp/font/NotoSansKR-Medium.woff2') format('woff2'),url('/template/resp/font/NotoSansKR-Medium.woff') format('woff')}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: local('NotoSansKR-Bold'), url('/template/resp/font/NotoSansKR-Bold.woff2') format('woff2'),url('/template/resp/font/NotoSansKR-Bold.woff') format('woff')}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: local('NotoSansKR-Black'), url('/template/resp/font/NotoSansKR-Black.woff2') format('woff2'),url('/template/resp/font/NotoSansKR-Black.woff') format('woff')}
/* Gmarket Sans */
@font-face {font-family: 'Gmarket Sans';font-style: normal;font-weight: 700;src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),url('/template/resp/font/GmarketSansBold.woff2') format('woff2'),url('/template/resp/font/GmarketSansBold.woff') format('woff');}
/* Roboto */
@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;src: local('Roboto-Black'), local('Roboto-Black'),url('/template/resp/font/Roboto-Black.woff') format('woff');}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,input, select, textarea {
margin:0;
padding:0;
border:0;
outline:0;
/*font-size:100%;*/
/* line-height:1; */
vertical-align:baseline;
/*
background:transparent;
*/
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
}
strong,b,h1,h2,h3,h4,h5,h6,span{color:inherit; line-height:inherit;}
html {font-size: 10px; scroll-behavior: auto !important;}
@media(max-width:1180px) {
html {font-size: 8px;}
}
@media(max-width:767px) {
html {font-size: 6.7px;}
/* html {font-size: 1.5625vw;} */
}
@media(max-width:425px) {
html {font-size: 1.5625vw;}
}
body {margin:0; padding:0; font-family:"Pretendard", "Noto Sans KR", 'NanumGothic', '맑은 고딕', sans-serif; color:#000; /* font-size:100.0%; color:#777777; */font-size: 16px; letter-spacing:-.015em;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;color:#000;
text-decoration:none;
/*vertical-align:baseline;
background:transparent;*/
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
sub {vertical-align:sub;}
sup {vertical-align:super;}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
img {border:none; vertical-align:top; }
li img, dd img {vertical-align:middle; border:none ;}
button:focus{outline:0; }
table {display:table; width:100%; border-collapse:collapse; border-spacing:0;}
table tr, td{padding:0px;}
table th, td{vertical-align:middle;}
table td img {vertical-align:middle;}
/* change border colour to suit your needs */
hr {
/*display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;*/
}
input, select {
/* -webkit-appearance: none;
-webkit-border-radius: 0; */
font-family:'Pretendard','Noto Sans KR', sans-serif;
vertical-align:middle;
padding:0;margin:0;
border:0;
color:#666;
}
select::-ms-expand {display: none;} /* 화살표아이콘숨기기 */
select{min-width:85px; padding-left:24px; border:1px solid #ddd; text-align:left;
-webkit-border-radius:0;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
@media(max-width:1180px){
select{min-width:65px; padding-left:12px; }
}
caption {display:none;}
legend {position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; }
address,cite{font-style:normal;}
fieldset {border:0; padding:0; }
label {cursor:pointer;}
.f_l {float:left;}
.f_r {float:right;}
.cl_b {clear:both;}
/* .show {display:block;} */ /* 강의실 팝업 .show 부트스트랩 기능과 충돌 240422 김나영 */
.hide {display:none;}
.skip {position:absolute;top:-5000px;text-indent:-5000px;font-size:0;line-height:0;width:0;height:0;}
.skip_txt {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px}
/* Margin Set */
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml65 {margin-left:65px;}
.ml70 {margin-left:70px;}
.ml75 {margin-left:75px;}
.ml80 {margin-left:80px;}
.ml85 {margin-left:85px;}
.ml90 {margin-left:90px;}
.ml95 {margin-left:95px;}
.ml100 {margin-left:100px;}
.ml105 {margin-left:105px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr65 {margin-right:65px;}
.mr70 {margin-right:70px;}
.mr75 {margin-right:75px;}
.mr80 {margin-right:80px;}
.mr85 {margin-right:85px;}
.mr90 {margin-right:90px;}
.mr95 {margin-right:95px;}
.mr100 {margin-right:100px;}
.mr105 {margin-right:105px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt65 {margin-top:65px;}
.mt70 {margin-top:70px;}
.mt75 {margin-top:75px;}
.mt80 {margin-top:80px;}
.mt85 {margin-top:85px;}
.mt90 {margin-top:90px;}
.mt95 {margin-top:95px;}
.mt100 {margin-top:100px;}
.mt105 {margin-top:105px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}
.mb105 {margin-bottom:105px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl16 {padding-left:16px;}
.pl18 {padding-left:18px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}
.pl55 {padding-left:55px;}
.pl60 {padding-left:60px;}
.pl65 {padding-left:65px;}
.pl70 {padding-left:70px;}
.pl75 {padding-left:75px;}
.pl80 {padding-left:80px;}
.pl85 {padding-left:85px;}
.pl90 {padding-left:90px;}
.pl95 {padding-left:95px;}
.pl100 {padding-left:100px;}
.pl105 {padding-left:105px;}
.pl466 {padding-left:466px;}
.pl510 {padding-left:510px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr35 {padding-right:35px;}
.pr40 {padding-right:40px;}
.pr45 {padding-right:45px;}
.pr50 {padding-right:50px;}
.pr55 {padding-right:55px;}
.pr60 {padding-right:60px;}
.pr65 {padding-right:65px;}
.pr70 {padding-right:70px;}
.pr75 {padding-right:75px;}
.pr80 {padding-right:80px;}
.pr85 {padding-right:85px;}
.pr90 {padding-right:90px;}
.pr95 {padding-right:95px;}
.pr100 {padding-right:100px;}
.pr105 {padding-right:105px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}
.pt55 {padding-top:55px;}
.pt60 {padding-top:60px;}
.pt65 {padding-top:65px;}
.pt70 {padding-top:70px;}
.pt75 {padding-top:75px;}
.pt80 {padding-top:80px;}
.pt85 {padding-top:85px;}
.pt90 {padding-top:90px;}
.pt95 {padding-top:95px;}
.pt100 {padding-top:100px;}
.pt105 {padding-top:105px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}
.pb40 {padding-bottom:40px;}
.pb45 {padding-bottom:45px;}
.pb50 {padding-bottom:50px;}
.pb55 {padding-bottom:55px;}
.pb60 {padding-bottom:60px;}
.pb65 {padding-bottom:65px;}
.pb70 {padding-bottom:70px;}
.pb75 {padding-bottom:75px;}
.pb80 {padding-bottom:80px;}
.pb85 {padding-bottom:85px;}
.pb90 {padding-bottom:90px;}
.pb95 {padding-bottom:95px;}
.pb100 {padding-bottom:100px;}
.pb105 {padding-bottom:105px;}
.pb230 {padding-bottom:230px;}
/* other set */
.lh38 {line-height:38px !important; }
.lh36 {line-height:36px !important; }
.lh34 {line-height:34px !important; }
.lh32 {line-height:32px !important; }
.lh30 {line-height:30px !important; }
.lh28 {line-height:28px !important; }
.lh26 {line-height:26px !important; }
.lh24 {line-height:24px !important; }
.lh22 {line-height:22px !important; }
.lh20 {line-height:20px !important; }
.lh18 {line-height:18px !important; }
.lh16 {line-height:16px !important; }
.fs11 {font-size:11px !important; }
.fs12 {font-size:12px !important; }
.fs13 {font-size:13px !important; }
.fs14 {font-size:14px !important; color:#565656;}
.fs15 {font-size:15px !important; line-height:18px; color:#565656;}
.fs16 {font-size:16px !important; line-height:18px; color:#565656;}
.fs17 {font-size:17px !important; line-height:20px; }
.fs18 {font-size:18px !important; line-height:20px; }
.fs19 {font-size:19px !important; line-height:22px; }
.fs20 {font-size:20px !important; line-height:22px; }
.fs21 {font-size:21px !important; line-height:24px; }
.fs22 {font-size:22px !important; line-height:24px; }
.fs23 {font-size:23px !important; line-height:26px; }
.fs24 {font-size:24px !important; line-height:26px; }
.fs25 {font-size:25px !important; line-height:28px; }
.fs26 {font-size:26px !important; line-height:28px; }
/* btn */
.btn_L_Area{width:100%; text-align:left;}
.btn_C_Area{width:100%; text-align:center;}
.btn_R_Area{width:100%; text-align:right;}
.col_black {color:#000;}
.col_red {color:#ff0000;}
.hide {position:absolute; left:-9999px; top:-9999px; font-size:0; line-height:0; height:0; overflow:hidden; }
.hide1 {position:relative; z-index:-1; }
.fw {font-weight:bold;}
#cheditor-popup-cframe{box-sizing: initial;}
:root {
/*color*/
--color-primary:#1e1e1e;
--color-secondary:#808080;
--color-disabled:#a4a4a4;
--color-primary-main:#3b92ef;
--color-primary-selected:#0552a4;
--color-primary-dark:#05204b;
--color-secondary-main:#ff462d;
--color-error-main:#b80000;
--color-success-main:#56aa2e;
/*shadow1*/
--shadow1: 0px 2px 4px rgba(0, 0, 0, 0.1);
--shadow2: 0px 4px 12px rgba(0, 0, 0, 0.12);
--shadow3: 0px 4px 8px rgba(0, 0, 0, 0.25);
--shadow4: 0px 6px 12px rgba(0, 0, 0, 0.25);
--shadow5: 0px 6px 24px rgba(0, 0, 0, 0.25), 0px 4px 4px rgba(0, 0, 0, 0.12);
--shadow6: 0px 10px 40px rgba(0, 0, 0, 0.2), 0px 4px 8px rgba(0, 0, 0, 0.2);
--inner-shadow1: inset 0px 2px 6px rgba(0, 0, 0, 0.1);
--font-h1: 60px; /*bold -1.5%*/
--font-h2: 48px; /*bold -1.5%*/
--font-h3: 36px; /*bold -1.5%*/
--font-h4: 28px; /*bold -1.5%*/
--font-h5: 24px; /*bold -1.5%*/
--font-h6: 20px; /*bold -1.5%*/
--font-subtitle1: 20px; /*ragular -1.5%*/
--font-subtitle2: 16px; /*medium -1.5%*/
--font-body1: 16px; /*medium -1.5%*/
--font-body2: 14px; /*medium -1.5%*/
--font-caption: 12px; /*medium -1.5%*/
--font-icon-font: 14px; /*bolc 0*/
--font-sub-header: 24px; /*extra bold -1.5%*/
--bs-body-font-family: 'Pretendard','Noto Sans KR', sans-serif;
}
/*2024.09.30 팬시팝업 레이아웃 수정 by JH.Choi start*/
html #lpop_fancy_mobile_box {top:68% !important;}
html .fancybox-title.fancybox-title-float-wrap{visibility: hidden !important;}
html .fancybox-nav span{visibility: visible !important;}
/*2024.09.30 팬시팝업 레이아웃 수정 by JH.Choi end*/
/* 2024.12.16 ios 홈화면에 추가 팝업 by.JY.Jung start */
#ios_guide .a2hs_area4{width: 100% !important; font-size: 16px !important; padding: 10px !important;}
#ios_guide .a2hs_area4 .a2hs_txt .point_color{font-size: 16px !important;}
#ios_guide .a2hs_area4 .icon_area{display: none !important;}
#ios_guide .a2hs_area4 .a2hs_txt .already_down{font-size: 14px !important;}
#ios_guide .close_btn{font-size: 18px !important; width: 80% !important; display: flex !important; justify-content: center !important; justify-items: center !important; position: relative !important; margin: auto !important; padding: 4px 0 !important;}
/* 2024.12.16 ios 홈화면에 추가 팝업 by.JY.Jung end */
/* 2024.12.30 팬시팝업 레이아웃 수정 by.JY.Jung start */
.lpop_fancy_mobile .slide_pop > li{padding: 5px !important;}
html #lpop_fancy_mobile_box {top:60% !important;}
.lpop_fancy_mobile .lpop_foot{color: #2b2b2b !important; background-color: #fff !important; position: absolute; left: 50%; transform: translate(-50%); z-index: 999; width: 248px !important; height: 40px !important; box-shadow: none !important;}
.lpop_fancy_mobile .lpop_oneday_colse{color: #919191 !important; font-weight: 500 !important;}
.lpop_fancy_mobile .lpop_colse{color: #2b2b2b !important; font-weight: 500;}
/* 2024.12.30 팬시팝업 레이아웃 수정 by.JY.Jung end */
.logo_black{width: 32px; height: 32px; object-fit: contain; position: relative; top: 5px;margin-right: 7px;}
@media screen and (max-width: 480px){
.logo_black{top: 3px;}
}
/* 25.03.19 강의 select 변경 by.JY.Jung start */
.form-control, .form-select{background-color: yellow;}
.form-select{font-size: 0.9rem; font-weight: 800; color: #000; background-size:25px 20px; background-color: yellow;}
/* 25.03.19 강의 select 변경 by.JY.Jung end */
/* 25.03.20 이벤트 페이지 내용 숨김 by.JY.Jung start */
#contents ul.evevtList > li p.cap{display: none;}
/* 25.03.20 이벤트 페이지 내용 숨김 by.JY.Jung end */
/* 25.03.25 상품페이지 로고 및 상점명 글씨체 변경 by.JY.Jung start */
.head_main .head_title{font-family: 'pretendard';}
.footer .info_area a .footer_title{font-family: 'pretendard';}
/* 25.03.25 상품페이지 로고 및 상점명 글씨체 변경 by.JY.Jung end */
/* 25.04.07 남은 휴강횟수 폰트 색상 및 굵기 수정 by.JY.JUNG start */
.my_lecture > li > .info_wrap .list > li:nth-of-type(3){font-weight: 400; color: #303030;}
/* 25.04.07 남은 휴강횟수 폰트 색상 및 굵기 수정 by.JY.JUNG end */
/* 25.04.15 장바구니 풀네임 교재명 by.JY.JUNG start */
.notice_list01 .left a{white-space:wrap !important;}
.notice_list01 .imgT img{margin: auto !important;}
/* 25.04.15 장바구니 풀네임 교재명 by.JY.JUNG end */
/* 25.06.10 패밀리사이트 리스트 by.JY.JUNG start */
.footer .footer_btn_area .familysite .select_list{position: relative; z-index: 9;}
/* 25.06.10 패밀리사이트 리스트 by.JY.JUNG end */
/* 25.06.11 강사소개 페이지 간격 by.JY.JUNG start */
.teacher_view_top .name strong{margin-right: 10px;}
@media screen and (max-width: 768px){
.teacher_view_top .name strong{margin-right: 5px;}
}
/* 25.06.11 강사소개 페이지 간격 by.JY.JUNG end */
/* 25.06.12 강사소개 페이지 버튼 및 너비 값 수정 by.JY.JUNG start */
.teacher_view_top .profile_open{border-bottom: none !important; background-color: #6f8194; color: #fff !important; padding: 2px 8px !important; border-radius: 3px;}
@media screen and (max-width: 767px) {
.teacher_view_top .profile_list .bio .txt{white-space:nowrap !important; width: 140px !important; overflow: hidden; text-overflow: ellipsis;}
.teacher_view_top .profile_pop .profile_list .txt{white-space: wrap !important; width: 200px !important;}
}
/* 25.06.12 강사소개 페이지 버튼 및 너비 값 수정 by.JY.JUNG end */
/* 25.06.30 footer 태그 글자크기 줄이기 by.JY.JUNG start */
@media screen and (max-width:480px) {
.footer .menu_area .footer_menu li a{font-size: 12px !important;}
}
/* 25.06.30 footer 태그 글자크기 줄이기 by.JY.JUNG end */
/* 25.07.31 footer 너비 조절 by.JY.JUNG start */
.footer .info_area{max-width: 1000px !important;}
/* 25.07.31 footer 너비 조절 by.JY.JUNG end */
/* 25.08.19 질문톡톡 글씨 색상 수정 by.JY.JUNG start */
.form_talk{color: #000 !important;}
/* 25.08.19 질문톡톡 글씨 색상 수정 by.JY.JUNG end */