@charset "utf-8";
/* @import url("../css/reset.css"); */

*, body,div,h1,h2,h3,h4,h5,h6,ul,li,p,dl,dd,dt,a,em,strong,span { font-family:'s-core-dream','Malgun Gothic', dotum, sans-serif;  }

@font-face {
    font-family: 'NanumSquare';
    font-weight: 300; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquare_acL.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 400; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquare_acR.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 500; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquare_acB.woff2) format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquare';
    font-weight: 700; 
    font-style: normal; 
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/naver/NanumSquare_acEB.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 's-core-dream';
    src: url('s-core-dream-thin.woff2') format('woff2'),
         url('s-core-dream-thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream';
    src: url('s-core-dream-extralight.woff2') format('woff2'),
         url('s-core-dream-extralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream';
    src: url('s-core-dream-light.woff2') format('woff2'),
         url('s-core-dream-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream';
    src: url('s-core-dream-regular.woff2') format('woff2'),
         url('s-core-dream-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream';
    src: url('s-core-dream-medium.woff2') format('woff2'),
         url('s-core-dream-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream';
    src: url('s-core-dream-bold.woff2') format('woff2'),
         url('s-core-dream-bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream';
    src: url('s-core-dream-extrabold.woff2') format('woff2'),
         url('s-core-dream-extrabold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream';
    src: url('s-core-dream-heavy.woff2') format('woff2'),
         url('s-core-dream-heavy.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 's-core-dream';
    src: url('s-core-dream-black.woff2') format('woff2'),
         url('s-core-dream-black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}



/* 전체 메뉴 
#menuWrap { display:none; position:fixed; left:-150%; top:0; width:100%; height:100%; z-index:99999; background:#f9f9f9;  }
.wClose {position:absolute; left:0; top:0; width:100%; height:100%;z-index:2;  }
.insHeader { height:63px; position:absolute; width:100%; top:0; left:0; }
.insHeader h1 { position:relative; left:10%;top:60px; width:160px; height:auto }
.insHeader h1 a { display: block; width:100%; height: 100%;}
.insHeader h1 a img { width:100%; }
.insMenu { 
	position:relative; width:100%; height:100%;  z-index:10; 
	display:flex; justify-content:center; flex-direction:column; align-items:center;
}
.p_close { position:absolute; right:10%; top:70px; width:27px; height:29px; z-index:9999; cursor: pointer;}
.p_close img { width:70%; }
.menuBox { width:100%; }
.m_nav { padding:0 0 20px; display:flex; justify-content:center; }
.m_nav > li { margin:0 20px; }
.m_nav > li > a { 
	padding:15px 0 20px 0; display:block; width:100%; 
	font-size:1.3rem; font-weight:700; color:#222; line-height: 1em;
	position:relative; border-bottom:1px solid #ccc; margin-bottom:20px;
}
.m_nav > li > a:hover { text-decoration:underline; }
.m_nav > li > ul { display:block; position:relative; padding:0 0 0;  }
.m_nav > li > ul.on { display:block; }
.m_nav > li > ul li:nth-child(1) { border-top:none; }
.m_nav > li > ul li a { 
	padding:10px 0 10px 0; 
	display:block; width:100%; font-size:1rem; font-weight:400; color:#222; 
	line-height:1; 
} 
.m_nav > li > ul li a:hover { text-decoration:underline; }
.m_nav > li > ul li a.onMenu { display:block; background:#f5f5f5 url(/images/ico-close.png) no-repeat right 15px center; }
.m_nav > li > ul li a.onMenu.on { display:block; background:#f5f5f5 url(/images/ico-open.png) no-repeat right 15px center; color:#222; }
.m_nav > li > ul li ul { display:none; position:relative; border-top:1px solid rgba(177,177,177,0.3);  }
.m_nav > li > ul li ul li { border-bottom:none; border-top:none; }
*/

#header { 
	position: relative; z-index:10000; left:auto;top:auto;width:100%; top:0; opacity:1; height:100px; border-bottom:1px solid rgba(255,255,255,0.1); 
	/* background:rgba(0,0,0,0.1); */
}

#header > div { width:1400px; margin:0 auto; height: 100%; padding:0 0; display:flex;  align-items: center; }

#header .logo { width:360px; height: 87px; margin-top:15px;}
#header .logo a { 
	background:url(/images/logo.png) no-repeat; 
	width:100%; height:100%; 
	display:block; background-size:100%; overflow:hidden; text-indent:-9999px; 
	transition:all 0.3s ease-out 0.3s;
}

#header .nav { margin-left:50px; height:100%; display:flex; align-items: center; width:1000px; }
#header .gnb { display:flex; align-items: center; padding:0 0; z-index:9; }
#header .gnb > li { margin-left:60px; position: relative; }
#header .gnb > li > a { color:#fff; font-weight:600; padding:0 0; font-size:17px; }

#header .subMn { position:absolute; padding:0; top:-440px; opacity:0; height:0; left:0; }
#header .subMn ul { padding:20px 0 20px 0; width:auto;}
#header .subMn ul li { text-align:right; }
#header .subMn ul li a { 
	color:#333; font-size:14px; padding:7px 0; display:inline-flex; transition:all 0.2s ease; font-weight:400; 
	position:relative;
}
#header .subMn ul li a::before { content:"";display:block; left:0; bottom:0; position:absolute; width:0; height:1px; background:#975b36; transition:all 0.5s ease-out; }
#header .subMn ul li a:hover { color:#975b36;  }

#header .subMn ul li a:hover::before { width:100%; }


#header .subMn ul.sm1 { width:120px; margin-left:-36px; }
#header .subMn ul.sm2 { width:105px; margin-left:-36px; }
#header .subMn ul.sm3 { width:150px; margin-left:-36px; }
#header .subMn ul.sm4 { width:130px; margin-left:-39px;}
#header .subMn ul.sm5 { width:120px; margin-left:-59px;}
#header .subMn ul.sm6 { width:140px; margin-left:-39px;}


#header .subMn.active { top:26px; opacity:1; height:auto; width:100%; background:#000; }

#header .lang { margin-left:30px; height:100%; display:flex; align-items: center;}
#header .lang a.l_link { border:1px solid #a9b2b5; padding:5px 7px; border-radius:3px; font-size:12px; color:#fff; transition:all 0.3s ease-out 0.3s; width:66px; text-align:center; display:block;}

#header .lang a.l_link:hover { background:rgba(255,255,255,0.1); }

#header .allMenu { margin-left:18px; height:100%; display:flex; align-items: center;}
#header .allMenu a { position:relative; width:20px; height:20px; display:flex; justify-content: center; align-items: flex-end; flex-direction: column; }
#header .allMenu a i { display:block; width:100%; margin:0 auto; height:2px; background:#fff; transition:all 0.3s ease-out 0.3s; }
#header .allMenu a i:nth-child(2) { margin:5px 0; width:65%; }


#header.mainOn { position: absolute; z-index:10000;left:0;top:0;width:100%; transition:all .2s ease-out; top:0; height:100px; opacity:1; }
#header.mainWhite { top:0; opacity:1; background:#fff; }
#header.mainWhite .logo { width:360px; height: 87px;}
#header.mainWhite .logo a { background:url(/images/logo-on2.png) no-repeat;width:100%; height:100%; display:block; background-size:100%; overflow:hidden; text-indent:-9999px;}
#header.mainWhite .gnb > li > a { color:#000; }
#header.mainWhite .gnb > li > a:hover { color:#975b36; }
#header.mainWhite .gnb > li > a.on { color:#975b36; }

#header.mainWhite .lang a.l_link { border:1px solid #7f7f7f; color:#131313;}
#header.mainWhite .allMenu a i { background:#000; }



.gnbBg { position:absolute; left:0; top:-440px; background:rgba(255,255,255,1); width:100%; z-index:-1; height:440px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }
.gnbBg > div { display:flex; height:100%; align-items:flex-end; }
.gnbImg { height:236px; display:flex; align-items:center; width:320px; margin:0 auto; position:absolute; left:50%; top:0; margin-left:-700px; }
.gnbImg div { width:320px; height:194px; display:none; margin-top:200px; }

.gnbImg div.sm000 { background:url(/images/sm001-1.png) no-repeat; background-size:100%; }
.gnbImg div.sm001 { background:url(/images/sm002-2.png) no-repeat; background-size:100%; }
.gnbImg div.sm002 { background:url(/images/sm003-3.png) no-repeat; background-size:100%; }
.gnbImg div.sm003 { background:url(/images/sm004-4.png) no-repeat; background-size:100%; }
.gnbImg div.sm004 { background:url(/images/sm005-5.png) no-repeat; background-size:100%; }
.gnbImg div.sm005 { background:url(/images/sm006-6.png) no-repeat; background-size:100%; }

.insBottom { border-top:1px solid #e3e3e3; height:64px; display:flex; align-items:center; justify-content:space-between; width:100%; }
.insWid { width:1400px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:100%; }
.insWid div:nth-child(1) { display:flex; align-items:center;  }
.insWid div:nth-child(1) h3 { margin-right:8px; font-size:16px; color:#333; font-weight:700; }
.insWid div:nth-child(1) a { color:#707070; font-size:13px; font-weight:400; padding:0 24px; display:inline-flex; }
.insWid div:nth-child(1) a:nth-of-type(2) { position:relative; }
.insWid div:nth-child(1) a:nth-of-type(2)::before { content:""; width:1px; height:12px; background:rgba(180,180,180,0.5); position:absolute; left:0; top:0; }
.insWid div:nth-child(2) { display:flex; }
.insWid div:nth-child(2) a { color:#161616; font-size:13px; font-weight:300; padding-left: 24px; }
.insWid div:nth-child(2) a.kor { color:#975b36; }

.insWid div:nth-child(1) a:hover { color:#000; }
.insWid div:nth-child(2) a.kor:hover { text-decoration:underline; }

.path { display:flex; height:40px; max-width:1400px; margin:0 auto;}
.path div { display:flex; align-items:center; width:100%; justify-content:flex-end;}
.path div i.i-home { display:inline-flex; width:17px; height:15px; background:url(../images/i-path-home.png) no-repeat;   }
.path div span { display:flex; align-items:center; }
.path div span { font-size:15px; color:#c7c7c7; margin:0 8px; }
.path div span::before { content:">"; display:inline-flex; margin-right:8px; }
.path div span::after { content:">"; display:inline-flex; margin-left:8px; }
.path div strong { font-size:15px; color:#000; }


.mvWrap { display:flex; justify-content: center; width:100%; height:100%; }
.mvImg { 
	width:100%; height: 100vh; position:absolute; left:0; top:0; z-index:1; background:url(../images/main.png) no-repeat center / cover; 
	transition:all 1s ease-out; opacity:1;
}
.white { width:100%; height:100vh; left:0; margin-left:0; opacity:1; background:#fff; position:absolute; left:0; top:0; z-index:2; transition:all 0.4s ease-out; }
.white.on { top:-100%; }

.mvTBox { 
	display:flex; flex-direction: column; justify-content: center; padding-bottom:80px; position:relative; z-index:10; transition:all 0.4s ease-out 0.5s; opacity:0;
}
.mvTBox p:nth-child(1) { 
	font-size:24px; padding-bottom:25px; color:#fff; text-align: center; transition:all 0.4s ease-out; position:relative; left:50px; opacity:0;
	transition:all 0.4s ease-out 1s;
}
.mvTBox p:nth-child(2) { display: flex; flex-direction: column; color:#fff; font-size:80px; justify-content: center; text-align: center; }
.mvTBox p:nth-child(2) em { line-height: 1.3; font-weight:400; transition:all 0.4s ease-out; position:relative; left:-50px;  opacity:0; transition:all 0.4s ease-out 1s;}
.mvTBox p:nth-child(2) strong { line-height: 1.3; font-weight:900; transition:all 0.4s ease-out;position:relative; left:50px;  opacity:0; transition:all 0.4s ease-out 1s;}

.mvTBox.on { opacity:1; }
.mvTBox.on p:nth-child(1) { left:0; opacity:1; }
.mvTBox.on p:nth-child(2) em { left:0; opacity:1; }
.mvTBox.on p:nth-child(2) strong { left:0; opacity:1; }


.knowList { position:absolute; bottom:0; left:0; width:100%; z-index:11; height:100%; display:block;}
.baseHide { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; opacity:0;}

.knowList > div { max-width:1450px; margin:0 auto; display: flex; justify-content: center; height:100%; position:relative; z-index:10;}
.knowList > div span { 
	flex:0 0 240px; position:relative; 
	display: flex; align-items: center;  flex-direction:column;
	justify-content: flex-end; 
	height:100vh; overflow:hidden;
}
.knowList > div span strong { 
	display:block; position:relative; font-size:20px; color:#fff; font-weight:600; text-align:center; padding-top:30px; 
	padding-bottom:60px; cursor:pointer; 
}
.knowList > div span strong:before { content:"";display:block; width:96px; margin:0 auto 30px; height:2px; background:#fff; }


.knowList > div span article { 
	width:240px; 
	background:#000;
	display: flex; 
	flex-direction:column; justify-content:flex-end; 
	color:#fff; 
	position:absolute; top:100%;
	height:100%; opacity:1;
	transition:all 0.7s ease;
	padding:0 30px 150px;
}
.knowList > div span article.on { top:0; opacity:1; }

.knowList > div span:nth-child(1) article.on { background:url(/images/mbc0.png) no-repeat center / cover; }
.knowList > div span:nth-child(2) article.on { background:url(/images/mbc1.png) no-repeat center / cover; }
.knowList > div span:nth-child(3) article.on { background:url(/images/mbc2.png) no-repeat center / cover; }
.knowList > div span:nth-child(4) article.on { background:url(/images/mbc3.png) no-repeat center / cover; }
.knowList > div span:nth-child(5) article.on { background:url(/images/mbc4.png) no-repeat center / cover; }
.knowList > div span:nth-child(6) article.on { background:url(/images/mbc5.png) no-repeat center / cover; }
.knowList > div span:nth-child(7) article.on { background:url(/images/mbc6.png) no-repeat center / cover; }

.knowList > div span article h3 { font-size:18px; text-align:center; font-weight:700;}
.knowList > div span article p {  font-size:14px; text-align:center; padding:20px 0 10px; line-height:1.7; color:#fff; word-break:keep-all;}
.knowList > div span article em { display:block;  font-size:13px; text-align:center; padding:10px 0 10px; line-height:1.7; color:#fff;}
.knowList > div span article a { 
	border:1px solid #fff; 
	display:block; text-align:center; padding:7px 0; color:#fff; 
	font-size:12px; 
	width:100px; margin:25px auto 0;
	transition:all 0.3s; font-weight:700
}
.knowList > div span.on { height:100%; }
.knowList > div span article a:hover { background:#fff; color:#f39030;}


.aboutArea { background:url(/images/about_bg.jpg) no-repeat center top; height:1060px; position:relative; }
.aboutCon { width:1400px; margin:0 auto; padding:70px 700px 0 250px; }
.aboutCon em { display:block; font-size:14px; letter-spacing:2px; color:#292929; padding-left:5px; }
.aboutCon h3 { font-size:46px; font-weight:700; padding:23px 0 45px; letter-spacing:-3px; line-height:1.3; }
.aboutCon h3 span { display:block; }
.aboutCon h3 span strong { color:#975b36; }

.aboutCon p { font-size:15px; color:#292929; line-height:1.9; letter-spacing:-0.5px; padding-bottom:75px; }
.aboutCon p span { display:block; }

.aboutCon .btnAbout { padding:0 0 0; display:flex; }
.aboutCon .btnAbout a.btn { width:143px; height:45px; border:1px solid #a7acb2; display:flex; align-items:center; justify-content:center; margin-right:11px; font-size:14px; font-weight:500; letter-spacing:-0.3px; transition:all 0.3s ease-out; }
.aboutCon .btnAbout a.btn.nor { color:#292929; }
.aboutCon .btnAbout a.btn.str { border:1px solid #975b36; color:#975b36; }

.aboutCon .btnAbout a.btn.nor:hover { border:1px solid #000; color:#000; background:#f7f7f7;}
.aboutCon .btnAbout a.btn.str:hover { color:#fff; background:#975b36;}


.kindArea { background:url(/images/kind_bg.jpg) no-repeat center top / cover; height:auto; position:relative; padding-bottom:60px; }
.baseWidth { width:1400px; margin:0 auto; }

.previewWrap { width:1400px; margin:0 auto; padding-bottom:200px; }

.kindList { 
	position:relative; display:flex; justify-content:center; flex-wrap:wrap; width:1500px; margin:0 auto; 
}
.kindList article { flex:0 0 379px; height:461px; margin:-110px 60px 82px; }

.kindList article:nth-child(2),
.kindList article:nth-child(5) { margin-top:150px; }

.kindList article a { display:flex; width:100%; height:100%; background:#fff; box-shadow:5px 5px 10px rgba(0,0,0,0.1); }
.kindList article a > div:nth-child(1) { 
	flex:0 0 50%; position:relative; border-top:3px solid #000; width:50%; padding:80px 0 0 40px; 
	transition:all 0.5s ease-out;
}
.kindList article a > div:nth-child(1) em { font-size:14px; color:#cacaca; }
.kindList article a > div:nth-child(1) h3 { font-size:26px; font-weight:700; padding:10px 0 30px; }
.kindList article a > div:nth-child(1) p { font-size:14px; color:#000; line-height:1.7; }
.kindList article a > div:nth-child(1) i { 
	position:absolute; left:36px; bottom:70px; display:flex; 
	align-items:center; height:49px;
}
.kindList article a > div:nth-child(1) i::before { 
	content:""; width:49px; height:49px; border-radius:25px; 
	border:1px solid #8e8e8e; display:inline-flex; transition:all 0.5s ease-out; 
	position:relative; z-index:1;
}
.kindList article a > div:nth-child(1) i span { 
	padding:8px 2px; background:#fff; font-size:10px; color:#8e8e8e; 
	letter-spacing:2px; display:inline-flex; margin-left:-20px; transition:all 0.5s ease-out;
	position:relative; z-index:2;
}
.kindList article a > div:nth-child(1) i::after { 
	content:""; display:inline-flex; width:15px; height:7px;
	background:url(/images/i-arrow-m.png) no-repeat;
	margin-left:11px; transition:all 0.5s ease-out;
	position:relative; z-index:3; left:0;
}


.kindList article a > div:nth-child(2) { 
	flex:0 0 50%; width:50%; padding:15px 15px 15px 0; overflow:hidden; 
	transition:all 0.5s ease-out; position:relative;
}
.kindList article a > div:nth-child(2) > div { width:100%; height:100%; position:relative; transition:all 0.5s ease-out; }
.kindList article a > div:nth-child(2)::before { 
	content:"";height:3px; background:#000; position:absolute; left:-100%; top:0; display:block; width:100%; transition:all 0.5s ease-out; 
	z-index:3;
}

.kindList article a > div.kind_img1 > div { background:url(/images/img-s1.jpg) no-repeat center top;}
.kindList article a > div.kind_img2 > div { background:url(/images/img-s2.jpg) no-repeat center top;}
.kindList article a > div.kind_img3 > div { background:url(/images/img-s3.jpg) no-repeat center top;}
.kindList article a > div.kind_img4 > div { background:url(/images/img-s4.jpg) no-repeat center top;}
.kindList article a > div.kind_img5 > div { background:url(/images/img-s5.jpg) no-repeat center top;}
.kindList article a > div.kind_img6 > div { background:url(/images/img-s6.jpg) no-repeat center top;}

.kindList article a:hover > div:nth-child(1) i::before { opacity:0.3; }
.kindList article a:hover > div:nth-child(1) i span { color:#000; }
.kindList article a:hover > div:nth-child(1) i::after { left:5px; }

.kindList article a:hover > div:nth-child(2)::before { left:0; }
.kindList article a:hover > div:nth-child(2) > div { opacity:0.7; }

/***** main ******/
.mainVisual { 
	height:100vh; position:relative;  overflow:hidden;
}

/* main visual */
.newSlider .swiper-slide { width:100%; height:100%; position:relative;}
.newSlider .ss1,
.newSlider .ss2,
.newSlider .ss3 { width:100%; height:100%; }


/* 01 */
.newSlider .ss1 { display:flex; flex-direction:column; flex-directon:column; align-items:center; justify-content:center; position: relative; background:#fff url(/images/mv1.jpg) no-repeat center / cover;  width:100%; }
.newSlider .ss1 div { position:relative;  }
.newSlider .ss1 div:nth-child(1) { opacity: 0;  }
.newSlider .ss1 div:nth-child(2) { opacity: 0; margin:20px 0 40px; }
.newSlider .ss1 div:nth-child(3) { opacity: 0; }
.newSlider .ss1 div:nth-child(1) p:nth-child(1) { opacity: 0; text-align:center; }

.newSlider .swiper-slide.swiper-slide-active .ss1 div:nth-child(1) { 
  animation: fade1 0.5s ease ; 
  animation-fill-mode: forwards;
}
.newSlider .swiper-slide.swiper-slide-active .ss1 div:nth-child(2) {
  animation: fade1 1.5s ease 0.2s;
  animation-fill-mode: forwards;
}
.newSlider .swiper-slide.swiper-slide-active .ss1 div:nth-child(3) {
  animation: fade1 1.5s ease 0.4s;
  animation-fill-mode: forwards;
}

/* 02 */
.newSlider .ss2 { display:flex; flex-direction:column; flex-directon:column; align-items:center; justify-content:center; position: relative; background:#fff url(/images/mv2.jpg) no-repeat center / cover;  width:100%; }
.newSlider .ss2 div { position:relative;  }
.newSlider .ss2 div:nth-child(1) { opacity: 0;  }
.newSlider .ss2 div:nth-child(2) { opacity: 0; margin:20px 0 40px; }
.newSlider .ss2 div:nth-child(3) { opacity: 0; }
.newSlider .ss2 div:nth-child(1) p:nth-child(1) { opacity: 0; text-align:center; }

.newSlider .swiper-slide.swiper-slide-active .ss2 div:nth-child(1) { 
  animation: fade1 0.5s ease ; 
  animation-fill-mode: forwards;
}
.newSlider .swiper-slide.swiper-slide-active .ss2 div:nth-child(2) {
  animation: fade1 1.5s ease 0.2s;
  animation-fill-mode: forwards;
}
.newSlider .swiper-slide.swiper-slide-active .ss2 div:nth-child(3) {
  animation: fade1 1.5s ease 0.4s;
  animation-fill-mode: forwards;
}



@keyframes fade1 {
  0% { opacity:0; transform:scale(1); transform: translateX(-20px); }
  100% { opacity:1; transform:scale(1); transform: translateX(0); }
}

@keyframes scale1 {
  0% { opacity:0; transform:scale(1.2); }
  100% { opacity:1; transform:scale(1); }
}



 .swiper-container {
  width: 100%;
  height: 100%;
  position:relative;
  
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  background:transparent;
  border:none;
  outline: none;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  color:#fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background:transparent;
  border:none;
  outline: none;
  width:100%; height:100%;
}

.swiper-pagination {
  position: absolute;
  right:0; top:50%;
  text-align: right;
  width:18px;
  height:100px;
  display:block;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: auto;
  left: 50%;
  width: 18px;
  margin:15px 0;
  margin-left:30%;
  margin-top:-50px;
}

.swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  border:4px solid #fff;
  display: block;
  border-radius: 100%;
  background: transparent;
  opacity: 0.7;
  margin:15px 0 !important;

}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #a20069;
  border:4px solid #a20069;
}
.swiper-pagination.swPaging { z-index:9999; display:none; }

.btnPrev { background:url(/images/a-prev.png) no-repeat; width:37px; height:66px; left:30px; }
.btnNext { background:url(/images/a-next.png) no-repeat; width:37px; height:66px; right:30px; }

.eqArea { background:url(/images/eq_main_bg.jpg) no-repeat center; height:745px; position:relative; padding:120px 0 0; }
.eqArea h2 { font-size:46px; font-weight:900; color:#000; text-align:center; padding-bottom:20px; font-family:arial; }
.eqArea p { font-size:16px; font-weight:300; line-height:1.5; text-align:center; letter-spacing:-0.5px; }

.repArea { padding:93px 0 160px; } 
.repArea > em { display:block; text-align:center; font-size:14px; letter-spacing:2px; color:#292929; }
.repArea > h2 { font-size:46px; font-weight:700; padding:12px 0 34px; letter-spacing:-3px; line-height:1.3; text-align:center; }
.repArea > h2 strong { color:#975b36; }
.repArea > p { font-size:14px; color:#292929; line-height:1.7; text-align:center; letter-spacing:-0.25px; padding-bottom:55px; }
.repArea > p span { display:block; }
.repList { display:flex; justify-content:center; }
.repList li { flex:0 0 358px; height:406px; overflow:hidden;}
.repList li a { display:block; width:358px; height:406px; padding:20px; position:relative; overflow:hidden; transition:all 0.5s ease-out; }
.repList li:nth-child(1) a { background:url(/images/baro1.jpg) no-repeat center; }
.repList li:nth-child(2) a { background:url(/images/baro2.jpg) no-repeat center; }
.repList li:nth-child(3) a { background:url(/images/baro3.jpg) no-repeat center;}
.repList li:nth-child(4) a { background:url(/images/baro4.jpg) no-repeat center;}

.repList li a em { border-bottom:1px solid rgba(255,255,255,0.5); display:block; padding:10px 20px; font-size:12px; color:#fff; }
.repList li a strong { display:block; padding:172px 20px 23px; font-size:22px; font-weight:700; color:#fff; letter-spacing:-0.5px;  }
.repList li a div { display:flex; padding:0 20px; }
.repList li a div > span { flex:0 0 50%; }
.repList li a div > span span { font-size:12px; font-weight:400; color:#fff; padding-bottom:9px; display:block; }
.repList li a i { position:absolute; left:40px; bottom:25px;  background:url(/images/i-arrow-s.png) no-repeat; width:30px; height:14px; display:block; transition:all 0.5s ease-out; }

.repList li a:hover { transform:scale(1.05);  }
.repList li a:hover strong { }
.repList li a:hover i {  }


.infoArea { position:relative; position:relative;  }
.infoArea > div { position:relative;  }
.mapLoad { position:relative; height:560px; }
.telSns { background:#f5f5f5; height:170px; }
.telSns div { width:1400px; margin:0 auto; display:flex; align-items:center; height:170px; }
.telSns div a:nth-child(1) { display:inline-flex; margin-right:95px; }
.telSns div a:nth-child(1) i { display:inline-flex; width:39px; height:39px; background:url(/images/i-handphone.png) no-repeat; margin-right:12px; }
.telSns div a:nth-child(1) strong { font-size:45px; font-weight:700; color:#000; letter-spacing:-1px; font-family:arial; line-height:0.9; }

.telSns div a:nth-child(2) { display:inline-flex; margin-right:60px; }
.telSns div a:nth-child(2) i { display:inline-flex; width:38px; height:38px; background:url(/images/i-blog.png) no-repeat; margin-right:12px;}
.telSns div a:nth-child(2) span { }
.telSns div a:nth-child(2) span em { display:block; font-size:9px; letter-spacing:1px; font-family:arial; margin-bottom:7px; line-height:1; }
.telSns div a:nth-child(2) span strong { display:block; font-size:18px; letter-spacing:-0.5px; font-weight:700; }

.telSns div a:nth-child(3) { display:inline-flex; margin-right:60px; }
.telSns div a:nth-child(3) i { display:inline-flex; width:38px; height:38px; background:url(/images/i-talk.png) no-repeat; margin-right:12px;}
.telSns div a:nth-child(3) span { }
.telSns div a:nth-child(3) span em { display:block; font-size:9px; letter-spacing:1px; font-family:arial;  margin-bottom:7px; line-height:1; }
.telSns div a:nth-child(3) span strong { display:block; font-size:18px; letter-spacing:-0.5px; font-weight:700; }

.infoGuide { position:absolute; left:65%; top:10%; background:#fff; width:35%; height:80%; z-index:10; }
.infoGuide > div { padding:82px 60px;  }
.infoGuide > div h3 { display:flex; align-items:flex-end; }
.infoGuide > div h3 em { font-size:20px; letter-spacing:-0.7px; font-weight:700; margin-left:10px; }
.infoGuide > div p { font-size:14px; padding:14px 0 30px;  color:#000; }
.infoGuide > div ul { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:28px 0;}
.infoGuide > div ul li { padding:7px 0; display:flex; }
.infoGuide > div ul li > strong { flex:0 0 110px; font-size:18px; font-weight:700; color:#000; }
.infoGuide > div ul li em { font-size:18px; font-weight:500; color:#000; }
.infoGuide > div ul li em strong { font-weight:800; }
.infoGuide > div ul li em span { font-weight:300; color:#727272; }
.infoGuide > div dl { display:flex; padding:40px 0 20px; }
.infoGuide > div dl dt { font-size:18px; font-weight:700; color:#000; margin-right:23px;}
.infoGuide > div dl dd { font-size:18px; font-weight:400; color:#000; }

.infoGuide > div .mapBtn { padding:15px 0 0; display:flex; }
.infoGuide > div .mapBtn a { display:flex; align-items:center; margin-right:30px; }
.infoGuide > div .mapBtn a i { display:inline-flex; width:32px; height:32px; margin-right:8px; }
.infoGuide > div .mapBtn a strong { font-size:14px; font-weight:700; color:#393636; margin-right:16px; }
.infoGuide > div .mapBtn a span { width:32px; height:11px; background:url(/images/i-arrrow-b.png) no-repeat; display:inline-flex; }

.infoGuide > div .mapBtn a:nth-child(1) i { background:url(/images/i-naver.png) no-repeat;  }
.infoGuide > div .mapBtn a:nth-child(2) i { background:url(/images/i-google.png) no-repeat; }

.pcView { position:relative; display:block; }
.mobView { display:none; }

a.link_s1 { position:absolute; left:50%; top:1950px; margin-left:115px; width:235px; height:65px; }
a.link_s2 { position:absolute; left:50%; top:1950px; margin-left:340px; width:235px; height:65px; }


#cFooter { padding:46px 0 90px; background:#474040; }
#cFooter > div { width:1400px; margin:0 auto; display:flex; position: relative; }
.fLeft { flex: 0 0 900px; }
.fLeft h1 a { width:300px; height:80px; display:block; }
.fLeft h1 a img { width:100%; }
.fLeft div { color:#fff; font-size:14px; line-height:1.7; font-weight:300; font-style:normal; margin-top:40px; }
.fLeft div > span { display: block; }
.fRight { flex: 1; text-align:right; }
.fRight ul li a { 
	margin-left:5px; border:1px solid #bfbfbf; display:inline-block; padding:10px 50px; font-size:13px; color:#fff;
	position:relative; 
	overflow: hidden;
}
.fRight ul li a span { transition: all 0.5s;  position:relative; z-index:2; }
.fRight ul li a:hover span { color:#000; }
.fRight ul li a::before { 
	content:"";display:block; width:100%; height:100%; position:absolute; left:-100%; top:0; 
	background:#f5f5f5; transition: all 0.5s;
}
.fRight ul li a:hover::before { left:0; }
.fRight p { margin-top:100px;  color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:1px; text-align: right; line-height: 1.7;}





.snb { display:flex; justify-content: center; align-items: center; width:1300px; margin:100px auto 0; }
.snb li { flex:0 0 240px; }
.snb li a:before { content:""; display:block; width:8px; height:8px; border-radius:4px; background:#e5e5e5; margin:0 auto 14px;}
.snb li a { 
  width:100%; height:100%; padding:22px 20px; display:block; border-left:1px solid #ebeaea; color:#565656; background:#fff;
  text-align:center;
}



.snb li:nth-child(1) a { border-left:none; }
.snb li a.on { background:#f8971b; color:#fff;}
.snb li a.on:before { background:#fff;}

.svWrap { position:relative; overflow:hidden; height:660px; }
.svWrap .sv { 
	height:660px; display:flex; justify-content: center; align-items: center; flex-direction:column; 
	transition:all 1s ease-out; transform:scale(1.2); opacity:0.8; position:relative; 
}
.svWrap .sv em { 
	transition:all 0.5s ease 0.2s;  position:relative; top:50px; opacity:0;
	margin:40px auto 0; background:url(/images/sub-title-text.png) no-repeat; width:239px; height:29px; display:block; 
}
.svWrap .sv h2 { 
	transition:all 0.5s ease 0.4s;
	position:relative; top:50px; opacity:0;
	font-size:76px; font-weight:800; 
	color:#fff; padding-bottom:25px; padding-top:20px; 
	background:url(/images/text-ov1.png) no-repeat;
	-webkit-background-clip:text; 
	background-clip:text;
	-webkit-text-fill-color:transparent;
	text-fill-color:transparent;
}
.svWrap .sv p { 
	position:relative; top:50px; opacity:0;
	transition:all 0.5s ease  0.6s;
	font-size:18px; text-align:center; color:rgba(255,255,255,0.5); padding-top:20px; 
}
.svWrap .sv p i { margin:0 10px; }
.svWrap .sv p span { margin:0 20px; }

.svWrap.on .sv { transform:scale(1); opacity:1;}
.svWrap.on em { top:0; opacity:1;}
.svWrap.on h2 { top:0; opacity:1;}
.svWrap.on p {  top:0; opacity:1;}



.sNavWrap { position:relative; z-index:10; margin-top:-28px; }
.sNav { display:flex; justify-content: center; align-items: center; }
.sNav li { flex:0 0 230px; height:56px; }
.sNav li a { 
	background:#ededed; font-size:16px; letter-spacing:-0.5px; height:55px;  
	display:flex; justify-content: center; align-items: center; font-weight:500; overflow:hidden;
	position:relative;
}
.sNav li a span { color:#7c7c7c; position:relative; z-index:2;}
.sNav li a.on { background:#fff; }
.sNav li a.on span { color:#f39030; }
.sNav li a::before { 
	content:"";display:block; width:100%; height:100%; position:absolute; left:-100%; top:0; 
	background:#f6f6f6; transition: all 0.3s;
}
.sNav li a:hover::before { left:0; }

.sNav li a.on:hover::before { left:-100%; }


.sNav.sNav1 li { flex:0 0 230px; }
.sNav.sNav2 li { flex:0 0 230px; }
.sNav.sNav3 li { flex:0 0 160px; }
.sNav.sNav4 li { flex:0 0 230px; }

.sv101 { background:url(../images/sub/sv101.jpg) no-repeat center / cover;  }
.sv102 { background:url(../images/sub/sv102.jpg) no-repeat center / cover;  }
.sv103 { background:url(../images/sub/sv103.jpg) no-repeat center / cover;  }

.sv201 { background:url(../images/sub/sv201.jpg) no-repeat center / cover;  }
.sv202 { background:url(../images/sub/sv202.jpg) no-repeat center / cover;  }
.sv203 { background:url(../images/sub/sv203.jpg) no-repeat center / cover;  }
.sv204 { background:url(../images/sub/sv204.jpg) no-repeat center / cover;  }
.sv205 { background:url(../images/sub/sv205.jpg) no-repeat center / cover;  }
.sv206 { background:url(../images/sub/sv206.jpg) no-repeat center / cover;  }
.sv207 { background:url(../images/sub/sv207.jpg) no-repeat center / cover;  }
.sv208 { background:url(../images/sub/sv208.jpg) no-repeat center / cover;  }
.sv209 { background:url(../images/sub/sv209.jpg) no-repeat center / cover;  }
.sv210 { background:url(../images/sub/sv210.jpg) no-repeat center / cover;  }

.sv301 { background:url(../images/sub/sv301.jpg) no-repeat center / cover;  }
.sv302 { background:url(../images/sub/sv302.jpg) no-repeat center / cover;  }
.sv303 { background:url(../images/sub/sv303.jpg) no-repeat center / cover;  }
.sv304 { background:url(../images/sub/sv304.jpg) no-repeat center / cover;  }
.sv305 { background:url(../images/sub/sv405.jpg) no-repeat center / cover;  }

.sv401 { background:url(../images/sub/sv401.jpg) no-repeat center / cover;  }
.sv402 { background:url(../images/sub/sv402.jpg) no-repeat center / cover;  }
.sv403 { background:url(../images/sub/sv403.jpg) no-repeat center / cover;  }
.sv404 { background:url(../images/sub/sv404.jpg) no-repeat center / cover;  }

.sv501 { background:url(../images/sub/sv501.jpg) no-repeat center / cover;  }
.sv502 { background:url(../images/sub/sv502.jpg) no-repeat center / cover;  }
.sv503 { background:url(../images/sub/sv503.jpg) no-repeat center / cover;  }
.sv504 { background:url(../images/sub/sv504.jpg) no-repeat center / cover;  }

.sv601 { background:url(../images/sub/sv601.jpg) no-repeat center / cover;  }
.sv602 { background:url(../images/sub/sv602.jpg) no-repeat center / cover;  }
.sv603 { background:url(../images/sub/sv603.jpg) no-repeat center / cover;  }





/* sub */
.subWidth { max-width:1400px; margin:0 auto; }
.subTitle { padding:90px 0 40px; }
.subTitle p span{ display:block; line-height:1.3; font-size:74px; font-weight:900; font-family:'NanumSquare'; letter-spacing:-1px; color:#000;}
.subTitle p span.mainColor { color:#0b83a1; }


.comHeader { padding:70px 0 100px; }
.comHeader h2 { font-size:74px; font-weight:700; color:#000; line-height:1; margin-bottom:60px; text-align:center;  }
.comHeader p { font-size:20px; line-height:1.7; font-weight:300; text-align:center;}
.comHeader p span { display:block; }

.comTop { padding-bottom:120px; }
.cTab { display:flex; justify-content:center; align-items:center; }
.cTab li { flex:0 0 216px; width:216px; margin:0 8px; }
.cTab li a { display:block; padding:25px 0; text-align:Center; font-size:20px; color:#c7c7c7;  border-bottom:5px solid #c7c7c7; font-weight:500;}
.cTab li.on a { color:#1a3d5d; font-weight:700; border-bottom:5px solid #1a3d5d;}



.c101 { background:url(/images/sub/c101.jpg) no-repeat center top; height:1577px; }
.c102 { background:url(/images/sub/c102.jpg) no-repeat center top; height:2191px; }
.c103 { background:url(/images/sub/c103.jpg) no-repeat center top; height:510px; }

.c201 { background:url(/images/sub/c201.jpg) no-repeat center top; height:6867px; }
.c202 { background:url(/images/sub/c202.jpg) no-repeat center top; height:6479px; }
.c203 { background:url(/images/sub/c203.jpg) no-repeat center top; height:4676px; }
.c204 { background:url(/images/sub/c204.jpg) no-repeat center top; height:4051px; }
.c205 { background:url(/images/sub/c205.jpg) no-repeat center top; height:5913px; }
.c206 { background:url(/images/sub/c206.jpg) no-repeat center top; height:5733px; }
.c207 { background:url(/images/sub/c207.jpg) no-repeat center top; height:6087px; }
.c208 { background:url(/images/sub/c208.jpg) no-repeat center top; height:4670px; }
.c209 { background:url(/images/sub/c209.jpg) no-repeat center top; height:10185px; }
.c210 { background:url(/images/sub/c210.jpg) no-repeat center top; height:5070px; }

.c301 { background:url(/images/sub/c301.jpg) no-repeat center top; height:10530px; }
.c302 { background:url(/images/sub/c302.jpg) no-repeat center top; height:9745px; }
.c303 { background:url(/images/sub/c303.jpg) no-repeat center top; height:8092px; }
.c304 { background:url(/images/sub/c304.jpg) no-repeat center top; height:7211px; }
.c305 { background:url(/images/sub/c305.jpg) no-repeat center top; height:8522px; }

.c401 { background:url(/images/sub/c401.jpg) no-repeat center top; height:10574px; }
.c402 { background:url(/images/sub/c402.jpg) no-repeat center top; height:7100px; }
.c403 { background:url(/images/sub/c403.jpg) no-repeat center top; height:7877px; }
.c404 { background:url(/images/sub/c404.jpg) no-repeat center top; height:13537px; }

.c501 { background:url(/images/sub/c501.jpg) no-repeat center top; height:2940px; }
.c501_2 { background:url(/images/sub/s501_2.jpg) no-repeat center top; height:7990px; }


.c502 { background:url(/images/sub/c502.jpg) no-repeat center top; height:7111px; }
.c503 { background:url(/images/sub/c503.jpg) no-repeat center top; height:9616px; }
.c504 { background:url(/images/sub/c504.jpg) no-repeat center top; height:8486px; }

.c601 { background:url(/images/sub/c601.jpg) no-repeat center top; height:10043px; }
.c602 { background:url(/images/sub/c602.jpg) no-repeat center top; height:8096px; }
.c603 { background:url(/images/sub/c603.jpg) no-repeat center top; height:9408px; }

.ten_img { background:url(/images/ten_img.jpg) no-repeat center top; height:5440px; }
.juvelook { background:url(/images/juvelook.jpg) no-repeat center top; height:6762px; }
.juvelook_v { background:url(/images/juvelook_v.jpg) no-repeat center top; height:6762px; }



.eq_bottom_pic { height:463px; background:url(/images/eq_bottom_pic.jpg) no-repeat center; }

#bo_list,
#bo_v,
#bo_w { width:1400px !important; margin:0 auto; padding-bottom:100px; }
.tbl_head01 thead tr th { background:#e5e9ec;  padding:22px 0; border-top:1px solid #000; font-size:20px; color:#4c575e;}
.tbl_head01 thead tr th a { font-size:20px; color:#4c575e; }
.pf_img { display:none; }
.btnBottom { display:flex; justify-content:flex-end; }


#hd_login_msg { position:absolute; right:10px; top:10px; z-index:99999; font-size:13px; color:#fff; width:100px; line-height:1.6; }
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


/* mobile */
#mHeader ,
#menuWrap ,
.mobileView { display:none; }
@media (max-width:640px){

	.pcView { display:none; }
	.mobView { display:block; }
	.mSub img { width:100%; }

	#header { display:none; }
	.section { display:none; }

	#mHeader { background:#fff; height:70px; position:relative; z-index:1000; width:100%; display:block;}
	.mLogo { position:absolute; left:0; }
	.mAllMenu { width:70px; height:70px; position:absolute; right:0; top:0; }
	.mAllMenu a { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; height:70px; width:70px; }
	.mAllMenu a i { height:1px; background:#333; display:block; position:absolute; left:30%; top:50%; width:35%; }
	.mAllMenu a i:nth-child(1) { margin-top:-10px; }
	.mAllMenu a i:nth-child(2) { }
	.mAllMenu a i:nth-child(3) { margin-top:10px; }

	.mobileView { display:block; }

	.mImg img { width:100%; }	
	.mBaro { padding:0 20px; display:flex; flex-wrap:wrap; }
	.mBaro a { flex:0 0 50%; }
	.mBaro a img { width:100%; }

	.mBan { padding:40px 20px; display:flex; flex-wrap:wrap; background:url(/images/kind_bg.jpg) no-repeat center / cover  }
	.mBan a { flex:0 0 calc(50% - 10px); margin-right:10px; margin-bottom:20px; }
	.mBan a:nth-child(2),
	.mBan a:nth-child(4),
	.mBan a:nth-child(6) { margin-left:10px; margin-right:0; }
	.mBan a img { width:100%; }

	.mGuideWrap { padding:20px 0 35px; }
	.mGuide { padding:0 20px; }
	.mGuide img { width:100%; }

	.mAddr { padding:0 20px; display:flex; }
	.mAddr a { flex:0 0 50%; }
	.mAddr a img { width:100%; }

	.mPb1 { padding-bottom:10px; }
	.mGray { background:#f5f5f5; padding:35px 0 25px; }

	.posIntro { position:relative; }
	.posIntro img { position:relative; z-index:1; }
	.posIntro a.mibtn1 { position:absolute; left:27%; top:79.3%; width:22.3%; height:7.5%; z-index:3; display:block; }
	.posIntro a.mibtn2 { position:absolute; left:51%; top:79.3%; width:22.3%; height:7.5%; z-index:3; display:block;}


	.mainVisual { height:600px; }
	.newSlider .ss1 div,
	.newSlider .ss2 div { padding:0 40px; }
	.newSlider .ss1 div img,
	.newSlider .ss2 div img { width:100%; }
	.knowList { display:none; }


	/* mobile menu */
	#menuWrap { display:block; position:fixed; left:-100%; top:0; width:100%; height:100%; z-index:9999; background:#fff; }

	.wClose {position:absolute; left:0; top:0; width:100%; height:100%;z-index:2;  }
	.insHeader { height:70px; position:relative; background:#fff; }
	.insHeader h1 { position:relative; left:0;top:0; height:auto }


	.insMenu { 
		position:relative; width:100%; height:100%;  z-index:10; background:#fff;
		padding:0 0; 
	}

	.insFooter { height:50px; position:absolute; background:#975b36; left:0; bottom:0; width:100%; padding:18px 26px; font-size:12px; color:#fff; line-height:16px;}
	.insFooter ul li { float:left; margin-right:10px; }
	.insFooter ul li:nth-child(1) { margin-right:20px; }
	.insFooter ul li:nth-child(2) { margin-right:25px; }
	.insFooter ul li a { color:#fff; font-size:12px; }
	.p_close { position:absolute; right:16px; top:20px; width:27px; height:29px; z-index:9999; cursor: pointer;}
	.p_close img { width:70%; }

	.menuBox { padding:0 0 70px; height:100%; overflow:scroll; }
	.m_nav { padding:0 0 20px; background:#fff;}
	.m_nav > li { border-bottom:1px solid rgba(177,177,177,0.5); }
	.m_nav > li:nth-child(1) { border-top:1px solid #b1b1b180; }
	.m_nav > li > a { 
		padding:15px 0 15px 20px; display:block; width:100%; 
		font-size:14px; font-weight:bold; color:#222; line-height: 16px;;
		position:relative; font-family:Roboto;
	}
	.m_nav > li > a.on { position:relative; color:#222; }
	.m_nav > li > a.m { background:url(/images/m/ico-close.png) no-repeat right 15px center; }
	.m_nav > li > a.m.on { 	background:url(/images/m/ico-open.png) no-repeat right 15px center; }
	.m_nav > li > a span.down { display:block; width:12px; height:6px;  position:absolute; right:6px; top:16px; }
	.m_nav > li > ul { display:none; position:relative; padding:0 0 0;  }
	.m_nav > li > ul.on { display:block; }
	.m_nav li ul li ul.on { display:block; background:#f5f5f5; padding:5px 0; }

	.m_nav > li > ul.on.s501_nav { display:none; }

	.m_nav > li > ul li { border-top:1px solid rgba(177,177,177,0.3); }
	.m_nav > li > ul li:nth-child(1) { border-top:none; }
	.m_nav > li > ul li a { 
		padding:15px 0 15px 26px; 
		display:block; width:100%; font-size:13px; font-weight:400; color:#222; 
		line-height:1; background:#f5f5f5;
		font-family:Roboto;
	} 

	.m_nav > li > ul li ul li a {
		background:#f5f5f5;
		padding:4px 0 4px 20px;
		font-size:12px; line-height:25px;
		color:#222; position:relative; font-weight:300;
		font-family:Roboto;
	}
	/* .m_nav > li > ul li ul li a:before { content:"-"; font-size:17px; line-height:25px; position:absolute; left:44px; top:6px; width:5px; height:5px; display:block; }  */

	.m_nav > li > ul li a.onMenu { display:block; background:#f5f5f5 url(../images/m/ico-close.png) no-repeat right 15px center; }
	.m_nav > li > ul li a.onMenu.on { display:block; background:#f5f5f5 url(../images/m/ico-open.png) no-repeat right 15px center; color:#222; }

	.m_nav > li > ul li ul { display:none; position:relative; border-top:1px solid rgba(177,177,177,0.3);  }
	.m_nav > li > ul li ul li { border-bottom:none; border-top:none; }



	.svWrap { position:relative; overflow:hidden; height:180px; }
	.svWrap .sv { height:180px; padding-top:25px; }
	.svWrap .sv em { 
		transition:all 0.5s ease 0.2s;  position:relative; top:0; opacity:0;
		margin:0 auto 0; background:url(/images/sub-title-text.png) no-repeat; 
		background-size:100%;
		width:120px; height:20px; display:block; 
	}
	.svWrap .sv h2 { 
		transition:all 0.5s ease 0.4s;
		position:relative; top:10px; opacity:0;
		font-size:34px; font-weight:800; 
		color:#fff; padding-bottom:25px; padding-top:5px; 
	}
	.svWrap .sv p { 
		position:relative; top:30px; opacity:0;
		transition:all 0.5s ease  0.6s;
		font-size:12px; 
		letter-spacing:0;
		line-height:1.5;
		display:none;
		padding:0 50px;
	}
	.svWrap .sv p i { margin:0 10px; }
	.svWrap .sv p span { margin:0 20px; }

	.svWrap.on .sv { transform:scale(1); opacity:1;}
	.svWrap.on em { top:0; opacity:1;}
	.svWrap.on h2 { top:0; opacity:1;}
	.svWrap.on p {  top:0; opacity:1;}


	.sNavWrap { position:relative; z-index:10; margin-top:0; }
	.sNav { flex-wrap:wrap; justify-content:flex-start; }
	.sNav li { flex:0 0 33.33333%; height:40px; }
	.sNav li a { font-size:12px; height:40px; }
	.sNav.sNav1 li { flex:0 0 25%; }
	.sNav.sNav2 li { flex:0 0 33.333333%; }
	.sNav.sNav3 li { flex:0 0 20%; }
	.sNav.sNav4 li { flex:0 0 50%; }



	#cFooter { padding:40px 0 60px; background:#474040; }
	#cFooter > div { width:100%; margin:0 auto; display:block; position: relative; padding:0 30px; }
	.fLeft h1 a { width:200px; height:50px; }
	.fLeft { text-align:left; margin-bottom:30px; }
	.fLeft div { color:#fff; font-size:14px; line-height:1.7; font-weight:300; font-style:normal; margin-top:40px; }
	.fLeft div > span { display: inline; word-break:keep-all; }
	.fLeft div > span span { display:block; }
	.fRight { flex: 1; text-align:right; }

	.fRight ul { margin-bottom:20px; }
	.fRight ul li a { 
		margin-left:0; border:1px solid #bfbfbf; display:inline-block; padding:10px 30px; font-size:13px; color:#fff;
		position:relative; 
		overflow: hidden;
	}
	.fRight ul li a span { transition: all 0.5s;  position:relative; z-index:2; }
	.fRight ul li a:hover span { color:#000; }
	.fRight ul li a::before { 
		content:"";display:block; width:100%; height:100%; position:absolute; left:-100%; top:0; 
		background:#f5f5f5; transition: all 0.5s;
	}
	.fRight ul li a:hover::before { left:0; }
	.fRight p { margin-top:0;  color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:1px; text-align: right; line-height: 1.7;}
}


.sconWrap { padding:60px 0 }
.subc { width:1200px; margin:0 auto; text-align:center;   }
.subc > em { font-size:18px; font-family: Roboto; line-height: 1; color:#808080; font-style: normal; letter-spacing: 5px; }
.subc > h2 { font-size:55px; font-weight:300; padding:36px 0; line-height:1; letter-spacing: -2px; text-align:center; }
.subc > h2 > strong { font-weight:700; }
.subc > p { font-size:20px; font-weight:300; line-height:1.7; letter-spacing: -0.3px; margin-bottom:40px; }
.subc > p > span { display: block; }

.box1 { text-align:center; font-size:30px;  }

.guideDiv { width:1200px; margin:30px auto 50px; }

.g_w10p { width:10%; }
.g_w15p { width:15%; }
.g_w20p { width:20%; }
.g_w30p { width:30%; }
.g_w35p { width:35%; }
.g_w40p { width:40%; }
.g_w45p { width:45%; }
.g_w55p { width:50%; }

.guideDiv table { width:100%; border-collapse:collapse; }
.guideDiv table thead th { 
	border-top:1px solid #cacaca; 
	border-bottom:1px solid #cacaca; 
	padding:12px 0; text-align:center; 
	font-size:16px; font-weight:500;
	background:#f2f2f2;
}
.guideDiv table tbody th,
.guideDiv table tbody td {  
	padding:12px 12px; text-align:center; 
	font-size:15px; font-weight:300;
	border-bottom:1px solid #eaeaea !important; 
	border-right:1px solid #eaeaea !important; 
	background:#fff !important;
	line-height:1.3;
}
.guideDiv table tbody th.center { text-align:center; }
.guideDiv table tbody td:nth-of-type(1) { 
	text-align:left; padding-left:15px;
}
.guideDiv table tbody td:nth-of-type(2) { 
	text-align:left; padding-left:15px;
}
.guideDiv table tbody td:last-child { border-right:none !important; }

.guideDiv table tbody tr th,
.guideDiv table tbody tr:nth-child(4) td,
.guideDiv table tbody tr:nth-child(9) td,
.guideDiv table tbody tr:nth-child(11) td,
.guideDiv table tbody tr:nth-child(16) td,
.guideDiv table tbody tr:nth-child(18) td,
.guideDiv table tbody tr:nth-child(24) td,
.guideDiv table tbody tr:nth-child(27) td,
.guideDiv table tbody tr:nth-child(33) td,
.guideDiv table tbody tr:nth-child(38) td,
.guideDiv table tbody tr:nth-child(40) td,
.guideDiv table tbody tr:nth-child(42) td,
.guideDiv table tbody tr:nth-child(45) td,
.guideDiv table tbody tr:nth-child(46) td,
.guideDiv table tbody tr:nth-child(52) td,
.guideDiv table tbody tr:nth-child(58) td { 
	border-bottom:1px solid #cacaca; 
}
.guideDiv table tbody tr th { background:#f2f2f2; font-weight:500; }
.guideFee {  font-size:14px; padding-bottom:10px; text-align:right;}

@media (max-width:640px){

	.sconWrap { padding-top:0; }

	.subc { width:100%; margin:0 auto; text-align:center; padding:40px 0 0  }
	.subc > em { 
		font-size:11px; font-family: Roboto; line-height: 1.3; color:#808080; font-style: 300; letter-spacing: 1px; padding:0 30px; word-break:keep-all; 
		text-align:center;
	}
	.subc > h2 { font-size:30px; font-weight:300; padding:15px 30px; line-height:1.5; letter-spacing: -2px; word-break:keep-all; }
	.subc > h2 > strong { font-weight:700; }
	.subc > p { font-size:14px; font-weight:300; line-height:1.5; letter-spacing: -0.3px; margin-bottom:30px; padding:0 30px; }
	.subc > p > span { display: inline; }

	.guideDiv { width:96%; margin:20px auto 30px; }

	.g_w15p { width:auto; }
	.g_w25p { width:auto; }
	.g_w30p { width:auto; }
	.g_w45p { width:auto; }
	.g_w55p { width:auto; }

	.guideDiv table { width:100%; border-collapse:collapse; }
	.guideDiv table thead th { 
		padding:8px 0; 
		font-size:12px;
	}
	.guideDiv table tbody th,
	.guideDiv table tbody td {  
		padding:8px 10px;
		border-right:1px solid #eaeaea !important;
		background:#fff !important;
		font-size:11px;
		text-align:left;
		border-bottom:1px solid #eaeaea !important; 
	}

	.guideDiv table tbody td:nth-of-type(1) { 
		text-align:left; padding-left:10px;
	}
	.guideDiv table tbody td:nth-of-type(2) { 
		text-align:left; padding-left:10px;
	}
}


/* 팝업레이어 */
#hd_pop {z-index:1000;position:absolute;margin:0 auto;height:0;left:0;top:100px;width:100%;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100% !important; width:100% !important; height:auto !important; max-height:auto !important; }
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

#hd_login_msg { position:absolute; right:10px; top:20px; left:auto; }

@media (max-width:640px){
	#hd_pop { left:0 }
	.hd_pops_con { width:100% !important; max-width:100% !important; height:auto !important; }
	#hd_login_msg { position:absolute; right:20px; top:20px; left:auto; }
 }



.skinArea { width:100%; padding:102px 0 20px; position:relative;}
.skinArea::before { content:"skin disease";display:block; position:absolute; left:50%; top:220px; transform:translateX(-50%); color:rgba(0,0,0,0.05); font-size:120px; font-weight:900; z-index:1001;}
.skinArea h2 { font-size:46px; font-weight:900; color:#000; text-align:center; padding-bottom:20px; }
.skinArea p { font-size:16px; font-weight:300; line-height:1.5; text-align:center; letter-spacing:-0.5px; padding-bottom:100px;}
.skinArea ul { display:flex; justify-content:center;}
.skinArea ul li a { display:block; position:relative;}
.skinArea ul li a div:nth-child(1) { position:relative; width:100%; height:100%; overflow:hidden;}
.skinArea ul li a div:nth-child(1) img { width:100%; transition:all 0.5s; }
.skinArea ul li a div:nth-child(2) { position:absolute; left:0; bottom:20px; width:100%; height:80px; z-index:2;}
.skinArea ul li a div:nth-child(2) strong { display:block; font-size:18px; color:#fff; text-align:center; padding-bottom:18px; }
.skinArea ul li a div:nth-child(2) span { 
	width:72px; height:29px; border-radius:30px; border:1px solid rgba(255,255,255,0.3); margin:0 auto; 
	display:flex; justify-content:center; align-items:center;
}
.skinArea ul li a div:nth-child(2) span i { 
	width:30px; height:14px; display:block;
	background:url(/images/new/i-skin-more1.png) no-repeat center / 100%; position:relative; transition:all 0.3s; left:0;
}
.skinArea ul li a:hover div:nth-child(1) img {transform:scale(1.15) }
.skinArea ul li a:hover div:nth-child(2) span { border:1px solid #fff; }
.skinArea ul li a:hover div:nth-child(2) span i { left:5px; }


.skinLink { padding:65px 0; display:flex; justify-content:center;}
.skinLink a { border-radius:40px; border:1px solid #975b36; display:inline-flex; padding:25px 40px; align-items:center; transition:all 0.5s;}
.skinLink a strong { font-size:20px; font-weight:700; color:#975b36; margin-right:15px;}
.skinLink a i { display:block; background:url(/images/new/i-skin-more2.png) no-repeat center; width:30px; height:14px; position:relative; transition:all 0.5s; left:0;}
.skinLink a:hover { border:1px solid #975b36; background:#975b36;  }
.skinLink a:hover strong { color:#fff; }
.skinLink a:hover i { left:10px; background-image:url(/images/new/i-skin-more1.png); }

@media (max-width:640px){
	.skinArea {  padding:70px 0 15px; }
	.skinArea::before {  top:150px; font-size:50px; width:100%; text-align:center; }
	.skinArea h2 { font-size:24px; padding-bottom:12px;}
	.skinArea p { font-size:13px; padding-bottom:60px;}
	.skinArea ul { flex-wrap:wrap; padding:0 20px; } 
	.skinArea ul li { flex:0 0 50%; }
	.skinArea ul li:nth-child(7) { display:none; }
	.skinArea ul li a div:nth-child(2) { bottom:10px; }
	.skinArea ul li a div:nth-child(2) strong {  font-size:15px; }
	.skinLink { padding:50px 0 30px;}
	.skinLink a { padding:15px 25px; }
	.skinLink a strong { font-size:12px; margin-right:5px;}
}