@charset "utf-8";

/* estimate */
.estimate { display:grid; grid-template:auto / 40% calc(60% - 20px); gap:20px; }
.estimate .intro { position:sticky; top:0; height:100vh; padding-top:80px; }
.estimate .intro .tit_txt { margin-bottom:60px; font-size:2rem; font-weight:500; line-height:1.5; word-break:keep-all; }
.estimate .intro .tit_txt strong { font-weight:900; }
.estimate .intro .cp_con { }
.estimate .intro .cp_con .tit { margin:50px 0 8px; font-family:"Montserrat"; font-size:1.5rem; font-weight:700; line-height:1.5; }
.estimate .intro .cp_con .txt { font-size:1.125rem; word-break:keep-all; }
.estimate .intro .cp_con .txt + .txt { margin-top:4px; }
.estimate .intro .cp_con .txt svg { width:20px; margin-right:8px; vertical-align:middle; }
.estimate .con { margin-top:20px; padding:0; color:#fff; }
.estimate_require { margin-bottom:40px; text-align:right; color:#999; font-size:1.25rem; }
.estimate_require span { color:var(--theme-color); }
.estimate label { display:inline-block; margin:0; cursor:default; }
.estimate textarea { min-height:400px; }
.estimate *::placeholder { color:#999; font-weight:400; }
.estimate .req { display:inline-block; position:relative; margin:0 6px; text-indent:-9999em; color:var(--theme-color); font-weight:700; }
.estimate .req::before { content:"*"; position:absolute; padding:0; top:50%; left:-50%; transform:translate(-50%, -50%); text-indent:0; }
.estimate_unit + .estimate_unit { margin:100px 0 0; }
.estimate_unit > .form-group { margin-bottom:0; }
.estimate_unit > .form-group > .h5 { margin-bottom:40px; font-size:1.5rem; letter-spacing:0; }
.estimate_unit > .form-group > .h5 > small { display:inline-block; vertical-align:middle; font-size:1.25rem; color:#999; }
.estimate_unit .form-row + .form-row { margin-top:48px !important; }
.estimate_unit .entry .form-row + .form-row { margin-top:20px !important; }
.estimate_unit .custom-control-group > .row.sel_type { gap:10px; margin:0 !important; }
.estimate_unit .custom-control-group > .row.sel_type > .col { flex-basis:unset; width:calc(20% - 10px); }
.estimate_unit .custom-control-group > .row > .col { padding:0 !important; }
.estimate_unit .custom-control-group > .row > .col > .custom-control { padding:0; }
.estimate_unit .custom-control-group > .row > .col > .custom-control > .custom-control-label { display:block; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap:wrap; flex-wrap:wrap; line-height:1.5; width:100%; margin:0; border:1px solid #333; text-align:center; cursor:pointer; transition:all 0.25s ease-in-out; }
.estimate_unit .custom-control-group > .row > .col > .custom-control > .custom-control-label::before,
.estimate_unit .custom-control-group > .row > .col > .custom-control > .custom-control-label::after { content:none; }
.estimate_unit .custom-control-group > .row > .col > .custom-control > .custom-control-input:hover ~ .custom-control-label,
.estimate_unit .custom-control-group > .row > .col > .custom-control > .custom-control-input:checked ~ .custom-control-label { border:1px solid #fff; }
.estimate_unit .custom-control-group > .row > .col > .custom-control > .custom-control-input:checked ~ .custom-control-label { border:1px solid #efefef; background-color:rgba(255, 255, 255, .2); }
.estimate_unit .custom-control-group > .row > .col > .custom-ico > .custom-control-label { /* height:116px; */ min-height:143px; font-size:0.938rem; padding:76px 0px 20px; word-break:keep-all; background-position:center 18px; background-repeat:no-repeat; background-size:40px 40px; }
.estimate_unit .custom-control-group > .row > .col:nth-child(1) > .custom-ico > .custom-control-label { background-image:url("../img/ico_custom_1.svg"); }
.estimate_unit .custom-control-group > .row > .col:nth-child(2) > .custom-ico > .custom-control-label { background-image:url("../img/ico_custom_2.svg"); }
.estimate_unit .custom-control-group > .row > .col:nth-child(3) > .custom-ico > .custom-control-label { background-image:url("../img/ico_custom_3.svg"); }
.estimate_unit .custom-control-group > .row > .col:nth-child(4) > .custom-ico > .custom-control-label { background-image:url("../img/ico_custom_4.svg"); }
.estimate_unit .custom-control-group > .row > .col:nth-child(5) > .custom-ico > .custom-control-label { background-image:url("../img/ico_custom_5.svg"); }
.estimate_unit .custom-control-group > .row > .col:nth-child(6) > .custom-ico > .custom-control-label { background-image:url("../img/ico_custom_6.svg"); }
.estimate_unit .custom-control-group > .row > .col:nth-child(7) > .custom-ico > .custom-control-label { background-image:url("../img/ico_custom_7.svg"); }
.estimate_unit .custom-control-group > .row > .col:nth-child(8) > .custom-ico > .custom-control-label { background-image:url("../img/ico_custom_8.svg"); }
.estimate_unit .custom-control-group > .row > .col:nth-child(9) > .custom-ico > .custom-control-label { background-image:url("../img/ico_custom_9.svg"); }
.estimate_unit .custom-control-group > .row > .col:nth-child(10) > .custom-ico > .custom-control-label { background-image:url("../img/ico_custom_10.svg"); }
/* .estimate_unit .form-helper { margin-bottom: 1rem; font-weight: 300; font-size: 0.875rem; color: rgba(0,0,0,0.3); }
#notyet { background-color: transparent; border-color:rgba(0,0,0,0.2); } */

/* Bootstrap Patch */
.custom-select { height:68px; padding:20px; color:#999; font-size:1.125rem; font-weight:400; border:0 none; border-radius:0; background:#191919 url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 1664 1312"%3E%3Cpath fill="white" d="m1619 552l-742 741q-19 19-45 19t-45-19L45 552q-19-19-19-45.5T45 461l166-165q19-19 45-19t45 19l531 531l531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"%2F%3E%3C%2Fsvg%3E') right 20px center/24px 12px no-repeat; }
.btn { width:68px; height:68px; color:#fff; line-height:1.5; border-radius:0; border:1px solid transparent; }
.btn:focus,
.btn.focus { box-shadow:none; }
.btn:hover i::before,
.btn:focus i::before { color:#fff; }
.btn.btn-outline-secondary { border-color:#fff; }
.btn.btn-outline-info { border-color:#fff; color:#fff; }
.btn.btn-outline-info:hover{ background:none; }
.btn.btn-outline-secondary:hover{ background:none; }
.border { border-color:#fff; }
.custom-file-label,
.custom-file-label::after,
.form-control { height:68px; padding:20px; color:#999; font-size:1.125rem; font-weight:400; background-color:#191919; border:0 none; border-radius:0; }
.custom-file-label::after { content:"파일 선택" !important; height:68px; padding:20px; line-height:1.4; }
.custom-file { height:68px; }
.custom-file-label { height:100%; padding:20px; line-height:1.4; color:#999; border-radius:0; border:0 none; }
.custom-file-label:focus,
.custom-select:focus,
.form-control:focus { color:#999; box-shadow:none; border-color:transparent; outline:0; background-color:#191919; }
.custom-control { cursor:pointer; }
.custom-control-input { width:1.5rem; height:1.5rem; }
.custom-control-label { margin-bottom:0 !important; cursor:pointer; }
.custom-control-label::before { width:1.5rem; height:1.5rem; top:0; left:-2rem; background-color:transparent; }
.custom-control-label::after { width:1.5rem; height:1.5rem; top:0; left:-2rem; }
.custom-control-inline { margin-right:1.5rem; }
.custom-file,
.custom-file-input { background-color:#191919; outline:0 none !important; }
.custom-file-input { }
.custom-checkbox .custom-control-label::before { top:50%; transform:translateY(-50%); border-radius:0; border-color:#fff; }

/* 우리와 함께 하고 싶은 서비스는 무엇인가요? */
.estimate_unit.es_service .custom-control-group { margin-bottom:40px; }
.estimate_unit.es_service > .form-group .form-group > label { margin-bottom:16px; font-size:1.25rem; font-weight:700; line-height:1.5; }

/* 프로젝트 정보를 입력해주세요. */
.estimate_unit.es_budget {}
.estimate_unit.es_budget > .form-group .form-group > label { margin-bottom:16px; font-size:1.25rem; font-weight:700; line-height:1.5; }

/* 우리와 함께 할 프로젝트에 대해 자세히 알려주세요. */
#dm_content { position:relative; padding:20px; padding-bottom:120px; color:#999; font-size:1.125rem; font-weight:400; resize:none; border-color:transparent; background-color:#191919; word-break:keep-all; }
/* .estimate .add_files { display:block; position:absolute; bottom:20px; left:24px; border-radius:50%; width:80px; height:80px; background:#fff url("../img/Upload.png") center center no-repeat; text-indent:-9999em; cursor:pointer; overflow:hidden; }
.estimate .add_files:focus,
.estimate .add_files:hover { opacity:0.75; }*/

/* 우리와 함께 할 당신을 소개해주세요. */
.estimate_unit.es_manager > .form-group .form-group > label { margin-bottom:16px; font-size:1.25rem; font-weight:700; line-height:1.5; }
.estimate_unit.es_manager .es_agree {}
.estimate_unit.es_manager .privacyButton { border:0; background:none; color:#fff; padding:0; border-bottom:1px solid #fff; height:auto; line-height:1; font-size:0.938rem; }
.estimate_unit.es_manager .form-group + .form-group { margin-top:20px; }

/* 문의하기 버튼 */
.estimate_buttons { margin:80px 0; text-align:center; }
.estimate_buttons .btn { display:inline-block; position:relative; width:300px; height:68px; font-weight:700; font-size:1.125rem; transition:all 0.25s; border:0; border-radius:60px; overflow:hidden; z-index:1; }
.estimate_buttons .btn:hover,
.estimate_buttons .btn:focus { color:var(--theme-color); }
.estimate_buttons .btn::after { content:""; position:absolute; left:0; top:0; width:0; height:100%; opacity:0; background-color:#000; border-radius:60px; transition:all 0.3s ease; overflow:hidden; z-index:-1; }
.estimate_buttons .btn:hover::after { width:100%; opacity:1; }
.estimate_buttons .btn_submit { background-color:var(--theme-color); }
.estimate_buttons .btn_submit::after { border:2px solid var(--theme-color); }

/* Utility */
.efface { opacity:0.375; }
.efface .form-control { border-color:#dc3545; color:#dc3545; }

/* 개인정보처리방침 */
#privacyModal {}
#privacyModal .modal-content { background-color:#111; color:#fff; border:1px solid rgba(255, 255, 255, 0.2); border-radius:10px; }
#privacyModal .modal-body { padding:20px; }
#privacyModal .modal-title { margin-bottom: 1.5rem; font-size:1.563rem; }
#privacyModal .close { position:absolute; top:10px; right:10px; color:#fff; text-shadow:none; }
#privacyModal .cont_term .top_box { background:transparent; }
#privacyModal .privacy .sec1 { padding:0; }
#privacyModal .cont_term .top_box,
#privacyModal .cont_term .content-box,
#privacyModal .privacy div.content-box { background-color:#191919; border:1px dashed rgba(255,255,255,0.2); }

/* Media Query */
@media (max-width: 1540px) {
	.estimate { padding:0 20px; }
	.estimate_unit .custom-control-group > .row.sel_type > .col { width:calc(33.33% - 10px); }
	.estimate_unit .custom-control-group > .row > .col > .custom-ico > .custom-control-label { /* height:80px; */ min-height:110px; padding:50px 12px 15px; font-size:0.875rem; background-position:center 10px; background-size:30px 30px; }
}
@media (min-width: 1200px) {
}
@media (max-width: 1200px) {
	/* Bootstrap Patch */
	.custom-select { height:48px; padding:10px; font-size:0.875rem; background:#191919 url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="18" height="18" viewBox="0 0 1664 1312"%3E%3Cpath fill="white" d="m1619 552l-742 741q-19 19-45 19t-45-19L45 552q-19-19-19-45.5T45 461l166-165q19-19 45-19t45 19l531 531l531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"%2F%3E%3C%2Fsvg%3E') right 10px center/18px 10px no-repeat; }
	.btn { width:48px; height:48px; padding:5px; font-size:0.875rem; }
	.custom-file-label,
	.custom-file-label::after,
	.form-control { height:48px; padding:10px; font-size:0.875rem; }
	.custom-file-label,
	.custom-file-label::after { line-height:calc(48px - 10px - 10px); }
	.custom-file-label::after { height:48px; padding:10px; }
	.custom-file,
	.custom-file-input { height:48px; }
	.custom-control { min-height:1rem; padding-left:1rem; }
	.custom-control-input { width:1rem; height:1rem; }
	.custom-control-label::before { width:1rem; height:1rem; left:-1rem; }
	.custom-control-label::after { width:1rem; height:1rem; left:-1rem; }
	.custom-control-inline { margin-right:1rem; }

	/* estimate */
	.estimate .intro .tit_txt { margin-bottom:30px; font-size:1.375rem; }
	.estimate .intro .cp_con .tit { margin:30px 0 8px; font-size:1.125rem; }
	.estimate .intro .cp_con .txt { font-size:0.938rem; }
	.estimate .intro .cp_con .txt svg { width:18px; margin-right:5px; }
	.estimate_require { font-size:1.125rem; }
	.estimate textarea { min-height:200px; }
	.estimate label { font-size:0.875rem; }
	.estimate_unit > .form-group > .h5 { margin-bottom:30px; font-size:1.25rem; }
	.estimate_unit > .form-group > .h5 > small { font-size:1rem; }
	.estimate_unit + .estimate_unit { margin:40px 0 0; }
	.estimate_unit .form-row + .form-row { margin-top:20px !important; }

	/* 우리와 함께 하고 싶은 서비스는 무엇인가요? */
	.estimate_unit.es_service .custom-control-group { margin-bottom:30px; }
	.estimate_unit.es_service > .form-group .form-group > label { margin-bottom:10px; font-size:1rem; }

	/* 프로젝트 정보를 입력해주세요. */
	.estimate_unit.es_budget > .form-group .form-group > label { margin-bottom:10px; font-size:1rem; }

	/* 우리와 함께 할 당신을 소개해주세요. */
	.estimate_unit.es_manager > .form-group .form-group > label { font-size:1rem; }
	.estimate_unit.es_manager .es_agree label { padding-left:10px; }

	/* 우리와 함께 할 프로젝트에 대해 자세히 알려주세요. */
	#dm_content { padding:10px; font-size:0.875rem; }

	/* 문의하기 버튼 */
	.estimate_buttons { margin:60px 0; }
	.estimate_buttons .btn { width:200px; height:48px; font-size:1rem; }
}
@media (max-width: 992px) {
	/* Bootstrap Patch */
	.custom-checkbox .custom-control-label::before { transform:translateY(calc(-50% + 0.5px)); }

	/* estimate */
	.estimate { grid-template:auto auto / 100%; }
	.estimate .intro { position:relative; height:400px; padding-top:40px; }
	.estimate .intro .tit_txt br { display:none; }
	.estimate .con { margin-top:20px; }
	.estimate_require { margin-bottom:20px; }
	.estimate_unit > .form-group > .h5 { margin-bottom:20px; font-size:1.2rem; }
	.estimate_unit .form-row + .form-row { margin-top:15px !important; }

	/* 우리와 함께 하고 싶은 서비스는 무엇인가요? */
	.estimate_unit.es_service .custom-control-group { margin-bottom:20px; }

	/* 우리와 함께 할 당신을 소개해주세요. */
	.estimate_unit.es_manager .form-group { margin-bottom:0; }
	.estimate_unit.es_manager .form-group + .form-group { margin-top:15px; }
}
@media (max-width: 768px) {
	/* estimate */
	.estimate .intro { padding-top:20px; }
	.estimate_unit .custom-control-group > .row.sel_type > .col { width:calc(50% - 10px); }
	.estimate_unit .custom-control-group > .row.sel_type > .col:last-child { }

	/* 문의하기 버튼 */
	.estimate_buttons { margin:40px 0; }
}
@media (max-width: 576px) {
  /* .handle .btn,
  .handleButton { padding:1.25rem 0.5rem; } */

  /* Bootstrap Patch */
  .custom-file-label::after { content:none !important; }

  /* 문의하기 버튼 */
  .estimate_unit.es_channel { margin-bottom:70px; }

	.row-cols-1>* { flex:0 0 50%; max-width:50%; }
}
@media (max-width: 486px) {
	/* Bootstrap Patch */
	.btn { font-size:0.8rem; }
	.custom-select { height:40px; background:#191919 url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="14" height="14" viewBox="0 0 1664 1312"%3E%3Cpath fill="white" d="m1619 552l-742 741q-19 19-45 19t-45-19L45 552q-19-19-19-45.5T45 461l166-165q19-19 45-19t45 19l531 531l531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z"%2F%3E%3C%2Fsvg%3E') right 10px center/14px 8px no-repeat; }
	.btn { width:40px; height:40px; }
	.custom-file-label,
	.custom-file-label::after,
	.form-control { height:40px; }
	.custom-file-label,
	.custom-file-label::after { line-height:calc(40px - 10px - 10px); }
	.custom-file-label::after { height:40px; }
	.custom-file,
	.custom-file-input { height:40px; }
	
	/* estimate */
	.estimate .intro { height:auto; }
	.estimate .intro .tit_txt { margin-bottom:20px; font-size:1.2rem; }
	.estimate .intro .cp_con .tit { margin:20px 0 8px; font-size:1.067rem; }
	.estimate .intro .cp_con .txt { font-size:0.933rem; }
	.estimate .intro .cp_con .txt svg { width:14px; margin:0; }
	.estimate .con { margin:0; }
	.estimate_require { font-size:0.933; }
	.estimate_unit > .form-group > .h5 { margin-bottom:10px; }
	.estimate_unit > .form-group > .h5 > small { font-size:0.933; }
	.estimate_buttons .btn_submit { width:100%; }
	.estimate_unit .custom-control-group > .row > .col > .custom-ico > .custom-control-label { padding:50px 10px 10px; font-size:0.867rem; }
	.estimate_unit.es_manager > .form-group .form-group > label { margin-bottom:10px; }
}
@media (max-width: 350px) {
	.estimate_unit .custom-control-group > .row.sel_type > .col { width:100%; }
	.estimate_unit .custom-control-group > .row > .col > .custom-control > .custom-control-label { justify-content:flex-start; }
	.estimate_unit .custom-control-group > .row > .col > .custom-ico > .custom-control-label { min-height:auto; padding:10px 15px; text-align:left; background:none !important; }
	.estimate_unit .custom-control-group > .row > .col > .custom-ico > .custom-control-label br { display:none; }
	.estimate_unit .custom-control-group > .row.sel_type > .col:last-child > .custom-ico > .custom-control-label { min-height:auto; }
}
@media (max-width: 320px) {
	.row-cols-1>* { flex:0 0 100%; max-width:100%; }
}