@charset "utf-8";


@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.gmarket { font-family: 'GmarketSansBold'; font-size: 3em; }

#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:12vw; left:50%; margin-left:-960px}
#visual .visual_box div { position:absolute; top:0;	left:0; }
#visual .v_ul {	position:absolute;	bottom:160px;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:-470px;top:260px; width:940px; color:#fff; text-align:center; z-index:10; }
#visual .visual-cont img {padding:0px 0 10px;}
#visual .visual-cont h3{margin-top: 30px; font-size: 35px; line-height: 45px; font-weight: normal; font-family: 'GmarketSans';}
#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}
	#visual .v_ul {	bottom:180px; }
}
@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: 150px;  width: 100%;  margin-left: -50%; left: 50%;}
	#visual .visual-cont img{width:300px;}
	#visual .v_ul { bottom: 400px;  left: 50%;}
	.visual-cont > p:first-child { font-size: 2em !important; }
	.gmarket { font-family: 'GmarketSansBold'; font-size: 2em; line-height: 1.2; }
    #visual .visual-cont h3{margin-top: 20px; font-size: 28px; line-height: 33px;}
}
@media all and (max-width:550px) {
    #visual .visual-cont h3{font-size: 5vw; line-height: 7vw;}
    
}
@media all and (max-width:400px) {
    #visual {height:100vh ;}
    #visual .visual-cont img {padding:100px 0 10px;}
    #visual .v_ul { bottom: 300px;}
    .visual-cont > p:first-child { font-size: 1.7em !important; }
}



/* 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:14px; letter-spacing:0.28em; color:#fff; font-family:'Montserrat'; padding-top:65px; font-weight: bold; opacity: 0.5;}
#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:40px; margin:0 auto;}
#mInfo .cont1 .box2 h2 {text-align:center; font-size:35px; 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:66px; height:39px; 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.png') no-repeat right top; }
#mInfo .cont2 .eng {font-size:16px; letter-spacing:0.28em; color:#000; font-family:'Montserrat'; font-weight: bold; margin-bottom: 20px; opacity: 0.5;}
#mInfo .cont2 h2 {font-size:34px; line-height:25px; 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:10px; padding-bottom:15px;font-family: 'Pretendard';}
#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:16px; line-height:30px; letter-spacing:-0.09em; color:#686868; font-family: 'Pretendard';}

@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:right top; padding-left: 0; padding-bottom: 0; padding-top: 70px;}
#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;font-family: 'Pretendard';}
#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}
.wrap_controllers, .root_daum_roughmap .cont .section.lst{display: none;}
#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:10px;}
#mComm .notice .more {float:right; font-size:14px; letter-spacing:-0.09em; color:#000; font-weight:500; margin:5px 10px 0 0; opacity: 0.5;}
#mComm .notice ul {width:100%; clear:both; border-top:2px solid #dcdbdb; padding-top: 10px;}
#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: 'Montserrat';}
#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; 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: 10px 0 10px 30px; display: flex;flex-wrap: wrap; align-content: space-between; height: 100%;}
#mComm .cs .eng {font-size:11.5px; color:#c8c8c8; letter-spacing:0.3em; font-family: 'Montserrat';}
#mComm .cs h2 {font-size:29px; letter-spacing:-0.09em; color:#000; padding:17px 0 10px 35px; background:url(/images/main/mComm_img_01.png) no-repeat left center;}
#mComm .cs .num {font-size:38px; color:#001970; line-height:1.3em;  font-family: 'Montserrat'; font-weight: 600;}
#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.01em;  font-family: 'Montserrat';}
#mComm .cs .time li .day {width:73px; font-size:17px; display:inline-block; font-family:'Pretendard'}
#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: 100%;}
#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%; 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; display: flex;flex-wrap: wrap; height: 100%; justify-content: center;}
#mComm .cs .box1 { width: 100%; border-right: 0; border-bottom: 1px solid #dcdbdb; padding-bottom: 20px; display: flex; justify-content: center; flex-wrap: wrap;}
#mComm .cs .box1 .num{margin-top: 10px; width: 100%; text-align: center;}
#mComm .cs .box2 { padding-left: 16px;   width: 100%; padding-top: 20px; justify-content: center;}
#mComm .cs .box2 .txt {width: 100%; text-align: center;}
#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-bottom: 10px;}
#mComm .cs h2 { padding: 6px 0 6px 33px;}
#mComm .cs .num { font-size: 29px;}
#mComm .cs { padding: 23px 19px;}

#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;}


}


/* 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 60px; 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; font-family: 'Pretendard';}
#mSiwon .t2 {font-size:16px; line-height:22px; letter-spacing:-0.09em; margin-top:15px;font-family: 'Pretendard';}
#mSiwon .more {position:absolute; left:60px; bottom:60px; display:block; width:150px; padding: 13px 20px 10px; border-radius:100px; 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;}
#mSiwon h2 {font-size:50px; line-height:55px;}
#mSiwon h2 br {display: none;}
}
@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: 40px; 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; font-size: 12px; bottom: 19px; width: 100px; padding: 10px 0;}

#mSiwon h2 {  font-size: 27px;   line-height: 1.2em;}
#mSiwon h2 br{display: block;}
#mSiwon .t1 { font-size: 15px; margin-top: 5px;}
#mSiwon .t2 {  font-size: 13px;  line-height: 16px;  margin-top: 7px;}
}
@media all and (max-width:400px) {

}


.visu_toptxt { font-size: 3em; line-height: 1.4; position: relative; top: -150px; }

@media all and (max-width:1280px) {
	.visu_toptxt { top: -110px; }
}
@media all and (max-width:750px) {
	.visu_toptxt { top: -50px; }
}