﻿.join-wrap .join-box{text-align:center;margin-bottom:30px;padding:30px 20px;border-radius:10px;border:1px solid #ddd}@media(min-width: 992px){.join-wrap .join-box{display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:40px;padding:50px 40px;text-align:left}.join-wrap .join-box img{width:70px}}@media(min-width: 992px){.join-wrap .join-box .join-text{width:calc(100% - 70px);padding-left:40px}}.join-wrap .join-box .join-text .join-title{margin:15px 0;color:#1d1d1d;font-size:23px;font-weight:bold}@media(min-width: 992px){.join-wrap .join-box .join-text .join-title{margin:0 0 15px 0;font-size:28px}}.join-wrap .join-box .join-text p{margin:0;color:#1d1d1d;font-size:16px}@media(min-width: 992px){.join-wrap .join-box .join-text p{font-size:17px}}@media(min-width: 992px){.join-wrap .join-box .join-btns{width:100%;margin-top:45px;text-align:center}}.join-wrap .join-box .join-btns .btn{margin:20px 8px 0;padding:25px 60px;color:#fff;font-size:20px;font-weight:bold}@media(min-width: 992px){.join-wrap .join-box .join-btns .btn{font-size:24px}}.join-wrap .join-box .join-btns .btn span{display:block;font-size:16px;font-weight:normal}@media(min-width: 992px){.join-wrap .join-box .join-btns .btn span{font-size:17px}}@media(min-width: 992px){.login-wrap{display:flex;flex-wrap:wrap}}.login-wrap .login-box{padding:40px 0;text-align:center;border-bottom:1px solid #ddd}@media(min-width: 1200px){.login-wrap .login-box{display:flex;justify-content:center;padding:0 20px;margin-bottom:45px;border-bottom:none;border-right:1px solid #ddd}}.login-wrap .login-box .login-con{width:100%}.login-wrap .login-box .login-con .join-text{padding-bottom:30px}@media(min-width: 992px){.login-wrap .login-box .login-con .join-text img{width:70px;margin-bottom:15px}}.login-wrap .login-box .login-con .join-text .join-title{margin:15px 0;color:#1d1d1d;font-size:23px;font-weight:bold}@media(min-width: 992px){.login-wrap .login-box .login-con .join-text .join-title{margin:0 0 15px 0;font-size:28px}}.login-wrap .login-box .login-con .join-text p{margin:0;color:#1d1d1d;font-size:16px}@media(min-width: 992px){.login-wrap .login-box .login-con .join-text p{font-size:17px}}.login-wrap .login-box .login-con .login-tab .nav-tabs{border:none}.login-wrap .login-box .login-con .login-tab .nav-tabs .nav-link{width:50%;height:48px;padding:0 15px;color:#555;font-size:17px;border:solid 1px #e4e4e4;background-color:#f8f8f8}.login-wrap .login-box .login-con .login-tab .nav-tabs .nav-link:first-child{border-radius:10px 0 0 10px}.login-wrap .login-box .login-con .login-tab .nav-tabs .nav-link:last-child{border-radius:0 10px 10px 0}.login-wrap .login-box .login-con .login-tab .nav-tabs .nav-link.active{border-radius:0;border:none;border-top:2px solid #7269cd;background-color:#fff}.login-wrap .login-box .login-con .login-tab .tab-content{margin-top:30px}@media(min-width: 992px){.login-wrap .login-box .login-con .join-btn{padding-bottom:45px}}.login-wrap .login-box .login-con .btn{width:100%;padding:18px;font-size:18px;font-weight:bold}.login-wrap .login-box .login-con form .form-label{color:#1d1d1d;font-size:16px;font-weight:bold}.login-wrap .login-box .login-con form input[type=text],.login-wrap .login-box .login-con form input[type=password]{height:48px;border:1px solid #555}.login-wrap .login-box .login-con form input[type=text]::placeholder,.login-wrap .login-box .login-con form input[type=password]::placeholder{color:#757575;font-size:16px}.login-wrap .login-box .login-con form .form-check{text-align:left;color:#757575;font-size:14px}@media(min-width: 992px){.login-wrap .login-box .login-con form .form-check{font-size:15px}}.login-wrap .login-box .login-con .login-tools{margin-top:20px}.login-wrap .login-box .login-con .login-tools a{position:relative;padding:0 15px;color:#555;font-size:14px}@media(min-width: 992px){.login-wrap .login-box .login-con .login-tools a{font-size:15px}}.login-wrap .login-box .login-con .login-tools a+a::after{content:"";position:absolute;top:0;left:0;width:1px;height:15px;border-right:1px solid #ddd}.login-first .first-agreebox{color:#333;font-size:17px;background-color:#f5f5f5}.login-first .first-agreebox .label{color:#555;font-size:15px}div.contents-wrap ul.steps{position:relative;display:flex;list-style:none;margin:50px 0 44px;padding:0}@media(min-width: 1200px){div.contents-wrap ul.steps{width:600px;margin:68px auto 100px}}div.contents-wrap ul.steps::before{content:"";display:block;position:absolute;left:10%;left:10%;right:10%;top:0;border-top:1px solid #d8d8d8}div.contents-wrap ul.steps li{position:relative;text-align:center;padding-top:15px;flex:1 1 20%}div.contents-wrap ul.steps li::before{content:"";display:block;position:absolute;top:0px;left:50%;transform:translateX(-50%) translateY(-50%);width:8px;height:8px;border:1px solid #777;border-radius:50%;background:#fff}@media(min-width: 1200px){div.contents-wrap ul.steps li::before{width:12px;height:12px}}@media(min-width: 1200px){div.contents-wrap ul.steps li{text-align:center}div.contents-wrap ul.steps li small{display:block;font-size:17px;color:#555;margin:34px 0 12px}div.contents-wrap ul.steps li span{font-size:17px;font-weight:400;color:#1d1d1d}}div.contents-wrap ul.steps li.ok::before{width:22px;height:22px;border:none;background:url("data:image/svg+xml,%3Csvg id='구성_요소_7_6' data-name='구성 요소 7 – 6' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle id='타원_18' data-name='타원 18' cx='12' cy='12' r='12' fill='%23003660'/%3E%3Cpath id='ico_step_check' d='M8.566-6.691a.626.626,0,0,1,0,.885l-5,5a.626.626,0,0,1-.885,0l-2.5-2.5a.626.626,0,0,1,0-.885.626.626,0,0,1,.885,0L3.125-2.135,7.684-6.691a.626.626,0,0,1,.885,0Z' transform='translate(8 16)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat center/100% auto}@media(min-width: 1200px){div.contents-wrap ul.steps li.ok::before{width:28px;height:28px}}div.contents-wrap ul.steps li.active::before{width:22px;height:22px;border:none;background:url("data:image/svg+xml,%3Csvg id='구성_요소_4_9' data-name='구성 요소 4 – 9' xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg id='타원_29' data-name='타원 29' fill='%23fff' stroke='%230079d5' stroke-width='1'%3E%3Ccircle cx='14' cy='14' r='14' stroke='none'/%3E%3Ccircle cx='14' cy='14' r='13.5' fill='none'/%3E%3C/g%3E%3Cg id='타원_17' data-name='타원 17' transform='translate(5 5)' fill='%230079d5' stroke='%230079d5' stroke-width='2'%3E%3Ccircle cx='9' cy='9' r='9' stroke='none'/%3E%3Ccircle cx='9' cy='9' r='8' fill='none'/%3E%3C/g%3E%3Ccircle id='타원_26' data-name='타원 26' cx='1' cy='1' r='1' transform='translate(9 13)' fill='%23fff'/%3E%3Ccircle id='타원_27' data-name='타원 27' cx='1' cy='1' r='1' transform='translate(13 13)' fill='%23fff'/%3E%3Ccircle id='타원_28' data-name='타원 28' cx='1' cy='1' r='1' transform='translate(17 13)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat center/100% auto}@media(min-width: 1200px){div.contents-wrap ul.steps li.active::before{width:28px;height:28px}}@media(min-width: 1200px){div.contents-wrap ul.steps li.active span{font-weight:700;color:#1d1d1d}}div.contents-wrap div.links div a{display:block;position:relative;border-radius:10px;border:1px solid #d8d8d8;margin:0 0 20px;padding:32px 32px 32px 110px}@media(min-width: 1200px){div.contents-wrap div.links div a{padding:50px;height:310px;text-align:center}}div.contents-wrap div.links div a i{display:block;position:absolute;left:20px;top:30px;width:70px;line-height:70px;border-radius:540%;background-color:#f2f8fd;text-align:center;font-size:24px;color:#66afe6}@media(min-width: 1200px){div.contents-wrap div.links div a i{position:static;margin:0 auto 34px;width:90px;line-height:90px}}div.contents-wrap div.links div a strong{display:block;font-weight:700;color:#1d1d1d;margin:0 0 4px;font-size:17px}@media(min-width: 1200px){div.contents-wrap div.links div a strong{margin:0 0 23px}}div.contents-wrap div.links div a span{display:block;font-size:15px;color:#555}@media(min-width: 1200px){div.contents-wrap div.links div a span{font-size:17px}}div.contents-wrap div.links div a:hover{border-color:#66afe6;text-decoration:none}div.contents-wrap div.agree strong{display:block;font-size:17px;color:#1d1d1d;font-weight:700;margin:0 0 10px}@media(min-width: 1200px){div.contents-wrap div.agree strong{font-size:19px;margin:0 0 15px}}div.contents-wrap div.agree div.text{border:1px solid #d8d8d8;border-radius:10px;padding:15px;margin:0 0 5px;font-size:15px;height:200px;overflow-y:scroll}@media(min-width: 1200px){div.contents-wrap div.agree div.text{padding:20px;margin:0 0 10px}}div.contents-wrap div.agree div.check{border-radius:10px;background:#f8f8f8;padding:15px 10px;margin:0 0 30px;text-align:center;font-size:15px;color:#555}@media(min-width: 1200px){div.contents-wrap div.agree div.check{position:relative;padding:15px 20px;font-size:17px;text-align:right;margin:0 0 50px}}div.contents-wrap div.agree div.check div{margin:0 0 10px}@media(min-width: 1200px){div.contents-wrap div.agree div.check div{position:absolute;left:20px;margin:0}}div.contents-wrap div.agree div.check input{display:none}div.contents-wrap div.agree div.check label{display:inline-block;position:relative;padding:0 0 0 24px}@media(min-width: 1200px){div.contents-wrap div.agree div.check label{margin:0}}div.contents-wrap div.agree div.check label:first-of-type{margin-right:20px}div.contents-wrap div.agree div.check label::before{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:18px;height:18px;background:url(/pub/module/join/images/radio.svg) no-repeat center/100% auto}div.contents-wrap div.agree div.check input:checked+label::before{background:url(/pub/module/join/images/radio_on.svg) no-repeat center/100% auto}div.contents-wrap div.agree div.btn-set{text-align:center}div.contents-wrap div.agree div.btn-set a{border-color:#66afe6;color:#0061ab;background:#f2f8fd;font-size:15px}@media(min-width: 1200px){div.contents-wrap div.agree div.btn-set a{font-size:17px}}div.contents-wrap div.agree div.btn-set a i{margin-left:10px}div.contents-wrap .find-top{padding-top:30px;padding-bottom:30px;text-align:center}@media(min-width: 1200px){div.contents-wrap .find-top{padding-top:50px;padding-bottom:50px;font-size:17px}}div.contents-wrap .find-top h3{font-size:17px;font-weight:bold}@media(min-width: 1200px){div.contents-wrap .find-top h3{font-size:25px}}div.contents-wrap .find-top p{margin-top:20px}div.contents-wrap .find-pw-box{background-color:#f8f8f8;border-radius:6px;padding:30px 20px;margin-bottom:20px}@media(min-width: 1200px){div.contents-wrap .find-pw-box{padding:50px;margin-bottom:50px}}div.contents-wrap .find-box{border:1px solid #d8d8d8;border-radius:6px;text-align:center;padding:30px 20px;margin-bottom:20px;color:#555}@media(min-width: 1200px){div.contents-wrap .find-box{padding:60px 30px;margin-bottom:40px}}div.contents-wrap .find-box p{font-size:17px}div.contents-wrap .find-box p b{color:#1d1d1d;font-weight:bold}div.contents-wrap .list-icon{font-size:15px;color:#555}@media(min-width: 1200px){div.contents-wrap .list-icon{font-size:17px}}div.contents-wrap .list-icon li{padding-left:30px;margin-bottom:10px}div.contents-wrap .list-icon li i{margin-left:-30px}div.contents-wrap div.certified div a{display:block;position:relative;border-radius:10px;border:1px solid #d8d8d8;margin:0 0 20px;padding:75px;text-align:center}@media(min-width: 1200px){div.contents-wrap div.certified div a{padding:50px;height:310px;padding:80px}}div.contents-wrap div.certified div a::before{content:"";display:block;margin:0 auto 34px;width:96px;height:84px;background:url(/pub/module/join/images/img-phone.svg) no-repeat center/100% auto}@media(min-width: 1200px){div.contents-wrap div.certified div a::before{width:120px;height:106px}}div.contents-wrap div.certified div a strong{display:block;font-weight:700;color:#1d1d1d;margin:0 0 4px;font-size:17px}@media(min-width: 1200px){div.contents-wrap div.certified div a strong{margin:0 0 23px;font-size:19px}}div.contents-wrap div.certified div a:hover{border-color:#66afe6;text-decoration:none}div.contents-wrap div.form strong{display:block;font-size:17px;color:#1d1d1d;font-weight:700;margin:0 0 10px}@media(min-width: 1200px){div.contents-wrap div.form strong{font-size:19px;margin:0 0 15px}}div.contents-wrap div.form div.box{border:1px solid #d8d8d8;border-radius:10px;padding:15px;margin:0 0 30px;font-size:15px}@media(min-width: 1200px){div.contents-wrap div.form div.box{padding:40px}}div.contents-wrap div.form div.box dl.float dt{float:left;width:82px;font-size:15px;font-weight:700;color:#1d1d1d}@media(min-width: 1200px){div.contents-wrap div.form div.box dl.float dt{font-size:17px}}div.contents-wrap div.form div.box dl.float dd{font-size:15px;color:#555}@media(min-width: 1200px){div.contents-wrap div.form div.box dl.float dd{font-size:17px}}div.contents-wrap div.form div.box dl.normal:last-of-type{margin:0}div.contents-wrap div.form div.box dl.normal dt{font-size:15px;font-weight:700;color:#1d1d1d;border-top:1px solid #e4e4e4;padding:15px 0 10px}@media(min-width: 1200px){div.contents-wrap div.form div.box dl.normal dt{font-size:17px;padding:20px 0 10px}}div.contents-wrap div.form div.box dl.normal dt small{display:block;font-weight:normal}@media(min-width: 1200px){div.contents-wrap div.form div.box dl.normal dt small{font-size:15px}}div.contents-wrap div.form div.box dl.normal dt:has(+dd [required]) label::after{content:" *";color:#dc3545;font-weight:bold;margin-left:2px}div.contents-wrap div.form div.box dl.normal.noline dt:first-of-type{border-top:none;padding-top:0}div.contents-wrap div.form div.box dl.normal dd{font-size:15px;color:#555;padding:0 0 15px}div.contents-wrap div.form div.box dl.normal dd input[type=text],div.contents-wrap div.form div.box dl.normal dd input[type=password],div.contents-wrap div.form div.box dl.normal dd select{height:44px}div.contents-wrap div.form div.box dl.normal dd button{height:44px;font-size:15px;margin-left:5px;font-size:15px}div.contents-wrap div.form div.box dl.normal dd.flex{display:flex}div.contents-wrap div.form div.box dl.normal dd.flex u{height:44px;border:none;text-decoration:none}div.contents-wrap div.form div.box dl.normal dd.check input{display:none}div.contents-wrap div.form div.box dl.normal dd.check label{font-size:15px;display:inline-block;padding-left:24px;margin-right:20px;background:url(/pub/module/join/images/check.svg) no-repeat left center/18px auto}@media(min-width: 1200px){div.contents-wrap div.form div.box dl.normal dd.check label{font-size:17px}}div.contents-wrap div.form div.box dl.normal dd.check label.radio-label{background:url(/pub/module/join/images/radio.svg) no-repeat left center/18px auto}div.contents-wrap div.form div.box dl.normal dd.check input:checked+label{background-image:url(/pub/module/join/images/check_on.svg)}div.contents-wrap div.form div.box dl.normal dd.check input[type=radio]:checked+label{background-image:url(/pub/module/join/images/radio_on.svg)}div.contents-wrap div.form div.box dl.normal dd:last-of-type{padding:0;margin:0}div.contents-wrap div.form div.box dl.normal dd:last-of-type input,div.contents-wrap div.form div.box dl.normal dd:last-of-type select{margin-bottom:0}div.contents-wrap div.form p.information{margin:30px 0;color:#eb003b;font-size:15px}div.contents-wrap div.btn-set a{line-height:44px;padding:0 20px;font-size:15px;margin:5px 0}div.contents-wrap div.btn-set a+a{margin-left:5px;max-width:calc(50% - 5px)}div.contents-wrap div.btn-set a.btn-primary{background:#0079d5}div.contents-wrap div.btn-set a.btn-outline-secondary{border-color:#8e8e8e;color:#1d1d1d}div.contents-wrap div.finish div{display:block;position:relative;border-radius:10px;border:1px solid #d8d8d8;margin:0 0 20px;padding:40px;text-align:center}@media(min-width: 1200px){div.contents-wrap div.finish div{padding:70px;margin:0 auto}}div.contents-wrap div.finish div i{display:block;margin:0 auto 20px;width:80px;line-height:80px;border-radius:540%;background-color:#f2f8fd;text-align:center;font-size:30px;color:#66afe6}@media(min-width: 1200px){div.contents-wrap div.finish div i{margin-bottom:30px;width:100px;line-height:100px;font-size:40px}}div.contents-wrap div.finish div strong{display:block;font-weight:700;color:#1d1d1d;margin:0 0 4px;font-size:21px}@media(min-width: 1200px){div.contents-wrap div.finish div strong{margin:0 0 15px;font-size:32px}}div.contents-wrap div.finish div span,div.contents-wrap div.finish div div.txt{display:block;color:#555;font-size:15px}div.contents-wrap div.finish div a{margin:18px 0 0;background:#0079d5}@media(min-width: 1200px){div.contents-wrap div.finish div a{margin:40px 0 0}}/*# sourceMappingURL=join.css.map */
