.sub_contents .title{display:none;}
.cont_group{margin:0 auto;}

/* Checkbox */
.checkbox_Wrap {margin-top:10px;}
.ckbox {font-weight:normal; position:relative; display:block; line-height:20px; margin:6px 0; padding-left:15px;}
.ckbox span {padding-left:6px; font-size:16px; color:#444; cursor:pointer;}
.ckbox span:empty {float:left;}
.ckbox span:before, .ckbox span:after {line-height:20px; position:absolute;}
.ckbox span:before {content:''; width:20px; height:20px; background-color:#fff; border:1px solid #d6d6d6; top:0; left:0;}
.ckbox span:after {top:0; left:0; width:21px; height:21px; content:'\F26E'; font-family:'Bootstrap-icons'; font-size:1rem; text-align:center; color:#fff; background-color:#337f70; line-height:20px; display:none;}
.ckbox input[type='checkbox'] {opacity:0; margin:0 8px 0 0;}
.ckbox input[type='checkbox']:checked + span:after {display:block;}
.ckbox input[type='checkbox'][disabled] + span,
.ckbox input[type='checkbox'][disabled] + span:before,
.ckbox input[type='checkbox'][disabled] + span:after {opacity:.75;}


/* Radio Box */
.radioBox {}
.rdiobox {font-weight:normal; position:relative; /*display:inline-block;*/ margin-right:15px; line-height:21px;}
.rdiobox span {font-size:14px; vertical-align:middle; cursor:pointer;}
.rdiobox span:before, .rdiobox span:after {line-height:21px; position:absolute;}
.rdiobox span:before {content:''; width:18px; height:18px; border-radius:50px; top:2px; left:0;}
.rdiobox span:after {content:''; width:8px; height:8px; border-radius:50px; top:7px; left:5px; display:none;}
.rdiobox input[type='radio'] {opacity:0; margin:0 5px 0 0;}
.rdiobox input[type='radio'] + span:before {border-color:transparent; background-color:#fff; border:2px solid #d6d6d6;}
.rdiobox input[type='radio'] + span:after {display:block; background-color:#d6d6d6;}
.rdiobox input[type='radio']:checked + span:before {border-color:transparent; background-color:#fff; border:2px solid #fed325;}
.rdiobox input[type='radio']:checked + span:after {display:block; background-color:#337f70;}
.rdiobox input[type='radio'][disabled] + span,
.rdiobox input[type='radio'][disabled] + span:before,
.rdiobox input[type='radio'][disabled] + span:after {opacity:.75;}

/* Select Box*/
select{padding:0 30px 0 15px;width:100%;height:46px;font-size:16px;color:#1a1a1a;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("../images/common/ico_select.png") no-repeat 93% 50%; border-radius:5px;}
select::-ms-expand{display:none}
select:disabled{background-color:#f5f5f5;color:#808080;}
.select {display:inline-block;position:relative;min-width:100px;}
.select select {background:none;}
.select:after{display:inline-block;content:'';position:absolute;top:20px;right:15px;width:12px;height:7px;background:url("../images/common/ico_select.png") no-repeat 0 0;}
.select.small{min-width:87px;}
.select.small:after{display:inline-block;content:'';position:absolute;top:12px;right:12px;width:11px;height:6px;background:url('../images/common/ico_select.png') no-repeat 0 0;}
.select.small select{padding:0 24px 0 10px;height:30px;font-size:14px;line-height:30px;}
.select + .select {margin-left:10px;}

/* 버튼 */	
.btn_wrap {margin-top:30px; text-align:center; font-size:0;}
.btn_wrap button, .btn_wrap a {display:inline-block; margin:0 5px; cursor:pointer; vertical-align:middle; font-size:15px; font-weight:600; text-align:center; box-sizing:border-box;}
.btn_wrap .btn_blue {padding:18px 40px; color:#fff; background:#337f70; border:0; border-radius:5px;}
.btn_wrap .btn_cancel {padding:16px 40px; color:#444; /*background:#dbdbdb;*/ border:1px #d6d6d6 solid;border-radius:5px; }


/* 회원 로그인 */
.login_wrap {width:100%; max-width:400px; margin:80px auto;  }
.login_wrap h3 {text-align:center; font-size:2.5rem; color:#333; margin-bottom:2rem;}
.login_wrap .login {width:100%;}
.login_wrap .login label {display:none;}
.login_wrap .login input {width:100%; height:60px; padding:0 20px; font-size:1rem; border:1px solid #ddd; outline:none; border-radius:5px;  }
.login_wrap .login input:focus, .login_wrap .login select:focus {border: 1px solid #337f70;}
.login_wrap .login li {padding-bottom:10px}
.login_wrap .login button {display:block; width:100%; height:60px; text-align:center; font-size:1rem; padding: 10px 15px;font-weight:600; color:#fff; background:#337f70; border-radius:5px;}
.loginFind {width:100%; margin:20px auto 0;  display: flex; justify-content: center;}
.loginFind li {display:inline-block;  padding:0 20px; color:#333; position:relative;}
.loginFind li:first-child {padding-left:0;}
.loginFind li:first-child a:before {display:none;}
.loginFind li a { font-size:.98rem;}
.loginFind li:last-child:before {content:''; position:absolute; top:3px; left:0; width:1px; height:12px; background:#d1d1d6;}
.loginFind li a:hover {text-decoration:underline;}
.Non-members {margin-top:20px; padding-top:20px; border-top:1px #ddd dashed;}
.Non-members .btn_nomem a {display:inline-block; width:100%; padding:15px 0; margin-bottom:10px; text-align:center; background:#eee; border:1px solid #ddd;}


/* 아이디/비밀번호 찾기 */
ul.tab_page {display:table; width:100%; table-layout:fixed;}
ul.tab_page li {display:table-cell; height:60px; line-height:60px; border-left:none; border-bottom:1px solid #222; box-sizing:border-box; background:#ecf0ef;text-align:center; font-size:1.1rem; color:#777; cursor:pointer;}
ul.tab_page li:first-child {border-left:1px solid #ddd;}
ul.tab_page li.on {border:1px solid #222; border-bottom:1px solid #fff; background:#fff; text-indent:-1px; color:#222;}
ul.tab_page li a {display:block; width:100%; height:60px;}

.login_wrap h4.s_title {margin:30px 0 30px; font-size:20px; font-weight:600; color:#333;}
.login_wrap .login .row {margin-bottom:20px;}
.login_wrap .login .row .row_label {display:block; margin-bottom:10px; font-weight:600; font-size:16px;}
.login_wrap .login select {height:60px; border:1px solid #ddd; outline:none;}
#inp-mobile, #inp-mobile + input, #inp-mobile + input + input {width:110px;}
.idpw_result {margin-bottom:50px;}
.num_col{display:flex; align-items: center; justify-content: space-between;}

/* 회원 약관동의 */
.agree_wrap {width:94%; max-width:690px; margin:80px auto;}
.agree_wrap .agreement {margin-bottom:50px;}
.agree_wrap h3 {text-align:center; font-size:40px; font-weight:600; color:#333; margin-bottom:50px;}
.agree_wrap .agree_title {font-size:18px; font-weight:600; margin-bottom:10px;}
.agree_wrap .agree_cont {position:relative;height:160px; overflow:hidden; background:#f5f5f5;}
.agree_wrap .agree_cont .agree_inner {height:160px; padding:20px 30px; word-break: keep-all; word-wrap: break-word; overflow-y:scroll;}
.agree_wrap .agree_cont .agree_inner dl {margin:10px 0px;}
.agree_wrap .agree_cont .agree_inner dt {font-weight:bold;}
.agree_wrap .agree_cont .agree_inner dd {margin-bottom:10px;}


/* 회원가입 스텝박스 */
.join-step {margin-bottom:35px; text-align:center;}
.join-step li {width:140px; padding-top:45px; position:relative; display:inline-block; color:#C2C2C2; font-size:16px; vertical-align:top;}
.join-step li.current {color:#222;}
.join-step li strong {font-weight:700; font-family:"roboto"; display:block;}
.join-step li span {display:block;}
.join-step li:before {content:""; position:absolute; top:17px; left:70%; width:60%; height:3px; background:#ddd;}
.join-step li:last-child::before {display:none;}
.join-step li:after {content:""; width:32px; height:32px; line-height:2rem; position:absolute; left:50%; top:0; margin-left:-18px;border-radius:100%; font-family:"roboto"; font-weight:600; border:solid 3px #ddd; background:#fff; box-sizing:border-box;}
.join-step li.step1:after {content:"1";}
.join-step li.step2:after {content:"2";}
.join-step li.step3:after {content:"3";}
.join-step li.current:after {color:#337f70; border-color:#337f70; background:#fff;}


/* 회원가입 - 테이블 */
.bbs_base { clear:both; width:100%; border-bottom:1px solid #ddd; border-top:1px solid #333; }
.bbs_base thead th { padding:20px 0;border-bottom:1px solid #cbcfd9; background-color:#f6f7f9; line-height:14px; text-align:center; }
.bbs_base tbody th { line-height:20px; height:30px; color:#444; font-weight:bold; border-bottom:1px solid #ddd;}
.bbs_base tbody th.thleft { text-align:left; padding-left:15px; color:#444; }
.bbs_base tbody th span.checkpoint { color:#e57b7b; }
.bbs_base tbody td { padding:20px 10px; color:#666; line-height:20px; background-color:#fff; border-bottom:1px solid #ddd;}
.bbs_base tbody td a {color:#444;}
.bbs_base tbody td input[type="radio"] { border:none; }
.bbs_base tbody td select {height:40px;}
.bbs_base tbody td input[type="text"],
.bbs_base tbody td input[type="number"],
.bbs_base tbody td input[type="file"],
.bbs_base tbody td input[type="password"] { height:40px; color:#444; padding:0 10px; border:1px solid #ccc; border-radius:5px; outline:none;}
.bbs_base tbody td input:focus {border: 1px solid #337f70;}
.bbs_base tbody td #m_mail01, .bbs_base tbody td #m_mail02, .email_search {width:140px;}
.bbs_base tbody td .mobile_slct {width:80px;}
.bbs_base tbody td .ptn_numeric {width:95px; border-radius:5px;}
.bbs_base tbody td .bt_check {display:inline-block; height:40px; padding:5px 15px; color:#fff !important; background:#555;}
.validation_text {margin-top:7px;}
.your-id {color:#337f70;}

.info_com_txt {margin-bottom:10px; padding-left:25px; color:#333; background:url(../images/common/ico_notice.png) 0 1px no-repeat;}
.member_out_cnt {margin-bottom:20px;}


@media screen and (max-width: 767px){
.agree_wrap{width:100%;}
	.login_wrap h3{font-size:2rem;}
	.join-step ol{display:flex;}
	.bbs_base tbody td .ptn_numeric{width:65px;}
}