﻿@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://font.elice.io/css?family=Elice+DX+Neolli');

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


#mcontainer{text-align:center;overflow-x: hidden}
/* 비주얼 */
.mvisual_w{position:relative;height:100vh;text-align: left}
.mvisual_w .visual_w .swiper-slide{height:100vh;display: flex;justify-content: center;}
.mvisual_w .visual_w .swiper-slide > img{position:absolute;top:0;left: 50%;width: 2000px;height: 100%;transform:translate(-50%, 0);object-fit: cover;z-index:-1;}
.mvisual_w .visual_w .swiper-slide .visual_txt{margin:250px 0 0;width: 1600px;color:#fff;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt,
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt{text-shadow:0 7px 13px rgba(0,0,0,0.15);}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt{margin-top:180px;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .stit{font-family:'ONE-Mobile-Title';font-size:3rem;}
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt .stit{font-family:'Elice DX Neolli';font-size:2.8rem;font-weight:400;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .tit,
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt .tit{margin-top:20px;font-family:'ONE-Mobile-Title';font-size:6rem;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .txt{margin-top:50px;font-family:'Elice DX Neolli';font-size:3rem;font-weight:300;}

.mvisual_w .visual_w .mvisual_cont{display:flex;align-items: center;justify-content: space-between;position:absolute;bottom:330px;left: 50%;font-size: 0;line-height: 0;width: 1600px;transform:translate(-50%, 0);z-index:1;}
.mvisual_w .visual_w .control{display:flex;align-items: center;gap:10px;font-size: 0;line-height: 0;}
.mvisual_w .visual_w .control .swiper-pagination{position:static;width: auto;text-align:left;}
.mvisual_w .visual_w .control .swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:50px;height:4px;background:#fff;opacity:0.5;border-radius:0;}
.mvisual_w .visual_w .control .swiper-pagination .swiper-pagination-bullet-active{opacity:1;}
.mvisual_w .visual_w .control .cont_btn p{display:inline-block;width:6px;height:10px;background:no-repeat center;text-indent:-9999px;cursor:pointer;z-index:2;}
.mvisual_w .visual_w .control .cont_btn p.swiper_play{display:none;background-image:url(/nanum/site/builder/main/heart/img/visual_start.png);}
.mvisual_w .visual_w .control .cont_btn p.swiper_stop{background-image:url(/nanum/site/builder/main/heart/img/visual_stop.png);}
.mvisual_w .visual_w .swiper-button-next:after,
.mvisual_w .visual_w .swiper-button-prev:after{display:none;}
.mvisual_w .visual_w .pn_btnw{display:flex;gap:10px;z-index:2;}
.mvisual_w .visual_w .pn_btnw > div{position:static;margin:0;width:65px;height:65px;background:url(/nanum/site/builder/main/heart/img/visual_btn.png) no-repeat center / contain;cursor:pointer;}
.mvisual_w .visual_w .pn_btnw .swiper-button-prev{margin-left: auto;}
.mvisual_w .visual_w .pn_btnw .swiper-button-next{transform:rotate(180deg)}

.mvisual_w .visual_w .swiper-slide-active.bg1 .visual_txt .stit,
.mvisual_w .visual_w .swiper-slide-active.bg2 .visual_txt .stit{-webkit-animation:txt_ani 0.5s ease-in-out both;animation:txt_ani 0.5s ease-in-out both;-webkit-animation-delay:0.5s;animation-delay:0.8s;}
.mvisual_w .visual_w .swiper-slide-active.bg1 .visual_txt .tit,
.mvisual_w .visual_w .swiper-slide-active.bg2 .visual_txt .tit{-webkit-animation:txt_ani 0.5s ease-in-out both;animation:txt_ani 0.5s ease-in-out both;-webkit-animation-delay:1s;animation-delay:1.3s;}
.mvisual_w .visual_w .swiper-slide-active.bg1 .visual_txt .txt{-webkit-animation:txt_ani 0.5s ease-in-out both;animation:txt_ani 0.5s ease-in-out both;-webkit-animation-delay:1.5s;animation-delay:1.8s;}

@keyframes txt_ani {
	from {
		opacity:0;
		filter:Alpha(opacity=0);
		-webkit-transform:translateY(-50px); 
		transform:translateY(-50px); 
	}
	to {
		opacity:1;
		filter:Alpha(opacity=100);
		-webkit-transform:translateY(0); 
		transform:translateY(0); 
	}
}


.mvisual_w .reserv_box{position:absolute;bottom:70px;left:50%;display:flex;width:1600px;height:230px;background:#fff;border-radius:15px;transform:translate(-50%, 0);z-index: 2;overflow:hidden;box-shadow:0 -5px 30px rgba(0,0,0,0.3);}
.mvisual_w .reserv_box ul{width:75%;display: flex;}
.mvisual_w .reserv_box ul > li{display: flex;justify-content: space-between;flex-direction: column;padding:35px 25px;width:0;flex-grow:1;box-sizing:border-box;}
.mvisual_w .reserv_box li .tit{display:flex;gap:30px;font-size:2.2rem;font-weight:700;line-height:1.3;}
.mvisual_w .reserv_box li .tit:after{content:'';height:58px;background:no-repeat center / contain;}
.mvisual_w .reserv_box li .input_box,
.mvisual_w .reserv_box li .input_box form{display:flex;gap:10px;justify-content: space-between;align-items: center;}
.mvisual_w .reserv_box li .input_box input,
.mvisual_w .reserv_box li .input_box a{padding: 0 15px;width: 100%;height: 50px;line-height: 50px;font-size: 1.6rem;border:0;border-radius: 8px;box-sizing:border-box;}
.mvisual_w .reserv_box li .input_box input{background:#f5f5f5;}
.mvisual_w .reserv_box li .input_box a{line-height:46px;border: 2px solid #000;text-align: center;transition: all 0.5s;}
.mvisual_w .reserv_box li .input_box input#fr_name,
.mvisual_w .reserv_box li .input_box input#co_name{width: 80px;}
.mvisual_w .reserv_box li .input_box input[type="submit"]{flex-basis:100px;color:#fff;background:#405bbd;cursor:pointer;}
.mvisual_w .reserv_box li.icon3 .input_box{flex-direction: column;}

.mvisual_w .reserv_box li.icon1{padding:35px 15px 35px 35px;}
.mvisual_w .reserv_box li.icon1 .tit:after{width:44px;background-image:url(/nanum/site/builder/main/heart/img/visual_icon1.png);}
.mvisual_w .reserv_box li.icon2 .tit:after{width:55px;background-image:url(/nanum/site/builder/main/heart/img/visual_icon2.png);}
.mvisual_w .reserv_box li.icon3{padding:35px 35px 35px 15px;}
.mvisual_w .reserv_box li.icon3 .tit:after{display:none;}

.mvisual_w .reserv_box .popzone_w{padding:0;position:relative;width: 100%;font-size: 0;width:25%;}
.mvisual_w .reserv_box .popzone_w .swiper-slide a{display:block;height:100%;font-size:0;line-height:0;text-align:center;background:#eee;}
.mvisual_w .reserv_box .popzone_w .swiper-slide img{width:100%;height:100%;}
.mvisual_w .reserv_box .popzone_w .control{position:absolute;bottom:0;right:0;display:flex;justify-content:space-between;align-items:center;background:#fff;border-top-left-radius:15px;z-index:2;overflow:hidden;}
.mvisual_w .reserv_box .popzone_w .control p a{display: block;width:36px;height:36px;background-color:#fff;background-repeat:no-repeat;background-position:center;text-indent:-9999px;}
.mvisual_w .reserv_box .popzone_w .control .swiper-button-prev2 a{background-image:url(/nanum/site/builder/main/heart/img/pop_prev.gif);}
.mvisual_w .reserv_box .popzone_w .control .swiper-button-next2 a{background-image:url(/nanum/site/builder/main/heart/img/pop_next.gif);}
.mvisual_w .reserv_box .popzone_w .control .swiper_play2{display:none;}
.mvisual_w .reserv_box .popzone_w .control .swiper_play2 a{background-image:url(/nanum/site/builder/main/heart/img/pop_start.gif);}
.mvisual_w .reserv_box .popzone_w .control .swiper_stop2 a{background-image:url(/nanum/site/builder/main/heart/img/pop_stop.gif);}



.mtit{font-size:4rem;font-weight:700;line-height:1;}
a.more_btn{display:flex;align-items:center;gap:15px;flex-shrink:0;font-size:1.5rem;font-weight:700;line-height:1;color:#0060cf;}
a.more_btn:after{content:'';width:5px;height:8px;background:url(/nanum/site/builder/main/heart/img/more_btn.png) no-repeat center / contain;}

/* 센터소개 */
.center_wr{position:relative;display:flex;gap:20px;justify-content: space-between;align-items: center;padding:110px 0 60px;box-sizing:border-box;}
.center_wr:before{content:'';position:absolute;top:0;left:50%;width:100vw;height:100%;background:#eff5ff;z-index:-1;transform: translate(-50%, 0);}
.center_wr .tit_wr{flex-shrink: 0;margin-top:-50px;}
.center_wr .more_btn{margin-top:40px;}

.center_wr .control{display:flex;gap:10px;margin-top:55px;}
.center_wr .control > div{width:65px;height:65px;background:#fff url(/nanum/site/builder/main/heart/img/cont_btn.png) no-repeat center / auto 22px;border-radius:50%;cursor:pointer;}
.center_wr .control .swiper-button-next3{transform:rotate(180deg)}

.center_wr .center_list{width:1360px;padding:0 30px;margin-right:-30px;}
.center_wr .center_list .swiper-wrapper{padding-bottom:50px;}
.center_wr .center_list .swiper-slide{padding:50px 25px 30px;height:290px;color:#fff;background:no-repeat center / cover;text-align:center;border-radius:15px;overflow:hidden;box-sizing:border-box;cursor:pointer;}
.center_wr .center_list .swiper-slide.bg1{background-image:url(/nanum/site/builder/main/heart/img/center_bg1.jpg);}
.center_wr .center_list .swiper-slide.bg2{background-image:url(/nanum/site/builder/main/heart/img/center_bg2.jpg);}
.center_wr .center_list .swiper-slide.bg3{background-image:url(/nanum/site/builder/main/heart/img/center_bg3.jpg);}
.center_wr .center_list .swiper-slide.bg4{background-image:url(/nanum/site/builder/main/heart/img/center_bg4.jpg);}
.center_wr .center_list .swiper-slide.bg5{background-image:url(/nanum/site/builder/main/heart/img/center_bg5.jpg);}
.center_wr .center_list .swiper-slide.bg6{background-image:url(/nanum/site/builder/main/heart/img/center_bg6.jpg);}
.center_wr .center_list .swiper-slide:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5)}
.center_wr .center_list .swiper-slide dl{position:relative;z-index:1;}
.center_wr .center_list .swiper-slide dl dt{font-size:2.5rem;font-weight:700;}
.center_wr .center_list .swiper-slide dl dd{position:relative;margin-top:15px;font-size:1.6rem;font-weight:500;line-height: 1.5;opacity:0.7;}
.center_wr .center_list .swiper-slide:after{content:'';position:absolute;bottom:35px;left:50%;width:40px;height:40px;background:url(/nanum/site/builder/main/heart/img/go_btn.png) no-repeat center;border:1px solid rgba(255,255,255,0.4);box-sizing:border-box;border-radius:50%;transform:translate(-50%, 0);transition: all 0.3s;}
.center_wr .center_list .swiper-slide .center_bw{display:none;gap:15px;position:absolute;bottom:35px;left:50%;width:calc(100% - 50px);transform:translate(-50%, 0);transition: all 0.3s;}
.center_wr .center_list .swiper-slide .center_bw a{width:0;flex-grow:1;line-height:48px;font-size:1.6rem;font-weight:700;border-radius:7px;border:1px solid #fff;box-sizing:border-box;}
.center_wr .center_list .swiper-slide .center_bw a.ibtn{color:#0c4da2;background:#fff;}
.center_wr .center_list .swiper-slide .center_bw a.dbtn{color:#fff;background:rgba(255,255,255,0.3);}


/* 검사안내 */
.exam_noti_wr{position:relative;display:flex;gap:80px;justify-content: space-between;align-items: center;padding:110px 0;}
.exam_noti_wr > div{width:0;flex-grow:1;}
.exam_noti_wr .tit_wr{margin-bottom:50px;display:flex;justify-content: space-between;align-items: center;}
.exam_noti_wr .tit_wr + div{height:240px;}

.exam_wr .exam_list{display:flex;gap:35px;}
.exam_wr .exam_list a{display: flex;justify-content: center;align-items: center;padding:20px;width:0;flex-grow:1;background:#f8f8f8;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;}
.exam_wr .exam_list a dl dt{display:flex;flex-direction:column;gap:25px;font-size:2.2rem;font-weight:700;}
.exam_wr .exam_list a dl dt:before{content:'';flex-shrink: 0;width:100%;height:35px;background:no-repeat center left / contain;}
.exam_wr .exam_list a.icon1 dl dt:before{background-image:url(/nanum/site/builder/main/heart/img/exam_icon1.png);}
.exam_wr .exam_list a.icon2 dl dt:before{background-image:url(/nanum/site/builder/main/heart/img/exam_icon2.png);}
.exam_wr .exam_list a.icon3 dl dt:before{background-image:url(/nanum/site/builder/main/heart/img/exam_icon3.png);}
.exam_wr .exam_list a.icon2 dl dt br{display:none;}
.exam_wr .exam_list a dl dd{margin-top:15px;font-size:1.5rem;line-height:1.4;font-weight: 400;color:#555;}


/* 소식공지 */
.noti_wr .noti_list{padding:37px 30px;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;}
.noti_wr .noti_list a{display: block;width:100%;}
.noti_wr .noti_list a:not(:first-child){margin-top:17px;}
.noti_wr .noti_list a dl{position:relative;padding-left:20px;display:flex;gap:40px;justify-content:space-between;align-items:center;line-height:1.5;}
.noti_wr .noti_list a dl:before{content:'';position:absolute;top:50%;left:0;width:4px;height:4px;background:#000;transform:translate(0, -50%);}
.noti_wr .noti_list a dl dt{font-size:1.8rem;font-weight:500;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.noti_wr .noti_list a dl dd{flex-shrink: 0;width:70px;font-size:1.3rem;color:#b2b2b2;font-weight:400;text-align: right;letter-spacing: 0;}


/* 뉴스룸 */
.news_wr{position:relative;padding:130px 0 120px;}
.news_wr:before{content:'';position:absolute;top:0;left:50%;width:100vw;height:100%;background:#fbfbfb;z-index:-1;transform: translate(-50%, 0);}
.news_wr .mtit{margin-bottom:85px;line-height:1;}

.news_wr .news_list{position:relative;}
.news_wr .news_list li .ntab,
.news_wr .news_list li .nmore_btn{position:absolute;top:-135px;height:60px;}
.news_wr .news_list li .ntab{width:160px;line-height:58px;font-size:2rem;font-weight:500;color:#666;border:1px solid #bbb;box-sizing:border-box;border-radius:50px;text-align:center;}
.news_wr .news_list li .ntab#ntab1{right:calc(160px + 23px + 160px + 23px + 60px + 26px);}
.news_wr .news_list li .ntab#ntab2{right:calc(160px + 23px + 60px + 26px);}
.news_wr .news_list li .ntab#ntab3{right:calc(60px + 26px);}
.news_wr .news_list li .ntab.on{font-weight:700;color:#fff;background:#405bbd;border-color:#405bbd;box-shadow:0 10px 20px rgba(64,91,189,0.35);}
.news_wr .news_list li .nmore_btn{right:0;width:60px;background:#fff url(/nanum/site/builder/main/heart/img/news_btn.png) no-repeat center;border-radius:50%;box-shadow:0 10px 20px rgba(60,57,76,0.1);text-indent:-9999px;}

.news_wr .news_list li .n_wrap{display:flex;gap:68px;justify-content:space-between;}
.news_wr .news_list li .n_wrap a{width:349px;font-size:0;line-height:0;background:#fff;border:1px solid #e6e6e6;border-radius:15px;box-sizing:border-box;overflow:hidden;}
.news_wr .news_list li .n_wrap a .tbox{padding:33px 40px;}
.news_wr .news_list li .n_wrap a .tbox span{margin-bottom:20px;display:block;width:94px;line-height:32px;font-size:1.5rem;font-weight:500;color:#fff;text-align:center;border-radius:35px;}
.news_wr .news_list li .n_wrap a.cate1 .tbox span{background:#3aa0db;}
.news_wr .news_list li .n_wrap a.cate2 .tbox span{background:#33af6a;}
.news_wr .news_list li .n_wrap a .tbox dl dt{font-size:2.1rem;font-weight:700;line-height:29px;color:#000;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_wr .news_list li .n_wrap a .tbox dl dd{margin-top:22px;font-size:1.2rem;font-weight:400;line-height:1;color:#888;letter-spacing:0;}
.news_wr .news_list li .n_wrap a p{height:210px;overflow: hidden;}
.news_wr .news_list li .n_wrap a p img{width:100%;height: 100%;object-fit:cover;transition: all 0.2s ease-in-out;}


/* 국제성모 */
.ish_tvwr{padding:120px 0;}
.ish_tvwr .tit_wr{display: flex;justify-content: space-between;align-items: center;margin-bottom:35px;}

.ish_tvwr .ish_list{display:flex;}
.ish_tvwr .ish_list a{position:relative;padding:30px 31px 35px;width:25%;box-sizing:border-box;}
.ish_tvwr .ish_list a:not(:first-child):before,
.ish_tvwr .ish_list a:after{content:'';position:absolute;top:0;width:1px;height:100%;box-sizing:border-box;}
.ish_tvwr .ish_list a:not(:first-child):before{left:0;background:#ebebeb;}
.ish_tvwr .ish_list a p{height:184px;border-radius:15px;overflow:hidden;}
.ish_tvwr .ish_list a p img{width:100%;height:100%;object-fit: cover;transition: all 0.2s ease-in-out;}
.ish_tvwr .ish_list a dl{margin-top:35px;}
.ish_tvwr .ish_list a dl dt{font-size: 2.1rem;line-height: 1.4;font-weight: 700;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ish_tvwr .ish_list a dl dd{margin-top:20px;font-size: 1.7rem;line-height: 1.4;font-weight: 500;color: #b5b5b5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ish_tvwr .ish_list a span{position:relative;display:block;margin-top:35px;font-size: 1.3rem;line-height:1;font-weight: 400;color: #888;letter-spacing: 0;}


/* 메인 퀵 */
.mquick_wr{display:flex;padding-bottom:125px;gap:38px;}
.mquick_wr a{display: flex;flex-direction: column;gap: 10px;justify-content: center;align-items: center;padding:30px;width:0;flex-grow:1;height:200px;border:1px solid #e6e6e6;text-align:center;border-radius:15px;box-sizing:border-box;transition: all 0.2s ease-in-out;}
.mquick_wr a p{display: flex;flex-direction: column;gap:23px;font-size:1.9rem;font-weight:500;}
.mquick_wr a p:before{content:'';width:100%;height:52px;background:no-repeat center / contain;}
.mquick_wr a.icon1 p:before{background-image:url(/nanum/site/builder/main/heart/img/mquick_icon1.png)}
.mquick_wr a.icon2 p:before{background-image:url(/nanum/site/builder/main/heart/img/mquick_icon2.png)}
.mquick_wr a.icon3 p:before{background-image:url(/nanum/site/builder/main/heart/img/mquick_icon3.png)}
.mquick_wr a.icon4 p:before{background-image:url(/nanum/site/builder/main/heart/img/mquick_icon4.png)}
.mquick_wr a.icon5 p:before{background-image:url(/nanum/site/builder/main/heart/img/mquick_icon5.png)}
.mquick_wr a span{display:none;gap:10px;align-items:center;padding:10px 15px;font-size:1.4rem;line-height:1;color:#000;background:#f1f1f1;border:1px solid #e3e3e3;border-radius:5px;box-sizing:border-box;}
.mquick_wr a span:after{content:'';width:5px;height:8px;background:url(/nanum/site/builder/main/heart/img/more_btn.png) no-repeat center;filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(338deg) brightness(100%) contrast(109%);}



/********************웹********************/
@media all and (max-width:1600px) {

/* 비주얼 */
#mcontainer .wsize{margin:0 15px;width:calc(100% - 30px)}	
.mvisual_w,
.mvisual_w .visual_w .swiper-slide{min-height:850px;}
.mvisual_w .visual_w .swiper-slide .visual_txt{margin:180px 15px 0;width:calc(100% - 30px)}
.mvisual_w .visual_w .mvisual_cont{left: 0;bottom: 250px;margin:0 15px;width: calc(100% - 30px);transform: none;}

.mvisual_w .reserv_box{bottom: 20px;margin:0 15px;width: calc(100% - 30px);height:207px;left: 0;transform: none;}
.mvisual_w .reserv_box ul{width:calc(100% - 360px)}
.mvisual_w .reserv_box ul > li{padding:20px 7px;width:0;flex-grow:1;}
.mvisual_w .reserv_box li.icon1{padding:20px 10px 20px 15px}
.mvisual_w .reserv_box li.icon3{padding:20px 15px 20px 10px}
.mvisual_w .reserv_box li .input_box,
.mvisual_w .reserv_box li .input_box form{gap:5px;}

.mvisual_w .reserv_box .popzone_w{width: 360px;height: auto;flex-grow: 0;}
.mvisual_w .reserv_box .popzone_w img{width: 100%;height: 100%;}

/* 검사 안내 */
.exam_wr .exam_list{gap:15px;}

/* 뉴스룸 */
.news_wr .news_list li .n_wrap{gap: 15px;}
.news_wr .news_list li .n_wrap a{width:25%;}
.news_wr .news_list li .n_wrap a .tbox{padding: 25px 20px;}
.news_wr .news_list li .n_wrap a p{height: 190px;}

/* 국제성모tv */
.ish_tvwr .ish_list a{padding: 20px 15px 30px;}

/* 퀵메뉴 */
.mquick_wr{gap:20px;}

	
}

/********************웹********************/
@media all and (max-width:1300px) {

/* 비주얼 */
.mvisual_w .visual_w .swiper-slide > img{width:100%;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .stit,
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt .stit{font-size:2.7rem;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .tit,
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt .tit{font-size:6rem;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .txt{margin-top:40px;font-size:2.7rem;}

.mvisual_w .visual_w .control{bottom: 250px;}
.mvisual_w .visual_w .control .swiper-pagination .swiper-pagination-bullet{width:40px;}
.mvisual_w .visual_w .pn_btnw{bottom: 230px;}
.mvisual_w .visual_w .pn_btnw > div{width:60px;height:60px;}

.mvisual_w .reserv_box{height:184px;}
.mvisual_w .reserv_box ul{width:calc(100% - 320px);}
.mvisual_w .reserv_box li .input_box input, 
.mvisual_w .reserv_box li .input_box a{padding:0 10px;height:48px;line-height:48px;font-size:1.5rem;}
.mvisual_w .reserv_box li .input_box a{line-height:44px;}
.mvisual_w .reserv_box li .input_box input[type="submit"]{flex-basis: 50px;flex-shrink: 0;}
.mvisual_w .reserv_box li .input_box input#fr_name,
.mvisual_w .reserv_box li .input_box input#co_name{width:60px;}

.mvisual_w .reserv_box .popzone_w{width: 320px;height: auto;flex-grow: 0;}


/* 센터소개 */
.center_wr .center_list{padding: 0 15px;margin-right: -15px;}

/* 검사 안내 */
.exam_noti_wr{gap: 40px;}
.exam_wr .exam_list a{padding: 20px 13px;}


}

/********************태블릿********************/
@media all and (max-width:1024px) {

/* 비주얼 */
#mcontainer{padding-top:68px;}
.mvisual_w{height:auto;min-height:auto;}
.mvisual_w .visual_w .swiper-slide{height:450px;min-height:auto;}
.mvisual_w .visual_w .swiper-slide .visual_txt{margin:60px 15px 0 !important}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .stit,
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt .stit{font-size:2.5rem;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .tit,
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt .tit{font-size:5.4rem;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .txt{margin-top:30px;font-size:2.5rem;}

.mvisual_w .visual_w .mvisual_cont{bottom:30px;}
.mvisual_w .visual_w .pn_btnw > div{width:50px;height:50px;}

.mvisual_w .reserv_box{position:static;display:block;margin:0;width: 100%;height: auto;background:#eff5ff;border-radius:0;box-shadow:none;}
.mvisual_w .reserv_box ul{width:100%;background:#fff;}
.mvisual_w .reserv_box ul > li{padding:25px 15px !important;height: 200px;}
.mvisual_w .reserv_box li .input_box input, 
.mvisual_w .reserv_box li .input_box a{height: 44px;line-height:44px;}
.mvisual_w .reserv_box li .input_box a{line-height:40px;}
.mvisual_w .reserv_box .popzone_w{margin:25px 15px;width:calc(100% - 30px);border-radius: 15px;}
.mvisual_w .reserv_box .popzone_w .swiper-slide {border: 1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;}


.mtit{font-size:2.8rem;}
a.more_btn{font-size:1.4rem;}

/* 센터소개 */
.center_wr{padding:40px 0 10px;}
.center_wr .more_btn{margin-top:30px;}
.center_wr .control > div{width:55px;height:55px;}
.center_wr .center_list .swiper-slide{padding: 35px 15px 30px;height: 260px;}
.center_wr .center_list .swiper-slide dl dt{font-size: 2.2rem;}
.center_wr .center_list .swiper-slide dl dd{font-size: 1.5rem;line-height: 1.4;}
.center_wr .center_list .swiper-slide:after{display:none;}
.center_wr .center_list .swiper-slide .center_bw{display:flex;bottom: 30px;gap: 10px;width: calc(100% - 30px);}
.center_wr .center_list .swiper-slide .center_bw a{line-height: 46px;font-size: 1.5rem;}

.exam_noti_wr{padding:50px 0;gap:30px;}
.exam_noti_wr .tit_wr{margin-bottom:30px;}
.exam_noti_wr .tit_wr + div{height:165px;}
/* 검사안내 */
.exam_wr .exam_list{gap:10px;}
.exam_wr .exam_list a{height: 100%;align-items: flex-start;justify-content: left;padding:30px 15px;}
.exam_wr .exam_list a dl{height:100%;}
.exam_wr .exam_list a dl dt{height:100%;justify-content:space-between;font-size:1.9rem;}
.exam_wr .exam_list a dl dt:before{height:30px;}
.exam_wr .exam_list a.icon2 dl dt br{display:block;}
.exam_wr .exam_list a dl dd{display:none;}


/* 소식공지 */
.noti_wr .noti_list{padding:20px;}
.noti_wr .noti_list a:not(:first-child){margin-top:12px;}
.noti_wr .noti_list a dl{padding-left:15px;gap:10px;}
.noti_wr .noti_list a dl dt{font-size:1.6rem;}
.noti_wr .noti_list a dl dd{width:60px;}


/* 뉴스룸 */
.news_wr{padding: 75px 0 50px;}
.news_wr .mtit{margin-bottom:45px;}

.news_wr .news_list li .ntab,
.news_wr .news_list li .nmore_btn{top:-86px;height:54px;}
.news_wr .news_list li .ntab{width:135px;line-height: 52px;font-size:1.8rem;}
.news_wr .news_list li .ntab#ntab1{right:calc(135px + 10px + 135px + 10px + 54px + 15px);}
.news_wr .news_list li .ntab#ntab2{right:calc(135px + 10px + 54px + 15px);}
.news_wr .news_list li .ntab#ntab3{right:calc(54px + 15px);}
.news_wr .news_list li .nmore_btn{width:54px;}

.news_wr .news_list li .n_wrap a{width:33.333%;}
.news_wr .news_list li .n_wrap a:nth-child(4){display:none;}
.news_wr .news_list li .n_wrap a p{height: 150px;}
.news_wr .news_list li .n_wrap a .tbox span{margin-bottom: 15px;width: 80px;line-height: 29px;font-size: 1.4rem;font-weight: 700;}
.news_wr .news_list li .n_wrap a .tbox dl dt{font-size:1.8rem;line-height:1.4;}
.news_wr .news_list li .n_wrap a .tbox dl dd{margin-top:15px;}

/* 국제성모tv */
.ish_tvwr{padding:50px 0;}
.ish_tvwr .tit_wr{margin-bottom:30px;}
.ish_tvwr .ish_list{width: calc(100% + 30px);margin-left: -15px;}
.ish_tvwr .ish_list a{padding: 0 15px;width:33.333%;}
.ish_tvwr .ish_list a:nth-child(4){display:none;}
.ish_tvwr .ish_list a dl{margin-top:15px;}
.ish_tvwr .ish_list a dl dt{font-size: 1.7rem;}
.ish_tvwr .ish_list a dl dd{margin-top: 15px;font-size:1.5rem;}
.ish_tvwr .ish_list a span{margin-top:30px;font-size:1.2rem;}
.ish_tvwr .ish_list a p{height:140px}

/* 퀵메뉴 */
.mquick_wr{padding:15px 0 50px;gap:15px;}
.mquick_wr a{padding:15px;height:140px;}
.mquick_wr a p{gap:15px;font-size:1.7rem;}
.mquick_wr a p:before{height:45px;}


}


/********************모바일********************/
@media all and (max-width:767px) {

/* 비주얼 */
.mvisual_w .visual_w .swiper-slide{height:320px;}
.mvisual_w .visual_w .swiper-slide .visual_txt{margin:20px auto 0 !important;text-align: center}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .stit,
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt .stit{font-size:2rem;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .tit,
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt .tit{font-size: 3.7rem;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .txt{margin-top:20px;font-size:2rem;}

.mvisual_w .visual_w .mvisual_cont{bottom: 20px;width: auto;left: 50%;transform: translate(-50%, 0);}
.mvisual_w .visual_w .control .swiper-pagination .swiper-pagination-bullet{width:20px;}
.mvisual_w .visual_w .pn_btnw{display:none;}

.mvisual_w .reserv_box ul{display:block;padding:15px 10px 20px;box-sizing: border-box;}
.mvisual_w .reserv_box ul > li{height:auto;padding:0 !important;width:100%;flex-grow:0;}
.mvisual_w .reserv_box ul > li:not(:first-child){margin-top: 15px;padding-top:15px !important;border-top: 1px dashed #e5e5e5;}
.mvisual_w .reserv_box li .tit{margin-bottom:10px;font-size:1.8rem;}
.mvisual_w .reserv_box li .tit br{display:none;}
.mvisual_w .reserv_box li .tit:after{display:none;}

.mvisual_w .reserv_box li .input_box form{width:100%;}
.mvisual_w .reserv_box li .input_box input, 
.mvisual_w .reserv_box li .input_box a{height: 40px;line-height: 40px;}
.mvisual_w .reserv_box li .input_box a{line-height: 36px;}
.mvisual_w .reserv_box li.icon3 .input_box{flex-direction: row;}


.mtit{font-size:2.3rem;}
a.more_btn{gap:10px;line-height:1;}
a.more_btn:after{margin-top:-1px;}

/* 센터소개 */
.center_wr{flex-direction: column;gap: 15px;padding:10px 0 25px;}
.center_wr .tit_wr{margin-top:0;width:100%;}
.center_wr .tit_wr .tit_box{display: flex;justify-content: space-between;}
.center_wr .more_btn{margin-top:0;}
.center_wr .control{margin-top:15px;position:absolute;top:50%;left: -10px;width: calc(100% + 20px);justify-content: space-between;z-index: 2;transform: translate(0, -50%);}
.center_wr .control > div{width: 40px;height: 40px;background-size: auto 15px;}
.center_wr .control .swiper-button-prev3{box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.center_wr .control .swiper-button-next3{box-shadow: 0 -5px 10px rgba(0,0,0,0.2);}

.center_wr .center_list{padding:0;margin-right:0;width:100%}
.center_wr .center_list .swiper-wrapper{padding-bottom:0;}
.center_wr .center_list .swiper-slide{padding:25px;height: 220px;}
.center_wr .center_list .swiper-slide dl dt{font-size:1.9rem;}
.center_wr .center_list .swiper-slide dl dd{margin-top:10px;}
.center_wr .center_list .swiper-slide .center_bw{bottom: 20px;}
.center_wr .center_list .swiper-slide .center_bw a{line-height:38px;}



.exam_noti_wr{padding:25px 0;gap:40px;flex-direction: column;}
.exam_noti_wr > div{width:100%;flex-grow:0;}
.exam_noti_wr .tit_wr{margin-bottom:15px;}
.exam_noti_wr .tit_wr + div{height:auto;}
/* 검사안내 */
.exam_wr .exam_list{height:110px !important;}
.exam_wr .exam_list a{padding:20px 15px}
.exam_wr .exam_list a dl dt{gap:15px;font-size: 1.7rem;}
.exam_wr .exam_list a dl dt:before{height:25px;}
.exam_wr .exam_list a.icon2 dl dt br{display:none;}

/* 소식공지 */
.noti_wr .noti_list{padding:20px 15px}
.noti_wr .noti_list a dl:before{margin-top:-1px}
.noti_wr .noti_list a dl dd{font-size: 1.2rem;}

/* 뉴스룸 */
.news_wr{padding:35px 0 25px;}
.news_wr .mtit{margin-bottom:75px;}
.news_wr .news_list li .ntab{top:-55px;width:32.333%;height:auto;font-size:1.5rem;line-height:35px;}
.news_wr .news_list li .ntab#ntab1{right:auto;left:0;}
.news_wr .news_list li .ntab#ntab2{right:auto;left:50%;transform:translate(-50%, 0)}
.news_wr .news_list li .ntab#ntab3{right:0;}
.news_wr .news_list li .nmore_btn{top:-105px;width:40px;height:40px;background-size: 14px;}
.news_wr .news_list li .n_wrap{flex-wrap: wrap;gap: 10px}
.news_wr .news_list li .n_wrap a{width:calc(50% - 5px);}
.news_wr .news_list li .n_wrap a:nth-child(4){display:block;}
.news_wr .news_list li .n_wrap a .tbox{padding:15px}
.news_wr .news_list li .n_wrap a .tbox span{margin-bottom: 10px;width: 70px;line-height: 24px;font-size: 1.3rem;}
.news_wr .news_list li .n_wrap a .tbox dl dt{font-size: 1.7rem;}
.news_wr .news_list li .n_wrap a .tbox dl dd{margin-top:10px;}


/* 국제성모tv */
.ish_tvwr{padding:25px 0;}
.ish_tvwr .tit_wr{margin-bottom:5px;}
.ish_tvwr .ish_list{flex-wrap: wrap;width: calc(100% + 20px);margin-left: -10px;}
.ish_tvwr .ish_list a{padding:0 10px;margin:10px 0;width:50%;}
.ish_tvwr .ish_list a:nth-child(odd):before{display:none}
.ish_tvwr .ish_list a:nth-child(4){display:block;}
.ish_tvwr .ish_list a dl dt{font-size:1.6rem;}
.ish_tvwr .ish_list a dl dd{display:none;}
.ish_tvwr .ish_list a span{margin-top: 10px;}


/* 퀵메뉴 */
.mquick_wr{padding: 10px 0 30px;gap:10px;flex-wrap:wrap;}
.mquick_wr a{padding: 10px;width:calc(33.333% - 7px);height:105px;}
.mquick_wr a p{gap: 12px;font-size: 1.6rem;}
.mquick_wr a p:before{height:38px}


}

/********************모바일*******************/
@media all and (max-width:480px){

.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .stit,
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt .stit{font-size:1.8rem;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .tit,
.mvisual_w .visual_w .swiper-slide.bg2 .visual_txt .tit{font-size:3.3rem;line-height: 1.3;}
.mvisual_w .visual_w .swiper-slide.bg1 .visual_txt .txt{font-size:1.7rem;}

.center_wr .center_list .swiper-slide{height:200px;}

.exam_wr .exam_list{gap:7px;}
.exam_wr .exam_list a{justify-content: center;padding: 20px 10px;}
.exam_wr .exam_list a dl dt{font-size:1.6rem;}
.exam_wr .exam_list a dl dt:before{background-position:center;}

.noti_wr .noti_list{padding:17px 15px}
.noti_wr .noti_list a dl dd{width:50px;}
.news_wr .news_list li .n_wrap a .tbox{padding:12px}
.news_wr .news_list li .n_wrap a .tbox dl dt{display:block;white-space: nowrap;text-overflow: ellipsis;}
.news_wr .news_list li .n_wrap a p{height:80px;}

.ish_tvwr .ish_list a p{height:80px}

.mquick_wr a{width:calc(50% - 5px);height: 95px;}
.mquick_wr a p{gap: 10px;font-size:1.5rem}
.mquick_wr a p:before{height:35px;}

}

/********************모바일*******************/
@media all and (max-width:320px){
	
.mvisual_w .reserv_box li .input_box input, 
.mvisual_w .reserv_box li .input_box a{padding: 0 8px;font-size: 1.4rem;}
	
}

/********************웹********************/
@media all and (min-width:1025px) {
	
.mvisual_w .reserv_box li .input_box a:hover{color:#fff;background:#405bbd;border-color:#405bbd;}

.center_wr .center_list .swiper-slide:hover{box-shadow:0 20px 20px rgba(0,0,0,0.2);}
.center_wr .center_list .swiper-slide:hover:before{background-image:url(/nanum/site/builder/main/heart/img/center_listbg.png);}
.center_wr .center_list .swiper-slide:hover:after{display:none;}
.center_wr .center_list .swiper-slide:hover .center_bw{display:flex;}

.exam_wr .exam_list a:hover{background:#fff;border-color:#000;box-shadow:0 7px 30px rgba(0,0,0,0.2);}

.noti_wr .noti_list a:hover dl dt{position:relative;font-weight:700;color:#000;}
.noti_wr .noti_list a:hover dl dt:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;}

.news_wr .news_list li .n_wrap a:hover{border-color:#000;box-shadow:0 7px 30px rgba(0,0,0,0.2);}
.news_wr .news_list li .n_wrap a:hover p img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}

.ish_tvwr .ish_list a:hover{background:#0060cf;border-radius:15px;box-shadow:0 16px 21px rgba(0,96,207,0.3);z-index:1;}
.ish_tvwr .ish_list a:hover:before,
.ish_tvwr .ish_list a:hover + a:before{display:none;}
.ish_tvwr .ish_list a:hover p img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.ish_tvwr .ish_list a:hover dl dt{color:#fff;text-decoration:underline;text-underline-position:under;}
.ish_tvwr .ish_list a:hover dl dd,
.ish_tvwr .ish_list a:hover span{color:rgba(255,255,255,0.5);}
.ish_tvwr .ish_list a:hover span:after{content:'';position:absolute;top:50%;right:0;width:40px;height:40px;background:#000 url(/nanum/site/builder/main/heart/img/go_btn.png) no-repeat center;border-radius:50%;transform:translate(0, -50%);filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(282deg) brightness(102%) contrast(102%);}

.mquick_wr a:hover{border-color:#000;box-shadow:0 7px 30px rgba(0,0,0,0.4);}
.mquick_wr a:hover span{display:inline-flex;}


}
