#contents {position: relative;display: block;overflow: hidden;width: 700px !important;margin: 0 auto;min-height: 550px !important;padding: 40px 0 !important}
#contents.full {width: 1100px !important}


input[type=text], input[type=password], input[type=button], input[type=submit], button, textarea {-webkit-appearance: none;border-radius: 0}

.mark-id {position: absolute;top: 50%;right: 10px;width: 25px;height: 25px;margin-top: -13px;background: url("/re_images/member/ico-sprite.png") no-repeat 0 -22px;text-indent: -999999px}
.mark-user {position: absolute;top: 50%;right: 10px;width: 25px;height: 25px;margin-top: -13px;background: url("/re_images/member/ico-sprite.png") no-repeat 0 -22px;text-indent: -999999px}
.mark-pw {position: absolute;top: 50%;right: 10px;width: 25px;height: 25px;margin-top: -13px;background: url("/re_images/member/ico-sprite.png") no-repeat -25px -22px;text-indent: -999999px}
.mark-pwOk {position: absolute;top: 50%;right: 10px;width: 25px;height: 25px;margin-top: -13px;background: url("/re_images/member/ico-sprite.png") no-repeat -50px -22px;text-indent: -999999px}
.mark-mail {position: absolute;top: 50%;right: 10px;width: 25px;height: 25px;margin-top: -13px;background: url("/re_images/member/ico-sprite.png") no-repeat -75px -22px;text-indent: -999999px}
.mark-disabled {position: absolute;top: 50%;right: 10px;width: 25px;height: 25px;margin-top: -13px;background: url("/re_images/member/ico-sprite.png") no-repeat -100px -22px;text-indent: -999999px}

/*로그인*/
.login-wrap {position: relative;display: block;overflow: hidden;}

.login-top {display: block;text-align: center;margin-bottom: 20px}
.login-top b {display: block;font-size: 30px;color: #333;line-height: 130%;font-weight: normal;letter-spacing: -0.08em;}
.login-top b span {color: #f57c00}
.login-top .info-chek {display: block;text-align: center;margin-top: 5px;}
.login-top .info-chek span {position: relative;font-size: 15px;line-height: 26px;padding-left: 20px;}
.login-top .info-chek span:after {position: absolute;top: -1px;left: 0;width: 18px;height: 26px;line-height: 26px;font-size: 17px;font-family: FontAwesome;content:"\f06a";color: #24426c}

.login-form {position: relative;display: block;overflow: hidden;}
.login-form .login {display: block;width: 540px;}
.login-form .login li {position: relative;border: 1px solid #ddd;overflow: hidden;margin: 10px 0;text-align: left;background: #fff}
.login-form .login input[type=text]:focus {background: #f7f7f7;}
.login-form .login input[type=text],
.login-form .login input[type=password] {border: 0;width: 100%;height: 48px;line-height: 48px;background: #fff;font-size: 14px;color: #777;margin: 0;padding: 0;text-indent: 20px;}
.login-form .btn-login {position: absolute;display: block;top:10px;right: 0;width: 150px;height: 110px;vertical-align: middle;background: #3f51b5;border: 0;line-height: 110px;
    font-size: 20px;color: #fff;text-align: center;border-bottom-right-radius: 10px;border-top-left-radius: 10px}

.login-form .btn-login:active {background: #1e2a6f}

.login-ex {position: relative;display: block;}
.ltxt {position: relative;display: block;padding: 25px 0}
.ltxt li {position: relative;display: block;line-height: 26px;padding-left: 8px;color: #888}
.ltxt li:after {position: absolute;top: 50%;left: 0;width: 2px;height: 2px;margin-top: -1px;background: #aaa;content: "";}

.login-btnWrap {position: absolute;top: 0;right: 0;display:inline-block;overflow: hidden }
.login-btnWrap a {display: inline-block;width: 80px;margin-left: 10px;float: left;text-align: center}
.login-btnWrap a i {position: relative;display: inline-block;width: 70px;height: 70px;border-radius: 50%;background-color: #eef1f6;background-position: center;background-repeat: no-repeat;margin-bottom: 5px;font-style: normal;text-align: center;}
.login-btnWrap a span {display: block;text-align: center;color: #888}
.login-btnWrap a:hover span {color: #333}

.login-btnWrap a i.join {background-image: url("/re_images/member/btn_join.png"); }
.login-btnWrap a i.find_id {background-image: url("/re_images/member/btn_findID.png"); }
.login-btnWrap a i.find_pw {background-image: url("/re_images/member/btn_findPW.png"); }

.social-login {position: relative;display: block;overflow: hidden;border-top: 1px dotted #ccc;margin-top: 20px;padding-top: 40px}
.social-login b {display: block;font-size: 20px;font-weight: normal;line-height: 150%;text-align: center;margin-bottom: 20px}
.social-login li {width: 48%;margin: 1%;float: left;}
.social-login li a {display: block;text-align: center;padding: 10px 0}
.social-login li a span {position: relative;display: inline-block;font-size: 14px;color: #fff;line-height: 35px;padding-left: 26px;}
.social-login li a span i {position: absolute;top: 50%;left: 0;width: 22px;height: 22px;display: block;margin-top: -11px}
.social-login li a.naver {background: #2db400}
.social-login li a.naver:active {background: #218200}
.social-login li a.naver i {background: url('/images/Member/ico-sprite.png') no-repeat 0 0}
.social-login li a.kakao {background: #ffdc00;}
.social-login li a.kakao:active {background: #eac30f}
.social-login li a.kakao span {color: #3c1d1d !important}
.social-login li a.kakao i {background: url('/images/Member/ico-sprite.png') no-repeat -44px 0}
.social-login li a.facebk {background: #3b5998}
.social-login li a.facebk:active {background: #2c416f}
.social-login li a.facebk i {background: url('/images/Member/ico-sprite.png') no-repeat -22px 0}
.social-login li a.google {background: #da4835}
.social-login li a.google:active {background: #b53e2f}
.social-login li a.google i {background: url('/images/Member/ico-sprite.png') no-repeat -66px 0}


/*회원가입*/
.member-title {position: relative;display: block;text-align: center;margin-bottom: 30px}
.member-title h3 {display: block;line-height: 140%;font-size: 35px;color: #333;font-weight: normal;margin-bottom: 5px}
.member-title p {display: block;font-size: 15px;line-height: 150%;}

.memType-wrap {position: relative;display: block;text-align: center;overflow: hidden}
.memType-wrap li {display: inline-block;width: 500px;height: auto;padding: 40px 0;border: 1px solid #ddd;margin: 0 10px}
.memType-wrap li .ico {position: relative;display: inline-block;width: 100px;height: 100px;background: #e8f0f1;border-radius: 50%;overflow: hidden;}
.memType-wrap li .dg-tit02 {display: block}
.memType-wrap li .txt {display: block;margin: 0 0 20px}
.memType-wrap li .std {background: url('/images/Member/member-sprite.png') no-repeat 0 0 #e8f0f1}
.memType-wrap li .prm {background: url('/images/Member/member-sprite.png') no-repeat -100px 0 #e8f0f1}
.memType-wrap li .pd {background: url('/images/Member/member-sprite.png') no-repeat -200px 0 #e8f0f1}/*회원가입 절차*/

.memType-chek {position: relative;display: block;overflow: hidden;margin-top: 50px}
.memType-chek li {display: block;overflow: hidden}
.memType-chek li p {display: block;font-size: 17px;color: #333;margin-bottom: 15px;}
.memType-chek li a.dangoll  {display: block;text-align: center;padding: 10px 0;margin: 0;width: 100%;background: #3f51b5;}
.memType-chek li a.dangoll span {display: inline-block;font-size: 17px;line-height: 50px}
.memType-chek li:first-child {margin-bottom: 30px;}
.memType-chek li a {display: block;text-align: center;padding: 10px 0;width: 48%;margin: 1%;float: left;}
.memType-chek li a span {position: relative;display: inline-block;font-size: 14px;color: #fff;line-height: 35px;padding-left: 26px;}
.memType-chek li a span i {position: absolute;top: 50%;left: 0;width: 22px;height: 22px;display: block;margin-top: -11px}
.memType-chek li a.naver {background: #2db400}
.memType-chek li a.naver:active {background: #218200}
.memType-chek li a.naver i {background: url('/images/Member/ico-sprite.png') no-repeat 0 0}
.memType-chek li a.kakao {background: #ffdc00;}
.memType-chek li a.kakao:active {background: #eac30f}
.memType-chek li a.kakao span {color: #3c1d1d !important}
.memType-chek li a.kakao i {background: url('/images/Member/ico-sprite.png') no-repeat -44px 0}
.memType-chek li a.facebk {background: #3b5998}
.memType-chek li a.facebk:active {background: #2c416f}
.memType-chek li a.facebk i {background: url('/images/Member/ico-sprite.png') no-repeat -22px 0}
.memType-chek li a.google {background: #da4835}
.memType-chek li a.google:active {background: #b53e2f}
.memType-chek li a.google i {background: url('/images/Member/ico-sprite.png') no-repeat -66px 0}

.join-step {position: relative;width: 100%;display: block;text-align: center;overflow: hidden;margin-bottom: 40px}
.join-step li {position: relative;margin: 0 30px;display: inline-block;text-align: center}
.join-step li .step {display: inline-block;width: 24px;height: 24px;border-radius: 50%;background: #fff;border: 1px solid #f57c00;color: #f57c00;font-weight: 600;overflow: hidden;}
.join-step li .txt {display: block;color: #555}
.join-step li:after {content: "";position: absolute;width: 24px;height: 4px;right: -40px;top: 12px;background: url('/images/Member/ico-sprite.png') no-repeat -58px -88px}
.join-step li:last-child:after {display: none}
.join-step li.active .step {background: url('/images/Member/ico-sprite.png') no-repeat -33px -78px #f57c00;text-indent: -999px;}
.join-step li.active .txt {color: #333;font-weight: 600}

.joinAgree {position: relative;display: block;}
.joinAgree > li {position: relative;display: block;border-bottom: 1px solid #ddd;padding: 15px}
.joinAgree .dg-list03 {padding: 15px;background: #f3e1e1;margin-top: 10px;}
.joinAgree .chek-st01 .lab_check {display: block;font-size: 16px;color: #222}
.joinAgree .chek-st01 {padding-left: 0 !important;padding-right: 85px;}
.joinAgree .chek-st01 input[type="checkbox"]+label:after, .agree-txt input[type="checkbox"]+label:after {right: 0 !important;left: auto !important}
.joinAgree .chek-st01 .lab_all {font-weight: 600}

.txt-required, .txt-case {display: inline-block;margin-left: 5px;font-size: 13px;color: #888}
.txt-required {color: #f43333}

.agree-more {position: absolute;top: 15px;right: 50px;width: 45px;height: 24px;line-height: 24px;border-radius: 20px;border: 1px solid #999;text-align: center;color: #999;font-size: 13px}
.agree-more:hover {border: 1px solid #f44336;color: #f44336}


/*회원정보*/
.memFormLst {display: block;overflow: hidden;border-top: 1px solid #333}
.memFormLst > li {display: block;padding: 15px 0;border-bottom: 1px solid #ddd;}
.memFormLst > li:last-child {border-bottom: none;padding-bottom: 0}
.memFormLst li .ex-box {display: block;padding: 15px;background: #f4f4f4;margin-top: 12px;}
.memFormLst li .ex-boxNone {display: block;padding: 15px;margin-top: 12px;}
.memFormLst .jender {display: inline-block;margin: 0 1px;width: 144px}
.memFormLst input[type="radio"] {width: 24px;height: 24px;display: inline-block;vertical-align: middle}
.memFormLst input[type="radio"] {display: none;}
.memFormLst input[type="radio"]+label {display: block;height: 40px;line-height: 40px;width: 100%;background: #fff;text-align: center;border: 1px solid #ddd}
.memFormLst input[type="radio"]:checked+label {border: 1px solid #f57c00;color: #f57c00}

.memFormLst  .noline input[type="radio"]+label {border: none !important;height: auto;line-height: 22px;width: auto;text-align: left;}
.memFormLst  .noline input[type="radio"]:checked+label {border: none !important;color: #f44336;font-weight: 600}

.memFormLst .filetype {display: block}
.memFormLst .filetype .file-text {width: 76%}
.memFormLst .filetype .file-btn {padding: 0 20px}

/*회원가입 완료*/
.join-okLst {position: relative;display: block;width: 450px;margin: 0 auto;padding: 30px 20px;text-align: center;border: 1px solid #ddd}
.join-okLst ul {display: inline-block}
.join-okLst ul li {overflow: hidden;display: block;text-align: left;line-height: 35px;font-size: 14px}
.join-okLst ul li span {float: left;width: 150px;}
.join-okLst ul li b {float: right;width: 200px;}

.interest-tit {position: relative;display: block;text-align: center;margin: 10px auto 0;font-weight: 600;font-size: 17px;letter-spacing: -0.07em;color: #222}

.interest-txt {position: relative;display: block;text-align: center;margin: 10px auto 0;color: #08a0b2}
.interest-txt span {display: block;font-size: 15px;line-height: 140%;}

/*회원체크박스*/
.memChek-box {position: relative;display: block;margin: 50px auto 0;text-align: center;}
.memChek-box .mailChek {display: inline-block;width: 103px;height: 83px;background: url('/images/Member/member-sprite.png') no-repeat 0 -100px;margin-bottom: 10px;}
.memChek-box .passChek {display: inline-block;width: 103px;height: 83px;background: url('/images/Member/member-sprite.png') no-repeat -103px -100px;margin-bottom: 10px;}
.memChek-box .smsChek {display: inline-block;width: 103px;height: 83px;background: url('/images/Member/member-sprite.png') no-repeat -206px -100px;margin-bottom: 10px;}
.memChek-box .changeChek {display: inline-block;width: 103px;height: 83px;background: url('/images/Member/member-sprite.png') no-repeat 0 -183px;margin-bottom: 10px;}
.memChek-box .memchangeChek {display: inline-block;width: 103px;height: 83px;background: url('/images/Member/member-sprite.png') no-repeat -103px -183px;margin-bottom: 10px;}
.memChek-box .leaveChek {display: inline-block;width: 103px;height: 83px;background: url('/images/Member/member-sprite.png') no-repeat 0 -266px;margin-bottom: 10px;}
.memChek-box .user-mail {display: block;font-size: 15px;color: #222;letter-spacing: 0}
.memChek-box .extitle {display: block;font-size: 25px;color: #333;text-align: center;margin: 5px 0 20px;}
.memChek-box .extxt {display: block;margin: 5px 0 15px;font-size: 14px;}

.memChek-box .title {display: block;margin-bottom: 20px;color: #222;font-size: 25px;}
.memChek-box .mobileChek-icon {display: inline-block;width: 140px;height: 140px;border-radius: 50%;background: #fff url('/re_images/member/mobileChek-icon.png') no-repeat center;margin-bottom: 10px;}
.memChek-box .mobileChek-txt {position: relative;display: block;padding: 40px 30px;background: #f6f6f6;border-radius: 10px}

/* 회원정보입력 */
.member-form {overflow: hidden;letter-spacing: -1px;}
.member-form-top .nec {background: url('/images/Board/ico_nec.png') no-repeat 0 5px;padding-left: 15px}
.member-form .tbl-form {table-layout: auto;}
.member-form .tbl-form th {width: 15%;}
.member-form .tbl-form td {width: 85%;}

.member-form .tbl-form td input::-webkit-input-placeholder {color:#f8f8f8;}
.member-form .tbl-form td input:-moz-placeholder {color:#f8f8f8;}
.member-form .tbl-form td input::-moz-placeholder {color:#f8f8f8;}
.member-form .tbl-form td input:-ms-input-placeholder {color:#f8f8f8;}
.mbtn-wrap {margin-top: 40px;}


/*회원탈퇴*/
.leave-chekbox {position: relative;display: block;}
.leave-chekbox > li {display: block;border: 1px solid #ddd;margin: 20px 0;background: #f5f5f5}
.leave-chekbox .chek-st01 {display: block;padding: 10px 40px 10px 20px;border-bottom: 1px solid #ddd;text-align: left;color: #222;font-weight: 600;background: #fff}
.leave-chekbox .chek-st01 input[type="checkbox"]+label:after {left: auto;right: 10px;top: 10px}
.leave-chekbox .dg-list03 {margin: 10px 20px;font-size: 13px}


/*아이디비번 찾기*/
.findType-wrap {position: relative;display: block;overflow: hidden;border: 1px solid #dcdcdc;padding: 0 30px;}
.findType-wrap li {position: relative;display: block;height: auto;padding: 70px 0;overflow: hidden;padding-left: 120px;}
.findType-wrap li:first-child {border-bottom: 1px dotted #ccc}
.findType-wrap li .ico {position: absolute;top: 50%;left: 0;margin-top: -50px;display: inline-block;width: 100px;height: 100px;background: #e8f0f1;border-radius: 50%;overflow: hidden}
.findType-wrap li .txt {display: block;font-size: 14px;}
.findType-wrap li .txt b {display: block;font-size: 20px;line-height: 140%;letter-spacing: -0.05em;margin-bottom: 5px}
.findType-wrap li .mbtn {position: absolute;top: 50%;right: 0;width: 220px;margin-top: -50px}
.findType-wrap li .mbtn a {width: 220px;display: block;margin-bottom: 10px;background: #3949ab}
.findType-wrap li .mbtn a:last-child {background: #ff6d00 !important}
.findType-wrap li .mbtn a span {font-size: 13px;}
.findType-wrap li .findId {background: url('/images/Member/member-sprite.png') no-repeat 0 -349px #e8f0f1}
.findType-wrap li .findPw {background: url('/images/Member/member-sprite.png') no-repeat -100px -349px #e8f0f1}

.find-box {position: relative;display: block}

.findchek-ico {position: relative;display: block;margin: 0 auto;width: 100px;height: 100px;background: #e8f0f1;border-radius: 50%;overflow: hidden;margin-bottom: 15px;}
.findchek-ico.findId {background: url('/images/Member/member-sprite.png') no-repeat 0 -349px #e8f0f1}
.findchek-ico.findPw {background: url('/images/Member/member-sprite.png') no-repeat -100px -349px #e8f0f1}

.find-tit {display: block;font-size: 25px;text-align: center;margin-bottom: 20px;}
.find-txt {display: block;text-align: center;margin-bottom: 20px;font-size: 14px}
.find-box .inpt-box {display: block;margin: 5px auto}

.find-tip {position: relative;display: block;margin-top: 30px;border: 1px solid #ddd;background: #fbfbfb;padding: 20px}
.find-tip li {display: block;overflow: hidden}
.find-tip li:first-child {border-bottom: 1px dotted #ddd;margin-bottom: 20px;padding-bottom: 20px}
.find-tip li .txt {font-weight: 600;font-size: 13px;color: #333;float: left;line-height: 30px;padding-left: 13px;background: url('/images/Content/blt03.png') no-repeat left center}
.find-tip li .btn {float: right;}
.find-tip li .btn a {display: inline-block;background: #fff;line-height: 28px;border: 1px solid #ddd;padding: 0 10px;}
.find-tip li .btn a span {display: inline-block;font-size: 13px;color: #666;padding-right: 10px;background: url('/images/Content/btn-arw.png') no-repeat right center}
.find-tip li .btn a:hover {border: 1px solid #666;}
.find-tip li .btn a:hover span {color: #222}


/*아이디 비번 신규*/
.member-tab {position: relative;display: block;overflow: hidden;margin-bottom: 20px}
.member-tab li {position: relative;float: left;width: 49%;}
.member-tab li:first-child {margin-right: 2%}
.member-tab li a {display: block;line-height: 55px;height: 55px;text-align: center;font-size: 15px;font-weight: bold;background: #e2e2e2;color: #333;border-radius: 5px;}
.member-tab li.active a { color: #fff;background: #f57c00}

.new-findType-wrap {position: relative;display: block;overflow: hidden;border: 1px solid #ddd;}

.findType-tab {position: relative;display: block;overflow: hidden;}
.findType-tab li {position: relative;float: left;width: 50%;}
.findType-tab li:first-child:after {position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #ddd;content: ""}
.findType-tab li a {display: block;line-height: 45px;height: 45px;text-align: center;font-size: 15px;font-weight: bold;border-bottom: 1px solid #ddd;background: #fafafa;}
.findType-tab li.active a { color: #f57c00;border-bottom: 1px solid #fff;background: #fff;}

.findType-cont {position: relative;display: block;overflow: hidden;background: #fff;padding: 50px;text-align: center}
.findType-cont .ico {position: relative;display: inline-block;width: 100px;height: 100px;background: #e8f0f1;border-radius: 50%;overflow: hidden}
.findType-cont .findId {background: url('/images/Member/member-sprite.png') no-repeat 0 -349px #e8f0f1}
.findType-cont .findPw {background: url('/images/Member/member-sprite.png') no-repeat -100px -349px #e8f0f1}
.findType-cont .text {display: block;margin: 15px 0;font-size: 15px;line-height: 150%}
.findType-cont .text b {color: #222;}
.findType-cont .find_text {position: relative;display: block;background: #e8e8e8;border-radius: 5px;padding: 20px 25px;font-size: 15px;margin-bottom: 20px}
.findType-cont .find_text b {color: #222;}
.findType-cont .find_text span {font-size: 13px}
.findType-block {width: 250px;margin: 0 auto 20px;}
.findType-input-block {width: 360px;margin: 20px auto 0;overflow: hidden}
.findType-input-block select {width: 80px;float:left;display: inline-block;}
.findType-input-block input {width: 80px;float:left;display: inline-block;}
.findType-input-block span {width: 10px;float:left;display: inline-block;padding-top:15px;}
.findType-input-block input[type=button] {width: 85px;float:left;display: inline-block;margin-left:5px;background:#F57C00;color:#FFF;border:0px;}
.findType-input-block:after { clear:both;display:block;content:"" }
.findType-cont input[type=text], .findType-cont input[type=password], .findType-cont select, .findType-cont input[type=button],
.findType-input-block input[type=text], .findType-input-blockcont input[type=password], select, .findType-input-block input[type=button]
{border-radius: 5px;height: 40px;line-height: 40px;margin: 3px 0}
.findType-input-block input[type=button] {margin-left: 5px}
.findType-input-block2 {width: 360px;margin: 0 auto 20px;}

.findType-input-full {width: 358px;margin: 0 auto 0;overflow: hidden}
.findType-input-full input {width: 262px;float:left;display: inline-block;border-radius: 5px;height: 40px;line-height: 40px;margin: 3px 0}
.findType-input-full input[type=button] {width: 85px;float:left;display: inline-block;margin-left:5px;background:#F57C00;color:#FFF;border:0px;}

.findType-btn {display: block;}

/*알림창*/
.msg-wrap.join-end, .msg-wrap.modify-end, .msg-wrap.pass-end, .msg-wrap.leave-end {position: relative;border: 1px solid #ddd;padding: 180px 0 80px 0;border-top: 2px solid #11b2c5}
.msg-wrap .btxt, .msg-wrap .stxt {display: block;text-align: center;letter-spacing: -0.03em;}
.msg-wrap .btxt {font-weight: 600;color: #333;font-size: 20px;padding: 15px 0 10px 0;letter-spacing: -0.05em;}
.msg-wrap .stxt {font-weight: 500;color: #333;font-size: 14px;}
.msg-wrap.join-end:before {position: absolute;background: url('/images/Member/member-sprite.png') no-repeat;width: 130px;height: 130px;display: block;content: "";left: 50%;margin-left: -65px;top: 50px;}
.msg-wrap.modify-end:before {position: absolute;background: url('/images/Member/member-sprite.png') no-repeat -130px 0;width: 130px;height: 130px;display: block;content: "";left: 50%;margin-left: -65px;top: 50px;}
.msg-wrap.pass-end:before {position: absolute;background: url('/images/Member/member-sprite.png') no-repeat -130px -130px;width: 130px;height: 130px;display: block;content: "";left: 50%;margin-left: -65px;top: 50px;}
.msg-wrap.leave-end:before {position: absolute;background: url('/images/Member/member-sprite.png') no-repeat 0 -130px;width: 130px;height: 130px;display: block;content: "";left: 50%;margin-left: -65px;top: 50px;}/* 상태값 */

.stat {display: inline-block;min-width: 21px;height: 20px;padding: 1px 5px;font-size: 0.846em;letter-spacing: -1px;text-align: center;}
.stat.stat01 {border: 1px solid #ed3b3b;color: #ed3b3b;font-family: 'Malgun Gothic', 맑은고딕;}
.stat.stat02 {border: 1px solid #c2c2c2;color: #666;font-family: 'Malgun Gothic', 맑은고딕;}



/*서비스 부분*/
.gr-box {position: relative;display: block;padding: 20px;background: #fff;border: 1px solid #ddd}

.service_tit {position: relative;display: block;font-size: 20px;color: #333;font-weight: 600;line-height: 130%;margin-bottom: 10px}
.service_stit {position: relative;display: block;font-size: 15px;color: #333;font-weight: 600;line-height: 130%;margin-bottom: 5px}

.service_tab {position: relative;display: block;overflow: hidden;padding: 20px 40px;border: 1px solid #ddd;margin: 20px 0;background: #fff}
.service_tab ul {width: 50%;float: left;overflow: hidden}
.service_tab ul li {position: relative;display: block;margin-bottom: 10px}
.service_tab ul li:last-child {margin-bottom: 0}
.service_tab ul li a {display: block;line-height: 25px;padding-left: 30px;font-size: 13px}
.service_tab ul li a span {position: absolute;top: 0;left: 0;width: 25px;height: 25px;display: block;border-radius: 50%;overflow: hidden;text-align: center;font-weight: 600;color: #fff;font-size: 13px;background: #0a9fb1;line-height: 25px}
.service_tab.agreement ul {width: 33.3%;}
.service_tab.agreement ul li {margin-bottom: 5px}
.service_tab.agreement ul li a {padding-left: 0}

.service_box {position: relative;display: block;margin: 20px 0;font-size: 13px}
.service_box h3 {display: block;font-size: 20px;font-weight: normal;color: #333;margin-bottom: 5px;line-height: 150%}

.service_li {position: relative;display: block;overflow: hidden}
.service_li li {display: block;margin-bottom: 10px;line-height: 150%;color: #555}
.service_li li .service_sub {display: block;border: 1px solid #ddd;background: #f6f6f6;padding: 15px 20px;margin-top: 10px;}
.service_li li .service_sub li {display: block;margin-bottom: 5px;color: #777}


.join_recommend {position: relative;display: block;overflow: hidden;width: 432px;margin: 0 auto;background: #f6f6f6;padding: 30px;border: 1px solid #ddd}
.join_recommend .a_txt {position: relative;display: block;overflow: hidden;text-align: center;font-weight: 600;font-size: 17px;line-height: 140%;letter-spacing: -0.07em;color: #f57c00;margin-bottom: 20px}
.join_recommend .box {position: relative;display: block;overflow: hidden}
.join_recommend .btit {position: relative;display: block;overflow: hidden;text-align: center;margin-bottom: 10px}
.join_recommend .btit span {display: inline-block;line-height: 35px;height: 35px;border-radius: 35px;padding: 0 25px;color: #fff;background: #3e4858;font-weight: 600}

.join_recommend .item {position: relative;display: block;overflow: hidden;padding: 15px 15px 40px 15px;border: 1px solid #ddd;background: #fff;margin-bottom: 10px}
.join_recommend .item:last-child {margin-bottom: 0}
.join_recommend .item .title {position: relative;display: block;overflow: hidden}
.join_recommend .item .title a {display: inline-block;font-size: 14px;font-weight: 600;line-height: 20px;letter-spacing: -0.05em;}
.join_recommend .item .title .item_type {display: inline-block;}
.join_recommend .item .title .item_type span {position: relative;display: inline-block;height: 18px;line-height: 19px;font-weight: normal;font-family: "돋음", Dotum;font-size: 11px;color: #fff;text-align: center;padding: 0 5px;border-radius: 3px;vertical-align: middle}
.join_recommend .item .price {display: block;font-size: 18px;font-weight: 600;color: #111;margin: 5px 0;line-height: 120%}
.join_recommend .item .info {display: block;overflow: hidden;font-size: 12px}
.join_recommend .item .info ul {display: block;overflow: hidden;height: 22px}
.join_recommend .item .info li {position: relative;float: left;margin-right: 15px;color: #666;line-height: 22px;}
.join_recommend .item .info li .homepi { display: inline-block;color: #333;max-width: 360px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;padding-right: 13px;line-height: 20px;background: url("/re_images/tv/pc/contents/channel-go.png") no-repeat right center;}
.join_recommend .item .info li .rating {position: relative;display: inline-block;width: 120px;text-align: left;}
.join_recommend .item .info li .rating i {position: relative;display: inline-block;width: 8px;vertical-align: top;color: #cbcbcb}
.join_recommend .item .info li .rating i:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 22px;content: "\f005";font-family: FontAwesome;font-style: normal;font-size: 12px;display: block}
.join_recommend .item .info li .rating i.on {color: #ef5350}
.join_recommend .item .info li .rating span {display: inline-block;vertical-align: top;font-size: 12px;color: #777;line-height: 22px;margin-left: 2px}
.join_recommend .item .info li:after {position: absolute;top: 50%;right: -8px;width: 1px;height: 10px;margin-top: -5px;background: #ccc;content: "";}
.join_recommend .item .info li:last-child {margin-right: 0}
.join_recommend .item .info li:last-child:after {display: none;}
.join_recommend .item .fullBtn {position: absolute;bottom: 0;left: 0;width: 100%;height: 25px;line-height: 25px;display: block;background: #3e4858;text-align: center;color: #fff;}
.join_recommend .tv .fullBtn {background: #129a83}
.join_recommend .moi .fullBtn {background: #f57c00}


.join_recommend .item_type .package {background: #3f51b5}
.join_recommend .item_type .event {background: #df3764}
.join_recommend .item_type .dangoll {background: #ed283b}
.join_recommend .item_type .channel {background: #f66516}

.join_recommend .type {position: relative;display: inline-block;height: 16px;line-height: 17px;font-weight: normal;font-family: "돋음", Dotum;font-size: 11px;color: #fff;text-align: center;padding: 0 5px;border-radius: 3px;vertical-align: middle;border: 1px solid #ccc;letter-spacing: 0}
.join_recommend .type.free {color: #1e88e5}
.join_recommend .type.event {color: #f56e13}
.join_recommend .type.single {color: #3745c6}
.join_recommend .type.package {color: #e91e63}
.join_recommend .type.brand {color: #57a22f}
.join_recommend .type.dangoll {color: #009e95}
.join_recommend .type.problem {color: #a227dc}
.join_recommend .type.essay {color: #f56e13}
.join_recommend .type.self {color: #0e9ed3}