@charset "utf-8";
#visual {width:100%; overflow:hidden; position:relative; margin:0 auto;	height:950px;}
#visual .visual_wrap {	position:relative;	width:1200px;	margin:0 auto;	height:950px;	text-align:center;}
#visual .visual_box { position:absolute; width:1920px; left:50%; margin-left:-960px}
#visual .visual_box div { position:absolute; top:0;	left:0; }
#visual .v_ul {	position:absolute;	bottom:360px;left:50%; width:500px; margin-left:-250px; border:0px solid #f00; text-align:center;	z-index:50;}
#visual .v_ul li { display:inline-block;	cursor:pointer;	margin:0 3px;}
#visual .v_btn01 {	position:absolute;	z-index:1;	top:290px;	left:30px; cursor:pointer; z-index:900}
#visual .v_btn02 {	position:absolute;	z-index:1;	top:290px;	right:30px; cursor:pointer; z-index:900}
#visual .visual_p {	/*position:absolute;*/	left:0;}
#visual .visual-cont {position:absolute; left:50%;margin-left:-270px;top:300px; width:540px; color:#fff; text-align:center; z-index:10; }
#visual .visual-cont img {padding:35px 0 10px;}
#visual .visual-cont dt {font-size:35px; line-height:48px; padding-bottom:10px; font-family: 'Arita-buriM';}
#visual .visual-cont dd {font-size:15px;line-height:20px; font-weight:bold; text-transform:uppercase;}


@media all and (max-width:1280px) {
	#visual {height:100vh;}
	#visual .visual-cont {top:250px}
}
@media all and (max-width:1100px) {
	#visual .visual_wrap {	width:100%}

}
@media all and (max-width:950px) {

}
@media all and (max-width:750px) {
	#visual {height:calc(100vh - 260px);}
	#visual .visual-cont { top: 160px;  width: 300px;  margin-left: -150px;}
	#visual .visual-cont img{width:100%}
	#visual .v_ul { bottom: 540px;  left: 50%;}
}
@media all and (max-width:550px) {

}
@media all and (max-width:400px) {
#visual {height:100vh ;}
}



/* mInfo */
#mInfo {width:1400px; margin:70px auto 0; display:table;}
#mInfo > div {width:50%; display:table-cell; vertical-align:middle; box-sizing:border-box; }
#mInfo .cont1{padding-bottom:80px}
#mInfo .cont1 .box1 {width:100%; height:260px; text-align:center; background:url(/images/main/mInfo_img_01.png) no-repeat center center;}
#mInfo .cont1 .box1 p {font-size:16px; letter-spacing:0.28em; color:#fff; font-family:'Poppins-Thin'; padding-top:65px;}
#mInfo .cont1 .box1 h2 {font-size:34px; color:#fff; letter-spacing:-0.07em; font-weight:bold; margin:25px 0 30px;}
#mInfo .cont1 .box1 a {display:block; width:150px; height:40px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.5); border-radius:20px; font-size:16px; letter-spacing:-0.07em; color:#fff; line-height:38px; margin:0 auto;}
#mInfo .cont1 .box2 h2 {text-align:center; font-size:40px; letter-spacing:-0.09em; color:#000; font-weight:200; line-height:1.3em;}
#mInfo .cont1 .box2 h2 span {font-weight:bold}
#mInfo .cont1 .box2 h2:before {content:""; display:block; width:48px; height:57px; background:url(/images/main/mInfo_img_02.png) no-repeat center center; margin:30px auto 15px}
#mInfo .cont1 .box2 p {font-size:18px; line-height:1.3em; color:#000; letter-spacing:-0.07em; font-weight:300; text-align:center; margin-top:10px}
#mInfo .cont2 {padding-left:75px; }
#mInfo .cont2 .dr{ box-sizing:border-box; padding-bottom:115px}
#mInfo .cont2 .dr1{background:url('/images/main/mInfo_img_03_1.png') no-repeat right top; }
#mInfo .cont2 .dr2{background:url('/images/main/mInfo_img_03_2.png') no-repeat right top; }
#mInfo .cont2 .dr3{background:url('/images/main/mInfo_img_03_.png') no-repeat right top; }
#mInfo .cont2 .eng {font-size:16px; letter-spacing:0.28em; color:#000; font-family:'Poppins-Thin'}
#mInfo .cont2 h2 {font-size:34px; line-height:1.3em; letter-spacing:-0.09em; color:#000; font-weight:bold;}
#mInfo .cont2 h2 span {font-size:18px; font-weight:300; margin-left:15px;}
#mInfo .cont2 .t1 {font-size:16px; line-height:1.4em; letter-spacing:-0.09em; color:#000; margin-top:15px; padding-bottom:15px;}
#mInfo .cont2 .t1:after {content:""; display:block; width:260px; height:1px; border-bottom:1px dotted #000; margin:15px 0 20px;}
#mInfo .cont2 .info_list li {font-size:15px; line-height:32px; letter-spacing:-0.09em; color:#686868}

@media all and (max-width:1400px) {
#mInfo {width:90%;}
}
@media all and (max-width:1280px) {
#mInfo .cont2  .dr{    background-size: 80% auto; padding-left: 35px;}
}
@media all and (max-width:1100px) {
#mInfo > div {  width: 100%;    display: block;}
#mInfo .cont1 .box1 {background-size:cover;}
#mInfo .cont2 .dr{ background-size: auto 100%;}
}
@media all and (max-width:950px) {

}
@media all and (max-width:750px) {
#mInfo {width:100%; margin-top:0px;}
#mInfo .cont2{width: 97%;  margin: 0 auto;  margin-bottom: 20px; padding-left: 10px;}
#mInfo .cont2  .dr{    background-size: 80% auto; background-position:right 10px; padding-left: 0; padding-bottom: 30px;}
#mInfo .cont2 .info_list li {font-size:14px; line-height:25px;}
#mInfo .cont2 .t1 { padding-bottom: 0;}
#mInfo .cont2 h2 span {margin-left: 5px;}


}
@media all and (max-width:550px) {
#mInfo .cont2  .dr{    background-size: 80% auto; background-position:center top; padding-left: 0; padding-bottom: 0; padding-top: 120px;}
#mInfo .cont1 .box2{display:none;}
#mInfo .cont1 {    padding-bottom: 33px;}
#mInfo > div {    padding-bottom: 33px;}

#mInfo .cont1 .box1 h2 {  font-size: 29px;  margin: 17px 0 26px;}
#mInfo .cont1 .box1 {height: 242px;}

#mInfo .cont2 .eng { font-size: 12px;}
#mInfo .cont2 h2 {font-size: 25px;}
#mInfo .cont2 h2 span {font-size: 14px;}
#mInfo .cont2 .t1 {font-size: 12px;}
}
@media all and (max-width:400px) {
#mInfo .cont1 .box1 p { font-size: 12px;}
#mInfo .cont1 .box1 h2 { font-size: 24px;}
#mInfo .cont1 .box1 a {width: 150px; height: 35px;  font-size: 13px; line-height: 35px;}
}


/* mClinic */
#mClinic {width:100%; background:url(/images/main/mClinicBG.png) no-repeat center center; padding:125px 0 115px; background-size:cover;}
#mClinic > div {width:1400px; margin:0 auto; overflow:hidden;}
#mClinic .tit_box {width:350px; float:left;}
#mClinic .tit_box h2 {font-size:40px; letter-spacing:-0.09em; color:#fff; line-height:1.3em; font-weight:500; margin-top:55px;}
#mClinic .tit_box h2 span {font-weight:200;}
#mClinic .tit_box p {font-size:18px; line-height:1.4em; color:#fff; letter-spacing:-0.09em; margin-top:15px;}
#mClinic ul {width:1050px; float:left; overflow:hidden;}
#mClinic ul li {width:200px; height:200px; float:left; box-sizing:border-box; border:1px solid rgba(255,255,255,0.4); text-align:center; padding-top:40px; margin-right:12.5px;}
#mClinic ul li a {display:block; width:100%; height:100%;}
#mClinic ul li p {font-size:18px; line-height:1.3em; color:#fff; letter-spacing:-0.09em; margin-top:15px;}
#mClinic ul li:nth-child(5n+5) {margin-right:0;}
#mClinic ul li:nth-child(5) ~ li {margin-top:12.5px;}
#mClinic ul li:nth-child(even) {background:#fff;}
#mClinic ul li:nth-child(even) p {color:#000}

@media all and (max-width:1400px) {
#mClinic > div {width:1051px;}
#mClinic ul {width:;}
#mClinic .tit_box {  margin-bottom: 32px;}
#mClinic .tit_box h2 {margin-top:0px;}
}
@media all and (max-width:1280px) {

}
@media all and (max-width:1100px) {
#mClinic > div {   width: 90%;}
#mClinic ul { width: 100%;}

#mClinic ul li:nth-child(5n+5) {margin-right:12.5px;}
#mClinic ul li:nth-child(4n) {margin-right:0;}
#mClinic ul li:nth-child(4) ~ li {margin-top:12.5px;}

}
@media all and (max-width:950px) {
#mClinic ul li {  width: 196px;   height: 196px;}

#mClinic ul li:nth-child(4n) {margin-right:12.5px;}
#mClinic ul li:nth-child(3n) {margin-right:0;}
#mClinic ul li:nth-child(3) ~ li {margin-top:12.5px;}
}
@media all and (max-width:750px) {
#mClinic ul li {  width: calc(50% - 7px);   height: 196px;}


#mClinic ul li:nth-child(3n) {margin-right:12.5px;}
#mClinic ul li:nth-child(2n) {margin-right:0;}
#mClinic ul li:nth-child(2) ~ li {margin-top:12.5px;}
#mClinic ul li:nth-child(even) {  background: none;}
#mClinic ul li:nth-child(even) p { color: #FFF;}

#mClinic { padding: 67px 0 67px;}

}
@media all and (max-width:550px) {
#mClinic ul li {height: 158px; padding-top: 19px;}
#mClinic .tit_box h2 { font-size: 33px;}
#mClinic .tit_box p { font-size: 15px; margin-top: 11px;}
#mClinic ul li p { font-size: 14px;}
}
@media all and (max-width:400px) {

}

/* mComm */
#mComm {width:1400px; margin:70px auto; overflow:hidden;}
#mComm .map {width:700px; height:463px; float:left; box-sizing:border-box; border-bottom:1px solid #ddd; position:relative;}
#mComm .map p {position:absolute; bottom:0; left:0; width:100%; font-size:16px; line-height:50px; background:rgba(0,0,0,0.4); color:#fff; z-index:300; text-indent:15px}
#mComm .cont1 {width:650px; float:right;}
#mComm .notice {width:100%; height:235px; box-sizing:border-box; border:1px solid #ddd; padding:20px 40px 0; overflow:hidden;}
#mComm .notice h2 {float:left; font-size:26px; letter-spacing:-0.09em; line-height:1.3em; color:#000; font-weight:500; margin-left:10px; margin-bottom:20px;}
#mComm .notice .more {float:right; font-size:16px; letter-spacing:-0.09em; color:#000; font-weight:500; margin:15px 10px 0 0}
#mComm .notice ul {width:100%; clear:both; border-top:2px solid #dcdbdb}
#mComm .notice ul li {width:100%; box-sizing:border-box; padding:8px 10px; border-bottom:1px solid #dcdbdb}
#mComm .notice ul li a {font-size:14px; line-height:20px; color:#404040; letter-spacing:-0.09em; overflow:hidden}
#mComm .notice ul li a span {float:right; color:#939393; font-family:'Roboto'}
#mComm .notice ul li:last-child {border-bottom:0;}
#mComm .cs {width:100%; height:205px; box-sizing:border-box; border:1px solid #ddd; margin-top:23px; padding:30px 40px; overflow:hidden;}
#mComm .cs > div {box-sizing:border-box; padding-top:10px;}
#mComm .cs .box1 {float:left; width:253px; height:100%; border-right:2px solid #dcdbdb}
#mComm .cs .box2 {float:left; width:270px; padding-left:30px; margin-top: 10px;}
#mComm .cs .eng {font-size:11.5px; color:#c8c8c8; letter-spacing:0.4em; font-family:'Roboto'}
#mComm .cs h2 {font-size:29px; letter-spacing:-0.09em; color:#000; padding:10px 0 20px 35px; background:url(/images/main/mComm_img_01.png) no-repeat left center;}
#mComm .cs .num {font-size:38px; color:#0e76bc; line-height:1.3em; font-family:'Roboto'}
#mComm .cs .num span {color:#a5a5a5}
#mComm .cs .time {margin-bottom:10px;}
#mComm .cs .time li {font-size:16px; line-height:22px; letter-spacing:-0.03em; font-family:'Roboto'}
#mComm .cs .time li .day {width:90px; font-size:17px; display:inline-block; font-family:'Noto Sans KR'}
#mComm .cs .t1 {font-size:14.5px; line-height:20px; letter-spacing:-0.05em; color:#000}


@media all and (max-width:1400px) {
#mComm {width:90%}
#mComm > .map {width: 49%;}
#mComm .cont1 {width: 49%;}
#mComm .cs {padding: 30px 30px;}
#mComm .cs .box1 { width: 47%;}
#mComm .cs .box2 {width: 53%; padding-left: 25px;}
}
@media all and (max-width:1280px) {
#mComm > .map {width: 42%;}
#mComm .cont1 {width: 56%;}
}
@media all and (max-width:1100px) {
#mComm > .map {  width: 100%; overflow: hidden;  margin-bottom: 28px;}
#mComm .cont1 { width: 100%;}

#mComm .cs {padding: 30px 100px;}
#mComm .cs .box2 {padding-left: 60px;}

}
@media all and (max-width:950px) {
#mComm .cs {  padding: 30px 52px;}
}
@media all and (max-width:750px) {
#mComm {  width: 95%;  margin: 20px auto;}
#mComm .cs { padding: 30px 19px;}
#mComm .cs .box1 { width: 45%;}
#mComm .cs .box2 { padding-left: 16px;   width: 54%;}
#mComm .cs h2 { font-size: 26px; padding: 10px 0 11px 39px;}
#mComm .cs .num { font-size: 35px;}

#mComm .cs .time li { line-height: 22px;}
#mComm .cs .eng {margin-top:10px;}

#mComm > .map {margin-bottom: 20px;}
/* #mComm .cs {margin-bottom: 20px;} */

}
@media all and (max-width:550px) {
#mComm .cs .time li { font-size: 14px;}
#mComm .cs .time li .day { font-size: 14px; width: 68px;}
#mComm .cs .t1 { font-size: 12px;}

#mComm .cs .eng { margin-top: 10px; letter-spacing: 0.4em; font-size: 10px;}
#mComm .cs h2 {     font-size: 4.5vw; padding: 6px 0 6px 33px;}
#mComm .cs .num { font-size: 29px;}
#mComm .cs { padding: 23px 19px; height: 182px;}

#mComm .notice {height: 219px; padding: 20px 25px 0;}
#mComm .notice h2 {font-size: 20px;     margin-left: 12px; margin-bottom: 12px; }
#mComm .notice .more {font-size: 14px; margin: 7px 10px 0 0;}
}
@media all and (max-width:400px) {
#mComm .map { height: 263px;}

#mComm .cs .time li { font-size: 13px; letter-spacing: -0.1em;}
#mComm .cs .time li .day { font-size: 13px; width: 59px;}
#mComm .cs .t1 { font-size: 11px;  letter-spacing: -0.08em;}
#mComm .cs { padding: 23px 9px;}
#mComm .cs .box2 { padding-left: 10px;}

#mComm .cs .eng { letter-spacing: 0.2em; margin-top: 18px;}
#mComm .cs h2 {padding: 6px 0 6px 26px; background-size: auto 80%;}
#mComm .cs .num { font-size: 24px;}

}


/* mSiwon */
#mSiwon {width:100%; height:540px; /* min-width:1400px; */ overflow:hidden;}
#mSiwon > div {width:50%; height:100%; float:left; overflow:hidden; color:#fff;}
#mSiwon > div > div {width:50%; height:100%; float:right; box-sizing:border-box; padding:90px 0 0 75px; position:relative;}
#mSiwon .box1 {background:url(/images/main/mSiwonBG1.png) no-repeat center center;}
#mSiwon .box2 {background:url(/images/main/mSiwonBG2.png) no-repeat center center;}
#mSiwon h2 {font-size:60px; line-height:66px; letter-spacing:-0.09em; font-weight:300;}
#mSiwon h2 span {font-weight:500}
#mSiwon .t1 {font-size:22px; line-height:1.3em; letter-spacing:-0.09em; font-weight:500; margin-top:30px;}
#mSiwon .t2 {font-size:16px; line-height:22px; letter-spacing:-0.09em; margin-top:15px;}
#mSiwon .more {position:absolute; left:75px; bottom:60px; display:block; width:150px; line-height:40px; border-radius:20px; text-align:center; font-size:16px; letter-spacing:-0.07em; color:#71bf43; background:#fff;}
#mSiwon .box2 .more {color:#00bbe4}

@media all and (max-width:1400px) {

}
@media all and (max-width:1280px) {
#mSiwon {height: 885px;}
#mSiwon > div {  width:100%;  height: 50%;}
#mSiwon > div > div {padding: 51px 0 0 54px;}
#mSiwon .box1 {    background-size: cover;}
#mSiwon .box2 {    background-size: cover;}
#mSiwon .more {    left: 53px;}
}
@media all and (max-width:1100px) {

}
@media all and (max-width:950px) {

#mSiwon > div > div {  padding: 51px 0 0 30px;}
#mSiwon .more { left: 31px;}
}
@media all and (max-width:750px) {
#mSiwon h2 { font-size: 3.5em; line-height: 1.2em;}
#mSiwon .t1 { font-size: 1.4em;}

}
@media all and (max-width:550px) {
#mSiwon { height: 560px;}
#mSiwon > div > div {padding: 26px 0 0 19px;}
#mSiwon .more { left: 17px; width: 100px; font-size: 12px; bottom: 19px; line-height: 30px;}

#mSiwon h2 {  font-size: 2.2em;   line-height: 1.2em;}
#mSiwon .t1 { font-size: 1.2em; margin-top: 10px;}
#mSiwon .t2 {  font-size: 13px;  line-height: 16px;  margin-top: 7px;}
}
@media all and (max-width:400px) {

}
