@charset "utf-8";
input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

.l-container .list .list-f {margin-bottom:35px;}
.l-container .list div[data-admcode="admcode"] {margin-bottom:5px;}

.l-container .list div.req label.name span {position:relative;}

.l-container .list div.req label.name span:last-child:after {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #ef4f4e;
    position: absolute;
    right: -10px;
    top: calc(50% - 3px);
}

.l-container .inputblock,
.l-container .listblock {display:flex; flex-wrap:wrap; flex-basis:auto;}
.l-container .listblock {height:auto;}

.l-container label.name {font-size:15px; line-height:24px; color:#000000;}
.l-container label.name {display:block; margin:-5px 0 5px 0; flex-basis:100%;}
.l-container .inputblock input {z-index:1; position:relative; padding:14px 15px 15px; width:calc(100% - 32px); background:#ffffff; border:1px solid #cdcdcd;}
.l-container .inputblock input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;}
.l-container .inputblock input {font-weight:400; line-height:21px; font-size:16px; color:#cccccc;}
.l-container .inputblock input::placeholder {color:#cccccc; opacity:1;}
.l-container .inputblock.t-btn input {padding:13px 0 14px 15px; flex-basis:calc(100% - 109px); margin:0 5px 0 0;}
.l-container .inputblock.t-btn input[readonly='readonly'] {flex-basis:100%; background:#f9f9f9;}
.l-container .inputblock input[type='number']::-webkit-outer-spin-button,
.l-container .inputblock input[type='number']::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}


.l-container .list .btn {font-size:16px; line-height:18px; color:#ffffff; text-align:center;}
.l-container .list .btn {transition:all 0.2s; padding:15px 0 17px; flex-basis:86px; border:1px solid #717681; background:#717681; margin-left:-1px;}
.l-container .list .btn {white-space:nowrap; text-overflow:ellipsis; word-break:break-all; text-align:center; cursor:pointer;}

.l-container .inputblock .help,
.l-container .listblock .help {font-size:13px; line-height:15px; font-weight:400; color:#999999;}
.l-container .inputblock .help,
.l-container .listblock .help {margin:8px 0 -1px 0;}

.l-container .inputblock.value input {color:#666666;}
.l-container .inputblock.focus input {color:#000000; border-color:var(--color2);}

.l-container .inputblock.focus label,
.l-container .selectblock.focus label,
.l-container .listblock.focus label {color:var(--color2);}
.l-container .focus .btn,
.l-container .value .btn {background:#717681; color:#ffffff;}

.l-container .list-f.real-code .text {margin:8px 0 -1px 0;}
.l-container .list-f.real-code .text {font-size:13px; line-height:15px; font-weight:400; color:#6c6c6c;}
.l-container .list-f.real-code .text .timer {color:#ef4f4e;}
.l-container .list-f.real-code.focus input {background:#fffcdc;}

.l-container .selectblock {z-index:2; padding:0; position:relative; display:block;}
.l-container .selectblock .select {z-index:2; position:relative; padding:15px 0 17px 15px; width:calc(100% - 17px); display:block; border:1px solid #cdcdcd;}
.l-container .selectblock .select {font-weight:400; line-height:18px; font-size:16px;}
.l-container .selectblock select {z-index:2; position:absolute; left:0; top:0; padding:0; width:100%; height:100%; outline:0; background:transparent; opacity:0;}
.l-container .selectblock select {font-weight:bold; line-height:25px; font-size:16px; color:transparent;}
.l-container .selectblock select option {color:#999999;}
.l-container .selectblock .arrow {display:inline-block; width:16px; height:10px; position:absolute; right:15px; bottom:20px; z-index:1;}
.l-container .selectblock .arrow svg {width:16px; height:10px; opacity:.2;}
.l-container .selectblock .arrow svg polyline {fill:none;stroke:#000000;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}

.l-container .selectblock.focus .select {border-color:var(--color2);}
.l-container .selectblock.focus .select,
.l-container .selectblock.value .select {display:block;}
.l-container .selectblock.disabled .select {color:#cccccc !important;}
.l-container .selectblock.value .select {color:#666666;}
.l-container .selectblock.focus .arrow svg {opacity:1;}
.l-container .selectblock.focus .arrow svg polyline {stroke:var(--color2);}

.l-container .filebtn {position:relative; display:block; text-align:center; width:100%; height:51px;}
.l-container .filebtn input {z-index:1; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:transparent; opacity:0; cursor:pointer;}
.l-container .filebtn span {z-index:0; display:inline-block; width:100%; padding:17px 0 19px 0; background-color:#6d727e; text-align:center;}
.l-container .filebtn span {font-size:14px; line-height:16px; font-weight:400; color:#ffffff;}
.l-container .filebtn span.filedel {display:none;}

.l-container .filebtn.type2 {width:calc(100% + 5px);}
.l-container .filebtn.type2 input {width:calc(50% - 5px); left:5px;}
.l-container .filebtn.type2 {margin:0 0 0 -5px;}
.l-container .filebtn.type2 span {width:calc(50% - 5px); margin:0 0 0 5px;}
.l-container .filebtn.type2 span.filedel {display:inline-block;}

.l-container .fileinfo {position:relative; display:none; margin:0 0 10px; padding:15px; background-color:#f9f9f9; width:100%;}

.l-container .fileinfo .block {display:flex; align-items:center; width:100%; min-height:16px; word-break:break-all;}
.l-container .fileinfo .filethumb {display:inline-block; padding-right:10px;}
.l-container .fileinfo .filethumb img {display:inline-block; vertical-align:middle; width:48px; height:48px; border:1px solid #cccccc;}
.l-container .fileinfo .download {display:inline-block; padding:14px 0 14px 0;}

.l-container .fileinfo .filename {display:inline;}
.l-container .fileinfo .filename {line-height:23px; font-size:14px; color:#000000;}
.l-container .fileinfo .filesize {display:inline; margin-left:5px;}
.l-container .fileinfo .filesize {line-height:23px; font-size:14px; color:#ef4f4e;}

.l-container .checkboxs {width:100%;}
.l-container .checkboxs ul {margin:-5px 0 0 -5px; }
.l-container .checkboxs ul li {margin:5px 0 0 5px; display:inline-block; vertical-align:top; width:calc(50% - 5px); overflow:hidden; white-space:nowrap; word-break:break-all;}

.l-container .checkboxs .checkbox {display:block; width:100%; height:auto;}
.l-container .checkboxs .checkbox label {z-index:1; position:relative; display:block;  background-color:#ffffff; text-align:center; cursor:pointer;}
.l-container .checkboxs .checkbox label {line-height:18px; font-size:16px; color:#999999; font-weight:400; padding:15px 0 17px 0;}
.l-container .checkboxs .checkbox label:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #cdcdcd;}
.l-container .checkboxs .checkbox label.focus {color:#2f2f2f;}
.l-container .checkboxs .checkbox label.focus:before {border-color:#2f2f2f;}

.l-container .textarea {transition:border 0.2s, background 0.2s; position:relative; display:block; width:100%; vertical-align:middle; background-color:#ffffff; border:0;}
.l-container .textarea textarea {padding:15px; position:relative; width:calc(100% - 30px); height:100px; border:0; background:transparent; border:1px solid #dbdde2; -webkit-appearance:none; appearance:none; border-radius:0; -webkit-border-radius:0;}
.l-container .textarea textarea {line-height:21px; font-size:16px; color:#cccccc;}

.l-container .textarea.focus label {color:var(--color2);}
.l-container .textarea.focus textarea {color:#000000; border-color:var(--color2);}
.l-container .textarea.value textarea {color:#666666;}

.l-container .submit {cursor:pointer;  background:var(--color2); margin:70px 0 0 0;}

.l-container .account {margin-top: 10px;}
.l-container .account ul {display:flex; flex-direction:column; align-items:center; margin-bottom:50px;}
.l-container .account ul li {border:1px solid #e4e4e4; width:calc(100% - 2px); height:44px; text-align:center; margin-top:10px;}
.l-container .account ul li:nth-child(1) {margin-top:0;}
.l-container .account ul li span {font-size:14px; line-height:44px; color:#555555;}
.l-container .account ul li span:nth-child(2) {margin-left:10px;}
.l-container .account ul li span:nth-child(3) {margin-left:7px;}
.l-container .account ul li .icon {width:26px; height:26px; vertical-align:middle;}
.l-container .account ul li .icon svg {width:26px; height:26px;}

.l-container .account.type2 {margin-top: 40px;}
.l-container .account.type2 ul {flex-direction:row;}
.l-container .account.type2 ul li {cursor:pointer;border:0; padding:0; height:auto; margin-top:0; display:flex; flex-direction:column; align-items:center;}
.l-container .account.type2 ul li .icon {border:1px solid #e4e4e4; border-radius:100%; width:50px; height:50px; background:#ffffff;}
.l-container .account.type2 ul li .icon svg {width:28px; height:28px; vertical-align:middle;}
.l-container .account.type2 ul li span:nth-child(2) {margin-left:0; line-height:1.5}
.l-container .account.type2 ul li span:nth-child(3) {display:none;}

.login-naver svg {fill:#21c603;}
.login-kakao svg {fill:#3a2020;}
.login-facebook svg {fill:#3c5a9a;}
.login-google svg {fill:#da4835;}

@media screen and (min-width:360px) {

.l-container .checkboxs ul li {width:calc(50% - 5px);}

}

@media screen and (min-width:540px) {

.l-container .checkboxs ul li {width:calc(33.333% - 5px);}

}

@media screen and (min-width:720px) {

.l-container .checkboxs ul li {width:calc(25% - 5px);}

}

/* social */
.l-container .c-list .btn {background:transparent; border:0;}


.l-container .c-list p.all {background:transparent;}
.l-container .c-list p.all {border-top:1px solid #cdcdcd; padding:5px 0 0 0; margin:20px 0 12px 0;}
.l-container .c-list .all .checkbox label {width:calc(100% - 30px); padding:15px 0 15px 30px;}
.l-container .c-list .all .checkbox label svg {left:0;}
.l-container .c-list .all .checkbox label:before {left:0;}
.l-container.social .submit {margin:35px 0 100px 0;}