@charset "utf-8";

/* header */
.header{padding:26.9px 0 22.3px 30px;height:74px;line-height:100px;box-sizing:border-box;border-bottom:1px solid #ccc;}
.header h1{display:inline-block;height: 23.8px;}
.header h1 img{vertical-align:top;}

/* footer */
.footer{padding:32px 96px;width:100%;height:100px;box-sizing:border-box;text-align:right;background:#f5f7f7;}
.footer .copyright{float:left;padding:8px 0 7px 0;font-size:13px;color:#919699;letter-spacing:-0.8px;font-family:'Malgun Gothic' !important;}
.footer .mobile-logo{display:none;}
.footer .contactcenter{font-family:'Malgun Gothic' !important; font-size: 13px; line-height: 21px; letter-spacing: -0.8px; color: #919699; margin-top: 40px; margin-bottom: 39px;}

/* common */
.scroll-wrap{height:100%;overflow:auto}

/* register page */
.register-title-box{padding-top: 60px;padding-bottom: 34px; background:#f5f7f7;box-sizing:border-box;}
.register-title-wrap{margin:auto;width:962px;}
.register-title-wrap h2 {  margin-bottom: 30px;  font-size: 40px;  color: #000000; font-weight:800; white-space:pre-line; font-stretch: normal; font-style: normal;line-height: 1.35;letter-spacing: -1px;text-align: left;}
.register-title-wrap ul{margin-bottom:10px;}
.register-title-wrap li{letter-spacing: -0.56px;line-height: 1.88;opacity: 0.8;padding-left:20px;font-size:16px;color:#000000;background:url('/static/employee/freemium/image/ic_check.png') no-repeat left 7px;}

.register-title-wrap li:nth-child(4){line-height: 1.63;margin-top:24px;padding-left:0;background:none;}
.register-title-wrap li:last-child{line-height: 1.63;margin-top:30px;padding-left:0;background:none;white-space:pre-line}
.red-text{color:#cc0000;font-size:17px;}
.red-asterisk{color:#ff0000; padding-left: 3px;}

.register-form-wrap{margin:auto;width:1000px;padding:40px 0;box-sizing:border-box;font-size:0;}
.register-form-wrap .required-text{height: 13px; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.08; letter-spacing: -0.42px; text-align: right; color: #333333; float: right; margin-bottom: 8px;}
.register-form-wrap .required-text .required-red-text{color: #ff0000;}
.register-form-wrap .form-type-checkbox{vertical-align:top;}

.register-form-wrap .terms-box{margin-top:16px;padding-top:20px;border-top:1px solid #f2f2f2}
.register-form-wrap .terms-box .info-text{display:block;margin:12px 0 20px 0;padding-left:28px;font-size:14px;color:#333;}
.register-form-wrap .terms-text{margin-bottom:40px;padding:20px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.register-form-wrap .terms-text.mail{padding:0px; border: none;}
.register-form-wrap .terms-text dt button{float:right;width:20px;height:30px;background:url('/static/employee/freemium/image/icon_select_n.png') left center no-repeat;text-indent:-9999px;}
.register-form-wrap .terms-text dt button.on{background:url('/static/employee/freemium/image/icon_select_y.png') left center no-repeat;}
.register-form-wrap .terms-text dd{display:none;margin:20px 0 0 0;padding:8px 44px 8px 8px;height:95px;line-height:22px;font-size:13px;background:#f7f7f7;color:#333;overflow:auto;}
.register-form-wrap .terms-text dd.on{display:block;}
/*.register-form-wrap .terms-text dd p{margin-bottom:20px;white-space:pre-line;}*/
.register-form-wrap .terms-text dd + dt{margin-top:20px;}
.register-form-wrap .terms-text .point-color01{font-weight: bold; display: block;}
.register-form-wrap .terms-text .sub-title {color: #111111;font-size: 14px;display: inline-block;margin: 0px 0px 20px 0px;}

/* 210615 이용약관 동의 css 보강 */
.register-form-wrap .terms-title{font-size: 35px; color: #000000; font-weight: bold; padding: 20px 0 20px;width: 100%; display: inline-block;}
.register-form-wrap .terms-title:nth-child(1) {padding: 60px 0 20px; }
.register-form-wrap .terms-contents{ overflow: hidden; padding: 20px 0;}
.register-form-wrap .terms-border{border-bottom:  1px solid #e2e4e4; margin: 4px 0;}
.register-form-wrap .terms-contents p{font-size: 14px; color:#545455; font-weight: 500;}
.register-form-wrap .terms-contents .terms-box p{line-height: 24px; color: #363636;}
.register-form-wrap .terms-txt {font-weight: bold; margin-top: 24px; line-height: 22px;}
.register-form-wrap .terms-blue {font-weight: bold; margin-top: 24px; line-height: 22px; color: #0c64e7}
.register-form-wrap #request-terms-text-area{margin-top: 24px;}
.register-form-wrap .terms-subtitle{margin-top: 20px;}
.register-form-wrap .terms-sub{padding: 10px 0 20px;height: 14px;}
.register-form-wrap .terms-sub.title{background: #fff; height: 44px; padding:0 0 0 21px; line-height: 1.5; border: 1px solid #ebebeb; border-bottom: transparent;}
.register-form-wrap .terms-sub.title p{ font-size: 20px; line-height: 1.5; color: #000000;padding-top: 7px; margin:0;}
.register-form-wrap .terms-sub p{display: inline-block; margin:0; }
.register-form-wrap .terms.check {float: right; display: inline-block; margin-top: -7px; margin-right: 10px;}
.register-form-wrap .terms-sub.title .check{margin-top: 4px;}

.register-form-wrap .default-footer.terms{margin:40px 40px 0 0;}
.register-form-wrap .terms-toggl {display: inline-block; overflow: hidden; position: absolute; top: 55px; right: 0px;}
.register-form-wrap .terms-toggl.messenger{top: 770px;}
.register-form-wrap .default-style.tou{position: relative; width: 724px;}
.register-form-wrap .default-style{margin: 0 auto;}
/*private*/
.register-form-wrap .private .terms-box {height:  610px;}
.register-form-wrap .default-body{overflow: hidden; margin-bottom: 0; min-height: 100px;}
.register-form-wrap .default-body .body-form{margin-bottom: 20px;}


/* finish page */
.finish-title-box{padding:30px 0;height:184px;background:#f5f7f7;box-sizing:border-box;}
.finish-title-wrap{margin:auto;width:962px;}
.finish-title-wrap h2{margin-bottom:30px;font-size:40px;line-height:50px;color:#333;font-weight:700;white-space:pre-line}

.finish-form-wrap{margin:auto;padding:60px 0 120px 0;width:962px;}
.finish-form-wrap h3{margin-bottom:20px;padding-bottom:15px;line-height:23px;font-size:20px;color:#333;border-bottom:1px solid #ccc;font-weight:600}
.finish-form-wrap dl{margin-bottom:60px;color:#333;font-size:16px;}
.finish-form-wrap dt{float:left;margin-bottom:20px;width:157px;font-weight:600;}
.finish-form-wrap dd{margin-bottom:20px;}
.finish-form-wrap .sub-text{margin-bottom:20px;font-size:16px;color:#333;}
.finish-form-wrap .step-box{margin-bottom:20px;padding:20px 40px;border:1px solid #ccc;}
.finish-form-wrap .step-box > span{display:inline-block;margin-right:80px;line-height:45px;width:9px;height:16px;background:url('/static/employee/freemium/image/ic_arrow.png') no-repeat;background-size:100%;text-indent:-9999px}
.finish-form-wrap .step-box b{display:block;margin-bottom:10px;font-size:16px;font-weight:600;color:#00a4e8}
.finish-form-wrap .step-box [class^="step"] span{display:block;margin-bottom:10px;font-size:16px;color:#333;}
.finish-form-wrap .step-box [class^="step"]{display:inline-block;margin-right:80px;}
.finish-form-wrap .step-box .step1{width:120px;height:88px;}
.finish-form-wrap .step-box .step2{width:193px;height:88px;vertical-align:top;}
.finish-form-wrap .step-box .step3{margin-right:0;width:173px;height:88px;vertical-align:top;}
.finish-form-wrap ul{margin-bottom:60px;}
.finish-form-wrap ul li{margin-bottom:5px;padding-left:14px;line-height:21px;position:relative;background:url('/static/employee/freemium/image/ic_dot.png') no-repeat left 6px;}
.finish-form-wrap .info-box{padding:30px 200px 30px 30px;line-height:23px;background:#f7f7f7;position:relative;}
.finish-form-wrap .info-box > span{display:block;}
.finish-form-wrap .info-box .square-btn-type2{position:absolute;right:40px;top:39px;width:172px;font-weight:600;}
.finish-form-wrap .info-box.lang-en{padding:30px 310px 30px 30px;}
.finish-form-wrap .info-box.lang-en .square-btn-type2{width:auto;padding:0 24px;top:53px;}

.finish-link{margin-bottom:60px;font-size:0;}
.finish-link a{display:inline-block;margin-right:10px;padding-left:54px;width:160px;height:50px;line-height:50px;font-size:16px;border:1px solid #00a4e8;color:#00a4e8;font-weight:600;text-decoration:none;position:relative;box-sizing:border-box;}
.finish-link .window:before{content:'';display:block;position:absolute;left:20px;top:13px;width:24px;height:24px;background:url('/static/employee/freemium/image/pc.png') no-repeat;}
.finish-link .google:before{content:'';display:block;position:absolute;left:20px;top:13px;width:24px;height:24px;background:url('/static/employee/freemium/image/m1.png') no-repeat;}
.finish-link .appstore:before{content:'';display:block;position:absolute;left:20px;top:13px;width:24px;height:24px;background:url('/static/employee/freemium/image/m2.png') no-repeat;}

/* feetable page (요금제 popup) */
.feetable-wrap{margin:auto;padding:30px 30px 0 30px;width:750px;box-sizing:border-box;overflow:hidden;}
.feetable-wrap h1{margin-bottom:15px;font-size:24px;color:#333;font-weight:600;}
.feetable-wrap .feetable-header{margin:0 -30px 10px -30px;padding:0 30px 0 30px;}
.feetable-wrap .title{background:#00a4e8;text-align:left;}
.feetable-wrap .title th{padding:30px 0;vertical-align:top;text-align:left;}
.feetable-wrap .title p{margin-bottom:15px;font-size:16px;color:#fff;font-weight:normal;}
.feetable-wrap .title strong{display:block;margin-bottom:20px;font-size:20px;color:#fff;font-weight:600}
.feetable-wrap .title strong em{font-size:12px;font-weight:normal}
.feetable-wrap .title span{line-height:20px;font-size:14px;color:#fff;white-space:pre-line;font-weight:normal;}
.feetable-wrap > table{margin-bottom:15px;width:calc(100% - 17px)}
.feetable-wrap .feetable-scroll{height:520px;overflow:auto}
.feetable-wrap .feetable-scroll .sub-title th{padding:20px 0 15px 0;font-size:16px;color:#00a4e8;border-bottom:1px solid #00a4e8;text-align:left;font-weight:600;}
.feetable-wrap .feetable-scroll .sub-title + tr th,
.feetable-wrap .feetable-scroll .sub-title + tr td{padding-top:15px;white-space:pre-line}
.feetable-wrap .feetable-scroll .sub-title.gray th{color:#959595;border-color:#959595}
.feetable-wrap .feetable-scroll tr + .sub-title th{padding-top:25px}
.feetable-wrap .feetable-scroll th{padding:5px 0;font-size:14px;font-weight:600;color:#333;text-align:left;}
.feetable-wrap .feetable-scroll td{padding:5px 0;font-size:14px;vertical-align:top;}
.feetable-wrap .feetable-scroll .gray-text th,
.feetable-wrap .feetable-scroll .gray-text td{color:#959595;white-space:pre-line}
.feetable-wrap .feetable-scroll table{width:100%;}
.feetable-wrap .info-text{padding:20px 30px;width:651px;box-sizing:border-box;background:#f7f7f7;}
.feetable-wrap .info-text li{padding-left:10px;line-height:22px;font-size:14px;color:#333;background:url('/static/employee/freemium/image/ic_dot.png') left 8px no-repeat;}
.feetable-wrap .fee-title{margin-bottom:30px;padding:30px;background:#00a4e8;color:#fff;}
.feetable-wrap .fee-title p{margin-bottom:10px;font-size:16px;color:#fff}
.feetable-wrap .fee-title strong{display:block;margin-bottom:20px;font-size:22px;color:#fff;font-weight:600}
.feetable-wrap .fee-title strong em{font-size:32px;font-weight:normal}
.feetable-wrap .fee-title span{line-height:20px;font-size:14px;color:#fff;white-space:pre-line}
.feetable-wrap .fee-check{display:inline-block;width:12px;height:9px;text-indent:-9999px;background:url('/static/employee/freemium/image/ic_check.png');vertical-align:middle;}
.feetable-wrap .feetable-scroll.mobile + .fee-title{margin-top:60px;}
.feetable-wrap .feetable-scroll.mobile.on{display:block;}
.feetable-wrap .feetable-scroll.mobile.on + .fee-title{margin-top:0px;}
.feetable-wrap .feetable-scroll.mobile table{margin-bottom:0;width:100%}

/* feetable page (요금제 popup) - 모바일 */
@media screen and (max-width: 749px) {
	.feetable-wrap{padding:30px 15px 0px 15px;width:100%;}
	.feetable-wrap .info-text{margin:60px 0 30px 0;padding:15px;width:100%;}
	.feetable-wrap h1{position:fixed;left:0;top:0;padding:29px 0 15px 14px;width:100%;height:70px;box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);background:#fff;box-sizing:border-box;}
	.feetable-wrap.english h1{height:100px;padding:29px 0 18px 14px;}
	.feetable-wrap{padding-top:70px;}
	.feetable-wrap .feetable-scroll.mobile{height:auto;}
	.feetable-wrap .feetable-scroll .sub-title th{border-bottom:none;padding-top:0;}
	.feetable-wrap .feetable-scroll .sub-title + tr th,
	.feetable-wrap .feetable-scroll .sub-title + tr td{padding-top:0;font-size:14px;}
}

/* layer-pop (alert) */
.layer-pop{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10;text-align:center;}
.layer-pop:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.layer-box{display:inline-block;padding:32px;width:380px;background:#fff;text-align:left;border:1px solid #ccc;box-sizing:border-box;}
.layer-pop.big .layer-box{width:480px}
.layer-box > span{display:inline-block;margin-bottom:24px;width:100%;font-size:14px;line-height:20px;color:#333;}
.layer-box .title{margin-bottom:30px;padding-bottom:15px;font-size:18px;color:#333;font-weight:600;border-bottom:1px solid #ccc;}
.layer-box .title .pop-close{float:right;width:20px;height:20px;background:url('/static/employee/freemium/image/Ico_Delete.png') no-repeat;text-indent:-9999px;}
.layer-box .square-btn-type1{float:right;width:76px;height:32px;line-height:32px;font-size:14px;}

/* square-btn (alert 확인, 신청하기 버튼) */
.square-btn-type1{width:100%;height:48px;font-size:16px;background:#00a4e8;color:#fff;}
.square-btn-type1.small{width:180px;height:48px;}
.square-btn-type1.center-btn{display:block;margin:auto;}
.square-btn-type1.big{width:187px;height:48px;line-height:48px;text-align:center;text-decoration:none;}
.square-btn-type2{display:inline-block;width:100%;height:48px;line-height:48px;font-size:16px;color:#00a4e8;border:1px solid #00a4e8;border-radius:2px;text-align:center;text-decoration:none;box-sizing:border-box;}
.square-btn-type2.small{width:90px;height:32px;line-height:32px;vertical-align:top;}
.square-btn-type2.big-en{width:160px;height:32px;line-height:32px;vertical-align:top;}
.square-btn-type2.big{width:157px;height:48px;}
.square-btn-type3{height:13px;font-size:12px;color:#666;}
a.square-btn-type3{text-decoration:none}
.square-btn-type4{margin-bottom:15px;padding-bottom:15px;width:100%;border-bottom:1px solid #00a4e8;font-weight:600;font-size:16px;color:#00a4e8;text-align:left;background:url('/static/employee/freemium/image/ic_arrow_open.png') right 15px top 10px no-repeat;}
.square-btn-type4.on{background:url('/static/employee/freemium/image/ic_arrow_close.png') right 15px top 10px no-repeat;}

/* form-type-checkbox (신청하기 - checkbox) */
.form-type-checkbox{display:inline-block;}
.form-type-checkbox input{display:none;}
.form-type-checkbox label{display:inline-block;padding-left:24px;height:30px;line-height:30px;font-size:12px;color:#b4b4b4;position:relative;}
.form-type-checkbox label:before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;border:1px solid #a5a5a5;box-sizing:border-box;box-sizing:border-box;}
.form-type-checkbox label em{display:inline-block;text-indent:-9999px;position:relative;}
.form-type-checkbox label em:before{content:'*';display:inline-block;position:absolute;left:0;font-size:16px;text-indent:0;color:#ff0000;}
.form-type-checkbox input:checked+label:after{content:'';position:absolute;left:3px;top:7px;width:14px;height:14px;background:url('/static/employee/freemium/image/check_big.png');border:none}
.form-type-checkbox.big label{padding-left:28px;font-size:14px;color:#333;}
.form-type-checkbox.middle label{padding-left:28px;font-size:14px;color:#333;}
.form-type-checkbox b{font-weight:600}
.form-type-checkbox.big label:before{top:5px;width:20px;height:20px;}
.form-type-checkbox.middle label:before{top:5px;width:20px;height:20px;}
.form-type-checkbox.big input:checked+label:before,
.form-type-checkbox.big input[checked="checked"]+label:before{width:20px;height:20px;background-size:100%;}
.form-type-checkbox.circle{margin-bottom:10px;}
.form-type-checkbox.circle label{padding-left:20px;width:100%;height:auto;line-height:17px;font-size:12px;}
.form-type-checkbox.circle label:before{top:1px;width:14px;height:14px;border-radius:50%;}
.form-type-checkbox.circle input:checked+label:before{top:1px;width:14px;height:14px;background:none;border:1px solid #a5a5a5;border-radius:50%;}
.form-type-checkbox.circle input:checked+label:after{content:'';display:block;position:absolute;left:3px;top:4px;width:8px;height:8px;background:url('/static/employee/freemium/image/check_small.png') no-repeat;}
.form-type-checkbox.circle.on label:after{content:'';display:block;position:absolute;left:3px;top:4px;width:8px;height:8px;background:url('/static/employee/freemium/image/check_small.png') no-repeat;}

/* form-type-select (신청하기 - SELECT) */
.form-type-select{display:inline-block;margin:0 0 11px 0;font-size:0px;color:#333;position:relative;}
.form-type-select label{display:inline-block;width: 160px;height:32px;line-height:32px;font-size:14px;vertical-align:top;font-weight:800;}
.form-type-select label em{display:inline-block;text-indent:-9999px;position:relative;}
.form-type-select label em:before{content:'*';display:inline-block;position:absolute;left:0;font-size:16px;text-indent:0;color:#ff0000;}
.form-type-select select{margin-bottom:4px;padding:0 36px 0 6px;width: 840px;height:32px;font-size:14px;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('/static/employee/freemium/image/ico_expand.png') right 12px center no-repeat;box-sizing:border-box;}
.form-type-select select::-ms-expand{display:none;}
.form-type-select select.on{background:url('/static/employee/freemium/image/ico_close.png') right 12px center no-repeat;}
.form-type-select em{display:block;visibility:hidden;padding-left:151px;font-size:12px;color:#ff0000;}
.form-type-select.error em{visibility:visible;}
.form-type-select.error select{border:1px solid #ff0000;}
.form-type-select select:focus{outline:none;}
.form-type-select option{width:290px}
.form-type-select option:hover{background:#ccc;}

/* form-type-register (신청하기 - 기타 form) */
.form-type-register{display:inline-block;margin:0 0 11px 0;width:100%;font-size:0px;color:#333;position:relative;}
.form-type-register label{display:inline-block;width: 160px;height:32px;line-height:32px;font-size:14px;vertical-align:top;font-weight:800;}
.form-type-register input{margin-bottom:4px;padding:0 6px;width: 840px;height:32px;line-height:32px;font-size:14px;border:1px solid #ccc;box-sizing:border-box;}
.form-type-register.error input{border-color:#ff0000}
.form-type-register input[type="password"]{font-family:'Arial' !important;}
.form-type-register .info-text {display:block;visibility:hidden;padding-left:151px;font-size:12px;color:#333;}
.form-type-register .info-text.on{visibility:visible;}
.form-type-register.error .info-text{visibility:visible;color:#ff0000}
.form-type-register .input-clear{display:none !important;position:absolute;right:12px;top:5px;width:24px;height:24px;background:url('/static/employee/freemium/image/close.png');text-indent:-9999px;}
.form-type-register .password-show{display:none;position:absolute;right:12px;top:11px;width:15px;height:10px;background:url('/static/employee/freemium/image/ic_show.png');text-indent:-9999px;z-index:-1;}
.form-type-register.password{vertical-align:top;}
.form-type-register.password dl{display:none;position:absolute;right:-294px;top:0;padding:12px 12px 1px 12px;width:283px;border:1px solid #ccc;z-index:1;box-sizing:border-box;background:#fff;}
.form-type-register.password dl:before{content:'';display:block;position:absolute;left:-11px;top:8px;width:11px;height:16px;background:url('/static/employee/freemium/image/box-arrow-left.png') no-repeat,#fff;}
.form-type-register.password dl:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.form-type-register.password dt{margin-bottom:11px;font-size:12px;font-weight:600;color:#959595;}
.form-type-register input{padding-right:35px;}
.form-type-register.check-input + .square-btn-type2.small{width:142px;}

/* form-type-number (신청하기 - 전화번호) */
.form-type-number{display:inline-block;margin:0 0 11px 0;font-size:0px;color:#333;position:relative;}
.form-type-number label{display:inline-block;width: 160px;height:32px;line-height:32px;font-size:14px;vertical-align:top;font-weight: 800;}
.form-type-number label em{display:inline-block;text-indent:-9999px;position:relative;}
.form-type-number label em:before{content:'*';display:inline-block;position:absolute;left:0;font-size:16px;text-indent:0;color:#ff0000;}
.form-type-number select{margin:0 15px 4px 0;padding:0 25px 0 6px;width:142px;height:32px;font-size:14px;border:1px solid #ccc;box-sizing:border-box;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url('/static/employee/freemium/image/ico_expand.png') right 6px center no-repeat;}
.form-type-number select::-ms-expand{display:none;}
.form-type-number select.on{background:url('/static/employee/freemium/image/ico_close.png') right 6px center no-repeat;}
.form-type-number .info-text{display:block;visibility:hidden;padding-left:151px;font-size:12px;color:#ff0000;}
.form-type-number.error .info-text{visibility:visible;}
.form-type-number select:focus{outline:none;}
.form-type-number input{display:none;padding:0 6px;width:49px;height:32px;font-size:14px;border:1px solid #ccc;box-sizing:border-box;}
.form-type-number em{display:none;margin:0 2px;font-size:16px;vertical-align:middle;visibility:hidden;}
.form-type-number.error select{border:1px solid #ff0000}
.form-type-number.error input,
.form-type-number.error select{border:1px solid #ff0000}

/* loading */
.loading-layer{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;text-align:center;z-index:9999;}
.loading-layer:after{content:'';display:inline-block;height:100%;vertical-align:middle;}

/* Brity Works 신청 */
.brityworks{background-color: #fff; }
.brityworks span{display: block;}
.brityworks .center{text-align: center;}
.brityworks .container_wrapper{background-color: #f5f7f7; padding-top: 150px;}

.brityworks .title_area{text-align: center; background-color: #f5f7f7; padding-top: 100px; height: 490px; box-sizing: border-box;}
.brityworks .title_area button{width: 192px; height: 48px; border: 1px solid #00a4e8; box-sizing: border-box; color: #00a4e8; font-size: 15px; line-height: 17px; background-color: #fff; margin-top: 50px;}
.brityworks .title_area .tit_exp{margin-top: 50px;}
.brityworks .title_area .tit_exp ul{text-align: left; width: 450px; margin: 0 auto;}
.brityworks .title_area .tit_exp ul li{font-size: 18px; color: #333; margin-bottom: 16px; display: flex;/* text-indent: -26px; padding-left: 26px;*/}
.brityworks .title_area .tit_exp ul li:last-child{margin-bottom: 0;}
.brityworks .mobile_br { display: none;}
.brityworks .title_area.type02{padding: 50px 0px; height: auto;}

.brityworks .font_s14{font-size: 14px; color: #333; line-height: 22px; margin-top: 30px;} /* font_type03 */
.brityworks .font_s20{font-size: 20px; color: #111111; line-height: 34px; padding-top:20px;} /* font_type02 */
.brityworks .font_s26{font-size: 26px; color: #333; font-weight: 800; margin-top: 80px; margin-bottom: 50px; text-align: center;} /*font_type04 */
.brityworks .font_s34{font-size: 34px; color: #111; font-weight: 800; letter-spacing: -0.68px; line-height: 42px; margin-top: 16px;}
.brityworks .font_s50{font-size: 50px; color: #111; font-weight: 800; letter-spacing: -1px; padding-bottom: 40px; margin-top: 21px;} /* font_type05 */
.brityworks .font_s52{font-size: 52px; color: #111; font-weight: 800; letter-spacing: -1.04px; padding-bottom: 42px;} /* font_type01 */

.brityworks .ic_area{display: flex; justify-content: center;}
.brityworks .ic_messenger{padding-left: 8px; padding-right: 8px; height: 22px; line-height: 22px; text-align: center; background-color: #687182; font-size: 12px; color: #fff; font-weight: 400; vertical-align: middle; margin-left: 10px;}
.brityworks .ic_messenger.large{font-size: 14px; padding-left:12px; padding-right: 12px; height: 26px; line-height: 26px;}
.brityworks .ic_mail{padding-left: 8px; padding-right: 8px; height: 22px; line-height: 22px; text-align: center; background-color: #09bfb7; font-size: 12px; color: #fff; font-weight: 400; vertical-align: middle; margin-left: 4px;}
.brityworks .ic_mail.large{font-size: 14px; padding-left:12px; padding-right:12px;height: 26px; line-height: 26px;}

.brityworks .saas-container{background-color: #fff;}
.brityworks .saas-container .content_area{max-width: 1000px; margin: 0 auto;}
.brityworks .saas-container .content_area .notice{height: 70px; line-height: 70px; box-sizing: border-box; display: flex; justify-content: space-between; border-bottom: 1px solid #e3e4e5;}
.brityworks .saas-container .content_area .notice.bt{border-top: 1px solid #e3e4e5;}
.brityworks .saas-container .content_area .notice span:first-child{font-size: 14px;}
.brityworks .saas-container .content_area .notice .bold {font-size: 16px; font-weight: 800;}
.brityworks .saas-container .content_area .content{padding-bottom: 150px; display: flex; justify-content: space-between;}
.brityworks .saas-container .content_area .content .wrapper{width: 480px;}
.brityworks .saas-container .content_area .content .imgBasic{width: 480px; height: 260px; background: url(/static/employee/freemium/image/brityWorksBasic.png); margin-bottom: 40px;}
.brityworks .saas-container .content_area .content .imgPremium{width: 480px; height: 260px; background: url(/static/employee/freemium/image/brityWorksPremium.png); margin-bottom: 40px;}
.brityworks .saas-container .content_area .content .tit{font-size: 26px; color: #111; font-weight: 800; display: flex; align-items: center;}

.brityworks .saas-container .content_area .content .exp{font-size: 16px; line-height: 26px; color: #333; word-break: keep-all; display: block; margin-top: 20px; height: 70px;}
.brityworks .saas-container .content_area .content .expEn{font-size: 16px; line-height: 26px; color: #333; word-break: keep-all; display: block; margin-top: 20px; height: 130px;}
.brityworks .saas-container .content_area .content .ul_list{font-size: 14px; color: #333; font-weight: 700; margin-top: 30px; margin-bottom: 50px;}
.brityworks .saas-container .content_area .content .ul_list ul{list-style: square; list-style-position: inside;}
.brityworks .saas-container .content_area .content .ul_list ul li{line-height: 26px; letter-spacing: -0.5px;}
.brityworks .saas-container .content_area .content .ul_list.half{display: flex; justify-content: space-between;}
.brityworks .saas-container .content_area .content .ul_list.half ul{width: 50%;}
.brityworks .saas-container .content_area .content .apply{width: 480px; height: 48px; background-color: #00a4e8; color: #fff; border-radius: 2px; font-size: 14px; font-weight: 700;}

.brityworks i.check{width: 16px; height: 16px; background: url(/static/employee/freemium/image/ico_bullet_check.png); vertical-align: middle; margin-right: 10px; display: inline-block;}
.brityworks i.dot{width: 4px; height: 4px; background: url(/static/employee/freemium/image/ic_dot.png); vertical-align: middle; margin-right: 10px; display: inline-block;}
.brityworks .i-dot-span {display: inline;}
.brityworks .btn_area{margin-top: 50px; margin-bottom: 80px; text-align: center;}
.brityworks .btn_area .invite {width: 232px; height: 48px; background-color: #FFFFFF; color: #00A4E8; font-size: 15px; font-weight: 700; border-radius: 2px; border: solid 1px #00a4e8; display:none;}
.brityworks .btn_area .invite.on {background-color: #00a4e8; color: #fff; display:inline;}

.brityworks .info{width: 530px; background-color: #fff; padding: 30px; box-sizing: border-box; margin: 0 auto; margin-top: 50px;}
.brityworks .info ul{display: flex;}
.brityworks .info ul li{font-size: 14px; line-height: 26px;}
.brityworks .info ul li:first-child{color: #333; width: 202px; margin-right: 23px; max-width: 200px;}
.brityworks .info ul li:last-child{color: #111; max-width: 238px; word-break: break-all; font-weight: 800;}

.brityworks .exp_list{margin-top: 30px; padding-bottom: 150px;}
.brityworks .exp_list ul{font-size: 14px; color: #333;}
.brityworks .exp_list ul li{line-height: 22px; text-indent: -14px; padding-left: 14px;}
.register-form-wrap .domain-address{font-size: 16px; color: #333333; display: inline-block;margin-left: 10px; line-height: 30px; height: 30px;}
.form-type-register.id input.domain-address-input{width: 560px; margin-top: -6px;}

/* Brity Works 무료체험 */
.brityworks select{width: 100%; height: 40px; font-size: 16px; line-height: 18px; padding: 0 26px 0 10px; background: url(/static/employee/memberadmin/image/ico_dropdown_down_normal.png) no-repeat right 10px center; border: 1px solid #ccc; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-right: 8px;}
.brityworks select::-ms-expand{display: none;}
.brityworks .title_area.type03{height: 235px; padding-top: 0; display: flex; align-items: center; justify-content: center; background-color: #fff;}
.brityworks .title_area.type03 span{font-size: 34px; line-height: 50px; color: #111; font-weight: bold; letter-spacing: -1.7px;}
.brityworks .title_area.type04{height: 246px; background-color: #f5f7f7; padding-top: 70px;}
.brityworks .title_area.type04 h2{font-size: 34px; letter-spacing: -1.7px; color: #111; font-weight: bold;}
.brityworks .title_area.type04 span{font-size: 20px; line-height: 34px; margin-top: 20px;}

.brityworks .header{min-width: 1100px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; height: 75px; background: #fff; padding: 0 30px; border-bottom: 1px solid #e2e3e4; box-sizing: border-box;}
.brityworks .header .logo{width: 127px; height: 24px; background: url(/static/employee/freemium/image/brity_works.png) no-repeat; margin: 27px 0 23px 0; cursor: pointer}
.brityworks .header .left_area{position: absolute; left: 228px;}
.brityworks .header .left_area button{font-size: 16px; line-height: 21px; letter-spacing: -0.32px; color: #1a1818; font-weight: bold;}
.brityworks .header .left_area button:last-child{margin-left: 30px;}
.brityworks .tab-area{display: none;}
.brityworks .container{padding-bottom: 80px;}
.brityworks .container .content_area .notice{height: 70px; line-height: 70px; box-sizing: border-box; display: flex; justify-content: space-between; border-bottom: 1px solid #e3e4e5; position: relative;}
.brityworks .container .content_area .notice span{font-size: 14px;}
.brityworks .container .content_area .notice .bold{font-size: 16px; font-weight: bold;}

.brityworks .appcard{width: 353px; min-width: 353px; height: 664px; background-color: #fff; padding: 30px; box-sizing: border-box; position: relative;}
.brityworks .appcard iframe{width: 353px; min-width: 353px; height: 664px;}
.brityworks .appcard.brityworks{padding: 0px}
.brityworks .appcard .logo{width: 98px; height: 99px;}
.brityworks .appcard .alarm{border: 1px solid #00a4e8; font-size: 11px; line-height: 15px; font-weight: bold; color: #00a4e8; padding: 1px 4px; position: absolute; top: 30px; right: 30px; border-radius: 1px;}
.brityworks .appcard.britymail .logo{background-image: url(/static/employee/freemium/image/app_mail.png);}
.brityworks .appcard.britymail .title{width: 127px; height: 25px; background-image: url(/static/employee/freemium/image/brity_works.png); margin-top: 30px;}
.brityworks .appcard.britymessendger .logo{background-image: url(/static/employee/freemium/image/app_messenger.png);}
.brityworks .appcard.britymessendger .title{width: 188px; height: 26px; background-image: url(/static/employee/freemium/image/brity_messenger.png); margin-top: 30px;}
.brityworks .appcard.britymeeting .logo{background-image: url(/static/employee/freemium/image/app_meeting.png);}
.brityworks .appcard.britymeeting .title{width: 154px; height: 26px; background-image: url(/static/employee/freemium/image/brity_meeting.png); margin-top: 30px;}
.brityworks .appcard.britydrive .logo{background-image: url(/static/employee/freemium/image/app_drive.png);}
.brityworks .appcard.britydrive .title{width: 124px; height: 26px; background-image: url(/static/employee/freemium/image/brity_drive.png); margin-top: 30px;}
.brityworks .appcard h2{font-size: 22px; line-height: 40px; color: #111; font-weight: bold;}
.brityworks .appcard .h2-en { font-size: 21px; letter-spacing: -1.1px; }
.brityworks .appcard ul{margin-top: 30px;}
.brityworks .appcard ul li{background: url(/static/employee/freemium/image/disc.png) no-repeat 0; padding-left: 10px; line-height: 26px; background-position-y: 11px;}
.brityworks .appcard .ul-en{margin-top: 22px;}
.brityworks .appcard .ul-en li{line-height:20px;}
.brityworks .appcard .exp{font-size: 14px; line-height: 25px; color: #333;}
.brityworks .appcard .note{margin-top: 21px;}
.brityworks .appcard .note span{font-size: 12px;line-height: 20px;letter-spacing: -0.8px;color: #afafaf;display: block;text-indent: -0.6em;margin-left: 0.6em;}
.brityworks .appcard .bottom{position: absolute; bottom: 30px; width: calc(100% - 60px);}
.brityworks .appcard .bottom button{display: block;}
.brityworks .appcard .bottom .detail{font-size: 14px; line-height: 26px; color: #00a4e8; margin-bottom: 17px;}
.brityworks .appcard .bottom .free{font-size: 15px; font-weight: bold; color: #fff; width: 100%; height: 48px; background-color: #00a4e8; border-radius: 2px;}
.brityworks .appcard .bottom .free.disabled{display: none;}
.brityworks .appcard .bottom .drive-disabled{font-size: 15px; font-weight: bold; color: #a5a5a5; width: 100%; height: 48px; background-color: #eaeaea; border-radius: 2px;}

.brityworks .faq_area{padding-bottom: 130px;}
.brityworks .faq_area>h2{font-size: 30px; font-weight: bold; letter-spacing: -1.5px; color: #111; padding: 70px 0 60px; text-align: center;}
.brityworks .faq_list{}
.brityworks .faq_list>div:last-child{border-bottom: 1px solid #e3e3e3;}
.brityworks .faq_list>div:last-child>div:last-child{border-bottom: 1px solid #e3e3e3;}
.brityworks .faq_list .list01{font-size: 17px; width: 1104px; margin: 0 auto; position: relative;}
.brityworks .faq_list .list01>div{border-top: 1px solid #e3e3e3;}
.brityworks .faq_list .list01 .question{line-height: 23px; padding: 32px 112px 32px 159px; position: relative; cursor: pointer;}
.brityworks .faq_list .list01 .question button{width: 30px; height: 30px; background-image: url(/static/employee/freemium/image/ico_section_close.png); position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff}
.brityworks .faq_list .list01 .question .num{position: absolute; left: 35px;}
.brityworks .faq_list .list01 .answer{display: none;}

.brityworks .faq_list .list01.on .question{font-weight: bold;}
.brityworks .faq_list .list01.on .answer{display: block; background-color: #f2f4f7; padding: 22px 112px 23px 159px; line-height: 28px;}
.brityworks .faq_list .list01.on .question button{width: 30px; height: 30px; background-image: url(/static/employee/freemium/image/ico_section_open.png); position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #fff}
.brityworks .saas-footer{min-width: 1100px; border-top: 1px solid #eaeaea;}

.brityworks .red_star{display: inline-block; margin-left: 4px; color: #ed4839;}
.brityworks .form_area{padding-top: 68px; padding-bottom: 40px; border-bottom: 1px solid #e3e4e5;} /* 210205*/
.brityworks .form_area>ul{display: flex; margin-top: 30px; position: relative;}
.brityworks .form_area>ul:first-child{margin-top: 0;}
.brityworks .form_area>ul>li{position: relative;} /* 210205 */
.brityworks .form_area>ul>li:first-child{width: 170px; font-size: 14px; font-weight: bold; line-height: 40px;}
.brityworks .form_area>ul>li:last-child{width: calc(100% - 170px); display: flex;}
.brityworks .form_area>ul>li:last-child input{border: 1px solid #ccc; width:100%; height: 40px; box-sizing: border-box; padding: 0 10px;}

.brityworks .check:not(#cssbrowser)>input[type="checkbox"] + label{padding-left: 0; display: flex;}
.brityworks .check:not(#cssbrowser)>input[type="checkbox"] + label i{width: 20px; height: 20px; background: url(/static/employee/memberadmin/image/checkbox_unsel_normal_20.png); background-repeat: no-repeat; background-position: 0; margin: 0;}
.brityworks .check:not(#cssbrowser):hover>input[type="checkbox"] + label i{background: url(/static/employee/memberadmin/image/checkbox_unsel_normal_20.png); background-position: 0;}
.brityworks .check:not(#cssbrowser)>input[type="checkbox"]:checked + label i{background: url(/static/employee/memberadmin/image/checkbox_sel_20.png);}
.brityworks .check:not(#cssbrowser)>input[type="checkbox"]:disabled + label i{background: url(/static/employee/memberadmin/image/checkbox_unsel_normal_20.png);}

.brityworks .chk_area{padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e3e4e5; position: relative;}
.brityworks .chk_area .check{font-weight: bold;}
.brityworks .chk_area .tit{font-size: 14px; font-weight: bold; line-height: 18px;}
.brityworks .chk_area .exp{font-size: 14px; line-height: 18px; margin-top: 12px; margin-left: 28px; color: #333; position: relative;}
.brityworks .chk_area .check span{font-size: 14px; line-height: 18px; color: #333; margin-left: 8px;}

.brityworks .agree_area{padding-top: 0; padding-bottom: 10px; border-bottom: 1px solid #e3e4e5;} /*/210205 */
.brityworks .agree_area .check{display: flex; position: relative; width: 100%; align-items: center; height: 40px;} /* 210205 */
.brityworks .agree_area .check span{font-size: 14px; line-height: 18px; color: #333; margin-left: 8px;}
.brityworks .agree_area  button.open{width: 30px; height: 30px; background-image: url(/static/employee/freemium/image/ico_section_close.png); position: absolute; right: 0;}
.brityworks .agree_area  button.close{width: 30px; height: 30px; background-image: url(/static/employee/freemium/image/ico_section_open.png); position: absolute; right: 0;}
.brityworks .agree_area .tit{font-size: 14px; font-weight: bold; display: block; padding: 20px 0 10px;} /* 210205 */
.brityworks .agree_area .fold{display: flex; align-items: center;}
.brityworks .agree_area .cont_area{display: none; height: 150px;  background-color: #f5f7f7; margin-top: 10px;}
.brityworks .agree_area .cont_area.on{display: block;}
.brityworks .agree_area .cont_area pre{white-space: pre-line; margin: 0;}
.brityworks .agree_area .cont_area .cont{height: 150px; padding: 20px; overflow: hidden; overflow-y: auto; font-size: 13px; line-height: 23px; box-sizing: border-box;}
.brityworks button.apply{width: 180px; height: 48px; background-color: #00a4e8; color: #fff; border-radius: 2px; font-size: 15px; font-weight: bold; margin: 0 auto; margin-top: 40px; display: flex; align-items: center; justify-content: center;}

.brityworks.apply .content_area{max-width: 1000px; margin: 0 auto;}
.brityworks.apply select.area_code{width: 160px;}
.brityworks input.alert{border: 1px solid #ff675c !important;}
.brityworks span.alert{color: #ed4839; position: absolute; top: 46px;}

.brityworks .valid_check{position: absolute; z-index: 100; background-color: #fff; left: 170px; top: 48px;}
.brityworks .valid_check .wrapper{border: 1px solid #ccc; position: relative; padding: 10px; background-color: #fff; width: 280px; box-sizing: border-box;}
.brityworks .valid_check .arr{position: absolute; width: 15px; height: 8px; background: url(/static/employee/serviceportal/image/memberadmin/bg_portal.png) no-repeat -2px -391px; left: 20px; top: -8px;}
.brityworks .valid_check h2{font-size: 14px; line-height: 18px; letter-spacing: -0.7px; color: #333; font-weight: bold; margin-bottom: 12px;}
.brityworks .valid_check li{margin-bottom: 10px; display: flex; align-items: center;}
.brityworks .valid_check li:last-child{margin-bottom: 0;}
.brityworks .valid_check i{width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 6px;}
.brityworks .valid_check i.chk{background: url(/static/employee/serviceportal/image/memberadmin/ic_valid_check.png);}
.brityworks .valid_check i.unchk{background: url(/static/employee/serviceportal/image/memberadmin/ic_valid_uncheck.png);}

/* footer */
.saas-footer{ position: relative; width:100%; height:50px; line-height: 50px; background: #f5f7f7; margin: 0; bottom: 0; background-color: #fff;}
.saas-footer .footer-wrapper{display: flex; align-items: baseline; padding: 0 30px;}
.saas-footer .privacypolicy{}
.saas-footer span{font-size: 12px; letter-spacing: -0.72px; color: #000;}
.saas-footer span.copyright{height: 50px; line-height: 50px; padding: 0;}
.saas-footer a{font-weight: bold; font-size: 13px;}
.saas-footer a {cursor:pointer;}
.saas-footer a:link,
.saas-footer a:visited,
.saas-footer a:active,
.saas-footer a:focus,
.saas-footer a:hover {color:#000; text-decoration:none;}
.saas-footer a:hover {color:#0a55c5; }
.saas-footer img{width: 100px; height: 14px; position: absolute; right: 30px; top: 20px;}

/* 모바일 */
@media all and (min-width:1px) and (max-width:768px) {
	/* @media all and (min-width:1px) and (max-width:768px){ */

	/* Brity 무료가입 상품 소개 (brityworksServiceInfo.html) */
	.brityworks .title_area.type03{height: 142px !important; padding: 0;}
	.brityworks .title_area.type03 span{font-size: 18px; line-height: 30px; letter-spacing: -0.72px;}

	.brityworks .header{min-width: inherit; padding-left: 0; margin-left: 16px;}
	.brityworks .header .left_area{display: none;}
	.brityworks .portal.right-content .lang_area{display: none;}
	.brityworks .faq_area>h2{padding: 0 0 30px; font-size: 19px;}

	.brityworks .appcard{width: 328px;min-width: 328px;padding: 20px;height: auto;}
	.brityworks .appcard.britymail .bottom .free{display: none;}
	.brityworks .appcard.britymail .bottom {padding-top:60px;}
	.brityworks .appcard.britymessendger .bottom {padding-top:20px;}
	.brityworks .appcard.britymeeting .bottom {padding-top:20px;}
	.brityworks .appcard.britydrive .bottom {padding-top:20px;}
	.brityworks .appcard .bottom{position: initial; bottom: 30px; width: auto;}
	.brityworks .appcard .bottom .free.disabled{display: block; color: #a5a5a5; background-color: #fff; border: 1px solid #a5a5a5; font-weight: normal;}
	.brityworks .faq_area{padding: 50px 16px;}
	.brityworks .faq_list .list01{width: inherit; font-size: 12px; line-height: 22px;}
	.brityworks .faq_list .list01 .question{padding: 27px 50px 27px 26px; font-weight: bold;}
	.brityworks .faq_list .list01 .question .num{left: 10px; font-weight: bold;}
	.brityworks .faq_list .list01.on .answer{padding: 10px 20px; line-height: 19px;}

	.brityworks .tab-area{display: block;}
	.brityworks .tab-area .tab-st01{margin: 0; height: 40px;}
	.brityworks .tab-area .tab-st01 li{width: 20%; height: 40px;}
	.brityworks .tab-area .tab-st01 li.short {width: 18%;}
	.brityworks .tab-area .tab-st01 li.long {width: 23%;}

	.brityworks .tab-area .tab-st01 li a{padding: 0; height: 40px; margin-top: 0; font-size: 16px; box-sizing: border-box; padding-top: 9px; text-align: center;}
	.brityworks .tab-area .tab-st01 li:hover a{margin-top: 0; font-weight: bold;}

	.brityworks .saas-footer{min-width: inherit; border-top: 1px solid #e3e4e5; padding-top: 0; height: inherit; line-height: inherit; position: relative;}
	.brityworks .saas-footer .footer-wrapper{display: block; text-align: center; padding: 22px 0;}
	.brityworks .saas-footer .footer-wrapper span{line-height: 16px;}
	.brityworks .saas-footer .footer-wrapper span:first-child{border-top: 0; padding-top: 0;}
	.brityworks .saas-footer .privacypolicy{display: none;}
	.brityworks .saas-footer .copyright{height: inherit; line-height: inherit; margin-top: 5px;}
	.brityworks .saas-footer .copyright:before{display: none;}

	.brityworks.apply .notice .ic_call{right: 10px;}
	.brityworks.apply .container .content_area .notice{display: block; height: inherit; line-height: 20px; padding-right: 70px; padding-bottom: 20px;}
	.brityworks.apply .container .content_area .notice span{font-size: 13px;}
	.brityworks.apply .container .content_area .notice .bold{margin-top: 5px;}
	.brityworks.apply .content_area{padding: 20px;}
	.brityworks.apply .form_area{padding-top: 26px;}
	.brityworks.apply .form_area ul{display: block;}
	.brityworks.apply .form_area ul li{width: 100%;}
	.brityworks.apply .form_area ul li.select{display: block;}
	.brityworks.apply .form_area ul li.select input{margin-top: 10px;}
	.brityworks.apply select{margin-right: 0;}
	.brityworks.apply select.area_code{width: 100%;}
	.brityworks.apply .valid_check{left: 0; top: 90px;}
	.brityworks.apply span.alert {top: 85px;}

	/* @media all and (min-width:1px) and (max-width:468px) { */
	.form-type-register.id input.domain-address-input{width: 60%;}

	.brityworks .saas-header{height: 68px; padding: 0 16px;}
	.brityworks .saas-header h2{top: 17px;}

	.brityworks .title_area{padding-top: 60px; padding-bottom: 60px; height: auto !important;}
	.brityworks .title_area.type02{padding: 40px 30px;}
	.brityworks .title_area button{width: 280px; font-weight: 700;}
	.brityworks .title_area .tit_exp ul{width: auto;}
	.brityworks .title_area .tit_exp ul li{font-size: 14px; line-height: 26px; margin-bottom: 10px; display: flex; align-items: baseline;}
	.brityworks .title_area .tit_exp ul li span{width: calc(100% - 26px);}
	.brityworks .mobile_br { display: block;}

	.brityworks .btn_area{margin-top: 30px; margin-bottom: 40px;}
	.brityworks .btn_area .invite{width: 100%; margin-bottom: 10px;}
	.brityworks .info{width: 100%;}
	.brityworks .info ul li{font-size: 12px; line-height: 24px;}
	.brityworks .info ul li:first-child{max-width: 115px;}
	.brityworks .portal.right-content{display: none;}

	.brityworks .container_wrapper{padding-top: 60px; padding-left: 16px; padding-right: 16px;}
	.brityworks .saas-container{/* padding-bottom: 60px; */}
	.brityworks .saas-container .content_area{width: auto; padding: 0 16px;}
	.brityworks .container_wrapper .content_area {padding: 0px 0px;}
	.brityworks .saas-container .content_area .notice{height: auto; line-height: normal; display: block; padding: 20px 70px 20px 0; position: relative;}
	.brityworks .saas-container .content_area .notice span:first-child{font-size: 13px; margin-bottom: 10px; line-height: 20px;}
	.brityworks .saas-container .content_area .notice  .bold {font-size: 14px; }
	.brityworks .saas-container .content_area .content{display: block; padding-bottom: 0;}
	.brityworks .saas-container .content_area .content .wrapper{width: 100%;}
	.brityworks .saas-container .content_area .content .wrapper:first-child{margin-bottom: 50px;}
	.brityworks .saas-container .content_area .content .img{width: 100%; margin-bottom: 30px;}
	.brityworks .saas-container .content_area .content .tit{position: relative;}
	.brityworks .saas-container .content_area .content .tit span:first-child{font-size: 24px; margin-top: 34px;}
	.brityworks .saas-container .content_area .content .ul_list{margin-bottom: 40px;}
	.brityworks .saas-container .content_area .content .ul_list.half{display: block;}
	.brityworks .saas-container .content_area .content .ul_list.half ul{width: 100%;}
	.brityworks .saas-container .content_area .content .ul_list.half ul:last-child{padding-top: 20px; border-top: 1px solid #e3e4e5; margin-top: 20px;}
	.brityworks .saas-container .content_area .content .exp{font-size: 14px; height: auto;}
	.brityworks .saas-container .content_area .content .apply{width: 100%;}

	.brityworks .font_s14{font-size: 12px;}
	.brityworks .font_s20{font-size: 14px; line-height: 22px;}
	.brityworks .font_s26{font-size: 20px; margin-top: 50px; margin-bottom: 40px; text-align: left;}
	.brityworks .font_s34{font-size: 30px; line-height: 40px; margin-top: 0px;}
	.brityworks .font_s50{font-size: 30px; margin-top: 10px;}
	.brityworks .font_s52{font-size: 30px;}

	.brityworks .ic_messenger{position: absolute; margin-left: 0; top: 0; left: 0;}
	.brityworks .ic_messenger.large{position: relative;}
	.brityworks .ic_mail{position: absolute; margin-left: 0; top: 0; left: 53px;}
	.brityworks .ic_mail.large{position: relative; left: 4px;}
	.brityworks .ic_call{display: block; width: 32px; height: 32px; background: url(/static/employee/freemium/image/ico_call.png); position: absolute; top: 50%; transform: translateY(-50%); right: 26px;}

	.brityworks .saas-footer{height: auto; position: relative; padding-bottom: 0;}
	.brityworks .saas-footer .footer-wrapper{display: block; text-align: center; padding-bottom: 50px;}
	.brityworks .saas-footer .footer-wrapper span{line-height: 13px;}
	.brityworks .saas-footer .copyright{height: auto;}
	.brityworks .saas-footer .copyright:before{display: none;}
	.brityworks .saas-footer img{left: 50%; transform: translateX(-50%); top: auto; bottom: 20px;padding-top: 23px;}

	.saas-footer .footer-wrapper{display: block;}
	.saas-footer {padding: 12px 0 18px; height: 113px; text-align: center; bottom: 0; line-height: 0; border-top: 1px solid #eaeaea;}
	.saas-footer span {line-height: 42px }
	.saas-footer .copyright {display: block }
	.saas-footer img {float: none; margin-right: 0 }
	.saas-footer span.copyright{height: 16px; line-height: 16px; padding: 0;}

	.square-btn-type1.small{width:100%;}

	/* @media screen and (max-width: 868px) { */

	/* 무료가입 신청 (messengerContent.html) */
	.form-type-number input#mphonNo1{display:inline-block;width: 100%;}
	.form-type-number input#refereeMphonNo1{display:inline-block;width: 100%;}

	body{min-width:320px;}
	.header{padding:24px 16px; height:68px;}
	.header h1{display:inline-block;height: 20.1px;}
	.footer{padding:12px 0 18px 0;height:70px;text-align:center;}
	.footer .copyright{float:none;display:block;margin-bottom:11px;padding:0;width:100%;height:16px;line-height:16px;font-size:12px;}
	.footer .pc-logo{display:none;}
	.footer .mobile-logo{display:block;margin:auto;}

	.login-box{background:none;}
	.login-wrap{position:static;margin:0;width:100%;}
	.login-wrap .login-image-wrap{display:none;}
	.login-wrap .login-form-wrap{padding:25px 15px;width:100%;}
	.login-wrap .login-form-wrap .login-form h2{display:none;}

	.register-title-box{padding:30px 28px 30px 20px;height:auto;}
	.register-title-wrap{width:100%;}
	.register-title-wrap h2{width: 65%;line-height:45px;font-size:35px;word-break:keep-all;}
	.register-title-wrap ul{width:100%;}

	.register-form-wrap{padding:30px 15px 80px 15px;width:100%;box-sizing:border-box;}
	.form-type-register{display:block;margin-bottom:22px;width:100%;}
	.form-type-register.check-input{margin-bottom:10px;}
	.form-type-register label{margin-bottom:10px; display: block;}
	.form-type-register input{display:block;width:100%;}
	.form-type-register input.domain-address{width: 80%}
	.form-type-register .info-text{padding-left:0;}

	.form-type-checkbox{margin-bottom:28px;}
	.form-type-checkbox label{height:16px;line-height:16px;}
	.form-type-checkbox label:before{top:0;}

	.square-btn-type2.small{margin-bottom:22px;}
	.square-btn-type2.big-en{margin-bottom:22px;}

	.register-title-wrap li:first-child{white-space:normal;}
	.form-type-register + .form-type-register{margin:0 0 22px 0;}
	.form-type-register + .form-type-register + .id{margin:0 0 8px 0;}

	.form-type-register .info-text{display:none;visibility:visible}
	.form-type-register.error .info-text{display:block;}
	.form-type-register .input-clear{top:47px;}

	.form-type-register .password-show{top:52px;}
	.form-type-register.password dl{margin-top:10px;padding:12px 10px 12px 10px;width:100%;height:auto;border:1px solid #ccc;position:relative;top:auto;right:auto;}
	.form-type-register.password dl:before{top:-11px;left:50%;margin:0 0 0 -8px;width:15px;height:11px;background:url('/static/employee/freemium/image/box-arrow-up.png'),#fff;}
	.form-type-register.password dd p{display:block;}
	.form-type-register.password dd input{display:none;}

	.form-type-select{display:block;margin:0 0 5px 0;}
	.form-type-select label{display:block;margin-bottom:10px;}
	.form-type-select select{width:100%;}
	.form-type-select em{padding-left:0;}

	.form-type-number{margin:0;width:100%;}
	.form-type-number label{display:block;margin-bottom:10px;}
	.form-type-number select{display:inline-block;margin:0 1% 10px 0;width:100%;}
	.form-type-number input{display:none;margin:0 0 4px 0;}
	.form-type-number input#mphonNo{display:inline-block;width:64%;}
	.form-type-number input#refereeMphonNo{display:inline-block;width:64%;}
	.form-type-number input:nth-child(7){margin-right:0;}
	.form-type-number > em{display:none;margin:0;width:5%;text-align:center;}
	.form-type-number .info-text{display:none;visibility:visible}
	.form-type-number.error .info-text{display:block;padding-left:0;width:100%;text-align:left;}

	.form-type-checkbox input:checked+label:after{top:3px}
	.form-type-checkbox.big{margin-bottom:0;width:calc(100% - 30px);box-sizing:border-box;}
	.form-type-checkbox.big label{height:auto;line-height:20px;}
	.form-type-checkbox.big label:before{top:0;}
	.form-type-checkbox.big input:checked+label:before{top:0;}
	.form-type-checkbox.circle label{margin-bottom:0;box-sizing:border-box;}

	.register-form-wrap .terms-box{margin-top:22px;}
	.register-form-wrap .terms-box .form-type-checkbox{margin-bottom:10px;}
	.register-form-wrap .terms-box .info-text{margin:0 0 20px 0;}
	.register-form-wrap .terms-text dd{padding:10px;}
	.register-form-wrap > dt{margin-bottom:10px;}
	.register-form-wrap > dt button{height:10px;}
	.register-form-wrap > dd{margin-bottom:20px;height:191px}

	.register-form-wrap .terms-text dt button{width:20px;height:10px;}
	.form-type-register.id input.domain-address-input{width: 75%; display: inline-block;}

	.finish-title-box{padding:30px 15px;height:auto;}
	.finish-title-wrap{width:100%;word-wrap:keep-all;}
	.finish-title-wrap h2{margin-bottom:0;word-break:keep-all;}

	.finish-form-wrap{padding:60px 15px;width:100%;box-sizing:border-box;}
	.finish-form-wrap dt{float:none;margin-bottom:4px;}
	.finish-form-wrap .step-box{font-size:0;}
	.finish-form-wrap .step-box .step1,
	.finish-form-wrap .step-box .step2,
	.finish-form-wrap .step-box .step3{margin:0 0 30px 0;width:100%;height:auto;}
	.finish-form-wrap .step-box .step3{margin-bottom:0;}
	.finish-form-wrap .step-box .step1 .square-btn-type2.small{display:block;margin:0 auto;}
	.finish-form-wrap .step-box b{display:inline-block;width:50px;vertical-align:top;}
	.finish-form-wrap .step-box [class^="step"] span{display:inline-block;margin-left:10px;width:calc(100% - 60px)}
	.finish-form-wrap .step-box > span{display:block;margin:0 auto 30px auto;width:16px;height:9px;background:url('/static/employee/freemium/image/ic_step_arrow.png') no-repeat;background-size:100%;}
	.finish-form-wrap ul li{line-height:24px;background-position:left 10px}
	.finish-form-wrap .info-box,
	.finish-form-wrap .info-box.lang-en{padding:20px 15px 30px 15px;white-space:pre-line;line-height:0;}
	.finish-form-wrap .info-box span{line-height:23px;}
	.finish-form-wrap .info-box .square-btn-type2{position:static;display:block;margin:30px auto 0 auto;}
	.finish-form-wrap .info-box.lang-en a.square-btn-type2{padding:15px 24px;width:246px;line-height:18px;height:auto;text-align:center;}
	.finish-link a{margin:0 0 10px 0;padding-left:41%;width:100%;}
	.finish-link a:before{left:50% !important;transform:translate(-267%, 0);}

	.layer-box{width:94%;}
	.layer-pop.big .layer-box{width:94%;}
}

/* 웹버전에서만 */
@media screen and (min-width: 768px) {
	.form-type-register.check-input{margin-right:15px;width:843px;}
	.form-type-register.check-input input{width:683px}
	.form-type-register.check-input.en{width:825px}
	.form-type-register.check-input.en input{width: 665px;}

	.form-type-number input#mphonNo1{display:inline-block;width: 683px;}
	.form-type-number input#refereeMphonNo1{display:inline-block;width: 683px;}

	.brityworks .ic_call{display: none;}
	.saas-footer .copyright:before{content: ""; padding-left: 10px; margin-left: 10px; border-left: 1px solid #ccc;}
}

/* 210205 - Brity 링크 간편 초대 (brityUrlLinkInvitation.html) */
.brityworks.apply{}
.brityworks.apply .header .logo{width: 111px; height: 36px; background: url(/static/employee/freemium/image/bi_mailform.png);}
.brityworks.apply .welcome_area{position: absolute; top: 20%; left: 50%; transform: translateX(-50%); text-align: center; width: 100%;}
.brityworks.apply .welcome_area .img{width: 250px; height: 176px; background: url(/static/employee/freemium/image/ic_signup.png); margin: 0 auto;}
.brityworks.apply .no-use .welcome_area .img{width: 250px; height: 176px; background: url(/static/employee/freemium/image/ic_error.png); margin: 0 auto;}
.brityworks.apply .welcome_area h1{font-size: 34px; letter-spacing: -0.68px; font-weight: bold; margin-top: 40px; word-break: keep-all;}
.brityworks.apply .welcome_area .color{display: inline-block; color: #00a4e8; font-weight: bold;}
.brityworks.apply .welcome_area .exp{margin-top: 47px;line-height: 26px;font-size: 14px;margin-bottom: 45px;}
.brityworks.apply .welcome_area .extra{font-size: 12px; letter-spacing: -0.6px; color: #afafaf;}
.brityworks.apply .welcome_area button{width: 232px;height: 48px;background-color: #00a4e8;color: #fff;font-weight: bold;border-radius: 2px;font-size: 15px;letter-spacing: -0.75px;}
.brityworks.apply .welcome_area button.disabled { background-color: #eaeaea; color: #a5a5a5; }
.brityworks.apply .welcome_area.type02 .img.mail {background: url(/static/employee/freemium/image/ic_welcome.png); background-size: cover; }
.brityworks.apply .welcome_area.type02 .img.messenger {background: url(/static/employee/freemium/image/ic_freemiumMSG.png); background-size: cover; }
.brityworks.apply .welcome_area.type02 .img.meeting {background: url(/static/employee/freemium/image/ic_freemiumMeeting.png); background-size: cover; }
.brityworks.apply .welcome_area.no-use .img{width: 250px; height: 176px; background: url(/static/employee/freemium/image/ic_error.png); margin: 0 auto;}

.brityworks .title_area.type05{height: 175px; padding-top: 70px;}
.brityworks .title_area.type05 h2{font-size: 34px; font-weight: bold;}
.brityworks .form_area ul li button{box-sizing: border-box; padding: 0 24px;height: 40px; margin-left: 8px; font-weight: bold; border-radius: 2px; font-size: 14px; white-space: nowrap;}
.brityworks .form_area ul li button.type01{border: 1px solid #00a4e8; color: #00a4e8;}
.brityworks .form_area ul li button.type02{border: 1px solid #ccc; color: #ccc;}
.brityworks .requir{font-size: 12px; font-weight: normal; position: absolute; top: -40px; right: -830px;}

.brityworks span.blue_alert{color: #00a4e8; position: absolute; top: 46px;} /* 210205 */
.brityworks input.blue_alert{border: 1px solid #00a4e8 !important;} /* 210205 */
.brityworks .service-title { display: inline; }
.brityworks .service-contents { display: inline; }

.brityworks span.active_time{position: absolute; right: 100px; top: 10px; font-size: 14px; color: #ed4839;} /* 210205 */

/* 210412 - Brity 링크 간편 초대 메신저용 (brityUrlLinkInvitationMessenger.html) */
.brityworks.apply .url_link_invt_msgr .form_area{padding-top: 10px; border-bottom:0px; border-bottom: 0px;}
.brityworks.apply .url_link_invt_msgr .form-type-register {font-size:12px;}
.brityworks.apply .url_link_invt_msgr span.message{ left: 0px; position: absolute;}
.brityworks.apply .url_link_invt_msgr span.alert{color: #ed4839; position: absolute; top: 46px;}
.brityworks.apply .url_link_invt_msgr span.info_message{color: #000000; position: absolute; top: 46px;}
.brityworks.apply .url_link_invt_msgr select{ color: #000; line-height: 32px; word-spacing: normal; font: 400 13.3333px Arial; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: 400; font-stretch: normal; font-size: 13.3333px; font-family: 'Malgun Gothic', arial, Gulim, '굴림', Sans-serif !important; }
.brityworks.apply .url_link_invt_msgr select:disabled{ color: #999; background-color: #f7f7f7; }
.brityworks.apply .url_link_invt_msgr input:disabled{ background-color: #f7f7f7; }
.brityworks.apply .url_link_invt_msgr .check:not(#cssbrowser)>input[type="checkbox"]:disabled + label i{background: url(/static/employee/memberadmin/image/checkbox_unsel_disable_20.png);}
.brityworks.apply .url_link_invt_msgr .square-btn-type2:disabled{border: solid 1px #cccccc;background-color:#ffffff;}
.brityworks.apply .url_link_invt_msgr .square-btn-type2.small{margin-bottom:0px;}
.brityworks.apply .url_link_invt_msgr .square-btn-type2.big-en{margin-bottom:0px; min-width:160px; }
.brityworks.apply .url_link_invt_msgr .mobile_none#btnOtpSend{display: inline-block}
.brityworks.apply .url_link_invt_msgr .mobile_none.en#btnOtpSend{width: 500px;}
.brityworks.apply .url_link_invt_msgr .mobile_none#messageUserId{display: block}
.brityworks.apply .url_link_invt_msgr .mobile_display#ulOtpSend2{display: none;margin-top: 0px;}
.brityworks.apply .url_link_invt_msgr .tit-common{padding-top: 40px; width: 104px; height: 34px; font-size: 26px;font-weight: bold; font-stretch: normal; font-style: normal; line-height: 0.92; letter-spacing: normal; text-align: left; color: #000000; }
.brityworks.apply .url_link_invt_msgr .tit-common.pslInfoAgmt{ padding-bottom: 10px; padding-top: 0px; }

.brityworks.apply .url_link_invt_msgr .tit-common.dtl_term {
	padding-top: 15px;
	width: 400px;
	height: 34px;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.92;
	letter-spacing: normal;
	text-align: left;
	color: #000000;
}

.brityworks.apply .url_link_invt_msgr .tit-common.en{ font-size: 20px; width: 340px; line-height: 2}
.brityworks.apply .url_link_invt_msgr .required-red-text{ color: #ed4839; }
.brityworks.apply .url_link_invt_msgr .required-text{ display:block; color: #111111; float: right; margin-bottom: 8px; font-size: 14px; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: right; font-weight: bold; }
.brityworks.apply .url_link_invt_msgr .required-text-mobile{ display:none; position: absolute; right: 0px; top: 0px; font-size: 12px; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #111111; font-weight: bold; }
.brityworks.apply .url_link_invt_msgr .pw_i_dit{ padding-right: 6px; background-repeat: no-repeat; }
.brityworks.apply .url_link_invt_msgr #otpVal::-ms-clear{ display:none; }
.brityworks.apply .url_link_invt_msgr .chk_area { border-top: 1px solid #e3e4e5; }
.brityworks.apply .url_link_invt_msgr .agree_area { padding: 0 0 10px 0; }
.brityworks.apply .url_link_invt_msgr .agree_area button{ top: 5px }
.brityworks.apply .url_link_invt_msgr .agree_check { padding-right: 20px !important; background-repeat: no-repeat !important; }
.brityworks.apply .url_link_invt_msgr .mt0{ margin-top: 0px }

.brityworks.apply .url_link_invt_msgr .terms.mail{padding:0px; border: none;}
.brityworks.apply .url_link_invt_msgr .terms dt button{float:right;width:20px;height:30px;background:url('/static/employee/freemium/image/icon_select_n.png') left center no-repeat;text-indent:-9999px;}
.brityworks.apply .url_link_invt_msgr .terms dt button.on{background:url('/static/employee/freemium/image/icon_select_y.png') left center no-repeat;}
.brityworks.apply .url_link_invt_msgr .terms dd{display:none;margin:20px 0 0 0;padding:8px 44px 8px 8px;height:95px;line-height:22px;font-size:13px;background:#f7f7f7;color:#333;overflow:auto;}
.brityworks.apply .url_link_invt_msgr .terms dd.on{display:block;}
.brityworks.apply .url_link_invt_msgr .terms dd p{margin-bottom:20px;white-space:pre-line;}
.brityworks.apply .url_link_invt_msgr .terms dd + dt{margin-top:20px;}
.brityworks.apply .url_link_invt_msgr .terms .point-color01{font-weight: bold; display: block;}
.brityworks.apply .url_link_invt_msgr .terms .sub-title {color: #111111;font-size: 14px;display: inline-block;margin: 0px 0px 20px 0px;}

@media all and (min-width:1px) and (max-width:768px){
	/* 210205 - Brity 링크 간편 초대 (brityUrlLinkInvitation.html) */
	.brityworks.apply .welcome_area{padding: 0 16px;width: calc(100% - 32px);}
	.brityworks.apply .welcome_area .img{ width: 214px; height: 150px; background-size: contain; }
	.brityworks.apply .welcome_area h1{font-size: 28px; letter-spacing: -0.56px;}
	.brityworks.apply .welcome_area button{margin-top: 10px;width: 100%;}
	.brityworks.apply .welcome_area>button:last-child{margin-bottom: 20px;}
	.brityworks.apply .welcome_area .extra{padding: 0 16px;}
	.brityworks .form_area ul li button.active_btn{width: 100%; position: absolute; top: 70px; margin-left: 0;}
	.brityworks .form_area>ul:first-child>li:last-child{height: 100px;}
	.brityworks span.blue_alert{top: 115px;}
	.brityworks .requir{top: 0; right: 0;}

	/* 210412 - Brity 링크 간편 초대 메신저용 (brityUrlLinkInvitationMessenger.html) */
	.brityworks.apply .url_link_invt_msgr .form-type-register { margin-top: 10px; margin-bottom: 10px; }
	.brityworks.apply .url_link_invt_msgr span.message{top: 46px; font-weight: normal; position: absolute; width: 100%; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.brityworks.apply .url_link_invt_msgr span.message#messageUserId2{top: 35px; font-size: 12px; font-weight: normal;}
	.brityworks.apply .url_link_invt_msgr span.alert {top: 46px;}
	.brityworks.apply .url_link_invt_msgr .required-text-mobile.mobile_display{ display:block; }
	.brityworks.apply .url_link_invt_msgr .required-text.mobile_none{ display:none; }
	.brityworks.apply .url_link_invt_msgr .mobile_none#messageUserId {display: none;}
	.brityworks.apply .url_link_invt_msgr .mobile_none#btnOtpSend{display:none;}
	.brityworks.apply .url_link_invt_msgr .mobile_display#ulOtpSend2{display:flex;margin-top: -40px;}
	.brityworks.apply .url_link_invt_msgr .valid_check{left: 0; top: 48px;}

}