@charset "utf-8";

/* Write */
.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:3rem 0px 4rem; 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; margin-bottom:1rem;}
#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; }

/*----------------------추가---------------------------*/
.at-body .at-container, .write-wrap{overflow:visible;}
.input_wrap{margin-bottom:1rem;}
.input_txt{font-size: 1.6rem; line-height:2rem; padding:1.3rem 2rem; border-radius:2.3rem; border:1px solid #e0e0e0; background:#fff; outline:0;}
.input_txtarea{height:10rem; font-size: 1.6rem; line-height:2rem; padding:1rem 1.5rem; border-radius:2.25rem; border:1px solid #e0e0e0; background:#fff; outline:0;}
.input_txtarea::placeholder{color:#757575;}

#variableFiles td{position:relative;}
.img_wrap{display:inline-block; width:14rem; height:14rem; border:1px solid #e0e0e0; border-radius:1rem; }
.img_wrap img{width:100%; height:100%; object-fit:contain; border-radius:1rem;}
#logo{display:none;}
.btn_logo{position:absolute; top:50%; left:14.2rem; font-size:1.6rem; line-height:4.6rem; color:#fff; padding-left:4.5rem; padding-right:2rem; border-radius:2.25rem; margin-left:2rem; background:#376d50 url('/thema/Basic/img/plus_w.png') no-repeat 20px center; transform:translateY(-50%);}
.brand_seh_wrap{float:left; width:264px;}
#brand_name{width:100%; border:0; background:#d9e4df;}
.btn_wrap{float:right; margin-bottom:0;}

.fixed_add_box{display:inline-block; position:sticky; top:380px; text-align:center; border-radius:1rem; background:#fff; box-shadow:0 0 5px rgba(112, 144, 126, 0.3); transform:translateX(-110%);}
.btn_add{display:block;}
.article_add{padding:2.5rem 1.3rem 2rem;}
.article_add_update{padding:2.5rem 1.3rem 2rem;}
.question_add{padding:2rem 1.3rem 2.5rem;}
.question_add_update{padding:2rem 1.3rem 2.5rem;}
.add_line{width:75%; height:1px; margin:0.5rem auto; background:#e0e0e0;}
.add_txt{font-size:1.4rem; line-height:1.6rem; color:#333; font-weight:600; margin-top:1rem;}
.btn_checklist{display:inline-block; width:12rem; font-size:1.6rem; line-height:4.3rem; color:#054824 !important; font-weight:600; border:1px solid #054824; border-radius:22.5rem; margin:0 0.5rem; background:#fff;}
.btn_store{color:#fff !important; background:#054824;}
.arti_box{margin-top:-18.95rem;}
.ques_box{font-size:0; padding:2rem; padding-bottom:1.1rem; border:1px solid #e0e0e0; border-radius:1rem; margin-bottom:1rem;}
.check, .kind_check{display:none;}
.check + label{width:2rem; height:2rem; margin-right:1rem; background:url('/thema/Basic/img/check_icon.png') no-repeat center center; background-size:100%;}
.check:checked + label{background-image:url('/thema/Basic/img/check_icon_on.png');}
.ques_tit b{font-size:1.9rem; line-height:2.8rem; font-weight:800; vertical-align:middle; margin-right:1.3rem;}
.kind_check + label{font-size:1.6rem; line-height:4.4rem; color:#757575; padding:0 2rem; border:1px solid #e0e0e0; border-radius:22.5rem; margin-right:5px; background:#fff;}
.kind_check:checked + label{color:#fff; border-color:#054824; background:#054824;}
.btn_delete{margin-left:0.5rem; cursor:pointer;}

.question{width:100%; margin-bottom:1.5rem; padding-left:-1.5rem;}
.question2{padding-left:2.6rem;}
.question3{padding-left:13.5rem;}
.s_tit{font-size:1.6rem; line-height:1.8rem; font-weight:bold; margin-bottom:1rem;}
.wid100{width:100%;} 
.ques01{width:100%; max-width:1035px; margin-right:0.5rem;}
.ques02{width:100%; max-width:990px; margin-right:0.5rem;}
.arti01{width:calc(100% - 3rem); max-width:889px; margin-right:1rem;}
.arti01_1{width:calc(100% - 3rem); max-width:878px; margin-right:1rem;}
.arti02{width:calc(100% - 3rem); max-width:836px; margin-right:1rem;}
.arti03{width:calc(100% - 3rem); max-width:694px; margin-right:1rem;}
.plan01{float:right; width:100%; max-width:1075px;}
.plan02{float:right; width:100%; max-width:1020px;}
.plan03{float:right; width:100%; max-width:895px}
.answer_inner{ position:relative; padding-left:4.3rem; }
.btn_answer_add{position:absolute; top:9px; left:0;}
.answer_wrap{display:inline-block; margin-right:1.8rem; margin-bottom:0.9rem;}
.answer{display:inline-block; width:139px; padding:6px 0.5rem; border:1px solid #e0e0e0; border-radius:2.3rem; margin-right:0.8rem; background:#fff;}
.answer_input{width:50%; min-width:6rem; font-size:1.6rem; line-height:3.6rem; color:#555; text-align:center; padding:0 1rem; border:0; border-radius:2.3rem; outline:0;}
.answer_input:first-child{border-right:1px solid #e0e0e0; border-top-right-radius:0; border-bottom-right-radius:0;}

.modal_box{top:20%; transform:translateX(-50%);}
.modal1 .modal_box{max-height:600px; padding:2.7rem 4.3rem;}
.modal2 .modal_box{max-width:384px; text-align:center; padding:3rem 2.5rem;}
.mo_close{position:absolute; top:1rem; right:1rem; z-index:3;}
.modal_tit{font-size:2.4rem; line-height:2.6rem; color:#054824; font-weight:800; text-align:center;}
.modal_con{margin-top:2.5rem; margin-bottom:3rem;}
.check_radio{display:none;}
.check_radio + label{font-size:1.8rem; line-height:2rem; color:#3d3d3d; padding-left:2.8rem; margin-right:2rem; background:url('/thema/Basic/img/check_icon.png') no-repeat left center; cursor:pointer;}
.check_radio + label:nth-of-type(3){margin-right:0;}
.check_radio:checked + label{background-image:url('/thema/Basic/img/check_icon_on.png');}
.mo_btn_wrap{text-align:center;}
.mo_btn{display:inline-block; width:15rem; font-size:1.8rem; line-height:4.8rem; color:#fff; border-radius:2.4rem; border:0; margin:0 0.5rem; background:#ddd;}
.btn_on{background:#054824;}
.mo_table th{position:relative; font-size:1.8rem; line-height:3.6rem; padding-left:1.8rem; }
.mo_table th:before{content:''; position:absolute; top:50%; left:0; width:1rem; height:1rem; border-radius:3px; background:#054824; transform:translateY(-50%);}
.mo_table tr td{padding-bottom:1rem;}
.modal_bg .input_txt{ border:0; background:#d9e4df;}
.input_grade{width:14rem; margin-right:2rem; }
.input_score{width:17rem; margin-right:1rem; }
.btn_grade_del{cursor:pointer;}

.file_wrap{position:relative;}
.sbl_logo_wrap{position:absolute; top:0; right:0;}
.btn_sbl_logo{position:absolute; top:50%; left:-2rem; font-size:1.6rem; line-height:4.6rem; color:#fff; padding-left:2rem; padding-right:4.5rem; border-radius:2.25rem; background:#376d50 url('/thema/Basic/img/plus_w.png') no-repeat 83% center; transform:translateY(-50%) translateX(-100%) skew(-0.1deg);}