/* Written By MJS */
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap);

html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,img,fieldset,h3{border:0;margin:0;padding:0;color:#282828;font-family:sans-serif, 'Noto Sans KR';}
ul,ol{list-style:none}
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}

ul{margin:0;padding:0;list-style:none;}
ul > li{display:inline;font-weight:bold;}
label, #menu{display:none;}

/* Android 버그 교정 */
body{-webkit-animation:bugfix infinite 1s;}
@-webkit-keyframes bugfix{from{padding:0;} to{padding: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.fp-enabled,.fp-enabled body{margin:0;padding:0;height:100%;}
#fp-nav{position:fixed;z-index:0;width:32px;height:113px;margin-top:-113px;top:58%;opacity:1;-webkit-transform:translate3d(0,0,0);background:url(../img/scroll_bg.png) no-repeat;background-size:100%;z-index:1000000000;}
#fp-nav.right{right:3%;}
/*#fp-nav.left{left:17px;}*/
#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0;}
#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:14px;margin:9px 0;position:relative;}
.fp-slidesNav ul li{display:inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height:14px;width:14px;background:url(../img/scroll_on.png) no-repeat;background-size:100%;}
#fp-nav ul li a span,.fp-slidesNav ul li a span{position:absolute;z-index:9999;height:14px;width:14px;display:block;left:64%;top:50%;background:url(../img/scroll_off.png) no-repeat;background-size:100%;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{height:14px;width:14px;background:url(../img/scroll_on.png) no-repeat;background-size:100%;}


.intro{position:relative;float:left;width:100%;}






 /*========================================= MOBILE =========================================*/
@media screen and (max-width:767px){

html,body{min-width:320px;}/* 화면 줄여도 320px 이하로 줄어들지 않음, 스크롤생김 */

#header{position:fixed;left:0;top:0;width:100%;height:26px;padding:20px 0;background:url(../img/m_bar.png) repeat;z-index:99999;}
/* 상단 메뉴 펼침 */
label{position:absolute;left:20px;top:88%;margin-top:-48px;height:48px;font-size:48px;line-height:48px;display:block;font-weight:bold;color:#ed1e19;}
input:checked ~ #nav{left:0;top:66px;}
input:checked ~ #content{margin-left:100%;margin-right:-100%;}

/* 로고 */
.logo{position:relative;text-align:center;}
.logo img{height:40px;}

#nav{position:absolute;left:-100%;width:100%;background:#d13733;}
#container{width:100%;}
/* 상단 메뉴 */
ul.menu li{position:relative;float:left;width:100%;line-height:40px;color:#fff;font-weight:bold;background:#d13733;}
ul.menu li a{display:block;font-size:100%;font-weight:bold;color:#fff;border-bottom:1px solid #a82800;border-top:1px solid #f94d17;text-decoration:none;padding:6px 0;font-size:16px;text-align:center;}
ul.menu li a:hover{background:none;}
ul.menu li ul.sub{/*position:relative;float:left;border-top:none;overflow:hidden;*/display:none;}
ul.menu{zoom:1;}
ul.menu:after{height:0;visibility:hidden;content:".";display:block;clear:both;}
ul.menu li ul.sub li{/*position:relative;float:left;width:100%;border-left:0;line-height:20px;border-top:none;*/display:none;}
ul.menu li ul.sub li a{/*font-size:80%;border-bottom:none;border-top:none;background:#a82800;*/display:none;}

/* 견적문의 버튼 */
.estimate{position:fixed;top:14px;right:20px;width:36px;height:36px;background:url(../img/estimate.gif) no-repeat 0 0;background-size:100%;z-index:10000;}
.estimate a{float:left;display:block;width:36px;height:36px;}
.estimate a span{display:none;}


/*=========================== 1페이지 ===========================*/
#section0{position:relative;float:left;width:100%;background:url(../img/main_img.jpg) no-repeat center center;background-size:cover;}

.ment{position:relative;float:left;width:100%;font-size:140%;line-height:140%;text-align:center;color:#fff;letter-spacing:-1px;padding-top:100px;}
.mouse_img{position:absolute;bottom:5%;left:52%;width:20px;height:52px;margin-left:-20px;background:url(../img/scroll_icon.png) no-repeat;background-size:100%;}

/* 숫자카운트 */
#counter_w{position:relative;float:left;width:100%;margin:5% 0;}
#counter_w ul{position:relative;width:96%;margin:0 2%;}
#counter_w ul li{position:relative;float:left;width:40%;margin:2% 5%;}
#counter_w ul li span{position:absolute;left:0;top:30%;width:100%;font-size:260%;line-height:100%;text-align:center;letter-spacing:-2px;color:#fff;}
#counter_w ul li b{position:absolute;left:0;bottom:8%;width:100%;font-size:90%;line-height:100%;text-align:center;letter-spacing:-1px;font-weight:600;color:#fff;margin:16% 0;}


/*=========================== 2페이지 ===========================*/
#section1{position:relative;float:left;width:100%;}

.m_title{position:relative;float:left;width:100%;font-size:160%;line-height:100%;font-weight:600;text-align:center;color:#000;padding-top:100px;}
.m_title span{font-size:60%;font-weight:400;}

/* 포트폴리오 */
#portfolio{position:relative;float:left;width:92%;margin:4%;padding-bottom:10%;}
#portfolio ul{position:relative;width:102%;margin-left:-1%;}
#portfolio ul li{position:relative;float:left;width:48%;min-height:140px;margin:1%;}
#portfolio ul li a{position:relative;float:left;width:100%;border:1px solid #ccc;}
#portfolio ul li a div.desc{display:none;}
#portfolio ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:140px;line-height:140px;padding:0;font-size:18px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}
.img_hd{height:140px;overflow:hidden;}


/*=========================== 3페이지 ===========================*/
.m_title2{position:relative;float:left;width:100%;font-size:160%;line-height:100%;font-weight:600;text-align:center;color:#fff;padding-top:100px;}
.m_title2 span{font-size:60%;font-weight:400;}


#section2{position:relative;float:left;width:100%;background:url(../img/main_img2.jpg) no-repeat center center;background-size:cover;}

#work{position:relative;float:left;width:92%;margin:4%;}
#work ul{position:relative;width:107.2%;margin-left:-3.6%}
#work ul li{float:left;width:26%;margin:0 3.6%;min-height:220px;}
#work ul li img{width:80%;margin:0 10%;}
#work ul li p{float:left;width:100%;text-align:center;font-size:120%;line-height:120%;font-weight:600;color:#fff;}
#work ul li p span{float:left;width:100%;font-size:70%;font-weight:400;line-height:100%;margin-top:4%;}


/*=========================== 4페이지 ===========================*/
/* 빠른상담,고객센터,실시간견적리스트,공지사항 */
#customer{position:relative;float:left;width:100%;padding-top:100px;}
.customer_w{position:relative;width:92%;padding:0 4%;}

/* 타이틀 */
.c_title{float:left;width:100%;font-size:30px;line-height:30px;font-weight:600;color:#333;margin-bottom:14px;}
.c_title span{float:left;width:100%;font-size:14px;color:#a1a1a1;}
.c_title2{float:left;width:100%;font-size:24px;line-height:24px;font-weight:600;color:#fff;margin-bottom:15px;}
.c_title2 span{float:left;width:100%;font-size:12px;color:#eb8b89;}

/* 빠른상담 */
.consulting{position:relative;float:left;width:92%;padding:8% 4%;background:#f7f5ec;}
.ip_w{position:relative;float:left;width:57%;}
.ip_w input.ip01{float:left;max-width:180px;height:33px;padding-left:10px;border:1px solid #aaa;font-size:14px;color:#898989;margin-bottom:3px;}
.ip_w input.ip011{float:left;max-width:58px;height:33px;padding-left:10px;border:1px solid #aaa;font-size:14px;color:#898989;margin-bottom:3px;}
.ip_w select.ip01{float:left;max-width:192px;height:33px;padding-left:10px;border:1px solid #aaa;font-size:14px;color:#898989;margin-bottom:3px;}
.ip_w select.ip011{float:left;max-width:59px;height:33px;padding-left:10px;border:1px solid #aaa;font-size:14px;color:#898989;margin-bottom:3px;}
.coun_btn{position:relative;float:left;width:40%;height:100px;margin-left:3%;}
.coun_btn a{position:absolute;left:0;top:0;width:100%;height:100px;line-height:100px;display:block;font-size:24px;color:#fff;font-weight:600;text-align:center;}
/* 체크박스, 전문보기 */
.coun_check{position:relative;float:left;width:100%;height:28px;margin-top:30px;}
.coun_check input{position:relative;float:left;width:13px;height:13px;line-height:13px;margin-right:4px;}
.coun_check span{position:relative;float:left;font-size:12px;line-height:13px;color:#555;letter-spacing:-1px;}
.coun_btn2{position:relative;float:left;width:66px;height:22px;margin:-8px 0 0 5px;}
.coun_btn2 a{position:absolute;left:0;top:0;width:100%;height:22px;line-height:22px;display:block;font-size:13px;color:#fff;font-weight:600;text-align:center;}

/* 전문보기 개인정보취급방침 */
.layer{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999}
.layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layer .pop-layer{display:block;overflow-x:hidden;overflow-y:scroll;}
.pop-layer{display:none;position:absolute;top:50%;left:50%;width:80%;height:400px;background:#fff;border:5px solid #333;}	
.pop-layer .pop-container{position:relative;float:left;padding:2%;}
.assembly_title{position:relative;float:left;width:95%;padding-left:5%;height:50px;line-height:50px;background:#898989;color:#fff;font-size:100%;font-weight:bold;text-align:left;}
.btn-r{position:absolute;right:2%;top:0;width:20%;}
a.cbtn{float:left;display:block;width:100%;height:50px;line-height:50px;padding:0 5%;background:#333;font-size:80%;color:#fff;text-align:center;}	
.rule_pop{float:left;width:100%;font-size:70%;line-height:120%;margin-top:3%;}

/* 고객센터 */
.call_center{position:relative;float:left;width:92%;padding:8% 4%;background:#d13733;}
.call_center b{float:left;width:100%;font-size:34px;line-height:34px;font-weight:600;letter-spacing:-2px;color:#ffd800;}
.call_center b span{float:left;width:100%;font-size:12px;line-height:16px;font-weight:400;letter-spacing:0;color:#fff;margin-top:10px;}

/* 실시간 견적리스트 */
.esti_box{position:relative;float:left;width:100%;margin-top:10%;}
#ticker{position:relative;float:left;width:100%;}
ul.ticker{position:relative;float:left;width:100%;height:182px;overflow:hidden;}
ul.ticker li{position:relative;float:left;width:90%;height:36px;line-height:36px;font-size:14px;font-weight:600;background:#f7f5ec;color:#555;padding:0 5%;margin-bottom:1px;}
ul.ticker li span{position:absolute;top:0;right:30%;color:#555;}
ul.ticker li b{position:absolute;top:0;right:5%;color:#949494;font-weight:600;}
ul.ticker li b.fin{color:#d13733;}

/* 공지사항 */
.notice{position:relative;float:left;width:100%;margin:10% 0 6% 0;}
.notice ul{float:left;width:100%;}
.notice ul li{float:left;width:100%;height:30px;}
.notice ul li a{float:left;display:inline-block;width:70%;line-height:30px;font-size:14px;font-weight:600;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden;}
.notice ul li a:hover{font-weight:600;text-decoration:underline;}
.notice ul li span.date{float:left;width:30%;line-height:30px;font-size:12px;font-weight:400;text-align:right;color:#a1a1a1;}
.notice ul li span.date b{float:left;width:90px;font-weight:400;margin-right:20px;display:none;}

/* 하단 */
#footer{position:relative;float:left;width:100%;background:#333;}
.footer_w{position:relative;float:left;width:100%;}

/* 하단메뉴 */
.fm{position:relative;float:left;width:100%;margin:5% 0 3% 0;display:none;}
.fm_w{text-align:center;}
.fm_w ul{display:inline-block;zoom:1;*display:inline;}
.fm_w ul li{float:left;border-left:1px solid #585858;}
.fm_w ul li:first-child{border:none;}
.fm_w ul li a{color:#f4f4f4;font-size:16px;line-height:16px;font-weight:400;padding:0 30px;}

/* 카피라이트 */
.copyright{position:relative;float:left;width:92%;padding:4%;font-size:70%;line-height:120%;font-weight:400;color:#717171;text-align:center;}

/* 버튼 style */
#button{position:relative;float:left;width:100%;margin-bottom:5%;text-align:center;}
#button a{margin:0 1%;padding:2% 4%;font-size:76%;color:#fff;background:#898989;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}




/*=========================== 서브 ===========================*/
#sub_visual{position:relative;float:left;width:100%;display:none;}

#sub{position:relative;float:left;width:100%;margin-top:70px;}
.sub_content{position:relative;width:94%;padding:3%;}

#left{position:relative;float:left;width:100%;}
.sub_menu{position:relative;float:left;width:100%;background:#fff;}
.sub_menu h3{float:left;width:100%;font-size:180%;padding:3% 0;text-align:left;color:#000;border-bottom:2px solid #ccc;margin-bottom:4%;}
.sub_menu ul.dp_none{display:none;}
.sub_menu ul{float:left;width:100%;}
.sub_menu ul li{float:left;width:24%;margin:1px 1px 0 0;}
.sub_menu ul li a{display:block;width:100%;padding:10% 0;font-size:80%;letter-spacing:-1px;text-align:center;background:#eee;}
.sub_menu ul li a.select{background:#898989;color:#fff;}

.sub_menu ul.sm2{float:left;width:100%;}
.sub_menu ul.sm2 li{float:left;width:49.5%;margin:1px 1px 0 0;}
.sub_menu ul.sm2 li a{display:block;width:100%;padding:7% 0;font-size:80%;letter-spacing:-1px;text-align:center;background:#eee;}
.sub_menu ul.sm2 li a.select{background:#898989;color:#fff;}

/* 좌측 고객센터 */
.call_center2{display:none;}

.page{position:relative;float:left;width:100%;margin:4% 0;}
.page_title{display:none;}



/* 서브 탭 메뉴 */
.sub_tab{position:relative;float:left;width:100%;margin:5% 0;padding:4% 0;border-top:1px dotted #aaa;}
ul.tabs{float:left;width:100%;}
ul.tabs li{float:left;display:block;width:33%;background:#898989;margin:1px 1px 0 0;}
ul.tabs li a{float:left;display:block;width:100%;line-height:100%;font-size:90%;font-weight:600;padding:6% 0;color:#fff;text-align:center;}
ul.tabs li.on,ul.tabs li.on a:hover{background:#ed1e19;color:#fff;}
.tab_container{border-top:none;clear:both;float:left;width:100%;background:#fff;}
.tab_content{padding:0;margin:50px 0;}

.sub_tab3{position:relative;float:left;width:100%;margin:5% 0;padding:4% 0;border-top:1px dotted #aaa;}
ul.tabs2{float:left;width:100%;}
ul.tabs2 li{float:left;display:block;width:49.5%;background:#898989;margin:1px 1px 0 0;}
ul.tabs2 li a{float:left;display:block;width:100%;line-height:100%;font-size:90%;font-weight:600;padding:6% 0;color:#fff;text-align:center;}
ul.tabs2 li.on,ul.tabs2 li.on a:hover{background:#ed1e19;color:#fff;}

.sub_tab2{position:relative;float:left;width:100%;margin-bottom:50px;}
.sub_tab2 ul li{float:left;width:24.5%;line-height:100%;margin-left:0.5%;}
.sub_tab2 ul li:first-child{margin-left:0;}
.sub_tab2 ul li a{float:left;display:block;width:100%;text-align:center;font-size:76%;letter-spacing:-1px;padding:4% 0;font-weight:600;background:#e0e0e0;color:#666;}
.sub_tab2 ul li a:hover,.sub_tab2 ul li a.on{background:#666;color:#fff;}



/* 서브 페이지 내용 */
.sub_title{position:relative;float:left;width:95%;height:20px;line-height:20px;font-size:20px;padding-left:10px;font-weight:600;border-left:5px solid #f66e00;margin-bottom:5%;}

a.apply_btn{position:absolute;top:-50%;right:0;width:46%;line-height:100%;font-size:80%;padding:2% 0;text-align:center;background:#f67003;color:#fff;border:2px solid #c95a00;}
a.apply_btn:hover{background:#333;color:#fff;border:2px solid #000;}

.text_wrap{position:relative;float:left;width:100%;margin-bottom:5%;background:#fcf5f0;}
.sub_text{position:relative;float:left;width:94%;padding:3%;line-height:120%;font-size:80%;background:#fcf5f0;color:#666;font-weight:600;text-align:justify;margin-bottom:30px;}
.sub_text b{font-weight:600;color:#d13733;}
.sub_text2{position:relative;float:left;width:67%;padding:3%;line-height:120%;font-size:80%;background:#fcf5f0;color:#666;font-weight:600;text-align:justify;margin-bottom:30px;}
.sub_text2 b{font-weight:600;color:#d13733;}
.sub_text3{position:relative;float:left;width:100%;line-height:120%;font-size:80%;margin-bottom:3%;font-weight:600;color:#333;}
.buga_img{float:left;width:27%;}

.sub_list{position:relative;float:left;width:100%;margin-bottom:5%;}
.sub_list ul{float:left;width:100%;background:#fff;}
.sub_list ul li{float:left;width:95%;line-height:16px;font-size:14px;color:#000;padding-left:22px;background:url(../img/bullet.png) no-repeat 0 -3px;margin-bottom:4%;font-weight:400;}
.sub_list ul li b{font-size:22px;color:#f66e00;}
.sub_list ul li span{color:#000;font-weight:600;}

.sub_list2{position:relative;float:left;width:100%;margin-bottom:5%;}
.sub_list2 ul{position:relative;float:left;width:100%;background:#fff;}
.sub_list2 ul li{position:relative;float:left;width:83%;line-height:130%;font-size:90%;color:#000;font-weight:400;padding:3% 3% 3% 14%;margin-bottom:10px;background:#f4f4f4;}
.sub_list2 ul li b{position:absolute;left:2%;top:20%;font-size:160%;color:#f66e00;}

.sub_list3{position:relative;float:left;width:100%;background:#fafafa;margin-bottom:5%;}
.sub_list3 ul{float:left;width:100%;padding:3% 0 0 3%;}
.sub_list3 ul li{float:left;width:95%;line-height:14px;font-size:12px;color:#000;padding-left:22px;background:url(../img/bullet.png) no-repeat 0 -3px;margin-bottom:2%;font-weight:400;}
.sub_list3 ul li b{font-size:22px;color:#f66e00;}
.sub_list3 ul li span{color:#000;font-weight:600;}

.sub_box{position:relative;float:left;width:100%;}
.box_icon{position:relative;float:left;width:93%;padding:3%;margin-bottom:10px;background:#fafafa;border:1px solid #ccc;}
.box_icon_img{float:left;width:16%;margin-right:4%;}
.box_icon p{float:left;width:80%;line-height:120%;font-size:80%;color:#555;}
.box_icon p b{float:left;width:100%;line-height:100%;font-size:160%;color:#f66e00;margin-bottom:12px;}

.box_img{position:relative;float:left;width:100%;margin-bottom:50px;}
.box_img p{float:left;width:390px;font-size:20px;line-height:30px;text-align:center;font-weight:600;}

.box_img2{position:relative;float:left;width:100%;margin-bottom:5%;}
.box_img2 p{position:absolute;left:15%;bottom:50%;width:64%;padding:3%;font-size:100%;text-align:center;color:#fff;font-weight:600;background:url(../img/black_bg2.png) repeat;}
.box_img2 p span{font-size:300%;}
.box_img2 b{float:left;width:100%;font-size:110%;line-height:150%;text-align:center;font-weight:600;margin-bottom:5%;}
.box_img2 b span{color:#f66e00;}

.sub_tbl{position:relative;float:left;width:100%;margin-bottom:8%;}
.sub_tbl table{float:left;width:100%;border-top:3px solid #ccc;}
.sub_tbl table th{width:20%;font-size:100%;background:#f1f1f1;font-weight:600;}
.sub_tbl table td{font-size:80%;line-height:140%;color:#555;}
.sub_tbl table td b{font-size:110%;font-weight:600;color:#000;}
.sub_tbl table td span{font-weight:600;color:#000;}
.sub_tbl table th,.sub_tbl table td{padding:3%;border-bottom:1px solid #ccc;}
.sub_tbl table td ul{float:left;width:100%;}
.sub_tbl table td ul li{float:left;width:100%;font-size:13px;line-height:18px;padding-left:12px;font-weight:400;color:#000;margin:3px 0;background:url(../img/bullet2.gif) no-repeat 0 6px;}
.sub_tbl table td ul li b{font-size:13px;line-height:18px;color:#000;font-weight:600;}

.sub_tbl2{position:relative;float:left;width:100%;margin-bottom:8%;}
.sub_tbl2 table{float:left;width:100%;border-top:3px solid #ccc;}
.sub_tbl2 table th{width:20%;padding:4%;font-size:90%;font-weight:600;background:#f1f1f1;font-weight:600;}
.sub_tbl2 table td{padding:2.5%;font-size:76%;line-height:140%;color:#555;}
.sub_tbl2 table tr:hover{background:#fcf5f0;}
.sub_tbl2 table th,.sub_tbl2 table td{border:1px solid #ccc;text-align:center;border-right:none;}
.sub_tbl2 table th:first-child,.sub_tbl2 table td:first-child{border-left:none;}
.sub_tbl2 table td .tdl{text-align:left;}
.sub_tbl2 table td .price{text-decoration:line-through;color:#ccc}

.btn_w{position:relative;float:left;width:100%;text-align:center;margin-bottom:5%;}
a.btn{display:inline-block;width:44%;line-height:100%;font-size:100%;padding:4% 0;background:#333;color:#fff;border:2px solid #000;font-weight:600;text-align:center;margin:0 2%;}
a:hover.btn{background:#f67003;color:#fff;border:2px solid #c95a00;}

.sub_ex{position:relative;float:left;width:100%;line-height:140%;font-size:90%;color:#000;margin:3% 0;}

.sub_point{position:relative;float:left;width:100%;padding:2% 0;font-size:96%;line-height:140%;font-weight:600;color:#fff;background:#555;text-align:center;}

.sub_step{position:relative;float:left;width:100%;margin-bottom:5%;}
.sub_step div{position:relative;float:left;width:94%;padding:3%;line-height:140%;font-size:80%;margin-bottom:10px;background:#fcf5f0;color:#666;}
.sub_step div b{float:left;width:90%;line-height:100%;font-size:160%;margin-bottom:6%;font-weight:600;color:#f67003;text-align:left;margin-left:40px;}
.sub_step div span{position:absolute;top:0;left:0;font-size:200%;line-height:100%;font-weight:bold;letter-spacing:-2px;background:#f67003;color:#fff;padding:2%;}

.img_box{position:relative;float:left;width:100%;border-top:2px dotted #ccc;padding-top:4%;margin-top:4%;}
.img_box p{position:absolute;top:12%;right:0;width:100%;text-align:right;line-height:140%;font-size:60%;font-weight:400;color:#898989;}
.img_box p b{float:left;width:100%;line-height:140%;font-size:200%;margin-bottom:2%;font-weight:600;color:#00be39;}


.template_list{position:relative;float:left;width:100%;}
.template_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.template_list ul li{position:relative;float:left;width:48%;height:200px;margin:1%;}
.template_list ul li img{float:left;width:100%;height:140px;border:2px solid #eee;}
.template_list ul li img:hover{border:2px solid #ff6600}
.template_list input{float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;text-align:center;padding:4% 0;color:#fff;background:#ff6600;border:none;}
.tem_link{float:left;width:100%;padding:2% 0;}
.tem_link p{float:left;width:50%;line-height:26px;font-size:16px;font-weight:600;color:#000;}
.tem_link a{float:left;width:25%;line-height:26px;font-size:12px;font-weight:600;color:#fff;background:#777;text-align:center;}



/* 포트폴리오 */
.portfolio_list{position:relative;float:left;width:100%;}
.portfolio_list ul{position:relative;float:left;width:102%;margin-left:-1%;}
.portfolio_list ul li{position:relative;float:left;width:48%;height:140px;overflow:hidden;border-bottom:1px solid #ccc;margin:1%;}
.portfolio_list ul li a{position:relative;float:left;width:99.2%;border:1px solid #ccc;}
.portfolio_list ul li a img{height:140px;}
.portfolio_list ul li a div.desc{display:none;}
.portfolio_list ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:140px;line-height:140px;padding:0;font-size:16px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}

.portfolio_list2{position:relative;float:left;width:100%;}
.portfolio_list2 ul{position:relative;float:left;width:102%;margin-left:-1%;}
.portfolio_list2 ul li{position:relative;float:left;width:48%;height:300px;overflow:hidden;border-bottom:1px solid #ccc;margin:1%;}
.portfolio_list2 ul li a{position:relative;float:left;width:99.2%;border:1px solid #ccc;}
.portfolio_list2 ul li a img{height:300px;}
.portfolio_list2 ul li a div.desc{display:none;}
.portfolio_list2 ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:300px;line-height:158px;padding:0;font-size:16px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}

.portfolio_list3{position:relative;float:left;width:100%;}
.portfolio_list3 ul{position:relative;float:left;width:102%;margin-left:-1%;}
.portfolio_list3 ul li{position:relative;float:left;width:48%;height:600px;overflow:hidden;border-bottom:1px solid #ccc;margin:1%;}
.portfolio_list3 ul li a{position:relative;float:left;width:99.2%;border:1px solid #ccc;}
.portfolio_list3 ul li a img{height:600px;}
.portfolio_list3 ul li a div.desc{display:none;}
.portfolio_list3 ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:600px;line-height:158px;padding:0;font-size:16px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}



/* 인사말 */
.greeting{position:relative;float:left;width:100%;line-height:120%;font-size:90%;font-weight:600;color:#777}
.greeting p{float:left;width:100%;line-height:120%;font-size:150%;font-weight:600;margin-bottom:5%;}
.greeting b{float:left;width:100%;line-height:120%;font-size:150%;font-weight:600;color:#f66e00;margin-bottom:3%;}

.work_type{position:relative;float:left;width:100%;margin-top:5%;}
.work_type ul{position:relative;width:100%;}
.work_type ul li{float:left;width:33%;border-left:1px dotted #ccc;border-bottom:1px dotted #ccc;text-align:center;}
.work_type ul li a{float:left;width:98%;background:#777;padding:3% 1% 8% 1%;}
.work_type ul li a:hover{background:#f66e00;}
.work_type ul li a img{width:70%;margin:0 15%;}
.work_type ul li a p{float:left;width:100%;line-height:100%;text-align:center;font-size:100%;font-weight:600;color:#fff;}



/* 찾아오시는길 */
.traffic2 p{float:left;width:100%;line-height:100%;font-size:120%;font-weight:600;margin:2% 0;color:#f66e00;}
.traffic2 ul{float:left;width:100%;border-top:1px solid #ccc;margin-bottom:2%;background:#fafafa;}
.traffic2 ul li{float:left;width:96%;line-height:16px;font-size:12px;font-weight:600;color:#555;border-bottom:1px solid #ccc;padding:2%;}

span.bus1{float:left;width:8%;line-height:16px;text-align:center;font-size:12px;font-weight:600;margin-right:1%;color:#fff;background:#395cb4;}
span.bus2{float:left;width:8%;line-height:16px;text-align:center;font-size:12px;font-weight:600;margin-right:1%;color:#fff;background:#50a232 }
span.bus3{float:left;width:8%;line-height:16px;text-align:center;font-size:12px;font-weight:600;margin-right:1%;color:#fff;background:#dc1219}
span.bus4{float:left;width:8%;line-height:16px;text-align:center;font-size:12px;font-weight:600;margin-right:1%;color:#fff;background:#68a4d0}



/* 공지사항 */
.accordion{width:100%;border-top:1px solid #ccc;}
.accordion li{position:relative;float:left;width:100%;border-top:1px solid #fff;background:#eee;border-bottom:1px solid #ccc;}
.accordion li .ntc_list{display:none;padding:4%;color:#555;background:#fbfbfb;}
.accordion li .ntc_list p{font-size:13px;line-height:16px;}
.accordion li div{display:block;width:92%;padding:4%;font-size:90%;font-weight:600;cursor:pointer;color:#000;}
.accordion li .file{float:left;text-align:center;height:26px;line-height:26px;font-size:14px;background:#eee;color:#898989;padding:0 10px;background:#000;color:#fff;font-weight:600;}




/* 문의하기 */
.inquiry{position:relative;float:left;width:100%;margin-bottom:5%;}
.inquiry table{float:left;width:100%;border-top:1px solid #ccc;}
.inquiry table th{width:20%;line-height:100%;font-size:90%;font-weight:600;background:#f0f0f0;text-align:left}
.inquiry table th b{color:#d13733;}
.inquiry table td{text-align:left;padding-bottom:2%}
.inquiry table td .ment{float:left;width:100%;line-height:100%;font-size:80%;margin-top:2%;color:#898989;}
.inquiry table td p{float:left;width:100%;}
.inquiry table td span{float:left;line-height:100%;padding:3% 0;font-size:80%;margin:0 2%;font-weight:400;}
.inquiry table td .ip01{float:left;width:39%;line-height:100%;padding:3%;font-size:80%;border:1px solid #ccc;}
.inquiry table td .ip02{float:left;width:18%;line-height:100%;padding:3%;font-size:80%;border:1px solid #ccc;}
.inquiry table td textarea{float:left;width:94%;padding:3%;line-height:120%;font-size:80%;border:1px solid #ccc;}
.inquiry table th,.inquiry table td{padding:2%;border-bottom:1px solid #ccc;}

.radio_btn{float:left;width:100%;}
.radio_btn p{float:left;width:50%;line-height:100%;font-size:13px;font-weight:600;margin:2% 0;color:#000;}
input.rd_ip{float:left;width:13px;height:13px;line-height:100%;margin-right:5px;}

.rule_box{float:left;width:93%;height:138px;margin-top:3%;padding:3%;line-height:18px;font-size:13px;border:1px solid #ccc;overflow-y:scroll;background:#fafafa;}
.agree{float:left;width:100%;margin-top:20px;}
.agree input{float:left;width:14px;height:14px;line-height:14px;margin-right:6px;}
.agree span{float:left;font-size:14px;line-height:14px;color:#000;}

.inquiry_btn_w{position:relative;float:left;width:100%;text-align:center;margin-top:5%;}
a.inquiry_btn{display:inline-block;width:44%;line-height:100%;font-size:100%;padding:4% 0;font-weight:600;background:#aaa;text-align:center;color:#fff;border:2px solid #898989;margin:0 5px;}
a:hover.inquiry_btn{background:#333;border:2px solid #000;}



/* 견적리스트 */
.inquiry_color{position:relative;float:left;width:100%;line-height:120%;font-size:80%;margin-bottom:20px;}
.inquiry_color p{margin-bottom:3%;}
.inquiry_color p b{font-size:120%;}

.inquiry_list{position:relative;float:left;width:100%;}
.inquiry_list ul{position:relative;float:left;width:100%;}
.inquiry_list ul li{position:relative;float:left;width:96%;padding:3% 2%;font-size:70%;line-height:100%;background:#f0f0f0;color:#555;border-top:1px solid #f7f7f7;border-bottom:1px solid #e0e0e0;}
.inquiry_list ul li:hover{background:#aaa;color:#fff;}
.inquiry_list ul li b{float:left;font-weight:600;}
.inquiry_list ul li span{position:absolute;right:2%;top:0;margin:3% 0;color:#bbb;line-height:100%;}



/* 페이징 */
.paging_w{position:relative;float:left;width:100%;height:26px;margin:40px 0;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;margin:0 10px}
.paging ul li{float:left;margin:0 5px;}
.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;}


.rule_box2{float:left;width:93%;height:100%;margin-top:3%;padding:3%;line-height:18px;font-size:13px;border:1px solid #ccc;background:#fafafa;}



.bar{position:absolute;display:none;}
}





 /*========================================= TABLET =========================================*/
@media screen and (min-width:768px) and (max-width:1024px){
#header{position:fixed;left:0;top:0;width:100%;height:38px;padding:20px 0;background:url(../img/m_bar.png) repeat;z-index:99999;}

/* 상단 메뉴 펼침 */
label{position:absolute;left:20px;top:10px;display:block;font-size:60px;line-height:60px;color:#ed1e19;font-weight:bold;}
input:checked ~ #nav{left:0;top:78px;}
input:checked ~ #content{margin-left:480px;margin-right:480px;}

/* 로고 */
.logo{position:relative;text-align:center;}
.logo img{height:40px;}

#nav{position:absolute;left:-482px;width:480px;background:#d13733;}
#container{width:100%;}

/* 상단 메뉴 */
ul.menu li{position:relative;float:left;width:100%;line-height:50px;color:#fff;font-weight:bold;background:#d13733;}
ul.menu li a{display:block;font-size:16px;font-weight:bold;color:#fff;border-bottom:1px solid #a82800;border-top:1px solid #f94d17;text-decoration:none;padding:6px 0;font-size:16px;text-align:center;}
ul.menu li a:hover{background:none;}
ul.menu li ul.sub{/*position:relative;float:left;*/display:none;border-top:none;}
ul.menu{zoom:1;}
ul.menu:after{height:0;visibility:hidden;content:".";display:block;clear:both;}
ul.menu li ul.sub li{/*position:relative;float:left;width:100%;border-left:0;line-height:20px;border-top:none;*/display:none;}
ul.menu li ul.sub li a{/*font-size:12px;border-bottom:none;border-top:none;background:#a82800;*/display:none;}

/* 견적문의 버튼 */
.estimate{position:fixed;top:14px;right:20px;width:130px;height:50px;padding-left:30px;background:#d13733;}
.estimate a{float:left;font-size:18px;height:28px;line-height:28px;font-weight:bold;color:#fff;padding:11px 0 11px 32px;background:url(../img/estimate.png) no-repeat 0 11px;}
.estimate:hover{background:#ee706c;}


/*=========================== 1페이지 ===========================*/
#section0{position:relative;float:left;width:100%;background:url(../img/main_img.jpg) no-repeat center center;background-size:cover;padding-bottom:120px;}

.ment{position:relative;float:left;width:100%;font-size:40px;line-height:60px;text-align:center;color:#fff;margin:90px 0;padding-top:140px;}
.mouse_img{position:absolute;bottom:-60px;left:52.5%;width:40px;height:104px;margin-left:-40px;background:url(../img/scroll_icon.png) no-repeat;}

/* 숫자카운트 */
#counter_w{position:relative;float:left;width:100%;}
#counter_w ul{position:relative;width:92%;margin:0 4%;}
#counter_w ul li{position:relative;float:left;width:22%;height:210px;margin-left:4%;}
#counter_w ul li:first-child{margin-left:0;}
#counter_w ul li span{position:absolute;left:0;top:26%;width:100%;font-size:260%;line-height:100%;text-align:center;letter-spacing:-2px;color:#fff;}
#counter_w ul li b{position:absolute;left:0;bottom:20%;width:100%;font-size:90%;line-height:100%;text-align:center;letter-spacing:-1px;font-weight:600;color:#fff;margin:16% 0;}


/*=========================== 2페이지 ===========================*/
.m_title{position:relative;float:left;width:100%;font-size:60px;line-height:60px;font-weight:600;text-align:center;color:#000;margin-top:0;padding-top:140px;}
.m_title span{font-size:22px;font-weight:400;}

/* 포트폴리오 */
#portfolio{position:relative;float:left;width:100%;margin-top:20px;margin-bottom:100px;}
#portfolio ul{position:relative;width:92%;margin:0 4%;}
#portfolio ul li{position:relative;float:left;width:30%;height:160px;margin:1.5%;}
#portfolio ul li a{position:relative;float:left;width:100%;border:1px solid #ccc;}
#portfolio ul li a div.desc{display:none;}
#portfolio ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:160px;line-height:160px;padding:0;font-size:18px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}
.img_hd{height:160px;overflow:hidden;}


/*=========================== 3페이지 ===========================*/
.m_title2{position:relative;float:left;width:100%;font-size:60px;line-height:60px;font-weight:600;text-align:center;color:#fff;padding-top:140px;}
.m_title2 span{font-size:22px;font-weight:400;}

#section2{position:relative;float:left;width:100%;background:url(../img/main_img2.jpg) no-repeat center center;background-size:cover;}

#work{position:relative;float:left;width:92%;margin:4%;}
#work ul{position:relative;width:107.2%;margin-left:-3.6%}
#work ul li{float:left;width:26%;margin:0 3.6%;min-height:340px;}
#work ul li img{width:70%;margin:0 15%;}
#work ul li p{float:left;width:100%;text-align:center;font-size:30px;font-weight:600;color:#fff;}
#work ul li p span{float:left;width:100%;font-size:16px;line-height:24px;font-weight:400;margin-top:8%;}


/*=========================== 4페이지 ===========================*/
/* 빠른상담,고객센터,실시간견적리스트,공지사항 */
#customer{position:relative;float:left;width:100%;padding-top:140px;}
.customer_w{position:relative;width:92%;padding:0 4%;}

/* 타이틀 */
.c_title{float:left;width:100%;font-size:40px;line-height:40px;font-weight:600;color:#333;margin-bottom:14px;}
.c_title span{float:left;width:100%;font-size:18px;color:#a1a1a1;}
.c_title2{float:left;width:100%;font-size:30px;line-height:30px;font-weight:600;color:#fff;margin-bottom:15px;}
.c_title2 span{float:left;width:100%;font-size:16px;color:#eb8b89;}

/* 빠른상담 */
.consulting{position:relative;float:left;width:48%;height:250px;margin-right:4%;}
.ip_w{position:relative;float:left;width:58%;}
.ip_w input.ip01{float:left;width:180px;height:33px;padding-left:10px;border:1px solid #aaa;font-size:14px;color:#898989;margin-bottom:3px;}
.ip_w select.ip01{float:left;width:192px;height:33px;padding-left:10px;border:1px solid #aaa;font-size:14px;color:#898989;margin-bottom:3px;}
.coun_btn{position:relative;float:left;width:128px;height:108px;margin-left:10px;}
.coun_btn a{position:absolute;left:0;top:0;width:100%;line-height:108px;display:block;font-size:26px;color:#fff;font-weight:600;text-align:center;}
/* 체크박스, 전문보기 */
.coun_check{position:relative;float:left;width:100%;height:28px;margin-top:20px;}
.coun_check input{position:relative;float:left;width:13px;height:13px;line-height:13px;margin-right:4px;}
.coun_check span{position:relative;float:left;font-size:12px;line-height:13px;color:#555;letter-spacing:-1px;}
.coun_btn2{position:relative;float:left;width:72px;height:28px;margin:-8px 0 0 5px;}
.coun_btn2 a{position:absolute;left:0;top:0;width:100%;height:28px;line-height:28px;display:block;font-size:14px;color:#fff;font-weight:600;text-align:center;}

/* 전문보기 개인정보취급방침 */
.layer{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999}
.layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layer .pop-layer{display:block;overflow-x:hidden;overflow-y:scroll;}
.pop-layer{display:none;position:absolute;top:50%;left:50%;width:60%;height:600px;background:#fff;border:5px solid #333;}	
.pop-layer .pop-container{position:relative;float:left;padding:2%;}
.assembly_title{position:relative;float:left;width:95%;padding-left:5%;height:60px;line-height:60px;background:#898989;color:#fff;font-size:140%;font-weight:bold;text-align:left;}
.btn-r{position:absolute;right:2%;top:0;width:20%;}
a.cbtn{float:left;display:block;width:100%;height:60px;line-height:60px;padding:0 5%;background:#333;font-size:80%;color:#fff;text-align:center;}	
.rule_pop{float:left;width:100%;font-size:80%;line-height:120%;margin-top:3%;}

/* 고객센터 */
.call_center{position:relative;float:left;width:40%;height:190px;padding:4%;background:#d13733;}
.call_center b{float:left;width:100%;font-size:30px;line-height:30px;font-weight:600;letter-spacing:-2px;color:#ffd800;}
.call_center b span{float:left;width:100%;font-size:13px;line-height:20px;font-weight:400;letter-spacing:0;color:#fff;margin-top:20px;}

/* 실시간 견적리스트 */
.esti_box{position:relative;float:left;width:48%;height:270px;margin:5% 4% 0 0;}
#ticker{position:relative;float:left;width:100%;}
ul.ticker{position:relative;float:left;width:100%;height:182px;overflow:hidden;}
ul.ticker li{position:relative;float:left;width:90%;height:36px;line-height:36px;font-size:14px;font-weight:600;background:#f7f5ec;color:#555;padding:0 5%;margin-bottom:1px;}
ul.ticker li span{position:absolute;top:0;right:30%;color:#555;}
ul.ticker li b{position:absolute;top:0;right:5%;color:#949494;font-weight:600;}
ul.ticker li b.fin{color:#d13733;}

/* 공지사항 */
.notice{position:relative;float:left;width:48%;height:270px;margin:5% 0;}
.notice ul{float:left;width:100%;}
.notice ul li{float:left;width:100%;height:36px;}
.notice ul li a{float:left;display:inline-block;width:200px;line-height:36px;font-size:16px;font-weight:600;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden;}
.notice ul li a:hover{font-weight:600;text-decoration:underline;}
.notice ul li span.date{float:left;width:90px;margin-left:60px;line-height:36px;font-size:16px;font-weight:400;vertical-align:middle;color:#a1a1a1;}
.notice ul li span.date b{/*float:left;width:90px;font-weight:400;margin-right:20px;*/display:none;}

/* 하단 */
#footer{position:relative;float:left;width:100%;background:#333;padding-bottom:5%;}
.footer_w{position:relative;float:left;width:100%;}

/* 하단메뉴 */
.fm{position:relative;float:left;width:100%;margin:5% 0 3% 0;}
.fm_w{text-align:center;}
.fm_w ul{display:inline-block;zoom:1;*display:inline;}
.fm_w ul li{float:left;border-left:1px solid #585858;}
.fm_w ul li:first-child{border:none;}
.fm_w ul li a{color:#f4f4f4;font-size:16px;line-height:16px;font-weight:400;padding:0 30px;}

/* 카피라이트 */
.copyright{position:relative;float:left;width:100%;font-size:14px;line-height:22px;font-weight:400;color:#717171;text-align:center;}

/* 버튼 style */
#button{display:none;}


/*=========================== 서브 ===========================*/
#sub_visual{position:relative;float:left;width:100%;height:220px;overflow:hidden;background:gold}

#sub{position:relative;float:left;width:100%;}
.sub_content{position:relative;width:92%;padding:2% 4%;}

#left{position:relative;float:left;width:100%;}
.sub_menu{position:relative;float:left;width:100%;background:#fff;}
.sub_menu h3{float:left;width:100%;font-size:26px;padding:3% 0;text-align:left;color:#000;border-bottom:2px solid #ccc;margin-bottom:4%;}
.sub_menu ul.dp_none{display:none;}
.sub_menu ul{float:left;width:100%;margin-bottom:4%;}
.sub_menu ul li{float:left;width:24%;margin-left:1px;}
.sub_menu ul li a{display:block;width:100%;padding:6% 0;font-size:18px;letter-spacing:-1px;text-align:center;background:#eee;}
.sub_menu ul li a.select{background:#898989;color:#fff;}

.sub_menu ul.sm2{float:left;width:100%;}
.sub_menu ul.sm2 li{float:left;width:49.5%;margin:1px 1px 0 0;}
.sub_menu ul.sm2 li a{display:block;width:100%;padding:4% 0;font-size:18px;letter-spacing:-1px;text-align:center;background:#eee;}
.sub_menu ul.sm2 li a.select{background:#898989;color:#fff;}

/* 좌측 고객센터 */
.call_center2{display:none;}

.page{position:relative;float:left;width:100%;margin-bottom:4%;}
.page_title{display:none;}




/* 서브 탭 메뉴 */
.sub_tab{position:relative;float:left;width:100%;margin-bottom:50px;}
ul.tabs{margin:0;padding:0;float:left;list-style:none;height:53px;border-bottom:1px solid #aaa;width:100%;}
ul.tabs li{float:left;width:19%;margin:0;padding:0;height:52px;line-height:52px;border:1px solid #aaa;margin-bottom:-1px;background:#F0F0F0;overflow:hidden;position:relative;margin-right:4px;}
ul.tabs li a{float:left;display:block;width:100%;text-align:center;font-size:15px;font-weight:600;outline:none;}
ul.tabs li.on, ul.tabs li.on a:hover{background:#fff;border-bottom:1px solid #fff;color:#333;}
.tab_container{border-top:none;clear:both;float:left;width:100%;background:#fff;}
.tab_content{padding:0;margin:50px 0;}

.sub_tab3{position:relative;float:left;width:100%;margin-bottom:50px;}
ul.tabs2{margin:0;padding:0;float:left;list-style:none;height:53px;border-bottom:1px solid #aaa;width:100%;}
ul.tabs2 li{float:left;width:19%;margin:0;padding:0;height:52px;line-height:52px;border:1px solid #aaa;margin-bottom:-1px;background:#F0F0F0;overflow:hidden;position:relative;margin-right:4px;}
ul.tabs2 li a{float:left;display:block;width:100%;text-align:center;font-size:15px;font-weight:600;outline:none;}
ul.tabs2 li.on, ul.tabs2 li.on a:hover{background:#fff;border-bottom:1px solid #fff;color:#333;}

.sub_tab2{position:relative;float:left;width:100%;margin-bottom:50px;}
.sub_tab2 ul li{float:left;width:24.5%;height:50px;line-height:50px;margin-left:0.5%;}
.sub_tab2 ul li:first-child{margin-left:0;}
.sub_tab2 ul li a{float:left;display:block;width:100%;text-align:center;font-size:16px;font-weight:600;background:#e0e0e0;color:#666;}
.sub_tab2 ul li a:hover,.sub_tab2 ul li a.on{background:#666;color:#fff;}



/* 서브 페이지 내용 */
.sub_title{position:relative;float:left;width:95%;height:30px;line-height:30px;font-size:28px;padding-left:40px;font-weight:600;background:url(../img/title_bullet.png) no-repeat 0 50%;margin-bottom:30px;}

a.apply_btn{position:absolute;top:-15px;right:0;padding:0 20px;height:46px;line-height:46px;font-size:20px;text-align:center;background:#f67003;color:#fff;border:2px solid #c95a00;}
a.apply_btn:hover{background:#333;color:#fff;border:2px solid #000;}

.text_wrap{position:relative;float:left;width:100%;margin-bottom:50px;background:#fcf5f0;}
.sub_text{position:relative;float:left;width:94%;padding:3%;line-height:26px;font-size:16px;color:#666;font-weight:600;text-align:justify;margin-bottom:30px;}
.sub_text b{font-weight:600;color:#d13733;}
.sub_text2{position:relative;float:left;width:67%;padding:3%;line-height:26px;font-size:16px;color:#666;font-weight:600;text-align:justify;margin-bottom:30px;}
.sub_text2 b{font-weight:600;color:#d13733;}
.sub_text3{position:relative;float:left;width:100%;line-height:26px;font-size:20px;margin-bottom:30px;font-weight:600;color:#333;}
.buga_img{float:left;width:27%;}

.sub_list{position:relative;float:left;width:100%;margin-bottom:50px;}
.sub_list ul{float:left;width:100%;background:#fff;}
.sub_list ul li{float:left;width:90%;line-height:28px;font-size:18px;color:#000;padding-left:50px;background:url(../img/bullet.png) no-repeat 20px 6px;margin-bottom:15px;font-weight:400;}
.sub_list ul li b{font-size:22px;color:#f66e00;}
.sub_list ul li span{color:#000;font-weight:600;}

.sub_list2{position:relative;float:left;width:100%;margin-bottom:50px;}
.sub_list2 ul{position:relative;float:left;width:100%;background:#fff;}
.sub_list2 ul li{position:relative;float:left;width:87%;line-height:28px;font-size:18px;color:#000;font-weight:400;padding:3% 3% 3% 10%;margin-bottom:10px;background:#f4f4f4;}
.sub_list2 ul li b{position:absolute;left:2%;top:20%;font-size:30px;color:#f66e00;}

.sub_list3{position:relative;float:left;width:100%;background:#fafafa;margin-bottom:50px;}
.sub_list3 ul{float:left;width:100%;padding-top:3%;}
.sub_list3 ul li{float:left;width:90%;line-height:26px;font-size:16px;color:#000;padding-left:50px;background:url(../img/bullet.png) no-repeat 20px 6px;margin-bottom:10px;font-weight:400;}
.sub_list3 ul li b{font-size:22px;color:#f66e00;}
.sub_list3 ul li span{color:#000;font-weight:600;}

.sub_box{position:relative;float:left;width:100%;}
.box_icon{position:relative;float:left;width:93%;padding:3%;margin-bottom:10px;background:#fafafa;border:1px solid #ccc;}
.box_icon_img{float:left;width:12%;margin-right:4%;}
.box_icon p{float:left;width:84%;line-height:26px;font-size:16px;color:#555;}
.box_icon p b{float:left;width:100%;line-height:26px;font-size:26px;color:#f66e00;margin-bottom:12px;}

.box_img{position:relative;float:left;width:100%;margin-bottom:50px;}
.box_img p{float:left;width:390px;font-size:20px;line-height:30px;text-align:center;font-weight:600;}

.box_img2{position:relative;float:left;width:100%;margin-bottom:50px;}
.box_img2 p{position:absolute;left:15%;bottom:50%;width:64%;padding:3%;font-size:20px;text-align:center;color:#fff;font-weight:600;background:url(../img/black_bg.png) repeat;}
.box_img2 p span{font-size:100px;}
.box_img2 b{float:left;width:100%;font-size:30px;line-height:44px;text-align:center;font-weight:600;margin-bottom:60px;}
.box_img2 b span{color:#f66e00;}

.sub_tbl{position:relative;float:left;width:100%;margin-bottom:40px;}
.sub_tbl table{float:left;width:100%;border-top:3px solid #ccc;}
.sub_tbl table th{width:20%;font-size:20px;font-weight:600;background:#f1f1f1;font-weight:600;}
.sub_tbl table td{font-size:16px;line-height:28px;color:#555;}
.sub_tbl table td b{font-size:20px;font-weight:600;color:#000;}
.sub_tbl table td span{font-weight:600;color:#000;}
.sub_tbl table th,.sub_tbl table td{padding:20px;border-bottom:1px solid #ccc;}
.sub_tbl table td ul{float:left;width:100%;}
.sub_tbl table td ul li{float:left;width:100%;font-size:16px;line-height:36px;padding-left:16px;font-weight:400;color:#000;background:url(../img/bullet2.gif) no-repeat 0 50%;}
.sub_tbl table td ul li b{font-size:16px;line-height:36px;color:#000;font-weight:600;}

.sub_tbl2{position:relative;float:left;width:100%;margin-bottom:40px;}
.sub_tbl2 table{float:left;width:100%;border-top:3px solid #ccc;}
.sub_tbl2 table th{width:20%;padding:20px;font-size:20px;font-weight:600;background:#f1f1f1;font-weight:600;}
.sub_tbl2 table td{padding:14px;font-size:16px;line-height:28px;color:#555;}
.sub_tbl2 table tr:hover{background:#fcf5f0;}
.sub_tbl2 table th,.sub_tbl2 table td{border:1px solid #ccc;text-align:center;border-right:none;}
.sub_tbl2 table th:first-child,.sub_tbl2 table td:first-child{border-left:none;}
.sub_tbl2 table td .tdl{text-align:left;}
.sub_tbl2 table td .price{text-decoration:line-through;color:#ccc}

.btn_w{position:relative;float:left;width:100%;text-align:center;margin:40px 0;}
a.btn{display:inline-block;width:30%;height:56px;line-height:56px;font-size:20px;background:#333;color:#fff;border:2px solid #000;font-weight:600;text-align:center;margin:0 10px;}
a:hover.btn{background:#f67003;color:#fff;border:2px solid #c95a00;}

.sub_ex{position:relative;float:left;width:100%;line-height:26px;font-size:16px;color:#000;margin:10px 0 20px 0;}

.sub_point{position:relative;float:left;width:100%;padding:20px 0;font-size:30px;line-height:38px;font-weight:600;color:#fff;background:#555;text-align:center;}

.sub_step{position:relative;float:left;width:102%;margin-left:-1%;margin-bottom:40px;}
.sub_step div{position:relative;float:left;width:25%;min-height:170px;padding:3%;line-height:24px;font-size:16px;margin:0 1% 2% 1%;background:#fcf5f0;color:#666;text-align:justify;}
.sub_step div b{float:left;width:100%;line-height:26px;font-size:26px;margin-bottom:20px;font-weight:600;color:#f67003;text-align:center;}
.sub_step div span{position:absolute;top:0;left:0;font-size:26px;line-height:26px;font-weight:bold;letter-spacing:-2px;background:#f67003;color:#fff;padding:10px;}

.img_box{position:relative;float:left;width:100%;border-top:2px dotted #ccc;padding-top:40px;margin-top:40px;}
.img_box p{position:absolute;top:40px;right:0;width:100%;line-height:22px;font-size:16px;font-weight:400;text-align:right;color:#898989;}
.img_box p b{float:left;width:100%;margin-bottom:20px;line-height:28px;font-size:28px;font-weight:600;color:#00be39;}


.template_list{position:relative;float:left;width:100%;}
.template_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.template_list ul li{position:relative;float:left;width:31.333%;height:280px;margin:1%;}
.template_list ul li img{float:left;width:100%;height:200px;border:2px solid #eee;}
.template_list ul li img:hover{border:2px solid #ff6600}
.template_list input{float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;text-align:center;padding:4% 0;color:#fff;background:#ff6600;border:none;}
.tem_link{float:left;width:100%;padding:2% 0;}
.tem_link p{float:left;width:50%;line-height:36px;font-size:20px;font-weight:600;color:#000;}
.tem_link a{float:left;width:25%;line-height:36px;font-size:12px;font-weight:600;color:#fff;background:#777;text-align:center;}


/* 포트폴리오 */
.portfolio_list{position:relative;float:left;width:100%;}
.portfolio_list ul{position:relative;float:left;width:102%;margin-left:-1%;}
.portfolio_list ul li{position:relative;float:left;width:48%;height:300px;overflow:hidden;border-bottom:1px solid #ccc;margin:1%;}
.portfolio_list ul li a{position:relative;float:left;width:99.2%;border:1px solid #ccc;}
.portfolio_list ul li a img{height:300px;}
.portfolio_list ul li a div.desc{display:none;}
.portfolio_list ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:300px;line-height:300px;padding:0;font-size:20px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}

.portfolio_list2{position:relative;float:left;width:100%;}
.portfolio_list2 ul{position:relative;float:left;width:102%;margin-left:-1%;}
.portfolio_list2 ul li{position:relative;float:left;width:48%;height:500px;overflow:hidden;border-bottom:1px solid #ccc;margin:1%;}
.portfolio_list2 ul li a{position:relative;float:left;width:99.2%;border:1px solid #ccc;}
.portfolio_list2 ul li a img{height:500px;}
.portfolio_list2 ul li a div.desc{display:none;}
.portfolio_list2 ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:500px;line-height:300px;padding:0;font-size:20px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}

.portfolio_list3{position:relative;float:left;width:100%;}
.portfolio_list3 ul{position:relative;float:left;width:102%;margin-left:-1%;}
.portfolio_list3 ul li{position:relative;float:left;width:48%;height:1400px;overflow:hidden;border-bottom:1px solid #ccc;margin:1%;}
.portfolio_list3 ul li a{position:relative;float:left;width:99.2%;border:1px solid #ccc;}
.portfolio_list3 ul li a div.desc{display:none;}
.portfolio_list3 ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:1400px;line-height:300px;padding:0;font-size:20px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}



/* 인사말 */
.greeting{position:relative;float:left;width:100%;line-height:32px;font-size:20px;font-weight:600;color:#777}
.greeting p{float:left;width:100%;line-height:52px;font-size:40px;font-weight:600;margin-bottom:40px;}
.greeting b{float:left;width:100%;line-height:30px;font-size:28px;font-weight:600;color:#f66e00;margin-bottom:20px;}

.work_type{position:relative;float:left;width:100%;margin-top:50px;}
.work_type ul{position:relative;width:100%;}
.work_type ul li{float:left;width:32%;border-left:2px dotted #ccc;border-bottom:2px dotted #ccc;text-align:center;}
.work_type ul li a{float:left;width:98%;background:#777;padding:1% 1% 8% 1%;}
.work_type ul li a:hover{background:#f66e00;}
.work_type ul li a img{width:80%;margin:0 10%;}
.work_type ul li a p{float:left;width:100%;margin-top:10px;text-align:center;font-size:20px;font-weight:600;color:#fff;}



/* 찾아오시는길 */
.traffic2 p{float:left;width:100%;line-height:40px;font-size:22px;font-weight:600;margin:10px 0;color:#f66e00;}
.traffic2 ul{float:left;width:100%;border-top:1px solid #ccc;margin-bottom:20px;background:#fafafa;}
.traffic2 ul li{float:left;width:96%;line-height:24px;font-size:16px;font-weight:600;color:#555;border-bottom:1px solid #ccc;padding:1% 2%;}

span.bus1{float:left;width:4%;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:600;margin-right:1%;color:#fff;background:#395cb4;}
span.bus2{float:left;width:4%;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:600;margin-right:1%;color:#fff;background:#50a232 }
span.bus3{float:left;width:4%;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:600;margin-right:1%;color:#fff;background:#dc1219}
span.bus4{float:left;width:4%;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:600;margin-right:1%;color:#fff;background:#68a4d0}



/* 공지사항 */
.accordion{width:100%;border-top:1px solid #ccc;}
.accordion li{position:relative;float:left;width:100%;border-top:1px solid #fff;background:#eee;border-bottom:1px solid #ccc;}
.accordion li .ntc_list{display:none;padding:4%;color:#555;background:#fbfbfb;}
.accordion li .ntc_list p{font-size:14px;line-height:16px;}
.accordion li div{display:block;width:92%;padding:4%;font-size:16px;font-weight:600;cursor:pointer;color:#000;}
.accordion li .file{float:left;text-align:center;height:26px;line-height:26px;font-size:14px;background:#eee;color:#898989;padding:0 10px;background:#000;color:#fff;font-weight:600;}




/* 문의하기 */
.inquiry{position:relative;float:left;width:100%;margin-bottom:50px;}
.inquiry table{float:left;width:100%;border-top:1px solid #ccc;}
.inquiry table th{width:160px;height:42px;line-height:42px;font-size:18px;font-weight:600;background:#f0f0f0;text-align:left}
.inquiry table th b{color:#d13733;}
.inquiry table td{text-align:left;padding-bottom:22px}
.inquiry table td .ment{float:left;width:100%;height:20px;line-height:20px;font-size:16px;margin-top:6px;color:#898989;}
.inquiry table td p{float:left;}
.inquiry table td span{float:left;height:44px;line-height:44px;font-size:16px;margin:0 10px;font-weight:400;}
.inquiry table td .ip01{float:left;width:39%;height:42px;line-height:42px;font-size:14px;padding:0 3%;border:1px solid #ccc;margin:1px 4px 1px 0;}
.inquiry table td .ip02{float:left;width:60px;height:42px;line-height:42px;font-size:13px;padding:0 3%;border:1px solid #ccc;margin:1px 4px 1px 0;}
.inquiry table td .ip03{float:left;width:90px;height:42px;line-height:42px;font-size:13px;padding:0 3%;border:1px solid #ccc;margin:1px 4px 1px 0;}
.inquiry table td textarea{float:left;width:100%;padding:10px;line-height:22px;font-size:16px;border:1px solid #ccc;}
.inquiry table th,.inquiry table td{padding:20px;border-bottom:1px solid #ccc;}

.radio_btn{float:left;width:100%;}
.radio_btn p{float:left;width:42%;height:42px;line-height:42px;font-size:18px;font-weight:600;margin-right:6%;color:#000;}
input.rd_ip{float:left;width:20px;height:20px;margin:12px 6px 0 0;}

.rule_box{float:left;width:93%;height:138px;margin-top:3%;padding:3%;line-height:18px;font-size:13px;border:1px solid #ccc;overflow-y:scroll;margin-top:30px;background:#fafafa;}
.agree{float:left;width:100%;margin-top:20px;}
.agree input{float:left;width:18px;height:18px;line-height:18px;margin-right:10px;}
.agree span{float:left;font-size:18px;line-height:18px;color:#000;}

.inquiry_btn_w{position:relative;float:left;width:100%;text-align:center;margin-top:60px;}
a.inquiry_btn{display:inline-block;width:260px;height:60px;line-height:60px;font-size:20px;font-weight:600;background:#aaa;text-align:center;color:#fff;border:2px solid #898989;margin:0 5px;}
a:hover.inquiry_btn{background:#333;border:2px solid #000;}



/* 견적리스트 */
.inquiry_color{position:relative;float:left;width:100%;line-height:24px;font-size:16px;margin-bottom:20px;}
.inquiry_color p{margin-bottom:12px;}
.inquiry_color p b{font-size:20px;}

.inquiry_list{position:relative;float:left;width:100%;}
.inquiry_list ul{position:relative;float:left;width:100%;}
.inquiry_list ul li{position:relative;float:left;width:96%;padding:0 2%;font-size:16px;line-height:56px;background:#f0f0f0;color:#555;border-top:1px solid #f7f7f7;border-bottom:1px solid #e0e0e0;}
.inquiry_list ul li:hover{background:#ccc;color:#000;}
.inquiry_list ul li b{float:left;font-weight:600;}
.inquiry_list ul li span{position:absolute;right:20px;top:0;color:#7eadad;}



/* 페이징 */
.paging_w{position:relative;float:left;width:100%;height:26px;margin:40px 0;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;margin:0 10px}
.paging ul li{float:left;margin:0 5px;}
.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;}


.rule_box2{float:left;width:93%;margin-top:3%;padding:3%;line-height:18px;font-size:13px;border:1px solid #ccc;margin-top:30px;background:#fafafa;}



.bar{position:absolute;display:none;}

}




/*========================================= PC =========================================*/
@media screen and (min-width:1025px){
#content{position:relative;float:left;width:100%;}

#header{position:fixed;left:0;top:0;width:100%;background:url(../img/m_bar.png) repeat;padding:0 0 30px 0;z-index:9999999999999;}
.pc_header{position:relative;width:1200px;height:50px;margin:0 auto}

/* 로고 */
.logo{position:relative;float:left;}
.logo a{float:left;display:inline;padding-top:30px;}
.logo img{height:40px;}

#nav{position:relative;width:100%;height:40px;}
#container{margin:0 auto;width:1021px;}

/* 상단 메뉴 */
ul.menu{position:absolute;right:180px;top:9px;}
ul.menu li{position:relative;float:left;width:130px;line-height:50px;text-align:center;font-weight:bold;}
ul.menu li a{display:block;font-weight:bold;color:#fff;text-decoration:none;padding:20px 0;font-size:18px;font-weight:bold;}
ul.menu li a:hover{color:#ffd800;border-bottom:3px solid #ffd800;}
ul.menu li ul.sub{position:absolute;top:76px;z-index:9999;background:#d13733;}
ul.menu{zoom:1;}
ul.menu:after{height:0;visibility:hidden;content:".";display:block;clear:both;}
ul.menu li ul.sub li{position:relative;float:left;width:130px;height:30px;line-height:30px;}
ul.menu li ul.sub li a{font-size:13px;padding:0;}
ul.menu li ul.sub li a:hover{border-bottom:0;}

/* 상단 견적문의 버튼 */
.estimate{position:absolute;top:27px;right:0;width:130px;height:50px;padding-left:30px;background:#d13733;}
.estimate a{float:left;font-size:18px;height:28px;line-height:28px;font-weight:bold;color:#fff;padding:11px 0 11px 32px;background:url(../img/estimate.png) no-repeat 0 11px;}
.estimate:hover{background:#ee706c;}


/*=========================== 1페이지 ===========================*/
#section0{position:relative;float:left;width:100%;height:700px;background:url(../img/main_img.jpg) no-repeat;}

.ment{position:relative;float:left;width:100%;font-size:50px;line-height:70px;text-align:center;color:#fff;padding:200px 0 80px 0;}
.mouse_img{position:absolute;bottom:-160px;left:50%;width:40px;height:104px;margin-left:-40px;background:url(../img/scroll_icon.png) no-repeat;}

/* 숫자카운트 */
#counter_w{position:relative;float:left;width:100%;height:220px;}
#counter_w ul{position:relative;width:1200px;margin:0 auto;}
#counter_w ul li{position:relative;float:left;width:220px;height:220px;margin-left:106px;}
#counter_w ul li:first-child{margin-left:0;}
#counter_w ul li span{position:absolute;left:0;top:58px;width:100%;font-size:60px;line-height:60px;text-align:center;letter-spacing:-2px;color:#fff;}
#counter_w ul li b{position:absolute;left:0;bottom:50px;width:100%;font-size:20px;line-height:20px;text-align:center;letter-spacing:-1px;font-weight:600;color:#fff;margin-top:30px;}


/*=========================== 2페이지 ===========================*/
.m_title{position:relative;float:left;width:100%;font-size:60px;line-height:60px;font-weight:600;text-align:center;color:#000;padding-top:180px;}
.m_title span{font-size:22px;font-weight:400;}

/* 포트폴리오 */
#portfolio{position:relative;float:left;width:100%;margin-top:20px;margin-bottom:100px;}
#portfolio ul{position:relative;width:1220px;margin:0 auto;}
#portfolio ul li{position:relative;float:left;width:285px;height:220px;margin:10px;}
#portfolio ul li a{position:relative;float:left;width:100%;border:1px solid #ccc;}
#portfolio ul li a div.desc{display:none;}
#portfolio ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:200px;line-height:200px;padding:0;font-size:20px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}
.img_hd{height:200px;overflow:hidden;}


/*=========================== 3페이지 ===========================*/
.m_title2{position:relative;float:left;width:100%;font-size:60px;line-height:60px;font-weight:600;text-align:center;color:#fff;padding-top:180px;}
.m_title2 span{font-size:22px;font-weight:400;}

#section2{position:relative;float:left;width:100%;height:1000px;background:url(../img/main_img2.jpg) no-repeat;}

#work{position:relative;float:left;width:100%;margin-top:10px;}
#work ul{position:relative;width:1200px;margin:0 auto;}
#work ul li{float:left;width:400px;height:320px;text-align:center;}
#work ul li img{width:160px;height:160px;}
#work ul li p{float:left;width:60%;margin:0 20%;text-align:center;font-size:30px;font-weight:600;color:#fff;}
#work ul li p span{float:left;width:100%;font-size:16px;line-height:24px;font-weight:400;margin-top:16px;}


/*=========================== 4페이지 ===========================*/
/* 빠른상담,고객센터,실시간견적리스트,공지사항 */
#customer{position:relative;float:left;width:100%;padding-top:180px;}
.customer_w{position:relative;width:1200px;margin:0 auto;}

/* 타이틀 */
.c_title{float:left;width:100%;font-size:40px;line-height:40px;font-weight:600;color:#333;margin-bottom:30px;}
.c_title span{font-size:18px;color:#a1a1a1;}
.c_title2{float:left;width:100%;font-size:30px;line-height:30px;font-weight:600;color:#fff;margin-bottom:15px;}
.c_title2 span{font-size:16px;color:#eb8b89;}

/* 빠른상담 */
.consulting{position:relative;float:left;width:600px;height:260px;margin-right:30px;}
.ip_w{position:relative;float:left;width:380px;}
.ip_w input.ip01{float:left;width:340px;height:45px;padding-left:18px;border:1px solid #aaa;font-size:16px;color:#898989;margin-bottom:3px;}
.ip_w select.ip01{float:left;width:360px;height:45px;padding-left:18px;border:1px solid #aaa;font-size:16px;color:#898989;margin-bottom:3px;}
.coun_btn{position:relative;float:left;width:171px;height:144px;}
.coun_btn a{position:absolute;left:0;top:0;width:100%;height:144px;line-height:144px;display:block;font-size:30px;color:#fff;font-weight:600;text-align:center;}
/* 체크박스, 전문보기 */
.coun_check{float:left;width:100%;height:28px;margin-top:20px;}
.coun_check input{float:left;width:16px;height:16px;line-height:16px;margin-right:8px;}
.coun_check span{float:left;font-size:16px;line-height:16px;color:#555}
.coun_btn2{position:relative;float:left;width:72px;height:28px;margin:-8px 0 0 10px;}
.coun_btn2 a{position:absolute;left:0;top:0;width:100%;height:28px;line-height:28px;display:block;font-size:14px;color:#fff;font-weight:600;text-align:center;}


/* 전문보기 개인정보취급방침 */
.layer{display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999}
.layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);}
.layer .pop-layer{display:block;overflow-x:hidden;overflow-y:scroll;}
.pop-layer{display:none;position:absolute;top:50%;left:50%;width:60%;height:600px;background:#fff;border:5px solid #333;}	
.pop-layer .pop-container{position:relative;float:left;padding:2%;}
.assembly_title{position:relative;float:left;width:100%;height:60px;line-height:60px;background:#898989;color:#fff;font-size:140%;font-weight:bold;text-align:center;}
.btn-r{position:absolute;right:2%;top:0;width:20%;}
a.cbtn{float:left;display:block;width:100%;height:60px;line-height:60px;padding:0 5%;background:#333;font-size:80%;color:#fff;text-align:center;}	
.rule_pop{float:left;width:100%;font-size:80%;line-height:120%;margin-top:3%;}


/* 고객센터 */
.call_center{position:relative;float:left;width:470px;height:180px;padding:40px 50px;background:#d13733;}
.call_center b{float:left;width:100%;font-size:50px;line-height:50px;font-weight:600;letter-spacing:-2px;color:#ffd800;}
.call_center b span{float:left;width:100%;font-size:14px;line-height:20px;font-weight:400;letter-spacing:0;color:#fff;margin-top:20px;}


/****
// 실시간 견적리스트
.esti_box{position:relative;float:left;width:630px;height:270px;padding:50px 0;}
#ticker{position:relative;float:left;width:560px;}
ul.ticker{position:relative;float:left;width:100%;height:180px;overflow:hidden;}
ul.ticker li{position:relative;float:left;width:545px;height:44px;line-height:44px;font-size:16px;font-weight:600;background:#f7f5ec;color:#555;padding-left:15px;margin-bottom:1px;}
ul.ticker li span{position:absolute;top:0;right:300px;color:#555;}
ul.ticker li b{position:absolute;top:0;right:15px;color:#949494;font-weight:600;}
ul.ticker li b.fin{color:#d13733;}
*****/

/* 실시간 견적리스트 */
.esti_box{position:relative;float:left;width:1260px;height:270px;padding:50px 0;}
#ticker{position:relative;float:left;width:1250px;}
ul.ticker{position:relative;float:left;width:100%;height:180px;overflow:hidden;}
ul.ticker li{position:relative;float:left;width:1180px;height:44px;line-height:44px;font-size:16px;font-weight:600;background:#f7f5ec;color:#555;padding-left:15px;margin-bottom:1px;}
ul.ticker li span{position:absolute;top:0;right:150px;color:#555;}
ul.ticker li b{position:absolute;top:0;right:15px;color:#949494;font-weight:600;}
ul.ticker li b.fin{color:#d13733;}

/* 공지사항 */
.notice{position:relative;float:left;width:570px;height:270px;padding:50px 0;}
.notice ul{float:left;width:100%;}
.notice ul li{float:left;width:100%;height:36px;}
.notice ul li a{float:left;display:inline-block;width:300px;line-height:36px;font-size:16px;font-weight:600;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden;}
.notice ul li a:hover{font-weight:600;text-decoration:underline;}
.notice ul li span.date{float:left;width:200px;margin-left:60px;line-height:36px;font-size:16px;font-weight:400;vertical-align:middle;color:#a1a1a1;}
.notice ul li span.date b{float:left;width:90px;font-weight:400;margin-right:20px;}

/* 하단 */
#footer{position:relative;float:left;width:100%;background:#333;padding-bottom:40px;margin-bottom:100px;}
.footer_w{position:relative;width:1200px;margin:0 auto;}

/* 하단메뉴 */
.fm{position:relative;float:left;width:100%;height:16px;margin:40px 0 30px 0;}
.fm_w{text-align:center;}
.fm_w ul{display:inline-block;zoom:1;*display:inline;}
.fm_w ul li{float:left;border-left:1px solid #585858;}
.fm_w ul li:first-child{border:none;}
.fm_w ul li a{color:#f4f4f4;font-size:16px;line-height:16px;font-weight:400;padding:0 30px;}

/* 카피라이트 */
.copyright{position:relative;float:left;width:100%;font-size:14px;line-height:22px;font-weight:400;color:#717171;text-align:center;}

/* 버튼 style */
#button{display:none;}


/*=========================== 서브 ===========================*/
#sub_visual{position:relative;float:left;width:100%;height:280px;overflow:hidden;z-index:-9999;}
.sub_visual_w{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}
.sub_visual_w p{position:absolute;left:0;bottom:60px;width:100%;text-align:center;font-size:80px;line-height:80px;color:#000;}

#sub{position:relative;float:left;width:100%;margin:50px 0 60px 0;}
.sub_content{position:relative;width:1200px;margin:0 auto;}

#left{position:absolute;left:0;top:0;width:200px;background:#fff;}
.sub_menu{position:relative;float:left;width:200px;background:#fff;}
.sub_menu h3{float:left;width:100%;height:30px;line-height:30px;font-size:30px;padding-bottom:20px;text-align:left;letter-spacing:-2px;color:#000;border-bottom:3px solid #d13733;margin:0;}
.sub_menu ul{float:left;width:100%;border-left:0;border-right:0;border-bottom:none;}
.sub_menu ul li{float:left;width:100%;background:#f7f7f7;}
.sub_menu ul li a{float:left;display:block;width:186px;height:50px;line-height:50px;text-align:left;padding-left:14px;font-size:16px;font-weight:600;border-bottom:1px solid #ccc;color:#000;}
.sub_menu ul li a:hover{background:#d13733;border-bottom:1px solid #d13733;color:#fff;}
.sub_menu ul li a.select{background:#d13733;border-bottom:1px solid #d13733;color:#fff;}

/* 좌측 고객센터 */
.call_center2{position:relative;float:left;width:160px;height:180px;padding:20px;background:#d13733;margin-top:80px;}
.call_center2 p{float:left;width:100%;font-size:20px;font-weight:600;color:#fff;}
.call_center2 p span{float:left;width:100%;font-size:12px;line-height:16px;color:#eb8b89;margin-top:8px;}
.call_center2 b{float:left;width:100%;font-size:22px;line-height:30px;letter-spacing:-1px;font-weight:600;font-weight:bold;letter-spacing:-1px;color:#ffd800;margin-top:10px;}
.call_center2 b span{float:left;width:100%;font-size:11px;line-height:14px;font-weight:400;letter-spacing:0;color:#fff;margin-top:10px;}



.page{margin-left:250px;width:950px;min-height:700px;}
.page_title{float:left;width:100%;height:48px;margin-bottom:60px;border-bottom:2px solid #ccc;}
.page_title b{font-size:24px;margin-right:20px;}
.page_title span{font-size:12px;}



/* 서브 탭 메뉴 */
.sub_tab{position:relative;float:left;width:100%;margin-bottom:50px;}
ul.tabs{margin:0;padding:0;float:left;list-style:none;height:60px;border-bottom:1px solid #aaa;width:100%;}
ul.tabs li{float:left;margin:0;padding:0;height:59px;line-height:59px;border:1px solid #aaa;margin-bottom:-1px;background:#F0F0F0;overflow:hidden;position:relative;margin-right:4px;}
ul.tabs li a{float:left;display:block;width:180px;text-align:center;font-size:18px;font-weight:600;outline:none;}
ul.tabs li.on, ul.tabs li.on a:hover{background:#fff;border-bottom:1px solid #fff;color:#333;}
.tab_container{border-top:none;clear:both;float:left;width:100%;background:#fff;}
.tab_content{padding:0;margin:50px 0;}

.sub_tab3{position:relative;float:left;width:100%;margin-bottom:50px;}
ul.tabs2{margin:0;padding:0;float:left;list-style:none;height:60px;border-bottom:1px solid #aaa;width:100%;}
ul.tabs2 li{float:left;margin:0;padding:0;height:59px;line-height:59px;border:1px solid #aaa;margin-bottom:-1px;background:#F0F0F0;overflow:hidden;position:relative;margin-right:4px;}
ul.tabs2 li a{float:left;display:block;width:180px;text-align:center;font-size:18px;font-weight:600;outline:none;}
ul.tabs2 li.on, ul.tabs2 li.on a:hover{background:#fff;border-bottom:1px solid #fff;color:#333;}

.sub_tab2{position:relative;float:left;width:100%;margin-bottom:50px;}
.sub_tab2 ul li{float:left;width:236px;height:50px;line-height:50px;margin-left:2px;}
.sub_tab2 ul li:first-child{margin-left:0;}
.sub_tab2 ul li a{float:left;display:block;width:100%;text-align:center;font-size:16px;font-weight:600;background:#e0e0e0;color:#666;}
.sub_tab2 ul li a:hover,.sub_tab2 ul li a.on{background:#666;color:#fff;}

/* 서브 페이지 내용 */
.sub_title{position:relative;float:left;width:910px;height:30px;line-height:30px;font-size:28px;padding-left:40px;font-weight:600;background:url(../img/title_bullet.png) no-repeat 0 50%;margin-bottom:30px;}
a.apply_btn{position:absolute;top:-8px;right:0;padding:0 20px;height:46px;line-height:46px;font-size:20px;text-align:center;background:#f67003;color:#fff;border:2px solid #c95a00;}
a.apply_btn:hover{background:#333;color:#fff;border:2px solid #000;}

.text_wrap{position:relative;float:left;width:100%;margin-bottom:50px;background:#fcf5f0;}
.sub_text{position:relative;float:left;width:910px;padding:20px 20px 0 20px;line-height:30px;font-size:18px;color:#666;font-weight:600;text-align:justify;margin-bottom:30px;}
.sub_text b{font-weight:600;color:#d13733;}
.sub_text2{position:relative;float:left;width:660px;padding:20px 20px 0 20px;line-height:30px;font-size:18px;color:#666;font-weight:600;text-align:justify;margin-bottom:30px;}
.sub_text2 b{font-weight:600;color:#d13733;}
.sub_text3{position:relative;float:left;width:100%;line-height:26px;font-size:20px;margin-bottom:30px;font-weight:600;color:#333;}
.buga_img{float:left;width:250px;}

.sub_list{position:relative;float:left;width:100%;margin-bottom:50px;}
.sub_list ul{float:left;width:100%;background:#fff;}
.sub_list ul li{float:left;width:900px;line-height:28px;font-size:18px;color:#000;padding-left:50px;background:url(../img/bullet.png) no-repeat 20px 6px;margin-bottom:15px;font-weight:400;}
.sub_list ul li b{font-size:22px;color:#f66e00;}
.sub_list ul li span{color:#000;font-weight:600;}

.sub_list2{position:relative;float:left;width:100%;margin-bottom:50px;}
.sub_list2 ul{position:relative;float:left;width:100%;background:#fff;}
.sub_list2 ul li{position:relative;float:left;width:855px;line-height:28px;font-size:18px;color:#000;font-weight:400;padding:15px 15px 15px 80px;margin-bottom:10px;background:#f4f4f4;}
.sub_list2 ul li b{position:absolute;left:15px;top:15px;font-size:30px;color:#f66e00;}

.sub_list3{position:relative;float:left;width:950px;background:#fafafa;margin-bottom:50px;}
.sub_list3 ul{float:left;width:100%;padding-top:24px;}
.sub_list3 ul li{float:left;width:95%;line-height:28px;font-size:18px;color:#000;padding-left:50px;background:url(../img/bullet.png) no-repeat 20px 6px;margin-bottom:15px;font-weight:400;}
.sub_list3 ul li b{font-size:22px;color:#f66e00;}
.sub_list3 ul li span{color:#000;font-weight:600;}

.sub_box{position:relative;float:left;width:100%;}
.box_icon{position:relative;float:left;width:890px;padding:29px;margin-bottom:10px;background:#fafafa;border:1px solid #ccc;}
.box_icon_img{float:left;width:80px;height:80px;margin-right:20px;}
.box_icon p{float:left;width:790px;line-height:26px;font-size:16px;color:#555;}
.box_icon p b{float:left;width:100%;line-height:20px;font-size:20px;color:#f66e00;margin-bottom:12px;}

.box_img{position:relative;float:left;width:100%;margin-bottom:50px;}
.box_img p{float:left;width:390px;font-size:20px;line-height:30px;text-align:center;font-weight:600;}
.box_img2{position:relative;float:left;width:100%;margin-bottom:50px;}
.box_img2 p{position:absolute;left:50px;bottom:480px;width:790px;padding:30px;font-size:20px;text-align:center;color:#fff;font-weight:600;background:url(../img/black_bg.png) repeat;}
.box_img2 p span{font-size:100px;}
.box_img2 b{float:left;width:100%;font-size:30px;line-height:44px;text-align:center;font-weight:600;margin-bottom:60px;}
.box_img2 b span{color:#f66e00;}

.sub_tbl{position:relative;float:left;width:100%;margin-bottom:40px;}
.sub_tbl table{float:left;width:100%;border-top:3px solid #ccc;}
.sub_tbl table th{width:24%;font-size:20px;font-weight:600;background:#f1f1f1;font-weight:600;}
.sub_tbl table td{font-size:16px;line-height:28px;color:#555;}
.sub_tbl table td b{font-size:20px;font-weight:600;color:#000;}
.sub_tbl table td span{font-weight:600;color:#000;}
.sub_tbl table th,.sub_tbl table td{padding:20px;border-bottom:1px solid #ccc;}
.sub_tbl table td ul{float:left;width:100%;}
.sub_tbl table td ul li{float:left;width:100%;font-size:16px;line-height:36px;padding-left:16px;font-weight:400;color:#000;background:url(../img/bullet2.gif) no-repeat 0 50%;}
.sub_tbl table td ul li b{font-size:16px;line-height:36px;color:#000;font-weight:600;}

.sub_tbl2{position:relative;float:left;width:100%;margin-bottom:40px;}
.sub_tbl2 table{float:left;width:100%;border-top:3px solid #ccc;}
.sub_tbl2 table th{width:20%;padding:20px;font-size:20px;font-weight:600;background:#f1f1f1;font-weight:600;}
.sub_tbl2 table td{padding:14px;font-size:16px;line-height:28px;color:#555;}
.sub_tbl2 table tr:hover{background:#fcf5f0;}
.sub_tbl2 table th,.sub_tbl2 table td{border:1px solid #ccc;text-align:center;border-right:none;}
.sub_tbl2 table th:first-child,.sub_tbl2 table td:first-child{border-left:none;}
.sub_tbl2 table td .tdl{text-align:left;}
.sub_tbl2 table td .price{text-decoration:line-through;color:#ccc}

.btn_w{position:relative;float:left;width:100%;text-align:center;margin:40px 0;}
a.btn{display:inline-block;width:260px;height:56px;line-height:56px;font-size:20px;background:#333;color:#fff;border:2px solid #000;font-weight:600;text-align:center;margin:0 10px;}
a:hover.btn{background:#f67003;color:#fff;border:2px solid #c95a00;}

.sub_ex{position:relative;float:left;width:100%;line-height:26px;font-size:16px;color:#000;margin:10px 0 20px 0;}

.sub_point{position:relative;float:left;width:100%;padding:20px 0;font-size:30px;line-height:38px;font-weight:600;color:#fff;background:#555;text-align:center;}

.sub_step{position:relative;float:left;width:998px;margin-left:-12px;margin-bottom:40px;}
.sub_step div{position:relative;float:left;width:240px;height:170px;padding:30px;line-height:24px;font-size:16px;margin:0 12px 24px 12px;background:#fcf5f0;color:#666;text-align:justify;}
.sub_step div b{float:left;width:100%;line-height:26px;font-size:26px;margin-bottom:20px;font-weight:600;color:#f67003;text-align:center;}
.sub_step div span{position:absolute;top:0;left:0;font-size:26px;line-height:26px;font-weight:bold;letter-spacing:-2px;background:#f67003;color:#fff;padding:10px;}

.img_box{position:relative;float:left;width:100%;border-top:2px dotted #ccc;padding-top:40px;margin-top:40px;}
.img_box p{position:absolute;top:40px;right:0;width:515px;line-height:32px;font-size:20px;font-weight:400;color:#898989;}
.img_box p b{float:left;width:100%;margin-bottom:20px;line-height:40px;font-size:38px;font-weight:600;color:#00be39;}

.template_list{position:relative;float:left;width:100%;}
.template_list ul{position:relative;float:left;width:102%;margin:-1% 0 0 -1%;}
.template_list ul li{position:relative;float:left;width:31.333%;height:280px;margin:1%;}
.template_list ul li img{float:left;width:100%;height:200px;border:2px solid #eee;}
.template_list ul li img:hover{border:2px solid #ff6600}
.template_list input{float:left;width:100%;line-height:100%;font-size:22px;font-weight:600;text-align:center;padding:4% 0;color:#fff;background:#ff6600;border:none;}
.tem_link{float:left;width:100%;padding:2% 0;}
.tem_link p{float:left;width:50%;line-height:36px;font-size:20px;font-weight:600;color:#000;}
.tem_link a{float:left;width:25%;line-height:36px;font-size:12px;font-weight:600;color:#fff;background:#777;text-align:center;}


/* 포트폴리오 */
.portfolio_list{position:relative;float:left;width:100%;}
.portfolio_list ul{position:relative;float:left;width:972px;margin-left:-11px;}
.portfolio_list ul li{position:relative;float:left;width:302px;height:220px;overflow:hidden;border-bottom:1px solid #ccc;margin:11px;}
.portfolio_list ul li a{position:relative;float:left;width:300px;border:1px solid #ccc;}
.portfolio_list ul li a img{height:220px;}
.portfolio_list ul li a div.desc{display:none;}
.portfolio_list ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:220px;line-height:220px;padding:0;font-size:20px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}

.portfolio_list2{position:relative;float:left;width:100%;}
.portfolio_list2 ul{position:relative;float:left;width:972px;margin-left:-11px;}
.portfolio_list2 ul li{position:relative;float:left;width:302px;height:500px;overflow:hidden;border-bottom:1px solid #ccc;margin:11px;}
.portfolio_list2 ul li a{position:relative;float:left;width:300px;border:1px solid #ccc;}
.portfolio_list2 ul li a img{height:500px;}
.portfolio_list2 ul li a div.desc{display:none;}
.portfolio_list2 ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:500px;line-height:220px;padding:0;font-size:20px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}

.portfolio_list3{position:relative;float:left;width:100%;}
.portfolio_list3 ul{position:relative;float:left;width:972px;margin-left:-11px;}
.portfolio_list3 ul li{position:relative;float:left;width:302px;height:1400px;overflow:hidden;border-bottom:1px solid #ccc;margin:11px;}
.portfolio_list3 ul li a{position:relative;float:left;width:300px;border:1px solid #ccc;}
.portfolio_list3 ul li a div.desc{display:none;}
.portfolio_list3 ul li a:hover div.desc{position:absolute;top:0;left:0;display:block;width:100%;height:1400px;line-height:220px;padding:0;font-size:20px;text-align:center;font-weight:600;color:#fff;background:url(../img/black_bg2.png) repeat;}



/* 인사말 */
.greeting{position:relative;float:left;width:100%;line-height:32px;font-size:20px;font-weight:600;color:#777}
.greeting p{float:left;width:100%;line-height:52px;font-size:40px;font-weight:600;margin-bottom:40px;}
.greeting b{float:left;width:100%;line-height:30px;font-size:28px;font-weight:600;color:#f66e00;margin-bottom:20px;}

.work_type{position:relative;float:left;width:100%;margin-top:50px;}
.work_type ul{position:relative;width:950px;}
.work_type ul li{float:left;width:157px;border-left:1px dotted #ccc;text-align:center;}
.work_type ul li:first-child{border-left:none;}
.work_type ul li a{float:left;width:147px;background:#777;padding:10px 5px 30px 5px;}
.work_type ul li a:hover{background:#f66e00;}
.work_type ul li a img{width:80%;margin:0 10%;}
.work_type ul li a p{float:left;width:100%;margin-top:10px;text-align:center;font-size:20px;font-weight:600;color:#fff;}



/* 찾아오시는길 */
.traffic2 p{float:left;width:100%;line-height:40px;font-size:22px;font-weight:600;margin:10px 0;color:#f66e00;}
.traffic2 ul{float:left;width:100%;border-top:1px solid #ccc;margin-bottom:20px;background:#fafafa;}
.traffic2 ul li{float:left;width:96%;line-height:24px;font-size:16px;font-weight:600;color:#555;border-bottom:1px solid #ccc;padding:1% 2%;}

span.bus1{float:left;width:4%;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:600;margin-right:1%;color:#fff;background:#395cb4;}
span.bus2{float:left;width:4%;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:600;margin-right:1%;color:#fff;background:#50a232 }
span.bus3{float:left;width:4%;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:600;margin-right:1%;color:#fff;background:#dc1219}
span.bus4{float:left;width:4%;height:24px;line-height:24px;text-align:center;font-size:13px;font-weight:600;margin-right:1%;color:#fff;background:#68a4d0}



/* 공지사항 */
.accordion{position:relative;float:left;width:100%;border-top:1px solid #ccc;}
.accordion li{position:relative;float:left;border-top:1px solid #fff;border-bottom:1px solid #ccc;}
.accordion li .ntc_list{display:none;padding:20px;color:#555;font-weight:400;background:#fbfbfb;}
.accordion li .ntc_list p{font-size:14px;line-height:22px;}
.accordion li div{display:block;width:910px;padding:20px;font-size:18px;font-weight:600;cursor:pointer;background:#eee;color:#000;}
.accordion li .file{float:left;text-align:center;height:26px;line-height:26px;font-size:16px;background:#eee;color:#898989;padding:0 10px;background:#000;color:#fff;font-weight:600;}





/* 문의하기 */
.inquiry{position:relative;float:left;width:100%;margin-bottom:50px;}
.inquiry table{float:left;width:100%;border-top:1px solid #ccc;}
.inquiry table th{width:180px;height:42px;line-height:42px;font-size:18px;font-weight:600;background:#f0f0f0;text-align:left}
.inquiry table th b{color:#d13733;}
.inquiry table td{text-align:left;padding-bottom:22px}
.inquiry table td .ment{float:left;width:100%;height:20px;line-height:20px;font-size:16px;margin-top:6px;color:#898989;}
.inquiry table td p{float:left;}
.inquiry table td span{float:left;height:44px;line-height:44px;font-size:18px;margin:0 10px;font-weight:400;}
.inquiry table td .ip01{float:left;width:220px;height:42px;line-height:42px;font-size:14px;padding:0 12px;border:1px solid #ccc;margin:1px 4px 1px 0;}
.inquiry table td .ip02{float:left;width:70px;height:42px;line-height:42px;font-size:13px;padding:0 12px;border:1px solid #ccc;margin:1px 4px 1px 0;}
.inquiry table td .ip03{float:left;width:140px;height:42px;line-height:42px;font-size:13px;padding:0 12px;border:1px solid #ccc;margin:1px 4px 1px 0;}
.inquiry table td textarea{float:left;width:100%;padding:10px;line-height:22px;font-size:16px;border:1px solid #ccc;}
.inquiry table th,.inquiry table td{padding:20px;border-bottom:1px solid #ccc;}

.radio_btn{float:left;width:100%;}
.radio_btn p{float:left;width:42%;height:42px;line-height:42px;font-size:20px;font-weight:600;margin-right:8%;color:#000;}
input.rd_ip{float:left;width:20px;height:20px;margin:12px 12px 0 0;}

.rule_box{float:left;width:908px;height:138px;margin-top:18px;padding:20px;line-height:18px;font-size:13px;border:1px solid #ccc;overflow-y:scroll;margin-top:30px;background:#fafafa;}
.agree{float:left;width:100%;margin-top:20px;}
.agree input{float:left;width:18px;height:18px;line-height:18px;margin-right:10px;}
.agree span{float:left;display:block;font-size:18px;line-height:18px;color:#000;}

.inquiry_btn_w{position:relative;float:left;width:100%;text-align:center;margin-top:60px;}
a.inquiry_btn{display:inline-block;width:260px;height:60px;line-height:60px;font-size:20px;font-weight:600;background:#aaa;text-align:center;color:#fff;border:2px solid #898989;margin:0 5px;}
a:hover.inquiry_btn{background:#333;border:2px solid #000;}



/* 견적리스트 */
.inquiry_color{position:relative;float:left;width:100%;line-height:24px;font-size:16px;margin-bottom:20px;}
.inquiry_color p{margin-bottom:12px;}
.inquiry_color p b{font-size:20px;}

.inquiry_list{position:relative;float:left;width:100%;}
.inquiry_list ul{position:relative;float:left;width:100%;}
.inquiry_list ul li{position:relative;float:left;width:910px;padding:0 20px;font-size:16px;line-height:56px;background:#f0f0f0;color:#555;border-top:1px solid #f7f7f7;border-bottom:1px solid #e0e0e0;}
.inquiry_list ul li:hover{background:#ccc;color:#000;}
.inquiry_list ul li b{float:left;font-weight:600;}
.inquiry_list ul li span{position:absolute;right:20px;top:0;color:#7eadad;}



/* 페이징 */
.paging_w{position:relative;float:left;width:100%;height:26px;margin:40px 0;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;margin:0 10px}
.paging ul li{float:left;margin:0 5px;}
.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;}



.rule_box2{float:left;width:908px;padding:20px;line-height:18px;font-size:13px;border:1px solid #ccc;background:#fafafa;}


/* 하단 항상 아래 있는 bar */
.bar{position:fixed;left:0;bottom:0;width:100%;height:32px;padding:22px 0;background:url(../img/black_bg3.png) repeat;z-index:1000000000;}
.bar_w{position:relative;width:1200px;margin:0 auto;}
.bar_cs{position:relative;float:left;width:220px;height:32px;padding-left:32px;}
.bar_cs b{float:left;font-size:28px;line-height:32px;font-weight:bold;color:#fff82e;}
.bar_icon_01{position:absolute;top:0;left:0;width:27px;height:32px;background:url(../img/bar_icon_01.png) no-repeat 0 5px;}

.bar_coun{position:relative;float:left;width:948px;}
.ip_w2{position:relative;float:left;}
.ip_w2 b{float:left;line-height:32px;font-size:24px;font-weight:600;color:#fff;margin-right:10px;}
.ip_w2 input.ip05{float:left;width:120px;height:32px;padding-left:10px;border:none;font-size:13px;color:#000;margin-right:10px;}
.ip_w2 select.ip05{float:left;width:140px;height:32px;padding-left:10px;border:none;font-size:13px;color:#000;margin-right:10px;}

input.bar_btn{position:absolute;right:0;top:-22px;height:76px;line-height:76px;font-size:24px;font-weight:600;padding:0 30px;color:#fff;background:url(../img/bar_btn_bg.gif) repeat;}

/* 체크박스, 전문보기 */
.coun_check2{float:left;height:14px;margin-top:10px}
.coun_check2 input{float:left;width:14px;height:14px;line-height:14px;margin-right:8px;}
.coun_check2 span{float:left;font-size:13px;line-height:14px;font-weight:600;color:#fff}
.coun_btn3{position:relative;float:left;width:72px;height:28px;margin:-6px 0 0 10px;}
.coun_btn3 a{position:absolute;left:0;top:0;width:100%;height:28px;line-height:28px;display:block;font-size:14px;color:#fff;font-weight:600;text-align:center;}

}