@import url(https://api.assistcard.co.kr/lib/font/spoqa/SpoqaHanSansNeo.css);
*{font-family:"Spoqa Han Sans Neo" !important;}
i{font-family:"FontAwesome" !important;font-style:normal}

body>a{}
body>a>img{margin:0  auto}


.section08{}
.section08>.form{display:none;position: absolute;z-index:1000;top:100px;left:50%;width: 600px;height: 600px;margin-left:-300px;background-color: rgb(255, 255, 255);box-shadow: 0px 23px 48.45px 2.55px rgba(0, 0, 0, 0.09);}
.section08>.form{padding:60px;}
.section08>.form table{width:100%;}
.section08>.form table td{padding:5px;}
.section08>.form input,
.section08>.form textarea{width:100%;padding:20px;font-size: 18px;color:#333;border:none;background:#f7f7f7}
.section08>.form input::placeholder,
.section08>.form textarea::placeholder{color:#aaa}
.section08>.form input{height:55px;}
.section08>.form textarea{height:210px;}
.section08>.form #smit{display:block;width:100%;height:55px;font-size: 18px;color:#fff;font-weight:700;border:none;background:#ea0a2a}
.section08>.form .close{display:none;position:absolute;top:-0px;right:0;width:60px;height:60px;line-height: 60px;font-size:30px;color:#333;border:none;background:none}

.section08>.form .tel{display:none;overflow:hidden;width:100%;height:55px;line-height:55px;text-align:center;font-size: 18px;color:#381f1f;font-weight:700;border:none;background:none}
.section08>.form .tel>img{line-height:55px;vertical-align: middle}

/* .section08>.form.animation{ opacity: 0; transform: scale(0.1); transition: all ease-in .3s; } */
/* .section08>.form.hide{opacity: 0 !important; transform: scale(0.1) !important;transition: all ease-out .4s;} */
.section08>.form.animation{opacity: 0;}
.section08>.form.hide{opacity: 0 !important;}
.section08>.form.open{position:fixed;display:block;opacity: 1;transform: none;height:660px}
.section08>.form.open .close{display:block}
.section08>.form.open .tel{display:block}

.section09{height:420px;padding:110px 0 80px;background:#2e2e2e}
.section09>div{position:relative;width:1200px;height:100%;margin:0 auto;}
.section09>div>a{opacity: 0.2}

.section09>div>.info1{margin-top:40px;font-size: 18px;line-height:26px;color: rgb(168, 168, 168);}
.section09>div>.info2{font-size: 16px;color: rgb(99, 99, 99);}

.quick{position:fixed;z-index:2000;bottom:50px;right:60px;}
.quick.sticky{position:fixed;top:154px;}
.quick>ul{}
.quick>ul>li{display:block;width: 100px;height: 100px;margin-bottom:20px;border-radius: 10px;box-shadow: 0px 17px 36.1px 1.9px rgba(0, 0, 0, 0.16);}
.quick>ul>li.type1{background:#ea0a2a url(/main/_other/971/img/042.png) no-repeat center calc(50% - 13px)}
.quick>ul>li.type1>a{padding-top:70px;}
.quick>ul>li.type2{background:#1b56ec url(/main/_other/971/img/026.png) no-repeat center calc(50% - 13px)}
.quick>ul>li.type2>a{padding-top:70px;}
.quick>ul>li>a{display:block;width:100;height:100%;font-size: 18px;text-align:center;line-height:20px;color:#fff}

.form-group .text{height:40px;margin:1px auto;display:block;padding-left:15px;background:#eeeeee;color:#9a9393;font-size:14px;border:none;border-radius:4px;box-sizing: border-box;}
.form-group .text small{display:none}
textarea.text{padding:10px 15px}
.agree-box{width:88%;margin:0 auto;padding:10px 0 0px}
.agree-box>h4{font-size:16px;line-height:20px;letter-spacing:-1px;text-decoration:none;font-weight:700;color:#666}
.agree-box>label.checkbox{display:inline-block;width:initial;margin-top:0px;text-align:right;color:#666}
.agree-box>.agree-content{overflow-y:scroll;height:100px;padding:10px;font-size:14px;white-space: pre-wrap;color:#999;border:1px solid #ccc;}
.btn.red{float:right !important;font-size:22px !important;padding:0 10px !important}
.dropdown.disabled,
select[disabled],
.form-control[disabled],
fieldset[disabled] .form-control{cursor:not-allowed;color:#666;background-color: #eee !important;opacity: 1;}
.form-box>.form-group>.tags.disabled{cursor:not-allowed;opacity: 0.8;}


label{}
label.checkbox{display:inline-block;width:100%;vertical-align:middle;color:#999999}
label.checkbox:after{display:block;content:'';width:100%;clear:both}
label.checkbox input,
label.checkbox svg,
label.checkbox span{float:left}
label.checkbox span{padding-left:10px;font-size:14px;font-weight:100;line-height:26px;}
label.checkbox { --background: #fff; --border: #ccc; --border-hover: #eb0128; --border-active: #eb0128; --tick: #fff; position: relative; }
label.checkbox input,
label.checkbox svg { width: 20px; height: 20px; display: block; margin-top:2px}
label.checkbox input { -webkit-appearance: none; -moz-appearance: none; position: relative; outline: none; background: var(--background); border: none; margin: 2px 0 0 0; padding: 0; cursor: pointer; border-radius: 2px; -webkit-transition: box-shadow .3s; transition: box-shadow .3s; box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border)); }
label.checkbox input{border-color:#eb0028;color:#eb0028}
label.checkbox input:hover { --s: 2px; --b: var(--border-hover); }
label.checkbox input:checked { --b: var(--border-active); }
label.checkbox svg { pointer-events: none; fill: none; stroke-width: 2px; stroke-linecap: round; stroke-linejoin: round; stroke: var(--stroke, var(--border-active)); position: absolute; top: 0; left: 0; width: 20px; height: 20px; -webkit-transform: scale(var(--scale, 1)) translateZ(0); transform: scale(var(--scale, 1)) translateZ(0); }
label.checkbox input:checked { --s: 2px; -webkit-transition-delay: .4s; transition-delay: .4s; }
label.checkbox input:checked + svg { --a: 16.1 86.12; --o: 102.22; }
label.checkbox svg { stroke-dasharray: var(--a, 86.12); stroke-dashoffset: var(--o, 86.12); -webkit-transition: stroke-dasharray .6s, stroke-dashoffset .6s; transition: stroke-dasharray .6s, stroke-dashoffset .6s; }
label.checkbox.bounce { --stroke: var(--tick); }
label.checkbox.bounce input:checked { --s: 11px; }
label.checkbox.bounce input:checked + svg { -webkit-animation: bounce .4s linear forwards .2s; animation: bounce .4s linear forwards .2s; }
label.checkbox.bounce svg { --scale: 0; }

label{display:inline-block;cursor: pointer;margin-top:5px;margin-bottom:0px;-webkit-user-select: none;user-select: none;}
label:first-child{margin-top:10px}
label.radio svg {fill: none;vertical-align: middle;}
label.radio svg circle {stroke-width: 2;stroke: #C8CCD4;}
label.radio svg path {stroke: #eb0028;}
label.radio svg path.inner {stroke-width: 6;stroke-dasharray: 19;stroke-dashoffset: 19;}
label.radio svg path.outer {stroke-width: 2;stroke-dasharray: 57;stroke-dashoffset: 57;}
label.radio input {display: none;}
label.radio input:checked + svg path {transition: all 0.4s ease;}
label.radio input:checked + svg path.inner {stroke-dashoffset: 38;transition-delay: 0.3s;}
label.radio input:checked + svg path.outer {stroke-dashoffset: 0;}


#ack-dialog{position:relative;}
#ack-dialog>h2{position:relative;text-align:center;margin-bottom:30px;font-size:25px}
#ack-dialog>h2:after{position:absolute;bottom:-4px;left:0%;display:block;content:'';width:90%;margin-left:5%;border-bottom:1px solid #333}
#ack-dialog p{margin-bottom:20px;color:#333;line-height:1.4em}
#ack-dialog>.open-popup-close{position:absolute;top:-40px;right:-14px;display:block;color:#fff;font-size:20px;    transition: all 0.3s ease-out;}
#ack-dialog>.open-popup-close:hover{transform: rotate(-180deg);}
#ack-dialog:after{position:absolute;left:0;bottom:-30px;display:block;content:'';width:100%;height:50px;background:#fff url(https://assistcard.co.kr/image/site2/header_logo.png) no-repeat center center;background-size:200px}
#ack-dialog h4{position:relative;display:inline-block;margin-bottom:10px;font-size:18px;font-weight:400;}
/* #ack-dialog h4:after{position:absolute;bottom:-1px;display:block;content:'';width:100%;border-bottom:1px solid #aaa} */

#ack-dialog .product-liability table.pd-tbl.fs-12 td{font-weight: normal}
