/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){

    /* #popup_2{left: 360px;} */

}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){
    .town .s-tit{margin-left: 16px;}
    .tabSet ul.tabs{    padding-left: 0px; margin-left: 16px;}

}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){
    .find .tabSet ul.tabs{margin-left: 0px;}
    .join .tabSet ul.tabs{margin-left: 0px;}

    .intro4 .trans ul li h4{    width: 220px;}
    .intro4 .trans ul li div{    width: calc(100% - 220px);}

    .p_sc_item ul li > div div p span.info_2{font-size: 15px;}

}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){

    .board_list .tit{max-width:500px;}
    .in-town h2{font-size: 22px;}
    .or-wrap .or-content .bot .org_inner .type01{height:40px;line-height: 1.2;    font-size: 16px;}
    .org-in-btm li{padding: 7px 8px;    margin: 10px 0px;}

    .pro-btm ul li > div{padding: 40px 25px;}
    .pro-btm ul li > div > h3{font-size: 20px;}

    .ask-wrap .ask-per ul li .ex-type span{padding: 9px 20px;    font-size: 16px; font-weight: 500;}

    .intro4 .trans.mb-10{margin-bottom: 60px;}
    .intro4 .trans ul li h4{padding:10px; font-size: 16px;}
    .intro4 .trans ul li div{padding:10px;}
    .intro4 .trans.type01{flex-direction: column;}
    .intro4 .trans.type01 > div:first-child{padding-right: 0px;}
    .intro4 .trans.type01 > div{width:100%;}
    .intro4 .trans.type01 > div:last-child{    margin-top: 60px;}

    .program_sub .mt-9{margin-top: 60px;}
}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
    .s-tit:before{width:18px; height:18px; top:10px;}
    .s-tit:after{width: 10px; height: 10px; top: 14px;}
    .s-tit{font-size: 25px;}
    .in-intro > div > div{margin-top:20px;}
    .in-intro > div > div h2 { padding-bottom: 10px; font-size: 18px;}
    .in-intro > div ul li p{font-size: 16px;}
    .in-intro .mb-10{margin-bottom: 50px;}
    .in-intro > div:nth-child(4) div iframe{height:480px}

    :lang(en) .intro2 > div .in-txt div p{padding-right: 20px;}

    .intro-top.type02{margin-top:20px; margin-bottom:40px;padding: 30px 40px;}
    .intro3 .intro-btm ul li{width:33.3333%;}

    .intro-top.type02 ul{    width: 260px;}
    .intro-top.type02 > div:last-child input{width:calc(100% - 130px)}
    .intro-top.type02 > div span{    width: 130px;}
    .intro-top .selectBox{    height: 35px;}
    .intro-top.type02 > div:last-child input{height:35px; width: calc(100% - 110px);}
    .intro-top.type02 > div span{width: 110px; height:35px; line-height: 1.3;}

    .board_list .tit{max-width: 250px;}

    .town-wrap .town-top p{margin-left: 20px; font-size: 17px;}

    .town-btm ul li div{padding-left: 10px;}
    .town-btm ul{flex-direction: column;}
    .town-btm ul li{width:100%;    margin-right: 0%;}

    .view .mov-wrap iframe{    height: 510px;}

    .pro-btm ul li > div{padding: 40px 16px;}
    .pro-btm ul li > div > h3{font-size: 18px;}
    .pro-btm ul li > div button{padding:13px 10px; font-size: 15px;}
    .pro-btm ul li > div > div p{font-size: 16px; font-weight: 500;}
    .pro-btm ul li > div > div span{font-weight: 500; font-size: 17px;}

    .ask-wrap .ask-per ul li .ex-type p{width:110px;    font-size: 16px; font-weight: 500;}
    select{    width: 180px;    background-position: 150px 50%;}
    .count-wrap{width:100px !important}
    .count-wrap > button{width:30px;}
    .count-wrap > button i{width:12px;}
    .ask-wrap .ask-per ul li .ex-type input{padding:0px 3px;}

    .or-wrap .or-content .bot.type02 .org_inner .org-in-btm em{font-size: 13px;}
    .or-wrap .or-content .bot .org_inner .type01 span{font-size: 15px;}
    .or-wrap .or-content .bot.type02 .org_inner .org-in-btm span{font-size: 15px;}
    .or-wrap .or-content .bot .org_inner .org-in-btm{margin-bottom: 30px;}

    .p_sc_item ul li{width:33.3333%;}

    :lang(en) .join .tabSet ul.tabs li a{padding:16px 10px;}
    :lang(en) .join .tabSet ul.tabs li a span{font-size: 16px;}
    :lang(en) .join .tabSet ul.tabs li a.on{font-weight:500}




}


/* ********************************************* *
* 860px
* ********************************************* */
@media screen and (max-width: 860px){
    .ask-wrap .ask-per ul{width:100%}
    .ask-wrap .ask-per ul li .ex-type ul li{flex-wrap: wrap;}
    .ask-wrap .ask-per ul li .ex-type select{background-position: 95% 50%;}
    .ask-wrap .ask-per ul li .ex-type span{margin-left: 0px; margin-top:10px;}

    .join3 > div > div i{    width: 80px;}
    .join3 > div > div h3{margin: 20px 0px 20px 0px; font-size: 20px;}
    .join3 > div > div div p{font-size: 17px;}

    .item-wrap ul li > div{    padding: 0px 5px}
    .item-wrap ul li > div div p{    font-size: 17px;}
    .item-wrap ul li > div div span{font-size: 16px; font-weight: 500;}

    .j-btn li a{    width: 150px;height: 50px; padding-top: 12px; font-size: 17px; font-weight: 500;}

    .list .list-txt{padding: 12px;}
    .list .list-txt h2{font-size:18px;}
    .list .list-txt h2{padding-bottom: 12px;}
    .list .list-txt > p span:first-child{font-size: 16px;}
    .list .list-txt > p{padding-bottom: 5px;}
    .list .list-txt > p span:last-child{font-size: 15px;}
    .list ul li{padding: 0px 5px;}

    .join-cont table tbody tr .phone button, .join-cont table tbody tr .dvd > div button{font-size: 13px;}
    .join-cont table tbody tr .phone button{    width: 110px; padding: 7px;}
    .add-wrap .add button{font-size: 13px; padding: 7px;}


    .or-wrap .or-content .top .cap p{font-size: 16px;line-height: 40px;}
    .or-wrap .or-content .top .cap div{margin-top:10px;}


    .or-wrap .or-content .top .cap div span{padding:7px;}
    .or-wrap .or-content .top .cap:last-child div span:first-child:before{top:17px;}

    .program_sub .mt-9{margin-top:50px;}
    .p_sc_explain ul li:last-child{margin-left:30px;}
    .p_sc_explain ul li h3{font-size: 19px;}
    .program_sub h4{font-size: 21px; margin-bottom: 10px;}
    .p_sc_item ul li > div div p{font-size: 15px;}

    :lang(en) .join .tabSet ul.tabs li a span{line-height:1.3}
    :lang(en) .join .tabSet ul.tabs li a.on{border-radius: 40px;}
    :lang(en) .join .tabSet ul.tabs li{display:flex;}
    :lang(en) .join .tabSet ul.tabs{border-radius: 40px;}
    :lang(en) .join .tabSet ul.tabs li a i{width:17px; height:17px;}

    .count_type h5{font-size: 17px;}
    .count_type p{font-size: 16px; line-height: 1.4;}

}



/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){



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

    .s-tit{font-size: 22px;padding-left: 25px;}
    .s-tit:after { width: 8px; height: 8px; }
    .s-tit:before { width: 16px; height: 16px; }
    .in-intro > div > div{    margin-top: 10px;}
    .in-intro > div > div i{height: 17rem;}
    .in-intro > div:nth-child(4) div iframe{    height: 380px;}
    .in-intro > div ul li h3:before{}
    .in-intro > div ul li h3{    font-size: 17px;}

    .intro-top.type02{    padding: 20px 10px;}
    .intro-top.type02 ul{    width: 230px;}
    .intro-top.type02 > div:last-child{    width: calc(100% - 260px);}
    .intro2 > div ul{flex-direction: column;}
    .intro2 > div ul li{width:100%; margin-bottom: 20px;}
    .intro2 > div ul li:nth-child(2n-1){padding-right:0px;}
    .intro2 > div ul li:nth-child(2n){padding-left:0px;}
    .intro2 > div .in-txt > h2{padding:5px 0px;   font-weight:500; font-size: 16px;}
    .intro2 > div .in-txt > p{font-size: 15px;}
    .intro2 > div ul li > div{padding:12px}
    .intro2 > div .in-txt div span{font-size: 14px;}

    .intro4 .intro-top{flex-direction: column;margin-top: 20px;}
    .intro4 .intro-top iframe{width:100%; height:220px;}
    .intro4 .intro-top div{width:100%; margin-top: 30px; margin-left: 0px;}
    .intro4 .intro-top div > p{margin-bottom: 30px;font-size: 18px;}
    .intro4 .intro-top div > div{margin-top:0px}

    .intro4 .trans h2{font-size: 17px;}
    .intro4 .trans ul li h4{font-weight: 500; font-size: 16px;}
    .intro4 .trans ul li p{font-size: 15px;}

    .notice-top div button{height:35px;}
    .board_list .tit{max-width: 150px;}

    .news-wrap ul{margin-top:20px;}
    .news-wrap ul li{width:50%;}
    .news-wrap ul li a > div{margin:10px;}

    .view > div > div:first-child{padding:10px;    margin-top: 20px;}
    .view > div > div h2{font-size: 18px; padding-bottom: 5px;}

    .town-wrap .town-top{flex-direction: column;}
    .town-wrap .town-top i{    width: 100%;}
    .town-wrap .town-top p{margin-top:20px;font-size: 17px; margin-left: 0px; width:100%;}
    .in-town h2{font-size: 20px;}
    .timeline-content h3{    font-size: 20px}
    .timeline-content .his-cont{    margin-top: 4px;}

    .list .swiper-wrap{width:100%;}
    .list ul li{    flex-direction: column;}
    .list .list-txt{margin-left: 0px; width:100%;margin-top: 10px;padding: 15px;}
    .list .list-txt h2{padding-bottom: 10px; font-size:18px}
    .list .list-txt > p{padding-bottom: 5px;}
    .list .list-txt > p span:first-child{    font-size: 16px;}
    .list .list-txt div{margin-top:10px; padding-top: 10px;}

    .gallery ul li{width:50%;}
    .gallery ul li a .mov-txt{padding:10px;}

    .view-btn-wrap li span{width: 45px;}

    .view .mov-wrap iframe{height: 370px;}

    select{font-size: 12px;}

    .pro-top table tbody tr td h2{font-size: 17px;}
    .pro-top table tbody tr td p{font-size: 16px;}
    .pro-top table tbody tr td span{font-size: 14px;}

    .pro-btm ul li{width:50%; margin-bottom: 20px;}
    .pro-btm ul li > div > div span{font-size: 15px;}
    .pro-btm ul li > div > h3{    padding: 5px 0px 12px 0px;}

    .program_tab li a{    font-size: 17px;}
    .program_tab li a.on{    font-weight: 500;}

    .ask-wrap .ask-per ul li .ex-type select{width:100%;margin-right: 0px;margin-bottom: 10px;}
    .count-wrap{width: calc(100% - 140px) !important;}
    .ex-type .add_btn{padding: 11px 30px;}

    .ask-wrap .ask-per ul li > div h3{font-size: 16px;     font-weight: 500;}
    .ask-wrap .ask-per ul li > div input{width:100%;}
    .ask-wrap .ask-per ul li > div div span { margin-left: 0px; margin-top: 5px; display: block; font-size: 15px;}
    .ask-wrap .ask-per ul li.w33 input{width: 47%;}

    .ask-wrap .ask-per ul li > div .input_date_box{width: 100%;}
    .ask-wrap .ask-per ul li > div span strong{font-weight: 500; font-size: 16px;}
    .input_date_box input{width: 100% !important;}

    .login-wrap h2{font-size: 35px;}
    /* .login-wrap.find .in-login{padding:30px;} */
    .in-login table td{padding:7px;}
    .join .join-cont ul li h3{font-size: 19px;}

    .join .tabSet ul.tabs li a i{    width: 18px; height: 18px;}
    .join .tabSet ul.tabs li a{padding: 0.8em 0.95em; font-size: 16px;}
    .join .tabSet ul.tabs li a.on{font-weight: 500; font-size: 16px;}
    .join-cont table tbody tr td:last-child{width:100%;}
    .join-cont table tbody tr td{padding:10px;}

    .list ul{    flex-direction: column;}
    .list ul li{width:100%; padding:0px;}

    .intro4 .trans ul li span{font-size: 15px; font-weight: 500;}
    .intro4 .trans ul li h4{width: 195px;}
    .intro4 .trans ul li div{width: calc(100% - 195px);}
    .intro4 .etc i{width:40px;}
    .intro4 .etc p{font-size: 17px; text-align: center;}

    .join-cont table tbody tr .phone .w33{width: calc(100% - 110px);}
    .join-cont table tbody tr td input{padding: 7px; border-radius: 2px;}
    .add-wrap .add p{padding: 7px; border-radius: 2px;height: 35px;}


    .town-mid .scroll_x{display:block; font-size: 15px; color:red;}

    .item-wrap ul li a > div div p{font-size: 16px; font-weight: 500;}
    .item-wrap ul li a > div div span{    font-size: 15px; font-weight: 500;}

    .p_sc_explain ul{align-items: flex-start; flex-direction: column;}
    .p_sc_explain ul li:last-child {width: 100%; margin-left: 0px; margin-top: 30px;}
    .program_sub table thead tr th{font-size: 16px;}
    .program_sub table tr th, .program_sub table tr td{padding: 7px;font-size: 15px;}
    .p_sc_item > div h5{font-size: 17px;}

    .p_sc_name form ul li{padding: 0px 20px 0px 5px;}
    .p_sc_name form ul li i{    width: 15px;}
    .p_sc_name form ul li div p{font-size: 15px;}
    .p_sc_name form ul li div span{font-size: 14px;}

    :lang(en) .tabSet ul.tabs li a{padding: 10px 20px;}
    :lang(en) .tabSet ul.tabs li a.on{font-weight: 500;}

    .p_sc_work_img .fix_tp01 li i{padding:5px;}
    .p_sc_work_img .fix_tp02 li > div div i{padding:5px;}
    .p_sc_work_img .fix_tp02 li.part02 > div{padding-left:5px;}
    .p_sc_work_img li.part02 div i{padding-bottom: 176%; margin-bottom:5px;}
    .p_sc_work_img li.part02 div i img{left: 0; top: 5px;}
    .p_sc_work_img .fix_tp02 li div p{    padding-left: 5px; font-size: 14px;}



}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){

    .intro3 .intro-btm ul li{width:50%;}
    .intro-top.type02{    flex-direction: column;}
    .intro-top.type02 > div:last-child{margin-top:10px; width:100%;}
    .intro-top.type02 > div:last-child input{width: calc(100% - 90px);}
    .intro-top.type02 > div span{line-height: 1.5; font-size: 13px; width: 90px;}

    .intro4 .intro-top{margin-bottom: 20px;}
    .intro4 .trans{margin-bottom: 20px;}

    .news-wrap ul li a > div{padding:10px;}
    .news-wrap ul li div div p{    font-size: 16px; font-weight: 500;}

    .board-anchor li{padding:10px 0px;}
    .board-anchor li div i{width: 13px;}
    .board-anchor li div span{font-size: 15px;}
    .board-anchor li p{font-size: 15px;}
    .timeline-content p{font-size: 16px;}

    .or-wrap .or-content .bot .org_inner{padding:0px 5px;}

    .in-town h2{margin-bottom: 30px;}
    .town-btm ul li{margin-bottom: 20px;}

    .gallery ul li a div h3{font-weight: 500; font-size: 16px;}

    .view-btn-wrap{    top: 42%;}

    .view .mov-wrap iframe{height: 310px;}

    .intro-top.type02 > div:last-child div{width:90px;}
    .ask-wrap .ask-per ul li > div h3{font-size: 15px; width:130px}
    .ask-wrap .ask-per ul li > div div{    width: calc(100% - 130px);}
    .ask-wrap .ask-per ul li.w33 input{width:46.5%}

    .pro-btm ul li > div{    padding: 30px 16px;}
    .pro-btm ul li > div > span{font-size: 14px;}
    .pro-btm ul li > div > h3{    font-size: 17px;}
    .pro-btm ul li > div button{font-size: 14px;}

    /* .login-wrap.find .in-login{padding:20px;} */
    .in-login table tbody th{     width: 120px;   padding: 10px; font-size: 16px; font-weight: 500;}
    .in-login table tbody tr td input{font-size: 13px;    width: calc(100% - 110px);}
    .in-login table tbody tr td button{width:110px;}

    .in-login.type02 > div p{font-size: 17px; font-weight: 500;}
    .login-wrap.find > div > div > ul li a{font-size: 16px; font-weight: 500;}
    .in-login.type02 > div span{padding: 13px 60px;}

    .login-wrap > div > p{font-size: 17px; padding-top:10px}
    .find .panel{margin-top:30px;}
    .find .tabSet ul.tabs li a{font-size: 16px;}
    .login02_but span button{padding: 10px 24px; font-size: 14px;}

    .join-cont table tbody tr td p{font-size: 15px;}
    .join-cont table tbody tr .dvd > div button, .add-wrap .add button{font-size: 13px;}

    .j-btn li a{    padding-top: 8px; font-size: 15px; height:42px}
    .password_check input{    height: 47px; padding:10px;}
    .password_check div{margin-top:30px;}
    .item-wrap ul li{width:50%;}

    .intro4 .trans ul li{flex-direction: column;}
    .intro4 .trans ul li h4{width:100%;}
    .intro4 .trans ul li div{width:100%;}

    .join-cont table tbody tr .phone button, .join-cont table tbody tr .dvd > div button{font-size: 11px;}
    .join-cont table tbody tr td:last-child span{font-size: 12px;}
    .join-cont table tbody tr td input{    font-size: 11px;}
    .join-cont table tbody tr .phone{align-items: center;}
    .join-cont table tbody tr .phone button, .join-cont table tbody tr .dvd > div button{    margin: 7px 0px 7px 10px;}

    .room_info > div{margin-bottom: 10px;}
    .room_info > div h2{font-size: 20px;}
    .room_info table thead tr td{font-weight: 500; font-size: 17px;}
    .room_info table tbody tr td div p{font-size: 15px;}

    .p_sc_item ul li{width:50%; padding:5px;}

    .count_type .img_list_con ul li:nth-child(3){margin-top: 20px;}
    .count_type .img_list_con ul li:nth-child(4){margin-top: 20px;}
    .count_type .img_list_con ul + ul{margin-top:12px;}
    .count_type .img_list_con{overflow: hidden !important;}


}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
    .s-tit{font-size: 19px;}
    .s-tit:before{width: 14px; height: 14px;top: 8px;}
    .s-tit:after { width: 6px; height: 6px; top:12px;}
    .in-intro > div > div h2{font-size: 16px; font-weight: 500;}
    .in-intro > div > div i{height: 13rem}
    .in-intro > div ul li p{font-size: 15px;}
    .in-intro > div > div > span{font-size: 16px;}
    .in-intro > div ul li h3{font-size: 16px; margin-bottom: 5px;}
    .in-intro > div ul li h3:before{    height: 16px; width: 16px;    top: -2px;}
    .in-intro > div:nth-child(4) div iframe{height:250px;}

    .intro3 .intro-btm ul li{padding-bottom: 20px;}
    .intro3 .intro-btm ul li a > div{padding:10px;}
    .intro3 .intro-btm ul li a > div div{    padding-top: 10px;}
    .intro3 .intro-btm ul li a > div h4{    margin-top: 10px; padding-top: 10px;    font-size: 15px; font-weight: 500;}
    .intro3 .intro-btm ul li a > div p{font-size: 13px;}
    .intro3 .intro-btm ul li a > div div span{font-size: 13px;}

    .intro4 .trans h2{font-size: 16px;}
    .intro4 .intro-top div > i{    margin-right: 13px; width: 20px;    vertical-align: super;}
    .intro4 .intro-top div > p{font-size: 17px;}

    .board_list thead tr th{padding:10px; font-size: 15px;}
    .board_list tbody tr td{padding:10px;    font-size: 15px;}
    /* .board_list .tit{font-size: 15px;} */
    .notice-top{flex-flow: column-reverse; padding-bottom: 5px; font-size: 14px;}
    .notice-top div{margin-bottom: 10px;}
    .board_list thead tr th:last-child{display:none;}
    .board_list tbody tr td:last-child{display:none;}

    .view > div > div h2{font-size: 17px;}

    .container:before{left:20px; height: 94%;}
    .timeline-block{margin-bottom: 20px; justify-content: flex-start;margin-left: 20px; width:100%}
    .timeline-block-right{float:inherit}
    .timeline-block-left{    float: inherit; direction: inherit;}
    .timeline-content{width:100%;}
    .timeline-content h3{position:inherit; left:0; transform:translateX(0); margin-bottom: 10px;}
    .timeline-content p{padding-top:5px;}

    .or-wrap .or-content .bot{padding-top: 50px;}
    .or-wrap .or-content .bot .org_inner .type01:after{height: 50px;    top: -50px;}

    .town-btm ul li{flex-direction: column;}
    .town-btm ul li i{padding-bottom: 55%; width: 100%;}
    .town-btm ul li div{margin-top:20px; width:100%; padding-left: 0px;}

    .list .btn-wrap span{width:33px;}
    .list .list-txt h2{    font-size: 17px;}
    .list .list-txt > p span:first-child{vertical-align: top;}

    .view .content div > p{font-size: 15px;}
    .view > div > div span:last-child{margin-right:0px;}

    .gallery ul li a div p{font-size: 15px; padding:5px 0px;}

    .view .mov-wrap iframe{height:250px}

    .pro-top table tbody tr{display: flex; flex-direction: column;}
    .pro-top table tbody tr td:first-child{width:100%;    height: 45px;}
    .pro-top table tbody tr td:last-child{width:100%;}

    .ask-wrap .ask-per ul li > div{    align-items: flex-start; flex-direction: column;}
    .ask-wrap .ask-per ul li > div h3{width:100%; margin-bottom: 10px;}
    .ask-wrap .ask-per ul li > div div{width: 100%}
    .ask-wrap .ask-per ul li > div input{height:42px}
    .ask-wrap .ask-per ul li.w33 input{width: 46.5%;}
    .pro-btm ul li{padding:0px 5px;}
    .pro-btm ul li > div > h3{font-size: 16px;}
    .pro-btm ul li > div > div p{font-size: 15px;}

    .program_tab li a{font-size: 16px; padding:10px;}


    .ex-type .add_btn{    padding: 14px 28px;     right: 10px; bottom: 17px;font-size: 13px;}
    .count-wrap{background:#fff;}

    .login-wrap h2{font-size: 35px;}
    .login-wrap > div > div{margin-top:10px;}
    .login-wrap .in-login{padding:20px 0px;}
    .login-wrap .login-cont button{font-size: 15px;}
    .login-wrap .in-login > ul li{font-size: 14px;}
    .login-wrap .sns-wrap p span{font-size: 15px; font-weight: 500;}

    .in-login table tbody tr{display: flex; flex-direction: column;}
    .in-login table tbody th{    width: 100%; padding: 5px 10px; font-size: 15px;}


    .find .tabSet ul.tabs li a{font-size: 15px; font-weight: 500;padding: 0.5em 1.35em;}
    .login-wrap > div > p{padding-bottom: 20px;}

    .join-cont table tbody tr{display: flex; flex-direction: column;}
    .join-cont table tbody tr td:first-child{width:100%;}
    .join-cont table tbody tr td:last-child{width: 100%; padding: 0px;}
    .join-cont table tbody tr td input{margin:7px 0px; font-size: 12px;}
    .join-cont table tbody tr .dvd > div{align-items: center;}
    .join-cont table tbody tr .dvd > div button{    padding: 10px 24px}
    .join-cont table tbody tr td:last-child.w33 span{top:16px;}
    .join-cont table tbody tr td:last-child span{font-size: 13px;     top: 16px;}
    .join-cont table tbody tr td:last-child.w50 input{width:50%;}
    .add-wrap .add{margin-top:7px;    margin-bottom: 0px;}
    .join-cont table tbody{border-bottom: 0px;}

    .join3 > div > div div span{font-size: 15px;}
    .join3 > div > div i{width: 60px;}
    .join3 > div > div h3{margin:16px 0px;    font-size: 18px;}
    .join3 > div > div div p{font-size: 16px;}

    .item-wrap ul li > div div p{font-weight: 500; font-size: 16px;}
    .item-wrap ul li > div div span{font-size: 15px;}

    .password_check p{font-size: 15px;}
    .ask-wrap .ask-per ul li > div span strong{font-size: 15px;}
    .ask-wrap .ask-per ul li > div span{font-size: 13px;}

    .room_info table thead tr td{font-weight: 500; font-size: 16px;}
    .room_info table tbody tr td{font-size: 15px;}
    .room_info table tr td{    padding: 5px;}
    .room_info > div h2{font-weight: 500; font-size: 17px;}

    .in-login table tr:last-child td > div div{width: calc(100% - 110px);}

    .room_table_wrap{overflow-x: scroll;}
    .room_info table{width:530px !important}

    .intro4 .etc{flex-direction: column;}
    .intro4 .trans.mb-10{margin-bottom: 50px;}
    .intro4 .trans.type01 > div:last-child{margin-top: 50px;}

    .join-cont table tbody tr .phone:last-child input{margin-top:0px;}
    .join-cont table tbody tr .phone:last-child > div{align-items: flex-start;}

    .or-wrap .or-content .top .cap{width: 160px;    height: 50px; line-height: 50px;    font-size: 16px;}
    .or-wrap .or-content .bot .org_inner .type01 span{font-size: 13px;}

    .program .s-tit span{font-size: 13px; padding-left: 7px;}
    .login-wrap .tabSet ul.tabs li a{font-size: 15px; font-weight:500;}
    .join-cont table tbody tr td input{margin-top:5px;}
    .join-cont table tbody tr td input:last-child{margin-top:0px;}

    .view .content ul li{flex-direction: column;}
    .view .content ul li h3{    padding: 10px;     font-size: 16px; font-weight: 500; width: 100%;}
    .view .content ul li div{width:100%;padding: 10px;}

    .item-wrap ul li a > div div p{    line-height: 1.3;}

    .p_sc_explain ul{padding: 20px;    border-radius: 10px;}
    .p_sc_explain ul li:first-child{width:200px;}
    .p_sc_explain ul li:last-child{    margin-top: 20px;}
    .p_sc_explain ul li h3{font-size: 18px; font-weight: 500;padding-bottom: 7px;}
    .p_sc_explain ul li p { font-size: 14px;}
    .p_sc_name div{overflow: hidden; width: 100%; overflow-x: scroll;}
    .program_sub table{width:500px;}
    .program_sub table thead tr th{padding:7px;}
    .program_sub h4{font-size: 18px; margin-bottom: 5px;}
    .p_sc_info div p{    font-size: 16px;}
    .p_sc_info div em{margin-top: 10px; font-size: 13px;}
    .p_sc_item > div h5{font-size: 16px;}

    .p_sc_name form ul li{width:50%;}
    .p_sc_name form ul li div{padding:10px;}
    .program_sub.p_sub_7 table{width:700px;}



    :lang(en) .board-anchor li div{    width: 120px;}
    :lang(en) .board-anchor li div span{margin-left: 10px;     font-size: 13px;}
    :lang(en) .board-anchor li p{font-size: 13px;margin-left: 20px;    width: calc(100% - 120px);}
    :lang(en) .tabSet ul.tabs li a{padding:10px;    line-height: 1.5;}
    :lang(en) .pro-top table tbody tr td:first-child{width: 100%;}
    :lang(en) .pro-top table tbody tr td:last-child{width:100%;}
    :lang(en) .pro-top table tbody tr td{padding:10px;}
    :lang(en) .pro-top table tbody tr td h2{font-size: 15px;}

    .count_type .img_list_con ul li{width: 100% !important;}
    .count_type .img_list_con ul li + li{margin-top: 12px;}
}

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

    .in-intro > div:nth-child(4) div iframe{height:200px}

    .board_list thead tr th:nth-child(3){display:none;}
    .board_list tbody tr td:nth-child(3){display:none;}
    .board_list .tit{max-width:100px;}

    .paging a.bt:first-child, .paging a.bt:last-child{display:none}
    .notice-top div input{font-size: 12px;    width: 160px;}

    .news-wrap ul li a > div{margin:5px}
    .news-wrap ul li div div{margin-top: 13px; padding-top: 10px;}
    .news-wrap ul li div div p{font-size: 15px;}
    .news-wrap ul li div div span{font-size: 14px;padding-top: 5px;}

    .view > div > div h2{font-size: 16px;}
    .gallery ul li a div h3{font-size: 15px;}
    .gallery ul li{padding: 0px 5px;}

    .view .mov-wrap iframe{height: 200px;}

    .pro-top table tbody tr td h2{font-weight: 500;font-size: 16px;}
    .pro-top table tbody tr td{padding:12px;}
    .pro-top table tbody tr td p{font-style: 14px;}
    .pro-top table tbody tr td span{font-style: 13px;}

    .pro-btm ul li{width:100%;}

    .ask-wrap .ask-per ul li > div div span{font-size: 13px;}
    .ask-wrap .ask-per ul li.w33 input{width: 46%;}


    .count-wrap{width:100% !important;}
    .ask-wrap .ask-per ul li .ex-type p{font-size: 15px;}
    .ex-type .add_btn{ padding: 10px 28px; right: inherit; bottom: inherit; position: relative;width: 100%;}

    /* .login-wrap.find .in-login{padding:13px;} */
    .login-wrap .login-cont{justify-content: space-between;}
    .login-wrap h2{font-size: 25px;}
    .login-wrap .login-cont ul{    width: calc(100% - 90px);}
    .login-wrap .login-cont ul li:first-child{margin-bottom: 10px;}
    .login-wrap .login-cont button{width:90px;margin-left: 10px;}
    .login-wrap .login-cont ul li input{font-size: 12px;}

    .in-login table tbody tr td input{width: calc(100% - 80px);    font-size: 11px;}
    .in-login table tbody tr td button{    width: 80px; font-size: 12px;}

    .popup .popup-cont div p{font-size: 16px; font-weight: 500;}
    .join-cont table tbody tr .dvd > div input{width:calc(100% - 90px)}
    .join-cont table tbody tr .dvd > div button{width: 90px;    padding: 10px 18px;}
    .add-wrap .add button{width: 90px;    padding: 10px 18px;}
    .add-wrap .add p{    width: calc(100% - 90px);}
    .join .tabSet ul.tabs li a{padding:8px;}
    .join .tabSet ul.tabs li a i{width:14px; height:14px;}

    .item-wrap ul li > div div p{ font-size: 15px;}
    .item-wrap ul li > div div span{font-size: 13px;}
    .in-login table tr:last-child td > div div{width: calc(100% - 70px);}
    .in-login table tr:last-child td > div div input{width: calc(100% - 45px);}
    .in-login table tr:last-child td > div div span{width:45px;}

    .login-wrap .sns-wrap{flex-direction: column;}
    .login-wrap .sns-wrap p:first-child{margin-right:0px;    margin-bottom: 5px;}
    .login-wrap .sns-wrap p{width:100%;}

    .intro-top.type02 > div:last-child input{padding: 3px; font-size: 11px;}

    .or-wrap .or-content .bot .org_inner .type01{    line-height: 1.8;padding: 5px;}

    .p_sc_explain ul li h3{font-size: 17px;  line-height: 1.5;}
    .p_sc_explain div p{font-size: 14px;}
    .p_sc_info div{padding:20px;}
    .p_sc_info div p{margin-bottom: 10px;}
    .p_sc_info div p span{display: block; margin-left: 0px;}
    .p_sc_item ul li{width:100%;}
    .p_sc_name form ul li div p{font-size: 13px;}
    .p_sc_name form ul li div span{font-size: 12px;}


    :lang(en) .intro3 .intro-btm ul li a > div h4{    line-height: 1.3;}
    :lang(en) .board_list thead tr th{padding: 5px; font-size: 13px;}
    :lang(en) .board_list tbody tr td{font-size: 13px; padding: 7px 5px;}
    :lang(en) .or-wrap .or-content .top .cap{width:240px;}
    :lang(en) .or-wrap .or-content .bot .org_inner .type01 > span{line-height: 1.5;}

    :lang(en) .town-btm ul li div h3{font-size: 16px;}
    :lang(en) .town-btm ul li{padding:10px;}
    :lang(en) .town-btm ul li div p{font-size: 14px;}
    :lang(en) .intro-top.type02 > div:last-child input{width: calc(100% - 70px);}
    :lang(en) .intro-top.type02 > div span{width:70px;}
    .view > div .file_wrap{font-weight: 300; font-size: 14px; padding:10px;}

    .p_sc_work_img .fix_tp02{flex-direction: column;}
    .p_sc_work_img .fix_tp02 li.part01{width:100%;}
    .p_sc_work_img .fix_tp02 li.part02{width:100%}
    .p_sc_work_img .fix_tp02 li div p{margin-bottom:10px;}
    .p_sc_work_img .fix_tp02 li.part02 > div{padding-left:0px;}
    .p_sc_work_img li.part02 div i{    padding-bottom: 135%;}
    .p_sc_work_img .fix_tp02 li.part02 div p{padding-left:0px; margin-top:10px;}


}


/* ********************************************* *
* 350px
* ********************************************* */
@media screen and (max-width: 350px){
    .ask-wrap .ask-per ul li.w33 input{    width: 45%;}
    .j-btn li a{width:110px;}
    .join .tabSet ul.tabs li a{height:100%;}
    .join .tabSet ul.tabs li a.on{    border-radius: 40px;}

      .or-wrap{ overflow-x: scroll;}
    .or-content{width: 350px;}

}