@charset "utf-8";

/* layout */
.inner {	width: 100%; max-width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;  }
.s-inner {	width:100%; max-width:1400px;	position:relative;	margin-left:auto;	margin-right:auto; }
#wrap { overflow-x: hidden; /*scroll-behavior:smooth;*/ }

/* 타블렛 가로 */
@media all and (max-width:1599px) {
	.inner {	width:90%; }
}
@media all and (max-width:1399px) {
	.s-inner {	width:90%; }
}
@media all and (max-width:1280px) {
	html { font-size: 60% !important; }
}
@media all and (max-width:976px) {
	html { font-size: 60% !important; }
}
@media all and (max-width:767px) {
	html { font-size: 0.55rem !important; }
}
@media all and (max-width:480px) {
	html { font-size: 2.2vw !important; }
}


/*Header*/
#header { position:fixed; width:100%; height:100px; box-sizing:border-box; z-index:300;  margin: 0 auto;
				display:flex; justify-content:space-between;align-items: center;  background: transparent; transition: .3s ease-in-out;}
#header .hd_bx { line-height:100px;  }
#header .hd_mbx { display: none; }



#header #logo { padding-left:60px; font-size:0;  z-index:599; position:relative}
#header #logo a { width:230px; height:36px;}
#header #logo a.logo { display: block; background:url("/images/common/logo.png") no-repeat center center; background-size:auto 100%; }



#gnb_pc {margin-left: auto; margin-right:4%}
#gnb_pc > ul{display: flex; align-items: center;}
#gnb_pc > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#gnb_pc > ul > li > div {display:block; font-size:1.9rem;  line-height:100px; position:relative; width: auto; padding: 0 35px; cursor: pointer; letter-spacing:0; }
#gnb_pc > ul > li > div  a { color:#FFF; font-weight:500 }
#gnb_pc > ul > li > ul { display: none; width:160px; background:#865741; position: absolute; top: 100px; left: 50%; margin-left: -80px; padding:0.8em 0}
#gnb_pc > ul > li > ul > li > a {display:block; width:100%; font-size:1.6rem; color:#fff; padding:0.7em 0; line-height: 1.2em; box-sizing: border-box; }
#gnb_pc > ul > li > ul > li:last-child > a {border-bottom:0;}
#gnb_pc > ul > li:hover > div { background: ;  }
#gnb_pc > ul > li > ul > li > a:hover { text-decoration:underline }



#hd_tel {margin-right:60px;  position:relative ;  z-index:599; }
#hd_tel p {}
/* #hd_tel p a{ padding:0 1.5em 0 3em; font-size:1.8rem; font-family:'Montserrat'; font-weight:500; background:rgba(185,124,94,0.6); border-radius:50px; line-height:50px; color:#FFF; display: inline-block;} */
#hd_tel .call{ padding:0.2em 1.5em 0.2em 3em; font-size:1.8rem; font-family:'Montserrat'; font-weight:500; background:rgba(185,124,94,0.6); border-radius:50px; line-height:30px; color:#FFF; display: inline-block;}
#hd_tel .call a{color: #fff;}
#hd_tel p:nth-child(1) a::before { content:''; width: 22px; height: 22px;  position:absolute; left:1.3em; top:8px; background: url("/images/common/ico_tel.png") no-repeat center; background-size: 100% auto; }
#hd_tel p:nth-child(2) a::before { content:''; width: 22px; height: 22px;  position:absolute; left:1.3em; bottom: 8px; background: url("/images/common/ico_txt.png") no-repeat center; background-size: 100% auto; }

#hd_tel{display: flex;}
#hd_tel > a { display: none; font-size: 0; width: 60px; height:60px; margin:0 0 0 10px; border-radius:100%;  background: #b97c5e url("/images/common/t_tel.png") no-repeat center;background-size:100% auto; }


/* #header.menu_on {background:#FFF}
#header.menu_on #logo a.logo { background:url("/images/common/logo_on.png") no-repeat left center; background-size:auto 100%; }
#header.menu_on #gnb_pc > ul > li > div  a,
#header.menu_on #gnb_pc .gnb_dp1>div>span{color:#222}
#header.menu_on .t_menu { background:#022a47} */

#header.scroll {background:#FFF}
#header.scroll #logo a.logo { background:url("/images/common/logo_on.png") no-repeat center center; background-size:auto 100% }

#header.scroll #lang ul li {border:1px solid #1c2a51; }
#header.scroll #lang ul li a {color:#1c2a51; font-weight:600}
#header.scroll #lang ul li.on a {background:#1c2a51; color:#FFF; font-weight:500}

#header.scroll #gnb_pc > ul > li > div  a,
#header.scroll #gnb_pc .gnb_dp1>div>span{color:#222}

#header.scroll .t_menu { background:#1c2a51}

#header.mo_on #logo a.logo { background:url("/images/common/logo.png") no-repeat left center; background-size:auto 100%; }





.menuToggle { position: absolute; right:0; top:0; width:80px; height:80px; cursor:pointer; z-index:101;  /*border-left: 1px solid rgba(255,255,255,0.1); */ }
.menuToggle span { display:block;  height:3px; border-radius:3px;   position:absolute; top: 50%; left:50%; margin-left: -16px; transition:all 0.5s; background:#FFF}
.menuToggle span.t { margin-top: -11px; width:30px;}
.menuToggle span.m { margin-top:-1px; width: 20px; }
.menuToggle span.b { margin-top: 9px; width:30px; }

 #header.mo_on .menuToggle span.t {transform: rotate(45deg);  margin-top: 0;}
#header.mo_on .menuToggle span.m {width:0;}
#header.mo_on .menuToggle span.b {transform: rotate(-45deg); width:30px;  margin-top: 0;} 

#header.scroll .menuToggle span { background:#222}
#header.mo_on .menuToggle span { background:#FFF} 




#gnb_mo { position:fixed; top:0; right:0; width:100%; height:100%; max-width:500px; padding: 80px 0;
                background:rgba(5,5,5, 0.90); overflow-y:scroll; -ms-overflow-style:none; z-index: 100; text-align: left;
                transition: all 0.4s ease; -webkit-transform: translateX(100%) rotate(0); -moz-transform: translateX(100%) rotate(0);
                -ms-transform: translateX(100%) rotate(0); -o-transform: translateX(100%) rotate(0);
                 transform: translateX(100%) rotate(0); }
#gnb_mo > ul { border-top: 1px solid rgba(255,255,255,0.1); line-height:3.5em;}
#gnb_mo > ul > li > div {display:block; width:100%; font-size:1.9rem;  border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box; padding:0 1.5em; position:relative; cursor: pointer; }
#gnb_mo > ul > li > div:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:1em; top:50%; margin-top:-1px;}
#gnb_mo > ul > li > div:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:calc(1em + 5px); top:50%; margin-top:-6px; transition:all 0.5s;}
#gnb_mo > ul > li > div > a { color:#fff; }
#gnb_mo > ul > li > ul { display:none; }
#gnb_mo > ul > li > ul > li > a {display:block; width:100%; font-size:1.7rem; color:#4b4b4b;padding:0 1.5em; font-weight: 500;
                                             border-bottom:1px solid #e1e1e1; background:#fff; box-sizing:border-box; line-height:3.5em;}
#gnb_mo > ul > li > div.on { background: #b97c5e; }
#gnb_mo > ul > li > div.on:before {transform:rotate(90deg)}

#header.mo_on #gnb_mo {display:block;}
#gnb_mo.m_menuOn{	-webkit-transform: translateX(0) rotate(0); -moz-transform: translateX(0) rotate(0);	-ms-transform: translateX(0) rotate(0);	-o-transform: translateX(0) rotate(0);	transform: translateX(0) rotate(0); }



@media all and (max-width:1599px){
	#header #logo { padding-left:30px }
	#hd_tel {margin-right:30px; }
}
@media all and (max-width:1399px){
	#gnb_pc { margin-right:3%}
	#gnb_pc > ul > li > div { padding: 0 30px; }
}
@media all and (max-width:1199px){
	#header { height:80px; text-align: center; /* background:#FFF */}
	#header .hd_bx { line-height:80px; }
	#header .hd_mbx { display: block; }
	#header #logo {margin:0 auto; padding-left:0; padding-right:80px;  order:2}
	#hd_tel {order:1;  margin-right:0}
	#hd_tel p {display:none}
	#hd_tel .call {display:none}
    
	#gnb_pc {display:none;}
    #gnb_mo > ul > li > div  a br{display: none;}
    #gnb_mo > ul > li > div{line-height: 3.5em !important;}
	#gnb_mo { text-align: left; }
}
@media all and (max-width:976px){
	#header { height:70px; }
	#header #logo {padding-right:100px;}
	#hd_tel a { width:50px; height:50px; }
	.menuToggle { width:70px; height:70px }
	#gnb_mo { padding: 70px 0; }	
}
@media all and (max-width:767px) {
	#header { height:60px; }
	#header #logo {padding-right:100px;}
	#hd_tel a { width:40px; height:40px; }
	.menuToggle { width:60px; height:60px }
	#gnb_mo { max-width: 100%; padding: 60px 0; }
}
@media all and (max-width:480px){
    #header #logo a {height:25px;}
    #hd_tel a {margin:0 0 0 5px;}
}
@media all and (max-width:400px){
    #header #logo{margin-left: 5%;}
    #header #logo a.logo{background-position: left center;}
    #header.scroll #logo a.logo {background-position: left center;}
    #hd_tel a {margin:0 0 0 5px;}
}









#Quick {position:fixed; right:5px; bottom:10%; z-index:99}
#Quick li {width:50px; margin-bottom:5px;}
#Quick li.kakao {display: none;}
#Quick li img {width:100%}
#Quick li.mo {display:none}

@media all and (max-width:1024px){
	#Quick li {width:40px;}
	#Quick li.mo {display:block}
}
@media all and (max-width:767px){
	#Quick {display:flex; justify-content:center; right:50%; transform:translateX(50%); bottom:0 }
	#Quick li {margin:5px }
}



.q-con{position:fixed; bottom: 20px; right: 5px; z-index:99; background: #b97c5e; width: 160px; height: 60px; border-radius: 100px;}
/* .q-con{position:fixed; bottom: 20px; right: 5px; z-index:99; background: url('/images/common/q-con.png') no-repeat 100% 85% rgba(185,124,94,0.6); width: 150px; height: 70px; background-size: 30px;} */
.q-con a{width: 100%; height: 100%; display: inline-block; color: #fff; padding: 10px 20px; display: flex; align-items: center; justify-content: space-between;}
.q-con a h3{font-size: 1.8rem;}
.q-con a img{width: 28px;}


#f-Bn { height:500px; background:url('/images/common/f-bn-bg.png') no-repeat center center; background-size:cover;
		 display:flex; justify-content:center; align-items: center; position:relative; z-index:2}
#f-Bn .s-inner { text-align:center; color:#FFF}
#f-Bn .img {margin-bottom:20px}
#f-Bn h3 { font-size:4.0rem; font-family: 'Cormorant', serif; text-transform:uppercase; font-weight:600 ;line-height:3.0em}
#f-Bn h3 a{color: #fff;}
#f-Bn h3 br {display:none}
#f-Bn dl dt { margin:2.5em 0 1.3em; font-size: 2.2rem; font-weight:600}
#f-Bn dl dt br {display:none}
#f-Bn dl dd { line-height:1.6em;}

#f-Bn ul{display: flex; width: 100%; justify-content: center; flex-wrap: wrap;}
#f-Bn ul.mb{margin-bottom: 50px;}
#f-Bn ul li{ width: 25%; text-align: center; position: relative;}
#f-Bn ul li:last-child::after{display: none;}
#f-Bn ul li::after{position: absolute; width: 1px; height: 80%; right: 0;top: 50%; background-color: #b8b8b8; content: ''; opacity: 0.3; transform: translateY(-50%);}
#f-Bn ul li a{color: #fff; font-size: 2.3rem; font-family: 'Pretendard', serif; display: inline-block; width: 100%; font-weight: 400;}
#f-Bn ul li a p{margin-top: 30px;}

@media all and (max-width:1024px) {
    #f-Bn { height:500px;}
	#f-Bn .img {width:70px}
	#f-Bn h3 { font-size:5.0rem}
	#f-Bn dl dt { margin:2.0em 0 1.0em;}
}
@media all and (max-width:976px) {
    #f-Bn h3 { font-size:6.0rem}
	#f-Bn h3 br {display:block}
    #f-Bn ul li a{font-size: 2rem;}
    #f-Bn ul li a img{max-width: 50px;}
}
@media all and (max-width:580px) {
    #f-Bn { height:700px;}
    #f-Bn .img {width:60px}
	#f-Bn h3 { font-size:5.5rem}
	#f-Bn dl dt {font-size: 2.2rem}	
	#f-Bn dl dt br {display:block}
    #f-Bn ul.mb{margin-bottom: 0px;}
    #f-Bn ul li{ width: 50%; margin-bottom: 25px;}
    #f-Bn ul li:nth-child(2)::after{display: none;}
    
}
@media all and (max-width:480px) {
    #f-Bn { height:auto; padding:5em 0}
	#f-Bn .img {width:50px}
	#f-Bn h3 { font-size:4.5rem}
    #f-Bn ul li a img{max-width: 30px;}
    #f-Bn ul li a p{margin-top: 15px;}
}




#f-Cs { padding:3% 0; background:#77675f; position:relative; z-index:2}
#f-Cs .inner {display:flex; justify-content:center; position:relative}
/* #f-Cs .inner:before {content:''; width:1px; height:100%; background:rgb(255,255,255,0.3); position:absolute; left:50%; top:0 } */
#f-Cs section {color:#FFF; display:flex; align-items: start;  flex-wrap: wrap; width: 50%; justify-content: center;}
#f-Cs section h3 { padding-right:3em; font-size:2.4rem; font-weight:600}
#f-Cs section ul li.t1 {margin-bottom:0.8em; font-size: 2.2rem; color:#e6b49b; font-family:'Montserrat', 'Pretendard'; font-weight:600}
#f-Cs section ul li.t1 span { /*border-left:1px solid #a0958f;*/ margin-left:1em; padding-left:1em; color:#FFF; font-size:1.8rem; font-weight:400}
#f-Cs section ul li.t1 span.pd {    padding-left: 1.35em;}
#f-Cs section ul li.t2 { font-size: 1.5rem; font-family:'Roboto', 'Pretendard'; font-weight:300; opacity:.7; line-height:1.4em}
#f-Cs section ul li.t2:last-child {margin-top:5px}
#f-Cs section ul li.t2 span {width:100px; display:inline-block}
#f-Cs section ul li img {width: 100%;}
#f-Cs section .mBtn {margin-left:4em; padding:0.5em 1em; border:1px solid rgba(255,255,255,0.3); border-radius:50px; color:#FFF; display: flex; align-items: center;}
#f-Cs section .mBtn img{ width: 40px; margin-right: 10px;}
#f-Cs section .mBtn2 {padding:0.5em 1em; border:1px solid rgba(255,255,255,0.3); border-radius:50px; color:#FFF; display: flex; align-items: center; width: 440px; }
#f-Cs section .mBtn2 img{ width: 40px; margin-right: 10px;}

.n_search{width: 100%; margin-top: 30px; display: flex; align-items: center; gap: 20px; justify-content: center; flex-wrap: wrap; padding: 0 20px;}
.n_search img{max-width: 424px; width: 100%; }
.n_search p{color: #fff;font-size: 1.8rem;}
.n_search p span{color: #81c573; font-weight: bold;}

@media all and (max-width:1499px) {
    #f-Cs section h3 { padding-right:2em;}
	#f-Cs section .mBtn {margin-left:2em;}
}
@media all and (max-width:1399px) {
    #f-Cs .inner {  justify-content:center;  justify-items: center; }
	#f-Cs .inner:before {display:none}
	#f-Cs section { flex-wrap:wrap;}
	#f-Cs section h3 { margin-bottom:1em; width:100%; padding-right:0}
}
@media all and (max-width:976px) {
    #f-Cs { padding:5%}
	#f-Cs .inner { flex-wrap:wrap; }
	#f-Cs section {width:100%}
	#f-Cs section:last-child {margin-top:2em; padding-top:2em; border-top:1px solid rgba(255,255,255,0.1)}
    #f-Cs section .mBtn2 {width: 100%;}
}
@media all and (max-width:640px) {
    #f-Cs { padding:8% 0}
    #f-Cs section .mBtn img{ width: 25px; margin-right: 10px;}
}
@media all and (max-width:480px) {
    #f-Cs section ul li.t1 span { display:block; border-left:0; margin-left:0; padding-left:0;}
    #f-Cs section ul li.t1 span.pd {padding-left: 0;}
	#f-Cs section ul li.t1.ver2 {margin-bottom:0.3em;}
	#f-Cs section ul li.t2 br {display:none}
	#f-Cs section ul li.t2 span {width:22vw}
	#f-Cs section .mBtn {margin-left:0; margin-top:2em;  }
}




#footer {padding: 3em 0; background:#f8f4f1; text-align:center; position:relative; z-index:2 }
#footer #f-info {margin:2em 0 1em; display:flex; justify-content:center; flex-wrap:wrap}
#footer #f-info p  { padding:2px 15px;}
#footer #copy { font-size:1.4rem; opacity:.7;  text-transform:uppercase}

@media all and (max-width:767px) {
	#footer {padding: 3em 0 70px 0; }
}
@media all and (max-width:480px) {
	#footer #f-logo img {width:20%}
	#footer #f-info p { font-size:1.5rem; padding:2px 10px; }
	#footer #copy { font-size:1.25rem; }
}