@charset "utf-8";


/* mobile gnb ani */
@-webkit-keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}


/* layout */
#wrap {	width:100%;	min-width:320px; position:relative;	margin:0 auto;}

.inner {	width:1400px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1200px;	position:relative;	margin-left:auto;	margin-right:auto;}
.m-inner {	width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;}
.f-inner {	width:1680px;	position:relative;	margin-left:auto;	margin-right:auto;}


/* 타블렛 가로 */
@media all and (max-width:1679px) {
.f-inner {width:96%;}
}

@media all and (max-width:1599px) {
.m-inner {width:96%;}
}

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

@media all and (max-width:1299px) {
.s-inner {width:96%;}
}

@media all and (max-width:976px) {
	#wrap { font-size: 15px; }
}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	#wrap { font-size: 14px; }
}

@media screen and (max-width:480px) {
	#wrap { font-size: 13px; }
}



/* header */
#header {position:relative; width:100%; height:100px; box-sizing:border-box; border-top:3px solid rgba(249,161,58,1); z-index:300;}
#header .top_right { position: absolute; top: 8px; right: 0; }
#header .top_right ul { width: 180px; margin-right: 0; }
#header .top_right ul li {  width: 21%; }
#header .top_right ul li img { width: 100%; }
#header .call {color:#8b7660; font-weight:300}
#header .call span {position:relative; font-weight:600;  margin-left:7px; padding-left:7px; font-size:1.05em;}
#header .call span:before {content:""; width:1px; height:14px; background:#8b7660; display:block; position:absolute; top:6px; left:0;}

#logo {position:absolute; left:0; top:13px; width:102px; height:71px; background:url(/images/common/logo.png) no-repeat center center; background-size:cover; font-size:0; text-indent:-9999px;}
#logo a {display:block; width:100%; height:100%;}

#pcGnb {width:100%; text-align:center;}
#pcGnb > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative;}
#pcGnb > ul > li > a {display:block; font-size:1.15em; color:#323232; line-height:97px; letter-spacing:-0.08em; position:relative; padding:0 45px;}
#pcGnb > ul > li > ul {display:none; width:100%; background:rgba(249,161,58,.9); overflow:hidden;}
#pcGnb > ul > li > ul > li > a {display:block; width:100%; font-size:0.95em; color:rgba(255,255,255,0.9); padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.3)}
#pcGnb > ul > li > ul > li:last-child > a {border-bottom:0;}

#pcGnb > ul > li:hover {background:rgba(249,161,58,.1);}

.menuToggle {display:none; float:right; width:26px; height:19px; position:relative; margin:24px 0 0 0; cursor:pointer;}
.menuToggle span {display:block; width:100%; height:2px; background:#323232; position:absolute; left:0; transition:all 0.5s}
.menuToggle span.t {top:0;}
.menuToggle span.m {top:50%; margin-top:-1px;}
.menuToggle span.b {bottom:0;}

#moGnb {display:none; position:fixed; top:70px; left:0; width:100%; height:100%; background:rgba(139,118,96,0.9); overflow-y:scroll; padding-bottom:100px; -ms-overflow-style:none;}
#moGnb > ul > li > a {display:block; width:100%; font-size:1.05em; color:#fff; line-height:48px; border-bottom:1px solid rgba(255,255,255,0.3); box-sizing:border-box; padding:0 2%; position:relative;}
#moGnb > ul > li > a:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:10px; top:50%; margin-top:-1px;}
#moGnb > ul > li > a:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:15px; top:50%; margin-top:-6px; transition:all 0.5s;}
#moGnb > ul > li > ul {display:none;}
#moGnb > ul > li > ul > li > a {display:block; width:100%; font-size:1em; color:#fff; line-height:45px; border-bottom:1px solid rgba(255,255,255,0.2); background:#f9a13a; box-sizing:border-box; padding:0 2%;}

#moGnb > ul > li > a.active:before {transform:rotate(90deg)}


#header.mo_on {background:#fff; border-bottom:1px solid rgba(0,0,0,0.1)}
#header.mo_on #logo {background-image:url(/images/common/logo.png)}

#header.mo_on .menuToggle span {background:#222;}
#header.mo_on .menuToggle span.t {transform:translateY(8.5px) rotate(45deg)}
#header.mo_on .menuToggle span.m {width:0;}
#header.mo_on .menuToggle span.b {transform:translateY(-8.5px) rotate(-45deg)}

#header.mo_on #moGnb {display:block;}



@media screen and (max-width:1024px){
	#header {height:70px; }

	#header .top_right { position: absolute; top: 10px; right: 50px; }
	#header .top_right ul { width: 160px; }

	#logo {top:8px; width:72px; height:50px;}
	#header .call {right:50px; top:20px;}

	#pcGnb {display:none;}

	.menuToggle {display:block;}
}

@media screen and (max-width:480px){
	#header .top_right ul { width: 140px; }
}



/* quick  -old
#Quick {position:fixed; top:0px; right:0; width:90px; border-radius:45px; background:#8b7660; text-align:center; z-index:30; padding:25px 0 15px;}
#Quick li:after {content:''; display:block; width:90%; height:1px; margin:15px auto; background:rgba(255,255,255,0.1)}
#Quick li p {font-size:0.85em; color:rgba(255,255,255,0.7);}
#Quick li p.num { font-weight:bold; color:rgba(255,255,255,1);}
#Quick .go_top {display:inline-block; width:50px; line-height:50px; border-radius:50%; background:#d1baa3; text-align:center; font-size:0.9em; color:#fff; font-weight:bold; cursor:pointer;}

@media screen and (max-width:1024px){
	#Quick {display:none;}
}
*/
#Quick {position:fixed;  bottom:0px;right:0; width:90px; border-radius:45px; background:#8b7660; text-align:center; z-index:30; padding:30px 0 0px;display:none}
#Quick li:after {content:''; display:block; width:90%; height:1px; margin:15px auto; background:rgba(255,255,255,0.0)}
#Quick li p {font-size:0.85em; color:rgba(255,255,255,0.7);}
#Quick li p.num { font-weight:bold; color:rgba(255,255,255,1);}
#Quick .go_top {display:inline-block; width:50px; line-height:50px; border-radius:50%; background:#d1baa3; text-align:center; font-size:0.9em; color:#fff; font-weight:bold; cursor:pointer;}

@media screen and (max-width:1024px){
	#Quick {display:block;}
}



/* footer */
#fLink { position:relative; width:100%; border-top:1px solid #d1baa3; border-bottom:1px solid #d1baa3}
#fLink ul {overflow:hidden; width:100%;}
#fLink ul li { position:relative;float:left; width:20%; /*height:32vh;*/ border-left:1px solid #d1baa3;box-sizing:border-box;}
#fLink ul li:last-child {border-right:1px solid #d1baa3;}
#fLink ul li dl { padding:10%}
#fLink ul li dl dt {font-size:1.45em; color:#000; font-weight:400; margin:15px 0 5px}
#fLink ul li dl .txt {color:rgba(0,0,0,.8)}
#fLink ul li dl .more {display:inline-block; padding-top:5vw; }
#fLink ul li dl .more a {  color:#d1baa3; font-family: 'Montserrat', sans-serif; font-weight:600; font-size:0.85em; letter-spacing:0.025em;}

#footer {padding:25px 0; box-sizing:border-box;}
.footerTop {margin-bottom:15px;}
.footerTop li {display:inline-block; margin-right:15px;}
.footerTop li a {font-size:0.95em; color:rgba(140,108,76,1);}
.footerInfo li {display:inline-block; margin-right:10px; font-size:0.95em; color:rgba(140,108,76,1)}
.footerInfo li.copy {font-size:0.75em; letter-spacing:0; font-weight:600; color:rgba(209,186,163,.6); text-transform:uppercase}

#fImg {width:100%; height:600px;background:url("/images/common/fImg-BG_new.jpg")no-repeat center center; background-size:cover; }
#fImg h1 {padding-top:360px;}
#fImg p {color:#fff; margin-top:20px; font-size:1.05em}

.footerInfo { display: inline-block; }

/*sns 링크버튼*/
#footer .f-inner { display: flex; justify-content: space-between; }
.sns_link { width:200px; display: flex; justify-content: space-between; }
.sns_link .no_color_ico { display: none; }
.sns_link li.on .no_color_ico { display: block; }
.sns_link li.on .color_ico { display: none; }

@media screen and (max-width:1850px){
	.sns_link { margin-right: 60px; }
}
@media screen and (max-width:1744px){
	.sns_link { margin-right: 80px; }
}

@media screen and (max-width:1299px){
#fImg {height:40vw;}
#fImg h1 {padding-top:23vw;}
#fImg h1 img {width:15%}
#fImg p {margin-top:1%;}
}

@media screen and (max-width:1024px){
#fLink ul li { height:28vh;}
#fLink ul li dl {font-size:0.90em;}
#footer {padding:3% 0;}
.sns_link { margin-right: 0; }
}

@media screen and (max-width:860px){
#footer .f-inner { display: flex; justify-content: space-between; flex-direction: column; }
.sns_link { margin-top: 1%; }
}

@media screen and (max-width:767px){
#fImg {height:43vw;}
#fImg h1 img {width:20%}
}

@media screen and (max-width:540px){
#fLink ul li {float:none; width:100%; height:auto; border-left:0; border-bottom:1px solid #d1baa3;}
#fLink ul li:last-child {border-right:none; border-bottom:none}
#fLink ul li dl { padding:4%}
#fLink ul li dl .more {position:absolute; bottom:20px; right:20px;}
}

@media screen and (max-width:480px){
#fImg {height:45vw;}
#fImg p { font-size:0.90em;}
#fLink ul li dl .more { bottom:12px; right:12px;}
}




@media screen and (max-width:860px){
	#header .top_right {
		display: none;
	}
	.mobHeader {
		position: -webkit-sticky !important; 
		position: sticky !important; 
		top: 0; 
		background-color:white

	}
}




.carousel-prev-icon {
  width: 40px;
  height: calc(100vh);
  background-color: rgba(255, 146, 28, 0.6); /* 배경색을 반투명한 빨간색으로 설정 */
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0; 
  transition: width 0.5s ease;
 
}

.carousel-prev-icon:hover {
  width: 80px; 
}
.mobTel{
	display: none;
}	

/* 모바일 디바이스를 위한 미디어 쿼리 */
@media (max-width: 768px) {
	.mobTel{
		display: block;
	}	
  .carousel-prev-icon {
    width:70px;
    height:70px;
    background-position:-197px 0px;
    border-radius: 0;
    border-top-right-radius: 20px; 
    display:flex;
    position:fixed;
    bottom:0px;
    right:0px;
    z-index:2050;
    overflow:hidden;
  }

  .carousel-prev-icon:hover {
    width: 70px;
  }
}