@charset "utf-8";
@import url('https://webfontworld.github.io/NanumBarunpen/NanumBarunpen.css');
.mt10 {margin-top:10px;}
.mb10 {margin-bottom:20px;}
.mb20 {margin-bottom:20px;}


/* 서브 전체영역 */
#real_cont {width:100%; border-bottom:1px solid #e4ebf3; margin:0px auto;}
#content {width:1200px; margin:0px auto; padding:80px 0px;}
.clr_500 {box-sizing:border-box; padding:0px 50px;}

/* -------------------가울용 이미지 입니다. --------------------------------*/
#sub_img_box {position:relative; height:200px;}
.sub_img_box_bg01 {background:url("/nationalmschool/images/sub/sub_img01.jpg") no-repeat center/cover;}
.sub_img_box_bg02 {background:url("/nationalmschool/images/sub/sub_img02.jpg") no-repeat center/cover;}
.sub_img_box_bg03 {background:url("/nationalmschool/images/sub/sub_img03.jpg") no-repeat center/cover;}
.sub_img_box_bg04 {background:url("/nationalmschool/images/sub/sub_img04.jpg") no-repeat center/cover;}
.sub_img_box_bg05 {background:url("/nationalmschool/images/sub/sub_img05.jpg") no-repeat center/cover;}


/* -------------------가울용 이미지 입니다. --------------------------------*/

#sub_img_box .sub_text_box {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; text-align:center; font-weight:550;}
#sub_img_box .sub_text_box > span {font-size:25px;}
#sub_img_box .sub_text_box > h2 {font-size:50px;}

@media screen and (max-width:1300px){
    #content {width:100%;}
    #real_cont {width:91%;}
}


@media screen and (max-width:1200px){
    .clr_500 {padding:0px;}
    /* #real_cont {padding:0px 10px;} */
   

    #sub_img_box .sub_text_box > h2 {font-size:40px;}
}


@media screen and (max-width:900px){
}

@media screen and (max-width:600px){
    #content {padding:40px 0px 50px;}
    #sub_img_box {height:150px;}
    #sub_img_box .sub_text_box > span {font-size:20px;}
    #sub_img_box .sub_text_box > h2 {font-size:25px;}

    #real_cont {width:90%;}


}

@media screen and (max-width:500px){
}





/* location  로케이션 바 영역*/
#sub_contnent {position: relative;}
#sub_contnent #location {
    width: 100%;
    /* position: absolute;
    top: -29px; */
    height: 60px;
    /* z-index: 9; */
    border-bottom:1px solid #ccc;
}

#sub_contnent #location .all-wrap {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    left: 0;right:0;
    position: absolute;
    top: 0;
    /*서브메뉴 현재위치 색상*/
    /* background:rgba(116,196,111); */
    /* -moz-box-shadow: 0 10px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 10px 7px rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 7px rgba(0, 0, 0, 0.12); */
    border-radius:8px;
    /* 효과
    left: 50%;
    transition: all .3s ease;
    transform: translate(-50%,  0);
    */
}

#sub_contnent #location .all-wrap .loca-wrap .loca-area {
    float: left;
    height: 60px;
    /* margin-left: 28px; */
}

#sub_contnent #location .all-wrap .loca-wrap .loca-area i {
    /* float: left; */
    display: inline-block;
    background: url("/nationalmschool/images/sub/location_hom.png") left center no-repeat;
    width: 20px;
    height: 60px;
    /* margin-top:13px; */
    position: absolute;  top:50%;  transform: translateY(-50%); left: -40px;
   
}
#sub_contnent #location .all-wrap .loca-wrap .loca-area i a {
    display: block;
    /* width: 15px;
    height: 18px; */
    padding: 18px 10px;
    text-indent:-9999999999999px;
}
#sub_contnent #location .all-wrap .loca-wrap .loca-area>ul {
    float: left;
    /* margin-left: 18px; */
}
#sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li {
    float: left;
    width: 260px;
    height: 60px;
    position: relative;
    border-left:1px solid #ccc;
    box-sizing: border-box;
}
#sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li button {border:none;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;
    /* padding-right:35px; */
    height: 60px;
    width: 260px;
    position: relative;
    color: #000;
    font-size:1.1em;
    font-weight:500;
    text-align: left;
    padding-left: 1px;
    background: /*#26a4df*/ url("/nationalmschool/images/sub/location_down.png") no-repeat center right 30px; 
    /* background-position-y: 50%;
    background-position-x: 100%;
    background-repeat: no-repeat; */
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
}

#sub_contnent #location .all-wrap .loca-wrap .loca-area > ul > li button > span  {display:block; width:80%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}





#sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li:nth-child(2) {border-right:1px solid #ccc;}
/* #sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li:nth-child(2) button {color:#333;} */
#sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li button.active {
    background: /*#26a4df*/ url("/nationalmschool/images/sub/location_up.png") no-repeat center right 30px; ;
    /* background-position-y: 50%;
    background-position-x: 100%;
    background-repeat: no-repeat; */
}
/* #sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li button:before {
    position: absolute;
    top: 13px;
    left: 0;
    width: 1px;
    height: 34px;
    background: #fff;
    content: ""
} */
#sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li button span {
    padding-left:30px; font-size:18px; 
}
#sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li div {

    position: relative;
}
#sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li div ul {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    /*border-top: 1px solid #26a4df;*/
    z-index: 99;
}
#sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;padding-right:10px;
    background:rgba(60, 93, 241, 0.9);
    height: 40px;
    color: #fff;
    line-height: 40px;
    display: block;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    -ms-transition: background .3s ease;
    padding-left: 19px;
    box-sizing: border-box;
    
}
#sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover {
    background: #6c9ffd;
}



#sub_contnent #location.fix { width: 100%}
#sub_contnent #location.fix .all-wrap { width: 100%;  position: fixed; top:114px; height:48px;}

#sub_contnent #location.fix .all-wrap .loca-wrap {
    width: 1200px;
    margin: 0 auto;
    height: 48px;
}
#sub_contnent #location.fix .all-wrap .loca-wrap .loca-area {
    float: left;
    height: 48px; 
}

#sub_contnent #location.fix .all-wrap .loca-wrap .loca-area i {
    margin-top:6px;
}

#sub_contnent #location.fix .all-wrap .loca-wrap .loca-area>ul>li {
    float: left; 
    height: 48px;
    position: relative;
}
#sub_contnent #location.fix .all-wrap .loca-wrap .loca-area>ul>li button {
    height: 48px;
    }

#sub_contnent #location.fix .all-wrap .loca-wrap .loca-area>ul>li button:before {
    position: absolute;
    top: 13px;
    left: 0;
    width: 1px;
    height: 20px;
    background: #a0d7f1;
    content: ""
}

/* location_branch */
#sub_contnent #location_branch {
    width: 100%;
    position: absolute;
    top: 315px;
    height: 70px;
    z-index: 9;
}
#sub_contnent #location_branch .all-wrap {
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    left: 0;right:0;
    position: absolute;
    top: 0;
    background:rgba(67,183,74,0.9);
    -moz-box-shadow: 0 10px 7px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 10px 7px rgba(0, 0, 0, 0.12);
    box-shadow: 0 10px 7px rgba(0, 0, 0, 0.12);
}
#sub_contnent #location_branch .all-wrap .loca-wrap {
    width: 1200px;
    margin: 0 auto;
    height: 70px;
}
#sub_contnent #location_branch.fix { width: 100%}
#sub_contnent #location_branch.fix .all-wrap { width: 100%;  position: fixed; top:114px; height:70px;}
#sub_contnent #location_branch.fix .all-wrap .loca-wrap {
    width: 1200px;
    margin: 0 auto;
    height: 70px;
}


/* 서브 리스트*/
/* #sub_list {width:1060px; margin:0px auto; padding-top:32px;}
#sub_list > div.sub_text {padding:50px 0px; border-bottom:1px solid #e6e6e6;}
#sub_list > div.sub_text > h3.text {font-size:40px; font-weight:500; text-align:center;}
div.real_cont {padding: 30px 0px 80px;} */


@media screen and (max-width:1400px){
    #sub_contnent #location .all-wrap {width:100%;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area i {display:none;}

 
}

@media screen and (max-width:1200px){
    /* #sub_visual {display: block;}
    #sub_contnent #location {display:block;} */
    /* #sub_list {width:100%; margin:0px auto; padding:32px 15px 0;} */
    #sub_contnent #location .all-wrap {width:100%; border-radius:0px;}

}
@media screen and (max-width:800px){
    /* #sub_visual > .sub01 > .s_center {justify-content:center;}
    #sub_visual > .sub01 > .s_center > p > img {display:none;}
    #sub_visual > .sub01 > .s_center > p {font-size:24px;}
     */


}
@media screen and (max-width:600px){
    #sub_contnent #location {top:0px;}
    /* div.real_cont {padding-top:50px;} */
    #sub_list > div.sub_text {display:none;}
    #sub_contnent #location {height:50px;}
    #sub_contnent #location .all-wrap {height:100%;}
    #sub_contnent #location .all-wrap .loca-wrap {height:100%;}
    
    #sub_contnent #location .all-wrap .loca-wrap .loca-area {float:none; height:100%; margin-left:0;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area i {display:none;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area > ul {float:none;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area > ul:after {content:""; display:block; clear:both;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area > ul > li:nth-child(1) button:before {display:none;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area > ul > li {height:100%;  width:calc(100%/2);}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area > ul > li button {height:50px; font-size:1rem;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area > ul > li button:before {height:25px;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area > ul > li button span {padding-left:19px; font-size:1rem; display:block; width:60%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area > ul > li button > span  { width:85%;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {font-size:0.9375rem;}
  
}

@media screen and (max-width:500px){
    #sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li button.active {background-position:right 15% center;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li button {background-position:right 15% center; width:100%;}
}
@media screen and (max-width:400px){
    #sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li button.active {background-position:right 7% center;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li button {background-position:right 7% center; width:100%;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area > ul > li button span {padding-left:13px;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li div ul li a {padding-left:13px;}
}
@media screen and (max-width:462px){
    /* #sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li button.active {background-position:right 55px center;}
    #sub_contnent #location .all-wrap .loca-wrap .loca-area>ul>li button {background-position:right 55px center;} */
}

/* 서브 전체 라인텍스트공통 */
.all_line_tit_box {margin-bottom:25px;}
.all_line_tit_box_mgt {margin-top:50px;}

.all_line_tit {font-size:1.5625rem; line-height:1; font-weight:550;}
.all_line_tit::before {content:""; display:block; width:80px; height:4px; background-color:#32aae7; margin-bottom:20px;}
.all_line_tit .font_sky {color:#32aae7;}
.all_line_height {line-height:1.5; word-break:keep-all;}

@media screen and (max-width:1200px){
    .all_line_tit {font-size:1.4375rem;} 
    
}
@media screen and (max-width:1024px){
    .all_line_tit {font-size:1.25rem;} 
    .all_line_tit::before {margin-bottom:15px;}
}
@media screen and (max-width:768px){
    .all_line_tit {font-size:1.125rem;} 
    .all_line_tit::before {width:60px; margin-bottom:10px;}
    


}
@media screen and (max-width:600px){


}





/* 서브 전체 공통 */
.object_title h3 {position: relative; font-size:25px; line-height: 70px; color:#000000; font-weight:600; }
.object_title h3:after {position: absolute; top: 0; left: 0; margin-left: 0; width: 40px; height: 4px; background-color: #32aae7; content: '';}

@media screen and (max-width:768px) {
    .object_title h3 {font-size:23px; line-height:60px; font-weight:700; }
}
@media screen and (max-width:600px) {
    .object_title h3 {font-size:20px; line-height:50px; }
}




/* 텍스트 박스 공통 */
.info_box_txt {overflow: hidden; width:100%; margin: 0 auto 30px; }
.info_box_txt span.title_cen {margin: 50px auto 50px; text-align:center; font-size:20px; color:#000; line-height:35px; font-weight:800; display: block; overflow: hidden; width:100%; }
.info_box_txt p {font-size:17px; color:#000; line-height:30px; margin-bottom:20px; text-align:justify; word-break:break-all;}


.info_box2 {margin:0 auto 50px; overflow: hidden; width:100%; }
.info_box2 p {font-size:17px; color:#000; padding:0 0 10px 20px; line-height:30px; word-break:keep-all;}
.info_box2 span {display:inline-block; margin:0 auto; position:relative; word-break:keep-all; }
.info_box2 span:after {position:absolute; content:''; display:block; left:-15px; top:15px; width:8px; height:8px;margin-top:-4px; border-radius:50%; background:#a7a7a7;}
.info_box2 p.none_boll {left:-15px; top:15px; font-size:15px; color:#6e6e6e; line-height:20px; word-break:keep-all; }
.info_box2 b {font-weight:600;}

@media screen and (max-width:768px) {
    .info_box2 p {font-size:16px;}
    .info_box2 p.none_boll {font-size:14px;}
}
@media screen and (max-width:600px) {
    .info_box2 {margin-bottom:30px;}
}

/* 이미지 센터 공통 */
.img {text-align:center;}




/* 인사말 영역 */
.greet_wrap .greet_content {display:flex; justify-content:space-between;}
.greet_wrap .greet_mobile_img {display:none;}
.greet_wrap .greet_text {width:56%;}
.greet_wrap .greet_img {display:inline; position:relative; width:38%; padding-top:80px;}
.greet_wrap .greet_tit {display:inline-block; margin-bottom:30px; color:#333; font-size:2.6875rem; font-weight:600; line-height:1.3;}
.greet_wrap .text {margin-bottom:30px; font-size:1.0625rem; line-height:1.9;}
.greet_wrap .name_text {position:absolute; right:0; bottom:0;}

.greet_wrap .mibile_name_text {display:none;}


@media screen and (max-width:1200px){
    .greet_wrap .greet_tit {font-size:2.1875rem;}
    .greet_wrap .text {margin-bottom:25px;}
}

@media screen and (max-width:1024px){
    .greet_wrap .greet_mobile_img {display:block; margin-bottom:30px; text-align:center;}
    .greet_wrap .greet_text {width:100%;}
    .greet_wrap .greet_img {display:none;}
    .greet_wrap .greet_tit {display:block; text-align:center; font-size:1.875rem;}
    .greet_wrap .greet_tit br {display:none;}
    
}
@media screen and (max-width:768px){
    .greet_wrap .greet_tit {font-size:1.5625rem;}
    .greet_wrap .text {text-align:justify; word-break:initial;}
    .greet_wrap .mibile_name_text {display:block; text-align:right;}
    .greet_wrap .mibile_name_text > span {display:block; margin-bottom:5px; font-size:1.0625rem;}

    
}
@media screen and (max-width:600px){
    .greet_wrap .greet_tit {margin-bottom:20px; font-size:1.25rem;}
    .greet_wrap .text {margin-bottom:20px; font-size:1rem;}
        
}
@media screen and (max-width:500px){
    .greet_wrap .greet_tit {font-size:1.125rem; word-break:keep-all; line-height:1.5;}
    .greet_wrap .text {margin-bottom:15px; line-height:1.8;}
        
}




/* 설립 및 연혁 */
.history {position:relative; padding:20px 0px; box-sizing:border-box;}
.history:after {content:""; display:block; width:1px; height:100%; background-color:#ddd; position:absolute; top:0px; left:50%; transform:translateX(-50%);}
.history .round {position:absolute; left:50%; transform:translateX(-50%); width:5px; height:5px; border-radius:50%; background-color:#ddd;}
.history .round_top {top:0px;}
.history .round_bot {bottom:0px;}

.history .mobile_img {display:none;}

.history .history_list > li {}
.history .history_list > li:after {content:""; display:block; clear:both;}
.history .history_list > li > .left {float:left; width:50%; padding-right:50px; font-weight:500;}
.history .history_list > li > .left > .h_tit {font-size:1.875rem;}
.history .history_list > li > .left .h_tit_img {position:relative; top:20px;}
.history .history_list > li > .left .left_img_box > li {margin-top:133px;}

.history .history_list > li > .right {float:right; padding-left:50px; width:50%;}
.history .history_list > li > .right:after {}

.history .history_list > li > .text_box > li {margin-bottom:35px;}
.history .history_list > li > .text_box > li:last-child {margin-bottom:0px;}
.history .history_list > li > .text_box > li > h3.right {position:relative; margin-bottom:5px; font-size:1.875rem; font-weight:550; line-height:1.7; color:#34a3dd;}
.history .history_list > li > .text_box > li > h3.right::after {content:""; display:block; width:10px; height:10px; background-color:#34a3dd; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); left:-55px; z-index:1;}
.history .history_list > li > .text_box > li > h3.right::before {content:""; display:block; width:34px; height:1px; background-color:#ddd; position:absolute; top:50%; left:-46px; transform:translateY(-50%);}


.history .history_list > li > .text_box > li .sub_text > li {margin-bottom:5px;}
.history .history_list > li > .text_box > li .sub_text > li:last-child {margin-bottom:0px;}
.history .history_list > li > .text_box > li .sub_text > li > p.right {position:relative; padding-left:28px; font-weight:500; color:#333;}
.history .history_list > li > .text_box > li .sub_text > li > p.right > span {position:absolute; top:0px; left:0px; font-weight:550; color:#000;}



@media screen and (max-width:1214px){
    .history .history_list > li > .left > .h_tit br {display:none; word-break:keep-all;}
}
@media screen and (max-width:1200px){
    .history .history_list > li > .left > .h_tit {font-size:1.5625rem;}


}
@media screen and (max-width:1107px){
    .history .history_list > li > .left .left_img_box > li {margin-top:100px;}

}
@media screen and (max-width:1024px){
    .history .history_list > li > .left > .h_tit {font-size:1.4375rem;}
    .history .history_list > li > .text_box > li > h3.right {font-size:1.5625rem;}

}
@media screen and (max-width:768px){
    .history .history_list > li > .left > .h_tit {font-size:1.25rem;}
    .history .history_list > li > .text_box > li > h3.right {font-size:1.4375rem;}
}
@media screen and (max-width:650px){
    .history:after {left:2px; transform:none;}
    .history .round {left:0px; transform:none;}
    .history .mobile_img {display:block; margin-top:15px;}

    .history .history_list > li > .right {float:none; width:100%;}
    .history .history_list > li > .left {float:none; width:100%; margin-bottom:40px; padding-right:0; padding-left:35px;}
    .history .history_list > li > .left .left_img_box {display:none;}

    .history .history_list > li > .text_box > li > h3.right {font-size:1.25rem;}
    .history .history_list > li > .text_box > li .sub_text > li > p.right {font-size:1rem;}
    .history .history_list > li > .text_box > li > h3.right::after {left:-52px;}
   
}



/* 비전과 목표 */
.vision_wrap {}
.vision_wrap .vi_bg {display:flex; flex-direction:column; align-items:center; justify-content:center; margin:0px auto 35px;}
.vision_wrap .vi_bg .tit {display:inline-block; margin-bottom:15px; padding-bottom:15px; font-size:2.5rem; font-weight:550; border-bottom:2px solid #fff; line-height:1;}
.vision_wrap .vi_bg .text {font-size:1.25rem;}
.vision_wrap .vi_bg > img {margin-bottom:10px;}
.vision_wrap .vi_bg > p {text-align:center;}

.vision_wrap .vi_bg1 {width:370px; height:370px; background:url("/nationalmschool/images/sub/goal_round_img01.png") no-repeat center; color:#fff;}
.vision_wrap .vi_bg1 > b {font-size:1.5625rem; color:#fffeaa; font-weight:550;}
.vision_wrap .vi_bg1 > p {margin-bottom:3px; font-weight:500;}

.vision_wrap .vi_bg2 {width:740px; height:340px; background:url("/nationalmschool/images/sub/goal_round_img02.png") no-repeat center;}
.vision_wrap .vi_bg2 .tit {border-bottom:2px solid #333; color:#333;}

.vision_wrap .vi_bg3 {text-align:center; margin-bottom:15px;}

.vision_wrap .icon_tit_text {margin-bottom:20px; text-align:center;}
.vision_wrap .icon_tit_text > strong {display:block; font-weight:550; font-size:2.3125rem;}


.vision_wrap .vision_list {border-top:6px solid #75c46f;}
.vision_wrap .vision_list:after {content:""; display:block; clear:both;}
.vision_wrap .vision_list > li {float:left; width:20%; height:265px; padding-top:25px; border:1px solid #ddd; border-right:none; text-align:center; background:url("/nationalmschool/images/sub/goal_shdow.png") no-repeat left top; box-sizing:border-box;}
.vision_wrap .vision_list > li:last-child {border-right:1px solid #ddd;}
.vision_wrap .vision_list > li > b {display:inline-block; margin-bottom:15px; color:#75c46f; font-size:1.5625rem; font-weight:550;}
.vision_wrap .vision_list > li > div {display:flex; align-items:center; justify-content:center; height:70px; margin-bottom:10px;}
.vision_wrap .vision_list > li > div > img {}
.vision_wrap .vision_list > li > p {font-weight:400;}


@media screen and (max-width:1200px){
    .vision_wrap .vi_bg .tit {font-size:2.1875rem;}
    .vision_wrap .vi_bg1 > b {font-size:1.25rem;}
    .vision_wrap .icon_tit_text > strong {font-size:1.875rem;}
}

@media screen and (max-width:1150px){
    .vision_wrap .vision_list > li {width:50%; border-bottom:none;}
 
    .vision_wrap .vision_list > li:nth-child(2n) {border-right:1px solid #ddd;}
    .vision_wrap .vision_list > li:last-child {width:100%; border-bottom:1px solid #ddd;}
 

}
@media screen and (max-width:1024px){
    .vision_wrap .vi_bg .tit {font-size:1.875rem;}
    .vision_wrap .vi_bg .text {font-size:1.125rem;}


}

@media screen and (max-width:900px){
    .vision_wrap .vi_bg1 {width:350px; height:350px; background:url("/nationalmschool/images/sub/goal_round_img01.png") no-repeat center/100% 100%;}
    .vision_wrap .vi_bg2 {width:100%; background:url("/nationalmschool/images/sub/goal_round_img02.png") no-repeat center/100% 100%;}
}

@media screen and (max-width:768px){
    .vision_wrap .vi_bg1 {width:300px; height:300px; }
    .vision_wrap .vi_bg > img {width:50px;}
    .vision_wrap .vi_bg .tit {font-size:1.5625rem;}
    .vision_wrap .vi_bg .text {font-size:1.0625rem;}
    .vision_wrap .vi_bg1 > b {font-size:1.0625rem;}
    .vision_wrap .vi_bg2 {height:300px;}
    .vision_wrap .icon_tit_text > img {width:220px;}
    .vision_wrap .icon_tit_text > strong {font-size:1.5625rem;}

    .vision_wrap .vi_bg3 > img {width:65px;}

    .vision_wrap .vision_list > li > b {font-size:1.4375rem;}



}
@media screen and (max-width:700px){
    .vision_wrap .vi_bg .tit {font-size:1.25rem;}
    .vision_wrap .vi_bg .text {font-size:1rem;}
    .vision_wrap .vi_bg1 > b {font-size:1rem;}
    .vision_wrap .icon_tit_text > strong {font-size:1.25rem;}
    .vision_wrap .vi_bg1 {width:280px; height:280px;}
    .vision_wrap .vi_bg > img {width:40px;}
    .vision_wrap .vi_bg2 {height:270px;}
    .vision_wrap .vi_bg3 > img {width:55px;}
    .vision_wrap .icon_tit_text > img {width:200px;}
    .vision_wrap .vision_list > li > p {font-size:1rem;}
}



@media screen and (max-width:600px){
    .vision_wrap .vi_bg2 {height:250px;}
    .vision_wrap .vi_bg3 > img {width:50px;}
    .vision_wrap .vision_list > li {width:100%; height:auto; padding:20px 0px;}
    .vision_wrap .vision_list > li:nth-child(odd) {border-right:1px solid #ddd;}
}


@media screen and (max-width:400px){
    .vision_wrap .vi_bg1 {width:255px; height:255px;}
    .vision_wrap .vi_bg > img {width:35px;}
    .vision_wrap .vi_bg .tit {font-size:1.125rem; margin-bottom:10px; padding-bottom:10px;}
    .vision_wrap .vi_bg2 {height:250px;}
    .vision_wrap .vi_bg3 > img {width:45px;}
    .vision_wrap .icon_tit_text > strong {font-size:1.125rem;}
    .vision_wrap .icon_tit_text > img {width:180px;}
    .vision_wrap .vision_list > li > b {margin-bottom:10px;}
    
}





/* 조직도 */
.organization_wrap .Organization {width:762px; text-align:center; margin: 0 auto 50px; background: url("/nationalmschool/images/sub/img_Organization_bg.png") center bottom no-repeat; padding:0 0 70px 0;}

.organization_wrap .Organization > ul > li {color:#fff;}
.organization_wrap .Organization > ul > li a { color:#FFF; }
.organization_wrap .Organization > ul > li p {font-weight:700; font-size:1.5rem;}
.organization_wrap .Organization_top {position:relative; display:flex; justify-content:center;}
.organization_wrap .Organization_top:after {content:""; display:block; width:73.5%; height:1px; background-color:#b5b5b5; position:absolute; bottom:-43px; left:50%; transform:translateX(-50%);}
.organization_wrap .Organization_top > li {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; width:200px; height:90px; border-radius:5px; background-color:#007ab8;}
.organization_wrap .Organization_top > li:after {content:""; display:block; width:1px; height:80px; background-color:#b5b5b5; position:absolute; bottom:-80px; left:50%; transform:translateX(-50%);}
.organization_wrap .Organization_top > li span {font-size:1.0625rem;}
.organization_wrap .Organization_top > li > p {}

.organization_wrap .Organization_bot {margin-top:80px;}
.organization_wrap .Organization_bot:after {content:""; display:block; clear:both;}
.organization_wrap .Organization_bot > li {position:relative; display:flex; align-items:center; justify-content:center; float:left; width:26.666666%; height:90px; margin-right:10%; background-color:#005b89; border-radius:5px;}
.organization_wrap .Organization_bot > li:last-child {margin-right:0px;}
.organization_wrap .Organization_bot > li:after {content:""; display:block; width:1px; height:37px; background-color:#b5b5b5; position:absolute; top:-37px; left:50%; transform:translateX(-50%);}
.organization_wrap .Organization_bot > li:nth-child(2):after {display:none;}
.organization_wrap .Organization_bot > li > p {}

.box01 { display: none; }
.box02 { display: none; }
.box03 { display: none; }
.box04 { display: none; }


@media screen and (max-width:900px){

    .organization_wrap .Organization {width:100%;}
    
    .organization_wrap .Organization_top > li {width:auto; height:auto; padding:10px 70px;}
    .organization_wrap .Organization_top > li > span {font-size:1rem;}
    .organization_wrap .Organization_bot > li { height:auto; padding:20px 80px;}

    .organization_wrap .Organization > ul > li > p {font-size:1.25rem;}

}


@media screen and (max-width:768px){

  

    .organization_wrap .Organization > ul > li > p {font-size:1.125rem;}
    .organization_wrap .Organization_top > li > span {font-size:0.9375rem;}
    .organization_wrap .Organization_top > li {padding:8px 50px;}
    .organization_wrap .Organization_bot > li {padding:15px 5px;}
}

@media screen and (max-width:600px){
    .organization_wrap .Organization > ul > li > p {font-size:1.0625rem;}
    .organization_wrap .Organization_top > li > span {font-size:0.875rem;}

    .organization_wrap .Organization_top > li {padding:8px 40px;}
    .organization_wrap .Organization_bot > li {padding:15px 0px;}
}

@media screen and (max-width:500px){
    .organization_wrap .Organization > ul > li > p {font-size:1rem;}
    .organization_wrap .Organization_bot > li {padding:13px 5px;}


}
@media screen and (max-width:400px){
    .organization_wrap .Organization > ul > li > p {font-size:0.9375rem;}


}





/* 테이블 스타일 */
.tb_style {margin:0 auto 10px; overflow:hidden; width:100%; }
.tb_style tr {border-bottom:1px solid #ddd; text-align:center; }
.tb_style th {background:#f9f9f9; border-right:1px solid #ddd; border-top:1px solid #000; text-align:center; color:#000; font-weight:700; padding:10px 3px; box-sizing:border-box; word-break:keep-all;}
.tb_style th:last-child { border-right:0 solid #ddd; }
.tb_style td {border-right:1px solid #ddd; text-align:center;  color:#000; padding: 10px 3px; box-sizing:border-box; word-break:keep-all; vertical-align:middle;}
.tb_style td.td_left {text-align:left; padding: 10px; box-sizing:border-box; word-break:keep-all;}
.tb_style td:last-child {border-right:0 solid #ddd; word-break:keep-all;}
.p_table {margin: 0 auto 50px;  color:#000; font-weight:500;}

@media screen and (max-width:768px) {
    .tb_style {margin:0 auto 10px; overflow:hidden; width:190%;}
    .tb_style th {font-size:0.9375rem;}
    .tb_style td {font-size:0.9375rem;}
}



.june_photo_view > li {margin-bottom:15px; border-bottom: 2px solid #efefef;}
.june_photo_view > li .img > img {width:100%; }
.june_photo_view > li > p {font-size:20px; font-weight:550; text-align:center; margin:15px 0px;}



@media screen and (max-width:768px) {
    .june_photo_view > li > p {font-size:18px;}
}

@media screen and (max-width:500px) {
    .june_photo_view > li > p {font-size:16px;}

}

@media screen and (max-width:400px){

}


/* 시설안내 */
.guide_wrap .more_btn {display:inline-block; padding:10px 42px 10px 13px; color:#fff; font-size:0.9375rem; line-height:1; background:#999 url("/nationalmschool/images/sub/view_arrow_right.png") no-repeat right 10px center; border-radius:5px;}
.guide_wrap .guide_tit_box {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:20px;}
.guide_wrap .guide_list {margin-bottom:100px;}
.guide_wrap .guide_list:after {content:""; display:block; clear:both;}
.guide_wrap .guide_list > li {float:left; width:24.25%; margin-right:1%;}
.guide_wrap .guide_list > li:last-child {margin-right:0px;}


@media screen and (max-width:1200px){
    
}
@media screen and (max-width:1024px){
    .guide_wrap .guide_list {margin-bottom:80px;}
    .guide_wrap .guide_list > li {width:49.5%;}
    .guide_wrap .guide_list > li:nth-child(2n) {margin-right:0;}
    .guide_wrap .guide_list > li:nth-child(n+3) {margin-top:10px;}
    .guide_wrap .guide_list > li > img {width:100%;}
}
@media screen and (max-width:768px){
    .guide_wrap .guide_list {margin-bottom:50px;}
    .guide_wrap .more_btn {font-size:0.875rem;}
}
@media screen and (max-width:600px){
    .guide_wrap .guide_list > li {width:100%; margin-right:0px; }
    .guide_wrap .guide_list > li:first-child {margin-top:0px;}
    .guide_wrap .guide_list > li:nth-child(n+3) {margin-top:0px;}
    .guide_wrap .guide_list > li:nth-child(n+2) {margin-top:10px;}
    .guide_wrap .guide_tit_box {display:block; margin-bottom:10px;}
    .guide_wrap .guide_tit_box:after {content:""; display:block; clear:both;}
    .guide_wrap .more_btn {float:right; margin-top:15px;}
    

}





/* 오시는 길 */
.way_wrap .way_tit {margin-bottom:15px; text-align:center; font-size:1.5625rem; font-weight:550;}
.way_wrap .way_adress {display:flex; align-items:center; justify-content:center; width:640px; height:60px; margin:0px auto 30px; background-color:#f2f2f2; border-radius:50pt;}
.way_wrap .way_adress > li {display:flex; align-items:center; margin-right:25px; font-weight:400;}
.way_wrap .way_adress > li:last-child {margin-right:0px;}

.way_wrap .way_adress > li > span {display:inline-block; margin-right:10px; min-width:35px; height:35px;}
.way_wrap .way_adress > li > span > img {width:100%; height:100%;}
.way_wrap .way_adress > li > p {}

.way_wrap .way_map {margin-bottom:30px;}
.way_wrap .way_map .way_map_center {padding:0px 30px; box-sizing:border-box;}

.way_wrap .way_list:after {content:""; display:block; clear:both;}
.way_wrap .way_list > li {float:left; width:48.5%; margin-right:3%;}
.way_wrap .way_list > li:last-child {margin-right:0px;}
.way_wrap .way_list .top_img_tit {position:relative; text-align:center;}
.way_wrap .way_list .top_img_tit > span {position:absolute; bottom:5px; left:50%; transform:translateX(-50%); font-size:1.125rem; font-weight:550;}
.way_wrap .way_list .way_gray_box {height:230px; background-color:#f3f3f3; border-radius:5px; padding:28px; box-sizing:border-box;}
.way_wrap .way_list .way_gray_box > li {display:flex; align-items:flex-start; margin-bottom:5px; font-size:1rem; line-height:1.8;}
.way_wrap .way_list .way_gray_box > li:last-child {margin-bottom:0px;}
.way_wrap .way_list .way_gray_box > li .blue_box {display:inline-block; padding:1px 8px; color:#fff; font-weight:400; border-radius:3px;}
.way_wrap .way_list .way_gray_box > li .blue_box.wid46 {min-width:46px;}
.way_wrap .way_list .way_gray_box > li .blue_box.wid61 {min-width:61px;}
.way_wrap .way_list .way_gray_box > li .blue_box.wid101 {min-width:101px;}
.way_wrap .way_list .way_gray_box > li .blue_box.wid120 {min-width:120px;}
.way_wrap .way_list .way_gray_box > li .blue_box.wid159 {min-width:159px;}
.way_wrap .way_list > li:nth-child(1) .way_gray_box .blue_box {background-color:#1470ca;}
.way_wrap .way_list > li:nth-child(2) .way_gray_box .blue_box {background-color:#219dff;}
.way_wrap .way_list > li:nth-child(2) .right_text {line-height:2;}

.way_wrap .way_list .way_gray_box > li .arrow_text {}
.way_wrap .way_list .way_gray_box > li .arrow_text::before {content:""; display:inline-block; width:13px; height:8px; background:url("/nationalmschool/images/sub/wtov_arrow.png") no-repeat center; margin:0px 9px; position:relative; top:-2px;}


@media screen and (max-width:1305px){
    .way_wrap .way_map .way_map_center {padding:0px;}
    .way_wrap .way_list .way_gray_box {height:auto;}
    .way_wrap .way_list > li {float:none; width:100%; margin-right:0px; margin-bottom:50px;}
    .way_wrap .way_list > li:last-child {margin-bottom:0px;}
}


@media screen and (max-width:1200px){
    .way_wrap .way_tit {font-size:1.4375rem;}
    .way_wrap .way_list .top_img_tit > img {width:210px;}
}

@media screen and (max-width:1024px){
    .way_wrap .way_tit {font-size:1.25rem;}
    .way_wrap .way_adress {height:55px;}
    .way_wrap .way_adress > li > span {min-width:30px; height:30px;}
    .way_wrap .way_list .top_img_tit > img {width:200px;}
}

@media screen and (max-width:768px){
    .way_wrap .way_tit {font-size:1.125rem;}
    .way_wrap .way_adress {width:100%; flex-direction:column; align-items:flex-start; height:auto; padding:15px 20px; border-radius:5px; box-sizing:border-box; margin:0px 0px 20px;}
    .way_wrap .way_adress > li {margin-right:0px; margin-bottom:10px;}
    .way_wrap .way_adress > li:last-child {margin-bottom:0px;}
    .way_wrap .way_adress > li > span {min-width:25px; height:25px;}
    .way_wrap .way_adress > li > p {font-size:1rem;}

    .way_wrap .way_list .top_img_tit > img {width:180px;}
    .way_wrap .way_list .top_img_tit > span {bottom:0px; font-size:1.0625rem;}
    .way_wrap .way_list .way_gray_box {padding:25px 20px;}
}

@media screen and (max-width:650px){
    .way_wrap .way_list .way_gray_box > li .blue_box {margin-bottom:5px;}
    .way_wrap .way_list .way_gray_box > li {display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #cecece;}
    .way_wrap .way_list .way_gray_box > li:last-child {padding-bottom:0px; border-bottom:none;}
    .way_wrap .way_list > li:nth-child(2) .right_text br {display:none;}
}

@media screen and (max-width:600px){
    .way_wrap .way_list > li {margin-bottom:40px;}

    .root_daum_roughmap .wrap_map {height:450px !important;}
}

@media screen and (max-width:500px){
    .way_wrap .way_list .top_img_tit > img {width:150px;}
    .way_wrap .way_list .top_img_tit > span {font-size:1rem;}

    .root_daum_roughmap .wrap_map {height:400px !important;}

}
@media screen and (max-width:400px){
    .root_daum_roughmap .wrap_map {height:350px !important;}

}






/* 학교 소개 */
.schoolinfo {width:100%; margin:0 auto 0; background:url("/nationalmschool/images/sub/img_schoolinfo.jpg") center top no-repeat; }

.schoolinfo p { color:#000; line-height:30px; margin-top:20px; text-align:justify; word-break:break-all;}
.schoolinfo p.schoolinfo_title {display:block; margin-top:0px; font-size:25px; color:#000; font-weight:600; line-height:40px; text-align:center; padding:100px 0 20px 0;}
.schoolinfo p span {color:#34a3dd; font-weight:550;}

@media screen and (max-width:1024px) {
    .schoolinfo p.schoolinfo_title {font-size:1.4375rem;}
}
@media screen and (max-width:768px) {
    .schoolinfo p.schoolinfo_title {font-size:1.25rem; line-height:35px;}
}
@media screen and (max-width:600px) {
    .schoolinfo p.schoolinfo_title {font-size:1.125rem; line-height:30px;}
    .schoolinfo p {font-size:1rem;}
}
@media screen and (max-width:450px) {
  
}

/* 인공암벽장 소개 */
.climbing_wrap .top_box {display:flex; justify-content:space-between; align-items:center; background-color:#f7f7f7; margin-bottom:70px; padding:30px; box-sizing:border-box; border-radius:10px;}
.climbing_wrap .top_box .text_box {width:50%;}
.climbing_wrap .top_box .dot_list {margin:8px 0px 0px 0px;}
.climbing_wrap .top_box .dot_list > li {position:relative; display:flex; align-items:center; height:50px; padding-left:18px; font-size:1.0625rem; border-bottom:1px solid #c8c8c8; box-sizing:border-box;}
.climbing_wrap .top_box .dot_list > li::before {content:""; display:block; width:6px; height:6px; border-radius:50%; background-color:#a7a7a7; position:absolute; top:25px; left:0px;}
.climbing_wrap .top_box .dot_list > li:last-child {border-bottom:none;}
.climbing_wrap .top_box .dot_list > li > b {display:inline-block; min-width:47px; font-weight:550; margin-right:27px;}
.climbing_wrap .top_box .text_box > a {display:block; width:100%; height:57px; line-height:57px; background-color:#32aae7; border-radius:5px; color:#fff; text-align:center; font-size:1.375rem;}

.climbing_wrap .top_box .img_box {width:46%;}
.climbing_wrap .top_box .img_box > img {width:100%;}

.climbing_wrap .middle_box {margin-bottom:50px;}
.climbing_wrap .middle_box .rwIntd_tit {display:block; margin-bottom:30px; text-align:center; font-size:1.5625rem; font-weight:550;}
.climbing_wrap .middle_box .rwIntd_tit > .font_sky {font-size:2.0625rem; color:#32aae7;}

.climbing_wrap .middle_box .text {margin-bottom:30px; font-size:1.0625rem; line-height:1.8;}
.climbing_wrap .middle_box .text:nth-of-type(3) {margin-bottom:0px;}

.climbing_wrap .rwIntd_list:after {content:""; display:block; clear:both;}
.climbing_wrap .rwIntd_list > li {display:flex; flex-direction:column; align-items:center; justify-content:center; float:left; width:31.666666%; height:335px; margin-right:2.5%; margin-bottom:25px; border:1px solid #dbdbdb; box-sizing:border-box;}
.climbing_wrap .rwIntd_list > li:nth-child(3n) {margin-right:0px;}
.climbing_wrap .rwIntd_list > li .icon_img {display:flex; align-items:center; justify-content:center; width:85px; height:65px; margin-bottom:10px;}
.climbing_wrap .rwIntd_list > li .text {display:inline-block; margin-bottom:15px; font-size:1.4375rem;}
.climbing_wrap .rwIntd_list > li .bold {font-weight:550;}

.climbing_wrap .rwIntd_list > li > p {text-align:center; line-height:1.8;}
.climbing_wrap .rwIntd_list > li .round_sky {display:inline-block; width:200px; height:40px; margin-bottom:10px; text-align:center; line-height:40px; color:#fff; font-size:1.0625rem; background-color:#32aae7; border-radius:50pt; font-family:"NanumBarunpen"; font-weight:800;}


@media screen and (max-width:1260px){
    .climbing_wrap .rwIntd_list > li {width:49.5%; margin-right:1%; margin-bottom:15px;}
    .climbing_wrap .rwIntd_list > li:nth-child(3n) {margin-right:1%;}
    .climbing_wrap .rwIntd_list > li:nth-child(2n) {margin-right:0;}

}


@media screen and (max-width:1200px){
    .climbing_wrap .middle_box .rwIntd_tit {}
    .climbing_wrap .middle_box .rwIntd_tit > .font_sky {font-size:1.875rem;}

}

@media screen and (max-width:1024px){
    .climbing_wrap .top_box {flex-direction:column-reverse; }
    .climbing_wrap .top_box .img_box {width:100%; margin-bottom:30px;}
    .climbing_wrap .top_box .text_box {width:100%;}
    .climbing_wrap .top_box .text_box > a {height:50px; line-height:50px; font-size:1.25rem;}

    
    .climbing_wrap .middle_box .rwIntd_tit {font-size:1.25rem;}
    .climbing_wrap .middle_box .rwIntd_tit > .font_sky {font-size:1.5625rem;}

    .climbing_wrap .rwIntd_list > li .text {margin-bottom:10px; font-size:1.25rem;}


    
}

@media screen and (max-width:768px){


    .climbing_wrap .top_box {margin-bottom:50px; padding:20px;}    
    .climbing_wrap .top_box .dot_list > li {font-size:1rem;}
    .climbing_wrap .top_box .text_box > a {height:45px; line-height:45px; font-size:1.125rem;}

    .climbing_wrap .middle_box .rwIntd_tit {margin-bottom:20px; font-size:1.125rem;}
    .climbing_wrap .middle_box .rwIntd_tit > .font_sky {font-size:1.25rem;}
    .climbing_wrap .middle_box .text {margin-bottom:20px; font-size:1rem; text-align:justify; word-break:initial !important;}

    .climbing_wrap .rwIntd_list > li .text {font-size:1.125rem;}
    .climbing_wrap .rwIntd_list > li .round_sky {font-size:1rem;}
    .climbing_wrap .rwIntd_list > li > p {width:80%; font-size:1rem;}
    .climbing_wrap .rwIntd_list > li > p br {display:none;}
    
    
}

@media screen and (max-width:700px){
    .climbing_wrap .rwIntd_list > li {width:100%; height:auto; margin-right:0px; padding:20px 15px;}
    .climbing_wrap .rwIntd_list > li:nth-child(3n) {margin-right:0px;}
    .climbing_wrap .rwIntd_list > li > p {width:auto;}

    .climbing_wrap .rwIntd_list > li > p br {display:block;}

}


@media screen and (max-width:600px){

    .climbing_wrap .top_box .text_box > a { font-size:1.0625rem;}
}

@media screen and (max-width:500px){
    .climbing_wrap .top_box .dot_list > li {height:auto; display:block; padding:5px 0px 5px 18px;}
    .climbing_wrap .top_box .dot_list > li::before {top:15px;}
    .climbing_wrap .top_box .dot_list > li > b {margin-bottom:5px;}
}


@media screen and (max-width:380px){
    .climbing_wrap .rwIntd_list > li > p br {display:none;}

}




/* 인공암벽장 시설 */
/* .building_wrap .flowInfo {position:relative;}
.building_wrap .flowInfo ul {display:flex; align-items:center; justify-content:space-between; border:1px solid #ccc;}
.building_wrap .flowInfo ul li {border-right:1px solid #ccc; list-style-type:none; flex:1; text-align:center; height:50px; line-height:50px; font-size:16px; font-weight:600;}
.building_wrap .flowInfo ul li:last-child {border-right:none;}
.building_wrap .flowInfo ul li > a {display:block; height:100%; color:#888a88;}
.building_wrap .flowInfo ul li:hover {background-color:#32b989;}
.building_wrap .flowInfo ul li:hover > a {color:#fff;}
.building_wrap .flow {margin:20px 0;}
.building_wrap .flow h3 {font-size:20px; margin-bottom:30px; color:#000; font-weight:600;} 
.building_wrap .flow p {font-size:17px; font-weight:500; line-height:30px; color:#000; margin-bottom:20px; text-align:justify; word-break:break-all;} 
.building_wrap .flow p:last-child {margin-bottom:0;} 
.building_wrap .flow strong {color:#128690;}
.building_wrap .flow hr {width:100px; color:#32b989; background-color:#32b989; height:4px; display:inline-block; border:0;margin-top:30px;}
.building_wrap .flow img {margin-bottom:20px; width:90%; }
.building_wrap .flow .bx-controls-direction {display:none;}
.building_wrap .flow .more {display:none;}
.building_wrap .flow .bx-pager-item {display:inline-block;margin:0 3px;}
.building_wrap .flow .bx-pager-item a {text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; background:#666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.building_wrap .flow .bx-pager-item .bx-pager-link.active {background-color:#32b989;}
.building_wrap .flow .text_box {padding:0px 15px; box-sizing:border-box;}

.building_wrap .slider_img_wrap {text-align:center; margin-bottom:20px;}
.building_wrap .slider_img_wrap .bxsliderCon img {width:100%;}

@media screen and (max-width:768px) {
    .building_wrap .flow p {font-weight:500; font-size:16px; line-height:30px; margin-left:0;}
    .building_wrap .flow img {width:100%;}
    .building_wrap .flow .text_box {padding:0px;}
} */


/* 다시 슬라이더 첫번째 */
.building_wrap .building_tab:after {content:""; display:block; clear:both;}
.building_wrap .building_tab {margin-bottom:40px;}
.building_wrap .building_tab > li {position:relative; float:left; width:33.333%; height:60px; border:1px solid #ddd; border-right:none; box-sizing:border-box;}
.building_wrap .building_tab > li:last-child {border-right:1px solid #ddd;}
.building_wrap .building_tab > li.color {background-color:#f6f6f6; font-weight:550;}
.building_wrap .building_tab > li.color:after {content:""; display:block; width:100%; height:4px; background-color:#32aae7; position:absolute; top:-4px; left:0px; }
.building_wrap .building_tab > li > a {display:block; height:100%; font-size:1.0625rem; text-align:center; line-height:60px;}
.building_wrap .building_tab > li:hover {background-color:#f6f6f6; font-weight:550;}
.building_wrap .building_tab > li:hover:after {content:""; display:block; width:100%; height:4px; background-color:#32aae7; position:absolute; top:-4px; left:0px;}
.building_wrap .gray_text {margin-top:30px; padding:50px; background-color:#f6f6f6; border-radius:15px; box-sizing:border-box;}
.building_wrap .gray_dot {margin-top:30px;}
.building_wrap .gray_dot > li {position:relative; padding-left:15px; margin-bottom:30px; line-height:2; word-break:keep-all;}
.building_wrap .gray_dot > li:last-child {margin-bottom:0px;}
.building_wrap .gray_dot > li:after {content:""; display:block; width:6px; height:6px; border-radius:50%; background-color:#b5b5b5; position:absolute; top:13px; left:0px;}
.building_wrap .gray_dot > li .bold {font-weight:550;}
 

@media screen and (max-width:1200px){
    .building_wrap .gray_text {padding:50px 40px;}
    .building_wrap .building_tab {margin-bottom:40px;}
}

@media screen and (max-width:1024px){
    .building_wrap .building_tab > li {height:50px; line-height:50px;}
    .building_wrap .building_tab > li > a {line-height:50px;}
    
    .building_wrap .gray_dot {margin-top:25px;}
    .building_wrap .gray_dot > li {margin-bottom:25px; line-height:1.8;}
    .building_wrap .gray_text {padding:40px 30px;}


}

@media screen and (max-width:768px){
    .building_wrap .building_tab {margin-bottom:30px;}
    .building_wrap .building_tab > li > a {font-size:1rem;}

    .building_wrap .gray_dot > li {margin-bottom:20px; text-align:justify; word-break:initial;}
    .building_wrap .gray_dot > li {font-size:1rem;}

    .building_wrap .gray_text {margin-top:25px;}

}

@media screen and (max-width:700px){
    .building_wrap .building_tab > li {height:45px; line-height:45px;}
    .building_wrap .building_tab > li > a {line-height:45px;}
    .building_wrap .building_tab > li {float:none; width:100%; border-right:1px solid #ddd; border-bottom:none;}
    .building_wrap .building_tab > li:last-child {border-bottom:1px solid #ddd;}
 
}


@media screen and (max-width:500px){
    .building_wrap .gray_text {padding:35px 20px; border-radius:10px;}
    .building_wrap .gray_dot {margin-top:20px;}
}


.build_img_wrap {position:relative;}
.build_img_wrap .post > img {width:100%;}
.build_img_wrap .b_slick-slider-nav {position:absolute; right:20px; bottom:20px; display:flex; align-items:center;}
.build_img_wrap button.slick-arrow {width:40px; height:40px; font-size:0px;}
.build_img_wrap button.slick-prev {margin-right:13px; background:url("/nationalmschool/images/sub/arRwFacInfo_left.png") no-repeat center/100%;}
.build_img_wrap button.slick-next {margin-left:13px; background:url("/nationalmschool/images/sub/arRwFacInfo_right.png") no-repeat center/100%;}

.build_img_wrap .b_slick-slider-dots {display:flex; align-items:center;}
.build_img_wrap button.stop {display:inline-block; width:12px; height:18px;background:url("/nationalmschool/images/sub/arRwFacInfo_stop.png") no-repeat center/100%;}


@media screen and (max-width:768px){
    .build_img_wrap button.slick-arrow {width:30px; height:30px;}
}
@media screen and (max-width:700px){
    .build_img_wrap .post {position:relative; padding-bottom:28%;}
    .build_img_wrap .post > img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; height:100%; object-fit:cover;}
}
@media screen and (max-width:600px){

    .build_img_wrap .post {padding-bottom:35%;}
}
@media screen and (max-width:400px){

    .build_img_wrap .post {padding-bottom:43%;}
}



































/* 교육과정 영역 */
.line_tit:before {content:""; display:block; width:80px; height:4px; background-color:#2eace7; margin:50px 0px 20px;}
.line_tit {font-size:23px; color:#000; font-weight:550;}
.line_tit_mgb {margin-bottom:30px;}

@media screen and (max-width:768px){
    .line_tit {font-size:20px;}
}
@media screen and (max-width:600px){
    .line_tit {font-size:19px;}
}

.square_tit {display:block; font-size:1.25rem; font-weight:500;}

.dot_tit {position:relative; display:block; margin-top:30px; margin-bottom:15px; padding-left:15px; font-size:1.125rem; color:#000; font-weight:bold;}
.dot_tit:after {content:""; display:block; width:6px; height:6px; border-radius:50%; background-color:#a3a3a3; position:absolute; top:8px; left:0px;}
.dot_text {padding-left:15px;}
.dot_text > li {color:#000;}
.dot_text > li:last-child {margin-bottom:0px;}
.dot_text_sub {padding-left:10px;}



@media screen and (max-width:768px){
    .dot_tit {font-size:1.0625rem;}
}

/* .curriculum_wrap {line-height:1.5;}
.curriculum_wrap .curriculum_tab:after {content:""; display:block; clear:both;}
.curriculum_wrap .curriculum_tab > li {float:left; width:25%; height:60px; border:1px solid #ddd; border-right:none; box-sizing:border-box; transition:all 1s;}
.curriculum_wrap .curriculum_tab > li:last-child {border-right:1px solid #ddd;}
.curriculum_wrap .curriculum_tab > li.color {background: linear-gradient( to right, #32acdb,#31b3a7,#32ba78 );}
.curriculum_wrap .curriculum_tab > li.color > a {color:#fff; font-weight:500;}
.curriculum_wrap .curriculum_tab > li > a {display:block; height:100%;  text-align:center; line-height:60px; font-size:17px; transition:all .5s;}
.curriculum_wrap .curriculum_tab > li:hover {background: linear-gradient( to right, #32acdb,#31b3a7,#32ba78 );}
.curriculum_wrap .curriculum_tab > li:hover > a {color:#fff; font-weight:500;} */

.curriculum_wrap .curriculum_tab:after {content:""; display:block; clear:both;}
.curriculum_wrap .curriculum_tab {margin-bottom:40px;}
.curriculum_wrap .curriculum_tab > li {position:relative; float:left; width:25%; height:60px; border:1px solid #ddd; border-right:none; box-sizing:border-box;}
.curriculum_wrap .curriculum_tab > li:last-child {border-right:1px solid #ddd;}
.curriculum_wrap .curriculum_tab > li.color {background-color:#f6f6f6; font-weight:550;}
.curriculum_wrap .curriculum_tab > li.color:after {content:""; display:block; width:100%; height:4px; background-color:#32aae7; position:absolute; top:-4px; left:0px; }
.curriculum_wrap .curriculum_tab > li > a {display:block; height:100%; font-size:1.0625rem; text-align:center; line-height:60px;}
.curriculum_wrap .curriculum_tab > li:hover {background-color:#f6f6f6; font-weight:550;}
.curriculum_wrap .curriculum_tab > li:hover:after {content:""; display:block; width:100%; height:4px; background-color:#32aae7; position:absolute; top:-4px; left:0px;}


div.tb {overflow-x:auto; width:100%;}
div.tb > small {display:inline-block;  margin-top:5px;}
.tb_curriculum {border-top:1px solid #000 !important;  min-width:768px; overflow:hidden;}
.tb_curriculum th {color:#000 !important; vertical-align:middle; text-align:center !important;}
.tb_curriculum td {color:#000 !important; vertical-align:middle; text-align:center !important;}
.tb_curriculum td.gray {background-color:#f8f8f8; font-weight:bold;}


.tb_curriculum_mgt50 td span.pink {color:#fe3758 !important;}
.tb_curriculum_mgt50 td.text_left {text-align:left !important; padding-left: 20px;}
.tb_curriculum_mgt50 td:first-child {font-weight:bold; background-color:#f8f8f8;}
.tb_curriculum_mgt50 {margin-top:50px;}

/* @media screen and (max-width:1024px){
    .curriculum_wrap .curriculum_tab > li {height:50px; line-height:50px;}
    .curriculum_wrap .curriculum_tab > li > a {line-height:50px;}
}
@media screen and (max-width:500px){
    .curriculum_wrap .curriculum_tab > li > a {font-size:17px;}
 
}



@media screen and (max-width:500px){
    .curriculum_wrap .curriculum_tab > li {height:45px; line-height:45px;}
    .curriculum_wrap .curriculum_tab > li > a {line-height:45px;}
    .curriculum_wrap .curriculum_tab > li {float:none; width:100%; border-right:1px solid #ddd; border-bottom:none;}
    .curriculum_wrap .curriculum_tab > li:last-child {border-bottom:1px solid #ddd;}
 
} */

@media screen and (max-width:1200px){

    .curriculum_wrap .curriculum_tab {margin-bottom:40px;}
}

@media screen and (max-width:1024px){
    .curriculum_wrap .curriculum_tab > li {height:50px; line-height:50px;}
    .curriculum_wrap .curriculum_tab > li > a {line-height:50px;}
    


}

@media screen and (max-width:768px){
    .curriculum_wrap .curriculum_tab {margin-bottom:30px;}
    .curriculum_wrap .curriculum_tab > li > a {font-size:1rem;}



}

@media screen and (max-width:700px){
    .curriculum_wrap .curriculum_tab > li {height:45px; line-height:45px;}
    .curriculum_wrap .curriculum_tab > li > a {line-height:45px;}
    .curriculum_wrap .curriculum_tab > li {float:none; width:100%; border-right:1px solid #ddd; border-bottom:none;}
    .curriculum_wrap .curriculum_tab > li:last-child {border-bottom:1px solid #ddd;}
 
}


/* 강사 프로필 */
.teacher_wrap {line-height:1.5;}
.teacher_wrap .teacher_tab:after {content:""; display:block; clear:both;}
.teacher_wrap .teacher_tab {margin-bottom:50px;}
.teacher_wrap .teacher_tab > li {position:relative; float:left; width:20%; height:60px; border:1px solid #ddd; border-right:none; box-sizing:border-box;}
.teacher_wrap .teacher_tab > li:last-child {border-right:1px solid #ddd;}
.teacher_wrap .teacher_tab > li.color {background-color:#f6f6f6; font-weight:550;}
.teacher_wrap .teacher_tab > li.color:after {content:""; display:block; width:100%; height:4px; background-color:#32aae7; position:absolute; top:-4px; left:0px; }
/* .teacher_wrap .teacher_tab > li.color {background: linear-gradient( to right, #32acdb,#31b3a7,#32ba78 );}
.teacher_wrap .teacher_tab > li.color > a {color:#fff; font-weight:500;} */
.teacher_wrap .teacher_tab > li > a {display:block; height:100%; font-size:1.0625rem; text-align:center; line-height:60px;}
.teacher_wrap .teacher_tab > li:hover {background-color:#f6f6f6; font-weight:550;}
.teacher_wrap .teacher_tab > li:hover:after {content:""; display:block; width:100%; height:4px; background-color:#32aae7; position:absolute; top:-4px; left:0px;}
/* .teacher_wrap .teacher_tab > li:hover {background: linear-gradient( to right, #32acdb,#31b3a7,#32ba78 );}
.teacher_wrap .teacher_tab > li:hover > a {color:#fff; font-weight:500;} */

.teacher_wrap .teacher_list > li {display:flex; margin-bottom:70px;}
.teacher_wrap .teacher_list > li:last-child {margin-bottom:0;}
.teacher_wrap .teacher_list > li .left_img {width:180px; height:220px; min-width:180px; margin-right:30px; box-sizing:border-box; border:1px solid #ddd;}
.teacher_wrap .teacher_list > li .left_img > img {width:100%; height:100%;}
.teacher_wrap .teacher_list > li .right_text {color:#000;}
.teacher_wrap .teacher_list > li .right_text > strong:before {content:""; display:block; width:80px; height:4px; background-color:#2eace7; margin:0px 0px 20px; }
.teacher_wrap .teacher_list > li .right_text > strong {display:block; margin-bottom:35px; font-size:1.5625rem; font-weight:550; line-height:1;}
.teacher_wrap .teacher_list > li .right_text > strong > span {font-size:20px;}
.teacher_wrap .teacher_list > li .right_text .dot_sub > li {position:relative; margin-bottom:10px; padding-left:15px;}
.teacher_wrap .teacher_list > li .right_text .dot_sub > li:last-child {margin-bottom:0px;}
.teacher_wrap .teacher_list > li .right_text .dot_sub > li:after {content:""; display:block; width:6px; height:6px; border-radius:50%; background-color:#a3a3a3; position:absolute; top:10px; left:0px;}

@media screen and (max-width:1200px){
 
    .teacher_wrap .teacher_list > li .right_text > strong {font-size:1.4375rem;} 
    
}

@media screen and (max-width:1024px){
    .teacher_wrap .teacher_tab > li {height:50px; line-height:50px;}
    .teacher_wrap .teacher_tab > li > a {line-height:50px;}

    .teacher_wrap .teacher_list > li .right_text > strong {font-size:1.25rem;} 
    .teacher_wrap .teacher_list > li .right_text > strong:before {margin-bottom:15px;}

}

@media screen and (max-width:768px){
    .teacher_wrap .teacher_list > li {display:block;}
    .teacher_wrap .teacher_list > li .left_img {width:180px; height:200px; margin:0px auto; min-width:initial;}
    .teacher_wrap .teacher_list > li .right_text > strong:before {width:60px; margin:20px auto 10px;}
    .teacher_wrap .teacher_list > li .right_text > strong {margin-bottom:20px; font-size:1.125rem; text-align:center;}
    .teacher_wrap .teacher_list > li .right_text > strong > span {font-size:1.125rem;}
    .teacher_wrap .teacher_list > li .right_text .dot_sub > li {font-size:1.0625rem;}
    .teacher_wrap .teacher_tab > li > a {font-size:1rem;}

}

@media screen and (max-width:700px){
    .teacher_wrap .teacher_tab > li {height:45px; line-height:45px;}
    .teacher_wrap .teacher_tab > li > a {line-height:45px;}
    .teacher_wrap .teacher_tab > li {float:none; width:100%; border-right:1px solid #ddd; border-bottom:none;}
    .teacher_wrap .teacher_tab > li:last-child {border-bottom:1px solid #ddd;}

    /* .teacher_wrap .teacher_list > li .right_text > strong { font-size:19px;} */
    .teacher_wrap .teacher_list > li .right_text > strong > span {font-size:1.0625rem;}
    .teacher_wrap .teacher_list > li .right_text .dot_sub > li {font-size:1rem;}
 
}



/* CI 소개 */
.ci_wrap {}
.ci_wrap .text {margin:30px 0px; line-height:1.8;}

.ci_wrap .gray_box {display:flex; align-items:center; justify-content:space-between; position:relative; margin-bottom:40px; padding:30px 30px 30px 50px; background-color:#f4f4f4; border-radius:5px; box-sizing:border-box;}
.ci_wrap .gray_box .info_box {}
.ci_wrap .gray_box .info_box > p {line-height:1.8;}
.ci_wrap .gray_box .info_box > p::before {content:""; display:block; width:22px; height:22px; background:url("/nationalmschool/images/sub/ci_info_icon.png") no-repeat center; position:absolute; top:33px; left:20px;}
.ci_wrap .gray_box .info_box > p .bold {font-weight:550;}
.ci_wrap .gray_box .info_box > p .font_pink {color:#ff4c4c;}
.ci_wrap .gray_box .down_btn1 {display:inline-block; padding:15px 75px 15px 20px; border-radius:5px; border:1px solid #d8d8d8; background:#fff url("/nationalmschool/images/sub/ci_down_arrow.png") no-repeat right 20px center; font-size:1rem; font-weight:500;}

.ci_wrap .ci_mark_list {}
.ci_wrap .ci_mark_list:after {content:""; display:block; clear:both;}
.ci_wrap .ci_mark_list > li {float:left; width:48.5%; margin-right:3%;}
.ci_wrap .ci_mark_list > li:last-child {margin-right:0px;}

.ci_wrap .ci_mark_list > li > .ci_text {position:relative; display:inline-block; margin-bottom:15px; padding-left:18px; font-size:1.125rem; font-weight:550;}
.ci_wrap .ci_mark_list > li > .ci_text:after {content:""; display:block; width:6px; height:6px; background-color:#b5b5b5; border-radius:50%; position:absolute; top:10px; left:5px; }
.ci_wrap .ci_mark_list > li > .icon_logo_box {position:relative; padding-bottom:59.8%; border:1px solid #d8d8d8; border-radius:5px; overflow:hidden; background:url("/nationalmschool/images/sub/ci_line.png") center; text-align:center;}
.ci_wrap .ci_mark_list > li > .icon_logo_box > img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.ci_wrap .ci_mark_list > li > .down_btn_wrap {width:420px; margin:10px auto 0px;}
.ci_wrap .ci_mark_list > li > .down_btn_wrap:after {content:""; display:block; clear:both;}
.ci_wrap .ci_mark_list > li > .down_btn_wrap > li {float:left; width:47.5%; height:50px; margin-right:5%; border-radius:5px; overflow:hidden;}
.ci_wrap .ci_mark_list > li > .down_btn_wrap > li:first-child {background-color:#1e3050;}
.ci_wrap .ci_mark_list > li > .down_btn_wrap > li:last-child {margin-right:0px; background-color:#36a4de;}
.ci_wrap .ci_mark_list > li > .down_btn_wrap > li > a {display:block; width:100%; height:100%; text-indent:28px; line-height:50px; color:#fff; background:url("/nationalmschool/images/sub/ci_down_arrow2.png") no-repeat right 20px center;}




@media screen and (max-width:1200px){
    .ci_wrap .gray_box .down_btn1 {min-width:205px; max-height:56px;}
    .ci_wrap .gray_box .info_box > p br {display:none;}

    .ci_wrap .ci_mark_list > li > .icon_logo_box > img {width:200px;}
}

@media screen and (max-width:1070px){
    .ci_wrap .ci_mark_list > li > .icon_logo_box {padding-bottom:68.8%;}
}

@media screen and (max-width:1024px){
    .ci_wrap .text {margin:20px 0px;}
    .ci_wrap .gray_box {display:block;}
    .ci_wrap .gray_box .down_btn1_wrap {margin-top:15px; text-align:center;}
    
}

@media screen and (max-width:980px){
    .ci_wrap .ci_mark_list > li > .down_btn_wrap {width:95%;}
    .ci_wrap .ci_mark_list > li > .icon_logo_box > img {width:180px;}
    

}
@media screen and (max-width:900px){
    .ci_wrap .ci_mark_list > li > .icon_logo_box {padding-bottom: 72.8%;}
    .ci_wrap .ci_mark_list > li > .icon_logo_box > img {width:170px;}
    

}
@media screen and (max-width:800px){
    .ci_wrap .ci_mark_list > li {width:100%; margin-right:0px; margin-bottom:30px;}
    .ci_wrap .ci_mark_list > li:last-child {margin-bottom:0px;}
    .ci_wrap .ci_mark_list > li > .icon_logo_box {padding-bottom:0px; height:280px;}
    

}

@media screen and (max-width:768px){
    .ci_wrap .text {font-size:1rem;}
    .ci_wrap .gray_box {padding:20px 20px 20px 50px;}
    .ci_wrap .gray_box .info_box > p::before {top:25px; width:20px; height:20px; background-size:100%;}
    .ci_wrap .gray_box .info_box > p {font-size:1rem;}
    .ci_wrap .gray_box .down_btn1 {min-width:auto; padding:10px 70px 10px 20px; font-size:0.9375rem;}


    .ci_wrap .ci_mark_list > li > .ci_text {font-size:1.0625rem;}
    .ci_wrap .ci_mark_list > li > .down_btn_wrap > li > a {font-size:1rem;}
    .ci_wrap .ci_mark_list > li > .down_btn_wrap > li {width:49%; margin-right:2%;}
    
}
@media screen and (max-width:600px){
    .ci_wrap .ci_mark_list > li > .down_btn_wrap > li > a {text-indent:20px; font-size:0.9375rem;}
    
}
@media screen and (max-width:500px){
    .ci_wrap .gray_box .info_box > p  {text-align:justify; word-break:initial;}
    .ci_wrap .gray_box .down_btn1 {padding:10px 60px 10px 15px;}

    .ci_wrap .ci_mark_list > li > .icon_logo_box {height:250px;}
    .ci_wrap .ci_mark_list > li > .icon_logo_box > img {width:150px;}
    .ci_wrap .ci_mark_list > li > .down_btn_wrap > li {height:45px;}
    .ci_wrap .ci_mark_list > li > .down_btn_wrap > li > a {line-height:45px;}

    .ci_wrap .gray_box {padding:20px 20px 20px 40px;}
    .ci_wrap .gray_box .info_box > p::before {left:13px;}


}
@media screen and (max-width:400px){

    .ci_wrap .ci_mark_list > li > .ci_text {margin-bottom:10px;}
    .ci_wrap .ci_mark_list > li > .icon_logo_box {height:230px;}
    .ci_wrap .ci_mark_list > li > .icon_logo_box > img {width:130px;}

}


/* 이용안내 */
.Information_wrap .top_box {display:flex; justify-content:space-between; align-items:center; background-color:#f7f7f7; margin-bottom:70px; padding:30px; box-sizing:border-box; border-radius:10px;}
.Information_wrap .top_box .text_box {width:50%;}
.Information_wrap .top_box .dot_list {margin:8px 0px 0px 0px;}
.Information_wrap .top_box .dot_list > li {position:relative; display:flex; align-items:center; height:60px; padding-left:18px; font-size:1.0625rem; border-bottom:1px solid #c8c8c8; box-sizing:border-box;}
.Information_wrap .top_box .dot_list > li::before {content:""; display:block; width:6px; height:6px; border-radius:50%; background-color:#a7a7a7; position:absolute; top:28px; left:0px;}
.Information_wrap .top_box .dot_list > li:last-child {border-bottom:none;}
.Information_wrap .top_box .dot_list > li > b {display:inline-block; min-width:63px; font-weight:550; margin-right:27px;}
.Information_wrap .top_box .text_box > a {display:block; width:100%; height:57px; line-height:57px; background-color:#32aae7; border-radius:5px; color:#fff; text-align:center; font-size:1.375rem;}

.Information_wrap .top_box .img_box {width:46%;}
.Information_wrap .top_box .img_box > img {width:100%;}


.Information_wrap .dot2_list {margin:25px 0px 60px;}
.Information_wrap .dot2_list > li {position:relative; padding-left:18px; margin-bottom:10px; line-height:1.7;}
.Information_wrap .dot2_list > li:last-child {margin-bottom:0px;}
.Information_wrap .dot2_list > li::before {content:""; display:block; width:6px; height:6px; border-radius:50%; background-color:#a7a7a7; position:absolute; top:10px; left:0px;}

.Information_wrap .bold {font-weight:550;}

.Information_wrap .dot2_line_list > li {position:relative; padding-left:15px; color:#6e6e6e; margin-top:5px; font-size:1rem; line-height:1.7;}
.Information_wrap .dot2_line_list > li::before {content:"-"; display:block; position:absolute; top:0px; left:0px;}



@media screen and (max-width:1260px){

}


@media screen and (max-width:1200px){

}

@media screen and (max-width:1024px){
    .Information_wrap .top_box {flex-direction:column-reverse;}
    .Information_wrap .top_box .img_box {width:100%; margin-bottom:30px;}
    .Information_wrap .top_box .text_box {width:100%;}
    .Information_wrap .top_box .text_box > a {height:50px; line-height:50px; font-size:1.25rem;}
}

@media screen and (max-width:768px){


    .Information_wrap .top_box {margin-bottom:50px; padding:20px;}    
    .Information_wrap .top_box .dot_list > li {font-size:1rem;}
    .Information_wrap .top_box .text_box > a {height:45px; line-height:45px; font-size:1.125rem;}

    .Information_wrap .dot2_list > li  {font-size:1rem;}
    .Information_wrap .dot2_line_list > li {font-size:0.9375rem;}

}

@media screen and (max-width:700px){
}


@media screen and (max-width:600px){

    .Information_wrap .top_box .text_box > a { font-size:1.0625rem;}
}

@media screen and (max-width:500px){
    .Information_wrap .top_box .dot_list > li {height:auto; display:block; padding:5px 0px 5px 18px;}
    .Information_wrap .top_box .dot_list > li::before {top:15px;}
    .Information_wrap .top_box .dot_list > li > b {margin-bottom:5px;}
}


@media screen and (max-width:380px){

}



/* 캘린더 */
.ca_arrow_wrap {display:flex; align-items:center; justify-content:center; margin-bottom:23px; padding-top:10px;}
.ca_data {margin:0px 17px; font-size:1.875rem; font-weight:800; font-family:"pretendard";}
.scriptCalendar { width:100%; border-top:2px solid #333;}

.scriptCalendar > thead > tr > td {text-align:center; padding:1.82% 0px; border:1px solid #ccc; font-family:"pretendard";}
.scriptCalendar > thead > tr:first-child > td {font-weight:bold;}
.scriptCalendar > thead > tr:last-child > td {background-color:#f6f6f6;}
.scriptCalendar > tbody > tr > td {position:relative;  text-align:left; box-sizing:border-box; padding:0.5% 10px 6%; border: 1px solid #ccc; font-family:"pretendard";}
.scriptCalendar .pink_bg {background-color:#fff7f7 !important; color:#e24545;}
.scriptCalendar .blue_bg {background-color:#f1f6fc !important; color:#005bcb;}

.calendarBtn {cursor:pointer;} 

/* 달력안에 문구 */
.scriptCalendar > tbody > tr > td > span {position:absolute; top:8px; right:10px; font-size:0.9375rem; font-weight:500;}
.scriptCalendar > tbody > tr > td > p .pTag2 {display:block; position:relative; padding-left:13px; font-size:0.8125rem; font-weight:550;}
.scriptCalendar > tbody > tr > td > p .pTag2::before {content:""; display:block; width:8px; height:10px; background:url("/nationalmschool/images/sub/ca_icon01.png")no-repeat center; position:absolute; top:5px; left:0px;}


/* 캘린더 회색 박스 영역 */
.ca_text_box {margin-top:30px; padding:25px 23px 35px; background-color:#f5f5f5; box-sizing:border-box; border-radius:5px;}
.ca_text_box .ca_tit {position:relative; display:inline-block; margin-bottom:10px; padding-left:25px; font-size:1.1875rem; font-weight:600;}
.ca_text_box .ca_tit::before {content:""; display:block; width:17px; height:19px; background:url("/nationalmschool/images/sub/ca_bot_icon.png") no-repeat center/100%; position:absolute; top:5px; left:0px;}
.ca_text_box .ca_sub_text > li {position:relative; padding-left:13px; font-size:1.0625rem; word-break:keep-all;}
.ca_text_box .ca_sub_text > li::before {content:"-"; display:block; position:absolute; top:0px; left:0px;}



/* 달력 테이블 */
@media screen and (max-width:1024px){
    .scriptCalendar {border-top:1px solid #ccc;}
    .scriptCalendar thead {display:none;}
    .scriptCalendar tr {display:block;}
    .scriptCalendar td {display:block;}
    .scriptCalendar td > span {background-color:#f6f6f6;}
    .scriptCalendar td.bg_pink > span {background-color:#fff6f7;}
    .scriptCalendar td.bg_blue > span {background-color:#f1f6fc;}
    .scriptCalendar > tbody > tr > td {display:flex; padding:0px; align-items:center; border-top:none;}
    /* .scriptCalendar > tbody > tr > td > span {position:static; display:block; width:15%; text-align:center; border-right:1px solid #ccc; padding:30px 0px;} */
    .scriptCalendar > tbody > tr > td > span { position:absolute; top:0px; left:0px; height:100%; display:flex; align-items:center; justify-content:center; width:15%; text-align:center; border-right:1px solid #ccc;}
    .scriptCalendar > tbody > tr > td > p {display:block; width:100%; text-align:left; margin-left:20%; padding:30px 0px;}
    .scriptCalendar > tbody > tr > td.bg_none {display:none;}
}

@media screen and (max-width:768px){
    .ca_text_box .ca_tit {font-size:1.125rem;}
    .ca_text_box .ca_sub_text > li {font-size:1rem;}
    .ca_text_box .ca_tit::before {width:15px;}
}
@media screen and (max-width:600px){
    
    .ca_text_box .ca_tit {margin-bottom:5px; font-size:1.0625rem; padding-left:23px;}
    .ca_text_box {padding:20px;}
    .ca_text_box .ca_tit::before {width:13px; top:2px;}

}

@media screen and (max-width:500px){
    .ca_text_box .ca_sub_text > li {font-size:0.9375rem;}

    .scriptCalendar > tbody > tr > td > span {width:18%;}
    .scriptCalendar > tbody > tr > td > p { margin-left:25%;}

}