@charset "";

/* reset */
*{margin:0;padding:0;border:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
body, html{width:100%;height:100%;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;zoom:1;overflow-x:hidden;}
body{margin:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
.Counsel_Layer section{display:block;}
.Counsel_Layer a{background-color:transparent;text-decoration:none;}
.Counsel_Layer a:active, .Counsel_Layer a:hover{outline:0;text-decoration:none;}
.Counsel_Layer b{font-weight:bold;}
.Counsel_Layer img{border:0;}
button, .Counsel_Layer input{position:relative;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;zoom:1}
button, .Counsel_Layer input{color:inherit;font:inherit;margin:0;}
button{overflow:visible;outline:none}
button{text-transform:none;}
button, .Counsel_Layer input[type="button"], .Counsel_Layer input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled], .Counsel_Layer input[disabled]{cursor:default;}
button::-moz-focus-inner, .Counsel_Layer input::-moz-focus-inner{border:0;padding:0;}
.Counsel_Layer input{line-height:normal;}
.Counsel_Layer input[type="checkbox"]{box-sizing:border-box;padding:0;}
.Counsel_Layer fieldset{border:none;margin:0;padding:0;}
.Counsel_Layer dl, .Counsel_Layer dt, .Counsel_Layer dd, .Counsel_Layer ul, .Counsel_Layer li, .Counsel_Layer span, .Counsel_Layer h2, .Counsel_Layer h3, .Counsel_Layer p{margin:0;padding:0;}
.Counsel_Layer ul{list-style:none;}
.Counsel_Layer a, .Counsel_Layer img, .Counsel_Layer input{color:#000;}
.Counsel_Layer a{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none;}
.Counsel_Layer input:focus{outline:none;}
.Counsel_Layer form{margin:0;}
.section:after, .Counsel_Layer dl:after, .Counsel_Layer ul:after{display:block;clear:both;content:""}

/* --------------------------------------------
 * button
/* ------------------------------------------ */
.btn_type_bg{display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-box-pack:center;box-pack:center;margin:auto;line-height:1;width:100%;height:54px;padding-left:20px;padding-right:20px;border-radius:2em;background:#333;color:#fff;font-size:16px;font-weight:500;text-align:center;vertical-align:middle;letter-spacing:-0.05em}
.btn_type_bg.blue{background-color:#009def}
.btn_type_line{display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;-webkit-box-pack:center;box-pack:center;margin:auto;line-height:1;width:100%;height:54px;padding-left:20px;padding-right:20px;border-radius:2em;background:#fff;border:1px solid #d2d2d2;color:#222;font-size:16px;font-weight:500;text-align:center;letter-spacing:-0.05em}

/* --------------------------------------------
	가입상담 팝업 및 레이어
/* ------------------------------------------ */
/* 가입상담 팝업 */
.cs{font-size:16px;line-height:1.5;min-height:calc(100vh - 380px);background-color:#fff;padding:0 !important;}
.cs .cs-inner{height:100%;position:relative;padding:20px;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}

/* 가입상담 콘텐츠 */
.content-header{position:relative;border-bottom:1px solid #eee;padding:50px 0 20px}
.content-header h2{font-size:24px;font-weight:400;color:#222}
.content-header p{font-size:14px;color:#888;line-height:1.4;margin-top:10px}
.cs-form{margin-top:10px}
.cs-form dl{margin-top:10px}
.cs-form dl dt label{display:block;color:#333333;font-size:13px;font-weight:700;padding-bottom:6px;letter-spacing:-0.025em}
.cs-form dl dd input:-webkit-input-placeholder{color:#bbbbbb}
.cs-form dl dd input:-moz-placeholder{color:#bbbbbb;opacity:1}
.cs-form dl dd input:-moz-placeholder{color:#bbbbbb;opacity:1}
.cs-form dl dd input:-ms-input-placeholder{color:#bbbbbb}
.cs-form dl dd input:placeholder-shown{color:#bbbbbb}
.cs-form dl dd input{width:100%;padding:15px 12px;height:50px;border:1px solid #e6e6e6;border-radius:3px;background-color:#f7f8fa;color:#222;font-size:15px;line-height:18px;letter-spacing:-0.025em;display:block;overflow:hidden;white-space:nowrap;text-overflow:clip;vertical-align:middle}
.cs-form dl dd input:focus{background-color:#fff;border-color:#333;box-shadow:0 1px 5px 0 rgba(0,0,0,0.08)}
.cs-form .agree_box{margin:20px 0;border:1px solid #e6e6e6;border-radius:3px;overflow:hidden}
.cs-form .agree_item{position:relative;padding:0 48px 0 12px}
.cs-form .agree_item .btn_view{display:inline-block;width:48px;height:48px;position:absolute;top:0;right:0;z-index:11}
.cs-form .agree_item .btn_view:after,
.cs-form .agree_item .btn_view:before{display:block;position:absolute;top:50%;margin-top:-1px;width:9px;height:1px;background-color:#aaa;content:'';-webkit-transition:all 0.2s ease;transition:all 0.2s ease}
.cs-form .active .agree_item .btn_view:after,
.cs-form .active .agree_item .btn_view:before{background-color:#555}
.cs-form .agree_item .btn_view:before{right:17px}
.cs-form .agree_item .btn_view:after{right:23px}
.cs-form .agree_item .btn_view:after,
.cs-form .active .agree_item .btn_view:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.cs-form .agree_item .btn_view:before,
.cs-form .active .agree_item .btn_view:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.cs-form .agree_box_txt{border-top:1px solid #eee;padding:16px;color:#888;background:#f6f6f6}
.cs-form .agree_box_txt h3{font-weight:400;font-size:16px;color:#222;margin-bottom:10px}
.cs-form .agree_box_txt p{font-size:14px;color:#222}
.cs-form .agree_box_txt li{position:relative;margin-top:2px;padding-left:18px;font-size:13px}
.cs-form .agree_box_txt li .num{display:inline-block;position:absolute;top:0;left:0}
.cs-form .checksWrap .checks{position:relative;overflow:hidden}
.cs-form .checksWrap input[type="checkbox"]{position:absolute;top:0;left:0;margin:0;padding:0;z-index:-1;width:8px;height:8px;-webkit-appearance:none;opacity:0;filter:alpha(opacity=0);-moz-opacity:0}
.cs-form .checksWrap label{display:block;position:relative;top:0;left:0;height:48px;line-height:48px;letter-spacing:-0.025em;color:#777;background:#fff;padding:0 0 0 24px;z-index:10}
.cs-form .checksWrap label span{display:inline-block;font-size:14px;vertical-align:middle;line-height:1.5}
.cs-form .checksWrap label span b{font-weight:400;color:#222}
.cs-form .checksWrap label:before{content:'';width:16px;height:16px;display:inline-block;vertical-align:middle;border:1px solid #ddd;border-radius:50%;background:#fff;position:absolute;top:50%;left:0;margin-top:-8px}
.cs-form .checksWrap .on label:before{border-color:#009def;background:url("../_img/ico_chk.png") no-repeat center center #009def;-webkit-background-size:15px 14px;background-size:15px 14px}

/* 가입상담 레이어  */
.overlay{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:3000;transform:translateZ(0)}
.modal-opened{overflow:hidden}
.layer-cs{display:none;position:fixed;top:0;left:0;right:0;bottom:0;min-height:inherit;color:#000;font-size:16px;text-align:left;z-index:99999;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-animation-duration:0.6s;animation-duration:0.6s}
.layer-cs .btn-close-layer{position:absolute;right:0;top:0;height:60px;width:60px;line-height:60px;text-align:center;background:transparent}
.layer-cs .btn-close-layer:before{content:'';width:20px;height:20px;display:inline-block;background:url("../_img/ico_close.png") no-repeat 0 0;-webkit-background-size:20px 60px;background-size:20px 60px;vertical-align:middle}