@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; }
.w-inner {	width:100%; max-width:1280px;	position:relative;	margin-left:auto;	margin-right:auto; }

#wrap { font-size: 1.6rem; overflow-x: hidden; }

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




.p-Part { padding-top:130px 0}
.m-Part { margin-top:130px 0}
 
@media all and (max-width:1280px) {
	.p-Part { padding-top:100px 0}
	.m-Part { margin-top:100px 0}
}
@media all and (max-width:480px) {
	.p-Part { padding-top:15vw 0}
	.m-Part { margin-top:15vw 0}
}




/* #content {margin-top:100px;}
@media all and (max-width:1280px) {
	#content {margin-top:70px;}
}
@media all and (max-width:768px) {
	#content {margin-top:60px;}
}
@media all and (max-width:480px) {
	#content {margin-top:55px;}
} */



/*Header*/
#header {padding:0 3%; position:fixed; width:100%; height:100px; z-index:150; display:flex;align-items: center; justify-content: space-between; background:#FFF }

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


#header .hd_bx { line-height:100px; }
#header .hd_mbx { display: none; }


#header .t_blog {margin-left:5px; width:50px; height:50px; background:rgb(255, 255, 255, 0.2); border-radius:100px;
					display:inline-flex; justify-content: center; align-items: center}
#header .t_blog img {width:100%}

#gnb_pc { margin:0 auto }
#gnb_pc > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#gnb_pc > ul > li > div {display:block;  text-transform:uppercase; line-height:100px; position:relative; width: auto; font-weight:600;
							padding: 0 25px; cursor: pointer;letter-spacing:0; }
#gnb_pc > ul > li > div  a { font-size: 2.0rem; color:#111; }
#gnb_pc > ul > li > ul { display: none; padding:15px 0; width:180px; background:#826537; position: absolute; top: 100px; left: 50%; margin-left: -90px; }
#gnb_pc > ul > li > ul > li > a {display:block; width:100%;padding:10px; color:#fff;box-sizing: border-box; line-height:1.4em; 
										font-size: 1.8rem }
#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}
#gnb_pc > ul > li > ul > li > ul {display:none}




.hd_full { display:none;  width:70px; height:70px; position:relative; cursor:pointer;}
.hd_full span { display:block; width:26px; height:2px; background:#2f221b; position:absolute; top: 50%; left:50%; margin-left: -13px; transition:all 0.5s; }
.hd_full span.t { margin-top:-10px; }
.hd_full span.m { margin-top: -1px;  }
.hd_full span.b { margin-top: 8px;  }



#header.scroll #logo a.logo {background:url("/images/common/logo.png") no-repeat left center; background-size:100% auto;}
#header.scroll #gnb_pc > ul > li > div  a { color:#222;  font-weight:600}
#header.scroll .hd_full { background: #2f221b;}
#header.scroll .hd_full span {background:#FFF}
#header.scroll .t_blog{background-color: #0f9220}
#header.scroll .t_blog.talk{background-color: #e4ac12}


#gnb_mo { position:fixed; height:100%; z-index:999; left:0;  top:70px; background:rgba(10,10,10,0.9);
                color:#FFF; width:100%; max-width:640px; box-sizing:border-box; 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); text-align: left;}
#gnb_mo > ul > li > div {display:block; width:100%;  color:#fff; line-height:50px; border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box; padding:0 2rem; position:relative; cursor: pointer; }
#gnb_mo > ul > li > div.on {background:#c8a164 }
#gnb_mo > ul > li > div:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:15px; top:50%; margin-top:-1px;}
#gnb_mo > ul > li > div:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:20px; top:50%; margin-top:-6px; transition:all 0.5s;}
#gnb_mo > ul > li > div a { color:#fff; font-size:1.9rem }
#gnb_mo > ul > li > ul { display:none; }
#gnb_mo > ul > li > ul > li > a { display:block; width:100%; color:#555; line-height:50px; padding:0 2rem 0 3rem; font-size: 1.7rem;
                                             border-bottom:1px solid #e1e1e1; background:#f9f9f9;  box-sizing:border-box; }

#gnb_mo > ul > li > div.on:before {transform:rotate(90deg)}

#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); }

#header.on .hd_full span.t {transform:translateY(9px) rotate(45deg)}
#header.on .hd_full span.m {width:0;}
#header.on .hd_full span.b {transform:translateY(-9px) rotate(-45deg)}



@media all and (max-width:1599px){
	#gnb_pc > ul > li > div {padding: 0 20px;  }
	#header #logo a { width:280px;}
	#header .t_blog {  width:46px; height:46px;}
}

@media all and (max-width:1499px){
	#header {padding:0 30px; }
	#header #logo a { width:250px;}
	#gnb_pc > ul > li > div {padding: 0 13px;  }
	#gnb_pc > ul > li > div  a { font-size: 1.9rem; }
}

@media all and (max-width:1280px){
  #header {padding:0; padding-right:2%;  height:70px; justify-content:space-between; }
  #header #logo { margin:0 auto; padding-left:37px;}

  #header .hd_bx { line-height:70px;  }
  #header .hd_mbx { display: block;  }
  #header .hd_pc {display:none;}

  #header .t_blog { width:40px; height:40px; margin-left:3px }
}


@media all and (max-width:768px){
    #header { height:60px; }
    #header::after { top: 60px; }
    #header .hd_bx { line-height:60px;  }
    #header .hd_full { width: 60px; height: 60px; }

	#header #logo { padding-left:15px;}
	
	#header .t_tel,
	#header .t_blog {width:40px; height:40px;}


    #header.menu_on #gnb_pc:before { height:60px; }

    #header.scroll { height: 60px;  }
    #header.scroll .hd_bx { line-height: 59px; }
    #header.scroll #gnb_pc:before { height: 60px; }


    #gnb_mo { top: 60px; }
}

@media all and (max-width:480px){
    #header { height:55px; }
    #header::after { top: 55px; }
    #header .hd_bx { line-height:55px;  }
    #header .hd_full  { width: 55px; height: 55px; }
    #header #logo a {width:180px}
    #header .t_tel,
    #header .t_blog {width:36px; height:36px;}

    #header.scroll { height: 55px;  }
    #header.scroll .hd_bx { line-height: 54px; }
    #header.scroll #gnb_pc:before { height: 55px; }

    #gnb_mo { top: 55px; }
}




#header2 { position:fixed; width:100%; height:110px; box-sizing:border-box; z-index:300;  margin: 0 auto;display:flex; justify-content:space-between;align-items: center; }
#header2 .hd_mbx { display: none; }

#header2 #logo { font-size:0; margin-left:60px; z-index:103; position:relative}
#header2 #logo a { width:273px; height:60px;}
#header2 #logo a.logo { display: block; background:url("/images/common/logo_w.png") no-repeat left center; background-size:100% auto; }



#gnb_pc2 { margin-right:auto; margin-left:5%}
#gnb_pc2 > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#gnb_pc2 > ul > li > div {display:block; font-size:1.8rem; text-transform:uppercase; line-height:110px; position:relative; width: auto; padding: 0 30px; cursor: pointer; }
#gnb_pc2 > ul > li > div  a { color:#FFF;  }
#gnb_pc2 > ul > li > ul { padding:10px 0; display: none; width:180px; background:#826537; position: absolute; top: 110px; left: 50%; margin-left: -90px; }
#gnb_pc2 > ul > li > ul > li > a {display:block; width:100%; font-size:1.7rem; color:#fff; padding:0.5em 0; line-height: 1.4em;  box-sizing: border-box; }
#gnb_pc2 > ul > li > ul > li:last-child > a {border-bottom:0;}
#gnb_pc2 > ul > li:hover > div { background: ;  }
#gnb_pc2 > ul > li > ul > li > a:hover {text-decoration:underline; font-weight:500}




#hd_tel {margin-right:60px}
#hd_tel h3 {position:relative; background:rgba(255,255,255,0.1); border-radius:60px; padding:0.7em 1.5em; font-size:1.8rem;}
#hd_tel h3::before { content:''; width: 24px; height: 24px; position:absolute; left:1.5em; top:50%; transform:translateY(-50%); background: url("/images/common/hd_tel_icon.png") no-repeat center; background-size: 100% auto; margin-right: 0.2em; }
#hd_tel h3 p {padding-left:2em; font-size:1.8rem; font-weight:700; color:#FFF; }
#hd_tel a { display: inline-block;  background: url("/images/common/hd_tel_icon.png") no-repeat center center; background-size: 50% auto;  font-size:0}




#header2.scroll { background:#FFF}
#header2.scroll #logo a { background:url("/images/common/logo.png") no-repeat left center;  background-size:100% auto; }
#header2.scroll #gnb_pc2 > ul > li > div  a { color:#222;  }
#header2.scroll #hd_tel h3 {background:#583a2b;}

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



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


.menuToggle { position: absolute; right:0; top:0; width:80px; height:80px; cursor:pointer; z-index:101; }
.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: 30px; }
.menuToggle span.b { margin-top: 9px; width:30px; }

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

#header2.mo_on .menuToggle span { background:#FFF} 




#gnb_mo2 { position:fixed; top:0; right:0; width:100%; height:100%; max-width:500px; padding: 80px 0; background:rgba(130, 101, 55, 0.9); 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_mo2 > ul { border-top: 1px solid rgba(255,255,255,0.1); line-height:3.5em;}
#gnb_mo2 > ul > li > div {display:block; width:100%; font-size:2.0rem;  border-bottom:1px solid rgba(255,255,255,0.1); box-sizing:border-box; padding:0 1.5em; position:relative; cursor: pointer; }
#gnb_mo2 > ul > li > div:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:1em; top:50%; margin-top:-1px;}
#gnb_mo2 > 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_mo2 > ul > li > div > a { color:#fff; }
#gnb_mo2 > ul > li > ul { display:none; }
#gnb_mo2 > ul > li > ul > li > a {display:block; width:100%; font-size:1.8rem; color:#4b4b4b;padding:0 2em; font-weight: 500; border-bottom:1px solid #e1e1e1; background:#fff; box-sizing:border-box; line-height:3.5em;}
#gnb_mo2 > ul > li > div.on { background:#826537; }
#gnb_mo2 > ul > li > div.on:before {transform:rotate(90deg)}

#header2.mo_on #gnb_mo {display:block;}
#gnb_mo2.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:1800px){
#hd_tel {margin-right:30px}
#gnb_pc2 > ul > li > div{padding: 0 25px;}
}
@media all and (max-width:1680px){
    #gnb_pc2 > ul > li > div{padding: 0 20px;}
    #header2 #logo a {width:240px;}
}
@media all and (max-width:1599px){
#header2 #logo { margin-left:30px;}
#gnb_pc2 { margin-right:auto; margin-left:3%}
#hd_tel {margin-right:30px}
#hd_tel h3 p {font-size:1.6rem;}
}
@media all and (max-width:1499px){
#gnb_pc2 > ul > li > div {padding: 0 15px;}
}
@media all and (max-width:1399px){
#header2 #logo a {width:228px;}
#gnb_pc2 > ul > li > div {font-size:1.6rem; }
#gnb_pc2 > ul > li > ul > li > a { font-size:1.6rem}
#hd_tel h3 { padding:0.5em 1em;}
#hd_tel h3::before { content:''; width: 22px; height: 22px; position:absolute; left:1.0em; }

}
@media all and (max-width:1280px){
#header2 { height:80px; text-align: center; /* background:#FFF */}
#header2 .hd_bx { line-height:80px; }
#header2 .hd_mbx { display: block; }
#gnb_pc2 {display:none;}
#gnb_mo2 { text-align: left; }
#hd_tel {margin-right:80px}

#header2.scroll {height:80px}
}
@media all and (max-width:1024px){
#hd_tel h3 {display:none}
#hd_tel a { width:44px; height:44px;background-color:#826537;  border-radius:100px; }
}
@media all and (max-width:976px){
#header2 { height:70px; }
.menuToggle { width:70px; height:70px }
#gnb_mo2 { padding: 70px 0; }	

#header2.scroll {height:70px}
}
@media all and (max-width:767px) {
#header2 { height:60px; }
#header2 #logo { margin-left:20px }
#header2 #logo a {width:210px;}
#hd_tel {margin-right:60px}
.menuToggle { width:60px; height:60px }
#gnb_mo2 { max-width: 100%; padding: 60px 0; }

#header2.scroll {height:60px}
#header2.scroll.mo_on #logo a.logo { background:url("/images/common/logo.png") no-repeat left center;background-size:100% auto; }
#header2.mo_on #logo a.logo { background:url("/images/common/logo.png") no-repeat left center; background-size:100% auto; }
}
@media all and (max-width:480px) {
#header2 #logo { margin-left:10px }
#header2 #logo a {width:200px;}
#hd_tel a { width:38px; height:38px;}
}





#footer { padding:4% 0; background: #47423f url('/images/common/ft-sb.png') no-repeat 101% center; 
			background-size:auto 110%  }
#footer .f-cont {margin-top:3em; display:flex; gap:5px 25px; flex-wrap:wrap}
#footer .f-cont p {  font-size:1.7rem; color:#b2b2b2; opacity:.8}
#footer .f-cont p span {color:#FFF}
#footer .f-cont .copy { width:100%; font-size: 1.5rem; opacity: 0.5; margin-top: 0.5em; font-weight: 500; 
							text-transform:uppercase; }

@media all and (max-width:976px) {
	#footer { padding:8% 0; }
}
@media all and (max-width:768px) {
	#footer {background-image:none; text-align:center}
	#footer .f-cont {margin-top:2em; justify-content:center;}
}
@media all and (max-width:480px) {
	#footer img {width:45vw}
	#footer .f-cont p {font-size:1.4rem}
	#footer .f-cont .copy { font-size: 1.2rem; }
}