/* Written By MJS */
html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:12px;color:#282828;font-family:'Nanum Gothic',sans-serif}
img,fieldset{border:0;margin:0;padding:0;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
@font-face { /* 나눔고딕 Regular */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 800;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
html, body {
min-width:1100px;
font-family: 'Nanum Gothic', sans-serif;
}
/*=================================== 상단 ===================================*/
/* 로고 */
.logo{position:absolute;left:0;top:0;}
.logo a,.logo a img{float:left;height:42px;}
/* 메뉴 */
.menu{position:absolute;right:0;top:10px;}
.menu > ul{float:left;width:100%;}
.menu > ul > li{float:left;margin-left:45px;}
.menu > ul > li > a{float:left;display:block;line-height:22px;font-size:16px;font-weight:600;color:#fff;padding-bottom:54px;}
.menu > ul > li > a:hover{color:#ffc600;}
.menu > ul > li > ul{display:none;}
.menu > ul > li:hover ul{position:absolute;left:0;top:38px;width:170px;display:block;background:#6e3e28;z-index:1000;}
.menu > ul > li:hover ul.m001{left:0px;}
.menu > ul > li:hover ul.m002{left:116px;}
.menu > ul > li:hover ul.m003{left:230px;}
.menu > ul > li:hover ul.m004{left:334px;}
.menu > ul > li:hover ul.m006{left:550px;}
.menu li li{display:inline-block;float:left;width:100%;background:none;text-align:center;}
.menu li li a{float:left;display:block;width:100%;line-height:30px;font-weight:bold;font-size:13px;color:#fff;cursor:pointer;}
.menu li li a:hover{color:#ffc600;background:#995435;}
/*=================================== 메인 ===================================*/
/* 메인 비주얼 */
.main_slide{position:relative;float:left;width:2000px;height:540px;overflow:hidden;}
.main_slide ul li{position:absolute;top:0;left:0;}
.main_slide .nav_wrap{position:absolute;bottom:30px;height:30px;z-index:2;}
.main_slide .nav_wrap ul{display:block;position:relative;padding:0;}
.main_slide .nav_wrap ul li{display:inline-block;position:relative;width:30px;height:30px;margin:0 3px;cursor:pointer;}
.main_slide .nav_wrap.bullet{text-align:center;height:30px;}
.main_slide .nav_wrap.bullet ul{display:inline-block;zoom:1;*display:inline;}
.main_slide .nav_wrap.bullet ul li{float:left;width:30px;height:30px;text-indent:-999999999px;background:url(../img/bullet_off.png) no-repeat;}
.main_slide .nav_wrap.bullet ul li.on{float:left;background:url(../img/bullet_on.png) no-repeat;}
/* 메인 갤러리 타이틀 */
.mtitle{position:relative;float:left;width:100%;margin-bottom:30px;border-bottom:1px solid #ccc;}
.mtitle b{float:left;line-height:30px;font-size:28px;letter-spacing:-1px;color:#000;}
.mtitle span{float:left;line-height:46px;font-size:13px;vertical-align:bottom;color:#ccc;margin-left:20px;}
/* 메인 이미지 리스트 */
.photo_list{position:relative;float:left;width:100%;}
.photo_list ul{position:relative;float:left;width:1120px;margin:-10px 0 0 -10px;}
.photo_list ul li{position:relative;float:left;width:260px;height:232px;margin:10px;background:#eee;overflow:hidden;}
.photo_list ul li .photo_w{position:relative;float:left;width:100%;display:block;height:260px;height:180px;overflow:hidden;z-index:1000;}
/* 마우스 오버시 효과 */
.photo_list ul li:hover .photo_w{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/* 마우스 아웃시 효과 */
.photo_list ul li .photo_w a{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
.photo_list ul li .photo_w a{position:absolute;left:0;top:0;width:100%;height:180px;text-align:center;}
.photo_list ul li .photo_w a img{position:absolute;left:0;top:0;display:inline-block;}
.photo_list ul li p{position:relative;float:left;width:238px;line-height:50px;font-size:16px;color:#000;text-align:center;padding:0 10px;border:1px solid #ccc;background:#fff;z-index:1000000;}
a.more{position:absolute;right:0;top:0;}
/* 고객센터 */
.f_title{float:left;width:100%;line-height:100%;font-size:26px;font-weight:600;letter-spacing:-1px;color:#000;margin-bottom:25px;}
.customer{position:relative;float:left;width:471px;height:160px;padding:39px;border:1px solid #ccc;border-right:none;background:#fff;}
.cs_bg1{position:absolute;right:0;bottom:0;width:260px;height:248px;background:url(../img/bn_bg1.png) no-repeat;}
.f_cs{float:left;width:110%;height:70px;line-height:100%;font-size:34px;letter-spacing:0;font-weight:600;color:#7c3b0c;padding-left:84px;background:url(../img/cs_icon.png) no-repeat;}
.f_cs b{float:left;width:100%;font-size:40px;letter-spacing:-2px;font-weight:bold;font-weight:1000;margin-top:3px;}
.customer p{float:left;width:100%;line-height:100%;font-size:16px;color:#000;margin-top:25px;}
.customer p span{font-weight:600;color:#d13636;}
/* 온라인문의 */
.online{position:relative;float:left;width:470px;height:160px;padding:39px;border:1px solid #ccc;background:#fff;}
.cs_bg2{position:absolute;right:0;bottom:0;width:260px;height:248px;background:url(../img/bn_bg2.png) no-repeat;}
.online p{float:left;width:100%;line-height:22px;font-size:16px;color:#777;}
.online a{position:absolute;left:39px;bottom:39px;width:110px;height:36px;line-height:36px;font-size:13px;font-weight:600;color:#999;text-align:center;border:1px solid #ccc;background:#fff;}
.online a span{font-size:11px}
/*=================================== 하단 ===================================*/
/* 카피라이트 */
.copy{float:left;width:100%;line-height:18px;font-size:12px;color:#a4a4a4;}
.copy span{color:#6b6b6b;}
/* 맨위로 */
a.top{position:absolute;right:0;top:0;}
/*==================================== 우측 퀵바 ====================================*/
#side_bar{position:absolute;top:160px;right:50px;width:120px;}
#side_bar .side_bar_fixed{position:fixed;display:block;width:120px;text-align:center;z-index:10000;}
#side_bar .side_bar_fixed_w{float:left;width:120px;}
#side_bar .side_bar_fixed_w .side_bn{float:left;width:120px;margin-bottom:10px;}
.side_bar_fixed_ul{float:left;width:120px;padding-top:12px;background:url(../img/side_top_bg.png) no-repeat;}
.side_bar_fixed_ul ul{float:left;width:116px;background:#fff;border:1px solid #ccc;border-radius:10px;}
.side_bar_fixed_ul ul li{float:left;width:100%;padding:20px 0;border-top:1px solid #ccc;}
.side_bar_fixed_ul ul li:first-child{border-top:none;}
.side_bar_fixed_ul ul li a{float:left;width:100%;text-align:center;}
.side_bar_fixed_ul ul li a img{width:80px;text-align:center;}
.side_bar_fixed_ul ul li a p{float:left;width:100%;line-height:20px;font-size:16px;color:#333;font-weight:600;margin-top:6px;}
.side_cs{float:left;width:100%;padding:20px 0;background:#f77400;border-radius:10px;margin-top:10px;}
.side_cs_title{float:left;width:100%;line-height:100%;font-size:16px;font-weight:600;color:#fff;}
.side_cs_num{float:left;width:100%;line-height:100%;font-size:16px;letter-spacing:-1px;font-weight:bold;font-weight:1000;color:#fffc00;margin:10px 0;}
.side_cs_num span{float:left;width:100%;font-size:14.8px;font-weight:600;}
.side_cs p{float:left;width:100%;line-height:13px;font-size:11px;color:#fff;}
/*=================================== 서브 ===================================*/
/* 서브비주얼 */
#sub_visual{position:relative;float:left;width:100%;height:240px;overflow-x:hidden;}
.s_visual{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}
/* 서브메뉴 */
.sub_menu_w{position:relative;float:left;width:100%;height:50px;background:#9d5126;border-bottom:1px solid #aa7252;z-index:100000000;}
.sub_menu{position:relative;width:1100px;height:50px;margin:0 auto;border-left:1px solid #aa7252;}
.home{float:left;width:60px;padding:15px 0;text-align:center;border-right:1px solid #aa7252;}
.sub_title{position:relative;float:left;}
.sub_title b{float:left;width:200px;height:50px;line-height:50px;vertical-align:middle;text-align:center;color:#fff;font-size:18px;border-right:1px solid #aa7252;}
.sub_title p{float:left;width:200px;height:50px;line-height:50px;vertical-align:middle;text-align:center;color:#fff;font-size:16px;border-right:1px solid #aa7252;}
.sub_title ul{float:left;margin-left:10px;margin-top:16px;}
.sub_title ul li{float:left;margin-left:20px;padding-left:20px;border-left:1px solid #aa7252;}
.sub_title ul li:first-child{border:none;}
.sub_title ul li a{float:left;line-height:18px;font-size:16px;color:#fff;cursor:pointer;}
.sub_title ul li a.on{font-weight:600;color:#ffe400;}
/* 서브컨텐츠 */
.page{position:relative;float:left;width:100%;min-height:700px;margin:100px 0;}
/* 큰 타이틀 */
.stitle1{position:relative;float:left;width:100%;line-height:32px;font-size:30px;font-weight:600;color:#000;margin:60px 0 30px 0;}
.stitle1 b{float:left;line-height:32px;font-size:34px;margin-right:10px;color:#ffb516;}
/* 침대프레임 */
.top_bed{position:relative;float:left;width:100%;height:300px;background:url(../img/top_bed.jpg) no-repeat;}
.top_bed_box{position:absolute;left:50px;top:50px;width:520px;height:140px;padding:30px;background:#fff;}
.top_bed_box ul{float:left;width:100%;}
.top_bed_box ul li{float:left;width:100%;line-height:40px;font-size:21px;color:#666;}
.top_bed_box ul li b{float:left;font-size:22px;color:#000;margin-right:6px;}
.top_bed_box p{float:left;width:100%;line-height:24px;font-size:16px;color:#444;margin-top:16px;padding-top:22px;border-top:1px dashed #e0e0e0;}
/* 인사말 */
.greeting{position:relative;float:left;width:72%;padding:4% 22% 4% 4%;height:700px;line-height:28px;font-size:20px;text-align:justify;color:#555;border:10px solid #e9e3d6;background:#f9f8f6;}
.greeting b{float:left;width:100%;line-height:42px;font-size:34px;letter-spacing:-1px;color:#805d47;margin-bottom:30px;}
.gree_bg{position:absolute;left:0;bottom:0;width:100%;height:280px;background:url(../img/gree_bg.png) no-repeat;}
/* 찾아오시는길 */
.add{position:relative;float:left;width:100%;line-height:34px;font-size:20px;margin-top:25px;}
/* 천갈이란? */
.tbox{position:relative;float:left;width:94%;padding:3%;line-height:26px;font-size:18px;color:#555;text-align:justify;border:1px solid #efe4d9;background:#f9f6f3;}
.tbox span{color:#d31c1c;}
ul.about_list{position:relative;float:left;width:100%;}
ul.about_list li{float:left;width:94%;line-height:34px;padding:2% 3%;}
ul.about_list li b{float:left;width:20%;font-size:30px;color:#fff;}
ul.about_list li b span{float:left;font-size:34px;margin-right:10px;filter:alpha(opacity=20);opacity:0.2;-moz-opacity:0.2;}
ul.about_list li p{float:left;width:80%;font-size:20px;color:#fff;filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
/* 페이징 */
.paging_w{position:relative;float:left;width:100%;height:26px;margin-top:30px;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;}
.paging ul li{float:left;margin:0 3px;}
.paging ul li a{float:left;text-align:center;height:26px;line-height:26px;font-size:16px;background:#eee;color:#898989;padding:0 10px;}
.paging ul li a.on{background:#000;color:#fff;font-weight:600;}