@charset "utf-8";

/* webfont */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

/* --------------------- reset --------------------- */
* { margin:0; padding:0; box-sizing: border-box; word-break:keep-all; }
li {list-style:none;}
a, a:hover, a:visited { text-decoration: none; color:inherit; }
div,span,p			{margin:0; padding:0;}
img					{border:0; vertical-align:middle;}
button				{margin:0;padding:0;background:none;border:0;}
header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
figure,
figcaption			{display:block;}
img,fieldset {border:0}
caption,legend {display:none;}
ul,ol,li {list-style:none;}
table {border-collapse:collapse;}
p { letter-spacing: normal !important; }

/* common */
body { font-family: 'pretendard'; font-size:15px; font-weight:normal; color:#333; line-height: 1.2; }
.contents_width { width:1200px; margin:0 auto; }
.contents_width.bbs { padding:120px 0; }
.contents_width.member { padding:60px 0 120px; border-top:1px solid #E9EAED; }
.contents_width.terms { padding:60px 0 120px; border-top:1px solid #E9EAED; }
.container { margin:0 !important; }
/* checkbox */
.custom-checkbox input[type="checkbox"] { display: none; }
.custom-checkbox { display: flex; align-items: center; cursor: pointer; font-size: 13px; color: #333; }
.custom-checkbox .checkbox-box { width: 16px; height: 16px; border: 1px solid #d9d9d9; border-radius: 2px; margin-right: 8px; display: inline-block; position: relative; background-color: #fff; transition: background-color 0.3s, border-color 0.3s; }
.custom-checkbox input[type="checkbox"]:checked + .checkbox-box { background-color: #055CF5; border-color: #055CF5; }
.custom-checkbox input[type="checkbox"]:checked + .checkbox-box::after { content: ""; position: absolute; top: 1px; left: 4px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.custom-checkbox:hover .checkbox-box { border-color: #055CF5; }


/* Member */
.member .control-group { display:flex; align-items:center; min-height:44px; margin-bottom:20px; }
.member .btn { text-shadow:none !important; border-radius:4px !important; border:1px solid #D3D6DF; }
.member input { height:44px !important; border-radius:4px; border:1px solid #D3D6DF; padding:10px 5px !important; }
.member input[type="text"], .member input[type="password"], .member input[type="email"] { width:500px; height:44px !important; font-size:15px; }
.member input[type="radio"] { height:19px !important; }
.member input[type="date"] { width:398px; }
.member label { min-width:40px; margin-right:60px; }
.member .dateRemover { width:92px !important; height:44px; background:#575A62; border:none !important; color:#fff; margin-left:10px; font-size:15px; font-weight:300; }
.member select { width:500px; height:44px !important; font-size:15px;  padding:10px 5px !important; }
.member .control-label { width:240px !important; text-align:left !important; font-size:16px !important; font-weight:600; margin-right:0 !important; }
.member .control-group em { float:left; color:#055CF5 !important; margin-right:5px; }
.member .controls { display:flex; flex-wrap:wrap; width:500px; margin-left:0 !important; max-width:500px; }
.member .help-inline, .member .help-block { font-size:14px; margin-top:5px !important; color:#727C9B !important; }
.member .rx_ev_radio { display:flex; align-items:center; }
.member .rx_ev_radio > label { margin-right:60px; }
.member .krzip-postcode-wrap { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:20px; }
.member .krzip-postcode-wrap label { display:block; width:100%; font-size:14px; font-weight:500; margin-bottom:10px; }
.member .krzip-postcode-wrap input { width:300px; }
.member .krzip-postcode-wrap .btn { width:92px !important; height:44px !important; background:#055CF5; border:none !important; color:#fff; font-size:15px; font-weight:300; }
.member .krzip-postcode-wrap .btn.krzip-delete { background:#575A62; }
.member .krzip-address-wrap label { display:block; width:100%; font-size:14px; font-weight:500; margin-bottom:10px; }
.member .krzip-address-wrap input { margin-bottom:10px !important; }
.member .krzip-detailAddress-wrap label { display:block; width:100%; font-size:14px; font-weight:500; margin-bottom:10px; }
.member .btnArea { display:flex; align-items:center; padding-top:30px !important; }
.member .btnArea > .btn { display:flex; align-items:center; justify-content:center; width:140px; height:48px !important; margin-right:20px; color:#fff; font-size:15px; font-weight:300; text-shadow:none; }
.member .btnArea .btn-inverse { display:flex; align-items:center; justify-content:center; width:144px !important; height:44px !important;
    background:#055CF5; border:none !important; margin-right:20px; border-radius:4px; }
.member .btnArea .gray { background:#979CAB !important; }

.member_noinput { border-bottom:1px solid #ccc; padding-bottom:60px; margin-bottom:120px; }
.member_noinput em { float:left; color:#055CF5 !important; margin-right:5px; }
.member_noinput dl { width:600px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.member_noinput dl dt { width:240px; height:44px; font-size:16px; font-weight:600; }
.member_noinput dl dd { width:300px; height:44px; }
.member_noinput .btn-group { display:flex; align-items:center; justify-content:left; padding-top:30px !important; }
.member_noinput .btn-group .btn { display:flex; align-items:center; justify-content:center; width:144px !important; height:44px !important;
    background:#055CF5; border:none !important; color:#fff; font-size:15px; font-weight:300; text-shadow:none; margin-right:20px; border-radius:4px; }
.member_noinput .gray { background:#979CAB !important; }

.pw_check { width:500px; flex-wrap:wrap; border:none !important; }
.pw_check > div { margin-bottom:10px; }
.pw_check .control-label { margin-bottom:10px; }
.pw_check .login-footer-submit { width:500px; }
.pw_check .page_title_area { text-align:center; max-width:none !important; }
.pw_check .page_title_area p { font-size:14px; line-height:22px; }
.pw_check .gray { background:#979CAB !important; }

/* login */
.signin { width: 542px; margin: 0 auto; height: 689px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.signin .login-header > h1 { font-size: 44px; line-height: 58px; font-weight: 700; text-align: center;}
.signin .login-header > p { text-align: center; margin-top: 10px; padding: 0 70px;word-break: keep-all; font-size: 16px; font-weight: 300; color: #575A62; line-height: 26px;}
.signin input { height:44px !important; border-radius:4px; border:1px solid #D3D6DF; padding:10px 12px !important; }
.signin input::placeholder { color: #CBCFDB; }
.signin input::-webkit-input-placeholder { color: #CBCFDB; }
.signin input[type="text"], .signin input[type="password"], .signin input[type="email"] { width:480px; height:44px !important; font-size:15px; }
.signin .login-body { margin-top: 60px; padding: 0 31px; }
.signin .control-group .control-item-password { margin-top: 40px; }
.signin .control-item .control-label { font-size: 16px; font-weight: 700; color: #232230;}
.signin .control-item .control-input { margin-top: 10px; }
.signin .control-group-account { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.signin .control-group-account .find-account-link { font-size: 13px; }
.signin .login-footer { margin: 40px 0 0; }
.signin .login-footer .login-footer-item { width: 100%; height: 48px; border-radius: 4px; }
.signin .login-footer .login-footer-signup { margin-top: 10px; }
.signin .login-footer .login-signup-link { display: block; border: 1px solid #055CF5; border-radius: 4px; color: #055CF5 !important; background-color: #fff; font-size: 16px; text-align: center; line-height: 46px; }
.signin .login-footer-submit .btn-inverse { width: 100%; background-image: none; text-shadow: none; box-shadow: none; border:none !important; background-color: #055CF5; color: #fff; height: 48px !important; font-size: 16px; }
.login-footer-submit .btn-inverse { width: 100%; background-image: none; text-shadow: none; box-shadow: none; border:none !important; background-color: #055CF5; color: #fff; height: 48px !important; font-size: 16px; }

.term_box { border:1px solid #eee; border-radius:4px; padding:40px; }
.term_box table { width:100%; border:1px solid #ddd; margin:20px 0; }
.term_box table tr:nth-child(1) { background:#E0EBFF; border-bottom:1px solid #eee; font-weight:600;  }
.term_box table tr, .term_box table td { height:44px; line-height:44px; text-align:center; }
.term_box table tr td { border-right:1px solid #eee; }

.agreement table { width:100%; border:1px solid #ddd; margin:20px 0; background:#fff; }
.agreement table tr:nth-child(1) { background:#E0EBFF; border-bottom:1px solid #eee; font-weight:600;  }
.agreement table tr, .agreement table td{ height:44px; line-height:44px; text-align:center; }
.agreement table tr td { border-right:1px solid #eee; }

.notice-box { max-height:200px; overflow-y: scroll; }

/* Layout */
.header { position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; height:70px; padding:0 30px; }
.header.pc { display:flex; }
.header.mob { display:none; }
.header .top_logo { margin-bottom:0 !important; }
.main_menu { position:absolute; left:50%; margin-left:-350px; width:700px; display:flex; align-items:center; justify-content:space-evenly; }
.main_menu > li > a { font-size:19px; font-weight:700; margin:0 20px; }
.login_menu { display:flex; align-items:center; }
.login_menu > li > a { padding:10px 24px; border:1px solid #ddd; border-radius:3px; margin-left:10px; font-size:13px; }
.header.main { position:absolute; width:100%; height:70px; padding:0 30px; z-index:9999; }
.header.main .top_logo img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.header.main .main_menu > li > a, .header.main .login_menu > li > a { color:#fff; }
.header .main_menu > li > a.selected { color:#055CF5; }

.menu-container { width: 1200px; margin: 0 auto; padding-bottom:30px; margin-bottom:50px; border-bottom:1px solid #ddd; }
.menu-container .menu { list-style: none; display: flex; align-items: center; padding: 20px 0; }
.menu > li:nth-child(2) { margin-left: 40px; }
.menu-item { font-size: 20px; font-weight: 600; }
.menu-item.active { color: #055CF5; }

.bbs .copyright { display:none !important; }

.sec_01 { position:relative; width:100%; height:1080px; display:flex; align-items:center; justify-content:center; background:url('./img/main_visual_img.jpg')center no-repeat; background-size:cover; }
.sec_01 .text_area { text-align:center; margin-top:-100px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }
.sec_01 .text_area h2 { font-size:58px; color:#fff; }
.sec_01 .text_area p { font-size:20px; line-height:30px; color:#fff; margin-top:20px; }
.sec_01 .text_area p br { display:none; }
.sec_01 .count_wrap { position:absolute; display:flex; align-items:center; justify-content:space-between; bottom:0; left:50%; width:1200px; height:330px; margin-left:-600px; margin-bottom:-165px; z-index:999; }
.sec_01 .count_wrap li { display:flex; flex-direction:column; justify-content:space-between; width:386px; height:330px; border-radius:25px; padding:60px 40px; color:#fff; }
.sec_01 .count_wrap li:nth-child(1) { background:linear-gradient(#4584FF, #176DEB); }
.sec_01 .count_wrap li:nth-child(2) { background:linear-gradient(#6F8BE5, #606DD2); } 
.sec_01 .count_wrap li:nth-child(3) { background:linear-gradient(#56C3CD, #42ACBF); }
.sec_01 .count_wrap li h3 { font-size:22px; }
.sec_01 .count_wrap li p { font-size:18px; line-height:26px; font-weight:300; margin-top:10px; }
.sec_01 .count_wrap li .num { font-size:36px; font-weight:800; }
.sec_01 .count_wrap li .num span { font-size:60px; margin-right:5px; }

.sec_02 { padding:120px 0; background:#F2F8FF; }
.sec_02 .text_area { text-align:center; }
.sec_02 .text_area h2 { font-size:58px; line-height:72px; font-weight:700; }
.sec_02 .text_area h2 span { color:#055CF5; }
.sec_02 .text_area ul { margin-top:40px; }
.sec_02 .text_area ul li { font-size:24px; line-height:30px; color:#575A62; margin-top:10px; }
.sec_02 .text_area ul li span { font-weight:700; color:#055CF5; }
.sec_02 .img_box { position:relative; display:flex; align-items:center; justify-content:space-evenly; width:1200px; height:330px; margin:40px auto 0; }
.sec_02 .img_box li { position:relative; display:flex; flex-direction:column; justify-content:space-between; width:500px; height:230px; border-radius:25px; padding:60px 40px; color:#fff; }
.sec_02 .img_box li:nth-child(1) { background:linear-gradient(#4584FF, #176DEB); }
.sec_02 .img_box li:nth-child(2) { background:linear-gradient(#6F8BE5, #606DD2); } 
.sec_02 .img_box li:nth-child(3) { background:linear-gradient(#56C3CD, #42ACBF); }
.sec_02 .img_box li h3 { font-size:52px; }
.sec_02 .img_box li p { font-size:18px; line-height:26px; font-weight:300; margin-top:10px; color:rgba(255, 255, 255, 0.6); }
.sec_02 .img_box li .img { position:absolute; top:50%; right:40px; margin-top:-100px; }
.sec_02 .img_box::after { content:'vs'; position:absolute; width:100px; height:100px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:34px; font-weight:900; color:#727C9B; }

.sec_03 { padding-top:120px; }
.sec_03 .text_area { text-align:center; margin-bottom:40px; }
.sec_03 .text_area h4 { font-size:44px; font-weight:700; margin-top:10px; }
.sec_03 .text_area p { font-size:20px; line-height:30px; color:#727C9B; margin-top:0; }
.sec_03 ul { display:flex; flex-direction:column; }
.sec_03 ul > li { display:flex; align-items:center; height:340px; margin-bottom:60px; }
.sec_03 ul > li h3 { font-size:44px; line-height:58px; font-weight:700; }
.sec_03 ul > li p { font-size:20px; line-height:30px; color:#575A62; margin-top:20px; }
.sec_03 ul > li:nth-child(1) { background:url('./img/sec03_img_01.png')right center no-repeat; }
.sec_03 ul > li:nth-child(2) { background:url('./img/sec03_img_04.png')left center no-repeat; }
.sec_03 ul > li:nth-child(3) { background:url('./img/sec03_img_02.png')120% center no-repeat; }
.sec_03 ul > li:nth-child(4) { background:url('./img/sec03_img_05.png')10% center no-repeat; }
.sec_03 ul > li:nth-child(2),
.sec_03 ul > li:nth-child(4) { justify-content:right; }

.sec_04 { display:flex; flex-direction: column; align-items:center; height:912px; overflow:hidden; background:url('./img/sec04_bg.jpg')center top no-repeat; padding-top:120px; }
.sec_04 .text_area { color:#fff; text-align:center; }
.sec_04 .text_area h4 { font-size:44px; font-weight:700; margin-top:30px; }
.sec_04 .text_area p { font-size:20px; line-height:30px; color:#727C9B; margin-top:10px; }
.sec_04 ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:1090px; margin-top:70px; }
.sec_04 ul li { display:flex; flex-direction: column; justify-content:space-between; width:250px; height:250px; padding:30px 20px; margin-bottom:40px; font-size:16px; line-height:24px; background:#30374D; border-radius:20px; color:#fff; }
.sec_04 ul li:nth-child(2), .sec_04 ul li:nth-child(3) { margin-top:60px; }
.sec_04 ul li:nth-child(5), .sec_04 ul li:nth-child(8) { margin-top:-60px; }
.sec_04 ul li img { width:40px; height:40px; }

.sec_05 { background:url('./img/sec05_bg.png')center 60% no-repeat; padding:120px 0; }
.sec_05 .text_area { text-align:center; }
.sec_05 .text_area h4 { font-size:58px; line-height:72px; }
.sec_05 .text_area p { font-size:20px; line-height:30px; margin-top:20px; }
.sec_05 ul { display:flex; align-items:center; justify-content:space-between; width:1090px; margin:100px auto 0; }
.sec_05 ul li { text-align:center; }
.sec_05 ul li .text_area { margin-top:40px; }
.sec_05 ul li .text_area span { font-size:15px; color:#055CF5; font-weight:700; }
.sec_05 ul li .text_area h5 { font-size:22px; font-weight:700; margin-top:10px; }
.sec_05 ul li .text_area p { font-size:18px; height:26px; color:#575A62; }

.sec_06 { background:#F3F6FA; padding:120px 0; overflow:hidden; }
.sec_06 .text_area { text-align:center; }
.sec_06 .text_area h4 { font-size:58px; line-height:72px; }
.sec_06 .text_area h4 br { display:none; }
.sec_06 .text_area p { font-size:20px; line-height:30px; margin-top:20px; }
.sec_06 ul { display:flex; align-items:center; margin-top:100px; }
.sec_06 ul li { display:flex; align-items:center; justify-content:center; margin:0 30px; width:216px; height:216px; font-size:32px; text-align:center;  font-weight:700; color:#fff; padding:40px; border-radius:52px; }
.sec_06 ul li.color1 { background:#4584FF; }
.sec_06 ul li.color2 { background:#42ACBF; }

.sec_07 { display:flex; align-items:center; justify-content:center; height:400px; background:url('./img/sec07_bg.jpg')center no-repeat; }
.sec_07 .text_area { text-align:center; color:#fff; }
.sec_07 .text_area h2 { font-size:50px; line-height:68px; font-weight:600; margin-bottom:40px; }
.sec_07 .text_area a { padding:12px 25px; background:#6E89E4; border-radius:4px; }

.sec_08 { padding:120px 0; }
.sec_08 .text_area { text-align:center; }
.sec_08 .text_area h5 { font-size:58px; }
.sec_08 ul { display:flex; align-items:center; justify-content:space-between; margin:100px auto 0; }
.sec_08 ul li { text-align:center; }
.sec_08 ul li .text_area { margin-top:40px; text-align:left; }
.sec_08 ul li .text_area h5 { font-size:22px; font-weight:700; margin-top:10px; }
.sec_08 ul li .text_area p { font-size:18px; height:26px; color:#575A62; margin-top:20px; }

.page_title_area { display:flex; align-items:center; padding:60px 0; }
.page_title_area h2 { font-size:44px; font-weight:600; }
.page_title_area p { font-size:20px; line-height:30px; color:#575A62; margin-top:20px; font-weight:300; }

.title_img_area { position:relative; width:100%; height:280px; }
.title_img_area.test { background:url('./img/test_title_img.jpg')center no-repeat; }
.title_img_area.customer { background:url('./img/customer_title_img.jpg')center no-repeat; }
.title_img_area.curriculum { background:url('./img/curriculum_title_img.jpg')center no-repeat; }
.title_img_area.test ul { position:absolute; display:flex; align-items:center; justify-content:space-between; width:1200px; left:50%; bottom:0; margin-left:-600px; margin-bottom:-60px; }
.title_img_area.test ul li { display:flex; align-items:center; width:32%; height:112px; background:#fff; border:1px solid #D3D6DF; border-radius:4px; padding:30px 60px; }
.title_img_area.test ul li > div { width:100%; text-align:center; }
.title_img_area.test ul li span { font-size:14px; color:#A4ADF2; font-weight:900; }
.title_img_area.test ul li h3 { font-size:22px; margin-top:10px; }
.title_img_area.test ul li.selected { background:#055CF5; border:none; }
.title_img_area.test ul li.selected h3 { color:#fff; }

.test_cont_wrap { padding:120px 0; }
.test_cont_wrap .test_box { margin-bottom:60px; }
.test_cont_wrap .test_box .title_area { display:flex; align-items:baseline;  }
.test_cont_wrap .test_box .title_area .num { display:flex; align-items:center; justify-content:center; width:44px; height:28px; font-size:14px; font-weight:800; color:#fff; background:#055CF5; border-radius:99px; margin-right:10px; }
.test_cont_wrap .test_box .title_area .title_txt { max-width:90%; font-size:24px; line-height:32px; font-weight:700; }

.answer_area { margin-top:40px; }
.answer_area > li { border:1px solid #D3D6DF; background:#fff; border-radius:4px; padding:20px 30px; }
.answer_area > li.selected { border:2px solid #055CF5; color:#055CF5; font-weight:700; }
.answer_area > li:hover { background:#E0EBFF; cursor:pointer; }
.answer_ox { display:flex; align-items:center; justify-content:space-between; }
.answer_ox li { width:49%; text-align:center; padding:30px 60px; }
.answer_num li { margin-bottom:10px; }
.test_cont_wrap .btn_wrap { display:flex; align-items:center; justify-content:space-between; }
.test_cont_wrap .btn_wrap .prev { width:140px; height:48px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #D3D6DF; border-radius:4px; }
.test_cont_wrap .btn_wrap .next { width:140px; height:48px; display:flex; align-items:center; justify-content:center;background:#055CF5; color:#fff; border-radius:4px; }

.curriculum_cont br.m { display:none; }
.curriculum_cont .c_sec_01{ padding:110px 0; }
.c_sec_01 > div { display:flex; align-items:center; justify-content:space-between; }
.c_sec_01 > div h2 { font-size:44px; line-height:58px; font-weight:700; margin-top:30px; }
.c_sec_01 > div p { font-size:20px; line-height:30px; margin-top:20px; }
.c_sec_02 { background:url('./img/cur_sec02_bg.png')center 60% no-repeat; padding:120px 0; }
.c_sec_02 .text_area { text-align:center; }
.c_sec_02 .text_area h4 { font-size:58px; line-height:72px; }
.c_sec_02 .text_area p { font-size:20px; line-height:30px; margin-top:20px; }
.c_sec_02 ul { display:flex; align-items:center; justify-content:space-between; width:1090px; margin:100px auto 0; }
.c_sec_02 ul li { text-align:center; }
.c_sec_02 ul li .text_area { margin-top:40px; }
.c_sec_02 ul li .text_area span { font-size:15px; color:#055CF5; font-weight:700; }
.c_sec_02 ul li .text_area h5 { font-size:22px; font-weight:700; margin-top:10px; }
.c_sec_02 ul li .text_area p { font-size:18px; height:26px; color:#575A62; }
.c_sec_03 { padding:120px 0; }
.c_sec_03 .text_area { text-align:center; }
.c_sec_03 .text_area h4 { font-size:58px; line-height:72px; }
.c_sec_03 .text_area p { font-size:20px; line-height:30px; margin-top:20px; }
.c_sec_03 .week_list { margin-top:60px; }
.c_sec_03 .week_list > li { display:flex; justify-content:space-between; margin-bottom:40px; }
.c_sec_03 .week_list li .line_wrap { display:flex; flex-direction:column; align-items:center; justify-content:space-between; }
.c_sec_03 .week_list li .line_wrap span { width:110px; background:#055CF5; color:#fff; font-size:24px; font-weight:700; border-radius:99px; padding:4px 10px; text-align:center; }
.c_sec_03 .week_list li .line_wrap .line { width:4px; height:100%; background:#D9D9D9; margin-top:40px; }
.c_sec_03 .cont_wrap { width:100%; margin-left:50px; }
.c_sec_03 .cont_wrap h5 { font-size:30px; font-weight:700; margin-bottom:40px; }
.c_sec_03 .cont_wrap > ul { display:flex; align-items:top; justify-content: space-between; }
.c_sec_03 .cont_wrap > ul > li { width:100%; padding:60px; border:1px solid #d9d9d9; border-radius:10px; }
.c_sec_03 .cont_wrap > ul li.box_01 { margin-right:20px; }
.c_sec_03 .cont_wrap > ul li.box_02 { background:#EFF5FF; }
.c_sec_03 .cont_wrap > ul > li > span { display:inline-block; font-size:20px; color:#055CF5; font-weight:600; margin-bottom:20px; }
.c_sec_03 .cont_wrap .tabnav { display:flex; width:100%; margin-top:20px; margin-bottom:20px; }
.c_sec_03 .cont_wrap .tabnav > li { margin-right:20px; }
.c_sec_03 .cont_wrap .tabnav > li:last-child { margin-right:0; }
.c_sec_03 .cont_wrap .tabnav a { font-size:18px; font-weight:500; color:#9EA1AB; }
.c_sec_03 .cont_wrap .tabnav a.active { color:#141519; text-decoration:underline; }
.c_sec_03 .tabcontent > ul { margin-top:20px; }
.c_sec_03 .tabcontent > ul > li { display:flex; align-items:flex-start; margin-bottom:10px; font-size:18px; font-weight:500; }
.c_sec_03 .tabcontent > ul > li > p { display:block; width:100%; }
.c_sec_03 .tabcontent .num { display:inline-block; width:20px !important; height:20px !important; line-height:20px; text-align:center; font-size:12px; font-weight:700; color:#fff; background:#727C9B; margin-right:10px; }
.c_sec_03 .tabcontent .description { color:#9EA1AB; }
.c_sec_03 .description.info { width:100%; text-align: right; }
.c_sec_03 .description.info br.m { display:none; }
.c_sec_04 { position:relative; background:#E0EBFF; padding:120px 0; }
.c_sec_04 h4 { font-size:44px; line-height:58px; }
.c_sec_04 h4 span { color:#055CF5; }
.c_sec_04 p { font-size:20px; line-height:30px; margin-top:20px; }
.c_sec_04 p br.m {display:none;}
.c_sec_04 .swiper-slide { display:flex; align-items:center; justify-content:space-between; }
.c_sec_04 .swiper-button-prev::after, .c_sec_04 .swiper-rtl .swiper-button-next::after, .c_sec_04 .swiper-button-next:after, .c_sec_04 .swiper-rtl .swiper-button-prev:after { content:''; }
.c_sec_04 .swiper-button-prev { left:0; bottom:0; right:auto; top:auto; width:40px; height:40px; background:url('./img/cur_slide_left.png')center no-repeat; }
.c_sec_04 .swiper-button-next { left:0; bottom:0; right:auto; top:auto; margin-left:60px; width:40px; height:40px; background:url('./img/cur_slide_right.png')center no-repeat; }
.c_sec_04 .swiper-pagination { left:0 !important; bottom:auto !important; top:0 !important; right:auto !important; margin:0 !important; width:auto !important; }
.c_sec_05 { background:url('./img/cur_sec_05_bg.png')center no-repeat; padding:120px 0; }
.c_sec_05 > div { text-align:center; }
.c_sec_05 .text_area { text-align:center; color:#fff; }
.c_sec_05 span { color:#ccc; }
.c_sec_05 h4 { font-size:44px; line-height:58px; }
.c_sec_05 p, .c_sec_05 span { font-size:20px; line-height:30px; margin-top:20px; }
.c_sec_05 p br.m { display:none; }
.c_sec_05 a { display:inline-block; background:#055CF5; color:#fff; padding:10px 30px; border-radius:4px; margin-top:40px; }

footer { display:flex; justify-content:space-between; width:100%; background:#141519; padding:40px 30px 60px; }
footer .com_info { display:flex; flex-direction: column; line-height:150%; }
footer .com_info h5 { font-size:14px; font-weight:600; color:#fff; margin-bottom:5px; }
footer .com_info > div span { font-size:14px; font-weight:500; color:#777; }
footer .com_info .info_02 { margin:20px 0; }
footer .com_info .info_txt span { padding-right:10px; border-right:1px solid #333; margin-right:10px; }
footer .com_info .info_txt span:last-child { border-right:none; }
footer .com_info .info_txt span.eng { color:#ccc; font-weight:500; margin-right:10px; padding-right:0; }
footer .footer_menu { display:flex; }
footer .footer_menu li { padding-right:10px; border-right:1px solid #333; margin-right:10px; }
footer .footer_menu li:last-child { border-right:none; }
footer .footer_menu li a { font-size:14px; font-weight:500; color:#777; }
footer .copyright { font-size:14px; color:#ccc; font-weight:500; margin-top:20px; }
footer .right_area, footer .right_area ul { display:flex; }
footer .right_area ul { margin-right:40px; }
footer .right_area ul li { margin-left:10px; }
footer .right_area ul li a { width:40px; height:40px; border-radius:40px; display:flex; align-items:center; justify-content:center; background:#f6f6f6; }
footer .right_area .family_link { display:flex; align-items:center; justify-content:space-between; width:150px; height:44px; padding:8px 10px 8px 14px; font-size:15px; font-weight:500; color:#F6F6F6; border:1px solid #979CAB; border-radius:4px; background:#141519; }
footer .right_area .family_link img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }


@media (max-width: 767px) {

    /* common */
    .contents_width { width:90vw; margin:0 auto; }
    .contents_width.bbs { padding:5vh 0; }
    .contents_width.member, .contents_width.terms { padding:5vh 0; border-top:1px solid #E9EAED; }
    /* checkbox */
    .custom-checkbox input[type="checkbox"] { display: none; }
    .custom-checkbox { display: flex; align-items: center; cursor: pointer; font-size: 13px; color: #333; }
    .custom-checkbox .checkbox-box { width: 16px; height: 16px; border: 1px solid #d9d9d9; border-radius: 2px; margin-right: 8px; display: inline-block; position: relative; background-color: #fff; transition: background-color 0.3s, border-color 0.3s; }
    .custom-checkbox input[type="checkbox"]:checked + .checkbox-box { background-color: #055CF5; border-color: #055CF5; }
    .custom-checkbox input[type="checkbox"]:checked + .checkbox-box::after { content: ""; position: absolute; top: 1px; left: 4px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
    .custom-checkbox:hover .checkbox-box { border-color: #055CF5; }

    /* Member */
    .btn_submit { max-width:100% !important; }
    .member .control-group { width:100%; display:flex; flex-wrap:wrap; align-items:center; min-height:44px; margin-bottom:20px; }
    .member .btn { text-shadow:none !important; border-radius:4px !important; border:1px solid #D3D6DF; }
    .member input { height:44px !important; border-radius:4px; border:1px solid #D3D6DF; padding:10px 5px !important; }
    .member input[type="text"], .member input[type="password"], .member input[type="email"] { width:100%; height:44px !important; font-size:15px; }
    .member input[type="radio"] { height:19px !important; }
    .member input[type="date"] { width:70%; }
    .member label { min-width:40px; margin-right:60px; }
    .member .dateRemover { width:92px !important; height:44px; background:#575A62; border:none !important; color:#fff; margin-left:10px; font-size:15px; font-weight:300; }
    .member select { width:500px; height:44px !important; font-size:15px;  padding:10px 5px !important; }
    .member .control-label { width:100% !important; text-align:left !important; font-size:16px !important; font-weight:600; margin-right:0 !important; margin-bottom:10px; }
    .member .control-group em { float:left; color:#055CF5 !important; margin-right:5px; }
    .member .controls { display:flex; flex-wrap:wrap; width:100%; margin-left:0 !important; max-width:inherit; }
    .member .help-inline, .member .help-block { font-size:14px; margin-top:5px !important; color:#727C9B !important; }
    .member .rx_ev_radio { display:flex; align-items:center; }
    .member .rx_ev_radio > label { margin-right:60px; }
    .member .krZip { width:100%; }
    .member .krzip-postcode-wrap { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; margin-bottom:20px; }
    .member .krzip-postcode-wrap label { display:block; width:100%; font-size:14px; font-weight:500; margin-bottom:10px; }
    .member .krzip-postcode-wrap input { width:100%; }
    .member .krzip-postcode-wrap .btn { width:49% !important; height:44px !important; background:#055CF5; border:none !important; color:#fff; font-size:15px; font-weight:300; margin-top:10px; }
    .member .krzip-postcode-wrap .btn.krzip-delete { background:#575A62; }
    .member .krzip-address-wrap label { display:block; width:100%; font-size:14px; font-weight:500; margin-bottom:10px; }
    .member .krzip-address-wrap input { margin-bottom:10px !important; }
    .member .krzip-detailAddress-wrap label { display:block; width:100%; font-size:14px; font-weight:500; margin-bottom:10px; }
    .member .btnArea { width:100%; display:flex; align-items:center; flex-wrap:wrap; padding-top:30px !important; }
    .member .btnArea > .btn { display:flex; align-items:center; justify-content:center; width:100%; height:48px !important; margin-right:0; color:#fff; font-size:15px; font-weight:300; text-shadow:none; margin-bottom:10px; }
    .member .btnArea .btn-inverse { display:flex; align-items:center; justify-content:center; width:100% !important; height:44px !important;
        background:#055CF5; border:none !important; margin-right:0; border-radius:4px; }
    .member .btnArea .gray { background:#979CAB !important; }

    .member_noinput { border-bottom:1px solid #ccc; padding-bottom:60px; margin-bottom:120px; }
    .member_noinput em { float:left; color:#055CF5 !important; margin-right:5px; }
    .member_noinput dl { width:100%; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
    .member_noinput dl dt { display:flex; align-items:center; width:40%; height:44px; font-size:16px; font-weight:600; }
    .member_noinput dl dd { display:flex; align-items:center; width:60%; height:44px; }
    .member_noinput .btn-group { width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding-top:30px !important; }
    .member_noinput .btn-group .btn { display:flex; align-items:center; justify-content:center; width:100% !important; height:44px !important;
        background:#055CF5; border:none !important; color:#fff; font-size:15px; font-weight:300; text-shadow:none; margin-right:0; border-radius:4px; margin-bottom:10px; }
    .member_noinput .gray { background:#979CAB !important; }

    .pw_check { flex-wrap:wrap; border:none !important; }
    .pw_check > div { width:100%; margin-bottom:10px; }
    .pw_check .control-label { width:100%; margin-bottom:10px; }
    .pw_check .control-input { width:100%; }
    .pw_check .login-footer-submit { width:100%; }
    .pw_check .page_title_area { width:100%; text-align:center; }
    .pw_check .page_title_area .contents_width { width:100%; }
    .pw_check .page_title_area p { font-size:14px; }
    .pw_check .gray { background:#979CAB !important; }

    /* login */
    .signin { width: 100%; margin: 0 auto; height: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding:10vh 0; }
    .signin form { width:100%; }
    .signin .login-header > h1 { font-size: 34px; line-height: 58px; font-weight: 700; text-align: center;}
    .signin .login-header > p { text-align: center; margin-top: 10px; padding: 0 70px;word-break: keep-all; font-size: 16px; font-weight: 300; color: #575A62; line-height: 26px;}
    .signin input { height:44px !important; border-radius:4px; border:1px solid #D3D6DF; padding:10px 12px !important; }
    .signin input::placeholder { color: #CBCFDB; }
    .signin input::-webkit-input-placeholder { color: #CBCFDB; }
    .signin input[type="text"], .signin input[type="password"], .signin input[type="email"] { width:100%; height:44px !important; font-size:15px; }
    .signin .login-body { width:100%; margin-top: 60px; padding: 0 31px; }
    .signin .control-group .control-item-password { margin-top: 40px; }
    .signin .control-item .control-label { font-size: 16px; font-weight: 700; color: #232230;}
    .signin .control-item .control-input { margin-top: 10px; }
    .signin .control-group-account { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
    .signin .control-group-account .find-account-link { font-size: 13px; }
    .signin .login-footer { margin: 40px 0 0; }
    .signin .login-footer .login-footer-item { width: 100%; height: 48px; border-radius: 4px; }
    .signin .login-footer .login-footer-signup { margin-top: 10px; }
    .signin .login-footer .login-signup-link { display: block; border: 1px solid #055CF5; border-radius: 4px; color: #055CF5 !important; background-color: #fff; font-size: 16px; text-align: center; line-height: 46px; }
    .signin .login-footer-submit .btn-inverse { width: 100%; background-image: none; text-shadow: none; box-shadow: none; border:none !important; background-color: #055CF5; color: #fff; height: 48px !important; font-size: 16px; }
    .login-footer-submit .btn-inverse { width: 100%; background-image: none; text-shadow: none; box-shadow: none; border:none !important; background-color: #055CF5; color: #fff; height: 48px !important; font-size: 16px; }
    
    #signup_phase1, #signup_phase2, #signup_phase3 { max-width:100% !important; padding:0 !important; }
    .welcome_message h3 { font-size:28px; }
    .welcome_message p { font-size:20px; }
    
    .notice-box { max-height:15vh; overflow-y: scroll; }

    /* Layout */
    .header { position:relative; display:flex; align-items:center; justify-content:space-between; width:100%; height:70px; padding:0 5vw; }
    .header.pc { display:none; }
    .header.mob { display:flex; justify-content: space-between; }
    .header .top_logo { margin-bottom:0 !important; }

    #check_box { display: none; }
    #check_box + label { position: relative; display: block; width: 8vw; height: 6vw; cursor: pointer; /* z-index 추가 */ z-index: 3; }
    #check_box + label > span { position: absolute; display: block; width: 100%; height: 2px; background:#fff; transition: all 300ms; }
    .header.sub #check_box + label > span { background:#575A62; }
    #check_box:checked + label > span:nth-child(1) { top: 50%; transform: translate(0, -50%); transform: rotate(45deg); background:#fff; }
    #check_box + label > span:nth-child(2) { top: 50%; transform: translate(0, -50%); }
    #check_box:checked + label > span:nth-child(2) { opacity: 0; }
    #check_box + label > span:nth-child(3) { bottom: 0; }
    #check_box:checked + label > span:nth-child(3) { top: 50%; transform: translate(0, -50%); transform: rotate(-45deg); background:#fff; }
    #side_menu { position:fixed; display:flex; flex-direction:column; width: 90vw; height: 100%; background-color: #055CF5; right:-90vw; transition: all 300ms; z-index: 2; top: 0px; padding:10vh 10vw; box-sizing: border-box; }
    #check_box:checked + label + #side_menu { right: 0; }
    #side_menu .main_menu { flex-direction: column; align-items: flex-start; }
    #side_menu .main_menu li { margin-left:0; margin-bottom:2vh; }
    #side_menu .main_menu li a { font-size:26px; color:#fff; }
    #side_menu .login_menu { flex-direction: column; align-items: flex-start; margin-top:3vh; margin-left:0; }
    #side_menu .login_menu li { margin-left:0; margin-bottom:1vh; }
    #side_menu .login_menu li a { font-size:20px; color:rgba(255,255,255,0.7); }
    #modal_bg { display:none; position:absolute; width:100vw; height:100vh; top:0; left:0; background:rgba(0, 0, 0, 0.7); z-index:1; }

    .main_menu { position:relative; left:auto; margin-left:0; width:100%; align-items:center; justify-content:space-evenly; }
    .main_menu > li > a { font-size:19px; font-weight:500; margin:0; }
    .login_menu { align-items:center; }
    .login_menu > li > a { padding:0; border:none; border-radius:0; margin-left:0; font-size:13px; }
    .header.main { position:absolute; width:100%; height:70px; padding:0 5vw; z-index:9999; }
    .header.main .top_logo img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
    .header.main .main_menu > li > a, .header.main .login_menu > li > a { color:#fff; }
    .header .main_menu > li > a.selected { color:#055CF5; }

    .menu-container { width: 100%; margin: 0 auto; padding-bottom:30px; margin-bottom:50px; border-bottom:1px solid #ddd; }
    .menu-container .menu { list-style: none; display: flex; align-items: center; padding: 20px 0; }
    .menu > li:nth-child(2) { margin-left: 40px; }
    .menu-item { font-size: 20px; font-weight: 600; }
    .menu-item.active { color: #055CF5; }

    .bbs .copyright { display:none !important; }

    .term_box { width:100%; border:1px solid #eee; border-radius:4px; padding:5vh 5vw; }

    .sec_01 { width:100%; height:100vh; background-size:cover; }
    .sec_01 .text_area { text-align:center; margin-top:0; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); padding:0 10vw; }
    .sec_01 .text_area h2 { font-size:38px; color:#fff; }
    .sec_01 .text_area p { font-size:20px; line-height:30px; color:#fff; margin-top:20px; }
    .sec_01 .text_area p br { display:inline; }

    .sec_02 { padding:10vh 0 5vh; background:#F2F8FF; }
    .sec_02 .text_area { text-align:center; }
    .sec_02 .text_area h2 { font-size:28px; line-height:1.4; font-weight:700; }
    .sec_02 .text_area h2 span { color:#055CF5; }
    .sec_02 .text_area ul { margin-top:20px; }
    .sec_02 .text_area ul li { font-size:20px; line-height:1.4; color:#575A62; margin-top:10px; }
    .sec_02 .text_area ul li span { display:block; font-weight:700; color:#055CF5; }
    .sec_02 .img_box { flex-direction:column; width:100%; height:auto; margin:40px auto 0; }
    .sec_02 .img_box li { display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:90vw; height:auto; border-radius:25px; color:#fff; margin-bottom:5vh; padding:1vh 7vw; }
    .sec_02 .img_box li:nth-child(1) { background:linear-gradient(#4584FF, #176DEB); }
    .sec_02 .img_box li:nth-child(2) { background:linear-gradient(#6F8BE5, #606DD2); } 
    .sec_02 .img_box li:nth-child(3) { background:linear-gradient(#56C3CD, #42ACBF); }
    .sec_02 .img_box li h3 { font-size:32px; }
    .sec_02 .img_box li p { font-size:18px; line-height:26px; font-weight:300; margin-top:0.5vw; color:rgba(255, 255, 255, 0.6); }
    .sec_02 .img_box li .img { position:relative; width:30vw; height:30vw; top:auto; right:auto; margin-top:0px; }
    .sec_02 .img_box li .img img { display:inline-block; width:100%; height:100%; } 
    .sec_02 .img_box::after { content:'vs'; position:absolute; width:100px; height:100px; top:30%; display:flex; align-items:center; justify-content:center; text-align:center; font-size:34px; font-weight:900; color:#727C9B; }

    .sec_03 { padding:10vh 0 5vh; }
    .sec_03 .text_area { text-align:center; margin-bottom:40px; }
    .sec_03 .text_area h4 { font-size:28px; line-height:1.4; font-weight:700; margin-top:10px; }
    .sec_03 .text_area p { font-size:20px; line-height:30px; color:#727C9B; margin-top:0; }
    .sec_03 ul { display:flex; flex-direction:column; }
    .sec_03 ul > li { display:flex; flex-direction:column; align-items:center; height:auto; padding:5vh 10vw 20vh; margin-bottom:20px; border-radius:40px; background-blend-mode: multiply; }
    .sec_03 ul > li h3 { font-size:24px; line-height:34px; font-weight:700; }
    .sec_03 ul > li p { display:inline-block; width:80%; font-size:16px; line-height:26px; color:#575A62; margin-top:10px; }
    .sec_03 ul > li p br { display:none; }
    .sec_03 ul > li:nth-child(1) { background:#E0EBFF url('./img/sec03_img_01.png')right 90% no-repeat; background-size:50vw auto; }
    .sec_03 ul > li:nth-child(2) { background:#E0EBFF url('./img/sec03_img_04.png')right 90% no-repeat; background-size:50vw auto; }
    .sec_03 ul > li:nth-child(3) { background:#E0EBFF url('./img/sec03_img_02.png')200% 90% no-repeat; background-size:70vw auto; }
    .sec_03 ul > li:nth-child(4) { background:#E0EBFF url('./img/sec03_img_05.png')80% 90% no-repeat; background-size:40vw auto; }
    .sec_03 ul > li:nth-child(2),
    .sec_03 ul > li:nth-child(4) { justify-content:right; }

    .sec_04 { display:flex; flex-direction: column; align-items:center; height:1080; overflow:hidden; background:url('./img/sec04_bg.jpg')center top no-repeat; padding:10vh 0 0; }
    .sec_04 .text_area { color:#fff; text-align:center; padding:0 10vw; }
    .sec_04 .text_area h4 { font-size:28px; line-height:1.4; font-weight:700; margin-top:30px; }
    .sec_04 .text_area p { font-size:20px; line-height:30px; color:#727C9B; margin-top:10px; }
    .sec_04 .text_area p br { display:none; }
    .sec_04 ul { display:flex; flex-direction:column; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:70px; padding:0 10vw; }
    .sec_04 ul li { display:flex; flex-direction: column; justify-content:space-between; width:100%; height:auto; padding:30px 20px; margin-bottom:40px; font-size:16px; line-height:24px; background:#30374D; border-radius:20px; color:#fff; }
    .sec_04 ul li:nth-child(2), .sec_04 ul li:nth-child(3) { margin-top:0; }
    .sec_04 ul li:nth-child(5), .sec_04 ul li:nth-child(8) { margin-top:0; }
    .sec_04 ul li img { width:40px; height:40px; margin-top:20px; }

    .sec_05 { background:url('./img/sec05_bg.png')center 60% no-repeat; padding:10vh 0 5vh; }
    .sec_05 .text_area { text-align:center; }
    .sec_05 .text_area h4 { font-size:28px; line-height:1.4; }
    .sec_05 .text_area p { font-size:20px; line-height:30px; margin-top:20px; }
    .sec_05 ul { display:flex; align-items:center; justify-content:space-between; width:1090px; margin:100px auto 0; }
    .sec_05 ul li { text-align:center; }
    .sec_05 ul li .text_area { margin-top:40px; }
    .sec_05 ul li .text_area span { font-size:15px; color:#055CF5; font-weight:700; }
    .sec_05 ul li .text_area h5 { font-size:22px; font-weight:700; margin-top:10px; }
    .sec_05 ul li .text_area p { font-size:18px; height:26px; color:#575A62; }

    .sec_06 { background:#F3F6FA; padding:10vh 0; overflow:hidden; }
    .sec_06 .text_area { text-align:center; padding:0 10vw; }
    .sec_06 .text_area h4 { font-size:28px; line-height:1.4; }
    .sec_06 .text_area h4 br { display:inline; }
    .sec_06 .text_area p { font-size:20px; line-height:30px; margin-top:20px; }
    .sec_06 ul { display:flex; align-items:center; margin-top:50px; }
    .sec_06 ul li { display:flex; align-items:center; justify-content:center; margin:0 0.5vw; width:30vw !important; height:32vw; font-size:18px; text-align:center;  font-weight:700; color:#fff; padding:5vw; border-radius:20px; }
    .sec_06 ul li.color1 { background:#4584FF; }
    .sec_06 ul li.color2 { background:#42ACBF; }
    .sec_06 ul li img { display:block; width:100%; height:auto; }

    .sec_07 { display:flex; align-items:center; justify-content:center; height:400px; background:url('./img/sec07_bg.jpg')center no-repeat; }
    .sec_07 .text_area { text-align:center; color:#fff; padding:0 10vw; }
    .sec_07 .text_area h2 { font-size:30px; line-height:1.4; font-weight:600; margin-bottom:40px; }
    .sec_07 .text_area a { padding:12px 25px; background:#6E89E4; border-radius:4px; }

    .sec_08 { padding:10vh 0 5vh; }
    .sec_08 .text_area { text-align:center; padding:0 10vw; }
    .sec_08 .text_area h5 { font-size:30px; }
    .sec_08 ul { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; width:90vw; margin:40px auto 0; }
    .sec_08 ul li { width:100%; text-align:center; margin-bottom:60px; }
    .sec_08 ul li:last-child { margin-bottom:none; }
    .sec_08 ul li .text_area { margin-top:20px; text-align:left; padding:0; }
    .sec_08 ul li .text_area h5 { font-size:22px; font-weight:700; margin-top:10px; }
    .sec_08 ul li .text_area p { font-size:18px; height:26px; color:#575A62; margin-top:20px; }
    .sec_08 ul li img { display:block; width:100%; height:auto; }

    .page_title_area { display:flex; align-items:center; max-width:inherit; padding:5vh 5vw; }
    .page_title_area h2 { font-size:28px; font-weight:600; }
    .page_title_area p { font-size:18px; line-height:28px; color:#575A62; margin-top:20px; font-weight:300; }

    .title_img_area { position:relative; width:100%; height:200px; }
    .title_img_area.test { background:url('./img/test_title_img.jpg')60% center no-repeat; background-size:cover; }
    .title_img_area.customer { background:url('./img/customer_title_img.jpg')60% center no-repeat; background-size:cover; }
    .title_img_area.curriculum { background:url('./img/curriculum_title_img.jpg')60% center no-repeat; background-size:cover; }
    .title_img_area.test ul { position:absolute; display:flex; align-items:center; justify-content:space-between; width:90vw; left:5vw; bottom:0; margin-left:0; margin-bottom:-40px; }
    .title_img_area.test ul li { display:flex; align-items:center; width:32%; height:80px; background:#fff; border:1px solid #D3D6DF; border-radius:4px; padding:0; }
    .title_img_area.test ul li > div { width:100%; text-align:center; }
    .title_img_area.test ul li span { font-size:14px; color:#A4ADF2; font-weight:900; }
    .title_img_area.test ul li h3 { font-size:18px; margin-top:0; }
    .title_img_area.test ul li.selected { background:#055CF5; border:none; }
    .title_img_area.test ul li.selected h3 { color:#fff; }
    
    .test_cont_wrap { padding:10vh 0; }
    .test_cont_wrap .contents_width { width:90vw !important; max-width:none !important; }
    .test_cont_wrap .test_box { margin-bottom:30px; }
    .test_cont_wrap .test_box .title_area { display:flex; flex-direction: column; align-items:baseline;  }
    .test_cont_wrap .test_box .title_area .num { display:flex; align-items:center; justify-content:center; width:44px; height:28px; font-size:14px; font-weight:800; color:#fff; background:#055CF5; border-radius:99px; margin-right:0; margin-bottom:10px; }
    .test_cont_wrap .test_box .title_area .title_txt { max-width:90%; font-size:20px; line-height:28px; font-weight:700; }

    .answer_area { margin-top:20px; }
    .answer_area > li { border:1px solid #D3D6DF; background:#fff; border-radius:4px; padding:20px 30px; }
    .answer_area > li.selected { border:2px solid #055CF5; color:#055CF5; font-weight:700; }
    .answer_area > li:hover { background:#E0EBFF; cursor:pointer; }
    .answer_ox { display:flex; align-items:center; justify-content:space-between; }
    .answer_ox li { width:49%; text-align:center; padding:10px 60px; }
    .answer_num li { margin-bottom:10px; font-size:18px; }
    .test_cont_wrap .btn_wrap { display:flex; align-items:center; justify-content:space-between; flex-wrap: wrap; }
    .test_cont_wrap .btn_wrap .prev { width:100%; height:48px; display:flex; align-items:center; justify-content:center; background:#fff; border:1px solid #D3D6DF; border-radius:4px; }
    .test_cont_wrap .btn_wrap .next { width:100%; height:48px; display:flex; align-items:center; justify-content:center;background:#055CF5; color:#fff; border-radius:4px; }
    
    .diagnosis-container .diagnosis-icon { width:150px !important; height:150px !important; background-size:contain !important; }
    .diagnosis-container .diagnosis-title { font-size:28px !important; }
    .diagnosis-container .diagnosis-result { padding:5vh 5vw !important; text-align:center !important; }
    .diagnosis-container .diagnosis-result .result-box p { font-size:18px !important; line-height:28px !important; }
    .diagnosis-container .diagnosis-actions { margin-top:30px !important; }

    .curriculum_cont br.m { display:inline; }
    .curriculum_cont .c_sec_01{ padding:7vh 0 10vh; }
    .c_sec_01 > div { display:flex; flex-direction: column; align-items:unset; justify-content:space-between; }
    .c_sec_01 > div h2 { font-size:28px; line-height:1.4; margin-top:0; }
    .c_sec_01 > div p { font-size:16px; line-height:28px; margin-top:20px; }
    .c_sec_01 img { display:block; max-width:90vw; height:auto; margin-top:50px; }
    .c_sec_02 { background:#E0EBFF; padding:10vh 5vw; }
    .c_sec_02 .text_area { text-align:center; }
    .c_sec_02 .text_area h4 { font-size:28px; line-height:1.4; }
    .c_sec_02 .text_area p { font-size:16px; line-height:28px; margin-top:20px; }
    .c_sec_02 ul { display:flex; align-items:center; justify-content:space-between; width:100%; margin:60px auto 0; }
    .c_sec_02 ul li { text-align:center; max-width:30%; }
    .c_sec_02 ul li img { display:block; width:100%; height:auto; }
    .c_sec_02 ul li .text_area { margin-top:40px; }
    .c_sec_02 ul li .text_area span { font-size:12px; color:#055CF5; font-weight:700; }
    .c_sec_02 ul li .text_area h5 { font-size:16px; font-weight:700; margin-top:10px; }
    .c_sec_02 ul li .text_area p { font-size:18px; height:26px; color:#575A62; }
    .c_sec_03 { padding:10vh 0; }
    .c_sec_03 .text_area { text-align:center; }
    .c_sec_03 .text_area h4 { font-size:28px; line-height:1.4; }
    .c_sec_03 .text_area p { font-size:16px; line-height:28px; margin-top:20px; }
    .c_sec_03 .week_list { margin-top:60px; }
    .c_sec_03 .week_list > li { display:flex; justify-content:space-between; margin-bottom:40px; }
    .c_sec_03 .week_list li .line_wrap { display:flex; flex-direction:column; align-items:center; justify-content:space-between; }
    .c_sec_03 .week_list li .line_wrap span { width:66px; background:#055CF5; color:#fff; font-size:16px; font-weight:700; border-radius:99px; padding:4px 10px; text-align:center; }
    .c_sec_03 .week_list li .line_wrap .line { width:2px; height:100%; background:#D9D9D9; margin-top:20px; }
    .c_sec_03 .cont_wrap { width:100%; margin-left:10px; }
    .c_sec_03 .cont_wrap h5 { font-size:20px; font-weight:700; margin-bottom:20px; }
    .c_sec_03 .cont_wrap > ul { display:flex; flex-direction: column; align-items:top; justify-content: space-between; }
    .c_sec_03 .cont_wrap > ul > li { width:100%; padding:20px; border:1px solid #d9d9d9; border-radius:10px; }
    .c_sec_03 .cont_wrap > ul li.box_01 { margin-right:0; margin-bottom:20px; }
    .c_sec_03 .cont_wrap > ul li.box_02 { background:#EFF5FF; }
    .c_sec_03 .cont_wrap > ul > li > span { display:inline-block; font-size:18px; color:#055CF5; font-weight:600; margin-bottom:20px; }
    .c_sec_03 .cont_wrap .tabnav { display:flex; width:100%; margin-top:20px; margin-bottom:20px; }
    .c_sec_03 .cont_wrap .tabnav > li { margin-right:20px; }
    .c_sec_03 .cont_wrap .tabnav > li:last-child { margin-right:0; }
    .c_sec_03 .cont_wrap .tabnav a { font-size:14px; font-weight:500; color:#9EA1AB; }
    .c_sec_03 .cont_wrap .tabnav a.active { color:#141519; text-decoration:underline; }
    .c_sec_03 .cont_wrap img { display:block; width:100%; height:auto; }
    .c_sec_03 .tabcontent > ul { margin-top:20px; }
    .c_sec_03 .tabcontent > ul > li { display:flex; align-items:flex-start; margin-bottom:10px; font-size:14px; font-weight:500; }
    .c_sec_03 .tabcontent > ul > li > p { display:block; width:100%; }
    .c_sec_03 .tabcontent .num { display:inline-block; width:20px !important; height:20px !important; line-height:20px; text-align:center; font-size:12px; font-weight:700; color:#fff; background:#727C9B; margin-right:10px; }
    .c_sec_03 .description.info br.m { display:inline; }
    .c_sec_04 { position:relative; background:#E0EBFF; padding:10vh 0; }
    .c_sec_04 .text_area { width:100%; }
    .c_sec_04 h4 { font-size:28px; line-height:1.4; }
    .c_sec_04 h4 span { color:#055CF5; }
    .c_sec_04 p { font-size:16px; line-height:28px; margin-top:20px; }
    .c_sec_04 p br { display:none; }
    .c_sec_04 p br.m {display:inline;}
    .c_sec_04 .swiper-slide { display:flex; flex-direction: column; align-items:unset; justify-content:space-between; padding:10vh 0; }
    .c_sec_04 .swiper-slide img { display:block; max-width:60vw; min-height:50vw; margin-top:20px; height:auto; margin-left:30vw; }
    .c_sec_04 .swiper-button-prev::after, .c_sec_04 .swiper-rtl .swiper-button-next::after, .c_sec_04 .swiper-button-next:after, .c_sec_04 .swiper-rtl .swiper-button-prev:after { content:''; }
    .c_sec_04 .swiper-button-prev { left:0; bottom:0; right:auto; top:auto; width:40px; height:40px; background:url('./img/cur_slide_left.png')center no-repeat; }
    .c_sec_04 .swiper-button-next { left:0; bottom:0; right:auto; top:auto; margin-left:60px; width:40px; height:40px; background:url('./img/cur_slide_right.png')center no-repeat; }
    .c_sec_04 .swiper-pagination { left:0 !important; bottom:auto !important; top:0 !important; right:auto !important; margin:0 !important; width:auto !important; }
    .c_sec_05 { background:url('./img/cur_sec_05_bg.png')center no-repeat; padding:10vh 0; }
    .c_sec_05 > div { text-align:center; }
    .c_sec_05 .text_area { text-align:center; color:#fff; }
    .c_sec_05 span { color:#ccc; }
    .c_sec_05 h4 { font-size:28px; line-height:1.4; margin-top:10px; }
    .c_sec_05 p, .c_sec_05 span { font-size:16px; line-height:28px; margin-top:20px; }
    .c_sec_05 p br { display:none; }
    .c_sec_05 p br.m { display:inline; }
    .c_sec_05 a { display:inline-block; background:#055CF5; color:#fff; padding:10px 30px; border-radius:4px; margin-top:40px; }

    footer { display:flex !important; justify-content:space-between; width:100vw; flex-direction:column-reverse; background:#141519; padding:40px 5vw; }
    footer .com_info { max-width:90%; display:flex; line-height:130%; }
    footer .com_info h5 { font-size:14px; font-weight:600; color:#fff; margin-bottom:5px; }
    footer .com_info > div span { font-size:12px; font-weight:500; color:#777; }
    footer .com_info .info_02 { margin:1vh 0; }
    footer .com_info .info_02 br { display:none; }
    footer .com_info .info_txt span { padding-right:10px; border-right:1px solid #333; margin-right:10px; }
    footer .com_info .info_txt span:last-child { border-right:none; }
    footer .com_info .info_txt span.eng { color:#ccc; font-weight:500; margin-right:10px; padding-right:0; }
    footer .footer_menu { display:flex; flex-wrap:wrap; }
    footer .footer_menu li { padding-right:10px; border-right:1px solid #333; margin-right:10px; }
    footer .footer_menu li:last-child, footer .footer_menu li:nth-child(2) { border-right:none; }
    footer .footer_menu li a { font-size:12px; font-weight:500; color:#777; }
    footer .copyright { font-size:12px; color:#ccc; font-weight:500; margin-top:20px; }
    footer .right_area { margin-bottom:30px; }
    footer .right_area, footer .right_area ul { display:flex; }
    footer .right_area ul { margin-right:40px; }
    footer .right_area ul li { margin-left:0; margin-right:10px; }
    footer .right_area ul li a { width:40px; height:40px; border-radius:40px; display:flex; align-items:center; justify-content:center; background:#f6f6f6; }
    footer .right_area .family_link { display:flex; align-items:center; justify-content:space-between; width:150px; height:44px; padding:8px 10px 8px 14px; font-size:12px; font-weight:500; color:#F6F6F6; border:1px solid #979CAB; border-radius:4px; background:#141519; }
    footer .right_area .family_link img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
}