@charset "utf-8";
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;}
::before,::after{--tw-content:''}
html{overflow-X:hidden; line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
body{margin:0;line-height:inherit; }
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;font-size:1em}
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}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
:-moz-focusring{outline:auto}
:-moz-ui-invalid{box-shadow:none}
progress{vertical-align:baseline}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
[type='search']{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:theme('colors.gray.400',#9ca3af)}
button,[role="button"]{cursor:pointer}:disabled{cursor:default}
img{pointer-events: none;}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}
pre {
    white-space: pre-line;
    word-break: break-all;
    overflow-x: auto !important;
}
:root{
    /* 폰트 굵기 설정 */
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;
    /*색상 설정 */
    --white: #fff;
    --black01: #010101;
    --black02: #232323;
    --gray01: #f3f3f3;
    --gray02: #666666;
    --gray03: #333333;
    --gray04: #d3d3d3;
	--gray05: #999999;
    --light-red: #ff3131;
    --dark-red: #cf0000;
    --main-color:#fdd118;
    --sub-color01:#131d73;
    --sub-color02:#e8f7f7;
	--sub-color03:#fcf9ec;

    /* 트랜지션 관련 설정 */
    --transition: all 0.4s;
    /* 마진·패딩값 관련 설정 */
    --space-10: 10px;
    --space-15: 15px;
    --space-20: 20px;
    --space-25: 25px;
    --space-30: 30px;
    --space-35: 35px;
    --space-40: 40px;
    --space-45: 45px;
    --space-50: 50px;
    --space-55: 55px;
    --space-60: 60px;
    --space-65: 65px;
    --space-70: 70px;
    --space-75: 75px;
    --space-80: 80px;
    --space-85: 85px;
    --space-90: 90px;
    --space-95: 95px;
    --space-100: 100px;
    --space-110: 110px;
    --space-120: 120px;
    --space-130: 130px;
    --space-140: 140px;
    --space-150: 150px;
    --space-160: 160px;
    --space-170: 170px;
    --space-180: 180px;
    --space-190: 190px;
    --space-200: 200px;
}

@media screen and (max-width: 1300px){
    :root{
        --space-50: 40px;
        --space-60: 50px;
        --space-70: 60px;
        --space-80: 70px;
        --space-90: 80px;
        --space-100: 90px;
        --space-110: 100px;
        --space-120: 110px;
        --space-130: 120px;
        --space-140: 130px;
        --space-150: 140px;
        --space-160: 150px;
        --space-170: 160px;
        --space-180: 170px;
        --space-190: 180px;
        --space-200: 190px;
    }
}
@media screen and (max-width: 1100px){
    :root{
        --space-20: 15px;
        --space-30: 20px;
        --space-35: 25px;
        --space-40: 30px;
        --space-45: 35px;
        --space-50: 40px;
        --space-60: 50px;
        --space-70: 55px;
        --space-80: 60px;
        --space-130: 115px;
        --space-140: 120px;
        --space-150: 125px;
        --space-160: 135px;
        --space-170: 140px;
        --space-180: 150px;
        --space-190: 160px;
        --space-200: 170px;
    }
}

@media screen and (max-width: 900px){
    :root{
        --space-50: 35px;
        --space-60: 45px;
        --space-70: 50px;
        --space-80: 55px;
        --space-90: 70px;
        --space-100: 80px;
        --space-110: 90px;
        --space-120: 95px;
        --space-130: 100px;
        --space-140: 105px;
        --space-150: 110px;
        --space-160: 115px;
        --space-170: 120px;
        --space-180: 125px;
        --space-190: 130px;
    }
}

@media screen and (max-width: 767px){
    :root{
        --space-15: 7px;
        --space-20: 10px;
        --space-25: 12px;
        --space-30: 15px;
        --space-35: 20px;
        --space-40: 25px;
        --space-50: 30px;
        --space-60: 40px;
        --space-70: 45px;
        --space-80: 50px;
        --space-90: 60px;
        --space-100: 65px;
        --space-110: 70px;
        --space-120: 75px;
        --space-130: 80px;
        --space-140: 85px;
        --space-150: 90px;
        --space-160: 95px;
        --space-170: 100px;
        --space-180: 105px;
        --space-190: 110px;
        --space-200: 115px;
    }
}
@media screen and (max-width: 320px){
    :root{
    --space-90: 50px;
    --space-100: 55px;
    --space-110: 55px;
    --space-120: 60px;
    --space-130: 65px;
    --space-140: 70px;
    --space-150: 75px;
    --space-160: 80px;
    --space-170: 85px;
    --space-180: 90px;
    --space-190: 95px;
    }
}

*{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.1rem;;
    font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    color: var(--black01);
    line-height: 1.3;
    letter-spacing: -0.73px;
}

@media screen and (max-width: 1100px){
    *{ font-size: 15px; }
}
@media screen and (max-width: 900px){
    *{ font-size: 14px; }
}
@media screen and (max-width: 767px){
    *{ font-size: 13px; }
}
@media screen and (max-width: 320px){
    *{ font-size: 12px; }
}
/* wrapper 넓이 설정 */
.wrapper{
    width: 89.6%; height: 100%;
    margin: 0 auto;
    height: 100%;
}
.wrapper02{
    width: 1200px; height: 100%;
    margin: 0 auto;
    height: 100%;
}

@media screen and (max-width: 1200px){
	.wrapper{
		width: 95%;
	}
    .wrapper02{
        width: 90%;
    }

}
@media screen and (max-width: 500px){
	.wrapper{
		width: 90%;
	}
   
}
/* SEO 블라인드 텍스트 처리 */
.blind{
    overflow:hidden;
    display:inline-block;
    position:absolute;
    z-index:-1;
    border:0;
    width:1px;
    height:1px;
    clip:rect(1px,1px,1px,1px);clip-path:inset(50%)
}

.more_btn{
    display: inline-flex;
    align-items: center;
	gap:var(--space-30);
    padding: 18px 40px;
    background: var(--main-color);
    font-size: 1.25rem;
    font-weight:var(--fw-700);
    border-radius: 30px;
    margin-top: var(--space-40);

}
.more_btn .btn_txt{
    display: block;
    font-size: inherit;
    font-weight: inherit;
}
.more_btn .arrow_icon{
	transition:var(--transition);
} 
.more_btn:hover .arrow_icon{
	transform: translateX(5px); 
}
.tit_box{
    text-align: center;
}


.tit_box .sec_tit{
    font-size: 1.875rem;
    font-weight: var(--fw-600);
	
}
.tit_box .tit_desc{
    color: var(--gray02);
    margin-top: var(--space-10);
	word-break:keep-all;
 }

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"]{
  -moz-appearance: textfield;
}

.mobile_br{
	display:none;
}

@media(max-width:500px){
	.more_btn{
    padding: 10px 25px;
    font-size: 1rem;
	line-height:1;
	}
	.more_btn .arrow_icon{
		scale:0.8;
	}
}