@charset "utf-8";
@media (max-width:1500px){
  #lnb{padding: 0 0 0 240px}
  #top_nav{padding: 0 13% 0 0;}
}
@media (max-width:1350px){
	.inner{padding-left: .938rem; padding-right: .938rem;}
  .bbs-top .sch-st1{position: relative; margin-bottom: 1.8em;}
  #top_nav > li > a{padding: 0 10px}
  #header #logo{left: .938rem}
  #header .ico-user{right: .938rem}
  #footer .f_logo{left: .938rem}
  br.m{display: none;}
}

@media (max-width:1180px){
  #top_nav > li span span{display: inline;}
  #top_nav > li > a{font-size: 17px;}
}

@media (max-width: 1100px){
#top_nav > li > a{padding: 0 6px; font-size: 15px;}
}


@media (max-width:1024px){
  html{font-size: 15px}
  .form-st1 .t{width: 100%; padding: 10px; text-align: left;}
.form-st1 .cont{height: auto; padding: 10px 0 0}
  .form-st1 select, .form-st1 input[type="text"], .form-st1 input[type="password"],.form-st1 .rel button{height: 3rem; padding: 0 10px}
  .tel-st1 .dash, .mail-st1 .dash, .date_form dt, .date_form dd span{line-height: 3rem;}
  .form-st1 textarea{padding: 10px}
  .form-st1 .item > *,.form-st2 .item > *{display: block;}
  .form-st1 .rel{padding-right: 6.8em;}
  .form-st1 .rel button{width: 6.3em}
  .form-st1 .item,.form-st2 .item{display: block; padding-bottom: 10px;}
  .add-st1 .a1 button{width: 5em;    word-break: keep-all;}
  .form-st1 textarea{height: 8.7em}
  .btn-st1{width: 100%;display: block;}
  .form-st1 .small,.form-st1 .mid,.mail-st1{max-width: 100%}
  .date_form:before{background: none}
  .date_form > dl{float: none !important; width: 100%}
  .date_form > dl.r{margin-top: 10px;}
  .form-st1 .add_txt{display: block;margin: 5px 0 0;}
  .form-st2{padding: 15px 0 0}
  .form-st2 .t{width: 100%;padding: 0 10px;text-align: left;}
  .form-st2 .cont{padding: 15px 10px}
  .inquiry-top .txt1 {position: static; top: 0; width: 100%; margin-bottom: 1em;}
  #lnb{display: none;}
  #header{height: 5em}
  #header #logo{margin: 0; position: relative; transform: translate(-50%,-50%); left: 50%; width: 18em}
  #header .ico-user{right: .938rem; width: 50px}


#footer{text-align: center; padding: 0 0 2.5rem}
#footer .inner{padding: 0 .938rem}
#footer .top{margin-bottom: 2.5rem; text-align: center; padding: 1.5rem 0}
#footer .top .l,#footer .top .r{float: none;}
#footer .top .l{line-height: 1.15; margin-bottom: 15px;}
#footer .top select{}
  #footer .f_logo{position: static; transform: none; margin: 0 auto 15px;}
  #footer .f_logo img{margin: 0 auto; display: block;}
  #footer .f_sel{position: static; transform:none; height: 3.5em}
  #footer .top{}

  #sub_visual{padding: 7.5em 0 3.5em 0;}
  .sub-t{font-size: 2.18em;}
  #snb{padding: 1rem 0}
  #tabs-depth{padding: 1rem 0}
  #snb li{margin-left: 1.8em;}

  #snb .inner,#tabs-depth .inner{overflow-x: auto; white-space: nowrap;}
  #tabs-depth a{padding: 5px 10px}
  #tabs-depth li{padding: 0 10px}

  .btns_w-st1 > *{margin: 5px 0 0;}
  .btns_w-st1 > *:first-child{margin-top: 0;}
  .bbs-list{font-size: .938rem;}
  .bbs-list th, .bbs-list td{padding: 1em 10px}
  .paging_w li{font-size: 1rem;}
  .bbs-top .sch-st1 select, .bbs-top .sch-st1 input{height: 3em}
  .btn-view_w{margin-top: 3em;}
  .bbs-faq .q{padding: 1em 0 1em 10px}
  .bbs-faq .a{padding: 1em 10px}
  .bbs-faq .q .in, .bbs-faq .a .in{padding-left:1.5em;}
  #btn-menu{display: block;}
  .depth_bg{display: none;}

  .pc_only{display: none !important}
  .tablet{display: block !important}
    #sub_page{padding-top: 3em; padding-bottom: 5em;}
    body.position #sub_page{padding-top: 5.9em;}
    body.position.depth #sub_page{padding-top: 9.4em;}

    .group-st1,.group-st3{display: block;}
    .group-st1 .tit{width: 100%; margin-bottom: 1.15em;}
    .group-st1 > *,.group-st3 > *{display: block;}
    .program_info > ul{display: -webkit-flex;
    display: -ms-flex;
    display: flex; flex-wrap:wrap}
    .program_info > ul > li{height: auto}
    .program_info .t{padding: 1em 1.5rem 0; margin-bottom: 1em;}
    .program_info .txt{padding: 0 1.5rem 1.5rem}
    .group-st3 .t{width: 100%; margin-bottom: 1.15em;}

}
@media (max-width:768px){
  html{font-size: 14px}

    .bbs-top .sch-st1 .in{max-width: 100%;padding-left: 7em;}
    .bbs-top .total{position: static; margin-bottom: 1em;}
    .bbs-top .sch-st1 select{width: 6.7em}
    .bbs-top .sch-st1 .input{padding-right: 3.9em;}
    .bbs-top .sch-st1 button{width: 3.9em}
    .tit-st1{font-size: 1.8em;}
    .tit-st1 span{padding-right: 1em;}
    .bbs-isotope .item{width: 31.8333333333%}
    .bbs-isotope a{padding: 1em}
    .bbs-view .top{padding: 1.25rem 0}
    .bbs-view .top .t{padding-right: 0;}
    .bbs-view .etc{position: static; transform: none; text-align: right; margin-top: 10px;}
    .bbs-file{padding: 1rem 0}
    .bbs-view .cont{padding: 2rem 0 3rem}
    .prev_next{font-size: 1rem; line-height: 3.5em;}
    .prev_next dl{padding-left: 5.9rem;}
    .prev_next dt{width: 5.9rem}
    .prev_next dd{padding: 0 1rem  }
    .btn-write{width: 87px}
    .bbs-gallery{margin: 0;}
    .bbs-gallery .item{width: 100%; margin: 0 0 30px 0;}
    #pop-login{padding: 1.5em 1em}
    #pop-login .t{font-size: 2.4em; margin-bottom: .35em;}
    #pop-login .btn-close{    right: 1em;
    top: 1em;
    width: 1.0em;
    height: 1.0em;}
    #pop-login .form input{height: 3.5em; padding: 0 10px}
    .btn-login{height: 3em}
    .greeting .l,.greeting .r{float: none; width: 100%}
    .greeting .r{margin-top: 1.5em;}
    .group-st1 .tit{font-size: 1.8em;}
    .info_page .dev{margin-left: 0;}
    .info_page .dev > li{margin: 1.8em 0 0; width: 100%}
    .info_page .dev > li:first-child{margin-top: 0;}
    .program_info > ul > li{width: 100%; margin: .87em 0 0;}
    .program_info > ul > li:first-child{margin-top: 0;}
    .com_w .half_w{margin-left: 0;}
    .com_w .half_w > *{float: none; width: 100%; margin-left: 0;}
    .com_w .half_w .r{margin-top: 3em;}
    .mt-st1{margin-top: 3em;}
    .essay .group-st3{margin-top: 5em;}
    .mt-st2{margin-top: 7em;}
    .group-st2 .mb{margin-bottom: 1.8em;}
    .celebration {display: block;}
    .celebration li:nth-child(1), .celebration li:nth-child(2) {width: 100%;}
    .celebration li:nth-child(3) {width: 100%;}
    .celebration li {padding-bottom: 30px;}
    #m_create .img img {min-width: 100%; min-height: 100%; max-width: 300%;}
    #m_create .iimg img {/*min-width: 100%;*/ min-height: 100%; max-width: 300%;}
    
}
@media (max-width:480px){
  .bbs-isotope .item{width: 48.5%}
  #footer .top .r{max-width: 400px; margin: 0 auto;}
  #footer .top .r select{width: 100%; height: 40px; margin: 5px 0 0; padding-left: 15px;}
  #footer .top .r select:first-child{margin-top: 0;}

  

}
@media (max-width:400px){
  #header #logo{max-width: 67%}
  #header .ico-user{font-size: 12px; width: 40px; height: 20px; line-height: 20px;}

}
@media (max-width:380px){

}
@media (max-width:320px){
}