@charset "utf-8";

/* m_txt */
.m_txt{}
.m_txt h4{font-family: 'Marcellus', serif; font-size: 18px; color: var(--color1); font-weight: 400; letter-spacing: 0; margin-bottom: 12px;}
.m_txt h3{font-size: 40px; color: #000; font-weight: 700;}
.m_txt p{font-size: 18px; color: #444444; line-height: 1.6em; margin-top: 25px; font-weight: 300;}
.m_txt a{display: inline-block; margin-top: 50px; background-color: var(--color1); color: #fff; font-size: 18px; font-weight: 700; padding: 20px 40px; border-radius: 60px;}

/* mVisual */
#mVisual{width: 100%; height: calc(100dvh - 100px); margin-top: 100px;}
#mVisual .visual{height: 100%; width: 100%;}
#mVisual .visual > div{height: 100%;}
#mVisual .visual > div > div{height: 100%;}
#mVisual .visual .mv{height: 100%; position: relative;}
#mVisual .visual .mv .img{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
#mVisual .visual .mv .img img{width: 100%; height: 100%; object-fit: cover;}
#mVisual .visual .mv .inner{height: 100%; display: flex; flex-direction: column; justify-content: center;}
#mVisual .visual .mv .inner .txt{}
#mVisual .visual .mv .inner .txt h3{font-size: 56px; color: #fff; line-height: 1.4em;}
#mVisual .visual .mv1 .inner .txt h3{color: #000;}
#mVisual .visual .mv .inner .txt h3 span{color: #22af84;}
#mVisual .visual .mv1 .inner .txt h3 span{color: #007451;}
#mVisual .visual .mv .inner .txt p{color: #fff; margin-top: 35px; font-size: 20px; word-break: keep-all; line-height: 1.6em;}
#mVisual .visual .mv1 .inner .txt p{color: #444444;}
#mVisual .visual .mv .inner .txt a{background-color: #007451; font-size: 18px; font-weight: 700; color: #fff; border-radius: 60px; padding: 21px 40px; display: inline-block; margin-top: 45px;}
#mVisual .visual .slick-dots{transform: translateX(-50%); bottom: 50px;}
#mVisual .visual .slick-dots li{width: 11px; height: 11px; background: transparent; border: 1px solid #007451;}
#mVisual .visual .slick-dots li.slick-active{background-color: #007451;}


/* shortcut */
#shortcut{padding: 60px 0; background-color: #f5f5f3;}
#shortcut .inner{display: flex; align-items: center; gap:20px;}
#shortcut .inner .m_txt{width: 25%;}
#shortcut .inner .list{display: flex; align-items: center; width: calc(100% - 25%);justify-content: space-between; gap:5px;}
#shortcut .inner .list li{}
#shortcut .inner .list li a{text-align: center;}
#shortcut .inner .list li a .icon{width: 112px; aspect-ratio:1 / 1; background-color: #fff; position: relative; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto;}
#shortcut .inner .list li a .icon::after{content: ''; width: 96px; aspect-ratio:1/1; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #cce3dc; }
#shortcut .inner .list li a .icon img{margin: 0 auto;}
#shortcut .inner .list li a p{margin-top: 10px; text-align: center; font-size: 16px; color: #000000; font-weight: 500;}


/* leg */
#leg{padding: 120px 0 90px;}
#leg .m_txt{text-align: center;}
#leg .cont{margin-top: 30px;}
#leg .cont > div{padding-bottom: 30px !important;}
#leg .cont > div > div{padding: 30px 0;}
#leg .cont li{margin: 0 25px;}
#leg .cont li .img{border-radius: 20px;  overflow: hidden;}
#leg .cont li .img img{max-width: 100%; width: 100%;}
#leg .cont li .txt{background: #ffffff; width: 64%; margin-left: auto; margin-right: auto; margin-top: -56px; position: relative; z-index: 2; box-shadow: 11px 15px 29px rgba(0,0,0,0.07); padding: 40px 50px; border-radius: 10px;}
#leg .cont li .txt h3{color: #000000; font-size: 24px; margin-bottom: 13px;}
#leg .cont li .txt p{font-size: 17px; color: #444444; line-height: 1.6em; word-break: keep-all; font-weight: 300;}
#leg .cont li .txt .btn{position: absolute; top: 50%; transform: translateY(-50%); width: 64px; height: 64px; background-color: #007451; border-radius: 10px; color: #fff; font-size: 32px; font-weight: 400; display: inline-flex; justify-content: center; align-items: center; right: -32px;}


/* clinic */
#clinic{background: url(/images/main/clinic_bg.webp) no-repeat top center / cover; padding: 140px 0 320px; position: relative;}
#clinic.clinic03{margin: 140px 0 90px;}
#clinic .inner{display: flex; align-items: flex-start;}
#clinic .inner .l_cont{width: 42.85714%; position: sticky; top: 180px; margin-top: 160px;}
#clinic .inner .l_cont .m_txt{}
#clinic .inner .l_cont .m_txt h4{color: #fff;}
#clinic .inner .l_cont .m_txt h3{color: #fff;}
#clinic .inner .l_cont .m_txt p{color: #fff;}
#clinic .inner .l_cont .scroll{margin-top: 50px; display: flex; align-items: center; gap:10px;}
#clinic .inner .l_cont .scroll .icon{position: relative;}
#clinic .inner .l_cont .scroll .icon .line{width: 18px; height: 33px; border: 1px solid #fff; border-radius: 40px; }
#clinic .inner .l_cont .scroll .icon .point{width: 3px; height: 3px; border-radius: 100%; background-color: #fff; left: 50%; transform: translateX(-50%); position: absolute; top: 6px; animation: mouse infinite 1s linear;}
@keyframes mouse{
	0%{top: 6px; opacity: 1;}
	40%{top: 16px; opacity: 1;}
	80%{top: 22px; opacity: 0;}
	100%{top: 22px; opacity: 0;}
}
#clinic .inner .l_cont .scroll p{color: #fff; font-size: 15px; font-weight: 300;}
#clinic .inner .list{width: calc(100% - 42.85714%); display: flex; gap:55px 60px; flex-wrap: wrap; flex-direction: row-reverse;}
#clinic .inner .list li{background-color: #fff; border-radius: 20px; width: calc(100% / 2 - 60px / 2); position: relative; overflow: hidden; box-shadow: 11px 15px 29px rgba(0,0,0,0.16); z-index: 2;}
#clinic .inner .list li:nth-child(even){top: 223px;}
#clinic .inner .list li a .txt{padding: 50px 40px;}
#clinic .inner .list li a .txt h3{color: #000; font-size: 24px; margin-bottom: 12px;}
#clinic .inner .list li a .txt p{font-size: 17px; font-weight: 300; color: #444444; line-height: 1.6em; word-break: keep-all;}
#clinic .inner .list li a .img{}
#clinic .inner .list li a .img img{max-width: 100%;}
#clinic .inner .list li .btn{width: 64px; height: 64px; background-color: var(--color1); color: #fff; display: inline-flex; justify-content: center; align-items: center; font-size: 32px; position: absolute; right: 20px; bottom: 20px; border-radius: 10px;}
#clinic .eng{position: absolute; bottom: 0; left: 52%;
transform: translateX(-50%); font-size: 300px; font-weight: 800; color: #fff; 
opacity: 0.08; white-space: nowrap; letter-spacing: 0.2em;}


/* center */
#center{padding: 140px 0;}
#center .w-inner{}
#center .w-inner .m_txt{text-align: center;}
#center .w-inner .list{margin-top: 60px; display: flex; gap:50px;}
#center .w-inner .list li{width: 100%; aspect-ratio:16/13.156; border-radius: 15px; overflow: hidden; position: relative;}
#center .w-inner .list li a{}
#center .w-inner .list li a .img{width: 100%; height: 100%;}
#center .w-inner .list li a .img img{width: 100%; height: 100%; object-fit: cover;}
#center .w-inner .list li a .txt{position: absolute; width: 100%; bottom: 0; padding: 50px; color: #fff;}
#center .w-inner .list li a .txt h3{font-size: 40px; margin-bottom: 15px;}
#center .w-inner .list li a .txt p{font-size: 18px; font-weight: 300; word-break: keep-all; line-height: 1.6em;}


/* doctor */
#doctor{padding: 150px 0; background: url(/images/main/doctor_bg.webp) no-repeat center center / cover; overflow-x: hidden;}
#doctor .inner{display: flex; align-items: center;}
#doctor .inner .m_txt{width: 42.875%;}
#doctor .inner .r_cont{width: calc(100% - 42.875%);}
#doctor .inner .list{width: 140%;}
#doctor .inner .list li{margin-right: 40px;}
#doctor .inner .list li .img{border-radius: 15px; overflow: hidden;}
#doctor .inner .list li .img img{width: 100%;}
#doctor .inner .list li .txt{margin-top: 20px;}
#doctor .inner .list li .txt h4{font-size: 18px; font-weight: 600; color: var(--color1);}
#doctor .inner .list li .txt h3{color: #000; font-size: 36px; margin-top: 6px;}
#doctor .inner .list li .txt h3 span{font-size: 20px; color: #999; margin-left: 3px;}


/* notice */
#notice{padding: 130px 0;}
#notice .w-inner{}
#notice .w-inner .top{display: flex; justify-content: space-between; align-items: flex-end;}
#notice .w-inner .top .m_txt{}
#notice .w-inner .top .m_txt h4{}
#notice .w-inner .top .m_txt h3{}
#notice .w-inner .top .m_txt p{}
#notice .w-inner .top .tab{display: flex; gap:10px;}
#notice .w-inner .top .tab li{line-height: 52px; border: 1px solid var(--color1); color: var(--color1); font-size: 18px; font-weight: 700; padding: 0 30px; border-radius: 60px; cursor: pointer;}
#notice .w-inner .top .tab li.on{background-color: var(--color1); color: #fff;}
#notice .w-inner .tabcontent{margin-top: 60px; display: none;}
#notice .w-inner .tabcontent.on{display: block;}
#notice .w-inner .tabcontent .list{}
#notice .w-inner .tabcontent .list li{max-width: 320px; width: 100%; margin-right: 30px;}
#notice .w-inner .tabcontent .list li a{}
#notice .w-inner .tabcontent .list li a .img{border-radius: 10px; overflow: hidden;}
#notice .w-inner .tabcontent .list li a .img img{width: 100%; height: auto;}
#notice .w-inner .tabcontent .list li a .txt{margin-top: 25px;}
#notice .w-inner .tabcontent .list li a .txt h3{font-size: 20px; color: #000;}
#notice .w-inner .tabcontent .list li a .txt p{font-size: 15px; color: #666666; margin-top: 10px; font-weight: 300;}


/* look */
#look{padding: 160px 0; background: url(/images/main/look_bg.webp) no-repeat center center / cover;}
#look .inner{display: flex; align-items: center;}
#look .inner .l_cont{width: 42.875%;}
#look .inner .l_cont .thumb{margin-top: 45px;
-webkit-mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0) 75%,
        rgba(0,0,0,0) 100%
    );
    mask-image: linear-gradient(
        to right,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,0) 75%,
        rgba(0,0,0,0) 100%
    );
}
#look .inner .l_cont .thumb li{width: 100%; max-width: 144px; border-radius: 5px; overflow: hidden; margin-right: 15px; cursor: pointer;}
#look .inner .l_cont .thumb li.slick-current{}
#look .inner .l_cont .thumb li img{width: 100%; filter: grayscale(1); transition: .4s;}
#look .inner .l_cont .thumb li.slick-current img{filter: grayscale(0);}
#look .inner .r_cont{width: calc(100% - 42.875%); position: relative;}
#look .inner .r_cont .list{}
#look .inner .r_cont .list li{box-shadow: 11px 15px 29px rgba(0,0,0,0.1); border-radius: 15px; overflow: hidden;}
#look .inner .r_cont .list li img{width: 100%;}
#look .inner .r_cont .arrow{}
#look .inner .r_cont .arrow > div{position: absolute; top: 50%; transform: translateY(-50%); width: 64px; height: 64px; border-radius: 10px; background: var(--color1); color: #fff; font-size: 24px; display: inline-flex; justify-content: center; align-items: center; z-index: 99; cursor: pointer;}
#look .inner .r_cont .arrow .prev{left: -32px;}
#look .inner .r_cont .arrow .next{right: -32px;}


/* location */
#location{padding: 140px 0 160px;}
#location .inner{display: flex; align-items: center;}
#location .inner .l_cont{width: calc(100% - 42.875%); border-radius: 20px; overflow: hidden;}
#location .inner .l_cont .root_daum_roughmap .wrap_controllers{display: none;}
#location .inner .l_cont .root_daum_roughmap .cont .section.lst{display: none;}
#location .inner .r_cont{width: 42.875%; padding-left: 90px;}
#location .inner .r_cont .m_txt{margin-bottom: 40px;}
#location .inner .r_cont .info{}
#location .inner .r_cont .info .box{}
#location .inner .r_cont .info .box + .box{margin-top: 35px;}
#location .inner .r_cont .info .box h4{font-size: 18px; color: var(--color1); margin-bottom: 12px;}
#location .inner .r_cont .info .box p{font-size: 18px; color: #000;}
#location .inner .r_cont .info .box dl{display: flex; flex-wrap: wrap; gap:20px 0;}
#location .inner .r_cont .info .box dl dt{width: 100px; color: #444444; font-size: 18px;}
#location .inner .r_cont .info .box dl dd{width: calc(100% - 100px); font-size: 18px; color: #000; font-weight: 700;}
#location .inner .r_cont .info .btn_box{margin-top: 50px; display: flex; align-items: center; gap:10px;}
#location .inner .r_cont .info .btn_box a.btn{font-size: 16px; color: #000; font-weight: 700; padding: 15px 30px 15px 25px; display: inline-flex; align-items: center; gap:10px; border-radius: 10px;}
#location .inner .r_cont .info .btn_box a.btn.btn1{ border: 1px solid #dddddd;}
#location .inner .r_cont .info .btn_box a.btn.btn2{background-color: #fae100;}

/* Tablet & Mobile */
@media (max-width: 1280px){
    .m_txt h4{font-size: 17px; margin-bottom: 10px;}
	.m_txt h3{font-size: 36px;}
    .m_txt p{font-size: 17px; margin-top: 20px;}
    .m_txt a{margin-top: 40px; padding: 17px 36px; font-size: 17px;}
    
    #mVisual{margin-top: 80px; height: calc(100dvh - 80px);}
    #mVisual .visual .mv .inner .txt h3{font-size: 48px;}
    #mVisual .visual .slick-dots{bottom: 40px;}
    
    #shortcut{padding: 50px 0;}
    #shortcut .inner .list li a .icon{width: 100px;}
    #shortcut .inner .list li a .icon::after{width: 88px;}
    #shortcut .inner .list li a p{font-size: 15px; margin-top: 8px; font-weight: 400;}
    
    /* leg */
	#leg{padding: 100px 0 70px;}
    #leg .cont li .txt{width: 80%;}
    #leg .cont li .txt h3{font-size: 22px; margin-bottom: 11px;}
    
    /* clinic */
	#clinic{padding: 120px 0;}
    #clinic .inner .list{gap: 30px;}
    #clinic .inner .list li{width: calc(50% - 15px);}
	#clinic .inner .list li:nth-child(even){top: 180px;}
	#clinic .inner .list li a .txt{padding: 40px 30px;}
	#clinic .inner .list li a .txt h3{font-size: 22px; margin-bottom: 9px;}
	#clinic .inner .list li a .txt p{font-size: 16px;}
	#clinic .inner .list li a .txt p br{display: none;}
	#clinic .inner .list li .btn{width: 58px; height: 58px; font-size: 28px; right: 16px; bottom: 16px;}
	#clinic .eng{font-size: 16vw;}
	
	#center{padding: 120px 0;}
	#center .w-inner .list{margin-top: 50px; gap:30px;}
	#center .w-inner .list li a .txt{padding: 40px 30px;}
	#center .w-inner .list li a .txt h3{font-size: 32px; margin-bottom: 12px;}
	#center .w-inner .list li a .txt p{font-size: 17px;}
    
    /* doctor */
	#doctor{padding: 120px 0;}
	#doctor .inner .list li{margin-right: 30px;}
	#doctor .inner .list li .txt h4{font-size: 17px;}
	#doctor .inner .list li .txt h3{font-size: 32px;}
	#doctor .inner .list li .txt h3 span{font-size: 19px;}
    
    #notice{padding: 120px 0;}
	#notice .w-inner .top .tab li{font-size: 17px; padding: 0 26px; line-height: 48px;}
	#notice .w-inner .tabcontent{margin-top: 50px;}
	#notice .w-inner .tabcontent .list li{max-width: 300px; margin-right: 25px;}
	#notice .w-inner .tabcontent .list li a .txt{margin-top: 20px;}
	#notice .w-inner .tabcontent .list li a .txt h3{font-size: 19px;}
	
    /* look */
	#look{padding: 120px 0;}
	#look .inner .r_cont .arrow > div{width: 56px; height: 56px; font-size: 22px;}
	#look .inner .l_cont .thumb{margin-top: 40px;}
	#look .inner .l_cont .thumb li{max-width: 128px;}
    
    /* location */
	#location{padding:120px 0 140px;;}
    #location .inner{flex-wrap: wrap;}
    #location .inner .l_cont{width: 100%; height: 400px;}
    #location .inner .r_cont{width: 100%; padding-left: 0; margin-top: 50px;}
	#location .inner .r_cont .m_txt{margin-bottom: 35px;}
	#location .inner .r_cont .info .box dl dd{font-size: 17px;}
	#location .inner .r_cont .info .box + .box{margin-top: 30px;}
}

@media (max-width: 1024px){
    /* Common */
    .m_txt h3{font-size: 32px;}
    .m_txt a{margin-top: 35px; padding: 16px 34px;}
    
    /* mVisual */
    #mVisual{margin-top: 70px; height: calc(100dvh - 70px);}
    #mVisual .visual .mv .inner .txt h3{font-size: 42px;}
    #mVisual .visual .mv .inner .txt p{font-size: 18px; margin-top: 30px; width: 70%;}
    #mVisual .visual .mv .inner .txt a{margin-top: 35px; padding: 17px 35px; font-size: 17px;}

    /* shortcut */
    #shortcut .inner{flex-wrap: wrap; width: 100%; gap:0px;}
    #shortcut .inner .m_txt{width: 100%; text-align: center; margin-bottom: 30px;}
    #shortcut .inner .list{width: 100%;}
    
    /* leg */
    #leg{padding: 90px 0 60px;}
    #leg .cont > div > div{padding: 0;}
    #leg .cont li{margin: 0 10px; max-width: 80vw;}
    #leg .cont li .txt{padding: 30px;}
    #leg .cont li .txt h3{font-size: 21px;}
    #leg .cont li .txt p{font-size: 15px;}
    
    /* clinic */
    #clinic{padding: 100px 0;}
    #clinic.clinic03{margin: 80px 0 60px;}

    #clinic .inner .l_cont{width: 100%; margin-top: 80px;}
    #clinic .inner .list{width: 100%; flex-direction: row; gap:40px; justify-content: center;}
	#clinic .inner .list li{width: 300px;}
    #clinic .inner .list li:nth-child(even){top: 0;}
    
    /* center */
    #center{padding: 100px 0;}
    #center .w-inner .list{gap: 20px; margin-top: 45px;}
	#center .w-inner .list li{aspect-ratio:1/1;}
	#center .w-inner .list li a .txt{padding: 30px 25px;}
    #center .w-inner .list li a .txt h3{font-size: 28px; margin-bottom: 8px;}
    
    /* doctor */
	#doctor{padding: 100px 0;}
    #doctor .inner{flex-wrap: wrap; width: 100%;}
    #doctor .inner .m_txt{width: 100%; margin-bottom: 50px; text-align: center;}
	#doctor .inner .list{width: 100%;}
	#doctor .inner .list li{max-width: 70vw; margin: 0 10px;}
    #doctor .inner .list li .txt h3{font-size: 28px;}
    #doctor .inner .r_cont{width: 100%;}
	
    #notice{padding: 100px 0;}
	#notice .w-inner .top .tab li{font-size: 17px; padding: 0 24px; line-height: 45px;}
	#notice .w-inner .tabcontent{margin-top: 45px;}
	
	#look{padding: 100px 0;}
	#look .inner .l_cont .thumb{margin-top: 35px;}
	#look .inner .l_cont .thumb li{max-width: 114px;}
	
	#location{padding: 100px 0 120px;}
	#location .inner .r_cont{margin-top: 45px;}
}

@media (max-width: 768px){
    /* Common */
    .m_txt h4{font-size: 16px; margin-bottom: 8px;}
    .m_txt h3{font-size: 30px;}
    .m_txt p{font-size: 16px; margin-top: 15px;}
    .m_txt a{margin-top: 30px; padding: 15px 32px; font-size: 16px;}
    
    /* mVisual */
    #mVisual{height: 600px;}
    #mVisual .visual .mv .inner .txt h3{font-size: 36px;}
    #mVisual .visual .mv .inner .txt p{margin-top: 25px;}
    #mVisual .visual .slick-dots{bottom: 30px;}
    #shortcut .inner .list li a .icon{width: 90px;}
    #shortcut .inner .list li a .icon::after{width: 76px;}
    
    /* shortcut */
    #shortcut{padding: 45px 0;}
    #shortcut .inner .list{flex-wrap: wrap; justify-content: center; gap: 30px;}
/*    #shortcut .inner .list li{width: calc(33.333% - 20px);}*/
    #shortcut .inner .list li a{display: flex; flex-direction: column; align-items: center;}
	#shortcut .inner .m_txt{margin-bottom: 25px;}
    
    /* leg */
    #leg{padding: 80px 0 50px;}
	#leg .cont li .img{border-radius: 10px;}
    #leg .cont li .txt{width: 90%; margin-top: -30px; padding: 25px; padding-right: 35px;}
    #leg .cont li .txt h3{font-size: 20px; margin-bottom: 9px;}
    #leg .cont li .txt .btn{right: -25px; width: 50px; height: 50px; font-size: 24px;}
    
    /* clinic */
	#clinic{padding: 80px 0;}
	#clinic .inner{flex-direction: column;}
	#clinic .inner .l_cont{margin-bottom: 40px; position: static; margin-top: 0;}
	#clinic .inner .l_cont .m_txt{text-align: center;}
    #clinic .inner .l_cont .scroll{display: none;}
    #clinic .inner .list{gap: 20px;}
	#clinic .inner .list li{width: calc(100% / 2 - 20px / 2);}
    #clinic .inner .list li a .txt{padding: 30px 20px;}
    #clinic .inner .list li a .txt h3{font-size: 20px;}
    #clinic .inner .list li a .txt p{font-size: 15px;}
	#clinic .inner .list li a .img img{width: 100%;}
    
    /* center */
	#center{padding: 80px 0;}
    #center .w-inner .list{flex-wrap: wrap; margin-top: 40px;}
    #center .w-inner .list li{width: 100%; aspect-ratio: auto; height: 300px;}
	#center .w-inner .list li a .txt{padding: 25px 20px;}
	#center .w-inner .list li a .txt h3{font-size: 26px;}
    
    /* doctor */
	#doctor{padding: 80px 0;}
	#doctor .inner .list li .txt{margin-top: 15px;}
	#doctor .inner .list li .txt h4{font-size: 16px;}
	#doctor .inner .list li .txt h3{font-size: 25px; margin-top: 4px;}
	#doctor .inner .list li .txt h3 span{font-size: 18px;}
    
    /* notice */
    #notice{padding: 80px 0;}
	#notice .w-inner{width: 100%;}
    #notice .w-inner .top{flex-direction: column; align-items: center; gap: 20px;}
	#notice .w-inner .top .m_txt{text-align: center; width: 100%;}
	#notice .w-inner .top .tab li{font-size: 16px; padding: 0 22px; line-height: 42px;}
	#notice .w-inner .tabcontent{margin-top: 45px;}
	#notice .w-inner .tabcontent .list li{margin: 0 10px;}
	#notice .w-inner .tabcontent .list li a .txt{margin-top: 15px;}
	#notice .w-inner .tabcontent .list li a .txt h3{font-size: 18px;}
	#notice .w-inner .tabcontent .list li a .txt p{font-size: 14px; margin-top: 7px;}
    
    /* look */
    #look{padding: 80px 0;}
    #look .inner{flex-wrap: wrap;}
	#look .m_txt{text-align: center;}
    #look .inner .l_cont{width: 100%; margin-bottom: 45px;}
	#look .inner .l_cont .thumb{display: none;}
    #look .inner .r_cont{width: 100%;}
	#look .inner .r_cont .arrow > div{width: 52px; height: 52px; font-size: 20px;}
	#look .inner .r_cont .arrow .prev{left: -14px;}
	#look .inner .r_cont .arrow .next{right: -14px;}
    
    /* location */
    #location{padding: 80px 0;}
	#location .inner .r_cont{margin-top: 40px;}
	#location .inner .r_cont .m_txt{margin-bottom: 30px;}
	#location .inner .r_cont .info .box dl dd{font-size: 16px;}
	#location .inner .r_cont .info .box + .box{margin-top: 25px;}
	#location .inner .r_cont .info .btn_box a.btn{font-size: 15px; gap:5px;}
}

@media (max-width: 500px){
    /* Common */
    .m_txt h3{font-size: 27px;}
    .m_txt a{margin-top: 25px; padding: 14px 27px;}
    
    /* mVisual */
    #mVisual .visual .mv .inner .txt h3{font-size: 32px;}
    #mVisual .visual .mv .inner .txt p{font-size: 17px; margin-top: 20px;}
    #mVisual .visual .mv .inner .txt a{font-size: 16px; padding: 16px 28px;}
    
    /* shortcut */
	#shortcut{padding: 40px 0;}
/*    #shortcut .inner .list li{width: calc(50% - 15px);}*/
    #shortcut .inner .list li a .icon{width: 90px;}
    #shortcut .inner .list li a .icon::after{width: 76px;}
    
    /* leg */
    #leg{padding: 70px 0 40px;}
    #leg .cont li{max-width: 85vw;}
	#leg .cont li .txt{margin-top: -25px;}
    #leg .cont li .txt h3{font-size: 19px;}
	#leg .cont li .txt .btn{width: 46px; height: 46px; font-size: 22px; border-radius: 7px;}
    
    /* clinic */
	#clinic{padding: 70px 0;}
	#clinic .inner{width: 100%;}
	#clinic .inner .l_cont{margin-bottom: 35px;}
    #clinic .inner .list li{width:60vw; min-width: 275px; margin: 0 10px;}
	#clinic .inner .list li a .txt h3{font-size: 19px; margin-bottom: 8px;}
    #clinic .inner .list li .btn{width: 46px; height: 46px; font-size: 22px; border-radius: 7px;}
	
	#center{padding: 70px 0;}
	#center .w-inner .list{margin-top: 35px;}
	#center .w-inner .list li{height: 260px;}
	#center .w-inner .list li a .txt h3{font-size: 22px; margin-bottom: 6px;}
	#center .w-inner .list li a .txt p{font-size: 16px;}
    
    /* doctor */
	#doctor{padding: 70px 0;}
	#doctor .inner .m_txt{margin-bottom: 35px;}
	#doctor .inner .list li .txt h4{font-size: 15px;}
	#doctor .inner .list li .txt h3{font-size: 22px;}
	#doctor .inner .list li .txt h3 span{font-size: 17px;}
    
    /* notice */
    #notice{padding: 70px 0;}
    #notice .w-inner .top .tab{flex-wrap: wrap;}
    #notice .w-inner .top .tab li{text-align: center;}
	#notice .w-inner .tabcontent{margin-top: 40px;}
    
    /* look */
	#look{padding: 70px 0;}
    #look .inner .l_cont{ margin-bottom: 35px;}
    #look .inner .l_cont .thumb li{width: 100px;}
	#look .inner .r_cont .arrow > div{width: 46px; height: 46px; font-size: 18px; border-radius: 7px;}
	#look .inner .r_cont .arrow .prev{left: -10px;}
	#look .inner .r_cont .arrow .next{right: -10px;}
    
    /* location */
	#location{padding: 70px 0;}
    #location .inner .l_cont{height: 300px;}
	#location .inner .r_cont{margin-top: 35px;}
    #location .inner .r_cont .info .btn_box{flex-direction: column; align-items: stretch;}
    #location .inner .r_cont .info .btn_box a.btn{justify-content: center;}
}