@charset "UTF-8"; @font-face { font-family: 'Pretendard-Regular'; src: url('../css/font/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } 
* { font-family: 'Pretendard-Regular'; font-size: 17px;} 
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; } 

table { border-collapse: collapse; text-align: center; vertical-align: middle; width: 100%; box-sizing: border-box; } 

.susi_main { display: flex; align-items: center; justify-content: space-between; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 76px; padding-bottom: 10px; } 
.susi_mains { display: flex; align-items: center; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 76px; padding-bottom: 10px; } 

.susi_mains > .circle { width: 15px; height: 15px; background-color: #e01820; margin-left: 14px; } 

.susi_mains h2 { font-size: 25px; font-weight: 700; } 

.susi_mains span { font-size: 20px; margin-left: 23px; } 
.susi_main-left span { font-size: 20px; margin-left: 23px; } 

.susi_mains > .circle { width: 15px; height: 15px; background-color: #e01820; margin-left: 14px; } 
.circle { content: ''; width: 5px; height: 5px; border-radius: 100%; background-color: #d3d5d7; margin: 0 12px; } 

.content { width: 1280px; margin: 0 auto; height: auto; margin-top: 50px; color: inherit; font-family: 'Pretendard-Regular'; } 

.univercity-01-content { position: relative; margin-bottom: 30px; } 
.univercity-01-content-inner { display: flex; align-items: center; box-sizing: border-box; padding: 0 10px; } 
.univercity-01-content img { width: 23%; } 
.univercity-01-content-back { background-color: #B8CFDC; display: block; width: 100%; height: 210px; z-index: -1; position: absolute; left: 0; top: 16%; } 
.univercity-01-content-textbox { background-color: #fff; width: 70%; box-sizing: border-box; padding: 30px; border-radius: 20px; box-shadow: 0px 4px 3px #808080; } 
.univercity-01-content-textbox span { font-size: 20px; line-height: 25px; } 
.univercity-01-content-textbox span b { color: #0570C1; font-weight: 600; } 

.univercity-02-content { margin-bottom: 25px; } 
.univercity-02-contents { border:2px solid #B8CFDC; border-radius: 10px; box-sizing: border-box; padding: 1rem; text-align: center; } 
.univercity-content-title { font-size: 20px; font-weight: 600; border-bottom: 3px solid #F4F7FD; margin-bottom: 10px; } 
.univercity-content-title p { margin-left: 15px; } 
.univercity-02-content span { line-height: 25px; font-size: 0.75rem; } 
.univercity-02-content2 span b { color: #1278c5; font-weight: 600; } 

.univercity-info { margin-top: 25px; text-align: center; background-color: #F4F7FD; box-sizing: border-box; padding: 20px; border-radius: 50px; margin-bottom: 30px; } 
.univercity-info h2 { text-align: center; font-size: 18px; color: #0570C1; font-weight: 600; } 

.univercity-info-plus { text-align: center; background-color: #b8ebe1; box-sizing: border-box; padding: 0.5rem; font-size: 0.8rem; border-radius: 50px; width: 80%; margin: 0 auto; margin-bottom: 1rem; } 
.univercity-info-plus h2 b { color: #0570C1; } 

.content02-plus { background-color: #F4F7FD; width: 100%; height: auto; box-sizing: border-box; padding: 10px; } 
.content02-plus span { display: block; font-weight: 600; margin-bottom: 10px; } 
.content02-plus span b { font-weight: 400; margin-left: 10px; } 

.uvivercity-btns .uvivercity-btn { margin-bottom: 1rem; } 
.uvivercity-btn { margin: 0 auto; border: 1px solid #0570C1; padding: 0.8rem 0; width: 30%; text-align: center; font-size: 1rem; border-radius: 8px; transition: .2s; cursor: pointer; } 
.uvivercity-btn:hover { background-color: #0570C1; color: #fff; } 

.uvivercity-btn.profiles { margin-bottom: 1rem; } 
.profile-student.profiles table tr td,.prifile-title-inner table tr td { padding: 0.8rem; } 

.quick-result-btns div { background-color: #fff; color: #0570C1; border: 1px solid #0570C1; border-radius: 8px; padding: 0.5rem 0; font-weight: 600; font-family: 'S-CoreDream-3Light'; transition: .1s; cursor: pointer; } 
.quick-result-btns div:hover { background-color: #0570C1; color: #fff; } 

.quick-start-btns div { background-color: #0570C1; color: #fff; border: 1px solid #002f53; border-radius: 8px; padding: 0.5rem 0; font-weight: 600; font-family: 'S-CoreDream-3Light'; transition: .1s; cursor: pointer; } 
.quick-start-btns div:hover { background-color: #FFD55F; color: #0570C1; border: 1px solid #FFD55F; } 

.quick-edit-btns div { background-color: #FFD55F; color: #a77b00; border: 1px solid #a77b00; border-radius: 8px; padding: 0.5rem 0; font-weight: 600; font-family: 'S-CoreDream-3Light'; transition: .1s; cursor: pointer; } 
.quick-edit-btns div:hover { background-color: #0570C1; color: #fff; border: 1px solid #0570C1; } 

.result-none-data { border: 1px solid #ccc; border-radius: 10px; text-align: center; font-size: 1rem; padding: 0.8rem; margin-bottom: 1rem; } 

.reset-all div { background-color: #fff; color: #e01820; border-radius: 8px; padding: 0.5rem 0; font-weight: 600; font-family: 'S-CoreDream-3Light'; transition: .1s; cursor: pointer; border: 1px solid #e01820; } 
.reset-all div:hover { background-color: #e01820; color: #fff; } 

.span-inner-table { border: 1px solid #ccc; border-collapse: collapse; background-color: #fff; } 
.span-inner-table tr td { padding: 0.5rem; border: 1px solid #ccc; } 
.span-inner-table tr:first-child { background-color: #f5f5f5; } 
.span-inner-table tr:last-child { background-color: #0570C1; color: #fff; } 

.call-number { margin-top: 2rem; } 
.tel-span { border:1px solid #d7d7d7; border-radius: 50px; padding: 1rem; box-sizing: border-box; text-align: center; width: 100%; display: block; font-size: 1rem; } 
/* °Ë»çÁ¤º¸ ÀÔ·ÂÆäÀÌÁö */
/* °øÅë */
.university-test01 { display: flex; width: 100%; justify-content: space-between; align-items: stretch; } 
.university-test-flex { width: 49%; } 
.test-title { display: flex; align-items: center; margin-bottom: 0.5rem; } 
.test-title h2 { font-size: 1rem; font-weight: 600; } 
.test-title span { margin-left: 8px; color: #0570C1; } 
.university-test-inner { border: 1px solid #ccc; border-radius: 10px; } 
.university-test-inner-top { padding: 1rem; } 
.university-test-inner-bottoms { text-align: center; } 
.university-test-inner-bottoms a { display: block; } 

.test-title-m { display: none; } 

/* °³º° */
.university-test-icon01 { display: flex; align-items: center; margin-bottom: 1.5rem; } 
.university-test-icon01:last-child { margin-bottom: 0; } 
.university-test-icon { border: 1px solid #ccc; border-radius: 50px; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; box-sizing: border-box; } 
.university-test-icon img { width: 50%; } 
.university-test-text { margin-left: 8px; } 
.university-test-text h2 { font-size: 0.9rem; font-weight: 600; margin-bottom: 5px; } 
.university-test-inner-bottom { border-top: 1px solid #0570C1; color: #0570C1; } 
.university-test-inner-bottom a { padding: 1.1rem 0; } 

.university-test-inner-top table tr td { font-size: 0.9rem; text-align: center; padding: 0.5rem 0; border-bottom: 1px solid #e6e6e6; } 
.university-test-inner-top table tr td b { color: #0570C1; } 
.table-td { width: 20%; font-size: 0.9rem; } 
.input-type { width: 80%; } 
.input-type form { position: relative; } 
.input-type form input { border: none; background-color: #f5f5f5; border-radius: 50px; width: 100%; padding: 0.5rem; } 
.input-type form button { display: block; border-radius: 50px; width: 25px; height: 25px; text-align: center; border: none; background-color: #ccc; color: #fff; font-size: 20px; position: absolute; right: 8px; top: 14%; } 
.radio { display: flex; align-items: center; width: 100%; } 
.radio div { width: 20%; } 
.profile-td1 { margin-right: 10px; display: flex; align-items: center; } 
.radio input[type='radio'] { accent-color: #0570C1; width: 20px; height: 20px; } 
.university-test-inner-bottom2 { background-color: #0570C1; border-radius: 0 0 10px 10px; color: #fff; font-size: 1rem; box-sizing: border-box; } 
.university-test-inner-bottom2 a div { padding: 1.5rem 0; } 

/* ÀÎÀû»çÇ× Å×À̺í */
.profile-student,.prifile-title-inner { margin-bottom: 1.5rem; } 
.profile-student table thead,.prifile-title-inner table thead { background-color: #f5f5f5; font-size: 0.9rem; } 
.profile-student table tbody,.prifile-title-inner table tbody { font-size: 0.8rem; } 
.profile-student table tr td,.prifile-title-inner table tr td { padding: 0.3rem; box-sizing: border-box; border: 1px solid #ccc; } 



/* °Ë»çÁøÇàÆäÀÌÁö */
.tabs-title { display: flex; align-items: center; margin-bottom: 1%; } 
.circle { width: 15px; height: 15px; border-radius: 50%; background-color: #0570C1; margin-right: 10px; } 
.tabs-con1, .tabs-con2 { font-size: 1.2rem; font-weight: bold; } 

.test-front { position: relative; } 
.test-date { font-size: 1.8rem; font-weight: bold; position: absolute; top: 20%; left: 24%; color: #313131; z-index: 1; } 
.test-name { font-size: 1.8rem; font-weight: bold; position: absolute; top: 28%; left: 24%; color: #313131; z-index: 1; } 
.test-img { width: 1280px; height: 1850px; object-fit: cover; } 

.content-test-step { display: flex; justify-content: space-between; } 
.Side-menus { width: 18%; border: 1px solid #ccc; border-radius: 10px; height: fit-content; box-sizing: border-box; } 
.Side-menus-inner ul li { border-bottom: 1px solid #ccc; padding: 0.5rem; cursor: pointer; } 

.Side-menus-inner ul li:nth-child(6) { border-bottom: 0; text-align: center; background-color: #0570C1; color: #fff; font-size: 0.8rem; width: 80%; margin: 0 auto; margin-top: 0.5rem; padding: 0.5rem; } 
.Side-menus-inner ul li:last-child(6) div { display: block; padding: 0.2rem; } 

/* ¸ðµç°Ë»çÃʱâÈ­¹öÆ° Ãß°¡ */

.all-reset { padding: 0.5rem; text-align: center; color: #e01820; border: 1px solid #e01820; width: 80%; margin: 0 auto; margin-top: 0.5rem; margin-bottom: 0.5rem; cursor: pointer; transition: .1s; } 
.all-reset:hover { background-color: #e01820; color: #fff; } 

.test-title-area { display: flex; align-items: center; justify-content: space-between; } 
.test-title-area span:first-child { font-size: 0.9rem; } 
.test-title-area span:last-child { font-size: 0.7rem; text-align: right; } 
.test-title-area01 { margin-top: 5px; font-size: 0.7rem; } 
.Side-menus-inner ul li:hover .test-title-area { border-bottom: 1px solid #333; } 
.complete { color: #0570C1; } /*¿Ï·á*/
.Incomplete { color: #e01820; } /*¹Ì¿Ï·á*/
.bold-title { font-weight: bold; } 

.right-content { width: 81%; box-sizing: border-box; border: 1px solid #ccc; border-radius: 10px; padding: 0.8rem; } 
.right-content-top { border: 1px solid #ccc; border-radius: 10px; padding: 1rem 0; text-align: center; margin-bottom: 0.8rem; } 
.right-content-top-text { font-size: 0.9rem; } 
.right-content-top-text span { display: block; } 
.right-content-top-btns { display: flex; align-items: center; justify-content: center; margin-top: 10px; } 
.right-content-top-btn01 { border-radius: 50px; border: 1px solid #0570C1; color: #0570C1; width: 20%; padding: 0.5rem 0; cursor: pointer; margin-right: 10px; } 
.right-content-top-btn01:last-child { margin-right: 0px; } 
.right-content-top-btn01.active { background-color: #0570C1; color: #fff; } 

.university-test-step { border: 1px solid #ccc; margin-bottom: 0.8rem; border-radius: 10px; } 
.university-test-step:last-child { margin-bottom: 0; } 
.university-test-step01 { display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 1rem; } 
.university-test-step01 span { font-size: 1rem; } 

.university-test-step06 { border-bottom: 1px solid #ccc; padding: 0rem 1rem 1rem 1rem; margin-bottom: 3%; } 
.university-test-step06-title { font-size: 20px; font-weight: bold; display: flex; align-items: center; justify-content: space-between; } 

/* °¢ °Ë»ç ÃʱâÈ­ ¹öÆ° */
.reset-single { border: 1px solid #e01820; border-radius: 8px; box-sizing: border-box; padding: 0.3rem 1rem; font-size: 0.8rem; font-weight: normal; color: #e01820; cursor: pointer; transition: .1s; } 
.reset-single:hover { background-color: #e01820; color: #fff; } 

.university-test-step02-btns { display: flex; align-items: center; justify-content: center; } 
.university-test-step02-btn01 { border: 1px solid #0570C1; padding: 0.8rem; text-align: center; width: 30%; cursor: pointer; color: #0570C1; transition: .1s; font-size: 0.9rem; } 
.university-test-step02-btn01:first-child { margin-right: 1rem; } 
.university-test-step02-btn01:hover { background-color: #0570C1; color: #fff; } 

.university-test-step02.test-scroll { overflow-y: scroll; max-height: 300px; } 

/* °Ë»çÆäÀÌÁö ³»ºÎ */
.test-problem01 { padding: 0.8rem 0; border-bottom: 1px solid #ccc; } 
.test-problem01:first-child { padding-top: 0; } 
.test-problem01 span { font-size: 0.9rem; } 
.select { margin-top: 10px; display: flex; align-items: center; justify-content: space-between; } 
.select input[type=radio] { display: none; } 
.select input[type=radio]+label { cursor: pointer; width: calc(100%/4 - 0.5rem); text-align: center; box-sizing: border-box; padding: 0.5rem; } 
.select input[type=radio]+label { background-color: #f5f5f5; color: #333; } 
.select input[type=radio]:checked+label { background-color: #0570C1; color: #fff; } 

.select-spe input[type=radio] { display: none; } 
.select-spe input[type=radio]+label { cursor: pointer; width: calc(100%/2 - 0.5rem); text-align: center; box-sizing: border-box; padding: 0.5rem; } 
.select-spe input[type=radio]+label { background-color: #f5f5f5; color: #333; } 
.select-spe input[type=radio]:checked+label { background-color: #0570C1; color: #fff; } 

.select-spc input[type=radio] { display: none; } 
.select-spc input[type=radio]+label { cursor: pointer; width: calc(100%/3 - 0.5rem); text-align: center; box-sizing: border-box; padding: 0.5rem; } 
.select-spc input[type=radio]+label { background-color: #f5f5f5; color: #333; } 
.select-spc input[type=radio]:checked+label { background-color: #0570C1; color: #fff; } 

.spc-prom { cursor: default; text-align: center; background-color: #d7eeff; border: none; padding: 0.5rem; box-sizing: border-box; } 
input::placeholder { color: #333; font-size: 16px; } 
.spc-proms { margin-bottom: 20px; } 
.spc-proms:last-child { margin-bottom: 0; } 
.spc-proms input { width: calc(100%/4 - 0.5rem); } 

.quick-result-btn { padding: 0.8rem; text-align: center; width: 30%; background-color: #0570C1; color: #fff; cursor: pointer; box-sizing: border-box; } 


.test-problem-btns { display: flex; align-items: center; justify-content: space-between; margin-top: 0.8rem; } 
.test-problem-btn01 { border: 1px solid #ccc; color: #333; text-align: center; width: 30%; cursor: pointer; transition: .1s; } 
.test-problem-btn01:hover { border: 1px solid #0570C1; color: #0570C1; } 
.test-problem-btn01 span { display: block; padding: 0.8rem; } 

/* °Ë»çÇöȲ ¹× ÀÀ´ä¼öÁ¤ ÆäÀÌÁö */
.university-test-step02 table { border: 1px solid #ccc; } 
.table-thead { background-color: #f5f5f5; } 
.university-test-step02 table tr td { padding: 0.5rem; border: 1px solid #ccc; } 
.test-answer01 { border: 1px solid #0570C1; background-color: #fff; color: #0570C1; padding: 0.5rem; box-sizing: border-box; cursor: pointer; } 
.last-step table tr td { width: calc(100%/4); } 
.edit-content-list-blank { box-sizing: border-box; border: 1px solid #ccc; border-radius: 10px; padding: 0.8rem; } 
.edit-content-list-blank span { font-size: 1rem; color: #777777; } 
.ecit-page-btn { display: flex; justify-content: center; margin-top: 0.8rem; cursor: pointer; } 
.ecit-page-btn span { margin: 0.8rem; } 

/* °Ë»ç°á°úÆäÀÌÁö */
.susi_mains-flex { display: flex; align-items: center; justify-content: space-between; width: 100%; } 
.susi_mains-left { display: flex; align-items: center; justify-content: left; width:30%; } 
.susi_mains-left .circle { width: 15px; height: 15px; background-color: #e01820; margin-left: 14px; } 
.susi_mains-left h2 { font-size: 25px; font-weight: 700; } 
.susi_mains-right { justify-content: right; width: 100%; } 
.result-btns { display: flex; align-items: center; justify-content: right; font-family: 'S-CoreDream-3Light'; font-weight: 600; } 
.result-btns .active { background-color: #0570C1; color: #fff; } 
.result-btn01 { border: 1px solid #0570C1; padding: 0.4rem; border-radius: 8px; box-sizing: border-box; text-align: center; width: 50%; color: #0570C1; cursor: pointer; transition: .1s; margin-right: 0.5rem; } 
.susi_mains-right span { margin-left: 0; font-size: 0.8rem; } 
.result-btn01:last-child { margin-right: 0; } 
.result-btn01:hover { background-color: #0570C1; color: #fff; } 

.gh-tabs { display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; } 
.gh-tabs span { border: 1px solid #0570C1; color: #333; padding: 0.5rem; width: 25%; text-align: center; border-radius: 8px; font-family: 'S-CoreDream-3Light'; font-weight: 600; cursor: pointer; font-size: 18px;} 
.gh-tabs span:first-child { margin-right: 0.5rem; } 
.gh-tabs span.active { background-color: #0570C1; color: #fff; } 

.tabs-table table tr td {padding: 0.8rem; font-size: 16px;} 
.tabs-table .header-blue { background-color: #B0DDC2; color: #333; border-top: 2px solid #185086; border-bottom: 2px solid #185086;} 
.tabs-table .header-green {background-color: #CCEDD9; border-bottom: 2px solid #185086;} 

.yellow-back { background-color: #FCF7E4; } 
.blue-back { background-color: #ebf8ff; } 
.pink-back { background-color: #ffeeec; } 

.tab2.tabs-table,.tab1.tabs-table{margin-bottom: 1rem;}
.tab1.tabs-table tr td { width: calc(100%/10); } 
.tab2.tabs-table tr td:first-child{width: 20%;}

.line-recommen { margin-bottom: 3rem;} 
.line-recommen-title { margin-bottom: 1rem; display: flex; align-items: center; } 
.line-recommen-title p,.line-recommen-title span { font-size: 0.9rem; font-weight: 600; font-family: 'S-CoreDream-3Light'; } 
.line-recommen-title span { font-size: 0.7rem; color: #0570C1; } 
.line-recommen-title p b { color: #62BFAD; } 

.line-recommen-top { display: flex; align-items: center; justify-content: space-between; } 
.line-recommen-top01 { width: 50%; border: 1px solid #333; overflow: hidden; } 
.line-recommen-top01:first-child { border-radius: 10px 0 0 0; border-right: 0; } 
.line-recommen-top01:last-child { border-radius: 0 10px 0 0; } 

.line-recommen-top01-title { padding: 0.5rem; text-align: center; color: #fff; border-bottom: 1px solid #333; font-size: 0.9rem; } 
.left-recom .line-recommen-top01-title { background-color: #62BFAD; } 
.right-recom .line-recommen-top01-title { background-color: #4FAFD8; } 

.line-recommen-top01-inner {text-align: center; } 
.line-recommen-top01-inner01 {text-align: center; display: flex; align-items: center; box-sizing: border-box; border-bottom: 1px solid #333; height: 145px;} 
.line-recommen-top01-inner01:last-child { border-bottom: 0; } 
.line-recommen-top01-inner01 span { text-align: center; } 
.line-recommen-top01-inner01 span b::after { content: '\2605'; color: #0570C1; } 

.left-recom .line-recommen-top01-inner01 h2 { color: #62BFAD; } 
.right-recom .line-recommen-top01-inner01 h2 { color: #4FAFD8; } 

.line-recommen-bottom { border: 1px solid #333; border-radius: 0 0 10px 10px; border-top: 0; box-sizing: border-box; padding: 1rem; } 
.line-recommen-textbox{line-height: 1.5; font-size: 16px;}

.all-opinion01 { margin-bottom: 1rem; } 
.all-opinion01:last-child { margin-bottom: 2rem; } 
.all-opinion01 table tr td { border: 1px solid #333; padding: 0.5rem; overflow-wrap: anywhere; word-break: keep-all; } 
.all-opinion01 table tr td:first-child { width: 30%; font-size: 0.8rem; font-family: 'S-CoreDream-3Light'; font-weight: 600; } 
.all-opinion01 table tr td:last-child { width: 70%; text-align: left; } 

.all-opinion-one table tr td:first-child { background-color: #9AE0FB; } 
.all-opinion-two table tr td:first-child { background-color: #CBF1FF; } 
.all-opinion-three table tr td:first-child { background-color: #EAF7FC; } 

.print-btns { display: flex; align-items: center; justify-content: center; } 
.print-btn01 { border: 1px solid #0570C1; background-color: #0570C1; color: #fff; width: 40%; text-align: center; cursor: pointer; border-radius: 8px; font-size: 1rem; transition: .2s; font-family: 'S-CoreDream-3Light'; font-weight: 600; width: 30%; } 
.print-btn01:hover { background-color: #FFD55F; color: #0570C1; border: 1px solid #FFD55F; } 
.print-btn01:first-child { margin-right: 0.8rem; } 
.print-btn01 span,.print-btn01 a { display: block; padding: 0.8rem; } 
.print-btn01 a { color: #fff; } 
.print-btn01:hover a { color: #0570C1; } 

/* 2022 °³Á¤ ±³À°°úÁ¤ */
.info-text { color: #333; display: flex; align-items: center; margin-bottom: 1rem; } 
.color-chip { width: 20px; height: 20px; margin-left: 5px; margin-right: 5px; display: inline-block; } 
.color-chip:first-child { background-color: #d3f5ff; } 
.color-chip:nth-child(2) { background-color: #eaeaea; } 
.color-chip:nth-child(3) { background-color: #dcdcdc; } 
.color-chip:nth-child(4) { background-color: #ffecb6; } 

.curriculum-table table tr td { border: 1px solid #333; padding: 0.5rem; } 
.curriculum-green { background-color: #CAE19A; } 
.curriculum-dipblue { background-color: #A9C4E7; } 
.curriculum-blue { background-color: #d3f5ff; } 
.curriculum-yellow { background-color: #ffecb6; } 
.curriculum-dipgray { background-color: #DCDCDC; } 
.curriculum-gray { background-color: #EAEAEA; } 

.curriculum-dipyellow { background-color: #faf0ca; } 
.curriculum-softyellow { background-color: #fcf6e2; } 
.curriculum-softblue { background-color: #dae4f4; } 
.curriculum-dippink { background-color: #f2cdd0; } 
.curriculum-softpink { background-color: #f7dfdf; } 

.stick-chr-sam01 { display: flex; align-items: center; width: 100%; white-space: nowrap; justify-content: space-between; } 
.stick-chr-sam02 { display: flex; align-items: center; width: 65%; white-space: nowrap; } 
.stick-chr-sam03 { background: #a3a3a3; height: 15px; border-radius: 50px;} 
.stick-chr-sam04 { display: flex; align-items: center; width: 2%; } 
.stick-chr-sam05 { display: flex; align-items: center; width: auto; } 
.stick-chr-sam05 .span-spec { font-size:13px; display: inline-block; min-width: 4%; text-align: right; color: blue; } 
.stick-chr-sam05 .span-nor { font-size:13px; display: inline-block; min-width: 4%; text-align: right; color: #333; } 

.tabs-con2-span { display: none; } 
.title-sub-info2 { display: none; } 

.title-btns-left .circle { display: none; } 
.title-btns { border: 1px solid #e01820; box-sizing: border-box; padding: 0.4rem 1rem; border-radius: 10px; font-family: 'S-CoreDream-3Light'; font-weight: 600; width: 70%; display: flex; align-items: center; justify-content: center; transition: .2s; } 
.title-btns h2 { font-size: 0.8rem; } 
.title-btns:hover { background-color: #e01820; color: #fff; } 

.title-btns2 { border: 1px solid #e01820; box-sizing: border-box; padding: 0.4rem 1rem; border-radius: 10px; font-family: 'S-CoreDream-3Light'; font-weight: 600; width: 18%; display: flex; align-items: center; justify-content: center; transition: .2s; } 
.title-btns2 h2 { font-size: 0.8rem; } 
.title-btns2:hover { background-color: #e01820; color: #fff; } 

/* ŸÀÌƲ ¹Ø °¢ ¹®Ç×À¸·Î À̵¿ÇÏ´Â ¹öÆ° Ãß°¡ */
.quk-answer-btns { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; } 
.quk-answer-btns:last-child { justify-content: start; } 
.answer-btn01 { border: 1px solid #ccc; padding: 0.2rem 0.5rem; box-sizing: border-box; text-align: center; margin-right: 8px; width: calc(100%/7); border-radius: 8px; cursor: pointer; } 
.quk-answer-btns:last-child .answer-btn01 { width: calc(100%/4); } 
.answer-btn01:last-child { margin-right: 0; } 
.answer-btn01:hover { background-color: #0570C1; color: #fff; } 
.answer-btn01.active { background-color: #0570C1; color: #fff; } 
.answer-btn01.data-none { border: none; opacity: 0; cursor: auto; } 

/* °ü¸®ÀÚÆäÀÌÁö °á°úÆäÀÌÁö */
.admin-header-title { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; padding-bottom: 1rem; margin-bottom: 1rem; } 
.main-admin { display: flex; align-items: center; } 
.main-admin h2 { font-weight: bold; margin-right: 1px; } 

span.questions-description { display: block; color: #0570C1; font-size: 0.8rem; } 
span.questions-description::before { content: '*'; margin: 0px 5px; } 

/* °á°úÆäÀÌÁö Ãß°¡ 25.04.18 */
#print-content1{padding-top: 3rem;}
.what-gumsa { background: #fff; border: 2px solid #0570C1; border-radius: 20px; padding: 1rem; margin: 0 auto; position: relative; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); margin-bottom: 2rem; } 
.what-gumsa-title { display: flex; align-items: center; justify-content: center; background: #0570C1; border-radius: 30px; color: #fff; padding: 0.8rem; width: 80%; font-size: 1.3rem; margin: -54px auto 30px auto; position: relative; } 
.what-gumsa-btn { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: #fff; border-radius: 50px; padding: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); width: 15%; } 
.what-gumsa-icon { display: flex; align-items: center; justify-content: center; } 
.what-gumsa-icon img { width: 24px; height: 24px; } 
.what-gumsa-inner { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; } 
.what-gumsa-img { width: 25%; } 
.what-gumsa-img img { max-width: 100%; } 
.what-gumsa-text { flex: 1; font-size: 18px; line-height: 1.5; color: #333; overflow-wrap: anywhere; word-break: keep-all;} 

/* °øÅëŸÀÌƲ */
.common-all { margin-bottom: 1rem; } 
.common-title { display: flex; align-items: center; font-weight: 600; margin-bottom: 1rem; } 
.common-title .border { background-color: #185086; width: 15px; height: 55px; margin-right: 10px; } 
.common-title h2 { font-size: 1.5rem; } 
.common-title h2 b { color: #0570C1; } 
.common-title-small {margin-left: 10px;  margin-bottom: 1rem; display: flex; align-items: center;} 
.common-title-small h2 { color: #fff; font-size: 1.1rem; background-color: #3277BA; border-radius: 20px; box-sizing: border-box; padding: 0.5rem 0.8rem; width: fit-content; margin-right: 10px;} 
.common-title-small h2>span{text-decoration: underline 0.5px solid; color: #fff;}
.common-title-small span{color: #3277BA;}
.common-notice { font-size: 0.8rem; margin-left: 10px; margin-bottom: 2rem;} 
.common-notice span { overflow-wrap: anywhere; word-break: keep-all; line-height: 1.5; font-size: 16px;} 

/* Á¾ÇÕÀÇ°ß */
.overall-opinion { margin-bottom: 2rem; } 
.opinion01 { margin-bottom: 2rem; } 
.opinion-title { display: flex; font-size: 1rem; width: 100%; border: 1px solid #ddd; margin-bottom: 1rem; table-layout: fixed; } 
.opinion-title-left { background-color: #2F8FD7; color: white; padding: 0.5rem; width: 15%; text-align: center; } 
.opinion-title-right { background-color: white; padding: 0.5rem; } 
.opinion-inner { display: flex; justify-content: space-between; } 
.opinion-img { width: 20%; border: 1px solid #ddd; box-sizing: border-box; padding: 2rem; border-radius: 10px; } 
.opinion-img img { width: 100%; } 

.opinion-table { width: 78%; } 
.opinion-table td { border: 1px solid #ddd; font-size: 0.9rem;} 
.opinion-table tr td:first-child { background-color: #f5f5f5; width: 20%; padding: 0.8rem; font-weight: bold; font-size: 17px;} 
.opinion-table tr td:last-child { text-align: left; padding: 0.5rem; line-height: 1.2rem; overflow-wrap: anywhere; word-break: keep-all; font-size: 16px;} 

.line-recommen-top01-inner-left{width: 30%; border-right: 1px solid #333; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 17px;}
.left-recom .line-recommen-top01-inner-left{background-color: #B1DFD6;}
.right-recom .line-recommen-top01-inner-left{background-color: #A7D7EC;}

.line-recommen-top01-inner-right{display: flex; align-items: center; width: 70%; box-sizing: border-box; padding: 0.5rem;}
.top01-inner-right-img{border-radius: 50%; width: 130px; height: 130px; box-sizing: border-box; padding: 1rem; display: flex; align-items: center; justify-content: center;}
.top01-inner-right-img.one{background-color: #FFF4CD;}
.top01-inner-right-img.two{background-color: #CAEFFF;}
.top01-inner-right-img.three{background-color: #E0EFBE;}
.top01-inner-right-img img{width: 100%;}

.top01-inner-right-text{text-align: left; width: 70%; box-sizing: border-box; padding: 1rem; font-size: 16px;}

.common-notice-table{margin-top: 1rem; border: 1px solid #ddd;}
.common-notice-table-i01{display: flex; align-items: center; height: 80px; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.common-notice-table-i01:last-child{border-bottom: 0;}
.common-notice-table-icon{width: 15%; border-right: 1px solid #ddd; background-color: #f5f5f5; display: flex; align-items: center; box-sizing: border-box; padding: 0.5rem; height: 100%;}
.unive-icon{border-radius: 50%; background-color: #fff; overflow: hidden; box-sizing: border-box; padding: 0.3rem; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-right: 0.5rem;}
.unive-icon img{width: 80%;}
.unive-icon span{width: calc(100%/3);}

.common-notice-table-inner{width: 80%; box-sizing: border-box; padding: 0.5rem; line-height: 1.7;}

.result-samples summary{width: 50%; margin: 1.5rem auto; text-align: center; border-radius: 10px; box-sizing: border-box; padding: 0.5rem; cursor: pointer; background-color: #8DC327; color: #fff; font-size: 1rem;}
.result-sample-pc{display: block; margin: 1.5rem 0;}
.result-sample-pc img,.result-sample-m img{width: 100%;}
.result-sample-m{display: none; margin: 1.5rem 0;}

/* ÇÁ¸°Æ®¿ëcss */
.pdf-style .what-gumsa-title { font-size: 30px !important; }
.pdf-style .what-gumsa-text { font-size: 22px !important; }
.pdf-style .common-notice span { font-size: 20px !important; }
.pdf-style .opinion-table tr td:first-child{font-size: 20px !important;}
.pdf-style .opinion-table tr td:last-child{font-size: 20px !important;}
.pdf-style .opinion-table td { font-size: 19px !important; }
.pdf-style .common-title-small span { font-size: 17px !important; }
.pdf-style .right-recom .line-recommen-top01-title{font-size: 1rem !important;}
.pdf-style .line-recommen-top01-inner-left{font-size: 0.9rem !important;}
.pdf-style  .top01-inner-right-text{font-size: 0.9rem !important;}
.pdf-style  .line-recommen-textbox{font-size: 20px !important;}
.pdf-style .common-notice-table-i01{height: 100px !important;}

/* ÇÕ°Ý°è»ê±â */
.menu6-wrap{height: auto;}
.menu6-wrap *{font-family:'Paperlogy';}
.blue-b{color: #0570C1; font-weight: 600;}
.main-text-spec span{font-family: 'NanumPen'; font-weight: 400;}
.bold-b{font-weight: 700;}

/* ÇÕ°Ý°è»ê±â ¸ð´Þ */
.dl-overlay{position: fixed; inset: 0; background: rgba(0,0,0,.45); opacity: 0; pointer-events: none; transition: opacity .2s ease; z-index: 1000;}
.dl-overlay.is-open{opacity: 1; pointer-events: auto;}

.dl-panel{position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: min(520px, calc(100% - 32px)); background: #fff; border-radius: 16px; opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; z-index: 9999; overflow: hidden;}
.dl-panel.is-open{opacity: 1; pointer-events: auto;}

.dl-header{display:flex; align-items:center; justify-content:space-between; padding:0.8rem 1rem; border-bottom: 1px solid #ccc;}
.dl-header h3{margin:0; font-size: 1rem; font-weight: 600;}
.dl-close{border:0; background:transparent; font-size: 1.2rem; cursor:pointer;}

.dl-body{padding: 0.8rem;}
.dl-desc{ margin-bottom: 10px; font-size: 0.8rem;}
.dl-list{padding: 0.5rem; border: 1px solid #ddd; margin-bottom: 1rem;}

.dl-actions{display:flex; flex-direction: column; gap: 10px;}
.dl-btn{display:inline-flex; justify-content:center; align-items:center; border-radius: 10px; text-decoration:none; background: #4394D0; color:#fff; font-weight: 600; box-sizing: border-box; padding: 0.8rem; transition: .1s;}
.dl-btn:hover{background-color: #2034a7;}

.dl-btn.is-disabled{pointer-events: none; opacity: .45; filter: grayscale(1);}
.dl-note{margin:0; font-size: 0.7rem; color: #666;}

/* ÇÕ°Ý°è»ê±â ¸ÞÀÎ */
.con01-wrap{background-color: #f5f5f5; width: 100%; position: relative;}
.con01{width: 1280px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; padding: 1rem;}

.sample-img-left{background-color: #fff; border-radius: 20px; overflow: hidden; width: 540px; height: 435px; z-index: 1; border: 1px solid #ccc;}
.sample-img-left img{width: 100%;}

.main-text-title{margin-left: 20px;}
.main-text-title span{font-size: 1rem; margin-bottom: 5px;}
.main-text-title h2{font-size: 2rem; font-weight: 600;}
.main-text-spec span{font-size: 1.5rem; margin-left: 20px;}

.main-text-icon-texts{margin-top: 5px; margin-bottom: 1.5rem;}
.main-text-icon-text01{display: flex; align-items: center; box-sizing: border-box; padding: 0.5rem 1rem; border-radius: 0 50px 50px 0; color: #fff; box-shadow: 3px 4px 0 #C2C2C2;}
.main-text-icon-text01:first-child{background-color: #3F51B5;}
.main-text-icon-text01:nth-child(2){background-color: #03A9F4; margin: 1rem 0;}
.main-text-icon-text01:last-child{background-color: #8BC34A;}

.main-text-icon-text01 .iconbox{margin-right: 10px;}
.main-text-icon-text01 .iconbox img{width: 40px; height: 40px;}
.main-text-icon-text01 span{font-size: 0.9rem;}

.con04-downroad-btn{background-color: #4394D0; color: #fff; box-sizing: border-box; padding: 1rem; font-size: 1.2rem; font-weight: 600; border-radius: 1rem; text-align: center; margin-left: 20px; cursor: pointer; transition: .1s;}
.con04-downroad-btn:hover{background-color: #2034a7;}

.con01-back-img{position: absolute; bottom: 0; right: 2rem;}
.con01-back-img img{width: 440px;}

/* ÇÕ°Ý°è»ê±â ·ÎÄÃÇÁ·Î±×·¥ÀÎ ÀÌÀ¯ */
.con02-wrap{background-color: #D9EDF0; z-index: 1; position: relative;}
.con02{width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 1.5rem 1rem;}

.con02-title{position: relative; margin-bottom: 1.5rem;}
.con02-title h2{font-size: 1.5rem; font-weight: 600;}
.con02-backimg{position: absolute; z-index: -1; top: 0; left: -55px;}
.con02-backimg img{width: 600px; opacity: 0.9;}

.con02-textbox01:first-child{margin-bottom: 1rem;}
.con02-textbox-top,.con02-textbox-top-sub{display: flex; align-items: center;}
.con02-textbox-top-main,.top-sub01{border-radius: 50px; box-sizing: border-box; padding: 0.3rem 0.8rem; text-align: center; display: flex; align-items: center;}
.con02-textbox-top-main{background-color: #fff;}
.con02-textbox-top-main img{width: 20px; margin-right: 10px;}
.con02-textbox-top-main span{color: #0570C1; font-size: 1rem; font-weight: 500;}
.top-sub01{background-color: #0570C1;}
.top-sub01:first-child{margin: 0 0.3rem;}
.top-sub01 span{font-size: 0.8rem; color: #fff;}
.top-sub01 span b{color: #ea4147;}

.con02-textbox-inn{margin-top: 10px;}
.con02-textbox-inn span{word-break: keep-all; display: block; line-height: 1.2rem;}

.con02-textbox-info{background-color: #6FAED8; width: 100%; color: #fff; line-height: 1.2rem; word-break: keep-all; margin-top: 1rem; box-sizing: border-box; padding: 0.8rem; text-align: center;}

/* ÇÕ°Ý°è»ê±â ÁÖ¿ä±â´É */
.con03-wrap{width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 1rem 0;}
.con03-title,.con04-title{font-size: 1.5rem; text-align: center; margin-bottom: 1rem; font-weight: 600;}

.con03-iconboxs{display: flex; align-items: stretch; justify-content: space-between; margin-bottom: 1rem;}
.con03-iconbox01{width: calc(100%/3 - 0.5rem); border: 1px solid #ccc; border-radius: 20px; box-sizing: border-box; overflow: hidden; position: relative;}
.con03-iconbox-titles{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ccc; box-sizing: border-box; padding:0.5rem 1rem; background-color: #fff;}
.con03-iconbox-title{font-weight: 600; font-size: 0.9rem;}

.con03-iconbox-price{border-radius: 50px; box-sizing: border-box; padding: 0.2rem 0.8rem; text-align: center; color: #fff; font-size: 0.8rem;}
.con03-iconbox-price.free{background-color: #6FAED8;}
.con03-iconbox-price.unfree{background-color: #0570C1;}

.con03-iconbox-inner{background-color: #FFF5F7; box-sizing: border-box; padding: 0.5rem; position: relative; padding-bottom: 5rem; height: 100%;}
.con03-iconbox-inner span{word-break: keep-all; line-height: 1.2rem;}

.con03-icon{position: absolute; right: 10px; bottom: 10px; width: 93px; height: 93px;}
.con03-icon img{position: static; width: 100%;}

.con03-info-inner{width: 50%;}
.con03-info{border: 1px solid #ccc; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; height: 150px; text-align: center; width: 100%;}
.con03-info-title{border-right: 1px solid #ccc; width: 50%; background-color: #f5f5f5; height: 100%; display: flex; align-items: center; justify-content: center;}
.con03-info-title h2{position: relative; font-size: 1.2rem; font-weight: 600;}
.con03-info-back-img{position: absolute; margin-left: 2.1rem; margin-bottom: 0.2rem;}
.con03-info-back-img img{width: 55px;}

.con03-info-inner{height: 100%; display: flex; flex-direction: column; align-items: start;}
.con03-info-in01:nth-child(2){border-top:1px dashed #e9e9e9; border-bottom: 1px dashed #e9e9e9;}
.con03-info-in01{height: calc(100%/3); width: 100%; display: flex; align-items: center; justify-content: start;}
.con03-info-in01 span{margin-left: 1rem;}

/* ÇÕ°Ý°è»ê±â È­¸é±¸¼º */
.con04-wrap{background-color: #f5f5f5; width: 100%;}
.con04{width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 1rem 0;}
.con04-iconbox01{height: 225px;}
.con04-iconbox01 img{width: 100%;}
.con04-iconbox01 .con03-iconbox-inner{padding: 0;}

/* ÇÕ°Ý°è»ê±â ¼³Ä¡¹æ¹ý */
.con05-wrap{width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 1rem 0;}
.con05-wrap-title{display: flex; align-items: center; margin-bottom: 1rem;}
.con05-wrap-title h2{font-size: 1.5rem; font-weight: 600; margin-right: 10px;}
.con05-wrap-title span{font-size: 0.8rem;}

.con05-textboxs{width: 1200px; display: flex; align-items: stretch; justify-content: space-between; margin: 0 auto;}
.con05-textbox01{width: calc(100%/3 - 0.5rem); border-radius: 15px; background-color: #f9f9f9; box-sizing: border-box; padding: 1rem; box-shadow: 3px 3px 3px #d6d6d6;}
.con05-textbox-title{display: flex; align-items: center; justify-content: space-between; font-size: 1rem; font-weight: 600; margin-bottom: 1rem;}
.con05-textbox-number{border-radius: 50px; width: 50px; height: 50px; background-color: #D9EDF0; display: flex; align-items: center; justify-content: center; color: #0570C1;}
.con05-textbox-inner span::before{content: '\23FA'; color: #D9D9D9; font-size: 0.7rem; margin-right: 5px;}
.con05-textbox-inner span{display: block; margin: 15px 0;}
.con05-textbox-inner span:last-child{margin: 0;}

.con5-back-img{width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 1rem;}
.con5-back-img img{width: 80%;}

/* ÇÕ°Ý°è»ê±â ÀÚÁÖ¹¯´Â Áú¹® */
.con06-wrap{width: 1280px; margin: 0 auto; box-sizing: border-box; padding: 1rem 0;}
.con06-title{font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem;}

.con06-faq-inner{width: 100%;}
.con06-faq01{border: 1px solid #ccc; border-radius: 15px; overflow: hidden; display: flex; align-items: stretch; height: auto; margin-bottom: 15px;}
.con06-faq01:last-child{margin-bottom: 0;}
.con06-faq01-border{background-color: #4394D0; width: 15px;}

.con06-faq-textbox{box-sizing: border-box; padding: 0.5rem; width: 95%;}
.con06-faq-q{font-size: 1rem; font-weight: 600; margin-bottom: 1rem;}
.con06-faq-a{word-break: keep-all;}

/* ÇÕ°Ý°è»ê±â ¼³Ä¡ ¿À·ù Æ˾÷ */
.con04-title{display:flex; align-items:center; justify-content:center; gap:10px;}

.install-help-btn{border-radius:8px; border:1px solid #CCC; background:#F04D56; color: #fff; font-size:15px; line-height:1; cursor:pointer; box-sizing: border-box; padding: 0.3rem 0.8rem; transition: .1s;}
.install-help-btn:hover{background:#cc3239; color: #fff;}

.install-help-modal{display:none; position:fixed; inset:0; z-index:5;}
.install-help-modal.active{display:block;}
.install-help-overlay{position:absolute; inset:0; background:rgba(0,0,0,0.55);}

.install-help-panel{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:720px;         background:#fff; border-radius:16px; padding:20px; box-sizing:border-box;}
.install-help-panel img{display:block; width:100%; max-height:80vh; object-fit:contain;}

.install-help-close{position:absolute; right:12px; top:8px; border:0; background:none; font-size:30px; line-height:1; cursor:pointer; z-index:1;}

/* ÇÕ°Ý°è»ê±â ÀÌ¿ë¹æ¹ý Æ˾÷ */
.gpa-use-info-btn {border-radius: 8px; background: #F28B50; color: #fff; font-size: 1rem; cursor: pointer; box-sizing: border-box; padding: 1rem; transition: .1s; width: 100%; margin-top: 10px; border: none;}
.gpa-use-info-btn:hover {background: #ee5930; color: #fff;}

.gpa-use-info-modal {display: none; position: fixed; inset: 0; z-index: 5;}
.gpa-use-info-modal.active {display: block;}

.gpa-use-info-overlay {position: absolute; inset: 0; background: rgba(0,0,0,0.55);}

.gpa-use-info-panel {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 900px; max-height: 65vh; background: #fff; border-radius: 16px; padding: 0px; box-sizing: border-box; overflow-y: auto;}
.gpa-use-info-panel img {display: block; width: 100%; height: auto; max-height: none; object-fit: initial;}

.gpa-use-info-close {position: absolute; right: 25px; top: 0px; border: 0; background: none; font-size: 50px; line-height: 1; cursor: pointer; z-index: 1;}

/* ÇÕ°Ý°è»ê±â¿Í ÇÕ°Ý¿¹Ãø Â÷ÀÌÁ¡ Æ˾÷ */
.gpa-and-predict {border-radius: 8px; background: #0DB0A3; color: #fff; font-size: 1rem; cursor: pointer; box-sizing: border-box; padding: 1rem; transition: .1s; width: 100%; margin-top: 10px; border: none;}
.gpa-and-predict:hover {background: #047b71; color: #fff;}

.gpa-and-predict-modal {display: none; position: fixed; inset: 0; z-index: 5;}
.gpa-and-predict-modal.active {display: block;}
.gpa-and-predict-overlay {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55);}
.gpa-and-predict-panel {position: absolute; left: 50%; top: 50%; width: 90%; max-width: 900px; max-height: 65vh; padding: 0; box-sizing: border-box; overflow-y: auto; transform: translate(-50%, -50%); background: #fff; border-radius: 16px;}
.gpa-and-predict-panel img {display: block; width: 100%; height: auto; max-height: none; object-fit: initial;}
.gpa-and-predict-close {position: absolute; right: 25px; top: 1rem; z-index: 1; border: 0; background: none; font-size: 50px; line-height: 1; cursor: pointer;}

/* ¹ÝÀÀÇü */
/* ÅÂºí¸´-°¡·Î */
@media only screen and (min-width: 1024px) and (max-width: 1401px) { table { width: 100%; } 
    body { width: 100%; overflow-x: hidden; } 
    .content { width: 95%; margin-top: 37px; } 
    .susi_mains h2 { font-size: 1rem; } 
    .univercity-01-content-back { top: 9%; } 

    .uvivercity-btn { width: 40%; text-align: center; padding: 0.5rem; font-size: 1rem; } 
    .uvivercity-btn div { width: 100%; } 

    .univercity-info h2 { text-align: center; } 
    .title-btns2 h2 { font-size: 0.8rem; } 

    .test-title-m { display: none; } 

    .susi_mains-right span { font-size: 0.7rem; } 

    /* ÇÕ°Ý°è»ê±â */
    .sample-img-left{width: 520px; height: 400px;}
    .main-text-title span{font-size: 0.8rem;}
    .main-text-title h2{font-size: 1.5rem;}
    .main-text-spec span{font-size: 1.3rem;}

    .main-text-icon-text01 .iconbox img{width: 35px; height: 35px;}
    .main-text-icon-text01:nth-child(2){margin: 0.5rem 0;}

    .con01-back-img{right: -1rem;}
    .con01-back-img img{width: 350px;}

    .con04-downroad-btn{font-size: 1rem; border-radius: 0.8rem;}

    .con01,.con02,.con03-wrap,.con04,.con05-wrap,.con06-wrap{width: 100%; padding: 1rem;}
    .con05-textboxs{width: 100%;}
    .con06-faq-q{font-size: 0.9rem; margin-bottom: 0.8rem;}
}

/*ÅÂºí¸´-¼¼·Î*/
@media only screen and (min-width: 767px) and (max-width: 1024px) { table { width: 100%; } 
    body { width: 100%; overflow-x: hidden; } 
    .content { width: 95%; margin-top: 37px; } 
    .susi_mains h2 { font-size: 25px; } 
    .univercity-01-content-back { top: 0%; } 
    .univercity-info { border-radius: 8px; } 
    .univercity-info h2 { font-weight: 500; } 
    .univercity-02-content { margin-top: 3rem; } 
    .univercity-01-content-inner { padding: 1rem 10px; } 
    .uvivercity-btn { width: 60%; text-align: center; padding: 0.5rem; font-size: 1rem; } 
    .uvivercity-btn div { width: 100%; } 
    .univercity-01-content-textbox span { font-size: 0.9rem; } 
    .univercity-info h2 { font-size: 0.8rem; text-align: center; } 

    .title-btns2 h2 { font-size: 0.8rem; } 

    .test-title-m { display: none; } 

    /* À̾îÇϱâ */
    .test-answer01 { padding: 0.3rem; } 
    .test-title-area span:first-child { font-size: 0.8rem; } 
    .Side-menus-inner ul li { padding: 0.3rem; } 
    .Side-menus { width: 22%; } 
    .right-content { width: 76%; } 
    .university-test-step06 { padding: 0rem 0.5rem 0.5rem 0.5rem; } 

    .susi_mains h2 { font-size: 1rem; } 

    .susi_mains-right span { font-size: 0.7rem; } 

    .curriculum-table table tr td { padding: 0.3rem; font-size: 0.6rem; } 

    .title-sub-info { display: none; } 
    .title-sub-info2 { display: block; } 
    .title-sub-info2 .info-text { display: flex; flex-direction: column; align-items: start; } 
    .title-sub-info2 .info-text span { display: block; display: flex; align-items: center; } 

    .info-text div:first-child span:last-child .color-chip { background-color: #eaeaea; } 
    .info-text div:last-child span:first-child .color-chip { background-color: #dcdcdc; } 
    .info-text div:last-child span:last-child .color-chip { background-color: #ffecb6; } 

    .common-title h2{font-size: 1rem;}
    .opinion-img{display: flex; align-items: center; justify-content: center; padding: 0.8rem;}
    .opinion-table td{overflow-wrap: anywhere; word-break: keep-all;}
    .opinion-table tr td:last-child{line-height: 1rem;}
    .top01-inner-right-img{height: 110px; padding: 0.5rem;}
    .top01-inner-right-text{padding: 0.5rem;}

    .common-notice-table-icon{width: 20%;}
    .common-notice-table-i01{height: 100px;}

    /* ÇÕ°Ý°è»ê±â */
    .menu6-wrap{overflow: hidden; padding-bottom: 5rem;}

    .con01{width: 100%; flex-direction: column-reverse; padding: 1.5rem 0rem;}
    .main-textbox{width: 90%; margin-bottom: 1rem; text-align: center;}
    .main-text-title{text-align: center; margin-left: 0; margin-bottom: 10px;}
    .main-text-title span{font-size: 1rem;}
    .main-text-title h2{font-size: 2rem;}
    .main-text-spec span{font-size: 1.5rem; margin-left: 0;}
    .main-text-icon-text01{border-radius: 50px; justify-content: center;}
    
    .main-text-icon-text01 .iconbox img{width: 30px; height: 30px;}
    .main-text-icon-text01 span{font-size: 0.9rem;}
    .main-text-icon-text01:nth-child(2){margin: 0.5rem 0;}
    .main-text-icon-texts{margin-bottom: 1rem;}

    .sample-img-left{width: 90%; height: 200px;}
    .con01-back-img{right: -1rem; z-index: 1;}
    .con01-back-img img{width: 200px;}

    .con04-downroad-btn{margin-left: 0; font-size: 0.9rem; padding: 0.8rem; border-radius: 0.5rem;}

    /* ·ÎÄÃÇÁ·Î±×·¥ */
    .con02{width: 100%;}
    .con02-title h2{font-size: 1.2rem;}
    .con02-backimg{left: -10px;}
    .con02-backimg img{width: 385px; height: 50px;}

    /* ÁÖ¿ä±â´É */
    .con03-wrap{width: 100%; padding: 1rem 0.5rem;}
    .con03-iconbox-titles{padding: 0.5rem 0.8rem;}
    .con03-iconbox-title{font-size: 0.8rem;}
    .con03-icon{width: 80px; height: 80px;}

    /* È­¸é±¸¼º */
    .con04{width: 100%; padding: 1rem 0.5rem;}
    .con03-title, .con04-title{font-size: 1.2rem;}

    /* ¼³Ä¡ */
    .con05-wrap{width: 100%; padding: 1rem 0.5rem;}
    .con05-wrap-title h2{font-size: 1.2rem;}
    .con05-textboxs{width: 100%;}
    .con05-textbox01{padding: 0.8rem;}
    .con05-textbox-title{margin-bottom: 0.5rem;}
    .con05-textbox-number{width: 40px; height: 40px;}
    .con05-textbox-inner span{font-size: 0.75rem;}
    .con5-back-img img{width: 95%;}

    /* ÀÚÁÖ ¹¯´Â Áú¹® */
    .con06-wrap{width: 100%; padding: 1rem 0.5rem;}
    .con06-title{font-size: 1.2rem;}
    .con06-faq-textbox{width: 95%;}
    .con06-faq-q{margin-bottom: 0.5rem;}
}

/* ¸ð¹ÙÀÏ */
@media only screen and (max-width: 767px) and (min-width: 300px) { table { width: 100%; } 
    body { width: 100%; overflow-x: hidden; } 
    .content { width: 95%; margin-top: 20px; padding-bottom: 180px; overflow: hidden; } 
    .susi_mains h2 { font-size: 0.8rem; } 
    .susi_mains > .circle { width: 10px; height: 10px; margin-left: 0px; } 
    .circle { margin: 5px; } 
    .univercity-01-content-inner { flex-direction: column; } 
    .univercity-01-content-inner img { width: 45%; } 
    .univercity-01-content-textbox { width: 100%; padding: 20px; } 
    .univercity-01-content-textbox span { font-size: 15px; } 
    .univercity-content-title { font-size: 15px; } 
    .univercity-02-content span { font-size: 13px; line-height: 20px; } 
    .univercity-info h2 { font-weight: 400; font-size: 0.7rem; text-align: left; } 
    .univercity-info { border-radius: 5px; text-align: left; padding: 10px;} 
    .uvivercity-btn div { padding: 0.5rem 0; width: 40%; font-size: 0.8rem; } 
    .univercity-02-contents { padding: 0.5rem; } 
    .span-inner-table tr td { font-size: 0.6rem; } 
    .univercity-content-title p { margin-left: 13px; } 

    .uvivercity-btn { width: 80%; text-align: center; padding: 0.3rem; font-size: 0.9rem; } 
    .uvivercity-btn div { width: 100%; } 
    .profile-student.profiles table tr td, .prifile-title-inner table tr td { padding: 0.2rem; word-break: normal; overflow-wrap: anywhere; } 
    .profile-student table tr td, .prifile-title-inner table tr td { padding: 0.2rem; word-break: normal; overflow-wrap: anywhere; } 
    .quick-edit-btns div { padding: 0.3rem 0.1rem; font-size: 0.5rem; } 

    .test-title span { display: none; } 
    .test-title-m { display: block; margin: 0.5rem 0rem 0.5rem 0rem; } 
    .test-title-m span { margin-left: 8px; color: #0570C1; font-size: 0.7rem; } 

    /* À̾îÇϱâ */
    .test-title { flex-direction: column; text-align: left; align-items: start; } 
    .university-test-step06-title { font-size: 0.9rem; margin: 0rem 0rem 1.0rem 0rem; } 
    .test-title h2 { font-size: 0.9rem; } 
    .test-title span { margin-left: 0; margin-top: 5px; font-size: 0.6rem; } 
    .content-test-step { flex-direction: column; } 
    .Side-menus { width: 100%; margin-bottom: 0.8rem; } 
    .Side-menus-inner ul li:nth-child(6) { font-size: 0.8rem; } 

    .reset-single { font-size: 0.6rem; } 

    .right-content { width: 100%; padding: 0.4rem; overflow-wrap: anywhere; word-break: keep-all; } 
    .university-test-step02 table tr td { padding: 0.2rem; width: calc(100%/5); } 
    .table-thead td { padding: 0.3rem; } 
    .university-test-step06 { padding: 0rem 0.3rem 0.3rem 0.3rem; } 
    .test-answer01 { padding: 0.3rem; } 
    .test-problem-page table { font-size: 0.5rem; } 

    /* °Ë»çÆäÀÌÁö */
    .test-problem01 span:first-child { font-size: 0.8rem; } 
    .test-title-area span:first-child { font-size: 0.8rem; } 
    .test-title-area span:last-child { font-size: 0.7rem; text-align: right; } 
    .select input[type=radio]+label { padding: 0.3rem; font-size: 0.7rem; } 
    .test-problem-btn01 span { padding: 0.5rem; } 
    .test-problem-btn01 { width: 40%; } 

    /* °á°úº¸±â */
    .susi_mains-flex { flex-direction: column; align-items: start; } 
    .susi_mains-left { width: 100%; margin-bottom: 8px; } 
    .susi_mains-right { width: 100%; } 
    .susi_mains-right span { word-break: keep-all; font-size: 0.6rem; } 
    .result-btns { align-items: stretch; } 
    .result-btn01 { display: flex; align-items: center; justify-content: center; } 

    .tabs-con1, .tabs-con2 { font-size: 0.9rem; } 
    .circle { width: 10px; height: 10px; } 
    .gh-tabs { flex-direction: column; } 
    .gh-tabs span:first-child { margin-right: 0; margin-bottom: 8px; font-size: 0.7rem; } 
    .gh-tabs span { width: 60%; padding: 0.4rem; font-size: 0.7rem; } 

    .line-recommen-title { flex-direction: column; align-items: start; } 
    .line-recommen-title p { font-size: 0.7rem; letter-spacing: -1px; } 
    .line-recommen-title span { margin-top: 5px; font-size: 0.7rem; } 
    .line-recommen-top01-title { overflow-wrap: anywhere; word-break: keep-all; font-size: 0.7rem; } 

    .tabs-table table tr td { padding: 0.3rem; } 

    .stick-chr-sam01 { display: flex; align-items: center; width: 100%; white-space: nowrap; } 
    .stick-chr-sam02 { width: 100%; white-space: nowrap; } 
    .stick-chr-sam03 { height: 0.8rem; } 
    .stick-chr-sam04 { display: none; } 
    .stick-chr-sam05 { width: 0; position: relative; } 
    .stick-chr-sam05 span { position: absolute; } 
    .stick-chr-sam05 .span-spec { font-size:0.6rem; color: blue; right: 0; } 
    .stick-chr-sam05 .span-nor { font-size:0.6rem; color: #333; right: 0; } 

    .tav-overwid { overflow-x: auto; } 
    .tav-overwid table { width: 750px; overflow-x: scroll; } 

    .tabs-con2-span { display: block; color: #e01820; } 

    .line-recommen-top01-inner01 span { font-size: 0.6rem; } 
    .line-recommen-top01-inner { align-items: stretch; height: 40px; } 
    .line-recommen-bottom { line-height: 1.1rem; font-size: 0.6rem; } 

    .all-opinion01 table tr td:first-child { font-size: 0.6rem; } 
    .all-opinion01 table tr td:last-child { font-size: 0.6rem; line-height: 1rem; } 

    .print-btns { flex-direction: column; } 
    .print-btn01 { width: 80%; font-size: 0.7rem; } 
    .print-btn01:first-child { margin-right: 0; margin-bottom: 0.5rem; } 

    /* .print-result-test { margin-top: 1rem; } */
    .tabs-table .header-blue { font-size: 0.6rem; } 
    .yellow td:first-child,.blue td:first-child,.pink td:first-child { font-size: 0.5rem; } 
    .tab1.tabs-table tr td { font-size: 0.5rem; } 

    .re-pc-info { display: block; text-align: center; } 

    /* °³Á¤±³À°°úÁ¤ */
    .info-text { font-size: 0.6rem; } 
    .title-sub-info { display: none; } 
    .title-sub-info2 { display: block; } 
    .title-sub-info2 .info-text { display: flex; flex-direction: column; align-items: start; } 
    .title-sub-info2 .info-text span { display: block; display: flex; align-items: center; } 

    .info-text div:first-child span:last-child .color-chip { background-color: #eaeaea; } 
    .info-text div:last-child span:first-child .color-chip { background-color: #dcdcdc; } 
    .info-text div:last-child span:last-child .color-chip { background-color: #ffecb6; } 

    .curriculum-table table tr td { padding: 0.3rem; font-size: 0.5rem; } 

    .title-btns { width: 100%; } 

    .title-btns2 { width: 100%; } 
    .title-btns2 h2 { font-size: 0.7rem; } 

    .profile-student table thead, .prifile-title-inner table thead { font-size: 0.7rem; } 
    .profile-student.profiles table tr td, .prifile-title-inner table tr td { font-size: 0.6rem; } 

    .quick-result-btn { font-size: 0.8rem; padding: 0.5rem; width: 40%; } 
    .quick-start-btns div,.quick-result-btns div { padding: 0.3rem; font-size: 0.5rem; } 

    /* ¹®ÀǹøÈ£ */
    .tel-span { padding:0.5rem 0.2rem; font-size: 0.8rem; } 

    .univercity-info-plus { font-size: 0.6rem; width: 100%; border-radius: 8px; } 

    /* ŸÀÌƲ ¹Ø °¢ ¹®Ç×À¸·Î À̵¿ÇÏ´Â ¹öÆ° Ãß°¡ */
    .quk-answer-btns { align-items: stretch; } 
    .answer-btn01 { font-size: 0.6rem; overflow-wrap: anywhere; word-break: keep-all; padding: 0.2rem; } 

    /* °ü¸®ÀÚÆäÀÌÁö °á°úÆäÀÌÁö */
    .admin-header-title { flex-direction: column; } 
    .admin-header-title .main-admin { margin-top: 0.5rem; } 

    span.questions-description { font-size: 0.7rem; } 

    .what-gumsa{border: 1px solid #0570C1; padding: 0.8rem;}
    .what-gumsa-title{width: 90%; font-size: 0.9rem; align-items: start; justify-content: start; margin: -54px auto 20px auto;}
    .what-gumsa-btn{right: 9px; width: 10%;}
    .what-gumsa-inner{flex-direction: column; gap: 15px;}
    .what-gumsa-img{width: 80%;}
    .what-gumsa-text{font-size: 0.7rem; line-height: 1rem;}

    .common-all{margin-bottom: 0.5rem;}
    .common-title{margin-bottom: 0.5rem;}
    .common-title .border{width: 12px;}
    .common-title h2{font-size: 1rem;}
    .common-title h2 b{display: block;}
    .common-notice span{font-size: 0.7rem;}
    .common-title-small{flex-direction: column; align-items: start; margin-bottom: 0.5rem;}
    .common-title-small h2{font-size: 0.8rem; overflow-wrap: anywhere; word-break: keep-all; padding: 0.5rem; margin-right: 0;}
    .common-title-small span{margin-top: 0.5rem; font-size: 0.7rem;}

    .opinion-title{width: 99%; margin: 0 auto; margin-bottom: 0.5rem; align-items: center;}
    .opinion-title-left{overflow-wrap: anywhere; word-break: keep-all; font-size: 0.8rem; padding: 0.3rem;}
    .opinion-title-right{padding: 0; padding-left: 0.5rem; font-size: 0.8rem;}

    .opinion-inner{flex-direction: column;}
    .opinion-img{width: 60%; margin: 0 auto; margin-bottom: 0.5rem; padding: 1.5rem;}
    .opinion-table{width: 100%;}

    .opinion-table tr td:first-child{padding: 0.5rem;}
    .opinion-table tr td:last-child{font-size: 0.7rem; line-height: 1rem;}

    .opinion01{margin-bottom: 1rem;}
    .tabs-table .header-blue{border-top: 1px solid #185086; border-bottom: 1px solid #185086;}
    .tabs-table .header-green{border-bottom: 1px solid #185086;}

    .line-recommen-top{flex-direction: column;}
    .line-recommen-top01{width: 99%; margin: 0 auto;}
    .line-recommen-top01-inner{height: auto;}
    .line-recommen-top01:first-child,.line-recommen-top01:last-child{border-radius: 10px;}
    .left-recom{margin-bottom: 1rem;}
    .left-recom .line-recommen-top01-inner01{height: 130px; border-right: 1px solid #333;}
    .left-recom .line-recommen-top01-inner-left{width: 25%; border-right: 1px solid #333;}
    .line-recommen-top01-inner-right{width: 75%;}
    .top01-inner-right-img{padding: 0.6rem; width: 115px; height: 100px;}
    .left-recom .line-recommen-top01-title{border-right: 1px solid #333}
    .top01-inner-right-text{padding: 0.5rem;}

    .line-recommen-bottom{border-radius: 10px; margin-top: 1rem; border-top: 1px solid #333;}

    .opinion-table td{overflow-wrap: anywhere; word-break: keep-all;}

    .common-notice-table-icon{width: 40%; padding: 0.3rem;}
    .unive-icon{width: 40px; height: 40px;}
    .unive-icon img{width: 90%;}
    .common-notice span{line-height: 1.3;}
    .common-notice-table-i01{height: 135px;}
    .line-recommen-textbox{line-height: 1.5; font-size: 0.7rem;}

    .result-sample-pc{display: none;}
    .result-sample-m{display: block;}
    .result-samples summary{width: 80%; font-size: 0.8rem;}

    /* ÇÕ°Ý°è»ê±â ¸ð´Þ */
    .dl-panel{left: 0; top: auto; bottom: 0px; transform: translateY(12px); width: 100%; border-radius: 16px 16px 0 0; border-bottom: 1px solid #ccc;}
    .dl-panel.is-open{transform: translateY(0);}
    .dl-overlay{z-index: 9;}

    /* ÇÕ°Ý°è»ê±â ¸ÞÀÎ */
    .menu6-wrap{overflow: hidden; padding-bottom: 0rem;}

    .con01{width: 100%; flex-direction: column-reverse; padding: 1.5rem 0rem;}
    .main-textbox{width: 90%; margin-bottom: 1rem; text-align: center;}
    .main-text-title{text-align: center; margin-left: 0; margin-bottom: 10px;}
    .main-text-title span{font-size: 0.8rem;}
    .main-text-title h2{font-size: 1.5rem;}
    .main-text-spec span{font-size: 1rem; margin-left: 0;}
    .main-text-icon-text01{border-radius: 50px; justify-content: center;}
    
    .main-text-icon-text01 .iconbox img{width: 30px; height: 30px;}
    .main-text-icon-text01 span{font-size: 0.75rem;}
    .main-text-icon-text01:nth-child(2){margin: 0.5rem 0;}
    .main-text-icon-texts{margin-bottom: 1rem;}

    .sample-img-left{width: 90%; height: 200px;}
    .con01-back-img{right: -1rem; z-index: 1;}
    .con01-back-img img{width: 160px;}

    .con04-downroad-btn{margin-left: 0; font-size: 0.9rem; padding: 0.8rem; border-radius: 0.5rem;}

    /* ·ÎÄÃÇÁ·Î±×·¥ ÀÌÀ¯ */
    .con02{width: 100%; padding: 1rem 0.5rem;}
    .con02-title h2{font-size: 1rem;}

    .con02-backimg{left: -20px; top: -5px;}
    .con02-backimg img{width: 340px; height: 50px;}

    .con02-textbox-top-main img{margin-right: 5px;}
    .con02-textbox-top-main, .top-sub01{padding: 0.3rem 0.5rem;}
    .con02-textbox-top-main span{font-size: 0.8rem;}
    .top-sub01 span{font-size: 0.75rem;}
    .con02-textbox-inn span{font-size: 0.75rem; line-height: 1rem;}

    .con02-textbox-info{font-size: 0.75rem; line-height: 1rem;}

    /* ÀÌ¿ë¹æ¹ý ¾È³» */
    .gpa-use-info-btn{width: 100%; margin-top: 10px; padding: 1rem; font-size: 20px;}
    .gpa-use-info-panel {left: 0; top: auto; bottom: 0px; transform: translateY(100%); width: 100%; max-width: none; max-height: 60vh; border-radius: 16px 16px 0 0; padding: 0px; overflow-y: auto; transition: transform .25s ease;}
    .gpa-use-info-modal.active .gpa-use-info-panel {transform: translateY(0);}
    .gpa-use-info-panel img {width: 100%; height: auto; max-height: none; object-fit: initial;}
    .gpa-use-info-close{top: -3px; font-size: 2rem;}

    /* ÇÕ°Ý°è»ê±â¿Í ÇÕ°Ý¿¹ÃøÀÇ Â÷ÀÌÁ¡ */
    .gpa-and-predict {width: 100%; margin-top: 10px; padding: 1rem; font-size: 20px;}
    .gpa-and-predict-panel {left: 0; top: auto; bottom: 0; width: 100%; max-width: none; max-height: 60vh; padding: 0; overflow-y: auto; transform: translateY(100%); transition: transform .25s ease; border-radius: 16px 16px 0 0;}
    .gpa-and-predict-modal.active .gpa-and-predict-panel {transform: translateY(0);}
    .gpa-and-predict-panel img {width: 100%; height: auto; max-height: none; object-fit: initial;}
    .gpa-and-predict-close {top: -3px; font-size: 2rem;}

    /* ÁÖ¿ä±â´É */
    .con03-wrap{width: 100%; padding: 1rem 0.5rem;}
    .con03-title, .con04-title{font-size: 1rem; flex-direction: column;}

    .con03-iconboxs{flex-direction: column; justify-content: center; align-items: center;}
    .con03-iconbox01{width: 95%;}
    .con03-iconbox01:nth-child(2){margin: 15px 0;}

    .con03-iconbox-title{font-size: 0.8rem;}
    .con03-iconbox-inner span{font-size: 0.75rem; line-height: 1rem;}
    .con03-icon{width: 70px; height: 70px;}

    .con03-info{width: 95%; margin: 0 auto; flex-direction: column; height: auto;}
    .con03-info-title{width: 100%; border-bottom: 1px solid #ccc; border-right: 0; box-sizing: border-box; padding: 0.5rem;}
    .con03-info-title h2{font-size: 0.9rem;}

    .con03-info-back-img{margin-left: 1.5rem;}
    .con03-info-back-img img{width: 40px;}
    .con03-info-inner{width: 100%;}
    .con03-info-in01{box-sizing: border-box; padding: 0.5rem;}
    .con03-info-in01 span{margin-left: 0;}

    /* È­¸é±¸¼º */
    .con04{width: 100%; padding: 1rem 0.5rem;}

    /* ¼³Ä¡ */
    .con05-wrap{width: 100%; padding: 1rem 0.5rem;}
    .con05-wrap-title{flex-direction: column; align-items: start;}
    .con05-wrap-title h2{font-size: 1rem;}
    .con05-wrap-title span{font-size: 0.7rem; margin-top: 0.5rem;}

    .con05-textboxs{flex-direction: column; width: 100%;}
    .con05-textbox01{width: 100%; padding: 0.8rem;}
    .con05-textbox01:nth-child(2){margin: 15px 0;}
    .con05-textbox-title{font-size: 0.8rem; margin-bottom: 0.5rem;}
    .con05-textbox-number{width: 40px; height: 40px;} 

    .con5-back-img{display: none;}

    /* ÀÚÁÖ ¹¯´Â Áú¹® */
    .con06-wrap{width: 100%; padding: 1rem 0.5rem;}
    .con06-title{font-size: 1rem;}
    .con06-faq-textbox{width: 95%;}
    .con06-faq-q{font-size: 0.8rem; margin-bottom: 0.5rem;}
    .con06-faq-a{font-size: 0.75rem;}

    /* ÇÕ°Ý°è»ê±â ¼³Ä¡ ¿À·ù ¹ÙÅÒ½ÃÆ® */
    .install-help-panel{left:0; right:0; top:auto; bottom:0px; transform:none; width:100%; max-width:none; max-height:calc(85vh - 0px); border-radius:20px 20px 0 0; padding:20px 16px 30px; overflow-y:auto; animation:bottomSheetUp .25s ease;}

    .install-help-panel img{width:100%; height:auto; object-fit:contain;}

    .install-help-panel::before{content:''; display:block; width:48px; height:5px; border-radius:999px; background:#d9d9d9; margin:0 auto 16px;}

    .install-help-close{top:3px; right:14px;}


    @keyframes bottomSheetUp{
        from{
            transform:translateY(calc(100% + 0px));
        }
        to{
            transform:translateY(0);
        }
    }
}