@charset "utf-8";

@import url("base.css");

/*¼­ºêÄÁÅÙÃ÷*/
#sub_content {position:relative; margin:60px auto 120px;}

/* ·ÎÆß¼Ò°³ */

#sub_content .title {color:#333; font-size:52px; margin-bottom:40px;}
#sub_content .title strong {vertical-align:baseline;}
.about {overflow:hidden;}
.about_visual {height:550px; background:url("../img/sub/about_bg.jpg") no-repeat top center / cover; margin-top:60px;}
.about .inner {position:relative; padding:75px 70px 0; background-color:#fff; transform:translateY(-80px); margin-bottom:-80px; z-index:50;}
.about .inner::after {content:"";position:absolute;top:0;right:-100%;width:100%;height:100%;background-color:#fff;}
/* .about_wrap {padding:0 50px;} */
.about_wrap p {font-size:18px; color:#555; line-height:1.5; }


/* ¾÷¹« */
.practice .content01{position:relative; padding-top:60px;}
.practice .content01::after{content:''; width:100%; height:55%; background-color:#F7F7F7; position:absolute; left:0; bottom:5%; z-index: -1;}
.practice .content01 .txt-box h2{font-size:32px; border-bottom:1px solid #ddd; padding:50px 0 15px; margin-bottom:20px;}
.practice .content01 .txt-box ul li{position:relative; padding-left:19px;}
.practice .content01 .txt-box ul li::after{content:''; width:4px; height:4px; border-radius:50%; background-color:#ED8C28; position:absolute; top:11px; left:0; }



/* º¯È£»ç¸ñ·Ï */
.lawyer_list {margin-top:30px;}
.lawyer_list ul {flex-wrap:wrap;}
.lawyer_list ul li {width:33.333%}
.lawyer_list ul li a {display:block; padding:20px;}
.lawyer_list .img_container {background:#f8f8f8; overflow:hidden;}
.lawyer_list .img_container img {transition:0.3s; height:100%;}
.lawyer_list .info {text-align:right; margin-top:20px;}
.lawyer_list .info span {display:block; font-family:'Lora'; margin-bottom:10px; font-size:16px;}
.lawyer_list .info p {font-size:24px; font-weight:bold; color:#333; text-align:right;}
.lawyer_list ul li:hover .img_container img {transform:scale(1.05);}


/* º¯È£»çÇÁ·ÎÇÊ */
#sub_content.lawyer {margin-top:0;}
.lawyer .proflie {width:100%; height:800px; background:url("../img/sub/lawyer_bg.jpg") no-repeat top center / cover;}
.proflie .wrap {height:100%;}
.proflie .flex_wrap {flex-wrap:wrap; height: 100%; align-items: flex-end;}
.proflie .flex_wrap > div {width:50%;}
.proflie .flex_wrap .img {text-align:center;}
.proflie .flex_wrap .img img {width:500px;}
.proflie .flex_wrap .info {color:#000; text-align:right; padding-right:20%; margin-bottom:100px;}
.proflie .flex_wrap .info > span {display:block; font-family:'Lora'; margin-bottom:10px; font-size:16px;}
.proflie .flex_wrap .info h2 {font-size:48px;}
.proflie .flex_wrap .info ul {margin-top:25px;}
.proflie .flex_wrap .info ul li {font-size:18px; margin-bottom:10px;}
.proflie .flex_wrap .info ul li b {vertical-align: baseline;}

.lawyer_txt {margin-top:60px; font-size:18px; line-height:1.5;}

.lawyer_box {margin-top:60px; border-top:2px solid #222;}
.lawyer_box .collapsible {font-weight:bold; color:#111; border-bottom:1px solid #eee; cursor: pointer; padding: 18px; width: 100%; text-align: left; outline: none; font-size: 18px;}
.lawyer_box .active, .lawyer_box .collapsible:hover {color:#511515;}
.lawyer_box .content {padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.lawyer_box .content .list01 {padding:20px;}
.lawyer_box .content .list01 li {position:relative; font-size:16px; color:#333; padding:7px 0 7px 15px;}
.lawyer_box .content .list01 li:before {content:''; width:3px; height:3px; background:#333; border-radius:50%; position:absolute; left:0; top:0; bottom:0; margin:auto;}
.lawyer_box .collapsible:after {content: '\002B'; color: #555; font-weight: bold; float: right; margin-left: 5px;}
.lawyer_box .active:after {content: "\2212";}

.news_list {position:relative; margin-top:60px; border-top:2px solid #222;}
.news_list > h4 {font-weight:bold; color:#111;  cursor: pointer; padding: 18px 0; width: 100%; text-align: left; outline: none; font-size: 18px;}
.news_list .more{position:absolute; top:18px; right:0; font-weight:bold; color:#511515; transition:0.3s;}
.news_list .more:hover {color:#222;}
.news_list ul {gap:0 2rem; margin-top:20px;}
.news_list ul li {width: calc((100% - 6rem) / 4); border:1px solid #eee; margin-bottom:15px; transition:0.3s;}
.news_list ul li:hover {border:1px solid #511515; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2);}
.news_list ul li a {display:block; padding:20px; transition:0.3s;}
.news_list ul li a span {display:block; font-size:16px; font-weight:bold; color:#511515; margin-bottom:10px;}
.news_list ul li a h4 {font-size:24px; font-weight:bold; color:#231f20; height:7rem; word-break:keep-all; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; margin-bottom:25px;}
.news_list ul li a p {font-size:15px; color:#231f20; }

.lawyer .pagination-container {margin-top: 20px; display: flex; justify-content: center;}
.lawyer .pagination .page-numbers {display: inline-block;}
.lawyer .pagination .page-numbers a, .pagination .page-numbers .current {display: inline-block; padding: 5px 10px; margin: 0 5px; font-size: 18px; text-decoration: none; color: #333;}
.lawyer .pagination .page-numbers .current {background-color: #511515; color: #fff;}



/* ¿À½Ã´Â ±æ */

.location .tab-content {padding:0; background:#fff;}
.location ul.tabs li {font-size:24px; font-weight:bold; border:none; color:#ddd; transition:0.3s;}
.location ul.tabs li.current, .location ul.tabs li:hover {background:none; color:#de1e26;}



.map-script-wrapper {position: relative; overflow: hidden; margin: 60px auto 0; height: 500px;}
.map-script-wrapper iframe {width:100%;}
.map-script-wrapper .map-script-con {position: absolute; top: 50%; left: 50%; width:1400px; height: 500px; margin:-250px 0 0 -700px;}
.root_daum_roughmap_landing {width:100% !important;}
.map-container {position: relative;}
.map-info-box {
    background:#222;
    border-radius: 30px;
    position: absolute;
    bottom: -70px;
    left: 50px;
    z-index: 100;
    padding: 50px;
    box-sizing: border-box;
    min-width: 450px;
}

.map-info-box .location-tit {
    position: relative;
    margin-bottom: 32px;
}

.map-info-box .location-tit i {
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 2px;
}

.map-info-box .location-tit p {
    font-size: 24px;
    letter-spacing: -0.04px;
    color: #fff;
    font-weight: 600;
    line-height: 1.3;
    padding-left: 34px;
}

.loca-info-list {
    position: relative;
}

.loca-info-list .loca-item {display: flex; position:relative;}

.loca-info-list .loca-item dl {
    display: flex;
    align-items: center;
}

.loca-info-list .loca-item i {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(255,255,255,0.6);
    margin-right: 18px;
    position: absolute;
    left: 0;
	top:-3px;
}

.loca-info-list .loca-item dl dt {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 400;
    color: rgba(255,255,255,0.6);
    margin-right: 18px;
    padding-left: 30px;
}

.loca-info-list .loca-item dl dd {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: rgba(255,255,255,1);
}




/* ¿¬Çõ */


.history .itemBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 11.2%;
}

.history .imgBox {
  width: 100%;
  max-width: 670px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 25.8335% 0;
  position: relative;
  overflow: hidden;
}

.history .item .img,
.history .item span {
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.history .item .img {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  overflow: hidden;
}

.history .item .img img {
  position: absolute;
}

.history .item span {
  color: #ffffff;
  font-size: 64px;
  font-weight: 600;
  letter-spacing: 0.4em;
  position: absolute;
  top: 60px;
  right: 40px;
}

.history .item.on .img,
.history .item.on span {
  opacity: 1;
}

.history .item.on .img {
  height: 100%;
}

.history .item.on span {
  letter-spacing: -0.020em;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.history .textBox,
.history .listBox,
.history .list,
.history dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.history .textBox {
  width: 100%;
  position: relative;
}

.history .bar {
  width: 1px;
  height: calc(100% - 1.2em);
  background: #DDDDDD;
  margin: 1.2em 0 0;
  position: absolute;
  left: 4.5px;
  overflow: hidden;
}

.history .bar span {
  display: block;
  width: 1px;
  height: 0;
  background: #de1e26;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.history .listBox,
.history .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.history .listBox {
  width: 100%;
  gap: 200px 0;
  padding: 0 45px;
  overflow-y: scroll;
}

.history .listBox::-webkit-scrollbar {
  width: 0;
}

.history .list {
  gap: 100px 0;
}

.history dl {
  position: relative;
}

.history dl::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  background: #de1e26;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  left: -43.5px;
}

.history dl dt {
  width: 145px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #111111;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.4;
}

.history dl p,
.history dl p b {
  line-height: 2.2;
}

.history dl p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 5px;
  color: #555555;
  font-size: 20px;
  font-weight: 300;
}

.history dl p::before {
  content: "-";
}

.history dl p span {font-size:14px; vertical-align: bottom; display: contents;}


/* Á¶Á÷µµ */

.organ .pc {display:block;}
.organ .mob {display:none;}


/* ÀÎÁõ¼­ */

.certi {justify-content: space-between; margin-top:60px;}
.certi h4 {max-width:26.6665%; font-size:32px; color:#111; font-weight:600;}
.certi h4 span {vertical-align:baseline;}
.certi .contents {max-width:73.3335%;}
.certi .contents .itemBox {justify-content: flex-start; gap:40px 2%;}
.certi .contents .itemBox .item {width:calc(94% / 4);}
.certi .contents .itemBox .item .img {border:1px solid #eee;}
.certi .contents .itemBox .item .img img {width:100%;}
.certi .contents .itemBox .item p {font-size:18px; word-break:keep-all; margin-top:20px; text-align:center;}


/* ȸ»ç¼Ò°³ */
.greetings {margin-bottom:140px;}
.greetings h2 {font-size:48px; font-weight:bold; word-break:keep-all; color:#333; margin-bottom:20px;}
.greetings h2 span {vertical-align:baseline;}
.greetings p {font-size:18px; line-height:1.6; color:#666; word-break:keep-all; }
.greetings .sign {text-align:right; margin-top:40px;}
.greetings .sign span {font-weight:bold;}

.slogan {margin-bottom:140px;}
.slogan h1 {font-size:72px; font-weight:bold; margin-left:30vw; margin-bottom:40px; width:60vw;}
.slogan h1 div {}
.slogan h1 div:nth-child(1) {}
.slogan h1 div:nth-child(2) {margin-left: 0; width: 60vw; white-space: nowrap;}
.slogan h1 div:nth-child(2) span {color:#b7b7b7; padding-left:10vw; margin-left: -8px;}
.slogan h1 div:nth-child(3) {margin-left: 0; width: calc(10vw * 6);}
.slogan h1 div:nth-child(3) span {padding-left: calc(5vw + 30px);}
.slogan h1 div span {display:block; padding:0 30px;}
.slogan .banner {position:relative; z-index:-1;}
.slogan .banner .pc {display:block;}
.slogan .banner .mob {display:none;}

.intro {}
.intro .item {justify-content: space-between; align-items: center; margin-bottom:100px;}
.intro .item.align_top {align-items:flex-start;}
.intro .item > div {width:calc(94% / 2);}
.intro .item .pic {border-radius:40px; overflow:hidden;}
.intro .item.right .pic {order:2}
.intro .item .txt {}
.intro .item .txt h3 {font-family:'Montserrat'; font-size:36px; margin-bottom:40px; color:#222; font-weight:bold;}
.intro .item .txt p {font-size:18px; line-height:1.8; color:#777; word-break:break-all;}




/*¼­ºê °øÅë*/
.sub__title__box{text-align:center; display:none; }
.sub__title__box .sub__title{position:relative;font-size:25px;display:inline-block;font-weight:700;line-height:32px;margin-top:0;}
.sub__title__box .sub__title i{position:absolute;bottom:-10px;right:-10px;width:30px;height:30px;border-radius:50%;background:#f8aa1f;z-index:-1;}
.sub__title__box .sub__bar{display:block;background:#121212;width:110px;height:2px; margin:30px auto 70px;}
.sub__middle__tit{position:relative;font-size:22px;display:inline-block;font-weight:600;}
.sub__middle__tit::before{content:"";position:absolute;top:-10px;left:-10px; width:30px;height:30px;border-radius:50%;background:#f8aa1f;z-index:-1;}
.sub__middle_des{font-weight:400;font-size:18px;}
.sub__title__box .sub__title__des{display:block;}
.cf::after{content:"";display:block;clear:both;}

/*¼Ò°³*/
.intro__photo{margin:0 auto;border:2px solid #ddd;}
.intro__photo img{width:100%;height:auto;}

.intro__box{display:flex;margin-top:70px;}
.intro__time{width:23%;}
.intro__time li{border-bottom:1px solid rgba(0,0,0,.2);padding:8px 0;}
.intro__time li:last-child{border-bottom:none;}
.intro__time li div{/*display:inline-block;letter-spacing:-1.5px;*/}
.intro__time .sub__middle__tit,.intro__text .sub__middle__tit{margin-bottom:15px;}
.intro__time_day{font-weight:500;font-size:18px;}
.intro__time_des{}

.intro__text{width:76%;padding-left:100px;}
.intro__text .sub__middle_des{margin-bottom:20px;}
.intro__text__item p{font-size:16px;color:rgba(0,0,0,.7);line-height:25px;margin-bottom:20px;font-weight:400;}


/* ÇÁ·Î±×·¥ ¾È³» */
.program__inner .sub__bar{margin:30px auto 30px;}
.program__box{margin:80px 0 100px;}
.program__box__item{display:flex;border:1px solid #ddd;margin-bottom:45px;}
.program__box__item:last-child{margin-bottom:0;}
.program__photo{width:30%}
.program__photo img{width:100%;height:auto;}

.program__text{width:70%;padding:45px 60px 0 60px;}
.program__text .sub__middle__tit{font-weight:600;margin-bottom:25px;line-height:32px;}
.program__text .sub__middle__tit>span{font-size:16px;}
.program__text__des{font-size:20px;font-weight:400;margin-bottom:22px;line-height:25px;}
.program__text p{font-size:16px;margin-bottom:35px;color:rgba(0,0,0,.7);}
.program__text buttom a{padding:10px 35px;font-size:18px;background:#f8aa1f;color:#fff;font-weight:500;border-radius:50px;}


/* ½Ã¼³ÀÌ¿ë ¾È³»*/
.facility__box__item{text-align:center;position:relative;margin-bottom:50px;}
.facility__num{background:#f8aa1f;width:47px;height:47px;border-radius:50%;color:#fff;font-size:20px;line-height:35px;
position:absolute;top:-30px;left:50%;transform:translateX(-50%);z-index:20;border:7px solid #fff;}
.facility__text{padding:25px;background:#f8f8f8;max-width:920px;margin:0 auto;}
.facility__text h3{font-size:20px;margin-bottom:15px;}
.facility__text span{font-size:16px; opacity:.7;letter-spacing:-1px;}
.facility__text1{padding:35px 25px 25px;}
.facility__text1, .facility__text2 {margin-bottom:10px;}




@media all and (max-width:1600px){
	.history .itemBox {gap: 0 60px;}

	.slogan h1 {width:80vw; margin-left:10vw; font-size:60px; box-sizing:border-box;}
	.slogan h1 div:nth-child(3) {width: calc(10vw * 8);}
}

@media all and (max-width:1450px){
	ul.tabs{}
	ul.tabs li{width:calc(100% / 4)}
	ul.tabs li:nth-child(5),ul.tabs li:nth-child(6),ul.tabs li:nth-child(7){width:calc(100% / 3)}

	.history .imgBox {width: 45%;}
	.history .item span {font-size: 46px; top: 40px;}
	.history .listBox {gap: 120px 0; }
	.history .list {gap: 60px 0; }
	.history dl dt {width: 100px; font-size: 28px;}
	.history dl p {font-size: 18px;}

	.slogan h1 {margin-left:0;}

	/*°ßÀûº¸±â*/
	#view_tb1 .title_table {width: 38%;}
}

@media all and (max-width:1200px){
	.ad_pro_wrap{gap:2em;}
	.product_list_ad, .product_list_ad.ad2{width:46%;}
	.collection_list, .ad02 .collection_list{width:46%}
	.flex_wrap.collection_list_flex.ad02, .collection_list_flex{gap:2em;}

	 .history dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px 0;}
	.history dl dt {width: 100%;}

	.certi .contents .itemBox .item {width:calc(96% / 3);}
}

@media all and (max-width:1100px){
	.facility__bg{width:20%;}
	.program__text{padding:40px 0 0 60px;}
	.program__text .sub__middle__tit{margin-bottom:20px;line-height:32px;}
	.program__text__des{margin-bottom:18px;}
	.program__text p{margin-bottom:25px;}
	.facility__bg{width:18%;}
}

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

	
	.space__map{padding:35px 150px 70px;}
	.program__photo{width:32%}
	.program__text{padding:40px 20px 0 40px;}
	.program__text .sub__middle__tit{margin-bottom:18px;line-height:25px;}
	.program__text__des{margin-bottom:15px;font-size:18px;}
	.program__text__des>br{display:none;}
	.program__text p{margin-bottom:20px;}
	.program__text buttom a{padding:8px 30px;font-size:16px}
	
	.facility__bg{width:20%;}


	.bg_box {margin:70px 0;}

	.pro_tit01 {font-size:30px;}
	.pms_wrap .pro_wrap {margin-top:40px;}
	.pms_wrap .pro_wrap .info_wrap {margin-bottom:0;}
	.pms_wrap .pro_wrap .info_wrap h2 {font-size:24px;}

	.xr_wrap .pro_wrap .info_wrap h2 {font-size:24px;}
	
	.history .itemBox {gap: 0 40px;}
	.history .item span {font-size: 32px;top: 20px;right: 20px;}
	.history .listBox { gap: 70px 0; padding: 0 30px;}
	.history .list {gap: 30px 0;}
	.history dl::before {top: 10px; left: -28.5px;}
	.history dl dt {font-size: 25px;}

	/*°ßÀûº¸±â*/
	#view_tb1 .title_table {width: 30%;}
	.tbl_head01 tbody th{padding:15px;}
	#view_tb1 .view_th1{padding:10px;width:150px;font-size: 18px;}
	#view_tb1 .view_td1{font-size: 18px;padding:10px;}

}

@media all and (max-width:900px){
	.intro__time{width:30%;}
	.intro__text{width:70%;padding-left:30px;}

	.photo__text__tit{font-size:18px;margin-bottom:4px;}
	.space__photo__text>span{line-height:16px;font-size:14px;}
	.space__cont2{margin-top:20px;}
	.tools__box__item{margin: 0 4px;}
	.tools__box__item>p{font-size:14px;}

	.program__box__item{flex-direction:column;}
	.program__photo{width:100%;}
	.program__text{width:100%;padding:40px 20px 40px 40px;}
	.program__text__des>br{display:block;}

	.facility__bg{width:25%;}
	
	.certi h4 {margin-bottom:30px;}
	.certi h4 br {display:none;}
	.certi h4, .certi .contents {max-width:100%;}
	
	.greetings, .slogan {margin-bottom:100px;}
	.slogan h1 {width:90vw; font-size:45px; margin-bottom:30px;}

	.intro .item > div {width:calc(96% / 2);}
	.intro .item .txt h3 {font-size:30px;}
	.intro .item .txt p {font-size:16px;}

	.news_list ul {gap:0 1rem;}
	.news_list ul li {width: calc((100% - 2rem) / 3);}
	.news_list ul li a h4 {font-size:20px; height:6rem;}
}



@media all and (max-width:768px){
	.intro__box{flex-direction:column; height:auto;}
	.intro__time{width:100%;height:auto;padding:0 35px 0; margin-bottom:50px;border:0;}
	.intro__time ul{display:flex;}
	.intro__time li{border-bottom:0; border-left:1px solid rgba(0,0,0,.2);padding-left:30px;padding-right:30px;}	
	.intro__time li:nth-child(1){border-left:0;padding-left:0;}
	.intro__text{padding-left:35px; width:100%;}
	.intro__text__item p:nth-child(2) br{display:none;}

	.space__map{padding:35px 100px 70px;}
	.space__photo{width:50%;}
	/*.space__photo__item img{height:300px;}*/
	.space__photo__item img{height:330px;}
	.space__photo1 .space__photo__item{overflow:hidden;}
	

	.space__photo__item{margin-bottom:20px;}
	.space__photo__box1{margin-bottom: 20px;}
	

	.navi__text__item p i{margin-left:10px;}
	.navi__text__item .navi_ico3{display:inline-block;}
	
	.tools__box li{float:left;width:50%;margin-bottom:20px;}

	.facility__bg{width:22%;}

	.facility__box__item .sub__middle__tit{margin-left:40px;margin-bottom:20px;}
	.facility__box__text{padding:10px 20px 30px 180px;background-repeat:no-repeat;background-size: 60px auto;}
	.facility__box__text1, .facility__box__text2, .facility__box__text3, .facility__box__text4, .facility__box__text5,
	.facility__box__text6, .facility__box__text7, .facility__box__text8{background-position:40px 8px;}
	
	.mesh_list {width:calc(94% / 2); margin-bottom:30px;}
	.mesh_list p.tit {font-size:22px; margin:15px 0;}
	.mesh_list p {font-size:16px;}

	.product_list_ad, .product_list_ad.ad2{width:100%;}
	.collection_list, .ad02 .collection_list{width:100%}
	ul.tabs li:nth-child(5),ul.tabs li:nth-child(6){width:calc(100% / 2)}
	ul.tabs li:nth-child(7){width:calc(100% / 1)}
	ul.tabs li{width:calc(100% / 2)}

	.auto_wrap > div {margin-bottom:60px;}

	.map-info-box {padding:25px; position:static; margin:30px auto 0; min-width:auto;}
	.map-info-box .location-tit p {font-size:18px;}

	.location ul.tabs li {text-align:center; font-size:20px;}

	.history .imgBox {display: none;}
	.history .item {position: relative;}
	.history .item .img, .history .item .img img {position: relative; top: auto; left: auto; bottom: auto;}
	.history .textBox {max-width: 670px;}
	.history .list {margin: -30px 0 0;}


	.organ .pc {display:none;}
	.organ .mob {display:block;}

	.certi .contents .itemBox .item {width: calc(98% / 2);}

	
	.greetings h2 {font-size:34px;}
	.greetings p {padding-left:0;}

	.slogan h1 {width:100%; font-size:5vw;}
	.slogan .banner .pc {display:none;}
	.slogan .banner .mob {display:block; width:100%;}
	
	.intro .item {margin-bottom:60px;}
	.intro .item > div {width:100%;}
	.intro .item .txt {margin-top:40px;}
	.intro .item .txt h3 {font-size:26px; margin-bottom:20px;}
	.intro .item.right .pic {order:0;}

	/*°ßÀûº¸±â*/
	#inquiry{width:97%;margin:0 auto;padding:80px 0;}
	#view_tb1 .view_th1 {width:20%; padding:10px 5px;}
	#view_tb1 .view_td1 {width:30%; font-size:16px; padding:10px 5px;}

	
}


@media all and (max-width:600px){
.intro__time{padding:0 20px 0;}
	.intro__time ul{flex-direction:column;}
	.intro__time li{border-bottom:0; border-left:0;padding-left:0;padding-right:0;
	border-bottom:1px solid rgba(0,0,0,.2);padding:8px 0;display:flex;justify-content:space-between;}
	.intro__time li:last-child{border-bottom:none;}
	.intro__text{padding-left:20px;padding-right:20px;}
	.photo__text__tit{font-size:16px;}

	.space__photo__item img{height:260px;}
	.space__photo__text>span{font-size:14px;}
	.space__photo__text>span br{display:none;}
}

@media all and (max-width:500px){
	.space__map{padding:35px 0 70px;}
	.space__photo__item img{height:200px;}

	.program__text__des br{display:none;}
    .program__text__des .program__br4{display:block;}

	.facility__bg{width:28%;}
	.facility__box__item .sub__middle__tit{margin-left:30px;margin-bottom:20px;}
	.facility__box__text{padding:0 20px 30px 140px;}

	.facility__box__text1, .facility__box__text2,	.facility__box__text3,	.facility__box__text4,	.facility__box__text5,
	.facility__box__text6,	.facility__box__text7,	.facility__box__text8{background-position:33px 8px;}


	.pro_tit01 {font-size:24px; text-align:left;}
	.pms_wrap .pro_wrap .info_wrap h2 {font-size:20px}
	.pms_wrap .pro_wrap .info_wrap ul {margin-top:10px;}
	.pms_wrap .pro_wrap .info_wrap ul li {font-size:16px; padding-bottom:5px;}
	.pms_wrap .pro_wrap .info_wrap ul li:before {top:10px;}

	.xr_wrap .pro_wrap .info_wrap h2 {font-size:20px}
	.xr_wrap .pro_wrap .info_wrap ul {margin-top:10px;}
	.xr_wrap .pro_wrap .info_wrap ul li {font-size:16px; padding-bottom:5px;}
	.xr_wrap .pro_wrap .info_wrap ul li:before {top:10px;}	

	p.ad_img_tit{font-size:1em}

		.ect_scrip_img img{width:2.5vw;}
	
	.slogan h1 {font-size:26px;}
	.slogan h1 div:nth-child(2), .slogan h1 div:nth-child(3) {width:100%;}
	.slogan h1 div:nth-child(2) span {padding-left:30px; margin-left:0;}
	.slogan h1 div:nth-child(3) span {padding-left:30px;}

	#inquiry{width:97%;margin:0 auto;padding:60px 0;}

	.news_list ul li {width: calc((100% - 1rem) / 2);}
	.news_list ul li a h4 {font-size: 18px;height: 5.4rem;}
	
}


@media all and (max-width:430px){
	.space__photo{width:100%;}
	.space__photo__item{margin:0;margin-bottom:20px;}
	.space__photo__box1{margin-bottom: 20px;}
	.space__photo__box2 .space__photo{width:100%;}
	.space__photo__item img{height:auto;}
	.photo__text__tit{font-size:22px;margin-bottom:8px;}
	.space__photo__text>span{line-height:20px;font-size:16px;}
	th img,td img{width:4vw;}
	.ect_scrip_img img{width:3vw;}
	
	.certi h4 {font-size:24px;}
	.certi .contents .itemBox .item {width:100%;} 

	


}

@media all and (max-width:375px){
	.facility__bg{width:30%;}
	.facility__box__item .sub__middle__tit{margin-left:20px;margin-bottom:20px;}
	.facility__box__text{padding:0 20px 30px 130px;}

	.facility__box__text1, .facility__box__text2, .facility__box__text3, .facility__box__text4, .facility__box__text5, .facility__box__text6, 
	.facility__box__text7, .facility__box__text8{background-position:28px 8px;}

}


@media all and (max-width:340px){
	p.ad_img_tit{font-size:1.3em}
}