@charset "utf-8";

/* =========================== MAIN */
#main_banner_wrap{position:relative;max-width:1200px;height:100%;margin:0 auto}
#main_banner_wrap .main_mark_wrap{
    position:absolute;left:50%;top:37.2%;width:min(468px,45vw);
    transform:translate(-50%,-50%);z-index:2;pointer-events:none;
    opacity:0;
}
#main_banner_wrap .main_mark_wrap.is-ready{
    animation:mcMarkIn 1.7s cubic-bezier(.16,1,.3,1) both;
}
#main_banner_wrap .main_mark{
    display:block;width:100%;height:auto;
    will-change:transform;
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.36)) drop-shadow(0 0 10px rgba(254,112,19,.16));
}
#main_banner_wrap .main_mark_wrap.is-ready .main_mark{
    animation:mcMarkFloat 3.4s cubic-bezier(.45,0,.55,1) 1.75s infinite;
}
@keyframes mcMarkIn{
    from{opacity:0;transform:translate(-50%,calc(-50% + 12px))}
    to{opacity:1;transform:translate(-50%,-50%)}
}
@keyframes mcMarkFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-5.4px)}
}

/* 반응형 [s] */
@media (max-width:1024px){
#main_banner_wrap{height:100%}
#main_banner_wrap .main_mark_wrap{top:54.4%;width:min(356px,61vw)}
#main_banner_wrap .main_mark_wrap.is-ready .main_mark{animation-name:mcMarkFloatM;animation-duration:4.1s}
}
@media (max-width:768px){
#main_banner_wrap .main_mark_wrap{top:54.4%;width:min(314px,67vw)}
}
@media (max-width:480px){
#main_banner_wrap .main_mark_wrap{width:min(271px,75vw)}
}
@keyframes mcMarkFloatM{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-3.4px)}
}
@media (prefers-reduced-motion:reduce){
#main_banner_wrap .main_mark_wrap,
#main_banner_wrap .main_mark_wrap.is-ready,
#main_banner_wrap .main_mark_wrap.is-ready .main_mark{animation:none}
#main_banner_wrap .main_mark_wrap{opacity:1;transform:translate(-50%,-50%)}
#main_banner_wrap .main_mark{transform:none}
}
/* 반응형 [e] */


/* =========================== atc01 */
#include01_wrapper{position:relative;display:grid;grid-template-areas:"a c" "b c" " d d";grid-template-columns:2.5fr 1fr;gap:20px; max-width:1200px;margin:0 auto}
#include01_wrapper .box_banner_wrap.mc_step_wrap{
    display:flex;overflow:visible;grid-area:a;width:100%;margin:0;padding:0;list-style:none
}
#include01_wrapper .mc_step_item{position:relative;overflow:hidden;padding:0;box-sizing:border-box}
#include01_wrapper .mc_step_badge--plain{display:none}
#include01_wrapper .mc_step_rule{display:none}
@media (min-width:1025px){
#include01_wrapper .mc_step_item{
    width:calc(25% - 9px);height:184px;margin:0 12px 0 0;background:#4e4e4e
}
#include01_wrapper .mc_step_item:first-child{background:#e6671a}
#include01_wrapper .mc_step_item:last-child{margin-right:0}
#include01_wrapper .mc_step_card{
    position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;
    width:100%;height:100%;margin:0;padding:20px 16px 24px;
    box-sizing:border-box;border:0;background:transparent;cursor:pointer;text-align:left;
    font-size:14px;font-family:'Noto Sans KR',sans-serif;color:#fff
}
#include01_wrapper .mc_step_card .more_btn{
    position:absolute;right:18px;top:18px;width:28px;height:28px;z-index:3;transition:transform .4s ease;line-height:0
}
#include01_wrapper .mc_step_card .more_btn img{display:block;width:100%;height:100%}
#include01_wrapper .mc_step_media{display:none}
#include01_wrapper .mc_step_body{display:block;min-width:0;padding:0;background:transparent}
#include01_wrapper .mc_step_tit{
    display:-webkit-box;margin:0;padding:0 0 12px;
    font-size:17px;font-weight:700;letter-spacing:-0.2px;line-height:1.35;color:#fff;
    font-family:'Noto Sans KR',sans-serif;
    -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:keep-all
}
#include01_wrapper .mc_step_kicker{
    display:block;margin:0 0 4px;padding:0;
    font-size:14px;font-weight:400;letter-spacing:0;line-height:1.45;
    color:rgba(255,255,255,.76);font-family:'Noto Sans KR',sans-serif;word-break:keep-all
}
#include01_wrapper .mc_step_desc{
    display:-webkit-box;margin:0;padding:0;
    font-size:14px;font-weight:400;letter-spacing:-0.2px;line-height:1.45;
    color:rgba(255,255,255,.76);font-family:'Noto Sans KR',sans-serif;
    -webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:keep-all;text-overflow:ellipsis
}
}
/* PC: 호버 시 사진 배경 */
@media (hover:hover) and (min-width:1025px){
#include01_wrapper .mc_step_item{transition:background .35s ease}
#include01_wrapper .mc_step_item::before{
    content:'';position:absolute;inset:0;z-index:0;
    background:rgba(0,0,0,0);transition:background .35s ease;pointer-events:none
}
#include01_wrapper .mc_step_item:hover,
#include01_wrapper .mc_step_item:focus-within{
    background-color:#4e4e4e;
    background-image:var(--step-img);background-repeat:no-repeat;background-position:center;background-size:cover
}
#include01_wrapper .mc_step_item:hover::before,
#include01_wrapper .mc_step_item:focus-within::before{
    background:rgba(20,20,20,.52)
}
#include01_wrapper .mc_step_item:hover .mc_step_badge--plain,
#include01_wrapper .mc_step_item:focus-within .mc_step_badge--plain{color:#ffb07a}
#include01_wrapper .mc_step_item:hover .more_btn,
#include01_wrapper .mc_step_item:focus-within .more_btn{
    -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)
}
}

/*box_banner2 — edu1023와 동일 504px (STEP 184 + gap 20 + swiper 40+260)*/
#include01_wrapper .cons_wrap{grid-area:c;width:100%;height:504px;padding:30px;background:#3d3d3d;z-index:10;box-sizing:border-box;box-shadow:0px 1px 20px 0px rgba(0, 0, 0, 0.30980392156862746)}
#include01_wrapper .latest_wrap{display:flex;grid-area:d;margin-top:70px}
#include01_wrapper .latest_wrap:after{display:block;visibility:hidden;clear:both;content:""} 
#include01_wrapper .latest_wrap .latest_box .latest{margin-top:22px}
#include01_wrapper .latest_wrap .latest_box{width:50%;box-sizing:border-box;background-color:#fff}
#include01_wrapper .latest_wrap .latest_box.inq_wrap{padding-right:55px;border-right:solid 1px #ddd}
#include01_wrapper .latest_wrap .latest_box.qna_wrap{padding-left:55px}
#include01_wrapper .latest_wrap .latest_box_tit{position:relative;font-size:20px;color:#333;font-family:'Noto Sans KR';font-weight:700}
#include01_wrapper .latest_wrap .latest_box_tit .more_btn{float:right;padding-right:14px;font-size:13px;color:#626262}
#include01_wrapper .latest_wrap .latest_box_tit .more_btn i{position:absolute;right:0;top:7px;font-size:10px}
#include01_wrapper .latest_wrap .more{float:right;margin-top:-3px}

/*슬라이드*/
#include01_wrapper .swiper-container{position:relative;grid-area:b;margin-top:40px;width:100%;height:260px}
#include01_wrapper .swiper-slide.bg01{background:url('../img/main/inc01/banner01.png')no-repeat center / cover}
#include01_wrapper .swiper-slide.bg02{background:url('../img/main/inc01/banner03.png')no-repeat center / cover}
#include01_wrapper .swiper-slide{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover}
#include01_wrapper .swiper-slide > a.mc_slide_hit{display:block;position:absolute;inset:0;z-index:1}
#include01_wrapper .swiper-container.is-single .swiper-wrapper,
#include01_wrapper .swiper-container.is-single .swiper-slide{width:100%;height:100%;margin:0;transform:none !important}
#include01_wrapper .swiper-container.is-single .pager{display:none}

/*슬라이드 pager*/
#include01_wrapper .pager{position:absolute;z-index:2;bottom:5%;right:2%;left:auto !important;width:auto !important}
#include01_wrapper .pager .swiper-pagination-bullet{margin:0 3px;width:10px;height:10px;border-radius:0%;background-color:#ccc;opacity:1}
#include01_wrapper .pager .swiper-pagination-bullet-active{background-color:#ff7113}

/* 반응형 [s] */
@media (max-width:1024px){
.include_01{padding-bottom:40px}
#include01_wrapper{display:flex;flex-direction:column;margin:auto;padding-top:30px;width:95%;gap:12px}
#include01_wrapper .box_banner_wrap.mc_step_wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible}
#include01_wrapper .mc_step_item{
    width:100%;height:auto;margin:0;min-width:0;
    background:#2f2f2f;border:1px solid rgba(255,255,255,.1);
    box-shadow:0 6px 18px rgba(0,0,0,.2)
}
#include01_wrapper .mc_step_item:first-child{background:#2f2f2f}
#include01_wrapper .mc_step_card{
    position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;
    width:100%;height:auto;margin:0;padding:0;gap:0;overflow:hidden;
    box-sizing:border-box;border:0;background:transparent;cursor:pointer;text-align:left;
    font-size:13px;font-family:'Noto Sans KR',sans-serif;color:#fff
}
#include01_wrapper .mc_step_card .more_btn{
    display:block;position:absolute;right:8px;top:9px;width:22px;height:22px;z-index:3;line-height:0
}
#include01_wrapper .mc_step_card .more_btn img{display:block;width:100%;height:100%}
#include01_wrapper .mc_step_media{
    display:block;position:relative;flex:0 0 auto;width:100%;height:auto;aspect-ratio:3/2;overflow:hidden;background:#1f1f1f
}
#include01_wrapper .mc_step_media::after{
    content:'';position:absolute;left:0;right:0;bottom:0;height:40%;
    background:linear-gradient(180deg, rgba(47,47,47,0) 0%, #2f2f2f 100%);pointer-events:none;z-index:1
}
#include01_wrapper .mc_step_media img{
    display:block;width:100%;height:100%;object-fit:cover;object-position:var(--step-pos, 50% 22%);
    transform:scale(var(--step-zoom, 1));transform-origin:var(--step-origin, 50% 22%);
    filter:brightness(var(--step-bright, 1));-webkit-filter:brightness(var(--step-bright, 1))
}
#include01_wrapper .mc_step_media .mc_step_badge{
    position:absolute;left:8px;top:9px;z-index:2;
    padding:3px 6px;border:0;border-radius:2px;
    font-size:9.5px;font-weight:700;letter-spacing:0.4px;line-height:1.3;color:#fff;background:#ff7113;
    font-family:'Poppins','Noto Sans KR',sans-serif
}
#include01_wrapper .mc_step_badge--plain{display:none}
#include01_wrapper .mc_step_rule{display:none}
#include01_wrapper .mc_step_body{display:block;min-width:0;padding:5px 10px 10px;position:relative;z-index:1;background:#2f2f2f}
#include01_wrapper .mc_step_tit{
    display:-webkit-box;margin:0;padding:0;
    font-size:13.5px;font-weight:700;letter-spacing:-0.35px;line-height:1.3;color:#fff;
    font-family:'Noto Sans KR',sans-serif;
    -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:keep-all
}
#include01_wrapper .mc_step_kicker{display:none !important}
#include01_wrapper .mc_step_desc{display:none !important}
#include01_wrapper .swiper-container{margin-top:10px;height:270px}
#include01_wrapper .cons_wrap{display:none}
#include01_wrapper .latest_wrap{margin-top:30px}
#include01_wrapper .latest_wrap .latest_box_tit{display:flex;justify-content:space-between;font-size:18px}
#include01_wrapper .latest_wrap .latest_box.inq_wrap{padding-right:35px}
#include01_wrapper .latest_wrap .latest_box.qna_wrap{padding-left:35px}
}
@media (max-width:768px){
#include01_wrapper .box_banner_wrap.mc_step_wrap{gap:8px}
#include01_wrapper .mc_step_media{aspect-ratio:3/2}
#include01_wrapper .mc_step_media img{
    transform:scale(var(--step-zoom, 1));transform-origin:var(--step-origin, 50% 22%);
    filter:brightness(var(--step-bright, 1));-webkit-filter:brightness(var(--step-bright, 1))
}
#include01_wrapper .mc_step_card .more_btn{right:7px;top:8px;width:20px;height:20px}
#include01_wrapper .mc_step_media .mc_step_badge{left:7px;top:8px;padding:2px 5px;font-size:8.5px}
#include01_wrapper .mc_step_body{padding:4px 8px 9px;background:#2f2f2f}
#include01_wrapper .mc_step_tit{margin:0;font-size:12.5px;color:#fff;-webkit-line-clamp:2}
#include01_wrapper .swiper-container{height:230px}
#include01_wrapper .latest_wrap{flex-direction:column;gap:10px}
#include01_wrapper .latest_wrap .latest_box{width:100%}
#include01_wrapper .latest_wrap .latest_box.inq_wrap{padding-right:0px;border-right:none}
#include01_wrapper .latest_wrap .latest_box.qna_wrap{padding-left:0px}
#include01_wrapper .latest_wrap .latest_box .latest{margin-top:15px}
#include01_wrapper .latest_wrap .latest_box_tit{font-size:16px}
}
@media (max-width:480px){
#include01_wrapper{padding-top:20px}
#include01_wrapper .box_banner_wrap.mc_step_wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#include01_wrapper .mc_step_media{aspect-ratio:5/4}
#include01_wrapper .mc_step_media img{
    transform:scale(var(--step-zoom, 1));transform-origin:var(--step-origin, 50% 22%);
    filter:brightness(var(--step-bright, 1));-webkit-filter:brightness(var(--step-bright, 1))
}
#include01_wrapper .mc_step_card .more_btn{right:6px;top:7px;width:18px;height:18px}
#include01_wrapper .mc_step_media .mc_step_badge{left:6px;top:7px;padding:2px 5px;font-size:8.5px}
#include01_wrapper .mc_step_body{padding:3px 7px 8px;background:#2f2f2f}
#include01_wrapper .mc_step_tit{font-size:12px;letter-spacing:-0.4px;color:#fff;-webkit-line-clamp:2}
#include01_wrapper .swiper-container{margin-top:5px;height:210px}
#include01_wrapper .latest_wrap{margin-top:20px}
#include01_wrapper .latest_wrap .latest_box_tit{font-size:15px}
}
@media (max-width:380px){
#include01_wrapper .box_banner_wrap.mc_step_wrap{gap:6px}
#include01_wrapper .mc_step_media{aspect-ratio:5/4}
#include01_wrapper .mc_step_body{padding:3px 6px 7px}
#include01_wrapper .mc_step_tit{font-size:11px}
#include01_wrapper .mc_step_media .mc_step_badge{top:7px;font-size:8px;padding:2px 4px}
#include01_wrapper .mc_step_card .more_btn{width:16px;height:16px}
#include01_wrapper .swiper-container{margin-top:0px;height:195px}
#include01_wrapper .latest_wrap .latest_box_tit .more_btn{font-size:12px}
}
/* 반응형 [e] */

/* =========================== atc02 */
#include02_wrapper{position:relative;height:460px;margin-top:65px;box-sizing:border-box;background:url(../img/main/inc02/in02_bg.png) center fixed}
#include02_wrapper .scroll_wrap{position:absolute;left:50%;top:0px;width:78px;height:36px;margin-left:-39px;background:url(../img/main/inc02/scroll_bg.png) center no-repeat}
#include02_wrapper .scroll-down{position:absolute;z-index:999;bottom:0;left:46.2%;width:9px;height:12px;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);
-webkit-animation:arr 1.6s infinite linear;-ms-animation:arr 1.6s infinite linear;animation:arr 1.6s infinite linear}
@-webkit-keyframes arr{from{bottom:25px}15%{bottom:30px}30%{bottom:25px}45%{bottom:30px}60%{bottom:25px}100%{bottom:25px}}
@keyframes arr{from{bottom:25px}15%{bottom:30px}30%{bottom:25px}45%{bottom:30px}60%{bottom:25px}100%{bottom:25px}}
#include02_wrapper .scroll-down i{color:#ff7e28}

/* 타이틀*/
#include02_wrapper .cont_wrap{position:absolute;width:100%;top:80px;left:50%;transform:translateX(-50%)}
#include02_wrapper .tit_wrap{text-align:center;font-size:38px;color:#fff;font-family:'Noto Sans KR';font-weight:300}
#include02_wrapper .tit_wrap span{font-family:'Noto Sans KR';font-weight:900}
/*section*/
#include02_wrapper .section_wrap{display:flex;align-items:center;overflow:hidden;text-align:center;color:#fff;height:100%;max-width:1200px;margin:0 auto}
#include02_wrapper .section_wrap > div{width:calc(100% / 3);height:100%;border-left:1px solid rgba(255,255,255,0.12);position:relative}
#include02_wrapper .section_wrap > div::before{content:'';position:absolute;width:3px;height:30px;background:rgba(255,255,255,0.12);top:46%;left:0;transition:.5s}
#include02_wrapper .section_wrap > div > h4{margin-top:270px;font-family:'Noto Sans KR';font-weight:900;font-size:22px}
#include02_wrapper .section_wrap > div > p{margin-top:25px;color:#e4e3e3;font-family:'Noto Sans KR';font-weight:400;white-space:pre-line;word-break:keep-all}
#include02_wrapper .section_wrap .sect03{border-right:1px solid rgba(255,255,255,0.12)}
#include02_wrapper .section_wrap .icon{position:absolute;width:65px;height:65px;top:200px;left:50%;transform:translateX(-50%);background-size:100%}
#include02_wrapper .section_wrap .sect01 .icon{background-image:url('../img/main/inc02/include2_icon2.png');transition:.5s;background-repeat:no-repeat}
#include02_wrapper .section_wrap .sect02 .icon{background-image:url('../img/main/inc02/include2_icon1.png');transition:.5s;background-repeat:no-repeat}
#include02_wrapper .section_wrap .sect03 .icon{background-image:url('../img/main/inc02/include2_icon1.png');transition:.5s;background-repeat:no-repeat}

/* 반응형 [s] */
@media (hover:hover){
#include02_wrapper .section_wrap > div:hover:before{background:#ff7113;transition:.5s}
#include02_wrapper .section_wrap .sect01:hover .icon{background-image:url('../img/main/inc02/include2_icon2_hover.png');transition:.5s;background-repeat:no-repeat}
#include02_wrapper .section_wrap .sect02:hover .icon{background-image:url('../img/main/inc02/include2_icon1_hover.png');transition:.5s;background-repeat:no-repeat}
#include02_wrapper .section_wrap .sect03:hover .icon{background-image:url('../img/main/inc02/include2_icon1_hover.png');transition:.5s;background-repeat:no-repeat}
}
@media (max-width:1024px){
#include02_wrapper{margin-top:0px;height:525px}
#include02_wrapper .tit_wrap{font-size:25px}
#include02_wrapper .section_wrap > div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 10px}
#include02_wrapper .section_wrap > div > h4{margin-top:20px;font-size:18px}
#include02_wrapper .section_wrap .icon{position:static;width:50px;height:58px;transform:none}
#include02_wrapper .section_wrap > div > p{margin-top:20px;line-height:1.5}
}
@media (max-width:768px){
#include02_wrapper{height:480px}
#include02_wrapper .cont_wrap{top:70px}
#include02_wrapper .tit_wrap{font-size:20px}
#include02_wrapper .section_wrap .icon{width:45px;height:48px}
#include02_wrapper .section_wrap  div:nth-child(-n+2) h4{margin-top:7px}
#include02_wrapper .section_wrap > div > h4{margin-top:15px;font-size:16px}
#include02_wrapper .section_wrap > div > p{white-space:normal;margin-top:15px}
}
@media (max-width:480px){
#include02_wrapper{padding:90px 0;height:auto;background-attachment:unset}
#include02_wrapper .section_wrap{flex-direction:column;margin-top:50px}
#include02_wrapper .cont_wrap{position:static;transform:none;text-align:center}
#include02_wrapper .tit_wrap{font-size:18px}
#include02_wrapper .section_wrap > div{padding-bottom:50px;width:100%;border-left:none;border-bottom:1px solid rgb(255, 255, 255, 0.12)}
#include02_wrapper .section_wrap > div::before{top:auto;bottom:-2px;left:50%;transform:translateX(-50%);width:30px;height:3px;background-color:#ff7113}
#include02_wrapper .section_wrap  div+div{margin-top:50px}
#include02_wrapper .section_wrap > div > h4{margin-top:12px}
#include02_wrapper .section_wrap > div > p{margin-top:12px;width:65%}
#include02_wrapper .section_wrap .sect01 .icon{background-image:url('../img/main/inc02/include2_icon2_hover.png')}
#include02_wrapper .section_wrap .sect02 .icon{background-image:url('../img/main/inc02/include2_icon1_hover.png')}
#include02_wrapper .section_wrap .sect03 .icon{background-image:url('../img/main/inc02/include2_icon1_hover.png')}
}
@media (max-width:380px){
#include02_wrapper{padding:80px 0}
#include02_wrapper .tit_wrap{font-size:16px}
#include02_wrapper .section_wrap{margin-top:40px}
#include02_wrapper .section_wrap .icon{width:40px;height:44px}
#include02_wrapper .section_wrap > div{padding-bottom:40px}
#include02_wrapper .section_wrap div:nth-child(-n+2) h4{margin-top:0px}
#include02_wrapper .section_wrap div+div{margin-top:40px}
#include02_wrapper .section_wrap > div > h4{margin-top:10px;font-size:15px}
#include02_wrapper .section_wrap > div > p{margin-top:10px;width:70%}
}
/* 반응형 [e] */

/* =========================== atc03 */

#include03_wrapper{display:flex;align-items:stretch;gap:20px;margin:65px auto;max-width:1200px;overflow:hidden}
#include03_wrapper .latest_box_tit{position:relative;font-size:20px;color:#333;font-family:'Noto Sans KR';font-weight:900;margin-bottom:16px}

/*커뮤니티*/
#include03_wrapper .section01{display:flex;flex-direction:column;width:calc(68% - 10px)}
#include03_wrapper .section01 .tit_wrap{display:flex;justify-content:space-between;overflow:hidden;flex:0 0 auto}
#include03_wrapper .section01 .tit_wrap a{position:relative;padding-right:12px;font-size:13px;color:#626262;font-family:'Noto Sans KR';font-weight:900}
#include03_wrapper .section01 .tit_wrap a i{position:absolute;top:8px;right:0;font-size:10px}
#include03_wrapper .section01 .box01{
    display:flex;gap:14px;align-items:stretch;width:100%;overflow:hidden;background:transparent;box-sizing:border-box
}
#include03_wrapper .section01 .box01 .video{
    display:flex;flex-direction:column;flex:1 1 0;width:auto;min-width:0;
    border:1px solid #ececec;background:#fff;overflow:hidden
}
#include03_wrapper .section01 .box01 .video .mc_pv_link{
    display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;color:inherit;text-decoration:none
}
#include03_wrapper .section01 .box01 .video .mc_pv_media{
    position:relative;display:block;width:100%;aspect-ratio:16 / 9;line-height:0;overflow:hidden;background:#1a1a1a
}
#include03_wrapper .section01 .box01 .video .mc_pv_media img{
    position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;
    transition:transform .35s ease
}
#include03_wrapper .section01 .box01 .video .mc_pv_link:hover .mc_pv_media img{transform:scale(1.03)}
#include03_wrapper .section01 .box01 .video .mc_pv_play{
    position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;
    border:1.5px solid rgba(255,255,255,.92);background:rgba(0,0,0,.32);pointer-events:none
}
#include03_wrapper .section01 .box01 .video .mc_pv_play:after{
    content:"";position:absolute;left:16px;top:13px;
    border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff
}
#include03_wrapper .section01 .box01 .video .mc_pv_meta{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    flex:0 0 auto;min-width:0;padding:12px 14px 13px;box-sizing:border-box;
    border-top:1px solid #f0f0f0;background:#fff
}
#include03_wrapper .section01 .box01 .video .mc_pv_label{
    display:block;margin:0;padding:0;border:0;background:none;
    font-size:11px;font-weight:500;line-height:1.3;letter-spacing:0.02em;color:#fe7013
}
#include03_wrapper .section01 .box01 .video .mc_pv_name{
    display:block;margin:0;min-width:0;
    font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-0.25px;color:#333;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
#include03_wrapper .section01 .box01 .video .mc_pv_link:hover .mc_pv_name{color:#111}

/*하단 3칸 — 유튜브 / 인스타 / 연락처 (맛보기 카드와 동일 분리 리듬)*/
#include03_wrapper .section01 .box02{margin-top:23px}
#include03_wrapper .section01 .box02 ul{
    display:flex;gap:14px;margin:0;padding:0;list-style:none;overflow:hidden
}
#include03_wrapper .section01 .box02 li{
    flex:1 1 0;min-width:0;height:138px;margin:0;padding:0;
    border:1px solid #ececec;background:#fff;box-sizing:border-box;
    transition:border-color .18s ease, box-shadow .18s ease
}
#include03_wrapper .section01 .box02 .mc_sns_card{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
    box-sizing:border-box;width:100%;height:100%;padding:16px 12px;
    color:inherit;text-decoration:none;text-align:center
}
#include03_wrapper .section01 .box02 .mc_sns_icon{
    display:block;width:42px;height:42px;margin:0;padding:0;border:0;background:transparent;line-height:0
}
#include03_wrapper .section01 .box02 .mc_sns_icon img{
    display:block;width:42px;height:42px
}
#include03_wrapper .section01 .box02 .mc_sns_body{
    display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;width:100%
}
#include03_wrapper .section01 .box02 .mc_sns_tit{
    display:block;margin:0;
    font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-0.3px;color:#222
}
#include03_wrapper .section01 .box02 .mc_sns_meta{
    display:block;margin:0;min-width:0;max-width:100%;
    font-size:13px;font-weight:400;line-height:1.4;letter-spacing:-0.15px;color:#888;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
#include03_wrapper .section01 .box02 .mc_sns_card.is-tel .mc_sns_meta{
    font-size:15px;font-weight:700;letter-spacing:-0.3px;color:#fe7013
}

/*강사소개 → 수업안내 수강후기 카드 (PC 박스 높이 고정, 모바일은 템플릿 배치)*/
#include03_wrapper .section02{width:calc(32% - 10px);display:flex;flex-direction:column}
#include03_wrapper .section02 .tit_wrap{display:flex;justify-content:space-between;overflow:hidden;flex:0 0 auto}
#include03_wrapper .section02 .tit_wrap a{position:relative;padding-right:12px;font-size:13px;color:#626262;font-family:'Noto Sans KR';font-weight:900}
#include03_wrapper .section02 .tit_wrap a i{position:absolute;top:8px;right:0;font-size:10px}

/*PC: 좌측 칼럼 높이에 맞춰 수강후기 박스 하단 라인 자동 정렬*/
#include03_wrapper .section02 .swiper-container.mc_review_slide{
    position:relative;flex:1 1 auto;width:100%;height:auto;min-height:0;background:#fff;border:1px solid #ececec;text-align:left;overflow:hidden
}
#include03_wrapper .section02 .mc_review_slide .swiper-wrapper{height:100% !important}
#include03_wrapper .section02 .mc_review_slide .swiper-slide{height:100% !important;box-sizing:border-box;overflow:hidden}

#include03_wrapper .section02 .mc_rv_card{
    height:100%;box-sizing:border-box;padding:22px 24px 52px;display:flex;flex-direction:column;
    font-family:'Noto Sans KR',sans-serif;overflow:hidden;min-height:0
}
#include03_wrapper .section02 .mc_rv_card_inner{
    min-height:0;flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden
}
#include03_wrapper .section02 .mc_rv_head{flex:0 0 auto;margin:0 0 12px;min-width:0;overflow:hidden}
#include03_wrapper .section02 .mc_rv_label{
    display:inline-block;margin:0 0 10px;padding:3px 9px;border:1px solid #fe7013;
    font-size:11px;font-weight:500;line-height:1.4;letter-spacing:0;color:#fe7013;background:#fff;white-space:nowrap
}
#include03_wrapper .section02 .mc_rv_author{
    display:-webkit-box;margin:0 0 8px;padding:0;max-width:100%;min-width:0;
    font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-0.45px;color:#1a1a1a;
    -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;
    word-break:break-word;overflow-wrap:anywhere
}
#include03_wrapper .section02 .mc_rv_title{
    margin:0;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:-0.2px;color:#999;min-width:0;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word
}
#include03_wrapper .section02 .mc_rv_body{
    flex:1 1 auto;min-height:0;min-width:0;margin:0;padding-top:12px;border-top:1px solid #f0f0f0;overflow:hidden
}
#include03_wrapper .section02 .mc_rv_body_txt{
    margin:0;font-size:13px;font-weight:400;line-height:1.7;letter-spacing:-0.15px;color:#888;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;
    overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:anywhere
}

/* 하단 컨트롤 바: 본문과 분리 */
#include03_wrapper .section02 .mc_rv_controls{
    position:absolute;z-index:4;left:0;right:0;bottom:0;height:48px;padding:0 18px;
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    background:linear-gradient(180deg, rgba(255,255,255,0) 0%, #fff 28%);
    box-sizing:border-box;pointer-events:none
}
#include03_wrapper .section02 .mc_rv_arrows{display:flex;align-items:center;gap:6px;pointer-events:auto}
#include03_wrapper .section02 .pager{
    position:static !important;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;
    width:auto !important;margin:0;padding:0;pointer-events:auto;line-height:0
}
#include03_wrapper .section02 .swiper-pagination-bullet{margin:0 3px;width:6px;height:6px;background:#d8d8d8;opacity:1;vertical-align:middle}
#include03_wrapper .section02 .swiper-pagination-bullet-active{background-color:#fe7013}

#include03_wrapper .section02 .mc_rv_nav{
    position:static;transform:none;width:30px;height:30px;padding:0;border:1px solid #e6e6e6;
    background:#fff;color:#666;cursor:pointer;line-height:1;font-size:15px;
    display:inline-flex;align-items:center;justify-content:center;
    transition:border-color .15s ease,color .15s ease,background .15s ease
}
#include03_wrapper .section02 .mc_rv_nav:hover{border-color:#fe7013;color:#fe7013;background:#fff}
#include03_wrapper .section02 .mc_rv_prev,
#include03_wrapper .section02 .mc_rv_next{left:auto;right:auto}

/* 반응형 [s] */
@media (hover:hover){
#include03_wrapper .section01 .box02 li:hover{border-color:#ddd;box-shadow:0 8px 22px rgba(0,0,0,.04)}
#include03_wrapper .section01 .box02 li:hover .mc_sns_icon{transform:translateY(-1px)}
#include03_wrapper .section01 .box02 .mc_sns_icon{transition:transform .18s ease}
#include03_wrapper .section02 .mc_rv_nav:hover{border-color:#fe7013;color:#fe7013;background:#fff}
#include03_wrapper .l_box .bx-controls-direction a:hover{opacity:1}
}
@media (max-width:1080px){
#include03_wrapper .section01 .box01 .video .mc_pv_name{font-size:13px}
#include03_wrapper .section01 .box02 .mc_sns_tit{font-size:14px}
#include03_wrapper .section01 .box02 .mc_sns_meta{font-size:12px}
#include03_wrapper .section01 .box02 .mc_sns_card.is-tel .mc_sns_meta{font-size:14px}
#include03_wrapper .section02 .mc_rv_author{font-size:18px}
#include03_wrapper .section02 .mc_rv_body_txt{-webkit-line-clamp:8;font-size:13px;max-height:calc(1.7em * 8)}
}
/* 템플릿 edu1023-res 모바일 배치: column-reverse + section02 상단 여백/가로 풀폭 */
@media (max-width:1024px){
#include03_wrapper{flex-direction:column-reverse;gap:35px;margin:0 auto 65px;width:95%}
#include03_wrapper .latest_box_tit{font-size:18px}
#include03_wrapper .section01{width:100%}
#include03_wrapper .section01 .box02 li{height:128px}
#include03_wrapper .section02{margin-top:35px;width:100%}
#include03_wrapper .section02 .swiper-container.mc_review_slide{height:320px}
#include03_wrapper .section02 .mc_review_slide .swiper-wrapper{height:100% !important;overflow:visible}
#include03_wrapper .section02 .mc_review_slide .swiper-slide{height:100% !important;overflow:hidden}
#include03_wrapper .section02 .mc_rv_card{padding:20px 20px 50px;overflow:hidden}
#include03_wrapper .section02 .mc_rv_head{margin:0 0 10px}
#include03_wrapper .section02 .mc_rv_label{margin:0 0 8px;font-size:10px;padding:2px 8px}
#include03_wrapper .section02 .mc_rv_author{
    font-size:19px;margin:0 0 6px;letter-spacing:-0.4px;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis
}
#include03_wrapper .section02 .mc_rv_title{
    font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis
}
#include03_wrapper .section02 .mc_rv_body{padding-top:10px;overflow:hidden}
#include03_wrapper .section02 .mc_rv_body_txt{
    font-size:13px;line-height:1.65;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;
    overflow:hidden;text-overflow:ellipsis;max-height:calc(1.65em * 8)
}
#include03_wrapper .section02 .mc_rv_controls{height:44px;padding:0 16px}
#include03_wrapper .section02 .mc_rv_nav{width:28px;height:28px;font-size:14px}
}
@media (max-width:768px){
#include03_wrapper{gap:30px}
#include03_wrapper .latest_box_tit{margin-bottom:12px;font-size:16px}
#include03_wrapper .section01 .box01{flex-direction:column;gap:12px}
#include03_wrapper .section01 .box01 .video{width:100%;flex:0 0 auto}
#include03_wrapper .section01 .box01 .video .mc_pv_meta{padding:11px 14px 12px}
#include03_wrapper .section01 .box01 .video .mc_pv_name{font-size:14px}
#include03_wrapper .section01 .box02{margin-top:18px}
#include03_wrapper .section01 .box02 ul{gap:12px}
#include03_wrapper .section01 .box02 li{height:120px}
#include03_wrapper .section01 .box02 .mc_sns_card{padding:16px 14px}
#include03_wrapper .section01 .box02 .mc_sns_tit{font-size:14px}
#include03_wrapper .section01 .box02 .mc_sns_meta{font-size:12px}
#include03_wrapper .section01 .box02 .mc_sns_card.is-tel .mc_sns_meta{font-size:14px}
#include03_wrapper .section02{margin-top:30px}
#include03_wrapper .section02 .swiper-container.mc_review_slide{height:300px}
#include03_wrapper .section02 .mc_rv_card{padding:18px 16px 48px}
#include03_wrapper .section02 .mc_rv_author{font-size:18px}
#include03_wrapper .section02 .mc_rv_title{font-size:12px}
#include03_wrapper .section02 .mc_rv_body_txt{
    font-size:13px;line-height:1.65;-webkit-line-clamp:7;max-height:calc(1.65em * 7)
}
#include03_wrapper .section02 .mc_rv_controls{height:42px;padding:0 14px}
#include03_wrapper .section02 .mc_rv_nav{width:28px;height:28px;font-size:14px}
}
@media (max-width:480px){
#include03_wrapper{margin:0 auto 20px}
#include03_wrapper .latest_box_tit{margin-bottom:10px;font-size:15px}
#include03_wrapper .section01 .box01 .video .mc_pv_meta{padding:10px 12px 11px}
#include03_wrapper .section01 .box01 .video .mc_pv_name{font-size:13px}
#include03_wrapper .section01 .box01 .video .mc_pv_play{width:38px;height:38px;margin:-19px 0 0 -19px}
#include03_wrapper .section01 .box01 .video .mc_pv_play:after{left:14px;top:11px;border-width:7px 0 7px 12px}
#include03_wrapper .section01 .box02 ul{flex-direction:column;gap:10px}
#include03_wrapper .section01 .box02 li{width:100%;height:auto}
#include03_wrapper .section01 .box02 .mc_sns_card{
    flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:16px 14px;min-height:72px;text-align:left
}
#include03_wrapper .section01 .box02 .mc_sns_icon{flex:0 0 auto;width:32px;height:32px}
#include03_wrapper .section01 .box02 .mc_sns_icon img{width:32px;height:32px}
#include03_wrapper .section01 .box02 .mc_sns_body{flex:1 1 auto;align-items:flex-start;width:auto}
#include03_wrapper .section01 .box02 .mc_sns_tit{font-size:15px}
#include03_wrapper .section01 .box02 .mc_sns_meta{font-size:13px}
#include03_wrapper .section01 .box02 .mc_sns_card.is-tel .mc_sns_meta{font-size:15px}
#include03_wrapper .section02 .swiper-container.mc_review_slide{height:290px}
#include03_wrapper .section02 .mc_rv_card{padding:16px 14px 46px}
#include03_wrapper .section02 .mc_rv_label{margin:0 0 8px}
#include03_wrapper .section02 .mc_rv_author{font-size:17px;margin:0 0 6px}
#include03_wrapper .section02 .mc_rv_title{font-size:12px;-webkit-line-clamp:2}
#include03_wrapper .section02 .mc_rv_body{padding-top:10px}
#include03_wrapper .section02 .mc_rv_body_txt{
    -webkit-line-clamp:6;font-size:12px;line-height:1.65;max-height:calc(1.65em * 6)
}
#include03_wrapper .section02 .mc_rv_controls{height:40px;padding:0 12px}
#include03_wrapper .section02 .mc_rv_nav{width:26px;height:26px;font-size:13px}
#include03_wrapper .section02 .swiper-pagination-bullet{margin:0 2px;width:5px;height:5px}
}
@media (max-width:380px){
#include03_wrapper{margin:0 auto 10px}
#include03_wrapper .section01 .box02 .mc_sns_card{padding:14px 12px;gap:12px;min-height:68px}
#include03_wrapper .section01 .box02 .mc_sns_icon{width:30px;height:30px}
#include03_wrapper .section01 .box02 .mc_sns_icon img{width:30px;height:30px}
#include03_wrapper .section01 .box02 .mc_sns_tit{font-size:14px}
#include03_wrapper .section01 .box02 .mc_sns_meta{font-size:12px}
#include03_wrapper .section01 .box02 .mc_sns_card.is-tel .mc_sns_meta{font-size:14px}
#include03_wrapper .section02 .swiper-container.mc_review_slide{height:280px}
#include03_wrapper .section02 .mc_rv_card{padding:14px 12px 44px}
#include03_wrapper .section02 .mc_rv_author{font-size:16px}
#include03_wrapper .section02 .mc_rv_body_txt{-webkit-line-clamp:6;max-height:calc(1.65em * 6)}
}
/* 반응형 [e] */

/* =========================== atc04 — PC 퀵메뉴 + 로그인 / STEP 모달 */
#include01_wrapper .cons_wrap .mc_side_panel{
    display:flex;flex-direction:column;height:100%;box-sizing:border-box;gap:16px;
    font-family:'Noto Sans KR',sans-serif
}
#include01_wrapper .cons_wrap .mc_side_auth{
    flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-start;
    margin:0;padding:0 0 16px;border:0;border-bottom:1px solid rgba(255,255,255,.1)
}
#include01_wrapper .cons_wrap .mc_side_quick_block{
    flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:0
}
#include01_wrapper .cons_wrap .mc_side_quick{
    flex:1 1 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:repeat(3,minmax(0,1fr));
    gap:0;margin:0;padding:0;list-style:none;min-height:0;height:100%;width:100%
}
#include01_wrapper .cons_wrap .mc_side_quick li{
    margin:0;border:0;min-height:0;min-width:0;display:flex
}
#include01_wrapper .cons_wrap .mc_side_quick a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
    flex:1 1 auto;width:100%;min-height:0;padding:8px 4px;box-sizing:border-box;
    border:0;border-radius:0;background:transparent;
    text-decoration:none;color:inherit;text-align:center;
    transition:background .15s ease,color .15s ease
}
#include01_wrapper .cons_wrap .mc_side_q_icon{
    display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
    width:28px;height:28px;border-radius:0;
    background:transparent;color:rgba(255,255,255,.7);font-size:18px;line-height:1
}
#include01_wrapper .cons_wrap .mc_side_q_tit{
    font-size:12px;font-weight:400;letter-spacing:-0.3px;line-height:1.3;color:rgba(255,255,255,.88);word-break:keep-all
}
#include01_wrapper .cons_wrap .mc_side_q_desc{display:none}

/* 비회원 — MEMBER LOGIN / CTA / 회원가입 유도 */
#include01_wrapper .cons_wrap .mc_side_login{margin:0}
#include01_wrapper .cons_wrap .mc_side_login .e_tit{
    margin:0 0 14px;font-size:12px;font-weight:600;color:#fff;letter-spacing:2.2px;
    line-height:1.2;font-family:'Poppins','Noto Sans KR',sans-serif
}
#include01_wrapper .cons_wrap .mc_side_login_btn{
    display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;
    border:0;border-radius:2px;background:#ff7113;color:#fff;text-decoration:none;
    font-size:14px;font-weight:500;letter-spacing:-0.2px;line-height:1;
    font-family:'Noto Sans KR',sans-serif;
    transition:background .15s ease
}
#include01_wrapper .cons_wrap .mc_side_login_btn i{font-size:15px;line-height:1;opacity:.95}
#include01_wrapper .cons_wrap .mc_side_login_sub{
    margin:12px 0 0;text-align:center;font-size:12px;font-weight:400;
    color:rgba(255,255,255,.46);letter-spacing:-0.2px;line-height:1.4
}
#include01_wrapper .cons_wrap .mc_side_login_sub a{
    margin-left:4px;color:#fff;text-decoration:none;font-weight:500
}

/* 회원 프로필 */
#include01_wrapper .cons_wrap .mc_side_member{margin:0;min-height:88px}
#include01_wrapper .cons_wrap .mc_side_member_head{
    display:flex;align-items:center;gap:12px;margin:0 0 10px
}
#include01_wrapper .cons_wrap .mc_side_avatar{
    flex:0 0 auto;display:block;width:48px;height:48px;border-radius:50%;overflow:hidden;
    background:#e8e4e0;border:0;
    box-shadow:0 0 0 1px rgba(255,255,255,.16),0 6px 16px rgba(0,0,0,.22)
}
#include01_wrapper .cons_wrap .mc_side_avatar img,
#include01_wrapper .cons_wrap .mc_side_avatar .mc-avatar{
    display:block;width:100%;height:100%;object-fit:cover;border-radius:50%
}
#include01_wrapper .cons_wrap .mc_side_member_meta{min-width:0;flex:1 1 auto}
#include01_wrapper .cons_wrap .mc_side_hello{
    margin:0 0 5px;font-size:14px;font-weight:400;letter-spacing:-0.2px;line-height:1.3;color:rgba(255,255,255,.78);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
#include01_wrapper .cons_wrap .mc_side_hello strong{font-weight:700;color:#fff}
#include01_wrapper .cons_wrap .mc_side_role{
    display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 8px;
    border-radius:999px;font-size:10px;font-weight:600;letter-spacing:-0.02em;line-height:1;vertical-align:middle;
    background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.16)
}
#include01_wrapper .cons_wrap .mc_side_role--student{background:rgba(255,255,255,.08);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.16)}
#include01_wrapper .cons_wrap .mc_side_role--parent{background:rgba(90,140,200,.16);color:#8eb4d8;border-color:rgba(90,140,200,.4)}
#include01_wrapper .cons_wrap .mc_side_role--teacher{background:rgba(120,90,180,.16);color:#b49ad8;border-color:rgba(120,90,180,.4)}
#include01_wrapper .cons_wrap .mc_side_role--assistant{background:rgba(80,160,120,.16);color:#7fc4a0;border-color:rgba(80,160,120,.4)}
#include01_wrapper .cons_wrap .mc_side_role--admin{background:rgba(200,80,80,.16);color:#e09090;border-color:rgba(200,80,80,.4)}
#include01_wrapper .cons_wrap .mc_side_member_links{display:flex;gap:6px;flex-wrap:nowrap}
#include01_wrapper .cons_wrap .mc_side_member_links a{
    display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:1 1 0;min-width:0;padding:7px 8px;
    border:1px solid rgba(255,255,255,.12);border-radius:2px;font-size:11.5px;font-weight:500;color:rgba(255,255,255,.82);text-decoration:none;
    transition:border-color .15s ease, color .15s ease, background .15s ease
}
#include01_wrapper .cons_wrap .mc_side_member_links a i{font-size:11px;opacity:.7}

@media (hover:hover){
#include01_wrapper .cons_wrap .mc_side_quick a:hover{
    background:rgba(255,255,255,.05)
}
#include01_wrapper .cons_wrap .mc_side_member_links a:hover{border-color:rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.05)}
#include01_wrapper .cons_wrap .mc_side_login_btn:hover{background:#e45f0a;color:#fff}
#include01_wrapper .cons_wrap .mc_side_login_sub a:hover{color:#ff7113}
}

/* STEP 상세 모달 (PC / 모바일) */
.mc_step_modal[hidden]{display:none !important}
.mc_step_modal{
    position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;
    padding:20px;box-sizing:border-box
}
.mc_step_modal_backdrop{position:absolute;inset:0;background:rgba(12,12,12,.72);backdrop-filter:blur(2px)}
.mc_step_modal_dialog{
    position:relative;z-index:1;width:100%;max-width:640px;max-height:calc(100vh - 40px);overflow:auto;
    background:#4e4e4e;border:1px solid rgba(255,255,255,.12);
    box-shadow:0 24px 64px rgba(0,0,0,.45);
    font-family:'Noto Sans KR',sans-serif
}
.mc_step_modal_close{
    position:absolute;right:12px;top:12px;z-index:2;width:36px;height:36px;padding:0;border:0;
    background:rgba(0,0,0,.5);color:#fff;font-size:22px;line-height:1;cursor:pointer;
    transition:background .15s ease
}
.mc_step_modal_close:hover{background:rgba(0,0,0,.7)}
.mc_step_modal_media{
    position:relative;width:100%;min-height:220px;max-height:min(52vh,420px);
    overflow:hidden;background:#3a3a3a;display:flex;align-items:center;justify-content:center
}
.mc_step_modal_media img{
    display:block;width:100%;height:100%;max-height:min(52vh,420px);object-fit:contain;object-position:center
}
.mc_step_modal_media .mc_step_badge{
    position:absolute;left:16px;top:16px;z-index:1;
    padding:4px 10px;border-radius:2px;
    font-size:11px;font-weight:700;letter-spacing:0.6px;line-height:1.4;color:#fff;background:#ff7113;
    font-family:'Poppins','Noto Sans KR',sans-serif
}
.mc_step_modal_body{padding:22px 24px 26px;background:#4e4e4e}
.mc_step_modal_body h3{
    margin:0 0 10px;font-size:20px;font-weight:700;letter-spacing:-0.4px;line-height:1.35;color:#fff
}
.mc_step_modal_body p{
    margin:0;font-size:14px;font-weight:400;letter-spacing:-0.2px;line-height:1.75;color:rgba(255,255,255,.72);word-break:keep-all;white-space:pre-wrap
}
body.mc_step_modal_open{overflow:hidden}
@media (max-width:768px){
.mc_step_modal{padding:16px;align-items:center;justify-content:center}
.mc_step_modal_dialog{max-width:100%;max-height:calc(100vh - 32px);border-radius:0}
.mc_step_modal_media{min-height:180px;max-height:42vh}
.mc_step_modal_media img{max-height:42vh}
.mc_step_modal_body{padding:18px 18px 22px}
.mc_step_modal_body h3{font-size:17px;margin:0 0 8px}
.mc_step_modal_body p{font-size:13px;line-height:1.65}
.mc_step_modal_close{right:10px;top:10px;width:34px;height:34px}
}

/* =========================== LATEST_NOTICE */
.sh_lt_req{position:relative;width:100%;font-family:'Noto Sans KR';font-weight:400}
.sh_lt_req ul{position:relative;width:100%;margin:0;padding:0;list-style:none;overflow:hidden}
.sh_lt_req li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:14px;padding-bottom:14px;border-bottom:dotted 1px #dfdfdf}
.sh_lt_req li div{display:flex}
.sh_lt_req li a{display:inline-block;font-size:15px;letter-spacing:-0.05em;color:#777}
.sh_lt_req li .req_d{display:block;height:28px;padding:0 16px 0 7px;border-radius:2px;font-size:14px;letter-spacing:-0.04em;text-align:center;line-height:28px;color:#ff7113;font-family:'Noto Sans KR';font-weight:500}
.sh_lt .cnt_cmt{display:inline-block;margin:0 0 0 3px;font-weight:bold}

.sh_date{padding-left:7px;font-size:13px;letter-spacing:-0.04em;color:#888}
.sh_nodata{width:100%;text-align:center;font-size:14px;color:#777;margin-top:35px}

/* 반응형 [s] */
@media (max-width:768px){
.sh_date{padding:0 7px}
}
@media (max-width:480px){
.sh_lt_req li{padding-bottom:10px;margin-bottom:10px}
.sh_lt_req li .req_d{padding:0 8px 0 7px;font-size:13px}
}
@media (max-width:380px){
.sh_lt_req li .req_d{padding:0 10px 0 3px}
.sh_date{padding:0 3px;font-size:12px}
}
/* 반응형 [e] */

/* =========================== LATEST_FAQ */
.sh_lt_notice{position:relative;width:100%;font-family:'Noto Sans KR';font-weight:400}
.sh_lt_notice ul{position:relative;width:100%;margin:0;padding:0;list-style:none;overflow:hidden}
.sh_lt_notice li{display:flex;overflow:hidden;position:relative;margin-bottom:8px;padding:10px 27px;background:#f7f7f7}
.sh_lt_notice li a{display:inline-block;font-size:15px;letter-spacing:-0.3px;color:#777;padding-left:10px}
.sh_lt_notice .cnt_cmt{display:inline-block;margin:0 0 0 3px;font-weight:bold}
.sh_lt_notice .tit_q{font-size:17px;color:#ff7113;font-family:'Noto Sans KR';font-weight:500}
.sh_lt_notice .mc_main_faq_btn{
    display:inline-block;padding:0 0 0 10px;border:0;background:transparent;cursor:pointer;
    font-size:15px;letter-spacing:-0.3px;color:#777;font-family:'Noto Sans KR',sans-serif;text-align:left;line-height:1.45
}
.sh_lt_notice .mc_main_faq_btn:hover{color:#fe7013}
.sh_lt_notice .mc_main_faq_go{border:0;background:transparent;cursor:pointer;padding:0;line-height:0}
.sh_notice_box{display:flex;align-items:center;width:90%}
.sh_nodata{width:100%;text-align:center;font-size:14px;color:#666;margin-top:35px}
.go_btn{position:absolute;top:8px;right:25px}

/* 메인 이용문의 FAQ 모달 */
body.mc-main-faq-open{overflow:hidden}
.mc_main_faq_modal[hidden]{display:none !important}
.mc_main_faq_modal{
    position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;
    padding:24px 16px;box-sizing:border-box
}
.mc_main_faq_dim{position:absolute;inset:0;background:rgba(20,20,20,.52)}
.mc_main_faq_panel{
    position:relative;z-index:1;width:100%;max-width:560px;max-height:min(86vh,720px);overflow:auto;
    background:#fff;border:1px solid #ececec;box-shadow:0 24px 60px rgba(0,0,0,.18)
}
.mc_main_faq_head{position:relative;padding:28px 52px 18px 28px;border-bottom:1px solid #f0f0f0}
.mc_main_faq_eyebrow{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:1.8px;color:#fe7013;text-transform:uppercase}
.mc_main_faq_head h2{margin:0;font-size:22px;font-weight:700;line-height:1.4;letter-spacing:-0.45px;color:#222;word-break:keep-all}
.mc_main_faq_close{
    position:absolute;top:18px;right:16px;width:36px;height:36px;border:0;background:transparent;
    color:#999;font-size:18px;cursor:pointer
}
.mc_main_faq_close:hover{color:#fe7013}
.mc_main_faq_body{padding:24px 28px 18px;display:flex;flex-direction:column;gap:16px}
.mc_main_faq_block{padding:16px 18px;border:1px solid #eee;background:#fafafa}
.mc_main_faq_block.is-a{border-color:rgba(254,112,19,.22);background:#fff8f2}
.mc_main_faq_label{
    display:inline-block;margin:0 0 10px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;
    letter-spacing:.4px;color:#666;background:#ededed
}
.mc_main_faq_block.is-a .mc_main_faq_label{color:#fe7013;background:rgba(254,112,19,.12)}
.mc_main_faq_text{font-size:15px;line-height:1.75;color:#333;word-break:keep-all}
.mc_main_faq_foot{padding:0 28px 28px}
.mc_main_faq_link{
    display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;
    height:42px;padding:0 16px;
    background:#fe7013;color:#fff;font-size:14px;font-weight:600;text-decoration:none;letter-spacing:-.2px
}
.mc_main_faq_link:hover{background:#e6671a;color:#fff}

/* 반응형 [s] */
@media (max-width:1024px){
.sh_notice_box{gap:10px;width:auto}
.sh_lt_notice li{padding:10px 16px;justify-content:space-between}
.sh_lt_notice li a,.sh_lt_notice .mc_main_faq_btn{padding-left:0;font-size:14px;word-break:keep-all}
.go_btn{position:static}
.mc_main_faq_head{padding:22px 48px 16px 20px}
.mc_main_faq_head h2{font-size:18px}
.mc_main_faq_body{padding:18px 20px 14px}
.mc_main_faq_foot{padding:0 20px 22px}
.mc_main_faq_text{font-size:14px;line-height:1.7}
}
@media (max-width:768px){
.sh_notice_box{gap:15px}
}
@media (max-width:480px){
.sh_lt_notice li{padding:10px 10px 10px 16px}
.sh_lt_notice li a{font-size:13px}
.go_btn img{width:27px}
.mc_main_faq_modal{padding:16px 12px}
.mc_main_faq_head{padding:20px 44px 14px 16px}
.mc_main_faq_head h2{font-size:17px}
.mc_main_faq_body{padding:16px 16px 12px;gap:12px}
.mc_main_faq_block{padding:14px 14px}
.mc_main_faq_foot{padding:0 16px 18px}
.mc_main_faq_link{font-size:13px}
}
@media (max-width:380px){
.sh_lt_notice li{padding:8px 8px 8px 12px}
.sh_lt_notice .tit_q{font-size:16px}
.go_btn img{width:25px}
}
/* 반응형 [e] */

/* =========================== LATEST */
.sh_lt_pc {float:left}
.sh_lt {position:relative;width:100%}
.sh_lt ul {margin-top:15px;padding:0;list-style:none;font-family:'Noto Sans KR';font-weight:400}
.sh_lt ul div{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}
.sh_lt ul div::after{content:'';display:block;width:100%;position:absolute;height:1px;background:#e7e7e7;bottom:0px}
.sh_lt li {padding:8px 0;position:relative}
.sh_lt li a{color:#737373}
.sh_lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
.sh_date {font-size:0.9em}
.sh_notice {font-size:1em;font-size:15px}
.sh_nodata {font-size:1em;text-align:center}

/* 반응형 [s] */
@media (max-width:1080px){
.sh_notice{font-size:14px}
.sh_date{font-size:14px}
}
@media (max-width:480px){
.sh_lt ul{margin-top:8px}
.sh_notice{font-size:13px}
.sh_date{font-size:13px}
}
@media (max-width:380px){
.sh_lt ul{margin-top:4px}
}
/* 반응형 [e] */