body {-webkit-text-size-adjust:none;}
[class$="inr"]{max-width:1200px;  margin:0 auto; position:relative;}
[class$="inr"]:after{content:'';display:block;clear:both;}

@media screen and (max-width:1200px){
[class$="inr"]{max-width:100%;  width:100%; margin:0 auto; padding:0 20px; }
}
@media screen and (max-width:1200px){
[class$="inr"]{ padding:0 10px; }

}

input[placeholder] {  color:#999; }
input::-webkit-input-placeholder {  color:#999; }
input::-moz-input-placeholder {  color:#999; opacity:1; }
input::-o-input-placeholder {  color:#999; opacity:1; }
input::-ms-input-placeholder {  color:#999; opacity:1; }


.trans{
    -webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
       -moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
         -o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}    
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}

/* font-color */
.fc_skyblue {color:#12b8ee !important;}
.fc_w {color:#fff !important;}
.fc_red {color:#ff203a !important;}
.fc_yellow { color:#ffec11 !important; }
.fc_black { color:#000 !important; }
.fc_3 {color:#333 !important; }
.fc_brown {color:#a69572 !important; }
.fc_brown2 {color:#a88464 !important; }
.fc_dt {color:#252839 !important; }

/* align */
.text-left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important; }
.text-right {text-align:right !important; }
.fl-right {float:right !important;}
.fl-left {float:left !important;}


html, body { height:100%;}
html > *::-webkit-scrollbar { margin: 0; padding: 0; width: 8px; height: 8px; }
html > *::-webkit-scrollbar-button { height: 0; -webkit-transition: 300ms all; transition: 300ms all; }
html > *::-webkit-scrollbar-corner { background-color: #252839; }
html > *::-webkit-scrollbar-thumb { background:#98856f; border-radius: 8px; }
html > *::-webkit-scrollbar-thumb:hover, html > *::-webkit-scrollbar-thumb:active { background:#a69572 }
html > *::-webkit-scrollbar-track { background-color: #252839; border-radius: 0; border: 0; }
html > *::-webkit-scrollbar-track:hover, html > *::-webkit-scrollbar-track:active { background: #252839; }

body { overflow-y: auto; overflow-x: auto; line-height: 1.6; -webkit-text-size-adjust: none; font-weight: 300; min-width: 1200px;   }
body > .home { min-width: 1200px; overflow-x: hidden; }
#wrap{position:relative;width:100%;margin:0;}
#wrap:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.container {position:relative; width:1200px; margin:0 auto;}
.container:after{content:""; display:block; }

@media screen and (max-width:1200px){
	body {min-width: 100%;}
	#wrap {min-width:100% }
	.container {width:100%; padding:0 10px; }
} 
@media screen and (max-width:1050px){
	body {min-width: 100%; width:100%;}

}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.mobileShow { display:none !important;}
.txt_hide { position:absolute!important; top:-9999px!important; text-indent:-9999px!important;}
.inline_block { display:inline-block!important;}


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



/* **************************************** *
 * header
 * **************************************** */
.navM_open { display:none;}
.navMobile { display:none;}
.mobile-logo { display:none;}
.mobile-gnb { display:none; }
.search_pc {	display:none;}
.callMobile { display:none; }

#header { height: 160px; }
#header .header { -webkit-transition: margin 500ms; transition: margin 500ms; }
#header + .quick_menu { -webkit-transition: top 500ms, right 500ms; transition: top 500ms, right 500ms; }
#header.fix .header { margin-top: -100px; }
#header.fix + .quick_menu { top: 80px; }
#header.up .header { margin-top: 0; }

#header.up + .quick_menu { top: 185px; }

.header { position: fixed; left: 0; right: 0; top: 0; margin: 0 auto; width: 100%; z-index: 330; text-align: center; background-color: #fff; min-width: 1200px; }
.header .headwrap { position: relative; height:100px;max-width: 1200px; width: 100%; margin: 0 auto; }
.header .headwrap .logo { position: relative; display: inline-block; margin: 0 auto; position: absolute; left: 0; right: 0; }
.header .headwrap .logo a { position: relative; z-index: 4; display: block; height: 100px; line-height: 100px; width: 240px; background-size:70%; display: inline-block; background-position: center; background-repeat: no-repeat; 
                                      background-image: url('/images/inc/logo.png?ver=20250411'); }
.header .headwrap .util_wrap, .header .headwrap .search_wrap { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header .headwrap .search_wrap { left: 0; width: 220px; }
.header .headwrap .util_wrap { right: 0; }
.header .headwrap .util_wrap li { float: left; margin-left: 20px; }
.header .headwrap .util_wrap li:first-child { margin-left: 0; }
.header .headwrap .util_wrap li a { color: #333; font-weight:500; font-size:15px;  font-family:'Arita4.0'; }
.header .headwrap .util_wrap li a i { display:inline-block; vertical-align:top; font-size:18px; margin-right:5px; margin-top:4px; }
.header .headwrap .util_wrap li a i.join { font-size:20px; }

.header .gnb { background:#252839 }
.header .gnb .gnb_wrap { position: relative; display:block;width:1200px; margin:0 auto; text-align:left;  }
.header .gnb .depth {display:inline-block; width:100%; border:0px solid #f00; font-size:0;text-align:center; display:flex; }
.header .gnb .depth01 { white-space: nowrap;  display: inline-block; width:16.6%; transition:300ms ease-out 0ms;}
.header .gnb .depth01 > a { display: inline-block; width: 100%; color: #fff; font-size:18px;padding:0 0px;  line-height:60px; text-decoration: none; position: relative; font-family:'Arita4.0'; font-weight:600; letter-spacing:0; }
.header .gnb .depth01 > a:after { -webkit-transition: 400ms width; transition: 400ms width; position: absolute; content: ''; height: 3px; background-color: #a69572; display: block; bottom: 0; width: 0; left: 0; right: 0; margin: 0 auto; }
/*.header .gnb .depth01 > a.on { color: #fff; background:#a69572;}*/
.header .gnb .depth01:hover a:after, .header .gnb .depth01 > a.on:after { width: 100%;  }

.header .gnb .gnb_wrap .contact {position:absolute; right:5px; top:15px;  height:30px; line-height:30px; padding-left:30px; border-left:1px solid rgba(255,255,255,0.1) }
.header .gnb .gnb_wrap .contact a {display:block; color:#fff;  font-size:17px;  font-weight:500; letter-spacing:0;}
.header .gnb .gnb_wrap .contact a img {display:inline-block; vertical-align:middle; margin-right:10px; height:25px;  }
.header .gnb .gnb_wrap .contact a i {display:inline-block; vertical-align:middle; margin-right:1px;  font-size:23px;}
.search_box { position: relative; line-height: 35px; }
.search_box .input { width: 100%; height: 30px; line-height: 30px; background: none; border: 0; border-bottom: 2px solid #4e5163; padding: 0 10px 3px; padding-right: 30px; font-size: 14px;color: #555; }
.search_box .sch-btn { position: absolute; right: 5px; top: 0; bottom: 0; text-indent: -99999999px; width: 23px; height:23px; border: 0; background-color: transparent; background-image: url(/images/inc/ico_search2.png); background-position: center; background-repeat: no-repeat; background-size:cover; }

@media screen and (max-width:1200px){
	.header  {min-width: 100%; }
	.header .headwrap {max-width: 100%; }
	.header .gnb .gnb_wrap {width:100%; }
	.header .gnb .depth01 > a { padding:0 22px; }
}

@media screen and (max-width:1050px){
	.header {width:100%;}
	.header .gnb .gnb_wrap {  text-align:center;  }
	.header .gnb .depth01 > a  {  padding : 0 23px; }
	.header .gnb .gnb_wrap .contact  {display:none;}

}



@media screen and (max-width:980px){  /* max-width:976 */

.header {display:none; }
.mobileShow { display:block !important;}

#header { display:block; position:fixed; top:0; left:0; z-index:2000; width:100%; height:60px; background:#fff;}
.mobile-logo {display:block; position:absolute; left:50%; top:0px; height:60px; width: 140px; margin-left:-70px;  z-index: 3333; border:0px solid #f00  }
.mobile-logo a {display: block; background-position:left ; width:100%; height:100%; background-repeat: no-repeat;   background-image: url(/images/inc/logo.png); background-size:70%; background-position:center center;  }

.navM_open { display:block; position:absolute; top:0; left:0; width:60px; height:60px; border:0; border-right:0px solid #ccc; background:#fff; }
.navM_open:before { content:"\e871"; display:inline-block; position:absolute; top:15px; left:15px; font-family:'Linearicons-Free'; font-size:30px; line-height:30px; color:#333;}
.pushy-open-left .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.65); -webkit-animation: fade 500ms; animation: fade 500ms;}


/* navMobile */
.navMobile {  display:block; position: fixed; width: 270px; height: 100%; top: 0; z-index: 9999; background: #fff; overflow: auto; visibility: hidden; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */}
.navMobile .nav_top { height:60px; padding:16px 15px 0 0; background-color:#252839; text-align:right;}
.navMobile .nav_top>a { margin-left:5px; color:#a69572; font-size:13px;}
.navMobile .nav_top>a:first-child { padding-right:10px; background:url(../images/common/bgline_lang.png) no-repeat 100% 5px; background-size:1px 10px; color:#fff;}
.navMobile .nav_top>a i { display:inline-block; vertical-align:top; font-size:18px; margin-right:5px; margin-top:4px; }
.navMobile .nav_top>a i.join { font-size:20px; }

.gnb_m>li>a { display:block; position:relative; padding:12px 30px 13px 20px; border-bottom:1px solid #ccc; color:#000; font-size:16px; white-space:nowrap;}
.gnb_m>li>a:after { content:"\e874"; display:inline-block; position:absolute; top:13px; right:15px; font-family:'Linearicons-Free'; font-size:16px; color:#787878; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.gnb_m>li>a.on { border-bottom:1px solid #a49576;}
.gnb_m>li>a.on:after { color:#b42d34; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.gnb_m>li.childNone>a.on { border-bottom:1px solid #ccc;}
.gnb_m>li.childNone>a:after { display:none;}
.gnb_m>li>ul { display:none;}
.gnb_m>li>ul>li>a { display:block; padding:10px 21px; border-bottom:1px solid #8f8163; background-color:#a49576; color:#fff; font-size:13px;}
.navM_close { display:block; position:absolute; top:0; left:0; width:55px; height:55px; border:0; border-right:1px solid #3e393b; background:none;}
.navM_close:before { content:"\e870"; display:inline-block; position:absolute; top:16px; left:16px; font-family:'Linearicons-Free'; font-size:22px; line-height:22px; color:#fff;}
.pushy.pushy-left { left: 0;}
.pushy-left { -webkit-transform: translate3d(-270px, 0, 0); -ms-transform: translate3d(-270px, 0, 0); transform: translate3d(-270px, 0, 0);}
.pushy-open-left .pushy { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.pushy-open-left #wrap, .pushy, .push { transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}
.site-overlay { display: none;}

}

/* °Ë»öâ */

@media screen and (max-width:997px){
.search_pc {	position: absolute;right:0;	top:0; display:block;}
.search_pc .btn_sch {width:3.75rem;	height:3.75rem; display:flex; }
.search_pc .btn_sch:before {content:"\e97a" ; font-family:'xeicon'; font-size:1.65rem; color:#2b2420;  display:flex; width:100%; height:100%; justify-content: center;align-items: center;  }
.search_pc .ico_btn {color:#a69572; font-size:28px; }
.search_pc .ico_btn2 {color:#a69572; font-size:40px; }

.callMobile { display:none; position:absolute; right:0; top:0; width:60px; height:60px;  }
.callMobile a {display:block; width:100%; height:100%; color:#fff; background-color:#a69572; text-align:center; }
.callMobile a i {line-height:60px; font-size:25px;  }


.search_mb_wrap {    background: #252839;    position: fixed;    left: 0;    right: 0;    z-index: 9;    top: 60px;	display: none;	padding: 35px 0;	text-align: center;}
.search_mb_wrap.on { display: block; }
.search_mb_wrap .tag {	text-align: center;	font-size: 0;}
.search_mb_wrap .tag li {	display: inline-block;	vertical-align: top;	font-size: 16px;	margin-right: 10px;	margin-bottom: 10px;}
.search_mb_wrap .tag li a {	font-size: 14px;	color: #cccccc;	display: block;	border: 1px solid rgba(255,255,255,0.1);	border-radius: 3px;	height: 40px;	line-height: 40px;	padding: 0 20px;	box-sizing: border-box;}
.search_mb_wrap .input {	position: relative;	width: 60%;	margin: 30px auto 0;}
.search_mb_wrap .input input[type="text"] {	border-bottom: 1px solid #454545 !important;	width: 100%;	height: 60px;	font-size: 16px;	border: 0;	box-sizing: border-box;	padding: 0 30px 0 10px;	background: none;	outline: 0;	color:#fff !important;}
.search_mb_wrap .input a {	position: absolute;    right: 5px;    top: 10px; color:#fff;}

	.mobile-gnb {display:block;  position:relative;  width:100%;  margin-top:60px; font-size:0;  background-color:#fff; font-size:0; text-align:center; border-top:1px solid #eee; }
    .mobile-gnb li { display:inline-block; width:33.3%; padding:0 1rem; border-right:1px solid #eee;  border-bottom:1px solid #eee}
    .mobile-gnb li a {display:block; color:#333; font-size:1.05rem;  letter-spacing:-.04em; height:50px; line-height:50px;  font-weight:500}
    .mobile-gnb li:nth-child(3),
	.mobile-gnb li:nth-child(6) {border-right:0;}
}

@media screen and (max-width:667px){
	.search_mb_wrap .input { width: 96%; margin: 20px auto 0; }
	.search_mb_wrap .input input { height: 50px; font-size: 14px; }
	.search_mb_wrap .input a img { height: 27px; }

    .search_pc .ico_btn2 {color:#a69572; font-size:30px; }

       .mobile-gnb li a {font-size:1rem; }


}

@media screen and (max-width:500px){
	.search_mb_wrap { padding: 25px 0; }
	.search_mb_wrap .tag li a { font-size: 12px; padding: 0 15px; height: 30px; line-height: 30px; }
}

/* **************************************** *
 * title
 * **************************************** */
.title-wrap { text-align:center; margin-bottom:50px; }
.title-wrap:after {content:'';  clear:both; display:block;}
.title-wrap h2 {font-size:30px; line-height:30px; color:#333 ; font-weight:700; letter-spacing:0;  }
.title-wrap h2 p {display:block; font-size:18px; margin-bottom:10px; font-weight:500; color:#888; }
.title-wrap h3 {font-size:35px; line-height:35px; color:#333 ; font-family:'Arita4.0'; font-weight:400; color:#000; position:relative; }
.title-wrap h3:after {content:'';  display:block; width:55px; height:1px; margin:20px auto; background:#333; }


@media screen and (max-width:980px){ 
.title-wrap {margin-bottom:20px; }
.title-wrap h2 {font-size:24px; line-height:20px; }
.title-wrap h2 p { font-size:80%; margin-bottom:5px; }
.title-wrap h3 {font-size:27px; line-height:27px; }
.title-wrap h3:after { width:35px; margin:15px auto;  }

}
@media screen and (max-width:640px){ 
.title-wrap {margin-bottom:20px; }
.title-wrap h2 {font-size:20px; line-height:20px; }
.title-wrap h3 {font-size:20px; line-height:20px; }

}


/* **************************************** *
 * quick
 * **************************************** */
.quick_menu { z-index: 1000; position: fixed; right: 0; top: 0; bottom: 0; top: 200px; display:block;}
/*
.quick_menu.open { right: 0; }
.quick_menu.open .quick_bar .bar_open i { background-image: url(https://minipetmall.co.kr/pc/images/quick/bar_close.png); }
*/
.quick_menu .quick_bar { text-align: center; position: absolute; right: 100%;background:#252839; border-radius:100px; border:1px solid #252839; padding:5px 0px 10px;  }
.quick_menu .quick_bar li { display:block; text-align:center; padding:15px 8px; border-top:1px solid rgba(255,255,255,0.1)}
.quick_menu .quick_bar li:first-child { border-top: 0;}
.quick_menu .quick_bar li:last-child {padding-bottom:0}
.quick_menu .quick_bar li:nth-last-child(1) {border-top:0; padding-top:0}
.quick_menu .quick_bar li a {display: block;  color: #c7b285; font-size: 13px;line-height:20px;  font-weight:400;font-family: 'ScoreDream'; }
.quick_menu .quick_bar li a .number { display:block; font-size:16px; color:#fff; padding-bottom:5px; line-height:18px; letter-spacing:.02em;}
.quick_menu .quick_bar li a.to-top {border-radius:50%; background:#a69572;  color:#fff; width:55px; height:55px; letter-spacing:0; font-size:16px;font-weight:600;  font-family:'Arita4.0';}
.quick_menu .quick_bar li a.to-top i {margin-bottom:0}
.quick_menu .quick_bar li p { margin-top: 5px; }
.quick_menu .quick_bar li a i { display:block; font-size:25px; line-height:30px; font-weight:100; margin:0; margin-bottom:5px; padding:0; color:#fff; font-family:'xeicon' !important;}
.quick_menu .quick_bar li a i.kakao {font-size:32px; }
.quick_menu .quick_bar li a i.arrow-top { font-size:20px !important;line-height:20px;height:25px; margin-top:15px; padding-top:7px;}

@media screen and (max-width:1080px){
.quick_menu  {display:none;}
}

@media screen and (max-width:1050px){
#footer {width:100%;}
.quick_menu {display:none;}
}

.quickMobile { display:none; }

@media screen and (max-width:640px){
   .quickMobile { display:block; position:fixed; right:10px; bottom:70px; z-index:33333; display:none }
   .quickMobile div {display:block;  margin:5px 0; }
   .quickMobile div a {display:block; width:60px; height:60px; text-align:center; padding-top:7px; font-size:12px; color:#fff; font-weight:600;  border-radius:50%; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); }
   .quickMobile div a i { display:block; margin:0 auto;font-size:20px;padding:0; }
   .quickMobile div:first-child a { background-color:#2e3973; }
   .quickMobile div:first-child + div a { background-color:#fce30f; color:#332424; }
   .quickMobile div:first-child a i {color:#fff; }
   .quickMobile div:first-child + div a i { color:#332424; font-size:25px;}


}

/* **************************************** *
 * footer
 * **************************************** */
#footer { background:#222; padding:40px 0; overflow:hidden;}
#footer:after{content:'';display:block;clear:both;}
#footer .f_logo {position:absolute; left:0; top:5px; width:180px;  }
#footer .info {position:relative; margin-left:0; font-size:0; }
#footer .info ul {display:inline-block; width:calc(100% - 200px); vertical-align:top;}
#footer .info ul:first-child {width:200px; }
#footer .info ul li {display:block; width:100%; font-size:14px; margin-bottom:7px;color:rgba(255,255,255,0.6); font-family:'Arita4.0'; }
#footer .info ul li a {display:block;color:rgba(255,255,255,0.7);  }
#footer .info ul li a.policy {color:#a69572}
#footer .info ul li span {display:inline-block; margin:0 10px; }
#footer .info ul li span:first-child {margin-left:0;}
#footer .info ul li br {display:none;}
#footer .social {position:absolute; right:0; top:0;}
#footer .social li {display:block; margin-bottom:7px;  font-size:14px; font-family:'Arita4.0'; }
#footer .social li a {display:block; color:rgba(255,255,255,0.6);}
#footer .social li a:before {content:''; font-size:20px; color:#fff; font-family:'xeicon'; display:inline-block; vertical-align:middle; margin-right:5px; background-repeat:no-repeat; background-position:center center; background-size:auto 2rem; }
#footer .social li a.kakao:before {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 47' style='enable-background:new 0 0 50 47;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M25,1.3c13.6,0,24.7,8.7,24.7,19.5c0,10.8-11,19.5-24.7,19.5c-1.6,0-3.1-0.1-4.6-0.3c-2.7,1.9-9.1,6.2-9.5,6.4 c-0.5,0.4-1.4,0.4-1-1c0.3-1.1,1.6-6.1,2.1-8.1C5,34,0.3,27.8,0.3,20.8C0.3,10.1,11.4,1.3,25,1.3 M15.4,14.9H8.2 c-0.7,0-1.2,0.5-1.2,1.2c0,0.7,0.5,1.2,1.2,1.2h2.3V26c0,0.3,0.1,0.6,0.4,0.8c0.2,0.2,0.5,0.3,0.8,0.3H12c0.3,0,0.6-0.1,0.8-0.3 c0.2-0.2,0.4-0.5,0.4-0.8v-8.6h2.2c0.7,0,1.2-0.5,1.2-1.2C16.6,15.5,16.1,14.9,15.4,14.9 M32.8,24.9h-3.4v-8.8 c0-0.7-0.6-1.3-1.3-1.3c-0.7,0-1.3,0.6-1.3,1.3v9.5c0,0.1,0,0.1,0,0.2c0,0.1,0,0.1,0,0.2c0,0.6,0.5,1.1,1.1,1.1h4.9 c0.6,0,1.1-0.5,1.1-1.1C33.9,25.4,33.4,24.9,32.8,24.9 M43.5,25.3l-3.7-4.9l3.4-3.4c0.5-0.5,0.5-1.2,0-1.7c-0.5-0.5-1.2-0.5-1.7,0 l-4.2,4.2v-3.5c0-0.7-0.6-1.3-1.3-1.3c-0.7,0-1.3,0.6-1.3,1.3v9.8c0,0.7,0.6,1.3,1.3,1.3c0.7,0,1.3-0.6,1.3-1.3v-3l0.8-0.8l3.5,4.6 c0.4,0.5,1.1,0.6,1.7,0.2C43.8,26.6,43.9,25.8,43.5,25.3 M25.7,25.6l-3.6-9.8c0,0,0,0,0,0c-0.2-0.6-0.9-1-1.7-1 c-0.9,0-1.6,0.5-1.7,1.2c0,0.1,0,0.1-0.1,0.2l-3.5,9.5c-0.2,0.6,0.1,1.3,0.7,1.5c0.6,0.2,1.3-0.1,1.5-0.7l0.6-1.7h4.9l0.6,1.7 c0.2,0.6,0.9,0.9,1.5,0.7C25.6,26.9,26,26.2,25.7,25.6 M18.7,22.4l1.7-4.7c0,0,0,0,0.1,0l1.7,4.7H18.7z'/%3E%3C/svg%3E%0A");
}
#footer .social li a.insta:before {content:"\ebe9"}
#footer .pc-show {display:block;}
#footer  .social li.pc-hide {display:none; }
.mobile-top {display:none;}

/* skip_top */
#footer .skip_top {display:none; }

/* ÇÏ´Ü°íÁ¤¸Þ´º */
.footer-fix {position:fixed; left:0; bottom:0;width:100%;  height:63px; background-color:#fff; box-shadow:10px 10px 20px  rgba(0,0,0,0.5); z-index:332; display:none;}
.footer-fix ul {font-size:0; text-align:center;padding-top:8px;  }
.footer-fix ul li {display:inline-block; width:25%; }
.footer-fix ul li .icon {display:inline-block; width:30px; height:30px; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.footer-fix ul li .icon.home {background-image:url('/images/inc/ico_home.png')}
.footer-fix ul li .icon.call {background-image:url('/images/inc/ico_call3.png')}
.footer-fix ul li .icon.kakao {background-image:url('/images/inc/ico_kakao.png')}
.footer-fix ul li .icon.branch {background-image:url('/images/inc/ico_branch.png')}
.footer-fix ul li p {display:block; font-size:12px;padding-top:2px;  color:#000; line-height:15px; font-weight:500; }
.footer-fix ul li a {display:block; width:100%; height:100%; }


@media screen and (max-width:1200px){
#footer {  padding:30px 0 90px;}
#footer .info { margin-left:220px;}
#footer .info ul {width:calc(100% - 170px); }
#footer .info ul:first-child {width:150px; }
#footer .social {right:10px; }
#footer .f_logo {left:10px;}

}

@media screen and (max-width:1024px){
#footer .info { margin:0 auto; text-align:center;  }
#footer .info ul {width:100%; }
#footer .info ul:first-child {width:100%;margin-bottom:7px; }
#footer .info ul li {display:inline-block; width:auto;margin:0 15px; font-size:13px; line-height:21px; }
#footer .social {position:relative; margin:10px auto; text-align:center;right:0 !important; }
#footer .social li {display:inline-block; }
#footer .social li a i {font-size:30px; margin:0 5px; }
#footer .social li a em { display:none;}
#footer .f_logo {position:relative; margin:0 auto; left:0 !important; }
}
@media screen and (max-width:998px){
.mobile-top {display:block; position:fixed; right:0; bottom:0px; text-align:center; z-index:333 ; display:none;}
.mobile-top a { display:block; width:50px; height:50px; background:#a69572; color:#fff;}
.mobile-top a i {font-size:20px; color:#fff; line-height:50px;  }

#footer .skip_top { position:fixed;bottom:0;right:0px; z-index:333;transition:300ms ease-out 0ms; opacity:1; display:none;}
#footer .skip_top .skip_top_btn {width:50px; height:50px; line-height:16px; padding-top:10px; background:rgba(0,0,0,0.3);  color:#fff; cursor:pointer; transition:0.4s; -webkit-transition:0.4s; text-align:center;}
#footer .skip_top .skip_top_btn:before{ content:"\e945"; display:inline-block; font-family:'xeicon';font-size:23px; color:#fff;}
#footer .skip_top .skip_top_btn span { display:block;text-align:center; padding-top:0px; font-size:13px;}


}

@media screen and (max-width:669px){
#footer .info ul li {margin:0 7px; font-size:12px; line-height:20px; }
#footer .info ul li span:first-child {margin-left:10px;}
#footer .info ul li.mobile-hide {display:none; }
#footer .social li.mobile-show {display:inline-block;}
#footer .social li a i {font-size:25px; }
#footer .f_logo {width:120px; height:44px; }
.footer-fix {display:block;}
}
@media screen and (max-width:500px){
#footer .info ul li br {display:block;}

}

/*****  popup  
.popup body {min-width:auto;padding:0;margin:0;border:1px solid rgba(0,0,0,0.2);}
.popupLayer {position:absolute;z-index:99999;background:#FFF;min-width:200px;min-height:300px;  box-sizing:border-box;-webkit-box-sizing:border-box;}
.popupLayer_cont .cont {padding:0px;line-height:1.7;color:#333;overflow:auto; overflow-y:hidden;}
.popupLayer_cont .cont img {max-width:100%;}
.popupLayer_cont .btn_box {height:40px;padding-top:3px;right:0;background:#444;text-align:right;}
.popupLayer_cont .btn_box .btn {display:inline-block;padding:0 15px;height:32px;background:#444;color:#fff;font-size:13px;line-height:32px;}
.popupLayer_cont .btn_box button:first-child {border-right:1px solid rgba(255,255,255,0.1)}

*/


/* **************************************** *
 * popup
 * **************************************** */
.popup body {min-width:auto;padding:0;margin:0;border:1px solid rgba(0,0,0,0.2);}
.popupLayer {position:absolute;z-index:33;background:#FFF;min-width:200px; box-sizing:border-box;-webkit-box-sizing:border-box;}
.popupLayer_cont .cont {padding:10px 10px ;color:#333;overflow:auto; }
.popupLayer_cont .cont img {max-width:100%;}
.popupLayer_cont .cont p {margin:0; padding:0}
.iframe-width {position:relative; }
.btn_box {position:fixed; bottom:0; margin:0; height:40px; left:-1px; width:100%;background:#333; border-right:1px solid #333;text-align:right; z-index:33}
.btn_box .btn {display:inline-block;padding:0 15px;height:40px; line-height:36px; color:#fff;font-size:14px;  }
.btn_box button {position:relative;}
.btn_box button:first-child {float:left;}
.btn_box .btn i { font-family: "Material Design Icons"; color:#fff; display:inline-block; vertical-align:top; margin-top:0px; margin-right:3px; font-size:20px;}

@media screen and (max-width:667px){

	.iframe-width {width:350px !important; border:0px solid #f00; background:#fff;  height:auto !important; min-height:455px; position:relative; overflow-y:scroll !important; position:fixed !important; left:10px !important; top:70px !important;}

	.popup body {min-width:100% !important; height:100% !important;min-height:100%;  position:relative; }
	.popupLayer {min-width:100% !important;min-height:auto !importnat; }
	.popupLayer_cont  {height:auto !important; }
	.popupLayer_cont .cont {height:auto !important;padding-bottom:50px !important;}
    .btn_box .btn {font-size:13px;}
    .btn_box .btn i {margin-top:1px;font-size:18px;}

}