@charset "utf-8";

@media all and (min-width:768px){
/* 메인페이지 */
body.main {background:#f4f4f4;}
#header { position:relative; height:98px;  border-bottom:1px solid #dedede; background:#fff;z-index:5000;}

.header_con {width: 979px; margin:0 auto;}
.gnb_menu  {float:right; display:block;}
.gnb_menu li {float: left; position: relative; font-size:18px;}
.logo {float:left; padding: 29px 0 0;}
.gnb_menu li:hover>a { color: #ffa800; }
.gnb_menu a {color: #484848; display: block; padding:40px 25px;}
.gnb_menu ul {position: absolute; left: 0; top:100%;display:none; width: 180px; background: #eee; padding: 0;}
.gnb_menu ul >li { float: none; }
.gnb_menu ul > li:hover { background: #ddd; }
.gnb_menu ul > li:hover a { color: black; }
.gnb_menu ul > li >a { padding:10px 20px; color: black; font-size:14px; }
.gnb_menu li.etc { margin-top:33px; border:1px solid #777; overflow:hidden;}
.gnb_menu li.etc > div > p {float:left;}
.gnb_menu li.etc > div > p:first-child {background: url("../images/top_bar.gif") no-repeat right center;}
.gnb_menu li.etc  a {display:inline-block; font-size:12px; padding:6px 15px;}
#container {width: 979px; margin:0 auto;}
.con_area {overflow:hidden;}
.con_area > li { float:left; width:311px; text-align:center;}
.con_area > li  > p.tit {margin-top:20px;  font-size:20px; padding-bottom:20px; background: url("../images/deco_b_bar.gif") no-repeat center bottom;}
.con_area > li  > p.sub_txt {margin-top:20px; margin-bottom:35px; color:#929292;}
.con_area > li.area {margin-right:23px;}

/* 버튼효과 */
.z_btn {width:126px; margin:0 auto;}
a.btn_org {
    display:block;
    padding: 10px;
    background-color: #ffa800;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
	text-align:center;
	font-size:14px;
}

a.btn_org:hover,
a.btn_org.active {
    background-color: #ff842a;
    color: #fff;
}






.visual_img {padding:30px 0 60px 0;}
.flexslider {position:relative;}
.flex-direction-nav {position:absolute;top:0;left:0;width:100%;}
.flex-prev {position:absolute;top:170px;left:20px;display:block;width:23px;height:42px;background: url(../images/arrow_left.png) no-repeat;text-indent:-9999px;}
.flex-next {position:absolute;top:170px;right:20px;display:block;width:23px;height:42px;background: url(../images/arrow_right.png) no-repeat;text-indent:-9999px;}


.flex-control-paging {display:inline-block;text-align:center;position:absolute;left:50%;bottom:20px;}
.flex-control-paging li {display:inline-block;text-align:center;}
.flex-control-paging li a {display:inline-block;text-align:center;width:11px;height:11px;background: url(../images/roll_off.png) no-repeat;text-indent:-9999px;margin:0 3px;cursor:pointer;}
.flex-control-paging li a.flex-active {background: url(../images/roll_on.png) no-repeat;}

.contents {padding-bottom:50px;}


#footer {clear:both;}
.bottomarea {background:#454545;height:160px;}
.bottominbox {width:979px;margin:0 auto;}
.bottominbox ul li.last{border-right:none;}
.bottom_inforlist {padding-top:30px;}
.bottom_inforlist li {float:left;width:33.3%;font-size:14px;}
.bottom_inforlist li h4 {color:#fff;}
.bottom_inforlist li h4 .btn-map {font-size:11px;font-weight:normal;text-align:center;width:78px;height:30px;line-height:30px;border-radius:6px;display:inline-block;color:#ffa800;border:1px solid #ffa800;margin-left:20px;}

.btn-pcv {display:none;}

.bottom_inforlist li p {margin-top:16px;color:#828282;line-height:140%;}
.bottom_inforlist li p img {margin-right:6px;}
.bottom_inforlist li h4 .tel1 {margin-left:15px;font-size:20px;}
.bottom_inforlist li h4 .tel2 {display:block;margin-left:87px;margin-top:8px;font-size:20px;}

.bottominbox .bottomlogo {float:left;padding-top:20px;}

.siteinfo {clear:both;height:90px;background:#2c2c2c;}
.siteinfo strong {color:#727171;margin-left:20px;font-size:12px;}
.siteinfo span {margin-left:50px;color:#727171;}
.siteinfo ul {float:right;padding-top:30px;}
.siteinfo ul li {float:left;background: url(../images/bg_footerline.jpg) no-repeat right center;margin-right:8px;padding-right:8px;}
.siteinfo ul li a {color:#727171;}
.siteinfo ul li.last {margin-right:0;padding-right:0;background:none;}


/* 견적문의 페이지용 */
#subcontainer {width: 979px; margin:0 auto;background: url(../images/bg_sublnb.gif) repeat-y left top;padding-bottom:70px;} 
.lnbarea {float:left;width:222px;}
.sitetit {width:222px;height:108px;background: url(../images/bg_lnbtit.gif) no-repeat left top;}
.sitetit h3 {color:#fff;font-size:25px;margin-left:20px;padding-top:55px;}

.lnb {width:220px;margin:0 auto;}
.lnb > li {border-bottom:1px solid #ececec;background:#fff;}
.lnb > li a {margin-left:20px;padding:10px 0;display:block;font-size:14px;color:#5c5c5c;}
.lnb > li:hover {background: #fff url(../images/icon_arrow.gif) no-repeat 190px 15px;}
.lnb > li:hover a {color:#ffa309;}
.lnb > li.active {background: #fff url(../images/icon_arrow.gif) no-repeat 190px  15px;}
.lnb > li.active a {color:#ffa309;}

.lnb > li.drop ul {border-top:1px solid #ececec;background:#f3f3f3;}
.lnb > li.drop ul li {background: #f3f3f3 url(../images/icon_dot.jpg) no-repeat 24px center;}
.lnb > li.drop ul li a {margin-left:35px;color:#5c5c5c;font-size:12px;}

.lnb > li.drop {background: #fff url(../images/icon_arrow2.jpg) no-repeat 190px  15px;}
.lnb > li.drop a {color:#ffa309;}
.lnb > li.drop ul li:hover {background: #fff url(../images/icon_dot.jpg) no-repeat 24px center;}
.lnb > li.drop ul li:hover a {color:#ffa309;}

.subcont {float:right;width:718px;}
.pagetit .location {padding-top:20px;font-size:11px;color:#8b8b8b;font-family:dotum;}
.pagetit h4 {font-size:30px;color:#353535;clear:both;margin-top:27px;}
.pagetit p {color:#5e5e5e;clear:both;margin-top:10px;font-size:14px;}

.scont {clear:both;margin-top:50px;}


.companytabl {width:456px;float:right;}
.widdbox {clear:both;width:100%;margin-top:20px;}
.companytabl {border-top:2px solid #444444;}
.companytabl th, .companytabl td {border-bottom:1px solid #d9d9d9;padding:9px 0;}
.companytabl th {text-align:center;vertical-align:middle;font-size:14px;color:#5e5e5e;background:#fafafa;}
.companytabl td {padding:9px 0 9px 30px;color:#808080;font-size:14px;}

.companytabl th.tleft {text-align:left;padding-left:15px;}
.txtform {border:1px solid #eaeaea;height:28px;}
.bttom-btn {text-align:center;padding-top:20px;clear:both;}
.btn-org {display:inline-block;width:126px;height:37px;color:#fff;background:#ffa800;font-size:14px;line-height:37px;border-radius:6px;}

.wd-169 {width:169px}
.wd-100 {width:100px;}
.wd-170 {width:170px;}
.mbtn {display:none;}
}

@media all and (max-width:767px){

body.main {background:#f4f4f4;}
#header { position:relative; height:98px;  border-bottom:1px solid #dedede; background:#fff;z-index:5000;}

.logo {float:left; padding: 20px 0 0;}

.mbtn {position:absolute;right:10px;top:40px;}
.gnb_menu.mobile{display: table;}
.header_con {width: 979px; margin:0 auto;}
.gnb_menu  {position:absolute;width:200px;z-index:9000;right:0;top:98px;background:#fff;border:1px solid #ccc;display:none;}
.gnb_menu li {float: left; position: relative; font-size:18px;}
.gnb_menu li:hover>a { color: #ffa800; }
.gnb_menu a {color: #484848; display: block; padding:25px;}

.gnb_menu ul { width: 200px; background: #eee;}
.gnb_menu ul >li { float: none; }
.gnb_menu ul > li:hover { background: #ddd; }
.gnb_menu ul > li:hover a { color: black; }
.gnb_menu ul > li >a { padding:10px 20px; color: black; font-size:14px; }
.gnb_menu li.etc {border:1px solid #777; overflow:hidden; width:100%}
.gnb_menu li.etc > div > p {float:left;}
.gnb_menu li.etc > div > p:first-child {background: url("../images/top_bar.gif") no-repeat right center;}
.gnb_menu li.etc  a {display:inline-block; font-size:12px; padding:6px 15px;}
#container {width: 100%; margin:0 auto;}
.con_area {overflow:hidden;}
.con_area > li { width:100%; text-align:center; margin-bottom:30px;}
.con_area > li  > p.tit {margin-top:20px;  font-size:20px; padding-bottom:20px; background: url("../images/deco_b_bar.gif") no-repeat center bottom;}
.con_area > li  > p.sub_txt {margin-top:20px; margin-bottom:35px; color:#929292;}


/* 버튼효과 */
.z_btn {width:126px; margin:0 auto;}
a.btn_org {
    display:block;
    padding: 10px;
    background-color: #ffa800;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
	text-align:center;
	font-size:14px;
}

a.btn_org:hover,
a.btn_org.active {
    background-color: #ff842a;
    color: #fff;
}

.visual_img {padding:30px 0 60px 0;}
.flexslider {position:relative;}
.flex-direction-nav {position:absolute;top:0;left:0;width:100%;}
.flex-prev {position:absolute;top:170px;left:20px;display:block;width:23px;height:42px;background: url(../images/arrow_left.png) no-repeat;text-indent:-9999px;}
.flex-next {position:absolute;top:170px;right:20px;display:block;width:23px;height:42px;background: url(../images/arrow_right.png) no-repeat;text-indent:-9999px;}
.flex-control-paging {display:inline-block;text-align:center;position:absolute;left:50%;bottom:20px;}
.flex-control-paging li {display:inline-block;text-align:center;}
.flex-control-paging li a {display:inline-block;text-align:center;width:11px;height:11px;background: url(../images/roll_off.png) no-repeat;text-indent:-9999px;margin:0 3px;cursor:pointer;}
.flex-control-paging li a.flex-active {background: url(../images/roll_on.png) no-repeat;}

.contents {padding-bottom:50px;}


#footer {clear:both;background:#2c2c2c; height:150px;}

.bottomarea { height:100px; }
.bottominbox {width:100%;margin:0 auto; text-align:center;}
.bottominbox ul li.last{border-right:none;}
.bottominbox ul {margin:0 auto;}
.bottom_inforlist {padding-top:30px;padding-bottom:30px;}
.bottom_inforlist li {float:left;width:33.3%;font-size:14px;}
.bottom_inforlist li h4 {color:#fff;}
.bottom_inforlist li h4 .btn-map {font-size:11px;font-weight:normal;text-align:center;width:78px;height:30px;line-height:30px;border-radius:6px;display:inline-block;color:#ffa800;border:1px solid #ffa800;margin-left:20px;}

.btn-pcv {display:none;}

.bottom_inforlist li p {margin-top:16px;color:#828282;line-height:140%;}
.bottom_inforlist li p img {margin-right:6px;}
.bottom_inforlist li h4 .tel1 {margin-left:15px;font-size:20px;}
.bottom_inforlist li h4 .tel2 {display:block;margin-left:87px;margin-top:8px;font-size:20px;}

.bottominbox .bottomlogo {padding:20px 0 5px 0;}

.bottomlogo  span{width:100%; text-align:center}
.siteinfo {clear:both;height:90px;background:#2c2c2c;}
.siteinfo strong {color:#727171;margin-left:20px;font-size:12px;}
.siteinfo span {color:#727171;}
.siteinfo ul {text-align:center;margin:0 auto; padding-bottom:30px;}
.siteinfo ul  li {text-align:center}
.siteinfo ul li a {color:#727171;}


/* 견적문의 페이지용 */
#subcontainer {width:100%; margin:0 auto;} 
.lnbarea {float:left;width:222px; display:none}
.sitetit {width:222px;height:108px;background: url(../images/bg_lnbtit.gif) no-repeat left top;}
.sitetit h3 {color:#fff;font-size:25px;margin-left:20px;padding-top:55px;}

.lnb {width:220px;margin:0 auto;}
.lnb > li {border-bottom:1px solid #ececec;background:#fff;}
.lnb > li a {margin-left:20px;padding:10px 0;display:block;font-size:14px;color:#5c5c5c;}
.lnb > li:hover {background: #fff url(../images/icon_arrow.gif) no-repeat 190px 15px;}
.lnb > li:hover a {color:#ffa309;}
.lnb > li.active {background: #fff url(../images/icon_arrow.gif) no-repeat 190px  15px;}
.lnb > li.active a {color:#ffa309;}

.lnb > li.drop ul {border-top:1px solid #ececec;background:#f3f3f3;}
.lnb > li.drop ul li {background: #f3f3f3 url(../images/icon_dot.jpg) no-repeat 24px center;}
.lnb > li.drop ul li a {margin-left:35px;color:#5c5c5c;font-size:12px;}

.lnb > li.drop {background: #fff url(../images/icon_arrow2.jpg) no-repeat 190px  15px;}
.lnb > li.drop a {color:#ffa309;}
.lnb > li.drop ul li:hover {background: #fff url(../images/icon_dot.jpg) no-repeat 24px center;}
.lnb > li.drop ul li:hover a {color:#ffa309;}

.subcont {width:100%;}
.pagetit  { padding:0 20px;}
.pagetit .location {padding-top:20px;font-size:11px;color:#8b8b8b;font-family:dotum;}
.pagetit h4 {font-size:30px;color:#353535;clear:both;margin-top:27px;}
.pagetit p {color:#5e5e5e;clear:both;margin-top:10px;font-size:14px;}

.scont {clear:both;padding:20px;}
.scont img{}

.companytabl {width:456px;float:right;}
.widdbox {clear:both;width:100%;margin-top:20px;}
.companytabl {border-top:2px solid #444444;}
.companytabl th, .companytabl td {border-bottom:1px solid #d9d9d9;padding:9px 0;}
.companytabl th {text-align:center;vertical-align:middle;font-size:14px;color:#5e5e5e;background:#fafafa;}
.companytabl td {padding:9px 0 9px 30px;color:#808080;font-size:14px;}

.companytabl th.tleft {text-align:left;padding-left:15px;}
.txtform {border:1px solid #eaeaea;height:28px;}
.bttom-btn {text-align:center;padding-top:20px;clear:both;}
.btn-org {display:inline-block;width:126px;height:37px;color:#fff;background:#ffa800;font-size:14px;line-height:37px;border-radius:6px;}

.wd-169 {width:169px}
.wd-100 {width:100px;}
.wd-170 {width:170px;}
}