@charset "utf-8";

@import url('reset.css');
@import url('layout.css');
@import url(//fonts.googleapis.com/css?family=Roboto);
.mt30 {margin-top:30px}
.mt50 {margin-top:50px}

#container {width:1100px;margin:0 auto;padding:175px 0 100px;}

/* #snb {float:left;width:195px}
#snb h2 {padding-left:13px;height:67px;color:#0a6398;font:22px nbgb;background:url(/images/bstarcom/sub/bg_snb_h2.gif) no-repeat 0 bottom}
#snb .snb_box {}
#snb .snb_box ul {}
#snb .snb_box ul li {}
#snb .snb_box ul li a {display:block;padding:15px;font:15px nbg;border-bottom:1px solid #e2e2e2}
#snb .snb_box ul li a:hover {color:#0a6398}
#snb .snb_box ul li.last a {border-bottom:1px solid #6a6a6a} */

/* 사이드 메뉴 */
#snb {float:left;width:191px}
#snb h2 {padding-left:13px;height:67px;color:#0a6398;font:22px nbgb;background:url(../../images/bstarcom/sub/bg_snb_h2.gif) no-repeat 0 bottom}
#snb .snb_box {height:100%}
#snb ul li.dep1 {border-bottom:1px solid #d9d9d9}
#snb ul li.dep1.line {border-bottom:1px solid #6a6a6a}
#snb ul li a.a1 {display:block;padding:17px 33px 17px 15px;font:16px nbg;color:#797979;background:url(../../images/bstarcom/sub/bg_snb_off.gif) no-repeat 165px center;letter-spacing:-0.05em;word-break:break-word}
#snb ul li a.a1:hover {color:#2a70a0}
#snb ul li a.a1.on {background:url(../../images/bstarcom/sub/bg_snb_on.gif) no-repeat 165px center}
/* #snb ul li a.a1.on:hover {background:url(/images/bstarcom/sub/bg_snb_on.gif) no-repeat 165px center #f3f3f3;color:#2a70a0} */
#snb ul li a.a1.on2 {background:url(../../images/bstarcom/sub/bg_snb_off.gif) no-repeat 165px center;color:#2a70a0}
#snb ul li a.a1.on3 {background:url(../../images/bstarcom/sub/bg_snb_on.gif) no-repeat 165px center;color:#2a70a0}
#snb ul li a.a1.on3.on {background:url(../../images/bstarcom/sub/bg_snb_off.gif) no-repeat 165px center;color:#2a70a0}
#snb ul li ul.dep2 {padding:13px 17px;border-top:1px solid #d9d9d9;background-color:#f7f9fa;display:none}
#snb ul li ul.dep2 li {padding:7px 0 7px 8px;background:url(../../images/bstarcom/sub/bg_snb_arrow.gif) no-repeat 0 13px}
#snb ul li ul.dep2 li a {font-size:13px;color:#535252;word-break:break-word}
#snb ul li ul.dep2 li a:hover {font-weight:600}
#snb ul li ul.dep2 li.on a {font-weight:600}
#snb ul li ul.dep21 {padding:13px 10px;border-top:1px solid #d9d9d9;background-color:#f7f9fa;display:none}
#snb ul li ul.dep21 li {padding:7px 0 7px 8px;background:url(../../images/bstarcom/sub/bg_snb_arrow.gif) no-repeat 0 13px}
#snb ul li ul.dep21 li a {font-size:11px;color:#535252;word-break:break-word;font-family:tahoma;}
#snb ul li ul.dep21 li a:hover {font-weight:600}
#snb ul li ul.dep21 li.on a {font-weight:600}


.content {float:right;width:835px;min-height:580px}
.content .tit_box {border-bottom:1px solid #e2e2e2;overflow:hidden;padding-bottom:5px}
.content .tit_box h3 {float:left;font:32px nbgb;color:#4c4c4c}
.content .tit_box ul {padding-top:13px;float:right}
.content .tit_box ul li {float:left;padding-left:10px;margin-left:6px;background:url(../../images/bstarcom/sub/bg_post_drt.gif) no-repeat 0 4px}
.content .tit_box ul li.home {padding-left:14px;background:url(../../images/bstarcom/sub/bg_post_home.gif) no-repeat 0 3px}
.content .tit_box ul li a {font-size:13px;color:#4c4c4c;letter-spacing:-0.05em}

.content .cnt_box {}
.content .cnt_box .txt1 {margin-top:50px;font:15px ng;line-height:28px}
.content .cnt_box .txt1.upper {text-transform:uppercase}
.content .cnt_box .txt1 span {font-family:ngb;color:#395f7f}

/* 오시는 길 */
.content .cnt_box .map_area {height:345px;border:1px solid #d5dcdf}
.content .cnt_box .addr {margin:45px 0;padding-left:20px;background:url(../../images/bstarcom/sub/bg_point_disc.gif) no-repeat 0 center;font:17px ng;color:#4c4c4c}
.content .cnt_box .addr span {font-family:ngb;margin-right:20px}

/* 견적문의 완료 */
.content .cnt_box .estimate_complete {position:relative;text-align:center}
.content .cnt_box .estimate_complete a {position:absolute;top:240px;left:358px;display:block;padding:3px 20px 2px 10px;background:url(../../images/bstarcom/sub/bg_estimate_arrow.gif) no-repeat 84px center #1c7590;color:#dfe8ec;font:15px nbgb;}

/* table */
.tb_faq {border-top:2px solid #3e6baf}
.tb_list thead {background-color:#eff2f4}
.tb_list thead th {padding:10px 0;border-style:solid none solid;border-width:1px 0 1px;border-color:#2b466f #ffffff #d3dae1;color:#666666;background:url(../../images/shop/viya_shop/common/bg_bullet02.html) no-repeat right 50% #eff2f4}
/* .tb_list tbody td {border-style:none none solid;border-width:0 0 1px;border-color:#d3dae1;padding:8px 16px;text-align:center} */
.tb_list tbody td {border-bottom:1px solid #d3dae1;padding:8px 0;text-align:center}
.tb_list .left {padding-left:16px;text-align:left}
.tb_list .last_bg {background-image:none}
/* .wr_box {border-top:2px solid #3e6baf} */
.tb_wr {border-style:solid none solid;border-width:1px 0 1px;border-color:#2b466f #ffffff #ced5d9;text-align:left}
.tb_wr tbody th {padding:10px 0 10px 22px;border-style:none none solid;border-width:0 0 1px;border-color:#d3dae1;background-color:#eff2f4;text-align:left;color:#5d5d5d}
.tb_wr tbody td {padding:5px 20px;border-style:none none solid;border-width:0 0 1px;border-color:#d3dae1}
.tb_wr tbody td input {height:24px;border:1px solid #d6dae0;line-height:24px}
.tb_wr tbody td .input01 {width:190px;padding-left:5px}
.tb_wr tbody td .input02 {width:68px;padding-left:5px}
.tb_wr tbody td .input03 {width:400px;padding-left:5px}
.tb_wr tbody td .input04 {width:153px;padding-left:5px}
.tb_wr tbody td .sel01 {width:78px;height:24px;border:1px solid #d6dae0}
.tb_wr tbody td .sel02 {width:173px;height:24px;border:1px solid #d6dae0}
.tb_wr tbody td .input_blank5 {margin-top:5px}
.tb_wr tbody td .input_blank13 {margin-top:8px;font-size:11px}
.tb_wr tbody td .text01 {width:758px;height:110px;border:1px solid #d6dae0;padding:5px;font-size:12px}
.tb_view {border-style:solid none solid;border-width:1px 0 1px;border-color:#404040 #ffffff #ced5d9}
.tb_view tbody th {padding:7px 0;border-style:none none solid;border-width:0 0 1px;border-color:#dddddd;background-color:#eff2f4}
.tb_view tbody td {padding:7px 20px;border-style:none none solid;border-width:0 0 1px;border-color:#dddddd}
.tb_view .view_txt {padding:25px 0 30px 20px}
.tb_view.pdt_detail th, .tb_view.pdt_detail td {padding:7px 10px} /* 제품상세 */

.board_next {padding-left:15px;background:url(../../images/shop/viya_shop/sub/ico_view_next.html) no-repeat 0 3px}
.board_prev {padding-left:15px;background:url(../../images/shop/viya_shop/sub/ico_view_prev.html) no-repeat 0 3px}
.un_line:hover {text-decoration:underline}
.board_box {width:100%;margin-bottom:14px;overflow:hidden}
.board_box span {float:left;margin-top:7px}
.board_box .board_box_form {float:right} /* 2015-03-24 form 삭제 수정 */
.board_box .board_box_form input {width:162px;height:26px;border:1px solid #b2b5be} /* 2015-03-24 form 삭제 수정 */
.board_box .board_box_form button {width:79px;height:28px;background:url(../../images/digitalship/sub/btn_search.gif) no-repeat 0 0} /* 2015-03-24 form 삭제 수정 */
.board_box .board_box_form select {width:78px;height:28px;border:1px solid #b2b5be} /* 2015-03-24 form 삭제 수정 */
.paging {margin-top:30px;text-align:center}
.paging a, .paging strong {display:inline-block;*zoom:1;*display:inline;width:25px;height:25px;border:1px solid #e9edf2;line-height:25px;text-align:center;font-size:11px}
.paging a img {vertical-align:middle}
.paging strong, .paging a:hover {background-color:#116cb3;font-weight:600;color:#ffffff}
.paging .prev01 {margin-right:3px}
.paging .prev02 {margin-right:5px}
.paging .next01 {margin-left:3px}
.paging .next02 {margin-left:5px}
.qna_txt {width:100%;height:190px;padding:5px;border:1px solid #d6dae0;font-size:12px}
.sec {overflow:hidden}
.sec .n {float:left;margin-right:10px}
.sec .t {float:left;width:397px}
.sec .t input {height:20px}
.sec .t em {display:block;margin-bottom:10px}

/* button */
.btn_btm_right {margin-top:48px;text-align:right}
.btn_btm_center {margin-top:48px;text-align:center}
.btn_bg {display:inline-block;*zoom:1;*display:inline;height:22px;background:url(../../images/shop/viya_shop/sub/btn_bg02.html) no-repeat right 0;*margin:0 5px;vertical-align:middle}
.btn_bg button, .btn_bg a {display:inline-block;*zoom:1;*display:inline;height:22px;line-height:22px;padding:0 10px;background:url(../../images/shop/viya_shop/sub/btn_bg01.html) no-repeat 0 0;text-align:center;font-size:11px;color:#445668 !important}
.btn_gray {display:inline-block;*zoom:1;*display:inline;height:30px;padding:0 17px;line-height:30px;background-color:#93989c;font-weight:600;color:#ffffff !important;*margin-right:5px}
.btn_white {display:inline-block;*zoom:1;*display:inline;min-width:120px;height:37px;border:1px solid #0e6395;line-height:37px;background-color:#ffffff;font-size:12px;font-weight:600;color:#0e6395 !important;text-align:center}
.btn_brown {display:inline-block;*zoom:1;*display:inline;min-width:120px;height:37px;border:1px solid #585346;line-height:37px;background-color:#585346;font-size:12px;font-weight:600;color:#ffffff !important;text-align:center}
.btn_blue {display:inline-block;*zoom:1;*display:inline;min-width:120px;height:37px;border:1px solid #0e6395;line-height:37px;background-color:#0e6395;font-size:12px;font-weight:600;color:#ffffff !important;text-align:center}
.btn_black {display:inline-block;*zoom:1;*display:inline;min-width:120px;height:37px;border:1px solid #4d4d4d;line-height:37px;background-color:#ffffff;font-size:12px;font-weight:600;color:#4d4d4d !important;text-align:center}
.btn_dk_gray {display:inline-block;*zoom:1;*display:inline;min-width:120px;height:37px;border:1px solid #4d4d4d;line-height:37px;background-color:#4d4d4d;font-size:12px;font-weight:600;color:#ffffff !important;text-align:center}
.btn_navy {display:inline-block;*zoom:1;*display:inline;height:22px;background:url(../../images/shop/viya_shop/sub/btn_navy02.html) no-repeat right 0;*margin:0 5px}
.btn_navy.mg {margin-bottom:3px}
.btn_navy button, .btn_navy a {display:inline-block;*zoom:1;*display:inline;height:22px;line-height:22px;padding:0 10px;background:url(../../images/shop/viya_shop/sub/btn_navy01.html) no-repeat 0 0;text-align:center;font-size:11px;color:#ffffff !important}
.btn_bk {margin-right:3px}

/* Q&A */
.qna_reply {padding:29px 20px !important;background-color:#f5f7f8}
.qna_reply .a {margin-bottom:17px;color:#3c3c3c}

/* 제품리스트 */
.product_sort {width:100%;padding:12px 0;overflow:hidden}
.product_sort span {float:left;font-size:14px;color:#656565;font-weight:600}
.product_sort span strong {color:#5ebfd8;margin:0 4px}
.product_sort ul {float:right}
.product_sort li {float:left}
.product_sort a {display:block;background-color:#f7f9fa;padding:3px 9px;color:#6d7276;border:1px solid #d5dcdf;border-width:1px 1px 1px 0}
/* .product_sort a:hover {background-color:#1f5d83;font-weight:600;color:#fff;border-color:#d5dcdf} */
.product_sort a.on {background-color:#1f5d83;font-weight:600;color:#fff;border:1px solid #1f5d83}
.product_list ul {overflow:hidden}
.product_list ul li {float:left;width:410px;height:125px;margin-right:15px;margin-bottom:15px}
.product_list ul li .product_box {padding:17px;background-color:#f7f9fa;border:1px solid #d5dcdf;overflow:hidden}
.product_list ul li .product_box .thumb {float:left}
.product_list ul li .product_box dl {margin-left:25px;float:left;color:#555}
.product_list ul li .product_box dl dt {margin-bottom:15px;font-family:tahoma;font-weight:600}
.product_list ul li .product_box dl dt a {color:#555;font-size:18px}
.product_list ul li .product_box dl dd.company_name {margin-bottom:20px}
.product_list ul li .product_box dl dd.company_name span {margin-left:5px}
.product_list ul li .product_box dl dd.price {font:14px tahoma;font-weight:600}

/* 제품상세 */
.product_detail_box {padding:32px;background-color:#f7f9fa;border-top:3px solid #1f5d83;overflow:hidden}
.product_detail_box .thumb {float:left;width:348px;height:272px;border:1px solid #d5dcdf;background-color:#fff;text-align:center} /* 2015-04-13 노이미지 수정*/
.product_detail_box dl {margin-left:25px;float:left;color:#555}
.product_detail_box dl dt {margin-bottom:30px;font-family:tahoma;font-weight:600;color:#555;font-size:24px}
.product_detail_box dl dt a {}
.product_detail_box dl dd.pdt_num {margin-bottom:8px}
.product_detail_box dl dd.pdt_num span {margin-left:5px;font-weight:600}
.product_detail_box dl dd.company_name {margin-bottom:45px}
.product_detail_box dl dd.company_name span {margin-left:5px;font-weight:600}
.product_detail_box dl dd.price {font:24px tahoma;font-weight:600}

.tit01 {padding:10px 0 10px 20px;background:url(../../images/bstarcom/sub/bg_point_disc.gif) no-repeat 0 center;font:21px nbgb;color:#4c4c4c;border-bottom:1px solid #e2e2e2}
.txt01 {font-size:14px}