@charset "utf-8";

@media all and (max-width:1560px){
  .gnbul{margin-left: 4%;max-width: 600px;}
  .gnbli{margin: 0 1%;}   
}
@media all and (max-width:1410px){
  .all_top,.sub_top{padding: 0 25px;}
  .h_box{padding: 0 10px 0 25px;}
  .h_box_fR{padding: 0 25px 0 10px;}
  .gnbul{margin-left: 3%;max-width: 520px;}
  .gnbli{margin: 0 0.5%;}
  .gnbli>a{font-size: 16px;}
  .linkul li{margin-right: 10px;}
  .linkul a,.linkul02 a{font-size: 14px;}
  .main_img{padding: 0 25px;}
  .commission{padding: 0 0 270px 25px;}
  .com_text{padding: 35px 0 0 120px;}
  .titleh2{font-size: 40px;}
  .eventul>li{width: 47.1%;margin-right: 5%;height: 385px;}
  .snbul{padding: 20px 25px;}
  .s_contents{padding: 0 25px 135px;}
  .gre_text{padding: 65px 60px 0;}
  .cerul li{padding: 45px 35px 50px;}
  .find_num .inC:first-child{width: 28%;}
  .find_num .inC:nth-child(2){width: 41%;}
  
}

/* 테블릿 */
@media all and (max-width:1024px){
  .t_none,.gnbul,.linkul,.linkul02,.all_menu{display: none;}
  .t_br{display: block;}
  .m_menu_i{display: inline-block;}

  .h_box{width: calc(100% - 100px);}
  .h_box_fR{width: 100px;}
  
  .main_img{padding: 0 25px;}
  .slideul{padding-left: 80px;}
  .slideul li{background-position: left;}
  .main_text{left: 25px;}
  .pianc_text{padding: 100px 25px;}
  .about_us{padding: 0 25px;box-sizing: border-box;}
  .about_us::after{top:auto;bottom: -170px;width: 94.8%;background-size: cover;transform: translateX(-50%);left: 50%;}
  .au_text{float: none;width: 100%;}
  .au_ul{float: none;width: 100%;padding: 0 37px;margin-top: 50px;}
  .commission{margin-top: 295px;padding: 0 0 120px 0;}
  .comul{margin-left: 0;width: 100%;}
  .comul li:hover a{box-shadow: none;background-color: #fff0;background-image: none;}
  .comul li:hover .com_num{transition: 0.2s;border:1px #d0dae9 solid;background-color: #fff0;color: #001f4b;}
  .comul li:hover .comT{transition: 0.2s;color: #999999;}
  .comul li:hover .comT span{transition: 0.2s;color: #666666;font-weight: 500;}
  .com_img.inlineB{width: 94.8%;display: block;margin: 0 auto;background-size: cover;}
  .com_text{width: 100%;position: static;padding: 70px 25px 0;}
  .membership{padding: 0 25px;box-sizing: border-box;}
  .membership .container{padding: 50px 75px;}
  .mem_btn{text-align: center;float: none;width: 100%;margin-top: 40px;}
  .mem_btn a{width: 225px;margin: 0 1%;}
  .boardbox::before{display: none;}
  .boardul>li{float: none;width: 100%;padding: 90px 25px 70px;height: auto;}
  .noticebox{background-color: #eff3f8;}
  .gal_img img{width: 100%;}
  .eventbox{padding: 0 25px 120px;}
  .eventul>li{width: 100%;margin-right: 0;}
  .eventul>li:last-child{margin-top: 80px;}
  .bannerbox{padding: 35px 25px;}
  #footer{padding: 55px 25px;text-align: center;}
  .f_sel{float: none;margin-top: 40px;}
  .mapTul li{float: none;width: 100%;}
  .mapTul li:first-child{border-right: 0;border-bottom: 2px #FFF solid;}
  .board_view thead div{float: none;width: 100%;text-align: right;}
  .galleryul li{width: 31.5%;margin-right: 2%;}
  .g_text strong{font-size: 20px;}
  .greeting li{float: none;width: 100%;}
  .gre_text{padding: 60px 80px 0;}
  .styleul li{width: 100%;margin-right: 0;min-height: auto;padding: 30px 25px;}
  .styleul li:nth-child(n+2){margin-top: 15px;}
  .group{width: 95%;}
  .board_table .taL{width: 66%;}
  .stepul li{width: 23%;}
  .cerul li{width: 100%;}
  .addresstr div .inC{width: 40%;}
  .teltr .inC{width: 55%;}
  .teltr div .inC{width: 50%;}
  .partner_box{padding: 45px 10px 40px;}
  .greeting_text{color: #666666; line-height: 31px; font-size: 17px;}
}


/* 모바일 */
@media all and (max-width:767px){
  .m_none,.n_date,.sub_top::before,.homeli{display: none;}
  .m_br{display: block;}

  .h_box{width: calc(100% - 86px);padding: 0 10px;height: 80px;}
  .h_box_fR{padding: 0 10px;width: 86px;}
  .logo{line-height: 80px;width: 200px;}
  .m_menu_i{margin-right: 10px;margin-top: 26px;}
  .m_menu_top{font-size: 20px;padding: 0 10px;height: 80px;line-height: 80px;}
  .m_contactus{margin-top: 19px;font-size: 14px;}
  .m_xbtn img{margin-top: 28px;}
  .m_linkul a{font-size: 15px;height: 55px;line-height: 55px;}
  .m_menu_ul{padding: 20px;}
  .m_menu_ul>li{margin-bottom: 20px;}
  .depul{padding: 15px;}
  #content{padding-top: 80px;}
  .main_img{padding: 0;}
  .slideul{padding-left: 60px;}
  .slideul li{height: 605px;}
  .main_text{left: 10px;top:110px;}
  .main_text strong span{font-size: 24px;display: block;margin-top: 10px;line-height: 1.3;}
  .slideul .owl-nav{left: 0;bottom: 0;}
  .slideul .owl-nav>div{height: 54px;}
  .slideul .owl-prev{width: 101px;}
  .slideul .owl-next{width: 100px;}
  .pianc_text{padding: 70px 10px;}
  .pianc_text strong{margin-bottom: 20px;font-size: 22px;}
  .title_s{font-size: 16px;margin-bottom: 10px;}
  .au_text .mT30{margin-top: 25px;}
  .about_us{padding: 0 10px;}
  .about_us::after{width: 100%;height: 410px;bottom: -82px;}
  .au_ul{padding: 0 10px;}
  .au_ul a{height: 130px;padding: 22px 20px 0 20px;font-size: 22px;}
  .commission{margin-top: 160px;padding: 0 0 65px 0;}
  .com_img{height: 454px;}
  .com_text{padding: 60px 10px 40px;height: auto;}
  .com_text .titleh2::before{right: 0;}
  .comT{margin-left: 10px;font-size: 16px;width: calc(100% - 70px);}
  .comul{margin-top: 10px;}
  .comul a{padding: 18px 0 18px 0;}
  .membership{padding: 0 10px;}
  .mem_text{width: 100%;}
  .mem_text strong{font-size: 32px;margin: 10px 0 25px;}
  .membership .container{padding: 40px;}
  .boardul>li{padding: 60px 10px 30px;}
  .boardul>li.noticebox{padding: 60px 10px 50px;}
  .more_btn{margin-top: -6px;}
  .main_tit{font-size: 28px;margin-bottom: 20px;}
  .datebox{padding-top: 8px;font-size: 16px;width: 105px;height: 95px;}
  .n_text{width: calc(100% - 128px);margin-left: 10px;}
  .noticeul{margin-top: 28px;}
  .noticeul li{margin-bottom: 10px;}
  .noticeul a{font-size: 15px;width: 100%;}
  .galul{padding: 0 10px;box-sizing: border-box;}
  .galul .owl-nav{display: none;}
  .eventbox{padding: 0 10px 90px;}
  .eventul>li{height: auto;padding: 25px 10px;}
  .eventul>li:last-child{margin-top: 30px;}
  .eventul>li strong{font-size: 26px;margin-bottom: 15px;}
  .circle{font-size: 15px;width: 50px;height: 50px;line-height: 50px;}
  .e_box>div{font-size: 16px;margin-left: 10px;width: calc(100% - 71px);margin-top: 5px;}
  .bannerbox{padding: 25px 10px;}
  .bannerul{padding: 0 55px;}
  .bannerul .owl-nav>div{height: 40px;width: 40px;top: 4px;}
  #footer{padding: 40px 10px;}
  .f_textbox strong{font-size: 14px;margin: 25px 0 8px;}
  .copy{font-size: 14px;margin-top: 15px;}
  .f_sel{font-size: 14px;margin-top: 25px;}
  .sub_top{padding: 0;}
  .st{padding-top: 77px;height: 200px;}
  .snbul{padding: 15px 0;}
  .snbli{width: 50%;}
  .snbli:nth-child(2){border-left: 0;}
  .selectitle{padding: 0 10px;font-size: 14px;}
  .selecul{top:34px;padding: 8px 15px;}
  .s_contents{padding: 0 10px 50px;}
  .tith3{font-size: 18px;padding-top: 40px;margin-bottom: 25px;}
  .mapbox{height: 250px;}
  .map_text{margin-top: 0;}
  .mapTul li{padding: 20px;}
  .mapTul li>div{display: block;width: 100%;}
  .mapT_i{text-align: center;}
  .mapT_i img{width: 110px;}
  .mapT{margin-left: 0;margin-top: 20px;}
  .mapT strong{font-size: 16px;margin-bottom: 10px;}
  .pagination a{font-size: 13px;height: 27px;line-height: 27px;width: 27px;}
  .pagination .arrowli.mL{margin-left: 0;}
  .pagination .arrowli.mR{margin-right: 0;}

  .board_table th,.board_table td{height: 48px;}
  .board_table .taL{padding-left: 8px;width: 50%;}
  .board_view thead th{padding: 12px 5px;font-size: 15px;}
  .bv{margin-left: 10px;}
  .board_view td{font-size: 14px;padding: 12px 5px;}
  .board_view .viewtr td{padding: 12px 5px;}
  .pnT th{padding: 12px 0;width: 80px;}
  .pnT th img{margin-top: 8px;}
  .pnT td{padding: 12px 0 12px 10px;}
  .btn_222,.btn_2a5,.btn_e5e{width: 96px;height: 45px;line-height: 45px;font-size: 13px;}
  .search_wrap{padding: 20px 10px;}
  .searchbox select{width: 90px;padding-left: 8px;height: 58px;font-size: 14px;}
  .searchbox .relative{min-width: 100px;}
  .searchbox input{padding-right: 45px;padding-left: 8px;height: 58px;font-size: 14px;}
  .search_btn{right: 12px;}
  .basictr .inC,.basictr .selC{width: 100%;}
  .in_table th{width: 24%;padding: 0 3px;height: 48px;}
  .in_table td{padding: 5px 0;height: 48px;}
  .filetr .inC{width: 49%;}
  .inC,.selC{padding-left: 5px;font-size: 13px;}
  .textarea{padding: 5px;height: 150px;font-size: 13px;}
  .file_btn01,.file_btn02{font-size: 13px;padding: 0 5px;}
  .bd_e5e{padding: 0 7px;font-size: 13px;}
  .En_btn{width: 80px;padding-top: 29px;font-size: 13px;}
  .answer_re .fR{width: 100%;text-align: right;float: none;margin-top: 10px;}
  .galleryul{padding: 20px 0;}
  .galleryul li{width: 49%;margin-right: 0.5%;}
  .galleryul li:nth-child(3n){margin-right: 0.5%;}
  .galleryul li:nth-child(2n){margin-right: 0;}
  .galleryul li:nth-child(n+3){margin-top: 0.5%;margin-top: 20px;}
  .g_text{margin-top: 10px;}
  .g_text strong{font-size: 14px;margin-bottom: 3px;}
  .greeting{margin: 55px 0 25px;}
  .gre_img{padding-right: 20px;height: 258px;}
  .gre_img img{width: 200px;margin-top: -30px;}
  .gre_text{padding: 20px 20px 30px;height: auto;}
  .gre_text div{font-size: 14px;margin-top: 15px;padding-top: 15px}
  .gre_text div img{margin-left: 12px;width: 70px;}
  .mL5{margin-left: 0;}
  .mT15,.mT20{margin-top: 10px;}
  .mT25,.mT30{margin-top: 15px;}
  .mT40{margin-top: 20px;}
  .mT45,.mT50{margin-top: 25px;}
  .mT80{margin-top: 35px;}
  .mT120{margin-top: 40px;}
  .s_table th,.s_table td{height: 42px;padding: 3px;box-sizing: border-box;}
  .box_eff{padding: 15px 10px;}
  .box_eff .icon{display: block;text-align: center;}
  .box_eff .group{margin-left: 0;width: 100%;margin-top: 10px;}
  .tith4{font-size: 16px;margin-bottom: 10px;}
  .textul li{font-size: 13px;padding-left: 14px;background-position: 0 10px;margin-bottom: 5px;}
  .styleul li{padding: 15px 10px;}
  .group{width: 94%;}
  .bg_3ba,.bg_909,.bg_edc,.bg_2a5{font-size: 13px;padding: 0 5px;}
  .bd_56b,.bg_56b{width: 53px;font-size: 12px;}
  .login_con{padding: 35px 10px;}
  .login_in input{background-position: 18px 13px;height: 50px;padding-left: 45px;font-size: 13px;}
  .loginbtn{height: 54px;line-height: 54px;font-size: 14px;}
  .logul{float: none;width: 100%;text-align: right;margin-top: 5px;}
  .logul li::after{margin: 0px 6px -2px 10px;}
  .stepul{margin-bottom: 25px;}
  .stepul li{font-size: 13px;}
  .stepul li::after{display: none;}
  .stepul .on{font-size: 13px;}
  .stepul .on::before{width: 79px;height: 10px;bottom: -2px;}
  .privacybox{padding: 10px;font-size: 13px;height: 160px;}
  .cerul li{padding: 15px 10px;}
  .btn666,.btn999{padding: 0 5px;font-size: 13px;}
  .cer_num .inC{width: calc(100% - 89px);}
  .btn2a5,.btne5e{height: 45px;line-height: 45px;font-size: 13px;}
  .idtr .inC{width: 72%;}
  .addresstr .inC{width: 60%;}
  .addresstr div .inC{width: 43%;}
  .join_ok{padding: 35px 10px 40px;}
  .find_num .inC:first-child{width: 28%;}
  .find_num .inC:nth-child(2){width: 38%;}
  .find_btn a,.find_in .inC{width: 49%;}
  .tabul li{margin: 0;width: 49%;}
  .tabul a{font-size: 13px;height: 42px;line-height: 42px;}
  .privacy{padding: 10px;font-size: 13px;height: 250px;}
  .numT{margin-top: -5px;font-size: 13px;}
  .box_e5e,.box_e5e.textarea{padding: 10px;height: 150px;}
  .add_option span{width: 18px;}
  .pricebox{padding: 12px;font-size: 14px;}
  .pricebox span{font-size: 17px;margin-left: 10px;}
  .partner_box{padding: 15px 0;}
  .partner_box span{font-size: 13px;margin-top: 10px;}
  .greeting_text{color: #666666; line-height: 29px; font-size: 15px;}  


  /* 사이즈 */
  .num{font-size: 88px;}
  .main_text strong{font-size: 38px;}
  .datebox span,.pianc_text strong span,.titleh2{font-size: 32px;}
  .com_text h2{font-size: 30px;}
  .sub_top h2{font-size: 20px;}
  .gal_text div,.comT span,.n_tit{font-size: 17px;}
  .main_tit span,.com_num,.mem_text span,.m_menu_ul>li>a,.gre_text strong{font-size: 16px;}
  .mainT,.read_more,.mem_text div,.gal_text span,.n_text div,.date,.f_linkul a,.gre_text span.font_m,.tith5,.fs26T,.fs30T{font-size: 15px;}
  .f_textbox p,.depul a,.selecli>a,.pagination .on a,.answer_re .inlineB,.fs20,.fs18_666{font-size: 14px;}
  .sub_top span,.board_view thead div,.pnT,.smallT,.sub_t,.g_text span,.s_table,.checkbox,.logul a,.in_table,.board_table{font-size: 13px;}
  .fs14{font-size: 12px;}

}

@media all and (max-width:374px){
}