@charset "utf-8";

/* content */
.header>.inner,
.header-wrap .mn-all .inner,
.container>.content,
.container>.cont-head{max-width: 140rem; margin:0 auto;}
.container,
.header-wrap+#contents-wrap{padding:13rem 2rem 0 !important; min-height: calc(100% - 11.6rem);}
.sticky.container{min-height: calc(100% - 11.6rem - 9.7rem)}
.content{min-height:50rem; padding:0 3rem 0; border:.1rem solid #e5e8f0; border-radius:.8rem; background-color:#fff; position: relative;}

/* heder */
.header-wrap, .header, .header>.inner{height:5.2rem}
.header-wrap, .header{background-color: #fff; position: fixed; top:0; left:0; width: 100%;}
.header-wrap{box-shadow: .1rem .4rem .7rem rgb(0, 0, 0, .05);  z-index:20;}
.header-wrap .header{z-index: 10;}
.header-wrap .header.on{z-index: 15;}
.header-wrap .header.on+.dim{z-index: 12;}
.header>.inner{position: relative; padding-left:5.5rem; display: flex; align-items:center; justify-content: space-between;}
.header .logo{width:5.5rem; height:5.2rem; position: absolute; top:0; left:0;}

/* heder - gnb */
.header .gnb{display: flex; align-items: center; margin-left:1rem; margin-top:0.1rem}
.header .gnb>li{display:flex; align-items: center;}
.header .gnb>li::after{height:2rem; background-color: #bec2c9;}
.header .gnb>li>a{position:relative;font-size:1.95rem; font-weight: 700; padding:0 2rem; color: var(--gray1)}
.header .gnb>li>a span.new {position:absolute; top:-1.4rem; left:50%; color:#ff073c; font-size:1.2rem; background:url(https://ct.soohakplus.com/images/ico/ico_new.gif) no-repeat 50% 50%/2.3rem auto; width:2.3rem; height:1.6rem;}
.header .gnb>li>a span.best {position:absolute; top:-1.4rem; left:50%; color:#ff073c; font-size:1.2rem; background:url(https://ct.soohakplus.com/images/ico/ico_best.gif) no-repeat 50% 50%/2.3rem auto; width:2.3rem; height:1.6rem;}
.header .gnb>li>a span.d_day {position:absolute; top:-1.2rem; left:2.2rem; color:#ff073c; font-size:.9rem;}
.header .gnb>li>a span.on {color:var(--blue1)}
.header .gnb>li>a span.marking { margin-left:-5.2rem;}
.header .gnb>li>a span.worksheet { margin-left:-2.6rem;}
.header .gnb>li>a span.naesin { margin-left:-5.8rem;}
.header .gnb .mn{display: none;}
.header .gnb .mn>li a{padding:0 1rem; color:#a3a8b2; font-size:1.7rem}
.header .gnb>.on .on a{color:var(--gray1); font-weight:700; position:relative;} 

.header .gnb>.on .mn{display:flex; padding-right:1.7rem; margin-top:-.2rem} 
.header .gnb>.on .on a::after{content:''; display:block; position:absolute; bottom:-.6rem; left:0; right:0; height:.2rem; width:80%; margin:0 auto; background-color:var(--gray0)} 
.header .gnb>.on>a{color:#5c50e3; }

.header.teacher.on .gnb>.on .mn{display: none;}
.header.teacher .gnb>.on .mn li {z-index:14}
.header.teacher .gnb>.on .mn li a{padding:0 1rem; color:#a3a8b2; font-size:1.5rem}
.header.teacher .gnb>.on .mn .on a{color:var(--gray1); font-weight:700; position:relative;} 

.header.teacher .gnb>.on .mn{position:absolute; left:0; top:5.3rem;  width:140rem; margin:0 auto; line-height:3.85rem; display:flex;} 
.header.teacher .gnb>.on .mn:before {content:''; position:fixed; top:5.2rem; left:0; width:100%; height:3.8rem; border-top:1px solid #e4e4e4; box-shadow:.1rem 2px 5px 0px rgba(0, 0, 0, 0.05); background:#fff; }
.header.teacher .gnb>.on .mn .on a::after{content:''; display:block; position:absolute; bottom:-.15rem; left:0; right:0; height:.2rem; width:auto; margin:0 0.8rem; padding:0 0.2rem; background-color:var(--gray0)} 

.header.teacher .gnb li:nth-child(1) .mn {padding-left:7.6rem;}
.header.teacher .gnb li:nth-child(2) .mn {padding-left:15rem;}
.header.teacher .gnb li:nth-child(3) .mn {padding-left:23rem;}
.header.teacher .gnb li:nth-child(4) .mn {padding-left:34rem;}
.header.teacher .gnb li:nth-child(5) .mn {padding-left:43.5rem;}
.header.teacher .gnb li:nth-child(6) .mn {padding-left:58.6rem;}




.header .gnb>.on>a{color:#5c50e3; }
/*
.header .gnb>.on>a{color:#5c50e3; background: url(../../images/gnb/ico_mn_on.png) no-repeat top 45% right 0.5rem/.9rem auto;}

.header .gnb> li:nth-child(4).on>a {background:none}
.header .gnb> li:last-child.on>a {background:none}
*/
.header .gnb.on, .mn-all .gnb{width:calc(45% - 6.5rem); margin-left:0;}
.header .gnb.on .mn{display: none;}
.header .gnb.on>li{flex: 0 0 27.5%;  max-width: 27.5%; flex-shrink: 0; box-sizing: border-box;}
.header .gnb.on>li>a{padding:0; text-align: center; width:100%; pointer-events: none;}
.header .gnb.on>li.on>a{background: none;}
.header .gnb.on>li>a span.worksheet { margin-left:-2.8rem;}
.header .gnb.on>li>a span.naesin { margin-left:-6.1rem;}

/*
.header .gnb.on>li{width: 32%;}
.header .gnb.on>li>a{padding:0; text-align: center; width:100%; pointer-events: none;}
.header .gnb.on>li.on>a{background: none;}
.header .gnb.on>li>a span.worksheet { margin-left:-2.8rem;}
.header .gnb.on>li>a span.naesin { margin-left:-6.1rem;}
*/

/* heder - util */
.header .util{position: absolute; right:0; margin-right:7.5rem; display: flex;}
.header .util .col.marking .label-new{position:absolute; top:-.1rem; right:-0.25rem; display:block; width:1rem;height:1rem; border-radius:100%; background-color: #fcc100; border:.2rem solid #fff;}
.header .util .col.notice .label-new{position:absolute; top:-.1rem; right:0; display:block; width:1rem;height:1rem; border-radius:100%; background-color: #f24f59; border:.2rem solid #fff;}
.header .util .col.user{margin-left:1.2rem}
.header .util a{display:inline-flex; align-items: center;  justify-content: center; padding:0.2rem .5rem .1rem}
.header .util .btn-naesin{margin-right:1.3rem; min-width:10.9rem; height:3.5rem; background: url(https://ct.soohakplus.com/images/gnb/btn_naesin.png) no-repeat 50% 50%/10.8rem auto; margin-top:-0.5rem;}
.header .util .btn-marking{width:10.5rem; font-weight:bold; background:#f24f59 ; color:#fff; border-radius: 10rem;  padding:0.2rem 1.4rem 0 1.4rem; height:3rem; line-height:4rem; font-size:1.35rem; margin-top:0rem; }
.header .util .col.management a{display:block; font-weight:bold; background:#fff9e5 url(../../images/gnb/ico_login.png) no-repeat 1.3rem .95rem/1.2rem auto ; border-radius: 10rem;  padding:0.2rem 1.4rem 0 3.2rem; height:3rem; line-height:3rem; font-size:1.35rem; margin-top:0rem; } /* 20260210:add */

/*
.header .util .btn-marking{margin-right:1.6rem;font-weight:bold;background: #fff9e5;border: .2rem solid #f24f59;color: #f24f59;border-radius: 10rem;padding:0.2rem 1.4rem 0 1.4rem;height:3rem;line-height:4rem;font-size:1.35rem;margin-top:0rem;}

.header .util .btn-marking{margin-right:1.6rem; min-width:10.9rem; border:2px solid #7267ef; font-weight:bold; background:#f6efff ; color:#7267ef; border-radius: 10rem;  padding:0.2rem 1.5rem 0 1.5rem; height:3.2rem; line-height:4rem; font-size:1.35rem; margin-top:0rem; }
*/
.header .util .btn-info{min-width:auto;min-height:auto; width:3rem; height:3rem; border-radius: 100%; display:block; background: url(https://ct.soohakplus.com/images/gnb/sbanner_img.png) no-repeat 50% 50%/3rem auto; }
.header .util .btn-notice{min-width:auto; width:3rem; height:3rem; border-radius: 100%; display:block; background: #f6efff url(../../images/gnb/ico_alarm.png) no-repeat 50% 50%/1.5rem auto;}
.header .util .btn-notice:hover+.tooltip{display:none !important;}
.header .util .btn-user{display:flex; align-items:center; background: url(../../images/common/ico_arr_down_l.png) no-repeat  top 50% right 0 / 1.1rem auto; padding:0 2.3rem 0 0; border:0}
.header .util .btn-user:hover+.tooltip{display:none !important;}
/* .header .util .btn-user::before{content:''; width:3rem; height:3rem; border-radius: 100%; display:inline-block; background: #fff9e5 url(../../images/gnb/ico_login.png) no-repeat 50% 50%/1.5rem auto} */
.header .util .btn-user>span{margin-left:.7rem; margin-top:0.2rem; font-size:1.5rem; color:var(--gray1); font-weight:700;}
.header .util .btn-user>span b {color:var(--blue1); margin-right:0.2rem; vertical-align:-1px; font-size:1.6rem}
.header .util .col{display:flex; align-items:center; position: relative; margin-left:1.2rem; }
.header .util .col .tooltip-wrap .tooltip{display:none; position: absolute; bottom:3.2rem; left:50%; transform: translateX(-50%); border:.1rem solid var(--gray0); border-radius:.4rem; background-color: #fff; padding:1.8rem 2rem; width:29rem; box-shadow: .1rem .1rem 0.4rem var(--shdow2); z-index: 11; top:4.2rem;}
.header .util .col .tooltip-wrap .tooltip:hover{display:block;}
.header .util .col .tooltip-wrap .tooltip::after{content: ''; display:block; width:1.4rem; height: 1rem; background: url(../../images/common/bg_tooltip_tail.png) no-repeat 0 0 / auto 100%; position: absolute; bottom:-.8rem; left:0; right:0; margin:0 auto;}
.header .util .col .tooltip-wrap p{font-size:1.35rem; line-height: 1.5;}
.header .util .col .tooltip-wrap.bottom .tooltip{justify-content:center; bottom:auto; top:4rem; line-height:1.2; text-align:center;}
.header .util .col .tooltip-wrap.bottom .tooltip::after{transform: rotate(180deg); bottom:auto; top:-.8rem}
.header .util .col .tooltip-wrap.bottom .tooltip.on{display:block !important;}
.header .util .col.user .tooltip.on{top:3.3rem}
.header .util .col .tooltip-wrap .tooltip .close{width:1.5rem; height:1.5rem; background: url(../../images/common/ico_close_b.png) no-repeat 0 0.2rem / 1.3rem auto; position: absolute; top:0.7rem; right:0.9rem;}
.header .util .col .tooltip-wrap .tooltip .close {display:none}
.mo .header .util .col .tooltip-wrap .tooltip .close {display:block}
.header .util .col.marking .tooltip-wrap .tooltip {padding:1.5rem 1.7rem}
.header .util .col.notice .tooltip-wrap{position: relative;}
.header .util .col.notice .tooltip{padding:0; width: 26rem;}
.header .util .col.notice .scrollbar{overflow-y:auto; height:32.3rem; padding-top:.5rem}
.header .util .col.notice .scrollbar li{border-top:.1rem solid var(--gray4); cursor:pointer; padding:1.5rem 2rem; position: relative;}
.header .util .col.notice .scrollbar li:first-child{border-top:0;}
.header .util .col.notice .scrollbar li>*{display:inline-block; vertical-align: middle;}
.header .util .col.notice .new{width:.7rem; height:.7rem; background-color: #ff073c; border-radius: 100%; position: absolute; top:2rem; left:1rem;}
.header .util .col.notice .ellipsis{width: 95%;  font-weight:700; margin-top:.2rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;}
.header .util .col.notice .date{font-size:1.2rem; margin:.3rem 0 0 .4rem}
.header .util .col.notice .btn-more{justify-content:center; width:100%; height:3.7rem; font-weight:700; font-size:1.5rem; background-color: #f3f5fa; border-top:.1rem solid var(--gray2); text-align: center; box-shadow:inherit;}
.header .util .col.notice .btn-more::after{content:''; display:inline-block; width:.7rem; height:.7rem; margin-left:.5rem; background: url(../../images/ico/ico_plus.png) no-repeat 50% 50%/.7rem auto;}
.header .util .col.user .tooltip{width:31rem; left:auto; right:-6.4rem; transform: translateX(0); padding: 1.7rem 1.7rem 2.5rem;}
.header .util .col.user .tooltip::after{left:auto; right:6.2rem}
.header .util .col.user .head-user .txt{font-size:1.8rem; margin:0 0 1.4rem;}
.header .util .col.user .head-user .btn-area{margin:0 -1.7rem; border-top:.1rem solid var(--gray4); border-bottom:.1rem solid var(--gray4)}
.header .util .col.user .head-user .btn-area button{flex:1; height:3.7rem; padding-top:.2rem}
.header .util .col.user .head-user .btn-area button::after{content:''; display:inline-block; width:.5rem; height: .8rem; background: url(../../images/ico/ico_arr_g.png) no-repeat 0 0/100% auto; margin-left:1rem;}
.header .util .col.user .head-user .btn-area button + button{border-left:.1rem solid var(--gray4)}
.header .util .col.user .cont .tit{font-weight:700; font-size:1.3rem; margin:2rem 0 .8rem}
.header .util .col.user .cont .box{border-radius: 1rem; border:.1rem solid var(--blue1); padding: 1.3rem 2rem; position: relative; display: block;}
.header .util .col.user .cont .box+.box{margin-top:1rem;}
.header .util .col.user .cont .box>span{font-weight: 700;display: block;}
.header .util .col.user .cont .box .name{font-size: 1.7rem; color: var(--blue1); margin: 2.5rem 0 .5rem;}
.header .util .col.user .cont .box .date{color: #554cb4; background-color: #eee9fb; border-radius: 1rem; display: inline-block; position: absolute; top:1.3rem; left:2rem; height:1.7rem; line-height:1.9rem; padding:0 1.2rem; font-weight:700; font-size:1.2rem;}
.header .util .col.user .cont .box .term{font-size:1.2rem; font-weight:700;}
.header .util .col.user .total{background-color: var(--gray5); font-weight: 700; font-size:2rem; text-align: right; height:4.2rem; line-height: 4.2rem; padding:0 2rem;}
.header .util .col.user .total strong{color: var(--blue1); margin-right:.5rem; display: inline-block; padding-top: .2rem;}

/* heder - menu all */
.header-wrap .btn-mn-all{position:absolute; right:.8rem; top:0; width:5.6rem; height:5.2rem; background:url(../../images/gnb/ico_mn_all.png) no-repeat 50% 50%/2.3rem auto;}
.header-wrap .btn-mn-all.on{background: url(../../images/gnb/ico_mn_all_close.png)no-repeat 50% 50%/2.3rem auto;}
.header-wrap .mn-all{border-top: solid .1rem #e4e4e4; width:100%; height:19.3rem; background-color: #fff; position: absolute; top: -20rem; box-shadow: .1rem .4rem 2rem var(--shdow2); transition: all .4s ease-out; overflow:hidden;}
.header-wrap .mn-all.on{top:5.2rem; z-index: 14;}
.header-wrap .mn-all.on .gnb.on>li::before{display:none;}
.header-wrap .mn-all .inner{display: flex; justify-content: space-between; padding-left:3.5rem; height:100%;}
.header-wrap .mn-all .gnb{display:flex; padding-top:2.5rem; margin-left:1.6%}
.header-wrap .mn-all .gnb>li{flex: 0 0 27%;  max-width: 27%;  flex-shrink: 0; box-sizing: border-box; text-align: center;}
.header-wrap .mn-all .gnb>li>a{display:none;}
.header-wrap .mn-all .mn>li{margin-bottom:1rem}
.header-wrap .mn-all .mn .on a{ background-color: #f6efff; color:#5c50e3; font-weight:700}
.header-wrap .mn-all .mn a{color: var(--gray1); font-size:1.6rem; padding: .5rem .8rem;}
.header-wrap .mn-all .mn-quick{position:relative; width:41.1rem; background-color: #f3f5fa; padding:2rem 0 2rem 3rem; display: none;}
.header-wrap .mn-all.on .mn-quick{display: block;}
.header-wrap .mn-quick .tit-bar{font-size:1.6rem; color:var(--gray1); font-weight:700; margin-bottom:1rem; line-height:1;}
.header-wrap .mn-quick .tit-bar::before{content:''; display:inline-block; width:.2rem; height:1.4rem; margin-right:.7rem; background-color:var(--gray1); vertical-align: middle;}
.header-wrap .mn-quick .bx{display:flex; flex-wrap:wrap; gap:.8rem;}
.header-wrap .mn-quick [class*="link-btn"]{width:10.7rem; height:3.7rem; font-weight:700; color:var(--blue2); border:solid .1rem #a1b0bb; background-color:#fff; border-radius:.6rem; display: inline-flex; align-items:center; justify-content: center; font-size:1.4rem;}
.header-wrap .mn-quick [class*="link-btn"]:hover{background-color:var(--blue2); border-color:var(--blue2); color:#fff}
.header-wrap .mn-quick .link-btn1{border-color:#F24F59; color:#F24F59}
.header-wrap .mn-quick .link-btn1:hover{background-color:#F24F59; border-color:#F24F59;}
.header-wrap .mn-quick .link-btn2{border-color:var(--blue1); color:var(--blue1)}
.header-wrap .mn-quick .link-btn2:hover{background-color: var(--blue1); border-color:var(--blue1);}
.header-wrap .mn-quick .link-btn3{border-color:#3d9bfb; color:#3d9bfb}
.header-wrap .mn-quick .link-btn3:hover{background-color:#3d9bfb; border-color:#3d9bfb;}
.header-wrap .mn-quick .link-btn4{border-color:#22c5ac; color:#22c5ac}
.header-wrap .mn-quick .link-btn4:hover{background-color:#22c5ac; border-color:#22c5ac;}
.header-wrap .mn-quick .set{position:absolute; top:2.2rem; right:4.4rem; padding-right:2rem; background:url(../../images/gnb/ico_set.png) right center no-repeat; color:#3E5568; font-size:1.3rem;}

/* heder - side menu */
.header-wrap .btn-sd-quick{position:absolute; left:-3.7rem; top:36.5rem; width:3.8rem; height:7rem; border-radius: 3rem 0 0 3rem; background:#65708d url(../../images/gnb/ico_quick_on.png) no-repeat top 50% right .7rem/2rem auto; background-color:#65708d !important;}
.header-wrap .btn-sd-quick.on{right:26rem; background:#fff url(../../images/gnb/ico_quick_off.png) no-repeat top 50% right .7rem/2rem auto; background-color:#fff !important;}
.header-wrap .snb{position: fixed; right:-23.8rem; top:0; width:24rem; height:100%; background-color: #fff; transition: all .25s ease-out; z-index: 11;}
.header-wrap .snb::before{content:''; width:.2rem; height:100%; background-color:var(--blue3); position: fixed; right:0; top:0; display: block;}
.header-wrap .snb.on::before{display:none;}
.header-wrap .snb.on{right:0;}
.header-wrap .snb.on + .dim{z-index: 10;}
.header-wrap .snb .tit{width:100%; height:5rem; background-color: #2f2f37; font-size:1.7rem; font-weight:700; color:#fff; text-align:center; line-height:5rem;}
.header-wrap .snb .inner{padding: 3.5rem 3rem; display: flex; flex-direction: column; height:calc(100% - 5rem);}
.header-wrap .snb .tit-s{font-size:1.7rem; font-weight:700; margin-bottom:1rem;}
.header-wrap .snb .search-wrap{border:.1rem solid #dfe0e4; width:100%; height: 4rem; display: flex; align-items: center; justify-content: space-between; overflow:hidden}
.header-wrap .snb .search-wrap input{border:0; padding:1.2rem 0 1rem 1.5rem; width:calc(100% - 4rem); font-size:1.6rem}
.header-wrap .snb .search-wrap .btn{width:4rem; height:4rem; background: url(../../images/ico/ico_search_01.png)no-repeat 50% 50% / 1.9rem auto;}
.header-wrap .snb .foot-wrap{margin-top:auto;}
.header-wrap .snb .link-wrap a{display: inline-flex; text-align:center; color:#000; width: 7.4rem; align-items: center;}
.header-wrap .snb .link-wrap a>span{display: block; margin:0 auto;}
.header-wrap .snb .link-wrap [class*="link-ico"]>span::before{content:'';display:block; width:6.1rem; height:6.1rem; border-radius:1rem; background: #fff8dd url(../../images/ico/ico_quick_01.png) no-repeat 50% 50% / 3.3rem auto; align-items: center; text-align:center; margin:0 auto 1rem;}
.header-wrap .snb .link-wrap a:nth-child(odd){margin-right:2.8rem}
.header-wrap .snb .link-wrap a:nth-child(1) ~ a:nth-child(2){margin-bottom:2.5rem}
.header-wrap .snb .link-wrap a:nth-child(n+2):nth-child(-n+3)>span::before{background-color: #f7f5ff;}
.header-wrap .snb .link-wrap a.link-ico1 {margin:0 1.1rem 0 -0.9rem}
.header-wrap .snb .link-wrap a.link-ico2 {margin:0 -3rem 0 0}
.header-wrap .snb .link-wrap a.link-ico1,
.header-wrap .snb .link-wrap a.link-ico2{width:9.4rem}
.header-wrap .snb .link-wrap a.link-ico1 span::before,
.header-wrap .snb .link-wrap a.link-ico2 span::before {width:9.4rem}
.header-wrap .snb .link-wrap a.link-ico4 span::before{background-color: #f7f5ff;}
.header-wrap .snb .link-wrap a.link-ico3 {margin:0 0 0 -1.7rem; font-size:1.3rem}
.header-wrap .snb .link-wrap a.link-ico4 {margin:0 -3rem 0 0; font-size:1.3rem}
.header-wrap .snb .link-wrap a.link-ico5 {margin:0 -0.6rem;  font-size:1.3rem}
.header-wrap .snb .link-wrap .link-ico2>span::before{background-image: url(https://ct.soohakplus.com/images/ico/ico_quick_02.png); background-size: 3.4rem auto;}
.header-wrap .snb .link-wrap .link-ico3>span::before{background-image: url(https://ct.soohakplus.com/images/ico/ico_quick_03.png); background-size: 2.3rem auto;}
.header-wrap .snb .link-wrap .link-ico4>span::before{background-image: url(https://ct.soohakplus.com/images/ico/ico_quick_04.png); background-size: 3rem auto;}
.header-wrap .snb .link-wrap .link-ico5>span::before{background-image: url(https://ct.soohakplus.com/images/ico/ico_quick_05.png); background-size: 3.3rem auto;}
.header-wrap .snb .bnn-wrap{margin-top:2.5rem}
.header-wrap .snb .bnn-wrap .bnn{display: flex; align-items: center; justify-content:center;}
.header-wrap .snb .bnn-wrap .bnn.type2{height:8rem; background-color: #ededed;}
.header-wrap .snb .bnn-wrap .bnn+.bnn{margin-top:1rem}

/* 플로팅 버튼 */
#quick {position:fixed; bottom:7rem; left:0.2rem;}
#quick ._sns { transition:height 0s .3s ease; }
#quick ._sns > a {display:inline-block; width:4.6rem; margin-top:3.2rem}
#quick ._sns > a img {width:4.6rem}
#quick ._sns > div { position:absolute;margin-left:10.5rem; left:-5.2rem;top:-2rem; width:0; border:1px solid #e0defb; border-radius:2rem; background:#f2f4fd; box-sizing:border-box;visibility:hidden; transition:width .3s ease,visibility 0s .3s ease; }
#quick ._sns .dday { position:absolute; left:0.4rem; top:0.3rem; text-align:center; font-size:1rem}
#quick ._sns .dday strong {font-size:1.2rem; font-family:Verdana}

/* 3개일때 */
#quick ._sns > div div { padding:1.5rem 2rem; overflow:hidden; }
#quick ._sns > div div dl { width:100.5rem; opacity:0; transition:opacity .3s ease-in-out; }
#quick ._sns > div div dl dd { float:left; }
#quick ._sns > div div dl dd + dd { margin-left:8px; }
#quick ._sns > div div dl dd a {display:inline-block; }
#quick ._sns > div div dl dd a img {width:23.5rem}
#quick.on_sns ._sns { transition:height 0s 0s ease; }
#quick.on_sns ._sns > div { width:100.5rem; visibility:visible; transition:width .3s ease,visibility 0s 0s ease; }
#quick.on_sns ._sns > div div dl { opacity:1; }

@media all and (min-width:1500px){ 
	#quick {position:fixed; bottom:7rem; left:50%; margin-left:-75.5rem}
}


/* footer */
.footer-wrap{padding:3rem 0 0 8.5rem; font-size:1.4rem; max-width: 140rem; width:100%; height:11.6rem; margin:auto auto 0; letter-spacing:.05rem;}
.footer .hue-b{color:#486298 !important;}
.footer .logo{width:12.5rem;height:4.4rem;position: absolute; margin-top:.3rem}
.footer .line-v>*{line-height:1;}
.footer .terms, .footer-wrap .info{margin-left:15.8rem}
.footer .terms>a{color:#606674; }
.footer .terms>a::before{content:""; display:inline-flex; width:.1rem; height:1.3rem; background-color:#d8d8d8; margin:0 1rem; vertical-align: middle;}
.footer .terms>a:first-child::before{display:none;}
.footer .info{font-size:1.3rem; display:flex; flex-wrap: wrap; color:#999;}
.footer .info em{margin-top:.7rem}
.footer .info>em::before{content:""; display:inline-flex; width:.1rem; height:1.1rem;background-color:#d3d6de; margin:0 1rem}
.footer .info>em:first-child::before{display:none;}
.footer .info a{line-height: 1; font-size:1.3rem;color:#999;}
.footer .info .line-l{margin-right:2rem}
.footer .info .line-l::after{display:none;}
.footer .copyright{color:#606674; font:bold 1.3rem "NotoSans"; line-height:1; margin-top:.5rem}

/* 2026-03-17 add */
.header .gnb>li.main_menu{flex: 0; display:}
.header .gnb>li.main_menu > a{text-indent:-9999em; width:17px; height:5.2rem; padding:0; background:url(https://ct.soohakplus.com/images/gnb/icon_main_menu.png) no-repeat center / 100%;}
/* .header .gnb>li.main_menu.on #layerShortcut {display:block;} */


#layerShortcut {display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width: 1270px; overflow:auto; z-index:201; transition:opacity .3s ease;}
#layerShortcut.on {display:block;}
#layerShortcut .popup-shortcut {position:relative; background:#F7F8FF; width:100%; padding:0 50px 30px; box-shadow:0px 10px 40px rgba(0,0,0,0.3); border-radius:13px; overflow:hidden;}
#layerShortcut .popup-shortcut .pop-header {position:relative; background:#355F94; margin:0 -50px; padding:2rem 28px; display:flex; align-items:center;}
#layerShortcut .popup-shortcut .pop-tit {font-size:2.0rem; font-weight:700; color:#fff; letter-spacing:-.02em;}
#layerShortcut .popup-shortcut .btn-close {position:absolute; right:0; border:0; width:7rem; height:100%; background:none; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; text-indent:-9999em; border-radius:0; min-width:auto; padding:0; background:url(https://ct.soohakplus.com/images/gnb/icon_main_close.png) no-repeat center;}
#layerShortcut .popup-shortcut .tab-list {display:grid; grid-template-columns:repeat(4,1fr); gap:1.2rem; margin-top:3.2rem; margin-bottom:3.3rem;}
#layerShortcut .popup-shortcut .tab-item {position:relative; border:0; border-radius:1.2rem; min-height:147px; text-align:center; cursor:pointer; background:#E7E8F4; transition:background .2s; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 1.6rem;}
#layerShortcut .popup-shortcut .tab-item .tab-name {font-size:2rem; font-weight:700; color:#5E5E5E; margin-bottom:.5rem; display:block;}
#layerShortcut .popup-shortcut .tab-item .tab-desc {font-size:1.4rem; color:#65708d; line-height:1.5; word-break:keep-all;}
#layerShortcut .popup-shortcut .tab-item.active {background:#5C50E3; filter:drop-shadow(0px 4px 8px #C2BDFF);}
#layerShortcut .popup-shortcut .tab-item.active .tab-name {color:#fff;}
#layerShortcut .popup-shortcut .tab-item.active .tab-desc {color:rgba(255,255,255,.85);}
#layerShortcut .popup-shortcut .tab-item.active::after {content:''; position:absolute; bottom:-1rem; left:50%; transform:translateX(-50%); border:1rem solid transparent; border-top-color:#5C50E3; border-bottom:0;}
#layerShortcut .popup-shortcut .tab-item .badge {position:absolute; top:1rem; left:1rem; font-size:1.4rem; font-weight:700; border-radius:10rem; padding:.4rem 1rem .2rem;}
#layerShortcut .popup-shortcut .tab-item .badge.yellow {background:#FFCC00; color:#000;}
#layerShortcut .popup-shortcut .tab-item .badge.blue {background:#2733B2; color:#fff;}
#layerShortcut .popup-shortcut .tab-ico {display:block; aspect-ratio: 1 / 1; margin-bottom:1rem; background:no-repeat center / contain;}
#layerShortcut .popup-shortcut .tab-ico.ico0 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_tab_1.png); height:33px;}
#layerShortcut .popup-shortcut .tab-ico.ico1 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_tab_2.png); height:40px;}
#layerShortcut .popup-shortcut .tab-ico.ico2 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_tab_3.png); height:38px;}
#layerShortcut .popup-shortcut .tab-ico.ico3 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_tab_4.png); height:38px;}
#layerShortcut .popup-shortcut .tab-panel {display:none; align-items:flex-start; flex-direction:column; justify-content:center; background: linear-gradient(90deg, #D8E0FF 0%, #E1EEFF 100%); border-radius:1.2rem; padding:32px 50px 40px;}
#layerShortcut .popup-shortcut .tab-panel.active {display:flex;}
#layerShortcut .popup-shortcut .panel-head {display:flex; align-items: flex-start; width:100%; height:75px; gap:15px;}
#layerShortcut .popup-shortcut .panel-tit {font-size:2.0rem; font-weight:700; display:flex; align-items:center; gap:.7rem; padding:8px 0 0;}
#layerShortcut .popup-shortcut .panel-tit::before {content:''; display:inline-block; width:1.2rem; height:1.2rem; border-radius:.2rem; background:#6C5CE7; flex-shrink:0;}
#layerShortcut .popup-shortcut .link-move {}
#layerShortcut .popup-shortcut .link-move>.inner_ {display:inline-flex; align-items:center; gap:.7rem; border-radius:10rem; background:#fff; padding:1rem 1.8rem 1rem 1.4rem; font-size:1.4rem; color:#121212; font-weight:500; transition:background .15s; text-decoration:none;}
#layerShortcut .popup-shortcut .link-move .ico {width:14px; height:15px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:#fff url(https://ct.soohakplus.com/images/gnb/icon_main_lec_list.png) no-repeat 0 0 / 100%;}
#layerShortcut .popup-shortcut .tab-panel .card-grid {display:grid; grid-template-columns:repeat(5,1fr); gap:2rem; width:100%;}
#layerShortcut .popup-shortcut .tab-panel .card-grid.col4 {grid-template-columns:repeat(4,1fr);}
#layerShortcut .popup-shortcut .card-item {position:relative; background:#fff; border-radius:1.8rem; padding:0 1rem; transition:box-shadow .15s; box-shadow: 0px 3.6px 22.5px #A4C5FF; display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center; min-height:130px; cursor:pointer; border:2px solid transparent;}
#layerShortcut .popup-shortcut .card-item.active {border-color:#5C50E3; background-color:#F1EEFF;}
#layerShortcut .popup-shortcut .card-item.active::after {content:''; position:absolute; top:1rem; right:1rem; width:2.4rem; height:2.4rem; background:#4B4FF0 url(https://ct.soohakplus.com/images/gnb/icon_check.png) no-repeat center / 1.4rem; border-radius:50%;}
#layerShortcut .popup-shortcut .card-ico {display:block; width:100%; height:80px; background:no-repeat center; flex-shrink:0;} 
#layerShortcut .popup-shortcut .card-ico.cico1 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_1.png);}
#layerShortcut .popup-shortcut .card-ico.cico2 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_2.png);}
#layerShortcut .popup-shortcut .card-ico.cico3 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_3.png);}
#layerShortcut .popup-shortcut .card-ico.cico4 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_4.png);}
#layerShortcut .popup-shortcut .card-ico.cico5 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_5.png);}
#layerShortcut .popup-shortcut .card-ico.cico6 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_6.png);}
#layerShortcut .popup-shortcut .card-ico.cico7 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_7.png);}
#layerShortcut .popup-shortcut .card-ico.cico8 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_8.png);}
#layerShortcut .popup-shortcut .card-ico.cico9 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_9.png);}
#layerShortcut .popup-shortcut .card-ico.cico10 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_10.png);}
#layerShortcut .popup-shortcut .card-ico.cico11 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_11.png);}
#layerShortcut .popup-shortcut .card-ico.cico12 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_12.png);}
#layerShortcut .popup-shortcut .card-ico.cico13 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_13.png);}
#layerShortcut .popup-shortcut .card-ico.cico14 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_14.png);}
#layerShortcut .popup-shortcut .card-ico.cico15 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_15.png);}
#layerShortcut .popup-shortcut .card-ico.cico16 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_16.png);}
#layerShortcut .popup-shortcut .card-ico.cico17 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_17.png);}
#layerShortcut .popup-shortcut .card-ico.cico18 {background-image:url(https://ct.soohakplus.com/images/gnb/icon_main_cont_18.png);}
#layerShortcut .popup-shortcut .card-item .card-name {font-size:1.8rem; font-weight:700; margin-bottom:.7rem; display:block;}
#layerShortcut .popup-shortcut .card-item .card-desc {font-size:1.5rem; line-height:1.5; word-break:keep-all; color:#65708d;}
#layerShortcut .popup-shortcut .pop-foot {margin-top:3rem; display:flex; align-items:center; gap:.8rem;}
#layerShortcut .popup-shortcut .pop-foot label {display:flex; align-items:center; gap:.8rem; cursor:pointer; font-size:1.4rem; color:#5E5E5E; user-select:none;}
#layerShortcut .popup-shortcut .pop-foot input[type=checkbox] {width:1.8rem; height:1.8rem; border:1.5px solid #b8bfc9; border-radius:.3rem; cursor:pointer; appearance:none; -webkit-appearance:none; background:#fff; flex-shrink:0; transition:background .15s,border-color .15s; position:relative;}
#layerShortcut .popup-shortcut .pop-foot input[type=checkbox]:checked {background:#7267ef; border-color:#7267ef;}
#layerShortcut .popup-shortcut .pop-foot input[type=checkbox]:checked::after {content:''; position:absolute; top:41%; left:50%; transform:translate(-50%,-52%) rotate(45deg); width:.5rem; height:.9rem; border:2px solid #fff; border-top:0; border-left:0;}
#layerShortcut.tablet { transform: translate(-50%, -50%) scale(0.8); transform-origin: center center;}
#layerShortcut.tablet .popup-shortcut .pop-foot{ transform: scale(1.3); transform-origin: left}