@charset "utf-8";

/* 팀 창단 */
#creation-form-wrap { padding: 25% 30px; }
#creation-form-wrap .logo-area { text-align: center; margin-bottom: 50px; }
#creation-form-wrap .logo-area a { display: inline-block; width: 180px; height: auto; }
#creation-form-wrap .logo-area a img { width: 100%; }
#creation-form-wrap .input-area input[type=text],
#creation-form-wrap .input-area input[type=password] { display: block; width: 100%; height: 45px; padding: 0 15px; background: #fff; border: 1px solid #d7dade; font-size: 14px; margin-top: 5px; }
#creation-form-wrap .input-area .error-messege { color: #FF0004; font-size: 13px; font-weight: 500; display: block; margin-top: 5px; }
#creation-form-wrap .input-area .error-messege img { width: 14px; margin-top: 4px; margin-right: 5px; }
#creation-form-wrap .input-area .type-select { height: 45px; margin-bottom: 30px; }
#creation-form-wrap .input-area .type-select:after { display: block; height: 0; clear: both; content: ''; }
#creation-form-wrap .input-area .type-select a { float: left; width: 33.3333%; text-align: center; height: 100%; line-height: 45px; background: #e5e5e5; font-size: 14px; color: #999; }
#creation-form-wrap .input-area .type-select a.select { background: #0084ff; color: #fff; }

#creation-form-wrap .input-area .agreement { padding-bottom: 30px; border-bottom: 1px solid #dcdcdc; margin-bottom: 30px; }
#creation-form-wrap .input-area .agreement .check { margin-top: 20px; }
#creation-form-wrap .input-area .check input[type=checkbox].custom-check,
#creation-form-wrap .input-area .check input[type=radio].custom-check { display: none; }
#creation-form-wrap .input-area .check .custom-check-label { position: relative; padding-left: 28px; font-size: 16px; line-height: 20px; color: #666; display: block; cursor: pointer; }
#creation-form-wrap .input-area .check .custom-check-label:before { width: 20px; height: 20px; position: absolute; content: ''; background: url(../../../img/sub/util/check.png) no-repeat; background-size: 20px 40px; left: 0; top: 1px; background-position: 0 0; }
#creation-form-wrap .input-area .agreement .check .custom-check-label .imp { font-size: 13px; vertical-align: bottom; color: #0084ff; margin-left: 3px; }
#creation-form-wrap .input-area .agreement .check .content-box { background: #fff; padding: 15px; font-size: 13px; border: 1px solid #dcdcdc; height: 150px; overflow-y: scroll; margin-top: 10px; }
#creation-form-wrap .input-area .check input[type=checkbox].custom-check:checked + .custom-check-label,
#creation-form-wrap .input-area .check input[type=radio].custom-check:checked + .custom-check-label { color: #0084ff; }
#creation-form-wrap .input-area .check input[type=checkbox].custom-check:checked + .custom-check-label:before,
#creation-form-wrap .input-area .check input[type=radio].custom-check:checked + .custom-check-label:before { background-position: 0 -20px; }
#creation-form-wrap .input-area .btn-area { margin-top: 20px; display: block; background: #0084ff; text-align: center; height: 55px; line-height: 55px; color: #fff; font-size: 16px; border-radius: 4px; border: none; width: 100%; }

@media all and (min-width:640px)
{
	#creation-form-wrap { padding-top: 250px; width: 400px; margin: 0 auto; }
}

/* 정보입력 */
#creation-form-wrap .creation-form { padding-bottom: 20px; border-bottom: 1px solid #dcdcdc; }
#creation-form-wrap .creation-form>ul>li { margin-bottom: 15px; }
#creation-form-wrap .creation-form>ul>li .block-title { font-size: 14px; }
#creation-form-wrap .creation-form>ul>li.clearfix .block-title { float: left; width: 100%; }
#creation-form-wrap .creation-form>ul>li .block-title .imp { margin-left: 3px; color: #0084ff; }
#creation-form-wrap .creation-form>ul>li select {width:100%; height:45px; padding: 0 15px; border:1px solid #d7dade; font-size:14px; background: url("../../../img/common/arrow_d_black.svg") no-repeat 90% 50%; background-size: 7px 10px; background-color:#fff; margin-top: 5px; }
#creation-form-wrap .creation-form>ul>li .phone-numb select.phone { float: left; width: 32%; }
#creation-form-wrap .creation-form>ul>li .phone-numb .short-input { width: 32%; float: left; margin-left: 2%; }
#creation-form-wrap .creation-form>ul>li .btn-verify { width: 100%; height: 50px; margin: 10px 0; background: #4BB981; border-style: none; border-radius: 3px; font-size: 15px; color: #fff; line-height: 50px; transition: background .2s ease; }
#creation-form-wrap .creation-form>ul>li .email-address .short-input { width: 40%; float: left; }
#creation-form-wrap .creation-form>ul>li .email-address .separator { line-height: 43px; float: left; height: 43px; width: 10%; text-align: center; margin-top: 5px; font-size: 15px; }
#creation-form-wrap .creation-form>ul>li .email-address select.mail { width: 50%; }
#creation-form-wrap .creation-form>ul>li .alert { color: #FF0004; font-size: 13px; font-weight: 500; display: block; margin-top: 5px; }
#creation-form-wrap .creation-form>ul>li .alert img { width: 14px; margin-top: 4px; margin-right: 5px; }
#creation-form-wrap .creation-form>ul>li .birth input[type=text] { float: left; width: 32%; margin-right: 2%; }
#creation-form-wrap .creation-form>ul>li .birth input[type=text]:last-child { margin-right: 0; }
#creation-form-wrap .creation-form>ul>li .gender .custom-check-label { display: inline-block; margin-right: 15px; }
#creation-form-wrap .greeting img { width: 100%; height: auto; }
#creation-form-wrap .greeting .go-btn { margin-top: 20px; display: block; background: #0084ff; text-align: center; height: 55px; line-height: 55px; color: #fff; font-size: 16px; border-radius: 4px; border: none; width: 100% }

/* 팀로고 */
#creation_form ul li .logo-input { width:100%; }
#creation_form ul li .logo-input .logo-area {margin:15px auto 15px; display: block; width: 150px; height: 150px; border: 1px solid #dcdcdc; background: #eee; vertical-align: top; }
#creation_form ul li .logo-input .logo-area img { width: 100%; height: 100%; }
#creation_form ul li .logo-input .txt-area { width:100%; text-align: center; display: inline-block; vertical-align: top; }
#creation_form ul li .logo-input .txt-area .image-upload-btn {height: 40px; font-size: 14px; background: #0084ff; line-height: 40px; display: block; width: 100px; text-align: center; border-radius: 3px; color: #fff; border: none; margin:0 auto;}
#creation_form ul li .creation-alert-txt {margin-top:10px; width:100%; display: block; font-size: 12px; color: #e81b3d;  letter-spacing: -0.5px; float: left; }
#creation_form ul li textarea { height: 150px; border: 1px solid #dee3eb; font-size: 15px; width: 100%; padding: 10px; resize: none; }
#creation_form ul li .date-input { position: relative; display: block; }
#creation_form ul li .date-input .cal-btn { width: 30px; height: 30px; position: absolute; z-index: 5; right: 8px; top: 8px; border: none; background: transparent; outline: 0; }
#creation_form ul li .date-input .cal-btn img { width: 24px; margin-top: 1px; }
.input-group .input-group-addon {width: 35px;background: transparent;border: none;font-size: 20px;}


/* 캘린더 */
.srch-date input.calendar-input {background:url("../../../img/sub/calc_ico.svg") no-repeat 95% 50% !important; background-size:20px 20px !important; background-color: #fff !important;}

/* 캘린더 팝업*/
.calendar { position:fixed; top:50%; left:50%; z-index: 99; transform: translate(-50%,-50%); background:rgba(0,0,0,0.8); width:100%; height:100%;}
.calendar-wrap { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:95%; background:#fff; border-top: 2px solid #0084ff; }
.calendar-wrap .calendar-title { position:relative; width:100%; height:50px; border-bottom:1px solid #d7dade; }
.calendar-wrap p { position:absolute; top: 12.5px; left:50%; margin-left:-41px; font-size:17px; font-weight: bold; letter-spacing: -0.5px;}
.calendar-wrap .prev-btn, .calendar-wrap .next-btn {position:absolute; top:15px; border:0; background:0; opacity: 0.5;}
.calendar-wrap button.prev-btn {left: 10px; }
.calendar-wrap button.next-btn {right: 10px;}
.calendar-wrap .calendar-table {width: 100%;}
.calendar-wrap .calendar-table table {width:100%; text-align: center;}
.calendar-wrap .calendar-table table th {text-align: center; padding:10px; border-bottom:1px solid #d7dade; font-size:15px;}
.calendar-wrap .calendar-table table td {padding: 10px;font-size: 14px; border-bottom:1px solid #d7dade; border-right:1px solid #d7dade;}
.calendar-wrap .calendar-table table td:nth-child(7n+0) {border-right:0;}
.calendar-wrap .calendar-table table td.sun {color: #0084ff;}
.calendar-wrap .calendar-table table td.sat {color: #0046D5;}
.calendar-wrap .calendar-table table td.empty {background:#f8f8f8;}
.calendar-wrap .calendar-table table td.today {background:#0084ff; color:#fff; border-color:#0084ff;}
.calendar-wrap .calendar-button {border-top:1px solid #d7dade;}
.calendar-wrap .calendar-button button {float:left; width:50%; height:50px; border:0;}
.calendar-wrap .calendar-button .checked {background:#0084ff; color:#fff;}