@charset "UTF-8";
/* Common */
@font-face {
        font-family: 'Pretendard Variable';
        font-weight: 45 920;
        font-style: normal;
        font-display: swap;
        src: local('Pretendard Variable'), url('../font/PretendardVariable.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,butto{margin:0;padding:0}
body,input,textarea,select,button,table{font-family: "Pretendard", "Pretendard Variable", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size:12px;line-height:1;letter-spacing:-.5px;word-break:break-all}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
table{width:100%;/*border-collapse:collapse;*/border-spacing:0}
label{vertical-align:middle}
textarea{resize:none}
input {   -webkit-appearance: none;}
fieldset,li,img{border:0;vertical-align:top}
address,caption,em{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal}
button{overflow:visible;border:0;outline:none;background-color:transparent;padding:0;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
input{-webkit-appearance: none; -webkit-border-radius: 0;}
/*body{ -ms-overflow-style: none; }
::-webkit-scrollbar { display: none;}*/
body{-webkit-text-size-adjust:100%;overflow-y: scroll;}

/* 스크롤바의 폭 너비 */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #ddd ;/* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

::-webkit-scrollbar-track {
    background:#fff;  /*스크롤바 뒷 배경 색상*/
}
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}
.al_l{text-align:left}
.al_c{text-align:center}
.al_r{text-align:right}
.fl_l{float:left}
.fl_r{float:right}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*** layout ***/
#wrap{overflow: scroll;min-width:980px;height: 100%}
#header{z-index:10;width:100%;height:80px;border-bottom: 1px solid #bababa;}
#header .header_inner{width:1710px; margin: 0 auto;position: relative}
#header .logo{position:absolute;left:10px;top:31px;letter-spacing:-.5px}
#header .logo a{display:block;width:159px;height:21px;background: url(../img/logo_acecounter.png)no-repeat;font-size: 0; overflow: hidden}

#container{position:relative;padding-bottom: 130px;}
#sub_tit{position: relative}
#sub_tit:after{/*display:inline-block;*/height:260px;vertical-align:middle;content:''}
#sub_tit .inner{width: calc(100% - 5vw - 5vw); min-width: 980px;  margin: 0 auto; box-sizing: border-box;}
#sub_tit dl{display: flex; align-items: center;  height:260px;margin-bottom: 20px; border-bottom: 1px solid #000;}
#sub_tit dt{width: 50% ;font-weight: 600;  font-size: 42px; letter-spacing: -.02em;  line-height: 54px;
    text-align: center;}
#sub_tit dd{width: 50%;font-size:16px;font-weight:300;line-height:28px;border-left:1px solid #000;padding-left:32px}

#contents{position: relative; width: 980px; margin:0 auto;}

.stepJoin_ui{margin:100px 0;text-align:center}
.stepJoin_ui p.stitle{margin-top:40px; font-size: 36px; color: #1E2531;line-height: 18px; letter-spacing: -0em;font-weight: 600 }
.stepJoin_ui p.s-title{margin-top:40px; font-size: 36px; color: #1E2531;line-height: 18px; letter-spacing: -0em;font-weight: 600;}
.stepJoin_ui p.sb-title{padding-top:30px;color: #1E2531;line-height: 18px; letter-spacing: 0.3px;font-weight: 400;font-size: 20px }
.stepJoin_ui li{position:relative;display:inline-block;height:50px;text-align:left;font-size:20px;color:#666}
.stepJoin_ui li~li{margin-left:30px;}
.stepJoin_ui li:after{content:"";display:inline-block;width:87px;height:2px;margin-left:30px;vertical-align:middle;background:#949494}
.stepJoin_ui li:last-child:after{display:none}
.stepJoin_ui span{display:inline-block;width:46px;height:46px;line-height:46px;/*margin-right:10px;*/vertical-align:middle;text-align:center;font-size:25px;font-weight: 600; color:#9C9C9E;border-radius:100%;background:#E2E2E2}
.stepJoin_ui .current{color:#9C9C9E}
.stepJoin_ui .current span{background:#fff;border:2px solid #00B9FF; color: #00B9FF}

.privacy_form{margin-bottom:60px}
.privacy_form  h2.title {font-size: 20px; color: #1E2531;font-weight: 600}
.privacy_form  h2.t-title {display: flex;  font-size: 20px; color: #1E2531;font-weight: bold;border-bottom: 1px solid #606060;padding-bottom: 10px;margin-bottom: 16px;}
.privacy_box {width: 955px;height:108px;border-radius:5px;border:1px solid #E0E0E0;margin-bottom:15px;margin-top:10px;padding: 13px 0px 13px 20px;}
.privacy_box div {height:100%;padding-right: 20px;overflow-y:scroll;}
.privacy_box div::-webkit-scrollbar {width:3px;}
.privacy_box div::-webkit-scrollbar-thumb {background-color: #E0E0E0;}
.privacy_box div::-webkit-scrollbar-track {background-color: #fff; border-radius:3px;}
.privacy_box p {font-size:14px; color:#949494; line-height:18px;font-weight: 400}

.form_wrap + .form_wrap {margin-top: 27px;display: block}
.form_wrap .form_g + .form_g { margin-top: 150px;}
.form_wrap .form_g .title {display: flex;/* justify-content: space-between; *//* align-items: flex-start; */border-bottom: 1px solid #606060;padding-bottom: 10px;margin-bottom: 28px;}
.form_wrap .form_g .title strong { font-size: 20px;  color: #1E2531;  line-height: 18px;}
.form_wrap .form_g .title p.notice {position: relative;font-size: 13px;color: #9C9C9E;letter-spacing: -0.02px;margin-top:5px;font-weight: 300;margin-left: 30px;}

.form_wrap .form_g .input_g {display: flex;flex-wrap: wrap;}
.form_wrap .form_g .input_g + .input_g {margin-top: 50px;}
.form_wrap .form_g .input_g .tit {position: relative;font-size: 15px;font-weight: 400; color: #1E2531;}
.form_wrap .form_g .input_g .tit.ipt:before {content: "*"; position: absolute; top: 2px; right: -10px; width: 5px; height: 5px;color: #ff0000; }

.form_wrap .form_g .input_g .input.w50 {width: calc(50% - 30px);}
.form_wrap .form_g .input_g .input {display: block}

input[type=text], input[type=password] {height: 46px;font-size: 15px;font-weight: 300; border: 1px solid #E0E0E0; border-radius: 6px;padding: 0 10px;outline: none; width: calc(100% - 20px);background: #fff}
textarea {font-size: 18px; font-weight: 300; border: 1px solid #E0E0E0; border-radius: 8px; padding: 30px; resize: none; outline: none;background: #fff}
/*.form_wrap .form_g .input_g input[type=text]:focus,.form_wrap .form_g .input_g input[type=password] :focus{ border: 1px solid #00B9FF;}*/
input[type=text]::placeholder, input[type=password]::placeholder {color: #9C9C9E;}

 input[type=radio] {position: relative; width: 16px; height: 16px;  border: 1px solid #E0E0E0; border-radius: 50%;background: #fff}
 input[type=radio]:before {content: ""; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #00B9FF; opacity: 0;}
 input[type=radio]:checked:before {opacity: 1;}

 input[type=checkbox] {position: relative; width: 16px;height: 16px;border: 1px solid #E0E0E0; background: #fff url(../img/ipt_chk_icon.png) no-repeat center / 10px; border-radius: 3px;}
 input[type=checkbox]:checked {background-color: #00B9FF;}
 input[type=radio] + label, input[type=checkbox] + label {font-size: 15px;font-weight: 300; color: #1E2531;}
input[type=text].w36{width:36.4%}

select {width: 105px;padding: 12px 10px;margin-right: 5px;  border: 1px solid #E0E0E0;  border-radius: 6px;  box-sizing: border-box;cursor: pointer;font-size: 15px;font-weight: 300;line-height: 18px;color: #1E2531;-o-appearance: none;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;}
select::-ms-expand {display: none;}

.p_input div{display: flex;   align-items: center;}
.p_input > div input {margin-right: 10px;}
.p_input > div + div {margin-top: 12px;}
.p_input > div span{color:#00B9FF; font-size: 15px;}
.p_input > div span.view1{margin-left:55px;}
.p_input > div span.view2{margin-left:24px;}

.form_wrap .form_g .input_g  .input input[type=number] {width: 85px;height: 46px; background: #fff; border: 1px solid #E0E0E0; border-radius: 6px; padding: 0 15px; font-size: 15px;  font-weight: 300; outline: none;margin-right: 5px} input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
.form_wrap .form_g .input_g  .input input[type=number]:last-child{margin-right: 0}
.form_wrap .form_g .input_g  .input .sel{display: flex;position: relative}
.form_wrap .form_g .input_g  .input .sel p{display: block;position: relative}


.form_wrap .form_g .input_g  .input  .select { background: url('../img/select_arrow.png') calc(100% - 10px) center no-repeat;  background-size: 10px;  outline: 0 none;}
.form_wrap .form_g .input_g  .input  .select option{}


.form_wrap .form_g .input_g .input {display: flex;}
.form_wrap .form_g .input_g .input:nth-child(odd) {margin-left: 60px;}
.form_wrap .form_g .input_g .input:nth-child(n+2) {margin-top: 32px;}
.form_wrap .form_g .input_g .input > .tit {width: 170px;padding: 19px 0 0;}
.form_wrap .form_g .input_g .input > .info {margin-top:-20px; margin-left:130px; line-height: 18px;font-size: 13px;letter-spacing: -0.02px;color: #00B9FF;display: block}
.form_wrap .form_g .input_g .input > .info p{display: block}

.form_wrap .form_g .input_g .input.ect {width: 100%; margin-left: 0;}
.form_wrap .form_g .input_g .input.ect > .tit{width: 133px}
.form_wrap .form_g .input_g .input.ect input[type=text] {width: calc(50% - 185px);}
.form_wrap .form_g .input_g .input.ect > div.inp input[type=text]  {width:305px}

.form_wrap .form_g .input_g .input input {width: calc(100% - 66px);}
.form_wrap .form_g .input_g .input.ect .overlap {display: block; width:108px ; height: 48px; font-size: 15px; font-weight: 500; color: #fff;    letter-spacing: -0.02em; background: #00B9FF; border-radius: 8px; margin-left:10px;position: relative}
.form_wrap .form_g .input_g .input.ect span{display: block;}

.form_wrap .form_g .input_g .input > div.rad{margin-right: 30px; color: #1E2531}
.form_wrap .form_g .input_g .input.rad .tit{width: 133px}
.form_wrap .form_g .input_g .input > div.rad{display: flex; align-items: center;}
.form_wrap .form_g .input_g .input > div.rad:last-child { margin-right: 0;}
.form_wrap .form_g .input_g .input > div.rad input[type=radio] {width: 16px; margin-right: 10px}
.form_wrap .form_g .input_g .input  p{display: none;}


.form_wrap .form_g .input_g .input.site .tit{width: 133px}
.form_wrap .form_g .input_g .input > div.site{margin-right: 30px; color: #1E2531}
.form_wrap .form_g .input_g .input > div.site{display: flex; align-items: center;}
.form_wrap .form_g .input_g .input > div.site:last-child { margin-right: 0;}
.form_wrap .form_g .input_g .input > div.site input[type=radio] {width: 16px; margin-right: 10px}

.form_wrap .form_g .input.success input[type=text],.form_wrap .form_g .input .success input[type=text],.form_wrap .form_g .input.success input[type=password],.form_wrap .form_g .input .success input[type=password]{background:#F0FBFF }
.form_wrap .form_g .input.success p,.form_wrap .form_g .input .success p{display: block;padding-top:10px; color:#00B9FF;font-size: 13px }

.form_wrap .form_g .input.error input[type=text],.form_wrap .form_g .input .error input[type=text],.form_wrap .form_g .input.error input[type=password],.form_wrap .form_g .input .error input[type=password]{border-color:#FF0000 }
.form_wrap .form_g .input.error p,.form_wrap .form_g .input .error p{display: block;padding-top:10px; color:#FF0000;font-size: 13px}

.form_wrap .form_g .input .inps {width: 90%;margin-left:0px}
.form_wrap .form_g .input_g .input .inps input {width: calc(100% - 22px);}

.form_wrap .form_g .input .inpt {width: 100%}
.form_wrap .form_g .input.w97 {width: 100%; display: flex;justify-content:space-between}
.form_wrap .form_g .input.w97:nth-child(n+2){margin-top:20px}
.form_wrap .form_g .input.w97 > div.inpt input[type=text]  {width:97%}
.form_wrap .form_g .input.w97 > div.inpt input[type=text]  {width:97%}
.form_wrap .form_g .input.w97 .dec {color: #9C9C9c;font-size: 13px;font-weight: 400;line-height: 18px;
letter-spacing: -0.2px;margin-top:14px}
.form_wrap .form_g .input.w97 .strong{color: #1E2531;}
.overlap { display: block;width:108px ; height: 48px; font-size: 15px; font-weight: 400; color: #fff;    letter-spacing: -0.02em; background: #00B9FF; border-radius: 8px; margin-left:10px;position: relative}
.del { display: block;width:108px ; height: 48px; font-size: 15px; font-weight: 400; color: #fff;    letter-spacing: -0.02em; background: #ADAAAA; border-radius: 8px; margin-left:10px;position: relative}

.inpt p{display: none;}
.inpt.success input[type=text]{background:#F0FBFF }
.inpt.success p{display: block;padding-top:10px; color:#00B9FF;font-size: 13px }

.inpt.error input[type=text]{border-color:#FF0000 }
.inpt.error p{display: block;padding-top:10px; color:#FF0000;font-size: 13px }

.code_box{display: flex;}
.captcha{position:relative;height:48px;font-size:13px;background-color: #1E2531;border-radius: 6px 0 0 6px ;width: 215px; display: inline-block;}
.captcha_img{;margin-right: 50px;margin-left:10px;line-height: 48px}
.captcha_img img{vertical-align: middle}
.captcha button.refesh{position: absolute;right: -6px;width: 50px;height: 48px; background: #fff;border:1px solid #e0e0e0; border-radius: 0 6px 6px 0;background: #fff url(../img/captcha_reset.png) no-repeat 50% 50%;}
.code_input{width: 210px;margin-left:20px}



.form_wrap.mb60{margin-bottom: 60px}
.form_wrap .mt15{margin-top: 15px}

.login_btn_area{margin: 20px auto 0;text-align: center}
.pre {width: 148px; height: 54px; font-size: 18px; font-weight: 500; color: #fff;  letter-spacing: -0.02em; background: #ADAAAA; border-radius: 8px;margin-right: 12px }
.submit {display: inline-block; width: 260px; height: 54px; font-size: 18px; font-weight: 500; color: #fff;    letter-spacing: -0.02em; background: #00B9FF; border-radius: 8px; }
.submit.w148{width: 148px !important}
.submit.w260{width: 260px !important}

/* table */
.tbl{table-layout:fixed;width:100%;}
.tbl .txt_left{text-align:left}
.tbl .txt_right{text-align:right}
.tbl th,.tbl td{font-size:15px;color:#1E2531;padding: 0 0 33px;line-height:18px;}
.tbl th{font-weight:500;text-align:left;vertical-align:top;line-height: 50px}
.tbl td .radio{display: flex;align-content: center}
.tbl td .radio input + label{margin-left:10px; width: 150px}
.tbl td .radio + .radio{margin-top: 20px}
.tbl th .ml50{margin-left:50px}
.tbl td  input + input{margin-top:10px}
.tbl td  input.disabled{background: #F4F4F4;color: #1E2531;text-align: center;font-size: 15px; font-weight: 600}
.tbl td  input.disabled.sp{color: #00B9FF}
.tbl td input.disabled.wsp {color: #00B9FF;background: #fff;}

.tbl th .tit {position: relative;font-size: 15px;font-weight: 400; color: #1E2531;}
.tbl th .tit.ipt:before {content: "*"; position: absolute; top: 2px; right: -10px; width: 5px; height: 5px;color: #ff0000;line-height: 1 }
.tbl .cont{padding:0 15px 0 0;padding:0 17px\9}
:root .tbl .cont{padding:0 26px\0/IE9}

.sc_box{width: 100%; border-radius: 6px;border: 1px solid #E0E0E0;background: #F4F4F4;}
.sc_box + .sc_box{margin:20px 0 60px }
.sc_box .inner{padding:21px 27px;display: flex; align-items: center; justify-content: space-between;}
.sc_box .sc-title{color: #1E2531;font-size: 18px;font-weight: 300;line-height: 28px;margin-right: 105px}
.sc_box .sc-title .fw700{font-weight: 700 !important}
button.outline {min-width: 120px; height: 42px;  padding: 0 32px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 15px; font-weight: 500;border: 1px solid #1E2531;background: #fff; color: #1E2531}

.accordion {}
.panel {padding: 0 27px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }

/*login area*/
.login_wrap{width:100%;position: relative;margin-top: 100px;height: 100%;}
#container .login_txt_link{width: 1068px; margin:0 auto; display: block;position: relative;padding-top:30px}
.login_wrap .section {width: 1068px;height: 600px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;position: relative;background: #fff;font-size: 0;box-sizing: border-box;border-radius: 6px;box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.25);}
.login_area{position:relative;width: 534px;}
/*.login_area .inner{padding: 85px 0 0;position: relative;display: inline-block;}*/
.login_area .inner{padding: 125px 0 0 66px;position: relative;display: inline-block;}
.login_area .inner h2{font-weight: 600;font-size: 36px;letter-spacing: -0.7px;text-align: center;}
/*.login_area .inner .login_inp_area{width: 400px;padding-top: 60px;position: relative}*/
.login_area .inner .login_inp_area{width: 400px;padding-top: 30px;position: relative}
.login-banner{position:relative;width: 534px;background: #e1e1e1;border-radius: 0 6px 6px 0;}
.login-banner img{border-radius: 0 6px 6px 0;}

.section.id-pw-ar{padding-top:100px}
.id_area{display:inline-block;position:relative;vertical-align:top;height: 400px;border-right: 1px solid #E0E0E0;}
.id_area .inner{position: relative;width: auto;padding: 20px 67px 30px 0px;display: inline-block}
.id_area .inner h2,.pw_area .inner h2{font-weight: 600;font-size: 36px;letter-spacing: -0.7px;color: #1E2531; text-align: center}
.id_area .inner .ss-tit,.pw_area .inner .ss-tit{font-weight: 300;font-size: 18px;letter-spacing: -0.7px;color: #949494;margin-top: 25px;text-align: center}
.id_area .inner .login_inp_area{width: 400px;padding-top:36px;position: relative}

.pw_area{display:inline-block;position:relative;/* width:548px; */height:480px;vertical-align:top;}
.pw_area .inner{padding: 20px 0px 30px 67px;position: relative;width: auto;display: inline-block}
.pw_area .inner .login_inp_area{width: 400px;padding-top:36px;position: relative}

.inp_w rap{position:relative}
.inp_bx{display:block;position:relative;width:100%;margin-top: 5px;}
.inp_bx:first-child,legend+.inp_bx,legend+.inp_group,legend+.info_bx{margin-top:0}
.is_disabled .inp{color:#666;-webkit-text-fill-color:#666}
.info_bx.is_hide{display:none}
.inp_txt{display:flex;position:relative;padding: 10px 0 0;font-size:0;position: relative;background: #fff}
.inp_txt2{cursor:pointer}
/*.inp{display:inline-block;position: relative;z-index:10;width: 100%;height:18px;border:0;background:transparent;font-size:14px;color:#222;line-height:18px;vertical-align:top;outline:none;border-radius:0;padding-left: 13px;}*/

.inp_bx .btn_del{display:none;position:absolute;top:0;right:0;padding:11px;z-index:10}
.inp_bx.time_add .btn_del{right:92px}
.inp_bx.is_disabled .inp_txt{background:#f2f2f2;border-color:#e6e6e6}
.inp_bx.is_sel_disabled .inp_txt{background:#f2f2f2;border-color:#e6e6e6}

.error_txt{display:none;margin-top:6px;font-size:14px;color:#FF0000}
.error .error_txt{display:block}
.error input[type=text], .error input[type=password]{border-color:#FF0000}

.close-icon {display: inline-block;     vertical-align: middle;  outline: 0;  cursor: pointer;}
.close-icon:after {content: "";display: block;width: 22px;height: 22px;position: absolute;z-index:1;top: 9px;bottom: 0;right: 13px;margin: auto;text-align: center;cursor: pointer;background: url('../img/ipt_close.png')no-repeat;}
.inp:not(:valid) ~ .close-icon{display: none;}

.success_txt{display:none;margin-top:6px;font-size:14px;color:#514EFF;/* padding-left: 20px; */}
.success_txt:after{content: '';position: relative;top: 3px;left:0px;width:14px;height:14px;background-position:-212px -96px;margin-right: 5px;display: inline-flex;float: left;}
.success .success_txt{display:block}
.d_error{color: #FF0000;margin-left:0 }
.d_error:after{background: none;width: 0}

.checkbox_area{position:relative;margin-top: 16px;}
.checkbox_area.agree{position:relative;margin:0 10px 25px;text-align: left}
.checkbox_area+.inp_group{margin-top:20px}
.checkbox_area.login_keep{line-height:normal;}
.inp_checkbox{display: flex;position:relative;color:#2c2c2c;vertical-align:middle;cursor:pointer}
.inp_checkbox .ico_chk{position:absolute;top:0;left:0;width:16px;height:16px;background-position:-100px -95px}
.inp_checkbox.is_checked .ico_chk{background-position:-119px -95px}
.inp_chk{position:absolute;top:0;left:-9999px}
.inp_label{display:block;padding: 0 35px 0 7px;font-size:12px;color: #949494 !important;line-height:16px;cursor:pointer}
.inp_label1{display:block;padding: 0 35px 0 0px;font-size: 16px;color: #949494 !important;line-height:16px;cursor:pointer;font-weight: 300;}

.inp_label .txt_link{text-decoration:underline;font-size:13px;font-weight:normal;color:#666}


.txt_link{cursor:pointer;position: absolute;right: 0;float:right;color: #949494;font-size: 16px;font-weight: 300}
.txt_link span{color: #E0E0E0;margin: 0 5px}
.dl_type dt{margin-bottom:18px;font-size:20px;font-weight:600;color:#000}
.dl_type dd{font-size:15px;font-weight:400;color:#000;line-height:24px; letter-spacing: -0.02px}
.dl_type dd + dd{margin: 30px 0}
.dl_type dd .point{color:#00B9FF;}
.dl_type dd .p20{margin-top:10px;display: block}

/* btn */
.btn_area{margin-top: 62px;text-align: center}
.btn_area_service{margin-top:15px;width: 340px;margin: 0 auto;}
.btn_area.small_btn{margin-top:100px;text-align:center}
.btn_area+.noti_txt,.info_bx+.noti_txt{margin-top:18px}
.btn_area.mt0{margin-top:0px}
.btn_area.mt5{margin-top:5px}
.btn_area.mt15{margin-top:15px}
.btn_area.mt27{margin-top:27px}
.btn_area.mt29{margin-top:29px}
.btn_area.mt62{margin-top:62px}

.btn{display:inline-block;min-width:108px;height:60px;background: #00B0FF;font-size:13px;color:#fff;line-height:44px;text-align:center;vertical-align:top;border-radius: 6px;}
.btn_point{background:#00B9FF}
.btn_grey{background:#6e6e6e}
.btn_light_gray{background-color:#909090}
.btn_light{height:38px;border:1px solid #f0f0f0;background:#f7f7f7;font-size:12px;color:#222;line-height:38px}
.btn_line{border:1px solid #514EFF;background:#fff;color:#514EFF}
.btn_white{border:1px solid #c7c7c7;background:#fff;font-size:12px;color:#222}
.btn_full{width:100%;height:60px;font-size:18px;line-height:50px; border-radius: 8px}
.btn_full+.btn_full{margin-top:5px}
.btn:disabled,.btn[disabled],.btn.is_disabled{background:#d9d9d9;color:#b2b2b2;cursor:default}

/*** POPUP ***/
.login_ly_wrap{z-index:40;overflow-y:auto;position:fixed;top:0;right:0;bottom:0;left:0;background-color:transparent}
.login_ly_box{min-width:420px;background-color:#fff;border-radius:5px;position: absolute;top: 50%;left: 50%;margin: -180px 0 0 -200px;z-index: 10;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);}
.login_ly_top{position:relative;padding:0 20px;background-color: #EFEFEF;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.login_ly_top .tit{font-size:15px;font-weight:bold;line-height:51px;color: #1E2531;}
.login_ly_top .btn_close{position:absolute;right:20px;top:50%;width:17px;height:17px;margin-top:-8px;background-position:-146px -24px;}
.login_ly_cont{padding: 40px 30px 36px;}
.login_ly_cont .btn_area.al_c,.login_ly_cont>.btn_area{display:table;width:100%;margin-top: 35px;text-align:center}
.login_ly_cont .btn_s{min-width:120px;height: 40px;color: #fff;line-height: 40px;font-size: 15px;}
.login_ly_cont .btn_m{min-width:159px; font-size:18px;height: 58px }
.login_ly_cont .pagenation{margin-top:30px}
.login_ly_cont .txt1{font-size:14px;color:#777;line-height:20px}
.term_ly_box{display:none;min-width: 780px;height:700px;background-color:#fff;border-radius:5px;position: absolute;top: 50%;left: 50%;margin: -280px 0 0 -390px;z-index: 10;}
.login_ly_top.term{height:80px}
.login_ly_top.term .tit{font-size:21px;font-weight:500;line-height:80px;color:#fff}

@media screen and (max-width:980px) {
    #wrap{ min-width: unset; overflow: auto; }
	#container {padding-bottom: 0}
	#header { border-bottom: 0 }
    #header .header_inner{width:100%; }
    #header .logo { text-align: center; position: relative; padding-top: 30px; left: 0 }
	#header .logo a { display: inline-block; }
	.login_wrap { margin-top: unset }
	.login_wrap .section { width: 100%; height: 100%; border-radius: unset; box-shadow: none; display: unset }
	.login_area { width: 100% }
	.login_area .inner { padding: 80px 15px; display: block; }
	.login-banner { display: none; }
	.login_area .inner .login_inp_area { width: 100% }
	.checkbox_area.login_keep { display:none; }

}