@charset "utf-8";
/*************************************************************************
* @ 서비스명   : commonui
* @ 파일명     : /css/commonui.css
* @ 페이지설명  : commonui.css
* @ 작성자     : 한주현 (pointweb)
* @ 작성일     : 2022-10-4
***************************************************************************/

/* basic style */
* {box-sizing: border-box;}
html {width: 100%;height: 100%;}
body {overflow: inherit;width: 100%;height: 100%;}
body.on {overflow: hidden;}
#wrap {width: 100%;height: 100%;}
.layout {position:relative;margin: 0 auto;max-width: 1120px}
.no-data {display: block !important;font-size: 16px !important;width: 100% !important;padding: 100px 0 !important;text-align: center;margin: 0 !important;}
.page-tit {position: relative;color: #333;font-size: 32px;text-align: center;font-weight: 600;}
.overlay {display:none;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index:2000;line-height: normal;}
.blind{position: absolute;top:-9999999px;left:-999999px;}
.required{color:#e32a2a;}

.loader-wrap{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);z-index: 100;}
.loader-wrap p{text-align: center;position: fixed;top: 56%;left: 50%;color: #fff;transform: translate(-50%, -50%);margin-left: 25px;font-size: 16px; }
.loader {position: fixed;top:50%;left:50%;transform: translate(-50%, -50%);width: 48px;height: 48px;border: 2px solid #FFF;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;}
.loader::after {content: '';box-sizing: border-box;position: absolute;left: 50%;top: 0;background: #006df4;width: 3px;height: 24px;transform: translateX(-50%);}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


#pagination{margin: 40px 0 0px;text-align:center;font-size:0;width:auto;display: block;position: relative;}
#pagination a{display:inline-block;margin:4px;color:#949599;font-size:14px;font-weight:400;line-height:25px;width:25px;height:25px;vertical-align:top;border-radius:100%;}
#pagination a.active{background:#006df4;color:#fff;vertical-align:top;}
#pagination .end-prev,
#pagination .prev-block,
#pagination .next-block,
#pagination .end-next{text-indent: -99px;overflow: hidden;width:25px;height:25px;}
#pagination .end-prev{background:url(/_public/images/common/first-prev.svg) no-repeat;background-size:100%;}
#pagination .prev-block{background:url(/_public/images/common/prev.svg) no-repeat;margin-right:20px;background-size:100%;}
#pagination .next-block{background:url(/_public/images/common/next.svg) no-repeat;margin-left:20px;background-size:100%;}
#pagination .end-next{background: url(/_public/images/common/end-next.svg) no-repeat;background-size:100%;}


/* dl style */
.dl-type1{}
.dl-type1 dt{position:relative;clear:left;float:left;}
.dl-type1 dd{position:relative;width:100%;}
.dl-type1 dd:after {content: "";display: table;clear: both;}
/* text style */
.txt-left {text-align: left !important;}
.txt-center {text-align: center !important;}
.txt-right {text-align: right !important;}

.color-gray{color:#949599 !important;}
.color-blue{color:#0070ba !important;}
.color-red{color:#e32a2a !important;}

.charge-button{background:#006df4;border-radius: 5px;color:#fff;font-size:14px;padding:0 20px;line-height: 35px;}

.ios-chk {display:inline-block;position: relative;cursor: pointer;}
.ios-chk input[type="checkbox"]{position: absolute;display: inline-block;opacity: 0;}
.ios-chk label {position:relative !important;top:inherit !important; left:inherit !important;cursor: pointer;display: inline-block;padding-left:60px;color: #555;font-size: 14px;line-height: 22px;vertical-align: middle;font-weight: 400;}
.apple-switch::before {content:"";-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: absolute;left:0;vertical-align: middle;-webkit-appearance: none;outline: none;width: 50px;height: 20px;background-color: #fff;border: 1px solid #D9DADC;border-radius: 50px;box-shadow: inset -20px 0 0 0 #fff;cursor: pointer;}
.apple-switch:after {content: "";-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;position: absolute;top: 2px;left: 1px;background: transparent;width: 18px;height: 18px;border-radius: 50%;box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);}
.ios-chk input[type="checkbox"]:checked + .apple-switch:before {box-shadow: inset 26px 0 0 0 #006df4;border-color: #006df4;}
.ios-chk input[type="checkbox"]:checked + .apple-switch:after {left: 20px;box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);}

.filebox{position:relative;font-size:0;}
.filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.filebox label {position:relative !important;top:inherit !important;left:inherit !important;display: inline-block;margin-right:5px;padding-left:65px;width:160px;color: #fff;font-size:14px;vertical-align: middle;background-color: #333;cursor: pointer;border: 1px solid #333;border-radius: 10px;line-height: 41px;}
.filebox label:before{content: "";position: absolute;top: 2px;left: 22px;display:inline-block;width:35px;height:35px;background: url("/_public/images/@draft/sp_ico.png") no-repeat;background-size: 490px;background-position: -280px 0;}
.filebox .upload-name {display: inline-block;height: 45px;font-size:14px;padding: 0 10px;vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ebebeb;border-radius: 10px;}

.checkbox-type1 input[type=checkbox] {position: absolute;display: inline-block;opacity: 0;}
.checkbox-type1 label {position: relative !important;top: inherit !important;left: inherit !important;display: inline-block;padding-left: 22px;font-size: 14px;text-align: left;box-sizing: border-box;cursor: pointer;}
.checkbox-type1 label:before {content: "";position: absolute;top: 3px;left: 0;display: inline-block;width: 18px;height: 18px;box-sizing: border-box;border: 1px solid #c3c3c3;border-radius: 3px;}
.checkbox-type1 label:after {content: "";display: none;position: absolute;top: 2px;left: 6px;width: 4px;height: 9px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
.checkbox-type1 input[type="checkbox"]:checked + label:before {border-color:#006df4;background-color:#006df4 }
.checkbox-type1 input[type="checkbox"]:checked + label:after {display: inline-block;}

.checkbox-type2{display:inline-block;vertical-align:top;width:33.333%;margin:10px 0;}
.checkbox-type2 input[type="checkbox"]{position:absolute;opacity:0;}
.checkbox-type2 label{display:block;font-size:18px;padding-left:40px;position:relative;cursor:pointer;}
.checkbox-type2 label::before{content:'';width:30px;height:30px;border:1px solid #fff;border-radius:50%;position:absolute;left:0;top:-3px;}
.checkbox-type2 label::after{display:none;content:'';width:7px;height:13px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);position:absolute;left:11px;top:3px;}
.checkbox-type2 input[type="checkbox"]:checked + label::before{background:#222;border-color:#222;}
.checkbox-type2 input[type="checkbox"]:checked + label::after{display:block;}

.checkbox-type3 input[type=checkbox] {position: absolute;display: inline-block;opacity: 0;}
.checkbox-type3 label {position: relative;display: inline-block;padding-left: 38px;font-size: 14px;font-weight: normal;line-height: 1.57;color: #575757;cursor: pointer}
.checkbox-type3 label:before {content: "";position: absolute;top: 8px;left: 0;display: inline-block;width: 24px;height: 24px;box-sizing: border-box;background: #dedede;border-radius:100%;}
.checkbox-type3 label:after {content: "";display: inline-block;position: absolute;top:13px;left: 9px;width: 4px;height: 9px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
.checkbox-type3 input[type="checkbox"]:checked + label:before {border-color:#006df4;background-color:#006df4 }
.checkbox-type3 input[type="checkbox"]:checked + label:after {display: inline-block;}

.radio-type1 { margin: -0.5px;}
.radio-type1 input[type="radio"] {display: inline-block;position: absolute;opacity: 0;}
.radio-type1 label {display: flex;border-radius: 10px;background-color: #f5f5f5;border:3px solid #f5f5f5;align-items: center;padding:16px 20px;font-size:0;cursor: pointer;}
.radio-type1 label i{display: inline-block;}
.radio-type1 label i img{display:block;}
.radio-type1 label span{margin-left:20px;font-size: 16px;font-weight: normal;color: #202020;}
.radio-type1 label span em{display: inline-block; font-weight: 600;}
.radio-type1 input[type="radio"]:checked + label {border-color: #006df4;background:#e7f1fe;}


.radio-type2{display:inline-block;vertical-align:middle;width:33.333%;}
.radio-type2 input[type="radio"]{position:absolute;opacity:0;}
.radio-type2 label{display:block;font-size:18px;padding-left:40px;margin-top:20px;position:relative;cursor:pointer;}
.radio-type2 label::before{content:'';width:30px;height:30px;border:1px solid #fff;border-radius:50%;position:absolute;left:0;top:-3px}
.radio-type2 label::after{display:none;content:'';width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;left:10px;top:6px;}
.radio-type2 input[type="radio"]:checked + label::after{display:block;}

.radio-type3{display:inline-block;vertical-align:middle;}
.radio-type3 input[type="radio"]{position:absolute;opacity:0;}
.radio-type3 label{display:block;border-radius: 8px;background-color: #f5f5f5;border:1px solid #f5f5f5;line-height: 42px;text-align: center;font-size: 16px;font-weight: normal;color: #202020;cursor: pointer}
.radio-type3 input[type="radio"]:checked + label{border-color:#006df4;color:#006df4;background: #fff;}





/* form style */
.form-flex {display: flex; justify-content: space-between;}
.form-flex .cmm-form {width: calc(100% - 120px);}
.form-flex .cmm-form:first-child {width: 110px;padding-right: 10px;}
.cmm-form {padding: 20px 0;box-sizing: border-box;}
.cmm-form .form {position: relative;border-bottom:1px solid #575757;}
.cmm-form .form.border-bottom-none{border-bottom:0;}
.cmm-form .form .icon-status {position: absolute;right: 10px;top: 11px;font-size: 18px;}
.cmm-form .form .icon-status.icon-error {color: #ff0000;}
.cmm-form .form .icon-status.icon-success {color: #02e266;}
.cmm-form .form + .form {margin-top: 20px;}
.cmm-form .form:after {content: "";opacity: 0;display: inline-block;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;width: 0;height: 2px;background: #333;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.cmm-form .form label {position: absolute;top: -9999999px;left: -999999px;}
.cmm-form .form input[type="text"],
.cmm-form .form input[type="tel"],
.cmm-form .form input[type="number"],
.cmm-form .form input[type="email"],
.cmm-form .form input[type="password"] {appearance: none;width: 100%;height: 45px;color: #898989;font-size: 16px;border: 0;box-sizing: border-box;padding: 0 10px;font-weight: 300;}
.cmm-form .form input::placeholder {color: #ccc;font-size: 14px;font-weight: 300;}
.cmm-form .form input:focus {border: 0;outline: none;}
.cmm-form .form textarea {border: 0;resize: none;padding: 20px;width: 100%;height: 300px;box-sizing: border-box;}
.cmm-form .form .checkbox {display: inline-block;padding: 20px;}
.cmm-form .form .checkbox label {position: relative;display: inline-block;margin-right: 20px;color: #898989;top: inherit;left: inherit;padding: 10px 0;max-width: 250px;word-break: keep-all;font-size: 13px;font-weight: 500;vertical-align: middle;}
.cmm-form .form .checkbox label strong {display: block;font-size: 18px;color: #333;}
.cmm-form .form.active:after {opacity: 1;width: 100%;height: 2px;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.cmm-form .form.email {color: #898989;}
.cmm-form .form.email em {display: inline-block;font-size: 14px;color: #898989;}
.cmm-form .form.email input[type="text"] {width: 30%;padding: 0 0 0 20px;}
.cmm-form .form.email input[type="text"] + input[type="text"] {width: 35%;padding: 0 10px;}
.cmm-form .form.email select {display: inline-block;padding: 0 20px;width: 30%;height: 40px;color: #898989;box-sizing: border-box;}
.cmm-form .form.addr input[type="text"] {padding: 0px 120px 0px 20px;}
.cmm-form .form.tel {color: #898989;}
.cmm-form .form.tel em {display: inline-block;font-size: 14px;color: #898989;}
.cmm-form .form.tel input[type="tel"] {width: 35%;text-align: center;}
.cmm-form .form.tel select {display: inline-block;padding: 0 20px;width: 20%;height: 40px;color: #898989;box-sizing: border-box;}
.cmm-form .form.tel.id .button {display: inline-block;position: absolute;right: 0;width: 100px;line-height: 40px;background: #333;color: #fff;font-size: 13px;text-align: center;}
.cmm-form .form.tel.id input[type="text"] {padding: 0px 110px 0px 20px;}
.cmm-form .form.tel.addr .addr-button {display: inline-block;position: absolute;right: 0;bottom: 0;width: 100px;line-height: 38px;background: #fff;border: 1px solid #ff4947;color: #ff4947;font-size: 13px;text-align: center;}
.cmm-form .form.tel.calendar .cal-icon {position: absolute;top: 12px;right: 20px;font-size: 16px;}
.cmm-form .label {display: block;padding: 10px 0;font-size: 16px;font-weight: 500;}
.cmm-form .label .info-txt {color: #0db14b;font-weight: 400;display: inline-block;margin-left: 10px;}
.cmm-form .label .warning-txt {color: #ff4947;font-weight: 400;display: inline-block;margin-left: 10px;}
.cmm-form .label .add-button {float: right;display: inline-block;font-size: 16px;}
.cmm-form.error {border-color: #ff4947;}
.cmm-form.error .form input {color: #ff4947;}
.cmm-form.error .form input::placeholder {color: #ff4947;}



/* 상단 */
header{border-bottom:1px solid #ccc;height:60px;background: #fff;}
header .layout{display: flex;align-items: center;justify-content: space-between;height:60px;}
header .logo{display: inline-block;width:142px;}
header .gnb{display: flex;}
header .gnb a{position:relative;display: inline-block;line-height: 60px; font-size: 18px;font-weight: 500;color: #202020;}
header .gnb a:before{content: "";position:absolute;left:0;bottom:0;display:none;width:100%;height:4px;background: #006df4;}
header .gnb a + a{margin-left: 80px;}
header .gnb a.active{color:#006df4;}
header .gnb a:hover{color:#006df4;}
header .gnb a.active:before{display: block;}
header .util{display: flex;align-items: center;}
header .util a{position:relative;display: inline-block; font-size: 14px;font-weight: normal;color: #949599;}
header .util a:before{content: "";position:absolute;top:5px;left:-12px;display: inline-block;width:1px;height:10px;background: #949599;}
header .util a:first-child:before{display: none;}
header .util a.none:before{display: none;}
header .util a + a{margin-left: 25px;}
header .util .user{font-weight: 600;}
header .util .user em{display: inline-block;vertical-align:middle;margin-right:10px;padding: 5px;border-radius: 5px;background-color: #f5f5f5;font-size:12px;color:#575757;}
header .util .user em i{display: inline-block;margin-right:5px;vertical-align: middle;}
header .util .user em i img{display:block;}


footer{background: #fff;padding:40px;}
footer .layout{font-size:0;display: flex;align-items: center;}
footer .f-logo{display: inline-block;vertical-align: top;}
footer .f-info{display: inline-block;margin-left:33px;vertical-align: top;}
footer .f-info address{margin:0 !important;}
footer .f-info address p{margin:0 !important;font-size: 13px;font-weight: normal !important;color: #575757;line-height: 1.69}
footer .f-info address p span{position:relative;display: inline-block;}
footer .f-info address p span:before{content: "";position:absolute;top:5px;left:-10px;display: inline-block;width:1px;height:10px;background: #575757;}
footer .f-info address p span:first-child:before{display: none;}
footer .f-info address p span + span{margin-left:20px;}
footer .f-info address p span em{display: inline-block;color:#202020;margin-right:10px;font-weight:600;}
footer .f-info .copyright{font-size:13px;margin-bottom: 0 !important;}
footer .f-customer{display: inline-block;margin-left:190px;vertical-align: top;}
footer .f-customer h3{font-size: 14px;font-weight: bold;color: #202020;line-height: normal !important;margin: 0 !important;}
footer .f-customer strong{display: block;margin-top:5px; font-size: 16px;font-weight: 500;color: #0070ba;}
footer .f-customer p{margin-top:5px; font-size: 14px;font-weight: normal;line-height: 1.57;color: #575757;margin-bottom: 0 !important;}
footer .f-customer p + p{margin-top:0;}
footer .f-customer p em{display: inline-block;color:#202020;margin-right:10px;font-weight:600;}

/* 메인 */
#main{padding:26px 0;height:100vh;position: relative;}
#main .main-contents{margin-top:26px;}
#main .top{text-align: right;}
#main .top .logo{display: inline-block;width:140px;}
#main .top .logo img{display:block;}
#main .box{}
#main .box .layout{display: flex;justify-content: space-between;}
#main .box .hgroup{}
#main .box .hgroup em{display: block;font-size: 16px;font-weight: 600;color: #949599;}
#main .box .hgroup h3{margin-top:16px;font-size: 32px;font-weight: bold;line-height: normal;color: #000;}
#main .box .hgroup p{margin-top:25px; font-size: 16px;font-weight: normal;line-height: 1.38;color: #949599;}
#main .box .button-group{display: inline-block;width:300px;padding-top:35px;font-size:0;}
#main .box .button-group a{display: inline-block;width:140px;line-height: 43px;height:43px;text-align: center;font-size: 16px;border:1px solid #006df4;font-weight: normal;color: #006df4;border-radius: 10px;margin:5px;}
#main .box .button-group a:first-child{background:#006df4;color:#fff;}
#main .box .button-group a.default{color:#575757;border-color: #cecece;}


#main .list{margin-top:65px;position: relative}
#main .list:before{content: "";position:absolute;top:50%;left:0;width:100%;height:254px;transform:translateY(-50%);display: inline-block;background: url(/_public/images/main/main_bg.svg) no-repeat;background-size: 100%;}
#main .list .layout{font-size:0;text-align: center;display: flex;justify-content: center;}
#main .list a{overflow:hidden;position:relative;padding:40px;display: inline-block;width:240px;border-radius: 20px;box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.12);text-align: left;    -moz-transition: all 0.5s;-webkit-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#main .list a:before{content: "";position:absolute;display: inline-block;width:160px;height:160px;background: rgba(255,255,255,0.1);border-radius: 100%;top: -33px;
right: -45px;}
#main .list a:nth-child(1){background-image: linear-gradient(to bottom, #003382, #0f54bc);}
#main .list a:nth-child(2){background-image: linear-gradient(to bottom, #006df4, #00a6e5);}
#main .list a:nth-child(3){background-image: linear-gradient(to bottom, #6e84a8, #97abcc);}
#main .list a:nth-child(1):hover{background-image: linear-gradient(to bottom, #0F54BC, #0F54BC);}
#main .list a:nth-child(2):hover{background-image: linear-gradient(to bottom, #00A6E5, #00A6E5);}
#main .list a:nth-child(3):hover{background-image: linear-gradient(to bottom, #97ABCC, #97ABCC);}
#main .list a + a{margin-left: 80px;}
#main .list a i{display: inline-block;}
#main .list a h3{margin-top:20px;font-size: 26px;font-weight: 600;line-height: normal;color: #fff;}
#main .list a p{margin-top:30px;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.4px;color: #fff;}
#main .list a span{position:relative;display: inline-block;margin-top:27px;width:100px;line-height: 32px;border-radius: 16px;background: rgba(255,255,255,0.15);text-align: center;font-size: 14px;color:#fff;}
#main .list a span:after{content: "";position:relative;display: inline-block;width:20px;height:20px;background: url(/_public/images/icon/arrow.svg) no-repeat;background-size: cover;vertical-align: middle;margin-left: 5px;top:-1px;}
#main .bottom{position: absolute;left:0;bottom:0;width:100%;text-align: center;padding-bottom: 30px;}
#main .bottom p{text-align: center;font-size: 14px;font-weight: normal;line-height: 1;color: #949599;}
#main .bottom .copyright{margin-top:10px;font-size: 14px;font-weight: normal;color: #949599;}
#main .bottom a { display: inline-block;font-size: 14px; margin-bottom: 10px;}
#main .bottom a:last-child { margin-left: 10px}
#main .bottom a:last-child::before { content: ""; width: 2px; margin-top: 5px;height: 12px; background: #ccc; display: inline-block; margin-right: 10px; position: relative;}

#pages{min-height: calc(100vh - 233px);}

/* 로그인 */
.signin{display: flex;height: 100vh;font-size:0;}
.signin .left{position:relative;background: url(/_public/images/sub/signin_bg.svg) top left no-repeat;background-size: cover;width:598px;}
.signin .left .hgroup{position: absolute;width:100%;text-align: center;top:30%;transform: translateY(-50%);}
.signin .left .hgroup h3{margin-top:10px;font-size: 48px;font-weight: bold;color: #fff;}
.signin .left .hgroup .txt1{font-size: 24px;font-weight: 500;color: #fff;}
.signin .left .hgroup .txt2{font-size: 30px;font-weight: 600;color: #fff;}
.signin .left .hgroup .color1{color:#949599;}
.signin .left .hgroup .color2{color:#0070ba;}
.signin .left .bottom{position: absolute;width:100%;bottom:40px;text-align: center}
.signin .left .bottom .txt{font-size: 18px;font-weight: normal;;line-height: 1.78;color: #fff;}
.signin .left .bottom .copyright{margin-top:60px;font-size: 14px;font-weight: normal;color: #bdcbd5;}
.signin .right{position:relative;width:calc(100% - 598px);}
.signin .right .box{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:400px;}
.signin .right .box .logo{text-align: center;display:block;}
.signin .right .box .form-box{margin-top:40px;padding-bottom: 20px;border-bottom: 1px solid #949599;}
.signin .right .box .form-box .field{}
.signin .right .box .form-box .field + .field{margin-top:23px;}
.signin .right .box .form-box .field label{display:block;font-size: 16px;font-weight: 600;color: #949599;}
.signin .right .box .form-box .field .input-wrap{position: relative;}
.signin .right .box .form-box .field .input-wrap input[type="text"],
.signin .right .box .form-box .field .input-wrap input[type="password"]{width:100%;height:45px;border-bottom:1px solid #575757;color:#202020;font-size: 16px;padding:0 30px 0 5px;}
.signin .right .box .form-box .field .input-wrap i{position: absolute;right:5px;top:50%;transform: translateY(-50%);}
.signin .right .box .form-box .bottom{margin-top:17px;display: flex;justify-content: space-between;align-items: center;}
.signin .right .box .form-box .bottom .link{display: flex;align-items: center;}
.signin .right .box .form-box .bottom .link a{position:relative;display: inline-block;font-size: 14px;font-weight: normal;color: #575757;}
.signin .right .box .form-box .bottom .link a:before{content: "";display: inline-block;width:1px;height:10px;background:#575757;position:absolute;top:5px;left:-10px;}
.signin .right .box .form-box .bottom .link a:first-child:before{display: none;}
.signin .right .box .form-box .bottom .link a + a{margin-left:20px;}
.signin .right .box .form-box .button-box{margin-top:20px;}
.signin .right .box .form-box .button-box button{display: block;width:100%;height:47px;border-radius: 10px;background-color: #006df4;color:#fff; font-size: 16px;font-weight: 500;}
.signin .right .box .signup-box{margin-top:20px;text-align: center;}
.signin .right .box .signup-box p{font-size: 14px;font-weight: normal;color: #575757;}
.signin .right .box .signup-box a{display: block;margin-top:20px; border-radius: 10px;border: solid 1px #006df4;background-color: #fff;line-height: 45px;font-size: 16px;font-weight: 500;color: #006df4;}

.signup{background:#eff6ff;min-height: 100vh;padding:60px 0 100px;}
.signup .title{text-align: center; font-size: 32px;font-weight: bold;}
.signup .field-box{margin-top:49px;border-radius: 10px;background-color: #fff;padding:60px 0;}
.signup .field-box + .field-box{margin-top:60px;}
.signup .field-box .box{width:680px;margin:0 auto;}
.signup .field-box .hgroup{text-align: center}
.signup .field-box .hgroup em{display: inline-block;width:94px;height:25px;text-align: center;background: url(/_public/images/icon/step.svg) no-repeat;background-size: cover;font-size: 14px;color:#fff;font-weight: normal;line-height: 25px;}
.signup .field-box .hgroup h4{margin-top:10px;font-size: 22px;font-weight: 600;}
.signup .field-box .hgroup p{position:relative;margin-top:10px;text-align: center;font-size: 16px;font-weight: normal;color: #888;}
.signup .field-box .hgroup p:before{content: "";position: absolute;top: 9px;left: 0;display: inline-block;width: calc(50% - 126px);height: 1px;background: #888;}
.signup .field-box .hgroup p:after{content: "";position: absolute;top: 9px;right: 0;display: inline-block;width: calc(50% - 126px);height: 1px;background: #888;}
.signup .field-box dl{margin-top:40px;}
.signup .field-box dl dt{width:200px;font-size: 16px;font-weight: 500;padding-top:15px;}
.signup .field-box dl dd{padding:0 0 8px 200px;}
.signup .field-box dl dd input[type="text"],
.signup .field-box dl dd input[type="password"],
.signup .field-box dl dd input[type="number"],
.signup .field-box dl dd input[type="tel"]{width:100%;height:44px;border-radius: 10px;border: solid 1px #ccc;background-color: #fff;padding:0 20px; color: #949599;font-size: 14px;font-weight: normal;}
.signup .field-box dl dd input[type="date"]{width:100%;height:44px;border-radius: 10px;border: solid 1px #ccc;background-color: #f5f5f5;padding:0 20px; color: #949599;font-size: 14px;font-weight: normal;}
.signup .field-box dl dd .input-wrap{position:relative;display: flex;}
.signup .field-box dl dd .input-wrap input[type="number"],
.signup .field-box dl dd .input-wrap input[type="tel"]{width: calc(100% - 150px);}
.signup .field-box dl dd .input-wrap button{width:140px;height:44px;border-radius: 8px;text-align: center;font-size: 16px;font-weight: normal;margin-left:10px;}
.signup .field-box dl dd .input-wrap .button1{background: #006df4;color:#fff;}
.signup .field-box dl dd .input-wrap .button2{background: #fff;border:1px solid #006df4;color:#006df4;}
.signup .field-box dl dd .certification{margin-top:8px;}
.signup .field-box dl dd .certification span{position: absolute;left: 276px;top: 13px;}
.signup .field-box dl dd .certification input[type="tel"]{padding:0 65px 0 20px;}
.signup .field-box dl dd .addr1{margin-top:8px;}
.signup .field-box dl dd .addr1 input[type="text"]{background: #f5f5f5;}
.signup .field-box dl dd .addr2{margin-top:8px;}
.signup .field-box dl dd .text{margin-top:8px;font-size:14px;color:#006df4}
.signup .field-box dl dd .text.error{margin-top:8px;font-size:14px;color:#ff4947;}
.signup .field-box.second .hgroup p:before{width: calc(47% - 159px);}
.signup .field-box.second .hgroup p:after{width: calc(47% - 159px);}
.signup .field-box.third .hgroup p:before{width: calc(50% - 192px);}
.signup .field-box.third .hgroup p:after{width: calc(50% - 192px);}
.signup .button-box{margin-top:60px;text-align: center;}
.signup .button-box button{display:inline-block;width: 400px;height: 53px;border-radius: 10px;background-color: #006df4; font-size: 18px;font-weight: 500;color:#fff;}


.member .find{padding:59px 0 100px;margin: 0 auto;padding-top: 50px;width: 400px;}
.member .find h3{position: relative;color: #333;font-size: 32px;text-align: center;font-weight: 600;}
.member .find h4{margin-top: 40px;color: #333;font-size: 22px;text-align: center;font-weight: 400;}
.member .find .tab {margin: 20px 0;display: flex;;border: 1px solid #006df4;overflow: hidden;border-radius: 10px;}
.member .find .tab a {display: inline-block;flex: 1;text-align: center;line-height: 40px;font-size: 16px;color: #006df4;}
.member .find .tab a + a{border-left: 1px solid #006df4;}
.member .find .tab a.active {color: #fff;background: #006df4;}
.member .find .button-group .button + .button {margin-top: 10px;}
.member .find .ment + .ment {margin-top: 10px;}
.member .find .none-members {margin-top: 95px;}
.member .find .none-members fieldset {margin-top: 20px;}
.member .find .forgot-password {margin-top: 95px;}
.member .find .in-members .form i {position: absolute;top: 10px;left: 0;font-size: 20px;}
.member .find .in-members .form input[type="text"],
.member .find .in-members .form input[type="password"] {width: 100%;height: 45px;border-bottom: 1px solid #575757;color: #202020;font-size: 16px;padding: 0 30px 0 5px;}
.member .find .button-group {margin-top: 57px;text-align: center;}
.member .find .button-group .button,
.member .find .button-group .button {display: block;width: 100%;height: 47px;border-radius: 10px;background-color: #006df4;color: #fff;font-size: 16px;font-weight: 500;}


.shape{position:relative;padding:20px 0;}
.shape:before{content:"";position:absolute;width:100%;height:2px;background: #006df4;left:0;top:50%;transform: translateY(-50%);}
.shape:after{content: "";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display: inline-block;width:2px;background: #006df4;height:60px;}
.shape .t-shape{padding-top:6px;}
.shape .b-shape{margin-top:20px;padding-bottom:6px;}
.shape .t-shape .tooth{margin-top:5px;}
.shape .b-shape .bridge{margin-top:5px;}
.shape .tooth{display: flex;}
.shape .tooth button{position:relative;flex:1;display: inline-block;text-align: center;height:35px;border-radius: 5px;border: solid 1px #aeaeae;background-color: #fff; font-size: 16px;font-weight: normal;color: #949599;}
.shape .tooth button.on{border-color:#006df4;color:#006df4;background: #f1f9fe;}
.shape .tooth button + button{margin-left:2px;}
.shape .bridge{display: flex;justify-content: center;}
.shape .bridge button{display: inline-block;font-size:0;width:28px;height:13px;background: url(/_public/images/icon/bridge.svg) no-repeat;background-size: cover;}
.shape .bridge button.on{background: url(/_public/images/icon/bridge_on.svg) no-repeat;background-size: cover;}
.shape .bridge button + button{margin-left:2px;}
.shape .top-bridge{position:absolute;left: 50%;top:0;transform: translateX(-50%);display: inline-block;font-size:0;width:28px;height:13px;background: url(/_public/images/icon/bridge.svg) no-repeat;background-size: cover;z-index: 10;}
.shape .top-bridge.on{background: url(/_public/images/icon/bridge_on.svg) no-repeat;background-size: cover;}
.shape .bottom-bridge{position:absolute;left: 50%;bottom:0;transform: translateX(-50%);display: inline-block;font-size:0;width:28px;height:13px;background: url(/_public/images/icon/bridge.svg) no-repeat;background-size: cover;z-index: 10;}
.shape .bottom-bridge.on{background: url(/_public/images/icon/bridge_on.svg) no-repeat;background-size: cover;}
.shape > div + div{}

.title-group{position: relative;}
.title-group .layout{padding-bottom: 40px;border-bottom: 1px solid #aeaeae;}
.title-group h3{text-align: center; font-size: 32px;font-weight: bold;line-height: normal;color: #202020;}
.title-group p{text-align: center; font-size: 20px;color:#ff4747;}
.title-group .breadcrumbs{display: flex;position: absolute;right:0;bottom:40px;}
.title-group.design .breadcrumbs{bottom:75px;}
.title-group .breadcrumbs span{position: relative;font-size: 14px;font-weight: normal;color: #949599;}
.title-group .breadcrumbs span + span{margin-left:40px;}
.title-group .breadcrumbs span:before{content: "";position:absolute;display: inline-block;width:20px;height:20px;background: url(/_public/images/icon/arrow2.svg) no-repeat;background-size: cover;left: -30px;top: -1px;}
.title-group .breadcrumbs span:first-child:before{display: none;}

#pages .contents{}


/* 디자인신청 */
.order{padding-top:59px;}
.order .order-tab{margin-top:73px;display: flex;}
.order .order-tab .button{flex:1;border-radius: 99px;line-height:50px;height:50px;background-color: #f5f5f5;text-align: center; font-size: 18px;color: #989898;}
.order .order-tab .button.active{color:#fff;background: #006df4;}
.order .order-tab .button + .button{margin-left:20px;}
.order .tab-box{display: none;}
.order .form-box{margin-top:32px;border-top:2px solid #006df4;}
.order .form-box .time-col{position: relative;padding:25px 0 25px 255px;}
.order .form-box .time-col h4{position:absolute;top:80px;left:0;font-size: 18px;font-weight: 600;color: #202020;padding-left: 25px;}
.order .form-box .time-col h4 em{position: absolute;top:-5px;left:0;color:#ff4747;font-size:25px;}
.order .form-box .time-col h4 button{display: block;background: #006df4;color:#fff;text-align: center;border-radius: 5px;height:30px;margin-top:10px;font-size:13px;padding:0 10px;}
.order .form-box .time-col .radio-box{display: flex;align-items: center;position: relative;padding-top:55px;padding-bottom: 65px;}
.order .form-box .time-col .radio-box .txt1{position: absolute;top:0;margin:0;}
.order .form-box .time-col .radio-box .txt1 em{display: block;color:#006df4}
.order .form-box .time-col .radio-box .txt2{position: absolute;bottom:0;left:0;margin:0;color:#ff4747;}
.order .form-box .time-col .radio-box .radio-type1{flex:1;}
.order .form-box .time-col .radio-box .radio-type1 label{position: relative;}
.order .form-box .time-col .radio-box .radio-type1 label:after{content:"";position:absolute;right:15px;width:23px;height:23px;background: url(/_public/images/icon/check.svg) no-repeat;background-size: cover;}
.order .form-box .time-col .radio-box .radio-type1 input[type="radio"]:checked + label:after{background: url(/_public/images/icon/checked.svg) no-repeat;background-size: cover;}
.order .form-box .time-col .radio-box .radio-type1 + .radio-type1{margin-left: 20px;}
.order .form-box .setting-box{display: flex;border-top:1px solid #cecece;border-bottom:1px solid #cecece;padding-bottom: 16px;}
.order .form-box .setting-box + .setting-box{position:relative;top:-1px;border-top:2px solid #006df4}
.order .form-box .setting-box .left{width:810px;}
.order .form-box .setting-box .left .top{padding:15px 0;display: flex;justify-content: space-between;align-items: center;border-bottom:1px solid #cecece;}
.order .form-box .setting-box .left .top .title{display: flex;align-items: center;}
.order .form-box .setting-box .left .top .title h3{position:relative;font-size: 18px;font-weight: 600;color: #202020;padding-left:25px;margin: 0;}
.order .form-box .setting-box .left .top .title h3 em{display: inline-block;    position: absolute;top: -5px;left: 0;color: #ff4747;font-size: 25px;}
.order .form-box .setting-box .left .top .title h3 i{margin-right:10px;display: inline-block;vertical-align: middle;position: relative;top:-2px;}
.order .form-box .setting-box .left .top .title select{display:inline-block;margin-left:20px;width:167px;height:36px;border-radius: 5px;border: solid 1px #aeaeae;background-color: #fff;padding:0 10px; font-size: 14px;font-weight: normal;color: #202020;}
.order .form-box .setting-box .left .top button{display: inline-block;border-radius: 5px;border: solid 1px #006df4;width:144px;height:36px;color:#006df4;font-size: 14px;font-weight: 500;}
.order .form-box .setting-box .left .bottom{padding-top:15px;display: flex;align-items: center;}
.order .form-box .setting-box .left .bottom figure{margin-left: 17px;}
.order .form-box .setting-box .left .bottom .input-box{margin-left:40px;}
.order .form-box .setting-box .left .bottom .input-box p{font-size: 14px;font-weight: 500;color: #787878;}
.order .form-box .setting-box .left .bottom .input-box .inner{margin-top:15px;display: flex;}
.order .form-box .setting-box .left .bottom .input-box .inner .col1{font-size:0;width:346px;padding-right:17px;}
.order .form-box .setting-box .left .bottom .input-box .inner .col2{font-size:0;width:210px;padding-left:15px;border-left: 1px solid #cecece;}
.order .form-box .setting-box .left .bottom .input-box .inner .col2 .shame{margin-top:5px;display: flex;align-items:center;border-radius: 5px;width:100%;height:37px;border: solid 1px #e4e2ed;background-color: #fff;overflow: hidden;}
.order .form-box .setting-box .left .bottom .input-box .inner .col2 .shame button{display: inline-block;}
.order .form-box .setting-box .left .bottom .input-box .inner .col2 .shame button img{display: block;}
.order .form-box .setting-box .left .bottom .input-box .inner .col2 .shame .number{text-align: center;line-height: 37px;font-size: 16px;font-weight: normal;color: #202020;width:120px;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap{display: inline-block;width:144px;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap strong{display: block; font-size: 15px;font-weight: 600;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap strong i{display: inline-block;width:17px;height:17px;border-radius: 100px;text-align: center;font-size:11px;margin-right:5px;position: relative;top:-1px;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap strong i.green{border:1px solid #19c1bb;color: #19c1bb;vertical-align: middle;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap strong i.red{border:1px solid #ff6453;color: #ff6453;vertical-align: middle;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap strong i.blue{border:1px solid #006df4;color: #006df4;vertical-align: middle;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap strong i.purple{border:1px solid #c355e9;color: #c355e9;vertical-align: middle;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap .shame{margin-top:5px;display: flex;align-items:center;border-radius: 5px;width:142px;height:37px;border: solid 1px #e4e2ed;background-color: #fff;overflow: hidden;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap .shame button{display: inline-block;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap .shame button img{display: block;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap .shame .number{text-align: center;line-height: 37px;font-size: 16px;font-weight: normal;color: #202020;width:68px;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap:nth-child(2),
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap:nth-child(4){margin-left:40px;}
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap:nth-child(3),
.order .form-box .setting-box .left .bottom .input-box .inner .input-wrap:nth-child(4){margin-top:25px;}
.order .form-box .setting-box .left .bottom .input-box .inner .col2 .input-wrap{position:relative;width:auto;padding-left:55px;}
.order .form-box .setting-box .left .bottom .input-box .inner .col2 .input-wrap i{position: absolute;left:0;top:50%;transform: translateY(-50%);width:43px;}
.order .form-box .setting-box .left .bottom .input-box .inner .col2 .input-wrap i img{display: block;width:100%;}
.order .form-box .setting-box .left .bottom .input-box .inner .col2 .input-wrap:nth-child(2){margin-lefT:0;margin-top:25px;}
.order .form-box .setting-box .left .bottom .input-box .select-box{margin-top:5px;}
.order .form-box .setting-box .left .bottom .input-box .select-box + .select-box{margin-top:20px;}
.order .form-box .setting-box .left .bottom .input-box .select-box h4{font-size: 16px;font-weight: 600;}
.order .form-box .setting-box .left .bottom .input-box .select-box .radio-group{font-size:0;display: flex;margin-top:10px;}
.order .form-box .setting-box .left .bottom .input-box .select-box .radio-group .radio-type1{display: inline-block;margin:0;}
.order .form-box .setting-box .left .bottom .input-box .select-box .radio-group .radio-type1 + .radio-type1{margin-left:5px;}
.order .form-box .setting-box .left .bottom .input-box .select-box .radio-group .radio-type1 label{display: block;border:1px solid #f5f5f5;background: #f5f5f5;text-align:center;font-size: 16px;font-weight: normal;padding:0 13px;line-height: 37px;}
.order .form-box .setting-box .left .bottom .input-box .select-box .radio-group .radio-type1 label i{display: inline-block;width:17px;height:17px;border-radius: 100px;text-align: center;font-size:11px;margin-right:5px;position: relative;top:-1px;line-height: 16px;}
.order .form-box .setting-box .left .bottom .input-box .select-box .radio-group .radio-type1 label i.green{border:1px solid #19c1bb;color: #19c1bb;vertical-align: middle;}
.order .form-box .setting-box .left .bottom .input-box .select-box .radio-group .radio-type1 label i.red{border:1px solid #ff6453;color: #ff6453;vertical-align: middle;}
.order .form-box .setting-box .left .bottom .input-box .select-box .radio-group .radio-type1 label i.blue{border:1px solid #006df4;color: #006df4;vertical-align: middle;}
.order .form-box .setting-box .left .bottom .input-box .select-box .radio-group .radio-type1 label i.purple{border:1px solid #c355e9;color: #c355e9;vertical-align: middle;}
.order .form-box .setting-box .left .bottom .input-box .select-box .radio-group .radio-type1 input[type="radio"]:checked + label{border-color: #006df4;background: #fff;color:#006df4;}
.order .form-box .setting-box .left .bottom .input-box dl{}
.order .form-box .setting-box .left .bottom .input-box dl dt{font-size: 16px;font-weight: 600;font-stretch: normal;}
.order .form-box .setting-box .left .bottom .input-box dl dt i{display: inline-block;width:17px;height:17px;border-radius: 100px;text-align: center;font-size:11px;margin-right:5px;position: relative;top:-1px;line-height: 16px;}
.order .form-box .setting-box .left .bottom .input-box dl dt i.purple{border:1px solid #c355e9;color: #c355e9;vertical-align: middle;}
.order .form-box .setting-box .left .bottom .input-box dl dd{margin-top:5px;}
.order .form-box .setting-box .left .bottom .input-box dl dd input[type="text"]{width:100%;height:37px;border-radius: 5px;border: solid 1px #cecece;background-color: #fff;padding:0 10px;}
.order .form-box .setting-box .left .bottom .input-box dl dd + dt{margin-top:30px;}

.order .form-box .setting-box .right{width:275px;margin-left:35px;}
.order .form-box .setting-box .right .top{border-bottom: 1px solid #cecece;padding:20px 0;height:67px;}
.order .form-box .setting-box .right .top  h3{font-size: 18px;font-weight: 600;color: #202020;}
.order .form-box .setting-box .right .bottom{}
.order .form-box .setting-box .right .bottom .box{margin-top:15px;border-radius: 10px;background-color: #f5f5f5;text-align: center;padding:26px 30px;font-size:0;}
.order .form-box .setting-box .right .bottom .box i{display: inline-block;width:23px;height:23px;}
.order .form-box .setting-box .right .bottom .box p{margin-top:7px;font-size:16px;font-weight: 500;}
.order .form-box .setting-box .right .bottom .box span{display: inline-block; font-size: 16px;font-weight: normal;margin-top:15px;}
.order .form-box .setting-box .right .bottom .box span img{position:relative;display: inline-block; vertical-align: middle;margin-right: 7px;top:-1px;}
.order .form-box .setting-box .right .bottom .box strong{margin-top:18px;display: block;width:100%; border-radius: 10px;text-align:center;background-color: #fff;line-height: 60px;font-size: 18px;font-weight: 500;color: #006df4;}
.order .form-box .upload-box{margin-top:35px;}
.order .form-box .upload-box h3{font-size: 18px;font-weight: 600;position: relative;padding-left:25px;}
.order .form-box .upload-box h3 em{display: inline-block;position: absolute;top: -5px;left: 0;color: #ff4747;font-size: 25px;}
.order .form-box .upload-box h3 span{display: inline-block;font-size: 15px;font-weight: 500;color: #006df4;}
.order .form-box .upload-box .cloud-box{position:relative;margin-top:5px;border-radius: 10px;border: dashed 1px #8d9ea8;background-color: #f6f6f6;text-align: center;padding:30px;}
.order .form-box .upload-box .cloud-box i{display: inline-block;font-size:0;}
.order .form-box .upload-box .cloud-box p{margin-top:10px; font-size: 17px;font-weight: 500;color: #555;}
.order .form-box .upload-box .cloud-box p span{display: inline-block;color:#006df4;text-decoration:underline;}
.order .form-box .upload-box .cloud-box ul{margin-top:10px;}
.order .form-box .upload-box .cloud-box ul li{font-size: 15px;font-weight: 500;color: #575757;}
.order .form-box .upload-box .cloud-box ul li span{color:#006df4;}
.order .form-box .upload-box .cloud-box ul li + li{}
.order .form-box .upload-box .cloud-box #uploadBtn{margin:0 2px;display: inline-block;width:80px;height:35px;line-height:35px;font-size:14px;color:#fff;border-radius: 5px;background: #006df4;vertical-align: middle;}
.order .form-box .upload-box .cloud-box #clearBtn{margin:0 2px;display: inline-block;display: inline-block;width:80px;height:35px;font-size:14px;color:#006df4;border-radius: 5px;background: #fff;}
.order .form-box .upload-box .file-label{vertical-align:middle;margin:0 2px;display: inline-block;width:80px;height:35px;line-height:35px;font-size:14px;color:#006df4;border-radius: 5px;background: #fff;cursor: pointer;}
.order .form-box .upload-box .cloud-box #progress_show{margin-top:10px;width:100%;height:16px !important;}
.order .form-box .upload-box .cloud-box .align-self-center{font-size: 12px;line-height: 16px;margin: 0;}
.order .bottom-box{margin-top:54px;background: #eff6ff;padding:20px 0 100px;}
.order .bottom-box .table-box{}
.order .bottom-box .table-box + .table-box{margin-top:20px;}
.order .bottom-box .table-box .control{text-align: right;}
.order .bottom-box .table-box .control button{display: inline-block;font-size:0;}
.order .bottom-box .table-box .bg-blue1{background: #e7f1fe;}
.order .bottom-box .table-box .bg-blue2{background: #bad9ff;}
.order .bottom-box .table-box .bg-gray{background: #f6f6f6;}
.order .bottom-box .table-box table{;border: 1px solid #202020;background: #fff;}
.order .bottom-box .table-box table thead tr th{ font-size: 15px;font-weight: 500;padding:10px;border-left: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.order .bottom-box .table-box table tbody tr td{ font-size: 15px;font-weight: 500;padding:10px;border-left: 1px solid #aaa;border-bottom: 1px solid #aaa;text-align: center;}
.order .bottom-box .table-box table tbody tr td .txt-type1{position: relative;text-align: left;}
.order .bottom-box .table-box table tbody tr td .txt-type1 span{position:absolute;right:0;}
.order .bottom-box .table-box table tbody tr td .txt-type1 span em{display: inline-block;font-weight: 600;color: #006df4;}
.order .bottom-box .table-box table tbody tr td .shape{padding:0;}
.order .bottom-box .table-box table tbody tr td .shape > .l-shape{padding-right:8px;}
.order .bottom-box .table-box table tbody tr td .shape > .r-shape{padding-left:8px;}
.order .bottom-box .table-box table tbody tr td .shape > div .bridge button{width: 24px;height: 11px;}
.order .bottom-box .table-box table tbody tr td .shape > div .tooth button{font-size:14px;height:23px;}
.order .bottom-box .table-box table tbody tr td select{width:100%;font-size: 16px;}
.order .bottom-box .table-box table tbody tr td .badge{display: inline-block;line-height: 28px;padding:0 10px;color:#fff;background-color: #006df4;border-radius: 20px;margin-right:10px;font-size:14px;font-weight:500;}
.order .bottom-box .table-box table tbody tr td textarea{width:100%;font-size: 15px;font-weight: normal;line-height: 1.33;color: #000;resize: none;border:0;min-height: 70px;}
.order .bottom-box .table-box table tbody tr td textarea::placeholder{color: #949599;}
.order .bottom-box .button-box{margin-top:54px;text-align: center;}
.order .bottom-box .button-box button{display: inline-block;width:400px;height:53px;text-align: center;border-radius: 10px;background-color: #006df4;coloR:#fff;font-size: 18px;font-weight: 500;}




/* 마이페이지 */
.mypage{padding-top:59px;}

.mypage .search-box{margin-top:28px;}
.mypage .search-box .layout{display: flex;align-items: center;}
.mypage .search-box .period-box{display: flex;}
.mypage .search-box .period-box .button{display: flex;}
.mypage .search-box .period-box .button button{display: inline-block;height:39px; font-size: 15px;border-radius: 5px; background-color: #f5f5f5;font-weight: normal;color: #575757;padding:0 16px;}
.mypage .search-box .period-box .button button.active{background: #006df4;color:#fff;}
.mypage .search-box .period-box .button button + button{margin-left: 5px;}
.mypage .search-box .period-box .date{margin-left:10px;display: flex;align-items: center;}
.mypage .search-box .period-box .date input[type="date"]{display: inline-block;width:130px;height:39px;padding:0 10px;font-size: 15px;font-weight: normal;;color: #575757;border-radius: 5px;border:1px solid #cecece;}
.mypage .search-box .period-box .date i{display: inline-block; font-size: 16px;font-weight: normal;color: #202020;margin:0 8px;}
.mypage .search-box .input-box{margin-left:16px;display: flex;align-items: center;}
.mypage .search-box .input-box > div{display: flex;align-items: center;}
.mypage .search-box .input-box > div + div{margin-left: 16px;}
.mypage .search-box .input-box > div span{display: inline-block;font-size: 16px;font-weight: normal;color: #202020;}
.mypage .search-box .input-box > div input[type="text"]{margin-left:8px;display: inline-block;width:140px;height:39px;padding:0 10px;font-size: 15px;font-weight: normal;;color: #575757;border-radius: 5px;border:1px solid #cecece;}
.mypage .search-box .input-box > div select{margin-left:8px;display: inline-block;width:120px;height:39px;padding:0 10px;font-size: 15px;font-weight: normal;;color: #575757;border-radius: 5px;border:1px solid #cecece;}
.mypage .search-box .submit{display: inline-block;margin-left:20px;width:76px;height:39px;text-align: center;background: #006df4;color:#fff; font-size: 15px;border-radius: 5px;}
.mypage .tab{margin-top:40px;}
.mypage .tab .layout{display: flex;overflow:hidden;border-radius: 10px;border: solid 1px #cecece;background-color: #f8f8f8;}
.mypage .tab a{display: inline-block;flex:1;text-align: center; font-size: 17px;font-weight: normal;color: #575757;line-height: 48px;}
.mypage .tab a.active,
.mypage .tab a:hover{background: #006df4;color:#fff;}
.mypage .tab a + a{border-left:1px solid #CECECE;}
.mypage .mypage-tab2{margin-top:73px;display: flex;}
.mypage .mypage-tab2 .button{flex:1;border-radius: 99px;line-height:50px;height:50px;background-color: #f5f5f5;text-align: center; font-size: 18px;color: #989898;}
.mypage .mypage-tab2 .button.active{color:#fff;background: #006df4;}
.mypage .mypage-tab2 .button + .button{margin-left:20px;}

.mypage .box{margin-top:30px;background:#eff6ff;padding:30px 0 100px;}
.mypage .box .layout{}
.mypage .box .table-box{border-radius: 20px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);background-color: #fff;padding:30px;}
.mypage .box .table-box .info-txt{text-align: right;margin-bottom:5px;font-size:14px;}
.mypage .box .table-box .top-group{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.mypage .box .table-box table{border-top:2px solid #006df4;table-layout: fixed;}
.mypage .box .table-box table thead tr th{position:relative;padding:22px 0;font-size:16px;font-weight: 500;font-stretch: normal;color: #202020;border-bottom: 1px solid #a1a2a6;}
.mypage .box .table-box table thead tr th:before{content: "";display: inline-block;width:1px;height:18px;background: #d6d6d6;position: absolute;left:0;top:25px;}
.mypage .box .table-box table thead tr th:first-child:before{display: none;}
.mypage .box .table-box table thead tr th i{display: inline-block;vertical-align: middle;}
.mypage .box .table-box table thead tr th i img{display:block;}
.mypage .box .table-box table thead tr th .checkbox-type1{top:-2px;position:relative;display: inline-block;height:18px;line-height: 18px;}
.mypage .box .table-box table thead tr th .checkbox-type1 label{font-size:0;height:18px;width:18px;padding:0;}
.mypage .box .table-box table thead tr th .checkbox-type1 label:before{top:0;left:0;}
.mypage .box .table-box table tbody tr th{text-align: center;border-bottom: 1px solid #cecece;  font-size: 15px;font-weight: normal;color: #575757;padding:10px 10px;}
.mypage .box .table-box table tbody tr td{text-align: center;border-bottom: 1px solid #cecece;  font-size: 15px;font-weight: normal;color: #575757;padding:10px 10px;word-break: break-all;}
.mypage .box .table-box table tbody tr td i{display: inline-block;vertical-align: middle;}
.mypage .box .table-box table tbody tr td i img{display:block;}
.mypage .box .table-box table tbody tr td button{display: inline-block;vertical-align: middle;}
.mypage .box .table-box table tbody tr td button img{display:block;}
.mypage .box .table-box table tbody tr td a{display: inline-block;text-align: center;width:56px;line-height: 31px; border-radius: 16px;}
.mypage .box .table-box table tbody tr td a.type1{border:1px solid #006df4;color:#006df4}
.mypage .box .table-box table tbody tr td a.type2{background:#006df4;color:#fff}
.mypage .box .table-box table  tbody tr td a.down-button{width:75px;}
.mypage .box .table-box table  tbody tr td .memo-button{display: inline-block;text-align: center;width: 56px;line-height: 31px;border-radius: 16px;border: solid 1px #cecece;background-color: #f8f8f8;}
.mypage .box .table-box table tbody tr td .checkbox-type1{top:-4px;position:relative;display: inline-block;}
.mypage .box .table-box table tbody tr td .checkbox-type1 label{font-size:0;height:18px;width:18px;padding:0;}
.mypage .box .table-box table tbody tr td .checkbox-type1 label:before{top:0;left:0;}

.mypage .box .pay-box{display: flex;justify-content: space-between;}
.mypage .box .pay-box .card{border-radius: 20px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);background-color: #fff;padding:40px 32px;}
.mypage .box .pay-box .card + .card{margin-top:20px;}
.mypage .box .pay-box .left{width:660px;}
.mypage .box .pay-box .left .card dl dt{font-size: 16px;font-weight: 600;color: #202020;}
.mypage .box .pay-box .left .card dl dd{margin-top:12px;}
.mypage .box .pay-box .left .card dl dd .pay-txt{margin-top:20px;}
.mypage .box .pay-box .left .card dl dd .card-txt{display: none;}
.mypage .box .pay-box .left .card dl dd .pay-txt p{font-size:16px;word-break: keep-all;}
.mypage .box .pay-box .left .card dl dd .pay-txt p + p{margin-top:5px;}
.mypage .box .pay-box .left .card dl dd select{width:100%;height:44px;border-radius: 8px;border: solid 1px #e4e2ed;background-color: #fff;padding:0 40px 0 20px; font-size: 14px;color:#202020;}
.mypage .box .pay-box .left .card dl dd input[type="text"],
.mypage .box .pay-box .left .card dl dd input[type="tel"],
.mypage .box .pay-box .left .card dl dd input[type="number"]
{width:100%;height:44px;border-radius: 8px;border: solid 1px #e4e2ed;background-color: #fff;padding:0 20px;font-size: 14px;color:#202020;}
.mypage .box .pay-box .left .card dl dd select + input[type="text"]{margin-top:8px;}
.mypage .box .pay-box .left .card dl dd select + input[type="tel"]{margin-top:8px;}
.mypage .box .pay-box .left .card dl dd .radio-group{display: flex;}
.mypage .box .pay-box .left .card dl dd .radio-group .radio-type3 + .radio-type3{margin-left:5px;}
.mypage .box .pay-box .left .card dl dd .radio-group.type1 .radio-type3{display:inline-block;width:164px;}
.mypage .box .pay-box .left .card dl dd .radio-group.type2 .radio-type3{flex:1;}
.mypage .box .pay-box .left .card dl dd .opt-box{margin-top:8px;]}
.mypage .box .pay-box .left .card dl dd + dt{border-top:1px dashed #c1c1c1;margin-top:19px;padding-top:19px;}
.mypage .box .pay-box .left .card dl.form dd + dt{border-top:0;padding-top:0;}
.mypage .box .pay-box .right{width:440px;}
.mypage .box .pay-box .right .card dl dt{font-size: 20px;font-weight: 600;color: #202020;}
.mypage .box .pay-box .right .card dl dd{margin-top:19px;border-top:1px dashed #c1c1c1;padding-top:39px;}
.mypage .box .pay-box .left .card dl dd .tel-wrap{display: flex;align-items: center;}
.mypage .box .pay-box .left .card dl dd .tel-wrap input[type="number"]{flex:1;}
.mypage .box .pay-box .left .card dl dd .addr{}
.mypage .box .pay-box .left .card dl dd .addr .addr1{display: flex;}
.mypage .box .pay-box .left .card dl dd .addr .addr1 button{height:44px;width:100px;margin-left:10px;border-radius: 10px;background-color: #006df4;font-weight: 500;font-size: 18px;color: #fff;}
.mypage .box .pay-box .right .card dl dd ul{}
.mypage .box .pay-box .right .card dl dd ul li{position: relative;text-align: right;font-size: 16px;font-weight: 500;color: #202020;}
.mypage .box .pay-box .right .card dl dd ul li strong{position: absolute;left:0;}
.mypage .box .pay-box .right .card dl dd ul li  + li{margin-top:20px;}
.mypage .box .pay-box .right .card .policy-box{}
.mypage .box .pay-box .right .card .policy-box h4{font-size: 18px;font-weight: 600;color: #202020;}
.mypage .box .pay-box .right .card .policy-box p{font-size: 14px;font-weight: normal;line-height: 1.86;color: #575757;margin-top:15px;}
.mypage .box .pay-box .right .card .policy-box p i{position:relative;top:7px;display: inline-block;width:20px;}
.mypage .box .pay-box .right .card .policy-box p i img{display:block;}
.mypage .box .pay-box .right .card .policy-box .checkbox-type3{margin-top:20px;}
.mypage .box .pay-box .right .card .policy-box ul{margin-top:19px;border-top:1px dashed #c1c1c1;}
.mypage .box .pay-box .right .card .policy-box ul li{position: relative;padding:20px 0;Q}
.mypage .box .pay-box .right .card .policy-box ul li button{position:absolute;right:0;top:18px;}
.mypage .box .pay-box .right .card .policy-box ul li .checkbox-type3{}
.mypage .box .pay-box .right .card .policy-box ul li .checkbox-type3 label{font-size: 16px;font-weight: 600;letter-spacing: -0.4px;color: #202020;padding-left: 30px;}
.mypage .box .pay-box .right .card .policy-box ul li .checkbox-type3 label:before{top:1px;}
.mypage .box .pay-box .right .card .policy-box ul li .checkbox-type3 label:after{top:7px;}
.mypage .box .pay-box .right .card .policy-box ul li  + li{border-top:1px dashed #c1c1c1;}
.mypage .box .pay-box .button-box{margin-top:40px;}
.mypage .box .pay-box .button-box button{display: block;width:100%;height:53px;text-align:center;  border-radius: 10px;background-color: #006df4; font-weight: 500;font-size:18px;color: #fff;}




.mypage .order{}
.mypage .order .status{margin-top:30px;}
.mypage .order .status .layout{display: flex;}
.mypage .order .status .layout > div{flex:1;position: relative;background: #f5f5f5;border:1px solid #f5f5f5;text-align: center;border-radius: 15px;padding:16px;font-size:0;}
.mypage .order .status .layout > div:after{content: "";display: inline-block;width:34px;height:6px;background: url(/_public/images/icon/dot2.svg) no-repeat;background-size:cover;position: absolute;top: 50%;transform: translateY(-50%);right: -53px;}
.mypage .order .status .layout > div:last-child:after{display: none;}
.mypage .order .status .layout > div i{display: inline-block;position:relative;width:23px;height:23px;border-radius: 100%;background:#dedede;}
.mypage .order .status .layout > div i:after {content: "";position:absolute;display: inline-block;position: absolute;top: 4px;left: 8px;width: 5px;height: 9px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
.mypage .order .status .layout > div h4{margin-top:5px;font-size: 17px;font-weight: 500;color: #202020;}
.mypage .order .status .layout > div p{margin-top:5px; font-size: 15px;font-weight: normal;color: #575757;}
.mypage .order .status .layout > div + div{margin-left:68px;}
.mypage .order .status .layout > div.on{border-color:#006df4;background: #fff;}
.mypage .order .status .layout > div.on i{background:#006df4;}
.mypage .order .status .layout > div.on h4{color:#006df4;}
.mypage .order .status .layout > div.on:after{background: url(/_public/images/icon/dot1.svg) no-repeat;background-size: cover;}
.mypage .order .view{}
.mypage .order .view .card{padding: 40px;border-radius: 20px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);background-color: #fff;}
.mypage .order .view .card .shape:after{height:85px;}
.mypage .order .view .card .info-txt{font-size: 14px;font-weight: 500;color: #787878;}
.mypage .order .view .top{display: flex;}
.mypage .order .view .top .left{width:380px;}
.mypage .order .view .top .left dl{padding-bottom: 10px;border-bottom: 1px dashed #c4c4c4;}
.mypage .order .view .top .left dl dt{font-size: 16px;font-weight: 600;color: #202020;width:60px;}
.mypage .order .view .top .left dl dd{font-size: 16px;font-weight: normal;color: #575757;padding:0 0 5px 60px;text-align: right;}
.mypage .order .view .top .left dl dd em{font-weight: 500;color:#006df4;}
.mypage .order .view .top .left dl.last{margin-top:20px;padding-top: 20px;padding-bottom:0;border-bottom:0;border-top: 1px dashed #c4c4c4;}
.mypage .order .view .top .left dl.last dt{width:100px;}
.mypage .order .view .top .left dl.last dd{padding:0 0 5px 60px;}
.mypage .order .view .top .left h4{margin-top:20px;font-size: 16px;font-weight: 600;color: #202020;}
.mypage .order .view .top .left .cloud{margin-top: 10px;border-radius: 10px;border: dashed 1px #006df4;background-color: #eff6ff;padding:20px;text-align: center;font-size:0;}
.mypage .order .view .top .left .cloud i{display: inline-block;}
.mypage .order .view .top .left .cloud i img{display:block;}
.mypage .order .view .top .left .cloud p{margin-top:10px;font-size: 16px;font-weight: normal;color: #575757;}
.mypage .order .view .top .left .cloud a{margin-top:10px;display: inline-block;font-size: 14px;font-weight: 500;text-decoration: underline;color: #006df4;}
.mypage .order .view .top .left .radio-box{margin-top:12px;}
.mypage .order .view .top .left .radio-box .radio-type1{display: block;}
.mypage .order .view .top .left .radio-box .radio-type1 + .radio-type1{margin-top:10px;}
.mypage .order .view .top .right{margin-left:20px;width:720px;}
.mypage .order .view .top .right .card + .card{margin-top:20px;}
.mypage .order .view .top .right .flex-box{display: flex;}
.mypage .order .view .top .right .flex-box .inner{flex:1;}
.mypage .order .view .top .right .flex-box .inner + .inner{margin-left:80px;}
.mypage .order .view .top .right .flex-box .inner dl + dl{margin:0;}
.mypage .order .view .top .right dl{flex:1;}
.mypage .order .view .top .right dl + dl{margin-left:80px;}
.mypage .order .view .top .right dl dt{position:relative;padding-top:15px;font-size: 16px;font-weight: 600;color: #202020;;}
.mypage .order .view .top .right dl dd textarea{ border-radius: 10px;background-color: #f6f6f6;border:0;width:100%;height:62px;resize: none;padding:12px; font-size: 16px;font-weight: normal;color: #575757;}
.mypage .order .view .top .right .dl-type1 dt{width:150px;}
.mypage .order .view .top .right .dl-type1 dt.icon{padding-left:40px;}
.mypage .order .view .top .right .dl-type1 dt.icon i{position:absolute;top:10px;left:0;display: inline-block;}
.mypage .order .view .top .right .dl-type1 dt.icon i img{display:block;}
.mypage .order .view .top .right .dl-type1 dd{font-size: 16px;font-weight: normal;color: #575757;padding:15px 0 15px 150px;text-align: right;border-bottom: 1px dashed #c4c4c4;}
.mypage .order .view .top .right dl dd.none{border-bottom:0;}
.mypage .order .view .top .right dl dd .txt{margin-top:20px;width:100%;height:62px;overflow-y: auto;font-size: 16px;font-weight: normal;line-height: 1.5;color: #575757;padding:12px;background: #f6f6f6;border-radius: 10px;}
.mypage .order .view .top .right .dl-type1 dd .shame{display: flex;align-items:center;border-radius: 5px;width:125px;height:35px;border: solid 1px #e4e2ed;background-color: #fff;overflow: hidden;}
.mypage .order .view .top .right .dl-type1 dd .shame button{display: inline-block;}
.mypage .order .view .top .right .dl-type1 dd .shame button img{display: block;height:35px;}
.mypage .order .view .top .right .dl-type1 dd .shame .number{text-align: center;line-height: 35px;font-size: 16px;font-weight: normal;color: #202020;width:57px;}
.mypage .order .view .top .right .dl-type1 dd .shame input[type="text"]{text-align: center;line-height: 35px;font-size: 16px;font-weight: normal;color: #202020;width:57px;}
.mypage .order .view .top .right .dl-type1 dd .shame input[type="text"]:focus{outline: 0;}
.mypage .order .view .edit .top .right .dl-type1 dt{position: relative;top:7px;}
.mypage .order .view .edit .top .right .dl-type1 dd select{ border-radius: 5px;
border: solid 1px #e4e2ed;width:125px;height:35px;padding:0 10px;}



.mypage .order .view .bottom{margin-top:20px;}
.mypage .order .view .bottom h4{font-size: 16px;font-weight: 600;color: #202020;}
.mypage .order .view .bottom .txt-box{margin-top:12px;border-radius: 10px;background-color: #f6f6f6;padding:20px;font-size: 16px;font-weight: normal;line-height: 1.5;color: #575757;min-height: 200px;}
.mypage .order .view .bottom textarea{margin-top:12px;border-radius: 10px;  border: solid 1px #e4e2ed;
background-color: #fff;padding:20px;font-size: 16px;font-weight: normal;line-height: 1.5;color: #575757;height: 100px;resize: none;width:100%;}
.mypage .order .view .set .row1 .card{display: flex;}
.mypage .order .view .set .row1 .card .col1{width:570px;}
.mypage .order .view .set .row1 .card .col2{width:300px;}
.mypage .order .view .set .row1 .card .col3{width:300px;}
.mypage .order .view .set .row1 .card > div + div{margin-left:40px;}
.mypage .order .view .set .row1 .card .col1 .flex-box{display: flex;}
.mypage .order .view .set .row1 .card .col1 .flex-box dl{flex:1;}
.mypage .order .view .set .row1 .card .col1 .flex-box dl + dl{margin-left:40px;}
.mypage .order .view .top .right dl dt{position:relative;padding-top:15px;font-size: 16px;font-weight: 600;color: #202020;;}
.mypage .order .view .set .row1 .card .col1 .flex-box dl dt{width:80px;position:relative;font-size: 16px;font-weight: 600;color: #202020;}
.mypage .order .view .set .row1 .card .col1 .flex-box dl dt.icon{padding-left:40px;}
.mypage .order .view .set .row1 .card .col1 .flex-box dl dt.icon i{position:absolute;top:10px;left:0;display: inline-block;}
.mypage .order .view .set .row1 .card .col1 .flex-box dl dt.icon i img{display:block;}

.mypage .order .view .set .row1 .card .col1 .flex-box dl dd{font-size: 16px;font-weight: normal;color: #575757;padding:0 0 15px 80px;text-align: right;border-bottom: 1px dashed #c4c4c4;}
.mypage .order .view .set .row1 .card .col1 .flex-box dl dd em{font-weight: 500;color:#006df4;}
.mypage .order .view .set .row1 .card h4{margin-top:20px;font-size: 16px;font-weight: 600;color: #202020;}
.mypage .order .view .set .row1 .card .col1 .cloud{margin-top: 10px;border-radius: 10px;border: dashed 1px #006df4;background-color: #eff6ff;padding:20px;text-align: center;font-size:0;}
.mypage .order .view .set .row1 .card .col1 .cloud i{display: inline-block;}
.mypage .order .view .set .row1 .card .col1 .cloud i img{display:block;}
.mypage .order .view .set .row1 .card .col1 .cloud p{margin-top:10px;font-size: 16px;font-weight: normal;color: #575757;}
.mypage .order .view .set .row1 .card .col1 .cloud a{margin-top:10px;display: inline-block;font-size: 14px;font-weight: 500;text-decoration: underline;color: #006df4;}
.mypage .order .view .set .row1 .card .col1 .cloud-wrap{display: flex;margin-top:10px;}
.mypage .order .view .set .row1 .card .col1 .cloud-wrap .cloud{margin-top:0;width:70%;}
.mypage .order .view .set .row1 .card .col1 .cloud-wrap .filebox{margin-left:10px;width:30%;}
.mypage .order .view .set .row1 .card .col1 .cloud-wrap .filebox label{position:relative;width:100%;height:100%;padding:40px 0 0;  border-radius: 10px;border: dashed 1px #8d9ea8;background-color: #f6f6f6;text-align: center;  font-size: 14px;font-weight: 500;color: #575757;margin-right: 0;line-height: normal;}
.mypage .order .view .set .row1 .card .col1 .cloud-wrap .filebox label:before{content: "";display: inline-block;background: url(/_public/images/icon/cloud2.svg) no-repeat;background-size: cover;width: 37px;height: 26px;lefT:0;top:0;position:  relative;}
.mypage .order .view .set .row1 .card .col1 .cloud-wrap .filebox label span{margin-top:5px;display: block;text-align: center;}

.mypage .order .view .set .row1 .card .col2 h4{margin-top:0;}
.mypage .order .view .set .row1 .card .col2 .radio-box{margin-top:12px;}
.mypage .order .view .set .row1 .card .col2 .radio-box .radio-type1{display: block;}
.mypage .order .view .set .row1 .card .col2 .radio-box .radio-type1 + .radio-type1{margin-top:10px;}
.mypage .order .view .set .row1 .card .col2 .radio-box .radio-type1 label{padding:15px 20px;}
.mypage .order .view .set .row1 .card .col3 h4{margin-top:0;}
.mypage .order .view .set .row1 .card .col3 dl{margin-top:20px;border-bottom: 1px dashed #c4c4c4;}
.mypage .order .view .set .row1 .card .col3 dl dt{width:80px;position:relative;font-size: 16px;font-weight: 600;color: #575757;}
.mypage .order .view .set .row1 .card .col3 dl dt.icon{padding-left:40px;}
.mypage .order .view .set .row1 .card .col3 dl dt.icon i{position:absolute;top:10px;left:0;display: inline-block;}
.mypage .order .view .set .row1 .card .col3 dl dt.icon i img{display:block;}

.mypage .order .view .set .row1 .card .col3 dl dd{font-size: 16px;font-weight: normal;color: #575757;padding:0 0 15px 80px;text-align: right;}
.mypage .order .view .set .row1 .card .col3 dl dd em{font-weight: 500;color:#006df4;}
.mypage .order .view .set .row1 .card h4{margin-top:20px;font-size: 16px;font-weight: 600;color: #202020;}

.mypage .order .view .set .row2{margin-top:20px;display: flex}
.mypage .order .view .set .row2 .card{flex:1;}
.mypage .order .view .set .row2 .card + .card{margin-left:20px;}
.mypage .order .view .set .row2 .card .hgroup{display: flex;justify-content: space-between;align-items: flex-end;padding-bottom: 15px;border-bottom:2px solid #006df4;}
.mypage .order .view .set .row2 .card .hgroup h3{font-size: 18px;font-weight: 600;color: #006df4;}
.mypage .order .view .set .row2 .card .hgroup span{display: inline-block; font-size: 13px;font-weight: 500;color: #ff8c68;}
.mypage .order .view .set .row2 .card .dl-box{min-height:485px;}
.mypage .order .view .edit .set .row2 .card .dl-box{min-height: 582px;}
.mypage .order .view .set .row2 .card dl dt{position:relative;padding-top:15px;font-size: 16px;font-weight: 600;color: #202020;;}
.mypage .order .view .set .row2 .card dl dd{border-bottom: 1px dashed #c4c4c4;padding-bottom: 15px;}
.mypage .order .view .set .row2 .card .dl-type1 dt{width:230px;}
.mypage .order .view .edit .set .row2 .card .dl-type1 dt{position:relative;top:7px;}
.mypage .order .view .set .row2 .card .dl-type1 dt.icon{padding-left:40px;}
.mypage .order .view .set .row2 .card .dl-type1 dt.icon i{position:absolute;top:10px;left:0;display: inline-block;}
.mypage .order .view .set .row2 .card .dl-type1 dt.icon i img{display:block;}
.mypage .order .view .set .row2 .card .dl-type1 dd{font-size: 16px;font-weight: normal;color: #575757;padding:15px 0 15px 230px;text-align: right;border-bottom: 1px dashed #c4c4c4;}
.mypage .order .view .set .row2 .card dl dd.none{border-bottom:0;}
.mypage .order .view .set .row2 .card dl dd .txt{margin-top:20px;width:100%;height:62px;overflow-y: auto;font-size: 16px;font-weight: normal;line-height: 1.5;color: #575757;padding:12px;background: #f6f6f6;border-radius: 10px;}
.mypage .order .view .set .row2 .card dl dd select{border-radius: 5px;width:125px;height:35px;border: solid 1px #e4e2ed;padding:0 10px;}
.mypage .order .view .set .row2 .card dl dd textarea{margin-top:20px;width:100%;height:62px;overflow-y: auto;font-size: 16px;font-weight: normal;line-height: 1.5;color: #575757;padding:12px;background: #f6f6f6;border-radius: 10px;resize: none;border:0;}
.mypage .order .view .set .row2 .card dl dd .shame{float:right;display: flex;align-items:center;border-radius: 5px;width:125px;height:35px;border: solid 1px #e4e2ed;background-color: #fff;overflow: hidden;}
.mypage .order .view .set .row2 .card dl dd .shame button{display: inline-block;}
.mypage .order .view .set .row2 .card dl dd .shame button img{display: block;height:35px;}
.mypage .order .view .set .row2 .card dl dd .shame .number{text-align: center;line-height: 35px;font-size: 16px;font-weight: normal;color: #202020;width:57px;}
.mypage .order .view .set .row2 .card dl dd .shame input[type="text"]{text-align: center;line-height: 35px;font-size: 16px;font-weight: normal;color: #202020;width:57px;}
.mypage .order .view .set .row2 .card dl dd .shame input[type="text"]:focus{outline: 0;}

.mypage .order .view .set .row2 .card .shape{padding:40px 0;border-bottom: 1px dashed #c4c4c4;}
.mypage .order .view .set .row2 .card .shape > .l-shape{padding-right:7px;}
.mypage .order .view .set .row2 .card .shape > .r-shape{padding-left:7px;}
.mypage .order .view .set .row2 .card h4{margin-top:20px;font-size: 16px;font-weight: 600;color: #202020;}
.mypage .order .view .set .row2 .card .txt-box{margin-top:12px;border-radius: 10px;background-color: #f6f6f6;padding:20px;font-size: 16px;font-weight: normal;line-height: 1.5;color: #575757;min-height: 150px;}
.mypage .order .view .set .row2 .card textarea{margin-top:12px;width:100%;border-radius: 10px;background-color: #f6f6f6;padding:20px;font-size: 16px;font-weight: normal;line-height: 1.5;color: #575757;height: 100px;overflow-y: auto;resize: none;border:0;}
.mypage .order .view .edit .top .left .cloud-wrap{display: flex;margin-top:10px;}
.mypage .order .view .edit .top .left .cloud-wrap .cloud{margin-top:0;width:190px;}
.mypage .order .view .edit .top .left .cloud-wrap .filebox{margin-left:10px;}
.mypage .order .view .edit .top .left .cloud-wrap .filebox label{position:relative;width:100px;height:100%;padding:40px 0 0;  border-radius: 10px;border: dashed 1px #8d9ea8;background-color: #f6f6f6;text-align: center;  font-size: 14px;font-weight: 500;color: #575757;margin-right: 0;line-height: normal;}
.mypage .order .view .edit .top .left .cloud-wrap .filebox label:before{content: "";display: inline-block;background: url(/_public/images/icon/cloud2.svg) no-repeat;background-size: cover;width: 37px;height: 26px;lefT:0;top:0;position:  relative;}
.mypage .order .view .edit .top .left .cloud-wrap .filebox label span{margin-top:5px;display: block;text-align: center;}


.mypage .order .button-box{margin-top:40px;text-align: center;}
.mypage .order .button-box a{display: inline-block; border-radius: 10px;
background-color: #006df4;width:400px;line-height: 53px;color:#fff;font-size: 18px;
font-weight: 500;}

.mypage .compelet-btn-box {display:flex;flex-wrap:wrap;margin-top:24px;}
.mypage .compelet-btn-box p {font-size:16px;display:inline-block;}
.mypage .compelet-btn-box p strong {display:inline-block;margin-right:40px;color: #575757;font-weight:600;}
.mypage .compelet-btn-box p span {display:inline-block;font-size:17px;font-weight:700;}
.mypage .compelet-btn-box .total {border-radius: 10px;box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 10%);background-color: #fff;padding:14px 30px;}
.mypage .compelet-btn-box .total span {color:#ff4747;}
.mypage .compelet-btn-box .deposit {border-radius: 10px;box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 10%);background-color: #fff;padding:14px 30px;margin-left:24px;}
.mypage .compelet-btn-box .deposit span {color:#51c617;}
.mypage .compelet-btn-box .charge {display:inline-block;border-radius:10px;font-size:15px;box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 10%);padding:6px 20px;background:#fff;margin-left:8px;color:#51c617;font-weight:500;border: 1px solid #51c617;}
.mypage .compelet-btn-box .pay {display:inline-block;border-radius:10px;box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 10%);background-color:#006df4;padding:14px 60px;margin-left:24px;color:#fff;font-size:15px;font-weight:500;}

/* 나의 정보 */
.mypage .my-info{margin-top:40px;}
.mypage .my-info.edit{border-top:2px solid #1e4ba0;}
.mypage .my-info .box{padding:30px 0;border-top:2px solid #1e4ba0;border-bottom:1px solid #e5e5e5;}
.mypage .my-info table{width:100%;}
.mypage .my-info table tbody tr td{border-bottom:0;padding:10px;}
.mypage .my-info table tbody tr td label{display:inline-block;width:100px;font-size:14px;line-height: 35px;font-weight:500;}
.mypage .my-info table tbody tr td input[type="password"],
.mypage .my-info table tbody tr td input[type="text"]{width: 400px;height: 44px;border-radius: 10px;border: solid 1px #ccc;background-color: #fff;padding: 0 20px;color: #949599;font-size: 14px;font-weight: normal;}
.mypage .my-info table tbody tr td .txt{font-size:12px;margin:10px 0 0 55px;}
.mypage .button-group{margin-top:40px;text-align: center;font-size:0;}
.mypage .button-group .button{display: inline-block;width: 200px;height: 53px;border-radius: 10px;background-color: #006df4;font-size: 18px;font-weight: 500;color: #fff;}
.mypage .button-group .button + button{margin-left: 10px;}
.mypage .button-group .button:first-child{background-color: #f1f1f1;color:#989898;}
.mypage .my-info .form-flex .cmm-form{width: calc(100% - 160px);}
.mypage .my-info .form-flex .cmm-form:first-child{width: 160px;padding:20px 10px;}
.mypage .my-info .radio-type1{display:inline-block;margin:5px 2px;width:80px;}
.mypage .my-info .radio-type1 label{line-height: 40px;}
.mypage .my-info .cmm-form .info-txt{line-height: 40px;font-size:14px;}
.mypage .my-info .cmm-form .txt{font-size:13px;margin-top:5px;}
.mypage .my-info.edit .ios-chk{vertical-align: middle;margin-top:-12px;}
.mypage .my-info.edit .ios-chk label{font-size:14px;}
.mypage .my-info .cmm-form.tel{}
.mypage .my-info .cmm-form.tel span{width:190px;display:inline-block;}
.mypage .my-info .cmm-form.email{}
.mypage .my-info .cmm-form.email input[type="text"]{width:190px;display:inline-block;}
.mypage .my-info .cmm-form.gender .form{border-bottom:0;}
.mypage .withdraw table tbody tr td{text-align: left !important;}
.mypage .withdraw table tbody tr td select{width:400px;border:1px solid #ccc;height: 44px;padding:0 10px;background: url("/_public/images/@draft/select_icon01.png") no-repeat;background-position: 98% 50%;border-radius: 10px;}
.mypage .withdraw table tbody tr td input[type="text"]{}
.mypage .withdraw table tbody tr td textarea{width:100%;height:150px;resize: none;border:1px solid #e7e7e7;padding:20px;}
.mypage .signup{padding:0;min-height: 100%;}
.mypage .signup .field-box{margin:0;border-radius: 20px;box-shadow: 2px 2px 6px 0 rgb(0 0 0 / 10%);background-color: #fff;padding: 30px;}
.mypage .signup .button-box button{width:200px;}
.mypage .signup .button-box a{margin-left:10px;width:200px;display: inline-block;line-height:53px;height: 53px;border-radius: 10px;background-color: #f1f1f1;font-size: 18px;font-weight: 500;color: #989898;}

.mypage .vbank{}
.mypage .vbank .inner{display: flex;}
.mypage .vbank .inner > div{flex:1;}
.mypage .vbank .left{padding: 40px;border-radius: 20px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);background-color: #fff;}
.mypage .vbank .left h4{font-size: 20px;font-weight: 600;color: #202020;border-bottom: 1px dashed #707070;padding-bottom: 15px;}
.mypage .vbank .left dl{margin-top:39px;}
.mypage .vbank .left dl dt{width:100px;font-size: 16px;font-weight: 600;color: #202020;}
.mypage .vbank .left dl dd{padding:0 0 20px 100px;font-size: 16px;font-weight: normal;text-align: right;color: #575757;}
.mypage .vbank .left dl dd em{color:#202020;font-weight: 500;}
.mypage .vbank .right{margin-left:20px;}
.mypage .vbank .right .box{margin:0;padding: 40px;border-radius: 20px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.1);background-color: #fff;}
.mypage .vbank .right .box + .box{margin-top:20px;}
.mypage .vbank .right .box{}
.mypage .vbank .right .box h4{font-size: 20px;font-weight: 600;color: #202020;border-bottom: 1px dashed #707070;padding-bottom: 15px;}
.mypage .vbank .right .box dl{margin-top:39px;}
.mypage .vbank .right .box dl dt{width:100px;font-size: 16px;font-weight: 600;color: #202020;}
.mypage .vbank .right .box dl dd{padding:0 0 20px 100px;font-size: 16px;font-weight: normal;text-align: right;color: #202020;}
.mypage .vbank .right .box dl dd em{color:#006df4;font-weight: 500;}
.mypage .vbank .right .box ul{margin-top:39px;}
.mypage .vbank .right .box ul li{position:relative;font-size: 16px;font-weight: normal;line-height: 1.5;color: #575757;padding-left:18px;}
.mypage .vbank .right .box ul li:before{content: "";display: inline-block;width:10px;height:2px;background: #a1a1a1;position: absolute;left:0;top:10px;}
.mypage .vbank .right .box ul li + li{margin-top:15px;}
.mypage .vbank .button-box{margin-top:40px;text-align: center;}
.mypage .vbank .button-box a{display: inline-block;width:440px;line-height: 53px; border-radius: 10px;color:#fff; font-size: 18px; font-weight: 500;font-stretch: normal;background-color: #006df4;}


.policy { font-size: 15px; line-height: 24px; padding: 60px 0}
.policy span { font-size: 18px; font-weight: 700; color: #2741b4;}
.policy h3 { font-size: 24px; text-align: center; margin-bottom: 40px}
.policy p {  }
.policy table { margin:10px 0 30px}
.policy table th { padding: 10px; border-bottom: 1px solid #ccc; background: #f8f8f8; border-top: 2px solid #333;border-right: 1px solid #ddd}
.policy table th:last-child{ border-right: 0}
.policy table td {padding: 10px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd}
.policy table td.lz { border-right: 0}


.imgct { text-align: center;}

.faq{}
.faq dl{margin-top:40px;border-top:2px solid #006df4;}
.faq dl dt{position: relative;padding:25px 100px;font-size: 18px;font-weight: 500;letter-spacing: -0.45px;color: #0c0c0c;border-bottom:1px solid #cecece;cursor: pointer;}
.faq dl dt:before{content: "Q";position:absolute;top:18px;left:30px;font-size: 28px;font-weight: 500;letter-spacing: -0.7px;color: #006df4;}
.faq dl dt:after{content: "";position:absolute;top:28px;right:20px;display: inline-block;width:20px;height:20px;background: url(/_public/images/icon/faq_arrow.svg) no-repeat;background-size: cover;}
.faq dl dt.on:after{transform: rotate(-180deg);}
.faq dl dt i{position: absolute;right:50px;display:inline-block;width:20px;height:20px;background: url(/_public/images/icon/file_icon.svg) no-repeat;background-size: cover;font-size:0;}
.faq dl dd{display:none;position:relative;padding:25px 50px 25px 100px; font-size: 16px !important;font-weight: normal;line-height: normal !important;letter-spacing: -0.4px;background: #f8f8f8;border-bottom:1px solid #cecece;}
.faq dl dd *{padding:0 !important;font-size: 17px !important;font-weight: normal;line-height: normal !important;}
.faq dl dd .file-down{text-align: right;margin-bottom:10px;}
.faq dl dd .file-down a{display: inline-block;color:#006df4;text-decoration:underline !important;}
.faq dl dd:before{content: "A";position:absolute;top:18px;left:30px;font-size: 28px;font-weight: 500;letter-spacing: -0.7px;color: #818bb0;}


.kakao-quick{position: fixed;right:40px;top:50%;transform: translateY(-50%);z-index: 10;}