@charset "utf-8";

@media (max-width:1500px) {
    header .gnb-list>li>a{font-size:16px;}
    header .mem-link-wrap a .pic{width:35px;height:35px;}
    header .mem-link-wrap a .pic img{max-width:100%;}
    header .mem-link-wrap a .txt strong{font-size:16px;}
    header .mem-link-wrap a .txt span{font-size:16px;}
    .section.view-item{height:40vw;}
    .section.view-item .rela{max-width:1200px;width:calc( 100% - 100px );padding:0 20px;}
    .section.view-item .rela .cont .desc,
    .section.view-item .rela .cont .desc strong{font-size:3vw;}
    .visiual-box .swiper-slide .msg{font-size:1vw;}
    .section.premium .rela{max-width:1200px;width:calc( 100% - 100px );padding:0 20px;}
    .section.premium .rela .ko-tit{margin-top:10vw;font-size:1.5vw;}
    .section.premium .rela .en-tit{font-size:3vw;}
    .section.premium .rela ul{margin-top:5vw;}
    .section.premium .rela ul li{width:calc( 50% - 10px );height:40vw;}
    .section.premium .rela ul li .pic{width:100%;height:30vw;}
    .section.premium .rela ul li .sdesc,
    .section.premium .rela ul li .pic .bar{font-size:1.2vw}
    .section.premium .rela ul li .stit{margin-top:0;font-size:26px;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li a{font-size:16px;}

    footer .rela{width:calc( 100% - 100px );}
    footer .rela .fcont{margin-left:20px;}
    footer .rela .flogo{width:200px;}
    footer .rela .flogo img{max-width:100%;}
    footer .rela .elogo{width:200px;}
    footer .rela .elogo img{max-width:100%;}
    footer .rela .fcont ul li,
    footer .rela .fcont .copy{font-size:14px;}

    .about-item01 .rela{padding:10vw 0; width:calc( 100% - 100px );}
    .about-item01 .rela .pic{width:30vw;}
    .about-item01 .rela .pic img{max-width:100%;}
    .about-item01 .rela .cont{margin-left:5vw;width:100%;flex:1}
    .about-item01 .rela .cont dl dt strong,
    .about-item01 .rela .cont dl dt{font-size:3.3vw;}
    .about-item01 .rela .cont dl dd ul li{margin-top:3vw;font-size:16px;}
    .about-item01 .rela .pic dl dt{font-size:14px;}
    .about-item01 .rela .pic dl dd ul li{font-size:14px;}

    /*.about-item03 .rela{padding:0 20px;width:calc( 100% - 40px );}*/
    .about-item03 .rela .pic{width:60vw;}
    .about-item03 .rela .cont{width:100%;flex:1;}
    .about-item03 .rela .cont dl dt,
    .about-item03 .rela .cont dl dt strong,
    .about-item03 .rela .cont dl dd ul li strong{font-size:26px;}
    .about-item03 .rela .cont dl dd ul li{font-size:16px;}

    .about-item04 .cont dl dt,
    .about-item04 .cont dl dd,
    .about-item05 .rela .cont dl dd{font-size:16px;}
    .about-item04 .cont dl dt strong,
    .about-item05 .rela .cont dl dt{font-size:20px;}
    .about-item05 .rela{padding:15vw 0;width: calc( 100% - 100px );max-width: 1260px;}

    .about-item06 .rela .pic{width:39vw;}
    .about-item06 .rela .cont dl dt,
    .about-item06 .rela .cont dl dt strong{font-size:30px;}
    .about-item06 .rela .cont dl dd,
    .about-item06 .rela .location-info{font-size:16px;}
    .about-item06 .rela .cont dl dd{margin-top:3vw;}
    .about-item06 .rela .location-info{margin-top:3vw;}

    .about-item06 .rela .loc-list li .key strong{font-size:22px;}
    .about-item06 .rela .loc-list li .key{width:25vw;}
    .about-item06 .rela .loc-list li .value .desc,
    .about-item06 .rela .loc-list li .value ul li .num,
    .about-item06 .rela .loc-list li .value ul li .bg,
    .about-item06 .rela .loc-list li .value .item-wrap .stit,
    .about-item06 .rela .loc-list li .value .item-wrap .sdesc,
    .about-item06 .rela .loc-list li .value .item-wrap .sopt,
    .about-item06 .rela .loc-list li .value ul li .bo{font-size:16px;}
    .about-item06 .rela .loc-list li .value{margin-top:16px;}
    .about-item06 .rela .loc-list li .value .item-wrap{padding:22px;}

    
    .facility-item01 .rela{padding:10vw 0;width:calc( 100% - 100px );}
    .facility-item01 .rela .item-wrap .cont ul li .key{font-size:16px;width:15vw;}
    .facility-item01 .rela .item-wrap .cont ul li .value{font-size:16px;}
    .facility-item01 .rela .item-wrap .cont ul li .value span{font-size:16px;}
    .facility-item01 .rela .item-wrap .cont ul li{margin-top:3vw;}
    .facility-item01 .rela .elist{margin-top:6vw;}
    .facility-item01 .rela .elist li .key,
    .facility-item01 .rela .elist li .value{font-size:16px;}

    .facility-item02 .rela .cont h4,
    .facility-item03 .rela .cont h4,
    .facility-item04 .rela .cont h4,
    .facility-item05 .rela h4,
    .facility-item06 .rela h4{font-size:26px;}
    .facility-item02 .rela .cont .desc,
    .facility-item03 .rela .cont .desc,
    .facility-item04 .rela .cont .desc{margin-top:2vw;font-size:16px;}
    .facility-item05 .rela{padding:10vw 0;}
    .facility-item06 .rela .desc{font-size:22px;}
    .facility-item06 .rela{height:50vw;}

    .facility-item07 .rela dl dt{font-size:26px;}
    .facility-item07 .rela dl dd .desc,
    .facility-item07 .rela dl dd .list01 li .sdesc,
    .facility-item07 .rela dl dd .list02 li .msg{font-size:16px;}
    .facility-item07 .rela dl dd .list01 li{width:calc( 50% - 10px );}
    .facility-item07 .rela dl dd .list01 li .spic img{max-width:100%;}
    .facility-item07 .rela dl dd .list02 li .item-rt{width:35vw;height:38vw;}
    .facility-item07 .rela dl dd .list02 li .item-lt{height:38vw;}
    .facility-item07 .rela dl dd .list02 li{ /*width: calc( 50% - -660px );*/}

    .medical-item01 .rela h4,
    .medical-item02 .rela h4,
    .medical-item04 .rela h4,
    .medical-item05 .rela .cont h4,
    .medical-item06 .rela h4,
    .service-item01 .rela dl dt,
    .service-item03 .rela dl dt,
    .service-item04 .rela dl dt{font-size:26px;}
    .medical-item01 .rela .desc,
    .medical-item01 .rela ul li .txt,
    .medical-item02 .rela .desc,
    .medical-item04 .rela .desc,
    .medical-item05 .rela .cont .desc,
    .medical-item06 .rela .desc,
    .service-item01 .rela dl dd .nlist li,
    .service-item01 .rela dl dd .nlist li:before,
    .service-item01 .rela dl dd .stit,
    .service-item01 .rela dl dd .sdesc,
    .service-item01 .rela dl dd .mlist li .mtit,
    .service-item01 .rela dl dd .mlist li .mdesc,
    .service-item03 .rela dl dd .stit,
    .service-item03 .rela dl dd .sdesc,
    .service-item03 .rela dl dd .list01 li .mtit,
    .service-item03 .rela dl dd .list01 li .mdesc,
    .service-item04 .rela dl dd .stit,
    .service-item04 .rela dl dd .sdesc{font-size:16px;}
    .medical-item01 .rela ul li .txt span{font-size:16px}
    .medical-item01 .rela ul li{width:calc( 50% - 10px );}
    .medical-item01 .rela{padding:10vw 0;width:calc( 100% - 100px );}
    .section.bi-item02 .rela {width:calc( 100% - 100px );}

    .medical-item02 .rela,
    .medical-item04 .rela,
    .medical-item06 .rela{padding:10vw 0;width:calc( 100% - 100px );}

    .medical-item05 .rela{height:80vw;width:calc( 100% - 100px );}
    .service-item01 .rela dl dd .mlist li{width:calc( 50% - 10px );}
    
	.service-item01 .rela dl dd .plist li{width:calc( 50% - 10px );}
	.service-item01 .rela dl dd .plist .plist_3{width:calc( 50% - 10px );}
    .service-item03 .rela dl dd .list01 li{width:calc( 50% - 10px );}

    .service-item04 .rela{padding:10vw 0;}

    .service-item05 .rela ul li{width:calc( 50% - 10px );}
    .service-item05 .rela ul li .tit,
    .service-item05 .rela ul li .desc{font-size:16px;}
    .service-item05 .rela ul li .pic img{width:100%;}
    .service-item03 .rela dl dd .list01 li .spic img{width:100%;}

    .support-item01 .rela,
    .support-item03 .rela,
    .support-item04 .rela{padding:10vw 0;width:calc( 100% - 100px );}
    .support-item01 .rela h4,
    .support-item03 .rela h4,
    .support-item04 .rela h4,
    .support-item05 .rela h4,
    .support-item06 .rela h4{font-size:30px;}
    .support-item01 .rela .desc,
    .support-item03 .rela .desc,
    .support-item04 .rela .desc,
    .support-item05 .rela .desc,
    .support-item06 .rela .desc{font-size:20px;}

    .about-item06 .rela{width:calc( 100% - 100px );max-width:1260px;}

    .service-item01 .rela{width:calc( 100% - 100px );padding:0 20px 10vw 20px;}
    .service-item03 .rela{width:calc( 100% - 100px );padding:0 20px 10vw 20px;}
    .service-item04 .rela{width:calc( 100% - 100px );padding:10vw 20px;}
    .service-item05 .rela{width:calc( 100% - 100px );padding:0 20px 10vw 20px;}


	header .gnb-list>li>a {padding: 0 20px}
	.facility-item07 .rela dl dd .list02 li .item-rt {width:calc(50% - 40px)}
	
	.about-item01 .rela {width:auto; display: inline-block}
	.about-item01 .rela .pic {float: left}
	.about-item01 .rela .cont {width: 40vw; margin-top:8vw; float: left; text-align: left} 

    .section.vision-item01 .rela .cont dl dt{font-size:26px;}
    .section.vision-item01 .rela .cont dl {margin-left: 50px; width: auto;}
    .section.vision-item01 .rela .cont dl dt strong{font-size:26px;}
    .section.vision-item01 .rela .cont dl dd ul li{font-size:16px;}
    .section.bi-item02 .rela h3{font-size:26px;}
    .section.admission-item01 .rela dl dt{margin-top:8vw;font-size:26px;}
    .section.admission-item01 .rela dl dd .list01 li .pic img{width:20vw}
    .section.admission-item01 .rela dl dd .list01 li .desc{font-size:1.2vw;}
    .section.admission-item01 .rela dl dd .list01 li{padding:4vw 0;}
    .section.admission-item01 .rela dl dd table th,
    .section.admission-item01 .rela dl dd table td{font-size:14px;}
    .section.admission-item01 .rela dl dd table{margin-top:3vw;}
    .section.admission-item01 .rela dl dd .olist li{font-size:1vw;}

    .section.admission-item01 .rela dl dd .guide-box-wrap{margin-top:4vw;padding:4vw 0;}
    .section.admission-item01 .rela dl dd .guide-box-wrap .desc{font-size:2vw;}
    .section.admission-item01 .rela dl dd .guide-btn-wrap button{font-size:2vw;}
    .section.admission-item01 .rela dl dd .nlist li{font-size:1.3vw;}

    .section.admission-item01 .rela dl dd .step-list{width:100%;display:flex;margin-top:3vw;height:auto;overflow:hidden;justify-content: space-between;}
    .section.admission-item01 .rela dl dd .step-list li{float:left;/*margin-right:4vw;*/}
    .section.admission-item01 .rela dl dd .step-list li:before{width:4vw;height:4vw;background-size:cover;top:3vw;left:-4vw;margin-top:0;}
    .section.admission-item01 .rela dl dd .step-list li{width:10vw;}
    .section.admission-item01 .rela dl dd .step-list li .ico{width:10vw;height:10vw;}
    .section.admission-item01 .rela dl dd .step-list li .desc{font-size:1.3vw;}

    .admission-item{top:10vw; left: 50px; margin: 0}
    .admission-item .atit{font-size:2.5vw;}
    .admission-item .adesc{font-size:1.3vw;}
    .section.admission-item01 .rela dl dd .help-msg-list{padding:4vw;}

    .section.admission-item01 .rela dl dd .help-msg-list .stit{font-size:2vw;}
    .section.admission-item01 .rela dl dd .help-msg-list ul li{font-size:2vw;}

    .section.volunteer-menu ul{height:5vw}
    .section.volunteer-menu ul li a{font-size:20px;}
    .section.volunteer-menu ul li{padding:0 5vw;}
    .section.volunteer-menu ul li:before{width:1px;height:20px;margin-top:-10px;}
    .section.volunteer-item01 .rela{width:calc( 100% - 100px );}
    .section.volunteer-item01 .rela dl dt{margin-top:8vw;}
    .section.volunteer-item01 .rela dl dd .volunteer-about .t01{font-size:2vw;}
    .section.volunteer-item01 .rela dl dd .volunteer-about .t02{font-size:1.7vw;}
    .section.volunteer-item01 .rela dl dd .volunteer-about{height:30vw;background-size:cover;}
    .section.volunteer-item01 .rela dl dd,
    .section.volunteer-item01 .rela dl dd .nlist li,
    .section.volunteer-item01 .rela dl dd .nlist li:before{font-size:1.3vw;}

    .section.volunteer-item01 .rela dl dd .step-list{display:flex;margin-top:4vw;height:auto;overflow:hidden;}
    .section.volunteer-item01 .rela dl dd .step-list li{float:left;margin-right:4vw;}
    .section.volunteer-item01 .rela dl dd .step-list li .desc{font-size:14px;}
    .section.volunteer-item01 .rela dl dd table th{font-size:14px;}
    .section.volunteer-item01 .rela dl dd table td{font-size:14px;}
    .section.volunteer-item01 .rela dl dd .volunteer-btn-wrap button{font-size:1.3vw;}

    .section.board-item .rela{padding:5vw 0 10vw 0;}
    .section.admission-item01 .rela {width: calc( 100% - 100px );}
	.section.volunteer-item01 .rela dl dd .recruit-list li:before {left:-10vw}

}

@media (max-width:1200px) {
    .about-item03{width: 100%;}
    .about-item03 .rela{ width: calc(100%-260px;)}
    .about-item03 .rela .cont{margin-left: 88px;}

	.main_visual .human {margin: 0; left: 50px}
	.main_visual .human img {width: 20vw}
	
	@keyframes movebg {
		0% {background-position: 0 center;}
		100% {background-position: -200px center}
	}
	
	.facility-item07 .rela dl dd .list02 li {width: auto}
	.facility-item07 .rela dl dd .pic {width: auto; margin: 30px 20px 0}
	.facility-item07 .rela dl dd .pic img {width: 70%}
	.facility-item07 .rela dl dd .list01 li .spic img {width: 70%}
	.facility-item07 .rela dl dd .list02 li .item-rt,
	.facility-item07 .rela dl dd .list02 li .item-lt {height: 24vw}
	
	
	.about-item03 .rela {width: auto; margin: 0 50px}
	.about-item03 .rela .cont {margin: 0}
	
	.main_visual .txt {margin: 0; left: 50px; top:50px}
	.main_visual .txt img {width: 28vw}
	
    .section.bi-item02 .rela { margin:80px auto;}
    .admission-item{width:calc( 100% - 40px );margin-left:0;left:20px;}
    .facility-item07 .rela {width: auto; width: calc(100% - 80px); margin:0 auto}
    .section.admission-item01 .rela dl dd .olist li{font-size:1.3vw;}
	.facility-item07 .rela dl dd .list02 li .item-rt { width: calc(50% - 5px);}

    .facility-item01 .rela .elist li {width: auto}
    .facility-item01 .rela .elist li .key {width: 100px; text-align: left}
    
   .board_style {width: calc(100% - 40px) !important;}
   
    .service-item01 .rela dl dd .cotras_example{width:100%; height: auto; overflow: hidden; margin-top: 50px;}
	.service-item01 .rela dl dd .cotras_example li{height: auto; overflow: hidden; float:left; width:calc(33% - 10px); margin: 5px 2px 19px 17px;}
	.service-item01 .rela dl dd .cotras_example li img{width: 100%; float:left;}
	.service-item01 .rela dl dd .cotras_example li:nth-child(1){margin-left: 0;}
/* 	.service-item01 .rela dl dd .cotras_example li:nth-child(3){float:right;} */
	.service-item01 .rela dl dd .cotras_example li:nth-child(4){margin-left: 0;}
	.service-item01 .rela dl dd .cotras_example li:nth-child(6){float:right;}
	


}

@media (max-width:1096px){
	.service-item01 .rela dl dd .cotras_example li{width:calc(50% - 10px);margin: 5px 2px 19px 0px;}
	.service-item01 .rela dl dd .cotras_example li:nth-child(2){float:right;}
	



}

@media (max-width:1024px) {
    /*공통 헤더*/
    header{background:#fff;padding-top:0;margin:0;height:60px;}
    header .rela{height:60px;width:100%; padding: 0 20px; background: #779b49;}
    header:before{display:none;}
    header .rela .gnb-box{opacity:0;transition:all .5s;background:#222;z-index:990;display:block;position:fixed;left:-100%;top:0;width:100%;height:100%;overflow:hidden;overflow-y:auto;}
    header .rela h1 {top:0; left: 20px; display:flex;justify-content:flex-start;align-items:center;height:60px;padding:0;margin-left:0px;}
    header .rela .today-msg{left:180px;top:0px;height:60px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;}
    header .rela .today-msg .tit{font-size:14px;}
    header .rela .today-msg .date{font-size:12px;}
    header .rela h1 a{width:110px;height:40px;overflow:hidden;background:url(../image/etc/etc-logo.png) no-repeat left top;background-size:110px auto;}
    header .rela h1 img{display:none;}
    header.active .rela h1{position:relative;z-index:999;width:100%;height:60px;display:flex;justify-content:flex-start;align-items:center;}
    header.active .rela h1 a{background:url(../image/etc/etc-logo-big-org.html) no-repeat;background-size:100px 44px !important;}
    header.active .rela h1 img{visibility:hidden;}
    header .side-cont{display:flex;position:absolute;right:5px;top:5px;}
    header .mem-link-wrap{padding:10px 0;top:0; right: 0; left:0;background:#779b49;}
    header .mem-link-wrap button span{color:#fff;}

    header .side-cont.on .btn-total-nav span{background:#fff}

    header .side-cont .btn-total-nav{background:transparent}
    header .side-cont .btn-total-nav span{background-color:#fff;}
    header .side-cont .btn-total-nav.on span{background:#333;}
    header .rela .gnb-box.on{opacity:1;margin-top:0;left:0;}
    header.active:before{z-index:41;content:"";width:100%;height:100%;overflow:hidden;position:fixed;left:0;top:0;background:rgba(0,0,0,.7);display:block;}

    header .mem-link-wrap a{margin-left:20px;}
    header .rela .gnb-box.on .gnb-list{margin:100px 0 0 0;flex-direction: column;align-items: flex-start;}
    header .gnb-list>li>a span{font-size:20px;}
    header .gnb-list>li>a i{font-size:20px;}
    header .gnb-list>li>a{height:54px;}
    header .gnb-list>li .sub-menu-wrap{display:block;position:static;}
    header .gnb-list>li .sub-menu-wrap .sub-item{float:left;margin:5px 0;width:100%;}
    header .gnb-list>li .sub-menu-wrap .sub-item .sub-tit{font-size:16px;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li a{flex:1;height:50px;font-size:14px;padding-left:20px;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul{margin-top:10px;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li{margin-left:0;width:100%;border-top:0;align-items: flex-start;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li:first-child{border-top:0;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li>ul{background:#22262a;width:180px;display:block !important;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li>ul>li{border-top:0;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li>ul>li>a{font-weight:300;padding-left:10px;}
    header .gnb-list>li{width:100%;}
    header .side-link-wrap{margin:20px auto;justify-content: center;}
    header .side-link-wrap button{width:120px;height:30px;}
    header .side-link-wrap button img{width:25px;height:25px;}
    header .side-link-wrap button span{font-size:16px;}
    header .mem-link-wrap button{margin-left:10px;width:120px;height:30px;font-size:16px;}
    header .mem-link-wrap button.btn-login{width:110px;}
    /*
    .wrapper{flex-direction:column;display:flex;justify-content:flex-start;align-items:flex-start;overflow:hidden;position:absolute;left:0;top:0;height:100%;}
    */
    header{display:flex;}
    .topbar-wrap{display:none;}
    header .gnb-list>li>a{color:#fff;font-size:16px;}
    header .gnb-list>li>a{margin:0;}
    header .rela .gnb-box .sub-menu-wrap{opacity:1;width:calc( 100% - 40px );margin:0 auto;height:auto;background:#262b2f;transform:translateY(0px) !important;}
    header .gnb-list>li .sub-menu-wrap {background:#262b2f;}
    header .gnb-list>li .sub-menu-wrap:after {background:#262b2f;}
    header .rela .gnb-box .gnb-list:before{display:none}
    header .rela .gnb-box .gnb-list:hover .sub-menu-wrap{display:none;}
    header .gnb-list>li>a{color:#fff !important;}
    header .gnb-list>li>a.on{}
    header .gnb-list>li a +.sub-menu-wrap{display:block !important;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul{margin-top:0;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li a{color:#fff; text-align: left;}
    header .gnb-list>li>a.on{}
    header .gnb-list>li>a.on{}
    header .gnb-list>li:hover a:before{display:none;}
    header .gnb-list>li .sub-menu-wrap .sub-item ul>li a:hover{color:#f1f1f1 !important;}
    header .rela .gnb-box.on:before{content:"";position:absolute;left:20px;top:15px;display:block;min-height:30px;opacity:1;width:146px;height:30px;overflow:Hidden;}
    .container{height:100%;overflow-y:auto; margin-top: 60px;}
    footer{padding:20px 0;}
    footer .rela{display:block;}
    footer .rela .fcont{margin-left:0;margin:10px 0 20px 0;}
    footer .rela .fcont ul li{margin-right:20px;}
    
    
    .support-item01 .rela, .support-item03 .rela, .support-item04 .rela {
    padding: 10vw 0;
    width: calc( 100% - 80px );
	}
	.support-item01 .rela h4, .support-item03 .rela h4, .support-item04 .rela h4, .support-item05 .rela h4, .support-item06 .rela h4 {font-size: 24px}
	.support-item01 .rela .desc, .support-item03 .rela .desc, .support-item04 .rela .desc, .support-item05 .rela .desc, .support-item06 .rela .desc {font-size: 22px}

	.section.premium .rela,
	footer .rela,
	.section.view-item .rela,
	.medical-item01 .rela,
	.facility-item01 .rela,
	.medical-item02 .rela, 
	.medical-item04 .rela, 
	.medical-item06 .rela, 
	.medical-item05 .rela,
	.about-item06 .rela,
	.section.volunteer-item01 .rela,
	.facility-item05 .rela,
	.about-item05 .rela {width: calc( 100% - 80px );}
	.section.premium {padding-bottom: 100px}
	.about-item03 .rela {margin: 0 40px}
	
	.about-item04 .cont {margin-left: 40px}
	
    .section.vision-item01 .rela .cont{width:100%;}
    .section.vision-item01 .rela .pic{width:100%;}
    .section.admission-item01 .rela dl dd .help-msg-list{width:calc( 100% - 8vw - 2px );}
    .section.volunteer-item01 .rela {
    width: calc( 100% - 80px );
    
    .section.vision-item01 .rela .cont dl dt {margin-top: 80px}
    .about-item06 .rela {padding: 80px 0}
    .visiual-box .swiper-slide .cont .desc {font-size: 16px}
    .section.volunteer-item01 .rela dl dd .step-list {max-width: 500px}
    
	.section.admission-item01 .rela {width: calc( 100% - 80px );}
	
	


}


@media (max-width:768px) {

    footer .fnb-list{display:block;}
    footer .fnb-list li{width:50%;float:left;}

    footer .fnb-list li{margin-bottom:5px;}
    footer .fnb-list li a{font-size:14px;}
    footer .info-list li,
    footer .info-list li:first-child{font-size:12px;}

    .mo-menu-wrap{display:flex;}
    .section.view-item .rela .cont a{margin-top:20px;font-size:14px;width:100px;height:30px;}
    .section.premium .rela .en-tit{margin-top:0;}
    footer .rela .flogo,
    footer .rela .elogo{width:140px;}
    .visiual-box .swiper-slide .msg{left:10px;bottom:0px;font-size:.8vw;}
    .about-item01 .rela .cont dl dd ul li br{display:none;}
    .about-item01 .rela .cont dl dd ul li{line-height:1.8em;}
    .about-item03 .rela .pic{width:45vw;}
    .about-item03 .rela .cont dl dd{margin-top:20px;}
    .about-item03 .rela .cont dl dd ul li{line-height:1.8em;}
    .about-item04 .cont{margin-left:20px;}
    .about-item04 .cont dl dd{margin-top:5px;line-height:1.8em;}
    .about-item05 .rela .cont dl dd{line-height:1.8em;}
    .about-item05 .rela{padding:10vw 0;}
    .about-item06 .rela .pic{width:100%;margin-top:20px;position:static;}
    .about-item06 .rela .location-info{line-height:1.8em;}
    .about-item06 .rela .loc-list{margin-top:20px;}
    .about-item06 .rela .loc-list li .key img{width:30px;height:30px;}
    .about-item06 .rela .loc-list li .key strong{margin-left:5px;}
    .about-item06 .rela .loc-list li .key{width:28vw;}
    .about-item06 .rela .loc-list li .value{margin-top:2vw;}
    .about-item06 .rela .loc-list li .value ul li{margin:5px 20px 0 0;}
    .about-item06 .rela .loc-list li .value ul li .bg{width:40px;height:20px;}
    .about-item06 .rela .loc-list li .value ul li .bo{width:40px;height:20px;}
    .about-item06 .rela .loc-list li .value .item-wrap{width:calc( 100% - 3vw );}
    .about-item03 .rela .cont dl dd ul li{margin-top:5px;}
    .visiual-box .swiper-slide img {}
    .facility-item05 .rela .pic-list01 .msg,
    .facility-item05 .rela .pic-list02 li .msg{font-size:2vw}
    .medical-item05 .rela .cont table{width:100%;}
    .medical-item05 .rela{height:auto;padding:10vw 0;}
    .medical-item05 .rela .cont table colgroup col:nth-child(1){width:90px;}
    .medical-item05 .rela .cont table colgroup col:nth-child(2){}
    .medical-item05 .rela .cont table colgroup col:nth-child(3){width:50px;}
    .medical-item05 .rela .cont table colgroup col:nth-child(4){width:50px;}
    .medical-item05 .rela .cont table colgroup col:nth-child(5){width:50px;}
    .medical-item05 .rela .cont table th{word-break:break-all;font-size:11px;}
    .medical-item05 .rela .cont table td{word-break:break-all;font-size:12px;}
    
    
	.main_visual {position: relative; background: none !important; overflow: hidden;}
	
	
	.section.premium .rela ul li {width: 100%; height: auto; margin-bottom: 50px}
	.section.premium .rela ul li .pic {height: 50vw}
	.visiual-box .swiper-slide img {width: 170vw; margin-left: -35vw}
	.visiual-box .swiper-slide .txt img {width: 50vw; margin: 0}
	.visiual-box .swiper-slide .txt {left: 50px; top:70px}
	.visiual-box .swiper-slide .human img {width: 30vw; margin: 0}
	.visiual-box .swiper-slide .msg {letter-spacing: -1.5px; font-size: 10px}
  /*.section.view-item {height: 70vw}*/
	.section.view-item.bg01 {background: url(../image/bg/bg-view-item01.jpg) no-repeat center center; background-size: cover;}
	.section.view-item.bg02 {}
    

	.footer .rela .fcont ul li{font-size: 2vw;}
	.section.vision-item01 .rela .pic {height: 50vw}
	.section.vision-item01 .rela .cont {height: auto; padding: 80px 0}
	.section.vision-item01 .rela .cont dl dt {margin: 0}
    .section.vision-item01 .rela .cont dl dd ul li{font-size:14px;}
    .section.vision-item02 .rela h3{font-size:20px}

    .admission-item .atit{font-size:20px;}
    .admission-item .adesc{font-size:14px}

    .section.admission-item01 .rela dl dt{font-size:20px;}
    .section.admission-item01 .rela dl dd .list01 li .desc{font-size:14px;}
    .section.admission-item01 .rela dl dd .olist li{font-size:14px;}
    .section.admission-item01 .rela dl dd .guide-box-wrap .desc{width:calc( 100% - 40px );padding:0 20px;font-size:14px;margin-top:5px;}
    .section.admission-item01 .rela dl dd .guide-btn-wrap button{font-size:14px;height:50px;}
    .section.admission-item01 .rela dl dt{margin-top:14vw;}
    .section.admission-item01 .rela dl dd .step-list li .desc{margin-top:5px;font-size:12px;}
    .section.admission-item01 .rela dl dd .step-list li .ico{width:13vw;height:13vw;}
    .section.admission-item01 .rela dl dd .step-list li{width:13vw;}
    .section.admission-item01 .rela dl dd .help-msg-list{padding:20px;width:calc( 100% - 42px );margin-top:20px;}
    .section.admission-item01 .rela dl dd .help-msg-list .stit{font-size:14px;}
    .section.admission-item01 .rela dl dd .help-msg-list ul li{font-size:14px;}
    .section.admission-item01 .rela dl dd .nlist li{font-size:14px;}
    .section.volunteer-menu ul{height:auto;}
    .section.volunteer-menu ul li{padding:0;width:20%;display:flex;justify-content:center;align-items:center;height:60px;text-align:center;}
    .section.volunteer-menu ul li a{font-size:14px;}
    .section.volunteer-item01 .rela dl dd .volunteer-about .t01{width:calc( 100% - 5vw );padding-left:5vw;margin-top:5vw;}
    .section.volunteer-item01 .rela dl dd .volunteer-about .t02{width:calc( 100% - 5vw );padding-left:5vw;}
    .section.volunteer-item01 .rela dl dt{font-size:22px;}
    .section.volunteer-item01 .rela dl dt strong{font-size:22px;}
    .section.volunteer-item01 .rela dl dd, .section.volunteer-item01 .rela dl dd .nlist li, .section.volunteer-item01 .rela dl dd .nlist li:before{font-size:14px;}
    .section.volunteer-item01 .rela dl dd{margin-top:10px;}

    .section.volunteer-item01 .rela dl dd .step-list li .desc{margin-top:5px;font-size:12px;}
    .section.volunteer-item01 .rela dl dd .step-list li .ico{width:16vw;height:16vw;}
    .section.volunteer-item01 .rela dl dd .step-list li{width:16vw;}s
    .section.volunteer-item01 .rela dl dd .step-list li:before{top:6vw;}
    .section.volunteer-item01 .rela dl dd table colgroup col:nth-child(1){width:30px;}
    .section.volunteer-item01 .rela dl dd table colgroup col:nth-child(2){width:80px;}
    .section.volunteer-item01 .rela dl dd .volunteer-btn-wrap button{height:50px;font-size:14px;}
    
    .about-item01 .rela .cont dl dt strong, .about-item01 .rela .cont dl dt{font-size: 22px;}
    .about-item01 .rela .cont dl dd ul li{font-size: 14px;}
    .about-item01 .rela .pic dl dd {text-align: left}
    .about-item01 .rela .pic dl dt{font-size: 14px;}
    .about-item01 .rela .pic dl dd ul li{font-size: 14px;}
    .about-item03 .rela{width: calc( 100% - 40px );}
    .about-item03 .rela .cont{width: 100%; flex: 1;margin-left: auto;}
    .about-item03 .rela .cont dl dt{font-size: 22px;}
    .about-item03 .rela .cont dl dt strong{font-size: 22px;}
    .about-item03 .rela .cont dl dd ul li strong{font-size: 22px;}
    .about-item03 .rela .cont dl dd ul li{font-size: 14px;}   
    .about-item04 .rela .cont dl dt{font-size: 22px;}
    .about-item04 .rela .cont dl dt strong{font-size: 22px;}
    .about-item04 .rela .cont dl dd{font-size:14px;}
    .about-item05 .rela .cont dl dt{font-size: 22px;}
    .about-item05 .rela .cont dl dt strong{font-size: 22px;}
    .about-item05 .rela .cont dl dd{font-size:14px;}
	.about-item06 .rela {padding: 70px 0;}
	.about-item06 .rela .cont dl dt {font-size: 22px;}
	.about-item06 .rela .cont dl dt strong {font-size: 22px;}
	.about-item06 .rela .cont dl dd{font-size: 14px;}
	.about-item06 .rela .location-info{font-size: 14px;}
	.about-item06 .rela .loc-list li .key strong {font-size: 14px;}
	.about-item06 .rela .loc-list li .value .desc {font-size: 14px;}
	.about-item06 .rela .loc-list li .value ul li .bg {font-size: 14px;}
	.about-item06 .rela .loc-list li .value ul li .num {font-size: 14px;}
	.about-item06 .rela .loc-list li .value ul li .bo {font-size: 14px;}
	.about-item06 .rela .loc-list li .value .item-wrap .stit{font-size: 14px;}
	.about-item06 .rela .loc-list li .value .item-wrap .sdesc{font-size: 14px;}
	.about-item06 .rela .loc-list li .value .item-wrap .sopt{font-size: 14px;}
	
	.medical-item05 {background:#f4f3f1 url('../image/etc/etc-medical-map.jpg') no-repeat top center; background-size:100% !important}
	.medical-item05 .rela .cont {padding-top: 82vw}
    .about-item01 .rela .cont dl dt strong, .about-item01 .rela .cont dl dt{font-size:22px;}
    .service-item01 .rela,
    .service-item03 .rela {padding: 0; width: calc( 100% - 80px );}
    .service-item01 .rela dl dd .mlist li .mdesc {margin-bottom: 40px}
	/* .service-item01 .rela dl dd .plist li {width: 50%} */
    .service-item04 .rela,
    .service-item05 .rela {width: calc( 100% - 80px );}
    
    .section.volunteer-item01 .rela dl dd .step-list li:before {
	    width: 4vw;
	    height: 4vw;
	    background-size: cover;
	    top: 6vw;
	    left: -10.8vw;
	    margin-top: 0;
	}
    .section.premium {padding: 0}
	.section.volunteer-item01 .rela dl dd .recruit-list li .ico {width:16vw; height:16vw}
	.section.volunteer-item01 .rela dl dd .recruit-list li:before {
   	 width: 4vw;
   	 height: 4vw;
   	 background-size: cover;
   	 top: 6vw;
   	 left: -1.8vw;
   	 margin-top: 0;
	}
	.recruit_condition li strong,
	.recruit_condition li {font-size :16px}
	.recruit_condition li strong em {font-size :18px}
	.section.volunteer-item01 .rela dl dt.emp {font-size:30px}
    
}

@media (min-width:768px) {
	.display_w {display: block}
	.display_m {display: none}
	footer .call_btn.w {display: block}
	footer .call_btn.m {display: none}
}
@media (max-width:768px) {
	
	.display_w {display: none}
	.display_m {display: block}
	footer .call_btn.w {display: none}

	
    .section.view-item .rela .cont .desc, .section.view-item .rela .cont .desc strong{font-size:22px;}
    .section.premium .rela .ko-tit{font-size:14px;}
    .section.premium .rela .en-tit{font-size:30px;}
    .section.premium .rela ul li .sdesc, .section.premium .rela ul li .pic .bar{font-size:14px;}
    .section.premium .rela ul li{}
    .section.premium .rela ul li .stit{font-size:20px;}
    footer .rela .fcont ul li{font-size:14px;}
    footer .rela .fcont ul li, footer .rela .fcont .copy{font-size:13px;}
    .about-type .visiual-box .swiper-slide{background:url(../image/etc/etc-about-list01.jpg) no-repeat center center;background-size:auto 400px;}
    .about-type .visiual-box .swiper-slide img{visibility:hidden;}

    .facility-type .visiual-box .swiper-slide{background:url(../image/etc/etc-facility-list01.jpg) no-repeat center center;background-size:auto 400px;}
    .facility-type .visiual-box .swiper-slide img{}

    .medical-type .visiual-box .swiper-slide{background:url(../image/etc/etc-medical-list01.jpg) no-repeat center center;background-size:auto 400px;}
    .medical-type .visiual-box .swiper-slide img{visibility:hidden;}

    .service-type .visiual-box .swiper-slide{background:url(../image/etc/etc-service-list01.jpg) no-repeat center center;background-size:auto 400px;}
    .service-type .visiual-box .swiper-slide img{visibility:hidden;}

    .support-type .visiual-box .swiper-slide{background:url(../image/etc/etc-support-list01.jpg) no-repeat center center;background-size:auto 400px;}
    .support-type .visiual-box .swiper-slide img{visibility:hidden;}

    .about-item01 .rela .pic dl dt{font-size:14px;}
    .about-item01 .rela .pic dl dd ul li{font-size:11px;}
    .about-item01 .rela .cont dl dd ul li{font-size:13px;line-height:1.5em;}
    .about-item01 .rela .cont dl dd ul {margin-top: 20px}

    .about-item03 .rela{padding:10vw 0;}
    .about-item03 .rela .cont dl dt{line-height:1.5em;}
    .about-item03 .rela .cont dl dt, .about-item03 .rela .cont dl dt strong, .about-item03 .rela .cont dl dd ul li strong{font-size:22px;}
    .about-item03 .rela .cont dl dd ul li{font-size:14px;line-height:1.5em;}

    .about-item04 .rela{display:block;}
    .about-item04 .rela .pic{width:100%;}
    .about-item04 .cont{padding:10vw 0;width:calc( 100% - 40px );}
    .about-item04 .cont dl dt{font-size:14px;line-height:1.5em;}
    .about-item04 .cont dl dd{font-size:14px;line-height:1.5em;}
    .about-item03 .rela .cont{margin-left:20px;}
    .about-item04 .cont dl dt strong, .about-item05 .rela .cont dl dt{font-size:22px;}
    /*.about-item05 .rela .cont{margin-left:20px;width:calc( 100% - 40px );}*/
    .about-item05 .rela .cont dl dd{line-height:1.5em;font-size:14px;}
    .about-item06 .rela{padding:10vw 0;}
    .about-item06 .rela .cont dl dt, .about-item06 .rela .cont dl dt strong{font-size:22px;}
    .about-item06 .rela .cont dl dd{font-size:14px;line-height:1.5em;}
    .about-item06 .rela .location-info{font-size:14px;line-height:1.5em;}
    .about-item06 .rela .loc-list>li{display:block;}
    .about-item06 .rela .loc-list li .key strong{font-size:16px;}
    .about-item06 .rela .loc-list li .key{width:100%;}
    .about-item06 .rela .loc-list li .value .desc, .about-item06 .rela .loc-list li .value ul li .num, .about-item06 .rela .loc-list li .value ul li .bg, .about-item06 .rela .loc-list li .value .item-wrap .stit, .about-item06 .rela .loc-list li .value .item-wrap .sdesc, .about-item06 .rela .loc-list li .value .item-wrap .sopt, .about-item06 .rela .loc-list li .value ul li .bo{font-size:14px;}
    .about-item06 .rela .loc-list li .value .item-wrap{padding:15px;width:calc( 100% - 20px );}

    .visiual-box .swiper-slide .cont h3, .facility-item01 .rela h4{font-size:24px;}
    .visiual-box .swiper-slide .cont .desc, .facility-item01 .rela .desc{font-size:14px; margin-top: 20px}
    .visiual-box .swiper-slide .cont h3{font-size:26px; margin-bottom: 10px}
    .visiual-box .swiper-slide .cont .desc{margin-top:14px; margin: 0}
    .section visiual.facility-type .visiual-box .swiper-slide .cont .desc {text-shadow: 0 0 5px #333}
    .facility-item01 .rela .item-wrap{display:block;}
    .facility-item01 .rela .item-wrap .pic{width:100%;}
    .facility-item01 .rela .item-wrap .cont{padding:20px 0;}
    .facility-item01 .rela .item-wrap .cont ul li .key{font-size:14px;}
    .facility-item01 .rela .item-wrap .cont ul li .value{font-size:14px;}
    .facility-item01 .rela .item-wrap .cont ul li .value span{font-size:12px;}
    .facility-item01 .rela .elist li{margin-bottom:5px;width:100%;}
    .facility-item01 .rela .elist li .key{width:70px;font-size:14px;}
    .facility-item01 .rela .elist li .key, .facility-item01 .rela .elist li .value{font-size:14px;}
    .facility-item02 .rela .cont h4, .facility-item03 .rela .cont h4, .facility-item04 .rela .cont h4, .facility-item05 .rela h4, .facility-item06 .rela h4{font-size:22px;}
    .facility-item02 .rela .cont .desc, .facility-item03 .rela .cont .desc, .facility-item04 .rela .cont .desc{font-size:14px;}
    .facility-item02 .rela{display:block;}
    .facility-item02 .rela .pic{width:100%;}
    .facility-item02 .rela .cont{width:100%;padding:40px 0;}
    .facility-item03 .rela{display:block;}
    .facility-item03 .rela .pic{width:100%;}
    .facility-item03 .rela .cont{width:100%;padding:40px 0;}
    .facility-item04 .rela{display:block;}
    .facility-item04 .rela .pic{width:100%;}
    .facility-item04 .rela .cont{width:100%;padding:40px 0;}
    .facility-item05 .rela .pic-list01 .msg, .facility-item05 .rela .pic-list02 li .msg{font-size:14px;}
    .facility-item05 .rela .pic-list01{width: 100%; margin: 0;}
    
    .facility-item06 .rela .desc{font-size:14px;margin-top:20px;}
    .facility-item07{padding-bottom:60px;}
    .facility-item07 .rela dl dt{font-size:22px;margin-top:100px;}
    .facility-item07 .rela dl dd .desc, .facility-item07 .rela dl dd .list01 li .sdesc, .facility-item07 .rela dl dd .list02 li .msg{font-size:14px;line-height:1.5em;}
    .facility-item07 .rela dl dd .desc,
    .facility-item07 .rela dl dd .pic{margin-top:20px;}
    .facility-item07 .rela dl dd .list02{margin-top:20px;}
    .facility-item07 .rela dl dd .list02 li{display:block;}
    .facility-item07 .rela dl dd .list02 li .item-rt{width:100%;margin-top:20px;}
    .facility-item07 .rela{width:calc( 100% - 100px );}


    .facility-item05 .rela{width:calc( 100% - 100px );padding:10vw 0;}
    
    .service-item01 .rela dl dt.emp {font-size: 30px}
    .service-item01 .rela .main_copy {font-size: 18px; padding: 50px 0}
    .medical-item01 .rela .main_copy {font-size: 18px; margin-bottom: 40px}

    .medical-item01 .rela h4, .medical-item02 .rela h4, .medical-item04 .rela h4, .medical-item05 .rela .cont h4, .medical-item06 .rela h4, .service-item01 .rela dl dt, .service-item03 .rela dl dt, .service-item04 .rela dl dt{font-size:20px;}
    .service-item04 .rela dl dt {font-size:20px; margin-bottom: 0}
    .medical-item01 .rela .desc, .medical-item01 .rela ul li .txt, .medical-item02 .rela .desc, .medical-item04 .rela .desc, .medical-item05 .rela .cont .desc, .medical-item06 .rela .desc, .service-item01 .rela dl dd .nlist li, .service-item01 .rela dl dd .nlist li:before, .service-item01 .rela dl dd .stit, .service-item01 .rela dl dd .sdesc, .service-item01 .rela dl dd .mlist li .mtit, .service-item01 .rela dl dd .mlist li .mdesc, .service-item03 .rela dl dd .stit, .service-item03 .rela dl dd .sdesc, .service-item03 .rela dl dd .list01 li .mtit, .service-item03 .rela dl dd .list01 li .mdesc, .service-item04 .rela dl dd .stit, .service-item04 .rela dl dd .sdesc{font-size:14px;}
    .medical-item01 .rela ul li .txt span{font-size:12px;}
    .medical-item02 .rela .pic{margin-top:20px;}
    .medical-item06 .rela .desc,
    .medical-item05 .rela .cont .desc,
    .medical-item04 .rela .desc,
    .medical-item03 .rela .desc,
    .medical-item02 .rela .desc,
    .medical-item01 .rela .cont .desc,
    .medical-item01 .rela .desc{margin-top:10px;}
    .medical-item01 .rela ul li,
    .medical-item04 .rela .pic,
    .medical-item05 .rela .cont table,
    .medical-item06 .rela .pic{margin-top:20px;}
    .service-item01 .rela dl dt{margin-top:40px;}
    .service-item01 .rela dl dd .stit.t01{margin-top:20px;}
    .service-item01 .rela dl dd .plist{margin-top:0px;}
    .service-item01 .rela dl dd .mlist{margin-top:40px;}
    .service-item01 .rela dl dd .mlist li .mtit{margin-top:10px;}
    .service-item01 .rela dl dd .mlist li .mdesc{margin-top:10px;}
    .service-item01 .rela dl dd .pic {margin-top: 40px}
    .service-item02 {margin-top: 40px}
    .service-item03 .rela dl dt{margin-top:40px;}
    .service-item03 .rela dl dd {margin-top: 20px}
    .service-item03 .rela dl dd .stit.t01{margin-top:20px;}
    .service-item03 .rela dl dd .list01{margin-top:20px;}
    .service-item03 .rela dl dd .list01 li .mtit{margin-top:10px;}
    .service-item03 .rela dl dd .list01 li .mdesc{margin-top:10px;}
    .service-item01 .rela dl dd .plist li{width:100%;}
    .service-item01 .rela dl dd .plist li:nth-child(1){padding-bottom: 40px;}
    .service-item03 .rela dl dd .list01 li{width:100%;}
    .service-item03 .rela dl dd .list01 li .mdesc{min-height:0;}
    .service-item03 .rela dl dd .list01 li{padding-bottom:40px;}
    .service-item04 .rela dl dd .stit {margin: 10px 0}
    .service-item05 .rela ul li{width:100%;padding-bottom:40px;}
    .service-item05 .rela ul{margin-top:40px;}
    .service-item05 .rela ul li .tit, .service-item05 .rela ul li .desc{font-size:14px; margin: 10px 0}
    .service-item05 .rela ul li .desc{min-height:0;}
    .support-item01 .rela h4, .support-item03 .rela h4, .support-item04 .rela h4, .support-item05 .rela h4, .support-item06 .rela h4{font-size:22px;}
    .support-item01 .rela .desc, .support-item03 .rela .desc, .support-item04 .rela .desc, .support-item05 .rela .desc, .support-item06 .rela .desc{font-size:14px;margin-top:10px;}
    .support-item01 .rela table{margin-top:20px;}
    .support-item01 .rela table th,
    .support-item01 .rela table td,
    .support-item01 .rela table td strong,
    .support-item01 .rela table td.cell{font-size:12px;}
    .support-item05 .rela,
    .support-item06 .rela{display:block;}
    .support-item05 .rela .pic,
    .support-item06 .rela .pic{width:100%;}
    .support-item05 .rela .cont,
    .support-item06 .rela .cont{padding:10vw 0;}
    .service-item05 {margin-bottom: 40px}

    .facility-item05 .rela .pic-list01{width: 100%; margin:0; padding-bottom: 20px;margin-top: 45px;}  
    .facility-item05 .rela .pic-list02{width: 100%; margin:0;}  
    
    .support-item01 .rela, 
    .support-item03 .rela, 
    .support-item04 .rela,
    .section.premium .rela, 
    footer .rela, 
    .section.view-item .rela, 
    .medical-item01 .rela, 
    .facility-item01 .rela, 
    .medical-item02 .rela, 
    .medical-item04 .rela, 
    .medical-item06 .rela, 
    .medical-item05 .rela, 
    .about-item06 .rela, 
    .section.volunteer-item01 .rela, 
    .about-item05 .rela,
    .about-item03 .rela {
	    padding: 50px 0;
	    width: calc( 100% - 40px );
	}
	.about-item01 .rela {}
	.about-item01 .rela .pic dl dd ul li {font-size: 11px}
	.about-item01 .rela .cont {width: 89vw; margin:0}
	.about-item01 .rela .cont dl dd ul .ab_name strong {font-size: 18px;}
	.about-item01 .rela .pic {width: 89vw; margin: 40px 0 0;}
	.about-item01 .rela .pic img {width: 35%; float: left;}
	.about-item01 .rela .pic dl {width: 60%; float: left; margin-left: 5%}
	.about-item01 .rela .pic dl dt {text-align: left}
	.about-item03 .rela,
	.facility-item05 .rela,
	.facility-item07 .rela {margin: 0 auto; width: calc( 100% - 40px );}
	.about-item03 .rela .cont dl dt strong {font-size: 20px}
	.about-item01 .rela .pic dl dt {margin-top: 10px}
	.facility-item07 .rela dl dd .list02 li .item-rt, .facility-item07 .rela dl dd .list02 li .item-lt  {width: 100%; height: 50vw}
	.facility-item07 .rela dl dd .list02 li .item-rt {width: 100%; height: 50vw}
	
	.section.vision-item01 .rela .cont dl {padding: 0; margin: 0 20px}
	.section.vision-item01 .rela .cont {padding: 40px 0}
	.section.vision-item02 .rela {width:auto; margin: 0 20px; padding: 40px 0}
	.facility-item01 .rela .item-wrap .cont ul li .key {text-align: left; width: 70px}
	
    .service-item04 .rela {width: auto; margin: 0 20px; padding: 40px 0}
    .service-item04 .rela dl dd .pic {margin-top: 40px}
    .service-item05 .rela {width: auto; margin: 0 20px; padding: 20px 0 0}	
    .service-item01 .rela, .service-item03 .rela {width: auto; margin: 0 20px}	
    .service-item05 .rela ul {margin: 0}
    .service-item03 {margin-bottom: 40px}
    .service-item03 .rela dl dt {margin: 0}
    .service-item03 .rela {padding: 0}
    
    .section.volunteer-menu ul li {width: auto; padding: 0 10px}
    
    .about-type .visiual-box .swiper-slide {
	    background: url(../image/etc/etc-about-list01.jpg) no-repeat center center;
	    background-size: auto 247px;
	}
	.about-item03 .rela .cont {margin: 0}
	
	.main .visiual-box .swiper-slide img {margin-left:0; width: 100vw}
	.visiual-box .swiper-slide .txt {left: 20px; top:30px}
	.visiual-box .swiper-slide .txt img {margin: 0}
	
	.visiual-box .swiper-button-next, .visiual-box .swiper-button-prev {width: 30px; height: 40px}
	.visiual-box .swiper-button-next:after, .visiual-box .swiper-button-prev:after {font-size: 25px}
	
	.section.view-item {height: 50vw}
	.section.view-item .rela .cont {display: block;}
	.section.view-item.bg01 .rela,
	.section.view-item.even .rela,
	.section.view-item.bg03 .rela,
	.section.view-item.bg04 .rela  {position: absolute; width: 100%; display: block; left: 0; right: 0; text-align: center; top: 40px; padding: 0}
	.section.view-item .rela .cont a {margin:20px auto 0}
	
	.section.view-item.bg01,
	.section.view-item.bg02,
	.section.view-item.bg03,
	.section.view-item.bg04 {height: 50vw;}
	
	.section.view-item.bg01 {
	    background:url(../image/etc/bg-view-item01_m.jpg) no-repeat top center; background-size: 100%;
	}
	.section.view-item.bg02 {                 
	    background:url(../image/etc/bg-view-item02-2_m.jpg?v=2) no-repeat top center; background-size: 100%;
/*	    background:url(../../assets/image/etc/etc-service-pic05_2.jpg) no-repeat top center; background-size: 100%; */
	}
	.section.view-item.bg03 {
	    background:url(../image/etc/bg-view-item03_m.jpg) no-repeat top center; background-size: 100%;
	}
	.section.view-item.bg04 {
	    background:url(../image/etc/bg-view-item04_m.jpg) no-repeat top center; background-size: 100%;
	}
	.section.view-item .rela .cont .white,
	.section.view-item .rela .cont .desc .white {color: #333}
	
	.section.admission-item01 .rela {width: auto; margin: 0 20px}
	
	.section.admission-item01 .rela dl dd .admission-btn-wrap li {padding: 20px 10px}
	.section.admission-item01 .rela dl dd .admission-btn-wrap button {width: 150px; height: 60px}
	.section.admission-item01 .rela dl dd .admission-btn-wrap button span {font-size: 18px}
	.section.admission-item01 .rela dl dd .admission-btn-wrap button span a {font-size: 18px !important}

	.admission-item .atit {font-size: 26px}
	.service-item01 .rela dl dd .mlist {display: block}
	.service-item01 .rela dl dd .mlist li {width: 100%}

	.section.volunteer-item01 .rela dl dd .recruit-list {display:block}
	.section.volunteer-item01 .rela dl dd .recruit-list:after {display:block; clear:both; content:""}
	.section.volunteer-item01 .rela dl dd .recruit-list li {display:block; width:50%; float:left; height:250px;}
	.section.volunteer-item01 .rela dl dd .recruit-list li .ico {}
	.recruit_condition li strong,
	.recruit_condition li {font-size :16px}
	.recruit_condition li strong em {font-size :18px}
	.section.volunteer-item01 .rela dl dd .recruit-list li .desc strong {font-size:16px}
	.recruit_condition li strong {display:block; widht:auto}
	.recruit_condition li{maring-bottom:10px}
	.section.volunteer-item01 .rela dl dd table td {padding:10px 3px}
	.section.volunteer-item01 .rela dl dd.info {font-size: 16px}
	
	footer .call_btn {width: 70px; height: 70px; right: 20px; bottom: 100px;}
	footer .kakao_btn {width: 70px; height: 70px; right: 20px; bottom: 20px;}
	
	.section.volunteer-item01 .rela dl .bottom {padding-bottom: 30px}
	.volunteer-btn-wrap button a {font-size: 16px}
}


@media (max-width:375px){
	
	.section.about-item01 .rela .cont dl dd ul li{font-size: 14px; line-height: 1.5em;}
	.section.about-item01 .about-item05 .rela .cont{margin-left: 0;}
	
	
	.section.about-item01 .rela{width: calc( 100% - 40px );}
	.section.vision-item01 .rela {width: calc( 100% ); margin: auto}
	.section.admission-item01 .rela dl dd .step-list li:before{left: -4vw; top:4vw; }
		
	.section.facility-item01 .rela .elist{line-height: 24px;}
	.section.medical-item01 .rela ul li .txt{font-size: 12px;}
	.section.medical-item01 .rela ul li .txt span{font-size: 10px;}
	
	.section.volunteer-menu ul li a{font-size: 12px;}
	.section.volunteer-item01 .rela dl dd .volunteer-about .t01{font-size: 4vw; line-height: 20px;}
	.section.volunteer-item01 .rela dl dd .step-list li{width: 17vw;}
	.section.volunteer-item01 .rela dl dd .step-list li:before{left: -11.5vw;}
	.section.volunteer-item01 .rela dl dd table th {font-size:14px;}
	.section.volunteer-item01 .rela dl dd table td{font-size: 14px;}
	.section.volunteer-menu ul li:before{height: 30px; width:1px; top:15px; margin-top:0;}
	
	.facility-item05 .rela .pic-list01 .msg{bottom:40px;}
	
	.section.admission-item01 .rela dl dd table td{font-size:3.8vw;}
	.section.admission-item01 .rela dl dd table th{font-size:3.8vw;}
	.section.admission-item01 .rela dl dd .admission-btn-wrap {padding-bottom: 10px;}
	.section.admission-item01 .rela dl dd .admission-btn-wrap li{padding:10px}
	.section.admission-item01 .rela dl dd .admission-btn-wrap li button{width: 330px; height: 54px;}


	.section.volunteer-menu ul li:before {height: 20px; top:20px}	
}