@charset "UTF-8";

/* checkbox */
.checkbox {display: flex; align-items: center; position: relative;  font-size: 0; vertical-align: middle;}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; box-sizing: border-box;}
.checkbox label{ display: flex; align-items: center; gap:10px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle;line-height:1;}
.check-list1 label .check-image{display:inline-block; width:24px;height:24px; background-image: url(/common/images/user/ico/ico_uncheck_img1.png); background-repeat: no-repeat; cursor: pointer; vertical-align:middle; background-size:24px;margin-right: 0.7rem; }
.check-list1 label span{word-break: break-all; vertical-align: middle; color:#222; font-size:1.6rem; }
.check-list1 input[type="checkbox"]:checked ~ label .check-image {background-image: url(/common/images/user/ico/ico_check_img1.png);}

.checkbox01 label::before { content: ""; display: block; width: 24px; height: 24px; background:url(/common/images/user/btn/btn_check_type01_none.png)no-repeat center;}
.checkbox01 input:checked + label::before {background:url(/common/images/user/btn/btn_check_type01.png)no-repeat center;}
.checkbox01 label span{font-size:1.6rem; color:#222; font-weight: 500;}
.checkbox01 label span .layer-popup{font-size: 1.6rem; color:#222; background:transparent; text-decoration: underline; font-weight: 500; font-family: 'Pretendard GOV';}

input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

/*btn*/
.btn {display: inline-block;vertical-align: middle; text-align: center; background: none; border: 0;}
.btn-type1{font-size:1.8rem; padding:12px 37px; font-weight: 500; border-radius:3px; }

/*color*/
.txt-blue{color:#004c98}
.col-g01{color:#379174}
.col-b01{color:#0b4f8a}

input::placeholder {color: #222; font-size: 1.8rem; }

/*size*/
.size400{max-width:400px; width: 100%; box-sizing: border-box;}
.sFull{width:100%}

.inpt-list1 li{display:inline; margin-right:3rem}
.inpt-list1 li:last-child{margin:0}
.inpt-list2 li{margin-bottom:0.5rem}
.inpt-list2 li:last-child{margin:0}
.list-dot-type1 li{position: relative; padding-left: 12px; margin-top:1rem; line-height: 1.5;}
.list-dot-type1 li:first-child{margin-top:0}
.list-dot-type1 li:after{position: absolute;top: 8px; left: 0; width: 4px; height: 4px; content: ""; border-radius: 100%; background: #0e4286;}

.select-type1{padding: 9px 15px; font-size: 1.8rem; color: #222; font-weight: 400; border: 1px solid #ddd; background: #fff url(/common/images/user/ico/ico_arrow2.png) no-repeat 95%; background-size: 10px 6px; border-radius:5px ; -webkit-appearance: none; -moz-appearance: none; appearance: none;font-family: 'Pretendard';}

/* error */
.error{min-height:100vh; display: flex; align-items: center; justify-content: center;}
.error .error-inner{width:100%; max-width: 1320px; padding:0 2rem; box-sizing: border-box;}
.error .error-inner > a{display: inline-block; margin-bottom:3rem;}
.error .error-inner > a img{display: block;}
.error .error-inner .error-contents{background: linear-gradient(to left, #d7e5f1, #def2f3); padding:8rem 12rem; border-radius: 15px; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.error .error-inner .error-contents > img{display: block; margin-bottom:1rem;}
.error .error-inner .error-contents strong{font-size:4.8rem; margin-bottom:2rem; color:#000; font-weight: 700; display: block;}
.error .error-inner .error-contents strong span {color:#2e8b6e}
.error .error-inner .error-contents p{font-size:1.8rem; line-height:2.7rem; color:#333; font-weight:300;}
.error .error-inner .error-contents div.center-btnbox{display:flex; gap:9px; margin-top:5rem}
.error .error-inner .error-contents div a{ display: flex; align-items: center; justify-content: center;width: 150px;height: 56px;font-size: 1.8rem; font-weight: 600; border-radius: 5px; box-sizing: border-box;} 
.error .error-inner .error-contents div a.btn-type01{background: linear-gradient(to right, #389275, #1562a7); color: #fff; }
.error .error-inner .error-contents div a.btn-type02{background:#fff; color:#000; border:1px solid #000}
.error .error-inner .error-contents div a > img{margin-right:1rem;}

/*tab*/
.tab-type-area { max-width: 1200px; margin: 0 auto; padding:0 2rem;}

/*table*/
.col-style1{width: 100%; border-spacing: 0; border-top:2px solid #0e4286 }
.row-style1{width: 100%; border-spacing: 0; border-top:3px solid #121212 }

@media all and (max-width:1280px){
.error .error-inner .error-contents{padding:6rem;}
}

@media all and (max-width:991px){
.error .error-inner .error-contents > img{margin-bottom:6rem}
.error .error-inner .error-contents{flex-direction: column;}
.error .error-inner{order:2; text-align: center;}
.error .error-inner .error-contents div.center-btnbox{justify-content: center;}
}

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

.checkbox01 label::before {width: 16px; height: 16px; background:url(/common/images/user/btn/btn_check_type01_none.png)no-repeat center; background-size:cover}
.checkbox01 input:checked + label::before {width:16px; height:16px; background:url(/common/images/user/btn/btn_check_type01.png)no-repeat center; background-size:cover}
.checkbox01 label span{font-size:1.4rem;}

.check-list1 label .check-image{width:16px; height:16px; background-size:16px; margin-right: 0.5rem;}
.check-list1 label span{font-size: 1.4rem;}
.error .error-inner .error-contents > img{max-width:155px; margin-bottom:3rem}
.error .error-inner .error-contents strong{font-size: 2.8rem;}
.error .error-inner .error-contents p{font-size: 1.5rem; line-height: 1.5;}
.error .error-inner .error-contents div a{width:127px; height:48px; font-size: 1.5rem; }
.error .error-inner .error-contents div.center-btnbox{margin-top:3rem}
.error .error-inner .error-contents{padding:3.5rem 2rem}
}