@charset "utf-8";
/* *******************************************************
* filename : online.css
* description : Online 문의형 게시판 관련 CSS
* date : 2019-10-07
******************************************************** */
/* ****************** 온라인 문의 :: 공통 ********************** */
/* -------- 온라인 문의 :: 공통 :: DatePicker -------- */
/* 달력 :: 날짜선택영역*/
.day-form-con{display:inline-block; margin-left:10px; padding:5px 0; vertical-align:middle;}
.day-form-con:first-child{margin-left:0;}
.date-select-con{position:relative; }
.date-select-con i{position:absolute; top:-1px; left:3px;}
.date-select-con .date-select-input{width:130px; height:30px; border:1px solid #d2d2d2; text-indent:34px; cursor:pointer;}
.day-form-con .hypen{margin:0 3px;}
/* 달력 :: DATEPICKER CUSTOM */
/* datepicker box */
#ui-datepicker-div{width:300px}
.ui-datepicker{background-color:#fff}
/* datepicker header */
.ui-datepicker-header{position:relative;height:47px; line-height:47px; color:#fff; background-color:#434343; text-align:center;}
.ui-datepicker-prev,.ui-datepicker-next{position:absolute; top:0px; cursor:pointer; color:#fff !important;}
.ui-datepicker-prev{left:3%; }
.ui-datepicker-next{right:3%; }
.ui-datepicker-title{color:#fff; font-size:20px; font-weight:600; letter-spacing:-0.3px;}
/* datepicker calendar */
.ui-datepicker-calendar{border:1px solid #ddd; width:100%; box-sizing:border-box; }
/* datepicker calnedar :: 요일 */
.ui-datepicker-calendar thead th{width:14.25%; height:35px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:14px; font-weight:600;}
.ui-datepicker-calendar thead th:first-child{width:14.5%}
.ui-datepicker-calendar thead .ui-datepicker-week-end{color:#0000ff}
.ui-datepicker-calendar thead .ui-datepicker-week-end:first-child{color:#ff0000}
/* datepicker calnedar :: 날짜 */
.ui-datepicker-calendar td{height:36px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:right; vertical-align:top; font-size:14px;}
.ui-datepicker-calendar tr td:first-child{border-left:0;}
.ui-datepicker-calendar td.ui-datepicker-unselectable{color:#ccc} /* 비활성화 */
.ui-datepicker-calendar td .ui-state-default{display:block; width:100%; height:100%; padding:10px; box-sizing:border-box; color:inherit;}
.ui-datepicker-calendar td.ui-datepicker-today, .ui-datepicker-calendar td .ui-state-hover{background:#eee;} /* 마우스오버 */
.ui-datepicker-calendar td .ui-state-active{background-color:#3666aa; color:#fff;} /*active */
/* -------- 온라인 문의 :: 공통 :: 첨부파일 custom -------- */
.file-custom-box input[type="file"] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip:rect(0,0,0,0);
border: 0;
}
.file-custom-box label {
float:right;
width:108px;
height:46px;
color: #999;
font-size: 13.5px;
letter-spacing:-0.5px;
line-height: 46px;
text-align:center;
cursor: pointer;
border: 1px solid #e5e5e5;
vertical-align:middle;
margin-left:-4px;
background-color:#f3f3f3;
}
/* named upload */
.file-custom-box .upload-name {
float:left;
width:calc(100% - 120px);
height:44px;
font-size: 13.5px;
vertical-align:middle;
background-color: #fff;
border: 1px solid #e5e5e5;
-webkit-appearance: none;
text-indent:10px;
/* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
}
.file-catuion-txt{color:#999; font-size:12px; font-weight:300; letter-spacing:-0.3px; line-height:20px; margin-top:10px; word-break:keep-all;}
@media all and (max-width:800px){
/* 문의하기 06 :: 첨부파일 */
.file-custom-box{position:relative; padding-right:80px}
.file-custom-box label{position:absolute; top:0px; right:0px; width: 70px; height:34px; line-height:34px;}
.file-custom-box .upload-name{width:100%; height:32px;}
}
/* ****************** 온라인 문의 :: 문의하기 01 ********************** */
/* cm_bbs_common.css에 있습니다 */
/* ****************** 온라인 문의 :: 문의하기 02 ********************** */
/* 문의하기02 :: 상단 아이콘 및 텍스트영역 */
.inquiry-style02-list-top {display:table; width:100%; margin-bottom: 55px; }
.inquiry-style02-list-top > div {display:table-cell; vertical-align: middle;}
.inquiry-style02-list-top-inner {width:26%; text-align:center;}
.inquiry-style02-list-top-inner dl {display:table; width:100%;}
.inquiry-style02-list-top-inner dt {display:table-cell; vertical-align: middle; width:38%;}
.inquiry-style02-list-top-inner dt img {max-width:100%; margin:0 auto;}
.inquiry-style02-list-top-inner dd {display:table-cell; vertical-align: middle; text-align:left;}
.inquiry-style02-list-top-inner dd h4 {font-size:18px; line-height: 40px; letter-spacing: -0.5px; color:#333333; font-weight: 400;}
.inquiry-style02-list-top-inner dd p {font-size:13.5px; line-height: 20px; letter-spacing: -0.75px; color:#888888}
.inquiry-style02-list-top-inner dd p span {display:block;}
/* 문의하기02 :: 하단신청폼 */
.inquiry-style02-request dl {display:table; width:100%; margin-bottom: 10px; border:1px solid #ddd; background-color:#F7F7F7;}
.inquiry-style02-request dt {display:table-cell; position:relative; width:110px; vertical-align: top; height:48px; padding-left: 2%; font-size:15px; line-height: 48px; letter-spacing: -0.5px; color:#555555;}
.inquiry-style02-request dt::after {content:""; position:absolute; height:12px; width:2px; background-color:#DDDDDD; right:0; top:20px;}
.inquiry-style02-request dd {display:table-cell; vertical-align: top; padding:0 2%;}
.inquiry-style02-request dd input {height:48px; border:0; font-size:15px; letter-spacing: -0.5px; color:#555; font-weight: 300; background-color:#F7F7F7; width:100%;}
.inquiry-style02-request .file dd {vertical-align: middle;}
.inquiry-style02-request .file dd input {height:30px; }
.inquiry-style02-request dd textarea {border:0; width:100%; padding-top: 15px; background-color:#F7F7F7; font-size:15px; letter-spacing: -0.5px; color:#555; font-weight: 300; resize:none;}
.inquiry-style02-request select {border:0; height:48px; }
.inquiry-style02-request p {height:48px; line-height: 48px; font-size:15px; letter-spacing: -0.5px; color:#555;}
.inquiry-style02-request dl.on {border:1px solid #A0CB49; background-color:#fff;}
.inquiry-style02-request dl.on input , .inquiry-style02-request dl.on textarea, .inquiry-style02-request dl.on select {background-color:#fff}
@media all and (max-width:800px){
/* 문의하기02 :: 상단 아이콘 및 텍스트영역 */
.inquiry-style02-list-top {margin-bottom: 30px;}
.inquiry-style02-list-top > .inquiry-style02-dot {display:none;}
.inquiry-style02-list-top-inner {width:33.33%; text-align:center;}
.inquiry-style02-list-top-inner dt {width:auto; display:block; margin-bottom:5px;}
.inquiry-style02-list-top-inner dt img{width:35px;}
.inquiry-style02-list-top-inner dd {width:auto; display:block; overflow:hidden;}
.inquiry-style02-list-top-inner dd h4 {font-size:14px; line-height: 20px; word-break:keep-all; display:block; width:auto; text-align:center;}
.inquiry-style02-list-top-inner dd p {display:none}
.inquiry-style02-list-top-inner dd p span {display:inline;}
/* 문의하기03 :: 하단신청폼 */
.inquiry-style02-request dt {height:40px; width:85px; line-height: 42px; font-size:13px}
.inquiry-style02-request dt::after {top:16px; right:10px;}
.inquiry-style02-request dd input {height:40px; font-size:13px;}
.inquiry-style02-request dd textarea {font-size:13px; padding-top: 13px;}
.inquiry-style02-request p{height:auto; font-size:12px; line-height:20px; padding-bottom:10px; word-break:keep-all;}
}
/* ****************** 온라인 문의 :: 문의하기 03 ********************** */
/* 문의하기 03 :: 상단 */
.inquiry-style03-tit {text-align:center; padding-top: 55px; padding-bottom: 40px;}
.inquiry-style03-tit h3 {font-size:34px; line-height: 45px; letter-spacing: -0.75px; color:#333; font-weight: 500; }
.inquiry-style03-tit p {font-size:13px; line-height: 35px; letter-spacing: 5px; color:#aaa}
/* 문의하기 03 :: 작성폼 */
.inquiry-style03-write-box{margin-bottom:50px;}
.inquiry-style03-write-box dl {display:table; width:100%; margin-bottom: 10px; border:1px solid #ddd; background-color:#F7F7F7;}
.inquiry-style03-write-box dt {display:table-cell; position:relative; width:120px; vertical-align: top; height:48px; padding-left: 15px; font-size:15px; line-height: 48px; letter-spacing: -0.5px; color:#555555;}
.inquiry-style03-write-box dt::after {content:""; position:absolute; height:12px; width:2px; background-color:#ddd; right:0; top:20px;}
.inquiry-style03-write-box dd {display:table-cell; vertical-align: top; padding:0 2%;}
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea{
height:48px; border:0; width:50%; font-size:15px; letter-spacing: -0.5px; color:#555; font-weight: 300; background-color:#F7F7F7;
}
.inquiry-style03-write-box dd textarea {width:100%; height:120px; padding: 15px 0px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; resize:none; }
.inquiry-style03-write-box .file dd {vertical-align: middle;}
.inquiry-style03-write-box .file dd input {height:30px; }
.inquiry-style03-write-box p {height:48px; line-height: 48px; font-size:15px; letter-spacing: -0.5px; color:#555;}
.inquiry-style03-write-box dl.on {border:1px solid #A0CB49; background-color:#fff;}
.inquiry-style03-write-box dl.on input , .inquiry-style03-write-box dl.on textarea, .inquiry-style03-write-box dl.on select {background-color:#fff}
/* 문의하기 03 :: 작성폼 기타 */
.inquiry-style03-write-box .address-fieldset .write-input{margin-top:6px;}
.inquiry-style03-write-box .address-fieldset .write-input:first-child{margin-top:0;}
.inquiry-style03-write-box .address-fieldset .write-input:nth-of-type(2){border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.inquiry-style03-write-box .address-btn{display:inline-block; min-width:114px; padding:0 10px; height:38px; border:1px solid #464646; vertical-align:middle; text-align:center; color:#464646; font-size:14px; font-weight:400; margin-left:10px;}
.inquiry-style03-write-box .address-btn:hover{background-color:#464646; color:#fff;}
@media all and (max-width:800px){
/* 문의하기 03 :: 상단 */
.inquiry-style03-tit {padding-top: 20px; padding-bottom: 15px;}
.inquiry-style03-tit h3 {font-size:25px; line-height: 32px;}
.inquiry-style03-tit p {font-size:11px; line-height: 22px;}
/* 문의하기 03 :: 작성폼 */
.inquiry-style03-write-box dt {width:80px; height:40px; line-height: 40px; font-size:13px}
.inquiry-style03-write-box dt::after {top:16px;}
.inquiry-style03-write-box dd input,
.inquiry-style03-write-box dd select,
.inquiry-style03-write-box dd textarea {height:40px; font-size:13px; font-size:13px;}
.inquiry-style03-write-box dd textarea{height:100px; padding:12px 0;}
.inquiry-style03-write-box .file dd input {margin:5px 0;}
.inquiry-style03-write-box p{height:auto; font-size:12px; line-height:20px; padding-bottom:10px; word-break:keep-all;}
.inquiry-style03-write-box .address-btn{min-width:60px; height:28px; font-size:12px;}
}
/* ****************** 온라인 문의 :: 문의하기 04 ********************** */
/* 문의하기 04 :: 레이아웃 */
.inquiry-style04-box{position:relative; border:1px solid #ddd; padding:30px; margin-bottom:30px;}
.inquiry-style04-box:before{position:absolute; top:-1px; left:50%; width:100px; height:1px; margin-left:-50px; background-color:#c4201f; content:"";}
.inquiry-style04-box .inquiry-tit{font-size:20px; letter-spacing:-0.3px; color:#222; font-size:20px; font-weight:400; text-align:center; margin-bottom:25px;}
/* 문의하기 04 :: Custom Radio */
.inquiry-style04-custom-radio{margin:0 -6px}
.inquiry-style04-custom-radio .radio-item{display:inline-block; vertical-align:middle; margin:3px 6px;}
.inquiry-style04-custom-radio .radio-item input[type="radio"]{display:none;}
.inquiry-style04-custom-radio .radio-item label{display:inline-block; position:relative; padding-left:25px; color:#333; font-size:14.5px; letter-spacing:-0.3px; line-height:20px; }
.inquiry-style04-custom-radio .radio-item label::before{content:""; position:absolute; top:0px; left:0px; width:16px; height:16px; border:2px solid #e6e6e6; background-color:#fff; -webkit-border-radius:16px;-moz-border-radius:16px;-o-border-radius:16px;border-radius:16px;}
.inquiry-style04-custom-radio .radio-item label i{position:absolute; top:0px; left:0px; line-height:20px; text-align:center; display:none; color:#fff; font-size:20px}
.inquiry-style04-custom-radio .radio-item input[type="radio"]:checked + label::before{border-color:#222; background-color:#222;}
.inquiry-style04-custom-radio .radio-item input[type="radio"]:checked + label::after{display:block;}
.inquiry-style04-custom-radio .radio-item input[type="radio"]:checked + label i{display:block;}
/* 문의하기 04 :: 작성폼 (기본온라인문의폼css + 변형) */
.inquiry-style04-tbl{border-top:0}
.inquiry-style04-tbl th,
.inquiry-style04-tbl td{border-bottom:0}
.inquiry-style04-tbl .write-input,
.inquiry-style04-tbl .write-select,
.inquiry-style04-tbl .write-textarea{
height:46px;
}
.inquiry-style04-tbl .write-select{height:50px;}
.inquiry-style04-tbl .write-textarea{width:100%; height:200px; padding:10px; resize:none; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.inquiry-style04-tbl td .red{color:#cf0505;}
.inquiry-style04-box .bbs-write-catuion-txt{font-size:15px; letter-spacing:-0.5px;padding-top:10px; color:#222; font-weight:400; line-height:1.5; padding-left:200px; margin-left:10px;}
@media all and (min-width:801px){
.inquiry-style04-custom-radio-big{margin:0 -10px}
.inquiry-style04-custom-radio-big .radio-item{margin:0 10px;}
.inquiry-style04-custom-radio-big .radio-item label{padding-left:35px; line-height:28px;}
.inquiry-style04-custom-radio-big .radio-item label::before{width:26px; height:26px;}
.inquiry-style04-custom-radio-big .radio-item label i{line-height:30px; left:3px; font-size:24px;}
}
@media all and (max-width:800px){
/* 문의하기 04 :: 레이아웃 */
.inquiry-style04-box{padding:20px 15px; margin-bottom:20px;}
.inquiry-style04-box:before{width:60px; margin-left:-30px;}
.inquiry-style04-box .inquiry-tit{font-size:17px; margin-bottom:15px; font-weight:500;}
/* 문의하기 04 :: 작성폼 (기본온라인문의폼css + 변형) */
.inquiry-style04-tbl td{padding:10px 0; border-bottom:1px solid #ddd; }
.inquiry-style04-box .bbs-write-catuion-txt{padding-left:0; margin-left:0; font-size:13px; word-break:keep-all;}
}
/* ****************** 온라인 문의 :: 문의하기 05 ********************** */
.inquiry-style05 .inquiry-style05-tit h3 {font-size: 25px;font-weight: 300;color:#3a3a3a;margin-bottom: 40px;text-align: center;line-height: 1.5; word-break:keep-all}
.inquiry-style05 .inquiry-style05-tit h3:before {content: "";display: block;width: 1px;height: 30px;background-color: #7d7d7d;margin: 0 auto 15px;}
.inquiry-style05 .inquiry-style05-tit h3 strong {font-weight: 500;}
.inquiry-style05 .essential{color: #c23a3a;margin-right: 5px;}
/* 문의하기 05 :: 왼쪽영역 */
.inquiry-style05-left-box {float: left;width:49%;}
.inquiry-style05-left-box .cs-tel-box {background: #f9eded;border: 1px solid #eed4d4;padding:20px 30px;overflow: hidden;}
.inquiry-style05-left-box .cs-tel-box .team {padding-left:110px;position: relative;box-sizing: border-box;}
.inquiry-style05-left-box .cs-tel-box .team dl dt {position: absolute;font-size:15px ;color: #2a2a2a;left:0;}
.inquiry-style05-left-box .cs-tel-box .team dl dd {font-size:15px;color: #6e6e6e;margin: 10px 0;}
.inquiry-style05-left-box .private-box {border: 1px solid #d9d9d9; margin-top: 10px;}
.inquiry-style05-left-box .private-box .private-box-txt {height:211px; padding:30px; box-sizing: border-box; overflow-y: scroll;line-height: 1.5;}
.inquiry-style05-left-box .private-box .private-agree-txt {line-height: 50px;background-color: #f7f7f7;color: #727272;padding-left: 20px;border-top: 1px solid #d9d9d9;}
/* 문의하기 05 :: 오른쪽영역 */
.inquiry-style05-right-box {float: right;width:49%;color: #868686;}
.inquiry-style05-right-box .input-write-box {border: 1px solid #d9d9d9;margin-top: 10px;padding-left: 50px;position: relative; }
.inquiry-style05-right-box .input-write-box:first-child{margin-top:0;}
.inquiry-style05-right-box .input-write-box .write-input {width:80%;height:48px;line-height: 48px;border: none;padding-left: 10px;}
.inquiry-style05-right-box .input-write-box textarea {width:90%;border: none;padding-left: 10px;padding-top: 20px;height: 191px;resize: none;}
.inquiry-style05-right-box .input-write-box .icon {line-height: 56px;position: absolute; left:15px; top:-2px;}
.inquiry-style05-right-box .input-write-box .icon i{font-size:20px; line-height:50px; position:relative; top:2px;}
@media all and (max-width:800px){
.inquiry-style05 .inquiry-style05-tit h3{font-size:18px; }
.inquiry-style05 .inquiry-style05-tit h3 strong{display:block;}
/* 문의하기 05 :: 왼쪽영역 */
.inquiry-style05-left-box {float: none;width:auto; margin-bottom:30px;}
.inquiry-style05-left-box .cs-tel-box{padding:15px;}
.inquiry-style05-left-box .private-box .private-box-txt{padding:15px; height:100px;}
/* 문의하기 05 :: 오른쪽영역 */
.inquiry-style05-right-box {float: none;width:auto}
}
/* ****************** 온라인 문의 :: 문의하기 06 ********************** */
/* 문의하기 06 :: 견적신청폼 */
.inquiry-style06-wrapper{max-width:485px; padding:50px; border:1px solid #ddd; margin:0px auto; letter-spacing:-0.5px;}
.inquiry-style06-form .estimate-item{margin-top:30px;}
.inquiry-style06-form .estimate-item:first-child{margin-top:0}
.inquiry-style06-form .estimate-item.mt10{margin-top:7px;}
.inquiry-style06-form .estimate-item .estimate-item-tit{color:#444; font-size:15px; font-weight:300; margin-bottom:10px;}
.inquiry-style06-form .estimate-item-clearfix .estimate-item-tit{float:left; width:90px; line-height:44px; margin-bottom:0}
.inquiry-style06-form .estimate-item-clearfix .estimate-input-box{float:left; width:calc(100% - 90px);}
.inquiry-style06-form .estimate-input,
.inquiry-style06-form .estimate-select,
.inquiry-style06-form .estimate-textarea{
width:100%;
height:42px;
border-radius:3px;
text-indent:15px;
color:#888;
font-size:14px;
font-weight:300;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border:1px solid #ddd
}
.inquiry-style06-form .estimate-item .estimate-textarea{height:150px; padding:15px; text-indent:0; resize:none;}
.inquiry-style06-form .estimate-input:focus,
.inquiry-style06-form .estimate-select:focus,
.inquiry-style06-form .estimate-textarea:focus{outline:none; border-color:#0085c4; background-color:#fcfcfc; color:#222;}
/* 문의하기 06 :: 상세 항목 */
.tel-box .estimate-select{float:left; width:30%;}
.tel-box .estimate-input{float:left; width:calc(35% - 15px);}
.tel-box .hypen{float:left; width:15px; text-align:center; font-size:15px; line-height:40px;}
.address-box .address-search-btn{display:inline-block; vertical-align:middle; text-align:center; width:116px; height:42px; line-height:42px; color:#fff; font-size:14px; background-color:#222; border-radius:3px;}
.address-box .address-search-result{float:right; width:calc(100% - 124px); vertical-align:middle;}
.date-box{position:relative;}
.date-box .estimate-input{padding-left:30px;}
.date-box i{position:absolute; top:6px; left:10px; color:#222; font-size:28px; }
.area-cal-box .area-cal-item{
float:left;
position:relative;
width:calc(50% - 25px);
}
.area-cal-box .estimate-input{padding-right:40px}
.area-cal-box .area-cal-item .area-cal-txt{position:absolute; top:0px; right:10px; color:#666; font-size:14px; font-weight:300; line-height:40px;}
.area-cal-box .hypen{float:left; width:50px; text-align:center;}
.area-cal-box .hypen i{transform:rotate(90deg); color:#222; position:relative; top:5px; font-size:30px;}
/* 문의하기 06 :: 커스텀 radio */
.inquiry-style06-custom-radio .radio-item{display:inline-block; vertical-align:middle; margin-left:20px;}
.inquiry-style06-custom-radio .radio-item:first-child{margin-left:0;}
.inquiry-style06-custom-radio .radio-item input[type="radio"]{display:none;}
.inquiry-style06-custom-radio .radio-item label{display:inline-block; position:relative; padding-left:30px; color:#444; font-size:18px;font-weight:300; line-height:25px; vertical-align:middle; }
.inquiry-style06-custom-radio .radio-item label::before{content:""; position:absolute; top:1px; left:0px; width:23px; height:23px; border:1px solid #cfcfcf; background-color:#fff; -webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;border-radius:25px;}
.inquiry-style06-custom-radio .radio-item label::after{display:none; content:""; position:absolute; top:7px; left:6px; width:13px; height:13px; background:#0085c4; -webkit-border-radius:13px;-moz-border-radius:13px;-o-border-radius:13px;border-radius:13px;}
.inquiry-style06-custom-radio .radio-item input[type="radio"]:checked + label{color:#0085c4; font-weight:400;}
.inquiry-style06-custom-radio .radio-item input[type="radio"]:checked + label::before{border-color:#0085c4}
.inquiry-style06-custom-radio .radio-item input[type="radio"]:checked + label::after{display:block;}
/* 문의하기 06 :: 커스텀 radio 2 */
.inquiry-style06-custom-radio2 .checkbox-item{display:inline-block; vertical-align:middle; }
.inquiry-style06-custom-radio2 .checkbox-item input[type="checkbox"]{display:none;}
.inquiry-style06-custom-radio2 .checkbox-item label{display:inline-block; position:relative; color:#666; font-size:15px; font-weight:300; }
.inquiry-style06-custom-radio2 .checkbox-item label i{font-size:24px; color:inherit; vertical-align:middle; margin-top:-3px; margin-right:5px;}
.inquiry-style06-custom-radio2 .checkbox-item label a{color:#0085c4; font-weight:500;}
.inquiry-style06-custom-radio2 .checkbox-item input[type="checkbox"]:checked + label{}
.inquiry-style06-custom-radio2 .checkbox-item input[type="checkbox"]:checked + label i{color:#0085c4}
/* 문의하기 06 :: 동의하기 및 신청버튼*/
.estimate-agree-box{margin:25px 0;}
.estimate-submit-btn{display:block; height:55px; width:100%; background-color:#0085c4; color:#fff; font-size:16px; font-weight:300; border-radius:3px;}
@media all and (max-width:800px){
/* 문의하기 06 :: 견적신청 폼 */
.inquiry-style06-wrapper{padding:15px;}
.inquiry-style06-form .estimate-item{margin-top:15px;}
.inquiry-style06-form .estimate-item-clearfix .estimate-item-tit,
.inquiry-style06-form .estimate-item-clearfix .estimate-input-box{float:none; width:auto;}
/* 문의하기 06 :: 첨부파일 */
.file-custom-box{position:relative; padding-right:80px}
.file-custom-box label{position:absolute; top:0px; right:0px; width: 70px; height:34px; line-height:34px;}
.file-custom-box .upload-name{width:100%; height:32px;}
/* 문의하기 06 :: 동의하기 및 신청버튼*/
.estimate-agree-box{margin:15px 0;}
/* RADIO CUSTOM 01 */
.inquiry-style06-custom-radio .radio-item label{font-size:15px;}
/* RADIO CUSTOM 02 */
.inquiry-style06-custom-radio2 .radio-item label{font-size:13px; padding:6px 8px;}
}
/* ****************** 온라인 문의 :: 문의하기 07 ********************** */
/* 문의하기 01 :: 개인정보취급방침 */
.inquiry-style07-agree-con{margin-bottom:50px;}
.inquiry-style07-agree-con .agree-tit{color:#696969; font-size:22px; letter-spacing:-0.75px; font-weight:500; padding-bottom:15px;}
.inquiry-style07-agree-box{border:1px solid #cecece; height:130px; overflow-y:auto; overflow-x:hidden; padding:20px; background-color:#fff;}
.inquiry-style07-agree-con .agree-txt{font-size:15px; line-height:20px; padding:13px 25px; letter-spacing:-0.65px; color:#414141; background-color:#f1f1f1; border:1px solid #cecece; border-top:0;}
.inquiry-style07-agree-con .agree-txt span{color:#b9272d; font-weight:500;}
.inquiry-style07-essential-txt{text-align:right; color:#373737; font-size:13px; letter-spacing:-0.3px; padding-bottom:15px;}
.inquiry-style07-essential-icon{color:#cf0505; font-size:15px;}
/* 문의하기 01 :: 쓰기, 문의폼 :: 작성영역 */
.inquiry-tbl-style07{width:100%;}
.inquiry-tbl-style07 .write-input,
.inquiry-tbl-style07 .write-select,
.inquiry-tbl-style07 .write-textarea{
height:50px; border:0px; width:50%; background-color:#fff; border:1px solid #d2d2d2; font-size:14px; vertical-align:middle;
}
.inquiry-tbl-style07 .write-input:focus{border-color:#333;}
.inquiry-tbl-style07 .write-input{text-indent:10px;}
.inquiry-tbl-style07 .write-select{height:54px;}
.inquiry-tbl-style07 .write-textarea{width:100%; height:100px; resize:none; padding:20px 0; text-indent:0px;}
.inquiry-tbl-style07-container{width:100%;}
.inquiry-tbl-style07-con{width:100%; padding:20px 0;}
.inquiry-tbl-style07-con dt{font-size:20px; color:#696969; font-weight:500; letter-spacing:-0.65px; padding-bottom:6px;}
.inquiry-tbl-style07-2col{display:table; width:100%;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con{display:table-cell; vertical-align:top; width:50%; padding-left:3%;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con:first-child{padding-left:0; padding-right:3%;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con .write-input{width:100%;}
/* 문의하기 01 :: Custom checkbox */
.inquiry-style04-custom-checkbox{margin:0 -15px;}
.inquiry-style04-custom-checkbox .checkbox-item{display:inline-block; vertical-align:middle; margin:3px 15px;}
.inquiry-style04-custom-checkbox .checkbox-item input[type="radio"]{display:none;}
.inquiry-style04-custom-checkbox .checkbox-item label{display:inline-block; position:relative; vertical-align:middle; color:#949494; font-size:15px; line-height:27px; letter-spacing:-0.65px;}
.inquiry-style04-custom-checkbox .checkbox-item label i{font-size:24px; margin-right:5px; position:relative; top:-1px;}
.inquiry-style04-custom-checkbox .checkbox-item input[type="radio"]:checked + label{color:#f36f21; }
@media all and (max-width:800px){
/* 문의하기 01 :: 개인정보취급방침 */
.inquiry-style07-agree-con{margin-bottom:25px;}
.inquiry-style07-agree-con .agree-tit{font-size:16px;}
.inquiry-style07-agree-box{height:100px; padding:10px;}
.inquiry-style07-agree-con .agree-txt{padding:10px; font-size:12px;}
/* 문의하기 01 :: 쓰기, 문의폼 :: 작성영역 */
.inquiry-tbl-style07-con{padding:10px 0;}
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con,
.inquiry-tbl-style07-2col > .inquiry-tbl-style07-con:first-child{display:block; width:auto; padding-left:0; padding-right:0;}
.inquiry-tbl-style07-con dt{font-size:16px;}
.inquiry-tbl-style07 .write-input,
.inquiry-tbl-style07 .write-select,
.inquiry-tbl-style07 .write-textarea{
height:40px;
}
.inquiry-tbl-style07 .write-textarea{height:120px; padding:10px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
}
/* ****************** 온라인 문의 :: 문의하기 08 ********************** */
.inquiry-style08{padding:50px 15px; background:#333 url(/images/content/main_inquiry_bg.jpg) no-repeat 50% 50%; background-size:cover;}
.inquiry-style08 .inquiry-style08-tit{color:#fff; margin-bottom:30px; font-size:32px; font-weight:500; letter-spacing:-1px;}
/* 온라인문의 08 :: 내용 */
.inquiry-style08 .inquiry-form{width:46.5%; }
.inquiry-style08 .inquiry-form.cm-fr{width:50%;}
.inquiry-style08 .inquiry-form ul li{position:relative; height:62px; padding-left:100px; border-bottom:1px solid #867a77; border-bottom-color:rgba(255,255,255,0.2); }
.inquiry-style08 .inquiry-form ul li:first-child{margin-top:0;}
.inquiry-style08 .inquiry-form .inquiry-data-tit{position:absolute; top:0px; left:0px; width:100px; font-size:16px; font-weight:400; line-height:62px; letter-spacing:-0.5px; color:#fff; opacity:0.5;filter:Alpha(opacity=50);}
.inquiry-style08 .inquiry-form .inquiry-textarea-con .inquiry-data-tit{display:block; position:static; width:auto; line-height:normal; margin-bottom:15px}
.inquiry-style08 .inquiry-form ul li input[type="text"]{height:60px; width:100%; background:none; border:0; color:#fff; font-size:15px;}
.inquiry-style08 .inquiry-form textarea{width:100%; height:210px ; border:1px solid #867a77; border-color:rgba(255,255,255,0.2); color:#fff; font-size:15px; background-color:rgba(255,255,255,0.2); resize:none; box-sizing:border-box; padding:20px;}
/* 온라인문의 08 :: 하단 */
.inquiry-style08 .inquiry-form-bottom-box{clear:both; padding-top:30px; text-align:center;}
.inquiry-style08 .agree-check-box{margin-bottom:30px;}
.inquiry-style08 .agree-check-box label{display:inline-block; vertical-align:middle; color:#fff; font-size:15px; letter-spacing:-0.5px; font-weight:400; margin-right:2px;}
.inquiry-style08 .agree-check-box label a{color:inherit; display:inline-block; border-bottom:1px solid #fff;}
.inquiry-style08 .agree-check-box label i{display:inline-block; vertical-align:middle; width:18px; height:18px; font-size:18px; position:relative; top:-1px; border:1px solid #fff; line-height:18px; opacity:0.2;filter:Alpha(opacity=20); margin-right:5px;}
.inquiry-style08 .agree-check-box input{display:none}
.inquiry-style08 .agree-check-box input:checked + label i{opacity:1.0;filter:Alpha(opacity=100);}
.inquiry-style08 .inquiry-form ul li .inquiry-agree-btn{position:absolute; top:0px; right:0px; width:160px; height:44px; line-height:44px; padding:0 12px 0 20px; background-color:#f0612a; color:#fff;}
.inquiry-style08 .inquiry-form ul li .inquiry-agree-btn em{float:left; font-size:13px; font-weight:500;}
.inquiry-style08 .inquiry-form ul li .inquiry-agree-btn i{float:right; line-height:44px; opacity:0.75;filter:Alpha(opacity=75);}
.inquiry-style08 .inquiry-submit-btn{display:inline-block; background-color:#fff; width:250px; height:50px; color:#f0612a; line-height:50px; font-size:18px; -webkit-transition:background-color 0.5s, color 0.5s;-moz-transition:background-color 0.5s, color 0.5s;-o-transition:background-color 0.5s, color 0.5s;-ms-transition:background-color 0.5s, color 0.5s;transition:background-color 0.5s, color 0.5s; }
.inquiry-style08 .inquiry-submit-btn:hover{background-color:#f0612a; color:#fff;}
@media all and ( max-width: 800px ){
.inquiry-style08 .inquiry-style08-tit{font-size:20px; margin-bottom:20px;}
.inquiry-style08 .inquiry-form,
.inquiry-style08 .inquiry-form.cm-fr{float:none; width:auto;}
.inquiry-style08 .inquiry-form.cm-fr{margin-top:10px;}
/* 온라인문의 08 :: 내용 */
.inquiry-style08 .inquiry-form ul li{height:50px; padding-left:70px; }
.inquiry-style08 .inquiry-form .inquiry-data-tit{width:70px; font-size:13px; line-height:50px;}
.inquiry-style08 .inquiry-form ul li input[type="text"]{height:48px; font-size:12px;}
.inquiry-style08 .inquiry-form textarea{height:120px;}
/* 온라인문의 08 :: 하단 */
.inquiry-style08 .agree-check-box label{font-size:12px;}
.inquiry-style08 .inquiry-submit-btn{width:100%; max-width:480px; font-size:15px;}
}
/* ****************** 온라인 문의 :: 문의하기 09 ********************** */
.inquiry-style09 {display: flex;}
.inquiry-style09 .inquiry-txt-con,
.inquiry-style09 .bbs-write-con {width: 50%;}
.inquiry-style09 .inquiry-tit {font-size: 3.8rem; font-weight: 700; line-height: 1.4em; letter-spacing: -0.05em; color: #222;}
.inquiry-style09 .inquiry-txt {font-size: 1.8rem; font-weight: 500; line-height: 1.7em; letter-spacing: -0.05em; color: #666; padding-top: 1.5rem;}
.inquiry-style09 .cm-btn-controls{ justify-content:center;}
.inquiry-style09 button.btn-style01{width: 24rem; height: 6rem; border: 0; font-size: 1.8rem; letter-spacing: -0.05em; font-weight: 700; margin: 0; border-radius: 3rem;}
.inquiry-style09 button.btn-style01:hover{background-color: #000; color: #fff;}
.inquiry-style09 .inquiry-essential-txt {color: #121212; font-size: 1.6rem; font-weight: 700;}
.inquiry-style09 .essential-icon {background-color: var(--main-color); margin-left: 0.3em; margin-bottom: 1rem; display: inline-block; width: 5px; height: 5px; border-radius: 50%;}
.inquiry-style09 .bbs-write-tbl,
.inquiry-style09 .bbs-write-tbl th{border: 0; padding: 7px 0;}
.inquiry-style09 .bbs-write-tbl td{border: 0; padding: 7px 0 7px 15px;}
.inquiry-style09 .bbs-write-tbl th.alignTop {vertical-align: top;}
.inquiry-style09 .bbs-write-tbl .write-input,
.inquiry-style09 .bbs-write-tbl .write-select,
.inquiry-style09 .bbs-write-tbl .write-textarea{height:5rem; width:100%; background-color:#f4f4f4; border:1px solid #f4f4f4; font-size:1.6rem; color: #666; text-indent:1em; vertical-align:middle; box-sizing:border-box; border-radius: 25px; padding: 0 1.3rem;}
.inquiry-style09 .bbs-write-tbl .write-input:focus,
.inquiry-style09 .bbs-write-tbl .write-select:focus,
.inquiry-style09 .bbs-write-tbl .write-textarea:focus{border:1px solid #333; background-color:#fff; outline:none;}
.inquiry-style09 .bbs-write-tbl .write-textarea{height:20rem; resize:none; text-indent:0; padding:2rem 3rem;}
.inquiry-style09 .email-fieldset .write-input,
.inquiry-style09 .email-fieldset .write-select{width:calc(50% - 25px) !important;}
.inquiry-style09 .security-code-box{border-radius: 30px; max-width: 500px;}
.inquiry-style09 .bbs-inquiry-agree-con{margin-bottom:5rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 3.5rem 0;}
.inquiry-style09 .bbs-write-tbl-box + .bbs-inquiry-agree-con{margin-top:5rem;}
.inquiry-style09 .inquiry-agreement-con{height:220px; overflow-y:auto; overflow-x:hidden; padding:2rem; background-color:#f6f6f6; box-sizing:border-box;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt{display: flex; align-items: center; justify-content: space-between; position: relative; padding-top: 0; margin-top:0;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more {display: flex; align-items: center; font-size: 1.4rem; font-weight: 600; line-height: 1em; letter-spacing: -0.05em; color: #666; cursor: pointer;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more i {font-size: 1.8rem; padding-left: 0.7rem; width: 1.8rem; height: 1.8rem; display: inline-block;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more i::before {width: 1.8rem; height: 1.8rem; display: inline-block;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-inner {margin-top: 3rem;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt:first-child{margin-top:0}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt input{display:none;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt label{position:relative; padding-left:2.6rem; font-size: 1.8rem; font-weight: 600; line-height: 1.5em; letter-spacing: -0.05em; color: #121212; display: block;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt > i {position: absolute; top: 0.5rem; right: 0; font-size: 1.8rem; color: #222;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt label i{position:absolute; top: 0.55rem; left:0px; font-size:2rem; color:#ddd;}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt .more i.rotate::before {content: "\e932";}
.inquiry-style09 .bbs-inquiry-agree-con .agree-txt input:checked + label i{color:#000;}
/* 보안코드 */
.security-code-box{flex-wrap: nowrap !important; position: relative; padding: 0 1rem 0 2.5rem; height: 6rem; background-color: #f6f6f6; border: 0; border-radius: 0.5rem; box-sizing: border-box; display: flex; align-items: center;}
.security-code-box .security-code{width: 10rem; font-size: 1.6rem; letter-spacing: -0.015em; color: #000;}
.security-code-box .write-input{width: calc(100% - 10rem); max-width: 31rem; height: 4.5rem !important; background-color: #fff !important;}
@media all and (max-width: 800px) {
.inquiry-style09 {flex-direction: column;}
.inquiry-style09 .inquiry-txt-con, .inquiry-style09 .bbs-write-con {width: 100%;}
.inquiry-style09 .bbs-write-tbl td{padding-left: 0;}
.inquiry-style09 .inquiry-txt-con {margin-bottom: 6rem;}
}