@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:ns; font-weight:100; src:url(/font/notokr-demilight.eot); src:local('※'), url(/font/notokr-demilight.woff) format('woff');}
@font-face {font-family:ns; font-weight:500; src:url(/font/notokr-medium.eot); src:local('※'), url(/font/notokr-medium.woff) format('woff');}
@font-face {font-family:bb; font-weight:500; src:url(/font/BebasNeue.eot); src:local('※'), url(/font/BebasNeue.woff) format('woff');}@font-face {font-family:ns; src:url(/font/notokr-regular.eot); src:local('※'), url(/font/notokr-regular.woff) format('woff');}
@font-face {font-family:'Cafe24Simplehae'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Simplehae.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Diphylleia-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_JAMO@1.0/Diphylleia-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}
@font-face {font-family:'Pretendard-Thin'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'); font-weight:100; font-style:normal;}
@font-face {font-family:'Pretendard-ExtraLight'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'); font-weight:200; font-style:normal;}
@font-face {font-family:'Pretendard-Light'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight:300; font-style:normal;}
@font-face {font-family:'Pretendard-Regular'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight:400; font-style:normal;}
@font-face {font-family:'Pretendard-Medium'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight:500; font-style:normal;}
@font-face {font-family:'Pretendard-SemiBold'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight:600; font-style:normal;}
@font-face {font-family:'Pretendard-Bold'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight:700; font-style:normal;}
@font-face {font-family:'Pretendard-ExtraBold'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight:800; font-style:normal;}
@font-face {font-family:'Pretendard-Black'; src:url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'); font-weight:900; font-style:normal;}
@font-face {font-family:'GmarketSansLight'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansMedium'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal;}
@font-face {font-family:'WavvePADO-Regular'; src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/2404@1.0/WavvePADO-Regular.woff2') format('woff2'); font-weight:normal; font-style:normal;}



*,body {margin:0; padding:0; font-family:'GmarketSansLight';}
body {font-family:'Pretendard-Regular';}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
body,td,form,select,input,button,textarea,div,option,pre,p,span,blockquote,li,dt,dd,legend,label,h1,h2,h3,h4,h5,h6 {font-family:'Pretendard-Regular';}
div, header, nav, ol, ul, li, article, section, footer, img, a, p, span, h1, h2, h3, h4, h5, h6, hgroup, input, select, figure, figcaption, textarea, fieldset {position:relative; font-family:'Pretendard-Regular';}
label,button,input[type=button],input[type=submit],input[type=image] {cursor:pointer;}
img {border:none;}
a {text-decoration:none;}
li {list-style:none;}
label {cursor:pointer; color:#666;}
select {cursor:pointer; border:1px solid #ddd; font-size:12px; color:#666;}
input[type="checkbox"] {-webkit-appearance:button; width:14px !important; height:14px; display:block; border:1px solid #ddd;}
input[type="checkbox"]:checked {background-image:url(/img/checkbox_on.jpg); background-position:center;}
.clr {clear:both;}
.overfl {overflow:hidden;}
.mrt0 {margin-top:0 !Important;}
.pdt0 {padding-top:0 !important;}
.mrt10 {margin-top:10px !Important;}
.mrt30 {margin-top:30px !Important;}
.mrt50 {margin-top:50px !Important;}
.mrt70 {margin-top:70px !Important;}
.mrt90 {margin-top:90px !Important;}
.mrt100 {margin-top:100px !Important;}
.fll {float:left;}
.flr {float:right;}
.display_block {display:block !important;}
strong {font-weight:500;}
.scale {transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out; /* 부드러운 모션을 위해 추가*/}
.scale:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}
#jy_pop123123 {width:90%; display:flex; z-index:1011399; justify-content:center; gap:15px; top:65px; flex-direction:column; margin:0 auto; position:absolute; left:5%;}
.popup001video_WRAP img {display:block; width:100%;}
.div_popup {display:flex; align-items:center; justify-content:flex-end;}






/* ========= 헤더 ========= */
header {width:100%; position:fixed; top:0; left:0; height:110px; z-index:9999999999999;/* background:rgba(0, 0, 0,0.4) */;
/*
background:-moz-linear-gradient(90deg, rgba(0, 0, 0,0.4) 1%, rgba(255, 255, 255,0) 83%);
background:-webkit-linear-gradient(90deg, rgba(0, 0, 0,0.4) 5%, rgba(255, 255, 255,0) 83%);
background:-o-linear-gradient(90deg, rgba(0, 0, 0,0.4) 5%, rgba(255, 255, 255,0) 83%);
background:-ms-linear-gradient(90deg, rgba(0, 0, 0,0.4) 5%, rgba(255, 255, 255,0) 83%);
background:linear-gradient(180deg, rgba(0, 0, 0,0.4) 5%, rgba(255, 255, 255,0) 83%);
*/
}
header::after {content:"";}
.addition {width:100%; padding:15px 0;}
.addition > h1 {position:absolute; left:30px; z-index:90; TOP:38px;}
.fixed1 {position:absolute; z-index:999; height:32px; top:37px; right:30px; cursor:pointer; overflow:hidden;}
.fixed1 li {float:left;}
.fixed1 li:first-child {margin:0 15px 0 0;}
#sidebar {width:90%; height:100%; background:#fff; box-shadow:-1px 3px 28px rgba(84, 84, 84, 0.12); z-index:999999999999;}
.tuxedo-menu.tuxedo-menu-fixed {position:fixed; top:0; left:0; padding:0 20px; overflow:auto; z-index:11919911026; opacity:1;}
.tuxedo-menu {background:#fafafa; -webkit-animation-duration:200ms; animation-duration:200ms; display:none;}
.tuxedo-menu.tuxedo-menu-visible {display:block;}
.navXbtn01 {margin:20px auto 0 auto; text-align:right; cursor:pointer;}
.navXbtn01 img {width:30px; height:30px;}
.nav01 {overflow:hidden;}
.nav01 > h1 {height:31px;}
.nav01 p {font-size:13px; color:#888; letter-spacing:-0.07em; margin:16px auto 0 auto;}
.nav01 .ul_nav011 {margin:22px auto 0 auto; overflow:Hidden;}
.nav01 .ul_nav011 li {width:122px; height:33px; line-height:33px; text-align:center; text-transform:uppercase; font-size:10px;}
.nav01 .ul_nav011 li:first-child {border:1px solid #262626; background:#262626; float:left;}
.nav01 .ul_nav011 li:first-child a {color:#fff;}
.nav01 .ul_nav011 li:last-child {border:1px solid #ebebeb; background:#fff; float:Right;}
.nav01 .ul_nav011 li:last-child a {color:#868686;}
.nav01 li a {display:block;}
.ul_nav012 li {width:25%; font-size:10px; text-align:center; float:left; text-transform:uppercase; margin:20px auto 0 auto;}
.ul_nav012 li a {color:#8e8e8e;}
.h1_nav01 {font-size:10px; color:#333; font-weight:500; margin:40px auto 0 auto; text-transform:uppercase; padding:0 0 10px 0; border-bottom:1px solid #333;}
.nav_cate01 {width:100%;margin:0 auto; text-transform:uppercase;}
.nav_cate01 > li, .nav_cate01 > li.active {font-size:15px; background:#fff url(/img/tri01.jpg) no-repeat 95% 23px; background-size:5px;}
.nav_cate01 > li > a {color:#111; border-bottom:1px solid #eee;}
.nav_cate01 a {display:block; padding:0 5%; border-bottom:1px solid #ddd; width:90%; height:60px; line-height:60px; font-size:15px;}
.nav_cate01 li:last-child .subgnb01 > li:last-child {border-bottom:none;}
.subgnb01 > li {background:#fbfbfb; font-size:13px; font-weight:normal;}
.subgnb01 > li:last-child {border-bottom:1px solid #eee;}
.subgnb01 > li > a {color:#333;}
.section_ma02cscenter {background:#fff; text-align:center; margin:5px auto 30px auto;}
.section_ma02cscenter > h1 {height:23px; overflow:Hidden;}
.section_ma02cscenter > h1 strong {display:block; font-size:18px; color:#111; float:left;}
.section_ma02cscenter > h1 span {display:block; color:#999; letter-spacing:0.2em; margin:0 0 0 8px; font-size:10px; font-weight:100; float:left; line-height:18px;}
.section_ma02cscenter div {overflow:Hidden; height:35px; padding:15px 0; text-align:center;}
.section_ma02cscenter div h1 {font-size:34px; left:-5px; letter-spacing:-0.05em; font-weight:500; line-height:38px; color:#912e1f;}
.section_ma02cscenter div h1 a {color:#912e1f;}
.section_ma02cscenter ul {overflow:Hidden; margin:0 auto; text-align:center;}
.section_ma02cscenter ul li {font-size:13px; color:#333; letter-spacing:-0.05em; display:inline-block; margin:0 10px 0 0;}
.section_ma02cscenter ul li:nth-child(odd) {font-weight:500; margin:0 5px 0 0;}
.section_ma02cscenter p {font-size:13px; text-align:center; letter-spacing:-0.1em;}
.section_ma02cscenter h3 {background:#912e1f; color:#fff; text-align:center; margin:20px auto 0 auto; font-size:18px; padding:10px; font-weight:500; border-radius:30px; width:70%;}
.section_ma02cscenter h3 a {Color:#fff;}
.nav2nd {height:39px; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;}
.nav2nd ul li {padding:0 8px; float:left; font-size:13px; text-align:center; background:url(/img/bar01.jpg) no-repeaT right center; line-height:39px; width:27% !important;}
.nav2nd ul li a {Color:#333;}
.changetop {background:none;}
.changetop img {filter:brightness(0.1);}
.navXbtn01 img {filter:brightness(1);}






/* ========= 푸터 ========= */
footer {overflow:hidden; padding:50px 5%; background:#f9f9f9; width:90%; text-align:center;}
#footersub {margin:70px auto 0 auto;}
.footer01 {overflow:hidden;}
.footer01 h1 img {display:block;}
.footer01 ul {overflow:hidden; text-align:left;}
.footer01 ul li {font-size:11px; text-align:Center; display:inline-block; text-transform:uppercase; margin:0 5px;}
.footer01 ul li a {display:block; color:#555;}
.footer01 article {margin:30px auto 0 auto; font-size:13px; line-height:24px; color:#777; font-family:'Pretendard-Regular';}
footer p {font-size:10px; margin:10px auto 0 auto; color:#000;}






/* ========= 메인 ========= */
/* 비주얼 */
#mainvisual_new {display:none;}
#mobile_mainvisual {background:#000;}
#mobile_mainvisual .flexslider {opacity:0.8;}
html[xmlns] .flexslider .slides {display:block;}
* html .flexslider .slides {height:1%;}
.no-js .flexslider .slides > li:first-child {display:block;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides > li img {width:100%; display:block;}
.flexslider .slides:after {content:"\0020"; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.flex-direction-nav {width:100%; position:absolute; top:50%;}
.flex-direction-nav li {position:absolute; z-index:660;}
.flex-direction-nav li a {display:block; font-size:0; width:70px; height:30px;}
.flex-nav-prev {background:url(/img/mainarrow_left.png) no-repeat left center; left:20px;}
.flex-nav-next {background:url(/img/mainarrow_right.png) no-repeat right center; right:20px;}
.flex-control-paging {display:block; position:absolute; bottom:-20px; width:100%; text-align:center;}
.flex-direction-nav .flex-prev {left:0;}
.flex-direction-nav .flex-next {right:0;; text-align:right;}
.flex-control-paging {text-align:center; margin:0 auto; position:Absolute; bottom:20px; width:100%; text-align:center;}
.flex-control-paging li {width:20px; height:5px; text-align:center; display:inline-block; padding:0 2px;}
.flex-control-paging li a {display:block; width:100%; height:100%; font-size:0; background:rgba(255,255,255,0.6);}
.flex-control-paging li a.flex-active {background:#fff;}
.maintxt {width:100%; position:absolute; left:0; top:0; z-index:300; overflow:hidden; color:#FFF; text-align:center;}
.article_mtxt {width:90%; margin:55% auto 0 auto; display:block; overflow:hidden; display:block;}
.article_mtxt h3, .article_mtxt h1 {text-transform:uppercase; color:#fff; font-weight:400; font-family:'WavvePADO-Regular';}
.article_mtxt h3 {margin:0 auto; letter-spacing:0.2em;}
.article_mtxt h1 {text-transform:uppercase;}



/* 메인공통 */
#per100m50 {width:calc(100% - 100px); margin:30px auto 50px auto; overflow:hidden;}
.happyhouseline {width:100%; text-align:center; background:url(/img/bg01.jpg) repeat-x center; height:50px;}
.happyhouseline strong {display:inline-block; padding:0 20px; text-transform:uppercase; background:#fff; color:#888; font-weight:400; font-family:'GmarketSansMedium'; line-height:50px; height:50px; font-size:14px; letter-spacing:0.1em;}
.hgroupcommon {width:90%; margin:0 auto; text-align:center;}
.hgroupcommon h1 {font-size:35px; font-family:'GmarketSansMedium'; font-weight:400; text-transform:uppercase;}
.hgroupcommon h5 {font-size:16px; color:#777; line-height:25px; margin:30px auto 0 auto; font-weight:400;}




/* 메인01 */
#main01 {width:90%; margin:0 auto; color:#333; text-align:center;}
#main01 figure img {width:100%;}
#main01 article h3 {font-family:'GmarketSansMedium'; font-size:20px; font-weight:400; margin:30px auto 50px auto;}
#main01 article h1 {font-family:'GmarketSansMedium'; font-size:35px; text-transform:uppercase; font-weight:400; line-height:42px; margin:30px auto;}
#main01 article h4 {font-size:19px; font-weight:400;}
#main01 article p {font-size:16px; color:#777; line-height:25px; margin:30px auto 0 auto;}




/* 메인02 */
#main02 {width:90%; margin:50px auto 0 auto;}
/* #main02 {width:90%; margin:50px auto 0 auto; padding:50px 0 0 0; border-top:1px solid #eee;} */
.main02slides {background:#f4f5f7;}
.main02slides {margin:50px auto 0 auto;}
.main02slides .flexslider .slides > li img {filter:grayscale(0.2) brightness(1.05);}
.main02slides .flex-nav-prev {background:url(/img/mainarrowbk_left.png) no-repeat left center; left:0;}
.main02slides .flex-nav-next {background:url(/img/mainarrowbk_right.png) no-repeat right center; right:0;}
.main02slides .flex-control-paging {display:none;}
.main02txt {text-align:center;}
.main02txt br {display:none;}
.main02txt h1 {margin:30px auto 0 auto;}
.main02txt h1 strong {display:block; font-size:50px; color:#444; font-weight:100; font-family:'GmarketSansLight'; text-transform:uppercase;}
.main02txt a {display:block; width:145px; height:45px; line-height:45px; font-weight:400; margin:20px auto 0 auto; border:1px solid #333; color:#333; font-size:16px; text-align:center; transition:background 0.5s, color 0.5s;}
.main02txt a:hover {background:#333; color:#fff;}
.main02txt article {font-size:16px; line-height:27px; color:#444; font-family:'Pretendard-Regular'; margin:20px auto;}





/* 메인03 */
#main03 {width:90%; margin:50px auto 0 auto; padding:50px 0 0 0; border-top:1px solid #eee;}
.main03contents {overflow:hidden; width:100%;}
.main03contents section figure img {width:100%; display:block;}
.main03contents section {overflow:Hidden;}
.main03contents section a {display:block;}
.figcaption00 {overflow:hidden; background:rgba(0,0,0,0.6); padding:20px; width:calc(100% - 40px); position:absolute; left:0; bottom:0;}
.figcaption00 h3 {float:left; text-transform:uppercase; font-size:10px;  color:#fff; letter-spacing:0.1em; line-height:50px;}
.figcaption00 h1 {float:right; color:#fff; font-size:20px; line-height:50px;}




/* 메인04
#main04 {width:100%; margin:50px auto 0 auto; padding:150px 0; overflow:hidden; background:url(/img/main04bg.jpg) no-repeat center; background-attachment:fixed; text-align:Center;}
#main04 h1 {color:#fff; font-family:'GmarketSansMedium'; font-size:35px;}
#main04 p {margin:30px auto; font-size:16px; line-heighT:27px; color:#eee;}
#main04 ul {text-align:center; overflow:hidden;}
#main04 li {display:inline-block; margin:15px; text-align:Center; width:150px; height:50px; line-height:50px;}
#main04 li:first-child {background:rgba(0,0,0,0.8); border:1px solid rgba(0,0,0,0.8);}
#main04 li:nth-child(2) {border:1px solid #fff;}
#main04 li a {display:block; color:#fff;}
 */



/* 메인04 */
#main04 {width:100%; overflow:hidden; margin:0 auto;}
#main04 .hgroupcommon {margin:50px auto 0 auto;}
/* 스와이퍼 */
	/* 슬라이더 기본 스타일 */
	.slidermain04 {position:relative; margin:50px auto 0;} 
	.slidermain04 .inner {overflow:hidden; width:100%; margin:0 auto;} 

	/* 슬라이더 내 각 슬라이드 아이템 스타일 */
	.slide_list > li {position:relative; width:40%; transform:scale(0.8); transition:all 0.3s; opacity:0.5;} 
	.slide_list > li a {display:block;} 
	.slide_list > li .img {overflow:hidden; display:block; position:relative; padding-bottom:60%;}
	.slide_list > li .img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; filter:grayscale(50%);}  

	/* 현재 활성화된 슬라이드 스타일 */
	.slide_list > li.swiper-slide-active,
	.slide_list > li.swiper-slide-duplicate-active {transform:scale(1); opacity:1;} 
	.slide_list > li.swiper-slide-active img {filter:grayscale(0%);}  

	/* 이전 및 다음 슬라이드의 여백 조정 */
	.slide_list > li.swiper-slide-prev {margin-right:1%; margin-left:-1%;} 
	.slide_list > li.swiper-slide-next {margin-right:-1%; margin-left:1%;} 

	/* 화면상 첫 번째 및 마지막 슬라이드의 여백 조정 */
	.slide_list > li.first {margin-right:-1%; margin-left:1%;} 
	.slide_list > li.last {margin-right:1%; margin-left:-1%;} 

	/* 슬라이더 이동 버튼 스타일 */
	.slidermain04 .btn {position:absolute; top:40%; width:5%; font-size:0; z-index:10; transform:translate(0,-50%); cursor:pointer;} 
	.slidermain04 .btn img {width:100%;} 
	.slidermain04 .btn.btn_prev {left:20%; margin-right:17%;} 
	.slidermain04 .btn.btn_next {right:20%; margin-left:17%;}} 

	/* 모바일 화면에서 슬라이더 스타일 조정 */
	@media (max-width:767px){
		.slidermain04 {margin-top:50px;}  
		.slide_list > li {width:80%;} 
		.slidermain04 .btn {display:none;} 
	}
.swiperarticle {width:calc(100% - 62px); padding:15px 30px; border:1px dashed #ddd; text-align:center; margin:0 auto; overflow:hidden;}
.swiperarticle h1 {font-size:30px; color:#333; letter-spacing:-0.02em; font-weight:400; margin:15px auto; font-family:'WavvePADO-Regular';}
.swiperarticle h3 {font-size:12px; color:#777; font-weight:400; text-transform:uppercase;}
.swiperarticle p {font-size:15px; color:#666;}
.btn img {filter:brightness(0.1);}
#main04 img {filter:grayscale(0.2) brightness(1.1);}




/* 메인05 */
#main05 {width:100%; margin:0 auto;}



/* 메인07 */
#main07 {margin:50px auto 0 auto;}
.youtubewrap {position:relative; max-width:100%; padding-bottom:56.25%; height:0;}
.youtubewrap > iframe {position:absolute; position:absolute; top:0; left:0; width:100%; height:100%;}




/* 메인08 */
#main08 {width:100%; margin:50px auto 0 auto;}
#main08 figure {overflow-x:scroll;}





/* ========= 서브 ========= */
/* 슬라이드 서브비주얼 */
#subvisual {width:100%;}
#subvisual .slidesjs-container {margin:0 !important; left:0; width:100% !important;}
#subvisual .slidesjs-control {width:100% !important;}
#subvisual .slidesjs-container li {left:calc( ) !important;}
#subvisual .slidesjs-pagination {position:absolute; bottom:20px; left:0; text-align:center; width:100%;}
#subvisual .slidesjs-pagination li {display:inline-block;}
#subvisual .slidesjs-pagination li a {color:#fff; z-index:100; font-size:0; width:40px; height:5px; background:rgba(255,255,255,0.5); display:Block;}
#subvisual .slidesjs-pagination li a.active {background:#fff;}
#subvisual .slidesjs-previous, .slidesjs-next {display:block; position:absolute; top:500px; z-index:9339; font-size:0; width:78px; height:78px;}
#subvisual .slidesjs-previous {background:url(/img/mainarrow_left.png) no-repeat left center; left:30px;}
#subvisual .slidesjs-next {background:url(/img/mainarrow_right.png) no-repeat right center; right:30px;}
#subvisual .slidesjs-slide img {height:100%; width:100%; filter:brightness(0.9) grayscale(0.1);}

.subvisualtxt {position:absolute; left:0; top:0; z-index:9126; width:100%; height:100%;}
#subvisual .px1400 {height:100%; margin:0 auto;}
#subvisual .px1400 hgroup {display:block; margin:0 auto; top:63vh; width:90%;}


.subvisualbg {width:100%; height:100vh; display:table; text-align:left;}
/* 기존 서브비주얼 */
/*
#subvisual {width:100%; height:100vh; display:table; text-align:left;}
#subvisual .px1400 {display:table-cell; vertical-align:bottom;}
#subvisual .px1400 hgroup {display:block; margin:0 auto; bottom:70px; width:90%;}
*/
#subvisual h3 {color:#fff; font-family:'WavvePADO-Regular'; font-size:14px; letter-spacing:0.1em; text-transform:uppercase;}
#subvisual h1 {color:#fff; font-family:'WavvePADO-Regular'; font-weight:400; line-height:40px; font-size:45px; margin:25px auto 0 auto;}
#subvisual h1 br {display:none;}
#subvisual h1 strong {font-size:25px; font-family:'WavvePADO-Regular';}
#subvisual h4 {color:#fff; font-family:'WavvePADO-Regular'; font-weight:400; font-size:20px; margin:20px auto 0 auto; display:inline-block; padding:10px 20px; background:rgb(20 63 61 / 70%); display:none;}
#subvisual h5 {font-size:16px; margin:20px auto 0 auto; color:#333; padding:0 10px; font-weight:100; line-height:26px; background:rgba(255,255,255,0.3); display:inline-block;}
.subvisual01 {background:url(/img/subvis01.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual02 {background:url(/img/subvis02.jpg) no-repeat center; background-attachment:fixed; background-size:cover;  filter:brightness(0.9) grayscale(0.1);}
.subvisual0200 {background:url(/img/subvis0200.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0201 {background:url(/img/subvis0201.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0202 {background:url(/img/subvis0202.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0203 {background:url(/img/subvis0203.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0204 {background:url(/img/subvis0204.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0205 {background:url(/img/subvis0205.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0206 {background:url(/img/subvis0206.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual03 {background:url(/img/subvis03.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0401 {background:url(/img/subvis0401.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0402 {background:url(/img/subvis0402.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0403 {background:url(/img/subvis0403.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0404 {background:url(/img/subvis0404.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0405 {background:url(/img/subvis0405.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual0406 {background:url(/img/subvis0406.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.subvisual05 {background:url(/img/subvis05.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
#subpage {padding:0;}
#subpage > hgroup {text-align:center; margin:0 auto; width:90%;}
#subpage > hgroup h1 {font-family:'GmarketSansBold'; font-size:50px; color:#912954; background:url(/img/bullet01.png) no-repeat center bottom; padding:0 0 40px 0; filter:hue-rotate(45deg);s}
.sub00 {width:90%; margin:50px auto 0 auto; overflow:hidden;}
.flexslidersub {margin:0 auto; padding:0 0 50px 0;}
.flexslidersub .flex-control-paging {bottom:0;}
.flexslidersub .flex-control-paging li a {background:#ddd;}
.flexslidersub .flex-control-paging li a.flex-active {background:#333;}
.h1title {overflow:Hidden; margin:30px 0 0 0;}
.h1title span {display:block; float:left; height:60px; line-height:60px; width:2px; background:#222; float:left;}
.h1title strong {display:block; float:left; line-height:60px; font-size:18px; color:#333; margin:0 0 0 10px;}




/* 서브01 */
.sub0101 {text-align:Center;}
.sub0101 h3 {font-size:25px; font-weight:100; color:#666; letter-spacing:-0.05em;}
.sub0101 article {font-size:17px; color:#666; line-height:31px; margin:20px auto 0 auto;}
.sub0102 article {padding:20px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; margin:30px auto 0 auto; overflow:hidden;}
.sub0102 h1 {font-size:16px; color:#222;}
.sub0102 p {font-size:15px; color:#666; margin:10px 0 0 0; line-height:26px;}
#daumRoughmapContainer1744188366164 {width:100%;}
.onlyimggg {margin:50px auto; overflow:hidden;}
.onlyimggg img {display:block; margin:0 auto; max-width:100%;}
.bgbgbgbg {padding:100px 0; text-align:center; margin:50px auto 0 auto; color:#fff; width:100%;}
.bgbgbgbg01 {background:url(/img/0101img05.jpg) no-repeat center; background-attachment:fixed; background-size:cover;}
.bgbgbgbg p {font-size:16px; width:90%; margin:0 auto;}
.bgbgbgbg h1 {font-family:'WavvePADO-Regular'; font-size:40px; margin:30px auto 0 auto; font-weight:400;}



/* 서브02 */
.sub0200 > section {width:calc(48% - 60px); padding:30px; background:rgb(245 249 248 / 60%); float:left; margin:30px auto 0 auto;}
.sub0200 > section:nth-child(even) {float:right;}
.sub0200 > section a {display:block;}
.sub0200 > section figure img {width:100%; display:block;}
.sub0200 > section figcaption {margin:20px auto 0 auto; text-align:center;}
.sub0200 > section figcaption h1 {text-align:Center; font-weight:400;}
.sub0200 > section figcaption h1 strong {display:inline-block; color:#912e1f; font-size:20px; font-weight:300; letter-spacing:-0.07em;}
.sub0200 > section figcaption h1 span {display:inline-block; color:#777; font-size:13px; margin:0 0 0 5px;}
.sub0200 > section figcaption p {margin:10px auto 30px auto; font-size:15px; color:#333; line-height:26px;}
.sub0200 > section figcaption p b {font-size:13px; color:#666; font-weight:600;}
.sub0200 > section h3 {width:100%; background:#fff; border:1px solid #eee; color:#590c00; height:40px; line-height:40px; font-weight:400; text-align:center; font-size:15px; transition:background 0.5s;}
.sub0200 > section h3:hover {background:#590c00; color:#fff;}
.detailroom {overflow:hidden; margin:50px auto 0 auto;}
.detailroom > h3 {text-align:center; font-size:25px; font-family:'GmarketSansMedium'; color:#222; text-transform:uppercase; font-weight:400;}
.detailroom article {overflow:Hidden; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:30px 0; margin:30px auto 0 auto;}
.detailroom article section {overflow:Hidden;}
.detailroom article section h3 {float:left; font-size:14px; line-height:23px; color:#222; width:60px;}
.detailroom article section p {float:left; font-size:14px; line-height:23px; color:#777; margin:0 0 0 20px; width:calc(100% - 90px); letter-spacing:-0.05em;}
.sub0200_section {overflow:hidden;}
.sub0200_section figure img {width:100%;}
.sub0200_section .detailroom section {margin:20px 0 0 0;}
.sub0200_section .detailroom section:first-child {margin:0;}



#subroom_detaildesign {margin:100px auto 50px auto;}
.sub0200_section figure img, .sd_section01 img {filter:grayscale(0.2) brightness(1.1);}
.sd_section01 {overflow:hidden;}
.sd_section01 figure img {width:100%; display:block;}
.sd_section01 figcaption {padding:60px 0; text-align:Center; background:#f9f9f9;}
.sd_section01 figcaption h3 {font-size:13px; color:#959a98; font-family:'GmarketSansLight'; letter-spacing:0.03em; text-transform:uppercase;}
.sd_section01 figcaption h1 {font-family:'WavvePADO-Regular'; font-size:40px; line-heighT:45px; margin:20px auto; color:#832a1c; font-weight:100;}
.sd_section01 figcaption h2 {font-size:20px; color:#832a1c; background:url(/img/bar03.jpg) no-repeat center bottom; padding:0 0 20px 0; font-weight:400;}
.sd_section01 figcaption p {color:#333; line-height:27px; font-size:15px; margin:30px auto 0 auto;}
.sd_section00 {display:none; background:url(/img/bar04.jpg) no-repeat center top; padding:180px 0 0 0; text-align:center; margin:0 auto; border-top:1px solid #ddd; margin:50px auto 0 auto;}
.sd_section00 h3 {font-size:29px; color:#222; font-family:'GmarketSansLight'; letter-spacing:0.03em; text-transform:uppercase; opacity:0.7;}
.sd_section00 p {font-size:15px; margin:25px auto;}
.sd_section00 img {display:block; width:100%; filter:grayscale(0.2); transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transition:all 0.3s ease-in-out;}
.sd_section00 img:hover {transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}
.sd_section00 figure {margin:50px auto 0 auto; overflow:hidden;}
.sd_section00 li {overflow:hidden;}
.sd_section00 ul {overflow:hidden; margin:0 auto; padding:50px 0 0 0;}
.sd_section02 ul li {width:calC(50% - 25px); float:left;}
.sd_section02 ul li:last-child {float:Right;}
.sd_section03 ul li {width:calC(64% - 25px); float:left;}
.sd_section03 ul li:last-child {width:calc(37% - 25px); float:Right;}

.div_sub02rooms {margin:100px auto; overflow:hidden; text-align:center;}
.div_sub02rooms hgroup {text-align:center;}
.div_sub02rooms hgroup h3 {margin:20px auto 0 auto; font-size:16px; color:#616161; font-weight:100; width:90%;}
.div_sub02rooms hgroup h1 {text-align:center; font-family:'GmarketSansBold'; font-size:30px; color:#333;}
.div_sub02rooms > section {margin:50px auto 0 auto;}
.div_sub02rooms > section div > a {display:block;}
.div_sub02rooms > section div > a:hover {opacity:0.6;}
.div_sub02rooms > section div h1 {text-align:center; padding:20px 0 10px 0; line-height:30px;}
.div_sub02rooms > section div h1 strong {font-size:22px; color:#333;}
.div_sub02rooms > section div h1 span {color:#999; font-size:13px; font-weight:100;}
.div_sub02rooms > section div p {font-size:15px; color:#777; padding:0 0 20px 0; border-bottom:1px solid #eee;}
.div_sub02rooms .slick-slide img {width:100%;}
.div_sub02rooms .slick-arrow {position:Absolute; top:120px; z-index:999; width:36px; height:71px; font-size:0; border:none;}
.slick-prev {background:url(/img/mainarrowbk_left.png) no-repeat left center; left:-70px;}
.slick-next {background:url(/img/mainarrowbk_right.png) no-repeat right center; right:-70px;}
.slick-dots {display:none !important;}













/* 서브03 */
.pbox001 {Background:#f8f8f8; color:#333; font-size:15px; padding:30px; margin:30px auto 0 auto; line-height:30px;}
.pbox001 strong {font-size:17px; padding:5px 10px; margin:10px auto 0 auto; display:inline-block; background:#386ba0; line-height:35px; color:#fff;}
.roominfo01{width:100%; letter-spacing:-0.05em; text-align:left; margin:30px 0 0 0; text-transform:uppercase;}
.roominfo01 section {overflow:hidden; border-bottom:1px solid #ddd;}
.roominfo01 section h1 {background:#f8f8f8; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 5%; line-height:21px; font-size:15px;}
.roominfo01 section h1 > span {display:block;}
.roominfo01 section h1 > span:first-child {font-size:16px; color:#111; float:left; font-weight:500;}
.roominfo01 section h1 > span+span {font-size:10px; color:#666; float:right;  letter-spacing:0.1em; font-weight:400;}
.roominfo01 section article {font-size:14px; color:#666; line-height:25px; text-align:justify; padding:15px 5%;}
.roominfo01 section article strong {font-size:16px; color:#222; font-weight:600;}
.roominfo01 section figure img {width:100%;}
.roominfo01_LEFT {float:left; width:48%;}
.roominfo01_RIGHT {float:right; width:48%;}
.roominfo01_100per {width:100%; border-top:1px solid #ddd;}
.roominfo01_100per h1 {padding:15px 2.5% !important;}
.roominfo01_100per article {width:98% !important; margin:0 auto; padding:15px 0 !important; font-size:14px !important; line-height:35px !important;}
.tablecommon_sub {margin:40px auto 0 auto; border-top:1px solid #ddd; width:100%;}
.tablecommon_sub tr:first-child td {background:#f8f8f8; text-align:center; font-size:15px; color:#222; font-weight:500;}
.tablecommon_sub td:first-child {border-left:none;}
.tablecommon_sub td {text-align:Center; padding:15px 20px; color:#666; line-height:22px; font-size:14px; border-bottom:1px solid #d8d8d8; border-left:1px solid #d8d8d8; letter-spacing:-0.07em; width:150px;}
*.tablesub2nd_TR  td {background:#fafafa; color:#333;}
.td_firstchild:first-child {border-left:none; background:#fbfbfb; width:150px; font-weight:500; font-size:14px;}
.textcenter {text-align:center;}




/* 서브04 */
#subscale {width:90%; margin:5% auto; text-align:Center;}
#subscale img {width:100%; display:block;}
.subscale_class {overflow:hidden;}



























/* ================== 반응형 ================== */
@media screen and (min-width:1400px)
{
body {margin:0 auto;}
html, body {width:100%; height:100%;}
.content00 {height:100vh;}
.px1400 {width:1400px; margin:0 auto;}
.div_popup {font-size:13px;}
#divpop3aa {position:absolute; text-align:center; left:0%; top:200px; z-index:9161; width:100%; visibility:none;}
#divpop3aa input, #divpop_youtube1 input {display:inline-block; top:2px;}
#divpop3aa img {display:block; margin:0 auto;}
#divpop_youtube1 {position:absolute; text-align:center; left:0%; top:250px; z-index:9161; width:100%; visibility:none;}
#divpop_youtube1 table {width:1000px;}
#jy_pop123123 {top:165px; width:700px;}




/* ========= 헤더 ========= */
/*
header {width:calc(100% - 100px); margin:0 auto; top:50px; left:50px; border-bottom:1px solid #fff; padding:0 0 30px 0; height:56px; line-height:56px; background:none;}
header .fixed1 {display:none;}
header .slideOutLeft {-webkit-animation-name:slideOutLeft00; animation-name:slideOutLeft00;}
header .navXbtn01, header .h1_nav01, header .section_ma02cscenter {display:none;}
header .addition {float:left; width:300px; padding:0;}
header .addition > h1 {position:relative; left:0; top:5px;}
header #sidebar {background:none; height:auto; padding:0; display:block; float:Right; text-align:right; overflow:hidden; width:calc(100% - 350px); box-shadow:none; left:auto; top:auto; position:relative;}
header .nav_cate01 > li {min-width:150px; text-align:center; display:inline-block; font-family:'GmarketSansBold'; font-size:15px; letter-spacing:0.1em; text-transform:uppercase; font-weighT:900; vertical-align:top;}
header .nav_cate01 > li > a {color:#fff; border-bottom:none;}
.nav_cate01 > li, .nav_cate01 > li.active {background:none;}
.nav_cate01 a {width:100%; padding:0; border-bottom:none;}
.subgnb01 {background:rgba(0,0,0,0.4); color:#333; margin:28px auto 0 auto;}
.subgnb01 > li {background:none; border-top:1px dashed #ddd; border-bottom:none;}
.subgnb01 li a {color:#fff; font-family:'Pretendard-Regular'; font-weight:400; font-size:15px; letter-spacing:-0.05em;}
.subgnb01 > li:last-child {border-bottom:none;}
.changetop {position:fixed; top:0; left:0; width:calc(100% - 100px); padding:30px 50px; background:rgba(0,0,0,0.4) !important; border-bottom:none;}
*/
#sidebar {width:320px;}





/* ========= 푸터 ========= */
footer {width:calc(100% - 100px); padding:50px;;}
#footermain {margin:0 auto;}
.footer01 {overflow:hidden; float:left;}
.footer01 ul {text-align:left;}
.footer01 article {text-align:left;}
footer p {float:right; font-size:13px;}




/* ========= 메인 ========= */
/* 메인비주얼 */
#mobile_mainvisual {display:none;}
#mainvisual_new {margin:1px auto 0 auto; overflow:hidden; width:100%; height:100%; display:block; background:#000;}
#mainvisual_new .slidesjs-container {width:100% !important; height:100%;}
#mainvisual_new .slidesjs-control {width:100% !important; height:100%;}
#mainvisual_new .slidesjs-control li:first-child {z-index:99 !important;}
#mainvisual_new .slidesjs-control li:nth-child(2) {z-index:98 !important;}
#mainvisual_new .slidesjs-control li:nth-child(3) {z-index:97 !important;}
#mainvisual_new .slidesjs-control li:nth-child(4) {z-index:96 !important;}
#mainvisual_new .slidesjs-control li:nth-child(5) {z-index:95 !important;}
#mainvisual_new .slidesjs-control li:nth-child(6) {z-index:94 !important;}
#mainvisual_new .slidesjs-control li {opacity:0.9;}
#mainvisual_new .slidesjs-control li img {width:100%; display:block;}
#mainvisual_new .slidesjs-pagination {bottom:170px; width:1400px; margin:0 auto; left:0; text-align:left; z-index:102;}
#mainvisual_new .slidesjs-pagination li {display:inline-block;}
#mainvisual_new .slidesjs-pagination li a {color:#fff; z-index:100; font-size:0; width:40px; height:5px; background:rgba(255,255,255,0.5); display:Block;}
#mainvisual_new .slidesjs-pagination li a.active {background:#fff;}
#mainvisual_new .slidesjs-previous, .slidesjs-next {display:block; position:absolute; top:500px; z-index:121310; font-size:0;}
#mainvisual_new .slidesjs-previous {background:url(/img/mainarrow_left.png) no-repeat center; left:30px;}
#mainvisual_new .slidesjs-next {background:url(/img/mainarrow_right.png) no-repeat center; right:30px;}
#mainvisual_new .slidesjs-previous, .slidesjs-next {width:88px; height:30px;}
.maintxt {width:100%; position:absolute; left:0; top:0; z-index:300; overflow:hidden; color:#FFF; text-align:left;}
.article_mtxt {width:1400px; margin:600px auto 0 auto; display:block; overflow:hidden; display:block; text-align:left;}
.article_mtxt h3 {font-size:13px;}
.article_mtxt h1 {font-size:45px; margin:20px auto; font-family:'WavvePADO-Regular';}
.article_mtxt p {font-size:16px; line-height:26px;}





/* 메인01 */
#main01 {margin:100px auto 0 auto; width:100%; text-align:left;}
#main01 figure {position:absolute; right:0;}
#main01 figure img {width:auto;}
#main01 article {padding:153px 0; border-right:1px solid #ddd; width:650px;}
#main01 article h3 {margin:0 auto;}
#main01 article h1 {margin:54px auto 30px auto;}
#main01 article p {margin:80px auto 0 auto;}





/* 메인02 */
#main02 {margin:0 auto; width:calc(100% - 100px);}
#main02 .hgroupcommon {margin:50px auto 0 auto;}
/*#main02 {margin:100px auto 0 auto; width:calc(100% - 100px); padding:100px 0 0 0;}*/
.main02slides {padding:70px 50px;}
.main02slides .flexslider .slides > li img {width:auto; margin:0 auto;}
.main02txt {text-align:justify; position:absolute; top:0; left:0; width:100%; margin:0 auto; height:100%;}
.main02txt .px1400 {height:100%;}
.main02txt h1, .main02txt a {position:absolute; left:70px; top:328px;}
.main02txt a {top:420px;}
.main02txt article {left:1145px; top:400px;}
.main02txt br {display:block;}





/* 메인03 */
#main03 {width:calc(100% - 100px); padding:0; border-top:none;}
#main03 .hgroupcommon {text-align:left; width:100%;}
.main03contents section {width:32%; float:left; margin:50px 0 0 2%; max-height:500px;}
.main03contents section:nth-child(3n - 2) {margin:50px 0 0 0;}
.figcaption00 {padding:10px 20px;}
.figcaption00 h3 {font-size:13px;}
.figcaption00 h1 {font-size:25px;}
.imgHoverEvent .figcaption00 {position:absolute; bottom:0; left:0; padding:20px; width:calc(100% - 40px); height:50px;}
.event1 .figcaption00 {background:rgba(0,0,0,0.7); transform:translateY(100%); transition:0.5s;}
.event1:hover .figcaption00 {transform:translateY(0);}	




/* 메인04
#main04 {margin:0 auto; padding:200px 0;}
 */
#main04 {width:100%; height:100vh; display:table;}
#main04 .px1400 {display:table-cell;vertical-align:middle;}
#main04 .px1400 .tpfhwjdfuf00 {display:block; margin:0 auto;}
#main04 .hgroupcommon {margin:0 auto;}
.slidermain04 .btn {width:3%; top:45%;}



/* 메인05 */
#main05 {width:1400px; margin:0 auto; height:100vh; display:flex; align-items:center; justify-content:center;}
#main05 > div.overfl {display:table-cell;vertical-align:middle;}
#main05 .sub0200 {display:flex; flex-wrap:wrap; justify-content:center; margin:0 auto; gap:30px;}
#main05 section {width:30%; margin:0; box-sizing:border-box;}
#main05 section figure img {width:100%; margin:0 auto;}







/* 메인07 */
#main07 {margin:0 auto; height:calc(100vh - 197px); overflow:hidden;}




/* 메인08 */
#main08 {width:1400px; margin:0 auto; height:100vh; display:table;}
#main08 > div.overfl {display:table-cell;vertical-align:middle;}
#main08 .sub0200 {display:block; margin:0 auto;}
#main08 section {width:calc(32% - 62px); margin:15px auto;}
#main08 section:nth-child(odd), #main08 section:nth-child(even) {float:left;}
#main08 section:nth-child(2), #main08 section:nth-child(5) {margin:15px 2%;}
#main08 section figure img {width:100%; margin:0 auto; height:213px;}






/* ========= 서브 ========= */
/* 슬라이드 서브비주얼 */
#subvisual .slidesjs-container li {height:100vh;}
#subvisual .slidesjs-container {height:100vh !important;}
#subvisual .px1400 hgroup {top:70vh;}
.subvisualtxt {height:95vh;}




.sub00 {width:1400px;}
.onlyimggg {margin:100px auto;}




/* 서브02 */
/*
.detailroom article section {width:30%; float:left;}
.detailroom article section:last-child {width:40%;}
*/
.sub0200_section figure {width:45%; float:left;}
.sub0200_section .detailroom {width:50%; float:right;}
.detailroom > h3 {text-align:left;}
.detailroom article section h3, .detailroom article section p {font-size:15px; line-height:26px;}
.sd_section01 figure {float:Right; width:50%;}
.sd_section01 figcaption {float:left; width:50%; paddinG:104px 0;}
.sd_section00 {width:1400px;}
.div_sub02rooms .center02 {display:none;}





/* 서브04 */
#subscale {width:100%;}
.subscale_class section, .subscale_class > figure, .subscale_class figure > div {float:left; width:50%; overflow:hidden;}
}














@media screen and (min-width:769px) and (max-width:1399px)
{
.div_popup {font-size:13px;}
#divpop3aa {position:absolute; text-align:center; left:0%; top:200px; z-index:9161; width:100%; visibility:none;}
#divpop3aa input {display:inline-block; top:2px;}
#divpop3aa img {display:block; margin:0 auto; width:100%;}
#divpop_youtube1 {position:absolute; text-align:center; left:0%; top:200px; z-index:9161; width:100%; visibility:none;}
#divpop3aa table, #divpop_youtube1 table {width:700px;}
.addition > h1 {top:30px;}






/* ========= 푸터 ========= */
.footer01 h1 img {margin:0 auto; text-align:center;}
.footer01 ul {text-align:center;}
.footer01 ul li {display:inline-block; margin:5px;}
footer article {margin:20px auto 0 auto;}






/* ========= 메인 ========= */
/* 메인비주얼 */
.article_mtxt h3 {font-size:15px;}
.article_mtxt h1 {font-size:65px; margin:30px auto;}
.article_mtxt p {font-size:20px; line-height:30px;}




/* 메인02 */
.main02slides {padding:50px;}





/* 메인03 */
.main03contents {margin:50px auto 0 auto;}
.main03contents section {width:49%; float:left; margin:1% 0;}
.main03contents section:nth-child(even) {float:right;}
.figcaption00 {padding:10px 20px;}








/* ========= 서브 ========= */
/* 슬라이드 서브비주얼 */
#subvisual .px1400 hgroup {top:50%; width:70%;}
#subvisual .slidesjs-previous, .slidesjs-next  {top:50%;}


/* 서브02 */
.detailroom article section {width:100%;}
.div_sub02rooms > section div > a img {width:100%;}
.div_sub02rooms > section div p {letter-spacing:-0.07em; font-size:12px;}
.div_sub02rooms .slick-arrow {top:-140px;}
.slick-prev {left:20px;}
.slick-next {right:20px;}
.div_sub02rooms > section div h1 strong {font-size:20px;}
.div_sub02rooms .center02 {display:none;}



/* 서브04 */
.subscale_class section, .subscale_class > figure, .subscale_class figure > div {float:left; width:50%; overflow:hidden;}
}
















@media screen and (min-width:0px) and (max-width:768px)
{
.div_popup {font-size:13px;}
#divpop3aa {position:absolute; text-align:center; left:0%; top:200px; z-index:9161; width:100%; visibility:none;}
#divpop3aa input {display:inline-block; top:2px;}
#divpop3aa img {display:block; margin:0 auto; width:100%;}
#divpop_youtube1 {position:absolute; text-align:center; left:0%; top:200px; z-index:9161; width:100%; visibility:none;}
#divpop3aa table, #divpop_youtube1 table {width:90%;}
img {max-width:100%;}




/* ========= 헤더 ========= */
header {height:70px;}
.addition > h1 {width:150px; top:20px; left:20px;}
.addition > h1 img {width:100%;}
.fixed1 {top:25px; right:20px;}
.fixed1 li img {width:26px;}
.fixed1 li:first-child {margin:0 5px 0 0;}
.fixed1 li:last-child {top:4px;}







/* ========= 푸터 ========= */
.footer01 h1 img {margin:0 auto; text-align:center}
.footer01 ul {text-align:center;}
.footer01 ul li {display:inline-block; margin:5px 2px; width:90px;}
footer article {margin:20px auto 0 auto; font-size:13px;}
footer article > br {display:none;}







/* ========= 메인 ========= */
/* 메인비주얼 */
.article_mtxt h3 {font-size:13px;}
.article_mtxt h1 {font-size:28px; margin:10px auto;}
.article_mtxt p {font-size:14px; line-height:21px; margin:30px auto 0 auto;}
#mobile_mainvisual .flex-direction-nav {display:none;}




/* 메인공통 */
#per100m50 {width:calc(100% - 40px); padding:0 20px; margin:30px auto;}
.happyhouseline strong {font-size:10px; padding:0 10px;}
.hgroupcommon h1 {font-size:30px;}
.hgroupcommon h5 {font-size:14px; line-height:26px;}




/* 메인01 */
#main01 article h3 {margin:20px auto; font-size:17px;}
#main01 article h1 {font-size:25px; line-height:37px;}
#main01 article h4 {font-size:17px;}
#main01 article p {font-size:14px; line-height:26px;}
#main01 article p br {display:none;}




/* 메인02 */
.main02slides {padding:20px;}
.main02slides  .flex-direction-nav {display:none;}
.main02slides .flex-control-paging {display:block;}
.main02txt h1 strong {font-size:30px;}
.main02txt article {font-size:14px; line-height:26px;}





/* 메인03 */
.main03contents {margin:auto;}
.main03contents section {width:100%; margin:30px auto;}
.figcaption00 {padding:10px 20px;}




/* 메인04 
#main04 {padding:100px 0;}
#main04 p {width:90%; font-size:14px; line-height:27px;}
#main04 li {margin:5px;}
*/
#main04 {padding:0 0 50px 0;}
.slide_list > li  {width:90%;}
.swiperarticle {width:calc(100% - 30px); padding:15px; top:0;}
.swiperarticle h3 {font-size:10px;}
.swiperarticle h1 {font-size:20px; margin:10px auto 0 auto;}
.slidermain04 .btn {width:50px;}
.slidermain04 .btn.btn_prev {left:40px;}
.slidermain04 .btn.btn_next {right:40px;}
.btn img {filter:brightness(1);}
.swiperarticle p {font-size:13px; margin:10px auto 0 auto;}



/* 메인05 */
#main05 {width:90%;}



/* 메인08 */





/* ========= 서브 ========= */
#subvisual h1 {font-size:45px; margin:30px auto 0 auto; line-height:55px;}
#subvisual h1 br {display:block;}
#subpage > hgroup h1 {font-size:33px; letter-spacing:-0.05em;}
.flexslidersub {padding:0 0 30px 0;}
.flexslidersub .flex-direction-nav li {display:none;}
.flexslidersub .flex-control-paging li {width:10px; height:10px;}
.subvisualtxt {display:none;}
#subvisual .slidesjs-pagination li a {width:15px; height:5px;}
.sub00 {margin:50px auto 0 auto !IMPORTANT;}


/* 서브01 */
.sub0101 article {font-size:15px; line-height:26px;}
.sub0101 article span br {display:none;}
.sub0101 h3 {font-size:20px; line-height:26px;}





/* 서브02 */
.sub0200 > section {width:calc(100% - 42px); float:none; padding:20px;}
.sub0200 > section:first-child {margin:20px auto 0 auto;}
.sub0200 > section:nth-child(even) {float:none;}
.detailroom > h3 {font-size:20px;}
.detailroom article section {width:100%; margin:20px auto 0 auto;}
.detailroom article section:first-child {margin:0;}
.roominfo01_LEFT, .roominfo01_RIGHT {float:none; width:90%; margin:0 auto;}
.roominfo01_RIGHT {margin:10px auto 0 auto;}
#subroom_detaildesign {margin:60px auto;}
.sd_section00 {background-size:1px 50px; padding:80px 0 0 0; margin:20px auto 0 auto;}
.sd_section00 h3 {font-size:20px;}
.sd_section00 figure {margin:20px auto 0 auto;}
.sd_section00 ul {padding:20px 0 0 0;}
.sd_section02 ul li {width:calC(50% - 10px);}
.sd_section03 ul li {width:calC(64% - 10px); float:left;}
.sd_section03 ul li:last-child {width:calc(37% - 10px); float:Right;}
.onlypc_tablet {display:none;}
.div_sub02rooms > section div p {letter-spacing:-0.07em; font-size:15px;}
.slick-slide img {width:100%;}
.div_sub02rooms .slick-arrow {top:-140px;}
.slick-prev {left:20px;}
.slick-next {right:20px;}
.div_sub02rooms > section div h1 strong {display:block;}
.div_sub02rooms > section div h1 span {Display:block;}
.div_sub02rooms .center {display:none;}



/* 서브04 */
.subscale_class section, .subscale_class > figure, .subscale_class figure > div {float:none; width:100%; overflow:hidden;}



}