@charset "euc-kr";

@import url("/common/css/reset.css");
/* @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');

@font-face {font-family: 'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style:normal;font-weight:900;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face {font-family:'GmarketSansBold'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');}

/* margin */
.m0{margin:0 !important;}
.mt0{margin-top:0 !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt100{margin-top:100px !important;}
.mb0{margin-bottom:0px !important;}
.mb2{margin-bottom:2px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml5{margin-left:5px !important;}
.ml8{margin-left:8px !important;}
.ml10 { margin-left:10px !important;   }
.ml15 { margin-left:15px !important;   }
.ml20 { margin-left:20px !important;   }
.ml25 { margin-left:25px !important;   }
.ml30 { margin-left:30px !important;   }
.mr3{margin-right:3px !important;}
.mr5  { margin-right:5px !important;   }
.mr10 { margin-right:10px !important;  }
.mr15 { margin-right:15px !important;  }
.mr20 { margin-right:20px !important;  }
.mr25 { margin-right:25px !important;  }
.mr30 { margin-right:30px !important;  }

/* padding */
.pd0{padding:0 !important;}
.pd4{padding:4px !important;}
.pd8{padding:8px !important;}
.pdt10{padding-top:10px !important;}
.pdb8{padding-bottom:8px !important;}
.pdb10{padding-bottom:10px !important;}
.pdb0{padding-bottom:0 !important;}

samp {font-family:'Noto Sans KR'; font-size:14px; color:#888; white-space:nowrap; }

/* select */
select{appearance:none; color:#333;}

/* input */
.radioBox{box-sizing: border-box; appearance: none; vertical-align: middle; position: relative; width: 24px !important; height: 24px !important; box-shadow: none; margin-right: 4px; border: 1px solid #aaa; border-radius: 2px;}
.radioBox:before{content: ''; position: absolute; left: 4px; top: 6px; width: 12px; height: 5px; border-width: 0 0 2px 2px; border-style: solid; border-color: #eee; transform: rotate(-45deg);}
.radioBox:checked:before {border-color: #fff;}
.radioBox:checked{background: #3a7bd3; border-color: #3a7bd3;}
#js_check:checked + label{font-weight:bold}
.radioBox.white{background-position:0 -93px;}
.radioBox:checked.white{background-position:0 -117px;}

/* header(join header:회원가입) */
/* #header{position:sticky; top:0; left:0; width:100%; z-index:100; transition:all .3s;} */
#header.fixed{box-shadow:5.7px 5.7px 8px 0 rgb(0 0 0 / 10%);}
#header .banner{padding:0;}
#header .inner{display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; height:55px; padding:0 20px; background-color:#fff;}
#header .inner h1{position:absolute; top:50%; left:50%; width:74px; height:31px; margin:-15px 0 0 -34px;}
#header .inner h1 a{display:block; width:100%; height:100%;}
#header .inner h1 a img{width:100%;}
#header .inner .online_lecture{display:inline-block; width:84px; height:20px; margin:0 15px 0 auto; background-color:#3c4150; border-radius:15px; font-size:12px; line-height:18px; text-align:center;}
#header .inner .online_lecture a{color:#fff;}
#header .inner .menu {position: relative; display: block; width:23px; height:16px; text-align: center; z-index:9999;}
#header .inner .menu span {display: block; position: absolute; top: 0; left: 0; width:23px; height:2px; background: #000; transition: transform .3s ease-out .1s;}
#header .inner .menu span:nth-child(1) {top:0px; transform-origin:left;}
#header .inner .menu span:nth-child(2) {top:8px;}
#header .inner .menu span:nth-child(3) {top:8px;}
#header .inner .menu span:nth-child(4) {top:16px; transform-origin: right;}
#header .inner .link{display:flex; gap:3px;}
#header .inner .link a{display:inline-block; height:24px; padding:0 11px; background-color:#F4F6F9; border-radius:30px; font-family:"Pretendard"; font-weight:600; font-size:11px; color:#222; line-height:24px;}
.join_header{padding:20px 17px 17px;}
.join_header h1{display:flex; flex-direction:column; align-items:center; margin-bottom:15px;}
.join_header h1 img{width:151px;}
.join_header h2{display:flex; justify-content:space-between; align-items:center; padding-bottom:10px; border-bottom:1px solid #101010; font-weight:700; font-size:18px;}
.join_header h2 .privacy{width:132px; height:21px; padding:0; border:1px solid #ed3535; border-radius:4px; font-weight:400; font-size:10px; color:#ed3535; line-height:18px; text-align:center;}

/* 퀵 배너 */
.quick_banner{position:fixed; top:0; left:0; width:100%; height:0; text-align:right; z-index:130; transition:all .5s;}
.quick_banner .dim{display:none; position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,.5); z-index:-1; transition:inherit;}
.quick_banner .inner{position:fixed; bottom:74px; right:20px;}
.quick_banner .inner > ul{display:flex; flex-direction:column-reverse; height:0; opacity:0; transform:translateX(200px); transition:all .5s;}
.quick_banner .inner > ul > li{overflow:hidden; width:150px; min-height:50px; margin-bottom:6px; background-color:#fff; border-radius:10px;}
.quick_banner .inner > ul > li a{display:flex; align-items:center; justify-content:center; height:50px; font-weight:700; font-size:14px;}
.quick_banner .inner > ul > li ul li:not(:first-child){border-top:1px dashed #bfbfbf;}
.quick_banner .inner > ul > li.major{border:2px solid #ed3535;}
.quick_banner .inner > ul > li.major a span{color:#ed3535;}
.quick_banner .inner > ul > li.pay{background-color:#ed3535;}
.quick_banner .inner > ul > li.pay a{color:#fff;}
.quick_banner .inner > ul > li.pay a span{padding-right:13px; background:url(//m.only1.co.kr/brand/eventLanding/ele/event/2024/esofting/imagescommon/quick_banner_arr.png) right 6px no-repeat; background-size:6px 10px;}
.quick_banner button{width:55px; height:55px; background:url(//m.only1.co.kr/brand/eventLanding/ele/event/2024/esofting/imagescommon/quickBanner_more_btn.png) center center no-repeat; background-size:100%; border:none; border-radius:50%; text-indent:-9999px;}
.quick_banner.active{height:100%;}
.quick_banner.active .inner > ul{height:100%; opacity:1; transform:translateX(0);}
.quick_banner.active button{background:url(//m.only1.co.kr/brand/eventLanding/ele/event/2024/esofting/imagescommon/quickBanner_close_btn.png) center center no-repeat; background-size:40px auto;}

/* 퀵 배너 학습기 전용 팝업 */
.service_popup{position: fixed; left:0;top: 0;width: 100%; height: 100%; z-index: 99999; }
.service_popup *{font-family:"Noto Sans KR";}
.service_popup .dim1{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.7;z-index: 1; }
.service_popup .inner{position:absolute; top:50%; left:50%; width:calc(100% - 40px); transform:translate(-50%, -50%); padding:11px 10px 18px; border:2px solid #ECECED; border-radius:20px; background:#fff; z-index:10;}
.service_popup .inner > .tit{margin-bottom:12px; font-weight:700; font-size:14px; color:#121212;}
.service_popup .inner .con .tab{display:flex; border-bottom:1px solid #121212;}
.service_popup .inner .con .tab button{display:flex; align-items:center; justify-content:center; flex:1; height:45px; background-color:#F4F6F9; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; font-weight:500; font-size:10px; color:#97979c; line-height:14px;}
.service_popup .inner .con .tab button.on{background-color:#121212; border:1px solid #121212; font-weight:900; color:#fff;}
.service_popup .inner .con .tab button:first-child{border-left:1px solid #dbdbdb; border-radius:12px 0 0 0;}
.service_popup .inner .con .tab button:first-child.on{border-left:1px solid #121212;}
.service_popup .inner .con .tab button:last-child{border-radius:0 12px 0 0;}
.service_popup .slider img{width:100%;}
.service_popup .swiper-pagination{display:flex; justify-content:center; gap:5px; position:static; width:100%; margin-top:10px;}
.service_popup .swiper-pagination-bullet{width:10px; height:10px; margin:0 !important;}
.service_popup .swiper-pagination-bullet-active{background:#ED3535;}
.service_popup .type1{padding:0 12px 0 31px;}
.service_popup .inner .btn_close{position:absolute; right:8px; top:8px;}
.service_popup .inner .btn_close img{width:22px;}

/* footer(info1:고객센터, 구매상담 / info2:푸터 기본정보) */
footer .info1{padding:15px 0 20px; background-color:#f6f6f6; text-align:center;}
footer .info1 > ul:after{content:""; display:block; clear:both;}
footer .info1 > ul > li{float:left; width:50%; line-height:1;}
footer .info1 > ul > li:first-child{border-right:1px solid #d8d8d8;}
footer .info1 > ul > li p{font-size:13px;}
footer .info1 > ul > li p span{display:block; margin-top:3px; font-weight:700; font-size:19px;}
footer .info1 > ul > li a{display:inline-block; width:72px; height:17px; margin-top:5px; border:1px solid #aaa; font-size:10px; line-height:14px;}
footer .info1 > ul > li ul{margin-top:7px;}
footer .info1 > ul > li ul li{font-weight:300;}
footer .info1 > ul > li ul li:first-child{margin-bottom:7px;}
footer .info1 > ul > li ul li.num{height:15px; font-weight:500; font-size:12px;}
footer .info1 > ul > li ul li span{position:relative; padding-left:6px; margin-left:5px; font-weight:700; font-size:15px;}
footer .info1 > ul > li ul li span:before{content:""; display:block; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-3px; background-color:#d8d8d8;}
footer .info1 > ul > li:first-child span{padding:0; margin:0; font-size:18px;}
footer .info1 > ul > li:first-child span:before{display:none;}
footer .info1 > p{margin-top:17px; font-size:11px; color:#666;}
footer .info1 .sns{display:flex; align-items:end; justify-content:center; margin-top:20px; text-align:center;}
footer .info1 .sns > div:first-child{margin-right:15px;}
footer .info1 .sns > div p{display:inline-block; width:59px; height:12px; margin-bottom:6px; background:url(//m.only1.co.kr/brand/eventLanding/ele/event/2024/esofting/imagescommon/menu_sns_tit.png) 0 0 no-repeat; background-size:59px; text-indent:-9999px;}
footer .info1 .sns > div:nth-child(2) p{background-position:0 -12px;}
footer .info1 .sns > div div{display:flex; font-size:0;}
footer .info1 .sns > div div a{display:block; width:32px; height:32px; background:url(//m.only1.co.kr/brand/eventLanding/ele/event/2024/esofting/imagescommon/menu_sns_ico.png) 0 0 no-repeat; background-size:32px; text-indent:-9999px;}
footer .info1 .sns > div div a:not(:first-child){margin-left:10px;}
footer .info1 .sns > div div a:nth-child(2){background-position:0 -32px;}
footer .info1 .sns > div div a:nth-child(3){background-position:0 -64px;}
footer .info1 .sns > a{margin-left:15px;}
footer .info1 .sns > a img{height:32px;}
footer .info2{padding:25px 20px 60px; background-color:#2a2a2a; color:#b0b0b0;}
footer .info2 .menu{display:flex; justify-content:space-between; margin-bottom:20px;}
footer .info2 .menu a{display:block; font-size:12px; color:#b0b0b0;}
footer .info2 > p{font-size:11px;}
footer .info2 > p a{font-weight:700; color:#b0b0b0;}
#familySite_area{display:inline-block;}
#familySite_area .select{display:block; position:relative; margin-top:15px; width:170px; height:30px; padding-left:13px; background-color:#444; border-radius:30px; font-size:10px; color:#fff; line-height:29px; z-index:1;}
#familySite_area .select:before{content:""; display:block; position:absolute; top:13px; right:10px; width:9px; height:5px; background:url(//m.only1.co.kr/brand/eventLanding/ele/event/2024/esofting/imagescommon/sel_arr.gif) center center no-repeat; background-size:50%; transform:rotate(180deg);}
#familySite_area .select.on:before{transform:rotate(0deg);}
#familySite_tbl{display:none;}
#familySite_tbl.on{display:block;}
#familySite_tbl .list{display:flex; flex-wrap:wrap;}
#familySite_tbl .list > li{width:100%; padding:13px; border-top:1px solid #424242;}
#familySite_tbl .list > li:first-child{border-top:none;}
#familySite_tbl .list > li p{margin-bottom:7px; font-weight:700; font-size:14px;}
#familySite_tbl .list > li ul{display:flex; flex-wrap: wrap; align-items: center;}
#familySite_tbl .list > li ul li{font-size:12px; width:50%;}
#familySite_tbl .list > li ul li:not(:first-child){margin-top:3px;}
#familySite_tbl .list > li ul li a{color:#b0b0b0;}

/* mobile menu */
.scrollOff{/*position:fixed;*/ overflow:hidden; }
#mobile_menu{display:none; position:fixed; right:0; top:0; width:100%; height:100vh; z-index:100000000; background:#fff; height:100%;}
#mobile_menu .header{display:flex;justify-content:space-between;align-items: start;position:relative; height:90px; padding:0 15px;background-color:#191919;}
#mobile_menu .header .logo{margin-top:14px;}
#mobile_menu .header .logo h1{height:31px;margin-bottom: 14px;}
#mobile_menu .header .logo h1 a img{width:72px;}
#mobile_menu .header .logo p{margin-top:-9px; font-weight:300; font-size:16px; color:#fff;}
#mobile_menu .header .logo p strong{font-weight:700;}
#mobile_menu .header .join{display:flex;/* align-items:end; *//* height: 0; */margin-bottom: auto;/* height: 60px; */margin-top: 50px;}
#mobile_menu .header .join a{display:inline-block; height:25px; padding:0 8px; background-color:#191919; border:1px solid #fff; border-radius:15px; font-weight:500; font-size:15px; color:#fff; line-height:22px; text-align:center;}
#mobile_menu .header .join a:last-child{margin-left:5px;}
#mobile_menu .header .join a.v1{background-color:#ed3535; border:1px solid #ed3535;}
#mobile_menu .header .close{display:block; position:absolute; top:20px; right:15px; width:15px; height:15px; background:url(//m.only1.co.kr/brand/eventLanding/ele/event/2024/esofting/imagescommon/menu_close_btn.gif) 0 0 no-repeat; background-size:15px; text-indent:-9999px;}
#mobile_menu .top_link{display:flex; height:50px; background-color:#F5F5F5;}
#mobile_menu .top_link a{display:flex; align-items:center; justify-content:center; flex:1; position:relative; height:100%; font-weight:700; font-size:15px;}
#mobile_menu .top_link a.online:before{content:""; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:21px; background-color:#cdcdcd;}
#mobile_menu .top_link a span{position:relative;}
#mobile_menu .top_link a span:before{content:""; display:block; position:absolute; left:0; background:url(//m.only1.co.kr/brand/eventLanding/ele/event/2024/esofting/imagescommon/top_link_ico.png) 0 0 no-repeat; background-size:auto 17px;}
#mobile_menu .top_link a.online span:before{top:4px; width:19px; height:17px;}
#mobile_menu .top_link a.pay span:before{top:3px; width:16px; height:17px; background-position:-19px 0;}
#mobile_menu .top_link a span{padding-left:23px;}
#mobile_menu .menu{position:relative; overflow-y:auto; height:calc(100dvh - 140px); height:calc(var(--dvh, 1dvh) * 100 - 140px); padding:30px 20px 30px;}
#mobile_menu .menu:before{content:""; display:block; position:fixed; bottom:0; left:0; width:100%; height:40px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(248, 248, 248, 1) 100%); z-index:100;}
#mobile_menu .menu .grade{display:flex;}
#mobile_menu .menu .grade > div{flex:1;}
#mobile_menu .menu .grade > div h2{margin-bottom:15px; font-weight:700; font-size:2.57vh;}
#mobile_menu .menu .grade > div a{display:block;}
#mobile_menu .menu .grade > div > ul > li > h3{margin-bottom:9px; font-weight:700; font-size:15px;}
#mobile_menu .menu .grade > div > ul > li > ul > li{margin-bottom:12px;}
#mobile_menu .menu .grade > div > ul > li > ul > li a{position:relative; padding-left:7px; font-weight:400; color:#777;}
#mobile_menu .menu .grade > div > ul > li > ul > li a:before{content:""; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:2px; height:2px; background-color: #777; border-radius:50%;}
#mobile_menu .menu > h2{border-top:1px solid #e9e9e9; font-weight:700; font-size:18px;}
#mobile_menu .menu > h2 a{display:block; padding:15px 0;}
#mobile_menu .menu .bottom_link{display:flex; align-items:end; gap:10px; width:100%; height:70px; border-top:1px solid #e9e9e9;}
#mobile_menu .menu .bottom_link a{flex:1; position:relative; height:100%; padding-top:50px; font-weight:700; font-size:12px; text-align:center;}
#mobile_menu .menu .bottom_link a:before{content:""; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); width:72px; height:47px; background:url(//m.only1.co.kr/brand/eventLanding/ele/event/2024/esofting/imagescommon/bottom_link_ico.png) 0 0 no-repeat; background-size:320px auto;}
#mobile_menu .menu .bottom_link a:nth-child(2):before{background-position:-82px 0;}
#mobile_menu .menu .bottom_link a:nth-child(3):before{background-position:-164px 0;}
#mobile_menu .menu .bottom_link a:nth-child(4):before{background-position:-246px 0;}


/*
#mobile_menu .gnb > li{border-bottom:1px solid #ddd;}
#mobile_menu .gnb > li > a{display:block;font-size:1.1em; font-weight:500; padding:1.5em .8em; position:relative; opacity:0; transform:translateX(20px); transition:all .5s .2s;}
#mobile_menu .gnb > li > a span{position:absolute; display:inline-block; width:.5em; height:.5em; right:1em; top:50%; transform:translateY(-50%);}
#mobile_menu .gnb > li > a span::after{content:''; display:inline-block; width:100%; height:100%; border-top:2px solid #333; border-right:2px solid #333; position:absolute; transform:rotate(135deg); transition:0.3s ease;}
#mobile_menu .gnb > li > a.on span::after{transform:rotate(315deg);}
#mobile_menu .gnb .depth2{display:none;}
#mobile_menu .gnb .depth2 li a{display:block; padding:1.5em .8em 1em 1.5em; border-top:1px solid #bbb; background:#e2e3e5; position:relative;}
#mobile_menu .gnb .depth2 > li > a.on{background:#c2c4c8;}
#mobile_menu .gnb .depth2 .more::before,
#mobile_menu .gnb .depth2 .more::after{content:''; display:inline-block; background:#333; position:absolute; top:50%; transform:translateY(-50%);}
#mobile_menu .gnb .depth2 .more::before{width:1em; height:2px; right:1em;}
#mobile_menu .gnb .depth2 .more::after{width:2px; height:1em; right:1.5em;}
#mobile_menu .gnb .depth2 .more.on::after{display:none;}
#mobile_menu .gnb .depth3 li a{padding-left:2.3em}
#mobile_menu .gnb .depth3{display:none;}
#mobile_menu.open .gnb > li > a{transform:translateX(0); opacity:1; /*transition-delay}*/

/* 하단 고정 띠배너(type1:초/중 무료체험) */
.fix_banner{display:flex; align-items:end; position:fixed; bottom:-15%; left:0; width:100%; transition:all .5s; z-index:100; /* box-shadow:0 -2px 8px 0px rgb(0 0 0 / 40%); */}
.fix_banner.fixed{bottom:0;}
.fix_banner div{/* width:50%;  */ text-align:center;}
.fix_banner div a{display:block;}
.fix_banner div a img{width:100%;}
.fix_banner.type1{box-shadow:inherit}
.fix_banner.type1 div:nth-child(1){width:36%;}
.fix_banner.type1 div:nth-child(2){width:63.8%;}


/* 채팅상담 */
#ch-plugin .bMhcqr{width:63px !important; height:auto !important;}
#ch-plugin .cIlpZp{right:10px !important;}
#ch-plugin .fqheRG{width:98px !important; height:auto !important;}
.kSmhoe{bottom:64px !important;}