@import url('font.css'); /* 폰트임 */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Ubuntu:wght@300;400;500;700&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:1.7;letter-spacing:normal} /* delete vertical-align,font:inherit; */
body,html{width:100%; height:100%; font-size:16px; color:#666; font-family:'Noto Sans KR', sans-serif; font-weight:300; line-height:1.6}
*{ font-family:'Noto Sans KR', sans-serif; outline:none; }
span,strong,sub,sup {line-height:inherit; letter-spacing:inherit;}
ol,ul,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table {border-collapse:separate;border-spacing:0; font-size:13px;}
table caption {overflow:hidden; font-size:0; line-height:0; font-size:13px;}
tbody,tfoot,thead,tr,th,td {margin:0;line-height:155%;letter-spacing:normal;}
dt{display:block;}
hr{display:none;}
a{cursor:pointer;text-decoration:none;color:#666;}
address{font-style:normal;}
input,select,img{vertical-align:middle;}
input:focus, textarea:focus, button:focus {outline:none;}  /* 크롬에서 커서 클릭시 파란색 테두리 제외*/
.input_search {border:0; background:none; height:20px; width:155px; font-size:12px; color:#fff;  font-family:Malgun Gothic,'Malgun Gothic', sans-serif;}

/* Web Content Accessibility TTS(Text To Speech) Code */
.blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;}

/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.img_bor{border:1px solid #ddd}
.ls0 {letter-spacing:0 !important;}
.eng {font-family:'Poppins', sans-serif !important}
.white {color:#fff !important}
.brown {color:#be9d6d !important}
.center {text-align:center !important}
.bold {font-weight:700 !important}

.compad {padding:120px 0}
.compad_t {padding-top:120px}
.compad_b {padding-bottom:120px}



/* 레이아웃 */
#wrap {position:relative; width:100%; height:100%; min-width:1280px}

.width1170{position:relative; max-width:1170px; margin:0 auto;}
.width1170:after {
    content: "";
    display: block;
    clear: both;
}



/* Header */
.hey #header{height:93px;}
.hey #sticker{z-index:999 !important;}
.hey .gnbDiv{top:21px}
.hey .twoDbg{top:72px;}
.hey .gnbDiv .gnbWrap .gnb .oneDep{padding:11px 40px 72px 40px}
.hey .hvr-underline-from-left:before{top: 70px;}
.hey #header .header_in .searchBtn{top:37px;}
.hey #header .header_in .topUtil{display:none;}
.hey #header .header_in h1{padding:10px 0 0 0;}
.hey #header .header_in h1 a{width:80px; background-size:80px; height: 67px;}



#header {position:fixed; width:100%; transition: all 0.3s linear; z-index:999;  background:#fff; height:128px; /* overflow:hidden; */ /* height:136px */}
#header:after {display:block; content:""; clear:both}
/* #header:before {content:''; width:100%; height:1px;background:#ddd; position:absolute; left:0; top:110px; opacity:0; transition: all 0.3s linear;} */
/*#header:after {content:''; width:100%; height:1px; background:#ddd; position:absolute; top:109px; left:0; opacity:0; transition: all 0.3s linear;}
#header.on {height:300px; transition: all 0.3s linear; background:rgba(255,255,255,0.95); box-shadow:rgb(0 0 0 / 15%) 0 3px 15px;}
#header.on:before {opacity:1; transition: all 0.3s linear;}
*/

	
#header .header_in {position:relative; max-width:1170px; margin:0 auto; box-sizing:border-box;}
	#header .header_in h1 {position: relative; z-index: 100; padding:51px 0 30px 0; float:left;}
	#header .header_in h1 a {display:block; width:172px; height:59px; background:url('../../img/logo.png') center center/100% no-repeat; transition: all 0.3s linear;}	
	#header .header_in .searchBtn {z-index:99; position:absolute; right:0; top:66px; display:inline-block; width:19px; height:21px; background:url('../../img/searchBtn.png') center center/100% no-repeat;}	

	#header .header_in .topUtil {position:absolute; top:17px; right:0; transition: all 0.3s linear;}
	#header .header_in .topUtil li {float:left; margin-right:16px}
	#header .header_in .topUtil li:last-child {margin-right:0}
	#header .header_in .topUtil li a {display:block; font-size:13px; color:#999; letter-spacing:-0.3pt; line-height:1; padding:3px 0 3px 20px; background:url('../../img/loginBtn.png') left center no-repeat; transition: all 0.3s linear;}
	#header .header_in .topUtil li.joinBtn a {background-image:url('../../img/joinBtn.png'); padding-left:23px}
	#header .header_in .topUtil li.sitemapBtn a {background-image:url('../../img/sitemapBtn.png')}
	#header .header_in .topUtil li a:hover {color:#333; background-image:url('../../img/loginBtn_up.png')}
	#header .header_in .topUtil li.joinBtn a:hover {background-image:url('../../img/joinBtn_up.png')}
	#header .header_in .topUtil li.sitemapBtn a:hover {background-image:url('../../img/sitemapBtn_up.png')}
	#header .header_in .topUtil li.orderBtn a {background-image:url('../../img/orderBtn.png')}
	#header .header_in .topUtil li.orderBtn:hover a {background-image:url('../../img/orderBtn_over.png')}


#header.fixed {background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.05); transition: all 0.3s linear;}
#header.fixed .header_in h1 {padding:40px 0 25px 0}
#header.fixed .header_in h1 a {width:75px; height:63px}



#header.nofixed {background:#fff; box-shadow:0 10px 10px rgba(0,0,0,0.05); transition: all 0.3s linear; top:-30px;}
#header.nofixed .header_in .topUtil {opacity:0; visibility:visible; transition: all 0.3s linear;     display: none;}
#header.nofixed .header_in h1 {padding:54px 0 17px 0}
#header.nofixed .header_in h1 a {width:140px; height:48px; }
#header.nofixed .twoDbg{top: 71px;}
#header.nofixed .hvr-underline-from-left:before{top:69px;}
#header.nofixed  .gnbDiv .gnbWrap .gnb .oneDep{    padding: 11px 40px 74px 40px;}

#header.nofixed #gnb {top:45px; transition: all 0.3s linear;}

/* Header */


/* TOP 메뉴 */
.gnbDiv {min-width:1170px; width: 100%; height:300px;  overflow:hidden; position:absolute; top:52px; left:0; z-index:9;}
.gnbDiv .gnbWrap{position:relative; z-index:998; height:300px; margin: 0 auto; overflow: hidden; width:1170px; }
.gnbDiv .gnbWrap .gnb{position:absolute; width:500px; z-index:998; height:350px; right:30px;}
.gnbDiv .gnbWrap .gnb .oneDep{height:30px; padding:11px 40px 85px 40px; box-sizing:border-box;}
.gnbDiv .gnbWrap .gnb ul{overflow:hidden; width:100%; height:350px}
.gnbDiv .gnbWrap .gnb ul li{position:relative; float:left; height:340px; text-align:left; } /* position:relative;*/

.gnbDiv .gnbWrap .gnb ul li.one{width:150px;} 
.gnbDiv .gnbWrap .gnb ul li.two{width:170px;}  
.gnbDiv .gnbWrap .gnb ul li.three{width:130px;} 

.gnbDiv .gnbWrap .gnb ul li a.oneDep{display:block; text-decoration:none; position:relative; font-weight:400; font-size:17px;  color:#333;letter-spacing:-0.3px; text-align:center;}
.gnbDiv .gnbWrap .gnb ul li a.oneDep span{letter-spacing:-0.5px;}
.gnbDiv .gnbWrap .gnb ul li.one::after{position: absolute;top: 67px;left: 0;content: "";display: block;width: 100%;height: 4px;background: #be9d6d;color:#700000;transform: scale(0, 1);transition: all 0.3s ease;}
.gnbDiv .gnbWrap .gnb ul li.on a.oneDep{color:#be9d6d; text-decoration:none;}/* background:url('../../img/bg_arrow_gnb.gif') center bottom no-repeat;*/
.gnbDiv .gnbWrap .gnb ul li.on.six{padding-right:0}

.gnbDiv .gnbWrap .twoDep{height:240px; margin-top:12px; display:block; position:relative; visibility: visible; text-align:center;}
/*.gnbDiv .gnbWrap li.on .twoDep a.off:hover{color:#fff; vertical-align:top; background:#063375; text-decoration: none;}*/
.gnbDiv .gnbWrap .off:hover{color:#be9d6d; vertical-align:top; text-decoration: underline;}
.gnbDiv .gnbWrap li .twoDep a.on{color:#be9d6d; vertical-align:top; border:1px solid #ddd;}
.gnbDiv .gnbWrap li .twoDep a{color:#666; font-size:15px; line-height:20px; padding:4px 0 9px 0; letter-spacing:-0.3pt;}
.disB{display:block;}
.twoDbg{display:; position:absolute; top:76px; left:0; height:180px; width:100%; z-index:90; background:#fff; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;} /*bg위치조절*/
.gnbDiv .gnbWrap li.on .guideBg{position:absolute; top:130px; left:0; display:block;}
.guideBg{display:none; position:relative;}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top:74px;
  background: #be9d6d;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;}




/*#gnb{position:absolute; z-index:9999; right:55px; top:40px;}

.gnb{position:relative; margin:0 auto; }
#menu {position:relative;  z-index:100;}
#menu .menu {}
#menu a {display:block; font-weight:400}
#menu li {float:left; position:relative;}
span.gnb_1depth a{display:block; padding:25px 25px 50px 25px; text-align:center; color:#333; letter-spacing:-0.3pt; line-height:1}
#menu li:hover > span.gnb_1depth a{color:#333}
.gnb_1depth_up{color:#333 !important;}

#menu .menu_depth{ box-sizing:border-box; visibility:hidden; opacity:0; position:absolute; left:50%; margin-left:-80px; width:160px; background:#fff; margin-top:-20px; border-radius:20px; 
box-shadow:15px 15px 15px rgba(0,0,0,0.05); padding:25px; transition: all 0.3s; border:1px solid #ddd; box-sizing:border-box;}
	#menu .menu_depth.wide {width:200px; margin-left:-100px}
	#menu .menu_depth:after {display:block; content:""; width:11px; height:11px; border-radius:2px; background:#be9d6d; position:absolute; top:-6px; left:50%; transform:rotate(45deg); margin-left:-5px}
	#menu .menu_depth li {float:none;  text-align:center}
	#menu .menu_depth li a {display:block; letter-spacing:-0.3pt; color:#777; line-height:1.4; padding:6px 0; transition: all 0.3s linear;}
	#menu .menu_depth li a:hover {color:#be9d6d; text-decoration:underline;}

#menu li:hover > .menu_depth { visibility:visible; opacity:1; transition: all 0.3s;}*/


/* 검색 */
	.searchZone{ position:absolute; top:18px;right: 56px; z-index:89; display:none;}
	.mask_search {position:fixed; height:0; width:100%; left:0; top:0; z-index:99999999; background-color:rgba(0,0,0,0.9); opacity:0; visibility:hidden; transition:all 0.8s ease-in-out;}
	.mask_search.visible {height:100%; transition:all 0.8s ease-in-out; opacity:1; visibility:visible;}
	.window {z-index:9999999999; width:90%; max-width:1000px; height:70px; background:#fff; box-sizing:border-box; padding:20px 15px; position:fixed; transform:translate(-50%, -70%); opacity:0; visibility:hidden; transition:all 0.8s ease-in-out;}
	.window.visible {transform:translate(-50%, -50%); opacity:1; visibility:visible; transition:all 0.8s ease-in-out; transition-delay:0.5s;}
	.window .close{display:block; font-size:20px; color:#fff; position:absolute; top:-35px; right:8px;  z-index:999999; cursor:pointer; }
	.inputB{width:100%; overflow:hidden; clear:both; }
	.inputB dd{float:left; width:calc(100% - 40px); overflow:hidden; }
	.inputB dd .input_search{border:none !important;  letter-spacing:-0.55pt; width:100%; font-size:1rem; color:#777; letter-spacing:-0.35pt;}
	.inputB dd .input_search::placeholder{font-size:15px;}
	.inputB dt{float:right; padding:3px 0 0px 10px;  }
	.inputB dt input{cursor:pointer; }

	input::-webkit-input-placeholder { color:#999; font-size:13px;}
	input::-moz-placeholder { color:#999; font-size:13px;}
	input:-ms-input-placeholder { color:#999; font-size:13px;}


.mask {position:fixed;  z-index:9999999;  background-color:#2a2f33;  display:none;  left:0; top:0; opacity:0.8;}
.mask_pro {position:fixed;  z-index:9999999;  background-color:rgba(0,0,0,0.6);  display:none;  left:0; top:0; opacity:0.8;}
/* 검색 */

/* 하단 */
#footer {position:relative; width:100%; clear:both; overflow:hidden; background:#050505}
	#footer .foot_in {}
	#footer .foot_top {display:table; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); padding:50px 0 40px}
	#footer .foot_top > div  {display:table-cell; vertical-align:middle;}
	#footer .foot_top > div.foot_bn {text-align:right;}
	#footer .foot_top .foot_bn a {display:inline-block;  letter-spacing:-0.3pt; color:rgba(255,255,255,0.7); font-size:14px; line-height:1; transition: all 0.3s linear;}
	#footer .foot_top .foot_bn a.privacy {font-weight:700}
	#footer .foot_top .foot_bn a:after {display:inline-block; content:""; vertical-align:middle; width:2px; height:2px; margin:0 7px 0 12px; background:rgba(255,255,255,0.5)}
	#footer .foot_top .foot_bn a:last-child:after {display:none;}
	#footer .foot_top .foot_bn a:hover {color:#fff;}

	#footer .foot_info {padding:50px 0 80px}
	#footer .foot_info span {display:inline-block; vertical-align:top; font-size:14px; font-family:'Poppins', 'Noto Sans KR', sans-serif; letter-spacing:-0.3pt; position:relative; color:rgba(255,255,255,0.7); margin:0 27px 6px 0}
	#footer .foot_info span.com_name {font-size:15px; font-weight:500;}
	#footer .foot_info span i {font-style:normal; font-family:inherit;}
	#footer .foot_info .copyright {position:relative; line-height:1; letter-spacing:0.3pt; color:rgba(255,255,255,0.7); font-family:'Poppins', sans-serif; font-size:14px; margin-top:30px}
	#footer .foot_info .copyright a {display:inline-block; line-height:inherit; letter-spacing:inherit; font-weight:inherit; color:inherit; font-family:inherit; transition: all 0.3s linear;}
	#footer .foot_info .copyright a:hover {color:#fff;}


/* topBtn */
.topBtn {position:fixed; bottom:30px; right:30px; z-index:1050; display:none;}
	.topBtn a {display:block; background:#be9d6d url('../../img/topBtn.png') center no-repeat;  
box-shadow:rgba(0,0,0,.14) 3px 6px 12px; width:70px; height:70px; line-height:70px; text-align:center; border-radius:70px; box-sizing:border-box; position:relative;}


/**  코딩시 지우지 말 것 **/

/* 게시판 페이징 */
.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline-block;  }
.page_num ul.pagination li .page_prev{margin-right:7px; width:12px}
.page_num ul.pagination li .page_prev2{width:26px}
.page_num ul.pagination li .page_next{margin-left:7px; width:12px}
.page_num ul.pagination li .page_next2{width:26px}
.page_num ul.pagination li a {position: relative; font-size:14px;height:28px; font-family: 'Poppins', sans-serif;  line-height:28px; color: #666; float: left; text-decoration: none; margin: 0 1px }
.page_num ul.pagination li a.page_prev2{background:url('../../img/prev2.png') center no-repeat}
.page_num ul.pagination li a.page_prev{background:url('../../img/prev.png') center no-repeat}
.page_num ul.pagination li a.page_next2{background:url('../../img/next2.png') center no-repeat}
.page_num ul.pagination li a.page_next{background:url('../../img/next.png') center no-repeat}
.page_num ul.pagination li a.active {color: #333; font-weight:700; font-family: 'Poppins', sans-serif; }
.page_num ul.pagination li a.active:after{width:100%; height:1px; background:#333; display:block; content:''; position: absolute; bottom: 7px;}


/* 에러페이지 */
#error {position:absolute; border:1px solid #ddd; width:500px; padding:200px 50px 50px 50px; text-align:center; background:url('../../img/warning_icon.gif') center 50px no-repeat; left:50%; margin-left:-300px; top:49%; margin-top:-203px; box-shadow:0px 5px 0 #f6f6f6;} /*  -moz-transform:translateY(-49%); -ms-transform:translateY(-49%); -webkit-transform:translateY(-49%); transform:translateY(-49%); */
#error h1 {color:#333; font-family:"NanumGothic", "NG", MalgunGothic, Dotum, Arial, sans-serif; margin:0; letter-spacing:-0.5pt;}
#error h1 span {color:#cc141d;}
#error div {color:#666; font-size:18px; letter-spacing:-0.5pt; margin-top:30px; padding-top:30px; line-height:150%; border-top:1px dashed #ccc;}




/**** AS 팝업 ****/
#modal {position:fixed; top:40%; left:50%; transform:translate(-50%,-50%); max-width:620px; background:#fff; max-height:730px; visibility:hidden; opacity:0; z-index:99999999; transition: all 0.4s ease-out;}
#modal.view {visibility:visible; opacity:1; top:50%; transition: all 0.4s ease-out;}

#modal .in {padding:40px; box-sizing:border-box;}
#modal .in .close_btn {position:absolute; top:40px; right:40px; width:20px; height:20px;}
#modal .in .close_btn p{position:absolute; left:0; top:2px; display:inline-block; width:20px; height:2px; background:#adadad; margin:7px 0; transform: rotate(-45deg); transition: all 0.3s ease-out;}
#modal .in .close_btn p.two{transform: rotate(45deg); transition: all 0.3s ease-out;}
#modal .in .close_btn:hover p{transform: rotate(45deg); transition: all 0.3s ease-out;}
#modal .in .close_btn:hover p.two{transform: rotate(-45deg); transition: all 0.3s ease-out;}

#modal .in .pop_tit {font-size:20px; font-weight:bold; color:#333; letter-spacing:-0.7pt; line-height:1;}

#modal .scroll_cont {margin-top:40px; height:490px; /* padding-right:30px; */ box-sizing:border-box; overflow:hidden;}
		#modal .scroll_cont .mCSB_scrollTools .mCSB_draggerRail {width:4px !important; background:#e8e8e8 !important; border-radius:10px !important;}
		#modal .scroll_cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {border-radius:10px !important; background:#333 !important;}

#modal .scroll_cont h4 {font-size:17px; color:#333; letter-spacing:-0.7pt; line-height:1; font-weight:bold; margin:45px 0 15px;}
#modal .scroll_cont p {line-height:26px; color:#777; letter-spacing:-0.5pt; margin:0 0 27px; word-break: keep-all;}
#modal .scroll_cont dl {margin:0 0 30px;}
		#modal .scroll_cont dl dt {font-weight:500; color:#333; letter-spacing:-0.5pt; line-height:20px; margin:0 0 10px;}
		#modal .scroll_cont dl dt i {font-family: 'Poppins', sans-serif; display:inline-block; width:20px; height:20px; background:#be9d6d; color:#fff; font-size:13px; font-weight:bold; text-align:center; font-style:normal; margin-right:7px;}
		#modal .scroll_cont dl dd {color:#777; letter-spacing:-0.5pt; line-height:26px; word-break: keep-all;}
#modal .okBtn {display:block; width:100%; line-height:50px; background:#333; color:#fff; text-align:center; font-weight:bold; letter-spacing:-0.5pt; margin:40px 0 0; transition: all 0.3s ease-out;}
#modal .okBtn:hover {background:#be9d6d; transition: all 0.3s ease-out;}
/**** AS 팝업 ****/


#modal2 {position:fixed; top:40%; left:50%; transform:translate(-50%,-50%); max-width:960px; background:#fff; max-height:730px; visibility:hidden; opacity:0; z-index:99999999; transition: all 0.4s ease-out;}
#modal2.view {visibility:visible; opacity:1; top:50%; transition: all 0.4s ease-out;}

#modal2 .in {padding:40px; box-sizing:border-box;}
#modal2 .in .close_btn {position:absolute; top:40px; right:40px; width:20px; height:20px;}
#modal2 .in .close_btn p{position:absolute; left:0; top:2px; display:inline-block; width:20px; height:2px; background:#adadad; margin:7px 0; transform: rotate(-45deg); transition: all 0.3s ease-out;}
#modal2 .in .close_btn p.two{transform: rotate(45deg); transition: all 0.3s ease-out;}
#modal2 .in .close_btn:hover p{transform: rotate(45deg); transition: all 0.3s ease-out;}
#modal2 .in .close_btn:hover p.two{transform: rotate(-45deg); transition: all 0.3s ease-out;}


#modal3 {position:fixed; top:40%; left:50%; transform:translate(-50%,-50%); width:1280px; background:#fff; max-height:730px; visibility:hidden; opacity:0; z-index:99999999; transition: all 0.4s ease-out;}
#modal3.view {visibility:visible; opacity:1; top:50%; transition: all 0.4s ease-out;}

#modal3 .in {padding:40px; box-sizing:border-box;}
#modal3 .in .close_btn {position:absolute; top:40px; right:40px; width:20px; height:20px;}
#modal3 .in .close_btn p{position:absolute; left:0; top:2px; display:inline-block; width:20px; height:2px; background:#adadad; margin:7px 0; transform: rotate(-45deg); transition: all 0.3s ease-out;}
#modal3 .in .close_btn p.two{transform: rotate(45deg); transition: all 0.3s ease-out;}
#modal3 .in .close_btn:hover p{transform: rotate(45deg); transition: all 0.3s ease-out;}
#modal3 .in .close_btn:hover p.two{transform: rotate(-45deg); transition: all 0.3s ease-out;}



/******* 올댓가구 표준견적표 *******/
.stand_tit{position: relative; overflow: hidden; margin-bottom: 20px;  border: 3px double #ddd; padding:25px;}
.stand_tit > p {color:#777; letter-spacing:-0.5pt; line-height:24px; padding:0 0 5px;}
.stand_tit > p:last-child{padding-bottom:0}
.stand_tit > p strong {font-weight:bold; color:#be9d6d;}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #be9d6d; border-bottom:1px solid #bbb;}
.table_style th {font-size:20px; color:#333; font-weight:500; text-align:left; padding:18px 14px; border-bottom:1px solid #bbb; letter-spacing:-0.5pt; text-align:center; background:#f9f9f9;}
.table_style td {border-bottom:1px solid #e9e9e9; padding:10px 10px; text-align:center; border-right:1px solid #ddd; font-size:16px; color:#777;}
.table_style td.tab_title {font-size:17px; color:#222; padding:14px 15px; font-weight:400; background:#f9f9f9;}
.table_style td.bor0 {border-right:0;}
/******* 올댓가구 표준견적표 *******/


/******* 서비스 가능 지역 *******/
.serivce_cont {position:relative; margin-top:30px;}
/*.serivce_cont:after {content:''; width:100%; height:82%; background:#f0f1f3; position:absolute; bottom:0; left:0; z-index:-1;}*/
.service {display:flex; flex-wrap:wrap; margin:40px 0 60px;}
.service dl {border-radius: 10px; position:relative; width:360px; margin-right:30px; border: 5px solid #9e9e9e; box-sizing: border-box;}
.service dl.red{border:5px solid #cd1f27}
.service dl.green{border: 5px solid #4a855c;}
.service dl:last-child {margin-right:0;}
.service dl i {position:absolute; font-family:"Poppins", sans-serif; display:inline-block; width:55px; height:55px; border-radius:100%; color:#fff; font-weight:bold; line-height:55px; 
text-align:center; background:#9e9e9e; font-style:normal; font-size:20px; z-index:10; top:-30px; left:30px;}
		.service dl.red i {background:#cd1f27;}
		.service dl.red i:after {background:rgba(205,31,39,0.2);}
		.service dl.green i {background:#4a855c;}
		.service dl.green i:after {background:rgba(74,133,92,0.2);}
.service dl i:after {content:''; width:70px; height:70px; background:rgba(158,158,158,0.2); z-index:-1; position:absolute; top:-8px; left:-8px; border-radius:100%;}
.service dl dt {height:90px; background:#9e9e9e; color:#fff; font-size:36px; font-weight:200; letter-spacing:-0.5pt; line-height:1; padding:35px 25px 23px; box-sizing:border-box;}
		.service dl.red dt {background:#cd1f27;}
		.service dl.green dt {background:#4a855c;}

.service dl dt span {display:inline-block; font-family:"Poppins", 'Noto Sans KR', sans-serif; font-weight:bold; color:#fff; font-size:28px; float:right; margin-top:7px;}
.service dl dd {text-align:center; box-sizing:border-box; background:#fff; padding:10px 0 35px; box-sizing:border-box; min-height:266px;}
		.service dl.red dd {}
		.service dl.green dd {}
.service dl dd h4 {position:relative; margin:25px 0 5px; display:inline-block; color:#333; font-size:18px; font-weight:500; letter-spacing:-0.5pt; line-height:1;}
.service dl dd h4:after {content:''; width:7px; height:7px; background-image:url('../../customer/img/dia_icon.gif'); position:absolute; top:5px; left:-12px;}
.service dl dd h4:before {content:''; width:7px; height:7px; background-image:url('../../customer/img/dia_icon.gif'); position:absolute; top:5px; right:-12px;}
.service dl dd p {color:#777; letter-spacing:-0.5pt; line-height:1.8;}

.ser_map{position: relative; overflow: hidden; text-align:center;}
.ser_map dl{display:inline-block; text-align:center; position: relative; overflow: hidden; margin-right:20px;}
.ser_map dl:last-child{margin-right:0}
.ser_map dt{}
.ser_map dd{font-family: 'Gmarket Sans', sans-serif; text-align:center; margin-top:20px;color:#333; font-size:22px; font-weight:700; letter-spacing:-0.5pt; line-height:100%}
/******* 서비스 가능 지역 *******/




/* Styles for dialog window */
.table_height{height:600px; box-sizing: border-box;overflow: hidden;}
.standard_cont{margin-top:30px;}
.white-popup .standard_cont{padding:40px; box-sizing: border-box;}
.white-popup.wid{max-width:960px; margin:0 auto; background:#fff}
.white-popup.wid2{width:1230px; max-width:1230px; margin:0 auto; background:#fff}
.white-popup {background: white;text-align: left;max-width:595px;margin: 40px auto;position: relative;}
.white-popup h1{background:#be9d6d; color:#fff; font-weight:600; font-size:20px; padding:20px 50px 20px 20px; line-height:24px;}


.mfp-close{opacity:1 !important; width:50px !important; height:60px !important; line-height:60px !important;}
.mfp-close-btn-in .mfp-close{color:#fff !important}
/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}





.vis_qui{position: fixed; right: 10px; top: 50%;transform: translateY(-50%); z-index:100; padding-top:128px;}
.vis_qui > div{ position: relative;  overflow: hidden; margin-bottom:10px;}
.vis_qui > div:last-child{margin-bottom:0}
.vis_qui .one{position: absolute; top:30px; right:4%}
/*.vis_qui .one a{color:#000100; transition: all 0.3s ease-out; padding-left:60px; box-sizing:border-box; width:210px; height:65px;letter-spacing:-0.3pt; font-weight:500;
line-height:65px; font-size:14px; border-radius: 65px; background:url('../../img/kakao.png') 17px center no-repeat, #fae100; display:block; position: relative; overflow: hidden; } */
.vis_qui .one a{color:#fff; transition: all 0.3s ease-out; padding-left:60px; box-sizing:border-box; width:210px; height:65px;letter-spacing:-0.3pt; font-weight:500;
line-height:65px; font-size:14px; border-radius: 65px; background:url('../../img/blog.png') 17px center no-repeat, #32b44a; display:block; position: relative; overflow: hidden; }
.vis_qui .one a:hover{}
.vis_qui .two{transition: all 0.3s ease-out; display:block; position: absolute; top:105px; right:4%; width:210px; height:65px; padding-left:60px; box-sizing:border-box; 
border-radius: 65px; background:url('../../img/qtel.png') 18px center no-repeat, #be9d6d; color:#fff; }   /* background:url('../../img/sms.png') 18px center no-repeat, #574426; */
.vis_qui .two div{transition: all 0.3s ease-out;  font-size:14px; line-height:100%; display: block; width:150px; margin-top:13px;}
.vis_qui .two div span{transition: all 0.3s ease-out;  display:block; font-weight:600; line-height:100%; margin-top:8px;}
.vis_qui .three{transition: all 0.3s ease-out; display:block; position: absolute; top:180px; right:4%; width:200px; height:65px; padding-left:65px; box-sizing:border-box; 
border-radius: 65px; background:url('../../img/qtel.png') 22px center no-repeat, #8f6a31; color:#fff; }
.vis_qui .three div{transition: all 0.3s ease-out;  font-size:14px; line-height:100%; display: block; width:150px; margin-top:13px;}
.vis_qui .three div span{transition: all 0.3s ease-out;  display:block; font-weight:600; line-height:100%; margin-top:8px;}