@charset "euc-kr";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

::placeholder {
  color: #000;
}

img{display:block;max-width:100%;}
*{font-family:-apple-system,BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}

@media (max-width:320px){html{font-size:10.4px;}}
@media (min-width:321px) and (max-width:349px){html{font-size:10.6px;}}
@media (min-width:350px) and (max-width:360px){html{font-size:11.4px;}}
@media (min-width:361px) and (max-width:369px){html{font-size:11.4px;}}
@media (min-width:370px) and (max-width:399px){html{font-size:12px;}}
@media (min-width:400px) and (max-width:413px){html{font-size:12.9px;}}
@media (min-width:414px) and (max-width:439px){html{font-size:13.3px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:14.1px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:16px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:17.1px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:18.5px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:20px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:21.8px;}}
@media (min-width:680px) and (max-width:739px){html{font-size:23px;}}
@media (min-width:740px){html{font-size:24px}}

.cle:after{*zoom:1;content:"";display:block;clear:both;}

.black_black{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:12;background-color:#000;opacity:0.7;border:0;}
.hdBox1{background:#ffeda9;}
.hdBox2{background:#b2d8f8;margin-bottom:26rem;}

.bottomlayer_ch{position:fixed;background:#b2d8f8;width:100%;bottom:0;left:0;z-index:10;}
.formaction_x{padding:1.6rem 1.29rem 1.3rem;box-sizing:border-box;}
.formaction_x .dataIpt li:nth-child(2){padding:0.75rem 0;}
.formaction_x .dataIpt input[type='text'],
.formaction_x .dataIpt input[type='tel']{padding-left:10px;width:100%;height:3rem;border:2px solid #000;
box-sizing:border-box;font-size:1rem;font-weight:bold;line-height:1rem;outline:none;background:#5c666e;color:#fff;}
.ckB{position:relative;margin:0.7rem 0 1.6rem;}
.ckB input[type='checkbox']{display:inline-block;margin:0;padding:0;width:1.5rem;height:1.5rem;background:#fff;appearance:none;cursor:pointer;border:2px solid #000;}
.ckB input[type='checkbox']:checked{background:url('/slice_img/on.png') no-repeat;background-size:100% 100%;border:0;}
.ckB label,.ckB a{font-size:1rem;line-height:1rem;color:#000000;vertical-align:0.21rem;letter-spacing:-0.1rem;}
.ckB label{padding:0 0.5rem 0 0.63rem;}
.ckB a{position:absolute;top:0.4rem;right:0;}
.btnCounsel{background:#000;}
.cautionTxt{font-size:0.8rem;padding:10px 0;}

.private_y{display:none;position:fixed;top:20%;left:50%;margin-left:-35%;z-index:13;width:70%;}
.private_y a{position:absolute;top:0.7rem;right:2rem;font-size:2rem;color:#6f6e6e;text-decoration:none;}
.private_y .privateCont{background:#fff;padding:20px 24px;height:300px;overflow:auto;}
.private_y h1{padding-bottom:15px;font-size:1.3rem;line-height:1.3rem;color:#000;font-weight:bold;}
.private_y .privateCont strong{font-size:1.1rem;}
.private_y .privateCont i{font-size:1.1rem;display:block;line-height:1.4rem;}
.private_y .privateCont li{padding-top:5px;line-height:1.4rem;}
.private_y .privateCont span{display:block;padding-top:5px;}

@media screen and (min-width: 741px){
.fComm{margin:0 auto;width:740px;}
.hdBox2{margin-bottom:0 !important;}
.bottomlayer_ch{position:relative !important;}
.bottomlayer_ch .formaction_x{padding:0 1.29rem 1.3rem;}
.priv_layer{width:740px;left:50%;margin-left:-370px;}
}

/* renewal */
.hdBox1,.hdBox2,.bottomlayer_ch{background:#fff;}
.hdBox1_1{background:#6b81b6;}
.formaction_x .dataIpt input[type='text'], .formaction_x .dataIpt input[type='tel']{background:#d1cfcf;color:#000;font-weight:normal;}
.ckB a{position:inherit;top:-0.1rem;padding:0.25rem;background:#b7b7b7;color:#fff;font-size:0.6rem;text-decoration:none;}
.cautionTxt{text-align:center;}

/* 20250612 - 사은품 추가 */
.hdBox1_2 strong{display:block;padding:4.41rem 0 1.875rem;text-align:center;}
.hdBox1_2 strong img{display:inline-block;margin-bottom:-3px;width:16.625rem;}
.hdBox1_2 .giftBox{padding:0 1.15rem 3.25rem;}
.hdBox1_2 .giftBox li{float:left;width:32%;}
.hdBox1_2 .giftBox li:nth-child(2){padding:0 2%;}
.sec_box{position:relative;width:100%;height:3.5rem;background:url('../slice_img/gbg.png') no-repeat;background-size:100% 100%;}
.sec_box .timeIcon{position:absolute;left:-0.75rem;width:2.79rem;}
.sec_box .time{padding:1rem 0 0 2.5rem;}
.sec_box .time span{font-size:1.3rem;font-weight:bold;color:#fff;letter-spacing:-0.1rem;}






















