@charset "utf-8"; 

/*
 * --------------------------------------------------------------------------
 * descript : 레이아웃
 * --------------------------------------------------------------------------
 * author	: KHJ
 * update	: 2020.08.15
 * --------------------------------------------------------------------------
 */

 /*
 * ==========================================================================
 * Table of Contents 
 * ==========================================================================
 * 1.0 - 전체 프로젝트에 필요한 클래스(#wrap, .inner, .full, #main-container, #sub-container 등)
 * 2.0 - 해더
 * 3.0 - 서브 비주얼
 * 4.0 - 페이지 네비게이션
 * 5.0 - 풋터
 * 6.0 - 공통 
 * --------------------------------------------------------------------------
 */

/* --------------------------------------------------------------------------
   1.0 전체 프로젝트에 필요한 클래스(#wrap, .inner, .full, #main-container, #sub-container 등)
   -------------------------------------------------------------------------- */
body{font-family: 'Nanum+Godic', sans-serif; min-width:1400px;}

#wrap{position:relative; width:100%;font-size:1em; line-height:1em; letter-spacing:0.7px; overflow-x:hidden;}

#main-container{}
#sub-container{}

.full{position:relative; width:100%; height:inherit; box-sizing:border-box;}
.inner{position:relative; width:100%; max-width:1400px; height:inherit; margin:0 auto;  box-sizing:border-box;}
.automation{position:relative; width:100%; height:inherit; box-sizing:border-box; text-align:center;}

.pc{display:block;}
.mobile{display:none;}


@media (max-width:1024px){
	body{min-width:100%;}

	#wrap{min-width:320px;}
	#gnb{display:none;}

	.pc{display:none;}
	.mobile{display:block;}

	.inner{padding:0 10px; max-width:100%;}
}



a:hover{text-decoration:none;}

*::before{position:absolute; display:none; content:'';}
*::after{position:absolute; display:none; content:'';}

/* --------------------------------------------------------------------------
   2.0 해더
   -------------------------------------------------------------------------- */

.top-header{width:100%; height:18px; background:#f2f2f2; text-align:right;}
.top-header .inner{box-sizing:border-box; padding-right:170px;}
.top-header a{font-size:12px; line-height:35px; color:#111;}


 
#header{position:relative; width:100%; height:100px; z-index:10; background:#fff;}
#header .reserve-quick{position:absolute; display:inline-block; width:134px; height:100px; right:0px; top:0px; background:url(/assets/img/common/theme/reserve_quick2.png) no-repeat 0% 0%; color:#fff; font-size:18px; box-sizing:border-box; text-align:center; padding-top:0px; font-weight:700;}
#header .reserve-quick::before{display:inline-block; width:15px; height:35px;  right:0px; top:0;}
#header .bookmark{display:none}

/* 로고 */
#header #logo{position:absolute; display:inline-block; margin-left:70px;  top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);}

/* 홈으로 */
 
.pix01{position:relative; box-sizing:border-box; left:-1212px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);top:-17px  }
.other_link{position:absolute; display:inline-block;width:400px;  max-width:1400px;  height:inherit; margin:0 auto;   }
.other_link li a{position:relative; display:block; float:left; margin-left:3px; width:80px; height:32px; text-align:center; border:1px solid #d6d6d6; border-radius:10px; }
.pix01_r{position:relative; box-sizing:border-box; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);left:-104px;top:-17px }
.other_link_r{position:absolute; display:inline-block; width:400px;  max-width:1400px; height:inherit; margin:0 auto; }
.other_link_r li a{position:relative; display:block; float:left;  margin-left:53px; width:80px; height:32px; text-align:center; border:1px solid #d6d6d6; border-radius:10px; }

 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.pix01{position:relative; box-sizing:border-box; left:58px; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);top:-17px  }
.other_link{position:absolute; display:inline-block;width:400px;  max-width:1600px;  height:inherit; margin:0 auto;   }
.other_link li a{position:relative; display:block; float:left; margin-left:3px; width:80px; height:32px; text-align:center; border:1px solid #d6d6d6; border-radius:10px; }
.pix01_r{position:relative; box-sizing:border-box; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);margin-left:1190px;top:-17px }
.other_link_r{position:absolute; display:inline-block; width:400px;  max-width:1600px; height:inherit; margin:0 auto; }
.other_link_r li a{position:relative; display:block; float:left;  margin-left:3px; width:80px; height:32px; text-align:center; border:1px solid #d6d6d6; border-radius:10px; }

 /* Enter your style code */
}

/*#header .gnb-bg{position:absolute; width:100%; height:200px; background:#ffffff; left:0; top:100px; display:none;}*/
#header #gnb{position:relative; display:none; margin-left:400px;}
#header #gnb.active{display:inline-block;}

/* 1차 카테고리 */
#header #gnb ul{display:inline-block;}
#header #gnb ul li.gnb{position:relative; display:inline-block; float:left;}
#header #gnb ul li.gnb > a{position:relative; display:block; padding:0 35px; box-sizing:border-box; line-height:100px;font-family: 'NanumSquare', sans-serif;  font-size:18px; color:#5f6061; font-weight:600; text-align:center; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor:pointer;}
#header #gnb ul li.gnb > a::before{display:inline-block; width:30px; height:85px; left:25px; top:0; background:url(/assets/img/common/theme/simbol.png) no-repeat center center; background-size:20px; opacity:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
/*#header #gnb ul li.gnb:hover > a{color:#111;}
#header #gnb ul li.gnb:hover > a::before{opacity:1; left:5px;}*/
#header #gnb ul li.gnb.active{}
#header #gnb ul li.gnb.active > a{}
#header #gnb ul li.gnb.active > a::before{}
 #header #gnb ul li.gnb:nth-child(5) {padding-top:0px;left:0px; width:150px;}	

/* 2차 카테고리 */

#header #gnb ul li.gnb a + ul.lnb-wrap{position:absolute;  left:0; height:290px ;top:100px; display:none;}
#header #gnb ul li.gnb:hover ul.lnb-wrap{display:block;} 

#header #gnb ul li.gnb:nth-child(1) ul.lnb-wrap{padding-top:15px;left:0px; width:100%;}	 
#header #gnb ul li.gnb:nth-child(2) ul.lnb-wrap{padding-top:15px;left:0px; width:100%;}	 
#header #gnb ul li.gnb:nth-child(3) ul.lnb-wrap{padding-top:15px;left:0px; width:100%;}	 
#header #gnb ul li.gnb:nth-child(4) ul.lnb-wrap{padding-top:15px;left:0px; width:100%;}					 
#header #gnb ul li.gnb:nth-child(5) ul.lnb-wrap{padding-top:15px;left:0px; width:100%;}	
 
#header #gnb > ul li.gnb > a{position:relative; display:block; width:100%; font-size:1.2em; color:#222; background:#fff; font-weight:700; height:100px; line-height:100px; text-align:center; white-space:nowrap;}




#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb{float:left;}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb a{position:relative; display:inline-block; font-size:13px; height:30px; line-height:20px; color:#111; margin:0px 16px;}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb a::before{position:absolute; display:inline-bock; content:''; left:0; bottom:0; width:100%; height:8px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb a:hover{text-decoration:none;   color:#8c8c8c;}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb a:hover::before{display:none; width:4px; height:4px; border-radius:4px; background:#111; left:-8px; top:23px;}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb.active{}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb.active a{color:#8c8c8c;}
#header #gnb ul li.gnb a + ul.lnb-wrap li.lnb.active a::before{}

/* GNB hover 스타일 */
#header #gnb > ul li.gnb:hover > a{background:#765f4d; color:#fff; text-decoration:none;}

/*#header #gnb:hover::before{position:absolute; display:inline-block; content:''; width:430px; height:413px; left:0; top:0; background:url(/assets/img/common/gnb_bg.png) no-repeat center top; background-size:cover;}*/
#header #gnb:hover ul li.gnb::after{position:absolute; display:inline-block; content:''; width:25px; height:2px; background:#ffffff; left:50%; bottom:0; transform:translate(-50%, 0);}
#header #gnb:hover ul li.gnb > a::before{position:absolute; display:inline-block; content:''; width:1px; height:100%; background:#f3f3f3; top:0; right:0;}
 #header #gnb:hover ul li.gnb:last-child > a::before{display:none;} 
#header #gnb ul li.gnb:hover ul{background:#765f4d !important;}
#header #gnb ul li.gnb:hover ul li.lnb a{ color:#fff !important;}
#header #gnb ul li.gnb:hover ul.lnb-wrap::before{position:absolute; display:inline-block; content:''; width:0px; height:100%; background:#f3f3f3; top:0; right:0;}
 #header #gnb ul li.gnb a + ul.lnb-wrap li.lnb:hover a{background:#4e4138;padding-top:0px}
 


#all-gnb{position:fixed; display:none; width:100%; min-width:1820px; left:0; top:0; height:380px; background:#fff; z-index:10;}
#all-gnb .all-gnb-bg,
#all-gnb > ul{float:left; height:380px;}

#all-gnb .all-gnb-bg{position:relative; width:500px; background:url(/assets/img/common/theme/all_gnb_bg.jpg) no-repeat center center; background-size:cover;}
#all-gnb .all-gnb-bg a{position:absolute; left:50%; top:115px; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);}

#all-gnb > ul{width:calc(100% - 500px);}
#all-gnb ul li.gnb{position:relative; float:left; width:220px; height:380px; box-sizing:border-box; text-align:center; padding-top:50px;}
#all-gnb ul li.gnb::before{display:inline-block; width:30px; height:2px; background:#183278; left:50%; top:100px; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);}
#all-gnb ul li.gnb::after{display:inline-block; width:1px; height:100%; right:0; top:0; background:#eee;}
#all-gnb ul li.gnb > a{display:block; font-size:17px; color:#111; font-weight:700; margin-bottom:50px;}
#all-gnb ul li.gnb > a + ul{width:100%;}
#all-gnb ul li.gnb > a + ul li{text-align:center;}
#all-gnb ul li.gnb > a + ul li a{display:block; height:35px; line-height:35px; color:#333; font-size:15px;}


#all-gnb ul li.gnb:hover{background:#183278;}
#all-gnb ul li.gnb:hover::before{background:#fff;}
#all-gnb ul li.gnb:hover > a{color:#fff;}
#all-gnb ul li.gnb:hover > a + ul li a{color:#fff;}
#all-gnb ul li.gnb > a + ul li a:hover{background:#1085f2;}

@media(max-width:1000px){


	#header{height:70px;}
	#header #logo{left:0px;}
	#header #logo img{width:200px;}
	#header .reserve-quick{width:70px; height:70px; right:0; top:0; background-size:70px; font-size:13px; padding-top:45px;}
	.hamburger{position:absolute; top:50%; right:10px; transform:translate(0, -50%); z-index:11; cursor:pointer;}
}

@media(max-width:640px){


	#header{height:70px;}
	#header #logo{left:-50px;}
	#header #logo img{width:200px;}
	#header .reserve-quick{width:70px; height:70px; right:0; top:0; background-size:70px; font-size:13px; padding-top:45px;}
	.hamburger{position:absolute; top:50%; right:0px; transform:translate(0, -50%); z-index:11; cursor:pointer;}
	#header .bookmark {display:inline}

}

@media(max-width:420px){
	#header #logo{left:-50px;}
	#header #logo img{width:180px;}
	#header .bookmark {display:inline}

}

/* 햄버거 버튼 스타일 및 트랜지션 */
.hamburger{position:absolute; top:50%; right:80px; transform:translate(0, -50%); z-index:11; cursor:pointer;}
.hamburger:hover {opacity: 0.7;}
.box {width:25px; height:25px; display:inline-block; position:relative;}
.bar {display:block; top:50%;}
.bar, .bar::before, .bar::after {width:25px; height:2px; background-color:#c0c0c0; position:absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.bar::before, .bar::after {content: ""; display: block; }
.bar::before{top:-8px; }
.bar::after{bottom:-8px; }

.spin .bar {transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.spin .bar::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.spin .bar::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.spin.active .bar {transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.spin.active .bar::before {top:0; opacity:0; transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.spin.active .bar::after {bottom:0; transform: rotate(-90deg); transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }




#m-gnb{position:absolute; left:0; top:70px; width:100%; text-align:right; display:none; z-index:5;}


#m-gnb .bg{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); left:0; top:0; z-index:5;}
#m-gnb .m-gnb {position:relative; display:inline-block; width:100%; max-width:640px; background:#f0f0f0; z-index:6; text-align:left; padding:15px 10px 35px 10px; box-sizing:border-box;}
 
#m-gnb .m-gnb .m-member{display:inline-block; width:100%; border-bottom:1px dotted #ccc;}
#m-gnb .m-gnb .m-member a{position:relative; float:left; width:50%; display:inline-block; padding:1.5em 0 1.5em 2.5em; box-sizing:border-box; text-align:center; font-size:1.3em; font-weight:700; color:#111;}
#m-gnb .m-gnb .m-member a.btn-login{}
#m-gnb .m-gnb .m-member a.btn-login::after{display:inline-block; width:1px; height:50%; border-right:1px dotted #ccc; top:50%; right:0; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);}

#m-gnb .m-gnb .m-member a.btn-login::before{display:inline-block; width:40px; height:40px; left:calc(50% - 2em); top:0; height:100%; background:url(/assets/img/common/theme/btn_login.png) no-repeat center center; background-size:2em; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);}
#m-gnb .m-gnb .m-member a.btn-member{}

#m-gnb .m-gnb .m-member a.btn-member::before{display:inline-block; width:40px; height:40px; left:calc(50% - 2em); top:0; height:100%; background:url(/assets/img/common/theme/btn_member.png) no-repeat center center; background-size:2em; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0);}
 
#m-gnb .m-gnb li.gnb{padding:20px 0 0 0; border-bottom:1px solid #d1d1d1;}
#m-gnb .m-gnb li.gnb > a{display:block; font-size:1.2em; font-weight:700; color:#111; margin-bottom:15px;}
#m-gnb .m-gnb li.gnb > a + ul{display:none; background:#fff; padding:10px 20px; margin-bottom:15px;}
#m-gnb .m-gnb li.gnb > a + ul li{}
#m-gnb .m-gnb li.gnb > a + ul li a{position:relative; display:block; font-size:0.9em; color:#111; padding:10px;}
#m-gnb .m-gnb li.gnb > a + ul li a::before{display:inline-block; width:3px; height:6px; background:#9c1762; left:0; top:calc(50% - 3px);  transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform: rotate(45deg);}




/* --------------------------------------------------------------------------
   3.0 서브 비주얼
   -------------------------------------------------------------------------- */
#sub-visual{position:relative; height:140px; background-position:center -130px; background-size:1920px; background-repeat:no-repeat;}
#sub-visual h2{position:absolute; text-align:center; font-size:44px; font-weight:700; color:#fff; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}

/* 1차 메뉴 */
#sub-visual{background-image:url(/assets/img/common/theme/visual_bg.jpg);}

@media(max-width:768px){
	#sub-visual{height:140px;}
	#sub-visual h2{font-size:30px;}
}

/* --------------------------------------------------------------------------
   4.0 페이지 네비게이션
   -------------------------------------------------------------------------- */
#breadcrumb{position:relative; width:100%; text-align:left; color:#464646; margin-bottom:55px; padding:10px 0; font-size:14px; line-height:22px; border-bottom:1px solid #c3c3c3;}
#breadcrumb span{padding:0 10px;}
#breadcrumb svg{font-size:10px;}
#breadcrumb img{width:25px;}

@media(max-width:768px){
	#breadcrumb{display:none;}
}


#m-breadcrumb{position:relative; width:100%; height:70px; z-index:2;}
#m-breadcrumb a, #m-breadcrumb button{display:inline-block; vertical-align:middle; width:100%; cursor:pointer;}

#m-breadcrumb li.gnb{position:relative; float:left; width:50%; box-sizing:border-box;}
#m-breadcrumb li.gnb button{position:relative; width:100%; height:50px; line-height:50px; padding:0 10px; box-sizing:border-box; font-size:17px; font-weight:700; color:#111; text-align:left; background:#f1f1f1}
#m-breadcrumb li.gnb button::after{display:inline-block; height:50px; width:20px; right:10px; top:0; background:url(/assets/img/common/theme/btn_down.png) no-repeat right center; background-size:15px}
#m-breadcrumb li.gnb button.active::after{background:url(/assets/img/common/theme/btn_up.png) no-repeat right center; background-size:15px}{}
#m-breadcrumb li.gnb ul{display:none; position:absolute; width:calc(100% + 2px); left:-1px; top:50px; background:#f9f9f9; border:1px solid #ddd; box-sizing:border-box;}
#m-breadcrumb li.gnb ul li{}
#m-breadcrumb li.gnb ul li a{display:block; padding:0 10px; height:50px; line-height:50px; border-bottom:1px solid #ddd; font-size:1em; color:#222; cursor:pointer; box-sizing:border-box;}
#m-breadcrumb li.gnb ul li:last-child a{border-bottom:0;}

#m-breadcrumb li.lnb{position:relative; float:left; width:50%; box-sizing:border-box;}
#m-breadcrumb li.lnb button{position:relative; width:100%; height:50px; line-height:50px; padding:0 10px; box-sizing:border-box; text-align:left; font-size:17px; font-weight:700; color:#fff; background-image:linear-gradient(120deg, #82bbef, #765f4d);}
#m-breadcrumb li.lnb button::after{display:inline-block; height:50px; width:20px; right:10px; top:0; background:url(/assets/img/common/theme/btn_down_white.png) no-repeat right center; background-size:15px}
#m-breadcrumb li.lnb button.active::after{background:url(/assets/img/common/theme/btn_up_white.png) no-repeat right center; background-size:15px}{}
#m-breadcrumb li.lnb ul{display:none; position:absolute; width:calc(100% + 2px); left:0; top:50px; background:#fff; border:1px solid #ddd; box-sizing:border-box;}
#m-breadcrumb li.lnb ul li{}
#m-breadcrumb li.lnb ul li a{display:block; padding:0 10px; height:50px; line-height:50px; border-bottom:1px solid #ddd; font-size:1em; letter-spacing:-0.5px; color:#222; cursor:pointer; box-sizing:border-box;}
#m-breadcrumb li.lnb ul li:last-child a{border-bottom:0;}





















#sub-contents{position:relative; margin:25px 0 100px 0;}
#sub-contents #lnb{position:absolute; width:220px; height:100%; left:0; top:0;}
#sub-contents #lnb h3{position:relative; height:80px; line-height:80px; font-size:22px; font-weight:700; color:#fff; text-align:center; background-image: linear-gradient(120deg, #765f4d, #765f4d);}
#sub-contents #lnb ul{box-sizing:border-box; background:#fff; border:1px solid #b9b9b9; border-top:0; padding:15px;}
#sub-contents #lnb ul li{}
#sub-contents #lnb ul li a{position:relative; display:block; height:50px; line-height:50px; color:#111; font-size:14px; border-bottom:1px dashed #c2c2c2; text-align:left;}
#sub-contents #lnb ul li a::after{display:inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f04b"; font-size:10px; line-height:50px; right:0; top:0; color:#765f4d;}

#sub-contents .sub-contents{padding-left:260px;}

@media(max-width:1024px){
	#sub-contents #lnb{display:none;}
	#sub-contents .sub-contents{padding-left:0;}
}


@media(max-width:420px){
#sub-contents{position:relative; margin:25px 0 100px 0}
}



/* --------------------------------------------------------------------------
   5.0 풋터
   -------------------------------------------------------------------------- */
select {

    width: 200px; /* 원하는 너비설정 */
    padding: .8em .5em; /* 여백으로 높이 설정 */
    font-family: inherit;  /* 폰트 상속 */
    background: url('이미지 경로') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #999;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

 
#footer{padding:85px 0 20px 0; background:#46484f url(/assets/img/common/theme/f_logo.png) no-repeat center 25px; background-size:200px; text-align:center;}

#footer .fnb{margin-top:-50px;margin-bottom:30px;float:center;position:relative;left:61%;width:710px}
#footer .footer-info{display:block; letter-spacing:-0.3px; font-size:13px;padding-top:20px;}
#footer .footer-info p{height:20px; line-height:20px; color:#ffffff;}
#footer .footer-info p span{position:relative; padding:0 15px;}
#footer .footer-info p span::after{display:inline-block; width:1px; height:8px; background:#fff; right:0; top:9px;}
#footer .footer-info p span:last-child::after{display:none;}
#footer .footer-info p.copyright{font-size:0.85em; color:#fff;margin-top:15px;}
.qbox{ float:center;height:65px; position:relative;}
/* #popup_banner4{display:inline;width:250px; height:145px; position:absolute;z-index:1200;left:50%;margin-left:590px;top:704px;border:0px solid #e1e1e1} */
div.family-wrap {background:#46484f;}
div.family-wrap select.f-select{ width: 115px; /* 원하는 너비설정 */
position:relative; display:block; float:left; margin-left:5px; 
    padding:0; /* 여백으로 높이 설 */
    font-family: inherit;  /* 폰트 상속 */
	color:#fff;
    background: url('이미지 경로') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #999;
    border-radius: 10px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	}
option {background:#46484f;color:#fff;}
@media(max-width:1600px){
#footer .fnb ul li a{padding:0 10px; font-size:12px; letter-spacing:-0.3px;}
.qbox{ width:100%; float:center;display:inline; position:relative;}
#footer .fnb{margin-top:-90px;margin-bottom:80px;float:center;position:relative;left:0%;width:700px}
#footer .footer-info{display:block; letter-spacing:-0.3px; font-size:12px;}
#footer .footer-info p{height:25px; line-height:20px; color:#ffffff;}

#footer .footer-info p span{position:relative; padding:0 15px;}
#footer .footer-info p span::after{display:inline-block; width:1px; height:8px; background:#fff; right:0; top:9px;}
#footer .footer-info p span:last-child::after{display:none;}

#footer .footer-info p.copyright{font-size:0.85em; color:#fff;}
div.family-wrap {background:#46484f;}
div.family-wrap select.f-select{position:relative; display:block; float:center; margin-left:10px; height:35px;  border:1px solid #d6d6d6; border-radius:10px;background:#46484f;color:#fff;font-size:8.5px;padding:0px 0;width:57px;margin:0 0 0 0px;background: url('이미지 경로') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #999;
    border-radius: 10px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;} 
	option {background:#46484f;color:#fff;}
/* #popup_banner4{display:inline;width:250px; height:145px; position:absolute;z-index:1200;left:50%;margin-left:590px;top:704px;border:0px solid #e1e1e1} */
}


@media(max-width:1024px){
.qbox{display:none;}
/* #popup_banner4{display:none;width:250px; height:145px; position:absolute;z-index:1200;left:50%;margin-left:590px;top:704px;border:0px solid #e1e1e1} */

}

@media(max-width:420px){
 
#footer{width:100%;margin-top:3300px; padding:0px 0 3px 0; background:#46484f url(/assets/img/common/theme/f_logo.png) no-repeat center 8px; background-size:200px; text-align:center;}
/*#footer .fnb ul li a{padding:0 10px; font-size:12px; letter-spacing:-0.3px;}
.qbox{display:none;}
#footer .fnb{margin-top:-90px;margin-bottom:80px;float:center;position:relative;left:0%;width:410px}*/
#footer .footer-info{display:block; letter-spacing:-0.3px; font-size:12px;margin-bottom:20px;padding-top:70px}
#footer .footer-info p{height:15px; line-height:15px; color:#ffffff;}

#footer .footer-info p span{position:relative; padding:0 15px;}
#footer .footer-info p span::after{display:inline-block; width:1px; height:8px; background:#fff; right:0; top:2px;}
#footer .footer-info p span:last-child::after{display:none;}

#footer .footer-info p.copyright{font-size:0.85em; color:#fff;margin-top:15px;}
div.family-wrap {background:#46484f;width:410px}
div.family-wrap select.f-select{ width: 100px; /* 원하는 너비설정 */
position:relative; display:block; float:left; margin-left:4px; 
    padding:0; /* 여백으로 높이 설 */
    font-family: inherit;  /* 폰트 상속 */
	color:#fff;
    background: url('이미지 경로') no-repeat 95% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #999;
    border-radius: 10px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
	}option {background:#46484f;color:#fff;}
/* #popup_banner4{display:none;width:250px; height:145px; position:absolute;z-index:1200;left:50%;margin-left:590px;top:704px;border:0px solid #e1e1e1} */
}