@charset "utf-8";

/*메인비주얼*/
#mVisual {position:relative; width:100%; height:770px; overflow:hidden; }
.mv_slider.slick-slide,
.mvWrap .slick-track,
.mvWrap .slick-list{ position:relative; height:100%; outline: 0; }

#mVisual .mv_slider { background-repeat: no-repeat; background-size: cover;  }

.mv_slider.mv1 {background-image:url('/images/main/m_visual1.jpg'); background-position: center center; }
.mv_slider.mv2 {background-image:url('/images/main/m_visual2.jpg'); background-position: center center; }
.mv_slider.mv3 {background-image:url('/images/main/m_visual3.jpg'); background-position: center center; }

#mVisual .mv_slider .mv-txt {display:table; width:100%; height:100%; margin:0 auto; max-width: 1600px; }
#mVisual .mv_slider .mv-txt div {display:table-cell; vertical-align:middle; box-sizing:border-box; padding: 0 10%; color:#FFF; text-align:center}
#mVisual .mv_slider .mv-txt div .t1 { font-family: 'GmarketSans';  font-size: 5em; line-height: 1.4em; font-weight: 300; }
#mVisual .mv_slider .mv-txt div .t2 { padding:0.3em 1em; letter-spacing:0.7em; display:inline-block; font-family: 'Montserrat', sans-serif;  font-size: 0.8em; font-weight: 600; opacity: 0.6; border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3)  }
#mVisual .mv_slider .mv-txt div .t3 { font-size: 1.25em; line-height: 1.6em;  margin-top: 2em; }

#mVisual .mv_slider .mv-txt2 {display:table; width:100%; height:80%; margin:0 auto; max-width: 1300px;}
#mVisual .mv_slider .mv-txt2 div { display:table-cell; vertical-align:middle; box-sizing:border-box; }
#mVisual .mv_slider .mv-txt2 div .txt {width:100%; text-align:center; color:#FFF; }
#mVisual .mv_slider .mv-txt2 div .txt .t1 { font-family: 'Jalnan'; color:#fdcd7a; font-size:4.375em; line-height: 1.4em; font-weight: 300; }
#mVisual .mv_slider .mv-txt2 div .txt .t2 {padding:0.3em 0 0.5em; display:inline-block;  font-size: 2.125em;  font-family: 'THEFACESHOPA1';}
#mVisual .mv_slider .mv-txt2 div .txt .t3 { font-size: 1.875em; line-height: 1.6em;   font-family: 'Cafe24 Ssurround'; transform: rotate(-0.03deg); font-weight:300 }
#mVisual .mv_slider .mv-txt2 div .txt .t3 .t3-p {color:#fdcd7a; font-weight:700}

@media all and (max-width: 1400px){
	#mVisual .mv_slider .mv-txt2 {height:100%; }
	#mVisual .mv_slider .mv-txt2 div .txt {width:1%;}
}
@media all and (max-width: 1280px){
  #mVisual { height: 60vw; }
}
@media all and (max-width: 976px){
  #mVisual { height: 65vw; }
}
@media all and (max-width: 870px){
	#mVisual .mv_slider .mv-txt div .t1 { font-size: 4.5em; }
	#mVisual .mv_slider .mv-txt div .t3 { font-size: 1.125em; }
}
@media all and (max-width: 760px){
	#mVisual .mv_slider .mv-txt div .t1 { font-size: 3.85em; }
	#mVisual .mv_slider .mv-txt div .t2 { letter-spacing:0.3em;}
	#mVisual .mv_slider .mv-txt div .t3 { font-size: 1.1em; }
	#mVisual .mv_slider .mv-txt2 div .txt .t3 { font-size: 1.5em}
}
@media all and (max-width: 640px){
   #mVisual { height: 90vw; }
   .mv_slider.mv2 { background-position:72% center; }

	#mVisual .mv_slider .mv-txt div {font-size:2.2vw}
	#mVisual .mv_slider .mv-txt2 div {font-size:2.2vw}
	#mVisual .mv_slider .mv-txt2 div .txt .t3 { font-size: 1.8em;}
 }
@media all and (max-width: 480px){
    #mVisual { height: 100vw; }
}







#mWhere {width:100%; overflow:hidden; background:#b19667; position:relative}
#mWhere:before {content:''; width:38%; height:100%; background:#4e0a15; position:absolute; left:0; top:0}
#mWhere #box {height:190px; display:table; float:left}
#mWhere #box.bg1 {width:453px; background:#4e0a15}
#mWhere #box.bg2 {width:calc(100% - 453px); background:#b19667; }
#mWhere #box .in-box {display:table-cell; vertical-align:middle; box-sizing:border-box}

#mWhere .title {}
#mWhere .title dl {background:url('/images/main/mwhere-symbol.png')no-repeat left top; padding-left:108px;}
#mWhere .title dl dt {font-size: 2.188em; color:#FFF; line-height:1.2em; font-weight:700;  font-family: 'GmarketSans';}
#mWhere .title dl dd {padding-top:0.5em; font-size: 0.938em; color:#FFF; line-height:1.6em; font-weight:400}

#mWhere .cont { }
#mWhere .cont ul {overflow:hidden}
#mWhere .cont ul li {width:16.66%; float:left; border-right:1px solid #b79e73; text-align:center}
#mWhere .cont ul li:nth-child(6) {border-right:0}
#mWhere .cont ul li a {display:block; width:100%; height:100%}
#mWhere .cont ul li a p {padding-top:1em; color:#FFF }

@media all and (max-width: 1399px){
	#mWhere #box.bg1 {padding-left:1em}
}
@media all and (max-width: 1280px){
	#mWhere #box.bg1 {width:420px}
	#mWhere #box.bg2 {width:calc(100% - 420px)}	
}
@media all and (max-width: 990px){
		#mWhere { background:none;}
		#mWhere:before { background:none;}
		#mWhere #box {height:auto}
		#mWhere #box.bg1 {width:100%}
		#mWhere .title {padding:2em 1em 7em; }
		#mWhere .title dl {background-size:auto 100%;  padding:3em 0 0 6em;}
		#mWhere .title dl dt {display:inline }
		#mWhere .title dl dd{padding-left:1em; display:inline }
		#mWhere .title dl dd br {display:none}
		#mWhere #box.bg2 {width:94%; margin:-5em 3% 0;  padding:2em 0}	
}
@media all and (max-width: 770px){
		#mWhere .title dl {padding:1em 0 0 6em;}
		#mWhere .title dl dt {display:block; }
		#mWhere .title dl dd{padding-left:0; padding-top:0; display:block }
		#mWhere .cont ul li a img {width:60%}
}
@media all and (max-width: 540px){
	#mWhere #box.bg2 { padding:1em 0}	
	#mWhere .cont ul li {width:33.333%; float:left; margin:1em 0;}
	#mWhere .cont ul li a img {width:50%}
	#mWhere .cont ul li a p {font-size:1.25em;}
}
@media all and (max-width: 465px){
	#mWhere .title dl {background-size:13% auto; background-position:right top;  padding:0.5em  0 0 0}
	#mWhere #box.bg2 {width:100%; margin:-5em auto 0;}	
		#mWhere .cont ul li a img {width:40%}
}









#mClinic {margin-top:8em;}
#mClinic-tit-mo h3 {display:none; padding-bottom:0.3em; font-size: 3.375em; color:#222; line-height:1.3em;  font-weight:700;  font-family: 'GmarketSans';letter-spacing:-0.04em;}
#mClinic .cateSlide {overflow:hidden}

#mClinic .cateSlide #custom_pager {position:relative;float:left;width:320px;height: 540px;background-color:#8c2232;}
#mClinic .cateSlide #custom_pager .title {background:#a08255; color:#FFF; height:140px; padding:2em }
#mClinic .cateSlide #custom_pager .title h3 {font-size: 2.125em; color:#FFF; line-height:1.3em; font-weight:500;  font-family: 'GmarketSans';}
#mClinic .cateSlide #custom_pager a {color:#fff;display:block;font-size:1.375em; padding-left: 2em;height: 64px;line-height: 64px;}
#mClinic .cateSlide #custom_pager a.active, #mClinic .cateSlide #custom_pager a:hover {background:url('/images/main/cateslide-arrow.png') no-repeat; background-position-x: 90%;background-position-y: center;
																												background-color: #4e0a15; color:#ffd895; }
#mClinic .cateSlide .bx-wrapper {position:relative;width:1080px; float:right;}
#mClinic .cateSlide .bx-wrapper .bx-viewport {height:540px !important}
/* #mClinic .cateSlide .bx-wrapper .bx-viewport li {width:1080px !important} */
#mClinic .cateSlide .bx-wrapper .bx-controls {display:none}

#mClinic .cateSlide .cateSlideImg {height:100%}
#mClinic .cateSlide .cateSlideImg li {height:100%;padding:4em 0 0 6em;box-sizing:border-box;letter-spacing:0.02em}
#mClinic .cateSlide .cateSlideImg li a {display:block; width:100%; height:100%}
#mClinic .cateSlide .cateSlideImg li h3 {font-size:2.875em;color:#222; font-weight:700;  line-height:1.3em; font-family: 'GmarketSans';}
#mClinic .cateSlide .cateSlideImg li .eng {font-size: 0.813em; color:#b99f70; font-family: 'Montserrat', sans-serif; font-weight:600; letter-spacing:0.03em; text-transform:uppercase}
#mClinic .cateSlide .cateSlideImg li .t1 {padding-top:1em; font-size:2.0em; color:#222; font-weight:300;line-height:1.4em; letter-spacing:-0.03em}
#mClinic .cateSlide .cateSlideImg li .btn {margin-top:3em; display:inline-block; font-size:0.875em; padding:0.8em 2em; border-radius:50px; background:#a08255; color:#FFF} 
#mClinic .cateSlide .cateSlideImg li .btn2 {margin-top:3em;  display:inline-block;  padding:0.6em 1em ;border-radius:10px; text-align:center ; background:#a08255; color:#FFF}
#mClinic .cateSlide .cateSlideImg li .btn2 span {display:block; padding-top:0.5em; color:#FFF}

#mClinic .slide6-mo {display:none;}
#mClinic .cateSlide .cateSlideImg li .btn3 {margin-top:3em;  display:inline-block;  border-radius:10px; text-align:center ; background:#a08255; color:#FFF}
#mClinic .cateSlide .cateSlideImg li .btn3 a  {display:block; padding:0.6em 1em ; width:100%; height:100%}
#mClinic .cateSlide .cateSlideImg li .btn3 a span {display:block; padding-top:0.5em; color:#FFF}


#mClinic .cateSlide .cateSlideImg .slide1 {background:url('/images/main/mclinic-slide_bg1.png') no-repeat center center;background-size: cover;}
#mClinic .cateSlide .cateSlideImg .slide2 {background:url('/images/main/mclinic-slide_bg2.png') no-repeat center center;background-size: cover;}
#mClinic .cateSlide .cateSlideImg .slide3 {background:url('/images/main/mclinic-slide_bg3.png') no-repeat center center;background-size: cover;}
#mClinic .cateSlide .cateSlideImg .slide4 {background:url('/images/main/mclinic-slide_bg4.png') no-repeat center center;background-size: cover;}
#mClinic .cateSlide .cateSlideImg .slide5 {background:url('/images/main/mclinic-slide_bg5.png') no-repeat center center;background-size: cover;}
#mClinic .cateSlide .cateSlideImg .slide6 {background:url('/images/main/mclinic-slide_bg6.png') no-repeat center center;background-size: cover;}

@media all and (max-width: 1399px){
	#mClinic .cateSlide {padding:0 20px}
	#mClinic .cateSlide #custom_pager {width:calc(100% - 1050px);height:39vw }
	#mClinic .cateSlide #custom_pager .title { height:auto;  padding:2em 2em 1em}
	#mClinic .cateSlide #custom_pager a {color:#fff;display:block;font-size:1.375em; padding:0.7em 0; padding-left: 2em;height: auto;line-height: unset;}
	#mClinic .cateSlide .bx-wrapper { width:1050px }
	#mClinic .cateSlide .bx-wrapper .bx-viewport { height:39vw !important}

	#mClinic .cateSlide #custom_pager .title { padding: 2em 1.5em  }
	#mClinic .cateSlide #custom_pager .title h3 {font-size: 1.8em; }
}
@media all and (max-width: 1355px){
		#mClinic .cateSlide #custom_pager {width:calc(100% - 1000px);}
		#mClinic .cateSlide .bx-wrapper { width:1000px }

	#mClinic .cateSlide #custom_pager {font-size:1.1vw}
	#mClinic .cateSlide .cateSlideImg li {font-size:1.2vw; padding:3em 0 0 4em;}
	#mClinic .cateSlide .cateSlideImg li .t1 {font-size:1.6em; }
}
@media all and (max-width: 1355px){
		#mClinic .cateSlide #custom_pager {width:calc(100% - 900px);}
		#mClinic .cateSlide .bx-wrapper { width:900px }
}
@media all and (max-width: 1160px){
	#mClinic .cateSlide #custom_pager {width:calc(100% - 800px);}
	#mClinic .cateSlide .bx-wrapper { width:800px }
	#mClinic .cateSlide .cateSlideImg li {font-size:1.4vw;}
}
@media all and (max-width: 1040px){
	#mClinic .cateSlide #custom_pager {width:calc(100% - 750px);}
	#mClinic .cateSlide .bx-wrapper { width:750px }
}
@media all and (max-width: 990px){
		#mClinic-tit-mo h3 {display:block;}
		#mClinic .cateSlide #custom_pager {width:100%; height:auto }
		#mClinic .cateSlide #custom_pager .title {display:none}
		#mClinic .cateSlide #custom_pager a {font-size:1.55em; display:inline-block; width:33.333%; float:left;  padding: 1em 2em;}
		#mClinic .cateSlide #custom_pager a.active, #mClinic .cateSlide #custom_pager a:hover {background:url('/images/main/cateslide-arrow2.png') no-repeat; background-position-x: 94%;background-position-y: center; 
																										background-color: #4e0a15; color:#ffd895;}
		#mClinic .cateSlide .bx-wrapper {width:100%;}
		#mClinic .cateSlide .bx-wrapper .bx-viewport {height:50vw !important}
	
		#mClinic .cateSlide .cateSlideImg li {font-size:1.5vw; padding:5em 0 0 4em;}
					
}
@media all and (max-width: 810px){
	#mClinic .slide6-pc {display:none;}
	#mClinic .slide6-mo {display:block;}
}
@media all and (max-width: 730px){
	#mClinic-tit-mo h3 { font-size: 2.8em; }
	#mClinic .cateSlide .bx-wrapper .bx-viewport {height:70vw !important}

	#mClinic .cateSlide .cateSlideImg .slide1 {background-position:80% center}
	#mClinic .cateSlide .cateSlideImg .slide2 {background-position:80% center}
	#mClinic .cateSlide .cateSlideImg .slide3 {background-position:50% center}
	#mClinic .cateSlide .cateSlideImg .slide4 {background-position:100% center}
	#mClinic .cateSlide .cateSlideImg .slide5 {background-position:80% center}
	#mClinic .cateSlide .cateSlideImg .slide6 {background-position:80% center}

	#mClinic .cateSlide #custom_pager a {font-size:2.1em; }
	#mClinic .cateSlide .cateSlideImg li {font-size:1.8vw}
	#mClinic .cateSlide .cateSlideImg li a.btn2 img {width:60%}
}

@media all and (max-width:500px){
		#mClinic-tit-mo h3 { font-size: 2.5em; }
		#mClinic .cateSlide .bx-wrapper .bx-viewport {height:110vw !important}
		#mClinic .cateSlide .cateSlideImg li {font-size:3.0vw;  padding:5em 0 0 3em;}

		#mClinic .cateSlide .cateSlideImg .slide1 {background:url('/images/main/mclinic-slide_bg1-mo.png') no-repeat ;background-position:80% center}
		#mClinic .cateSlide .cateSlideImg .slide2 {background:url('/images/main/mclinic-slide_bg2-mo.png') no-repeat;background-position:80% center}
		#mClinic .cateSlide .cateSlideImg .slide3 {background:url('/images/main/mclinic-slide_bg3-mo.png') no-repeat;background-position:40% center}
		#mClinic .cateSlide .cateSlideImg .slide4 {background:url('/images/main/mclinic-slide_bg4-mo.png') no-repeat ;background-position:105% center}
		#mClinic .cateSlide .cateSlideImg .slide5 {background:url('/images/main/mclinic-slide_bg5-mo.png') no-repeat ;background-position:80% center}
		#mClinic .cateSlide .cateSlideImg .slide6 {background:url('/images/main/mclinic-slide_bg6-mo.png') no-repeat ;background-position:70% center}

		#mClinic .cateSlide #custom_pager a { width:50%; font-size:3.0em}
}









#mDoctor {margin:8em 0; text-align:center}
#mDoctor-tit {margin-bottom:3em;}
#mDoctor-tit h3 {font-size: 3.375em; color:#222; line-height:1.3em;  font-weight:700;  font-family: 'GmarketSans';letter-spacing:-0.04em;}
#mDoctor-tit h3 .br520 {display:none;}
#mDoctor-tit p {font-size: 1.25em; line-height:1.5em; font-weight:400 }

#mDoctor-cont {padding-top:3em; background:url('/images/main/mdoctor-cont-bg.png')no-repeat center top} 
#mDoctor-cont .img {}
#mDoctor-cont .img img {width:100%; max-width:1600px;}
#mDoctor-cont .cont {max-width:1584px; margin:-23px auto 0; position:relative}
#mDoctor-cont .cont ul {overflow:hidden;}
/* #mDoctor-cont .cont ul li {width:20%; float:left} */
#mDoctor-cont .cont ul li {width:16.6666%; float:left}
#mDoctor-cont .cont ul li a {display:block; width:100%; height:100%}
#mDoctor-cont .cont ul li a .circle { margin:0 auto;  width:46px; height:46px; border-radius:46px; background:#b8acac url('/images/main/circle-plus.png')no-repeat center center;  }
#mDoctor-cont .cont ul li a h4 {margin:0.7em 0 0.4em; font-size:1.750em; color:#222; line-height:1.3em;  font-weight:700;  font-family: 'GmarketSans';letter-spacing:-0.04em;}
#mDoctor-cont .cont ul li a h4 span {padding-left:0.3em; font-size:0.643em; font-weight:500;}
#mDoctor-cont .cont ul li a .more {display:inline-block; font-size:0.45em; padding:1.5em 2.5em; line-height:1.2em;  color:#b7b7b7; border-top:1px solid #ececec; border-bottom:1px solid #ececec; 
											font-family: 'Montserrat', sans-serif; font-weight:700; letter-spacing:0.03em;}
#mDoctor-cont .cont ul li a:hover .circle {  background-color:#8c2232 }
#mDoctor-cont .cont ul li a:hover .more { color:#9b6d6d; border-top:1px solid #ececec; border-bottom:1px solid #ececec; }

#mDoctor-cont-mo {display:none;  background:url('/images/main/mdoctor-cont-bg.png')no-repeat center top; background-size:100% auto} 
#mDoctor-cont-mo .cont ul {overflow:hidden; display:flex; justify-content: center; flex-wrap: wrap;}
#mDoctor-cont-mo .cont ul li {display:inline-block; width:30%; margin: 1%  }
#mDoctor-cont-mo .cont ul li img {width:100%}
#mDoctor-cont-mo .cont ul li .md-name { margin:-23px auto 0; position:relative}
#mDoctor-cont-mo .cont ul li a {display:block; width:100%; height:100%;}
#mDoctor-cont-mo .cont ul li a .circle { margin:0 auto;  width:46px; height:46px; border-radius:46px; background:#b8acac url('/images/main/circle-plus.png')no-repeat center center;  }
#mDoctor-cont-mo .cont ul li a h4 {margin:0.7em 0 0.4em; font-size:1.750em; color:#222; line-height:1.3em;  font-weight:700;  font-family: 'GmarketSans';letter-spacing:-0.04em;}
#mDoctor-cont-mo .cont ul li a h4 span {padding-left:0.3em; font-size:0.643em; font-weight:500;}
#mDoctor-cont-mo .cont ul li a .more {display:inline-block; font-size:0.45em; padding:1.5em 2.5em; line-height:1.2em;  color:#b7b7b7; border-top:1px solid #ececec; border-bottom:1px solid #ececec; 
											font-family: 'Montserrat', sans-serif; font-weight:700; letter-spacing:0.03em;}
#mDoctor-cont-mo .cont ul li a:hover .circle {  background-color:#8c2232 }
#mDoctor-cont-mo .cont ul li a:hover .more { color:#9b6d6d; border-top:1px solid #ececec; border-bottom:1px solid #ececec; }


@media all and (max-width: 1730px){
	#mDoctor-cont {background-size:100% auto}
}
@media all and (max-width: 1399px){
}
@media all and (max-width: 830px){
	#mDoctor-cont {display:none}
	#mDoctor-cont-mo {display:block}
}
@media all and (max-width: 730px){
	#mDoctor-tit h3  { font-size: 2.8em; }
	#mDoctor-tit p {font-size: 1.063em}
}
@media all and (max-width: 520px){
	#mDoctor-tit h3 .br520 {display:block;}
	#mDoctor-cont-mo .cont ul li {display:inline-block; width:48%}
	#mDoctor-cont-mo .cont ul li a .more {font-size:0.7em; padding:1em 2.5em;}
}
@media all and (max-width:480px){
	#mDoctor-tit h3 { font-size: 2.5em; line-height:1.2em}
	#mDoctor-tit p {padding-top:1em}
}









#mForyou {padding:4.5em 0; background:url('/images/main/mforyou-bg.png')no-repeat; background-size:cover; overflow:hidden}

#mForyou .title {width:40%; float:left}
#mForyou .title .eng {padding-bottom:1em; color:#cbb483; font-size:3.250em; font-weight:500; line-height:1.0em;  font-family: 'Montserrat', sans-serif; }
#mForyou .title dl {color:#FFF}
#mForyou .title dl dt {font-size: 3.0em; line-height:1.2em; font-weight:700;  font-family: 'GmarketSans';}
#mForyou .title dl dd {padding-top:0.3em; font-size: 1.125em; line-height:1.6em; opacity:.7; font-weight:400}

#mForyou .title a{margin-top:2em; position:relative;display:inline-block;color:rgba(203,180,131,0.6);line-height:2;border-bottom:1px solid rgba(203,180,131,0.4); text-align:center;}
#mForyou .title a:before{content:"";position:absolute;bottom:-1px;left:0;width:0%;height:1px;background:#cbb483;}
#mForyou .title a:hover{color:rgba(203,180,131,1); border-bottom:1px solid rgba(255,255,255,0)}
#mForyou .title a:hover:before{width:100%;transition:.5s;}

#mForyou .cont {width:60%; float:left; overflow:hidden}
#mForyou .cont .box {padding:3.5em 2.5em; width:48%; margin:1%; background:rgba(0,0,0,0.5); float:left}
#mForyou .cont .box dl {}
#mForyou .cont .box dl dt {font-size: 2.0em; line-height:1.2em; font-weight:700;  font-family: 'GmarketSans'; color:#cbb483}
#mForyou .cont .box dl dd {padding-top:1em; color:#FFF; opacity:.8; line-height:1.6em;}

@media all and (max-width: 1399px){
	#mForyou .title {width:30%; font-size:1.1vw }
	#mForyou .cont {width:70%;	}
}
@media all and (max-width: 1120px){
	#mForyou .cont .box dl dt {font-size: 1.90em}
	#mForyou .cont .box dl dd br {display:none}
}
@media all and (max-width: 1020px){	
	#mForyou {background:url('/images/main/mforyou-bg-mo.png')no-repeat;}
	#mForyou .title {width:100%; padding-left:1em}
	#mForyou .cont { margin-top:2em; width:100%;}
	#mForyou .cont .box dl dd br {display:block}
}
@media all and (max-width: 740px){
	#mForyou .title {font-size:1.5vw }
	#mForyou .cont .box {padding:2em}
	#mForyou .cont .box dl dd br {display:none}
}
@media all and (max-width: 640px){
	#mForyou {background-position:50% center}
	#mForyou .title {font-size:1.8vw }
	#mForyou .cont .box {width:98%; margin:1%;}
}
@media all and (max-width:480px){
		#mForyou .title {font-size:2.4vw }
}




/* notice */
.mNoticeWrap {margin:8em 0; width:100%;height:auto; padding:4em 0;overflow:Hidden; background:rgba(250,247,244,0.6);/*display:flex;justify-content:center;align-items:flex-start; */}
.mNoticeWrap .lt-item{width:260px;height:auto;overflow:Hidden; float:left}
.mNoticeWrap .lt-item a h4 { font-size: 2.0em; line-height:1.8em; font-weight:700;  font-family: 'GmarketSans'; color:#222}
.mNoticeWrap .lt-item a .more {padding:2em 3em; display:inline-block; font-size:0.3em;  line-height:1.3em; font-family: 'Montserrat', sans-serif; font-weight:700; letter-spacing:0.03em; border:1px solid #DDD; border-radius:50px}
.mNoticeWrap .lt-item a:hover .more {background:#8c2232;  color:#FFF;  border:1px solid #8c2232; }

.mNoticeWrap .rt-item{width:calc( 100% - 260px );height:auto; float:right}
.mNoticeWrap .rt-item ul{width:100%;height:auto;}

.mNoticeWrap .rt-item ul li{width:100%;position:relative;}
.mNoticeWrap .rt-item ul li a{display:flex;justify-content:flex-start;align-items:center;width:100%;height: 70px;border-top:1px solid #e8d3bb;/* overflow:hidden; */transition:all .5s;box-sizing: border-box;}
.mNoticeWrap .rt-item ul li:first-child a{border-top:0;}
.mNoticeWrap .rt-item ul li a .text{margin-left:30px;height:auto;overflow:hidden;flex:1;font-size:1.125em;color:#111;font-weight:400;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;position:relative;letter-spacing: -1px;}
.mNoticeWrap .rt-item ul li a .date{margin-right:30px;font-size:0.95em;color:#111;font-weight:400;}


.mNoticeWrap .rt-item ul li a.on{border:1px solid #b28e66;border-radius:3px;width:calc( 100% - 2px );background:#fff;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08);}
.mNoticeWrap .rt-item ul li a.on .text{color:#b28e66; font-weight:500}
.mNoticeWrap .rt-item ul li a.on .date{color:#b28e66; font-weight:500}

.mNoticeWrap .rt-item ul li a.on.hover{border:1px solid #b61946;}
.mNoticeWrap .rt-item ul li a.on.hover .text{font-size:1.3em; color:#b61946;}
.mNoticeWrap .rt-item ul li a.on.hover .date{color:#b61946;}

@media screen and (max-width:1280px) {
	.mNoticeWrap .lt-item{width:200px;}
	.mNoticeWrap .rt-item{width:calc( 100% - 200px ) }
}
@media screen and (max-width:976px) {
	.mNoticeWrap .rt-item ul li a .text{margin-left:1em;}
	.mNoticeWrap .rt-item ul li a .date{margin-right:1em;}
}
@media screen and (max-width:740px) {
	.mNoticeWrap .lt-item{width:100%; position:relative }
.mNoticeWrap .lt-item a .more {position:absolute; right:0; top:50%; transform:translateY(-50%)}

	.mNoticeWrap .rt-item{width:100%}
	.mNoticeWrap .rt-item ul li a{height: 60px;}

		.mNoticeWrap .lt-item a .more  {font-size:0.7em; padding:0.7em 2em}
}




#mPress {display: flex;    justify-content: center;    align-items: flex-start;}
#mPress .lt-item{width:200px;height:auto;float:left; margin-left: calc( 50% - 700px );}
#mPress .lt-item a h4 { font-size: 2.0em; line-height:1.8em; font-weight:700;  font-family: 'GmarketSans'; color:#222}
#mPress .lt-item a .more {padding:2em 3em; display:inline-block; font-size:0.3em;  line-height:1.3em; font-family: 'Montserrat', sans-serif; font-weight:700; letter-spacing:0.03em; border:1px solid #DDD; border-radius:50px}
#mPress .lt-item a:hover .more {background:#8c2232;  color:#FFF;  border:1px solid #8c2232; }

#mPress .rt-item  {width:100%; flex: 1;     overflow: hidden; }
#mPress .product-cont { padding-left:40px}
#mPress .product-cont .m_g {   margin-left: 20px;  }
#mPress .product-cont .m_g a {display:block; width:100%; height:100%;border:1px solid #f1f1f1; }
#mPress .product-cont .m_g a:hover {border:1px solid #b61946; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.08)}
#mPress .product-cont .m_g img {width:100%;}
#mPress .product-cont .m_g .cont {padding:1em; border-top:0; background:#FFF; ;}
#mPress .product-cont .m_g .cont dt {font-size:1.0em;color:#111; line-height:1.5em; font-weight:400;; height:3em; overflow:hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
#mPress .product-cont .m_g .cont dd {padding-top:0.7em; font-size:0.8em;color:#111;font-weight:400; opacity:.7}
#mPress .product-cont .m_g .cont img { width:100%; margin:0 auto}

@media screen and (max-width:1399px) {
	#mPress .lt-item{margin-left:40px; width:200px}
	#mPress .rt-item {width:100%;}
}
@media screen and (max-width:976px) {
	#mPress {display:block;}
	#mPress  .lt-item{width:calc( 100% -  80px );height:auto;overflow:visible; position:relative; }
	#mPress  .lt-item a .more {position:absolute; right:0; top:50%; transform:translateY(-50%)}
	#mPress  .rt-item{width:100%;margin:1em auto 0 auto;}
	#mPress .product-cont {padding-left:0; margin-right:20px; padding-bottom:85px; }
}
@media screen and (max-width:740px) {
	#mPress .lt-item{margin-left:30px}
	#mPress  .lt-item{width:calc( 100% -  60px ) }
	#mPress .lt-item a .more  {font-size:0.7em; padding:0.7em 2em}
}
@media screen and (max-width:500px) {
	#mPress .product-cont { padding-bottom:65px; }
}
@media screen and (max-width:380px) {
}


#mComm {padding:7em 0; overflow:hidden;}
#mComm h4 {width:100%; font-size: 2.0em; line-height:1.8em; font-weight:700;  font-family: 'GmarketSans'; color:#222}
#mComm h4 a.more {font-size:0.3em; font-family: 'Montserrat', sans-serif; font-weight:700; letter-spacing:0.03em; float:right}
#mComm h4 a.more:hover { color:#8c2232; }
#mComm .box1 {width:calc(50% - 25px); margin-left:50px; overflow:hidden; float:left}
#mComm .box1:nth-child(1) {margin-left:0;}
#mComm .box1 #img {width:202px; height:202px; float:left; }
#mComm .box1 #img.img1 {background:url('/images/main/mcomm-img1.png')}
#mComm .box1 #img.img2 {background:url('/images/main/mcomm-img2.png')}
#mComm .box1 .bdList { width:calc(100% - 222px); margin-left:20px; border-top:1px solid #eaeaea; float:left}
#mComm .box1 .bdList li { padding: 15px 0; line-height: 1.2em; border-bottom:1px solid #eaeaea; position:relative} 
#mComm .box1 .bdList li:before {content:''; width:3px; height:3px;  background:#9e0809; position:absolute; left:5px; top:50%; margin-top:-1px;}
#mComm .box1 .bdList li a { display: block;padding-left:1em;  }
#mComm .box1 .bdList li span { float: right;color:#a6a6a6}

#mComm .box1 .bdList2 {overflow:hidden}
#mComm .box1 .bdList2 li {width:calc(50% - 5px); margin-left:10px; float:left}
#mComm .box1 .bdList2 li:nth-child(2n+1) {margin-left:0;}
#mComm .box1 .bdList2 li a { display: block; width:100%; height:100%}
#mComm .box1 .bdList2 li a img {width:100%}
#mComm .box1 .bdList2 li a dl {}
#mComm .box1 .bdList2 li a dl dt {padding:1.3em 0; line-height:1.3em;}
#mComm .box1 .bdList2 li a dl dd { font-size:0.8em; opacity:.5;}

@media all and (max-width: 1280px){
	#mComm .box1 #img {width:197px; height:197px;}
	#mComm .box1 .bdList { width:calc(100% - 217px); }
}
@media all and (max-width: 1130px){
	#mComm .box1 {width:calc(50% - 15px); margin-left:30px; }
	#mComm .box1 #img {width:100%; height:21vw; }	
	#mComm .box1 #img.img1 {background:url('/images/main/mcomm-img1-mo.png')no-repeat center center;  background-size:cover;}
	#mComm .box1 #img.img2 {background:url('/images/main/mcomm-img2-mo.png') no-repeat left center;  background-size:cover;}

	#mComm .box1 .bdList { width:100%; margin-top:0.5em; margin-left:0;}
}
@media all and (max-width: 640px){
	#mComm .box1 #img { height:36vw; }	
	#mComm .box1 {width:100%; margin-left:0;}
	#mComm .box1:nth-child(2) {padding-top:4em; }
	#mComm .box1 .bdList { border-top:0}
}


#mComm .box2 {padding-top:0; width:100%; float:left}
#mComm .box2 ul {overflow:hidden; display:flex; justify-content: center; flex-wrap: wrap;}
#mComm .box2 ul li {padding:0.5em 1em; text-align:center; border-left:1px solid #eaeaea; width:20%; display:inline-block; }
#mComm .box2 ul li img {width:100%}
#mComm .box2 ul li:last-child {border-right:1px solid #eaeaea;}
@media all and (max-width: 850px){
	#mComm .box2 h4 {text-align:center}
	#mComm .box2 ul li {	width:33%;}
	#mComm .box2 ul li:nth-child(3) {border-right:1px solid #eaeaea}
}
@media all and (max-width: 480px){
	#mComm .box2 ul li {width:50%; border:0 !important}
}




/* 유관기관 */
#siteList { position: relative; clear: both; overflow: hidden; padding: 35px 0;  }
#siteList .siteSlide { width:100%; display: inline-block; vertical-align: middle; text-align: center; }
#siteList .siteSlide .item { position: relative; border-right:1px solid #DDD }
#siteList .siteSlide .slick-slide {}
#siteList .siteSlide img { margin:0 auto  }

@media all and (max-width: 1499px){
	#siteList .siteSlide img { width:90%;}
}





#mBanner {height:200px; background:rgba(177,150,103,0.2); text-align:center}
#mBanner .cont {text-align:left; display:table; width:100%; max-width:680px; height:100%; margin:0 auto; background:url('/images/main/mbanner-img.png') no-repeat right center }
#mBanner .cont .in-box {display:table-cell; vertical-align:middle; box-sizing:border-box}
#mBanner .cont h3 {font-size: 2.0em; color:#222; line-height:1.3em; font-weight:700; letter-spacing:-0.03em;   font-family: 'GmarketSans'; }
#mBanner .cont .t1 {font-size:1.0em; }
#mBanner .cont .mbn-btn {display:inline-block; font-size:0.45em; margin-top:4em; padding-bottom:1em; line-height:1.2em;  border-bottom:1px solid #8e8b86; 
											font-family: 'Montserrat', sans-serif; font-weight:700; letter-spacing:0.03em;}
#mBanner a:hover .cont .mbn-btn { color:#b19667;  border-bottom:1px solid #b19667; }

@media all and (max-width: 680px){
	#mBanner .cont {padding-left:5%; background-position: 105% center}
}
@media all and (max-width: 550px){
	#mBanner {height:150px;}
	#mBanner .cont { background:url('/images/main/mbanner-img-mo.png') no-repeat; background-position: 100% center; background-size:auto 90%}
	#mBanner .cont .mbn-btn  {font-size:0.7em; margin-top:3em;}
}

#mInfo {padding:4.5em 0; overflow:hidden; background:#332e2e; border-bottom:1px solid #474444}
#mInfo .cont {width:calc(100% - 910px); float:left}
#mInfo .cont .box dl dt {font-size:2.875em; color:#ffd992;  font-weight:500; line-height:1.2em;  font-family: 'Montserrat', sans-serif; }
#mInfo .cont .box dl dd {font-size:1.375em; color:#AAA;font-weight:500; line-height:1.2em;  font-family: 'Montserrat', sans-serif; }
#mInfo .cont .box ul li {font-size:1.135em; color:#d0bb94; line-height:1.2em; font-family: 'GmarketSans'; }
#mInfo .cont .box ul li span {display:inline-block; width:90px; color:rgba(255,255,255,0.7); font-size:1.0em; font-weight:500;  font-family: 'S-CoreDream'}
#mInfo .cont .box .st1 {padding-top:0.3em; font-size:0.938em; color:#AAA; font-weight:500}
#mInfo .cont .box .t1 {font-size:1.125em; color:#AAA}

#mInfo h4 {margin:2.5em 0 0.3em }
#mInfo h4.icon1 {background:url('/images/main/minfo-icon1.png')no-repeat left top;}
#mInfo h4.icon2 {background:url('/images/main/minfo-icon2.png')no-repeat left top;}
#mInfo h4.icon3 {background:url('/images/main/minfo-icon3.png')no-repeat left top;}
#mInfo h4 p {padding-left:42px; font-size: 1.750em; line-height:1.5em; letter-spacing:0; font-weight:700;  font-family: 'GmarketSans'; color:#FFF }
#mInfo .mMap {width:910px; float:left}
#mInfo .mMap .root_daum_roughmap .wrap_map {height:460px !important;}
#mInfo .mMap .wrap_controllers {display:none}

@media all and (max-width: 1360px){
	#mInfo .cont {width:340px;}
	#mInfo .mMap {width:calc(100% - 340px);}
}
@media all and (max-width: 1280px){
	#mInfo .cont {width:300px;}
	#mInfo .mMap {width:calc(100% - 320px);}
}
@media all and (max-width: 976px){
	#mInfo .cont .box ul li span {width:80px; }
	#mInfo .mMap .root_daum_roughmap .wrap_map {height:400px !important;}
}
@media all and (max-width: 760px){
	#mInfo .cont {width:100%; overflow:hidden}
	#mInfo .cont .box {width:50%; float:left}
	#mInfo h4 {margin:0 0 0.5em }
	#mInfo .mMap {margin-top:2em; width:100%;}
}
@media all and (max-width: 640px){
		#mInfo {padding:3em 1em }
		#mInfo .cont .box  {font-size:2.2vw}
		#mInfo .cont .box:nth-child(2) {padding-left:1em}
 		#mInfo .cont .box ul li span {width:25%; }
		#mInfo h4.icon1,#mInfo h4.icon2,#mInfo h4.icon3 { background-size:auto 80%;}
		#mInfo h4 p {padding-left:13%; }

}
@media all and (max-width: 430px){
		#mInfo .cont .box {font-size:3.0vw; width:100%; padding-bottom:2em; }
		#mInfo .cont .box:nth-child(2) {padding-left:0em}
		#mInfo h4 p {padding-left:10%; }
		#mInfo .mMap {margin-top:0}
		#mInfo .mMap .root_daum_roughmap .wrap_map {height:320px !important;}

}