@charset "utf-8";
/* *******************************************************
* filename : style.css * producer : jason * date : 2024-07-12
******************************************************** */
/* reset css */
*{margin:0;padding:0;border:0;outline:0;vertical-align:top}html,body{width:100%;margin:0 auto;background:#fff;box-sizing:border-box}body{font-family:"pretendard","Noto Sans KR","맑은고딕","나눔고딕",'돋움',dotum,helvetica,sans-serif,verdana;font-size:1em;color:#333;line-height:1;text-align:center;*word-break:break-all;-ms-word-break:break-all}ul,ol,dl{list-style:none}img,video{width:100%;border:0;margin:0;padding:0}a{text-decoration:none}a:visited,a:link,a:link{color:#454545}p{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0}table{border-collapse:collapse;border-spacing:0}input,select{vertical-align:middle}label,button{cursor:pointer}header,nav,main,section,article,aside,footer{display:block}header{background:#fff;width:100%;max-width:700px;margin:0 auto}header img{width:100%}main section{width:100%;max-width:700px;margin:0 auto}main section article{margin-top:40px}main section article p{ letter-spacing:-0.025em; word-break: break-all; text-align:justify;margin:0 auto;padding:18px 20px 0;line-height:1.75;font-size:19px;color:#454545}main section article p b{color:#000}main section article p .p1{color:#ff2727}main section article img{width:100%}.mySwiper{margin-top:15px} main section aside.dbform{background:#fff;padding-bottom:20px;position:relative;z-index:99;margin-top:50px}main section aside.dbform .dbrap{padding:0 20px 15px;border:5px solid #d5f3ff;width:94%;box-sizing:border-box;margin:0 auto}main section aside.dbform table.dbq{width:100%;margin:20px auto 15px}main section aside.dbform table.dbq th{text-align:left;font-size:18px;padding-bottom:10px}main section aside.dbform table.dbq td{width:25%}main section aside.dbform table.dbq2 td{width:20%}main section aside.dbform table.dbq td input{display:none}main section aside.dbform table.dbq td input+label{display:inline-block;width:95%;border:1px solid #ccc;color:#888;height:30px;line-height:30px;transition:all .5s}main section aside.dbform table.dbq td input:checked+label{border-color:#1b51df;background:#386fff;color:#fff}main section aside.dbform .dbrap dl dd,main section aside.dbform .dbrap dl dt{float:left;height:50px;line-height:50px}main section aside.dbform .dbrap dl dt{width:25%;font-weight:700;font-size:18px;color:#000}main section aside.dbform .dbrap dl dd{width:75%;text-align:left;padding-left:10px;box-sizing:border-box;font-size:15px}main section aside.dbform .dbrap dl dd input,main section aside.dbform .dbrap dl dd select{border:1px solid #ccc;height:35px;line-height:35px}main section aside.dbform .dbrap dl dd textarea{border:1px solid #ccc;height:50px;padding:5px 10px;box-sizing:border-box;width:90%}main section aside.dbform .dbrap dl .dd{height:60px;line-height:60px}main section aside.dbform .dbrap dl dd input[type=text],main section aside.dbform .dbrap dl dd input[type=tel]{padding-left:10px;box-sizing:border-box}main section aside.dbform .dbrap dl dd input[type=radio]{display:none}main section aside.dbform .dbrap dl dd input[type=radio]+label{display:inline-block;border:1px solid #ccc;color:#888;height:35px;line-height:35px;width:30%;text-align:center;transition:all .5s;font-size:15px}main section aside.dbform .dbrap dl dd input[type=radio]:checked+label{border-color:#1b51df;background:#386fff;color:#fff}main section aside.dbform .dbrap dl dd input.name{width:90%}main section aside.dbform .dbrap dl dd input.age{width:50%;margin-right:10px}main section aside.dbform .dbrap dl dd input.num{width:40%;margin-right:10px}main section aside.dbform .dbrap dl dd.tel input,main section aside.dbform .dbrap dl dd.tel select{width:30%}main section aside.dbform .dbrap dl dd.tel input:last-child{border-left:none}main section aside.dbform .dbrap dl dd.tel select{border-right:none}main section aside.dbform .dbrap dl::after{content:'';display:block;clear:both}main section aside.dbform .dbrap .dbbtn{text-align:center}main section aside.dbform .dbrap .dbbtn input{width:90%;margin:5px auto}main section aside.dbform .dbrap .dbbtn img{width:100%;margin:5px auto}main section aside.dbform .dbrap .result{width:90%;padding:15px;margin:10px auto 0;background:#f5f5f5;border:1px solid #eee;font-size:15px;font-weight:700}main section aside.dbform .dbrap .result input{height:20px;width:15%;border:1px solid #ddd}main section aside.dbform .dbrap .result input:last-child{width:20%}main section aside.dbform .dbrap .agree{margin-top:10px;padding-bottom:10px;text-align:center;width:100%;font-size:12px;border-bottom:1px dashed #ccc}main section aside.dbform .dbrap .agree a{color:#386fff}main section aside.dbform .dbrap .agree .agreeform{display:block;width:90%;border:1px solid #eee;font-size:11px;color:#666;line-height:1.5;display:none;letter-spacing:-.05em;padding:10px;margin-top:10px}footer{font-size:13PX;line-height:1.5;letter-spacing:-.03em;color:rgba(0,0,0,.5);padding:20px}.fbt{position:fixed;right:10px;bottom:10px;z-index:1;display:none;animation:fixbtn 4s infinite ease-in-out}.fbt img{width:90px}.w90{width:94%}.mt0{margin-top:0}.mt25{margin-top:25px}
@keyframes fixbtn {
    0% {bottom:10px;} 50% {bottom:15px;} 100% {bottom:10px;}
}
@media screen and (max-width:700px){
    main section article p {font-size: 18px;}
}
@media screen and (max-width:430px){
    main section article p {font-size: 17px;}  main section aside.dbform .dbrap {padding: 0 15px 15px;}
}
@media screen and (max-width:350px){
    main section article p {font-size: 16px;} main section aside.dbform table.dbq td input+label {font-size: 15px;}
}