@charset "utf-8";

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);


/* **************************** 공통영역 **************************** */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img {margin:0; padding:0;}
html {width:100%; height:100%; overflow-y:scroll;}
body,code {font:0.75em Nanum Gothic,'나눔고딕','Noto Sans KR','맑은고딕','Malgun Gothic','tahoma',Lato,Dotum,AppleGothic,Verdana,'FontAwesome',sans-serif; color:#353535; background:#fff;}
body {margin:0;padding:0;}
li {list-style:none;}
img,fieldset {border:none; vertical-align:top;}
table {width:100%; border:0; border-spacing:0; border-collapse:collapse; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
caption {display:none;}
th,td {border:0; vertical-align:top;}
td a:hover {color:#8e8e8e;}
button {overflow:visible; padding:0; margin:0; border:0; cursor:pointer;}
hr.layout {display:none;}
a {text-decoration:none; color:#000; }
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
a.txtline:hover {text-decoration:underline; color:#000;}
*:focus {outline:none;}
select {padding:.3em .5em .5em; border:1px solid #a1a1a1; font-size:12px; line-height:inherit;}
input:read-only {background-color:#DCDCDC;}     /*230701*/

/* **************************** //공통영역 **************************** */

.est_wrap {position:relative; min-width:700px;}
.est_wrap:after {content:''; display:block; clear:both;}
.est_hd {position:relative; width:100%; border-bottom:1px solid #777; background:#eaeaea; line-height:19px;}
.est_hd:after {content:''; display:block; clear:both;}
.est_cont {margin-bottom:10px;}
.est_cont:after {content:''; display:block; clear:both;}
.est_cont h1 {font-size:35px; padding:30px 0 15px;  margin-bottom:15px; text-align:center; letter-spacing:10px; border-bottom:1px solid #777;}
.est_cont .cont_top {width:96%; margin:0 auto 20px;}
.est_cont .cont_top:after {content:''; display:block; clear:both;}
.est_cont .cont_top li { }
.est_cont .cont_top li:first-child {float:left; line-height:27px;}
.est_cont .cont_top li:last-child {float:right;}
.est_cont .cont_top li .cont_topR {position:relative;}
.est_cont .cont_top li .cont_topR .com_stamp {position:absolute; top:15px; right:10px;}
.est_cont .cont_top li .cont_topR .com_stamp img {width:50px;}
.est_cont .cont_main {width:96%; margin:0 auto;}
.est_item {width:100%; overflow:hidden; padding:5px;}
.est_item li {float:left; line-height:22px;}
.est_item li img {width:150px;}
.est_cont .cont_bt {width:100%; margin:30px auto 0; background:#eaeaea; line-height:19px; border-top:1px solid #777; border-bottom:1px solid #777;}
.est_cont .est_btn {text-align:right; margin:15px;}
.est_cont .est_btn a {display:inline-block;}
.est_cont .est_btn a:first-child {margin-right:5px;}

.est_ft {line-height:19px; padding-bottom:10px;}
.section {padding:10px;}

/* 견적서작성 */
.est_contS {width:96%; margin:0 auto 10px;}
.est_contS:after {content:''; display:block; clear:both; }
.est_contS h1 {display:block; width:70%; font-size:32px; padding:10px 0 10px 90px;  margin:0 auto 15px; text-align:center; letter-spacing:110px; border-bottom:2px solid #777; overflow:hidden; white-space:nowrap;}
.est_contS .cont_top {width:96%; margin:0 auto 20px;}
.est_contS .cont_top:after {content:''; display:block; clear:both;}
.est_contS .cont_top .cont_topA {width:100%; overflow:hidden;}
.est_contS .cont_top .cont_topA:after {content:''; display:block; clear:both;}
.est_contS .cont_top .cont_topA .cont_topL {float:left; width:38%; margin:5px 2% 0 0; padding:5px 0; border:1px solid #777; background-color:#f7f7f7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.est_contS .cont_top .cont_topA .cont_topL .cont_topLC {line-height:28px;}
.est_contS .cont_top .cont_topA .cont_topL .cont_topLC span {display:inline-block; width:50px; padding:0 10px 0 10px;}
.est_contS .cont_top .cont_topA .cont_topL .cont_topLC span.prt_data { width:140px; font-weight:normal;}
.est_contS .cont_top .cont_topA .cont_topL .cont_topLC2 {line-height:18px;}
.est_contS .cont_top .cont_topA .cont_topL .cont_topLC2 span {display:inline-block; width:50px; padding:0 10px 0 10px; font-weight:bold;}
.est_contS .cont_top .cont_topA .cont_topL .cont_topLC2 span.prt_data {width:140px; font-weight:normal;}
.est_contS .cont_top .cont_topA .cont_topR {float:right; width:60%;}
.est_contS .cont_top .cont_topA .cont_topR > .basic_table th {text-align:center;}
.est_contS .cont_top .cont_topA .cont_topR > .basic_table td {height:47px;}
.est_contS .cont_top .cont_topA .cont_topR > .sm_ht td {height:26px;}
.est_contS .cont_main {width:96%; margin:0 auto;}
.est_contS .cont_main .cont_mainTop {width:100%; border:1px solid #333; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.est_contS .cont_main .cont_mainTop .est_totalPay {padding:15px; background:#f7f7f7;}
.est_contS .cont_main .cont_mainTop .est_totalPay .payR {display:inline-block; float:right;}
.est_item {width:100%; position:relative; overflow:hidden; padding:0; margin:0 auto;}
.est_item .est_stitle {padding-left:17px; margin:20px 0 7px; font-size:14px; font-weight:bold;}
.est_item .est_stitle:before {content:''; position:absolute; left:0; width:12px; height:15px; font-size:13px; color:#f23322; background:url('../img/path_icon_first.png') no-repeat 0px 2px;}
.est_item .est_etitle { padding-left:8px; margin:12px 0 3px; font-size:14px; font-weight:bold; } /*230701*/
.est_item .est_contInfo {width:calc(100% - 2px); border:1px solid #333; overflow:hidden;}
.est_item .est_contInfo:after {content:''; display:block; clear:both;}
.est_item .est_contInfo li {float:left; line-height:17px; padding:10px;}
.est_item .est_contInfo li img {width:100%;}
.est_item .est_contInfo li.infoL {width:150px; border-right:1px solid #333;}
.est_item .est_contInfo li.infoR {width:460px; word-break:break-all; word-wrap:break-word;}
.est_contS .cont_bt { width:96%; margin:10px auto 0; line-height:17px; border-top:1px solid #777; border-bottom:1px solid #777;}
.est_contS .cont_bt table tr:first-child td {border-top:none;}
.est_contS .cont_bt .cont_btexp {padding:10px 0 5px; font-size:11px; letter-spacing:-.3px; background:#fcf8ee;}
.est_contS .cont_bt .cont_btexp p {padding:0 0 5px 10px;}
.est_contS .cont_bt .cont_btexp p .blocksize {display:inline-block; height:21px; padding:0 10px; margin:0 2px; line-height:21px; background:#f23322; color:#fff; font-size:11px; cursor:pointer;}
.est_contS .est_btn {text-align:center; margin:15px;}
.est_contS .est_btn a {display:inline-block;}
.est_contS .est_btn a:first-child {margin-right:5px;}
.est_input {padding:0 5px; height:23px; font-size:12px; border:1px solid #eaeaea; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.est_textA {width:100%; padding:5px; font-size:12px; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* 견적문의 */
.est_boardwrap {position:relative; min-width:600px; font-size:13px;}
.est_bdTop {padding:25px 20px 30px 20px; text-align:center; background:#e5e8ee url('../img/estimate_bg.png') no-repeat 95% -5px;}
.est_bdTop h1 {display:block; height:100px; color:#212121; font-size:36px; line-height:105px; background:url('../img/estimate_bull.png') no-repeat 90px 0;}
.est_bdTop .est_guideBg {display:block; margin:0 50px; padding:15px 0; color:#fff; font-size:14px; line-height:21px; text-align:center; background:#729dfc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.est_board {margin:0 20px;}
.est_board:after {content:''; display:block; clear:both;}
.est_board .est_guide {padding:25px 0 20px; font-size:12px; background:#fff; text-align:left;}
.est_board .est_btn {text-align:center; padding-bottom:15px;}
.est_board .est_btn a {display:inline-block;}
.est_board .est_btn a:first-child {margin-right:5px;}
.est_bdft {position:relative; margin:35px auto 15px;}
.est_bdft .section {margin:0 auto; padding:0;}
.est_bdft .privacy_cont {margin:10px auto; padding:10px; font-size:12px; background:#e5e8ee; border:1px solid #d7d5d5;}
.est_bdft .privacy_cont .privacy_contIn {margin:10px auto; background:#fff; border:1px solid #ddd; box-sizing:border-box;} 
.privacy_contIn th {padding:5px; background:#f5f5f5; border:1px solid #ddd;}
.privacy_contIn td {padding:5px; border:1px solid #ddd;}

#container {position:relative; width:1370px; margin:0 auto; *zoom:1;}
#container:after {content:''; display:block; clear:both;}
#contents {position:relative; width:1100px; margin:0 auto;}
.sub_contents {width:100%; margin:0 auto; color:#8e8e8e;}
.sub_contents:after {content:''; display:block; clear:both;}

/* table */
.basic_table {position:relative; margin:5px 0 0; color:#353535;}
.basic_table thead th {padding:8px 0 7px; border:1px solid #777; color:#353535; vertical-align:middle; font-weight:normal; background:#f7f7f7;}
.basic_table tbody th {padding:5px 10px 6px; border:1px solid #777; color:#353535; text-align:left; font-weight:normal; background-color:#f7f7f7; vertical-align:middle;}
.basic_table th {word-break:break-all; word-wrap:break-word;}
.basic_table td {padding:5px 10px 6px; border:1px solid #777; color:#353535; vertical-align:middle; word-break:break-all; word-wrap:break-word;}
.basic_table td.clear {padding:0 !important; border:0 !important;}

.basic_br_table {position:relative; margin:5px 0 0; border-bottom:1px solid #d7d5d5; color:#353535;}
.basic_br_table thead th {padding:8px 0 7px; border-left:0px solid #dfdfdf; border-bottom:1px solid #dfdfdf; color:#353535; vertical-align:middle; font-weight:normal; background:#fff;}
.basic_br_table tbody th {padding:8px 0 8px 8px; border:1px solid #dfdfdf; border-bottom-width:0; color:#353535; text-align:left; font-weight:normal; background-color:#f5f5f5;}
.basic_br_table th {word-break:break-all; word-wrap:break-word;}
.basic_br_table th:first-child {border-left:0;}
.basic_br_table td {padding:8px 7px 8px; border-top:1px solid #dfdfdf; color:#353535; vertical-align:middle; word-break:break-all; word-wrap:break-word; background:#fff;}
.basic_br_table td p {padding:5px 0;}
.basic_br_table td.clear {padding:0 !important; border:0 !important;}
.basic_br_table input {padding:5px 3px; border:1px solid #ccc;}
.basic_br_table textarea {padding:5px 0; border:1px solid #ccc;}
.basic_br_table select {border:1px solid #ccc;}
/*************************************/

/* 페이징 */
.list_paging {position:relative; margin:50px auto 20px; text-align:center;}
.list_paging.mtmin {margin:0px auto 50px !important;}
.list_paging ol {display:inline-block; margin:0 15px; vertical-align:top;}
.list_paging ol li {display:inline-block; font-size:12px; border:0; width:30px; background:#fff; border:1px solid #ddd;}
.list_paging ol li a {display:block; width:auto; margin:0 1px 0; padding:7px 0; color:#353535; line-height:14px;}
.list_paging ol li.this {background:#333; border:1px solid #333;}
.list_paging ol li.this a {color:#fff;}
.list_paging img {vertical-align:top;}

.btn {display:inline-block; padding:10px 18px; margin:0 1px !important; font-size:13px; line-height:17px; font-weight:500; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-sizing:border-box; cursor:pointer;}
.btn_sm {display:inline-block; padding:4px 10px; margin:0 1px !important; font-size:13px; line-height:15px; font-weight:500; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; box-sizing:border-box; cursor:pointer;}
.btn_normal {color:#333; background-color:#fff; border:1px solid #d1d1d1;}
.btn_normal:hover {background-color:#eaeaea;}
.btn_normalEm {color:#f23322; background-color:#fff; border:1px solid #f23322;}
.btn_submit {color:#fff; background-color:#414141; border:1px solid #414141;}
.btn_submit:hover {background-color:#111; border:1px solid #111;}
.btn_basic {color:#fff; background-color:#888; border:1px solid transparent;}
.btn_basic:hover {color:#fff; background-color:#414141; border:1px solid transparent;}
.btn_cancle {color:#fff; background-color:#8e8e8e; border:1px solid transparent;}
.btn_cancle:hover {background-color:#777; color:#fff;}
.btn_em {color:#fff; background-color:#f23322; border:1px solid #f23322;}
.btn_em:hover {background:#dc2e1f; border:1px solid #dc2e1f;}
.btn_em2 {color:#fff; background-color:#488ad4; border:1px solid #488ad4;}
.btn_em2:hover {background:#3a519e; border:1px solid #3a519e;}
.btn_em3 {color:#fff; background-color:#dbac47; border:1px solid #dbac47;}
.btn_em3:hover {background:#b68c3e; border:1px solid #b68c3e;}
.btn_emwhite {color:#f23322; background-color:#fff; border:1px solid #fff;}
.btn_sizeB {padding:19px 24px 21px; color:#fff; background-color:#888; border:1px solid transparent;}
.btn_sizeB:hover {color:#fff; background-color:#111;}
.btn_sizeS {padding:3px 8px 4px; border-radius:0 !important; line-height:19px;}
.btn_sizeXS {display:inline-block; height:26px; padding:0 10px; margin:0 2px; line-height:26px; background:#8e8e8e; color:#fff; font-size:11px; cursor:pointer;}
.btn_sizeXSB {display:inline-block; height:26px; padding:0 8px; margin:0 2px; line-height:26px; background:#555; color:#fff; font-size:11px; cursor:pointer; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}

/* 타이틀 */
.title_lineL {position:relative; text-align:left; padding:30px 0 5px;}
.title_lineL h3 {color:#111; font-size:24px; font-weight:700; letter-spacing:-1px;}
.title_lineLS {position:relative; text-align:left; padding:30px 0 0;}
.title_lineLS h3 {color:#111; font-size:17px; font-weight:700; letter-spacing:-1px;}
.title_line0 {position:relative; text-align:center;}
.title_line0 h3 {color:#111; font-size:24px; font-weight:700; letter-spacing:-1px;}
.title_lineb {position:relative; padding-bottom:10px; border-bottom:3px solid #cbcbcb; text-align:center;}
.title_lineb h3 {color:#111; font-size:24px; font-weight:400; letter-spacing:-1px;}
.title_linesub {position:relative; padding:20px 0 10px; margin:0 0 20px; border-bottom:1px solid #eaeaea;}
.title_linesub h3 {padding-bottom:10px; color:#111; font-size:27px; font-weight:700; letter-spacing:-1px; text-align:center;}
.title_linesub2 {position:relative; padding:20px 0 10px; margin:0; border-bottom:2px solid #414141;}
.title_linesub2 h3 {color:#111; font-size:27px; font-weight:700; letter-spacing:-1px;}
.title_lineR {position:relative; background:#f23322;}
.title_lineR h3 {color:#fff; font-size:17px; font-weight:700; letter-spacing:-1px;}

.bullBg_arrowS {padding:0 0 0 25px; color:#333; font-size:21px; font-weight:normal;letter-spacing:-1px; background:url('../img/ico_arrowLine.png') no-repeat 0 5px; background-size:20px 20px;}
.bullBg_arrowC {padding:0 0 10px 25px; color:#333; font-size:17px; background:url('../img/circle_arrow.png') no-repeat 0 3px; background-size:20px 20px;}
.bullBg_arrowSL {padding:7px 0 10px 35px; color:#333; font-size:17px; background:url('../img/ico_arrowLine.png') no-repeat 20px 15px; background-size:20px 20px;}

.g_Btitle {color:#f23322; font-size:24px; font-weight:800; padding-right:10px; letter-spacing:-1px;}
.g_SMtitle {color:#111; font-size:24px; font-weight:400; padding-left:10px; letter-spacing:-1px;}
.g_Stitle {display:inline-block; color:#7d7d7d; font-size:11px; font-weight:700; letter-spacing:2px; text-align:center;}
.g_Btitle > img {margin:19px 15px 0;}

.title_area {position:relative; clear:both; margin:10px auto 10px;}
.title_area:after {content:''; display:block; clear:both;}
.sub_Btitle {padding-bottom:10px; color:#111; font-size:18px; font-weight:500; letter-spacing:-1px; text-align:center;}
.sub_BtitleL {padding-bottom:10px; color:#111; font-size:32px; letter-spacing:-1px; text-align:center;}
.sub_Stitle {color:#8e8e8e; font-size:13px; text-align:center;}
.sub_StitleBg {color:#8e8e8e; font-size:13px; padding-left:10px; font-weight:normal;}
.sub_StitleBg:before {content:'|'; font-size:11px; color:#ccc; left:0; padding-right:10px;}
.sub_XStitle {color:#a7a9ac; font-size:11px; font-weight:normal;}

.bgBlack {background-color:#777; color:#fff;}
.bgGray {background-color:#f7f7f7;}
.clear {padding:0 !important; border:0 !important;}
.hidden { display:none; }   /*230701*/
.txtem {color:#e84816; font-weight:bold;}
.txtblueB {color:#0066ff; font-weight:bold;}
.txtredB {color:#f23322; font-weight:bold;}
.txtgrayB {color:#888; font-weight:bold;}
.txtgray2B {color:#333; font-weight:bold;}
.txtwhite {color:#fff !important;}
.txtblack {color:#333 !important;}
.txtblue {color:#0066ff !important;}
.txtred {color:#f23322 !important;}
.txtgreen {color:#33cca6 !important;}
.txtrpurple {color:#f50062;}
.txtgray {color:#888 !important;}
.txtline {padding-bottom:15px; text-decoration:underline;}
.txtline_block {display:inline-block; padding-bottom:5px; border-bottom:1px solid #cdcdcd;}
.txtcline {text-decoration:line-through;}
.txtblock {display:inline-block; padding:0 6px; background:#818181; color:#fff; font-size:10px; font-weight:bold; margin-right:6px; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.txtblock_rp {padding:0 5px; background:#f50062; color:#fff; font-weight:bold;}
.tleft {text-align:left !important;}
.tright {text-align:right !important;}
.tcenter {text-align:center !important;}
.tletter5 {letter-spacing:5px;}
.tletter10 {letter-spacing:10px;}

.fs8 {font-size:8px !important;}
.fs9 {font-size:9px !important;}
.fs10 {font-size:10px !important;}
.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs18 {font-size:18px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
.fs13B {color:#333; font-size:13px; font-weight:700;}
.fs15B {color:#333; font-size:15px; font-weight:700;}
.fs17B {color:#333; font-size:17px; font-weight:700;}
.fs12_gray {color:#818181; font-size:12px;}
.fs13_gray {color:#818181; font-size:13px;}
.fs13_grayB {color:#818181; font-size:13px; font-weight:700;}
.fs15_grayB {color:#818181; font-size:15px; font-weight:700;}

.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%;}
.w100p {width:100px;}
.w150p {width:150px;}
.w200p {width:200px;}


.br_t0 {border-top:0 !important;}
.br_t1 {border-top:1px solid #ddd !important;}
.br_t2 {border-top:1px solid #333 !important;}
.br_r0 {border-right:0 !important;}
.br_b0 {border-bottom:0 !important;}
.br_b1 {border-bottom:1px solid #ddd !important;}
.br_b2 {border-bottom:1px solid #333 !important;}
.br_l0 {border-left:0 !important;}
.mt_t0 {margin-top:0 !important;}
.mt_r0 {margin-right:0 !important;}
.mt_b0 {margin-bottom:0 !important;}
.mt_l0 {margin-left:0 !important;}
.mtb10 {margin-top:10px !important; margin-bottom:10px !important;}
.mtb20 {margin-top:20px !important; margin-bottom:20px !important;}
.mtb30 {margin-top:30px !important; margin-bottom:30px !important;}
.mtb40 {margin-top:40px !important; margin-bottom:40px !important;}
.mtb50 {margin-top:50px !important; margin-bottom:50px !important;}
.mtb120 {margin-top:120px !important; margin-bottom:120px !important;}
.mt5 {margin-top:5px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt65 {margin-top:65px !important;}
.mt80 {margin-top:80px !important;}
.mt130 {margin-top:130px !important;}
.mt20M {margin-top:-20px !important;}
.mt80M {margin-top:-80px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb40 {margin-bottom:40px !important;}
.mb60 {margin-bottom:60px !important;}
.mb80 {margin-bottom:80px !important;}
.mb120 {margin-bottom:120px !important;}
.mb110 {margin-bottom:110px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.p40 {padding:40px !important;}
.p50 {padding:50px !important;}
.p60 {padding:60px !important;}
.p70 {padding:70px !important;}
.ptb10 {padding-top:10px !important; padding-bottom:10px !important;}
.ptb20 {padding-top:20px !important; padding-bottom:20px !important;}
.ptb30 {padding-top:30px !important; padding-bottom:30px !important;}
.pt10 {padding-top:10px !important;} 
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt40 {padding-top:40px !important;}
.pt130 {padding-top:130px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb80 {padding-bottom:80px !important;}
.pl7 {padding-left:7px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pr7 {padding-right:7px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}