@charset "utf-8";

@media all and (max-width:1168px){
  .member_typeul>li{width: 18.7%;}
  .student_typeul>li{width: 48.8%;}
}
@media all and (max-width:1115px){
  .logo{width: 28%;}
  .gnbul{max-width: 665px;}
  .gnbli{margin-right: 4.8%;}
}

/* 테블릿 */
@media all and (max-width:1024px){
  .gnbul,.all_menu,.h_top,#snbwrap{display: none;}
  .mobile_menu{display: inline-block;position: absolute;right: 20px;}
  .h_box{padding: 0 20px;}
  .h_box>.container{text-align: center;}
  .galleryul>li{width: 48.3%;margin-right: 2%;margin-bottom: 20px;}
  .galleryul>li:nth-child(2n){margin-right: 0;}
  .tit_right{width: 58%;}
  .tit_tab{width: 85%;}
  .titlebox{margin-bottom: 23px;}
  .noticetab li{width: 33.3%;}
  .box01_wrap{width: 100%;padding: 0 20px;box-sizing: border-box;border-bottom: 0;margin-bottom: 0;}
  .box01{width: 100%;margin:20px 0;}
  .box02_wrap{float: none;width: 57.6%;margin-left: 20px;margin-bottom: 20px;border-bottom: 0;}
  .box02{margin:0;}
  .box03{width: 34.5%;margin-left: 2%;}
  .centerul>li{float: none;width: 100%;padding: 15px 0;}
  .centerul>li:first-child{border-bottom: 0;}
  .centerul>li p{display: inline-block;width: 51%;text-align: left;margin-left: 3%;}
  .formbox{height: 122px;background-position: right;background-size: cover;}
  .formbox>a{padding: 30px 18px;}
  .formbox strong{font-size: 20px;}
  .box04{width: 100%;box-sizing: border-box;padding: 0 20px;}
  .grow_jiks{float: left;width: 30.7%;background-size: cover;}
  .photo_gallery{margin-top: 20px;}
  .bT_e5e{padding-top: 0;border-top:0;box-sizing: border-box;padding: 0 20px;}
  .fbul{width: 92%;}
  .fbul .owl-nav{margin-left: -60px;}
  .fbul .owl-next{margin-left: 5px;}
  .fbul li{width: 156px;}
  .f_logo{width: 100%;}
  .f_link{padding: 0 20px;}
  .f_text{padding: 35px 20px;}
  .infoul{padding: 0 20px 20px;}
  .sub_contents{width: 100%;margin:0;padding: 15px 10px 100px;}
  .greetings_text .sub_t{width: 73%;}
  .otherul>li{width: 45%;}
  .visionT{height: 410px;}
  .v_text{height: 110px;}
  .tabul_5 a{font-size: 15px;}

  .gra01{bottom: 0;left: 10px;}
  .gra02{top: 0px;right: 10px;}
  .selectul p{font-size: 14px;}
    .sub_title{font-size: 14px;}
}


/* 모바일 */
@media all and (max-width:767px){
  .m_none,.jiks_vB,.gallery-top>.gallery_i{display: none;}
  .m_br,.m_block{display: block;}
  .h_box{padding: 0 15px;height: 70px;line-height: 70px;}
  .logo{width: 191px;}
  .mobile_menu{width: 31px;right: 15px;}
  .slideul li{height: 190px;}
  .main_img .owl-dots{bottom: 48px;}
  .main_img .owl-dot span{background-size: 80%;}
  .box01_wrap,.box04{padding: 0 15px;}
  .box01,.box02{height: auto;background-color: #FFF;}
  .box01{margin:15px 0;}
  .box02_wrap{width: 100%;margin:0 0 15px 0;padding: 15px;box-sizing: border-box;background-color: #f2f2f2;}
  .notice_con{padding: 15px 15px 10px 15px;height: auto;}
  .noticetab li{height: 48px;line-height: 48px;}
  .noticetab .on a{background-position: 93%;font-size: 14px;background-size: 12px;}
  .notice_text{width: 70%;}
  .notice_icon{width: 20%;margin-top: 8px;}
  .noticeul a{font-size: 13px;width: 68%;}
  .notice_text strong{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;display: block;}
  .box03{width: 100%;margin: 0;box-sizing: border-box;padding: 0 15px 15px;}
  .centerul{margin-bottom: 15px;}
  .centerul>li{width: 50%;float: left;}
  .centerul>li:first-child{border-bottom: 1px #dddddd solid;}
  .centerul>li p{width: 100%;text-align: center;margin-left: 0;font-size: 14px;}
  .formbox>a{padding: 38px 18px;}
  .grow_jiks{width: 100%;margin-right: 0;height: auto;background-image: url('../images/main/m_grow_bg02.png');background-position: right;margin-bottom: 15px;}
  .grow_jiks>a{padding: 38px 18px;text-align: left;}
  .guidanceul{width: 100%;}
  .guidanceul li,.imgbox{height: auto;}
  .guidanceul .owl-dots{top: 12px;right: -8px;}
  .guidanceul .owl-dot span,.guidanceul .active span{width: 21px;height: 21px;}
  .titleh2{font-size: 17px;width: 100%;text-align: center;}
  .tit_right{float: none;width: 100%;text-align: center;margin-top:15px;}
  .tit_tab{width: 75%;}
  .tit_tab>li{height: 40px;line-height: 38px;background-color: #FFF;}
  .tit_tab>.tit_on{line-height: 36px;}
  .click_a{width: 40px;height: 40px;}
  .click_a img{width: 100%;height: 100%;}
  .bT_e5e{padding: 15px 13px 0;}
  .galleryul>li{width: 47.3%;margin-bottom: 15px;}
  .textbox{padding: 15px 10px;background-color: #FFF;}
  .textbox p{margin:8px 0 10px;font-size: 13px;}
  .infoul{padding: 15px 15px 0;}
  .infoul li{width: 33.3%;margin-bottom: 15px;}
  .infoul .infoli03::after{display: none;}
  .infoul a{font-size: 15px;padding-top: 41px;}
  .fbul{width: 77%;}
  .fbul li{width: 90%;}
  .fbul .owl-nav{margin-left: -66px;margin-top: -32px;}
  .f_link{padding: 10px 15px;height: auto;line-height: normal;}
  .f_link a{font-size: 12px;width: 49%;margin-right: 0;}
  .ft_right{font-size: 12px;width: 100%;margin:0;}
  .f_text{padding: 30px 15px;}
  .f_logo{width: 60%;margin-bottom: 10px;}
  .photo_gallery{background-color: #f2f2f2;}
  .infowrap{background-color: #FFF;}
  .f_banner{padding: 25px 10px;box-sizing: border-box;}
  .subi{margin:0 3px;}
  .sub_contents{padding: 0 10px 0;min-height: auto;}
  .location{margin:0; float: none;display: block;text-align: right;}
  .greetings_text{padding: 15px 0 100px;background-size: 70%;}
  .greetings_text h3{font-size: 16px;margin-bottom: 20px;}
  .greetings_text .sub_t{margin-bottom: 20px;width: 100%;}
  .symbolul{text-align: center;margin-bottom: 25px;}
  .symbolul>li{margin-right: 0;width: 143px;margin-bottom: 15px;}
  .symbolul .symbol_text{font-size: 13px;height: 110px;}
  .biul>li{width: 100%;margin-bottom: 25px;}
  .biul>li:nth-child(2n){margin-left: 0;}
  .bibox{height: 105px;line-height: 105px;padding: 0 30px;}
  .colorul>li{width: 30.4%;margin-bottom: 15px;}
  .characterL{width: 100%;}
  .characterL>li{width: 48.5%;display: inline-block;vertical-align: top;}
  .characterR{margin:0;width: 100%;height: auto;line-height: normal;padding: 20px 40px;box-sizing: border-box;}
  .colorul{margin-bottom: 25px;}
  .tab_table th{width: 24%;}
  .tabul{margin:30px 0 25px;}
  .bgf8f_box{padding: 25px 5px;}
  .tabul>li{width: 33.33%;}
  .tabul>li:nth-child(1),.tabul>li:nth-child(2),.tabul>li:nth-child(3){border-bottom: 0;}
  .tabul>li.on:nth-child(1),.tabul>li.on:nth-child(2),.tabul>li.on:nth-child(3){border: 2px #555555 solid;}
  .scon_wrap{padding: 15px 0 30px;}
  .is-wauto-box{overflow-x: scroll;}
  .is-wauto-box .s_table{min-width: 748px;}
  .s_table{margin-bottom: 25px;}
  .tabul_5>li{width: 50%;}
  .imgul>li{width: 100%;margin-right: 0;margin-bottom: 15px;}
  .pagination{margin-top: 25px;}
  .pagination li{width: 30px;}
  .pop_header{font-size: 14px;height: 48px;line-height: 48px;}
  .pop_header .x_btn{width: 48px;}
  .pop_con{padding: 10px;}
  .tabul_2{margin:0 0 20px;}
  .tabul_2>li{width: 50%;}
  .tabul_2>li:nth-child(1), .tabul_2>li:nth-child(2){border-bottom: 1px #dddddd solid;}
  .map_img{height: 200px;}
  .map_img iframe{height: 100%;}
  .mapTul>li{margin-bottom: 20px;}
  .mapTul>li>div.map_icon{display: none;}
  .mapT{width: 100%;margin-left: 0;}
  .map_text{margin-top:25px;}
  .group{width: 96%;}
  .otherul>li{width: 100%;}
  .bgfffT{font-size: 14px;width: 200px;height: 58px;line-height: 56px;}
  .visionul>li,.eVisionul>li{width: 100%;margin-right: 0;text-align: center;}
  .bg444T{font-size: 14px;width: 265px;height: 55px;line-height: 55px;}
  .visionul>li,.eVisionul>li{margin-bottom: 15px;}
  .visionul>li img{width: 120px;}
  .v_text{height: auto;text-align: left;}
  .eVisionul strong{height: 87px;font-size: 14px;background-size: cover;background-position: center;}
  .visionT{height: auto;padding: 15px 5px;text-align: left;margin-top:0;}
  .dataTable1 td{padding: 5px 7px;height: 90px;}
  .dataTable1 .bg_f6f .caleT{border-bottom: 0;}
  .month a{margin:-6px 10px 0;}
  .date_table th{font-size: 13px;padding: 8px 0;width: 33%;}
  .date_table td{font-size: 13px;padding: 9px 0;}
  .chapterul>li>div.chapter_icon{display: none;}
  .chapter_text{margin-left: 0;width: 100%;}
  .textB{margin-top: -15px;}
  .textBbox{margin-bottom: 20px;}
  .tith4{font-size: 16px;margin-bottom: 10px;background-position: 0 8px;}
  .gallery_text{margin-left: 0;width: 100%;padding: 15px 10px;box-sizing: border-box;}
  .gallery-top{margin-bottom: 25px;}
  .searchbox{float: none;display: block;width: 100%;margin-top:15px;text-align: right;}
  .searchbox select{width: 80px;}
  .searchbox input{width: 140px;}
  .photolist>li{width: 100%;margin-right: 0;padding: 18px 0;}
  .photolist>li:nth-child(1), .photolist>li:nth-child(2), .photolist>li:nth-child(3){border-bottom: 0;}
  .board_table th,.board_table td{font-size: 13px;}
  .lastT,.stepul>li::after{display: none;}
  .board_view td.bv01{width: 63px;}
  .board_view .bv03{width: 92px;}
  .board_view .bv04{width: 32px;}
  .viewbox{padding: 5px 15px;}
  .list_BTN{height: 38px;line-height: 38px;font-size: 13px;}
  .my_tit{font-size: 16px;margin:8px 0 20px;}
  .in_left{width: 65%;}
  .in_left input{font-size: 13px;height: 42px;}
  .login_btn{font-size: 14px;height: 94px;line-height: 94px;}
  .btnbox a{width: 48.4%;}
  #join_top .gallery_text{width: 100%;}
  .member_typeul,.student_typeul{text-align: center;padding-bottom: 25px;margin-bottom: 25px;}
  .member_typeul>li{width: 146px;margin-bottom: 5px;height: 140px;}
  .member_typeul>li:nth-child(2n){margin-right: 0;}
  .btn_6666,.btn_ff6{font-size: 13px;padding: 0 10px;}
  .ipinul h4{font-size: 14px;width: 148px;}
  .ipinbox{padding: 15px 5px;}
  .ipinli01 .ipinbox{margin-bottom: 20px;}
  .mT45{margin-top: 25px;}
  .ipinul{margin:15px 0 25px;}
  .student_typeul>li{width: 100%;margin-right: 0;height: 134px;margin-bottom: 15px;}
  .stepul{margin-bottom: 20px;}
  .stepul>li{width: 32%;margin-right: 0.75%;margin-bottom: 5px;}
  .stepul>li:nth-child(3){margin-right: 0;}
  .terms{padding: 10px;font-size: 13px;height: 250px;}
  .join_agree>div{width: 100%;float: none;}
  .agreeR label{margin-left: 0;margin-right: 5px;font-size: 12px;}
  .confirm{margin-top: 15px;}
  .btn_6ca,.btn_777{font-size: 13px;height: 38px;line-height: 38px;}
  .in_table th{width: 56px;padding: 12px 0 12px 10px;}
  .nametr input{width: 150px;}
  .birthtr select{width: 71px;}
  .checked{margin-left: 0;width: 100%;}
  .in_table{margin-bottom: 15px;}
  .selectul>li{width: 49.4%;margin-right: 0;padding: 20px 10px;height: 346px;margin-bottom: 15px;}
  .select_btn{font-size: 13px;width: 120px;height: 38px;line-height: 38px;margin-top: 10px;}
  .selectul p{height: 114px;}
  .tith3{background-position: 0 2px;}
  .join_ok{margin-top: 30px;}
  .join_ok strong{font-size: 16px;margin:10px 0 20px;}
  .join_ok .btn_444,.join_ok .btn_666{width: 118px;}
  .stepul_4{text-align: center;max-width: 340px;margin: 0 auto 20px;}
  .stepul_4>li{width: 48.5%;}
  .stepul_4>li:nth-child(3){margin-right: 0.75%;}
  .smallT{font-size: 13px;margin-top: 10px;}
  .childL,.sitemap_ul>li{width: 100%;margin-right: 0;}
  .child_find{width: 100%;background-size: cover;background-position: center;margin-top: 10px;font-size: 13px;}
  .tabul_4>li{width: 50%;}
  .tabul_4>li:nth-child(3){border-bottom: 1px #dddddd solid;}
  .rc_textarea{padding: 11px;font-size: 13px;}
  .En_btn{width: 60px;font-size: 13px;height: 40px;line-height: 40px;}
  .link_click{right: 5px;}
  .sitelink_ul{margin-bottom: 25px;}
  .sitelink_ul>li>a,.site-dep{font-size: 13px;padding: 10px 15px;}
  .notice_text a{width: 100%;}
  .notice_text p{height: auto;}

  /* 폰트 사이즈 */
  .formbox strong,.grow_jiks strong,.tith2{font-size: 21px;}
  .date-bar span,.tith3,.month{font-size: 17px;}
  .title,.mapTul>li strong,.chapter_text strong,.join_tit,.member_typeul>li a,.student_typeul span,.selectul strong,.password_text strong{font-size: 15px;}
  .noticetab a,.tit_tab>li>a,.titleh3,.pho-text strong,.board_view th,.student_typeul a,.boldT,.write_comment strong,.sitemap_tit{font-size: 14px;}
  .notice_text p,.agreeL,.eventsul li,.sub_t,.biul h4,.colorul>li>div,.board_view td,.tabul a,.pho-text p,.pnT,.tab_table th,.tab_table td,.s_table th,.btn_666,.s_table td,.imgul li span,.sub_t02,.num,.searchbox select,.searchbox input,.search_num{font-size: 13px;}
  .in_table input,.in_table select,.fs18_555,.selectul p,.btn_444,.childL table,.tabul_4 a,.answer_top,.answer_name,.answer_text,.noticetab span,.noticetab .on span,.site-dep a{font-size: 13px;}
  .noticeul .date,.formbox span,.grow_jiks span,.galleryul .date,.location li,.dataTable1,.date,.save_id,.idtext .sub_t02,.comment,.eadbox,.secret_check{font-size: 12px;}
  .guidanceul .owl-dot:before,.pagination li a{font-size: 11px;}
}

@media all and (max-width:374px){
  .box02{padding: 10px 18px 25px 18px;}
  .eventsul{padding: 8px 10px;}
  .f_link a{font-size: 11px;}
  .m_menuwrap{width: 100%;}
  .num{margin-bottom: 10px;}
  .btn_6666, .btn_ff6{font-size: 11px;padding: 0 8px;}
  .eventsul li,.colorul>li>div,#sub2_03 .tabul a{font-size: 11px;}
  .noticetab span,.noticetab .on span{font-size: 12px;}

}