@charset "utf-8";
@import url('/html/fonts/pretendard/pretendard.css');

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: 900;
     font-style: normal;
}

:root {
    --color: #1f60b3 !important;
    --price: #fa5c3e !important;
	--point-color: #1f60b3 !important;
}

body, body * {letter-spacing:-0.05em !important;  font-family:'Pretendard' !important;}
div {font-weight:400;}
b, strong {font-weight:500;}
input[type="text"],select,img,textarea{ color:#333 !important;}

.ver_mobile { display:none !important;}
.ver_pc { display:block !important;}
.br_mobile { display:none !important;}
.br_pc { display:block !important;}

h2, h3 {font-weight:500;}
h4 {font-weight:500 !important;}

.contents_in.about_cont ol, 
.contents_in.about_cont ul, 
.contents_in.about_cont li{padding: auto !important;  list-style: none !important;}

#header .member_util li,
#header .member_util li a  {border:none !important;}
#header .member_util li a {padding-right:0px !important; margin:0px 10px 0px 0px !important;}
#header .member_util li.search a { width:35px !important; height:35px !important;background-image: url('/html/images/common/search.png') !important; background-color:#eeeeee !important; margin:5px 0px 5px 20px !important; border-radius:50% !important;}

#header .member_util li.login a {background:url('/theme/6/img/main/m_login.png')no-repeat; background-size:14px; border-left:1px solid #ddd; }
#header .member_util li.join a {background:url('/theme/6/img/main/m_join.png')no-repeat; background-position:center left 21px !important; background-size:14px;}
#header .member_util li.course_lesson_list a {background:url('/theme/6/img/mypage/main/left_icon01.png')no-repeat; background-size:14px; border-left:1px solid #ddd; }

#header .head_in .mypage {background:linear-gradient(to right, #0092da, #0c71bb) !important;right: 20px !important; top:25px !important;padding-left:43px !important; width:130px !important; height:40px !important; line-height:40px !important;}
#header .head_in .mypage:before {content:''; position:absolute; left:20px; top:50%;transform:translateY(-50%); width:16px; height:16px; background:url('/theme/6/img/main/mypage_w.png') 50% 0% no-repeat;}

#gnb .one_depth::after {display:none !important;}
#gnb .depth {top:48px !important; border-radius:10px !important; padding:20px 30px !important; width:200px !important;}
#gnb .depth > li {margin-bottom:15px !important;}
#gnb .depth > li:last-child {margin-bottom:0px !important;}
#gnb .depth li a { position:relative;padding:0px 0px 0px 8px !important;}
#gnb .depth li a:before {content:''; position:absolute; left:0px; top:5px; width:3px; height:3px; border-radius:50%; background:#666;}

#footer .foot_top {position:relative !important;}
#footer .foot_top a {font-size:1rem !important; color:#fff !important;}
#footer .foot_top .foot_csn {position:absolute; right:0px; bottom:30px; width:auto; display:inline-block; height:20px; line-height:20px; font-size:1rem; color:#fff !important;  padding-right:0px !important;}
#footer .foot_top .foot_cs:before {display:none !important; content:''; position:absolute; right:0px; top:50%;transform:translateY(-50%); width:50px;height:50px; border-radius:50%; background:#f5e53a url('/html/images/common/talk.png') 50% 50% no-repeat; background-size:cover !important;}
#contents {position:relative !important;}

.compad {padding-top:100px !important; padding-bottom:100px !important;}
#visual .text_area {display:none !important;}
#visual .section {left:0% !important;right:auto !important; width:100% !important; margin:0px !important; height:100%; background-size:cover !important; background-position:center center !important;}
#visual .sub_imgbox .slick-dots {display:none !important;}


h3.title { font-family: 'S-CoreDream' !important; font-weight:600 !important;}
h3.title b {font-family: 'S-CoreDream' !important;color:var(--color) !important; }

.recommend .banner { width:840px !important;}
.recommend .banner li img {aspect-ratio: 21 / 13 !important; }
.recommend .recommend_list { width:360px !important;}
.recommend .banner .slick-dots {background:none !important; display:none !important;}
.recommend .recommend_list dl { width:90% !important; max-width:280px !important; margin:0px auto 20px auto !important;  }
.recommend .recommend_list dl a {display:flex !important; flex-wrap:wrap; gap:10px;}
.recommend .recommend_list dl dt { width:100% !important; display:block !important; margin:0px !important;}
.recommend .recommend_list dl dd { width:100% !important; display:block !important; padding:0px !important; text-align:center !important;}
.recommend .recommend_list dl dd h4 {font-size:20px !important; font-weight: 500 !important; height:21px !important;}

.new_list .item .con_box h4 {text-align:center !important;}

#sub_banner {height:350px !important;}
#sub_banner h2.page_title {text-align:left !important; max-width:1270px !important; padding:0px 20px !important; left:50% !important; top:calc(50% - 30px) !important; transform: translate(-50%, -50%) !important; box-sizing:border-box !important;} 
#sub_banner h2.page_title small {font-size: 2rem !important; font-weight:400 !important;}
#sub_banner:before {content:''; position:absolute !important; width:100% !important; height:60px !important; background:rgba(255,255,255,0.1) !important; bottom:0px !important; left:0px !important; z-index:100 !important;}
.stickyMenu {top:290px !important;padding:18px 0px !important;}
.stickyMenu .lnb {justify-content: flex-start !important;}
.stickyMenu .lnb .dropLst .dlst {right:auto !important; left:-10px !important;}
#visual_banner { background-color:#007ec6 !important;}
#visual_banner.ver2 .stickyMenu {top:0px !important;padding: 35px 0 20px; !important;}
#visual_banner .stickyMenu .lnb .txt, 
#visual_banner .stickyMenu .lnb .dropLst li span, 
#visual_banner .stickyMenu .lnb .dropLst > a {color:#fff !important;}
#visual_banner .lnb .box .txt:after {background: rgba(255, 255, 255, 0.5) !important;}
#visual_banner .lnb .box .title:before { background-image: url('/theme/6/img/main/lnbArrow.png') !important;}

.lnb_depth {margin:60px auto 40px auto !important;border:none !important; min-height:30px !important;}
.lnb_depth.no_depth {margin-top:40px !important;}
.lnb_depth .lnb_cont { min-height:30px !important;}

.lnb_depth .lnb_cont { border:none !important; padding:0px !important;min-height:30px !important;}
.lnb_depth ul {gap:10px !important; }
.lnb_depth ul li { margin:0px !important;}
.lnb_depth ul li a {display:block !important; padding:12px 20px !important; font-weight:500 !important; background:#f8f8f8 !important; border-radius:30px !important;}
.lnb_depth ul li a.pointColor {text-decoration:none !important;font-weight:500 !important;color:var(--color) !important;}
.lnb_depth ul li.active a {text-decoration:none !important;font-weight:500 !important;color:#fff !important; background:var(--color) !important;}
.lnb_depth ul li a:after{display:none !important;}
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .prevArrow + .lnb_cont { width: 100% !important; margin-left:0px !important;}


.cont_util {margin-top:40px !important;}
.cont_util.util_rel.compad_t {padding:0px !important;}

.page_num,
.page_num .page_box,
.page_bar .page_box {margin-top:30px !important;}
.page_box ul li div {border:none !important; border-radius:4px !important;}

.price.pointColor {color:var(--price) !important;}

.item { border-radius:0px !important;}
.item .img_box,
.item .img_box a img,
.item .img_box img  {border-radius:20px !important;}
.item .con_box h4 {font-size:20px !important;height:auto !important;color:#000 !important;line-height:120% !important; margin-bottom:12px !important;max-height: 3.2rem !important;  word-break:keep-all !important;}

.market_list .item,
.photo_list .item,
.new_list .item {border:none !important; background:none !important;}

.market_list .item .con_box,
.photo_list .item .con_box,
.new_list .item .con_box {background:none !important; padding:20px 0px !important;}

.thum_list .item {padding:20px 0px !important;}

.photo_list .item .con_box ul,
.new_list .item .con_box ul {margin-bottom:10px !important;}
.photo_list .item .con_box ul li,
.new_list .item .con_box ul li {padding-left: 40px !important;}

.contents_in.about_cont.compad {padding:60px 20px !important; width:100% !important; max-width:1270px !important;}
.about_cont h3.title {font-weight:600 !important; text-align:center !important; margin-bottom:40px !important;}

.greeting { display:flex; flex-wrap:wrap; gap:30px;}
.greeting dl {position:relative; width:100%; border:1px #dcdcdc solid; border-radius:20px; display:flex; flex-wrap:nowrap; align-items:center; box-sizing:border-box; overflow:hidden; }
.greeting dt {position:relative; width:30%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:30px; text-align:center; background:#f8f8f8; box-sizing:border-box}
.greeting dt h1 { width:100%; padding-top:170px; position:relative; font-size:30px; line-height:1.1; color:#000;}
.greeting dt h1:before {content:''; position:absolute; width:150px; height:150px; top:0px; left:50%; transform:translateX(-50%); z-index:100; border-radius:50%; background-size:cover !important;}
.greeting dt h1.greeting1:before {background:url('/html/images/common/greeting1.png') 50% 50% no-repeat;}
.greeting dt h1.greeting2:before {background:url('/html/images/common/greeting2.png') 50% 50% no-repeat;}
.greeting dt h1.greeting3:before {background:url('/html/images/common/greeting3.png') 50% 50% no-repeat;}
.greeting dt h1.greeting4:before {background:url('/html/images/common/greeting4.png') 50% 50% no-repeat;}
.greeting dd {position:relative; width:70%; height:100%; padding:70px; box-sizing:border-box}
.greeting dd h2 {color:#000; font-size:20px; line-height:1.1; letter-spacing:0em; font-weight:700; padding-bottom:10px;}
.greeting dd p {position:relative;font-size:18px;line-height:25px; color:#000; padding-bottom:10px;}
.greeting dd p:before {content:''; position:absolute; width:4px; height:4px; top:10px; left:-13px; border-radius:50%; background:#333; }

.curri { width:100%; margin-bottom:70px; }
.curri h2 { font-family: 'S-CoreDream' !important;width:80%; font-size:30px; color:#fff; padding:20px; line-height:40px;font-weight:400 !important; text-align:center; margin:0px auto; border-radius:20px 20px 0px 0px; box-sizing:border-box;}
.curri h2 b {font-family: 'S-CoreDream' !important;font-weight:800 !important;}
.curri h2.curri_title1 {background: linear-gradient(to bottom, #17559b, #1d65a6);}
.curri h2.curri_title2 {background: linear-gradient(to bottom, #18879a, #1c9aa7);}
.curri_cont {width:100%; border-radius:20px; background:#f8f8f8; padding:80px 20px !important; text-align:center; box-sizing:border-box;}
.curri_cont img {max-width:100% !important; }
.curri_cont ul {display:flex; flex-wrap:nowrap; justify-content:space-around; gap:10px; list-style:none !important; padding:0px !important;}
.curri_cont li {text-align:center !important; padding:0px !important; list-style:none !important; }
.curri_cont li img {width:auto !important; max-width:100% !important;}

.privacy h3,
.clause h3 {margin-top: 30px !important; color:#000 !important;}
.clause ol.depth2 li {padding-left:20px !important;}
.privacy dl dd {padding-left:20px !important;}


@media (max-width: 1300px) {
	.stickyMenu {padding:18px 20px !important;}

	.recommend .banner { width:calc(75% - 30px) !important;}
	.recommend .recommend_list { width:25% !important;}

	.thum_list {padding: 0px !important;}
}

@media (max-width: 980px) {
    .compad {padding-top:70px !important; padding-bottom:70px !important; }

	#footer .foot_top .foot_csn {bottom:20px !important;}

	#sub_banner { height:250px !important;}
	#sub_banner:before {height:50px !important;}
	.stickyMenu {top:190px !important;}

	.compad .recommend .recommend_list { display:flex !important; justify-content:center !important; gap:20px !important; }
	.recommend .recommend_list dl { width:100% !important; max-width:300px !important; margin:0px !important;}

	.item .con_box h4 {font-size:17px !important;}

	.greeting {gap:20px;}
	.greeting dl { border-radius:15px;}
	.greeting dt { padding:20px;}
	.greeting dt h1 {padding-top:120px; font-size:25px;}
	.greeting dt h1:before {width:100px; height:100px;}
	.greeting dd {padding:50px;}
	.greeting dd h2 {font-size:18px;}
	.greeting dd p {font-size:17px;}

	.curri { margin-bottom:50px; }
	.curri h2 { font-size:20px; padding:15px; line-height:30px;}
	.curri_cont { padding:50px 20px !important;}
}

@media (max-width: 680px) {
	.ver_mobile { display:block !important;}
	.ver_pc { display:none !important;}
	.br_mobile { display:block !important;}
	.br_pc { display:none !important;}
	
    .compad {padding-top:40px !important; padding-bottom:40px !important;}
	h3.title { font-size:20px !important; margin-bottom:20px !important;}

	#header .head_in h1 .svg_logo {max-height:30px !important;}

	#footer .foot_top {padding-bottom:15px !important; text-align:center !important;}
	#footer .foot_top a {margin:0px 7px !important;}
	#footer .foot_top .foot_csn { white-space:nowrap; font-size:14px !important;right:auto !important; left:50% !important; transform:translateX(-50%); bottom:-40px !important; }
	#footer .foot_top .foot_cs:before {width:30px; height:30px;}
	#footer .foot_bottom {text-align:center !important; font-size:13px !important;}

	#sub_banner { height:150px !important;}
	#sub_banner:before {height:40px !important;}
	#sub_banner h2.page_title {top: calc(50% - 20px) !important; font-size: 1.2rem !important;}
	#sub_banner h2.page_title small {font-size:1rem !important;}
	.stickyMenu {top:110px !important; padding:7px 20px !important;}
	.lnb .txt, 
	.lnb .dropLst li span, 
	.lnb .dropLst > a {font-size:13px !important;}

	.lnb_depth {margin:30px auto 20px auto !important;}
	.lnb_depth.no_depth {margin-top:20px !important;}
/*
	.lnb_depth ul {gap: 5px !important;}
	.lnb_depth ul li a {padding:8px 15px !important;font-size:13px !important;}
*/

	.cont_util {margin-top:20px !important;}
	.contents_in.about_cont.compad {padding:30px 20px !important;}

	.compad .recommend .recommend_list {gap:10px !important; }
	.recommend .recommend_list dl dd h4 {font-size:15px !important; height:18px !important;}

	.price strong {font-size: 1rem !important;}

	.item .img_box,
	.item .img_box a img,
	.item .img_box img {border-radius:10px !important;}
	.item .con_box h4 {font-size:15px !important;height:auto !important;color:#000 !important;line-height:120% !important; margin-bottom:10px !important;max-height: 3.2rem !important;}

	.market_list .item .con_box,
	.photo_list .item .con_box,
	.new_list .item .con_box {padding:12px 0px !important;}

	.photo_list .item .con_box ul li span {}

	.thum_list {padding:0px !important;}
	.thum_list .item {display:inline-block !important; padding:15px 0px !important;}
	.thum_list .item .img_box {float:left;display:inline-block !important;width:35% !important;}
	.thum_list .item .img_box .label {display:none !important;}
	.thum_list .item .con_box {float:right;display:inline-block !important;width:64% !important; padding:0px 0px 0px 20px !important; box-sizing:border-box !important;}
	.thum_list .item .con_box .btn {display:none !important;}
	.thum_list .item .con_box ul { margin: 5px 0px !important;}
	.thum_list .item .con_box ul li {font-size:14px !important;}
	.thum_list .item .con_box ul li span {margin-right:5px !important;}
	.thum_list .item .con_box p.stxt {font-size:14px !important;line-height:1.5 !important;height:2.9rem !important;}

	.about_cont h3.title {margin-bottom:20px !important;}

	.greeting {gap:10px;}
	.greeting dl { flex-wrap:wrap; border-radius:10px;}
	.greeting dt { width:100%; height:auto; padding:15px;}
	.greeting dt h1 {width:auto;padding:0px 0px 0px 65px; font-size:20px; line-height:50px;}
	.greeting dt h1:before {left:0px;top:50%; transform:translateY(-50%); width:50px; height:50px;}
	.greeting dd {width:100%; height:auto; padding:15px 20px 15px 30px;}
	.greeting dd h2 {font-size:16px;}
	.greeting dd p {font-size:15px;padding-bottom:5px;}
	.greeting dd p:before {width:3px; height:3px; top:10px; left:-10px; }
	
	.curri { margin-bottom:30px; }
	.curri h2 { width:100%; font-size:18px; padding:10px; line-height:20px;}
	.curri_cont { padding:30px 20px !important;}
	.curri_cont ul {flex-wrap:wrap;}
	.curri_cont li {}

}