@charset "utf-8";

html,
body {background-color:#fff; font-size:13px; height:100%;	width: 100%; margin: 0;	padding: 0;	color:#2e2e2e;   font-family:'맑은 고딕', 'Malgun Gothic','arial', 'Gulim', '굴림', 'Sans-serif' !important; scrollbar-face-color:#fff;   }
 table {
   border: 1px solid #ebebeb;
   border-collapse: collapse;
 }
 th, td {
   border: 1px solid #ebebeb;
 }

.saas-container{height: calc(100%);overflow-y:auto; background: #f5f7f7;position: relative;}
.contents-area{overflow: hidden;}
.sub-wrapper{position: relative;}
.sub-header{position:relative; width:100%; height:57px; padding-left: 31px; border-bottom: 1px solid #e2e3e5;}
.sub-header h2{font-size:18px; color: #000000; font-weight: bold;  line-height: 57px; vertical-align: middle; letter-spacing: normal; margin : 0px;}
.sub-contents {max-width: 1280px; margin:0 auto;}

/* Toggle 라디오버튼 */
.toggle-radio{display:inline-block; text-align:center; float:left;}
.toggle-radio input[type="radio"] {display: none; height:30px;}
.toggle-radio i{background: pink; width: 10px; height: 10px;}
.toggle-radio input[type="radio"]+label {color:#c3c4c4; font-size:14px; padding:0 10px; min-width:133px; height:33px; line-height:33px; cursor:pointer; border:1px solid #c3c4c4; box-sizing:border-box; display:inline-block; background:#fff;}
.toggle-radio input[type="radio"]:checked + label {height:33px; color:#0c64e7; background-image:url('/static/employee/memberadmin/image/check.png');  background-repeat: no-repeat; background-position: 20px; background-color: #fff; border: 1px solid #0e84db;}
/*.toggle-radio input[type="radio"]:hover{height:30px; color:#fff; background:#0e84db}*/
.toggle-radio input[type="radio"]+label:hover, .toggle-radio input[type="radio"]:hover{ border:1px solid #b3b3b3; color: #b3b3b3}
.toggle-radio input[type="radio"]:checked + label:hover{border:1px solid #0a55c5; color: #0a55c5}
.toggle-radio input[type="radio"]:checked+label:hover{background-image:url('/static/employee/memberadmin/image/check.png');  background-repeat: no-repeat; background-position: 20px; background-color: #fff; color:#0c64e7;}

.toggle-radio.disabled input[type="radio"]:disabled {cursor: default; background: pink;}
.toggle-radio.disabled input[type="radio"]:disabled+label{color: #cfd1d4; cursor: default;}
.toggle-radio.disabled input[type="radio"]:checked:disabled + label {background:#9fcef1; color: #fff;border: 1px solid #8ebee1; border-right: transparent;}

.terms-title{font-size: 35px; color: #000000; font-weight: bold; padding: 20px 0 20px;width: 100%; display: inline-block;}
.terms-title:nth-child(1) {padding: 60px 0 20px; }
.terms-contents{ overflow: hidden; padding: 20px 0;}
.terms-border{border-bottom:  1px solid #e2e4e4; margin: 4px 0;}
.terms-contents p{font-size: 14px; color:#545455; font-weight: 500;}
.terms-contents .terms-box p{line-height: 24px; color: #363636;}
.terms-txt {font-weight: bold; margin-top: 24px; line-height: 22px;}
.terms-blue {font-weight: bold; margin-top: 24px; line-height: 22px; color: #0c64e7}
.terms-text-area{margin-top: 24px;}
.terms-box{background: #fff; height: 206px; padding-left: 20px;overflow-x: auto; border: 1px solid #ebebeb; margin-bottom: 20px;}
.terms-subtitle{margin-top: 20px;}
.terms-sub{padding: 10px 0 20px;height: 14px;}
.terms-sub.title{background: #fff; height: 44px; padding:0 0 0 21px; line-height: 1.5; border: 1px solid #ebebeb; border-bottom: transparent;}
.terms-sub.title p{ font-size: 20px; line-height: 1.5; color: #000000;padding-top: 7px; margin:0;}
.terms-sub p{display: inline-block; margin:0; }
.terms.check {float: right; display: inline-block; margin-top: -7px; margin-right: 10px;}
.terms-sub.title .check{margin-top: 4px;}
.default-footer.terms{margin:40px 40px 0 0;}
.terms-toggl {display: inline-block; overflow: hidden; position: absolute; top: 55px; right: 0px;}
.terms-toggl.messenger{top: 770px;}
.default-style.tou{position: relative; width: 724px;}
.default-style{margin: 0 auto;}
/*private*/
.private .terms-box {height:  610px;}
.default-body{overflow: hidden; margin-bottom: 0; min-height: 100px;}
.default-body .body-form{margin-bottom: 20px;}

/* 200417 개인 정보 처리 방침 */
.default-style.type02{width: 660px;}
.default-style.type02 .toggle_area{display: inline-flex; vertical-align: middle;}
.default-style.type02 .toggle_area button{width: 72px; height: 32px; border-radius: 0; border: 1px solid #ccc; color: #959595; outline: none; box-sizing: border-box;}
.default-style.type02 .toggle_area button:hover{z-index: 2; border: 1px solid #0c64e7; background-color: #e4edfc; color: #0c64e7;}
.default-style.type02 .toggle_area button:focus{z-index: 2; border: 1px solid #0c64e7; background-color: #e4edfc; color: #0c64e7;}
.default-style.type02 .toggle_area button.on{z-index: 2; border: 1px solid #0c64e7; background-color: #e4edfc; color: #0c64e7;}
.default-style.type02 .toggle_area button.current{z-index: 2; border: 1px solid #0c64e7; background-color: #e4edfc; color: #0c64e7;}
.default-style.type02 .toggle_area button:last-child{margin-left: -1px;}
.default-style.type02 .terms-title{display: flex; justify-content: space-between; align-content: center;}
.default-style.type02 .btn_area{float: right; margin-bottom: 50px;}
.default-style.type02 .btn_area .abled{height: 33px;padding: 0 30px; border: 1px solid #c8cacc; color: #2b3851; background-color: #ffffff;}
.default-style.type02 .btn_area .abled:hover{height: 33px;padding: 0 30px; border: 1px solid #c8cacc; color: #2b3851; background-color: #fcfcfc;}
.default-style.type02 .btn_area .abled:active{height: 33px;padding: 0 30px; border: 1px solid #c8cacc; color: #2b3851; background-color: #f0f0f0;}
.default-style.type02 .btn_area .disabled {height: 33px;padding: 0 30px; border: 1px solid #c8cacc; color: #a5a5a5; background-color: #ffffff;}


.default-body.type02 .terms-contents{padding: 0;}
.default-body.type02 .terms-txt{font-size: 20px; font-weight: bold; letter-spacing: -0.3px;}
.default-body.type02 .terms-box{padding: 0 30px; height: 574px; box-sizing: border-box;}
.default-body.type02 .terms-subtitle{margin: 30px 0 25px; padding-bottom: 20px; border-bottom: 1px solid #caceda;}
.default-body.type02 .terms-exp{height: 454px; overflow: hidden; overflow-y: auto; padding-right: 10px; border-bottom: 1px solid #f6f7f7;}
.default-body.type02 .terms-exp span{display: block; margin-bottom: 20px;}
.default-body.type02 .terms-exp .tit{font-weight: bold;}
.default-body.type02 .terms-exp .exp:last-child{margin-bottom: 0;}
.default-body.type02 .terms-exp .caution{color: #ff0000;}