@charset "utf-8";/* ******************************************************* * filename : style.css * producer : jason * date : 2021-10-20 ******************************************************** */ html,body{width:100%;height:100%;padding:0;margin:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,input,li,ol,p,ul{margin:0;padding:0}body{color:#000;word-wrap:break-word;word-break:break-all;overflow-x:hidden}body,button,h1,h2,h3,h4,input,pre,textarea{font-family:AppleSDGothicNeo-Light,Lato,"Noto Sans KR",HelveticaNeue-Light,'Malgun Gothic','맑은 고딕',sans-serif;font-size:14px}ul,li,ol{list-style:none}a,a:hover,a:active{color:inherit;text-decoration:none}img{vertical-align:top}.container{display:block;margin:0 auto;width:100%;max-width:600px;background:#fff;overflow-x:hidden;position:relative}.txtoverflow{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word}.both::after{content:'';display:block;clear:both}.img-cen{width:95%!important}.img-con{width:80%!important}.img-top{margin-top:42px!important}.top{position:relative;padding:50px 20px 26px}.top h2{font-size:30px;font-weight:400;line-height:1.3;color:#000;transform:rotate(-0.03deg)}.top h4{font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light;color:#888;font-size:12px;line-height:1.3;font-weight:400;margin-top:5px;transform:rotate(-0.03deg)}.top h4 span{margin-left:3px}.top .txt{font-size:17px;line-height:1.8}.top .btn{float:right;position:relative}.top .btn button{position:relative;width:34px;height:34px;border-radius:50%;padding:0;margin-left:5px}.top .btn button span{opacity:.36;width:24px;height:24px;display:block;position:relative;margin:0 auto;line-height:0;text-indent:-9999em}.top .btn button .ico_font{background:url(../img/ico_font.svg) 0 0 no-repeat}.top .btn button .ico_return{background:url(../img/ico_return.svg) 0 0 no-repeat}.top button{display:inline-block;margin-top:12px;padding:0 15px;height:34px;line-height:31px;background:0 0;border:1px solid rgba(0,0,0,.08);border-radius:17px;font-size:0;vertical-align:top}.top button .ico_com{display:inline-block;position:relative;width:24px;height:24px;margin:4px 1px 0 0;background:url(../img/ico_communication.svg) 0 0 no-repeat;opacity:.24;line-height:0;text-indent:-9999em;vertical-align:top}.top button .ico_txt{font-size:14px;color:#000;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light}.top p{margin-top:24px;line-height:1.6!important;transform:rotate(-0.03deg)}.content p{font-size:17px;line-height:1.8;padding:20px 20px 0;text-align:justify;transform:rotate(-0.03deg);color:#666}.content img{width:100%;display:block;margin:0 auto;padding:0!important}#dbform{position:relative;z-index:99;background:#fff;width:90%;margin:3.5em auto 0}#dbform .formTable{width:100%;background:#f5f5f5;border-top:0;vertical-align:top}.formTable{width:100%;padding:0 10px 10px;text-align:left;box-sizing:border-box}.formTable th{width:25%;max-width:100px;text-align:center}.formTable th,td{padding:5px 0;vertical-align:middle}.formQqestion{width:100%;font-size:14px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #ccc}.formQqestion td{padding:5px 0;width:25%}.formQqestion th{padding:5px 0;text-align:left}.formQqestion input[type=checkbox],.formQqestion input[type=radio]{display:none}.formQqestion input ~ label{background:#fff;color:#666;display:inline-block;width:90%;padding:3px 0;text-align:center;box-sizing:border-box}.formQqestion input:checked + label{background:#ff2b2b;color:#fff}.formTable input[type=text],.formTable input[type=tel],.formTable select{height:35px;padding-left:10px;width:90%}.formTable textarea{width:80%;border-radius:10px;border:2px solid #eee;height:70px;padding:7px;box-sizing:border-box}.formTable .phone{font-size:0}.formTable input.tel,.formTable select.tel{width:30%;font-size:14px}.agree{font-size:13px;text-align:center;line-height:2;color:#999}.agreeform{font-size:12px;color:#666;line-height:1.5;display:none}.formTable .btn{text-align:center;border-bottom:1px dashed #ccc;padding-bottom:15px}.formTable button{width:80%;font-size:1.5em;font-weight:700;padding:10px 0;border-radius:10px;border:0;box-shadow:0 5px 5px rgba(0,0,0,.2);position:relative;background:#ff2b2b;color:#fff;animation:dbbtn 2s ease-in infinite}.formTable .formResult{padding:5px;font-size:13px;text-align:center;padding-bottom:0}.formTable .formResult input{background:#f5f5f5;width:20%;height:25px;border-radius:5px}.asidebtn ul li button{background:#fff;border:1px solid #ccc;height:30px;width:80px}.asidebtn ul{width:90%;margin:10px auto}.asidebtn ul::after{content:'';display:block;clear:both}.asidebtn ul li:nth-child(1) i{color:red}.asidebtn ul li:nth-child(1){margin-right:0}.asidebtn ul li:nth-child(2) button{border-left:0}.asidebtn ul li{float:left}.asidebtn ul li:nth-child(3){float:right}.asidebtn ul li:nth-child(3) button{width:30px}.reply{width:100%;border-top:1px solid #e5e5e5;text-align:left}.reply_container{width:100%;max-width:700px;margin:30px auto 0;box-sizing:border-box}.reply_top{padding:0 15px}.reply .reply_container .reply_top span{color:#f14949}.reply .reply_container .reply_top i{font-size:12px;border:1px solid #e5e5e5;padding:4px;color:#7f7f7f}.reply .reply_container .re_input{width:100%;height:60px;position:relative;margin:15px 0}.reply .reply_container .re_input textarea{width:80%;height:60px;padding:5px;box-sizing:border-box;border:1px solid #ccc;position:absolute;top:0;bottom:0;left:0}.reply .reply_container .re_input button{width:20%;border:none;background:#333;color:#fff;position:absolute;top:0;bottom:0;right:0;font-size:1.05em}.reply .reply_container .re1{position:relative}.reply .reply_container .re1 ul li{display:inline-block;padding-right:7px}.reply .reply_container .re1 ul li:first-child a{color:#000;font-weight:500;border-bottom:1px solid #000}.reply .reply_container .re1 > a{position:absolute;right:0;top:0;bottom:0}.reply .reply_container .re2{box-sizing:border-box;letter-spacing:0;margin-top:15px;padding:7px 15px 0;border-top:1px solid #e5e5e5}.reply .reply_container .re2 b{padding-left:15px;font-weight:400;font-size:12px;color:#bfbfbf}.reply .reply_container .re2 img{display:inline-block;width:22px;padding-top:7px}.reply .reply_container .re2 span{font-size:14px;margin:0 5px;line-height:30px}.reply .reply_container .re2 p{font-size:15px;letter-spacing:-.02em;margin-top:7px;line-height:1.7;color:#777;padding:0}.reply .reply_container .re2 p img{display:block;width:100%}.reply .reply_container .re2 p em{vertical-align:bottom;font-style:normal;font-size:12px;background:#e04646;padding:2px 8px;border-radius:10px;color:#fff;letter-spacing:0}.reply .reply_container .re3{position:relative;height:30px;line-height:30px}.reply .reply_container .re3 span{position:absolute;left:15px;top:0;bottom:0;font-size:12px;color:#bfbfbf}.reply .reply_container .re3 ul{position:absolute;right:15px;bottom:0;top:0}.reply .reply_container .re3 ul li{display:inline-block;margin-top:7px}.reply .reply_container .re3 ul li button{padding:0 10px;height:25px;line-height:25px;border:1px solid #e14747;border-radius:20px;background:#fff;color:#e14747;box-sizing:border-box}.reply .reply_container .re3 ul li button img{display:inline-block;width:14px;padding-left:3px;margin-top:5px}.reply .reply_container .re4{margin:2% 0;border-top:1px solid #e5e5e5;text-align:center}.reply .reply_container .re4 li{display:inline-block;padding:20px 15px 0 0;font-size:12px}.reply .reply_container .re4 li a{color:#999}.reply .reply_container .re4 li:first-child a{border:1px solid #e5e5e5;color:#4795f7;font-weight:700;padding:4px 10px}.reply .reply_container .re4 li:last-child{padding-right:0}.fbanner{margin:15px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:1em}.fbanner h3{text-align:left;padding-bottom:10px;padding-top:20px;font-size:16px}.list{width:100%;margin:0 auto;padding:1.25rem;box-sizing:border-box}.list .menu{position:relative;width:95%;margin:0 auto 10px;text-align:left}.list .menu ul{position:absolute;right:0;top:0}.list .menu ul li{display:inline-block;border:0;margin-left:10px;color:#828282}.list .menu ul li:first-child{color:#000;border-bottom:1px solid #000}.list > ul{border-top:1px solid #f2f2f2;width:95%;margin:0 auto}.list ul::after{content:'';display:block;clear:both}.list > ul li{float:left;width:33.33%;box-sizing:border-box;border-left:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;background:#fff;text-align:center;padding:10px 0;font-size:.9em}.list > ul li:nth-child(3n){border-right:1px solid #f2f2f2}.container footer{padding:20px .9375em 1em;background:rgba(0,0,0,.08);text-align:center}.container footer .footer-btn a{font-size:.6rem;color:#727d92;background:#fff;border:1px solid #d4d7de;padding:.85em 1em;margin:10px 1px 1px}.container footer p{font-size:.8rem;line-height:1.5;letter-spacing:-.03em;color:rgba(0,0,0,.55);padding:1rem 0 0;text-align:center}.logo{position:absolute;left:20px;top:15px;height:25px}.logotxt{display:inline-block;position:absolute;right:20px;top:15px;font-weight:700;margin-top:0!important}.logotxt strong{color:#ff3043}.fbt{display:block;position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:600px;z-index:1}.fbt img{width:100%;max-width:600px}b{color:#000}.p1{color:#ff2b2b}.p2{color:#324dff}@keyframes dbbtn{0%{top:0;box-shadow:0 5px 5px rgba(0,0,0,.2)}50%{box-shadow:0 0 0 rgba(0,0,0,0);top:5px}0%{top:0;box-shadow:0 5px 5px rgba(0,0,0,.2)}}@keyframes fb{0%{bottom:5px}50%{bottom:15px}100%{bottom:5px}}@media screen and (max-width:640px){.top h2{font-size:24px}.top .txt{font-size:15px}}@media screen and (max-width:440px){.top h2 span{display:none}.top .txt{font-size:15px;margin-top:15px}.content p{font-size:16px}}@media screen and (max-width:380px){.top h2{font-size:20px}.top .txt{font-size:14px;margin-top:10px}.content p{font-size:15px}}