@charset 'utf-8';

.download-form {display: flex; justify-content: end; align-items: center; margin-top: 10px;}
.download-form.typ2 {width: 190px; margin-top: 0; position: absolute; top: -7px; right: 0; text-align: center;}
.download-form.typ2 a.btn-down-typ01 {width: 190px;}
.download-form a.btn-down-typ01 {width: 263px; padding: 12px 0; position: relative; padding-right: 35px; background-color: #ff562f; color: #fff; font-size: 20px; font-weight: 600; border-radius: 24px;}
.download-form a.btn-down-typ01::before {width: 23px; height: 21px; content: ''; background: url(/content/images/ico/ico_download02.png)no-repeat center; background-size: 100%; position: absolute; top: 50%; right: 35px; transform: translate(0, -50%);}
.download-form.typ2 a.btn-down-typ01::before {width: 20px; height: 19px; content: ''; background: url(/content/images/ico/ico_edit.png)no-repeat center; background-size: 100%; position: absolute; top: 50%; right: 35px; transform: translate(0, -50%);}
.content-inner-box strong {display: block; margin-bottom: 15px; font-size: 22px; color: #222; font-weight: 600;}
.content-inner-box > ul {display: grid; margin-bottom: 35px; grid-template-columns: repeat(2, 1fr); gap: 35px 80px;}

.inpt {font-size: 19px; padding: 10px 0 10px 20px; border: 0; color: #666666; background: #f8f8f8; border: 1px solid #bfdde0; border-radius: 4px !important; box-sizing: border-box;}
.inpt-wrap-list {display: flex; align-items: center; margin-top: 25px; gap: 35px;}
.inpt-wrap-list.typ2 {flex-direction: column; align-items: flex-start;  gap: 15px;}
.add-area-type1 {padding-bottom: 40px; margin-bottom: 35px; border-bottom: 1px solid #9ec7cb;}
.add-area-type1.bder-none {padding-bottom: 0; margin-bottom: 0; border-bottom: 0;}

.terms-box {margin-top: 40px; padding: 40px; border-radius: 8px; box-sizing: border-box; background: rgba(55, 133, 162, 0.2);}
.terms-inner-box {display: flex; flex-direction: row;}
strong.terms-txt {width: 200px; font-size: 30px; color: #072a37; font-weight: 700;}
.terms-inner-box ul {width: calc(100% - 200px);}
.terms-inner-box li {padding-left: 15px; margin-bottom: 20px; font-size: 20px; font-weight: 500; color: #45626c; position: relative;}
.terms-inner-box li:last-child {margin-bottom: 0;}
.terms-inner-box li::after {content: ""; width: 4px; height: 4px; background: #3785a2; position: absolute; top: 10px; left: 0;}

.btn-area.typ2,.btn-area.typ3 {margin-top: 50px;} 
.btn-area.typ2 a {position: relative; padding-right: 35px;}
.btn-area.typ2 a.apply::before {content: ""; width: 31px; height: 22px; background: url(/content/images/ico/ico_next.png) no-repeat center; position: absolute; top: 20px; right: 45px;}
.btn-area.typ2 a.cancel::before {content: ""; width: 24px; height: 24px; background: url(/content/images/ico/ico_cancle.png) no-repeat center; position: absolute; top: 20px; right: 43px;}

.inpt-typ1,.edit-cont-box {margin-bottom: 35px; }
.inpt-box .pw-txt {display: block; margin-top: 15px; padding-left: 15px; font-size: 17px; font-weight: 300; color: #ff562f;}

/* 완료 */
.content-box.typ2 {padding: 110px 0px 100px 0px; }
.compled-box {text-align: center; position: relative;}
.compled-box.typ2 {max-width: 566px; margin: 0 auto;}
.compled-box.typ2 .compled-tit {text-align: left;}
.compled-box strong {font-size: 32px; color: #0c4963; font-weight: 500; position: relative; }
.compled-box span {color: #ff562f; font-weight: 700;}
.compled-box span.txt-nm {font-weight: 500;}
.compled-box p {color: #4d6c78; font-size: 22px;}
.compled-tit { margin-bottom: 45px;}
.compled-tit .img-box {position: absolute; top: -45px; left: 190px;}
.compled-tit .img-box.typ2 {top: -27px; left: 215px;}
.compled-tit .img-box.typ3 {top: -20px; left: -120px;}

.compled-box .login-box {max-width: 560px; margin: 0 auto; text-align: left;}
.compled-box .login-box ul li strong {display: block; margin-bottom: 15px; font-size: 22px; color: #222; font-weight: 500;}
.compled-box .login-box ul li:first-child {margin-bottom: 35px;}

/* 개인정보처리방침 */
.privacy-seciton strong {display: block; color: #072a37; font-size: 28px; }
.privacy-seciton strong:not(:first-child) {margin-bottom: 20px;}
.privacy-seciton strong.first {margin-bottom: 70px; color: #0c4963; font-size: 24px; font-weight: 600; line-height: 1.5;}
.privacy-seciton p {display: block; color: #555; font-size: 20px; line-height: 1.5;}
.privacy-seciton p:not(:last-child) {margin-bottom: 50px;}

/*에러페이지*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d6e9f5+0,f9f9f9+100 */
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d6e9f5+0,f9f9f9+100 */
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

.error-logo{margin-bottom:2rem; display: inline-block;}
.error-wrap{ background: #f9f9f9;}
.error-bg { background: linear-gradient(180deg, rgba(214,233,245,1) 0%, rgba(249,249,249,1) 50%);
    height: 1000px;}


    
.error-content{height:100%; max-width:1200px; display:flex; margin:0 auto; align-items: center; justify-content: center; }
.error-area{ width:100%; }
/* .error-box{padding:8rem 0;text-align:center; background: #FFFFFF; border-radius: 2rem;} */
.error-box {border-top: 4px solid #5a9bb3; padding: 85px 0px 115px 0px; background-color: rgba(255, 255, 255, 0.6); box-shadow: 1px 5px 15px -6px #ddd; border-radius: 0 0 20px  20px; text-align: center;}
.error-box strong{display:block; margin: 45px 0 20px 0; color:#2d6f8b; font-size:48px; font-style: normal; font-weight: 700;  }
.error-box p {margin-bottom:40px; color: #666; font-size: 24px;}
/* .btn-error{display:block; margin: 10rem auto 0 auto} */
.btn-error{display: inline-block; height: 64px; width: 243px; border-radius: 40px; text-align: center; font-size: 24px; line-height: 64px; font-weight: 600; background: #3785a2; color: #fff;}