@charset "utf-8";

@import url("./webfont/Pretendard/pretendard.css"); /* 프리텐다드 */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap');

h1 {
    display:block;text-indent:-9999em;white-space:nowrap;overflow:hidden;
}
fieldset, legend {
    margin: 0;border: 0;padding: 0
}
a {
    text-decoration: none
}
li {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button {
    -webkit-font-smoothing: antialiased;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.004)
}
html {
    line-height:1.15; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%
}
body {
    margin: 0
}
article, aside, footer, header, nav, section {
    display:block;
}
h1 {
    font-size:2em;
    margin: 0.67 em 0
}
figcaption, figure, main {
    display: block
}
figure {
    margin:1em 40px
}
hr {
    -webkit - box - sizing: content - box;
    box - sizing: content - box;
    height: 0;
    overflow: visible
}
pre {
    font - family: monospace, monospace;
    font - size: 1 em
}
a {
    background-color:transparent; -webkit-text-decoration-skip:objects;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline; -webkit-text-decoration:underline dotted;
    text-decoration: underline dotted
}
b, strong {
    font-weight: inherit
}
b, strong {
    font-weight: bolder
}
code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1 em
}
dfn {
    font-style: italic
}
mark {
    background-color: #ff0;
    color: #000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type= "button"], [type = "reset"], [type = "submit"] {
    -webkit - appearance: button
}
button::-moz-focus-inner, [type = "button"]::-moz-focus-inner, [type = "reset"]::-moz-focus-inner, [type = "submit"]::-moz-focus-inner {
    border - style: none;
    padding: 0
}
button: -moz-focusring, [type = "button"]: -moz-focusring, [type = "reset"]: -moz-focusring, [type = "submit"]: -moz-focusring {
    outline: 1 px dotted ButtonText
}
fieldset {
    padding: 0.35 em 0.75 em 0.625 em
}
legend {
    -webkit-box-sizing:border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100 % ;
    padding: 0;
    white-space: normal
}
progress {
    display: inline - block;vertical-align: baseline
}
textarea {
    overflow: auto
} [type = "checkbox"], [type = "radio"] {
    -webkit- box-sizing: border-box;
    box-sizing: border- box;
    padding: 0
} [type = "number"]::-webkit-inner-spin-button, [type = "number"]::-webkit-outer-spin-button {
    height: auto
} [type = "search"] {
    -webkit - appearance: textfield;
    outline - offset: -2 px
} [type = "search"]::-webkit-search-cancel-button, [type = "search"]::-webkit-search-decoration {
    -webkit-appearance: none
}::-webkit-file-upload - button {
    -webkit-appearance: button;
    font: inherit
}
details, menu {
    display: block
}
summary {
    display: list-item
}
canvas {
    display: inline - block
}
template {
    display: none
} [hidden] {
    display: none
}
html {
    font-size: 16 px
}
body {
    width: 100 % ;height: 100 % ;font-size: 16 px
}
h1, h2, h3, h4, h5, h6, ul, p {
    margin: 0;padding: 0;font-size: 100 %
}
img {
    vertical-align: top
}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button {
    font-family:"Pretendard Regular","Orbitron";
	font-size:16px;font-weight:normal;
	margin:0px;
}

html, body {width:100% ;height:100% ;min-height:1024px;position: relative;color:#333}

.newsletter_wrap{
	width:100%;height:100%;position:relative;-webkit-box-sizing:border-box;
	box-sizing:border-box;background-image:url("../img/newsletter/bg.png");
	background-repeat:no-repeat;background-position:center;background-size:cover;
}
.newsletter_wrap::after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0.5)}
.newsletter{
	padding:55px 0px 30px;
	width:520px;
	height:900px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	left:calc(50% - 260px);
	top:calc(50% - 425.5px);
	z-index:1;
	border-radius:30px;
	background-image:url("../img/newsletter/newsletter_bg.png");
}

h1 {
    width: 143px;height:38px;margin: 0 auto;background-image: url("../img/newsletter/logo.png");background-repeat:no-repeat;
}
h1 a {
    display: block;width: 143px;height: 38px;
}
h2 {
    margin-bottom: 51 px;
    font-weight: bold;
    font-size: 20 px
}
.newsletter_content {
    width:404px; height:670px; 
	margin:30px auto;
	padding:0 40px 0 40px;
	background-image:url("../img/newsletter/content_bg.png");
	background-repeat:no-repeat;
	text-align:center;
}

.newsletter_content .ico{
	text-align:center;
	padding-top:30px;
}


.newsletter_content .title{
	font-family:"Pretendard Bold";
	font-size:30px;
	line-height:38px;
	margin-top:20px;
}

.newsletter_content .title span{
	font-family:"Pretendard ExtraBold";
	font-size:30px;
}

.newsletter_content .content_wrap{
	width:400px;
	padding:25px 0px;
	background-color:#efefef;
	text-align:center;
	border-radius: 10px;
	margin-top:30px;
	line-height:25px;
	font-family:"Pretendard Bold";
	font-size:20px;
	color:#030000;
}

.newsletter_content .content_wrap span{
	font-family:"Pretendard ExtraBold";
	font-size:18px;
}

.newsletter_content .form_wrap{
	width:400px;
	margin-top:15px;
}

.input_rdo {display:inline-block; position:relative; margin-right:0px; font-size:15px; line-height:18px; cursor:pointer;} 
.input_chk {display:inline-block; position:relative; margin-right:10px; font-size:15px; line-height:18px; cursor:pointer;}
.newsletter_content .form_wrap .input_cell_box {position:relative;}
.newsletter_content .form_wrap .input_cell_box input::placeholder, 
.newsletter_content .form_wrap .input_cell_box text::placeholder {font-size:16px; font-weight:500; color:#ccc; opacity:1;padding-left:10px;}
.newsletter_content .form_wrap .input_cell_box input.input_num::placeholder {text-align:right}
.newsletter_content .form_wrap .input_cell_box .input_cell {display:inline-block; position:relative;}
.newsletter_content .form_wrap .input_cell_box [class*="w"] {display:flex;}
.newsletter_content .form_wrap .input_cell_box.w20p > .input_cell {width:20%;}
.newsletter_content .form_wrap .input_cell_box.w25p > .input_cell {width:25%;}
.newsletter_content .form_wrap .input_cell_box.w33p > .input_cell {width:33.33%;} /* Q10071 : 33 → 33.33%수정  */
.newsletter_content .form_wrap .input_cell_box.w50p > .input_cell {width:50%;}
.newsletter_content .form_wrap .input_cell_box.w100p > .input_cell {width:100%; display:block}
.newsletter_content .form_wrap .input_cell_box:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#ccc; z-index:4;} /* 2022-01-04 Q10112 : 컬러변경 */

.newsletter_content .form_wrap .frm_input{
	width:380px;
	height:30px; padding:10px 0; font-size:20px; line-height:26px;
	font-weight:600;
	padding-left:20px;
	border:0px;
}

.agree_wrap{
	margin-top:30px;
	text-align:left;
	font-family:"Pretendard Bold";
}

.agree_wrap a{
	font-family:"Pretendard Bold";
	color:#000;
}

.newsletter_content .btn_wrap{
	width:100%;
	margin:35px auto 0 auto;
	text-align:center;
}

.newsletter_content .btn_wrap .btn_ok{ 
	width:250px; height:50px; line-height:50px; 
	font-family:"Pretendard SemiBold";
	font-size:17px;
	color:#fff;
	background-color:#22272B ;
	cursor:pointer;
}

.footer {
    margin-top:0px;
}
.footer ul {
    position: relative;z-index:100;font-size:0px;text-align:center;
}
.footer li {
    width:34px;height:34px;display:inline-block;position:relative;background-repeat:no-repeat;background-position:center;
}
.footer li a {
    width:34px;height:34px;display:block;
}

.footer li.instagram {
    margin-left: 3px;
    background-image: url("../img/newsletter/icon_instagram.svg");
}

.footer li.blog {
    margin-left: 4px;
    background-size: 20px 18px;
    background-image: url("../img/newsletter/icon_blog.svg");
}

.footer .copyright {
    margin-top:8px;
    width: 100 % ;
    font-size: 12 px;
    text-align: center;
    position: relative;
    top:1px;
    left: -4px;
    z-index:1;
	color:#fff;
}