@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/*공통*/
body {width:100%; max-width:640px; margin: 0 auto; color:#222; font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; background:#fff;}
* {padding:0; margin:0;}
img {border:0; vertical-align:top;}
li {list-style:none;}
a {text-decoration:none; color:#222;}

input {vertical-align:top;}
select {vertical-align:top;}

.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:block; content: ''; line-height: 0;}
.clearfix:after {clear: both;}
.imgbox img {width:100%;}


/*메인*/
.main {width:100%;}


.container {width:100%;}





/*기사본문*/
.article {width:100%; /*margin-top:7%;*/box-sizing:border-box; letter-spacing:-0.5px;}


/*디비*/
.db {width:100%; box-sizing:border-box; position:relative; z-index:999999; background:#fff;}
/*time*/
.datebg { display: inline-block; color:#ffe829; font-weight: bold;}
.datebg2{ display: inline-block; color:#fff; font-weight: 400;}
.date2::after, .date4::after{content:':'; padding-left:7px;}
/*form*/
.userCounter {width:100%; background:#000; text-align:center; height:40px; line-height:40px; margin:0 auto; position:relative; z-index:999999;}
.userCounter > ul > li {font-size: 20px; color:#fff;}
.db > form {width:100%; padding:7% 5%; box-sizing:border-box; border-left:5px solid #000; border-right:5px solid #000; border-bottom:5px solid #000;}
.db2 > form {border-left:5px solid #3664c7; border-right:5px solid #3664c7; border-bottom:5px solid #3664c7;}
.checkbox {width:100%; padding:0 0 10px 0; border-bottom:2px dotted #e2e2ec;}
.formQqestion {width:100%;}
.formQqestion .check_2 {margin-top:15px;}
.formQqestion .check_q {width:100%; font-size:16px; margin-bottom:10px;}
.formQqestion .check_l {width:100%; display:flex; flex-direction:row; flex-wrap:wrap; font-size:14px;}
.formQqestion .check_l > div {width:25%; margin-bottom:5px;}
.formQqestion input[type=checkbox], .formQqestion input[type=radio] { display: none; }
.formQqestion input ~ label { background: #fff; display: inline-block; width: 90%; height: 35px; line-height: 35px; border-radius: 30px; text-align: center; box-sizing: border-box; color: #a4a6b5; font-size: 14px; transition: all .5s; margin-right: 5px; }
.formQqestion input:checked + label {background:#ff2b2b; color:#fff;}
.inputbox {width:100%; margin-top:3%;}
.inputbox > div {width:100%; display:flex; font-size:16px; height:38px; line-height:38px; margin-top:10px;}
.inputbox > div:nth-child(1) {margin-top:0;}
.inputbox > div > div:nth-child(1) {width:25%; height:100%; font-weight:600;}
.inputbox > div > div:nth-child(2) {width:75%; height:100%;}
.inputbox > div > div:nth-child(2) > input {width:100%; height:100%; border:1px solid #e2e2ec; box-sizing:border-box; padding-left:10px;}
.inputbox > .tel > div:nth-child(2) > input {width:32%; height:100%; border:1px solid #e2e2ec; box-sizing:border-box; padding-left:10px; margin-left:2%;}
.inputbox > .tel > div:nth-child(2) {font-size:0;}
.inputbox > .tel > div:nth-child(2) > input:nth-child(1) {margin-left:0;}
.db_btn {width:100%; margin-top:5%;}
.db_arrow {width:100%; text-align:center; margin-top:10px;}
.db_pay {width:100%; padding:3% 0; box-sizing:border-box;}
.db_pay .pay_bg {width:100%; background:#f5f5f5; font-size:14px; line-height:20px; text-align:center; padding:20px 0;}
.db_pay .pay_bg input:nth-child(1) {width:25%; margin-bottom:10px;}
.db_agree {width:100%; font-size:12px; text-align:right; color:#999;}




.bottom_ban {width:80px; position:fixed; bottom:10px; right:10px; z-index:999998;}
.bottom_ban02 {width:100%; max-width:640px; position:fixed; bottom:0px; z-index:999997;}