@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@import url('https://fonts.googleapis.com/css2?family=Teko&display=swap');

:root {
  --aprint-color:#dc0074;
  --pro-color:#7048E8;
}


/* 초기화 */
* {padding:0; margin:0; font-family: 'Noto Sans KR', sans-serif; font-weight:400; font-size:10px; color:#333;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1 {font-size:2rem;}
h1 a {font-size:1.4rem; margin-left:10px;} 
h2, h3, h4, h5, h6 {}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
input, button {margin:0;padding:0; border:0; background: transparent; outline: none;border-radius:5px!important;}
input[type="button"],
button {
	cursor:pointer;
	box-sizing:border-box;
	border-radius:5px;
	-webkit-transition:all 0.30s ease-in-out;
	-moz-transition:all 0.30s ease-in-out;
	-ms-transition:all 0.30s ease-in-out;
	-o-transition:all 0.30s ease-in-out;
}
select {margin:0; background:#fff;border-radius:5px;font-size:1.4rem;}
option {font-size:1.4rem;}
p {margin:0;padding:0;word-break:break-all}
b {font-weight:700; font-size:inherit;}
hr {display:none}
pre {overflow-x:scroll;}
a {color:inherit;text-decoration:none; font-size:inherit}
img {image-rendering: auto;}
table, tbody, tr, th, td{font-size:1.6rem; border-spacing:0;}
span {font-size:inherit;}
body {}
*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

input[type="text"],input[type="password"], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
 
input[type="text"]:focus,input[type="password"]:focus, textarea:focus,select:focus {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
input::placeholder {color:#999}

/* radio  */

input[type="radio"] { 
	position: absolute; 
	width: 1px; 
	height: 1px; 
	padding: 0; 
	margin: -1px; 
	overflow: hidden; 
	clip:rect(0,0,0,0); 
	border: 0; 
} 
input[type="radio"] + label { 
	display: inline-block; position: relative; padding-left:30px; margin-right:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; 
} 
input[type="radio"] + label:before { 
	content: ''; position: absolute; left: 0; top:0; width: 20px; height: 20px; text-align: center; background: #fff; border: 2px solid #c8c8c8; border-radius: 100%;
} 
input[type="radio"]:checked + label:before { 
	background: #fff; border:10px solid #DC0074; 
} 
input[type="radio"]:checked + label:after { 
	content: ''; position: absolute; top: 6px; left: 6px; width: 8px; height: 8px; background: #fff; border-radius: 100%;
}
input[type="radio"]:disabled + label:before {
    border-color: #d8d8d8;
    background: #d8d8d8;
}
input[type="radio"] + label:empty:before {
    margin-right: 6px;
}
/* radio end */


/* checkbox */
input[type="checkbox"] + label:before {display:none;}
input[type="checkbox"] + label {
    display: block;
    height: 24px;
    background: url('../images/ic_checkbox_default.svg') no-repeat 0 0px / contain;
	background-position:center center;
    padding-left:35px;
	cursor:pointer
}

input[type='checkbox']:checked + label {
    background: url('../images/ic_checkbox_select.svg') no-repeat 0 1px / contain;
	background-position:center center;
}

input[type="checkbox"] {display: none;}

/* checkbox end */

input[type="button"]:hover {cursor:pointer;}
.placeholdersjs {color:#999 !important}

/* scrollbar */

::-webkit-scrollbar { width:16px; }
::-webkit-scrollbar-track {background:#eee; border-radius: 8px; margin:0;}
::-webkit-scrollbar-thumb {background:#ddd; border-radius: 8px;}
::-webkit-scrollbar-thumb:hover {background:#dc0074; border-radius: 8px;}



.pd10 {padding:10px 0;}
.pd20 {padding:20px 0;}
.pd30 {padding:30px 0;}
.pd40 {padding:40px 0;}
.pd50 {padding:50px 0;}
.pd60 {padding:60px 0;}
.pd70 {padding:70px 0;}
.pd80 {padding:80px 0;}
.pd90 {padding:90px 0;}
.pd100 {padding:100px 0;}

.pdt10 {padding-top:10px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt40 {padding-top:40px;}
.pdt50 {padding-top:50px;}
.pdt60 {padding-top:60px;}
.pdt70 {padding-top:70px;}
.pdt80 {padding-top:80px;}
.pdt90 {padding-top:90px;}
.pdt100 {padding-top:100px;}

.pdb10 {padding-bottom:10px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
.pdb60 {padding-bottom:60px;}
.pdb70 {padding-bottom:70px;}
.pdb80 {padding-bottom:80px;}
.pdb90 {padding-bottom:90px;}
.pdb100 {padding-bottom:100px;}

.mb10 {margin-bottom:10px;}
.mb12 {margin-bottom:12px;}
.mb16 {margin-bottom:16px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt16 {margin-top:16px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}