@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.content-wrap.type2{display:flex;padding-bottom:100px;}
.content-wrap.type2 .left{width:308px;position:relative;}
.content-wrap.type2 .left ul{position:sticky;top:20px;}
.content-wrap.type2 .left ul li{margin-bottom:10px;}
.content-wrap.type2 .left ul li:last-child{margin-bottom:0;}
.content-wrap.type2 .left ul li a{font-size:18px;line-height:1.5em;font-weight:500;pointer-events:none;cursor: default;}
.content-wrap.type2 .left ul li.active a{font-size:24px;font-weight:700;}
.content-wrap.type2 .doc-content{display:block;min-width:0;width:1%;flex:1 1 auto;}
.content-wrap.type2 .doc-content .con{width:100%;padding-top:0;padding-bottom:30px;margin-bottom:30px;border-bottom:1px dashed #ddd;}
.content-wrap.type2 .doc-content .con:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.content-wrap.type2 .doc-content .con .doc-tit2{display:none;}

.doc-content{margin-bottom:60px;display:flex;}
.doc-content:last-child{margin-bottom:0;}
.doc-tit2{font-size:24px;line-height:1.5em;font-weight:700;}
.doc-content .doc-tit2{width:308px;}
.doc-content .con{min-width:0;width:1%;flex:1 1 auto;padding-top:5px;}
.doc-content .con .bold-tt{line-height:1.5em;font-size:18px;color:#26282B;font-weight:700;margin-bottom:20px;}
.dot-list{padding-left:10px;}
.dot-list>li{position:relative;padding-left:15px;color: #454C53;margin-bottom:20px;}
.dot-list>li:last-child{margin-bottom:0;}
.dot-list>li:before{content:'';width:3px;height:3px;background-color: #454C53;border-radius:50%;position: absolute;left:0;top:9px;}
.dot-list>li>.tit{font-weight:700;}

.dot-list2 li{padding-left:8px;position:relative;}
.dot-list2 li:before{content:'';width:2px;height:2px;background-color: #454C53;position: absolute;left:0;top:10px;}

.doc-content .con .target .doc-tit2{margin-bottom:30px;}
.doc-content .con .target ul{display: flex;margin:0 -50px -27px;}
.doc-content .con .target ul li{padding:0 50px;margin-bottom:27px;text-align:center;}
.doc-content .con .target ul li .tit{margin-top:18px;font-weight:500;color: #454C53;line-height:1.5em;}

.doc-content .con.type2{padding-top:0;}
.doc-content .con .process ul{position:relative;}
.doc-content .con .process ul:after{content:'';width:4px;height:90%;background-color: #E8EBED;position: absolute;left:58px;top:50%;transform:translateY(-50%);z-index:-1;}
.doc-content .con .process ul li{display:flex;margin-bottom:20px;align-items:center;}
.doc-content .con .process ul li:last-child{margin-bottom:0;}
.doc-content .con .process ul li .ic{position:relative;width:120px;height:120px;border-radius:50%;background-color: #F2F4F6;display:flex;justify-content:center;align-items:center;margin-right:30px;}
.doc-content .con .process ul li .ic .num{width:24px;height:24px;line-height:24px;color: #fff;text-align:center;font-weight:700;position: absolute;right:10px;top:10px;z-index:1;background-color: #7FA2DC;border-radius:50%;}
.doc-content .con .process ul li .tt-wrap{min-width:0;width:1%;flex:1 1 auto;color: #454C53;}
.doc-content .con .process ul li .tt-wrap .tit{font-weight:700;}
.doc-content .con .process .box{border-radius:8px;background-color: #F7F8F9;padding:30px 40px;margin-top:30px;}
.doc-content .con .process .box .tit{font-weight:700;}
.doc-content .con .process .box p{color: #454C53;}

.doc-content.type2{margin-bottom:100px;}
.doc-content.type2:last-child{margin-bottom:0;}

.report .doc-content{padding-bottom:60px;border-bottom:1px solid #E8EBED;}
.report .doc-content:last-child{padding-bottom:0;border-bottom:none;}
.report .doc-content .con .row{display:flex;margin-bottom:20px;}
.report .doc-content .con .row:last-child{margin-bottom:0;}
.report .doc-content .con .row .tit-wrap{width:300px;padding-top:6px;}
.report .doc-content .con .row .tit-wrap .tit{font-weight:700;display:inline-block;position:relative;}
.report .doc-content .con .row .tit-wrap.necess .tit:after{content:'';width:4px;height:4px;border-radius:50%;background-color: #F95C5C;position: absolute;right:-8px;top:5px;}
.report .doc-content .con .row .input-area{min-width:0;width:1%;flex:1 1 auto;}
.report .doc-content .con .row .input-area .radio-wrap{padding-top:6px;}
.report .doc-content .con .row .input-area .radio-wrap .radiobox2{margin-right:40px;}
.report .doc-content .con .row .input-area .radio-wrap .radiobox2:last-child{margin-right:0;}

.radiobox2 {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.radiobox2 input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.radiobox2 label {display:inline-block;color: #454C53;font-weight:700;}
.radiobox2 label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:24px; height:24px;background:url("/images/bbs/radio.svg")no-repeat 50% 50%/contain;}
.radiobox2 input:checked + label:before {background:url("/images/bbs/radio_on.svg")no-repeat 50% 50%/contain;}
/* .radiobox2 input:focus + label:before {outline:2px solid highlight;} */

.input2{border-radius:8px;padding:8px 16px;background-color: #F7F8F9;border:none;}
.input2:focus{outline:1px solid #0046B9;background-color: #fff;}
.input2::placeholder{color: #9EA4AA; word-break:keep-all;}
input.input2{height:40px;}
select option[value=""][disabled] {display: none;}
select.input2{font-weight:700;height:40px; background:#F7F8F9 url('/images/bbs/select.svg') right 16px center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none;padding-right:42px;}
textarea.input2 {height:auto;overflow:auto; resize:none;}

.report .doc-content .con .row .mail-wrap{display:flex;margin:0 -5px;}
.report .doc-content .con .row .mail-wrap .wrap1{width:66.6666%;padding:0 5px;display:flex;align-items:center;}
.report .doc-content .con .row .mail-wrap .wrap1 .input2{width:calc(50% - 10px);}
.report .doc-content .con .row .mail-wrap .wrap1 span{width:20px;text-align:center;display:block;color: #454C53;font-weight:700;}
.report .doc-content .con .row .mail-wrap .wrap2{width:33.3333%;padding:0 5px;}
.report .doc-content .con .row .mail-wrap .wrap2 .input2{width:100%;}

.file-wrap{display:flex;}
.file-wrap .upload-name{display: inline-block;vertical-align: middle;position:relative;width:1%;min-width:0;flex:1 1 auto;margin-right:10px;}
.file-wrap .upload-name:after{content:'';position: absolute;left:0;top:0;right:0;bottom:0;z-index:2;}
.file-wrap label {display: inline-block;font-weight:700;vertical-align: middle;background-color: #F7F8F9;cursor: pointer;height: 40px;border-radius:8px;display:flex;justify-content:center;align-items:center;width:185px;}
.file-wrap input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.notice{color: #FB4949;font-size:14px;line-height:1.42em;margin-top:10px;}

.report .doc-content .con .row.type2{display:block;}
.scroll-box2{border:1px solid #C9CDD2;position:relative;border-radius:8px;overflow:hidden;padding:4px;margin-bottom:20px;height:180px;}
.scroll-box2:after{content:'';width:1px;height:100%;background-color: #C9CDD2;position: absolute;right:16px;top:0;}
.scroll-box2 .inner{padding:16px 20px;font-size:14px;line-height:1.42em;height:100%;overflow-Y:scroll;color: #454C53;}
/* .scroll-box2.type2:after{display:none;}
.scroll-box2.type2 .inner{overflow-y:hidden;} */
.scroll-box2 .inner::-webkit-scrollbar {width:8px;height:180px;}
.scroll-box2 .inner::-webkit-scrollbar-track {background: #fff;width:15px;}
.scroll-box2 .inner::-webkit-scrollbar-thumb {background:#C9CDD2;border:none;border-radius:4px;width:8px;display:block;width:4px;}
.scroll-box2 .inner .wrap{margin-bottom:20px;}
.scroll-box2 .inner .wrap .tit{font-weight:700;}
.scroll-box2 .inner .wrap .dot-list>li{margin-bottom:0;}
.scroll-box2 .inner .wrap .dot-list>li:before{top:7px;}

.checkbox2 {display:inline-block; position:relative; vertical-align:middle; margin-top:-.2em;}
.checkbox2 input {position:absolute; top:0; left:0; width:0; height:0; border:0; opacity:0; z-index:-1;}
.checkbox2 label {display:inline-block;color: #454C53;position:relative;}
.checkbox2 label:after{content:'';width:4px;height:4px;border-radius:50%;background-color: #F95C5C;position: absolute;right:-8px;top:5px;}
.checkbox2 label:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 8px 0 0; width:24px; height:24px; background-color:#F7F8F9; border:1px solid #E8EBED;border-radius:5px;}
.checkbox2 input:checked + label:before {background:#0046B9 url("/images/bbs/checkbox.png") 50% 50% no-repeat; border-color:#0046B9;}

.btn-send{display:flex;justify-content:center;align-items:center;width:160px;height:58px;border-radius:29px;background-color:#0046B9;color: #fff;margin:60px auto 0;font-size:18px;font-weight:700;border:none;transition:.3s;cursor:pointer;}
.btn-send:hover{background: #003081;}

.report .top-tt{text-align:center;margin-bottom:60px;}
.report.type2 .doc-content{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:60px 0;}

.check-detail .doc-content.type2{margin-bottom:0;}
.check-detail .doc-content .con .process ul li.active .ic{background-color:#0046B9;}
.check-detail .doc-content .con .process ul li.active .tt-wrap{color:#0046B9 !important;}
.check-detail .doc-content .con .process ul li .tt-wrap .tit .ing{opacity:0;}
.check-detail .doc-content .con .process ul li.active .tt-wrap .tit .ing{opacity:1;}