@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, "나눔고딕",'Nanum Barun Gothic',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; }
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;}

/* 견적서작성 2021-02-17 추가 */
.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; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-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; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-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; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.est_textA { width:100%; padding:5px; font-size:12px; border:1px solid #ccc; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/* 견적문의 2020-05-28 추가 */
.est_boardwrap { position:relative; min-width:600px; background:#fcf8ee url("../img/estimate_bg.png") no-repeat 88% -45px; }
.est_bdTop { padding:20px 20px 0 20px; }
.est_bdTop h1 { display:block; width:130px; color:#f23322; font-size:25px; padding:15px 0; border-top:3px solid #f23322; }
.est_bdTop .est_guideBg { padding:15px 0; color:#fff; font-size:12px; text-align:center; background:#f23322; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.est_bdTop .est_guide { margin-top:10px; padding:15px; font-size:12px; background:#fff; border:1px solid #f23322; box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.est_board { margin-bottom:10px; }
.est_board:after { content:""; display:block; clear:both; }

.est_bdft { position:relative; margin:10px auto 25px; background:#fad1c5; }
.est_bdft .section { margin:0 auto; text-align:center; }

.est_bdft .privacy_cont { margin:10px auto; text-align:center; }
.est_bdft .privacy_cont .privacy_contIn { margin:10px auto; background:#fff; border:1px solid #ddd; box-sizing:border-box; border-collapse:collapse; } 
.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; border-collapse:collapse; }
.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; }
/* 2020-05-28 추가 */
.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; border-radius:2px; -moz-border-radius:2px; -webkit-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; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }


/* 타이틀 */
.title_lineL {position:relative; text-align:left; padding:30px 0 5px;}
.title_lineL h3 {color:#111; font-size:24px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.title_lineLS {position:relative; text-align:left; padding:30px 0 0;}
.title_lineLS h3 {color:#111; font-size:17px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.title_line0 {position:relative; text-align:center;}
.title_line0 h3 {color:#111; font-size:24px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.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:300; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.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:500; letter-spacing:-1px; text-align:center; font-family:'Noto Sans KR',sans-serif;}
.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:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.title_lineR { position:relative; background:#f23322; }
.title_lineR h3 {color:#fff; font-size:17px; font-weight:500; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}

.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; } /* 2019-12-06 추가 */

.g_Btitle { color:#f23322; font-size:24px; font-weight:900; padding-right:10px; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif;}
.g_SMtitle { color:#111; font-size:24px; font-weight:300; padding-left:10px; letter-spacing:-1px; font-family:'Noto Sans KR',sans-serif; }
.g_Stitle { display:inline-block; color:#7d7d7d; font-size:11px; font-weight:500; font-family:'Noto Sans KR',sans-serif; 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; } /* 2019-11-30--29 추가 */
.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;}
.fs9 {font-size:9px;}
.fs10 {font-size:10px;}
.fs11 {font-size:11px;}
.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;}
.fs13_grayB { color:#818181; font-size:13px; font-weight:700;}
.fs15_grayB { color:#818181; font-size:15px; font-weight:700;}
.fs12_gray { color:#818181; font-size:12px;}
.fs13_gray { color:#818181; font-size:13px;}
.fs13 {font-size:13px !important;}
.fs15 {font-size:15px !important;}
.fs17 {font-size:17px !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}

.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; }
.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; }