#wrap { background-color: #fff; } 
#wrap #container.ourschool .title_area { padding-bottom:50px; background:#fff } 
#wrap #container.ourschool .title_area .sub_title_area {padding-bottom:65px;}
#wrap #container.ourschool .title_area .catg_list { z-index:100; position:relative; width:100%; max-width:1280px; padding:0 10px; margin:0 auto; } 
#wrap #container.ourschool .title_area .catg_list > ul { overflow:hidden; display:flex; flex-wrap: wrap; height:95px; margin-left:-9px; } 
#wrap #container.ourschool .title_area .catg_list > ul li { margin:0 0 12px 9px } 
#wrap #container.ourschool .title_area .catg_list > ul li input { position:absolute; left:-9999px; width:0; height:0; font-size:0; opacity:0; } 
#wrap #container.ourschool .title_area .catg_list > ul li label { cursor:pointer; display:block; height:40px; font-size:var(--font-size-label); letter-spacing:-0.04em; padding:6px 19px 0; border-radius:40px; border:1px solid #dadada } 
#wrap #container.ourschool .title_area .catg_list > ul li input:checked + label { color:#fff; border-color:#f27733; background:#f27733 } 
#wrap #container.ourschool .title_area .catg_list .btn_area { position:absolute; right:0; top:0; } 
#wrap #container.ourschool .title_area .catg_list .btn_area button { position:relative; display:block; width:40px; height:40px; font-size:0; border-radius:100%; } 
#wrap #container.ourschool .title_area .catg_list .btn_area .btn_toggle { background:#333 } 
#wrap #container.ourschool .title_area .catg_list .btn_area .btn_toggle:before,
#wrap #container.ourschool .title_area .catg_list .btn_area .btn_toggle:after { content:''; position:absolute; left:50%; top:50%; display:block; width:18px; height:2px; margin:-1px 0 0 -9px; background:#fff } 
#wrap #container.ourschool .title_area .catg_list .btn_area .btn_toggle:after { transform: rotate(90deg); } 
#wrap #container.ourschool .title_area .catg_list .btn_area .btn_reset { margin-top:8px; background:#aeacba url('/static/img/common/icon_reset.png') center center no-repeat } 
#wrap #container.ourschool .title_area .catg_list.on ul { height:auto; max-height:100%; } 
#wrap #container.ourschool .title_area .catg_list.on .btn_toggle { transform: rotate(45deg); } 
#wrap #container.ourschool .title_area .catg_list.__width_select > ul { padding-right:250px; } 

#wrap #container.ourschool .custom-selectbox { position: absolute; top: 0; right: 10px; width: 195px; text-align: left; } 
#wrap #container.ourschool .custom-selectbox .btn-select { position: relative; display: inline-block; width: 100%; padding-left: 1em; background: #f7f7f7; border: 1px solid #dadada; font-family: 'NotoSansL'; font-size: 17px; letter-spacing: -0.07em; line-height: 2.25em; } 
#wrap #container.ourschool .custom-selectbox .btn-select:after { content:''; position:absolute; top:12px; right:23px; display:block; width:9px; height:9px; border-bottom:1px solid #7a7a7a; border-left:1px solid #7a7a7a; transform: rotate(-45deg); } 
#wrap #container.ourschool .custom-selectbox .select-list { display: none; position: absolute; top: calc(100% - 1px); left: 0; width: 100%; padding: 5px 18px 15px; background: #fff; border: 1px solid #dadada; border-top: 2px solid #fff; } 
#wrap #container.ourschool .custom-selectbox .select-list > ul { overflow-y: auto; max-height: 120px; } 
#wrap #container.ourschool .custom-selectbox .select-list > ul::-webkit-scrollbar { width:5px; background:#d2dbdb } 
#wrap #container.ourschool .custom-selectbox .select-list > ul::-webkit-scrollbar-thumb { width:5px; background:#5e7d81 } 
#wrap #container.ourschool .custom-selectbox .select-list > ul li a { color: #000; font-size: 17px; line-height: 1.8em; } 
#wrap #container.ourschool .custom-selectbox.on .btn-select { font-family: 'NotoSansR'; background-color: #fff; color: #000; } 
#wrap #container.ourschool .custom-selectbox.on .btn-select:after { top:17px; transform: rotate(135deg); } 
#wrap #container.ourschool .custom-selectbox.on .select-list { display: block; } 

#wrap #container.ourschool .thumb_list { display: grid; grid-auto-rows: 1px; position:relative; width:100%; max-width:1304px; min-height:700px; font-size:0; padding-top:70px; padding-right:22px; margin:0 auto; } 
#wrap #container.ourschool .thumb_list > li { z-index:10; padding-left:22px; padding-bottom:45px;} 
#wrap #container.ourschool .thumb_list > li a { display:block; width:100%; } 
#wrap #container.ourschool .thumb_list > li .thumb { overflow:hidden; position:relative; } 
#wrap #container.ourschool .thumb_list > li .thumb:before { display:block; content:''; position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.8); transition:top 0.5s ease-in-out; z-index: 1; } 
#wrap #container.ourschool .thumb_list > li .thumb:after { display:none; content:''; position:absolute; left:50%; bottom:30px; width:40px; height:40px; margin-left:-20px; background:url('/static/img/common/icon_view_arrow.png') no-repeat; z-index: 2; } 
#wrap #container.ourschool .thumb_list > li a:hover .thumb:before,
#wrap #container.ourschool .thumb_list > li a:focus .thumb:before { top:0; } 
#wrap #container.ourschool .thumb_list > li a:hover .thumb:after,
#wrap #container.ourschool .thumb_list > li a:focus .thumb:after { display:block } 
#wrap #container.ourschool .thumb_list > li img { width:100%; } 
#wrap #container.ourschool .thumb_list > li .hash { overflow:hidden; height:25px; color:#777; font-size:var(--font-size-label); margin-top:20px; width: 404.66px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
#wrap #container.ourschool .thumb_list > li .tit { color:#333; font-family:'NotoSansM'; font-size:24px; letter-spacing: -0.06em; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; word-wrap:break-word; overflow:hidden } 

#wrap #container.ourschool.en .title_area { padding-bottom: 0; }
#wrap #container.ourschool.en .title_area .title_inner { padding-bottom: 0; }
#wrap #container.ourschool.en .title_area .title_inner h2 { line-height: 1.3em;} 
#wrap #container.ourschool.en .title_area .title_inner .sub { margin-top:20px } 
#wrap #container.ourschool.en .img_title_area { position: relative; background: center / cover url(/static/img/ourschool/en_ds_mainbanner.jpg) no-repeat; height: 1080px; margin-top: 110px; font-size:0; color: transparent;} 
#wrap #container.ourschool.en .content_area { margin-top: 90px; padding: 0 50px; text-align: center; } 
#wrap #container.ourschool.en .content_area > p { text-align: center; font-size: 28px; font-family: 'NotoSansM'; color: #333333; letter-spacing: -0.01em; line-height: 1.4em;} 
#wrap #container.ourschool.en .content_area > p span { color: #3eae71; } 
#wrap #container.ourschool.en .en_thumb_list { display: flex; justify-content: center; flex-wrap: wrap; margin-right: -20px; } 
#wrap #container.ourschool.en .en_thumb_list._01 { margin-top: 80px; } 
#wrap #container.ourschool.en .en_thumb_list._02 { padding-bottom: 80px; } 
#wrap #container.ourschool.en .en_thumb_list > li { width: 300px; min-height: 420px; padding: 10px 10px 35px; margin-right: 20px; margin-bottom: 20px; background-color: #fff; box-shadow: 13px 13px 50px rgba(0, 0, 0, 0.12); } 
#wrap #container.ourschool.en .en_thumb_list h3 { margin-top: 25px; margin-bottom: 10px; font-family: 'NotoSansM'; font-size: 28px; letter-spacing: -0.02em; } 
#wrap #container.ourschool.en .en_thumb_list p { max-width: 250px; margin: 0 auto; font-size: 20px; color: #666666; letter-spacing: -0.04em; line-height: 1.6em;} 
#wrap #container.ourschool.en .btn-seeMore { 
    display: inline-block;
    position: relative;
    width: 400px;
    height: 70px;
    padding: 15px 50px;
    background-color: var(--primary);
    border-radius: 50em;
    text-align: left;
    font-family: 'NotoSansM';
    font-size: 28px;
    color: #fff;
    line-height: 1.2;
 } 
#wrap #container.ourschool.en .btn-seeMore .icon_link { position: absolute; width: 20px; height: 20px; top: 50%; right: 50px; margin-top: -10px; background: center/ contain url(/static/img/common/icon_link.png) no-repeat; } 

#wrap #container.ourschool .color4square_box {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 1060px;
    margin: 0 auto 100px;
}
#wrap #container.ourschool .color4square_box:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 340px;
    height: 340px;
    border-radius: 100%;
    margin: -170px 0 0 -170px;
    background: center / cover url('/static/img/ourschool/en_nl_banner.png') no-repeat;
    box-shadow: 13px 13px 50px rgba(0, 0, 0, 0.12);
}
#wrap #container.ourschool .color4square_box li {
    width: 490px;
    height: 370px;
    text-align: left;
    padding: 60px 60px 0;
    margin-top: 80px;
    background-color: #eee;
}
#wrap #container.ourschool .color4square_box li h3 {
    color: #fff;
    font-family: 'NotoSansM';
    font-size: 30px;
    letter-spacing: -0.04em;
}
#wrap #container.ourschool .color4square_box li p {
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    margin-top: 16px
}
#wrap #container.ourschool .color4square_box li:nth-child(1) {
    margin-top: 0;
    background: #f37321;
    border-top-left-radius: 30px;
}
#wrap #container.ourschool .color4square_box li:nth-child(2) {
    margin-top: 0;
    background: #fdb913;
    border-top-right-radius: 30px;
    text-align: right;
}
#wrap #container.ourschool .color4square_box li:nth-child(3) {
    background: #45b97c;
    border-bottom-left-radius: 30px;
}
#wrap #container.ourschool .color4square_box li:nth-child(4) {
    background: #0081b7;
    border-bottom-right-radius: 30px;
    text-align: right;
}

/* detail */
#wrap #container.ourschool .detail_wrap .detail_title { padding-top:240px; background:#fff } 
#wrap #container.ourschool .detail_wrap .detail_title .inner { position:relative; max-width:1080px; text-align:center; margin:0 auto; padding:0 70px 50px; } 
#wrap #container.ourschool .detail_wrap .detail_title .sub { color:#333; font-family:'NotoSansL'; font-size:22px } 
#wrap #container.ourschool .detail_wrap .detail_title h2 { color:#000; font-family:'NotoSansB'; font-size:60px } 
#wrap #container.ourschool .detail_wrap .detail_title .hash { font-size:0; margin-top:15px } 
#wrap #container.ourschool .detail_wrap .detail_title .hash li { display:inline-block; height:40px; line-height:36px; color:#888; font-family:'NotoSansL'; font-size:17px; padding:0 25px; margin: 0px 6px 12px; border-radius:5px; border:1px solid #dadada } 

#wrap #container.ourschool .detail_wrap .detail_title .arrow { position:absolute; right:0; top: calc(50% - 50px); display:block; width:63px; height:11px; font-size:0; border-bottom:2px solid #0c2044; margin-top:-5px } 
#wrap #container.ourschool .detail_wrap .detail_title .arrow:after { content:''; position:absolute; right:-1px; bottom:3px; display:block; width:13px; height:2px; background-color: #0c2044; transform: rotate(45deg); } 
#wrap #container.ourschool .detail_wrap .detail_title .btn_prev { left:0; right:auto; transform: scaleX(-1); } 
/* 에디터 설정 -- 
    피씨는 img, video, iframe(video) 에디터에서 설정한 크기대로 나오고 모바일에서는 비율대로 나와야함.
    text-align 으로 기본 설정 금지, dir="rtl" 사용이 안됨.
    폰트는 word-break: keep-all이고 넘치면 word-wrap:break-word
    폰트 스타일 종류는 editor_font.css에서 설정
    blockquote/li/ol/a 기본 설정.

    세상에서 가장 큰 학교/지금 우리학교는/대교소식/피플 동일해당
*/
#wrap #container.ourschool .detail_wrap .detail_contents { position:relative; max-width:1080px; min-height:200px; font-size:18px; line-height:1.6; text-align:initial; margin:100px auto; overflow: hidden; word-wrap: break-word;} 
#wrap #container.ourschool .detail_wrap .detail_contents video { max-width: 100%; }
#wrap #container.ourschool .detail_wrap .detail_contents iframe { max-width: 100%; }
#wrap #container.ourschool .detail_wrap .detail_contents img {
    max-width: 100%;
    vertical-align: middle;
}
#wrap #container.ourschool .detail_wrap .detail_contents strong {
    font-weight: bold;
    font-family: inherit;
}
#wrap #container.ourschool .detail_wrap .detail_contents em {
    font-style: italic;
}
#wrap #container.ourschool .detail_wrap .detail_contents blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}
#wrap #container.ourschool .detail_wrap .detail_contents ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
#wrap #container.ourschool .detail_wrap .detail_contents ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
#wrap #container.ourschool .detail_wrap .detail_contents li {
    display: list-item;
    text-align: -webkit-match-parent;
}
#wrap #container.ourschool .detail_wrap .detail_contents a {
    text-decoration: underline;
        color: -webkit-link;
}
#wrap #container.ourschool .detail_wrap .detail_contents table[align="center"] {
    margin-left: auto;
    margin-right: auto;
}
#wrap #container.ourschool .detail_wrap .detail_contents table[align="right"] {
    margin-left: auto;
}
@media all and (max-width:1023px) {
    #wrap #container.ourschool .detail_wrap .detail_contents video {height: 47.25vw;}
    #wrap #container.ourschool .detail_wrap .detail_contents iframe {height: 47.25vw;}
    #wrap #container.ourschool .detail_wrap .detail_contents img { height: auto;}
}
/* -- 에디터 설정 */
#wrap #container.ourschool .detail_wrap .detail_contents table { width:auto; }
#wrap #container.ourschool .detail_wrap .detail_contents img { max-width:100%; } 
#wrap #container.ourschool .detail_wrap .detail_contents strong { font-weight: 600;}
#wrap #container.ourschool .detail_wrap .detail_list { position:relative; max-width:1080px; margin:0 auto } 
#wrap #container.ourschool .detail_wrap .detail_list .list { padding:0 114px; } 
#wrap #container.ourschool .detail_wrap .detail_list .list:after { content: ''; display: block; clear:both;}
#wrap #container.ourschool .detail_wrap .detail_list .list > li { width: calc(50% - 20px); } 
#wrap #container.ourschool .detail_wrap .detail_list .list > li.prev { float: left;}
#wrap #container.ourschool .detail_wrap .detail_list .list > li.next { float: right;}
#wrap #container.ourschool .detail_wrap .detail_list .list > li a { display:block;} 
#wrap #container.ourschool .detail_wrap .detail_list .list > li .thumb { overflow:hidden; position:relative; padding-top: 56.296%; } 
#wrap #container.ourschool .detail_wrap .detail_list .list > li .thumb img { position: absolute; top: 0; left: 50%; width: 100%; min-height: 100%; transform: translate3d(-50%, 0%, 1px); } 
#wrap #container.ourschool .detail_wrap .detail_list .list > li .__category { padding-top: 20px; font-family: 'NotoSansL'; color: #777; } 
#wrap #container.ourschool .detail_wrap .detail_list .list > li .tit { color:#333; font-size:26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0.6em; } 

#wrap #container.ourschool .detail_wrap .detail_list .arrow { position:absolute; right:0; top:50%; display:block; width:63px; height:11px; font-size:0; border-bottom:2px solid #0c2044; margin-top:-50px } 
#wrap #container.ourschool .detail_wrap .detail_list .arrow:after { content:''; position:absolute; right:-1px; bottom:3px; display:block; width:13px; height:2px; background-color: #0c2044; transform: rotate(45deg); } 
#wrap #container.ourschool .detail_wrap .detail_list .btn_prev { left:0; right:auto; transform: scaleX(-1); } 
#wrap #container.ourschool .detail_wrap .btn_list { display:block; width:218px; height:56px; color:#333; font-size:17px; line-height:54px; text-align:center; border-radius:56px; border:1px solid #888; margin:55px auto 0; background:#fff; } 

@media all and (max-width:1023px){
    #wrap #container.ourschool .thumb_list { grid-template-columns: repeat(2, 1fr); } 
    #wrap #container.ourschool .title_area { padding-bottom:0vw } 
    #wrap #container.ourschool .title_area .sub_title_area { padding-bottom: 6.944vw } 
    #wrap #container.ourschool .detail_wrap .detail_title .hash { font-size:0; margin-top:15px } 
    #wrap #container.ourschool .detail_wrap .detail_title .hash li { height: 8vw; line-height: 7.5vw; font-size: 3.44vw; padding: 0 2.472vw; margin: 0 0.7vw 1.4vw; border-radius: 1vw; border: 0.139vw solid #dadada; } 
    #wrap #container.ourschool .title_area .title_inner .sub { font-size:3.056vw; margin-top:2.222vw } 
    #wrap #container.ourschool .title_area .catg_list { padding: 0 6.944vw 5.556vw; } 
    #wrap #container.ourschool .title_area .catg_list > ul { justify-content: center; height:auto; padding:0; margin:0; } 
    #wrap #container.ourschool .title_area .catg_list > ul li { margin:0 1vw 2.5vw } 
    #wrap #container.ourschool .title_area .catg_list > ul li label { height:6.944vw; line-height:6.7vw; padding:0 2.778vw; } 
    #wrap #container.ourschool .title_area .catg_list .btn_area { position:absolute; top:auto; bottom:-3.333vw; left:0; width:100%; text-align:center; margin-top:1.944vw } 
    #wrap #container.ourschool .title_area .catg_list .btn_area button { display:inline-block; width:6.944vw; height:6.944vw; } 
    #wrap #container.ourschool .title_area .catg_list .btn_area .btn_reset { margin:0 } 
    #wrap #container.ourschool .title_area .catg_list .btn_area .btn_toggle:before, #wrap #container.ourschool .title_area .catg_list .btn_area .btn_toggle:after { width:3.333vw; margin-left:-1.667vw } 
    #wrap #container.ourschool .title_area .catg_list .btn_area .btn_reset { background-size:3.333vw auto } 
    #wrap #container.ourschool .title_area .catg_list.__width_select { padding-bottom: 17vw; } 
    #wrap #container.ourschool .title_area .catg_list.__width_select > ul { padding-right: 0; } 
    
    #wrap #container.ourschool .custom-selectbox { width: auto; top: auto; left: 6.944vw; right: 6.944vw; bottom: 7vw; } 
    #wrap #container.ourschool .custom-selectbox .btn-select { font-size: 3.056vw; padding-left: 2.5vw; } 
    #wrap #container.ourschool .custom-selectbox .btn-select:after { top: 1.8vw; right: 3vw; width: 2vw; height: 2vw; } 
    #wrap #container.ourschool .custom-selectbox .select-list { padding: 1vw 2.5vw 3vw; } 
    #wrap #container.ourschool .custom-selectbox .select-list > ul { max-height: 21vw; } 
    #wrap #container.ourschool .custom-selectbox .select-list > ul li a { font-size: 3.056vw; } 
    #wrap #container.ourschool .custom-selectbox.on .btn-select:after { top: 3vw; } 

    #wrap #container.ourschool .thumb_list { width:auto; padding:9.722vw 6.944vw 0; margin:0 0 0 -4.444vw } 
    #wrap #container.ourschool .thumb_list > li { padding-left:4.444vw; padding-bottom:5.556vw; } 
    #wrap #container.ourschool .thumb_list > li .hash { height:4.444vw; width: 42.14vw; margin-top: 2vw;} 
    #wrap #container.ourschool .thumb_list > li .tit { font-size:3.611vw } 

    #wrap #container.ourschool.en .title_area .title_inner .sub {
        margin-top: 3.22vw;
    }
    #wrap #container.ourschool.en .img_title_area {
        height: 56.25vw;
        margin-top: 20vw;
    }
    #wrap #container.ourschool.en .content_area {
        margin-top: 13.889vw;
        padding: 0 6.994vw;
    }
    #wrap #container.ourschool.en .en_thumb_list._01 {
        margin-top: 12vw;
    }
    #wrap #container.ourschool.en .en_thumb_list._02 {
        padding-bottom: 7.8vw;
    }

    #wrap #container.ourschool .color4square_box {
        width: 86vw;
        padding-top: calc(62% + 13.889vw);
        margin-bottom: 10vw;
    }
    #wrap #container.ourschool .color4square_box li {
        width: 41.665vw;
        height: auto;
        min-height: 41.665vw;
        padding: 5vw 5.556vw;
        margin-top: 3vw;
    }
    #wrap #container.ourschool .color4square_box:after {
        content: '';
        width: auto;
        height: 0;
        padding-top: 61.1%;
        top: 0;
        margin: 0;
        left: -6.994vw;
        right: -6.994vw;
        background-image: url(/static/img/ourschool/en_nl_banner_mo.jpg);
        border-radius: 0;
        box-shadow: none;
    }
    #wrap #container.ourschool .color4square_box li h3 {
        font-size: calc(10px + 1.5vw);
    }
    #wrap #container.ourschool .color4square_box li p {
        font-size: calc(10px + 0.55vw);
        line-height: 1.6em;
        margin-top: 1.8vw;
    }
    #wrap #container.ourschool .color4square_box li:nth-child(1) {
        border-top-left-radius: 3vw;
    }
    #wrap #container.ourschool .color4square_box li:nth-child(2) {
        border-top-right-radius: 3vw;
    }
    #wrap #container.ourschool .color4square_box li:nth-child(3) {
        border-bottom-left-radius: 3vw;
    }
    #wrap #container.ourschool .color4square_box li:nth-child(4) {
        border-bottom-right-radius: 3vw;
    }

    /* detail */
    #wrap #container.ourschool .detail_wrap .detail_title { padding:37.5vw 6.667vw 8.333vw } 
    #wrap #container.ourschool .detail_wrap .detail_title .inner { padding:0 } 
    #wrap #container.ourschool .detail_wrap .detail_title .sub { color:#333; font-family:'NotoSansL'; font-size:3.056vw } 
    #wrap #container.ourschool .detail_wrap .detail_title h2 { color:#000; font-family:'NotoSansB'; font-size:8.333vw } 
    #wrap #container.ourschool .detail_wrap .detail_title .arrow { position:relative; display:inline-block; width:8.75vw; height:1.528vw; font-size:0; border-bottom:0.278vw solid #0c2044; margin:0 7.5vw } 
    #wrap #container.ourschool .detail_wrap .detail_title .arrow:after { content:''; position:absolute; right:-0.139vw; bottom:0.417vw; display:block; width:1.806vw; height:0.278vw; background-color: #0c2044; transform: rotate(45deg); } 
    #wrap #container.ourschool .detail_wrap .detail_title .hash { margin-bottom:40.003px;  padding-right: 3vw;} 
    #wrap #container.ourschool .detail_wrap .detail_contents { width:100%; margin:9.722vw 0 0; padding:0 6.667vw 9.722vw 6.667vw } 
    #wrap #container.ourschool .detail_wrap .detail_contents table { width:auto; } 

    #wrap #container.ourschool .detail_wrap .detail_list { padding:0 6.667vw; } 
    #wrap #container.ourschool .detail_wrap .detail_list .list { position:relative; display:block; padding:0; margin:0; border-top:3.002px solid #dadada; border-bottom:3.002px solid #dadada; } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li { position:relative; display:flex; width:100%; border-top:1.001px solid #dadada; } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li:first-child { padding:0; border-top:0 } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li.prev { float: none;}
    #wrap #container.ourschool .detail_wrap .detail_list .list > li.next { float: none;}
    #wrap #container.ourschool .detail_wrap .detail_list .list > li a { width:100%; padding:4.722vw 0 4.722vw 20.139vw; } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li .__category { padding-top:0; font-size: 1.8vw; } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li .tit { margin-bottom:0; overflow:hidden; font-size:3.611vw; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li .thumb { display:none } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li .__category { display:none } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li .small_hashtags { display:none } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li .arrow { left:0; right:auto; top:0; display:flex; align-items: center; width:20.139vw; height:14.583vw; color:#a8a8a8; font-size:2.5vw; margin:0; padding:0 0 0 5vw; border:0; } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li .arrow:after { display:none } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li .arrow:before { content:''; display:inline-block; width:2.639vw; height:2.639vw; vertical-align: top; border-top:0.278vw solid #000; border-right:0.278vw solid #000; margin-right:4.167vw; background: none; transform: rotate(135deg); margin-top:-1.389vw } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li .btn_prev.arrow:before { vertical-align:middle; transform: rotate(-45deg); margin-top:10.001px } 
    #wrap #container.ourschool .detail_wrap .detail_list .list > li .btn_prev { transform: scale(1); } 
    #wrap #container.ourschool .detail_wrap .btn_list { display:block; width:30.278vw; height:7.778vw; color:#333; font-size:3.056vw; line-height:7.5vw; text-align:center; border-radius:7.778vw; border:0.139vw solid #888; margin:7.639vw auto 0; background:#fff; } 
 }

 @media all and (max-width:721px) {
    #wrap #container.ourschool.en .content_area > p {
        font-size: calc(15px + 1.5vw);
    }
    #wrap #container.ourschool.en .en_thumb_list > li {
        min-height: auto;
    }
    #wrap #container.ourschool.en .en_thumb_list h3 {
        margin-top: 1em;
        margin-bottom: 0.4em;
        font-size: calc(15px + 1.5vw);
        line-height: 1.2;
    }
    #wrap #container.ourschool.en .en_thumb_list p {
        max-width: 85%;
        font-size: calc(10px + 1.5vw);
    }
    #wrap #container.ourschool.en .en_thumb_list._02 p {
        max-width: 95%;
    }
    #wrap #container.ourschool.en .btn-seeMore {
        width: 70vw;
        height: 13.84vw;
        padding: 3vw 8vw;
        font-size: 4.8vw;
        line-height: 1.5;
    }
    #wrap #container.ourschool.en .btn-seeMore .icon_link {
        width: 4.5vw;
        height: 4.5vw;
        right: 8vw;
        margin-top: -2.25vw;
    }
 }
 @media all and (max-width:320px){
    #wrap #container.ourschool.en .en_thumb_list h3 {
        margin-top: 6vw;
        margin-bottom: 2vw;
        font-size: 8vw;
    }
    #wrap #container.ourschool.en .en_thumb_list p {
        max-width: 66vw;
        font-size: 5.44vw;
    }
    #wrap #container.ourschool.en .en_thumb_list._02 p {
        max-width: 67vw;
    }
}

.detail_contents::after { clear:both; display:block; width:100%; content:""; } /* 화면에서 안깨지는 css */

@media all and (max-width:1023px) { /* 모바일 이미지 컨트롤 css */
    #wrap #container.ourschool .detail_wrap .detail_contents img { width: auto !important; max-width:100%!important; height: auto !important; } 
}

/* 20230306 */
#wrap #footer .footer_top { background-color: #fff; } 
#wrap #container.ourschool .first-board { width:100%; padding-bottom: 50px; } 
#wrap #container.ourschool .first-board .__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1280px; margin: 0 auto;} 
#wrap #container.ourschool .first-board .__txtBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;  padding-left: 22px; padding-right: 50px; } 
#wrap #container.ourschool .first-board .__txtBox .__category { display: block; padding-top: 25px; font-size: var(--font-size-label); color: #777; } 
#wrap #container.ourschool .first-board .__txtBox .__title { display: block; margin-bottom: 0.5em; font-family: 'NotoSansM'; font-size: 28px; letter-spacing: -0.04em; color: #333333; cursor: pointer; } 
#wrap #container.ourschool .small_hashtags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; overflow: hidden; } 
#wrap #container.ourschool .small_hashtags > li { display: block; padding: 4px 11px; margin: 0 0 10px 9px; border-radius: 5px; border: 1px solid #dadada; font-size: var(--font-size-hash); letter-spacing: -0.02em; cursor: default; } 
#wrap #container.ourschool .first-board .__imgBox { -webkit-box-flex: 0; -ms-flex: 0 0 610px; flex: 0 0 610px; min-width: 610px; } 
#wrap #container.ourschool .first-board .__imgBox figure { position: relative; padding-top: 56%; overflow: hidden; } 
#wrap #container.ourschool .first-board .__imgBox figure:before { 
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background: left top / cover url(/static/img/ourschool/icon_new.png?ver=1) no-repeat;
    z-index: 2;
}
#wrap #container.ourschool .first-board .__imgBox img { position: absolute; top: 0; left: 0; width: 100%; } 
#wrap #container.ourschool .thumb_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0; font-size: 17px; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } 
#wrap #container.ourschool .thumb_list > li { min-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; } 
#wrap #container.ourschool .thumb_list li .thumb { padding-top: 56.296%; } 
#wrap #container.ourschool .thumb_list li img { position: absolute; top: 0; left: 50%; width: 100%; min-height: 100%; -webkit-transform: translate3d(-50%, 0%, 1px); transform: translate3d(-50%, 0%, 1px); } 
#wrap #container.ourschool .thumb_list li .tit { margin-bottom: 0.6em; } 
#wrap #container .thumb_list li .__category { padding-top: 20px; font-family: 'NotoSansL'; color: #777; } 

@media all and (max-width:1023px){
 #wrap #container.ourschool .title_area .title_inner h2.__img img { max-height: 6.7vw; } 
 #wrap #container.ourschool .first-board { width: 100%; padding-left: 4.444vw; padding-bottom: 6.944vw; } 
 #wrap #container.ourschool .first-board .__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } 
 #wrap #container.ourschool .first-board .__txtBox { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left:0; padding-right: 0; } 
 #wrap #container.ourschool .first-board .__imgBox { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; min-width: auto; } 
 /* #wrap #container.ourschool .first-board .__imgBox figure { padding-top: 132.5%; }  */
 #wrap #container.ourschool .first-board .__imgBox figure:before { width: 6vw; height: 6vw;}
 #wrap #container.ourschool .first-board .__imgBox img { width: auto; height: 100%; min-width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } 
 #wrap #container.ourschool .first-board .__txtBox .__category { padding-top: 2vw; } 
 #wrap #container.ourschool .first-board .__txtBox .__title { font-size: 4vw; } 
 #wrap #container.ourschool .small_hashtags { margin-left: -1vw; } 
 #wrap #container.ourschool .small_hashtags > li { 
    padding: 0.8vw 1.7vw 1vw;
    margin: 0 0 1vw 0.9vw;
 } 
 #wrap #container.ourschool .thumb_list { font-size: 2.55vw; } 
 #wrap #container.ourschool .thumb_list > li { min-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } 
 }
/* //20230306 */


.dropdown .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; float: left; text-align: left; } 
.dropdown.open .dropdown-menu { display: block; } 
.sns_share { position: absolute; right: 0; bottom: 76px; display: inline-block; vertical-align: top; width: 24px; height: 24px } 
.sns_share .ico { display: block; width: 24px; height: 24px; background: url(/static/img/ourschool/ico_share2.png) no-repeat center; overflow: hidden; text-indent: -9999em; background-size: 20px } 
.sns_share .sns_lists { position: absolute; top: -15px; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); background: #fff; border: 1px solid #e1e1e1; padding: 10px; min-width: 0; border-radius: 30px } 
.sns_share .sns_lists li~li { margin-top: 10px } 
.sns_share .sns_lists a { display: inline-block; width: 32px; height: 32px; vertical-align: top; overflow: hidden; text-indent: -9999em; background-size: 100%; background-repeat: no-repeat; background-position: center center } 
.sns_share .sns_lists a.dk_sns1 { background-image: url(/static/img/ourschool/ico_sns1.png?ver=1) } 
.sns_share .sns_lists a.dk_sns2 { background-image: url(/static/img/ourschool/ico_sns2.png) } 
.sns_share .sns_lists a.dk_sns3 { background-image: url(/static/img/ourschool/ico_sns3.png) } 
.sns_share .sns_lists a.dk_sns4 { background-image: url(/static/img/ourschool/ico_sns4.png) } 
.sns_share .sns_lists a.dk_sns5 { background-image: url(/static/img/ourschool/ico_sns5.png) } 
.sns_share .sns_lists a.close { border: 1px solid #e1e1e1; border-radius: 50%; position: relative } 
.sns_share .sns_lists a.close:after,.sns_share .sns_lists a.close:before { content: ''; position: absolute; top: 50%; left: 50%; width: 50%; height: 1px; background-color: #333 } 
.sns_share .sns_lists a.close:before { -webkit-transform: translate(-50%,-50%) rotate(45deg); -moz-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg) } 
.sns_share .sns_lists a.close:after { -webkit-transform: translate(-50%,-50%) rotate(-45deg); -moz-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg) } 

@media (max-width: 767px){
 .sns_share { width:17px; height: 17px } 
 .sns_share .ico { width: 17px; height: 17px; background-size: 100% } 
 .sns_share .sns_lists { top: -26px; margin-left: -10px; padding: 15px 10px; border-radius: 40px } 
 .sns_share .sns_lists li~li { margin-top: 15px } 
 .sns_share .sns_lists a { width: 46px; height: 46px } 
 .sns_share .dropdown .btn_share[aria-expanded=true]:after { content: ''; width: 100%; height: 100%; display: block; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.3); z-index: 10 } 
 }