﻿/* common */
dl,ul,ol,menu,li{list-style:none;word-break:break-all;}
input,select,textarea,button{vertical-align:middle;}
body, th, td, input, select, textarea, button{font-weight:normal; color:#555;}
input:focus,button:focus,textarea:focus{outline:none;}
button{border:0 none;background-color:transparent;cursor:pointer;}
body{background:#fff;-webkit-text-size-adjust:none;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
table caption {overflow:hidden;width:100%;height:1px;font-size:1px;line-height:0;text-indent:-9999px; margin-top:-1px; }
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
table{table-layout:fixed;border-collapse:collapse;width:100%;word-break:break-all;}

.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}

/* input */
label{display:inline-block;color:#222222}
select{font-size:12px;height:27px;line-height:27px;border:1px solid #aaa;color:#000022;padding-left:5px;font-weight:100}
input{font-size:12px;font-weight:100}
input[type="checkbox"],
input[type="radio"],
input[type="file"]{border:0;vertical-align:middle;padding:0;}
input[type='text'],
input[type="password"]{height:27px;line-height:27px;border:1px solid #ddd;padding:0 15px;}
textarea{resize:none;font-size:inherit;width:100%;height:95px;padding:15px;border:1px solid #ddd;}
select::placeholder,
input::placeholder{color:#555;}
input[type='text']:focus,
input[type="password"]:focus{border-color:#0082ff;}
input[type="password"]{letter-spacing:1px !important;}
.select-type2{font-size:16px;height:40px;line-height:38px;border:1px solid #d2d2dc;color:#222;padding:0 0 0 20px;}

.checked-list input[type="checkbox"]{width:36px;height:36px;margin:0 !important;background:url(../images/member/sp_input.png) no-repeat 0 -86px; outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none;}
.checked-list input[type="checkbox"]:checked {background-position:0 -50px;}

.input-sp{display:inline-block;position:relative;color:#222;height:24px;line-height:24px;font-size:13px;cursor:pointer;vertical-align:top;}
/* .input-sp input{position:absolute;top:0;left:-99999999999999px;} 진단 수정 추가 */
.input-sp input+i{display:inline-block;overflow:hidden;width:24px;height:24px;background:url(../images/member/sp_input.png) no-repeat 0 0;vertical-align:top;}
.input-sp input[type='radio']{width:36px;height:36px;margin:0 !important;background:url(../images/member/sp_input.png) no-repeat 0 -86px; outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none;}
.input-sp input[type='radio']:checked{background-position:0 -50px;}
.input-sp input:checked+i+span{color:#363636;}
.input-sp .input-txt{vertical-align:middle;font-weight:100;}
.input-sp.v2{height:40px;line-height:36px;display:block;font-size:18px;color:#000000;}
.input-sp.v2 input[type='checkbox']+i{width:36px;height:36px;background-position:0 -86px;}
.input-sp.v2 input[type='checkbox']:checked+i{background-position:0 -50px;}
.input-sp input:focus { outline:2px solid #000; }/* 진단 수정 추가 */
.input-sp input:focus:not(:focus-visible) { outline:0; }/* 진단 수정 추가 */

.mt4{margin-top:4px !important;}
.mt5{margin-top:5px !important;} .mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;} .mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;} .mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;} .mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;} .mt50{margin-top:50px !important;}
.mt75{margin-top:75px !important;} .mt80{margin-top:80px !important;}

/* btn */
.btn-xsmall,.btn-small,.btn-medium,.btn-large,.btn-search,.btn-file{display:inline-block;font-weight:100;text-align:center;background:#fff;border:1px solid #222;color:#222;letter-spacing:-.5px;}
.btn-xsmall,.btn-small{font-weight:normal;}
.btn-xsmall{min-width:58px;height:20px;line-height:18px;font-size:11px;padding:0 8px}
.btn-small{min-width:53px;height:27px;line-height:25px;font-size:12px;padding:0 7px}
.btn-medium{width:148px;height:40px;line-height:37px;font-size:16px;}
.btn-large{width:425px;height:79px;line-height:77px;border:2px solid #222;font-size:18px;font-weight: bold;}
.btn-search{min-width:80px;height:32px;line-height:30px;font-size:14px;}
.btn-file{min-width:85px;height:27px;line-height:26px;font-size:13px;color:#fefefe;background:#8e8e8e;border:0}

[class^='btn-'].v2{background:#222;border-color:#222;color:#fff;}
[class^='btn-'].v3{background:#ffffff;border-color:#0082ff;color:#0082ff;}
[class^='btn-'].v4{background:#0082ff;border-color:#0082ff;color:#fff;}
[class^='btn-'].v5{background:#fff;border-color:#aaaaaa;color:#767676;}
[class^='btn-'].v6{background:#aaaaaa;border-color:#aaaaaa;color:#fff;}
[class^='btn-'].v7{background:#f5f5f5;border-color:#222;color:#222;}
[class^='btn-'].v8{background:#5a646e;border-color:#5a646e;color:#fff;}
[class^='btn-'].v9{background:#8e8e8e;border-color:#8e8e8e;color:#fff;} /*2021.06.18*/
[class^='btn-'].auto{width:auto;padding:0 27px}
[class^='btn-'].bgno{background:none;}
[class^='btn-'].arrow,
[class^='btn-'].arrow2,
[class^='btn-'].arrow3{width:auto;text-align:left;position:relative}
[class^='btn-'].arrow:after,
[class^='btn-'].arrow2:after,
[class^='btn-'].arrow3:after{position:absolute;top:15px;right:14px;content:"";width:15px;height:7px;display:inline-block;background:url(../images/member/sp_btn.png) no-repeat -67px 0}
[class^='btn-'].arrow2:after{background-position:-67px -7px}
[class^='btn-'].arrow3:after{width:7px;height:5px;background-position:-5px -74px}

[class^='btn-wrap']{font-size:0;}
[class^='btn-wrap'] a[class^='btn-']{margin-left:4px;}
[class^='btn-wrap'] a[class^='btn-']:first-child{margin-left:0;}
.btn-wrap-center{text-align:center;margin-top:40px;}
.btn-wrap-right{text-align:right;margin-top:30px;}
.btn-wrap-left{text-align:left;}
.btn-wrap-full{margin-top:40px;}
.btn-wrap-full a{width:100%}

em{font-style:normal;}
.pointer{color:#0082ff;font-size:18px;font-weight:normal}
.tip-type{color:#222;font-weight:100;font-size:12px;margin-bottom:7px}
.tip-type .pointer{position:relative;top:5px;}

.tip-txt{color:#999;margin-top:4px;font-size:12px !important;font-weight:100}

.mark0{color:#0082ff !important;}
.mark1{color:#222 !important;}
.mark2{color:#999 !important;}
.mark3{color:#ff0000 !important;}

/* table */
[class^='board-']{letter-spacing:-.5px;}
[class^='board-'] a:hover{text-decoration:underline;}
[class^='board-'] a[class^='btn-']:hover{text-decoration:none;}
[class^='board-wrap'] table{border-top:1px solid #222;}
[class^='board-wrap'] table th,
[class^='board-wrap'] table td{border-bottom:1px solid #ddd;text-align:center;padding:13px 20px;}
/*[class^='board-wrap'] table td{word-break:keep-all}*/
[class^='board-wrap'] table td img{vertical-align:middle}
[class^='board-wrap'] table thead th{border-bottom:1px solid #aaa;background:#fff;color:#222;font-size:14px;padding:12px 30px;}
[class^='board-wrap'] table tbody th{background:#fafafa;color:#000;font-size:14px;text-align:left;padding:12px 30px;}
[class^='board-wrap'] table .tleft{padding-left:20px;padding-right:15px;}
[class^='board-wrap'] table .bg th,
[class^='board-wrap'] table .bg td{background:#fafafa;}
[class^='board-wrap'] table td input[type="checkbox"],
[class^='board-wrap'] table td input[type="radio"],
[class^='board-wrap'] table td input[type="file"]{margin-top:-3px}
[class^='board-wrap'] table td .board-list li{margin-top:3px}
[class^='board-wrap'] table td .board-list li:first-child{margin-top:0}
[class^='board-wrap'] table td.no-data{height:250px;}
[class^='board-wrap'] table th .ico-com,
[class^='board-wrap'] table td .ico-com{margin-left:1px;vertical-align:middle;position:relative;top:1px;}
[class^='board-wrap'] table td .list-txt-type.v4 li{margin-top:0;color:#555555}
[class^='board-wrap'] table td .btn-list li{margin-top:3px;} /*2021.07.26*/
[class^='board-wrap'] table td .btn-list li:first-child{margin-top:0} /*2021.07.26*/
.board-wrap.v2 table th{padding:12px 10px;}
.board-wrap.v2 table td{padding:9px 10px;}
.board-wrap.v3 table th,
.board-wrap.v3 table td{padding:9px 20px 9px 20px;font-size:13px;color:#555;}
.board-wrap.v3 table th{text-align:center;background:#f1f3f5;}
.board-wrap.v3 table th.v2{border:0;padding:11px 20px 12px;font-size:14px;color:#222222;text-align:left;background:#b9bec3;}
.board-wrap.v3 table th.v3{padding-right:0;color:#999;text-align:left;}
.board-wrap.v3 table td.bg{background:#f1f3f5;color:#222222;}
.board-wrap.v3 table td.pd0{padding:0}
.board-wrap.v4 table th{text-align:center;background:#fafafa;border-left:1px solid #dedede;border-bottom:1px solid #dedede;}
.board-wrap.v4.type2 table th{padding:12px 0;}
.board-wrap.v4.type2 table td{word-break:keep-all}
.board-wrap.v4 table td{border-left:1px solid #dedede;font-size:13px;}
.board-wrap.v4 table tr.bg td,.board-wrap.v4 table td.bg{background:#f9f8f3;}/*2021.10.12*/
.board-wrap.v4 table tr.bg2 td,.board-wrap.v4 table tr td.bg2{background:#ffefeb;} /*2021.10.12*/
.board-wrap.v4 table th:first-child,
.board-wrap.v4 table td:first-child{border-left:0}
.board-wrap.v4 table th.line,
.board-wrap.v4 table td.line{border-left:1px solid #dedede;}
.board-wrap.v4 table tr.b_line2 th{border-bottom:1px solid #aaaaaa;}
.board-wrap.v4 table th.line2,
.board-wrap.v4 table td.line2{border-left:1px solid #aaaaaa;}

.board-form-wrap table{border-top:2px solid #222;}
.board-form-wrap table *{font-size:16px; font-weight:normal;}
.board-form-wrap table th,
.board-form-wrap table td{border-bottom:1px solid #d2d2dc; vertical-align:middle; padding:20px 0;text-align:left;}
.board-form-wrap table th{color:#333;padding:20px 0 20px 42px;}
.board-form-wrap table td{padding:20px 40px 20px 0;}
.board-form-wrap select{margin-left:1%;width:100%;font-size:inherit;height:40px;line-height:38px;border:1px solid #d2d2dc;color:#222;padding:0 0 0 20px;}
.board-form-wrap select:first-child{margin-left:0;}
.board-form-wrap input{font-size:inherit}
.board-form-wrap input[type='text'],
.board-form-wrap input[type='password']{width:100%;height:40px;line-height:38px;}
.board-form-wrap select::placeholder,
.board-form-wrap input::placeholder{color:#555}
.board-form-wrap table [class^=btn-]{vertical-align:middle;}
.board-form-wrap textarea{resize:none;font-size:inherit;width:100%;height:95px;padding:15px;background:#f5f5f5;border:0}
.form-text{z-index:1;position:relative; background-color:#fff; box-sizing:border-box;}
.form-text *{font-weight:100;}
.form-text input{font-size:16px; border:1px solid #d2d2dc; padding-left:0 !important; box-sizing:border-box; width:100%; height:40px !important; color:#333; text-indent:15px; }
.form-text input:focus{border-color:#0082ff;}
.form-text label{font-size:16px;position:absolute;top:0;left:15px;height:38px;line-height:36px; overflow:hidden; color:#a9a9a9;}
.form-text p{display:none;position:absolute;right:19px;top:0;height:38px;line-height:36px;font-size:12px; color:#ff0000;}
.form-text .input:after{position:absolute;right:19px;top:8px;content:"";display:none;width:26px;height:18px;background:url(../images/member/input_ok.png) no-repeat 0 0}
.form-text.focus{border-color:#0082ff;}
/*.form-text.ok{border-color:#d2d2dc !important;}*/
.form-text.ok .input:after{display:inline-block;}
.form-text.error{border-color:#ff3f3f;}
.form-text.error p{display:block;color:#ff3f3f !important;background:#fff;}
.form-text.disabled{background:#fafafa;border-color:#ddd;}
.form-text.disabled input::placeholder{color:#989898;}
.input-box{overflow:hidden;}
.input-box .form-text,
.input-box>input[type='text'],
.input-box>input[type='password']{width:525px;float:left;}
.input-box a{float:right;}
.input-box .input-area{width:525px;overflow:hidden;float:left;}
.input-box .input-area .form-text,
.input-box .input-area>input[type='text'],
.input-box .input-area>input[type='password']{width:405px;}
.board-form-wrap .btn-medium{width:120px;font-size:15px}

.sec-wrap{margin-bottom:37px;}

.checked-list li:first-child{margin-bottom:20px;border-bottom:1px solid #222222;}
.checked-list .input-sp.v2{margin-bottom:10px;}
.checked-list .board-form-wrap table{border-top:0}
.checked-list .board-form-wrap table th,
.checked-list .board-form-wrap table td{border-bottom:0;border-top:1px solid #d2d2dc;}
.checked-list .board-form-wrap table tr:first-child th,
.checked-list .board-form-wrap table tr:first-child td{border-top:0;}

.agree-wrap{border:1px solid #5a646e;border-radius:25px;padding:40px;}
.agree-all{border-bottom:1px solid #5a646e;padding-left:20px}
.agree-all .input-txt{font-size:21px !important; font-weight:normal !important;margin-left:15px;letter-spacing:-1px}
.agree-list li{padding-top:10px}
.agree-list li:first-child{border-bottom:0;margin-bottom:0}
.agree-list li .agree-tit{overflow:hidden;padding:0 20px;border-bottom:1px solid #d2d2dc;}
.agree-list li .agree-tit .input-txt{margin-left:15px;letter-spacing:-1px}
.agree-list li .agree-tit .input-sp{float:left;}
.agree-list li .agree-tit .agree-btn{margin-top:12px;float:right;display:inline-block;color:#0082ff;font-size:12px;font-weight:100}
.agree-list li .agree-tit .agree-btn:after{margin-left:7px;content:"";display:inline-block;width:8px;height:5px;background:url(../images/member/sp_btn.png) no-repeat 0 0}
.agree-list li .agree-tit .agree-btn.on:after{background-position-y:-5px}
.agree-list li .agree-stit{margin:40px 0 15px 20px;}
.agree-box{display:none;line-height:1.8;padding:10px 20px 25px;background:#fafafa;color:#777;font-size:12px;height:300px;overflow:auto;border-bottom:1px solid #eee;word-break:keep-all}
.agree-box.v2{background:#fff;height:auto;}
.agree-box.v3{background:#fff;height:auto;display:block}
.agree-box.on{display:block}

.leave-box .info-box{padding-right:30px;padding-bottom:20px}
.leave-box .info-box ul{overflow:hidden;width:100%}
.leave-box .info-box ul li{float:left;width:50%;margin-bottom:10px}

.notice-list-type{line-height:24px;color:#666;}
.notice-list-type li{position:relative;margin-top:4px;padding-left:30px;font-size:12px;word-break:keep-all}
.notice-list-type li:after{display:inline-block;content:'';position:absolute;left:0;top:0;width:24px;height:24px;background:url(../images/member/icon_notice.png) no-repeat 0 0;}
.notice-list-type li:first-child{margin-top:0;}

.sub-table th,
.sub-table td{color:#777;font-size:12px;padding:16px 15px;background:#fafafa;border-bottom:1px solid #eeeeee;}
.sub-table th{color:#222;text-align:center;}
/* tab */
.tab-type { position:relative; border-bottom:1px solid #222;  line-height:40px; height: 50px;margin-bottom:40px; }
.tab-type ul:after{content:""; display:block; height:0; clear:both;}
.tab-type ul li{ width:180px;float:left; border:solid #ddd; border-width:1px 1px 0 0; background:#fafafa; }
.tab-type ul li:first-child{border-left:1px solid #ddd;}
.tab-type ul li a{ display:block;height:48px;line-height:47px;text-align:center;font-size:16px;color:#777;  }
.tab-type ul li.on{ position:relative; height: 50px; border:solid #222; border-width:1px 1px 0 1px; background:#fff; }
.tab-type ul li.on a{ background:#fff;color:#222; }
.tab-type ul li a span.mark0{font-size:14px;}
.tab-type ul li.on a span.mark0{font-size:14px;font-weight:300}
.tab-type2 { position:relative; border-bottom:2px solid #0082ff;  line-height:50px; height: 60px;margin-bottom:40px; }
.tab-type2 ul:after{content:""; display:block; height:0; clear:both;}
.tab-type2 ul li{ width:50%;float:left; border:solid #ddd; border-width:2px 2px 0 0; background:#fafafa; }
.tab-type2 ul li:first-child{border-left:2px solid #ddd;}
.tab-type2 ul li a{ display:block;height:56px;line-height:55px;text-align:center;font-size:18px;color:#777;  }
.tab-type2 ul li.on{ position:relative; height: 60px; border:solid #0082ff; border-width:2px 2px 0 2px; background:#fff; }
.tab-type2 ul li.on a{ background:#fff;color:#0082ff; }
.tab-type2.v2 {  border-color:#222 !important;   }
.tab-type2.v2 ul li a{ color:#777;  }
.tab-type2.v2 ul li.on{  border-color:#222 !important;  }
.tab-type2.v2 ul li.on a{ color:#222; }

.js-checked-list li table{display:none;}
.js-checked-list li.checked table{display:table;}

.result-box{border:1px solid #0082ff;padding:45px 40px 50px;}
.result-box .result-top{color:#222;font-size:18px;margin-bottom:18px;}
.result-box .result-con{font-weight:100;display:table;width:100%;color:#222;font-size:14px;height:197px;border-top:1px solid #d2d2dc;border-bottom:1px solid #d2d2dc;}
.result-box .result-con.v2{border:0;font-size:18px;height:290px;display:table;width:100%;}
.result-box .result-con>p{vertical-align:middle;display:table-cell;width:100%}
.result-box .result-con>p .id-txt{vertical-align:bottom;color:#0082ff;font-size:32px;letter-spacing:-1px;}
.result-box .result-tip{color:#afafc2;font-size:12px;margin-top:18px;}
.result-box .result-con dl{vertical-align:middle;display:table-cell;width:100%;letter-spacing:-1px}
.result-box .result-con dl dt{line-height:1.3;font-size:32px;color:#222;margin:0 0 10px;letter-spacing:-2px;font-weight:normal}
.result-box .result-con dl dd{font-size:18px;color:#222;}
.result-box .result-con dl dd.ico{margin-bottom:30px;}
.result-con table{width:580px;margin:58px auto 0;}
.result-con table th,
.result-con table td{height:40px;padding-bottom:4px;font-size:16px;color:#111;vertical-align:middle}
.result-con table th{color:#333;text-align:left;}
.result-con table td input[type='text'],
.result-con table td input[type='password']{font-size:inherit;width:100%;height:40px;line-height:37px;}

.member{width:860px; margin:0 auto;}
.agree-box .policyWrap .mTitle{color: #222222;}
.agree-box .policyWrap .title{color: #222222;}
.agree-box .policyBox table{width:100%; margin-top:10px;}
.agree-box .policyBox table thead th{background-color:#ebf6ff; color:#4577b7; text-align:center;}
.agree-box .policyBox table tbody th{font-weight:400;}
.agree-box .policyBox table th p,
.agree-box .policyBox table td p{text-align:left;}
.agree-box .policyBox table th{border:1px solid #555; background:#efefef; vertical-align:middle; padding:10px 5px; height:20px; text-align:left;}
.agree-box .policyBox table td{border:1px solid #555; vertical-align:middle; padding:10px 5px; height:20px; text-align:left;}

.login{padding:0 !important;position:relative;height:100%;min-height:800px;font-size:13px;}
.login:before{content:"";display:block;height:100%;position:absolute;left:0;top:0;width:50%;background:url(../images/member/bg_login.jpg) no-repeat 0 0;background-size:cover}
.login .login-box{width:1100px;height:100%;margin:0 auto;/*overflow:hidden;*/position:relative;}
.login .login-tit{float:left;padding-top:255px;width:50%}
.login .login-con{float:right;width:50%;height:100%;position:relative;padding-left:50px}
.login .login-con .login-logo{margin:30px 0 25%;}
.login .login-con dl{position:relative;margin-bottom:20px;/*margin-top:30%*/}
.login .login-con dl dt{color:#222222;font-size:27px;letter-spacing:-1px;font-weight:bold;margin-bottom:20px}
.login .login-con dl dd{width:60%;margin-top:10px;}
.login .login-con dl dd input{border-radius:10px;background:#f5f5f5;border:0;font-size:18px;width:100%;height:49px;line-height:49px;color:#222222;padding:0 30px}
.login .login-con dl dd input::placeholder{color:#555;} /*24.05.02 웹접근성*/
.login .login-con dl dd.bum{width:100%;margin-top:10px;}
.login .login-con dl dd.bum input{height:59px;}
.login .login-con .login-link{overflow:visible;position:relative;}
.login .login-con .login-link li{float:left;width:50%; line-height:24px;}
.login .login-con .login-link li .login-btn { position:absolute; bottom:21px; right:0; width:36%; }
.login .login-con .login-link li .login-btn a{position:relative;display:block;height:108px;line-height:104px;text-align:center;font-size:21px;color:#fff;background:#0082ff;}
.login .login-con .login-link li .login-btn1 { width:100%; }
.login .login-con .login-link li .login-btn1 a{position:absolute;top:-75px;display:block;width:100%;height:58px;line-height:54px;text-align:center;font-size:21px;color:#fff;background:#0082ff;}
/* .login .login-con .login-link li:first-child{width:34%} */
.login .login-con .login-btn{margin-top:40px}
.login .login-con .login-btn li{margin-bottom:4px;}
.login .login-con .login-btn li:first-child{margin-bottom:20px;}
.login .login-con .login-btn li a{position:relative;display:block;height:60px;line-height:58px;text-align:center;font-size:21px;color:#fff;background:#0082ff;}
/* .login .login-con .login-btn li:first-child a{height:80px;line-height:78px;background:#0082ff;} */
.login .login-con .login-btn li a.naver{background:#03c75a;}
.login .login-con .login-btn li a.kakao{background:#fee100;}
.login .login-con .login-btn li a.naver:before{position:absolute;left:50px;top:17px;content:"";width:41px;height:26px;display:inline-block;background:url(../images/member/sp_login.png) no-repeat 0 0}
.login .login-con .login-btn li a.kakao:before{position:absolute;left:50px;top:13px;content:"";width:41px;height:37px;display:inline-block;background:url(../images/member/sp_login.png) no-repeat 0 -26px}
.login .login-con .login-copy{position:absolute;right:0;bottom:-120px;color:#aab4be;font-weight:100} /* 25.04.30 left, bottom 수정 */