body {padding-top:120px;}
@media(max-width:1280px) {
    body {padding-top: 0;}
}

/*결제*/
#contents .payRadio label {margin-bottom:5px; box-shadow:none;}
.paymentArea table.basicTb2.pay_basicTb2 tr:not(.settle_bank) td {padding-left:20px;}

/*상담예약팝업*/
.reserve_popup {display: none;width: 100%;max-width: 650px;}
.reserve_popup .popup_contents { width: 520px; max-width: 100%; padding:35px 40px 28px; background:#fff; border:2px solid #3b93ef; /*border-radius:8px;*/}
.reserve_popup .reserve_form li {display:flex;}
.reserve_popup .reserve_form li + li {margin-top:12px;}
.reserve_popup .reserve_form .form_title {width:84px; flex-shrink:0; font-size:20px; color:#1e1e1e; font-weight:bold;}
.reserve_popup .reserve_form .form_input_box {flex-grow:1;}
.reserve_popup .reserve_form .form_input_box input[type=text] {width:100%; height:33px; padding: 0 16px; font-size:20px; color:#1e1e1e; font-size:14px; font-weight:500; border:1px solid #a4a4a4; border-radius:4px;}
.reserve_popup .reserve_form .form_input_box input[type=text]::placeholder {color:#a4a4a4;}
.reserve_popup .reserve_form .form_input_box.phone_number {display:flex; align-items:center; gap:7px;}
.reserve_popup .reserve_form .form_input_box.phone_number input {width:35%;}
.reserve_popup .reserve_form .form_input_box.phone_number input:first-child {width:30%;}
.reserve_popup .reserve_form .form_input_box.phone_number .hyphen {font-size:20px; font-weight:bold;}
.reserve_popup .agree_box {display:flex; margin-top:30px; flex-wrap:wrap; gap:8px 15px;}
.reserve_popup .agree_box .agree_text {flex-grow:1; font-size:16px; color:#1e1e1e;}
.reserve_popup .agree_box .agree_text input[type=checkbox] {display:none; visibility:hidden;}
.reserve_popup .agree_box .check_box {display:inline-block; width:18px; height:18px; margin-top: -2px; margin-left:9px; border:1px solid #3b93ef; border-radius:4px; vertical-align:middle;}
.reserve_popup .agree_box .agree_text input[type=checkbox]:checked ~ .check_box {background:rgba(59, 147, 239, 0.15) url(/USER_SKIN/smartfriends/images/common/icon_check.png) center no-repeat; background-size:13px 10px;}
.reserve_popup .agree_box .popview {margin-left:auto; font-size:14px; font-weight:500; color:#3b93ef;}
.reserve_popup .popup_btn_area {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:32px;}
.reserve_popup .popup_btn_area .btn {display:flex; justify-content:center; align-items:center; width:100%; height:48px; font-size:24px; font-weight:bold; color:#fff; background-color:#3b93ef; border-radius:8px;}

/* 마이페이지 수강후기 안내 팝업 */
.review_pop { text-align: center; padding: 30px 10px; min-width: 400px; } 
.review_pop p { font-size: 16px; } 
.review_pop .msg_cont { font-size: 16px; margin: 30px 0; } 
.review_pop .pop_btn { margin-top: 30px; } 
.review_pop .pop_btn .sampleB { width: 45%; display: inline-block; } 

.viewThumbnail img {max-width:800px; width:100%;}
.viewThumbnail {margin-bottom:30px;}

/*똑똑한 상담신청*/
.counsel_area .counsel_banner_box {display:flex; gap:15px; margin-top:25px;}
.counsel_area .counsel_banner_box img {max-width:100%; vertical-align:top;}
.counsel_area .counsel_text {margin-top:25px;}

/*강의상세 배너*/
.viewBuyBanner {margin-top:12px;}
.viewBuyBanner img {width:100%;}
#contents .viewTabs li a {justify-content: center;}

@media(max-width: 1180px) {
	.viewThumbnail img {max-width:800px; width:100%;}
	.viewThumbnail {margin-bottom:30px;}
}

@media(max-width: 767px) {
	/*상담예약*/
	.reserve_popup .popup_contents {padding:3.7313rem 4.4776rem 2.9851rem;}
	.reserve_popup .reserve_form .form_title {width:76px; font-size:16px;}
	.reserve_popup .agree_box {margin-top:3.7313rem;}
	.reserve_popup .agree_box .agree_text {font-size:15px;}
	.reserve_popup .agree_box .check_box {width:16px; height:16px;}
	.reserve_popup .agree_box .agree_text input[type=checkbox]:checked ~ .check_box {background-size:11px 8px;}
	.reserve_popup .popup_btn_area {margin-top:4.0299rem;}
	.reserve_popup .popup_btn_area .btn {height:5.9701rem; font-size:2.9851rem;}
    /* 마이페이지 수강후기 안내 팝업 ~767px */
    .review_pop { text-align: center; padding:15px 5px; min-width:280px; } 
    .review_pop p { font-size: 13px; } 
    .review_pop .msg_cont { font-size: 13px; margin: 15px 0; } 
    .review_pop .pop_btn { margin-top: 15px; } 
    /*똑똑한 상담신청*/
    .counsel_area .counsel_banner_box {flex-wrap:wrap;}
}
/*강좌목록 지원옵션 추가 by kang 240816*/
.class_list > li span.cate {padding: 19px 0 0;font-size: 14px;font-weight: 500;color: rgb(143, 15, 246);}

/* 컴활 랜딩페이지 CSS 시작 */
.computer_img { overflow: hidden; width: 100%; } 
.computer_img .pc { display: block; position: relative; left: 50%; width: 1920px; transform: translate(-50%,0); } 
.computer_img .mo { display: none; } 
.computer_shop .mo_br { display: none; } 
.computer_shop .mo { display: none !important; }
#wrap .computer_shop * { font-family: "Pretendard"; letter-spacing: normal; }

#wrap .computer_curriculum1 * { font-family:"Noto Sans KR", sans-serif !important; } 
.computer_curriculum1 { padding: 93px 0 117px; background-image: linear-gradient( 0deg, rgb(127,134,255) 0%, rgb(145,205,255) 100%); } 
.computer_curriculum1 .tit { font-size: 50px; font-weight: 700; line-height: 63px; color: rgb(67, 83, 199); text-align: center; } 
.computer_curriculum1 .tit strong { font-size: 56px; font-weight: 700; color: #000; } 
.computer_curriculum1 .img { display: block; width: 1100px; margin: 16px auto 0; } 

#wrap .computer_teacher2 * { font-family:"Noto Sans KR", sans-serif !important; } 
.computer_teacher2 { padding: 104px 0 118px; background: #bed6ff; } 
.computer_teacher2 .tit { font-size: 54px; font-weight: 700; color: #010101; text-align: center; } 
.computer_teacher2 .tit span { color: #4e48dc; } 
.computer_teacher2_con { position: relative; max-width: 1100px; margin: 88px auto 0; } 
.computer_teacher2_con .img { overflow: hidden; position: relative; aspect-ratio: 1100 / 520; border-radius: 16px; } 
.computer_teacher2_con .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.computer_teacher2_con .img .img_mo { display: none; } 
.computer_teacher2_con .view_free { position: absolute; right: 48px; bottom: 33px; width: 200px; height: 52px; z-index: 2; animation: freeFloat 0.8s ease infinite, pulse 0.8s ease-in-out infinite; } 
.computer_teacher2_con .view_free img { display: block; width: 100%; } 
.computer_teacher2_con .free_video { display: none; position: absolute; top: 34px; left: 34px; width: 680px; height: 456px; } 
.computer_teacher2_con .free_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

@keyframes freeFloat {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

.computer_smart { padding: 93px 0 100px; background-color: #f2f2f2; } 
.computer_smart .tit { font-family: "Pretendard" !important; font-size: 48px; font-weight: 700; line-height: 1.2; color: rgb(28, 28, 28); text-align: center; } 
.computer_smart .txt { margin-top: 12px; font-size: 24px; font-weight: 400; line-height: 1.25; color: rgb(28, 28, 28); text-align: center; } 
.computer_smart_tab { max-width: 1100px; margin: 47px auto 0; } 
.computer_smart_tab .tit_list { display: flex; justify-content: center; gap:20px; } 
.computer_smart_tab .tit_list > li { flex: 1; } 
.computer_smart_tab .tit_list > li a { display: flex; justify-content: center; align-items: center; height: 76px; background-color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 8px; text-align: center; flex-direction: column; } 
.computer_smart_tab .tit_list > li .info { font-size: 16px; line-height: 1.25; color: #b1bbe0; } 
.computer_smart_tab .tit_list > li .tit2 { margin-top: 7px; font-size: 20px; font-weight: 700; line-height: 1; color: #b1bbe0; } 
.computer_smart_tab .tit_list > li.active a { background: #dbe0f1; border-color: #5f81ff; } 
.computer_smart_tab .tit_list > li.active .info { color: #000000; } 
.computer_smart_tab .tit_list > li.active .tit2 { color: #4e48dc; } 
.computer_smart_tab .tab_con { overflow: hidden; position: relative; margin-top: 32px; } 
.computer_smart_tab .tab_list .img { position: relative; aspect-ratio: 1100 / 560; z-index: 2; } 
.computer_smart_tab .tab_list .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.computer_smart_tab .tab_list .img .img_mo { display: none; } 
.computer_smart_tab .tab_list .gif { position: absolute; top: 255px; left: 373px; width: 342px; height: 158px; z-index: 1; } 
.computer_smart_tab .tab_list .gif img { display: block; width: 100%; height: 100%; object-fit: cover; } 

#wrap .computer_pass_list * { font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.01em; }
.computer_pass { padding: 77px 0 100px; background: #222424; } 
.computer_pass h2 { max-width: 838px; margin: 0 auto; } 
.computer_pass h2 img { display: block; width: 100%; } 
.computer_pass_list { display: grid; gap: 20px; max-width: 1100px; margin: 74px auto 0; grid-template-columns: 353px 727px; } 
.computer_pass_list > li { overflow: hidden; display: flex; padding: 33px 23px 40px; background-color: rgb(255, 255, 255); border-radius: 12px; flex-direction: column; } 
.computer_pass_list > li.grid2 { padding: 33px 40px 40px; } 
.computer_pass_list > li .pass_tit { position: relative; width: 100%; font-size: 28px; font-weight: 700; line-height: 33px; color: rgb(5, 5, 5); z-index: 2; align-self: baseline; } 
.computer_pass_list > li .pass_tit span { font-size: 28px; font-weight: 700; color: #6b8eff; } 
.computer_pass_list > li.grid2 .pass_tit { text-align: center; } 
.computer_pass_list > li .info_list { margin-top: 22px; padding: 20px 16px; background-color: rgb(238, 238, 238); border-radius: 8px; flex-grow: 1; } 
.computer_pass_list > li .info_list + .pass_tit { margin-top: 22px; } 
.computer_pass_list > li .info_list > li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 14px; } 
.computer_pass_list > li .info_list > li:first-child { margin-top: 0 !important; } 
.computer_pass_list > li .info_list > li:has(.tag),
.computer_pass_list > li .info_list > li:has(.tag) + li,
.computer_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: 12px; } 
.computer_pass_list > li .info_list > li .tit_wrap { display: inline-flex; align-items: center; position: relative; } 
.computer_pass_list > li .info_list > li .tit_wrap .tit { font-size: 14px; font-weight: 500; color: rgb(0, 0, 0); } 
.computer_pass_list > li .info_list > li .tit_wrap .date { margin-left: 6px; font-size: 12px; color: #666666; } 
.computer_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { position: relative; width: 16px; height: 16px; margin-left: 8px; background: url('/USER_SKIN/computer/images/computer_pass_tooltip.svg') center/contain no-repeat; border-radius: 50%; font-size: 0; } 
.computer_pass_list > li .info_list > li .tit_wrap .tooltip2_icon:hover + .tooltip2 { display: block; } 
.computer_pass_list > li .info_list > li .tit_wrap .tooltip2 { display: none; position: absolute; right: 25px; bottom: 34px; width: 200px; padding: 9px 10px; background-color: rgb(0, 0, 0); border-radius: 4px; font-size: 12px; line-height: 1.5; color: rgb(255, 255, 255); z-index: 2; transform: translate(100%, 0); word-break: keep-all; } 
.computer_pass_list > li .info_list > li .tit_wrap .tooltip2::after { content: ''; position: absolute; bottom: -8px; left: 11px; width: 0; height: 0; border-top: 8px solid #000000; border-right: 6.5px solid transparent; border-left: 6.5px solid transparent; } 
.computer_pass_list > li .info_list > li .info_detail { width: 100%; margin-top: 3px; } 
.computer_pass_list > li .info_list > li .info_detail > li { display: flex; justify-content: space-between; align-items: center; } 
.computer_pass_list > li .info_list > li .info_detail > li .txt2 { padding-right: 12px; font-size: 14px; line-height: 1.571; color: rgb(102, 102, 102); } 
.computer_pass_list > li .info_list > li .tag { display: inline-flex; align-items: center; height: 19px; padding: 0 12px 2px; border-radius: 21px; font-size: 13px; font-weight: 500; line-height: 1; color: rgb(0, 0, 0); } 
.computer_pass_list > li .info_list > li .tag_yellow { background: #ffebca; } 
.computer_pass_list > li .info_list > li .tag_red { background: #fc6458; font-weight: 500; color: #ffffff; } 
.computer_pass_list > li .info_list > li .tag_blue { background: #d5d4ff; } 
.computer_pass_list > li .info_list > li .txt { padding: 0 12px 0 0; font-size: 14px; color: rgb(0, 0, 0); } 
.computer_pass_list > li .original_price { display: inline-block; position: relative; margin: 25px 10px 0; padding: 0 3px; font-size: 19px; font-weight: 700; line-height: 1; color: rgb(234, 0, 28); } 
.computer_pass_list > li .original_price::after { content: ''; position: absolute; top: 11px; left: 0; width: 113px; height: 22px; background: url('/USER_SKIN/computer/images/computer_pass_price.png') center/contain no-repeat; z-index: 1; } 
.computer_pass_list > li .discount_price { display: flex; align-items: baseline; margin-top: 20px; padding: 0 20px 0 15px; font-size: 19px; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); } 
.computer_pass_list > li .discount_price span { margin-left: auto; font-size: 34px; font-weight: 800; letter-spacing: normal; color: rgb(0, 0, 0); } 
.computer_pass_list > li .btn_consult { display: flex; justify-content: center; align-items: center; width: 100%; height: 52px; margin-top: 25px; background-color: rgb(0, 0, 0); border-radius: 9px; font-size: 15px; font-weight: 700; color: rgb(255, 255, 255); } 
.computer_pass_list > li .max_discount { position: relative; bottom: -1px; margin-right: 11px; margin-left: auto; font-size: 13px; font-weight: 500; line-height: 1; color: rgb(0, 0, 0); } 
.computer_pass_list > li .info_detail2 { width: 100%; font-size: 10px; font-weight: 400; letter-spacing: -0.01em; color: rgb(122, 122, 122); } 
.computer_pass_list > li .info_list2 { display: grid; gap: 22px; grid-template-columns: repeat(3, 1fr); } 
.computer_pass_list > li .info_list2 > li .original_price { margin: 20px 0 0; } 
.computer_pass_list > li .info_list2 > li .discount_price { margin-top: 15px; padding: 0; font-size: 15px; } 
.computer_pass_list > li .info_list2 > li .discount_price span { font-size: 25px; } 
.computer_pass_list > li .img { width: 647px; margin: 10px auto 0; } 

.computer_faq_wrap { padding: 80px 0 105px; background: #222424; }
#wrap .computer_faq_wrap * { font-family:"Noto Sans KR", sans-serif; }
.computer_faq { max-width: 1100px; margin:0 auto; padding: 34px 37px 30px; background-color: #1e1e1e; border-radius: 20px; } 
.computer_faq h2 { font-size: 45px; font-weight: 800; color: rgb(255, 255, 255); text-align: center; } 
.computer_faq h2 span { font-size: 24px; font-weight: 400; } 
.computer_faq_list { margin-top: -2px; } 
.computer_faq_list > li { display: flex; align-items: flex-start; gap:26px; padding: 40px 40px 35px 60px; } 
.computer_faq_list > li + li { border-top: 1px solid #3f3f3f; } 
.computer_faq_list > li .con { overflow: hidden; width: calc(100% - 48px); } 
.computer_faq_list > li .num { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: #6b8eff; border-radius: 50%; font-size: 24px; font-weight: 700; color: #1e1e1e; } 
.computer_faq_list > li .tit { word-break: keep-all; display: block; margin-top: 8px; font-size: 24px; font-weight: 700; line-height: 1.25; color: #6b8eff; } 
.computer_faq_list > li .txt { word-break: keep-all; margin-top: 17px; font-size: 17px; font-weight: 400; line-height: 25px; color: rgb(255, 255, 255); letter-spacing:-0.02em !important; } 

#wrap .computer_start * { font-family:"Noto Sans KR", sans-serif; }
.computer_start { padding: 92px 0 80px; background:url('/USER_SKIN/computer/images/computer_start_bg.png') center/cover no-repeat; text-align: center; } 
.computer_start .tit { font-size: 45px; font-weight: 700; line-height: 1.2; color: #ffffff; } 
.computer_start .txt { margin-top: 18px; font-weight: 500; font-size: 23px; line-height: 1.25; color: #ffffff; } 
.computer_start .link { display: inline-flex; justify-content: center; align-items: center; width: 400px; height: 80px; margin-top: 35px; background-color: rgb(0, 0, 0); border-radius:40px; font-size: 19px; font-weight: 700; color: #ffffff; } 

.computer_pass2 { padding: 31px 0; background: #222222; } 
.computer_pass2 .inner { max-width: 1224px; margin: 0 auto; } 
.computer_pass2_list { display: grid; gap:24px; grid-template-columns: repeat(2, 1fr); } 
.computer_pass2_list > li { position: relative; padding: 26px 42px 30px; background-color: #1c1c1c; border-radius: 8px; } 
.computer_pass2_list > li::after { content:''; position: absolute; top: 20px; right: 18px; background-position: center center; background-size: contain; background-repeat: no-repeat; } 
.computer_pass2_list > li .tit { font-size: 28px; font-weight: 700; line-height: 36px; color: rgb(255, 255, 255); } 
.computer_pass2_list > li .tit span { color: #33c2ff; } 
.computer_pass2_list > li .txt { margin-top: 14px; } 
.computer_pass2_list > li .txt > li { position: relative; padding-left: 25px; font-size: 20px; line-height: 1.2; color: rgb(255, 255, 255); } 
.computer_pass2_list > li .txt > li::before { content:''; position: absolute; top: 4px; left: 0; width: 17px; height: 17px; background:url('/USER_SKIN/computer/images/computer_pass2_list.png') center/contain no-repeat; } 
.computer_pass2_list > li .txt > li + li { margin-top: 10px; } 
.computer_pass2 .noti { margin-top: 18px; font-size: 14px; font-weight: 300; line-height: 1.2; color: rgba(255, 255, 255, 0.6); } 

.free_cs { padding: 86px 0 104px; background: #cddfff; } 
.free_cs .mt0 {margin-top: 0 !important;}
.free_cs form { display: block; max-width: 1000px; margin: 0 auto; } 
.free_cs .cs_txt { font-size: 34px; font-weight: 400; line-height: 1.2; color: #333439; text-align: center; } 
.free_cs .cs_tit { margin-top: 6px; font-size: 51px; font-weight: 800; line-height: 1.2; color: #000000; text-align: center; } 
.free_cs .cs_tit span { color: #2f56ff; } 
.free_cs .cs_form { display: grid; gap:60px; margin-top: 71px; padding:40px; background: #fff; grid-template-columns: repeat(2, 1fr); border-radius: 10px; } 
.free_cs .cs_form .list_tit { display: flex; align-items: center; gap:9px; font-size: 20px; font-weight: 700; line-height: 1; color: rgb(51, 51, 51); } 
.free_cs .cs_form .list_tit::before { content:''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #83b0ff; } 
.free_cs .cs_form .list { display: flex; flex-direction: column; gap:20px; } 
.free_cs .cs_form .list > li { display: flex; align-items: flex-start; } 
.free_cs .cs_form .list > li .list_tit { min-width: 101px; margin-top: 10px; white-space: nowrap; } 
.free_cs .cs_form .list > li .input_wrap { display: flex; flex-wrap:wrap; align-items: center; gap:10px 3px; flex-grow: 1; font-size: 20px; color: #333333; } 
.free_cs .cs_form .list > li input[type="text"] { border-radius:0; width: 28%; height: 41px; padding: 0 10px; border: 1px solid #cdcdcd; flex-grow: 1; font-size: 16px; font-weight: 400; color: #666; } 
.free_cs .cs_form .list > li input::placeholder { color: #a4a4a4; }
.free_cs .cs_form .list > li select { height: 41px; padding-left: 10px; border: 1px solid #cdcdcd; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; font-size: 16px; color: #666; background: #fff; } 
.free_cs .cs_form .list > li .email_select { width: 100%; } 
.free_cs .cs_form .list > li.phone select { width: 28%; flex-grow: 1; }
.free_cs .cs_form .right .noti { height: 183px; margin-top: 11px; padding: 20px; border: 1px solid #cdcdcd; font-size: 12px; line-height: 1.5; color: rgb(102, 102, 102); overflow-y: auto; } 
.free_cs .agree { display: flex; align-items: center; gap:10px; margin-top: 10px; } 
.free_cs .agree::before { content:''; width: 27px; height: 27px; background:url('/USER_SKIN/computer/images/cs_check.svg') center/contain no-repeat; } 
.free_cs .agree:has(input[type="checkbox"]:checked)::before { background-image: url('/USER_SKIN/computer/images/cs_check_on.svg'); } 
.free_cs .agree input[type="checkbox"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: initial; clip: rect(0 0 0 0); } 
.free_cs .agree .txt { font-size: 16px; font-weight: 700; color: rgb(102, 102, 102); } 
.free_cs .cstype { display: flex; align-items: center; gap:10px; margin-top: 10px; } 
.free_cs .cstype::before { content:''; width: 27px; height: 27px; background:url('/USER_SKIN/computer/images/cs_check.svg') center/contain no-repeat; } 
.free_cs .cstype:has(input[type="radio"]:checked)::before { background-image: url('/USER_SKIN/computer/images/cs_check_on.svg'); } 
.free_cs .cstype input[type="radio"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: initial; clip: rect(0 0 0 0); } 
.free_cs .cstype .txt { font-size: 16px; font-weight: 700; color: rgb(102, 102, 102); } 
.free_cs .submit { display: block; margin-top: 40px; } 
.free_cs .submit img { display: block; width: 100%; } 
.free_cs .submit .mo { display: none; } 

.computer_need { padding: 138px 0 94px; background: #1c212b; } 
.computer_need .txt { font-size: 51px; font-weight: 500; line-height: 1; color: #fff; text-align: center; } 
.computer_need .tit { max-width: 889px; margin: 29px auto 0; } 
.computer_need .tit img { display: block; width: 100%; } 
.computer_need_list { display: grid; gap: 20px; max-width: 1100px; margin: 93px auto 0; grid-template-columns: repeat(3, 1fr); } 
.computer_need_list > li { display: flex; align-items: center; height: 517px; padding-top: 45px; background-color: #17171f; border-radius: 24px; flex-direction: column; box-sizing: border-box; } 
.computer_need_list > li .icon { display: block; width: 100%; } 
.computer_need_list > li .card_txt { margin-top: 52px; font-family: "Noto Sans KR" !important; font-size: 26px; font-weight: 400; line-height: 1.423; color: rgb(255, 255, 255); text-align: center; } 
.computer_need_list > li .card_txt .mo_tit { display: none; }
.computer_need_list > li .card_txt strong { font-weight: 700; }  

.computer_benefit { position: relative; padding: 90px 0 88px; height: 1155px; } 
.computer_benefit .bg { position: absolute; top: 50%; left: 50%; width: 1920px; z-index: -1; transform: translate(-50%,-50%); } 
.computer_benefit .txt { font-size: 28px; line-height: 1.25; color: #000000; text-align: center; } 
.computer_benefit .tit { margin-top: 9px; font-size: 48px; font-weight: 700; line-height: 1.2; color: #000000; text-align: center; } 
.computer_benefit .list { display: grid; gap:20px; max-width: 997px; margin: 90px auto 0; grid-template-columns:repeat(3, 1fr); } 
.computer_benefit .list > li { aspect-ratio: 321/250; padding: 21px 0 0; background: url('/USER_SKIN/computer/images/computer_benefit_list.png') center/contain no-repeat; } 
.computer_benefit .list > li .img { display: block; margin: 0 auto; text-align: center; } 
.computer_benefit .list > li .img img { width: auto; height: 130px; } 
.computer_benefit .list > li .list_tit { display: block; margin-top: 6px; font-size: 32px; font-weight: 700; line-height: 1; color: #00baff; text-align: center; } 
.computer_benefit .list > li .list_txt { display: block; margin-top: 7px; font-size: 21px; font-weight: 400; line-height: 1; color: rgb(0, 0, 0); text-align: center; } 

.computer_book { padding:108px 0 60px; background: #e7ecff; } 
.computer_book .tit { background: linear-gradient(180deg, #7f88ff, #4636c9); font-size: 60px; font-weight: 700; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } 
.computer_book .txt { margin-top: -1px; font-family: "Pretendard"; font-size: 44px; font-weight: 500; color: #2b2b2b; text-align: center; } 
.computer_book .txt strong { font-weight: 700; color: #6f70ed; } 
.computer_book .img { display: block; max-width: 1100px; margin:42px auto 0; } 
.computer_book .list { display: grid; position: relative; max-width: 1100px; margin: -117px auto 0; background-color:rgba(35, 36, 39, 0.74); border-radius: 24px; z-index: 1; grid-template-columns: repeat(3, 1fr); } 
.computer_book .list li { position: relative; padding: 38px 0 48px; text-align: center; } 
.computer_book .list li::before { content:''; position: absolute; top: 50%; left: 0; width: 1px; height: 211px; background: #fff; z-index: 1; transform: translate(0,-50%); } 
.computer_book .list li:first-child::before { display: none; } 
.computer_book .list li .icon { display: block; width: auto; height: 130px; margin: 0 auto; } 
.computer_book .list li .list_txt { display: block; margin-top: 18px; font-size: 26px; line-height: 36px; letter-spacing:-0.020em !important; color: rgb(255, 255, 255); } 

/* 태블릿 */
@media(max-width: 1280px) {
    .computer_img .pc {width:146.625vw;} 

    .computer_curriculum1 { padding: 7.266vw 0 9.141vw; } 
    .computer_curriculum1 .tit { font-size: 3.906vw; } 
    .computer_curriculum1 .tit strong { font-size: 4.375vw; } 
    .computer_curriculum1 .img { width: 85.938vw; margin-top: 1.25vw; } 

    .computer_teacher2 { padding: 8.125vw 0 9.219vw; } 
    .computer_teacher2 .tit { font-size: 4.219vw; } 
    .computer_teacher2_con { max-width: 85.938vw; margin-top: 6.875vw; } 
    .computer_teacher2_con .img { border-radius: 1.25vw; } 
    .computer_teacher2_con .view_free { right: 3.75vw; bottom: 2.578vw; width: 15.625vw; height: 4.063vw; } 
    .computer_teacher2_con .free_video { top: 2.656vw; left: 2.656vw; width: 53.125vw; height: 35.625vw; } 

    .computer_smart { padding: 7.219vw 0 7.812vw; } 
    .computer_smart .tit { font-size: 3.75vw; } 
    .computer_smart .txt { margin-top: 0.938vw; font-size: 1.875vw; } 
    .computer_smart_tab { max-width: 85.938vw; margin-top: 3.672vw; } 
    .computer_smart_tab .tit_list { gap: 1.562vw; } 
    .computer_smart_tab .tit_list > li a { height: 5.938vw; border-radius: 0.625vw; } 
    .computer_smart_tab .tit_list > li .info { font-size: 1.25vw; } 
    .computer_smart_tab .tit_list > li .tit2 { margin-top: 0.547vw; font-size: 1.562vw; } 
    .computer_smart_tab .tab_con { margin-top: 2.5vw; border-radius: 1.25vw; }
    .computer_smart_tab .tab_list .gif { top: 19.92vw; left: 29.14vw; width: 26.72vw; height: 12.34vw; } 

    .computer_pass { padding: 6.016vw 0 7.813vw; } 
    .computer_pass h2 .img_pc { max-width: 65.469vw; } 
    .computer_pass_list { gap: 1.563vw; max-width: 85.938vw; margin-top: 5.781vw; grid-template-columns: 27.578vw 56.797vw; } 
    .computer_pass_list > li { padding: 2.578vw 1.797vw 3.125vw; border-radius: 0.938vw; } 
    .computer_pass_list > li.grid2 { padding: 2.578vw 3.125vw 3.125vw; } 
    .computer_pass_list > li .pass_tit { font-size: 2.188vw; } 
    .computer_pass_list > li .pass_tit span { font-size: 2.188vw; } 
    .computer_pass_list > li .info_list { margin-top: 1.719vw; padding: 1.563vw 1.25vw; border-radius: 0.625vw; } 
    .computer_pass_list > li .info_list + .pass_tit { margin-top: 1.719vw; } 
    .computer_pass_list > li .info_list > li { margin-top: 1.094vw; } 
    .computer_pass_list > li .info_list > li:has(.tag),
    .computer_pass_list > li .info_list > li:has(.tag) + li,
    .computer_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: 0.938vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tit { font-size: 1.094vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .date { margin-left: 0.469vw; font-size: 0.938vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { width: 1.25vw; height: 1.25vw; margin-left: 0.625vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2 { right: 1.953vw; bottom: 2.656vw; width: 15.625vw; padding: 0.703vw 0.781vw; border-radius: 0.313vw; font-size: 0.938vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2::after { bottom: -0.625vw; left: 0.859vw; width: 0; height: 0; } 
    .computer_pass_list > li .info_list > li .info_detail { margin-top: 0.234vw; } 
    .computer_pass_list > li .info_list > li .info_detail > li .txt2 { padding-right: 0.938vw; font-size: 1.094vw; } 
    .computer_pass_list > li .info_list > li .tag { height: 1.484vw; padding: 0 0.938vw 0.156vw; border-radius: 1.641vw; font-size: 1.016vw; } 
    .computer_pass_list > li .info_list > li .txt { padding: 0 0.938vw 0 0; font-size: 1.094vw; } 
    .computer_pass_list > li .original_price { margin: 1.953vw 0.781vw 0; padding: 0 0.234vw; font-size: 1.484vw; } 
    .computer_pass_list > li .original_price::after { top: 0.859vw; left: 0; width: 8.828vw; height: 1.719vw; } 
    .computer_pass_list > li .discount_price { margin-top: 1.563vw; padding: 0 1.563vw 0 1.172vw; font-size: 1.484vw; } 
    .computer_pass_list > li .discount_price span { font-size: 2.656vw; } 
    .computer_pass_list > li .btn_consult { height: 4.063vw; margin-top: 1.953vw; border-radius: 0.703vw; font-size: 1.172vw; } 
    .computer_pass_list > li .max_discount { bottom: -0.078vw; margin-right: 0.859vw; font-size: 1.016vw; } 
    .computer_pass_list > li .info_detail2 { font-size: 0.781vw; } 
    .computer_pass_list > li .info_list2 { gap: 1.719vw; } 
    .computer_pass_list > li .info_list2 > li .original_price { margin: 1.563vw 0 0; } 
    .computer_pass_list > li .info_list2 > li .discount_price { margin-top: 1.172vw; padding: 0; font-size: 1.172vw; } 
    .computer_pass_list > li .info_list2 > li .discount_price span { font-size: 1.953vw; } 
    .computer_pass_list > li .img { width: 50.547vw; margin-top: 0.781vw; } 

    .computer_faq_wrap { padding: 6.25vw 0 8.203vw; } 
    .computer_faq { max-width: 85.938vw; padding: 2.656vw 2.891vw 2.344vw; border-radius: 1.563vw; } 
    .computer_faq h2 { font-size: 3.516vw; } 
    .computer_faq h2 span { font-size: 1.875vw; } 
    .computer_faq_list { margin-top: -0.156vw; } 
    .computer_faq_list > li { gap: 2.031vw; padding: 3.125vw 3.125vw 2.734vw 4.688vw; } 
    .computer_faq_list > li .con { width: calc(100% - 3.75vw); } 
    .computer_faq_list > li .num { width: 3.75vw; height: 3.75vw; font-size: 1.875vw; } 
    .computer_faq_list > li .tit { margin-top: 0.625vw; font-size: 1.875vw; } 
    .computer_faq_list > li .txt { margin-top: 1.328vw; font-size: 1.328vw; line-height: 1.953vw; } 

    .computer_start { padding: 7.188vw 0 6.25vw; } 
    .computer_start .tit { font-size: 3.516vw; } 
    .computer_start .txt { margin-top: 1.406vw; font-size: 1.797vw; } 
    .computer_start .link { width: 31.250vw; height: 6.25vw; margin-top: 2.734vw; border-radius: 3.125vw; font-size: 1.484vw; } 

    .computer_pass2 { padding: 2.422vw 0; } 
    .computer_pass2 .inner { max-width: 95.625vw; } 
    .computer_pass2_list { gap: 1.875vw; } 
    .computer_pass2_list > li { padding: 2.031vw 3.281vw 2.344vw; } 
    .computer_pass2_list > li::after { top: 1.563vw; right: 1.406vw; } 
    .computer_pass2_list > li .tit { font-size: 2.188vw; line-height: 2.813vw; } 
    .computer_pass2_list > li .txt { margin-top: 1.094vw; } 
    .computer_pass2_list > li .txt > li { padding-left: 1.953vw; font-size: 1.563vw; } 
    .computer_pass2_list > li .txt > li::before { top: 0.313vw; left: 0; width: 1.328vw; height: 1.328vw; } 
    .computer_pass2_list > li .txt > li + li { margin-top: 0.781vw; } 
    .computer_pass2 .noti { margin-top: 1.406vw; font-size: 1.094vw; } 

    .free_cs { padding: 6.719vw 0 8.125vw; } 
    .free_cs form { max-width: 78.125vw; } 
    .free_cs .cs_txt { font-size: 2.656vw; } 
    .free_cs .cs_tit { margin-top: 0.469vw; font-size: 3.984vw; } 
    .free_cs .cs_form { gap: 4.688vw; margin-top: 5.547vw; padding: 3.125vw; border-radius: 0.781vw; } 
    .free_cs .cs_form .list_tit { gap: 0.703vw; font-size: 1.563vw; } 
    .free_cs .cs_form .list_tit::before { border-top: 0.469vw solid transparent; border-bottom: 0.469vw solid transparent; border-left: 0.781vw solid #83b0ff; } 
    .free_cs .cs_form .list { gap: 1.563vw; } 
    .free_cs .cs_form .list > li .list_tit { min-width: 7.891vw; margin-top: 0.781vw; } 
    .free_cs .cs_form .list > li .input_wrap { gap: 0.781vw 0.234vw; font-size: 1.563vw; } 
    .free_cs .cs_form .list > li input[type="text"] { height: 3.203vw; padding: 0 0.781vw; font-size: 1.250vw; } 
    .free_cs .cs_form .list > li select { height: 3.203vw; padding-left: 0.781vw; font-size: 1.250vw; } 
    .free_cs .cs_form .right .noti { height: 14.297vw; margin-top: 0.859vw; padding: 1.563vw; } 
    .free_cs .agree { gap: 0.781vw; margin-top: 0.781vw; } 
    .free_cs .agree::before { width: 2.109vw; height: 2.109vw; } 
    .free_cs .agree .txt { font-size: 1.250vw; } 
    .free_cs .cstype { gap: 0.781vw; margin-top: 0.781vw; } 
    .free_cs .cstype::before { width: 2.109vw; height: 2.109vw; } 
    .free_cs .cstype .txt { font-size: 1.250vw; } 
    .free_cs .submit { margin-top: 3.125vw; } 

    .computer_need { padding: 10.781vw 0 7.344vw; } 
    .computer_need .txt { font-size: 3.984vw;  } 
    .computer_need .tit { max-width: 694px; margin-top: 2.266vw; } 
    .computer_need_list { gap: 1.563vw; max-width: 85.938vw; margin-top: 7.266vw; } 
    .computer_need_list > li { height: 40.391vw; padding-top: 3.516vw; border-radius: 1.875vw; } 
    .computer_need_list > li .card_txt { margin-top: 4.063vw; font-size: 2.031vw; }   
    
    .computer_benefit { padding: 6.870vw 0 6.718vw; height: 88.213vw; } 
    .computer_benefit .bg { width: 146.625vw; }
    .computer_benefit .txt { font-size: 2.137vw; } 
    .computer_benefit .tit { margin-top: 0.687vw; font-size: 3.664vw; } 
    .computer_benefit .list { gap:1.527vw; max-width: 76.107vw; margin-top: 6.870vw; } 
    .computer_benefit .list > li { padding: 1.603vw 0 0; } 
    .computer_benefit .list > li .img img { height: 9.924vw; } 
    .computer_benefit .list > li .list_tit { margin-top: 0.458vw; font-size: 2.443vw; } 
    .computer_benefit .list > li .list_txt { margin-top: 0.534vw; font-size: 1.603vw; } 

    .computer_book { padding: 8.438vw 0 4.688vw; } 
    .computer_book .tit { font-size: 4.688vw; } 
    .computer_book .txt { margin-top: -0.078vw; font-size: 3.438vw; } 
    .computer_book .img { max-width: 85.938vw; margin-top: 3.281vw;  } 
    .computer_book .list { max-width: 85.938vw; margin-top: -9.141vw; border-radius: 1.875vw; } 
    .computer_book .list li { padding: 2.969vw 0 3.75vw; } 
    .computer_book .list li::before { width: 0.078vw; height: 16.484vw; } 
    .computer_book .list li .icon { height: 10.156vw; } 
    .computer_book .list li .list_txt { margin-top: 1.406vw; font-size: 2.031vw; line-height: 2.813vw; } 

}

@media(max-width: 1023px) {
    .computer_shop .mo_br { display: block; } 
    .computer_shop .pc_br { display: none; } 
    .computer_shop .pc { display: none !important; }
    .computer_shop .mo { display: block !important; }
    .computer_img .pc { display: none; } 
    .computer_img .mo { display: block; width: 100%; } 

    .computer_start { padding: 90px 0 109px; background-image: url('/USER_SKIN/computer/images/computer_start_bg_mo.png'); } 
    .computer_start .tit { font-size: 52px; } 
    .computer_start .txt { margin-top: 21px; font-size: 32px; } 
    .computer_start .link { width: 560px; height: 100px; margin-top: 43px; border-radius: 50px; font-size: 32px; line-height: 100px; } 

    .free_cs { padding: 114px 0 122px; } 
    .free_cs form { max-width: 656px; } 
    .free_cs .cs_txt { font-size: 32px; } 
    .free_cs .cs_tit { margin-top: 18px; font-size: 56px; } 
    .free_cs .cs_form { gap: 0; margin-top: 71px; padding: 32px; border-radius: 10px; grid-template-columns: repeat(1, 1fr); } 
    .free_cs .cs_form .list_tit { gap: 9px; font-size: 20px; } 
    .free_cs .cs_form .list_tit::before { border-top-width: 6px; border-bottom-width: 6px; border-left-width: 10px; } 
    .free_cs .cs_form .list { flex-wrap: wrap; gap: 20px; flex-direction: row; } 
    .free_cs .cs_form .list > li.name { width: 44%; } 
    .free_cs .cs_form .list > li.phone { width: 50%; flex-grow: 1; } 
    .free_cs .cs_form .list > li.email { grid-column: span 2; } 
    .free_cs .cs_form .list > li .list_tit { min-width: 91px; margin-top: 10px; } 
    .free_cs .cs_form .list > li .input_wrap { gap: 10px 3px; font-size: 20px; } 
    .free_cs .cs_form .list > li input[type="text"] { height: 41px; padding: 0 10px; font-size: 16px; } 
    .free_cs .cs_form .list > li.email input[type="text"] { width: 26%; flex-grow: 0; } 
    .free_cs .cs_form .list > li select { height: 41px; padding-left: 10px; font-size: 16px; } 
    .free_cs .cs_form .list > li .email_select { width: 30%; margin-left: 7px; flex-grow: 1; } 
    .free_cs .cs_form .right { margin-top: 28px; } 
    .free_cs .cs_form .right .noti { height: 146px; margin-top: 11px; padding: 20px; } 
    .free_cs .agree { gap: 9px; margin-top: 10px; } 
    .free_cs .agree::before { width: 27px; height: 27px; } 
    .free_cs .agree .txt { font-size: 16px; } 
    .free_cs .cstype { gap: 9px; margin-top: 10px; } 
    .free_cs .cstype::before { width: 27px; height: 27px; } 
    .free_cs .cstype .txt { font-size: 16px; } 
    .free_cs .submit { margin-top: 40px; } 
    .free_cs .submit .pc { display: none; } 
    .free_cs .submit .mo { display: block; }

    .computer_benefit { padding: 113px 0 120px; height: auto; background: url('/USER_SKIN/computer/images/computer_benefit_bg_mo.jpg') center/cover no-repeat; } 
    .computer_benefit .bg { display: none; } 
    .computer_benefit .txt { font-size: 32px; line-height: 45px; } 
    .computer_benefit .tit { margin-top: 17px; font-size: 56px; line-height: 68px; } 
    .computer_benefit .list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; max-width: 656px; margin-top: 72px; } 
    .computer_benefit .list > li { width: 320px; } 
    .computer_benefit .list > li .img img { height: 130px; } 
    .computer_benefit .list > li:hover .img img { transform: scale(1); } 
    .computer_benefit .list > li .list_txt { margin-top: 9px; font-size: 21px; line-height: 28px; } 
    .computer_benefit .list > li .list_tit { margin-top: 6px; font-size: 32px; line-height: 42px; }

    .computer_pass2 { padding: 31px 0; } 
    .computer_pass2 .inner { max-width: 656px; } 
    .computer_pass2_list { gap: 14px; grid-template-columns: repeat(1, 1fr); } 
    .computer_pass2_list > li { padding: 29px 25px 31px; border-radius: 10px; } 
    .computer_pass2_list > li .tit { font-size: 28px; line-height: 1.3; } 
    .computer_pass2_list > li .txt { margin-top: 14px; } 
    .computer_pass2_list > li .txt > li { padding-left: 25px; font-size: 20px; line-height: 1.3; } 
    .computer_pass2_list > li .txt > li::before { top: 4px; width: 18px; height: 18px; } 
    .computer_pass2_list > li .txt > li + li { margin-top: 8px; } 
    .computer_pass2 .noti { margin-top: 21px; font-size: 18px; line-height: 24px; } 

    .computer_benefit { padding: 80px 0; background: linear-gradient(60deg, #8581ff 0%, #abebff 150%); } 
    .computer_benefit .bg { display: none; } 
    .computer_benefit .txt { font-size: 23px; line-height: 1.3; word-break: keep-all; } 
    .computer_benefit .tit { margin-top: 5px; font-size: 35px; line-height: 1.3; word-break: keep-all; } 
    .computer_benefit .list { display: flex; flex-wrap: wrap; justify-content: center; gap:20px 17px; max-width: 640px; margin-top: 47px; } 
    .computer_benefit .list > li { width: 311px; aspect-ratio: 312 / 244; padding-top: 21px; } 
    .computer_benefit .list > li .img img { height: 127px; } 
    .computer_benefit .list > li:hover .img img { transform: scale(1); } 
    .computer_benefit .list > li .list_tit { margin-top: 6px; font-size: 31px; line-height: 1; } 
    .computer_benefit .list > li .list_txt { margin-top: 9px; font-size: 20px; line-height: 1; } 

    .computer_need { padding: 75px 0 97px; } 
    .computer_need .txt { font-size: 34px; line-height: 1.3; } 
    .computer_need .tit { max-width: 559px; margin-top: 17px; } 
    .computer_need_list { gap: 20px; max-width: 656px; margin-top: 67px; grid-template-columns: repeat(1, 1fr); } 
    .computer_need_list > li { gap:48px; height: auto; height: 300px; padding: 0 0 0 55px; border-radius: 24px; flex-direction: row; } 
    .computer_need_list > li .icon { width: 157px; } 
    .computer_need_list > li .card_txt { margin-top: 0; font-size: 26px; line-height: 37px; text-align: left; } 
    .computer_need_list > li .card_txt .mo_tit { display: block; margin-bottom: 21px; } 
    .computer_need_list > li .card_txt .mo_tit img { height: 66px; } 

    .computer_curriculum1 { padding: 92px 0 132px; } 
    .computer_curriculum1 .tit { font-size: 41px; line-height: 56px; } 
    .computer_curriculum1 .tit strong { font-size: 46px; } 
    .computer_curriculum1 .img { width: 667px; margin-top: 27px; } 

    .computer_book { padding: 98px 0 61px; } 
    .computer_book .tit { font-size: 44px; } 
    .computer_book .txt { margin-top: 0; font-size: 32px; } 
    .computer_book .img { max-width: 781px; margin: 59px 0 0; position: relative; left: 50%; transform: translate(-50%,0); } 
    .computer_book .list { max-width: 656px; margin: -53px auto 0; border-radius: 24px; } 
    .computer_book .list li { padding: 21px 0 30px; } 
    .computer_book .list li::before { width: 1px; height: 127px; } 
    .computer_book .list li .icon { height: 79px; } 
    .computer_book .list li .list_txt { margin-top: 10px; font-size: 15px; line-height: 21px; word-break: keep-all; } 

    .computer_teacher2 { padding: 111px 0 120px; } 
    .computer_teacher2 .tit { font-size: 56px; line-height: 1.2; } 
    .computer_teacher2_con { max-width: 656px; margin-top: 40px; } 
    .computer_teacher2_con .img { aspect-ratio: 656 / 601; border: 2px solid #4e48dc; border-radius: 16px; } 
    .computer_teacher2_con .img .img_pc { display: none; } 
    .computer_teacher2_con .img .img_mo { display: block; } 
    .computer_teacher2_con .view_free { display: flex; position: static; width: 200px; height: 52px; margin: 24px auto 0; border-radius: 8px; font-size: 20px; animation:none; } 
    .computer_teacher2_con .free_video { top: 19px; left: 19px; width: 618px; height: 563px; } 

    .computer_smart { padding: 111px 0 120px; } 
    .computer_smart .tit { font-size: 56px; } 
    .computer_smart .txt { margin-top: 18px; font-size: 32px; }
    .computer_smart_tab { max-width: 648px; margin-top: 75px; } 
    .computer_smart_tab .tit_list { gap: 16px; } 
    .computer_smart_tab .tit_list > li a { height: 120px; border-radius: 8px; } 
    .computer_smart_tab .tit_list > li .info { font-size: 20px; } 
    .computer_smart_tab .tit_list > li .tit2 { margin-top: 10px; font-size: 26px; letter-spacing:-0.025em; } 
    .computer_smart_tab .tab_con { margin-top: 32px; } 
    .computer_smart_tab .tab_list .img { aspect-ratio: 648 / 759;} 
    .computer_smart_tab .tab_list .gif { top: 402px; left: 148px; width: 388px; height: 178px; } 

    .computer_pass { padding: 99px 0 0; } 
    .computer_pass h2 { max-width: 715px; } 
    .computer_pass_list { gap: 40px; max-width: 656px; margin-top: 80px; grid-template-columns: repeat(1, 1fr); } 
    .computer_pass_list > li { padding: 33px 32px 32px; border-radius: 12px; } 
    .computer_pass_list > li .pass_tit { font-size: 48px; line-height: 58px; } 
    .computer_pass_list > li .pass_tit span { font-size: 48px; line-height: 58px; }
    .computer_pass_list > li.friends1 .pass_tit span { color: #0e7756; } 
    .computer_pass_list > li.friends2 .pass_tit span { color: #eda62b; } 
    .computer_pass_list > li .info_list { display: flex; flex-wrap: wrap; gap: 16px 0; margin-top: 33px; padding: 20px 0; border-radius: 8px; } 
    .computer_pass_list > li .info_list > li { margin-top: 0; padding: 0 20px; } 
    .computer_pass_list > li .info_list > li:first-child { margin-top: 0 !important; } 
    .computer_pass_list > li .info_list > li.w100 { width: 100%; } 
    .computer_pass_list > li .info_list > li.w50 { width: 50%; } 
    .computer_pass_list > li .info_list > li:has(.tag),
    .computer_pass_list > li .info_list > li:has(.tag) + li { margin-top: 0; } 
    .computer_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: -6px; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tit { font-size: 20px; line-height: 26px; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { top: 0; width: 32px; height: 32px; margin-left: 9px; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2 { right: 34px; bottom: 50px; width: 315px; padding: 13px 10px; border-radius: 4px; font-size: 20px; line-height: 28px; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2.right { right: 180px; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2::after { bottom: -8px; left: 11px; border-top-width: 8px; border-right-width: 6.5px; border-left-width: 6.5px; } 
    .computer_pass_list > li .info_list > li .info_detail { margin-top: 4px; } 
    .computer_pass_list > li .info_list > li .info_detail > li { gap: 4px; } 
    .computer_pass_list > li .info_list > li .info_detail > li .txt2 { padding-right: 0; font-size: 20px; line-height: 32px; } 
    .computer_pass_list > li .info_list > li .tag { height: 32px; padding: 5px 16px; border-radius: 16px; font-size: 20px; font-weight: 600; } 
    .computer_pass_list > li .info_list > li .txt { padding: 0 16px 0 0; font-size: 20px; line-height: 26px; font-weight: 600; }
    .computer_pass_list > li .original_price { width: 280px; margin: 25px auto 0; padding: 0 3px; font-size: 19px; line-height: 1; }
    .computer_pass_list > li .original_price::after { top: 11px; width: 113px; height: 22px; }
    .computer_pass_list > li .discount_price { width: 280px; margin: 20px auto 0; font-size: 19px; padding: 0; }
    .computer_pass_list > li .discount_price span { font-size: 34px; }
    .computer_pass_list > li .btn_consult { height: 74px; margin-top: 36px; border-radius: 13px; font-size: 21px; } 
    .computer_pass_list > li .info_list > li .tit_wrap .date { margin-left: 9px; font-size: 17px; } 
    .computer_pass_list > li .max_discount { bottom: -1px; margin-right: 16px; font-size: 19px; } 
    .computer_pass_list > li .info_detail2 { font-size: 14px; } 
    .computer_pass_list > li .info_list + .pass_tit { margin-top: 31px; } 
    .computer_pass_list > li.grid2 { padding:33px 32px 32px; } 
    .computer_pass_list > li .info_list2 { gap: 20px; } 
    .computer_pass_list > li .info_list2 > li .original_price { width: 180px; margin-top: 17px; font-size: 17px; } 
    .computer_pass_list > li .info_list2 > li .original_price::after { top: 9px; width: 106px; height: 20px; } 
    .computer_pass_list > li .info_list2 > li .discount_price { width: 180px; margin-top: 15px; font-size: 13px; } 
    .computer_pass_list > li .info_list2 > li .discount_price span { font-size: 23px; } 
    .computer_pass_list > li .img { width: 100%; margin-top:18px; } 

    #wrap .computer_faq_wrap * { font-family: "Pretendard"; }
    .computer_faq_wrap { padding: 100px 0; }
    .computer_faq { max-width: 656px; padding:38px 24px 41px; border-radius: 20px; } 
    .computer_faq h2 { font-size: 56px; } 
    .computer_faq h2 span { font-size: 32px; } 
    .computer_faq_list { margin-top: 3px; } 
    .computer_faq_list > li { gap:0; padding:40px 16px 33px; flex-direction: column; } 
    .computer_faq_list > li + li { border-top-width: 1px; } 
    .computer_faq_list > li .num { width: 48px; height: 48px; font-size: 24px; } 
    .computer_faq_list > li .tit { margin-top: 15px; font-size: 32px; } 
    .computer_faq_list > li .txt { margin-top: 25px; font-size: 24px; line-height: 1.333; } 
    .computer_faq_list > li .con { width: 100%; } 
    .computer_faq_list .pc_br { display: none; }
}

/* 모바일 */
@media(max-width: 720px) {
    .free_cs { padding: 15.833vw 0 16.944vw; } 
    .free_cs form { max-width: 91.667vw; } 
    .free_cs .cs_txt { font-size: 4.444vw; } 
    .free_cs .cs_tit { margin-top: 2.500vw; font-size: 7.778vw; } 
    .free_cs .cs_form { margin-top: 9.861vw; padding:clamp(26px, 4.444vw, 32px); border-radius: clamp(8px, 1.389vw, 10px); } 
    .free_cs .cs_form .list_tit { gap: clamp(7px, 2.778vw, 9px); font-size: clamp(15px, 2.778vw, 20px); } 
    .free_cs .cs_form .list_tit::before { border-top-width: clamp(5px, 0.833vw, 6px); border-bottom-width: clamp(5px, 0.833vw, 6px); border-left-width: clamp(8px, 1.389vw, 10px); } 
    .free_cs .cs_form .list { gap: clamp(16px, 2.778vw, 20px); } 
    .free_cs .cs_form .list > li.name { min-width: 195px; flex-grow: 1; } 
    .free_cs .cs_form .list > li.phone { min-width:320px; } 
    .free_cs .cs_form .list > li .list_tit { min-width: clamp(73px, 12.500vw, 91px); margin-top: clamp(8px, 1.389vw, 10px); } 
    .free_cs .cs_form .list > li .input_wrap { gap: clamp(8px, 1.389vw, 10px) clamp(2px, 0.417vw, 3px); font-size: clamp(16px, 2.778vw, 20px); } 
    .free_cs .cs_form .list > li input[type="text"] { height: clamp(33px, 5.694vw, 41px); padding: 0 clamp(8px, 1.389vw, 10px); font-size: clamp(13px, 2.222vw, 16px); } 
    .free_cs .cs_form .list > li select { height: clamp(33px, 5.694vw, 41px); padding-left: clamp(8px, 1.389vw, 10px); font-size: clamp(13px, 2.222vw, 16px); } 
    .free_cs .cs_form .list > li .email_select { margin-left: clamp(6px, 0.972vw, 7px); } 
    .free_cs .cs_form .right { margin-top: clamp(22px, 3.889vw, 28px); } 
    .free_cs .cs_form .right .noti { height: clamp(117px, 20.333vw, 146px); margin-top: clamp(9px, 1.528vw, 11px); padding: clamp(16px, 2.778vw, 20px); } 
    .free_cs .agree { gap: clamp(7px, 1.250vw, 9px); margin-top: clamp(8px, 1.389vw, 10px); } 
    .free_cs .agree::before { width: clamp(22px, 3.750vw, 27px); height: clamp(22px, 3.750vw, 27px); } 
    .free_cs .agree .txt { font-size: clamp(13px, 2.222vw, 16px); } 
    .free_cs .cstype { gap: clamp(7px, 1.250vw, 9px); margin-top: clamp(8px, 1.389vw, 10px); } 
    .free_cs .cstype::before { width: clamp(22px, 3.750vw, 27px); height: clamp(22px, 3.750vw, 27px); } 
    .free_cs .cstype .txt { font-size: clamp(13px, 2.222vw, 16px); } 
    .free_cs .submit { margin-top: 5.556vw; } 

    .computer_start { padding: 12.5vw 0 15.139vw; } 
    .computer_start .tit { font-size: 7.222vw; } 
    .computer_start .txt { margin-top: 2.917vw; font-size: 4.444vw; } 
    .computer_start .link { width: 77.778vw; height: 13.889vw; margin-top: 5.972vw; border-radius: 6.944vw; font-size: 4.444vw; }

    .computer_pass2 { padding: max(4.306vw, 21px) 0; } 
    .computer_pass2 .inner { max-width: 91.111vw; } 
    .computer_pass2_list { gap: max(1.944vw, 9px); grid-template-columns: repeat(1, 1fr); } 
    .computer_pass2_list > li { padding: max(4.028vw, 19px) max(3.472vw, 17px) max(4.306vw, 21px); border-radius: max(1.389vw, 6px); } 
    .computer_pass2_list > li .tit { font-size: max(3.889vw, 18px); line-height: 1.3; } 
    .computer_pass2_list > li .txt { margin-top: max(1.944vw, 9px); } 
    .computer_pass2_list > li .txt > li { padding-left: max(3.472vw, 17px); font-size: max(2.778vw, 13px); line-height: 1.3; } 
    .computer_pass2_list > li .txt > li::before { top: max(0.556vw, 2px); width: max(2.5vw, 12px); height: max(2.5vw, 12px); } 
    .computer_pass2_list > li .txt > li + li { margin-top: max(1.111vw, 5px); } 
    .computer_pass2 .noti { margin-top: max(2.917vw, 14px); font-size: max(2.5vw, 12px); line-height: max(3.333vw, 16px); } 

    .computer_benefit { padding: max(11.111vw, 53px) 0; } 
    .computer_benefit .txt { max-width: 88.889vw; margin: 0 auto; font-size: max(3.194vw, 15px); } 
    .computer_benefit .tit { max-width: 88.889vw; margin: max(0.694vw, 3px) auto 0; font-size: max(4.861vw, 23px); } 
    .computer_benefit .list { gap: 2.778vw 2.361vw; max-width: 88.889vw; margin-top: 6.528vw; } 
    .computer_benefit .list > li { width: 43.194vw; padding-top: 2.917vw; } 
    .computer_benefit .list > li .img img { height: 17.639vw; } 
    .computer_benefit .list > li .list_tit { margin-top: 0.833vw; font-size: 4.306vw; } 
    .computer_benefit .list > li .list_txt { margin-top: 1.25vw; font-size: 2.778vw; } 
    
    .computer_need { padding: 10.417vw 0 13.472vw; } 
    .computer_need .txt { font-size: 4.722vw; } 
    .computer_need .tit { max-width: 77.639vw; margin-top: 2.361vw; } 
    .computer_need_list { gap: 2.778vw; max-width: 91.111vw; margin-top: 9.306vw; } 
    .computer_need_list > li { gap: 6.667vw; height: 41.667vw; padding: 0 0 0 7.639vw; border-radius: 3.333vw; } 
    .computer_need_list > li .icon { width: 21.806vw; } 
    .computer_need_list > li .card_txt { margin-top: 0; font-size: max(3.611vw, 13px); line-height: max(5.139vw, 19px); } 
    .computer_need_list > li .card_txt .mo_tit { margin-bottom: 2.917vw; } 
    .computer_need_list > li .card_txt .mo_tit img { height: 9.167vw; } 

    .computer_curriculum1 { padding: 12.778vw 0 18.333vw; } 
    .computer_curriculum1 .tit { font-size: 5.694vw; line-height: 7.778vw; } 
    .computer_curriculum1 .tit strong { font-size: 6.389vw; } 
    .computer_curriculum1 .img { width: 92.639vw; margin-top: 3.75vw; } 

    .computer_book { padding: 13.611vw 0 8.472vw; } 
    .computer_book .tit { font-size: 6.111vw; } 
    .computer_book .txt { font-size: 4.444vw; } 
    .computer_book .img { max-width: 108.472vw; margin-top: 8.194vw; } 
    .computer_book .list { max-width: 91.111vw;  margin-top: -7.361vw; border-radius: max(3.333vw, 16px); } 
    .computer_book .list li { padding: max(2.917vw, 14px) 5px max(4.167vw, 20px); } 
    .computer_book .list li::before { width: max(0.139vw, 1px); height: max(17.639vw, 85px); } 
    .computer_book .list li .icon { height: max(10.972vw, 53px); } 
    .computer_book .list li .list_txt { margin-top: max(1.389vw, 7px); font-size: max(2.083vw, 12px); line-height: max(2.917vw, 17px); } 

    .computer_teacher2 { padding: 15.417vw 0 16.667vw; } 
    .computer_teacher2 .tit { font-size: 7.778vw; } 
    .computer_teacher2_con { max-width: 91.111vw; margin-top: 5.556vw; } 
    .computer_teacher2_con .img { border-radius: 2.222vw; } 
    .computer_teacher2_con .view_free { width: max(27.778vw, 130px); height: max(7.222vw, 34px); margin-top: max(3.333vw, 16px); border-radius: max(1.111vw, 5px); font-size: max(2.778vw, 13px); } 
    .computer_teacher2_con .free_video { top: 2.639vw; left: 2.639vw; width: 85.833vw; height: 78.194vw; } 

    .computer_smart { padding: 15.417vw 0 16.667vw; } 
    .computer_smart .tit { font-size: 7.778vw; } 
    .computer_smart .txt { margin-top: 2.5vw; font-size: 4.444vw; }
    .computer_smart_tab { max-width: 90vw; margin-top: 10.417vw; } 
    .computer_smart_tab .tit_list { gap: 2.222vw; } 
    .computer_smart_tab .tit_list > li a { border-width: max(0.278vw, 1px); height: 16.667vw; border-radius: 1.111vw; } 
    .computer_smart_tab .tit_list > li .info { font-size: 2.778vw; } 
    .computer_smart_tab .tit_list > li .tit2 { margin-top: 1.389vw; font-size: 3.611vw; } 
    .computer_smart_tab .tab_con { margin-top: 4.444vw; } 
    .computer_smart_tab .tab_list .gif { top: 55.833vw; left: 20.556vw; width: 53.889vw; height: 24.722vw; } 

    .computer_pass { padding: 13.75vw 0 0; }  
    .computer_pass h2 { max-width: 99.306vw; }
    .computer_pass_list { gap: 5.556vw; max-width: 91.111vw; margin-top: 11.111vw; } 
    .computer_pass_list > li { padding: 4.583vw 4.444vw 4.444vw; border-radius: 1.667vw; } 
    .computer_pass_list > li .pass_tit { font-size: 6.667vw; line-height: 8.056vw; } 
    .computer_pass_list > li .pass_tit span { font-size: 6.667vw; line-height: 8.056vw; }
    .computer_pass_list > li .info_list { gap: 2.222vw 0; margin-top: 4.583vw; padding: 2.778vw 0; border-radius: 1.111vw; } 
    .computer_pass_list > li .info_list > li { padding: 0 2.778vw; } 
    .computer_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: -0.833vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tit { font-size: 2.778vw; line-height: 3.611vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { top: 0; width: 4.444vw; height: 4.444vw; margin-left: 1.25vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2 { right: 4.722vw; bottom: 6.944vw; width: 43.75vw; padding: 1.806vw 1.389vw; border-radius: 0.556vw; font-size: 2.778vw; line-height: 3.889vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2.right { right: 25vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .tooltip2::after { bottom: -1.011vw; left: 1.528vw; border-top-width: 1.211vw; border-right-width: 0.903vw; border-left-width: 0.903vw; } 
    .computer_pass_list > li .info_list > li .info_detail { margin-top: 0.556vw; } 
    .computer_pass_list > li .info_list > li .info_detail > li { gap: 0.556vw; } 
    .computer_pass_list > li .info_list > li .info_detail > li .txt2 { padding-right: 0; font-size: 2.778vw; line-height: 4.444vw; } 
    .computer_pass_list > li .info_list > li .tag { height: 4.444vw; padding: 0.694vw 2.222vw; border-radius: 2.222vw; font-size: 2.778vw; } 
    .computer_pass_list > li .info_list > li .txt { padding: 0 2.222vw 0 0; font-size: 2.778vw; line-height: 3.611vw; }
    .computer_pass_list > li .original_price { width: max(38.889vw, 206px); margin-top: max(3.472vw, 18px); padding: 0 max(0.417vw, 2px); font-size: max(2.639vw, 14px); }
    .computer_pass_list > li .original_price::after { top: max(1.528vw, 8px); width: max(15.694vw, 83px); height: max(3.056vw, 16px); }
    .computer_pass_list > li .discount_price { width: max(38.889vw, 206px); margin-top: max(2.778vw, 15px); font-size: max(2.639vw, 14px); padding: 0; }
    .computer_pass_list > li .discount_price span { font-size: max(4.722vw, 25px); }
    .computer_pass_list > li .btn_consult { height: 10.278vw; margin-top: 5vw; border-radius: 1.806vw; font-size: 2.917vw; } 
    .computer_pass_list > li .info_list > li .tit_wrap .date { margin-left: 1.25vw; font-size: 2.361vw; } 
    .computer_pass_list > li .max_discount { bottom: -0.139vw; margin-right: 2.222vw; font-size: 2.639vw; } 
    .computer_pass_list > li .info_detail2 { font-size: 1.944vw; } 
    .computer_pass_list > li .info_list + .pass_tit { margin-top: 4.306vw; } 
    .computer_pass_list > li.grid2 { padding: 4.583vw 4.444vw 4.444vw; } 
    .computer_pass_list > li .info_list2 { gap: 2.778vw; } 
    .computer_pass_list > li .info_list2 > li .original_price { width: 25vw; margin-top: 2.361vw; font-size: 2.361vw; } 
    .computer_pass_list > li .info_list2 > li .original_price::after { top: 1.25vw; width: 14.722vw; height: 2.778vw; } 
    .computer_pass_list > li .info_list2 > li .discount_price { width: 25vw; margin-top: 2.083vw; font-size: 1.806vw; } 
    .computer_pass_list > li .info_list2 > li .discount_price span { font-size: 3.194vw; } 
    .computer_pass_list > li .img { width: 100%; margin-top: 2.5vw; } 

    .computer_faq_wrap { padding: 13.889vw 0; }
    .computer_faq { max-width: 91.111vw; padding:5.278vw 3.333vw 5.694vw; border-radius: 2.778vw; } 
    .computer_faq h2 { font-size: 7.778vw; } 
    .computer_faq h2 span { font-size: 4.444vw; } 
    .computer_faq_list { margin-top: 0.417vw; } 
    .computer_faq_list > li { padding:5.556vw 2.222vw 4.583vw; } 
    .computer_faq_list > li + li { border-top-width: 0.139vw; } 
    .computer_faq_list > li .num { width: 6.667vw; height: 6.667vw; font-size: 3.333vw; } 
    .computer_faq_list > li .tit { margin-top: 2.083vw; font-size: 4.444vw; } 
    .computer_faq_list > li .txt { margin-top: 3.472vw; font-size: 3.333vw; }
}

@media(max-width: 540px) {
    .free_cs .cs_form .list > li.email input[type="text"] { flex-grow: 1; }
    .free_cs .cs_form .list > li .email_select { width: 100%; margin-left: 0; }
    .free_cs .cs_form .list > li.phone { min-width:100%; }
}

/* 컴활 랜딩페이지 CSS 끝 */