@charset "utr-8";

/* 공통 */
.contents {padding-top:60px; padding-bottom:100px;}
.sub-title + .image-list {margin-top:40px}

/* 공통: sub visual*/
.sub-visual {position:relative;}
.sub-visual.visual-bg01 {background:url(/assets/basic/image/sub/sub_title_member.jpg) no-repeat center center;}
.sub-visual.visual-bg02 {background:url(/assets/basic/image/sub/sub_title_board.jpg) no-repeat center center;}
.sub-visual.visual-bg03 {background:url(/assets/basic/image/sub/sub_title_terms.jpg) no-repeat center center;}
.sub-visual .sub-visual-box {display: flex; height:265px; align-items: center; justify-content: center; flex-direction: column;}
.sub-visual .sub-visual-box h1 {font-size:34px; color:#fff;}
.sub-visual .sub-visual-box .desc {margin-top:20px; font-size:14px; color:#d0cac8;}

/* 공통: Breadcrumb*/
.breadcrumb:after {content: ""; clear: both; display: block; height:0;}
.breadcrumb>li {position:relative; float:left; height:59px; border:1px solid #ddd; border-left:none; background:#fff; box-sizing: border-box;} /*TODO 서브메뉴 디자인 확인 후 수정 필요*/
.breadcrumb>li>a {display:block; width:100%; height:100%;}
.breadcrumb .home {width:61px;}
.breadcrumb .home a {width:100%; height:57px; background:#ddd url(/assets/basic/image/sub/icon_home.png) center center no-repeat; text-indent:-9999em;}
.basic-select-box {color:#666; font-size:16px;}
.basic-select-box .select-btn {position:relative; display:flex; align-items:center; min-width:345px; padding:0 30px; box-sizing:border-box}
.basic-select-box .select-btn:after {content:''; position:absolute; top:50%; right:30px; display:inline-block; width:13px; height:7px; margin-top:-3px; background:url(/assets/basic/image/common/icon_arrow.png) no-repeat -120px 0; transition:transform .5s}
.basic-select-box.active .select-btn:after {transform:rotate(180deg)}
.basic-select-box.active .select-list {display:block;}
.basic-select-box .select-list {display:none; position:absolute; top:59px; left:0; right:0; padding:15px 0; background-color:#fff; box-shadow:2px 2px 5px 0px rgba(0,0,0,0.1); z-index:100}
.basic-select-box .select-list >li >a {position:relative; display:block; padding:20px 60px 20px 30px; transition:color .5s, border .5s}
.basic-select-box .select-list >li >a:after {content:''; position:absolute; top:50%; right:20px; display:inline-block; width:6px; height:10px; margin-top:-5px; background:url(/assets/basic/image/common/icon_layout_sprite.png) no-repeat -59px -56px}

.basic-select-box .select-list.type02 {position:absolute; top:0; left:-1px; right:-1px; padding:0 0 20px; box-shadow:none; border:1px solid #ddd}
.basic-select-box .select-list.type02 >li >a:after {display:none}
.basic-select-box .select-list.type02 .active .inner {color:#0094e5; font-weight:500; border-bottom:2px solid #0094e5}

/* 공통:탭 */
.sub-tab-wrap {background:#fff;}
.sub-tab-wrap .sub-tab {display:flex;}
.sub-tab-wrap .sub-tab >li {margin-left:-1px; flex:1; border:1px solid #ddd}
.sub-tab-wrap .sub-tab >li a {display:block; width:100%; height:58px; line-height:58px; text-align:center; font-size:16px; color:#666;}
.sub-tab-wrap .sub-tab >li.active {position:relative; z-index:1; border-color:#0385d3}
.sub-tab-wrap .sub-tab >li.active a {color:#0385d3;}

/*게시판 목록*/
.board-list {margin-bottom:46px; border-top:2px solid #000;}
.board-list thead th {height:66px; font-size:16px; font-weight:400; color:#000; border-bottom:1px solid #e5e5e5;}
.board-list tbody td {height:59px; font-size:16px; text-align:center; color:#666; border-bottom:1px solid #e5e5e5;}
.board-list tbody td.subject {text-align:left; padding:0 29px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*Pagination*/
.pagination {text-align:center;}
.pagination a {display:inline-block; vertical-align: top;}
.pagination .btn {width:32px; height:32px; border:1px solid #acacac; border-radius:16px; box-sizing: border-box; background:url(/assets/basic/image/common/icon_arrow.png) no-repeat;}
.pagination .btn.first {margin-right:5px; background-position:10px 11px;}
.pagination .btn.prev {margin-right:30px; background-position:-18px 11px;}
.pagination .btn.next {margin-left:30px; background-position:-47px 11px;}
.pagination .btn.last {margin-left:5px; background-position:-78px 11px;}
.pagination .page {width:32px; height:32px; line-height:29px; font-size:14px; color:#000; text-align:center;}
.pagination .page.active {font-weight:bold; color:#fff; border-radius:16px; background:#0094e5;}

/*게시판 상세*/
.detail-table {width:100%; border-top:1px solid #000;}
.detail-table tr th, .detail-table tr td {border-bottom:1px solid #e5e5e5;}
.detail-table tr th {line-height:30px; padding:14px 0 15px; font-size:16px; color:#000; font-weight:500; background:#fafafa;}
.detail-table tr td {line-height:30px; padding:14px 19px 15px; font-size:16px; color:#666;}
.detail-table tr td.view-title {height:inherit; padding:23px 15px; line-height:30px; font-size:20px; font-weight:400; color:#000; border-top:2px solid #000;}
.detail-table tr td.text-center {text-align:center; padding:0;}
.detail-table tr td.view-content {padding:35px 40px 64px; line-height:26px;}
.detail-table tr td.view-content img {display:block; margin:auto; max-width:100%}
.detail-table + .btn-wrap {margin-top:56px;}

.detail-table02 tr:nth-child(1) td {padding-top:7px;}
.detail-table02 tr th {padding:9px 0; font-size:16px; color:#fff; font-weight:500; background:#82a0bd;}
.detail-table02 tr td {height:30px; padding:0; font-size:16px; color:#666; text-align:center; letter-spacing:0; border-bottom:none;}

/* 폰트 */
.sub-title {font-size:24px; font-weight:bold; color:#000;}
.text-box {margin-top:28px; line-height:26px; font-size:16px; color:#666;}
.step-circle-wrap + .sub-title-box {margin-top:100px}
.sub-title-box {text-align:center;}
.sub-title-box .sub-title {text-align:center;}
.sub-title-box .sub-title:after {content:''; display:block; width:44px; height:3px; margin:20px auto 20px; background-color:#000}

/* 스크롤 되는 컨텐츠 */
.scroll-border-box {padding:20px 0; height:235px; font-size:16px; line-height:1.6; box-sizing:border-box; border:1px solid #d5dbe5}
.scroll-border-box .scroll {overflow-y:scroll; padding:0 29px; height:100%}

/*교육과정 목록*/
.lecture-list {margin-top:57px; padding-bottom:20px;}
.lecture-list .lecture {display:flex; margin-bottom:30px; border:1px solid #e0e0e0;}
.lecture-list .lecture .image-box {padding:30px 0 30px 30px; width:300px;}
.lecture-list .lecture .image-box a {display:block; width:100%; height:190px; overflow: hidden;}
.lecture-list .lecture .image-box img {width:100%}
.lecture-list .lecture .info-box {padding:30px 30px 20px 40px; width:563px; box-sizing: border-box;}
.lecture-list .lecture .info-box .title a {display:block; width:100%; line-height:26px; font-size:20px; font-weight:300; color:#000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lecture-list .lecture .info-box .icon-rating {margin-top:13px;}
.lecture-list .lecture .info-box .desc01 {margin-top:16px;}
.lecture-list .lecture .info-box .desc01 dl {float:left; width:50%; line-height:24px; font-size:14px; font-weight:500; color:#000;}
.lecture-list .lecture .info-box .desc01 dl dt {width:80px; display:inline-block;}
.lecture-list .lecture .info-box .desc01 dl dd {display:inline-block; color:#666;}
.lecture-list .lecture .info-box .desc01:after {content: ""; clear: both; display: block; height:0;}
.lecture-list .lecture .info-box .desc02 {display:flex; margin-top:16px; flex-direction:row;}
.lecture-list .lecture .info-box .desc02 li {display:flex; padding:0 7px; margin-right:9px; width:63px; height:63px; line-height:16px; font-size:13px; color:#fff; border-radius:31px; background:#baccd5; box-sizing:border-box; align-items:center; text-align:center;}
.lecture-list .lecture .price-box {padding:21px 32px 29px; width:284px; background:#fafafa; box-sizing: border-box; border-left:1px solid #e0e0e0;}
.lecture-list .lecture .price-box .price dt {position:relative; display:inline-block; width:38%; margin:5px 0; padding-left:22px; line-height:20px; font-size:16px; color:#000; box-sizing:border-box;}
.lecture-list .lecture .price-box .price dt:before {content:''; position:absolute; top:6px; left:0; width:12px; height:10px; background:url(/assets/basic/image/sub/icon_check.png) no-repeat;}
.lecture-list .lecture .price-box .price dt.on:before {background-position:left bottom;}
.lecture-list .lecture .price-box .price dd {display:inline-block; width:60%; margin:5px 0; line-height:20px; font-size:16px; text-align:right; color:#666;}
.lecture-list .lecture .price-box .price dd .num {font-family: 'Roboto', serif;}
.lecture-list .lecture .price-box .price dd.on {font-size:24px; color:#0094e5;}
.lecture-list .lecture .price-box .price dd strong.num {font-weight:bold;}
.lecture-list .lecture .price-box .btn {display:block; width:220px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; background:#0094e5; box-sizing:border-box;}
.lecture-list .lecture .price-box .btn:nth-of-type(1) {margin-top:11px;}
.lecture-list .lecture .price-box .btn-preview {position:relative; padding-left:40px; height:40px; line-height:40px; margin-top:3px; background:#698a9d;}
.lecture-list .lecture .price-box .btn-preview:before {content:''; position:absolute; top:9px; left:55px; width:27px; height:22px; background:url(/assets/basic/image/sub/icon_video.png) no-repeat;}

/*교육과정 상세*/
.lecture-info-wrap {padding-top:50px; padding-bottom:76px; background:#f9f9f9;}
.sub-title02 {font-size:38px; line-height:1.4em; color:#000; font-weight:500; text-align:center;}
.lecture-info {margin-top:66px;}
.lecture-info:after {content:''; clear: both; display: block; height:0;}
.lecture-info .left-area {float:left; width:740px;}
.lecture-info .left-area .video-box {position:relative; width:100%; height:449px;}
.lecture-info .left-area .video-box .mask {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35) url(/assets/basic/image/sub/icon_video03.png) center center no-repeat;}
.lecture-info .left-area .label-box {margin-top:20px;}
.lecture-info .left-area .label-box:after {content:''; clear: both; display: block; height:0;}
.lecture-info .left-area .label-box span {display:block; float:left; height:40px; line-height:40px; padding:0 25px; font-size:14px; text-align:center; box-sizing:border-box;}
.lecture-info .left-area .label-box .type01 {color:#fff; background:#0094e5;}
.lecture-info .left-area .label-box .type02 {color:#0094e5; background:#fff; border:1px solid #0094e5;}
.lecture-info .left-area .lecture-move {position:relative; margin-top:31px;}
.lecture-info .left-area .lecture-move:after {content:''; clear: both; display: block; height:0;}
.lecture-info .left-area .lecture-move a {display:block; float:left;}
.lecture-info .left-area .lecture-move a .arrow {position:relative; display:inline-block; width:50px; height:50px; background:#e4e4e4; vertical-align:top;}
.lecture-info .left-area .lecture-move a .arrow:before {content:''; position:absolute; top:12px; left:17px; width:15px; height:27px; background:url(/assets/basic/image/common/icon_arrow.png) -135px -18px no-repeat;}
.lecture-info .left-area .lecture-move .text {display:inline-block; width:240px; margin-left:16px; vertical-align:top;}
.lecture-info .left-area .lecture-move .text .title {display:block; margin-top:4px;font-size:16px; color:#000; font-weight:500;}
.lecture-info .left-area .lecture-move .text .description {margin-top:12px; font-size:16px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lecture-info .left-area .lecture-move .btn-next {float:right;}
.lecture-info .left-area .lecture-move .btn-next .arrow:before {background-position:-164px -18px;}
.lecture-info .left-area .lecture-move .btn-next .text {margin-right:16px; text-align:right;}
.lecture-info .right-area {float:right; width:410px;}
.lecture-info .right-area .info {display:table;}
.lecture-info .right-area .info .title {display:table-cell; position:relative; width:135px; line-height:20px; font-size:16px; color:#000; font-weight:400;}
.lecture-info .right-area .info .description {display:table-cell; text-indent:45px; font-size:16px; color:#666;}
.lecture-info .right-area .info .description del {text-decoration:line-through}
.lecture-info .right-area .info .description .num {font-family: 'Roboto', serif;}
.lecture-info .right-area .info-box {padding:18px 40px 50px; background:#fff; border:1px solid #e0e0e0;}
.lecture-info .right-area .info-box .info {margin-top:20px;}
.lecture-info .right-area .info-box .info .title:after {content:''; position:absolute; top:6px; right:0; width:1px; height:8px; background:#d3d3d3;}
.lecture-info .right-area .price-box {padding:18px 40px 40px; border:1px solid #e0e0e0; border-top:0}
.lecture-info .right-area .price-box .info {margin-top:10px;}
.lecture-info .right-area .price-box .total-price {margin-top:23px; padding-top:21px; border-top:1px dashed #e0e0e0;}
.lecture-info .right-area .price-box .total-price .title {font-size:18px; color:#0094e5; font-weight:bold; vertical-align:middle;}
.lecture-info .right-area .price-box .total-price .description {font-size:24px; color:#0094e5;}
.lecture-info .right-area .price-box .total-price .description .num {font-weight:bold;}
.lecture-info .right-area .price-box .total-price .description:before {content:''; display:inline-block; margin-right:10px; vertical-align:middle; width:12px; height:10px; background:url(/assets/basic/image/sub/icon_check.png) 0px -15px no-repeat;}
.lecture-info .right-area .price-box .btn-wrap {margin-top:35px;}
.lecture-info .right-area .price-box .btn-cart {display:inline-block; width:60px; height:50px; border:1px solid #898989; background:url(/assets/basic/image/sub/icon_cart.png) 17px 11px no-repeat; box-sizing:border-box; vertical-align:top;}
.lecture-info .right-area .price-box .btn-apply {display:inline-block; width:260px; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:400; color:#fff; background:#0094e5; vertical-align:top;}
.lecture-info .right-area .support-fund {display:block;}
.lecture-info .right-area .support-fund .title {display:block;}
.lecture-info .right-area .support-fund .description {display:block; width:100%; text-indent:0; margin-top:5px; padding-left:10px;}
.lecture-info .right-area .support-fund-list li {padding:7px 0 5px;}
.lecture-info .right-area .support-fund-list li:after {content:''; clear: both; display: block; height:0;}
.lecture-info .right-area .support-fund-list .type {float:left; width:170px;}
.lecture-info .right-area .support-fund-list .type input {width:auto; vertical-align:top;}
.lecture-info .right-area .support-fund-list .type label {margin-left:9px; font-size:14px; color:#000; font-weight:400; vertical-align:top;}
.lecture-info .right-area .support-fund-list .amount {float:left; font-size:16px; color:#666;}

.lecture-detail {padding-bottom:227px;}
.lecture-detail .tab-wrap {border-bottom:2px solid #000; background:#f9f9f9;}
.lecture-detail .tab-wrap .tab:after {content:''; clear: both; display: block; height:0;}
.lecture-detail .tab-wrap .tab li {float:left; width:196px; height:60px;}
.lecture-detail .tab-wrap .tab li a {display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:16px; color:#666; box-sizing:border-box;}
.lecture-detail .tab-wrap .tab li.active a {font-weight:bold; color:#000; border-top:2px solid #000; border-left:2px solid #000; border-right:2px solid #000; background:#fff;}
.lecture-detail .tab-contents:nth-child(1) {margin-top:76px;}
.lecture-detail .tab-contents {margin-top:60px;}
.lecture-detail .tab-contents:after {content:''; clear: both; display: block; height:0;}
.lecture-detail .tab-contents h2 {float:left; width:242px; line-height:48px; font-size:26px; color:#000; font-weight:500;}
.lecture-detail .tab-contents .cont {float:left; width:938px; padding-left:55px; font-size:16px; line-height:30px; color:#666; border-left:1px solid #eaeaea; box-sizing:border-box;}
.lecture-detail .tab-contents .cont strong {font-size:18px; line-height:40px; font-weight:500; color:#000;}
.lecture-detail .price-info {padding:20px;}
.lecture-detail .price-info table {width:702px;}
.lecture-detail .curriculum .curriculum-box {display:flex; align-content:center; margin-top:20px;}
.lecture-detail .curriculum .curriculum-box:nth-child(1) {margin-top:0;}
.lecture-detail .curriculum .curriculum-box .title {align-self:center; width:280px; font-size:16px; text-align:center; color:#fff; font-weight:400; box-sizing:border-box;}
.lecture-detail .curriculum .curriculum-box:nth-child(odd) {background:#0094e5;}
.lecture-detail .curriculum .curriculum-box:nth-child(even) {background:#82a0bd;}
.lecture-detail .curriculum .curriculum-box .content {padding:30px 30px 30px 60px; width:602px; box-sizing:border-box; background-color:#fff}
.lecture-detail .curriculum .curriculum-box:nth-child(odd) .content {border:2px solid #0094e5;}
.lecture-detail .curriculum .curriculum-box:nth-child(even) .content {border:2px solid #82a0bd;}
.lecture-detail .curriculum .curriculum-box ul li {margin:2px 0; line-height:26px; font-size:16px; color:#666;}

.lecture-detail .review-list li:nth-child(1) {margin-top:0;}
.lecture-detail .review-list li {margin-top:20px; width:100%; padding:30px 32px 25px; border:1px solid #eee; box-sizing:border-box}
.lecture-detail .review-list li .info:after {content:''; clear: both; display: block; height:0;}
.lecture-detail .review-list li .info .icon-rating {float:left; line-height:14px;}
.lecture-detail .review-list li .info .date {float:right; line-height:14px; font-size:14px; font-weight:400; color:#9c9c9c;}
.lecture-detail .review-list li .title {margin-top:14px; line-height:26px; font-size:16px; font-weight:500; color:#000;}
.lecture-detail .review-list li .text {margin-top:6px; line-height:24px; font-size:14px; font-weight:400; color:#666;}

/* 회원가입 공통 : step */
.step-circle-wrap {display:flex; justify-content:center}
.step-circle-wrap >li {display:flex; flex-direction:column; align-items:center; justify-content:center; width:170px; height:171px; background:url('/assets/basic/image/sub/bg_circle_step.png') no-repeat -177px 0;}
.step-circle-wrap >li + li {position:relative; margin-left:34px}
.step-circle-wrap >li + li:before {content:''; position:absolute; left:-28px;  top:50%; display:block; width:20px; height:4px; background:url('/assets/basic/image/sub/bg_circle_step.png') no-repeat -356px 0; transform:translateY(-50%)}
.step-circle-wrap .step-number {color:#e7e7e7; font-size:36px; font-weight:bold; font-family:Rogoto}
.step-circle-wrap .step {margin-top:10px; font-size:18px; font-weight:400}
.step-circle-wrap .on {background-position:0 0}
.step-circle-wrap .on .step-number {color:#178fcf}

/*로그인*/
.login-wrap {width:480px; margin:0 auto; padding:114px 0 599px;}
.login-wrap .login {display:flex; flex-wrap:wrap;}
.login-wrap .login .input-form {width:330px;}
.login-wrap .login .input-form input {width:100%; height:50px; padding:0 12px; font-size:14px; color:#666; border:1px solid #e8e8e8;}
.login-wrap .login .input-form input:nth-child(2) {height:49px; border-top:none;}
.login-wrap .login .btn-wrap {margin-left:10px; width:140px;}
.login-wrap .login .btn-wrap button {display:block; width:100%; height:100px; font-size:16px; color:#fff; font-weight:500; background:#178fcf;}
.login-wrap .login .option {width:100%; margin-top:20px;}
.login-wrap .login .option:after {content:''; clear: both; display: block; height:0;}
.login-wrap .login .option .save-id {float:left;}
.login-wrap .login .option .save-id input {width:auto}
.login-wrap .login .option .save-id label {font-size:14px; color:#666;}
.login-wrap .login .option .search-member {float:right;}
.login-wrap .login .option .search-member a {font-size:14px; color:#666;}

/*회원 버튼*/
.btn-bg {display:inline-block; width:160px; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:400; color:#fff; background:#178fcf; vertical-align:middle}
.btn-border {display:inline-block; width:160px; height:50px; line-height:50px; text-align:center; font-size:16px; font-weight:400; color:#000; border:1px solid #000; box-sizing:border-box; vertical-align:middle}
.btn-border + .btn-bg {margin-left:5px}

/*본인인증*/
.certification-wrap {display:flex; margin-top:88px; margin-bottom:204px;}
.certification-wrap .certification {padding:74px 0 107px; width:590px; border:1px solid #ededed; box-sizing:border-box;}
.certification-wrap .certification:nth-child(1) {border-right:none;}
.certification-wrap .certification .icon {display:block; margin:0 auto; width:56px; height:103px; background:url(/assets/basic/image/sub/signup_sprite.png) no-repeat;}
.certification-wrap .certification.i-pin .icon {background-position:-66px 6px}
.certification-wrap .certification p {margin-top:34px; font-size:18px; color:#000; font-weight:400; text-align:center;}
.certification-wrap .certification .btn-wrap {margin-top:32px;}

/*가입완료*/
.signup-complete {width:480px; margin:88px auto 138px;}
.signup-complete .icon {display:block; margin:0 auto; width:65px; height:84px; background:url(/assets/basic/image/sub/signup_sprite.png) -132px 0 no-repeat;}
.signup-complete .signup-info {margin-top:36px; font-size:18px; color:#000; font-weight:400; text-align:center;}
.signup-complete .message {display:block; margin-top:14px; font-size:16px; color:#666; text-align:center;}
.signup-complete .btn-wrap {margin-top:32px;}

/* 가입 동의 */
.signup-agree-box {position:relative; margin-top:45px}
.signup-agree-box .title {font-size:18px; font-weight:500}
.signup-agree-box .btn-view {position:absolute; top:0; right:26px; color:#666; font-size:14px}
.signup-agree-box .scroll-border-box {margin-top:20px; height:235px;}
.signup-agree-box .input-box {margin-top:20px; font-size:14px}
.signup-agree-box + .signup-agree-box {margin-top:90px}
.signup-agree-box + .btn-wrap {margin-top:80px}

/*정보입력*/
.signup-wrap {margin-top:88px;}
.signup-wrap .title-box {position:relative; margin-top:60px;}
.signup-wrap .title-box .title {font-size:18px; font-weight:500; color:#000;}
.signup-wrap .title-box .desc {position:absolute; top:2px; right:0; font-size:14px}
.signup-wrap .agree-box {margin-top:17px; padding:35px 18px 59px; border:1px solid #ececec; background:#fafafa;}
.signup-wrap .agree-box dl dt {padding:3px 0; line-height:20px; font-size:14px; color:#269ce7; font-weight:500;}
.signup-wrap .agree-box dl dd {margin-left:8px; padding:2px 0; line-height:20px; font-size:14px; color:#269ce7;}
.signup-wrap .agree-box ol {margin-top:55px; margin-left:18px; list-style: decimal;}
.signup-wrap .agree-box ol li { line-height:24px; font-size:14px; color:#666;}
.signup-wrap .agree-box ol li + li {margin-top:25px;}
.signup-wrap .agree-box .certify-form table {margin-top:65px; width:100%; background:#fff;}
.signup-wrap .agree-box .certify-form table tr {border-top:1px solid #000; border-bottom:1px solid #e8e8e8;}
.signup-wrap .agree-box .certify-form table tr th {height:50px; font-size:14px; color:#000;}
.signup-wrap .agree-box .certify-form table tr td {padding-left:22px; height:50px; font-size:14px; color:#666;}
.signup-wrap .agree-box .certify-form table tr td input {padding:4px 5px; width:172px; font-size:14px; border:1px solid #e8e8e8; box-sizing:border-box; vertical-align:top;}
.signup-wrap .agree-box .certify-form table tr td .btn-bg {margin-left:7px; width:100px; height:30px; line-height:30px; font-size:13px;}
.signup-wrap .agree-box + .input-box {margin-top:21px;}
.signup-wrap .signup-form {margin-top:26px;}
.signup-wrap .signup-form .input-text {width:212px; padding:4px 10px; font-size:14px; border:1px solid #e8e8e8; box-sizing:border-box;}
.signup-wrap .signup-form .select {width:212px; padding:4px 10px; font-size:14px; color:#666; border:1px solid #e8e8e8; box-sizing:border-box;}
.signup-wrap .signup-form .desc {margin-left:7px; font-size:14px; color:#666;}
.signup-wrap .signup-form .input-radio {vertical-align:middle;}
.signup-wrap .signup-form label + .input-radio {margin-left:17px;}
.signup-wrap .signup-form label {font-size:14px; color:#666; vertical-align:middle}
.signup-wrap .signup-form .btn-gray {display:inline-block; width:100px; height:30px; line-height:30px; text-align:center; font-size:13px; color:#fff; font-weight:400; background:#959595; vertical-align:top;}
.signup-wrap .signup-form th, .signup-wrap .signup-form td {font-size:14px;}
.signup-wrap .signup-form .btn-gray + .desc {margin-left:17px;}
.signup-wrap .btn-wrap {margin-top:78px;}