* {box-sizing:border-box;}


@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

.quiztxtnew {text-align:Center; line-height:1.5; font-size:clamp(20px, 2.5vw,40px)}

/* html5 필수요소*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp, a,
small, strong, sub, sup, var, input, ::placeholder, button,
b, i, p,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
 aside, canvas, details, figcaption, figure, 
footer, hgroup, menu, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
      font-family: 'Paperozi','arial';
	color:#222;
	letter-spacing:0px;
	line-height:22px;
	word-break:keep-all;
}


/* **************************************** *
 *body
 * **************************************** */

body{ overflow-x:none; width:100%;
padding:0; margin:0;
position:relative;
background-image:url('/img/inbg.gif');
background-color:#f4d3b2;
background-position:center top -1200px;
background-repeat:no-repeat;
background-size: 2100px auto;
}



	@media (max-width:790px) {
	body{background-size:auto 800px;
	background-position:center top -340px;
	}

	 	}




/* **************************************** *
 comtit_h1
 * **************************************** */

h1.comtit_h1 {text-align:Center;   padding-bottom:clamp(40px, 6.5vw,130px); padding-top:clamp(60px, 6.5vw,130px);}
h1.comtit_h1 img {width:70%; max-width:700px; height:auto;
}




/* **************************************** *
 bohun-section (보훈시설)
 * **************************************** */
  .bohun-section {
    padding: clamp(10px, 7vw, 30px) 20px;
  }

  .bohun-wrap {
    max-width: 1700px;
    margin: 0 auto;
  }

  .bohun-head {
    margin-bottom: clamp(38px, 4vw, 66px);
    text-align: center;
  }

  .bohun-title {
    margin: 0;
    font-size: clamp(24px, 4vw, 50px);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.18;
	word-break:keep-all;
  }

  .bohun-desc {
    max-width: 90%;
    margin: 16px auto 0;
    color: #666;
    font-size: clamp(17px, 2vw, 27px);
    line-height: 1.4;
    word-break: keep-all;
  }

  .bohun-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(13px, 2.2vw, 28px);
  }

  .bohun-card {
    overflow: hidden;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,.08);
    transition: transform .25s ease, box-shadow .25s ease;
  }

  .bohun-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 60px rgba(0,0,0,.13);
  }

  .bohun-img {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #d9dde4;
  }

  .bohun-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
	position:relative; z-index:1;
  }

  .bohun-map {
  z-index:2;
  position:absolute; bottom:20px; right:20px;
  box-sizing:border-box; border-radius:50%;
box-shadow:5px 5px 15px rgba(0,0,0,0.8);
	background-image:url('/img/navermap.png');
	background-size:80% auto;
    width:clamp(34px, 2.5vw, 100px);
    height:clamp(34px, 2.5vw, 100px);
    background-color: #fff;
	background-repeat:no-repeat;
	background-position:center center;
    text-decoration: none;
	background-blend-mode: multiply;
    transition: background .2s ease, transform .2s ease;
  }

  .bohun-map:hover {
    background-color: #eee;
    transform: translateY(-2px);
  }



  .bohun-cont {
    padding: clamp(12px, 2.6vw, 26px) clamp(22px, 2.6vw, 40px);
  }

  .bohun-name {
    margin: 0 0 14px;
    font-size: clamp(17px, 2vw, 30px);
    font-weight: 700;
    letter-spacing: -0.002em;
    line-height: 1.28;
    word-break: keep-all; /* display:flex;
align-items: center; 
gap:3px 3px;*/
  }

  .bohun-name strong {
    font-weight: 800;
color: #106dff;
  background: #e0eeff;
  border: 1px solid #106dff;
	padding:clamp(2px, 1.5vw, 6px);
	border-radius:3px;
	font-size:inherit;
  }


  .bohun-meta {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
  }

  .bohun-meta-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #343;
    font-size: clamp(15px, 2vw, 17px);
    font-weight: 600;
	letter-spacing:0;
    line-height: 1.55;
    word-break: keep-all;
  }

  .bohun-meta-row .ico {
    flex: 0 0 auto;
    width: 23px;
    height: 23px;
    color: #ff6224;
  }

  .bohun-text {
    margin: 0;
    color: #555;
    font-size: clamp(14px, 2vw, 17px);
    line-height: 1.75
    letter-spacing: -0.001em;
    word-break: keep-all;
  }


  @media (max-width: 768px) {
    .bohun-section {
      padding: 42px 16px;
    }

    .bohun-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .bohun-card {
      border-radius: 20px; display:flex; 
    }

.bohun-name strong {padding:3px 6px;}
.bohun-img {width:130px;}
    .bohun-cont {
      padding: 22px 10px 20px; flex:1;
    }

  .bohun-text {
    line-height: 1.5
  }

.bohun-name {
   display: block;


}


  }


  @media (max-width: 400px) {
.bohun-img {width:100px;}




  }


/* **************************************** *
 *q_img
 * **************************************** */

.q_img {text-align:Center;  overflow:hidden; position:relative; z-index:3; padding-top:clamp(30px, 5.5vw, 80px);}
.q_img img {width:110%; max-width:1000px; margin-left:-6%;}


/* **************************************** *
 *tit
 * **************************************** */
.tit  {position:relative; z-index:2; max-width: 1200px;
background:#4a89ff; color:#fff; text-align:center; 
padding-top:clamp(15px, 5.5vw, 40px);
border:2px solid #000;
padding-bottom:clamp(15px, 5.5vw, 40px);
margin-top:20px; margin-bottom:20px;
border-radius:9999px;
box-shadow: 12px 12px 0px #19489f;
font-size:clamp(22px, 5.5vw, 50px);
  width: 90%;
  margin-left: auto;
  margin-right: auto;}

.tit dt {  line-height:1.3;  font-family: 'DalseoDarling'; font-weight:bold;  color:#fff;  word-break:keep-all;  font-weight:800; }
.tit dd {display:none}


/* 	mobile */
	@media (max-width:640px) {

.tit  {margin-top:-80px; z-index:4; padding:13px 0px;  position:relative;}
	 	}



/* **************************************** *
 *quiz_wrap
 * **************************************** */

.quiz_wrap {box-sizing:border-box;  position:relative; z-index:2;  margin-bottom:50px;
max-width:1700px; width:90%; border-radius:20px;
padding:clamp(10px, 2.5vw, 50px);
margin-left:auto; margin-right:auto; background:#fff;}






/* **************************************** *
 *quiz_wrap
 * **************************************** */

.quiz_wrap { background:#fff;}


/* **************************************** *
 *qarea
 * **************************************** */


.qarea { width:100%; display:flex;flex-wrap:nowrap; gap:clamp(6px, 2.5vw, 50px);
padding:clamp(25px, 2.5vw, 50px); word-break:keep-all;
box-sizing:border-box; border-radius:20px; position:relative;background:#fff4ef;}
.qarea dt{color:#ff5f11; font-size:clamp(30px, 2.5vw, 90px); line-height:1; font-family: 'DalseoHealingBold';}
.qarea dd {color:#000;  font-size:clamp(20px, 2.5vw, 30px); line-height:1.5; font-family: 'DalseoHealingBold';}




/* web*/
	@media (min-width: 1024px) {
	 padding:{}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	 	}

/* 	mobile */
	@media (max-width:640px) {


	 	}






/* **************************************** *
answer
 * **************************************** */

.answer input{ width:100%; box-sizing:border-box; border:none;}

.answer input::-webkit-input-placeholder { /* Edge */
  color: #449b4a;  
}

.answer input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #449b4a;  
}

.answer input{  color: #449b4a;  }


/* web*/
	@media (min-width: 1024px) {
		.answer input {line-height:80px; height:80px;  border-bottom:5px  solid #449b4a;
			padding-left:30px; font-size:30px;  }
	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.answer {padding-top:20px;}
		.answer input {line-height:70px; height:70px;  border-bottom:5px  solid #449b4a;
padding-left:30px; font-size:30px;  }

	 	}

/* 	mobile */
	@media (max-width:640px) {
		.answer {padding-top:20px;}
		.answer input {line-height:50px; height:50px;  border-bottom:5px  solid #449b4a;
padding-left:20px; font-size:18px;  }
	 	}






/* **************************************** *
ness
 * **************************************** */

.ness {text-align:right;}
.ness:before {content:'*'; display:inline-block; color:#449b4a;}

/* web*/
	@media (min-width: 1024px) {
	.ness {text-align:right; font-size:16px; line-height:30px; padding-top:40px;}
	.ness:before {padding-right:10px; vertical-align:middle;}

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	.ness {text-align:right; font-size:16px; line-height:30px; padding-top:40px;}
	.ness:before {padding-right:10px; vertical-align:middle;}
	 	}

/* 	mobile */
	@media (max-width:640px) {
	.ness {text-align:right; font-size:14px; line-height:20px; padding-top:30px;}
	.ness:before {padding-right:10px; vertical-align:middle}
	 	}



/* **************************************** *
privacy
 * **************************************** */
.privacy {margin-top:30px; }
.privacy  dt {padding:clamp(15px, 5.5vw, 30px); border-radius:20px; letter-spacing:0; font-weight:500; font-size:16px; line-height:1.7;}


.privacy dt{border:1px solid #ddd; max-height:200px; overflow-x:scroll; box-sizing:border-box; }
.privacy dd {text-align: right;
  padding-top: 10px;
  gap: 10px;
  font-size: clamp(16px, 2.5vw, 19px);
  display: flex;
  padding-bottom: 30px;
  justify-content: right;
  align-items: center; }
.privacy dd input {margin:0;}

	@media (max-width:640px) {
.privacy dt{height:150px; font-size:15px; overflow-y:scroll;}


	 	}






/* **************************************** *
 *inputarea
 * **************************************** */

.inputarea {width:100%; border-top:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.inputarea  dt {font-weight:800;}

.inputarea .answer {vertical-align:middle; display:inline-block; margin-right:20px; font-size:20px;}
.inputarea .answer input {width:25px !important; height:25px !important;}




.inputarea  dl,
.inputarea  dd,
.inputarea  dt {box-sizing:border-box; overflow:hidden;}
		.inputarea  dd p:nth-child(2) { padding-top:10px;}

		.inputarea  dd input[type='button']{display:inline-block; border:none; width:auto !important; 
		background:#5c5e7b; vertical-align:middle; color:#fff; 
   }
.btn-primary { font-size:20px; font-weight:800; margin-top:20px;
    background-color: #ba79db !important;
    border-color: #ba79db !important; line-height:50px; height:50px;
}
#du_address {clear:both;}


input.type-text1 {margin-bottom:5px !important;}

/* web*/
	@media (min-width: 1024px) {
	.inter_aw {padding-top:10px;}
		.inputarea   {padding:20px 10px;}
		.inputarea  dt {float:left; width:200px;}
		.inputarea  dd {float:left; width:calc(100% - 200px);}
		.inputarea  dt {font-size:27px; line-height:50px; padding-left:20px;}
		.inputarea  dd input{ box-sizing:border-box; max-width:500px; width:60%;  font-size:23px;
		line-height:50px; height:50px; padding:0px 10px; margin:3px 10px;}
		.inputarea  dd.input3wd input{width:130px;}
		.inputarea  dd input[type='button'] {line-height:30px; margin-left:10px; padding:0px 10px; font-size:15px;}




	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
		.inputarea .answer  {widtH:100%;}

		.inputarea   {padding:15px 10px;}
		.inputarea  dt {float:left; width:80px;}
		.inputarea  dd {float:left; width:calc(100% - 100px);}
		.inputarea  dt {font-size:18px; line-height:26px; padding-left:10px;}
		.inputarea  dd input{ box-sizing:border-box; font-size:18px; width:200px; line-height:40px; height:40px; padding:0px 10px; margin:0px 10px;}
		.inputarea  dd.input3wd input{width:100px;}
.btn-primary {
    line-height: 40px;
    height: 40px;
}

		.inputarea  dd input.poll_item1 {width:100%;}


		.inputarea  dd input[type='button'] {line-height:30px;  padding:0px 10px; font-size:15px;}




	 	}

/* 	mobile */
	@media (max-width:640px) {
		.inputarea .answer  {widtH:100%;}
.inputarea .answer { font-size:18px;}

		.inputarea   {padding:10px 10px 10px 10px;}
		.inputarea  dt {font-size:16px; line-height:35px; margin-left:10px; letter-spacing:0;}

		.inputarea  dd input{ box-sizing:border-box;  letter-spacing:0;
		width:90%; line-height:40px; height:40px; padding:0px 10px; margin: 0px 10px 3px 10px;}
		.inputarea  dd.input3wd input{width:50px;}
.btn-primary {
    line-height: 40px;
    height: 40px;
}

		.inputarea  dd input.poll_item1 {width:100%;}
		.inputarea  dd input[type='button'] {line-height:30px;  padding:0px 10px; font-size:12px;}
	 	}

/* **************************************** *
 *btnarea
 * **************************************** */


.btnarea {
display:block;
  max-width: 600px;
  background: #ff723b;
  color: #fff;
  text-align: center;
  padding-top: clamp(17px, 2.5vw, 40px);
  border: 2px solid #c12602;
  padding-bottom: clamp(17px, 2.5vw, 40px);
  margin-top: 40px;
  margin-bottom: 20px;
  border-radius: 9999px;
  font-weight:800;
  box-shadow: 0px 12px 0px #c12602;
  font-size: clamp(22px, 5.5vw, 50px);
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}


.btnarea:hover {color:#fff; text-decoration:none;}

h4.center.newt {font-size:20px;}


/* web*/
	@media (min-width: 1024px) {

	 	}

/* 	pad */
	@media (min-width:641px) and (max-width:1023px) {
	 	}

/* 	mobile */
	@media (max-width:640px) {
	 	}

/* **************************************** *
 *btnarea
 * **************************************** */
.notice_alert  {border-radius:20px; padding:clamp(20px, 2.5vw, 30px); background:#f6f6f6; margin-top:30px;}
.notice_alert li{position:relative; 
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20fill%3D'none'%20viewBox%3D'0%200%2024%2024'%20stroke-width%3D'1.5'%20stroke%3D'currentColor'%20class%3D'size-6'%3E%3Cpath%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20d%3D'M9%2012.75%2011.25%2015%2015%209.75M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z'%20%2F%3E%3C%2Fsvg%3E");
background-size: auto 21px;
background-repeat: no-repeat;
background-position:left top 3px;
padding-left:30px; font-weight:500; letter-spacing:0;
font-size:clamp(14px, 2.5vw, 17px); line-height:1.5; margin:10px 0px;}

/* **************************************** *
 bohun-quiz-section
 * **************************************** */

  .bohun-quiz-section {  overflow:hidden;
    padding: clamp(6px,4vw, 40px) clamp(0px, 1vw, 18px) ;
    background: #f3fdf4; border-radius:30px;
    color: #222; width:100%;
  }

  .bohun-quiz-wrap { overflow:hidden; width:100%;
  padding: clamp(2px, 7vw, 20px) clamp(0px, 2.5vw, 20px);
  }

  .bohun-quiz-head {
    text-align: center; overflow:hidden; width:100%;
    margin-bottom: clamp(26px, 5vw, 46px);
  }

  .bohun-quiz-title { width:100%; 
    display: inline-flex;  overflow:hidden;
	width:100%;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: clamp(20px, 4vw, 32px) clamp(10px, 3vw, 56px);
    border-radius: 28px;
    background: #fff; 
    border: 3px solid #05a416;
		word-break:keep-all;

  }

  .bohun-quiz-title span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    padding: clamp(5px, 3vw, 22px)  clamp(14px, 3vw, 22px);
    border-radius: 999px;
    background: #ff8237;
    color: #fff;
    font-size: clamp(20px, 3vw, 28px);
    font-weight: 900;
    letter-spacing: .08em;
	
  }

  .bohun-quiz-title strong {
    display: block; 
    color: #05a416;
	max-width:100%;
	padding-top:10px;
    font-size: clamp(21px, 3vw, 36px);
    font-weight: 800;
    line-height: 1.4;
	word-break:keep-all;  overflow:hidden;
    letter-spacing: -0.01em;
  }



  .bohun-quiz-form {
    display: grid;
    gap: 24px;
  }

  .bohun-answer-box {
    padding: clamp(22px, 4vw, 38px);
    border-radius: 28px;
    background: #fff;
    border: 1px solid #e5e7eb;
  }

  .bohun-answer-head {
    display: flex;
    align-items:last baseline;
    gap: 12px;
    margin-bottom: 22px;
    padding-bottom: 28px;
    border-bottom: 2px dashed #e4e7dc;
  }

  .bohun-answer-head strong {
    color: #05a416;
    font-size: clamp(22px, 3vw, 36px);
    font-weight: 800;
    letter-spacing: -0.04em;
  }

  .bohun-answer-head span {
    font-size: 18px;
    font-weight: 600;
  }

  .bohun-answer-area {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .answer-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: clamp(3px, 2.5vw, 7px);
    padding:clamp(5px, 2.5vw, 15px) clamp(10px, 2.5vw, 17px) ;
    border-radius: 18px;
    background: #f9faf7;
    border: 3px solid #e5e7df;
    color: #222;
    font-size: clamp(16px, 2vw, 27px);
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: -0.01em;
  }

  .answer-input {
    height:clamp(44px, 5.5vw, 70px);
    border: 6px solid #f28c28;
    border-radius: 12px;
    background: #fff;
    color: #222;
    font-size:32px;
    font-weight: 900;
    text-align: center;
    outline: none;
    letter-spacing: -0.04em;
  }

  .answer-input::placeholder {
    color: #f28c28;
    opacity: .9;
  }

  .answer-input:focus {
    border-color: #f28c28;
    background: #fff8ef;
  }

  .answer-input.size-1 {
    width: 84px;
  }

  .answer-input.size-2 {
    width: 102px;
  }

  .answer-input.size-5 {
    width: 186px;
  }

  .bohun-hint-box {
    display: flex;
	 margin-top:25px;
    align-items: flex-start;
    gap: 28px;
    padding: clamp(22px, 4vw, 32px);
    border-radius: 26px;
    background: #fff7f2;
    border: 2px solid #ff8237;
  }

  .hint-icon {
    flex: 0 0 auto;
    width:clamp(54px, 4.5vw, 76px);
    height:clamp(54px, 4.5vw, 76px);
    border-radius: 18px;
    background: #ff8237;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hint-icon svg {
    width: clamp(30px, 3.5vw, 50px);
    height: clamp(30px, 3.5vw,50px);
  }

  .hint-text strong {
    display: block;
    margin-bottom: 18px;
    color: #ff8237;
    font-size: clamp(19px, 3vw, 29px);
    font-weight: 800;
    letter-spacing: -0.04em;
  }

  .hint-text p {
    margin: 0;
    color: #333;
    font-size: clamp(15px, 2vw, 20px);
    line-height: 1.6;
    letter-spacing: -0.035em;
	word-break:keep-all;
  }

  .hint-text b {
    font-weight: 700;
  }

  .bohun-btn-area {
    display: flex;
    justify-content: center;
    gap: 14px;
    margin-top: 4px;
  }

  .bohun-btn {
    min-width: 180px;
    height: 58px;
    padding: 0 28px;
    border: 0;
    border-radius: 16px;
    font-size: 18px;
    font-weight: 900;
    cursor: pointer;
    letter-spacing: -0.035em;
  }

  .bohun-btn.submit {
    background: #1f8a5b;
    color: #fff;
  }

  .bohun-btn.reset {
    background: #f28c28;
    color: #fff;
  }

  @media (max-width: 760px) {
    .bohun-answer-head {
      display: block; text-align:center;
    }

    .bohun-answer-head span {
      display: block;
      margin-top: 6px;
    }

    .bohun-answer-area {
      grid-template-columns: 1fr;
    }

    .bohun-hint-box {
      gap: 14px;
    }

    .hint-icon {
      width: 48px;
      height: 48px;
      border-radius: 16px;
    }

    .bohun-btn-area {
      flex-direction: column;
      align-items: stretch;
    }

    .bohun-btn {
      width: 100%;
      min-width: 0;
    }

  .answer-input {
    border-width:4px;
  }


  .answer-input.size-1 {
    width: 54px;
  }

  .answer-input.size-2 {
    width: 82px;
  }

  .answer-input.size-5 {
    width: 150px;
  }
  .answer-input {
    font-size:25px;

  }


  }

  @media (max-width: 420px) {
    .bohun-quiz-title {
      width: 100%;
      padding-left: 18px;
      padding-right: 18px;
    }

    .answer-line {
      padding: 14px;
    }

    .answer-input.size-5 {
      width: 126px;
    }

    .bohun-hint-box {
      flex-direction: column;
    }
  }



/*********************
퀴즈 바로참여하기 퀵메뉴 추가
************************/
html {
  scroll-behavior: smooth;
}

#quizJoin {
  scroll-margin-top: 24px;
}

.quick-quiz-btn {
  position: fixed;
  left: 50%;
  bottom: 28px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  width: 70%;
  max-width: 400px;
  padding: 24px 18px;
  border-radius: 999px;
  background: #fff;
  color: #111;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .22);
  transform: translateX(-50%);
  animation: quickFloat 1.8s ease-in-out infinite;
  transition:
    opacity .25s ease,
    transform .25s ease,
    visibility .25s ease;
}

@keyframes quickFloat {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }

  50% {
    transform: translateX(-50%) translateY(-8px);
  }
}

.quick-quiz-btn:hover {
  text-decoration: none;
  animation-play-state: paused;
  transform: translateX(-50%) translateY(-8px);
}

.quick-quiz-btn.is-hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  animation: none;
  transform: translateX(-50%) translateY(18px) scale(.96);
}

.quick-quiz-icon {
  width: 63px;
  height: 63px;
  flex: 0 0 63px;
  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  background: #ff8237;
  color: #fff;
  font-size: 27px;
  font-weight: 900;
}

.quick-quiz-text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

.quick-quiz-text b {
  font-size: 30px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.quick-quiz-text em {
  margin-top: 11px;
  color: #555;
  font-style: normal;
  font-size: 20px;
  font-weight: 400;
  opacity: .9;
}

@media (max-width: 640px) {
  .quick-quiz-btn {
    bottom: calc(14px + env(safe-area-inset-bottom));
    max-width: none;
    gap: 14px;
    padding: 15px 18px;
	border:5px solid #ff8237;
  }

  .quick-quiz-icon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    font-size: 22px;
  }

  .quick-quiz-text b {
    font-size: 20px;
  }

  .quick-quiz-text em {
    margin-top: 5px;
    font-size: 14px;
  }
}


.gift-event {
  width: 100%;
  margin: 0 auto;
  padding: 30px 20px;
  display: flex;
  flex-wrap:wrap;
  align-items: center;
  gap: clamp(24px, 4vw, 64px);
  box-sizing: border-box;
  margin-bottom:40px;
}


.gift-title {
  flex: 0 0 290px;
}

.gift-title p {
  margin: 0;
  font-size: clamp(23px, 3.2vw, 42px);
  line-height: 1.3;
  word-break:keep-all;
  font-weight: 800;
}

.gift-title strong {
  display: inline-block;
  padding:clamp(5px, 2.2vw, 15px)  10px;
  background: #314ea5;
  color: #fff;
  font-weight: 900;
}

.gift-list {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(10px, 4vw, 24px);
  min-width: 0;
}

.gift-item {
  display: flex;
  align-items: center;
  gap: clamp(16px, 2vw, 48px);
  min-width: 0;
}

.gift-img-wrap {
  position: relative;
  flex: 0 1 300px;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 300 / 172;
}

.gift-img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 22px;
}

.gift-badge {
  position: absolute;
  right: -30px;
  top: -24px;
  width: clamp(62px, 6vw, 90px);
  height: clamp(62px, 6vw, 90px);
  border-radius: 50%;
  background: #3157aa;
  color: #fff;
  display: flex;
  gap:6px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: 1.05;
  font-size: clamp(13px, 1.4vw, 16px);
  font-weight: 700;
  text-align: center;
  z-index: 2;
}

.gift-badge b {color:#fff;
  font-size: clamp(17px, 2vw, 23px);
  font-weight: 900;
}

.gift-badge.green {
  background: #39b54a;
}

.gift-text {
  flex: 0 0 auto;
  font-size: clamp(20px, 2.7vw, 33px);
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: -0.05em;
  white-space: nowrap;
}

.gift-text.blue {
  color: #233f92;
}

.gift-text.green-text {
  color: #31b43f;
}

@media (max-width: 1500px) {
.gift-title {flex: 0 0 100%; text-align:center; width:100%;}

}


/* 태블릿 */
@media (max-width: 1024px) {
  .gift-event {
    flex-direction: column;
    align-items: stretch;
  }

  .gift-title {
    flex: none;
    width: 100%;
  }

  .gift-title p {
    text-align: center;
  }

  .gift-list {
    width: 100%;
  }

  .gift-item {
    justify-content: center;
  }
}

/* 모바일 */
@media (max-width: 720px) {
  .gift-event {
    padding: 28px 16px;
    gap: 28px;
  }

  .gift-title span {display:block;}

  .gift-list {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .gift-item {
    justify-content: center;
  }

  .gift-img-wrap {
    flex-basis: 230px;
    max-width: 230px;
  }

  .gift-text {
    font-size: 18px;
  }

  .gift-badge {
    right: -12px;
    top: -12px;
  }
}

/* 아주 작은 화면 */
@media (max-width: 460px) {




  .gift-item {
    flex-direction: column;
    text-align: center;
    gap: 14px;
  }

  .gift-img-wrap {
    flex-basis: auto;
    width: 100%;
    max-width: 310px;
  }

  .gift-text {
    white-space: normal;
  }
}