@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;1,700&display=swap');

@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css); 

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(./fonts/NotoSansKR-Thin.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Thin.woff) format('woff'),  
	url(./fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/NotoSansKR-Light.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Light.woff) format('woff'), 
	 url(./fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/NotoSansKR-Regular.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Regular.woff) format('woff'),  
	url(./fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/NotoSansKR-Medium.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Medium.woff) format('woff'),  
	url(./fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/NotoSansKR-Bold.woff2) format('woff2'),  
	url(./fonts/NotoSansKR-Bold.woff) format('woff'),  
	url(./fonts/NotoSansKR-Bold.otf) format('opentype');
}


@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/GmarketSansBold.woff2) format('woff2'),  
	url(./fonts/GmarketSansBold.woff) format('woff'),  
	url(./fonts/GmarketSansBold.otf) format('opentype');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/GmarketSansMedium.woff2) format('woff2'),  
	url(./fonts/GmarketSansMedium.woff) format('woff'),  
	url(./fonts/GmarketSansMedium.otf) format('opentype');
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/GmarketSansLight.woff2) format('woff2'),  
	url(./fonts/GmarketSansLight.woff) format('woff'),  
	url(./fonts/GmarketSansLight.otf) format('opentype');
}


body{ overflow-x:hidden}
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0; }
body,input,textarea,button,select{font-family:'Noto Sans KR', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; }


img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer;}
img{vertical-align:top;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
figure{padding:0px; margin:0px;}



/* 링크 기본값 */
a{text-decoration:none; color:#333; }
a:visited{text-decoration:none;}
a:hover{text-decoration:none; }
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}


.mainContents{ word-break:keep-all; font-size:19px; color:#333}
#content .subContent {font-size:19px; letter-spacing:-1px; margin-bottom:170px; word-break:keep-all;color:#333}

/* 폰트사이즈*/
.fs11{ font-size:11px;}
.fs12{ font-size:11px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs17{ font-size:17px;}
.fs18{ font-size:18px;}
.fs19{ font-size:19px;}
.fs20{ font-size:20px; letter-spacing:-1px;}
.fs21{ font-size:21px; letter-spacing:-1px;}
.fs22{ font-size:22px; letter-spacing:-1px;}
.fs23{ font-size:23px; letter-spacing:-1px;}
.fs24{ font-size:24px; letter-spacing:-1px;}
.fs25{ font-size:25px; letter-spacing:-1px; line-height:35px;}
.fs26{ font-size:26px; letter-spacing:-1px;}
.fs27{ font-size:27px; letter-spacing:-1px;}
.fs28{ font-size:28px; letter-spacing:-1px;}
.fs29{ font-size:29px; letter-spacing:-1px;}
.fs30{ font-size:30px; letter-spacing:-1px;}
.fs31{ font-size:31px; letter-spacing:-1px;}
.fs32{ font-size:32px; letter-spacing:-1px;}
.fs33{ font-size:33px; letter-spacing:-1px;}
.fs34{ font-size:34px; letter-spacing:-1px;}
.fs35{ font-size:35px; letter-spacing:-1px;}
.fs36{ font-size:36px; letter-spacing:-1px;}
.fs37{ font-size:37px; letter-spacing:-1px;}
.fs38{ font-size:38px; letter-spacing:-1px;}
.fs39{ font-size:39px; letter-spacing:-1px;}
.fs40{ font-size:40px; letter-spacing:-1px;}
.fs41{ font-size:41px; letter-spacing:-1px;}
.fs42{ font-size:42px; letter-spacing:-1px;}
.fs43{ font-size:43px; letter-spacing:-1px;}
.fs44{ font-size:44px; letter-spacing:-1px;}
.fs45{ font-size:45px; letter-spacing:-1px;}
.fs46{ font-size:46px; letter-spacing:-1px;}
.fs47{ font-size:47px; letter-spacing:-1px;}
.fs48{ font-size:48px; letter-spacing:-1px;}
.fs49{ font-size:49px; letter-spacing:-1px;}


.fs50{font-size:50px; letter-spacing:-1px;}
.fs60{font-size:60px; letter-spacing:-1px;}
.fs70{font-size:70px; letter-spacing:-1px; line-height:70px;}
.fs80{font-size:80px; letter-spacing:-1px;}
.fs90{font-size:90px; letter-spacing:-1px;}
.fs100{font-size:100px; letter-spacing:-1px;}
.fs110{font-size:110px; letter-spacing:-1px;}
.fs120{font-size:120px; letter-spacing:-1px;}
.fs130{font-size:130px; letter-spacing:-1px;}
.fs140{font-size:140px; letter-spacing:-1px;}
.fs150{font-size:150px; letter-spacing:-1px;}
.fs160{font-size:160px; letter-spacing:-1px;}
.fs170{font-size:170px; letter-spacing:-1px;}
.fs180{font-size:180px; letter-spacing:-1px;}
.fs190{font-size:190px; letter-spacing:-1px;}
.fs200{font-size:200px; letter-spacing:-1px;}
.fs210{font-size:210px; letter-spacing:-1px;}
.fs220{font-size:220px; letter-spacing:-1px;}
.fs230{font-size:230px; letter-spacing:-1px;}
.fs240{font-size:240px; letter-spacing:-1px;}
.fs250{font-size:250px; letter-spacing:-1px;}
.fs260{font-size:260px; letter-spacing:-1px;}
.fs270{font-size:270px; letter-spacing:-1px;}
.fs280{font-size:280px; letter-spacing:-1px;}
.fs290{font-size:290px; letter-spacing:-1px;}
.fs300{font-size:300px; letter-spacing:-1px;}


.fw300{ font-weight:300;}
.fw400{ font-weight:400;}
.fw500{ font-weight:500;}
.fw700{ font-weight:700;}
.fwb{ font-weight:bold;}


.ac{ text-align:center;}
.ar{ text-align:right}
.al{ text-align:left}


/* margin setting */
.mg00 { margin:0 !important;}
.mg05 { margin:5px;}
.mg10 { margin:10px;}
.mg15 { margin:15px;}
.mg20 { margin:20px;}
.mg25 { margin:25px;}
.mg30 { margin:30px;}
.mg35 { margin:35px;}
.mg40 { margin:40px;}
.mg45 { margin:45px;}
.mg50 { margin:50px;}

.mt00{ margin-top:0 !important;}
.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt50{ margin-top:50px;}

.mt-5{margin-top:-5px !important;}
.mt-10{margin-top:-10px !important;}
.mt-15{margin-top:-15px !important;}
.mt-20{margin-top:-20px !important;}
.mt-25{margin-top:-25px !important;}
.mt-30{margin-top:-30px !important;}
.mt-35{margin-top:-35px !important;}
.mt-40{margin-top:-40px !important;}
.mt-45{margin-top:-45px !important;}
.mt-50{margin-top:-50px !important;}

.ml00{ margin-left:0 !important;}
.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml35{ margin-left:35px;}
.ml40{ margin-left:40px;}
.ml45{ margin-left:45px;}
.ml50{ margin-left:50px;}


.mr00{ margin-right:0 !important;}
.mr05{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr35{ margin-right:35px;}
.mr40{ margin-right:40px;}
.mr45{ margin-right:45px;}
.mr50{ margin-right:50px;}

.mb00{ margin-bottom:0 !important;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px; padding-top:20px;}
.mb150{ margin-bottom:150px;}

/* padding setting */


.pd00 { padding:0 !important;}
.pd05 { padding:5px;}
.pd10 { padding:10px;}
.pd15 { padding:15px;}
.pd20 { padding:20px;}
.pd25 { padding:25px;}
.pd30 { padding:30px;}
.pd35 { padding:35px;}
.pd40 { padding:40px;}
.pd45 { padding:45px;}
.pd50 { padding:50px;}
.pd60 { padding:60px;}
.pd70 { padding:70px;}
.pd80 { padding:80px;}
.pd90 { padding:90px;}

.pt00{ padding-top:0 !important;}
.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt35{ padding-top:35px;}
.pt40{ padding-top:40px;}
.pt45{ padding-top:45px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt70{ padding-top:70px;}
.pt80{ padding-top:80px;}
.pt100{ padding-top:100px;}


.pl00{ padding-left:0 !important;}
.pl05{ padding-left:5px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl20{ padding-left:20px;}
.pl25{ padding-left:25px;}
.pl30{ padding-left:30px;}
.pl35{ padding-left:35px;}
.pl40{ padding-left:40px;}
.pl45{ padding-left:45px;}
.pl50{ padding-left:50px;}

.pr00{ padding-right:0 !important;}
.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr15{ padding-right:15px;}
.pr20{ padding-right:20px;}
.pr25{ padding-right:25px;}
.pr30{ padding-right:30px;}
.pr35{ padding-right:35px;}
.pr40{ padding-right:40px;}
.pr45{ padding-right:45px;}
.pr50{ padding-right:50px;}

.pb00{ padding-bottom:0 !important;}
.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb25{ padding-bottom:25px;}
.pb30{ padding-bottom:30px;}
.pb35{ padding-bottom:35px;}
.pb40{ padding-bottom:40px;}
.pb45{ padding-bottom:45px;}
.pb50{ padding-bottom:50px;}
.pb100{ padding-bottom:100px;}


@media screen and (max-width: 1920px) {

	.mainContents{ font-size:16px;}
	#content .subContent{ font-size:16px; margin-bottom:120px;}
	
	.fs16{ font-size:16px;}
	.fs17{ font-size:16px;}
	.fs18{ font-size:16px;}
	.fs19{ font-size:16px;}
	.fs20{ font-size:17px;}
	.fs21{ font-size:18px;}
	.fs22{ font-size:19px;}
	.fs23{ font-size:20px;}
	.fs24{ font-size:21px;}
	.fs25{ font-size:22px; line-height:30px;}
	.fs26{ font-size:23px;}
	.fs27{ font-size:24px;}
	.fs28{ font-size:25px;}
	.fs29{ font-size:26px;}
	.fs30{ font-size:27px;}
	.fs31{ font-size:28px;}
	.fs32{ font-size:29px;}
	.fs33{ font-size:30px;}
	.fs34{ font-size:31px;}
	.fs35{ font-size:32px;}
	.fs36{ font-size:33px;}
	.fs37{ font-size:34px;}
	.fs38{ font-size:35px;}
	.fs39{ font-size:36px;}
	.fs40{ font-size:37px;}
	.fs41{ font-size:38px;}
	.fs42{ font-size:39px;}
	.fs43{ font-size:40px;}
	.fs44{ font-size:41px;}
	.fs45{ font-size:42px;}
	.fs46{ font-size:43px;}
	.fs47{ font-size:44px;}
	.fs48{ font-size:45px;}
	.fs49{ font-size:46px;}

	
	.fs50{font-size:47px;}
	.fs60{font-size:57px;}
	.fs70{font-size:60px; line-height:60px;}
	.fs80{font-size:70px;}
	.fs90{font-size:87px;}
	.fs100{font-size:97px;}
	.fs110{font-size:107px;}
	.fs120{font-size:117px;}
	.fs130{font-size:127px;}
	.fs140{font-size:137px;}
	.fs150{font-size:147px;}
	.fs160{font-size:157px;}
	.fs170{font-size:167px;}
	.fs180{font-size:177px;}
	.fs190{font-size:187px;}
	.fs200{font-size:197px;}
	.fs210{font-size:207px;}
	.fs220{font-size:217px;}
	.fs230{font-size:227px;}
	.fs240{font-size:237px;}
	.fs250{font-size:247px;}
	.fs260{font-size:257px;}
	.fs270{font-size:267px;}
	.fs280{font-size:277px;}
	.fs290{font-size:287px;}
	.fs300{font-size:297px;}
	
	
	
	.pd90{ padding:70px;}
	.pt80{ padding-top:70px;}
}

@media screen and (max-width: 1250px) {

	.fs16{ font-size:16px;}
	.fs17{ font-size:16px;}
	.fs18{ font-size:16px;}
	.fs19{ font-size:16px;}
	.fs20{ font-size:17px;}
	.fs21{ font-size:18px;}
	.fs22{ font-size:19px;}
	.fs23{ font-size:20px;}
	.fs24{ font-size:21px;}
	.fs25{ font-size:22px; line-height:30px;}
	.fs26{ font-size:23px;}
	.fs27{ font-size:23px;}
	.fs28{ font-size:23px;}
	.fs29{ font-size:23px;}
	.fs30{ font-size:23px;}
	.fs31{ font-size:27px;}
	.fs32{ font-size:27px;}
	.fs33{ font-size:27px;}
	.fs34{ font-size:27px;}
	.fs35{ font-size:28px;}
	.fs36{ font-size:29px;}
	.fs37{ font-size:30px;}
	.fs38{ font-size:31px;}
	.fs39{ font-size:32px;}
	.fs40{ font-size:33px;}
	.fs41{ font-size:38px;}
	.fs42{ font-size:39px;}
	.fs43{ font-size:40px;}
	.fs44{ font-size:41px;}
	.fs45{ font-size:42px;}
	.fs46{ font-size:43px;}
	.fs47{ font-size:44px;}
	.fs48{ font-size:45px;}
	.fs49{ font-size:46px;}

	
	.fs50{font-size:47px;}
	.fs60{font-size:57px;}
	.fs70{font-size:60px; line-height:60px;}
	.fs80{font-size:70px;}
	.fs90{font-size:87px;}
	.fs100{font-size:97px;}
	.fs110{font-size:107px;}
	.fs120{font-size:117px;}
	.fs130{font-size:127px;}
	.fs140{font-size:137px;}
	.fs150{font-size:147px;}
	.fs160{font-size:157px;}
	.fs170{font-size:167px;}
	.fs180{font-size:177px;}
	.fs190{font-size:187px;}
	.fs200{font-size:197px;}
	.fs210{font-size:207px;}
	.fs220{font-size:217px;}
	.fs230{font-size:227px;}
	.fs240{font-size:237px;}
	.fs250{font-size:247px;}
	.fs260{font-size:257px;}
	.fs270{font-size:267px;}
	.fs280{font-size:277px;}
	.fs290{font-size:287px;}
	.fs300{font-size:297px;}
	
	
	.mb150{ margin-bottom:90px;}
	.pt100{ padding-top:70px;}
	.pd90{ padding:70px;}
	.pt80{ padding-top:70px;}
}

@media screen and (max-width: 680px) {

	.fs16{ font-size:15px;}
	.fs17{ font-size:15px;}
	.fs18{ font-size:15px;}
	.fs19{ font-size:15px;}
	.fs20{ font-size:16px;}
	.fs21{ font-size:17px;}
	.fs22{ font-size:18px;}
	.fs23{ font-size:19px;}
	.fs24{ font-size:20px;}
	.fs25{ font-size:21px; line-height:30px;}
	.fs26{ font-size:23px;}
	.fs27{ font-size:24px;}
	.fs28{ font-size:25px;}
	.fs29{ font-size:26px;}
	.fs30{ font-size:27px;}
	.fs31{ font-size:28px;}
	.fs32{ font-size:29px;}
	.fs33{ font-size:30px;}
	.fs34{ font-size:31px;}
	.fs35{ font-size:32px;}
	.fs36{ font-size:33px;}
	.fs37{ font-size:34px;}
	.fs38{ font-size:35px;}
	.fs39{ font-size:26px;}
	.fs40{ font-size:27px;}
	.fs41{ font-size:38px;}
	.fs42{ font-size:39px;}
	.fs43{ font-size:40px;}
	.fs44{ font-size:41px;}
	.fs45{ font-size:42px;}
	.fs46{ font-size:43px;}
	.fs47{ font-size:44px;}
	.fs48{ font-size:45px;}
	.fs49{ font-size:46px;}

	
	.fs50{font-size:47px;}
	.fs60{font-size:57px;}
	.fs70{font-size:60px; line-height:60px;}
	.fs80{font-size:70px;}
	.fs90{font-size:87px;}
	.fs100{font-size:97px;}
	.fs110{font-size:107px;}
	.fs120{font-size:117px;}
	.fs130{font-size:127px;}
	.fs140{font-size:137px;}
	.fs150{font-size:147px;}
	.fs160{font-size:157px;}
	.fs170{font-size:167px;}
	.fs180{font-size:177px;}
	.fs190{font-size:187px;}
	.fs200{font-size:197px;}
	.fs210{font-size:207px;}
	.fs220{font-size:217px;}
	.fs230{font-size:227px;}
	.fs240{font-size:237px;}
	.fs250{font-size:247px;}
	.fs260{font-size:257px;}
	.fs270{font-size:267px;}
	.fs280{font-size:277px;}
	.fs290{font-size:287px;}
	.fs300{font-size:297px;}
	
	
	.pt50{ padding-top:30px;}
	.mb30{ margin-bottom:15px;}
	
	.mb150{ margin-bottom:70px;}
	.pt100{ padding-top:50px;}
	
}






.area_subVisual{ position:relative; height:650px; text-align:center; color:#fff; word-break:keep-all; margin-bottom:70px;}
.area_subVisual h2{ position:relative;  padding-top:245px; font-weight:700;}
.area_subVisual h2:before{ content:''; position:absolute; bottom:90px; left:50%; margin-left:-50px;  width:100px; border-bottom:1px #fff solid; height: 50px; z-index:2; opacity:0.6;}
.area_subVisual h2 span{ display:inline-block; margin-top:40px; font-weight:300; }

/*카카오맵*/

.root_daum_roughmap {width: 100% !important; height:100% !important;border: none;padding: 0;}
.root_daum_roughmap .wrap_map{ height:100% !important;}

/*3차 메뉴*/
.depth3 { text-align:center; margin-bottom:40px;}
.depth3 li{ display:inline-block; border:1px #ccc solid; padding:10px 30px;}
.depth3 .selected3{ background:#eee;}

.inner{ position:relative; width:1800px; margin:0 auto;}


#wrap {}



#content {}

#content .subContent .location { text-align:center; padding-bottom:80px; display:none;}
#content .subContent .location a {color:#999;letter-spacing:-1px;}
#content .subContent .location a:hover {color:#000}
#content .subContent .location  img{ vertical-align:middle;}
#content .subContent h3.subTitleSubject { text-align:center; padding:70px 0 10px 0; display:none;}
/*--서브메뉴--*/
#content .snb { position:relative;}
#content .snb .snbBottom {padding:0px;margin-top:10px}

#content .snb .mybox {margin-bottom:10px}
#content .snb .mybox {border:#D4D4D4 solid 1px;}
#content .snb .mybox .login .mbrinfo {background:#F4F4F4;padding:0;border-bottom:#dfdfdf solid 1px;position:relative;height:80px;}
#content .snb .mybox .login .symbol {position:absolute;top:5px;left:5px;}
#content .snb .mybox .login .symbol img {width:37px;height:37px;border:1px #c0c0c0 solid}
#content .snb .mybox .login .namel {position:absolute;top:30px;left:55px;width:120px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .namer {position:absolute;top:5px;left:55px;width:108px;height:12px;font-weight:bold;color:#454545;}
#content .snb .mybox .login .score {position:absolute;bottom:12px;left:10px;font-size:11px;font-family:verdana;color:#636363;padding-top:3px;letter-spacing:-1px}
#content .snb .mybox .login .tabbox {}
#content .snb .mybox .login .tabbox .tp {float:left;width:60px;height:24px;line-height:24px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;position:relative}
#content .snb .mybox .login .tabbox .tp span.mcounter {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#ff6000;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .tp span.mcounter1 {
	font-weight:normal; font-size:11px; color:#F21914;letter-spacing:-1px;position:absolute;top:-10px;right:2px;font-family:arial;
	border-radius:12px;background-color:#999;height:14px;padding:0 5px;color:#fff;line-height:14px;
	box-shadow:1px 1px 3px #ccc;
}
#content .snb .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .login .lbody {padding:8px;}
#content .snb .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;}
#content .snb .mybox .login .lbody li {padding:4px 0;line-height:130%;}
#content .snb .mybox .login .lbody li a {font-family:dotum;font-size:11px;letter-spacing:-1px;line-height:130%}
#content .snb .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
#content .snb .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;}
#content .snb .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;letter-spacing:-1px}
#content .snb .mybox .login .lbody li .pic {float:left;width:35px;}
#content .snb .mybox .login .lbody li .info {float:left;width:130px;}
#content .snb .mybox .login .lbody li a.lbmore {display:block;text-align:center;border:1px #ddd solid;padding:3px;}
#content .snb .mybox .login .lbody li a.lbmore:hover {color:#ff6000;background:#f0f0f0}
#content .snb .mybox .login .lbody .none {text-align:center;padding-top:40px;}
#content .snb .mybox .login .lbody .none span {display:block;font-weight:bold;font-size:13px;letter-spacing:-1px;} 
#content .snb .mybox .login .lbody .none p {padding:10px 0 40px 0;color:#9C9C9C;line-height:140%;letter-spacing:-1px;font-size:11px}

#content .snb .mybox .logout .tabbox {}
#content .snb .mybox .logout .tabbox .np {padding:10px 0 10px 10px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;font-weight:bold;color:#9E9E9E;}
#content .snb .mybox .logout .tabbox .tp {float:left;width:90px;height:22px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;padding-top:12px;cursor:pointer;}
#content .snb .mybox .logout .tabbox .vline {width:91px;border-right:#D4D4D4 solid 1px;}
#content .snb .mybox .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
#content .snb .mybox .logout .nlog {margin-top:10px;padding:0 0 30px 10px;position:relative;height:65px;}
#content .snb .mybox .logout .i1 {position:absolute;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
#content .snb .mybox .logout .i1 .input {float:left;width:110px;height:17px;border:#BEBEBE solid 1px;font-size:12px;font-family:tahoma}
#content .snb .mybox .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
#content .snb .mybox .logout .i2 {position:absolute;top:48px;left:8px;font-family:dotum;font-size:11px;letter-spacing:-1px}
#content .snb .mybox .logout .i3 {position:absolute; top:1px;left:127px;}

#content .snb .mybox .logout .rbtm {position:absolute;bottom:4px;left:8px;font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 0 3px;}
#content .snb .mybox .logout .rbtm .ipc {color:#67686A}
#content .snb .mybox .logout .rbtm a {color:#313946;}
#content .snb .mybox .logout .rbtm span {padding:0 5px 0 5px;}
#content .snb .mybox .logout .slog {padding:20px 10px 10px 10px;}
#content .snb .mybox .logout .slog .icon {width:160px;padding:0px;text-align:center;}
#content .snb .mybox .logout .slog .icon img {cursor:pointer;margin:0 4px 0 4px;}
#content .snb .mybox .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}


#content .snb .category { position:relative; z-index:2; width:100%; margin-bottom:30px;}
#content .snb .category h2 {margin:0 0 10px 0;}
#content .snb .category ul {padding:0;margin:0; text-align:center;}
#content .snb .category li { display:inline-block; margin-left:-4px;}

#content .snb .category .m2 { position:relative; background:#f5f5f5 }

#content .snb .category .m2:last-child:before{ display:none;}
#content .snb .category .m2 a { display:block; height:60px; line-height:60px; background:#f5f5f5; padding:0 58px; color:#555;}
#content .snb .category .m2 a:hover {text-decoration:none;}

#content .snb .category .selected2 a {color:#1e405d;height:60px;line-height:60px; background:#1e3451; color:#fff;}
#content .snb .category .selected2 a:hover {color:#fff;text-decoration:none;}
#content .snb .category .selected2 span.num {color:#fff}
#content .snb .category .selected2:before{ display:none;}

#content .snb .category .orange a {background:url(./image/sub_active_orange.jpg) repeat-x 0 0;}
#content .snb .category .green a {background:url(./image/sub_active_green.jpg) repeat-x 0 0;}
#content .snb .category .blue a {background:url(./image/sub_active_blue.jpg) repeat-x 0 0;}
#content .snb .category .light_blue a {background:url(./image/sub_active_light_blue.jpg) repeat-x 0 0;}
#content .snb .category .black a {background:url(./image/sub_active_black.jpg) repeat-x 0 0;}
#content .snb .category .grey a {background:url(./image/sub_active_grey.jpg) repeat-x 0 0;}
#content .snb .category .red a {background:url(./image/sub_active_red.jpg) repeat-x 0 0;}

#content .s_category ul li ul { text-align:center; border-bottom:1px #ccc solid; }
#content .s_category ul li ul li.m3 { position:relative; display:inline-block;border-bottom:none}
#content .s_category ul li ul li.m3 a {font-weight:normal;color:#454545;display:block; height:70px; line-height:70px; padding:0 16px;}
#content .s_category ul li ul li.m3:before{content:''; position:absolute; top:28px; right:0; border-right:1px #ccc solid; width:1px; height:15px;}
#content .s_category ul li ul li.m3:last-child:before{ display:none;}
#content .s_category ul li ul li.m3 a:hover {text-decoration:none;color:#1e405d;}

#content .snb .category ul li ul li.selected3 a {color:#1e405d;font-weight:bold;background:url(./image/snb_m3_ico_open.gif) no-repeat 15px 7px;}
#content .snb .category .spaceLi {height:7px;}
#content .snb .category .new {font:normal 10px arial;color:#ff0000;}
#content .snb .category .num {font:normal 11px arial;color:#999;}

/*하단정보영역*/
#footerInfoWrap .newPhoto {position:absolute;left:0;width:210px}
#footerInfoWrap .newPhoto .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPhoto .pic {float:left;margin:0 0 8px 5px;padding:3px;background:#fff}
#footerInfoWrap .newPhoto .pic:hover{background:#ff6000}
#footerInfoWrap .newPhoto .pic img {width:54px;height:45px;}
#footerInfoWrap .newPhoto .nomargin {margin:0 0 7px 0;clear:both;}

#footerInfoWrap .newPost {position:absolute;left:250px;width:210px}
#footerInfoWrap .newPost .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newPost ul {padding:0;margin:0;}
#footerInfoWrap .newPost li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newPost li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newPost li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newPost li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newPost li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newPost li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newPost .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newComment {position:absolute;left:250px;width:210px}
#footerInfoWrap .newComment .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newComment ul {padding:0;margin:0;}
#footerInfoWrap .newComment li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newComment li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newComment li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newComment li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newComment li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newComment li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newComment .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .newNotice {position:absolute;left:250px;width:210px}
#footerInfoWrap .newNotice .tt {padding:0 0 8px 0;font-weight:bold;color:#666;}
#footerInfoWrap .newNotice ul {padding:0;margin:0;}
#footerInfoWrap .newNotice li {list-style-type:none;margin-bottom:5px;}
#footerInfoWrap .newNotice li a {font-family:dotum;font-size:11px;color:#ccc;letter-spacing:-1px;line-height:135%;background:url(./image/ico_dot.gif) no-repeat 15px 4px;padding-left:23px;display:block}
#footerInfoWrap .newNotice li a:hover {text-decoration:none;color:#ff6000;background-position:15px -41px}
#footerInfoWrap .newNotice li .comment {font:normal 11px arial;color:#FC6138;}
#footerInfoWrap .newNotice li .trackback {font:normal 11px arial;color:#02ACD6;}
#footerInfoWrap .newNotice li .new {font-family:arial;font-size:10px;color:#ff0000;}
#footerInfoWrap .newNotice .none {padding:0 0 0 15px;font-size:11px;color:#ddd;letter-spacing:-1px;}

#footerInfoWrap .postCalendar,#footerInfoWrap .bottomRss,#footerInfoWrap .bottomCounter {
	-webkit-border-radius: 8px;	-moz-border-radius:8px;	border-radius: 8px;
	-moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5);-webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5);box-shadow:1px 1px 6px rgba(0,0,0,0.5);behavior: url(./_ie/PIE.htc);
}

#footerInfoWrap .postCalendar {position:absolute;width:184px;left:810px;background:#fff;border:2px #c0c0c0 solid;top:20px;}
#footerInfoWrap .postCalendar .tt {padding:5px 0 5px 0;text-align:center;font-weight:bold;font-family:verdana;color:#666;}
#footerInfoWrap .postCalendar .tt img {position:relative;top:-1px;}
#footerInfoWrap .postCalendar .sunday {color:#2B97D7;}
#footerInfoWrap .postCalendar .week {height:20px;}
#footerInfoWrap .postCalendar .week td {color:#333;background:#f9f9f9;}
#footerInfoWrap .postCalendar table {width:100%;}
#footerInfoWrap .postCalendar td {text-align:center;color:#666;font-family:dotum;font-size:11px;}

#footerInfoWrap .bottomRss {position:absolute;left:810px;width:174px;height:18px;padding:5px;background:#fff url(./image/rss.gif) no-repeat 5px 6px;border:2px #c0c0c0 solid;text-align:right;line-height:18px;}
#footerInfoWrap .bottomRss {font-family:tahoma;font-size:11px;}
#footerInfoWrap .bottomCounter {position:absolute;left:810px;background:#fff url(./image/ico_count.gif) no-repeat 8px 1px;width:114px;padding:5px 5px 5px 65px;border:2px #c0c0c0 solid;font-family:tahoma;font-size:11px;color:#777}
#footerInfoWrap .customerCont {position:absolute;width:200px;height:200px;font-family:dotum;font-size:11px;color:#ddd;letter-spacing:-1px;}
#footerInfoWrap .customerCont a {color:#fff;}
#footerInfoWrap .customerCont a:hover {color:#ff6000;}

/*하단*/
#footer {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:2}
#footerbg {margin:0;padding:0 0 20px 0;position:absolute;left:0;display:block;width:100%;z-index:1;}

#footer .footerCont {width:990px;margin:0 auto;display:block;position:relative;}
#footer .footerCont div.footerMenu {text-align:center;margin-bottom:10px;padding:7px 20px;}
#footer .footerCont div.footerMenu a {font-size:12px;font-family:dotum;color:#ddd;letter-spacing:-1px;}
#footer .footerCont div.footerMenu a:hover {color:#ff6000}
#footer .footerCont div.footerMenu .split {font-family:dotum;font-size:9px;color:#c0c0c0;}

#footer .footerCont div.footerSiteInfo {font-family:dotum;font-size:11px;color:#999;text-align:center;width:600px;margin:0 auto}
#footer .footerCont address {font-family:arial;font-size:9px;font-style:normal;color:#777;text-align:center;margin-top:5px;}
#footer .footerCont .footerLogo {position:absolute;left:0;top:0}
#footer .footerCont .qrimage {position:absolute;right:0;top:0}

/*etc*/
.templatePreview {position:fixed;top:0;left:0;z-index:1000;background:#ff6000;padding:15px;border:3px #000 solid;color:#fff;text-align:center}
.usersavePreview {position:fixed;top:0;left:0;z-index:1000;background:#00ccff;padding:15px;border:3px #000 solid;color:#fff;text-align:center}

/*탭메뉴01*/
.tab01 {background: url("./image/bg_tab.gif") no-repeat scroll 0 top transparent;overflow: hidden;position: relative;}
.tab01 ul {margin:0;padding:0;overflow: hidden;padding-left: 1px;width: 100%;}
.tab01 li {background: url("./image/bg_tab.gif") no-repeat scroll -1px top transparent;display: inline;float: left;margin-left: -1px;padding-left: 5px;}
.tab01 li a {background: url("./image/bg_tab.gif") no-repeat scroll right top transparent;display: inline-block;height: 32px;letter-spacing: -1px;line-height: 32px;padding:0 20px 0 16px;text-decoration: none;vertical-align: top;text-align:Center}
.tab01 li a:hover, .tab01 li a:active {text-decoration: none;}
.tab01 li.selected {background-position: 0 -58px;margin-right: 1px;position: static;z-index: 10;}
.tab01 li.selected a {background-position: right -58px;color: #ff6000;font-weight: bold;}

div.depth5 {list-style:none;height:33px;border-bottom:1px #bbb solid;margin-top:5px;}
div.depth5 a{display:inline-block;padding:8px 15px 5px 15px;letter-spacing:-0.5px;margin-right:10px;background:url('./image/common/bul_arrow1.gif') no-repeat 0 10px;font-weight:bold;}
div.depth5 a.selected5 {background:#ff6000;font-weight:bold;color:#fff;-webkit-border-radius: 3px; -moz-border-radius: 3px;}

#pctomobile {visibility:hidden}
#pctomobile_blueb {position:absolute;bottom:-70px;z-index:10000;display:block;width:100%;border:1px #000 solid;background:#e0e0e0;height:70px;text-align:center;font-family:dotum;font-size:24px;color:#fff;line-height:70px;}


#pages_join, #pages_login, #mypage_main, #pages_top, #pages_all, .iframe,  #guidebox, #s_msg{ width:1200px; margin:0 auto; padding-top:100px;}
#pages_login{ padding:200px 0 100px 0;}



@media screen and (max-width: 1920px) {
	
	#content .snb .category{ margin-top:15px;}
	#content .snb .category .m2 a{height:50px; line-height:50px; padding:0 55px;}
	#content .snb .category .selected2 a{ height:50px; line-height:50px;}
	#content .snb .category .m2::before{ top:17px;}
	
	#footerWrap{margin-top:100px;}
	
	
	.area_subVisual{height:500px;}
	.area_subVisual h2{  padding-top:200px;}
	.area_subVisual h2:before{ bottom:75px;}
	
	.inner{ width:1350px}
	
	/*카카오맵*/
	.root_daum_roughmap {width: 100% !important;border: none;padding: 0;}
	.root_daum_roughmap .wrap_map{}
}


@media screen and (max-width: 680px) {
	
	.mainContents{ font-size:15px;}
	#content .subContent{ font-size:15px; margin-bottom:70px;}
}




/* fullMenu */
#fullMenu{position:fixed; right:0px; width:134px; height:100%;  z-index:2; box-sizing:border-box; transition:all 0.3s ease-out 0s;}
#fullMenu ul{position:absolute; top:50%; margin-top:-70px;}
#fullMenu li{margin-bottom:10px;}
#fullMenu li a{display:block; position:relative; padding-left:15px; color:rgba(255, 255, 255, 0.3); font-size:15px; font-weight:300; letter-spacing:-0.5px;}
#fullMenu li a:before{content:''; display:block; position:absolute; top:50%; left:-3px; width:5px; height:5px; margin-top:-2.5px; border-radius:50%; background:rgba(255, 255, 255, 0.3);}
#fullMenu li.active a{color:#fff;}
#fullMenu li.active a:before{background:#fff;}
#fullMenu li.active a:after{content:''; display:block; position:absolute; top:4px; left:-9px; width:15px; height:15px; border-radius:50%; border:1px solid #fff;}
#fullMenu li a{line-height:1.7;}

.fp-viewing-home #fullMenu{height: calc(100% - 100px); bottom:0;}
/*
.fp-viewing-service #headermenu{ display:none;}
.fp-viewing-yogo #headermenu{ display:none;}
.fp-viewing-downcenter #headermenu{ display:none;}
.fp-viewing-ect #headermenu{ display:none;}*/


.fp-viewing-service #fullMenu li a{color:rgba(232, 50, 73, 0.3);}
.fp-viewing-service #fullMenu li a:before{background:rgba(232, 50, 73, 0.3);}
.fp-viewing-service #fullMenu li.active a{color:#e83249;}
.fp-viewing-service #fullMenu li.active a:before{background:#e83249;}
.fp-viewing-service #fullMenu li.active a:after{border:1px solid #e83249;}






.fp-viewing-downcenter #fullMenu li a{color:rgba(30, 53, 96, 0.3);}
.fp-viewing-downcenter #fullMenu li a:before{background:rgba(30, 53, 96, 0.3);}
.fp-viewing-downcenter #fullMenu li.active a{color:#1e3560;}
.fp-viewing-downcenter #fullMenu li.active a:before{background:#1e3560;}
.fp-viewing-downcenter #fullMenu li.active a:after{border:1px solid #1e3560;}


.fp-viewing-ect #fullMenu li a{color:rgba(30, 53, 96, 0.3);}
.fp-viewing-ect #fullMenu li a:before{background:rgba(30, 53, 96, 0.3);}
.fp-viewing-ect #fullMenu li.active a{color:#1e3560;}
.fp-viewing-ect #fullMenu li.active a:before{background:#1e3560;}
.fp-viewing-ect #fullMenu li.active a:after{border:1px solid #1e3560;}


.fp-viewing-shop #fullMenu li a{color:rgba(34, 132, 216, 0.5);}
.fp-viewing-shop #fullMenu li a:before{background:rgba(34, 132, 216, 0.5);}
.fp-viewing-shop #fullMenu li.active a{color:#2284d8;}
.fp-viewing-shop #fullMenu li.active a:before{background:#2284d8;}
.fp-viewing-shop #fullMenu li.active a:after{border:1px solid #2284d8;}

.fp-viewing-6 #fullMenu{opacity:0; display:none;}

#footer{position:relative; background:#181c1e; z-index:100;}
#footer .inr{position:relative; max-width:1500px; margin:0 auto; padding-top:80px;}




section[class^="area_"]{position:relative; height:937px;}


.f_cg{font-family: 'Cormorant Garamond', serif;}
.f_jeju { font-family: 'Jeju Myeongjo', serif; } 

.co1{ color:#517f3f}



  
/* mainVisua */
.mainVisual {height:100%; position:relative; }
.mainVisual .txtArea{ position:absolute; top:50%; height:100px; margin-top:-150px; width:100%; text-align:center; z-index:1}
.mainVisual .slick-slide > div{height:100%;}
.mainVisual .slider{height:100%; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; }
.mainVisual .slider .slidesItem{position:relative; height:100%;}
.mainVisual .slider .slidesItem .items{position:absolute; left:0; top:0; width:100%; height:100%; background-size: cover !important; background-position:50% 50%;}
.mainVisual .slider .slidesItem .items .mImg{display:none; overflow:hidden;}
.mainVisual .slider .slidesItem .items .mImg img{width:100%;}
.mainVisual .slider .slidesItem .items .motionArea{display:block; max-width:1920px; height:100%; margin:0 auto; position:relative; z-index:2;}
.mainVisual .slider .slidesItem .items .motionArea .txBx{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index: 2; display: table; table-layout: fixed;}
.mainVisual .slider .slidesItem .items .motionArea .txInner{display: table-cell; vertical-align:middle; }
.mainVisual .slider .slidesItem .items .motionArea .motion {width:100%; text-align: left;opacity: 0; filter: alpha(opacity=0); display:block; position:relative; top:20px; left:0; -webkit-transition: all 1000ms cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition: all 1000ms cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}
.mainVisual .slider .slidesItem .items .motionArea .motion.text01 {}
.mainVisual .slider .slidesItem .items .motionArea .motion.text01 img{ width:700px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {margin-top:70px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text02 img { width:650px}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 {margin-top:25px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text03 img{ width:800px;}
.mainVisual .slider .slidesItem .items .motionArea .motion.text04 {margin-top:37px;}
.mainVisual .slider .slidesItem .items .motionArea .motion img {display: inline-block;}
.mainVisual .slider .slidesItem .items .motionArea .motion.on{opacity: 1 !important; filter: alpha(opacity=100) !important; top:0 !important;  left:0 !important;-webkit-transition-timing-function: cubic-bezier(0, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
   -moz-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
     -o-transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); 
        transition-timing-function: cubic-bezier(0, -0.550, 0.265, 1.550); /* easeInOutBack */}

.mainVisual .slidesItem .items .motionArea .motion{
  font-family:NanumGothic,sans-serif;
  -webkit-transition: all 700ms ease-out;
  -moz-transition: all 700ms ease-out;
  -ms-transition: all 700ms ease-out;
  -o-transition: all 700ms ease-out;
  transition: all 700ms ease-out;
}

.mainVisual .slider .slidesItem .items .mSliderItem{display:none;}
.mainVisual .slider .slidesItem .items .mSliderItem img{width:100%;}

.mainVisual .slider.responsive{display:block;}

.mainVisual .slick-list {height:100%;}
.mainVisual .slick-list .slick-track {height:100%;}
.mainVisual .slick-dots{position:absolute; left:0; bottom:50px; z-index:12; width:100%; text-align: center; font-size:0; line-height:0;}

.mainVisual .slick-dots > li {width:10px; height:10px; background: rgba(255, 255, 255, 0.3);}
.mainVisual .slick-dots > li:hover{background: #fff;}
.mainVisual .slick-dots > li.slick-active{background: #fff; width:50px;}



.mainVisual .sliderButtons{ position:absolute; left:13%; bottom:250px; z-index:12; width:130px; }
.mainVisual .sliderButtons button{width:35px; height:35px; overflow:hidden; display:inline-block;  text-indent:-9999px; z-index:10; background-size: cover !important; cursor:pointer; }
.mainVisual .sliderButtons .sliderPrev{ background:url('./image/main/btn_prev2.png') no-repeat 0 0; margin-right:10px; }
.mainVisual .sliderButtons .sliderNext{ background:url('./image/main/btn_next2.png') no-repeat 0 0; }
.mainVisual .btnInp{display:none;}


@media all and (max-width:1920px) {
	
	
	.mainVisual:before{ width:600px; margin-top:-250px;}
	.mainVisual .sliderButtons{ left:14%;bottom:200px;}
	
	.mainVisual .slider .slidesItem .items .motionArea{max-width:1400px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion{padding-left:30px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text01 img{ width:500px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02 {margin-top:70px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text02 img { width:450px}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03 {margin-top:25px;}
	.mainVisual .slider .slidesItem .items .motionArea .motion.text03 img{ width:600px;}
	

}




  


a.overType{ display:block;border:3px solid transparent; transition: border-color .4s,background .4s,color .4s,opacity .4s;}
a.overType:hover{border-color:#DA291C;box-shadow: 3px 3px 10px 3px rgba(0,0,0, .05)}

a.over2Type{ display:block;border:3px solid transparent; transition: border-color .4s,background .4s,color .4s,opacity .4s;}
a.over2Type:hover{ position:relative;border-color:#DA291C;box-shadow: 3px 3px 10px 3px rgba(0,0,0, .05);}
a.over2Type:hover:before{ content:''; position:absolute; width:60px; height:60px; top:60px; left:50%; margin-left:-30px; background:url(./image/ico_play.png); z-index:1;transition: all 0.2s;}




section .s01{height:40%;}
section .s01 .fs70{ padding-top:250px;}
section .s02{ position:relative; height:60%;}

/* section02 */

.area_02{ position:relative;overflow:hidden}
.area_02 .s02:before{ content:''; position:absolute; bottom:0; height:300px; width:100%; left:0; background:#e9e9e9;}
.area_02 .s02 ul{ padding: 0 10%;}
.area_02 .s02 li{ display:inline-block; margin:0 20px;width:calc((100% - 132px) / 3); vertical-align:top;}

/* 팝업존 */
.popup{position:relative; width:100%; height:100%; overflow:hidden;}
.popup:before{ content:''; position:absolute; right:0; top:0; width:110px; height:45px; background:#fff; z-index:1}
.popup h3{ position:absolute; top:30px; left:30px; color:#222; z-index:2; line-height:30px;}
.popup .popup_list{display:block; height:100%;}
.popup .popup_list p{display:table; float:left; height:375px; }
.popup .popup_list a{display:table-cell; vertical-align: middle; width:100%; text-align:center;  overflow:hidden;}
.popup .popup_list a img{width:100%; }
.popup .popup_list .slick-arrow{position:absolute; top:10px; width:20px; height:20px; text-indent:-9999%; overflow:hidden; cursor:pointer; z-index:2; background:#fff;}
.popup .popup_list .slick-next{right:10px; background:url('http://www.dje.go.kr/images/newdjeV2/main/btn_p_next.png') no-repeat center;}
.popup .popup_list .slick-prev{right:70px; background:url('http://www.dje.go.kr/images/newdjeV2/main/btn_p_prev.png') no-repeat center;}
.popup .control a{position:absolute; right:40px; top:10px; width:20px; height:20px; display:block; text-indent:-9999%; overflow:hidden; background:#fff;z-index:2;}
.popup .control a.btn_stop{ background:url('http://www.dje.go.kr/images/newdjeV2/main/btn_p_stop.png') no-repeat center;}
.popup .control a.btn_play{display:none; background:url('http://www.dje.go.kr/images/newdjeV2/main/btn_p_play.png') no-repeat center;}


/* 슬라이드 공용 */
.slick-slider{transition:all ease-in-out .3s; 	box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide{ display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list{ overflow:hidden; }
.slick-list.dragging{ cursor:pointer; }
.slick-initialized .slick-slide{ display:inline-block; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }






/* section03 */
.area_03{position:relative; background:#1e2724; }
.area_03:before{content:''; position:absolute; top:0; height:700px; width:400px; right:15%; background:url(./image/main/area_03_bg.jpg) no-repeat; background-size:cover; }
.area_03 p{ color:#fff;}
.area_03 .fs70{ padding-top:100px;}

.area_03 li{ display:inline-block; vertical-align:bottom; margin-right:20px;}
.area_03 li img{ width:100%;}

.area_03 li:nth-child(1){ width:20%}
.area_03 li:nth-child(2){ width:20%}
.area_03 li:nth-child(3){ width:20%}
.area_03 li:nth-child(4){ width:calc((100% - 60%) - 71px); margin-right:0;}
.area_03 a{ position:relative; display:inline-block; border:1px #626866 solid; color:#fff; padding:0px 90px 0 50px; height:60px; line-height:60px; margin:45px 0 0 0;}
.area_03 a:before{content:''; position:absolute; top:20px;height:16px; width:20px; right:30px; background:url(./image/main/arrow1.png) no-repeat; }






/* section04 */
.area_04{position:relative; background-size:70% auto; }
.area_04:before{content:''; position:absolute; left:0; top:0; width:70%; height:100%;background:url(./image/main/area_04.jpg) 0 100% no-repeat; background-size:cover;}
.area_04 .txtArea{ position:absolute; right:0; top:50%; margin-top:-150px;}
.area_04 .txtArea a{ position:relative; display:inline-block; background:#222; color:#fff; color:#fff; padding:0px 90px 0 50px; height:60px; line-height:60px;}
.area_04 .txtArea a:before{content:''; position:absolute; top:20px;height:16px; width:20px; right:30px; background:url(./image/main/arrow1.png) no-repeat; }

/* section05 */
.area_05{ position:relative;}
.area_05:before{content:''; position:absolute; left:0; top:0; width:100%; height:600px;background:#bed5de; z-index:-1;}
.area_05 .area{ height:100%; margin:0 10%;}
.area_05 ul{ height:100%;}
.area_05 li{ position:relative; display:inline-block;width:calc((100% - 57px) / 5); height:calc((100% / 2) -  5px); margin:0 10px 10px 0; background:#366}
.area_05 li:before{ content:''; position:absolute; bottom:0; height:80px; width:100%; left:0; background:url(./image/main/area_05_01_bg.png) 0 90% repeat-x; }
.area_05 li p{ position:absolute; bottom:0; color:#fff;  padding:30px;}
.area_05 li img{ width:100%;}
.area_05 li:nth-child(1){ background:url(./image/main/area_05_01.jpg) no-repeat; background-size:cover;}
.area_05 li:nth-child(2){ background:url(./image/main/area_05_02.jpg) no-repeat; background-size:cover;}
.area_05 li:nth-child(3){ background:url(./image/main/area_05_03.jpg) no-repeat; background-size:cover;}
.area_05 li:nth-child(4){ background:url(./image/main/area_05_04.jpg) no-repeat; background-size:cover;}
.area_05 li:nth-child(5){ background:url(./image/main/area_05_05.jpg) no-repeat; background-size:cover;}
.area_05 li:nth-child(6){ background:url(./image/main/area_05_06.jpg) no-repeat; background-size:cover;}
.area_05 li:nth-child(7){ background:url(./image/main/area_05_07.jpg) no-repeat; background-size:cover;}
.area_05 li:nth-child(8){ background:url(./image/main/area_05_08.jpg) no-repeat; background-size:cover;}
.area_05 li:nth-child(9){ background:url(./image/main/area_05_09.jpg) no-repeat; background-size:cover;}
.area_05 li:nth-child(10){ background:url(./image/main/area_05_10.jpg) no-repeat; background-size:cover;}
.area_05 li:nth-child(5n+5){ margin-right:0;}


.area_06{position:relative;}
.area_06 .s02{ position:relative;}
.area_06 .s02 .area{ position:absolute; left:10%;top:0; width:650px; height:100%; background:#29313e; color:#fff; z-index:2;}
.area_06 .s02 .area .con{ padding:120px 0 0 100px;}
.area_06 .s02 .fs20{ color:#e1c7a7; margin-bottom:10px;}
.area_06 .s02 .fs27{ margin-bottom:45px;}


#footer_new{position:relative; background:#181c1e; z-index:100; padding:50px 0 0px 0; letter-spacing:0;}

#footer_new .info{margin-top:60px; text-align:center;}
#footer_new .info span{display:inline-block; margin-left:30px; color:rgba(255, 255, 255, 0.7); font-size:14px; font-weight:200;}
#footer_new .info span:first-child{margin-left:0;}
#footer_new .info ul{margin-top:10px;}
#footer_new .info li{display:inline-block; margin-left:25px;}
#footer_new .info li:first-child{margin-left:0;}
#footer_new .info li em{display:inline-block; width:20px; height:19px; background-repeat:no-repeat; background-position:0; text-indent:100%; overflow:hidden; white-space:nowrap; vertical-align:middle;}
#footer_new .info li.tel em{background-image:url(../images/main/ico_tel.png);}
#footer_new .info li.fax em{background-image:url(../images/main/ico_fax.png);}
#footer_new .info li.mail em{background-image:url(../images/main/ico_mail.png);}
#footer_new .info li.inquiry em{background-image:url(../images/main/ico_inquiry.png);}
#footer_new .info li span{display:inline-block; margin-left:5px; color:rgba(255, 255, 255, 0.7); font-size:14px; font-weight:200; vertical-align:middle;}
#footer_new .info li.inquiry span{vertical-align:bottom;}
#footer_new .copy{margin-top:60px; border-top:1px solid rgba(255, 255, 255, 0.08);} 
#footer_new .copy p{ padding:30px 0; color:rgba(255, 255, 255, 0.2); font-weight:300; text-align:center; box-sizing:border-box; line-height:1.5em;}
#footer_new .copy a{color:rgba(255, 255, 255, 0.2);}
#footer_new a[class^="btn_top"]{display:block; position:absolute; top:50px; right:50px; bottom:0; width:51px; height:51px; background:url(./image/btn_top.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap; z-index:20;}
#footer_new .footMenu{ position:absolute; top:-15px; right:0;}
#footer_new .footMenu a{ color:#999; margin-left:15px;}
#footer_new .footMenu img{ width:250px;} 
#footer_new .inner br{ display:none;}
#footer_new span{ margin-left:15px;}
#footer_new span:nth-child(1){ margin-left:0;}

#topScroll {position:absolute; top:50px;right:50px;z-index:100;}




@media all and (max-width:1920px){
	 
	 #footer_new .footMenu{  top:-20px;}
	 section .s01 .fs70{ padding-top:170px;}
	 
	
	.area_03:before{content:''; position:absolute; top:0; height:580px; width:350px; right:15%; background:url(./image/main/area_03_bg.jpg) no-repeat; background-size:cover; }
	
	.area_05:before{height:450px;}
	.area_05 li{ display:inline-block;width:calc((100% - 55px) / 5); }
	.area_05 li p{padding:20px;}
	
	.area_06 .s02 .area{ width:500px;}
	.area_06 .s02 .area .con{ padding:90px 0 0 70px;}
	.area_06 .s02 .fs27{ margin-bottom:35px;}
 
 
 
 
}




@media all and (max-width:1250px){
	
	
	.inner{ width:100%;}
	
	.fs25{ font-size:17px; line-height:22px;}
	.fs27{ font-size:20px;}
	.fs60{ font-size:45px;}
	.fs70{ font-size:50px;}
	
	.area_01, .area_02, .area_03, .area_05, .area_06, .fp-tableCell{ height:auto !important;}
	#fullMenu{ display:none;}
	
	 .mainVisual{ height:700px !important; }
	 .mainVisual .txtArea{ margin-top:-100px;}
	 
	 .mainVisual .sliderButtons{ left:0; width:100%; text-align:center; bottom:70px;}
	
	

	section .s01{ margin-bottom:50px;}
	section .s01 .fs70{ padding-top:100px;}
	section .s02{ padding-bottom:100px;}
	.area_02 .s02 ul{ padding:0 15px;}
	.area_02 .s02 li{width: calc((100% - 48px) / 3); margin:0 20px 0 0;}
	.area_02 .s02 li:last-child{ margin-right:0;}



	.area_03{ padding:100px 0;}
	.area_03::before{ right:3%; width:30%; background-position:50% -10%; background-size:100% auto;}
	.area_03 ul{ margin:0 15px;}
	.area_03 .fs70{ padding-top:0;}
	
	.s_info{ padding:0 15px;}
	
	 .area_04{ height:700px !important;}
	 .area_04 .txtArea{ right:5%;}
	
	.area_05 .area{ margin:0 15px;}
	.area_05 li{ height:250px;}
	
	.area_05 .s02{ padding-bottom:0;}


	.area_06 .s02{ height:600px; padding-bottom:0;}
	.area_06 .s02 .area{ height:600px; left:50px; width:300px;}
	.area_06 .s02 .area .con{ padding:50px 0 0 30px;}
	
	
	#footer_new{ padding:50px 15px 0 15px; }
	

	
	
	
	
	

}


@media all and (max-width:1000px){
	
	.mainVisual {height: 600px !important;}
	
	
	 .area_04{ height:600px !important;}
	 .area_04 .fs25 br{ display:none;}
	
	.area_05 li{width: calc((100% - 27px) / 3);}
	.area_05 li:nth-child(3n+3){ margin-right:0;}
	.area_05 li:nth-child(5n+5){ margin-right:10px;}
	.area_05 li:nth-child(10){ display:none;}
	
	.area_06 .s01 .fs25{ padding:0 15px;}
	.area_06 .s02 .area .con{ padding:30px 0 0 30px;}
	
	#footer_new{ text-align:center;}
	#footer_new .inner br{ display:block;}
	#footer_new span{ margin:0;}
	
	#footer_new a[class^="btn_top"]{ top:30px; right:30px;}
	
	

	
	
	
	

	
}

@media all and (max-width:850px){
	
	.area_02 .s02 li{width:100%; margin:0 0 30px 0;}
	.area_02 .s02::before{ display:none;}
	
	.area_03 a{height:50px; line-height:50px;}
	
	.area_04{ height:600px !important;}
	.area_04::before{ width:100%;}
	.area_04 .txtArea{ background:#fff; padding:30px; margin-top:-50px;}
	.area_04 .txtArea a{ height:50px; line-height:50px;}
	 
	 
	.area_06 .s02{ height:400px;}
	.area_06 .s02 .area{ display:none;}
	 
	 
	.mb50{ margin-bottom:30px;}


	
	
}

@media all and (max-width:680px){
	
	.fs20{ font-size:15px;}
	.fs23{ font-size:15px;}
	.fs27{ font-size:16px;}
	.fs60{ font-size:35px;}
	.fs70{ font-size:40px; line-height:40px;}
	
	
	
	.mainVisual {height: 500px !important;}
	.mainVisual .txtArea p{ padding:0 15px;}
	.mainVisual .sliderButtons{ bottom:40px;}
	
	section .s01 .fs70{ padding-top:50px;}
	section .s02{ padding-bottom:50px;}
	
	.area_03 ul{ margin-top:50px;}
	.area_03 .fs25{ width:60%;}
	.area_03 .fs25 br{ display:none}
	.area_03 li:nth-child(1){ width:50%; margin-bottom:20px}
	.area_03 li:nth-child(2){ width: calc(50% - 24px); margin-right:0;margin-bottom:20px}
	.area_03 li:nth-child(3){ width:100%;margin-right:0;margin-bottom:20px}
	.area_03 li:nth-child(4){ width:100%;}
	
	.area_04{ height:700px !important;}
	.area_04 .txtArea{ right:0; width:80%; margin:0 5%; padding:5%;}
	
	
	.area_03{ padding:50px 0;}
	.area_05::before{ height:300px;}
	.area_05 li{width: calc((100% - 14px) / 2);}
	.area_05 li:nth-child(3n+3){ margin-right:10px;}
	.area_05 li:nth-child(2n+2){ margin-right:0px;}
	.area_05 li:nth-child(10){ display:inline-block}
	
	 .area_06 .s02{ height:350px;}
	 
	 #footer_new a[class^="btn_top"]{ top:auto; bottom:70px; right:20px; width:30px; height:30px; background-size:cover;}
	 
	 
	
	
	
	
	
	
	
	
}



@media all and (max-width:480px){
	
	
	.fs22{ font-size:15px;}
	
	.fs60{ font-size:30px;}
	.fs70{ font-size:35px; line-height:35px;}
	
	.area_05 li{ height:200px;}
	
	#footer_new .copy{ font-size:12px;}

}





/*------------------------------------------------*/
.smt150{ margin-top:170px;}
.sm150{ margin:170px 0}
.sp150{padding:170px 0}


/*서브 상단 비쥬얼*/
.subContent button {padding: 0;border: 0;background-color: transparent;cursor: pointer;-webkit-appearance: none}
.renew button {padding: 0;border: 0;background-color: transparent;cursor: pointer;-webkit-appearance: none;}
.renew *, .renew input, .renew select, .renew button {box-sizing: border-box;}
.page_index .key_visual {position: relative;}
.page_index .key_visual .main_slider {position: relative}
.page_index .key_visual .logo_woopoopoo {position: absolute;width: 5.8%;height: 24.33%;top: 125px;left: 60px;z-index: 1}
.page_index .key_visual .logo_woopoopoo img {display: block;width: 100%}
.page_index .key_visual .main_slider .item>a {display: block;width: 100%}
.page_index .key_visual .main_slider .kv_video {position: absolute;top: 0;left: 0;display: block;width: 100%}
.page_index .key_visual .main_slider .thumb_wrap {position: relative;width: 100%;height: 0;padding-bottom: 46.87%}
.page_index .key_visual .main_slider .thumb {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center bottom;}
.page_index .key_visual .main_slider .desc_wrap {position: absolute;width: 100%;height: 100%;padding: 0 30px;text-align: center}
.page_index .key_visual .main_slider .desc_wrap:before {display: inline-block;content: "";width: 1px;height: 100%;vertical-align: middle}
.page_index .key_visual .main_slider .desc_box {opacity: 0;display: inline-block;width: 99%;vertical-align: middle}
.page_index .key_visual .main_slider .sub_title {color: #fff;text-shadow: 4px 4px 2px rgba(66,101,124,.8);vertical-align: middle}
.page_index .key_visual .main_slider .desc {font-size: 30px;color: #42657c;vertical-align: middle}
.page_index .key_visual .main_slider .desc.border:before, .page_index .key_visual .main_slider .desc.border:after {display: inline-block;content: "";width: 50px;height: 1px;margin: 0 15px;background-color: #42657c;vertical-align: middle}
.page_index .key_visual .slider_controls {position: absolute;bottom: 30px;left: 50%;margin-left: -150px;text-align: center;letter-spacing: -10px}
.page_index .key_visual .slider_controls .slick-arrow {display: inline-block;width: 84px;height: 84px;margin: 0 10px;font-size: 0;letter-spacing: 0;vertical-align: middle}
.page_index .key_visual .slider_controls .slick-arrow:after {content: "";display: block;width: 32px;height: 26px;margin: 0 auto;background: url(./image/sub/2/sprite.png) no-repeat 0 0}
.page_index .key_visual .slider_controls .slick-next:after {background-position: -50px 0}
.page_index .key_visual .slider_controls #circle {width: 92px;height: 92px}
.page_index .key_visual .slider_controls .svg_wrap {position: relative;display: inline-block;width: 92px;height: 92px;vertical-align: middle;letter-spacing: 0}
.page_index .key_visual .slider_controls .svg_wrap .bg_circle {display: block;position: absolute;top: 2px;left: 2px;width: 88px;height: 88px;border-radius: 50%;border: 1px solid #fff}
.page_index .key_visual .slider_controls .btn_wrap button {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 0}
.page_index .key_visual .slider_controls .btn_wrap button:after {content: "";position: absolute;top: 50%;left: 50%;width: 18px;height: 22px;background: url(./image/sub/2/sprite.png) no-repeat 0 -50px}
.page_index .key_visual .slider_controls .btn_wrap button.icon_pause:after {margin-top: -11px;margin-left: -9px}
.page_index .key_visual .slider_controls .btn_wrap button.icon_start:after {margin-top: -12px;margin-left: -6px;background-position: -50px -50px}
.page_index .key_visual .slider_controls .slider_status {position: absolute;top: 0;left: 50%;margin-left: 150px;color: #fff;font-size: 18px;letter-spacing: 0;line-height: 92px;white-space: nowrap}


.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0}
.slick-list:focus {outline: none}
.slick-list.dragging {cursor: pointer;cursor: hand}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto}
.slick-track:before, .slick-track:after {display: table;content: ''}
.slick-track:after {clear: both}
.slick-loading .slick-track {visibility: hidden}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px}
[dir=rtl] .slick-slide {float: right}
.slick-slide img {display: block}
.slick-slide.slick-loading img {display: none}
.slick-slide.dragging img {pointer-events: none}
.slick-initialized .slick-slide {display: block}
.slick-loading .slick-slide {visibility: hidden}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent}
.slick-arrow.slick-hidden {display: none}


@media (min-width:1920px) {
	
	
	
	
}






.page1 .s03{position:relative;}
.page1 .s03:before{ content:''; position:absolute; top:0; left:0; width:100%; height:700px; background:#efefef url(./image/sub/1/page1_6.jpg) 100% 50% no-repeat;background-attachment:fixed; background-size:60% auto; background-size:cover }
.page1 .s03 .fs27{ position:relative; padding-bottom:130px; margin-bottom:30px;}
.page1 .s03 .fs27:before { content:''; position:absolute; bottom:0; left:70px; width:1px; height:90px; border-left:1px #000 solid;}

.page1 .s04 .root_daum_roughmap {width: 100% !important; height:100% !important;border: none;padding: 0;}
.page1 .s04 .root_daum_roughmap .wrap_map{ height:650px !important;}



.page1 .s02  {position:relative; display:block; overflow:hidden;}
.page1 .s02  .thumb {position:relative; display:block; float:left; width:60%; vertical-align:middle;}
.page1 .s02  .thumb:before {content:""; display:block; padding-top:600px;}
.page1 .s02  .thumb .img {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden;}
.page1 .s02  .thumb .img img {position:absolute; top:50%; left:50%; width:100%; height:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.page1 .s02  .s_info {position:relative; display:block; float:right; width:33%; padding:15px 0 15px 5%; vertical-align:middle; z-index:2;}
.page1 .s02  .s_info .s_cate { position:relative;}
.page1 .s02  .s_info .s_cate:before { content:''; position:absolute; bottom:0; right:0; width:900px; height:1px; border-bottom:1px #000 solid;}

.page1 .s03  .s_info{ background:#fff; display:inline-block; padding:70px;}




.page1 .page_index .s_info{position:absolute; width:100%; z-index:1; padding-top:200px; padding-left:100px;}
.page1 .page_index .s_info.conBox {position:relative; overflow:hidden;}

.page2{}
.page2 .page_index .s_info{position:absolute; width:100%; z-index:1; padding-top:300px; color:#fff;}
.page2 .page_index .s_info .s_cate{ position:relative;}
.page2 .page_index .s_info .s_cate:before{ content:''; position:absolute; bottom:0; left:50%; width:100px; margin-left:-50px; border-bottom:1px #fff solid;}
.page2 .page_index .key_visual{ margin:100px 100px 0 100px;}

.page4 .fArea{ position:relative;}
.page4 .fArea:before{ content:''; position:absolute; top:0;  width:100%; height:calc(100% - 100px); background:#eee; z-index:-1;}
.page4 .p_left:before{left:-100px;}

.page4 .p_right:before{ right:-100px;}
.page4 li{ position:relative; padding-left:20px;}
.page4 li:before{ content:''; position:absolute; top:13px; left:0; width:10px; height:1px; border-top:1px #555 solid;}

.page4 .fArea img{ width:100%;}

.cpage{clear:both;position:relative;overflow:visible;width:100%;height:auto;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.CPbox .maxW{	position:relative; width:97%;	font-size:0;}
.CPbox .lineWrap{display:inline-block;vertical-align:top;width:32%;}
/* 박스*/
.CPbox .lineBox{position:relative;position:absolute;z-index:1;top:0;bottom:0;width:32%;text-align:left;border:1px solid #84685a;}
.CPbox .lineBox::after{content:"";display:block;position:absolute;z-index:-1;top:20%;bottom:20%;left:-1px;right:-1px;background:#fff;}
.CPbox .decoBar{position:absolute;top:-55px;}
.CPbox .point{position:absolute;max-width:50%;}
/* 내용 */
.CPbox .txtWrap{position:absolute;top:50%;transform:translateY(-50%);padding:0 12%;font-size:19px;color:#555555;line-height:35px;}
.CPbox .decoTxtEng{color:#84685a;}
.CPbox .decoTxtHan{padding:30px 0;color:#555555;letter-spacing:13px;}
.CPbox .decoTxtHan::before{content:"";display:block;width:100px;height:2px;margin-bottom:40px;background:#84685a;}
.CPbox .rightImg {display:inline-block;vertical-align:top;width:65%; padding-top: 36.25%; background-size:cover; background-repeat:no-repeat;}


.page2 .photo img{ width:100%;}



.CRPwrap {position: relative;padding: 185px 0px;overflow: hidden;}
.CRPwrap .sloganWrap {position: absolute;top: 185px; right: 0; left: 0;margin: auto;width: 31%;text-align: center;}
.CRPwrap .sloganWrap .title { color:#84685a;}

.CRPwrap .sloganWrap .text {margin: 70px 0 20px; line-height:27px}
.CRPwrap .sloganWrap .text img {max-width: 100%;}
.CRPwrap .angleBtn {display: inline-block;width: 189px; height: 102px;background: url(./../images/angleBtnBg.png) center 10px no-repeat;transition: background 0.7s;}
.CRPwrap .angleBtn:hover {background: url(./../images/angleBtnBg.png) center 0 no-repeat;}
.CRPwrap .angleBtn::before {content: '';display: inline-block;width: 189px; height: 102px;background: url(./../images/room/angleBtn.png) center 0 no-repeat;transition: background 0.7s;}
.CRPwrap .angleBtn:hover::before {background: url(./../images/room/angleBtn.png) center 10px no-repeat;}
.CRPwrap .imgWrap {position: relative;width: 31.2%;padding: 25px;}
.CRPwrap .imgWrap.imgLeft { float: left; }
.CRPwrap .imgWrap.imgRight { float: right; }
.CRPwrap .imgWrap::before {content: '';position: absolute; top: 0; left: 0;width: 100%; height: 100%;border: 1px solid #dba334;}
.CRPwrap .imgWrap .loader {padding-top: 120%; background-size:cover}


/* 가격표 */
.room6 {overflow: hidden;}
.room6_wrap {position: relative;}
.room6_wrap .price_top {position: relative;width: 94%;margin: auto;}
.room6_wrap .price_top .lastM {position: absolute;top: 0; left: 30px;display: inline-block;font-size: 14px;color: #7e8389;line-height: 26px;}
.room6_wrap .price_top .nextM {position: absolute;top: 0; right: 30px;display: inline-block;font-size: 14px;color: #7e8389;line-height: 26px;}
.room6_wrap .price_top .fal {font-size: 26px;color: #000;vertical-align: middle;}
.room6_wrap .date_wrap {width: 320px;font-size: 14px;color: #7e8389;margin: auto;line-height: 26px;}
.room6_wrap .date_wrap span {display: inline-block;margin: 0 20px;}

#tblRate {width:100%;color: #2d2f31;text-align: center;}
#tblRate .head {background: #f8f8f9;}
#tblRate .head td {padding: 15px 0;border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#tblRate .head td:last-child {border-right: none;}
#tblRate .head td.satur {color: blue;}
#tblRate .head td.sun {color: red;}
#tblRate .ss td.ssn {width:200px;padding: 15px 0;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;vertical-align: middle;}
#tblRate .ss .ssn:last-child {border-right: none;}
#tblRate .rprice td {padding: 20px 0;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#tblRate .rprice td:last-child {border-right: none;}
#tblRate .rprice td .dc {display: inline-block;min-width: 50px;height: 20px;margin-bottom: 8px;line-height: 20px;padding: 0 12px;font-size: 12px;font-weight: 100;color: #fff;background: #7e8389;border-radius: 50px;}
#tblRate .rprice td .rate {margin-bottom: 6px;font-weight: normal;color: #7e8389;text-decoration: line-through;}
#tblRate .rprice td .sale {font-weight: bold;color: #2d2f31;}
#tblRate .state {background: #f2f2f3;}
#tblRate .state td {padding: 15px 0;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;vertical-align: middle;}
#tblRate .state td:last-child {border-right: none;}
#tblRate .rstate {}
#tblRate .state .soff {color: #7e8389;cursor: normal;}




.room_price_wrap {position: relative;}
.week_date {position: relative;width:500px;margin: auto;line-height: 24px;}
.week_date .prv {position: absolute;top: 3px; left: 0;height: 19px; width:11px; background:url(./image/sub/2/room_prv.png) 0 50% no-repeat; cursor:pointer;}
.week_date .next {position: absolute;top: 3px; right: 0;height: 19px;width:11px;background:url(./image/sub/2/room_next.png) 0 50% no-repeat;cursor:pointer;}

.room_rprice {position: relative; margin-bottom:100px;}


.room_info {position: relative;}
.room_info .info_txt { display:inline-block;width:calc((100% / 4) - 40px); margin-right:50px;box-sizing: border-box;vertical-align: top;}



.room_info .info_txt:last-child { margin-right:0;}
.room_info .info_txt .title {color: #000; margin-bottom:15px; background:#efefef; padding:15px 30px; text-align:center;}
.room_info .info_txt .txt {color: #7e8389; line-height:30px;}
.info_icon_wrap {position: relative;margin: 100px auto;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;overflow: hidden; text-align:center;}
.info_icon_wrap li{ display:inline-block;width:calc((100% / 6) - 70px) ; margin:30px 0; padding-top:50px; vertical-align:top;}
.info_icon_wrap li:nth-child(1){background:url(./image/sub/2/room_icon1.png) 50% 0 no-repeat; background-size:auto 50px;}
.info_icon_wrap li:nth-child(2){background:url(./image/sub/2/room_icon2.png) 50% 0 no-repeat; background-size:auto 50px;}
.info_icon_wrap li:nth-child(3){background:url(./image/sub/2/room_icon3.png) 50% 0 no-repeat; background-size:auto 50px;}
.info_icon_wrap li:nth-child(4){background:url(./image/sub/2/room_icon4.png) 50% 0 no-repeat; background-size:auto 50px;}
.info_icon_wrap li:nth-child(5){background:url(./image/sub/2/room_icon5.png) 50% 0 no-repeat; background-size:auto 50px;}
.info_icon_wrap li:nth-child(6){background:url(./image/sub/2/room_icon6.png) 50% 0 no-repeat; background-size:auto 50px;}
.info_icon_wrap p {margin-top: 13px; color:#7e8389}





.page5{}
.page5 dl{ position:relative;}
.page5 dl dt{ position:relative;width:calc(60% - 50px); }
.page5 dl dt:before{ content:''; position:absolute; width:100%; height:100%; top:50px;  background:#eee; z-index:-1;}
.page5 dl dt img{ width:100%;}
.page5 dl dd{  position:absolute; top:0; width:40%; color:#777; }
.page5 dl dd .fs27{ color:#000}


.page5 .area01 dd{ right:0; }
.page5 .area02 dd{left:0;}

.page5 .area01 dl dt:before{left:-50px;}
.page5 .area02 dl dt:before{ right:-50px;}

.page5 .area02 dl dt{ margin-left:calc(40% + 50px);}

.page5 .mb200{ margin-bottom:200px;}







@media (min-width:1024px) {
.section .sec_tit.ani_obj {opacity:0; transform:translateY(100px) rotate(0.0001deg); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
.section .sec_tit.ani_obj.ani_on {opacity:1; transform:translateY(0) rotate(0.0001deg);}

.thumb.ani_obj {opacity:0; transition:opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1) .2s;}
.thumb.ani_obj.ani_on {opacity:1;}
.thumb.ani_obj:after {content:""; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#fff;transform:translate3d(0, 0, 0) rotate(0.0001deg); transition:all 1.7s cubic-bezier(0.23, 1, 0.38, 1) .2s;}
.thumb.ani_obj.ani_on:after {transform:translate3d(101%, 0, 0) rotate(0.0001deg);}

.ani_obj .s_cate,
.ani_obj .s_tit,
.ani_obj .s_txt,
.ani_obj .s_date,
.ani_obj .btn_more {opacity:0; transform:translateY(50px) rotate(0.0001deg); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
.ani_obj .s_cate {transition-delay:.4s;}
.ani_obj .s_tit {transition-delay:.6s;}
.ani_obj .s_txt {transition-delay:.8s;}
.ani_obj .s_date {transition-delay:.1s;}
.ani_obj .btn_more {transition-delay:1s;}
.ani_obj.ani_on .s_cate,
.ani_obj.ani_on .s_tit,
.ani_obj.ani_on .s_txt,
.ani_obj.ani_on .s_date,
.ani_obj.ani_on .btn_more {opacity:1; transform:translateY(0) rotate(0.0001deg);}

.ani_obj .conBox {opacity:0; transform:translateY(100px) rotate(0.0001deg); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
.ani_obj.ani_on .conBox {opacity:1; transform:translateY(0) rotate(0.0001deg);}



ul.ani_obj li {opacity:0; transform:translateY(100px) rotate(0.0001deg); transition:transform 1.6s cubic-bezier(0.23, 1, 0.38, 1), opacity 1.6s cubic-bezier(0.23, 1, 0.38, 1);}
ul.ani_obj.ani_on li:nth-child(1) {transition-delay:.4s;}
ul.ani_obj.ani_on li:nth-child(2) {transition-delay:.6s;}
ul.ani_obj.ani_on li:nth-child(3) {transition-delay:.8s;}
ul.ani_obj.ani_on li:nth-child(4) {transition-delay:1s;}
ul.ani_obj.ani_on li {opacity:1; transform:translateY(0) rotate(0.0001deg);}





.page5 .area02 .thumb.ani_obj::after{ left:50px;}




}






@media all and (max-width:1920px){
	
	.sm150{ margin:130px 0}
	.sp150{padding:130px 0}
	
	.page1 .s02  .thumb:before {padding-top:445px;}
	.page1 .s03:before{ height:770px;background-position:120% 100%;}
	.page1 .s04 .root_daum_roughmap .wrap_map{ height:500px !important;}
	
	
	.week_date {width:450px;}
	.room_rprice {margin-bottom:70px;}
	.room_info .info_txt .txt {line-height:27px;}
	
	.page2 .page_index .key_visual{ margin:80px 30px 0 30px;}
	
}

@media all and (max-width:1250px){
	#content .subContent{ margin-top:70px;}
	.page1 .page_index .s_info{ padding-top:10%;}
	
	.page_index .key_visual .main_slider .thumb_wrap{ padding-bottom:70%;}
	
	
	.page4{ margin:0 15px;}
	.page5{ margin:0 15px;}
	
	.page1 .s02{ margin:0 15px; padding:100px 0;}
	.page1 .s03::before{ background-position:100% 50%;}
	.page1 .s03 .s_info{ margin:0 15px;}
	
	.room6_wrap{ margin:0 15px;}
	
	.page2 .page_index .key_visual{ margin:70px 0px 0 0px;}
	.page2 .page_index .s_info{ padding-top:15%;}
	
	
	
	
}


@media all and (max-width:960px){
	
	.page5 dl dt{ width:100%;}
	.page5 dl dd{ position:relative; width:100%; margin-top:100px;}
	
	.page5 .area02 dl dt{ margin-left:0;}
	.page5 .mb200{ margin-bottom:100px;}
	
	.page1 .s02 .thumb{ width:100%; float:none;}
	.page1 .s02 .thumb .img{ position:relative;}
	.page1 .s02 .thumb .img img{ position:relative; top:0; left:0;transform:translate(0%,0%)}
	.page1 .s02 .s_info{ width:100%;}
	.page1 .s03::before{ height:600px; background-position:50% 50%;}
	
	.page1 .s02 .thumb::before{ display:none;}
	
	.info_icon_wrap li{ width:calc((100% / 6) - 20px)}
	.cpage{ margin:100px 0 !important;}
	.room_info .info_txt{ width:100%; margin-right:0; margin-bottom:30px;} 
	.CPbox .maxW{width:calc(100% - 30px);margin:0 15px;}
	.CPbox .decoTxtEng{ padding-top:30px;}
	.CPbox .rightImg{ width:100%; padding-top:0; height:400px; }
	.CPbox .lineWrap{ width:100%; float:none !important; margin-bottom:15px;}
	.CPbox .lineBox{ width:100%; position:relative;}
	.CPbox .txtWrap{ position:relative; top:0; transform:translateY(0%)}
	
	.info_icon_wrap { margin:50px 0 0 0;}
	
	.CRPwrap{ padding:100px 0;}
	.CRPwrap .sloganWrap{ position:relative; top:0;}
	.CRPwrap .sloganWrap .text{ margin:0 0 50px 0;}
	.CRPwrap .imgWrap.imgLeft{ margin-bottom:50px;}
	.CRPwrap .imgWrap, .CRPwrap .imgWrap.imgRight{ float:none !important; width:60%; margin:0 auto;}
	
	
	
}

@media all and (max-width:680px){
	.page5 .mb200{ margin-bottom:50px;}
	.page5 dl dt::before{ top:30px;}
	.page5 dl dd{ margin-top:50px;}
	
	.page1 .page_index .s_info{ padding-left:10%;padding-top:15%;}
	
	.page_index .key_visual .main_slider .thumb_wrap{ padding-bottom:80%;}
	
	.page1 .s02{ padding:50px 0;}
	.page1 .s03 .s_info{ padding:30px;}
	
	.sp150{ padding:70px 0;}
	.page1 .s03::before{ height:500px; background-position:60% 50%;}
	
	.smt150{ margin-top:70px;}
	.page1 .s04 .root_daum_roughmap .wrap_map{ height:300px !important;}
	
	
	.cpage{ margin:70px 0 !important;}
	
	.info_icon_wrap li{width:calc((100% / 3) - 20px); margin:30px 0 15px 0;}
	
	.CRPwrap{ padding:70px 0;}
	
	.week_date{ width:100%;}
	.week_date .prv{ left:20px;}
	.week_date .next{ right:20px;}
	
	.cscroll_768 {-webkit-overflow-scrolling:touch; overflow-x: scroll; overflow-y: auto; width:100%; margin-bottom:20px; padding-bottom:20px;}
	.cscroll_768 table { width:850px !important;}

	
	
}

@media all and (max-width:480px){
#footer_new{ font-size:14px;}
}