@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('/font/PretendardVariable.woff2') format('woff2-variations');
}
@font-face { font-family: 'S-CoreDream'; src: url('/font/S-CoreDream-1Thin.woff') format('woff'); font-weight: 100; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('/font/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('/font/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('/font/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('/font/S-CoreDream-5Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('/font/S-CoreDream-6Bold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('/font/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('/font/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 800; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('/font/S-CoreDream-9Black.woff') format('woff'); font-weight: 900; font-style: normal; }

*{margin:0; padding:0; box-sizing:border-box;}
html,body{width:100%;margin:0; padding:0;  }
html { scroll-behavior: smooth; overflow-y:scroll}
body{font-size:22px; font-family: "Roboto", "Pretendard Variable", "Noto Sans KR", helvetica, arial, sans-serif; font-weight:400; color:#666; line-height:1.5; word-break:keep-all; }
img { max-width:100%;}
a { text-decoration:none;}
.wrap {margin:0 auto; width:100%; max-width:1400px;}
.img_c { text-align:center; line-height:0;}
.txt_c { text-align:center;}
.header { position:fixed; top:0; left:0; width:100%; height:130px; background:rgba(255, 255, 255, 0.7); backdrop-filter: blur(7.5px); z-index:5;}
.header .topmenu{ display:flex; align-items:center;}
.header_top { height:130px}
.logo { width:200px; padding:20px 0;}
.call { width:260px;}
.tel_pc { display:block;}
.tel_mo { display:none;}
.menu { width:calc(100% - 460px);}
.menu ul { width:100%; display:flex; justify-content: center;padding:0; margin:0;}
.menu ul li { list-style:none;}
.menu ul li a { padding:20px 20px; font-size:20px; font-weight:600; color:#000;}
.menu ul li a:hover { color:#f49c00;}
.footer { padding:60px 0; font-size: .9em;}
h1 { display:none;}

.order {  display:flex; flex-wrap:wrap; background-image:url(../2025img/inquiry_g2.jpg); background-repeat:repeat-y; background-position:center; background-size:100%; padding:40px 10%; max-width:1400px; margin:0 auto;}
.order * {font-family: 'S-CoreDream';}
.order span.check { margin-left:5px; color:#f00;}
.orderline { width:50%; display:flex; align-items:center; margin-bottom:20px;}
.orderline.w100 { width:100%; }
.order_label { width:160px; font-weight:500; color:#000;}
.order_label.pdl20 { padding-left:20px}
.order_input { width:calc(100% - 160px);}
.order_input input,
.order_input textarea { color:#000; font-weight:400; width:100%; padding:10px 15px; font-size: 1em; background:#dcdcdc; border:none; border-radius:30px;}
.order_input textarea { min-height:250px; }
.orderbtn {  color:#fff; font-weight:500; width:200px; padding:15px 20px; font-size:1em; background:#000; border:none;border-radius:50px; margin:0 auto; }
.order_input input::placeholder,
.order_input textarea::placeholder { color:rgba(0,0,0,0);}
/*
.kakao { position:fixed; right:0; bottom:0; width:100px; height:130px;}
.kakao .kakaoimg { animation: MoveUpDown 2s linear infinite; line-height:0;}
.kakao .kakaoshaow { height:5px; background:url(/2025img/kakao_shadow.png) no-repeat;  }
@keyframes MoveUpDown {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
*/
.kakao { position:fixed; right:0; bottom:0; width:150px; height:160px;}
.kakao .kakaoimg { line-height:0;}
.kakao .kakaoimg img { width:150px; height:150px;}

@media (max-width:1420px) {
	.header .topmenu { padding: 0 10px; height:100%;}
}
@media (min-width:1025px) {
	.menu-open { display:none;}
}
@media (max-width:1024px) {
	body{font-size:20px;}
	.wrap { min-width:100%; max-width:800px;}
	.header {}
	.logo { width:40%; padding: 23px 0;}
	.call {  width:calc(60% - 40px); text-align:right; line-height:0; padding:0 10px;}
	.call img { width:100%; height:auto; max-width:260px;}
	.menu { max-width:60px; order: 3;}
	.menu ul { flex-wrap:wrap; }
	.menu ul li { width:100%; text-align: center;}
	.menu ul li a { padding:20px 20px; font-size:1.2em; font-weight:600; color:#fff; display: block; border-bottom:solid 1px #666;}
	
	.menu-open{ position:absolute; top:35px; right:0; width:60px; height:60px; cursor:pointer; }
	.navibtn{right:13px; top:28px; position:absolute; width:35px; height:3px; background:#000000; }
	.navibtn .top-line{width:35px; height:3px; background-color:#000000; bottom:-10px; content:''; position:absolute; right:0; -webkit-transition: -webkit-transform .3s; transition:transform .3s; }
	.navibtn .bot-line {width:35px; height:3px; background-color:#000000; top:-10px; content:''; position:absolute; right:0; -webkit-transition: -webkit-transform .3s; transition:transform .3s; }
	.navibtn.on {width:0; }
	.navibtn.on .bot-line {-webkit-transform:translateY(10px) rotate(135deg); transform:translateY(10px) rotate(135deg); }
	.navibtn.on .top-line{-webkit-transform:translateY(-10px) rotate(-135deg); transform:translateY(-10px) rotate(-135deg); }
	.menubox{ width:100%; position:absolute; height:calc(100vh - 100px); top:130px; left:-100%; right:0; bottom:0; -webkit-transition:left .3s; -moz-transition:left .3s; -ms-transition:left .3s; -o-transition:left .3s; transition:left .3s; background-color:#000; }
	.menubox.on{ left:0; }
	
	.order {  padding:40px 5%; }
}

@media (max-width:767px) {
	body{font-size:18px;}	
	.box_pc { display:none;}
	.box_mo {width:100%; max-width:767px; position:relative; display: flex; flex-direction: column; margin:0 auto;}
	.logo {  line-height:0; padding:0;}
	.logo img{ max-height:70px;}
	.call img {  max-width:177px;}
	.header,
	.header_top { height:100px}
	.menu-open{ top:20px; }
	.menubox{top:100px; }
	.tel_pc { display:none;}
	.tel_mo { display:block;}
}


.bl_content { display:none;}

.subtheme { display:flex; position:relative; width:100%;overflow:hidden;}
.subtheme_mask { display:flex; width:100%; position:absolute; bottom:-0.5px; left:0; z-index:2;}
.subtheme_txt {  position: absolute; color:#000; font-weight:700; letter-spacing:-0.02em; line-height:1;}
.contentbox { z-index:1;}
.portwrap {margin-top:5vw; position:relative; z-index:1;}
@media (min-width:768px) {
.box_mo { display:none;}
.box_pc { width:100%; max-width: 1400px; position:relative; display: flex; flex-direction: column; margin:0 auto;}
.subtheme_txt {   font-size:12.5vw; }
}
@media (min-width:1420px) {
.subtheme_txt { font-size:8em;}
.portwrap {margin-top:70px;}
}

@media (max-width:767px) {
.subtheme_txt {   font-size:20vw;}
.order { background-image:url(../2025img/inquiry_g2_mo.jpg); padding:40px 8%;}
.orderline { width:100%; margin-bottom:10px;}
.order_label { display:none;}
.order_label.pdl20 { padding-left:0}
.order_input { width:100%;}
.order_input input::placeholder,
.order_input textarea::placeholder { color:rgba(0,0,0,0.3);}
.orderline.txt_c { font-size:.9em; display:block;}
	
}