@charset "utf-8";
/* 공통 */
.dblock {display:block;}
/* 회원가입 단계 */
.memberStep {height:71px;}
.memberStep .member_tab::after {content: "";display: block;clear: both;}
.memberStep .member_tab > li {position: relative;float: left;width:25%;padding: 23px 0;background-color: #f2f5fa;border:1px solid #dfdfdf;border-left:0 none;font-size:15px;color:#333;text-align: center;box-sizing: border-box;}
.memberStep .member_tab > li .num {display: inline-block;width: 22px;height: 22px;line-height: 22px;margin-right:3px;background-color: #33739c;text-align: center;color: #fff;border-radius: 100%;}
.memberStep .member_tab > li.first {border-left:1px solid #dfdfdf;border-radius: 5px 2px 2px 5px;}
.memberStep .member_tab > li.last {border-radius: 0 5px 5px 0;}
.memberStep .member_tab > li.on {margin-right: 0px;padding-left: 30px;background-color: #fff;border:1px solid #2caec6;font-size:15px;color:#027A8F;font-weight: 700;text-align: left;box-shadow: 0px 0px 10px #e5e5e5;}/*sj20181106*/
.memberStep .member_tab > li.on .num {display: inline-block;width: 22px;height: 22px;text-indent: -9999px;background-color: #027B90;background-image: url(/resources/images/contents/ico_member.png);background-position: -5px -3px;background-repeat: no-repeat;}
.memberStep .member_tab > li.on .daum {position:absolute;top:40%;right:20px;display: block;width: 15px;height: 13px;background-image: url(/resources/images/contents/ico_member.png);background-position: -34px -8px;background-repeat: no-repeat;}
.memberStep .member_tab > li.on .here {position:absolute;bottom:-8px;left:50%;display: block;width: 14px;height: 8px;background-image: url(/resources/images/contents/ico_member.png);background-position: -5px -26px;background-repeat: no-repeat;}

/* 간편 회원가입 20200207 */
.sim_memberStep {height:71px;}
.sim_memberStep .member_tab::after {content: "";display: block;clear: both;}
.sim_memberStep .member_tab > li {position: relative;float: left;width:33.33%;padding: 23px 0;background-color: #f2f5fa;border:1px solid #dfdfdf;border-left:0 none;font-size:15px;color:#333;text-align: center;box-sizing: border-box;}
.sim_memberStep .member_tab > li .num {display: inline-block;width: 22px;height: 22px;line-height: 22px;margin-right:3px;background-color: #33739c;text-align: center;color: #fff;border-radius: 100%;}
.sim_memberStep .member_tab > li.first {border-left:1px solid #dfdfdf;border-radius: 5px 2px 2px 5px;}
.sim_memberStep .member_tab > li.last {border-radius: 0 5px 5px 0;}
.sim_memberStep .member_tab > li.on {margin-right: 0px;padding-left: 30px;background-color: #fff;border:1px solid #2caec6;font-size:15px;color:#027A8F;font-weight: 700;text-align: left;box-shadow: 0px 0px 10px #e5e5e5;}/*sj20181106*/
.sim_memberStep .member_tab > li.on .num {display: inline-block;width: 22px;height: 22px;text-indent: -9999px;background-color: #027B90;background-image: url(/resources/images/contents/ico_member.png);background-position: -5px -3px;background-repeat: no-repeat;}
.sim_memberStep .member_tab > li.on .daum {position:absolute;top:40%;right:20px;display: block;width: 15px;height: 13px;background-image: url(/resources/images/contents/ico_member.png);background-position: -34px -8px;background-repeat: no-repeat;}
.sim_memberStep .member_tab > li.on .here {position:absolute;bottom:-8px;left:50%;display: block;width: 14px;height: 8px;background-image: url(/resources/images/contents/ico_member.png);background-position: -5px -26px;background-repeat: no-repeat;}

.sim_meSelect{margin-bottom:100px;}
.sim_meSelect ul li{position:relative; float:left; width:calc(50% - 17px); margin-right: 2%; border:1px solid #dfdfdf; border-radius:5px; padding:40px 20px 60px 20px; box-sizing:border-box; }
.sim_meSelect ul li:after{content:""; display:block; clear:both; overflow:hidden;}
.sim_meSelect ul li:hover{border:1px solid #2baec6;}
.sim_meSelect ul li:last-child{margin-right:0;}
.sim_meSelect ul li .tt{font-size:18px; color:#383838; font-weight:600;}
.sim_meSelect ul li .tt:after{content:""; background:url(/resources/images/contents/ico_member.png) left -65px top -60px no-repeat; width: 48px;height: 77px; display:block; margin:20px auto;}
.sim_meSelect ul li:nth-child(2) .tt:after{content:""; background:url(/resources/images/contents/ico_member.png) left -178px top -60px no-repeat; width: 48px;height: 77px; display:block; margin:20px auto;}
.sim_meSelect ul li .text{display:block; font-size:15px; color:#666; font-weight:400; width:355px; word-break:keep-all;}
.sim_meSelect ul li .sim_btn{position:absolute; left:33%; bottom:-23px; padding:15px 40px; background:#dfdfdf; font-size:15px; color:#3f3f3f; font-weight:600; border-radius:20px;}
.sim_meSelect ul li:hover .sim_btn{background:#2baec6;}

/* 약관동의 */
.agreeField {clear: both;margin-bottom:20px;}
.scrollbox {overflow-y: scroll;height: 180px;margin-top: 20px;padding: 20px;border: 1px solid #d2d2d2;}
.scrollbox .sc_title1 {margin:10px 0;font-size:16px;color:#333;}
.scrollbox .sc_title2 {margin:10px 0;font-size:14px;color:#333;}
.scrollbox ul, .scrollbox ol {margin-left:20px;font-size:13px;}
.scrollbox ol > li {margin-bottom:5px;}
.scrollbox ul > li {margin-bottom:5px;list-style-type: disc;}
.scrollbox ul > li.l2 {margin-bottom:6px;list-style-type: disc;font-weight: bold;color:blue;}
.agreechk {padding: 10px 0;}
.agreeAll {text-align: center;}
/* 본인인증 */
.confirmWrap {margin-top:20px; padding:50px; text-align:center;} /*20200210 수정*/
.confirmWrap .guidetxt,
.completeWrap .guidetxt {height: 35px;font-size: 18px;color: #333;}
.confirmWrap .note,
.completeWrap .note {display:block;margin-bottom: 40px;}
.typeSelect {margin:20px 0;}
.typeSelect ul {overflow: hidden;}
.typeSelect ul li {float: left;width: 32%;margin-right: 2%;}
.typeSelect ul li.last {margin-right: 0%;}
.typeSelect ul li a {display: block;padding:30px 0;background-color: #f2f5fa;border: 2px solid #f2f5fa;text-align: center;font-size: 15px;color: #333;}
.typeSelect ul li a:hover, .typeSelect ul li.on a {border: 2px solid #027b90;color: #027b90;}
.typeSelect ul li a .ico {display: block;width: 83px;height: 83px;margin: 0 auto;margin-bottom:20px;padding-top:15px;background-color: #557195;background-repeat: no-repeat;border-radius: 100%;box-sizing: border-box;}
.typeSelect ul li a:hover .ico, .typeSelect ul li.on a .ico {background-color: #027b90;}
.typeSelect ul li a .ico span {display: block;width: 43px;height: 51px;margin: 0 auto;}
.typeSelect ul li.l1 a .ico span {background-image: url(/resources/images/contents/ico_member.png);background-position: -58px -4px;}
.typeSelect ul li.l3 a .ico span {background-image: url(/resources/images/contents/ico_member.png);background-position: -101px -4px;}
.typeSelect ul li.l2 a .ico span {background-image: url(/resources/images/contents/ico_member.png);background-position: -152px -4px;}
.blue_box {padding: 22px 25px;background-color: #f2f5fa;border: 2px solid #e4e8ee;text-align: left;}
.blue_box .text_warning2 {display: block;margin-bottom: 10px;}
.blue_box input {width: 240px;height: 30px;margin-right: 30px;}
.sec.findme{margin-top:40px;}
.meSelect ul {overflow: hidden;}
.meSelect ul li {position: relative;float: left;width: 49%;margin-right: 2%;padding: 27px 37px;padding-left: 146px;border: 1px solid #027b90;text-align: left;color: #027b90;box-sizing: border-box;}
.meSelect ul li.last {margin-right:0%;}
.meSelect ul li.on {background-color: #027b90;color: #fff;}
.meSelect ul li .ico {position: absolute;top: 50px;left: 48px;display: block;width: 48px;height: 77px;margin: 0 auto;}
.meSelect ul li.l1 .ico {background-image: url(/resources/images/contents/ico_member.png);background-position: -7px -58px;}
.meSelect ul li.l2 .ico {background-image: url(/resources/images/contents/ico_member.png);background-position: -178px -58px;}
.meSelect ul li .tt {display: block;height: 33px;font-size:18px;font-weight: 700;}
.meSelect ul li .note {display: block;margin-bottom: 15px;font-size:13px;font-weight:400;}
.meSelect .btn_confirm {position: relative;width: 125px;text-align: left;}
.meSelect .btn_confirm .arr {position: absolute;top: 11px;right: 10px;display: block;width: 6px;height: 10px;background-image: url(/resources/images/contents/ico_member.png);background-position: -207px -22px;background-repeat: no-repeat;}
.meSelect ul li:nth-child(2) .btn_confirm:hover .arr{position: absolute;top: 11px;right: 10px;display: block;width: 6px;height: 10px;background: url(/resources/images/common/icon_arrow_black.png) top left no-repeat;} /*20200206 화살표 추가*/
.meSelect ul li.on .btn_confirm .arr {background-position: -195px -22px;} /*20200206 위치 수정*/
/* 정보입력 */
.memberInfo {margin-top: 20px;}
.memberInfo .infoTop {text-align: right;}
.memberInfo .note {padding:20px 0;font-size: 14px;color:#10537c;}
/* 등록완료 */
.completeWrap {margin-top: 20px;padding: 60px;background-color: #f2f5fa;text-align: center;}
.completeWrap .ico {display: inline-block;width: 83px;height: 83px;margin-bottom: 30px;padding-top:17px;background-color: #557196;border-radius: 100%;text-align: center;box-sizing: border-box;}
.completeWrap .ico span {display: inline-block;width: 52px;height: 40px;background-image: url(/resources/images/contents/ico_member.png);background-position: -6px -144px;background-repeat: no-repeat;}
/* 20200217 보호자 동의 */
.check_box{text-align:left;}