@charset "UTF-8";
@import url(soluny_style2.css);
/* font */
@font-face { font-family: 'Pretendard'; font-weight: 700; font-display: swap; src: local('Pretendard Bold'), url(../font/pretendard/Pretendard-Bold.woff2) format('woff2'), url(../font/pretendard/Pretendard-Bold.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 600; font-display: swap; src: local('Pretendard SemiBold'), url(../font/pretendard/Pretendard-SemiBold.woff2) format('woff2'), url(../font/pretendard/Pretendard-SemiBold.woff) format('woff'); } 
@font-face { font-family: 'Pretendard'; font-weight: 400; font-display: swap; src: local('Pretendard Regular'), url(../font/pretendard/Pretendard-Regular.woff2) format('woff2'), url(../font/pretendard/Pretendard-Regular.woff) format('woff'); } 


:root { --x : 0.5; --inside: 11px; } 
* { margin:0; padding:0; box-sizing:border-box; -webkit-print-color-adjust:exact; } 
html { width:100%; min-width: 320px; height:100%; overflow-x:hidden; } 
body { position:relative; font-family:"나눔 고딕", "NanumGothic", sans-serif; font-size:12px; color:#666; /*letter-spacing:-0.7px; */height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1; -webkit-overflow-scrolling: touch; } 
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td { margin:0; padding:0 } 
ul,ol,li { list-style:none } 
img, fieldset { border:none; vertical-align:top } 
legend, caption { position:absolute; top:-9999px; left:-9999px; z-index:-1 } 
textarea, button { vertical-align:middle } 
input, select { height:40px; vertical-align:middle; background:#fff; border:1px solid #e4dcd3; font-family:"나눔 고딕", "NanumGothic", sans-serif; color:#222; letter-spacing:-0.6px; border-radius:0; font-size:12px } 
input { padding:3px 10px; } 
option { padding:10px; } 
input[type="radio"],input[type="checkbox"] { border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 
input[type="password"] { height:40px; border:1px solid #e1e1e1; /* color:#999; */ background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 
input[type="text"] { width:100%; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 
input[type="number"] { -moz-appearance:textfield; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0 } 
select { width:100%; padding:0 30px 0 10px; height:35px; font-size:12px; line-height:1; color:#b6b4b3; background:url('/common/images/select-arrow.svg') no-repeat right 10px top 50% #FCF7EA; background-size:13px 7px; border:1px solid #e4dcd3; border-radius:4px; -webkit-appearance: none; appearance:none; -moz-appearance:none; } 
select::-ms-expand { display:none } 
textarea { padding:10px; vertical-align:middle; background:#fff; border:1px solid #e1e1e1; font-family:"나눔 고딕", "NanumGothic", sans-serif; color:#222; font-size:12px; letter-spacing:-0.6px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0; resize:none; } 
a { text-decoration:none; color:#555; } 
a:hover, a:focus, a:active { text-decoration:none; } 
table { border-collapse:collapse; width:100%; } 
button { background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap; font-size:12px; font-family:"나눔 고딕", "NanumGothic", sans-serif; } 
button:active { outline: none } 
button::-moz-focus-inner { padding:0; border:0; } 
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } 
input[readonly], input[readonly="readonly"] { background:#FCF7EA; border:none } 
input:read-only { background:#FCF7EA; border:none } 
input:read-only::-webkit-input-placeholder { color:#424242; font-size:12px; } 
input:read-only:-moz-placeholder { color:#424242; font-size:12px; } 
input:read-only::-moz-placeholder { color:#424242; font-size:12px; } 
input:read-only:-ms-input-placeholder { color:#424242; font-size:12px; } 
input:read-only:placeholder-shown { color:#424242; font-size:12px; } 
::-webkit-input-placeholder { color:#b6b4b3; font-size:12px; } 
:-moz-placeholder { color:#b6b4b3; font-size:12px; } 
::-moz-placeholder { color:#b6b4b3; font-size:12px; } 
:-ms-input-placeholder { color:#b6b4b3; font-size:12px; } 
:placeholder-shown { color:#b6b4b3; font-size:12px; } 

/* helper */
.mt5 { margin-top:5px !important; } 
.mt10 { margin-top:10px !important; } 
.mt15 { margin-top:15px !important; } 
.mt20 { margin-top:20px !important; } 
.mt25 { margin-top:25px !important; } 
.mt30 { margin-top:30px !important; } 
.mt35 { margin-top:35px !important; } 
.mt40 { margin-top:40px !important; } 
.mt45 { margin-top:45px !important; } 
.mb0 { margin-bottom:0px !important; } 
.mb10 { margin-bottom:10px !important; } 
.pl0 { padding-left:0px !important; } 
.pt2 { padding-top:2px !important; } 
.pt5 { padding-top:5px !important; } 
.colB { color:#000 !important; } 
.taC { text-align:center !important; } 
.f_orange { color:#FFA200 } 
.f_bold { font-weight:bold !important; } 
.ox-hidden {overflow-x: hidden;}
.sr-only {   position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap;}

/* 버튼 */
.pencilBt { display:block; width:162px; height:41px; margin:auto; padding-top:12px; text-align:center; background:#FFA200; border-radius:8px } 
.pencilBt strong { display:inline-block; font-size:18px; color:#fff; padding-left:24px; background:url('/common/images/pencil-alt.svg') no-repeat 0 0; line-height:20px; } 
.writeBt { display:block; width:100px; height:27px; padding-top:5px; line-height:17px; text-align:center; background:#2185D0; border-radius:4px } 
.writeBt strong { display:inline-block; font-size:14px; color:#fff; padding-left:20px; background:url('/common/images/write-bticon.svg') no-repeat 0 1px; line-height:16px; } 
.btnArea { margin:18px auto 0; border-radius:7px; text-align:center } 
.btnArea a { margin:0 auto; width:calc(50% - 10px); width:-webkit-calc(50% - 10px); max-width:162px; } 
.btnArea .listBtn { display:block; padding-left:23px; width:162px; color:#fff; font-size:18px; font-weight:bold; line-height:41px; text-align:center; border-radius:7px; background:url("/common/images/listBtn_icon.svg") no-repeat center left 32px #FFA200; } 
.btnArea.twoBtn { overflow:hidden; padding:0 10px; margin:18px auto 0; max-width:332px; border-radius:7px; } 
.btnArea.twoBtn a:last-child { margin-right:0px; } 
.btnArea.twoBtn .applBtn { /*float:left; */ padding-left:23px; margin-right:7px; width:calc(51% - 7px); width:-webkit-calc(51% - 7px); max-width:162px; color:#fff; font-size:18px; font-weight:bold; line-height:41px; text-align:center; border-radius:7px; background:url("/common/images/btn-edit-icon.svg") no-repeat center left 30px #FFA200; } 

.blackBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:4 } 

.centerBts { width:100%; text-align:center; margin-top:15px; } 
.centerBts a { margin:0 4px; } 
a.backBt { display:inline-block; width:94px; height:36px; font-size:14px; font-weight:bold; background:#B1B1B1; color:#fff; border-radius:4px; text-align:center; line-height:38px; overflow:hidden; } 
a.writeBt2 { position:relative; display:inline-block; width:120px; height:36px; padding-left:47px; font-size:14px; font-weight:bold; background:#2185D0; color:#fff; border-radius:4px; text-align:left; line-height:38px; overflow:hidden; } 
a.writeBt2:before { content:""; position:absolute; top:0; left:0; display:block; width:36px; height:36px; background:url('/common/images/write-bticon.svg') no-repeat center center #207FC7; } 
a.writeBt3 { display:block; width:162px; height:40px; margin:auto; font-size:18px; font-weight:bold; background:#FFA200; color:#fff; border-radius:4px; text-align:center; line-height:42px; overflow:hidden; } 
a.writeBt3 strong { display:inline-block; padding-left:25px; background:url('/common/images/write-bticon.svg') no-repeat 0 center; background-size:19px 17px; } 

.inside { padding: 0 var(--inside); } 
.__container { position: relative; max-width: 750px; margin: 0 auto; } 
.rwTxt { position:relative; padding-left:10px; font-size:14px; line-height:20px; } 
.classMoive { width:100%; } 
.swiper-container .swiper-button-next.swiper-button-white, .swiper-container .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url('/common/images/arrow_w.svg'); } 
.swiper-container .swiper-button-prev.swiper-button-white, .swiper-container .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url('/common/images/arrow_w.svg'); transform: rotate(180deg); } 

#header { position:relative; padding:20px 0 16px; border-bottom: 1px solid #E5E8EB; font-family: 'Pretendard'; } 
#header h1 a { display: inline-block; } 
#header h1 img { max-height: calc(44px * var(--x)); } 
#header .menuBtn { position: absolute; top: 50%; right: var(--inside); transform: translateY(-50%); } 
#header .menuBtn img { max-height: calc(32px * var(--x)); } 
#header .sideMenu { position:fixed; top:0; left:-140px; padding:88px 12px 0; width:140px; height:100%; background:#F17171; z-index:5 } 
#header .sideMenu .joinD a { display:block; margin-bottom:11px; padding:10px 0; font-weight:bold; text-align:center; color:#EFEFEF; background:#783838; border:1px solid #fff } 
#header .sideMenu .sideD { margin-top:15px; } 
#header .sideMenu .sideD a { display:block; margin-bottom:15px; padding-bottom:8px; color:#fff; font-size:14px; font-weight:bold; border-bottom:1px solid #D2D2D2 } 

.gnb { padding: 6px 0; text-align: center; font-family: 'Pretendard'; } 
.gnb .menuD { position:relative; display:inline-block; } 
.gnb .menuD .oneD { display: block; padding: calc(24px * var(--x)); color: #333; } 
.gnb .menuD .oneD h2 { font-weight: bold; font-size: calc(24px * var(--x)); } 
.gnb .menuD:nth-child(1) .oneD.on { color:#3FAE48 } 
.gnb .menuD:nth-child(2) .oneD.on { color:#3A5CAB } 
.gnb .menuD:nth-child(3) .oneD.on { color:#FFA200 } 
.gnb .menuD .twoD { display:none; position:absolute; top:38px; width:164px; padding:20px 24px 10px 24px; z-index:3 } 
.gnb .menuD.brandM .twoD { left:50%; transform:translateX(-50%); background:#3FAE48 } 
.gnb .menuD.studyM .twoD { left:50%; transform:translateX(-50%); background:#3A5CAB } 
.gnb .menuD.playM .twoD { left:50%; transform:translateX(-50%); background:#FFA200 } 
.gnb .menuD .twoD a { display:block; margin-bottom:16px; padding-bottom:8px; text-align:left; color:#fff; font-size:14px; font-weight:bold; border-bottom:1px solid #d2d2d2 } 
.gnb .menuD .twoD a:last-child { margin-bottom:0px; } 

/* 메인 */
.mainCon { padding-bottom: 50px; font-family: 'Pretendard'; font-size: calc(16px * var(--x)); } 
.mainCon img { max-width: 100%; } 
.mainVisual { position: relative; width: 100%; height: 0; padding-top: 59.659%; } 
.mainVisual .swiper-container { position: absolute; width: 100%; height: 100%; border-radius: calc(28px * var(--x)); top: 0; left: 0; } 
.mainVisual .swiper-container .swiper-slide a {display: block; position: relative; height: 100%; overflow: hidden;}
.mainVisual .swiper-container .swiper-slide img { 
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    max-height: 100%;
    transform: translate3d(-50%, -50%, 0);
} 
.mainVisual .swiper-container .swiper-slide .slideD { display:block; position:relative; } 
.mainVisual .swiper-container .swiper-slide .slideD .headTit { position:absolute; top:15%; width:100%; text-align:center; font-size:22px; color:#fff; font-weight:bold; line-height:30px; } 
.mainVisual .swiper-container .swiper-slide .slideD .subTit { position:absolute; top:35%; width:100%; text-align:center; font-size:13px; color:#fff; font-weight:bold; line-height:20px; word-break:keep-all; } 
.mainVisual .swiper-control { display: flex; position:absolute; bottom:calc(40px * var(--x)); left:calc(60px * var(--x)); height:40px; z-index: 10; } 
.mainVisual .swiper-control .__pagin,
.mainVisual .swiper-control .playBtn { height: 100%; background-color: rgba(0, 0, 0, 0.15); border-radius: 50em; color: #fff; font-size: 16px; } 
.mainVisual .swiper-control .__pagin { position: relative; width: 130px; } 
.mainVisual .swiper-control .swiper-button-next, 
.mainVisual .swiper-control .swiper-button-prev { height: 40px; margin-top: -20px; background-size: 10px 20px; } 
.mainVisual .swiper-control .swiper-button-next { right: 6px; } 
.mainVisual .swiper-control .swiper-button-prev { left: 6px; } 
.mainVisual .swiper-control .swiper-pagination-fraction { position: static; line-height: 40px; } 
.mainVisual .swiper-control .line { display: inline-block; width: 1px; height: 12px; background-color: rgba(255, 255, 255, 0.3); margin: 0px 8px; vertical-align: middle; } 
.mainVisual .swiper-control .playBtn { width: 40px; margin-left: 9px; background: rgba(0, 0, 0, 0.15) url("/common/images/pause.png") no-repeat center / cover; } 
.mainVisual .swiper-control .playBtn.on { background-image:url("/common/images/play.png"); } 

.main_section { margin-top: calc(50px * var(--x)); } 
.main_section .ms-title { margin-bottom: calc(24px * var(--x)); } 
.main_section .ms-title h3 { font-size: calc(26px * var(--x)); font-weight: 600; color: #333333; } 
.main_section .ms-content { position: relative; } 
.main_section.__search .ms-content { background-color: #B3EFEB; border-radius: calc(28px * var(--x)); padding: calc(34px * var(--x)); font-weight: 600; } 
.main_section.__search .ms-content::before { content: ''; position: absolute; top: calc(-70px * var(--x)); right: calc(17px * var(--x)); width: calc(190px * var(--x)); height: calc(155.19px * var(--x)); background: url("/common/images/search_boy.png") no-repeat center / contain; } 
.radioButton-box { display: flex; flex-wrap: wrap; row-gap: 20px; } 
.radioButton-box + .radioButton-box { padding-top: calc(24px * var(--x)); margin-top: calc(24px * var(--x)); border-top: 1px solid #95E7E2; } 
.radioButton-box .__title { flex: 0 0 100%; padding-top: calc(15px * var(--x)); color: #181818; font-size: 1.15em; font-weight: 600; } 
.radioButton-box .__list { flex: 1 1 auto; } 
.radioButton-box .__sort { display: flex; flex-wrap: wrap; column-gap: calc(8px * var(--x)); row-gap: calc(20px * var(--x)); } 
.radioButton-box .__sort + .__sort { margin-top: calc(20px * var(--x)); } 
.radioButton-box input[type='radio'] { visibility: hidden; display: none; } 
.radioButton-box input[type='radio'] + label { display: inline-block; padding: calc(16px * var(--x)) calc(20px * var(--x)); border-radius: 50em; cursor: pointer; -webkit-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; transition: 0.2s ease-out; background-color: #fff; } 
.radioButton-box input[type='radio']:checked + label { background-color: #9480FF; color: #fff; } 
.radioButton-box .btn-submit {
    width: 100%;
    padding: 0.86em;
    background-color: #00C1B6;
    border-radius: 50em;
    color: #fff;
    font-size: calc(20px * var(--x));
    font-weight: 600;
}
.main_section.__notice .announceD a { display: block; width: 100%; padding: calc(20px * var(--x)) calc(16px * var(--x)); background-color: #FAFAFA; border-radius: calc(8px * var(--x)); color: #333333; overflow: hidden; } 
.main_section.__notice .announceD a + a { margin-top: 8px; } 
.main_section.__notice .announceD a .tit { float: left; width: 80%; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.main_section.__notice .announceD a .date { float: left; width: 20%; color: #999999; font-weight: 400; text-align: right; } 
.main_section.__quickMenu .__lists { display: flex; column-gap: calc(16px * var(--x)); } 
.main_section.__quickMenu .__lists a { flex: 1 1 25%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: calc(30px * var(--x)) calc(10px * var(--x)); background-color: #FAF6F0; border-radius: calc(28px * var(--x)); color: #333333; font-size: calc(18px * var(--x)); font-weight: 600; } 
.main_section.__quickMenu .__lists a img { max-height: calc(80px * var(--x)); } 
.main_section.__quickMenu .__lists a span { margin-top: 4px; } 
.main_section.__banner > div { padding: calc(56px * var(--x)) calc(40px * var(--x)) calc(40px * var(--x)); border-radius: calc(28px * var(--x)); text-align: center; font-weight: 400; line-height: 1.5; } 
.main_section.__banner > div + div { margin-top: calc(40px * var(--x)); } 
.main_section.__banner .text-area figure {overflow: hidden;}
.main_section.__banner .text-area img { max-height: calc(112px * var(--x)); } 
.main_section.__banner .text-area figcaption { display: none; } 
.main_section.__banner .text-area p { margin-top: 4px; word-break: keep-all; } 
.main_section.__banner .content-area { margin: calc(40px * var(--x)) auto; } 
.main_section.__banner .btn-area .link { display: inline-block; padding: 1.2em 2.4em; border-radius: 50em; font-weight: 700; font-size: calc(20px * var(--x)); line-height: 1; } 
.main_section.__banner .see_teacher { background-color: #00CD5D; background-image: url("/common/images/see_teacher_bg.svg"); background-repeat: no-repeat; background-size: 85%; background-position: 43% 4%; color: #fff; } 
.main_section.__banner .see_teacher .btn-area .link { background-color: #fff; color: #059B49; } 
.main_section.__banner .see_teacher .content-area { max-width: 480px; border-radius: calc(28px * var(--x)); overflow: hidden; } 
.main_section.__banner .see_teacher .video-box { position: relative; width: 100%; height: 0; padding-top: 56.25%; } 
.see_teacher .video-box > iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 
.main_section.__banner .see_textbook { position: relative; padding-right: 24px; padding-left: 24px; background: #EDEFFF url("/common/images/see_textbook_bg.png") no-repeat top left / 92%; color: #4B4FFF; } 
.main_section.__banner .see_textbook::after { content: ''; position: absolute; left:calc(15px * var(--x)); bottom:0; width: calc(182px * var(--x)); height: calc(178px * var(--x)); background: url("/common/images/see_textbook_girl.png") no-repeat center / contain; } 
.main_section.__banner .see_textbook .content-area { margin-top: 20px; margin-bottom: 25px; } 
.main_section.__banner .see_textbook img { max-width: 100%; } 
.main_section.__banner .see_textbook .btn-area .link { background-color: #4B4FFF; color: #fff; } 
.main_section.__banner .see_performance { background: #FDE56A url("/common/images/see_performance_bg.png?ver=1") no-repeat center / contain; color: #4F451E; } 
.main_section.__banner .see_performance .content-area { margin-bottom: 35px; } 
.main_section.__banner .see_performance .content-area img { max-width: 100%; max-height: 240px; } 
.main_section.__banner .see_performance .btn-area .link { background-color: #6C47F8; color: #fff; } 
.main_section.__banner .see_level { position: relative; width: 100%; height: 0; padding: 140.625% 0 0; background: #EEFCFB url("/common/images/see_level_content.png") no-repeat center / contain; color: #149AA3; } 
.main_section.__banner .see_level .__inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: calc(56px * var(--x)) calc(10px * var(--x)) calc(40px * var(--x)); } 
.main_section.__banner .see_level .content-area { font-size: 0; color: transparent; } 
.main_section.__banner .see_level .btn-area { position: absolute; bottom: calc(40px * var(--x)); left: 0; right: 0; } 
.main_section.__banner .see_level .btn-area .link { background-color: #10C4CF; color: #fff; } 
.wow {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
}
.wow2 {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: opacity 0.5s, -webkit-transform 1s;
    transition: opacity 0.5s, -webkit-transform 1s;
    -o-transition: transform 1s, opacity 0.5s;
    transition: transform 1s, opacity 0.5s;
    transition: transform 1s, opacity 0.5s, -webkit-transform 1s;
}
.fadeUp {
    opacity: 0;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
}
.sclOn.fadeUp, .sclOn .fadeUp {
    opacity: 1;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}

.main_section__introProducts {overflow: hidden;}
.products-swiper .item figure { border-radius: 8px; background-color: #F9F9F9; padding: 0 var(--inside); } 
.products-swiper .item p { margin-top: 1em; color: #333; line-height: 1.4; } 
.products-swiper .item p span { font-size: 0.95em; } 
.products-swiper .item p b { display: block; } 
.products-swiper .swiper-container { padding-bottom: 65px; overflow: visible; } 
.products-swiper .swiper-button-next, .products-swiper .swiper-button-prev { width: 40px; height: 40px; margin-top: -20px; background-size: 100%; } 
.products-swiper .swiper-container .swiper-button-next, 
.products-swiper .swiper-container .swiper-container-rtl .swiper-button-prev { background-image: url('/common/images/round-arrow.svg'); } 
.products-swiper .swiper-container .swiper-button-prev, 
.products-swiper .swiper-container .swiper-container-rtl .swiper-button-next { background-image: url('/common/images/round-arrow.svg'); transform: rotate(180deg); } 
.products-swiper .swiper-control { position: absolute; width: 160px; height: 40px; left: 50%; bottom: 0; transform: translateX(-50%); } 
.products-swiper .swiper-control .swiper-pagination { color: #333; line-height: 40px; bottom: 0; font-size: 16px; z-index: 0; } 
.products-swiper .swiper-control .swiper-pagination-current { font-weight: 600; } 

/* 사이트맵 */
.sitemapPage { overflow:hidden; padding:0px 17px; } 
.sitemapPage > div { float:left; margin-right:35px; width:42%; min-height:190px; } 
.sitemapPage > div:nth-child(2n) { margin-right:0 } 
.sitemapPage > div:nth-child(2n+1) { clear:both; } 
.sitemapPage > div > p { padding-bottom:18px; font-size:20px; font-weight:bold; } 
.sitemapPage > div > a { display:block; padding:13px 0 9px; color:#707070; font-size:14px; border-bottom:1px solid #D2D2D2 } 
.sitemapPage .brand p { color:#3FAE48; border-bottom:3px solid #3FAE48 } 
.sitemapPage .study p { color:#3A5CAB; border-bottom:3px solid #3A5CAB } 
.sitemapPage .play { margin-top:45px; } 
.sitemapPage .play p { color:#FFA200; border-bottom:3px solid #FFA200 } 

/* 로그인 */
.loginPage .welcome { padding-bottom:12px; font-size:12px; line-height:16px; text-align:center; border-bottom:1px solid #D9D9D9 } 
.loginPage .loginArea { overflow:hidden; padding:19px 8px 15px 17px; border-bottom:1px solid #d9d9d9 } 
.loginPage .loginD { overflow:hidden; float:left; width:calc(100% - 89px); width:-webkit-calc(100% - 89px) } 
.loginPage .loginD p { float:left; width:70px; font-size:16px; font-weight:bold; line-height:35px; } 
.loginPage .loginD input { float:left; margin-bottom:7px; width:calc(100% - 70px); width:-webkit-calc(100% - 70px); height:35px; border:none; border-radius:18px; background:#f1f2f3 } 
.loginPage .loginD input:last-child { margin-bottom:0px; } 
.loginPage .loginBtn { float:left; margin-left:13px; width:76px; height:76px; font-size:18px; font-weight:bold; line-height:76px; color:#fff; text-align:center; border-radius:8px; background:#FFA200 } 
.loginPage .checkBox { display:inline-block; margin:13px 0 0 70px; } 
.loginPage .checkBox label { vertical-align:middle } 
.loginPage .searchArea { margin-top:13px } 
.loginPage .searchArea > div { overflow:hidden; margin-bottom:4px; } 
.loginPage .searchArea > div > p { float:left; font-size:12px; font-weight:bold; line-height:26px; letter-spacing:-0.3px } 
.loginPage .searchArea > div > .btn { float:right; width:128px; height:26px; text-align:center; font-weight:bold; line-height:26px; color:#fff; border-radius:8px; background:#2185D0; } 

/* 에러페이지 */
.errorPage { position:absolute; left:3%; top:calc(50% - 270px); width:94%; text-align:center; } 
.errorPage .logo { margin:0 auto; width:200px; } 
.errorPage .logo img { width:100%; } 
.errorPage .errorImg { margin:30px auto 0; width:150px; } 
.errorPage .errorImg img { width:100%; } 
.errorPage .txtD { margin: 20px 0; } 
.errorPage .txtD .title { font-size:20px; margin-bottom: 15px; } 
.errorPage .txtD .txt { font-size:12px; line-height:20px; } 
.errorPage .mainBtn { margin:0 auto; width:162px; height:41px; background:#595959 } 
.errorPage .mainBtn a { display:block; font-size:16px; line-height:41px; color:#fff } 

/* 서브 */
.titleD { position:relative; height:90px; background:#FFEBEB } 
.titleD img { width:375px; } 
.one .titleD { background:#C5DB6A; } 
.two .titleD { background:#B2E0F8; } 
.thr .titleD { background:#FEEA9E; } 
.titleD .titleBg { position:absolute; top:0; right:0; right:calc(0px + env(safe-area-inset-right)); z-index:1 } 
.titleD .title { position:absolute; top:50%; left:28px; left:calc(28px + env(safe-area-inset-left)); transform:translateY(-50%); color:#fff; text-shadow:0px 3px 6px rgba(0,0,0, 0.2); z-index:2 } 
.titleD.sideDiv .title { color:#707070 } 
.titleD .title h3 { font-size:20px; font-weight:bold; } 

.subCon { padding-top:20px; padding-left:13px; padding-right:13px; padding-bottom:25px; padding-left:calc(13px + env(safe-area-inset-left)); padding-right:calc(13px + env(safe-area-inset-right)); } 

/* 목록 리스트 */
.subCon .listD .list { position:relative; padding:17px 13px 23px; width:100%; border-bottom:1px solid #D9D9D9 } 
.subCon .listD .list .tit { overflow:hidden; display:block; width:100%; font-size:16px; line-height:21px; color:#707070; text-overflow:ellipsis; white-space:nowrap; } 
.subCon .listD .list .importL { display:none; padding:3px 6px; color:#ff0000; font-size:10px; border:1px solid #ff0000 } 
.subCon .listD .list .dataD { position:absolute; bottom:7px; right:9px; } 
.subCon .listD .list .dataD span { color:#9B9B9B; font-size:10px; } 
.subCon .listD .list .dataD .date { margin-right:9px; padding-left:10px; background:url("/common/images/calendar_icon.svg") no-repeat center left; } 
.subCon .listD .list .dataD .checkN { padding-left:14px; background:url("/common/images/check_icon.svg") no-repeat center left; } 
.subCon .listD .list.on { padding:14px 13px 25px; background:#EBF8E8 } 
.subCon .listD .list.on .tit { font-size:14px; line-height:20px; } 
.subCon .listD .list.on .importL { display:inline; } 
.subCon .paging { margin-top:16px; text-align:center } 
.subCon .paging a { display:inline-block; margin-right:9px; width:30px; height:30px; color:#000; font-size:11px; line-height:30px; background:#EFEFEF } 
.subCon .paging a.on { font-weight:bold } 
.subCon .paging a:last-child { margin-right:0px } 

/* 목록 상세 */
.subCon .viewD .titArea { overflow:hidden; padding:1px 0px 9px 0px; } 
.subCon .viewD .titArea .importV { display:none; margin-bottom:5px; padding:3px 7px; color:#ff0000; border:1px solid #ff0000 } 
.subCon .viewD .view.on .importV { display:inline-block; } 
.subCon .viewD .titArea .title { margin-bottom:10px; font-size:20px; font-weight:bold; line-height:25px; } 
.subCon .viewD .titArea .dataD { float:left; margin-top:7px; } 
.subCon .viewD .titArea .dataD span { color:#9B9B9B; font-size:10px; } 
.subCon .viewD .titArea .dataD .date { margin-right:9px; padding-left:10px; background:url("/common/images/calendar_icon.svg") no-repeat center left; } 
.subCon .viewD .titArea .dataD .checkN { padding-left:14px; background:url("/common/images/check_icon.svg") no-repeat center left; } 
.subCon .viewD .titArea .shareBtn { float:right; padding-right:38px; font-size:14px; line-height:30px; background:url("/common/images/share_icon.svg") no-repeat center right 2px } 
.subCon .viewD .shareArea { position:relative; } 
.subCon .viewD .shareArea .shareD { display:none; position:absolute; top:-12px; right:11px; padding:17px 21px 14px; background:#FFA200; z-index:5 } 
.subCon .viewD .shareArea .shareD a { display:block; margin-bottom:16px; padding-bottom:8px; color:#fff; border-bottom:1px solid #D2D2D2 } 
.subCon .viewD .shareArea .shareD a:last-child { margin-bottom:0px; } 
.subCon .viewD .shareArea .blackBg { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:4 } 
.subCon .viewD .conArea { min-height:198px; padding:14px 12px; border-bottom:1px solid #D9D9D9; border-top:1px solid #D9D9D9; word-break: break-all } 
/* .subCon .viewD .conArea img { width:100% } */
.subCon .viewD .conArea .videoD { position:relative; padding:14px 0px 15px; width:100%; } 
.subCon .viewD .conArea.videoD > img { width:100%; } 
.subCon .viewD .conArea .videoD .playBtn { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) } 
.subCon .viewD .conArea.videoArea { padding:0px 0px 17px 0px; } 
.subCon .viewD .conArea.videoArea .videoD { position:relative; padding:14px 12px 15px; width:100%; border-bottom:1px solid #d9d9d9 } 
.subCon .viewD .conArea.videoArea .videoD > img { width:100%; } 
.subCon .viewD .conArea.videoArea .videoD .playBtn { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) } 
.subCon .viewD .conArea p { font-size:14px; line-height:20px; } 
.subCon .viewD .conArea p.one { line-height:40px; } 
.subCon .viewD .conArea .imgArea { padding:17px 12px 0; } 
/* .subCon .viewD .conArea .imgArea img { width:100%; } */
.subCon .viewD .conArea .imgD { margin-top:13px; width:100%; height:auto; border:1px solid #D9D9D9 } 
/* .subCon .viewD .conArea .imgD img { width:100% } */
.subCon .viewD .conArea .appliBtn { margin:25px auto 0; width:119px; text-align:center; } 
.subCon .viewD .conArea .appliBtn a { display:block; width:119px; padding:10px 0; font-size:18px; font-weight:bold; color:#fff; text-align:center; border-radius:7px; background:#B1B1B1 } 

/* 브랜드 소개 */
.subCon .tabArea.scroll { position:relative; height:42px } 
.subCon .tabArea.scroll .tabBtn { position:absolute; top:0; left:0; display:table; width:100%; height:42px; border:1px solid #DEDFDF; border-radius:4px; background:#fff; } 
.subCon .tabArea.scroll .tabBtn.fixed { position:fixed; top:0; left:50%; transform:translateX(-50%); border-radius:0px; border-top:none; border-left:none; border-right:none; z-index:1 } 
.subCon .tabArea.scroll .tabBtn p { display:table-cell; width:81px; vertical-align:middle; font-size:14px; font-weight:bold; text-align:center; table-layout:fixed; border-right:1px solid #dedfdf; cursor:pointer } 
.subCon .tabArea.scroll .tabBtn p:last-child { border-right:none } 
.subCon .tabBtn a { display:table-cell; width:81px; vertical-align:middle; font-size:14px; color:#888888; font-weight:bold; text-align:center; table-layout:fixed; border-right:1px solid #dedfdf; cursor:pointer } 
.subCon .tabBtn a:last-child { border-right:none } 
.subCon .tabBtn a.on { color:#fff; background:#FFA200 } 
.subCon .tabBtn a { letter-spacing:-0.4px } 
.subCon .faqPage .viewD .titArea { padding:21px 3px 14px 12px; } 
.subCon .tabCon .tabDiv { margin-top:30px; } 
.subCon .tabCon .tabDiv .tit { padding-bottom:13px; font-size:20px; font-weight:bold; line-height:25px; color:#707070; border-bottom:1px solid #D9D9D9 } 
.subCon .tabCon .tabDiv .txtCon { margin-top:16px; font-size:12px; font-weight:bold; line-height:16px; color:#707070; } 
.subCon .tabCon .tabDiv .txtCon .imgArea { width:100%; height:auto; margin-top:14px; } 
.subCon .tabCon .historyD { margin-top:14px; } 
.subCon .tabCon .historyD li { overflow:hidden; margin-bottom:9px; padding-bottom:7px; border-bottom:1px solid #D9D9D9 } 
.subCon .tabCon .historyD li:last-child { margin-bottom:0px; padding-bottom:0px; border-bottom:none } 
.subCon .tabCon .historyD li p { float:left; } 
.subCon .tabCon .historyD li .date { width:18%; font-size:12px; line-height:18px; } 
.subCon .tabCon .historyD li .historyTxt { width:75%; margin-left:20px; font-size:14px; font-weight:normal; line-height:20px; } 

/* 지점, 교실찾기 리스트 */
.subCon .tabBtn { position:relative; display:table; width:100%; height:42px; border:1px solid #DEDFDF; border-radius:4px; background:#EFEFEF; } 
.subCon .tabBtn p { display:table-cell; width:81px; vertical-align:middle; font-size:14px; color:#888888; font-weight:bold; text-align:center; table-layout:fixed; border-right:1px solid #dedfdf; cursor:pointer } 
.subCon .tabBtn p:last-child { border-right:none } 
.subCon .tabBtn p.on { color:#fff; background:#FFA200 } 
.subCon .searchD { overflow:hidden; padding:8px 0px 13px; } 
.subCon .searchPage .searchD { padding:13px 0px; } 
.subCon .searchD .inputArea { float:left; margin-right:4%; width:calc(100% - 71px - 4%); } 
.subCon .searchD .inputArea .input { padding-left:38px; width:100%; height:35px; border:none; border-radius:18px; background-image:url("/common/images/input_search_icon.svg"); background-color:#F1F2F3; background-repeat:no-repeat; background-position:center left 23px; } 
.searchBtn { display:inline-block; width:71px; height:35px; border-radius:7px; background:#FFA200 } 
.searchBtn a { display:block; padding-left:31px; color:#fff; line-height:35px; font-size:14px; font-weight:bold; background:url("/common/images/search_icon.svg") no-repeat center left 8px; } 
.subCon .searchList .list { position:relative; padding:20px 0 15px; border-top:1px solid #D9D9D9 } 
.subCon .searchList .list:last-child { border-bottom:1px solid #D9D9D9 } 
.subCon .searchList .list .area { display:block; margin-bottom:7px; width:85%; font-size:20px; font-weight:bold; } 
.subCon .searchList .list .number { display:inline-block; width:85%; font-size:14px; } 
.subCon .searchList .list .address { margin-top:5px; width:85%; font-size:14px; line-height:18px; word-break:keep-all } 
.subCon .searchList .list .viewBtn { position:absolute; top:20px; right:0; } 

/* 지점, 교실찾기 상세 */
.subCon .searchView .view .titArea { padding:18px 0px 12px; } 
.subCon .searchView .view .titArea .title { display:inline-block; margin-bottom:0px; line-height:30px; } 
.subCon .searchView .view .conArea { padding:14px 0; } 
.subCon .searchView .view .conArea .numberD { overflow:hidden; margin-bottom:11px; } 
.subCon .searchView .view .conArea .numberD img { float:left; margin-right:8px; width:auto; } 
.subCon .searchView .view .conArea .numberD a { font-size:14px; } 
.subCon .searchView .view .conArea .conD { position:relative; min-height:37px; margin-bottom:11px; } 
.subCon .searchView .view .conArea .conD:after { display:block; clear:both; content:"" } 
.subCon .searchView .view .conArea .conD img { position:absolute; top:50%; left:0; transform:translateY(-50%); width:auto } 
.subCon .searchView .view .conArea .conD .txt { position:absolute; top:50%; left:45px; transform:translateY(-50%); word-break:keep-all } 
.subCon .searchView .view .conArea .mapD { overflow:hidden; margin-top:19px; width:100%; height:280px; border:1px solid #D9D9D9 } 
.subCon .searchView .view .conArea .mapD img { width:100%; } 
.subCon .viewD .conArea .printBtn { margin:12px auto 0; width:160px; text-align:center; border-radius:7px; background:#B1B1B1 } 
.subCon .viewD .conArea .printBtn a { display:none; } 

/* 솔루니 홍보실 */
.subCon .promoPage .viewD .titArea { padding:21px 3px 14px 12px } 
.subCon .viewD .conArea .caution { color:#FFA200; text-align:left; } 

/* 첨부파일 다운로드 */
.subCon .viewD .downArea { padding:8px 0; text-align:center; border-bottom:1px solid #D9D9D9 } 
.subCon .viewD .downArea .downTxt { font-size:10px; text-align:center; color:#FFA200 } 
.subCon .viewD .downArea .pdfBtn { display:inline-block; margin:7px auto; border-radius:12px; border:1px solid #FFA200 } 
.subCon .viewD .downArea .pdfBtn a { display:block; padding:11px 21px 11px 34px; font-size:14px; line-height:21px; background:url("/common/images/file-icon.svg") no-repeat center left 13px } 
.fileInput .name { display:block; overflow:hidden; float:left; width:94%; text-overflow:ellipsis; white-space:nowrap; } 
.fileInput .close { display:block; float:right; position:relative; margin-top:2px; width:10px; height:10px; z-index:1 } /* 2020-05-15 수정 */
.fileInput .close img { width:10px; height:10px; } 

/* 플레이 - 이벤트 리스트 */
.eventPage .listD .list { padding:0px; } 
.eventPage .listD .imgArea { position:relative; width:100%; } 
.eventPage .listD .imgArea img { width:100%; height:auto } 
.eventPage .listD .imgArea .eventDate { position:absolute; top:0; left:13px; padding:0px 22px; height:21px; line-height:21px; font-size:12px; font-weight:bold; color:#fff; background:#FFA200 } 
.eventPage .listD .imgArea .eventTit { position:absolute; top:50%; left:13px; transform:translateY(-50%); width:68%; font-size:20px; font-weight:bold; color:#fff; line-height:25px; } 
.eventPage .listD .txtArea { padding:14px; } 
.eventPage .listD .txtArea .txt { overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-bottom:9px; height:51px; text-overflow:ellipsis; font-size:11px; line-height:17px; text-align:center; word-break:keep-all; } 
.eventPage .listD .txtArea .content { overflow:hidden; width:100%; text-overflow:ellipsis; font-size:11px; line-height:17px; white-space:nowrap } 
.eventPage .listD .txtArea .btnArea { margin-top:16px; text-align:center; } 
.eventPage .listD .txtArea .btnArea .oneBtn { margin:0 auto; width:162px; } 
.eventPage .listD .txtArea .btnArea a { display:inline-block; height:26px; color:#fff; line-height:26px; font-size:15px; font-weight:bold; border-radius:7px; background:#FFA200 } 
.eventPage .listD .txtArea .btnArea a.oneBtn { width:100%; max-width:280px; background:#FFA200 } 
.eventPage .listD .txtArea .btnArea a:last-child { margin-right:0px; } 
.eventPage .viewD.finished .imgArea .eventDate { background:#3FAE48 } 
.eventPage .viewD.finished .txtArea { background:#EFEFEF } 
.eventPage .viewD.finished .txtArea .btnArea a { background:#3FAE48 } 
.eventPage .listD .finished .txtArea .btnArea .oneBtn { width:100%; max-width:280px; background:#3FAE48 } 
.eventPage .listD .list.finished .txtArea { background:#EFEFEF } 
.eventPage .listD .list.finished .imgArea .eventDate { background:#3FAE48 } 

/* 이벤트 상세 */
.subCon.done { padding-left:0px; padding-right:0px; } 
.done .viewDone { padding:0px 13px 15px; background:#EFEFEF } 
.done .viewReview { padding:11px 13px 0px; } 
.eventPage .viewD .imgArea { position:relative; } 
.eventPage .viewD .imgArea img { width:100% } 
.eventPage .viewD .imgArea .eventDate { position:absolute; top:0px; left:13px; padding:0px 20px; height:42px; font-size:12px; font-weight:bold; color:#fff; line-height:56px; background:#ffa200 } 
.eventPage .viewD .imgArea .eventTit { position:absolute; top:25%; left:13px; width:68%; font-size:20px; font-weight:bold; color:#fff; line-height:25px; } 
.eventPage .viewD .imgArea .eventTxt { font-size:12px; font-weight:bold; color:#fff; line-height:17px; } 
.eventPage .viewD .imgArea .eventTxt p:last-child { font-size:12px; font-weight:bold; color:#FFEE00; } 
.eventPage .viewD .imgArea .eventTxt.current { position:absolute; bottom:31%; left:23px; } 
.eventPage .viewD .imgArea .eventTxt.done { position:absolute; bottom:15%; left:23px; } 
.eventPage .viewD .titArea { padding:0px; margin-top:3px } 
.eventPage .viewD .shareArea .shareD { top:0px; } 
.eventPage .viewD .txtArea { padding:9px 14px 17px; } 
/* .eventPage .viewD .txtArea img { width:100% } */
.eventPage .viewD .txtArea .txt { margin-bottom:18px; font-size:14px; line-height:20px; text-align:center; word-break:keep-all; } 
.eventPage .viewD .txtArea .content { position:relative; margin-bottom:4px; font-size:12px; font-weight:bold; line-height:16px; color:#707070; word-break:keep-all; } 
.eventPage .viewD .txtArea .content span { display:block; position:absolute; top:0px; left:33px; } 
.eventPage .viewD .view .btnArea { margin:40px auto 0 } 
.eventPage .viewD .btnArea .eventBtn { display:block; padding-left:23px; width:162px; color:#fff; font-size:18px; font-weight:bold; line-height:41px; text-align:center; border-radius:8px; background:url("/common/images/event-edit.svg") no-repeat center left 25px #ffa200; } 
.special ul.reviewList li .writer .yesterday { opacity:.4; } 
.doneEvent .eventPage .viewD .eventDate { background:#3FAE48 } 
.doneEvent .eventPage .viewD .shareD { right:9px; } 
.classView .viewCon .resultBox { padding:12px 12px 0px } 
.classView .viewCon .resultD { margin-bottom:12px; padding:10px; background:#fff } 
.classView .viewCon .resultD .result { margin-bottom:17px; } 
.classView .viewCon .resultD .title { font-size:14px; font-weight:bold; text-align:center; } 
.classView .viewCon .resultD .txt { font-size:11px; text-align:center; } 

/* 체험학습 */
.playListD .classList2 li { padding:18px 15px 12px 7px; } 
.playListD .classList2 li .img { width:150px; height:157px; overflow:hidden; float:left; } 
.playListD .classList2 li .img img { width:100%; } 
.playListD .classList2 li .place { font-size:11px; color:#000; line-height:15px; } 
.playListD .classList2 li .btn { margin-top:10px; max-width:133px; width:100%; height:26px; text-align:center; border-radius:7px; background:#FFA200; } 
.playListD .classList2 li .btn a { display:block; font-size:15px; font-weight:bold; color:#fff; line-height:26px; } 
.playListD .classList2 .finished .btn { max-width:142px; width:100%; background:#8A9ED2 } 
.experiencePage .viewSpec { padding:0px 17px; border-bottom:none; } 
.experiencePage .classView.special .tit { border-bottom:3px solid #FFA200; } 
.experiencePage .viewSpec tr:last-child th { border-bottom:1px solid #D9D9D9; } 
.experiencePage .viewSpec tr:last-child td { border-bottom:1px solid #D9D9D9; } 
.experiencePage .viewSpec td span { color:#000; font-size:11px; line-height:14px; } 
.viewCon .borB { border-bottom:3px solid #000 !important; } 
/*.experiencePage .viewD .titArea { padding:3px 0px 14px 12px } */
.experiencePage .viewD.finished .titArea { padding:1px 13px 9px 0px } 
.viewD.finished .classView.special .tit .date { background:#8A9ED2 } /* 2020-06-05 수정 */
.subCon .caution { margin-top:10px; text-align:center; font-size:14px; color:#FF0000; line-height:20px; } 
.inputTable .radioD { height:30px; } 
.inputTable .radioD > span { display:inline-block; line-height:30px; } 
.inputTable .radioD > span:first-child { margin-right:16px; } 
.noData { padding-top:27px; min-height:166px; font-size:14px; text-align:center; border-top:1px solid #D9D9D9; } 
.viewCon .title { margin-top:32px; padding-bottom:10px; color:#707070; font-size:20px; font-weight:bold; line-height:26px; border-bottom:3px solid #d9d9d9; } 
.viewCon .title:first-child { margin-top:0px; } 
.viewCon section { margin-top:20px; padding:0 16px; } 
.viewCon section > p { margin-bottom:10px; font-size:14px; line-height:20px; } 
.viewCon .mapD { overflow:hidden; width:100%; height:280px; } 
.viewCon .imgD p { margin-bottom:10px; } 
.viewCon .imgD p img { width:100%; } 
.viewCon .reviewD { position:relative; } 
.viewCon .reviewD .writeBt { position:absolute; top:-40px; right:0; } 
.viewCon .reviewD p { margin-bottom:10px; } 

/* 솔루니빡독 */
.readPage .classView.special .tit { border-bottom:3px solid #FFA200; } 
.readPage .pencilBt { width:195px; } 

/* 솔루니논술대회 */
.contestPage .classView.special .tit { border-bottom:3px solid #FFA200; } 
.contestPage .pencilBt { width:280px; } 
.contestPage .mySearch { margin:0 auto; padding:0 16px; max-width:628px; width:100%; text-align:center } 
.contestPage .mySearch a { display:block; margin:0 auto; padding-left:10px; height:41px; font-size:18px; font-weight:bold; line-height:41px; color:#fff; border-radius:7px; background:url("/common/images/search_icon.svg") no-repeat left 20px center #FFA200 } 
.contestPage .siteName { display:none; margin-top:24px; } 
.contestPage .siteName .name { display:block; margin:6px auto 0; padding:8px 0; max-width:660px; width:100%; line-height:22px; text-align:center; border:1px solid #ffa200; border-radius:12px; } 
.applyTxt { margin-top:13px; font-size:14px; font-weight:bold; text-align:center; color:#000; line-height:16px } 
.applyTxt span { color:#FF0000; } 
.questionTxt { margin-bottom:22px; font-size:14px; line-height:20px; text-align:center; color:#707070 } 
.bgColor input { background:#FCF7EA } 
.subCon.question { padding-top:13px; } 
.subCon .specilClassApp .mapArea { padding:0 13px 32px 13px; border-bottom:1px solid #d9d9d9 } 
.subCon .specilClassApp .mapD { overflow:hidden; margin-top:17px; width:100%; height:270px; border:1px solid #D9D9D9 } 
.subCon .specilClassApp .mapD img { width:100%; } 

/* 솔루니 교사모집 */
.subCon .teacherPage .viewD .conArea { border-top:none; } 
.subCon .teacherPage .viewD .conArea .tabArea { margin-bottom:20px; } 
.subCon .teacherPage .tabCon .tabDiv:first-child { margin-top:0px; } 
.subCon .teacherPage .tabCon .tabDiv .txtCon { font-weight:normal; } 
.subCon .teacherPage .tabCon .tabDiv .txtCon p { line-height:25px; } 
.subCon .teacherPage .tabCon .tabDiv .imgArea { padding:0; margin:10px 0; } 
.subCon .teacherPage .viewD .videoD { position:relative; padding:14px 12px 15px; width:100%; border-top:1px solid #d9d9d9; } 
.subCon .teacherPage .viewD .videoD > img { width:100%; } 
.subCon .teacherPage .viewD .videoD .playBtn { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) } 
.btnArea.twoBtn { max-width:173px; } 
.teacherPage .btnArea.twoBtn .applBtn { width:100% } 
/* .teacherPage .btnArea.twoBtn .applBtn:last-child { display:none; } */
.teacherPage .btnArea.twoBtn .applBtn:last-child { display: inline-block !important; margin-right: 0; } 


/* 푸터 */
#footer { background:#FFFFFF; font-family: Pretendard; font-size: calc(16px * var(--x)); } 
#footer .footer_top { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; column-gap: calc(37px * var(--x)); row-gap: calc(15px * var(--x)); padding: var(--inside); background-color: #EEEEEE; } 
#footer .footer_top .snsD { display: flex; align-items: center; } 
#footer .footer_top .snsD > li { margin-right: 1em; } 
#footer .footer_top .snsD > li:last-child { margin-right:0px; } 
#footer .footer_top .snsD > li a { display: block; } 
#footer .footer_top .snsD > li img { max-height: calc(56px * var(--x)); } 
#footer .footer_top .snsD > li.ccm img { max-height: calc(42px * var(--x)); } 
#footer .footer_top .callN { background: #fff; border-radius: 50em; } 
#footer .footer_top .callN a { display: block; padding: calc(20px * var(--x)) calc(24px * var(--x)) calc(20px * var(--x)) calc(50px * var(--x)); color: #333; font-weight: 600; background: url(/common/images/phone_volume_icon.svg) no-repeat 8% 47%; background-size: calc(16px * var(--x)); } 
#footer .footer_top .callN .number { font-weight: 700; } 
#footer .footer_bottom { background-color: #fff; padding: calc(40px * var(--x)) var(--inside) calc(60px * var(--x)); } 
#footer .footer_bottom .utilD a { margin-right: 1.2em; color: #636363; font-size: 16px; font-weight: 500; } 
#footer .footer_bottom .utilD a.imfrt { color: #222; font-weight: 700; } 
#footer .__content { display: flex; align-items: start; flex-wrap: wrap; margin-top: calc(32px * var(--x)); margin-bottom: calc(32px * var(--x)); } 
#footer .footer_logo { flex: 0 0 100%; margin-bottom: 18px; } 
#footer .__content address { clear: both; font-style: normal; font-weight: 500; font-size: 12px; line-height: 1.4; color: #808080; } 
#footer .__content address b { display: block; margin-bottom: 0.6em; color: #222; font-weight: 700; } 
#footer .copy { font-size: 12px; font-style: normal; font-weight: 400; color: #808080; } 
@media all and (min-width:680px){
    #footer .footer_logo { flex: 0 0 auto; margin-right: 32px; } 
}


/* 레이어팝업 */
.layPop { position:fixed; top:0; left:0; width:100%; height:100vh; z-index:100; } 
.layPop .popblackBg { position:fixed; top:0; left:0; width:100%; height:100vh; background:#000; opacity:0.4; } 
.layPop .popBody { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); max-width:680px; width:94%; height:320px; overflow-y:auto; padding:0 5px 5px; background:#FFE9BC; z-index:5 } 
.layPop .popBody .tit { padding:19px 0 15px; text-align:center; font-size:20px; color:#707070; font-weight:bold; } 
.layPop .popBody .layCon { padding:18px 8px; background:#fff; } 
.layPop .popBody .viewBigImg { max-height:550px; text-align:center; } 
.layPop .popBody .viewBigImg img { max-width:100%; } 
.layPop .popBody .xbt { display:block; position:absolute; top:0; right:0; width:45px; height:30px; color:#fff; background:#000; text-align:center; line-height:32px; font-size:11px; z-index:1; } 
.layPop.hAuto .popBody { height:auto; padding:0; } 
.layPop .swiper-container { width:100% } 
.layPop .swiper-container .swiper-slide { text-align:center; } 
.layPop .swiper-container .swiper-pagination .swiper-pagination-bullet { margin-right:5px; background:#fff; } 

/* 하루 보지않기 팝업 (딤x) */
.wrap_layer_pop {display: none; position: fixed; top: calc(240px* var(--x)); left: 50%; transform: translateX(-50%); z-index: 4; } 
.wrap_layer_pop.open {display: block;}
.wrap_layer_pop .container_pop {width: calc(400px * var(--x));border-radius: calc(24px * var(--x));overflow: hidden; } 
.wrap_layer_pop .content_pop .__link {cursor: pointer; } 
.wrap_layer_pop .content_pop a {display: block; } 
.wrap_layer_pop .content_pop img {max-width: 100%;vertical-align: middle; } 
.wrap_layer_pop .footer_pop {position: relative;padding: calc(13px * var(--x)) calc(16px * var(--x));background-color: #fff; } 
.wrap_layer_pop .footer_pop button {font-size: calc(18px * var(--x)); color: #333333; } 
.wrap_layer_pop .footer_pop .btn-pop-close { position: absolute;top: 50%; right: calc(16px * var(--x)); transform: translateY(-50%); width: calc(48px * var(--x)); height: calc(48px * var(--x)); background: url(/common/images/popup/ico-close.svg) no-repeat center / calc(20px * var(--x)); z-index: 1; } 


/* 0420_[솔루니] 플레이 이벤트 참여하기 페이지 : 추가 */
.list_star { line-height: 16px; margin-top: 10px; word-break: keep-all; } 
.list_star > li { margin-top: 5px; text-indent: -14px; padding-left: 14px; } 
/* 0420_[솔루니] 플레이 이벤트 참여하기 페이지 : 끝 */

/* 0329_ [솔루니] 메인 및 수업소개 페이지 내 제품검색 폼 추가 요청 건에 대한 문의사항 : 시작 */
.search { width: 100%; padding: 13px 25px 16px; margin-top: 16px; background-color: #B3EFEB; } 
.search .search-header { text-align: center; color: #181818; } 
.search .search-header h3 { font-size: 18px; } 
.search .search-header p { margin: 6px 0 10px; font-size: 10px; font-weight: bold; } 
.search .select-wrap { width: 100%; height: 48px; display: flex; position: relative; align-items: center; justify-content: flex-start; border-radius: 30px; background: #FFFFFF; } 

.search .select-wrap .search-btn { padding: 12px; position: absolute; top: 0; right: 20px; } 
.search .select-wrap button { width: 24px; height: 24px; } 
.search .select-wrap button img { width: 100%; } 
/* select-box */
.select-box { height: 100%; margin:0 0px 0 21px; } 
.select-box.type02 { margin: 0; } 
.select-box .box { display:inline-block; position:relative; top: 2px; background: #fff; } 
.select-box.type01 .box { width: 32vw; } 

.select-box.type02 .box { width: 33vw; } 

.select-box .box .select { height:100%; padding:16px 0 17px 13px; font-size:10px; font-weight: bold; color: #707070; border-width: 2px 2px 1px 2px; border-style: solid; border-color: transparent; cursor:pointer; } 
.select-box .box .select:after { content:''; width: 14px; height: 8px; position:absolute; top:20px; right:15px; background: url('../../../common/images/arrow.svg') no-repeat center center / 100%; } 
.select-box.on .box .select { border-top-right-radius: 8px; border-top-left-radius: 8px; border-color: #4156A0; } 
.select-box .box .list { width:100%; max-height:300px; padding:10px 0; position:absolute; top:46px; left:0; z-index:10; display:none; overflow-y:auto; border-width: 0 2px 2px 2px; border-style: solid; border-color: #4156A0; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background-color:#fff; } 
.select-box .box .list > li { width:100%; height:22px; padding-left:20px; font-size: 10px; font-weight: bold; line-height:22px; cursor:pointer; } 
.select-box .box .list > li:hover { color: #4156A0; } 
.select-box .box .list::-webkit-scrollbar { width:5px; height:0; } 
.select-box .box .list::-webkit-scrollbar-button:start:decrement, 
.select-box .box .list::-webkit-scrollbar-button:end:increment { display:block; height:0; } 
.select-box .box .list::-webkit-scrollbar-track { background:rgba(0,0,0,.05); -webkit-border-radius:10px; border-radius:10px; } 
.select-box .box .list::-webkit-scrollbar-thumb { height:50px; width:50px; background:rgba(0,0,0,.2); -webkit-border-radius:5px; border-radius:5px; } 
@media all and (min-width:750px){
 .search { max-width: 750px; margin: 16px auto 0; padding: 28px 25px 30px; } 
.search .search-header h3 { font-size: 24px; } 
.search .search-header p { margin: 10px 0 20px; font-size: 16px; } 
.search .select-wrap { height: 60px; } 

.search .select-wrap .search-btn { padding: 12px; right: 36px; } 
.search .select-wrap button { width: 36px; height: 36px; } 
.select-box,
.select-box.type02 { margin:0 7px 0 29px; } 

.select-box.type01 .box { width: 190px; } 
.select-box.type02 .box { width: 224px; } 
.select-box .box .select { height:100%; top: 2px; padding:19px 0 20px 31px; font-size:16px; } 
.select-box .box .select:after { width: 20px; height: 12px; top:23px; right:24px; } 
.select-box .box .list { padding:20px 0; top:58px; } 
.select-box .box .list > li { height:32px; padding-left:40px; font-size: 16px; line-height:32px; } 
 }
/* 0329_ [솔루니] 메인 및 수업소개 페이지 내 제품검색 폼 추가 요청 건에 대한 문의사항 : 끝 */

@media all and (min-width:370px){
 :root { --x : 0.6; --inside: 15px; } 
}
@media all and (min-width:540px){
 :root { --x : 0.7; --inside: 18px; } 
}
@media all and (min-width:630px){
 :root { --x : 0.8; --inside: 20px; } 
}
@media all and (min-width:680px){
    :root { --x : 1; --inside: 20px; } 
}
@media all and (min-width:750px){
    :root {--inside: 23px; } 
    .gnb .menuD .twoD { top:54px; } 
    .titleBox { position:relative; margin:0 auto; max-width:750px; height:100%; } 
    .radioButton-box .__title { flex: 0 0 calc(90px * var(--x)); }
	.products-swiper .swiper-container {overflow: hidden;}

    .errorPage { position:absolute; top:calc(50% - 380px); left:calc(50% - 230px); width:450px; text-align:center; } 
    .errorPage .logo { width:400px; } 
    .errorPage .errorImg { margin:70px auto 0; width:220px } 
    .errorPage .txtD { margin:50px 0; } 
    .errorPage .txtD .title { font-size:25px; margin-bottom: 20px; } 
    .errorPage .txtD .txt { font-size:16px; line-height:23px; } 
    .errorPage .mainBtn { margin:0 auto; width:162px; height:41px; background:#595959 } 
    .errorPage .mainBtn a { display:block; font-size:16px; line-height:41px; color:#fff } 

    .subCon { max-width:750px; margin:0 auto; } 
    .mainCon { max-width:750px; margin:0 auto; } 

    .btnArea.twoBtn { max-width:173px; } 
    .teacherPage .btnArea.twoBtn { overflow:hidden; padding:0 10px; margin:18px auto 0; max-width:332px; border-radius:7px; } 
    .teacherPage .btnArea.twoBtn a:last-child { display:inline-block !important; margin-right:0 } 
    .teacherPage .btnArea.twoBtn .applBtn { /*float:left; */ padding-left:23px; margin-right:7px; width:calc(51% - 7px); width:-webkit-calc(51% - 7px); max-width:162px; color:#fff; font-size:18px; font-weight:bold; line-height:41px; text-align:center; border-radius:7px; background:url("/common/images/btn-edit-icon.svg") no-repeat center left 30px #FFA200; } 

    .titleD { height:180px; } 
    .titleD .titleBg { top:50%; transform:translateY(-50%); width:auto; height:100% } 
    .titleD .title h3 { font-size:35px; } 

    .subCon .viewD .conArea .printBtn a { display:block; padding-left:18px; width:160px; line-height:41px; font-size:18px; font-weight:bold; color:#fff; text-align:center; border-radius:7px; background:url("/common/images/print-icon.svg") no-repeat center left 28px; } 
}

@media all and (max-width:320px) { 
    /* .mainVisual .swiper-container .swiper-slide .slideD .headTit { top:10%; } 
    .mainVisual .swiper-container .swiper-slide .slideD .subTit { top:35%; } 
    .mainCon .btnD .leftArea > a > span { letter-spacing:-0.5px; } */
    .btnArea.twoBtn .applBtn { background:url("/common/images/btn-edit-icon.svg") no-repeat center left 20px #FFA200; } 
}


/* 1123_[문의 및 협의] 눈높이 홍보관 솔루니 소빅스 트라움벨트 사이트 사용성 개선 : 시작 */
/* // 기존 첨부파일 삭제 버튼으로 대처함.
.fileInputBx { position: relative; padding-right: 81px; } 

.fileInputBx .btnFileClose { position:absolute; right: 0; top: 0; display: block; width: 71px; font-size: 14px; line-height: 35px; font-weight: bold; color: #fff; text-align: center; background-color: #ffa200; border-radius: 7px; } 
*/
#top { position: fixed; right: calc(50% - (900px / 2)); display: none; bottom: 75px; width: 60px; height: 60px; text-align: center; background-color: rgba(0, 0, 0, 0.6); border-radius: 50%; z-index: 1030; } 

#top span { position: relative; display: table-cell; vertical-align: middle; color: #fff; font-size: 14px; } 
#top span:before { content: ''; display: block; width: 0; height: 0; margin: 0 auto 3px; border-style: solid; border-width: 0 5px 7px 5px; border-color: transparent transparent #fff transparent; } 

@media (max-width: 750px){
 #top { right: 10px; } 
 }
/* 1123_[문의 및 협의] 눈높이 홍보관 솔루니 소빅스 트라움벨트 사이트 사용성 개선 : 끝 */

/* 22.06.30 월간 시사논술 추가 :시작*/
.essayWrap .btnArea .eventBtn { display:block; padding-left:23px; width:162px; color:#fff; font-size:18px; font-weight:bold; line-height:41px; text-align:center; border-radius:8px; background:url("/common/images/event-edit.svg") no-repeat center left 25px #ffa200; } 
.essayWrap .fileWrap { border-bottom: 1px solid #d9d9d9; padding:10px 0 15px 0; text-align: center; } 
.essayWrap .fileWrap p { font-size: 10px; color:#ffa200; margin-bottom: 7px; } 
.essayWrap .fileWrap .btn { border:1px solid #ffa200; border-radius: 10px; padding:0 20px 0 33px; height:45px; box-sizing: border-box; display: inline-block; font-size: 14px; color:#555; line-height: 45px; background:url("/common/images/icon_file.jpg") no-repeat 15px 13px; } 
.essayWrap .reviewList .txt { color:#666; font-size: 12px; line-height: 20px; } 
.essayWrap .reviewList .bt { border:1px solid #dedede; width:70px; height:20px; box-sizing: border-box; color:#b8b8b8; font-size: 12px; text-align: center; } 
.essayWrap .reviewList .bt span { margin:0 2px } 
/* 22.06.30 월간 시사논술 추가 :끝*/

/* 대교50주년 어나운스먼트 바 --*/
.announcementBar {z-index: 100;cursor: pointer;background-color: #e60000;border-bottom: 1px solid #e9edf5;width: 100%;position: absolute;top: 0;left: 0;overflow: hidden; } 
.announcementBar__container {height: var(--announcementBar-height);margin: 0 auto; } 
.announcementBar__container--desktop {height: 100%;display: flex;justify-content: space-between;align-items: center; } 
.announcementBar__leftimage, .announcementBar__rightimage {display: flex;justify-content: center;align-items: center; } 
.announcementBar__leftimage svg {width: 52px;height: var(--announcementBar-height); } 
.announcementBar__rightimage svg {width: 69px;height: var(--announcementBar-height); } 
.announcementBar__text {font-size: 18px;line-height: 144%;letter-spacing: 0;color: #fff; } 
.announcementBar__text b {position: relative;font-weight: 600;line-height: 132%; } 
.announcementBar__text b:after {content: "";background: #fff;width: 1.5px;height: 18px;margin: -3px 12px;display: inline-block; } 
.announcementBar__container--mobile {display: none; } 
@media (max-width: 767px) {.announcementBar__container--desktop {display: none; } 
	.announcementBar__container--mobile {height: 100%;display: flex;justify-content: space-between;align-items: center; } 
	.announcementBar__container {height: var(--announcementBar-height); } 
	.announcementBar__text {display: block;font-size: 15px; } 
	.announcementBar__leftimage svg {width: 45px;height: var(--announcementBar-height); } 
	.announcementBar__text b {display: inline-block; } 
	.announcementBar__text b:after {display: none; } 
	.announcementBar__rightimage svg {width: 43px;height: var(--announcementBar-height); } 
}
/* -- 대교50주년 어나운스먼트 바 */