@charset "utf-8";

/* m_tit */
.m_tit{text-align: center;}
/*.m_tit::before{content: ''; display: block; width: 1px; height: 80px; background-color: #828c90; margin: 0 auto 20px;}*/
.m_tit h4{text-transform: uppercase;}
.m_tit h3{  font-size: 2.5em; line-height: 1.4em; margin: 0.5em 0; word-spacing: -0.1em; letter-spacing: -0.05em; font-weight: 300;}
.m_tit h3 span{font-weight: 600;}
.m_tit p{  font-weight: 300; font-size: 1.25em;}
.m_tit p span{font-weight: 500;}

@media all and (max-width:1240px){
    .m_tit::before{height: 60px;}
    .m_tit h3{font-size: 1.8em;}
}
@media all and (max-width:690px){
    .m_tit h3{font-size: 1.6em;}
    .m_tit p{width: 96%; margin-left: auto; margin-right: auto; font-size: 0.8em;}
}
@media all and (max-width:480px){
    
}



/* mVisual */

#mVisual{width: 100%; height: 100%;}
#mVisual .mv{height: 85vh; position: relative; width: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
#mVisual .mv.mv1{background-image: url(/images/main/mv1_240530.jpg);}
#mVisual .mv.mv2{background-image: url(/images/main/mv2_240530.jpg);}
#mVisual .mv .txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  color: #fff; text-align: center; font-family: 'NanumSquare';}
#mVisual .mv .txt h3 {font-size: 56px; font-weight:300; line-height: 70px; margin-top: 10px;}
#mVisual .mv .txt p.p-t{font-size: 13px; font-weight: 400; margin-top: 0.8em; line-height:20px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900;color: #454545; background-color: #fff; padding: 0 5px;}
#mVisual .mv .txt p{font-size: 17px; font-weight: 200; margin-top: 0.8em; line-height:23px;}

@media all and (max-width:1024px){
    /* #mVisual{height: 90vh;} */
    #mVisual .mv{height: 90vh;}
    #mVisual .mv .txt{width: 94%; left: 50%; transform: translateX(-50%); bottom:120px; text-align: center;}
    #mVisual .mv .txt .p-t{width: 50%; margin: 0 auto;}
    #mVisual .mv .txt .img img{max-width: 60vw; margin: 0 auto;}
    #mVisual .mv .txt p{font-size: 16px; word-break: keep-all;}
}
@media all and (max-width:842px){
    #mVisual .mv .txt p.p-t{width: 65%; margin: 0 auto;}
    #mVisual .mv{height: 85vh; position: relative; width: 100%; background-repeat: no-repeat; background-position: 30% 30%; -webkit-background-size: cover; background-size: cover;}
    #mVisual .mv.mv2{height: 85vh; position: relative; width: 100%; background-repeat: no-repeat; background-position: 65% 30%; -webkit-background-size: cover; background-size: cover;}
}
@media all and (max-width:768px){
    #mVisual .mv .txt{bottom: 90px;}
	#mVisual .mv .txt h3 {font-size:40px; line-height:50px;}
	#mVisual .mv .txt p.t1 {font-size: 14px;}
}
@media all and (max-width:645px){
    #mVisual .mv .txt p.p-t{width: 90%; margin: 0 auto; font-size: 10px;}
}
@media all and (max-width:400px){
    #mVisual .mv .txt p.p-t{width: 98%; margin: 0 auto; font-size: 8px;padding: 0;}
}


/* main2 */

#main2{background-color: #ecf4ff; padding: 80px 0 60px;}
#main2 ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 4em; transition: 0.5s;}
#main2 ul li{width: 28%;margin: 0 1% 2%; border-radius: 20px; background-color: #fff; box-shadow: 2px 3px 15px rgba(0,0,0,0.1); padding: 3em 1em 3em 0; height: 200px; transition: 0.3s;}
#main2 ul li:hover {transition: 0.3s; border: 1px solid #82b4ff;}
#main2 ul li a{display: flex; align-items: center; width: 100%;transition: 0.3s; }
#main2 ul li a .img{display: flex; flex-direction: column; justify-content: center; margin-left: 2em;}
#main2 ul li a .txt{margin-left: 30px;}
#main2 ul li a .tit{font-size: 1.75em; line-height: 1em; letter-spacing: -0.075em; font-weight: 300;}
#main2 ul li a .tit span{font-weight: 500;} 
#main2 ul li a p{word-break: keep-all; font-size: 1.125em; font-weight: 300; margin-top: .5em; } 

@media all and (max-width:1500px){
    #main2 ul li a .tit{font-size: 1.3em;}
    #main2 ul li a p{font-size: 0.9em;}
    #main2 ul li a .img{margin-left: 2em;}
}
@media all and (max-width:1240px){
    #main2{padding: 20px 0 80px;}
    #main2 ul li{width: 48%; height: 180px; padding: 3.5em 2em 2em 0;}
    #main2 ul li a .img img{max-width: 64px;}
    #main2 ul li a .txt{margin-left: 1em;}
}
@media all and (max-width:784px){
    #main2 ul li{padding: 2.5em 2em 2em 0;}
}
@media all and (max-width:640px){
    #main2 ul li a .img img{max-width: 48px;}
    #main2 ul li{width: 100%; margin: 0 0 2%; padding: 2em 2em 2em 0;height: 120px;}
    #main2 ul li a .tit{font-size: 1.1em;}
    #main2 ul li a p{font-size: 0.8em;}
}
@media all and (max-width:480px){
    
}


/* main3 */

.mPart {padding:8em 0}
.s-part {padding-top:5em}

.m-Title {width:94%; margin:0 auto; margin-bottom:4em; text-align:center}
.m-Title h3 {font-size: 45px; line-height:1.3em; font-weight: bold;color:#222}
.m-Title h4 {font-size: 30px; line-height:1.3em; font-weight:normal; color:#222}
.m-Title p.t1 { font-size: 14px; color:#a2a2a2; font-family: 'GmarketSansLight'; font-weight:600; letter-spacing:0.23em; opacity:.5}

@media all and (max-width:976px){
	.m-Title h3 {font-size: 40px}
	.m-Title h4 {font-size: 25px;}
}
@media all and (max-width:768px){
	.mPart {padding:5em 0}
    .m-Title h3 {font-size:35px}
	.m-Title p.t1{font-size: 10px;}
	.m-Title { margin-bottom:2em;}
}
@media all and (max-width:480px){
		.m-Title { margin-bottom:3em;}
	.m-Title h3 {font-size:30px}
}

#main3 {position:relative}
/* #main3:before {content:''; width:15%; height:100%; background:#cb9b0f; position:absolute; right:0; top:0; z-index:-1 } */
#main3 #in-box { background:url('/images/main/main3_bg.png')no-repeat right center;}
@media all and (max-width:976px){
	#main2:before {height:40%; }
}


#in-box .conTxt {}
#in-box.m2 .conTxt {padding:3% 2% 3% 7% ;}
#in-box .conTxt h3 {font-size:35px; line-height:1.3em; font-weight: 400; color:#222}
#in-box .conTxt .t1 {margin:1em 0 2.3em; font-size:17px; line-height:30px; letter-spacing: -1px;}

@media all and (max-width:1682px){
    #main3 #in-box { background-position:120% center}
}
@media all and (max-width:1650px){
	#in-box .conTxt .t1 {width:47%}
	#in-box .conTxt .t1 br {display:none}
}
@media all and (max-width:1599px){
	#in-box.m2 .conTxt {padding:3% ;}
}
@media all and (max-width:1492px){
	#main3 #in-box { background-position:130% center}
}
@media all and (max-width:1430px){
	#in-box .conTxt .t1 {width:50%}
	#main3 #in-box {background-size:50% auto; background-position:125% center}
}
@media all and (max-width:1080px){
	#in-box .conTxt .t1 {width:85%;}
	#main3 #in-box {background-size:100% auto; background-position:125% -10%;}
	#in-box.m2 .conTxt {padding-top:70vw;  }
}
@media all and (max-width:976px){
	#in-box .conTxt .t1 {width:100%; font-size: 15px;}
	#in-box .conTxt h3 {font-size:30px; }
}
@media all and (max-width:640px){
	#in-box .conTxt .t1 {width:100%}
	#in-box .conTxt h3 {font-size:25px; }
}
@media all and (max-width:530px){
	#in-box .conTxt .t1 {width:100%;font-size: 12px; line-height: 20px;}
	#in-box .conTxt h3 br{display: none;}
	#in-box .conTxt h3 {font-size:20px; }
}

.checkList {  display:flex;  flex-wrap:wrap; align-items: center; margin-top: 100px;}
.checkList.w4 {width:940px;}
.checkList.w4 li {width: 28%; box-sizing:border-box}
.checkList li {z-index: 98; width:100%; height: 74px; margin:5px; border:1px solid #DDD; border-radius:50px; position:relative; background-color: #fff; transition: 0.3s;}
.checkList li:hover{background-color: #1363df;transition: 0.3s;  border: 0;}
.checkList li:hover a{transition: 0.3s; color: #fff;}
.checkList li a{width:100%;height: 100%; z-index: 100; }
.checkList li:hover p:before {content:''; width:33px; height:33px; background:url('/images/main/check-icon_w.png')no-repeat left center; position:absolute; left:25px; top: 20px; z-index: 99;}
.checkList li p:before {content:''; width:33px; height:33px; background:url('/images/main/check-icon.png')no-repeat left center; position:absolute; left:25px; top: 20px; z-index: 99;}
.checkList li p {font-size:16px; padding-left:40px; text-align: center; width: 100%; height: 100%; line-height: 70px;}
.checkList li p.lh{line-height: 20px; margin-top: 16px;}

@media all and (max-width:1080px){
	.checkList.w4 {width:100%;}
    .checkList{margin-top: 0; justify-content: space-between;}
}
@media all and (max-width:976px){
	.checkList.w4 li {width:calc(33.333% - 4px);}
	.checkList li { margin:2px;}
	.checkList li:before { left:18px;}
}
@media all and (max-width:640px){
	.checkList.w4 li {width:calc(50% - 4px);}
    .checkList li p:before {width:30px; height:30px;  background-size: 80% auto;}
    .checkList li p{font-size: 13px;}
}
@media all and (max-width:480px){
	.checkList li p .m1 {width:15vw}
	.checkList li p .s1 {width:calc(100% - 15vw);}
	.checkList li p .m1.ver2 { width:23vw }
	.checkList li p .s1.ver2 { width:calc(100% - 23vw);}
}


/* main4 */

#main4{position: relative; height: 800px; overflow: hidden;}
#main4 .m-Title h3{color: #fff;word-spacing: -0.1em; letter-spacing: -0.05em; font-weight: 300;}
#main4 .m-Title h3 br{display: none;}
#main4 .m-Title .b-5es{font-size: 55px;}
#main4 .main4_box{width: 100%; max-width: 1920px; margin: 0 auto; position: Relative; overflow: hidden; box-sizing: Border-box;}
#main4 .main4_bg{clip: rect(auto, auto, auto, auto); top: 0; left: 0; width: 100%; height: 100%; max-height: 1000px; position: absolute; z-index:-1;}

#main4 .main4_bg .inner{height: 100%;margin-top: 320px;}

#main4 .main4_bg .inner ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
#main4 .main4_bg .inner ul li{width: 220px; height: 220px; border-radius: 50%; border: 2px solid #fff; text-align: center; display: table; position: relative;}
#main4 .main4_bg .inner ul li::after{content: ''; width: 30px;  height: 30px; position: absolute; top: 50%; left: 111%; transform: translateY(-50%); background-image: url('/images/main/icon_x.png'); background-repeat: no-repeat;}
#main4 .main4_bg .inner ul li:last-child:after{display:none;}
#main4 .main4_bg .inner ul li h3{font-size: 30px; font-weight: 300; color: #fff;}
#main4 .main4_bg .inner ul li .i-txt p{font-size: 16px; font-weight: 300; color: #fff; margin-top: 10px;font-family: 'NanumSquare';}
#main4 .main4_bg .inner ul li .i-txt{display: table-cell;    vertical-align: middle;}


#main4 .main4_bg .txt{text-align: center; z-index: 99; }
#main4 .main4_bg .txt p{color: #fff; font-weight: 200; font-size: 18px; margin-top: 100px;}
#main4 .main4_bg .txt p span{font-weight: 500;}

#main4 .main4_bg_in{ position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; transform: translateZ(0); will-change: transform; background-size: cover; z-index: -111;}

@media all and (max-width:1470px){
    #main4 .main4_bg .inner ul{ margin: 0 auto;}
    #main4 .main4_bg .inner ul li::after{width: 30px;  height: 30px;  left: 119%;}
    #main4 .main4_bg .inner ul li{width: 180px; height: 180px; border-radius: 50%; border: 2px solid #fff; text-align: center;display: table; position: relative;}
}
@media all and (max-width:1370px){
    #main4 .main4_bg .inner ul li{width: 180px; height: 180px; border-radius: 50%; border: 2px solid #fff; text-align: center;display: table; position: relative;}
    #main4 .main4_bg .inner ul li::after{background-size: 70% auto;}
    #main4 .main4_bg .inner ul li h3{font-size: 25px;}
    #main4 .m-Title .b-5es{font-size: 45px;}
    #main4 .main4_bg .inner ul li .i-txt p{font-size: 14px;}
}
@media all and (max-width:1300px){
    #main4 .main4_bg .inner ul li::after{top: 50%; left: 115%;}
}
@media all and (max-width:1200px){
    #main4{height: 1000px;}
    #main4 .main4_bg .inner ul{flex-wrap: wrap; justify-content: center;}
    #main4 .main4_bg .inner ul li::after{display: none;}
    #main4 .main4_bg .inner ul li{margin: 10px 50px;}
    #main4 .main4_bg .txt p{font-size: 16px;}
}
@media all and (max-width:1000px){
    #main4{height: 900px;}
    #main4 .main4_bg .inner ul{flex-wrap: wrap; justify-content: center;}
    #main4 .main4_bg .inner ul li::after{display: none;}
    #main4 .main4_bg .inner ul li{margin: 10px;}
    #main4 .main4_bg .inner{margin-top: 280px;}
    #main4 .main4_bg .txt p{margin-top: 80px;}
}
@media all and (max-width:690px){
    #main4 .m-Title h3 br{display: block;}
    #main4 .main4_bg .inner ul li{width: 150px; height: 150px; border-radius: 50%; border: 2px solid #fff; text-align: center;display: table; position: relative; margin: 5px;}
    #main4 .main4_bg .txt p{font-size: 14px;}
    #main4 .main4_bg .inner ul li h3{font-size: 20px;}
    #main4 .m-Title .b-5es{font-size: 45px;}
    #main4 .main4_bg .inner ul li .i-txt p{font-size: 12px;}
}
@media all and (max-width:505px){
    #main4 .main4_bg .inner{margin-top: 250px;}
    #main4 .main4_bg .txt p br{display: none;}
    #main4 .main4_bg .txt p{margin-top: 50px;}
}



/* main5 */

#main5{}
#main5 .m_tit h3{text-align: left;}
#main5 .doctor{display: flex; align-items: center;}
#main5 .doctor .txt_box{width: 50%;padding-left: 100px;}
#main5 .doctor .txt_box.tb1{padding-left: 400px;}
#main5 .doctor .dc1{background: url(/images/main/main5_img1_240530.jpg) no-repeat center center; width: 50%; height: 800px; background-size: cover !important;}
#main5 .doctor .dc2{background: url(/images/main/main5_img2_240530.jpg) no-repeat center center; width: 50%; height: 800px; background-size: cover !important;}
#main5 .info{display: flex; align-items: flex-end;}
#main5 .info .txt{}
#main5 .info .txt h3{font-size: 2em; display: inline-block;}
#main5 .info .txt h3 span{font-size: .625em; font-weight: 400;}
#main5 .info .txt h4{font-size: 1.5em; color: #47b5ff; font-weight: 500; margin: 5px 0 15px;}
#main5 .info .txt ul{margin: 20px 0;}
#main5 .info .txt ul li{font-size: 1.125em; position: relative; line-height: 1.75em;}

#main5 .info .txt .more a{border: 1px solid #d4d4d4; border-radius: 30px; width: 100px; text-align: center; color: #656565; height: 35px; line-height: 35px; padding: 5px 20px; font-size: 15px;}

@media all and (max-width:1560px){
    #main5 .doctor .txt_box.tb1{padding-left: 100px;}
}
@media all and (max-width:1240px){
    #main5 .inner{text-align: center; max-width:580px;}
    #main5 .info{display: block;}
    #main5 .info .txt{text-align: left;}
}
@media all and (max-width:999px){
    #main5 .doctor{flex-direction: column;}
    #main5 .doctor .dc1{width: 100%; height: 480px; background: url(/images/main/main5_img1_240530.jpg) no-repeat top center;}
    #main5 .doctor .dc2{width: 100%; height: 480px; background: url(/images/main/main5_img2_240530.jpg) no-repeat top center;}
    #main5 .doctor .txt_box{width: 100%; margin-top: 2em; order: 3;}
    #main5 .info .txt .more{margin-bottom: 50px;}
    #main5 .info .txt h3{font-size: 1.5em;}
    #main5 .info .txt h4{font-size: 1.0em;}
    #main5 .info .txt ul li{font-size: 1em;}
    #main5 .info .txt .more a{font-size: 14px;}
}
@media all and (max-width:690px){
    #main5 .info .txt ul{margin: 30px 0;}
    #main5 .info .txt ul:last-child{margin-bottom: 40px;}
    #main5 .doctor .dc1{height: 360px;}
    #main5 .doctor .dc2{height: 360px;}
    #main5 .info .img img{max-width:500px;}
}
@media all and (max-width:480px){
    #main5 .info .img img{max-width:340px;}
    #main5 .doctor .txt_box.tb1{padding-left: 40px;}
    #main5 .doctor .txt_box{padding-left: 40px;}
    #main5 .info .txt h3{font-size: 1.3em;}
    #main5 .info .txt h4{font-size: 0.7em;}
    #main5 .info .txt ul li{font-size: 0.7em;}
    #main5 .info .txt .more a{font-size: 11px;}
}



/* main6 */
#main6{background:center top / contain no-repeat url(/images/main/main6_bg.png); padding: 140px 0 100px;}
#main6 .m_tit h4, #main6 .m_tit h3, #main6 .m_tit p{color: #fff;}
#main6 #tour_box{margin-top: 60px;}
#main6 #tour_box img{width: 90%; margin: 0 auto;}
#main6 #tour_box .slick-prev{background: url(/images/main/main6_prev.png) no-repeat center center; text-indent: -9999px; box-shadow: 0px 0px 0px; border-radius: 0%; width: 30px; height: 60px; left: -60px;}
#main6 #tour_box .slick-next{background: url(/images/main/main6_next.png) no-repeat center center; text-indent: -9999px; box-shadow: 0px 0px 0px; border-radius: 0%; width: 30px; height: 60px; right: -60px;}
#main6 .tour_nav{width: 90%; margin: 20px auto 0;}
#main6 .tour_nav .nav{ margin: 0 10px;}
#main6 .tour_nav img{width: 100%;}
#main6 .tour{height: 670px;}

@media all and (max-width:1550px){
    #main6 #tour_box .slick-prev{height: 60px; left: 20px;}
    #main6 #tour_box .slick-next{height: 60px; right: 20px;}
    #main6 .tour{height: 650px;}
}
@media all and (max-width:1240px){
    #main6{padding: 20px 0 100px;}
    #main6 #tour_box{margin-top: 50px;}
    #main6 .tour{height: 80%;}
}
@media all and (max-width:690px){
    #main6 #tour_box .slick-prev, #main6 #tour_box .slick-next{display: none !important;}
    #main6{padding: 20px 0 60px;}
    #main6 #tour_box{margin-top: 30px;}
    #main6 .tour_nav{margin-top: 15px;}
}
@media all and (max-width:480px){
    #main6 #tour_box{margin-top: 20px;}
    #main6 .tour_nav{margin-top: 8px;}
    #main6 .tour_nav .nav{margin: 0 4px;}
}



/*csCenter*/

#csCenter { overflow: hidden; font-family: 'S-CoreDream';}
#csCenter > div { position: relative; float: left; width: 50%; height: 500px; }

#btMap .root_daum_roughmap .wrap_map  { height: 500px !important; }
.wrap_controllers  { display: none; }
.map_border {  display: none;}

#btMap .btMap-info { position: absolute; bottom:0; left:0; z-index:99; line-height: 70px; width: 100%;  }
#btMap .btMap-info p, #btMap .btMap-info a { float: left; color:#fff; }
#btMap .btMap-info p { background: #1d2188bd; padding: 0 8%; font-size: 1.25em; font-weight: 300; }
#btMap .btMap-info a { background: rgba(116,103,91,0.95) url("/images/common/ico_map.png") no-repeat 88% center;
                                    padding: 0 80px 0 2%; font-weight: 500; }


#btCS { background:url("/images/common/csBG.jpg") no-repeat center; background-size: cover; padding: 5%; color:#494949;   }
#btCS h3 { font-size: 2em; line-height: 1.2em; margin-bottom: 0.4em; }
#btCS .bt-tel { font-size:3.43em; color:#7fb5ff; font-weight: 700; line-height: 1.2em; }
#btCS .bt-hour { border-top: 1px solid #cccccc; padding: 4% 2% 0 0; margin-top: 3%;  display: inline-block; font-size: 1.25em; font-weight: 300; }
#btCS .bt-hour li { line-height: 1.3em; margin-bottom: 0.7em; }
#btCS .bt-hour li span { width: 100px; float: left; font-weight: 500; }
#btCS .bt-hour li.off { font-weight: 500; }



@media all and (max-width: 1580px){
#csCenter > div { height: 30vw; }
#btMap .root_daum_roughmap .wrap_map  { height: 30vw !important; }

#btCS .bt-tel { font-size:3em; }
}

@media all and (max-width: 1480px){
#btMap .btMap-info { line-height: 60px; }
#btMap .btMap-info p { font-size: 0.8em; padding: 0 5% 0 3%; }
#btMap .btMap-info a { background-size: auto 60%; padding: 0 65px 0 2%; }

#btCS { font-size: 0.85em; padding: 6% 4%; }
#btCS .bt-hour li span { width: 80px; }
}

@media all and (max-width: 1280px){
#btMap .btMap-info { line-height: 50px; }
#btCS .bt-hour li {font-size: 13.5px;}
}

@media all and (max-width: 1080px){
#btMap .btMap-info a { width: 40px; font-size:0; background-position: center; }
#btCS h3 { margin-bottom: 0.1em; font-size: 1.5em;}
#btCS p.t1{font-size: 12px;}
#btCS .bt-tel { font-size:2.5em; }
#btCS .bt-hour li span { width: 60px; }
}

@media all and (max-width: 976px){
#csCenter > div { width: 100%; height: 35vw; }
#btMap .root_daum_roughmap .wrap_map  { height: 35vw !important; }
#btCS .bt-hour { padding: 3% 2% 0 0; margin-top: 2%;  }
}

@media all and (max-width: 880px){
#csCenter > div { height: 45vw; }
#btMap .root_daum_roughmap .wrap_map  { height: 45vw !important; }

#btCS  { height: auto !important; padding: 6% 5% 4%;  }

}

@media all and (max-width: 480px){
#csCenter #btMap { height: 50vw; }
#btMap .root_daum_roughmap .wrap_map  { height: 50vw !important; }
#btMap .btMap-info { line-height: 45px; }

#btCS { padding: 8% 6% 5%;  }

#btCS .bt-hour li {font-size: 10.5px;}

}