@charset "utf-8";


/* layout */
html, body { height:100%;
	scroll-behavior: smooth;}
body {
  color: #686868;
  letter-spacing: -0.05em;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  background-color: #fff; /* 원하는 배경색 */
  background-image: url("data:image/svg+xml;charset=UTF-8,\
  %3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E\
    %3Cfilter id='noiseFilter'%3E\
      %3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='4' stitchTiles='stitch'/%3E\
      %3CfeColorMatrix type='saturate' values='0'/%3E\
      %3CfeComponentTransfer%3E\
        %3CfeFuncA type='linear' slope='0.5'/%3E\
      %3C/feComponentTransfer%3E\
    %3C/filter%3E\
    %3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.5'/%3E\
  %3C/svg%3E");
  background-repeat: repeat;
  background-size: 300px 300px;
}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:1rem; }
.w-inner {width:1600px; max-width:94%;	position:relative;	margin-left:auto;	margin-right:auto;}
.inner {width:1280px; max-width:94%;	position:relative;	margin-left:auto;	margin-right:auto;}


@media all and (max-width:1599px) {	
	.w-inner {width:100%;}
}
@media all and (max-width:1279px) {	
	.inner {width:100%;}
}


/* header */
#header{height: 110px; position: fixed; width: 100%; top: 0; left: 0; z-index: 99; transition: .4s;}
#header.on{background: rgba(0,0,0,0.8);}
#header.bg{background: rgba(0,0,0,0.8);}
#header .w-inner{height: 100%;}
#header .w-inner #logo{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#header .w-inner #logo a{}
#header .w-inner #logo a img{max-width: 99px;}
#header .w-inner .menu_box{position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex; align-items: center; gap:60px;}
#header .w-inner .menu_box .menu{display: flex; align-items: center; gap:60px;}
#header .w-inner .menu_box .menu li{}
#header .w-inner .menu_box .menu li a{font-family: 'HSBombaram'; font-size: 18px; color: #fff; transform: rotate(0.1deg); display: block;}
#header .w-inner .menu_box .inquiry{}
#header .w-inner .menu_box .inquiry a{background-color: #853536; font-size: 17px; color: #fff; font-weight: 700; border-radius: 5px; line-height: 44px; display: inline-flex; align-items: center;padding: 0 22px; gap:8px;}
#header .w-inner .menu_box .inquiry a img{}
#header .menuToggle{display: none;cursor: pointer;}
#header .menuToggle i{color: #fff; font-size: 26px;}

@media all and (max-width:1024px){
	#header{height: 90px;}
	#header .w-inner #logo a img{max-width: 82px;}
	#header .w-inner .menu_box{gap:40px;}
	#header .w-inner .menu_box .menu{gap:40px;}
	#header .w-inner .menu_box .inquiry a{padding: 0 15px; font-size: 16px; gap:6px;}
	#header .w-inner .menu_box .inquiry a img{max-width: 15px;}
}
@media all and (max-width:768px){
	#header .w-inner #logo a img{max-width: 74px;}
	#header .w-inner .menu_box{gap:25px;}
	#header .w-inner .menu_box .menu{display: none;}
	#header .w-inner .menu_box .inquiry a{line-height: 40px; font-size: 15px;}
	#header .w-inner .menu_box .inquiry a img{max-width: 14px;}
	#header .menuToggle{display: block;}
}

.mo_Gnb{position: fixed; top: 0px; left: 0; width: 100%; height: calc(100vh); background-color: rgba(0,0,0,0.8); z-index: 90; display: none;}
.mo_Gnb > ul{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; gap:40px;}
.mo_Gnb > ul > li{}
.mo_Gnb > ul > li a{font-family: 'HSBombaram'; font-size: 24px; color: #fff; transform: rotate(0.1deg);}
.mo_Gnb > ul > li:hover a{text-decoration: underline; text-underline-position: under;}

/* footer */
#footer{padding: 65px 0 150px;}
#footer .inner{display: flex; justify-content: space-between;}
#footer .inner .f_logo{width: 40%;}
#footer .inner .f_logo img{}
#footer .inner .info_box{text-align: right; width: 60%;}
#footer .inner .info{}
#footer .inner .info span{font-size: 16px; display: inline-block; color: #333333;line-height: 2em;}
#footer .inner .info span + span{margin-left: 10px; }
#footer .inner .info span b{font-weight: 600;}
#footer .inner .copy{font-size: 16px; color: #777777; margin-top: 12px;}

@media all and (max-width:1280px){
	#footer{padding: 60px 0 150px;}
	#footer .inner .f_logo{width: 30%;}
	#footer .inner .f_logo img{max-width: 106px;}
	#footer .inner .info_box{width: 70%;}
}
@media all and (max-width:1024px){
	#footer{padding: 55px 0 150px;}
}
@media all and (max-width:768px){
	#footer{padding: 50px 0 80px;}
	#footer .inner{flex-direction: column; gap:25px;}
	#footer .inner .f_logo{width: 100%; text-align: center;}
	#footer .inner .f_logo img{max-width: 92px;}
	#footer .inner .info_box{width: 100%; text-align: center;}
	#footer .inner .info span{margin: 0 5px; font-size: 15px;}
	#footer .inner .info span + span{margin-left: 0;}
	#footer .inner .copy{font-size: 15px; margin-top: 10px;}
}
@media all and (max-width:500px){
	#footer{padding: 45px 0 75px;}
}

.quick{background-color: #4c8037; color: #fff; position: fixed; right: 0; top: 30%; z-index: 99; font-weight: 800; padding: 15px 20px; font-size: 17px; line-height: 1.2em; border-top-left-radius: 5px; border-bottom-left-radius: 5px; animation: bg 1s infinite; cursor: pointer;}
.quick_bg{background: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 889; display: none;}
.quick_bg.on{display: block;}

.quick2{background-color: #376180; position: fixed; right: 0; top: calc(30% + 90px); z-index: 99; font-weight: 800;  border-top-left-radius: 5px; border-bottom-left-radius: 5px; animation: bg 1s infinite; cursor: pointer; display: none;}
.quick2 a{font-size: 17px; line-height: 1.2em; color: #fff; padding: 15px 20px; display: block;}

#q_consult{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 890; width: 96%; max-width: 400px; background-color: #fff; box-shadow: 2px 8px 10px rgba(0,0,0,0.1); border-radius: 10px; display: none;} 
#q_consult.on{display: block;}
#q_consult .s-inner{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 30px; text-align: center;}
#q_consult .s-inner .tit{}
#q_consult .s-inner .tit .txt{}
#q_consult .s-inner .tit .txt h3{color: #853536; font-size: 30px; font-weight: 900;}
#q_consult .s-inner .tit .txt p{font-size: 26px; color: #000; font-weight: 900; margin: 5px 0 10px;}
#q_consult .s-inner .wr_input{width: 100%; padding: 20px 0; display: flex; flex-direction: column; gap:5px;}
#q_consult .s-inner .wr_input input{border: 1px solid #eee; padding: 10px 5px; width: 100%;}
#q_consult .s-inner .agree{}
#q_consult .s-inner .agree input{}
#q_consult .s-inner .agree label{filter: invert(1); background-size: 20px; padding-left: 30px; display: inline-flex; align-items: center; height: 34px;}
#q_consult .s-inner .agree span{font-size: 14px;}
#q_consult .s-inner .agree span a{color: #eee; text-decoration: underline;}
#q_consult .s-inner > input{margin-top: 15px; background-color: #853536; color: #fff; border: 0px; font-weight: 800;  font-size: 18px; padding: 12px 20px; transform: rotate(0.1deg); cursor: pointer; font-family: 'Pretendard', sans-serif; border-radius: 4px;}

@media all and (max-width:645px){
	.quick{font-size: 15px; padding: 12px 16px;}
	.quick2{ top: calc(30% + 80px); display: block;}
	.quick2 a{font-size: 15px; padding: 12px 16px;}
	#q_consult{width: 90%;}
	#q_consult .s-inner{padding:30px 20px;}
}

input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden;
   clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:40px;
	height:42px;
	display:inline-block;
	line-height:55px;
	background-repeat:no-repeat;
	background-position: left 6px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url("/images/common/checkBox_on.png");
}
label.css-label { background-image:url("/images/common/checkBox.png");
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


/* 개인정보처리방침 */
.layer{position:fixed; display:none; left:0;top:180px; z-index:3000000; width:100%;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#111;  border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:0px; margin:0 auto; border-radius:10px; background: #fff; text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .contwrap{width:100%;  margin:18px auto; padding-bottom:16px; line-height:18px; color: #333;font-size:12px;}
.layer .layer_wrap .contwrap h2{padding:28px 20px;border-bottom:1px solid #eee; font-size:2.2rem; font-weight:bold;}
.layer .layer_wrap .contwrap .cont_wrap .t2 {font-size:1.5rem;}
.layer .layer_wrap .contwrap .cont_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .contwrap .cont_wrap h4 {font-size:1.5rem; display:block; background: #eee;border-radius:3px; padding:7px 10px; font-weight: bold;}
.layer .layer_wrap .contwrap .cont_wrap p {font-size:1.4rem; margin-bottom:16px; padding:4px 12px; box-sizing:border-box; line-height:1.4em}


/* #ft_consult */
#ft_consult { position:fixed; bottom:0; z-index:888; width:100%; margin:0 auto;  padding:20px 2em 20px; text-align: center;  background:#ad9047; color:#fff; height: 100px;}
#ft_consult .s-inner {overflow:hidden; width: 94%;   max-width: 1720px; height: 100%;  position: relative;  margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center;}
#ft_consult.cs_on { padding: 0.5em 1em; }
#ft_consult input { border:0; outline: none; height: 55px;font-size: var(--fz16); }
#ft_consult .tit{display: flex; margin-right: 38px; margin-top: 6px;}
#ft_consult .tit .img{margin-right: 16px; align-self: center;}
#ft_consult .tit .img img{max-width: 100%;}
#ft_consult .tit .txt{text-align: left; display: flex; align-items: center; gap:20px;}
#ft_consult .tit .txt h3{font-size: 3.4rem; font-family: 'HSBombaram', sans-serif; line-height: 1em; font-weight: 400;}
#ft_consult .tit .txt p{ font-size: 3.4rem; color: #ffd412; font-weight: 700; line-height: 1em; }

#ft_consult .tel a{color: #fff;}
#ft_consult .wr_input input { width: 230px; color:#fff; background: none; border:1px solid rgba(255,255,255,0.4); border-left-width:0; font-size: var(--fz16); padding: 0 1em; box-sizing: border-box; font-family: 'SUIT', sans-serif;}
#ft_consult .wr_input .sound_only{position: absolute; top: -9999px; left: -9999px; opacity: 0; height: 0; width: 0; overflow: hidden; visibility: hidden; z-index: -9999;}
#ft_consult .wr_input input::placeholder { color:#fff; }
#ft_consult .wr_input input:first-child { border-left-width:1px;}
#ft_consult .agree {  font-size: 1.3rem; margin: 0 20px; height: 42px;  }
#ft_consult .agree label { display: inline-block; vertical-align: middle; line-height: 1.3em;}
#ft_consult .agree a { color:#fff; text-decoration: underline; text-underline-position: under;}
#ft_consult .agree label span { display: inline-block; vertical-align: middle; padding-top: 5px; box-sizing: border-box; text-align: left;}
#ft_consult .btn_submit { background: #fff; color:#ad9047; font-weight:400; font-size:2.4rem; padding: 6px 25px 2px; cursor: pointer; box-sizing: border-box; border-radius: 0px; font-family: 'HSBombaram'; }

input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden;
   clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:40px;
	height:42px;
	display:inline-block;
	line-height:55px;
	background-repeat:no-repeat;
	background-position: left 6px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-image:url("/images/common/checkBox_on.png");
}
label.css-label { background-image:url("/images/common/checkBox.png");
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ft_consult_btn{position: fixed; bottom: 10px; width: 94%; margin: 0 auto; background-color: #e73817; color: #fff; z-index: 999; left: 50%; transform: translateX(-50%); border-radius: 10px; font-size: var(--fz20); padding: 15px 20px; text-align: center; font-weight: 700; box-shadow: 4px 2px 8px rgba(0,0,0,0.15); cursor: pointer; display: none;}

@media screen and (max-width:1680px){
   #ft_consult { font-size: 0.9em; }
   #ft_consult .wr_input input { width: 200px; }
}
@media all and (max-width:1280px){
	#ft_consult .tit{margin-right: 25px;}
	#ft_consult .tit .txt{gap:15px;}
	#ft_consult .tit .txt h3{font-size: 3rem; line-height: 1.2em;}
	#ft_consult .tit .txt p{font-size: 3rem;}
	#ft_consult .btn_submit{font-size: 2.1rem;}
}
@media screen and (max-width:1550px){
    #ft_consult .s-inner{flex-wrap: wrap;}
    #ft_consult{height: auto; padding: 2em 2em 2em;}
   #ft_consult .tel { font-size: 1.8em; background-size:25px auto }
   #ft_consult .wr_input input { width: 9vw; }
   #ft_consult .btn_submit { padding: 7px 1.5em 0; }
}
@media screen and (max-width:1350px){
	   #ft_consult .wr_input input { width: 10vw; }
}
@media screen and (max-width:1190px){
   #ft_consult .tit { width: 100%; text-align: center; justify-content: center; margin-right: 0; margin-top: 0; margin-bottom: 5px;}
   #ft_consult .wr_input { width: 50%; display: flex;}
   #ft_consult .wr_input input { width: 33%; }
   #ft_consult .btn_submit { width: 20%; }
   #ft_consult .agree { width: 16%; }
   input[type=checkbox].css-checkbox + label.css-label { background-size: 25px; padding-left: 30px; background-position: left 12px; }
}

@media screen and (max-width:868px){
   #ft_consult { line-height: 40px; }
   #ft_consult .agree { width: 22%; height: 40px; }
   #ft_consult input { height: 40px; }
      #ft_consult .btn_submit { padding: 5px 0 0; }
   #ft_consult .agree label span { padding-top:0; }
   input[type=checkbox].css-checkbox + label.css-label { height: 40px; line-height: 40px; background-position: left 5px; }
}

@media screen and (max-width:768px){
    .ft_bg{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); display: none;z-index: 99; }
    .ft_bg.on{display: block;}
    .ft_consult_btn{display: block;}
    .ft_consult_btn.on{display: none;}
   #ft_consult  { text-align: left; line-height: 30px; bottom: -100%; transition: .2s;opacity: 1 !important; transform: translate(0) !important; z-index: 100; display: none;}
    #ft_consult.on{bottom: 0;}
   #ft_consult .tit { margin-bottom: 0.5em;}
   #ft_consult .wr_input { width: 100%; }
   #ft_consult .agree { width: 100%; margin: 5px 0; height: auto; }
   #ft_consult .agree span br { display: none; }
   #ft_consult .agree span { line-height: 25px; }
   #ft_consult .btn_submit { width: 100%; font-size: 1.8rem;}
   input[type=checkbox].css-checkbox + label.css-label {background-position: left center; height: 25px; line-height: 25px}
	#ft_consult .tit .txt h3{font-size: 2.5rem; line-height: 1.2em;}
	#ft_consult .tit .txt p{font-size: 2.5rem;}
}