@charset "utf-8";
/*
(주)파이브센스_FIVESENSES.Corp.
본 라이브러리(소스코드 및 디자인 포함)는 (주)파이브센스의 자산이며, 저작권법 및 부정경쟁방지법에 의해 보호됩니다.
무단 사용, 외부 유출, 복제, 배포, 변형을 금지합니다.
위반 시 민·형사상 법적 책임 및 손해배상 청구 대상이 됩니다.
작성일: 2025-07-01 | 저작권자: (주)파이브센스(520-86-01244) | All Rights Reserved.
*/
/* Write */
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:bold; margin-top:4px; }
.write-wrap .control-label { padding-top:0px; }
.write-wrap .write-content { height: 300px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }
.write-wrap .sp-label { font-weight:normal; margin-right:10px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }

#autosave_pop div { text-align:right; }
#autosave_pop button { margin:0; margin-left:10px; padding:0; border:0; background:transparent; color:#888; }
#autosave_pop ul { margin:0; padding:0; padding-left:15px; list-style:disc; }
#autosave_pop li { padding:2px 5px;  }
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:""; }
#autosave_pop a { display:block; float:left; }
#autosave_pop span { display:block;; float:right; }

#variableFiles { width:100%; margin:0; border:0; }
#variableFiles td { padding:0px 0px 7px; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin-left:0; margin-right:0; margin-bottom:7px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }

/* 2025-02-05 (주)파이브센스_FIVESENSES.Corp. */
.write-wrap{max-width: 1200px; margin: 0 auto; overflow: visible;}
/*  2025-08-14 (주)파이브센스_FIVESENSES.Corp.
.write-wrap #wr_subject{color:var(--main-point-color); font-size: 52px; font-weight: 500; line-height: 1em; width: 100%; border: none; border-radius: 0; padding: 0; box-sizing: border-box; height: 52px; min-height: 1.1em; max-height: 100%; overflow-y: hidden;}
.write-wrap #wr_subject::placeholder{color:#e1e1e1;} */
.inquiry_box .answer{width: 100%;}
.inquiry_box .answer input[type="text"], .inquiry_box .answer input[type="password"]{width: 100%; border-color: #fff; background-color: #fff; line-height: 53px; border-radius: 10px; padding: 0 20px; font-size: 16px; font-weight: 400;}
.inquiry_box .answer input[type="text"]::placeholder, .inquiry_box .answer input[type="password"]::placeholder{color: #999999;}

.write-wrap .top_box{display: flex; align-items: flex-start; gap: 10px; margin-bottom: 45px; flex-wrap: wrap;}
.write-wrap .top_box .input_box{display: flex; border: 1px solid #eaeaea; border-radius: 8px; background-color: #fff; box-shadow: 0 1px 5px rgba(0,0,0,0); transition: 0.2s;}
.write-wrap .top_box .input_box:hover{box-shadow: 0 1px 5px rgba(0,0,0,0.05);}
.write-wrap .top_box .inquiry_box{box-sizing: border-box; border: 1px solid #eaeaea; border-radius: 8px; padding: 11px 20px; max-width: 240px; margin-bottom: 0; background-color: #fff; box-shadow: 0 1px 5px rgba(0,0,0,0); position: relative; transition: 0.2s;}
.write-wrap .top_box .inquiry_box.on,
.write-wrap .top_box .inquiry_box:hover{background-color: #fafafa; box-shadow: 0 1px 5px rgba(0,0,0,0.05);}
.write-wrap .top_box .inquiry_box.top_select{width: 240px;}
.write-wrap .top_box .input_box .inquiry_box{border: none; max-width: 250px; box-shadow: none; position: relative;}
.write-wrap .top_box .input_box .inquiry_box::after{content: ''; display: block; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); border-radius: 8px; border: 1px solid #eaeaea; pointer-events: none; z-index: 10; opacity: 0; transition: 0.2s;}
.write-wrap .top_box .input_box .inquiry_box:hover::after{opacity: 1;}
.write-wrap .top_box .input_box .inquiry_box + .inquiry_box::before{content: ''; display: block; width: 1px; height: 35px; background-color: #eaeaea; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.write-wrap .top_box .input_box .inquiry_box + .inquiry_box:hover::before{opacity: 0;}
.write-wrap .top_box .inquiry_box > label{width: 100%; color: #5d5d5d; font-size: 12px; font-weight: 500; line-height: 16px; margin-bottom: 5px;}
.write-wrap .top_box .inquiry_box.top_select .answer{width: 100%;}
.write-wrap .top_box .inquiry_box.top_select .answer .wr_select_arr{display: block; width: 10px; height: 6px; background: url(/img/write_arr.png) center / 10px 6px no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 15px;}
.write-wrap .top_box .inquiry_box.top_select .answer select{font-size: 14px; font-weight: 400; line-height: 17px; height: 17px; border-radius: 0; padding: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;color: #c8c8c8;background-color: transparent;border: none;}
/* .write-wrap .top_box .inquiry_box.top_select .answer select::placeholder{color: #c8c8c8;} */
.write-wrap .top_box .inquiry_box.top_select .answer select:valid,
.write-wrap .top_box .inquiry_box.top_select .answer select:focus{color: #5d5d5d;}

.write-wrap .top_box .inquiry_box.top_select .answer .wr_drop{position: absolute; top: 100%; left: 0;z-index: 10; width: 100%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; text-align: center; padding: 5px; display: none; cursor:default; }
.write-wrap .top_box .inquiry_box.top_select .answer .wr_drop li{color: #5d5d5d; font-size: 14px; font-weight: 400; line-height: 40px; border-radius: 8px; background-color: #fff; transition: 0.2s; cursor:default; }
.write-wrap .top_box .inquiry_box.top_select .answer .wr_drop li:hover{background-color: #f5f5f5;}
.write-wrap .top_box .inquiry_box.top_select .answer .wr_drop li + li {margin-top: 2px;}

.write-wrap .top_box .inquiry_box .answer input[type="text"], .write-wrap .top_box .inquiry_box .answer input[type="password"]{border: none; font-size: 14px; font-weight: 400; line-height: 17px; padding: 0; color: #5d5d5d; border-radius: 0; background-color: transparent; cursor:default;}
.write-wrap .top_box .inquiry_box .answer .file_input{width: 100%; height: 17px;}
.write-wrap .top_box .inquiry_box .answer .file_input label{font-size: 14px; font-weight: 400; line-height: 17px; padding: 0; margin: 0; color: #c8c8c8;}
.write-wrap .top_box .inquiry_box .answer .file_input span{font-size: 14px; font-weight: 400; line-height: 17px; padding: 0; color: #5d5d5d;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.write-wrap .top_box .inquiry_sort input{display: none;}
.write-wrap .top_box .inquiry_box .inquiry_sort .sp-label{line-height: 17px;}
.write-wrap .top_box .inquiry_sort input + label .ch_box{display: inline-block; width: 14px; height: 14px; background: url(/img/square_off.png) center / 14px 14px no-repeat; position: relative; top: 2px; margin-right: 7px;}
.write-wrap .top_box .inquiry_sort input:checked + label .ch_box{background: url(/img/square_on.png) center / 14px 14px no-repeat;}
.write-wrap .top_box .inquiry_sort input + label .text{font-size: 14px; color: #c8c8c8;}
.write-wrap .top_box .inquiry_sort input:checked + label .text{color: #5d5d5d;}

.write-wrap .bot_box{width: 100%;}
.write-wrap .bot_box > .inquiry_box{width: 100%;}
.write-wrap .bot_box .inquiry_box > label{width: auto;color: var(--main-point-color);font-size: 20px;font-weight: 500;margin-bottom: 20px;float: none;line-height: 1em;}
.write-wrap .bot_box .inquiry_box input:hover,
.write-wrap .bot_box .inquiry_box input:focus{border: 1px solid var(--main-point-line-color-hover);}

/* 2025-10-22 (주)파이브센스_FIVESENSES.Corp. */
.inquiry_box .answer .file_input{float: none; width: 100%;}
.inquiry_box .answer .file_input .row .file_content{margin-bottom: 15px; display: flex; align-items: center;}
.inquiry_box .answer .file_input .row .file_content > label{margin-left: 10px; width: 130px; height: 55px; line-height: 53px; background-color: #e8e8e8; border: 1px solid #e8e8e8; color: #5d5d5d; font-size: 16px; font-weight: 500; border-radius: 10px; transition: 0.2s;}
.inquiry_box .answer .file_input .row .file_content > label:hover{background-color: #dbdbdb; border-color: #dbdbdb;}
.inquiry_box .answer .file_input .row .file_content > div.left_file{width: calc(100% - 140px);}
.inquiry_box .answer .file_input .row .file_content > div.left_file input{font-size: 16px; padding: 0 20px; border-color: #f9f9f9; border-radius: 10px;}
.inquiry_box .answer .file_input .row .file_content > div.left_file input::placeholder{color: #999999;}
.inquiry_box .answer .file_control{margin-left: 0; width: 100%; max-width: 580px; float: none; display: flex; align-items: center; justify-content: space-between;}
.inquiry_box .answer .file_control .files_p{color: #5d5d5d; font-size: 15px; line-height: 1em;}
.inquiry_box .answer .file_control .form-control-static{display: flex; gap: 5px; align-items: center; height: auto; line-height: 1em;}
.write-wrap .write-btn.btn_write .btn{border-radius: 15px !important; width: auto; min-width: 150px; transition: 0.2s;}
.write-wrap .write-btn.btn_write .btn-black{background-color: #0c0c0c; border: 1px solid #0c0c0c;}
.write-wrap .write-btn.btn_write .btn-black:hover{background-color: #454545; border-color: #454545;}
.write-wrap .write-btn.btn_write .btn-color{color: #5d5d5d !important; background-color: #f5f5f5; border: 1px solid #f5f5f5;}
.write-wrap .write-btn.btn_write .btn-color:hover{background-color: #e8e8e8; border-color: #e8e8e8;}
.write-wrap .write-btn.btn_write .btn span{font-size: 15px; line-height: 50px; font-weight: 400;}
.write-wrap .use_captcha{margin-top: 50px;}
.write-wrap .well{background-color: #f9f9f9; border-color: #f9f9f9; border-radius: 15px !important; box-shadow: none; padding: 30px;}
.write-wrap #captcha_info{color: #999999; font-size: 16px; font-weight: 400;}
.write-wrap #captcha .captcha_imgbox{width: 300px; border: 1px solid #eaeaea; height: 50px; border-radius: 8px;}
#captcha #captcha_img{height: 80%; margin-top: 7px;}
.write-wrap #captcha #captcha_key{width: 300px; border: 1px solid #eaeaea; height: 50px; border-radius: 8px;}
.write-wrap #captcha .capcha_aid{width: 18px; position: relative;}
#captcha #captcha_mp3{width: 18px;height: 20px; top: 6px;}
#captcha #captcha_mp3 span{background: url(/img/captcha.jpg) no-repeat;}
#captcha #captcha_reload{background: url(/img/captcha.jpg) no-repeat; background-position: left bottom; border: none; width: 18px; height: 20px; top: 26px;}
.caption_box{position: relative; display: inline-block;}
.icon__exp{width: 16px; height: 16px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTgwNjk0NzctMTJhMS0zYTQ2LWEzNjgtODVmOWVhMTRjYjViIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2Njk3NTFCRkE0NjExRUZBQzZBRjRCRDA0NkIwOEU5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2Njk3NTFBRkE0NjExRUZBQzZBRjRCRDA0NkIwOEU5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyNC4yIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0ZjAzN2RiLWFmMGUtYjU0Ni1hODNlLWMzNDdlOWU5OTIxOSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmNhZmFmYzY4LWZlZGUtZWY0Zi1hOGJjLTkxOWJlZWMzM2NlMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqheQB0AAAEOSURBVHjaYnzx4gUDGjAG4jQgdgZiRSD+CcSPgfgAEM8C4rPIihmRDGAH4slAnAISZ8AO/gPxHCDOhRrMwASVYAPiHUCcikczA1QOpGYXVA/cgIlA7MBAPLAD4kkwL+gA6YtIhsHBkSNHwLSNjQ02Q/4BsQET1M9MWFX8+8fw//9/XK4A6wW54DKQocNAHrgGMkUel+zRo0fh3sAB5Fnwyb5584aQC1hBLnjIQD64xwSNU3LBdpABc4H4LzZZQUFBBiEhIVyaQXrmwJLyFCDOJtH2aSA9sPgvIdEre6F64AnoBxD7QDPTPzwa/0BdC1L7HT03wgAoUcUDsRsQy0LFngDxTiCeB8TXkRUDBBgAUdpHkvmwN6QAAAAASUVORK5CYII=) center / 16px 16px no-repeat; display: inline-block; position: relative; top: 2px; cursor: pointer;}
.top_box .icon__exp{top: 0; margin-bottom: -2px; width: 14px; height: 14px; background-size: 14px 14px;}
.install__caption{position: absolute; left: 50%; bottom: 45px; transform: translateX(-50%); background-color: #fff; padding: 12px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 10; transition: 0.5s; opacity: 0; visibility: hidden;}
.top_box .install__caption{bottom: 30px;}
.icon__exp:hover + .install__caption{opacity: 1; visibility: visible;}
.install__caption p{font-size: 14px; color: #5d5d5d; line-height: 1.4em; font-weight: 400; white-space: nowrap;}

.write-wrap .inquiry_box{margin-bottom: 0;}
.write-wrap .inquiry_box + .inquiry_box{margin-bottom: 0;}
.write-wrap .inquiry_box .answer input[type="password"],
.write-wrap .inquiry_box .answer input[type="text"]{color: #5d5d5d; }
.write-wrap .inquiry_box .answer input[type="text"]:hover,
.write-wrap .inquiry_box .answer input[type="text"]:focus,
.write-wrap .inquiry_box .answer input[type="password"]:hover,
.write-wrap .inquiry_box .answer input[type="password"]:focus{border-color: #f5f5f5; background-color: #f5f5f5;}
.write-wrap .inquiry_box > label{width: auto; color: var(--main-point-color); font-size: 20px; font-weight: 500; margin-bottom: 20px; float: none; line-height: 1em;}
.write-wrap .inquiry_box > .answer{width: 100%; float: none;}
.write-wrap .inquiry_box.wr_select > .answer{cursor: pointer; position: relative;}
.write-wrap .inquiry_box.wr_select .wr_select_arr{cursor: pointer;display: block;width: 10px;height: 6px;background: url(/img/wr_select_arr.png) center / 10px 6px no-repeat;position: absolute;top: 50%;transform: translateY(-50%);right: 30px;}
.write-wrap .inquiry_box.wr_select .select_input{color: #5d5d5d; cursor:default !important; }
.write-wrap .inquiry_box.wr_select .select_input[type="text"]:focus{border-color: #f5f5f5;}
.write-wrap .wr_drop{position: absolute; top: 100%; left: 0;z-index: 10; width: 100%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 10px; text-align: center; padding: 10px 5px; display: none;}
.write-wrap .wr_drop_ul{padding-right: 5px; max-height: 300px; overflow-y: auto;}
.write-wrap .wr_drop_ul::-webkit-scrollbar-button,
.write-wrap .wr_drop_ul::-webkit-scrollbar-track{background-color: #fff;}
.write-wrap .wr_drop_ul::-webkit-scrollbar-thumb{background-color: #f5f5f5;}
.write-wrap .wr_drop li{color: #5d5d5d; font-size: 16px; font-weight: 400; line-height: 40px; border-radius: 8px; background-color: #fff; transition: 0.2s; cursor:default; }
.write-wrap .wr_drop li:hover{background-color: #f5f5f5; cursor:default; }
.write-wrap .wr_drop li + li {margin-top: 2px;}
.write-wrap .answer.checkbox_wrap ul{display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; column-gap: 50px; row-gap: 5px;}
.write-wrap .answer.checkbox_wrap label{display: flex; align-items: center; margin-top: 0; cursor: pointer;}
.write-wrap .answer.checkbox_wrap label span{color: #999999; font-size: 16px; font-weight: 400; line-height: 50px;}
.write-wrap .answer.checkbox_wrap label .ch_box{display: inline-block; width: 22px; height: 22px; border-radius: 6px; background-color: #fff; border: 1px solid #e1e1e1; margin-right: 5px;}
.write-wrap .answer.checkbox_wrap label:hover .ch_box{border-color: #6b6560; background-color: #f1f5ff;}
.write-wrap .answer.checkbox_wrap input{display: none;}
.write-wrap .answer.checkbox_wrap input:checked + label .ch_box{border-color: #6b6560; background: url(../../img/write_ch.png) center / 22px 22px no-repeat; background-color: #6b6560;}
.write-wrap .answer.checkbox_wrap input:checked + label span{color: #5d5d5d;}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul{column-gap: 10px;}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label{border: 1px solid #f9f9f9; border-radius: 10px; background-color: #f9f9f9; padding: 88px 10px 35px; width: 125px; text-align: center; position: relative; transition: 0.2s;}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label span{font-size: 15px; text-align: center; width: 100%; line-height: 1em;}
/* .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-position: center top; transition: opacity 0.2s;} */
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; transition: opacity 0.2s;background-color: #e1e1e1;-webkit-mask-repeat: no-repeat;-webkit-mask-size: auto;-webkit-mask-position: top center;mask-repeat: no-repeat;mask-size: auto; mask-position: top center;}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img01{background-image: url(../../img/write_icon_01.png); background-size: 33px 33px; width: 33px; height: 33px; transform: translateX(calc(-50% - 0.5px));}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img02{background-image: url(../../img/write_icon_02.png); background-size: 33px 33px; width: 33px; height: 33px; transform: translateX(calc(-50% - 0.5px));}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img03{background-image: url(../../img/write_icon_03.png); background-size: 38px 33px; width: 38px; height: 33px;}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img04{background-image: url(../../img/write_icon_04.png); background-size: 37px 37px; width: 37px; height: 37px; transform: translateX(calc(-50% + 0.5px));}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img05{background-image: url(../../img/write_icon_05.png); background-size: 36px 36px; width: 36px; height: 36px;}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img06{background-image: url(../../img/write_icon_06.png); background-size: 38px 34px; width: 38px; height: 34px;}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul input:checked + label,
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label:hover{background-color: var(--main-point-btn-bg-color-hover);}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul input:checked + label span,
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label:hover span{color: #fff;}
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul input:checked + label .icon_img,
.write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label:hover .icon_img{background-color: #fff; opacity: 1;}

.write-wrap .answer.radio_wrap ul{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; column-gap: 48px; row-gap: 5px;}
.write-wrap .answer.radio_wrap label{display: flex; align-items: center; cursor: pointer; margin-top: 0;}
.write-wrap .answer.radio_wrap label span{color: #999999; font-size: 16px; font-weight: 400; line-height: 50px;}
.write-wrap .answer.radio_wrap label .ch_box{display: inline-block; width: 22px; height: 22px; border-radius: 50%; background-color: #fff; border: 1px solid #e1e1e1; margin-right: 5px;}
.write-wrap .answer.radio_wrap label:hover .ch_box{border-color: #6b6560; background-color: #f1f5ff;}
.write-wrap .answer.radio_wrap input{display: none;}
.write-wrap .answer.radio_wrap input:checked + label .ch_box{border-color: #6b6560; background: url(../../img/write_ch.png) center / 22px 22px no-repeat; background-color: #6b6560;}
.write-wrap .answer.radio_wrap input:checked + label span{color: #5d5d5d;}
.write-wrap .radio_text_box .answer.radio_wrap ul{column-gap: 27px;}
.write-wrap .radio_text_box .answer.radio_wrap ul li{width: calc(25% - 20.4px);}
.write-wrap .radio_text_box .answer.radio_wrap ul label{border: 1px solid #e1e1e1; border-radius: 10px; background-color: #fff; padding: 18.5px 15px; width: 100%; text-align: center; position: relative; transition: 0.2s;}
.write-wrap .radio_text_box .answer.radio_wrap ul label span{font-size: 16px; text-align: center; width: 100%; line-height: 1em;}
.write-wrap .radio_text_box .answer.radio_wrap ul input:checked + label,
.write-wrap .radio_text_box .answer.radio_wrap ul label:hover{border-color: var(--main-point-btn-line-color-hover);}
.write-wrap .radio_text_box .answer.radio_wrap ul input:checked + label span,
.write-wrap .radio_text_box .answer.radio_wrap ul label:hover span{color: var(--main-point-color-hover);}

.inquiry_box .answer.answer_content {background-color: #fff;border: 1px solid #fff;border-radius: 15px;height: 200px;overflow: hidden;padding-right: 5px;}
.inquiry_box .answer.answer_content:hover{border-color: #fff !important; background-color: #fff !important;}
.inquiry_box .answer.answer_content textarea {position: relative;width: 100%;border: none;box-sizing: border-box;height: 170px !important;font-size: 16px;line-height: 1.4em;padding: 15px 30px 0;margin-top: 15px;border: none;color: #5d5d5d; background-color: #fff;}
.inquiry_box .answer.answer_content textarea::placeholder {color: #999999;}
.inquiry_box .answer.answer_content:hover textarea ,
.inquiry_box .answer.answer_content textarea:focus {background-color: #f5f5f5;}
.inquiry_box .answer.answer_content textarea::-webkit-scrollbar {width: 5px;background: transparent;}
.inquiry_box .answer.answer_content textarea::-webkit-scrollbar-track,
.inquiry_box .answer.answer_content textarea::-webkit-scrollbar-button {background: transparent;}
.inquiry_box .answer.answer_content textarea::-webkit-scrollbar-thumb{background-color: #e9e9e9;}

.at-html #captcha.m_captcha #captcha_key{width: 300px; height: 50px; line-height: 50px; border: 1px solid #eaeaea; background-image: none !important; border-radius: 8px;}
#captcha.m_captcha #captcha_mp3{background: url(/img/m_captcha_mp3_icon.png) center / 14px 14px no-repeat; width: 15px; height: 25px; top: 0;}
#captcha.m_captcha #captcha_reload{background: url(/img/m_captcha_reload_icon.png) center / 15px 13px no-repeat; width: 15px; height: 25px; top: 25px; border-top: 1px solid #e1e1e1;}

.write-wrap .inquiry_box.date_box > .answer{display: flex; align-items: center;}
.write-wrap .inquiry_box.date_box input{cursor: pointer;}
.write-wrap .inquiry_box.date_box .btn_date{line-height: 55px; border-radius: 10px; min-width: 130px; background-color: #e8e8e8; text-align: center; color: #5d5d5d; font-size: 16px; font-weight: 400; cursor: pointer; margin-left: 10px; transition: 0.2s;}
.write-wrap .inquiry_box.date_box .btn_date:hover{background-color: #dbdbdb;}
.ui-widget.ui-widget-content {width: 360px;height: auto;border-radius: 20px;border: 1px solid #f1f1f1;box-shadow: 0 6px 23px rgba(0,0,0,0.06);padding: 0 !important; z-index:22 !important; }
.ui-widget.ui-widget-content::after, .ui-widget.ui-widget-content::before{display: none;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {display: flex;align-items: center;justify-content: space-between;padding: 23px 30px 25px;border: none;background: none;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header::after, .ui-datepicker .ui-datepicker-header::before{display: none;}
#ui-datepicker-div .ui-widget-header {border: none;background: none;}
#ui-datepicker-div.ui-datepicker-calendar{width: 100%;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-title {margin: 0;display: flex;gap: 10px;margin-right: 50px;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev, 
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {position: relative;top: 0;right: 0;width: 25px;}
#ui-datepicker-div .ui-state-hover, 
#ui-datepicker-div .ui-widget-content .ui-state-hover, 
#ui-datepicker-div .ui-widget-header .ui-state-hover, 
#ui-datepicker-div .ui-state-focus, 
#ui-datepicker-div .ui-widget-content .ui-state-focus, 
#ui-datepicker-div .ui-widget-header .ui-state-focus, 
#ui-datepicker-div .ui-button:hover, 
#ui-datepicker-div .ui-button:focus,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev-hover, 
#ui-datepicker-div.ui-datepicker .ui-datepicker-next-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev:hover, 
#ui-datepicker-div.ui-datepicker .ui-datepicker-next:hover{border: none;background: none !important;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev {left: auto;order: 2;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-next {order: 3;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span, 
#ui-datepicker-div.ui-datepicker .ui-datepicker-next span{left: 0;margin: 0;width: 25px;transform: translateY(-50%); position: relative; display: inline-block; font-size: 0; height: 15px;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span {background: url('../../img/date_arrow.png') no-repeat center center;transform: translateY(-50%) rotate(180deg);}
/* 2025-07-02 (주)파이브센스_FIVESENSES.Corp. */
#ui-datepicker-div.ui-datepicker .ui-datepicker-prev span{opacity: 0.4;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-next span {background: url('../../img/date_arrow.png') no-repeat center center;}
#ui-datepicker-div .ui-state-hover {border: none;background: none;}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month, 
#ui-datepicker-div.ui-datepicker select.ui-datepicker-year {font-family: 'Pretendard';width: 90px;height: 36px;border-radius: 10px;font-size: 14px;font-weight: 400;color: #5d5d5d;padding: 5px 10px;appearance:none;background: url(../../img/datepicker-arr.png) right 10px center / 11px 6px no-repeat;background-color: #f5f5f5;border-color: #f5f5f5;cursor: pointer; margin: 0; line-height: 1em;}
#ui-datepicker-div.ui-datepicker select.ui-datepicker-month {order: 2;}
#ui-datepicker-div.ui-datepicker td {padding: 0;width: auto;height: 45px;min-width: 42px; text-align: center;}
#ui-datepicker-div.ui-datepicker td span, 
#ui-datepicker-div.ui-datepicker td a {text-align: center;/* padding: 15px; */padding: 10px;max-width: 42px;}
#ui-datepicker-div.ui-datepicker th {font-size: 15px; font-weight: 500; text-align: center; padding: 0 0 10px;}
#ui-datepicker-div.ui-datepicker thead th:nth-of-type(1),
#ui-datepicker-div.ui-datepicker tbody td:nth-of-type(1){padding-left: 20px;}
#ui-datepicker-div.ui-datepicker thead th:nth-last-of-type(1),
#ui-datepicker-div.ui-datepicker tbody td:nth-last-of-type(1){padding-right: 20px;}
#ui-datepicker-div.ui-datepicker table{margin: 0;}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default,
#ui-datepicker-div .ui-button, 
html #ui-datepicker-div .ui-button.ui-state-disabled:hover,
html #ui-datepicker-div .ui-button.ui-state-disabled:active {border: none;background: none;font-size: 15px;font-weight: 400;color: #0c0c0c;}
#ui-datepicker-div .ui-widget-content .ui-state-disabled .ui-state-default{color: #b8b8b8;}
#ui-datepicker-div.ui-datepicker td.ui-datepicker-today {display: flex;justify-content: center;align-items: center;}
#ui-datepicker-div .ui-datepicker-current-day a.ui-state-active,
#ui-datepicker-div .ui-datepicker-days-cell-over a.ui-state-default{align-items: center;justify-content: center;background: none !important;border-radius: 50%;width: 100%;height: 42px;color: #fff !important;display: flex;padding: 0;margin: 0 auto; position: relative;}
#ui-datepicker-div .ui-datepicker-current-day a.ui-state-active::before,
#ui-datepicker-div .ui-datepicker-days-cell-over a.ui-state-default::before{content: "";position: absolute;top: -1px; left: 0;width: 100%;height: 100%;background: var(--main-point-bg-color-hover);border-radius: 50%;z-index: -1;}

#ui-datepicker-div .ui-widget-content {border: none;background: #ffffff;color: #222222;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane {display: flex;align-items: center;justify-content: center;gap: 10px;background: none;padding: 20px 30px 25px; margin: 0;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: 0;cursor: pointer;padding: 0;width: auto;overflow: visible;border-radius: 10px;height: 45px;font-size: 14px;font-weight: 600;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:none;background-color: var(--main-point-bg-soft-color);color: var(--main-point-color-hover);width: 200px;order: 2;transition: 0.2s; position: relative; overflow: hidden;}
/* .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current-hover{filter: brightness(90%) contrast(120%) saturate(150%);background-color: var(--main-point-bg-soft-color) !important;} */


#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--main-point-bg-soft-color);z-index: -1;transition: filter 0.2s ease-in-out;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current:hover::before,
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current-hover::before{filter: brightness(90%) contrast(120%) saturate(150%);}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {width: 90px;color: #5d5d5d;background-color: #f5f5f5;transition: 0.2s;}
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close:hover {background-color: #e8e8e8 !important;}

/* .fr-box.fr-basic .fr-wrapper,
.fr-toolbar{border-color: #e1e1e1 !important;} */
.write-wrap .inquiry_box.half_box > .answer{display: flex; align-items: center;}
/* .required{display: none !important;} */

/* 문의폼 커스텀 */
.essential{font-size: 20px; font-weight: 500; width: auto; height: auto; background: none !important; color: #6b6560; top: 1px; border-radius: 0;}
/* 2025-08-27 (주)파이브센스_FIVESENSES.Corp. 여백값 수정 */
.form-horizontal .info_box .des {margin-top: 30px; border-bottom: 1px solid #e1e1e1;padding-bottom: 15px;text-align: right;color: #5d5d5d;font-size: 16px;margin-bottom: 60px;}
.msg-box{color: var(--main-point-color-hover); font-size: 15px; font-weight: 400; line-height: 1em; position: absolute; left: 0; bottom: -30px;}
/* .write-wrap .inquiry_box .answer input[type="text"].required_txt:focus{border-color: var(--main-point-line-color-hover) !important; background-color: #fff !important;} */
.write-wrap .inquiry_box .answer input.required_txt{border-color: var(--main-point-line-color-hover) !important; background-color: #fff !important;}

.form-horizontal .input_wrap{display: flex; flex-wrap: wrap; column-gap: 40px; row-gap: 53px;}
/*  2025-10-22 (주)파이브센스_FIVESENSES.Corp.  */
/* .form-horizontal .input_wrap .inquiry_box{width: calc(50% - 20px); position: relative;} */
/* .form-horizontal .input_wrap .inquiry_box.inquiry_box_full{width: 100%;}
.form-horizontal .input_wrap .inquiry_box.file_box{margin-bottom: 0; width: 100%;}
.inquiry_box .answer .file_input{max-width: 580px; width: 100%; float: none;} */
/* .write-wrap .bot_box .inquiry_box > .answer{width: calc(100% - 175px);} */
.inquiry_box .answer .file_control{max-width: 100%;}
.form-horizontal .input_wrap .inquiry_box{position: relative; width: 100%;}
.form-horizontal .input_wrap .inquiry_box.col-1:not(.wrap){width: 100%;}
.form-horizontal .input_wrap .inquiry_box.col-2:not(.wrap){width: calc(50% - 20px);}
.form-horizontal .input_wrap .inquiry_box.col-3:not(.wrap){width: calc((100% - 80px) / 3);}
.form-horizontal .input_wrap .inquiry_box.col-1.wrap,
.form-horizontal .input_wrap .inquiry_box.col-2.wrap,
.form-horizontal .input_wrap .inquiry_box.col-3.wrap{width: 100%;}
.write-wrap .inquiry_box.col-1:not(.wrap) > .answer,
.write-wrap .inquiry_box.col-2:not(.wrap) > .answer,
.write-wrap .inquiry_box.col-3:not(.wrap) > .answer{max-width: 100%;}
.write-wrap .inquiry_box.col-1.wrap > .answer{max-width: 100%;}
.write-wrap .inquiry_box.col-2.wrap > .answer{max-width: calc(50% - 20px);}
.write-wrap .inquiry_box.col-3.wrap > .answer{max-width: calc((100% - 80px) / 3);}

@media(max-width:991px){
    .form-horizontal .input_wrap .inquiry_box.col-1.wrap,
    .form-horizontal .input_wrap .inquiry_box.col-2.wrap,
    .form-horizontal .input_wrap .inquiry_box.col-3.wrap,
    .form-horizontal .input_wrap .inquiry_box.col-1:not(.wrap),
    .form-horizontal .input_wrap .inquiry_box.col-2:not(.wrap),
    .form-horizontal .input_wrap .inquiry_box.col-3:not(.wrap){width: 100%;}
    
    .write-wrap .inquiry_box.col-1.wrap > .answer,
    .write-wrap .inquiry_box.col-2.wrap > .answer,
    .write-wrap .inquiry_box.col-3.wrap > .answer,
    .write-wrap .inquiry_box.col-1:not(.wrap) > .answer,
    .write-wrap .inquiry_box.col-2:not(.wrap) > .answer,
    .write-wrap .inquiry_box.col-3:not(.wrap) > .answer{max-width: 100%;}
}

.form-horizontal .input_wrap .input__caption{color: #5d5d5d; font-size: 16px; font-weight: 400; line-height: 1em; margin-left: 10px;}

.form-horizontal .privacy_wrap{border: none; margin-top: 50px;}
.form-horizontal .input_title{width: auto;color: var(--main-point-color);font-size: 20px;font-weight: 500;margin-bottom: 20px;float: none;line-height: 1em;}
.form-horizontal .privacy_wrap .privacy_box {background-color: #fff;border-radius: 15px;padding: 20px 10px 20px 25px;margin-top: 25px;margin-bottom: 15px;height: 170px;overflow: hidden;}
.form-horizontal .privacy_wrap .privacy_box * {background-color: #fff !important;}
.form-horizontal .privacy_wrap .privacy {height: 135px;overflow-y: scroll;}
.form-horizontal .privacy_wrap .privacy::-webkit-scrollbar {width: 5px;background: #f9f9f9;}
.form-horizontal .privacy_wrap .privacy::-webkit-scrollbar-thumb {background: #e7e7e7;}
.form-horizontal .privacy_wrap .privacy::-webkit-scrollbar-track {background: #f9f9f9;}
.form-horizontal .privacy_wrap .privacy::-webkit-scrollbar-corner {background: #f9f9f9;}
.form-horizontal .privacy_wrap .privacy::-webkit-scrollbar-button {background: #f9f9f9;}
.form-horizontal .privacy_wrap .privacy p {font-size: 15px;line-height: 1.8em;}
.form-horizontal .privacy_wrap .check-input + label {color: #5d5d5d;font-size: 15px;font-weight: 400;margin-top: 0;}
.form-horizontal .check-input + label:after {background: #fff;border: 1px solid #e1e1e1;border-radius: 5px;width: 18px;height: 18px;top: calc(50% - 1px);}
.form-horizontal .check-input:checked + label:after {background: url('/img/write_ch.png') center/18px 18px no-repeat;background-color: #6b6560;border-color: #6b6560;}

/* .form-horizontal .privacy_wrap .check-input{display: block;} */

/* 문의완료 모달창 */
.form_modal{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1002; display: none;}
.form_modal .form_modal_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 1;}
.form_modal .form_modal_wrap{position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%,-50%); background-color: #fff; border-radius: 25px; width: 420px; min-height: 470px; box-shadow: 5px 11px 60px rgba(26, 12, 12, 0.14);}
.form_modal .form_modal_wrap .close_btn{display: block;position: absolute;top: 30px;right: 30px;width: 13px;height: 14px;}
.form_modal .form_modal_wrap .close_btn span{position: relative;}
.form_modal .form_modal_wrap .close_btn span::before,
.form_modal .form_modal_wrap .close_btn span::after{content: '';display: block;width: 2px;height: 17px;background-color: #999999;position: absolute;top: 50%;left: 50%;}
.form_modal .form_modal_wrap .close_btn span::before{transform: translate(6px,-2px) rotate(-45deg);}
.form_modal .form_modal_wrap .close_btn span::after{transform: translate(6px,-2px) rotate(45deg);}
.form_modal .form_modal_wrap .icon_box{text-align: center; padding: 10px 30px;}
.form_modal .form_modal_wrap dotlottie-player{display: inline-block;}
.form_modal .form_modal_wrap .modal_cont{text-align: center;}
.form_modal .form_modal_wrap .modal_cont h2{font-size: 28px; font-weight: 700; color: var(--main-point-color); line-height: 1em; margin-bottom: 10px;}
.form_modal .form_modal_wrap .modal_cont p{font-size: 18px; font-weight: 400; color: #6c7682; line-height: 1.5em;}
.form_modal .form_modal_wrap .modal_cont .text{background-color: #f9fafc; border-radius: 8px; max-width: 305px; margin: 25px auto 0; display: flex; align-items: center; justify-content: space-between; padding: 18.5px 16px; color: #6c7682; font-size: 18px; font-weight: 400; line-height: 1em; white-space: nowrap;}
.form_modal .form_modal_wrap .modal_cont .text .SUBBOI1_end{display: block; flex-shrink: 0; margin-right: 5px; width: 23px; height: 23px; background: url('../../img/SUBBOI1_end.png') center/23px 23px no-repeat;}
.form_modal .form_modal_wrap .modal_bot{padding: 30px 15px 50px; text-align: center;}
.form_modal .form_modal_wrap .home_btn{display: inline-block;outline: none;line-height: 1em;min-width: 100px;border-radius: 10px !important;color: var(--main-point-color-hover);background-color: transparent;position: relative;overflow: hidden;font-size: 16px;font-weight: 400;padding: 17px 15px;transition: 0.2s;}
.form_modal .form_modal_wrap .home_btn::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--main-point-bg-soft-color);z-index: -1;transition: filter 0.2s ease-in-out;}
.form_modal .form_modal_wrap .home_btn:hover::before{filter: brightness(90%) contrast(120%) saturate(150%);}

/* 2025-09-26 (주)파이브센스_FIVESENSES.Corp. 파일 설명 사용 */
.inquiry_box.file_box .answer #variableFiles .form-group{margin-top: -10px; margin-bottom: 20px;}
.inquiry_box.file_box .answer #variableFiles tr:last-child .form-group{margin-bottom: 10px;}
.inquiry_box.file_box .answer #variableFiles tr:last-child .col-sm-12 > .form-group{margin-top: 0;}
.inquiry_box.file_box .answer input[type="text"].form-control{height: 50px; border-radius: 10px !important; box-shadow: none; transition: 0s;}
.inquiry_box.file_box .answer #variableFiles .col-sm-5 {width: 100% !important; padding: 0 !important;}

@media (max-width:991px){
    .banner_wrap{display: none !important;}
    .sub_menu_box{display: none !important;}
    .write-wrap .top_box{row-gap: 20px; column-gap: 10px; margin-bottom: 25px; margin-top: 30px;}
    .write-wrap .top_box .inquiry_box{max-width: 100%; width: calc(50% - 5px); padding: 5px 12px 10px; border-color: #ededed;}
    .write-wrap .top_box .inquiry_box.on,
    .write-wrap .top_box .inquiry_box:hover{background-color: #fff; box-shadow: none;}
    .write-wrap .top_box .inquiry_box.top_select{width: 100%; border-color: #ededed;}
    .write-wrap .top_box .inquiry_box > label{font-size: 11px;}
    .write-wrap .top_box .inquiry_box.top_select .answer select{font-size: 13px;}
    .write-wrap .top_box .inquiry_box.top_select .answer .wr_select_arr{width: 16px; height: 9px; background: url(/img/m_write_arr.png) center / 16px 9px no-repeat; right: 10px; transition: 0.2s;}
    .write-wrap .top_box .inquiry_box.top_select .answer:hover .wr_select_arr{background: url(/img/m_write_arr_on.png) center / 16px 9px no-repeat;}
    .write-wrap .top_box .inquiry_box .answer input[type="text"], 
    .write-wrap .top_box .inquiry_box .answer input[type="password"]{font-size: 13px;}
    .write-wrap .top_box .inquiry_box .answer input[type="password"]{color: #000;}
    .write-wrap .top_box .input_box{width: 100%; border-color: #ededed;}
    .write-wrap .top_box .input_box .inquiry_box{max-width: 100%; width: 50%;}
    .write-wrap .top_box .input_box .inquiry_box + .inquiry_box{padding-left: 15px;}
    .write-wrap .top_box .input_box .inquiry_box + .inquiry_box::before{height: 33px; top: 10px; transform: none; background-color: #ededed;}
    .write-wrap .top_box .inquiry_box .answer .file_input label{font-size: 13px;}
    .write-wrap .top_box .inquiry_box .answer .file_input span{font-size: 13px;}
    .write-wrap .top_box .inquiry_box .inquiry_sort .sp-label{margin-right: 24px;}
    .write-wrap .top_box .inquiry_sort input + label .ch_box{width: 11px; height: 11px; background: url(/img/m_square_off.png) center / 11px 11px no-repeat; top: 1px; margin-right: 5px;}
    .write-wrap .top_box .inquiry_sort input:checked + label .ch_box{background: url(/img/m_square_on.png) center / 11px 11px no-repeat;}
    .write-wrap .top_box .inquiry_sort input + label .text{font-size: 13px;}
    /*  2025-08-14 (주)파이브센스_FIVESENSES.Corp.
    .write-wrap #wr_subject{font-size: 28px;} */
    .write-wrap .top_box .inquiry_box.top_select .answer .wr_drop{box-shadow: 0 0 5px rgba(0,0,0,0.05); border-radius: 4px; border: 1px solid #ededed;}
    .write-wrap .top_box .inquiry_box.top_select .answer .wr_drop li{font-size: 12px; line-height: 35px;}

    /* .write-wrap .bot_box{border-radius: 10px; margin-top: 30px;} */
    .write-wrap .bot_box .inquiry_box > label{float: none; width: 100%; font-size: 14px; line-height: 1em; font-weight: 600; margin-bottom: 15px; position: relative;}
    .write-wrap .bot_box .inquiry_box > .answer{float: none; width: 100%;}
    .write-wrap .bot_box .inquiry_box .answer input[type="text"]{font-size: 13px; border-radius: 4px; line-height: 36px; padding: 0 10px;}
    .inquiry_box .answer .file_input .row .file_content{margin-bottom: 10px;}
    .inquiry_box .answer .file_input .row .file_content > label{width: 85px; height: 38px; line-height: 36px; border-radius: 4px; font-size: 13px; margin-left: 5px; }
    .inquiry_box .answer .file_input .row .file_content > div.left_file{width: calc(100% - 90px);}
    .inquiry_box .answer .file_input .row .file_content > div.left_file input{height: 38px; line-height: 36px; border-radius: 4px; font-size: 13px; padding: 0 10px;}
    .inquiry_box .answer .file_control{width: auto;}
    /* .inquiry_box .answer .file_control .form-control-static{height: 38px;} */
    .inquiry_box .answer .file_control .files_p{color: #999999; font-size: 12px;}
    .inquiry_box .answer .file_control .form-control-static{gap: 10px;}
    .inquiry_box .answer .file_control .form-control-static img{width: 18px;}

    .caption_box{margin-top: 15px; display: block;}
    .form-horizontal .input_wrap .input__caption{font-size: 13px; margin: 0;}
    .icon__exp{width: 13px; height: 13px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NTg4YTAwMDEtOTE3ZS04MzQyLWFlOWItNDNiY2Q2MzQ2ZmIxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyRjY1MTA5RTM3RTExRUY5OEE1OUY2QkQ4MzJGQkVBIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyRjY1MTA4RTM3RTExRUY5OEE1OUY2QkQ4MzJGQkVBIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy4xIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmJiYTgzMmE2LTU1MDYtNTU0ZC05YTNiLTA2MzlhOGRiNzNiNiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY1NjJlYmZlLTI2ZGItZmY0OC04YTU2LWVhMGI5ZWE4MDA2NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhkyxvYAAAGaSURBVHjatJY/S8NAGMavF2dtCkUE/xA342fo4uKgOLhoQRB3BxFEcBEnFwU/geA/xG4OAUFB8x3UTFZRkEihdKiL1OrzhjdQQtM7DffAjyvt3fO8TS73JheGoeihUbAApoALiuALvIMX4INz8JpmkEsJGAa7oAws0VvfHLIF3pI/yi4LZsADWNIwFzyH5t5zQT0DVsEl6Bd/F605A2tpAbPgQLPq1EsO9sBcMmAEnGY077xkx2CoM4Bu6IBqZRAEwvO8aFSIvHbiANqKizqlVatV0Wq1olFDK2BMam7FSI7jCMuyolFDfVQ4PQdX+DAtzOiaUiZ1Z/u+LxqNhigUCqJUKukscSU//loic1K9XtddUpS8d42JAmoG/WuSzxBTCijg1mDADQVcgLYBczrGK5IbR8VAwBF4js+iTfCpWpHP56PRtm3VVPLaTna0Mp/nWbftD1gGJ8l+QG1vPeP9IPON2LxbR6OGMw+a/zBvcuX7qp5MLXMCHGr+mzbPdTsrV71VxBrnXhG/tgzy9x/gEdzxpX1KM/gVYAA1TmR9aLov2gAAAABJRU5ErkJggg==) center / 13px 13px no-repeat;}
    .top_box .icon__exp{width: 12px; height: 12px; background-size: 12px 12px;}

    .install__caption{border-radius: 8px; bottom: auto !important; left: 0; transform: none; top: 28px; padding: 10px;}
    .bot_box .install__caption{left: -15px;}
    .install__caption p{font-size: 13px;}

    .write-wrap .well{border-radius: 10px !important; padding: 30px 25px; margin-bottom: 30px;}
    .write-wrap #captcha .captcha_imgbox{width: 125px; height: 40px; border-radius: 4px; padding: 6px 15px 4px; border-color: #ededed;}
    .write-wrap #captcha .captcha_imgbox img{height: 32px !important;}
    #captcha #captcha_img{width: auto; height: 32px !important; margin-top: 0;}
    .write-wrap #captcha #captcha_key{height: 40px; border-radius: 4px;}
    .at-html #captcha.m_captcha #captcha_key{width: 125px; height: 40px; line-height: 40px; border-radius: 4px; border: 1px solid #ededed; background-image: none !important;}
    #captcha #captcha_mp3{top: 0;}
    #captcha #captcha_reload{top: 20px;}
    #captcha.m_captcha #captcha_mp3{background: url(/img/m_captcha_mp3_icon.png) center / 14px 14px no-repeat; width: 15px; height: 20px; top: 0; left: 1px;}
    #captcha.m_captcha #captcha_reload{background: url(/img/m_captcha_reload_icon.png) center / 15px 13px no-repeat; width: 15px; height: 20px; top: 20px; left: 1px; border-top: 1px solid #e1e1e1;}
    .write-wrap #captcha_info{font-size: 13px; margin-top: 14px;}

    .write-wrap{/*padding: 30px 15px;*/ border-radius: 10px;}
    .write-wrap .inquiry_box > label{float: none; width: 100%; font-size: 14px; line-height: 1em; font-weight: 600; margin-bottom: 13px; position: relative;}
    .write-wrap .inquiry_box.checkbox_icon_box > label{margin-bottom: 25px;}
    .write-wrap .inquiry_box > .answer{float: none; width: 100%;}
    .write-wrap .inquiry_box .answer input[type="password"],
    .write-wrap .inquiry_box .answer input[type="text"]{font-size: 13px; font-weight: 400; border-radius: 4px; line-height: 36px; padding: 0 10px;}
    .write-wrap .inquiry_box.wr_select .wr_select_arr{width: 9px;height: 5px;background: url(/img/m_wr_select_arr.png) center / 9px 5px no-repeat;right: 10px;}
    .write-wrap .wr_drop{border-radius: 4px; box-shadow: 0 2px 3px rgba(0,0,0,0.04); border: 1px solid #ededed; top: calc(100% - 1px); padding: 0 5px;}
    .write-wrap .wr_drop_ul{padding: 0; max-height: none; overflow: visible;}
    .write-wrap .wr_drop li{font-size: 11px; line-height: 35px; border-radius: 4px;}
    .write-wrap .wr_drop li + li{margin-top: 0;}
    .write-wrap .answer.checkbox_wrap ul{row-gap: 18px; column-gap: 37px;}
    .write-wrap .answer.checkbox_wrap label .ch_box{width: 18px; height: 18px; border-radius: 2.5px; border-color: #ededed;}
    .write-wrap .answer.checkbox_wrap input:checked + label .ch_box{background: url(../../img/m_write_ch.png) center / 18px 18px no-repeat; background-color: #6b6560;}
    .write-wrap .answer.checkbox_wrap label span{font-size: 13px; line-height: 18px;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul{column-gap: 15px; row-gap: 15px;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul li{width: 100px;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label{width: 100%; border-radius: 8px; padding: 73px 5px 27px;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img{mask-size: 100%; -webkit-mask-size:100%;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img01{background-image: url(../../img/m_write_icon_01.png); background-size: 34px 34px; width: 34px; height: 34px;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img02{background-image: url(../../img/m_write_icon_02.png); background-size: 33px 33px; width: 33px; height: 33px;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img03{background-image: url(../../img/m_write_icon_03.png); background-size: 36px 31px; width: 36px; height: 31px;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img04{background-image: url(../../img/m_write_icon_04.png); background-size: 31px 31px; width: 31px; height: 31px;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img05{background-image: url(../../img/m_write_icon_05.png); background-size: 31px 31px; width: 31px; height: 31px;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label .icon_img06{background-image: url(../../img/m_write_icon_06.png); background-size: 35px 31px; width: 35px; height: 31px;}
    .write-wrap .checkbox_icon_box .answer.checkbox_wrap ul label span{font-size: 13px;}
    .write-wrap .answer.radio_wrap ul{row-gap: 18px; column-gap: 23px;}
    .write-wrap .answer.radio_wrap label .ch_box{width: 18px; height: 18px; border-color: #ededed;}
    .write-wrap .answer.radio_wrap input:checked + label .ch_box{background: url(../../img/m_write_ch.png) center / 18px 18px no-repeat; background-color: #6b6560;}
    .write-wrap .answer.radio_wrap label span{font-size: 13px; line-height: 18px;}
    .write-wrap .radio_text_box .answer.radio_wrap ul{row-gap: 10px; column-gap: 10px;}
    .write-wrap .radio_text_box .answer.radio_wrap ul li{width: calc(50% - 5px);}
    .write-wrap .radio_text_box .answer.radio_wrap ul label{border-radius: 4px; padding: 12px 15px; border-color: #ededed;}
    .write-wrap .radio_text_box .answer.radio_wrap ul label span{font-size: 13px;}
    .write-wrap .inquiry_box:last-of-type{margin-bottom: 0;}

    .write-wrap .inquiry_box.date_box .btn_date{min-width: 85px; font-size: 13px; border-radius: 4px; margin-left: 5px; line-height: 38px;}

    .inquiry_box .answer.answer_content{border-radius: 5px; height: 130px;}
    .inquiry_box .answer.answer_content textarea{font-size: 13px; padding: 5px 10px 0; margin-top: 8px; height: 122px !important;}
    
    /* .fr-box.fr-basic .fr-wrapper,
    .fr-toolbar{border-color: #ededed !important;} */

    .essential{font-size: 14px;}
    .msg-box{font-size: 11px; position: relative; bottom: 0; margin-top: 12px;}
    .form-horizontal .input_wrap{row-gap: 30px;}
    .form-horizontal .input_wrap .inquiry_box{width: 100%;}
    .form-horizontal .info_box .des{font-size: 11px; padding-bottom: 10px; margin-bottom: 30px;}
    .form-horizontal .info_box .des .essential{font-size: 11px;}
    .form-horizontal .privacy_wrap{margin-top: 30px;}
    .form-horizontal .privacy_wrap .privacy_box{border-radius: 5px; height: 130px; margin: 0 0 13px; padding: 15px 5px 15px 15px;}
    .form-horizontal .privacy_wrap .privacy{height: 115px;}
    .form-horizontal .input_title{font-size: 14px; font-weight: 600; margin-bottom: 15px;}
    .form-horizontal .privacy_wrap .check-input + label{font-size: 13px; padding-left: 18px;}
    .form-horizontal .check-input + label:after{width: 13px; height: 13px; border-radius: 1.5px; top: calc(50% + 1px);}
    .form-horizontal .check-input:checked + label:after{background: url('/img/m_write_ch.png') center/13px 13px no-repeat; background-color: #235bf5;}
    .write-wrap .use_captcha{margin-top: 30px;}
    .write-wrap .write-btn.btn_write .btn{width: 100%; min-width: auto; border-radius: 10px !important;}
    .write-wrap .write-btn.btn_write .btn span{font-size: 13px; line-height: 45px;}

    /* 문의완료 모달창 */
    .form_modal .form_modal_bg{background-color: rgba(0,0,0,0.3);;}
    .form_modal .form_modal_wrap{top: auto; bottom: 15px; left: 15px; transform: none; border-radius: 23px; width: calc(100% - 30px); min-height: auto; box-shadow: none;}
    .form_modal .form_modal_wrap .close_btn{display: none;}
    .form_modal .form_modal_wrap::before {content: '';display: block;position: absolute;top: 14px;left: 50%;transform: translateX(-50%);width: 48px;height: 4px;background-color: #e1e1e1;border-radius: 2px;}
    .form_modal .form_modal_wrap .icon_box{text-align: center; padding: 25px 30px 0;}
    .form_modal .form_modal_wrap .modal_cont{padding: 0 25px;}
    .form_modal .form_modal_wrap .modal_cont h2{font-size: 18px; margin-bottom: 10px;}
    .form_modal .form_modal_wrap .modal_cont p{font-size: 14px;}
    .form_modal .form_modal_wrap .modal_cont .text{background-color: #f9fafc; border-radius: 10px; justify-content: center; margin: 25px auto 0; padding: 13.5px 16px; font-size: 14px; }
    .form_modal .form_modal_wrap .modal_cont .text .SUBBOI1_end{width: 18px; height: 18px; background: url('../../img/m_SUBBOI1_end.png') center/18px 18px no-repeat;}
    .form_modal .form_modal_wrap .modal_bot{padding: 25px 15px; text-align: center;}
    .form_modal .form_modal_wrap .home_btn{display: inline-block;line-height: 1em;min-width: 125px;font-size: 14px;padding: 17px 15px;}

    /* 2025-09-26 (주)파이브센스_FIVESENSES.Corp. 파일 설명 사용 */
    .inquiry_box.file_box .answer #variableFiles .form-group{margin-top: 0;}
    .inquiry_box.file_box .answer input[type="text"].form-control{height: 38px; border-radius: 4px !important;}
}

@media (max-width:700px){
    .write-wrap .top_box .inquiry_box .inquiry_sort .sp-label{width: calc(50% - 20px); margin-right: 10px;}
}
@media (max-width:480px){
    .write-wrap .top_box .inquiry_box .inquiry_sort .sp-label{width: 100%;}
    .mob_date_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 1000;display: none;}
    .ui-widget.ui-widget-content{position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%);border-radius: 23px;z-index: 1001 !important; width: calc(100% - 30px); display: none;}
    #ui-datepicker-div.ui-datepicker .ui-datepicker-header{padding: 50px 20px 35px;}
    #ui-datepicker-div.ui-datepicker .ui-datepicker-header::before{content: '';display: block;width: 48px;height: 4px;border-radius: 2px;background-color: #e1e1e1;position: absolute;top: 13px;left: 50%;transform: translateX(-50%);}
    #ui-datepicker-div.ui-datepicker select.ui-datepicker-month, 
    #ui-datepicker-div.ui-datepicker select.ui-datepicker-year{width: 85px;height: 33px;border-radius: 4px;font-size: 12px;font-weight: 500;background: url(../../img/m-datepicker-arr.png) right 10px center / 10px 6px no-repeat;background-color: #f5f5f5;}
    #ui-datepicker-div.ui-datepicker .ui-datepicker-title{margin-right: 25px;}
    #ui-datepicker-div.ui-datepicker .ui-datepicker-prev, 
    #ui-datepicker-div.ui-datepicker .ui-datepicker-next{width: 22px;}
    #ui-datepicker-div.ui-datepicker .ui-datepicker-prev span,
    #ui-datepicker-div.ui-datepicker .ui-datepicker-next span{background: url('../../img/m_date_arrow.png') center / 8px 14px no-repeat;}
    #ui-datepicker-div.ui-datepicker th{font-size: 14px;}
    #ui-datepicker-div .ui-state-default, 
    #ui-datepicker-div .ui-widget-content .ui-state-default, 
    #ui-datepicker-div .ui-widget-header .ui-state-default, 
    #ui-datepicker-div .ui-button, 
    html #ui-datepicker-div .ui-button.ui-state-disabled:hover, 
    html #ui-datepicker-div .ui-button.ui-state-disabled:active{font-size: 14px;}
    #ui-datepicker-div .ui-helper-clearfix:before, 
    #ui-datepicker-div .ui-helper-clearfix:after{display: none;}
    #ui-datepicker-div .ui-datepicker-current-day a.ui-state-active, 
    #ui-datepicker-div .ui-datepicker-days-cell-over a.ui-state-default{height: 40px; max-width: 40px;}
    #ui-datepicker-div.ui-datepicker thead th:nth-of-type(1), 
    #ui-datepicker-div.ui-datepicker tbody td:nth-of-type(1){padding-left: 10px;}
    #ui-datepicker-div.ui-datepicker thead th:nth-last-of-type(1), 
    #ui-datepicker-div.ui-datepicker tbody td:nth-last-of-type(1){padding-right: 10px;}
    #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane{padding: 30px 25px 25px;}
    #ui-datepicker-div.ui-datepicker .ui-datepicker-buttonpane button{font-size: 13px; height: 43px;}
}