#wrap {background-color: #f7f7f7;}
#wrap #container.bigschool .title_area {padding-bottom:50px; background:#fff}
#wrap #container.bigschool .title_area .sub_title_area {padding-bottom:65px;}
#wrap #container.bigschool .title_area .sub_title_area h2 {letter-spacing: -0.06em;}
#wrap #container.bigschool .title_area .hash_list {z-index:9; position:relative; width:100%; max-width:1280px; padding:0 10px; margin:0 auto;}
#wrap #container.bigschool .title_area .hash_list ul {overflow:hidden; display:flex; flex-wrap: wrap; height:95px; margin-left:-9px; padding-right:50px}
#wrap #container.bigschool .title_area .hash_list ul li {margin:0 0 12px 9px}
#wrap #container.bigschool .title_area .hash_list ul li input {position:absolute; left:-9999px; width:0; height:0; font-size:0; opacity:0;}
#wrap #container.bigschool .title_area .hash_list ul li label {cursor:pointer; display:block; height:40px; font-size:var(--font-size-label); letter-spacing:-0.04em; padding:6px 25px 0; border-radius:40px; border:1px solid #dadada}
#wrap #container.bigschool .title_area .hash_list ul li input:checked + label {color:#fff; border-color:#f27733; background:#f27733}
#wrap #container.bigschool .title_area .hash_list .btn_area {position:absolute; right:0; top:0;}
#wrap #container.bigschool .title_area .hash_list .btn_area button {position:relative; display:block; width:40px; height:40px; font-size:0; border-radius:100%;}
#wrap #container.bigschool .title_area .hash_list .btn_area .btn_toggle {background:#333}
#wrap #container.bigschool .title_area .hash_list .btn_area .btn_toggle:before,
#wrap #container.bigschool .title_area .hash_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.bigschool .title_area .hash_list .btn_area .btn_toggle:after {transform: rotate(90deg);}
#wrap #container.bigschool .title_area .hash_list .btn_area .btn_reset {margin-top:8px; background:#aeacba url('/static/img/common/icon_reset.png') center center no-repeat}
#wrap #container.bigschool .title_area .hash_list.on ul {height:auto; max-height:100%;}
#wrap #container.bigschool .title_area .hash_list.on .btn_toggle {transform: rotate(45deg);}
#wrap #container.bigschool .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;
    position: relative;
    width: 100%;
    max-width: 1304px;
    min-height: 700px;
    padding-top: 70px;
    padding-right: 22px;
    margin: 0 auto;
}
#wrap #container.bigschool .first-board { width:100%; padding-bottom: 50px; } 
#wrap #container.bigschool .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.bigschool .first-board .__txtBox { -webkit-box-flex: 1; -ms-flex: 1; flex: 1;  padding-left: 22px; padding-right: 50px; } 
#wrap #container.bigschool .first-board .__txtBox .__category { display: block; padding-top: 25px; font-size: 16px; color: #777; } 
#wrap #container.bigschool .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.bigschool .small_hashtags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; overflow: hidden; } 
#wrap #container.bigschool .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.bigschool .first-board .__imgBox { -webkit-box-flex: 0; -ms-flex: 0 0 610px; flex: 0 0 610px; min-width: 610px; } 
#wrap #container.bigschool .first-board .__imgBox figure { position: relative; padding-top: 56%; overflow: hidden; } 
#wrap #container.bigschool .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.bigschool .first-board .__imgBox img { position: absolute; top: 0; left: 0; width: 100%; } 

#wrap #container.bigschool .thumb_list > li { min-width: 33.3333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; z-index:10; padding-left:22px;}
#wrap #container.bigschool .thumb_list > li a {display:block; width:100%; padding-bottom:45px}
#wrap #container.bigschool .thumb_list li .thumb {overflow:hidden; position:relative; padding-top: 56.296%;}
#wrap #container.bigschool .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.bigschool .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:10;}
#wrap #container.bigschool .thumb_list li a:hover .thumb:before,
#wrap #container.bigschool .thumb_list li a:focus .thumb:before {top:0;}
#wrap #container.bigschool .thumb_list li a:hover .thumb:after,
#wrap #container.bigschool .thumb_list li a:focus .thumb:after {display:block}
#wrap #container.bigschool .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.bigschool .thumb_list > li .hash {overflow:hidden; height:25px; color:#777;font-size:16px; margin-top:20px; width: 404.66px;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
#wrap #container.bigschool .thumb_list > li .tit { margin-top: 20px; margin-bottom: 0.6em; 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}

/* detail */
#wrap #container.bigschool .detail_wrap {}
#wrap #container.bigschool .detail_wrap .detail_title {padding-top:240px; background:#fff}
#wrap #container.bigschool .detail_wrap .detail_title .inner {position:relative; max-width:1080px;text-align:center; margin:0 auto; padding:0 70px 50px;}
#wrap #container.bigschool .detail_wrap .detail_title .sub {color:#333; font-family:'NotoSansL'; font-size:22px}
#wrap #container.bigschool .detail_wrap .detail_title h2 {color:#000; font-family:'NotoSansB'; font-size:60px}
#wrap #container.bigschool .detail_wrap .detail_title .hash {font-size:0; margin-top:15px}
#wrap #container.bigschool .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.bigschool .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.bigschool .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.bigschool .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.bigschool .detail_wrap .detail_contents {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.bigschool .detail_wrap .detail_contents video { max-width: 100%;}
#wrap #container.bigschool .detail_wrap .detail_contents iframe { max-width: 100%;}
#wrap #container.bigschool .detail_wrap .detail_contents img {
    max-width: 100%;
    vertical-align: middle;
}
#wrap #container.bigschool .detail_wrap .detail_contents strong {
    font-weight: bold;
    font-family: inherit;
}
#wrap #container.bigschool .detail_wrap .detail_contents em {
    font-style: italic;
}
#wrap #container.bigschool .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.bigschool .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.bigschool .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.bigschool .detail_wrap .detail_contents li {
    display: list-item;
    text-align: -webkit-match-parent;
}
#wrap #container.bigschool .detail_wrap .detail_contents a {
    text-decoration: underline;
        color: -webkit-link;
}
#wrap #container.bigschool .detail_wrap .detail_contents table[align="center"] {
    margin-left: auto;
    margin-right: auto;
}
#wrap #container.bigschool .detail_wrap .detail_contents table[align="right"] {
    margin-left: auto;
}
@media all and (max-width:1023px) {
    #wrap #container.bigschool .detail_wrap .detail_contents video { height: 47.25vw;}
    #wrap #container.bigschool .detail_wrap .detail_contents iframe { height: 47.25vw;}
    #wrap #container.bigschool .detail_wrap .detail_contents img { height: auto;}
}
/* -- 에디터 설정 */
#wrap #container.bigschool .detail_wrap .detail_list {position:relative; max-width:1080px; margin:0 auto}
#wrap #container.bigschool .detail_wrap .detail_list .list {padding:0 114px;}
#wrap #container.bigschool .detail_wrap .detail_list .list::after {content: ''; display: block; clear:both;}
#wrap #container.bigschool .detail_wrap .detail_list .list li {width: calc(50% - 20px);}
#wrap #container.bigschool .detail_wrap .detail_list .list li.prev { float: left;}
#wrap #container.bigschool .detail_wrap .detail_list .list li.next { float: right;}
#wrap #container.bigschool .detail_wrap .detail_list .list li a {display:block;}
#wrap #container.bigschool .detail_wrap .detail_list .list li .thumb {overflow:hidden; position:relative;  padding-top:76%}
#wrap #container.bigschool .detail_wrap .detail_list .list li .thumb img {position:absolute; left:50%; top:50%; width:100%; transform: translate(-50%, -50%);}
#wrap #container.bigschool .detail_wrap .detail_list .list li .hash {margin-top:20px}
#wrap #container.bigschool .detail_wrap .detail_list .list li .hash span {color:#777; font-family:'NotoSansL'; font-size:17px}
#wrap #container.bigschool .detail_wrap .detail_list .list li .tit {color:#333; font-size:26px}

#wrap #container.bigschool .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.bigschool .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.bigschool .detail_wrap .detail_list .btn_prev {left:0; right:auto; transform: scaleX(-1);}
#wrap #container.bigschool .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:1304px) {
  #wrap #container.bigschool .thumb_list li .hash {width: 30.98vw}
}

@media all and (max-width:1023px) {
  #wrap #container.bigschool .thumb_list {display: block;}
  #wrap #container.bigschool .title_area {padding-bottom:0vw}
  #wrap #container.bigschool .title_area .sub_title_area {padding-bottom:6.944vw}
  #wrap #container.bigschool .detail_wrap .detail_title .hash {font-size:0; margin-top:15px}
  #wrap #container.bigschool .detail_wrap .detail_title .hash li {display:inline-block; height:5.556vw; line-height:5vw; color:#888; font-family:'NotoSansL'; font-size:2.361vw; padding:0 3.472vw; margin: 0 0.7vw 1.4vw; border-radius:1vw; border:0.139vw solid #dadada}
  #wrap #container.bigschool .title_area .hash_list {padding-bottom:5.556vw}
  #wrap #container.bigschool .title_area .hash_list ul {justify-content: center; height:auto; max-height:18vw; padding:0; margin:0;}
  #wrap #container.bigschool .title_area .hash_list ul li {margin:0 1vw 2.5vw}
  #wrap #container.bigschool .title_area .hash_list ul li label {height:6.944vw; line-height: 6.7vw; padding:0vw 2.778vw;}
  #wrap #container.bigschool .title_area .hash_list .btn_area {position:absolute; top:auto; bottom:-3.333vw; left:0; width:100%; text-align:center; margin-top:1.944vw}
  #wrap #container.bigschool .title_area .hash_list .btn_area button {display:inline-block; width:6.944vw; height:6.944vw;}
  #wrap #container.bigschool .title_area .hash_list .btn_area .btn_reset {margin:0}
  #wrap #container.bigschool .title_area .hash_list .btn_area .btn_toggle:before, #wrap #container.bigschool .title_area .hash_list .btn_area .btn_toggle:after {width:3.333vw; margin-left:-1.667vw}
  #wrap #container.bigschool .title_area .hash_list .btn_area .btn_reset {background-size:3.333vw auto}
  #wrap #container.bigschool .thumb_list {width:auto; padding:9.722vw 5.556vw 0; margin:0 0 0 -4.444vw}
  #wrap #container.bigschool .thumb_list > li {min-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-left:4.444vw}
  #wrap #container.bigschool .thumb_list > li a {padding-bottom:5.556vw}
  #wrap #container.bigschool .thumb_list > li .hash {width: 85vw; height:4.444vw; font-size:2.5vw;}
  #wrap #container.bigschool .thumb_list > li .tit {font-size:3.611vw; margin-top: 2vw;}
  #wrap #container.bigschool .first-board { width: 100%; padding-left: 4.444vw; padding-bottom: 6.944vw; } 
  #wrap #container.bigschool .first-board .__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; } 
  #wrap #container.bigschool .first-board .__txtBox { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-left:0; padding-right: 0; } 
  #wrap #container.bigschool .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.bigschool .first-board .__imgBox figure { padding-top: 132.5%; }  */
  #wrap #container.bigschool .first-board .__imgBox figure:before { width: 6vw; height: 6vw;}
  #wrap #container.bigschool .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.bigschool .first-board .__txtBox .__category { font-size: 3vw; padding-top: 2vw; } 
  #wrap #container.bigschool .first-board .__txtBox .__title { font-size: 4vw; } 
  #wrap #container.bigschool .small_hashtags { margin-left: -1vw; } 
  #wrap #container.bigschool .small_hashtags > li {
    padding: 0.8vw 1.7vw 1vw;
    margin: 0 0 1vw 0.9vw;
  }

  /* detail */
  #wrap #container.bigschool .detail_wrap .detail_title {padding:37.5vw 6.667vw 8.333vw}
  #wrap #container.bigschool .detail_wrap .detail_title .inner {padding:0}
  #wrap #container.bigschool .detail_wrap .detail_title .sub {color:#333; font-family:'NotoSansL'; font-size:3.056vw}
  #wrap #container.bigschool .detail_wrap .detail_title h2 {color:#000; font-family:'NotoSansB'; font-size:8.333vw}
  #wrap #container.bigschool .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.bigschool .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.bigschool .detail_wrap .detail_title .hash {margin-bottom:40.003px}
  #wrap #container.bigschool .detail_wrap .detail_contents {width:100%; margin:9.722vw 0 0; padding:0 6.667vw 9.722vw 6.667vw}
  #wrap #container.bigschool .detail_wrap .detail_list {padding:0 6.667vw;}
  #wrap #container.bigschool .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.bigschool .detail_wrap .detail_list .list li {position:relative; display:flex; width:100%; border-top:1.001px solid #dadada;}
  #wrap #container.bigschool .detail_wrap .detail_list .list li:first-child {padding:0; border-top:0}
  #wrap #container.bigschool .detail_wrap .detail_list .list li.prev { float: none;}
  #wrap #container.bigschool .detail_wrap .detail_list .list li.next { float: none;}
  #wrap #container.bigschool .detail_wrap .detail_list .list li a {width:100%; padding:4.722vw 0 4.722vw 20.139vw;}
  #wrap #container.bigschool .detail_wrap .detail_list .list li .tit {overflow:hidden; font-size:3.611vw; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
  #wrap #container.bigschool .detail_wrap .detail_list .list li .thumb {display:none}
  #wrap #container.bigschool .detail_wrap .detail_list .list li .hash {display:none}
  #wrap #container.bigschool .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.bigschool .detail_wrap .detail_list .list li .arrow:after {display:none}
  #wrap #container.bigschool .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.bigschool .detail_wrap .detail_list .list li .btn_prev.arrow:before {vertical-align:middle; transform: rotate(-45deg); margin-top:10.001px}
  #wrap #container.bigschool .detail_wrap .detail_list .list li .btn_prev {transform: scale(1);}
  #wrap #container.bigschool .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;}
}

.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 } 
 }