.sortable_box._sort._style-survey-1>ul>li>._box{
position:relative;
padding:20px;border:1px solid #ccc;background:#fff;margin:10px;
box-shadow:0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
border:1px solid #dadce0;
/* transition:box-shadow .25s cubic-bezier(0,0,0.2,1); */
border-radius:5px;
}

.sortable_box._sort._style-survey-1>ul>li>._box{display:block;border:3px solid #fff}
.sortable_box._sort._style-survey-1>ul>li>._box>div{display:block}
.sortable_box._sort._style-survey-1>ul>li>._box>div._data{width:80%}
.sortable_box._sort._style-survey-1>ul>li>._box>div._settings{width:100%;text-align:right}
.sortable_box._sort._style-survey-1>ul>li>._box>div._settings>a{}
.sortable_box._sort._style-survey-1>ul>li>._box>div._settings:after{display:none}
.sortable_box._sort._style-survey-1>ul>li>._box.on{border-left-color:#dc143c}

.survey_html{font-size:15px;margin-top:20px}

.survey_list_box .ui-sortable ._placeholder{height:200px;margin:30px 0;border:1px dashed #c7254e;background:#f9f2f4}
.example_box .ui-sortable ._placeholder{height:50px;margin:10px 0}
/* 구조 */
.survey_pan_box{position:relative}

.survey_pan{margin:0 auto 10px auto;padding:0px;border:1px solid #ccc;background:#fff;
box-shadow:0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
transition:box-shadow .25s cubic-bezier(0,0,0.2,1);
padding-left:5px;background:#6f9cea;border-radius:10px;overflow:hidden;
}

.survey_pan>div._in{padding:20px 260px 80px 20px;background:#fff}
.survey_pan._off>div._in{padding-bottom:20px;padding-right:20px}

.survey_pan>div._in>div{position:relative}
.survey_pan>div._in>div._box_subject{/* width:700px */}
.survey_pan>div._in>div._box_insert{/* width:700px */}
.survey_pan>div._in>div._box_type{position:absolute;top:30px;right:30px;width:200px}
.survey_pan>div._in>div._box_option_msg>div{display:none;padding:10px;color:#2196f3;font-size:13px}
.survey_pan.__multiple.__checkbox>div._in>div._box_option_msg>div{display:none}
.survey_pan.__multiple.__checkbox>div._in>div._box_option_msg>div._on{display:block}

.survey_pan>div._in>div._box_option_etc_msg{text-align:right;display:none}
.survey_pan._off._title_box{font-size:30px;padding:5px 0 0 0;background:#6f9cea}
.survey_pan._off>div._in>div._box_option_etc_msg{display:block}
.survey_pan>div._in>div._box_option_etc_msg .survey_icon_btn{display:none}
.survey_pan>div._in>div._box_option_etc_msg .survey_icon_btn:before{color:#d3d3d3}
.survey_pan>div._in>div._box_option_etc_msg .survey_icon_btn._option_mix:before{content:'\e63f'}
.survey_pan>div._in>div._box_option_etc_msg .survey_icon_btn._open{display:inline-block}

.survey_pan>div._in>div._box_option{/* width:700px */;min-height:100px}
.survey_pan>div._in>div._box_etc{position:absolute;left:0;right:0;bottom:0;margin-top:0;padding:20px;border-top:1px solid #ccc;text-align:right}
.survey_pan>div._in>div._box_option_etc{position:absolute;z-index:1;bottom:30px;left:30px;display:none}
.survey_pan.__multiple>div._in>div._box_option_etc{display:block}

.survey_pan_box>._top_order{position:absolute;top:0;left:0;right:0;width:100%;text-align:center;display:none}
.survey_pan_box:hover>._top_order{display:block}
.survey_pan_box._disabled:hover>._top_order{display:none}

.survey_pan_box>._top_order>._direct_key{display:inline-block;padding:0 30px;cursor:move}
._box_subject>._in>._subject_value{position:ralative;width:100%;min-width:100px;padding:10px;border-bottom:2px solid #ccc;font-size:18px;font-weight:bold}
._box_subject>._in>._subject_value.__error{background-color:#fddada;border-color:red}
._box_subject>._in>._subject_value._required:after{content:'*';position:absolute;top:0;right:-10px;color:red}

._box_insert>._settings_area{margin-top:10px}
._box_insert>._explain_area>._explain_value{width:100%;padding:10px;border-bottom:1px solid #ccc;}
._box_insert>._explain_area>._explain_value.__error{background-color:#fddada;border-color:red}
._box_insert>._explain_area{display:none}
._box_insert>._explain_area._open{display:block}
._box_insert>._explain_image_area{display:none}
._box_insert>._explain_image_area._open{display:block}
._box_insert>._explain_image_area>._explain_no_preview{margin:20px 0 10px 0;background:#f1f1f1;line-height:200px;text-align:center}
._box_insert>._explain_image_area>._explain_image_value{display:none !important}

._box_insert ._settings_area{text-align:right}
._box_insert ._settings_area>._in{display:inline-block}
._box_insert ._settings_area>._in>div{display:table}
._box_insert ._settings_area>._in>div>div{display:table-cell;padding-left:20px}

._box_type ._type_select>div{display:none}
._box_type ._type_select>div._open{display:block}

._box_option .form_info{margin-bottom:0}

._box_option ._option_select>div{display:none}
._box_option ._option_select>div._open{display:block}
._box_option ._option_select>div>._row{display:none}
._box_option ._option_select>div>._row._open{display:block}
._box_option .example_box{padding:10px 0;/*margin-top:20px*/}

._box_option ._setting_multiple_kinds>._dropdown_preview{display:none}

/* 주소박스 */
._address_example_box ._post{display:inline-block;width:100px;margin-right:5px}
._address_example_box ._address,._address_example_box ._address_detail,._address_example_box ._address_etc{display:block;margin-top:5px}
._address_example_box .button._search{background-color:#3f51b5;border-color:#3f51b5;color:#fff}

/* 날짜박스 */
._t_timedate{display:table}
._t_timedate>span{display:table-cell;padding-right:10px}
._t_timedate>span._t_time>input{width:100px !important}
._t_timedate>span>span._s_explain1{padding-left:5px}
._t_timedate select{width:auto !important}

._box_etc .check-switch label{padding-left:10px;line-height:1;vertical-align:super} /* 필수체크 박스 */

.button.survey_icon_btn{position:relative;border:none;background:transparent;width:30px;height:30px;line-height:30px;min-width:auto;margin-left:10px}
.button.survey_icon_btn>span{visibility:hidden;text-indent:-9000px;overflow:hidden}
.button.survey_icon_btn:before{font-family:'axicon';position:absolute;top:0;right:0;width:30px;height:30px;font-size:20px;color:#6c6c6c;border-radius:3px}
.button.survey_icon_btn._copy:before{content:'\e792'}
.button.survey_icon_btn._remove:before{content:'\f014'}
.button.survey_icon_btn._del:before{content:'\e937';color:#ccc}
.button.survey_icon_btn._add_img:before{content:'\e891'}
.button.survey_icon_btn._order_row{/*margin-left:0;*/cursor:move}
.button.survey_icon_btn._order_row:before{content:'\e93e';color:#c1c1c1;right:-2px}
.button.survey_icon_btn._order_row:after{font-family:'axicon';position:absolute;top:0;right:2px;width:30px;height:30px;font-size:20px}
.button.survey_icon_btn._order_row:after{content:'\e93e';color:#c1c1c1}

.button.survey_icon_btn._order_row2{margin-right:10px}
.button.survey_icon_btn._order_row2:before{content:'\e93d';color:#c1c1c1;top:-2px}
.button.survey_icon_btn._order_row2:after{font-family:'axicon';position:absolute;top:2px;right:0;width:30px;height:30px;font-size:20px}
.button.survey_icon_btn._order_row2:after{content:'\e93d';color:#c1c1c1}

.button.survey_icon_btn._more:before{content:'\e023'}

a.button.survey_icon_btn:hover:before,a.button.survey_icon_btn:focus:before{color:#000;background:#f1f1f1}

/* 주관식 */
._multiple_row{position:relative}
._multiple_row>div{display:table;width:100%;margin-bottom:0}
._multiple_row>div>span{display:table-cell}
._multiple_row>span._order,._multiple_row>div>span._base,._multiple_row>div>span._checkbox,._multiple_row>div>span._dropdown{width:30px;text-align:center}
._multiple_row>div>span._input>span{display:block;padding:10px;border-bottom:1px solid #ccc}
._multiple_row>div>span._input>._option_value.__error{background-color:#fddada;border-color:red}
._multiple_row>div>span._off{display:none}
._multiple_row>div>span._input{}
._multiple_row>._order{position:absolute;top:7px;left:-30px}

._multiple_row._add_line>div>span._base,._multiple_row._add_line>div>span._checkbox,._multiple_row._add_line>div>span._dropdown{visibility:hidden}
._add_line>div>span._add_input{padding:10px 0}
._add_line>div>span._add_input>input[type='checkbox']{margin-right:5px;vertical-align:baseline}
._add_line>div>span._preview{display:none;padding:10px}
._add_line>div>span._preview>._option_etc_input{display:none;padding-top:10px}
._add_line>div>span._preview._on>._option_etc_input{display:block}

.form_info .survey_pan input[type='text']{border:none;border-bottom:1px solid #ccc;box-shadow:none !important}
.survey_pan input[type='checkbox']{margin-right:0;vertical-align:baseline;width:auto}
.survey_pan input[type='checkbox'] + label{padding-left:5px}

.survey_pan._off{box-shadow:none;background:#fff}
.survey_pan._off>div._in>div._box_subject{width:auto;display:inline-block}
.survey_pan._off>div._in>div._box_type{display:none}
.survey_pan._off>div._in>div._box_insert{width:auto}
.survey_pan._off>div._in>div._box_insert>._settings_area{display:none}
.survey_pan._off>div._in>div._box_option{width:auto;min-height:auto}
.survey_pan._off>div._in>div._box_etc{display:none}
.survey_pan._off>div._in>div._box_option_etc{display:none}
/* .survey_pan._off>._top_order{display:none} */

.survey_pan._off ._box_subject>._in>._subject_value{border:none}
.survey_pan._off ._box_insert>._explain_area>._explain_value{border:none}

.survey_pan._off ._multiple_row>span._order{display:none}
.survey_pan._off ._multiple_row>div>span._input>span{border-bottom:none}

.survey_pan._off ._box_option .form_info{}
.survey_pan._off ._box_option ._setting_multiple_kinds{margin-top:0}

.survey_pan._off ._box_option ._setting_multiple_kinds._dropdown>._dropdown_preview{display:block}
.survey_pan._off ._box_option ._setting_multiple_kinds._dropdown ._sort_line{display:none}

.survey_pan._off ._add_line{display:none}
.survey_pan._off ._add_line._open{display:block}
.survey_pan._off ._add_line>div>span._add_input{display:none}
.survey_pan._off ._add_line._open>div>span._preview{display:table-cell}
.survey_pan._off ._multiple_row._add_line._open>div>span._base,.survey_pan._off ._multiple_row._add_line._open>div>span._checkbox,.survey_pan._off ._multiple_row._add_line._open>div>span._dropdown{visibility:visible}

.survey_pan._off .form_info input:read-only,.survey_pan._off .form_info select:read-only,.survey_pan._off .form_info textarea:read-only{background:#fff}

.survey_pan a{outline:none}
.survey_pan ._editor_box{outline:none}

.survey_pan ._editor_box:hover,.survey_pan ._editor_box:focus{border-color:#6f9cea}

.detail_layer{width:250px;border:1px solid #ccc;background:#fff;border-radius:5px;padding:0;
box-shadow:0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
}

.detail_layer_ul{}
.detail_layer_ul>li{height:50px;line-height:50px;padding:0 20px}
.detail_layer_ul>li:hover{background:#f1f1f1}
.detail_layer_ul input[type='text']{width:45px !important;height:25px !important;line-height:25px !important;padding:0 10px;margin:0 10px;border:1px solid #ccc;background:#fff;border-radius:3px;text-align:right}
.detail_layer_ul input:read-only{background:#f1f1f1}

.detail_layer_ul input[type='checkbox']{margin-right:0}
.detail_layer_ul label{padding-left:15px}

.detail_layer_ul>li._only_checkbox{display:none}
.survey_pan.__multiple.__checkbox .detail_layer_ul>li._only_checkbox{display:block}

/* 옵션 sortable 부분 */
.sortable_box._survey_option_style{margin:0}
.sortable_box._survey_option_style>._body{margin:0}
.sortable_box._survey_option_style>ul>li:hover{background:#fff}

.sortable_box._survey_option_style>._body ._settings>._delete{border:none;width:30px;height:30px;line-height:30px}
.sortable_box._survey_option_style>._body ._settings>._delete:after{content:'\e937';color:#ccc;font-size:20px;width:30px;height:30px;line-height:30px;display:inline-block;border-radius:3px}
.sortable_box._survey_option_style>._body ._settings>._delete:hover:after,.sortable_box._survey_option_style>._body ._settings>._delete:focus:after{color:#000;background:#f1f1f1}

.sortable_box._survey_option_style>._body ._settings._sort:after{display:none}

.sortable_box._survey_option_style ._box>div._settings{width:40px}
.survey_pan._off .sortable_box._survey_option_style ._box>div._settings{display:none}
.survey_pan .sortable_box._survey_option_style ._box>div._settings_etc>a{margin-left:30px;margin-bottom:20px;position:relative;border:none;background:transparent;width:30px;height:30px;line-height:30px;min-width:auto}
.survey_pan .sortable_box._survey_option_style ._box>div._settings_etc>a>span{visibility:hidden;text-indent:-9000px;overflow:hidden}
.survey_pan .sortable_box._survey_option_style ._box>div._settings_etc>a._add:before{content:'\e114';font-family:'axicon';position:absolute;top:0;right:0;width:30px;height:30px;font-size:20px;color:#6c6c6c;border-radius:3px}
.survey_pan._off .sortable_box._survey_option_style ._box>div._settings_etc{display:none}

.sortable_box._style-2 ._head._box>div._settings, .sortable_box ._body ._box>div._settings{border:none;background:transparent}

.sortable_box._survey_option_style._sort>ul>li{cursor:default}

._dropdown_select{width:auto !important}
.survey_pan input[type='file'],.survey_pan input._half{max-width:500px}

.survey_list_box.sortable_box>._body>._row>._box>div._settings{display:none}
.survey_list_box.sortable_box>._body ._settings._sort:after{display:none}

.survey_list_box.sortable_box>ul>li:hover{background:transparent}

.sortable_box._sort>ul>li{cursor:default !important}

.button._last_add{display:block;width:100%;height:auto;padding:20px 0;font-size:20px;text-align:center;background:#fff;margin-bottom:100px}
.button._last_add:before{content:'+';margin-right:5px}

.m9-select-box.user-style-2{width:200px}

input::placeholder,textarea::placeholder{color:#999}
