@import url(reset.css);
@import url(font.css);

/*PC*/
@import url(uahan_pc.css) screen and (min-width:1201px);
@import url(sub01_pc.css) screen and (min-width:1201px);

/*tablet*/
@import url(uahan_tablet.css) screen and (min-width:769px) and (max-width:1200px);
@import url(sub01_tablet.css) screen and (min-width:769px) and (max-width:1200px);

/*mobile*/
@import url(uahan_mobile.css) screen and (max-width:768px);
@import url(sub01_mobile.css) screen and (max-width:768px);


body {font-family: 'Noto Sans KR', sans-serif;}

.xefu-container.xe-clearfix {text-align: center;}
.xefu-dropzone {height: 130px !important;}
.xefu-btn {height: auto !important; margin-top: 30px; padding: 10px 12px !important;}
.xefu-dropzone:hover .upload_info, 
.in .xefu-dropzone .upload_info, 
.hover .xefu-dropzone .upload_info, 
.fade .xefu-dropzone .upload_info {display: block !important;}


input.xefu-btn, button.xefu-btn {height: auto !important;}

.top_area.ngeb {text-align: center;}
.top_area.ngeb h1 {display: inline-block; font-size: 20px;}
.top_area.ngeb div.fr {display: block; float:none !important}
.top_area.ngeb span.date.m_no {display: block; float:none !important}

.btm_area.clear {text-align: center;}
.btm_area.clear div.fr{display: inline-block; float:none !important}
/* .m_no {display: none;} */



.cnb3 {padding-left: 50px; margin-bottom: 30px;}
.cnb3 .on > a {background: #505153;color: #fff;border:1px solid transparent}
.cnb3 a {padding: 13px 20px;
    font-size: 16px;min-width: 130px;
    border: 1px solid #505153;
    background: #fff;
    color: #444445;
	min-width:auto
	}

.get_editor > div {background: #fff !important;}
.bd_tmb_lst p { text-align: left;max-height:80px !important}
.bd_tmb_lst p b {font-size: 14px;}
.bd_tmb_lst p .category_km {color: #777; font-size: 14px;line-height: 30px;}


@media screen and (max-width:2600px){
/* main 견적문의 */
.center_box {max-width: 1400px; margin: 0 auto;}


.cke_1 .cke_top {display: none;}
.cke_1 .cke_bottom {display: none;}
/* .extraVarsList {display: flex;} */
.extraVarsList {border-top:0 !important}
.extraVarsList th:first-child {display: none; width: 0 !important;}
.extraVarsList tr:nth-child(2),
.extraVarsList tr:nth-child(3),
.extraVarsList tr:nth-child(4) {width: 33.333% !important; float: left; }

.extraVarsList tr:nth-child(1) td ul {font-size: 0;}
.extraVarsList tr:nth-child(1) td ul li {width: 25%; box-sizing:border-box; font-size: 16px; text-align: center; margin-bottom: 60px;}
/* .extraVarsList tr td ul li input[type=checkbox] {display: none;} */

.extraVarsList tr:first-child td ul li:nth-child(1):before {content:""; width: 98%; height: 140px; background:url(../images/price_img1.jpg) center; display: block; margin-bottom: 18px; background-size: cover;}
.extraVarsList tr:first-child td ul li:nth-child(2):before {content:""; width: 98%; height: 140px; background:url(../images/price_img2.jpg) center; display: block; margin-bottom: 18px; background-size: cover;}
.extraVarsList tr:first-child td ul li:nth-child(3):before {content:""; width: 98%; height: 140px; background:url(../images/price_img3.jpg) center; display: block; margin-bottom: 18px; background-size: cover;}
.extraVarsList tr:first-child td ul li:nth-child(4):before {content:""; width: 98%; height: 140px; background:url(../images/price_img4.jpg) center; display: block; margin-bottom: 18px; background-size: cover;}
.extraVarsList tr:first-child td ul li:nth-child(5):before {content:""; width: 98%; height: 140px; background:url(../images/price_img5.jpg) center; display: block; margin-bottom: 18px; background-size: cover;}
.extraVarsList tr:first-child td ul li:nth-child(6):before {content:""; width: 98%; height: 140px; background:url(../images/price_img6.jpg) center; display: block; margin-bottom: 18px; background-size: cover;}
.extraVarsList tr:first-child td ul li:nth-child(7):before {content:""; width: 98%; height: 140px; background:url(../images/price_img7.jpg) center; display: block; margin-bottom: 18px; background-size: cover;}
.extraVarsList tr:first-child td ul li:nth-child(8):before {content:""; width: 98%; height: 140px; background:url(../images/price_img8.jpg) center; display: block; margin-bottom: 18px; background-size: cover;}
.extraVarsList td li {margin-right: 0 !important;}

.extraVarsList tr:nth-child(2) td,
.extraVarsList tr:nth-child(3) td,
.extraVarsList tr:nth-child(4) td {width: 33.333%; float: left;}

.extraVarsList tr:nth-child(1) td:before {content:"간판 및 광고물 종류 (다중선택 가능) *"; font-size: 16px; color: #222; display: block; margin-bottom: 10px; font-weight: bold;}

.extraVarsList tr:nth-child(2) td:before {content:"성함 *"; font-size: 16px; color: #222; display: block; margin-bottom: 10px; font-weight: bold;}
.extraVarsList tr:nth-child(3) td:before {content:"연락처 *"; font-size: 16px; color: #222;display: block; margin-bottom: 10px; font-weight: bold;}
.extraVarsList tr:nth-child(4) td:before {content:"상호명 *"; font-size: 16px; color: #222;display: block; margin-bottom: 10px; font-weight: bold;}
.extraVarsList tr:nth-child(5) td:before {content:"주소 *"; font-size: 16px; color: #222;display: block; margin-bottom: 10px; font-weight: bold;}
.extraVarsList tr:nth-child(6) td:before {content:"예산"; font-size: 16px; color: #222;display: block; margin-bottom: 10px; font-weight: bold;}
.extraVarsList tr:nth-child(7) td:before {content:"문의내용 *"; font-size: 16px; color: #222;display: block; margin-bottom: 10px; font-weight: bold;}

.extraVarsList tr:nth-child(2) td input,
.extraVarsList tr:nth-child(3) td input,
.extraVarsList tr:nth-child(4) td input[type='text'] {width: 240%; border:1px solid #cccccc; box-sizing: border-box; height: 37px; border-radius:5px;}

.extraVarsList tr:nth-child(5) td input,
.extraVarsList tr:nth-child(6) td input {width: 100%; border:1px solid #cccccc; box-sizing: border-box; height: 37px; border-radius:5px;}


.extraVarsList th, .extraVarsList td {border:0 !important}
.extraVarsList .xefu-dropzone p {display: none;}
.cke_chrome {box-shadow:none !important; border-radius:5px; border:1px solid #cccccc !important;}
.cke_inner,
.cke_wysiwyg_frame, .cke_wysiwyg_div {background: none !important;}

.xpress-editor #smart_content {border-radius:5px}
.xpress-editor .tool {display: none;}
button.input_control.xpress_xeditor_editingArea_verticalResizer {display: none;}
span.input_auto.xpress_xeditor_ui_editorresize {display: none;}
}


@media screen and (max-width:1200px){
.extraVarsList tr:nth-child(2) td input,
.extraVarsList tr:nth-child(3) td input,
.extraVarsList tr:nth-child(4) td input[type='text'] {width: 30vw; border:1px solid #cccccc; box-sizing: border-box; height: 37px; border-radius:5px; }

}
@media screen and (max-width:1000px){
.extraVarsList tr:nth-child(2) td input,
.extraVarsList tr:nth-child(3) td input,
.extraVarsList tr:nth-child(4) td input[type='text'] {width: 28vw; border:1px solid #cccccc; box-sizing: border-box; height: 37px; border-radius:5px; }

}

@media screen and (max-width:900px){

.extraVarsList tr:nth-child(1) td ul li {width: 50%; box-sizing:border-box; font-size: 16px; text-align: center; margin-bottom: 60px;}
.extraVarsList tr:first-child td ul li:before {content:url(../images/price_img1.jpg); background-size:50%;}


.cnb3 {padding-left: 0px; margin-bottom: 30px;}

.center_box {max-width: 1200px; margin: 0 auto;}


.cke_1 .cke_top {display: none;}
.cke_1 .cke_bottom {display: none;}
/* .extraVarsList {display: flex;} */
.extraVarsList {border-top:0 !important;}
.extraVarsList th:first-child {display: block; width: auto !important;}

.extraVarsList tr:nth-child(2),
.extraVarsList tr:nth-child(3),
.extraVarsList tr:nth-child(4) {width: 100% !important; float: none; }

.extraVarsList tr:nth-child(2) td,
.extraVarsList tr:nth-child(3) td,
.extraVarsList tr:nth-child(4) td {width: 100% !important; float: none;}

.extraVarsList tbody tr:nth-child(3) td ul {font-size: 0;}
.extraVarsList tbody tr:nth-child(3) td ul li {width: 25%; box-sizing:border-box; font-size: 16px; text-align: center; margin-bottom: 30px;}
/* .extraVarsList tr td ul li input[type=checkbox] {display: none;} */


.extraVarsList tr:nth-child(3) td ul li:nth-child(1):before {content:""; width: 98%; height: 100px; background:url(../images/price_img1.jpg) center; display: block; background-size: cover;}
.extraVarsList tr:nth-child(3) td ul li:nth-child(2):before {content:""; width: 98%; height: 100px; background:url(../images/price_img2.jpg) center; display: block; background-size: cover;}
.extraVarsList tr:nth-child(3) td ul li:nth-child(3):before {content:""; width: 98%; height: 100px; background:url(../images/price_img3.jpg) center; display: block; background-size: cover;}
.extraVarsList tr:nth-child(3) td ul li:nth-child(4):before {content:""; width: 98%; height: 100px; background:url(../images/price_img4.jpg) center; display: block; background-size: cover;}
.extraVarsList tr:nth-child(3) td ul li:nth-child(5):before {content:""; width: 98%; height: 100px; background:url(../images/price_img5.jpg) center; display: block; background-size: cover;}
.extraVarsList tr:nth-child(3) td ul li:nth-child(6):before {content:""; width: 98%; height: 100px; background:url(../images/price_img6.jpg) center; display: block; background-size: cover;}
.extraVarsList tr:nth-child(3) td ul li:nth-child(7):before {content:""; width: 98%; height: 100px; background:url(../images/price_img7.jpg) center; display: block; background-size: cover;}
.extraVarsList tr:nth-child(3) td ul li:nth-child(8):before {content:""; width: 98%; height: 100px; background:url(../images/price_img8.jpg) center; display: block; background-size: cover;}
.extraVarsList td li {margin-right: 0 !important;}



.extraVarsList tr:nth-child(2) td:before {display: none;}
.extraVarsList tr:nth-child(3) td:before {content:"간판 및 광고물 종류 (다중선택 가능) *"; font-size: 16px; color: #222; display: block; margin-bottom: 10px; font-weight: bold; display: none;}
.extraVarsList tr:nth-child(4) td:before {content:"성함 *"; font-size: 16px; color: #222; display: block; margin-bottom: 10px; font-weight: bold; display: none;}
.extraVarsList tr:nth-child(5) td:before {content:"연락처 *"; font-size: 16px; color: #222;display: block; margin-bottom: 10px; font-weight: bold; display: none;;}
.extraVarsList tr:nth-child(6) td:before {content:"상호명 *"; font-size: 16px; color: #222;display: block; margin-bottom: 10px; font-weight: bold; display: none;;}
.extraVarsList tr:nth-child(7) td:before {content:"주소 *"; font-size: 16px; color: #222;display: block; margin-bottom: 10px; font-weight: bold; display: none;;}
.extraVarsList tr:nth-child(8) td:before {content:"예산"; font-size: 16px; color: #222;display: block; margin-bottom: 10px; font-weight: bold; display: none;;}
.extraVarsList tr:nth-child(9) td:before {content:"문의내용 *"; font-size: 16px; color: #222;display: block; margin-bottom: 10px; font-weight: bold; display: none;;}
.extraVarsList tr:nth-child(2) td input,
.extraVarsList tr:nth-child(3) td input,
.extraVarsList tr:nth-child(4) td input[type='text'] {width: 100%; border:1px solid #cccccc; box-sizing: border-box; height: 37px; border-radius:5px;}

.extraVarsList tr td input {width: 100%; border:1px solid #cccccc; box-sizing: border-box; height: 37px; border-radius:5px;}


.extraVarsList tr td input[type='checkbox'] {width: 16px;}

.extraVarsList th, .extraVarsList td {border:0 !important}
.extraVarsList .xefu-dropzone p {display: none;}
.cke_chrome {box-shadow:none !important; border-radius:5px; border:1px solid #cccccc !important;}
.cke_inner,
.cke_wysiwyg_frame, .cke_wysiwyg_div {background: none !important;}

.xpress-editor #smart_content {border-radius:5px}
.xpress-editor .tool {display: none;}
button.input_control.xpress_xeditor_editingArea_verticalResizer {display: none;}
span.input_auto.xpress_xeditor_ui_editorresize {display: none;}
.extraVarsList tr:nth-child(3) td ul li {width: 50% !important; box-sizing:border-box; font-size: 16px; text-align: center; margin-bottom: 60px;}

/* td div[id^="ckeditor"] {min-height:0 !important} */


.cnb3>li {width: 50%;}
}


@media (max-width: 481px){
	.m_btn {width: 90%; height: 100px; margin: 3px auto; font-size: 18px;}
}