@charset "UTF-8";
@import url("../js/css/swiper-bundle.min.css");
@import url("../font/remixicon/icon_remixicon.css");
@import url("../font/pretendardGOV/font_pretendardGOV.css");
/*-------------------------------------------------
title       : Reset
Create date : 2024-01-12
-------------------------------------------------*/
*,
*::before,
*::after{-webkit-box-sizing:inherit;box-sizing:inherit;word-break:keep-all}
html{overflow:hidden;overflow-y:auto;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px}
body{overflow:hidden;position:relative;left:0;top:0;margin:0;padding:0;font-family:"Pretendard GOV", '맑은 고딕', 'Malgun Gothic', sans-serif;font-size:1.7rem;color:#1d1d1d;line-height:1.5;letter-spacing:0}
header, footer, main, section, article, nav, aside{display:block}
ul, ol, li, dl, dt, dd{margin:0;padding:0;list-style:none}
h1, h2, h3, h4, h5, h6, p, form, figure, figcaption{margin:0;padding:0}
fieldset, hr{display:block;margin:0;padding:0;border:0 none}
input, select {max-width:100%;vertical-align:middle}
input, select, button, textarea, optgroup{margin:0;font-family:inherit;font-size:inherit;color:inherit}
address, em, i{font-style:normal}
a{color:inherit;text-decoration:none}
button {padding:0;border:0 none;background:none;cursor:pointer}
input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none}
img{max-width:100%;border:0 none;font-size:0;vertical-align:middle}
table{width:100%;border-collapse:collapse}
caption, legend, .sr_only, .hidden, .blind, .IR{overflow: hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0 none;clip:rect(0, 0, 0, 0)}

/* *********************************************************************************
 *	Root
 * *********************************************************************************/
 :root{
  --white:#fff;
  --black:#000;

  --primary5:#eff5ff;
  --primary10:#e9f0fd;
  --primary20:#d3e1fb;
  --primary30:#a7c4f7;
  --primary40:#5089ef;
  --primary50:#246beb;
  --primary60:#1d56bc;
  --primary70:#16408d;
  --primary80:#0e2b5e;
  --primary90:#0b2047;

  --secondary5:#edf1f5;
  --secondary10:#cdd7e4;
  --secondary20:#b4c4d6;
  --secondary30:#99b0cb;
  --secondary40:#2a5c96;
  --secondary50:#003675;
  --secondary60:#002b5e;
  --secondary70:#002046;
  --secondary80:#00162f;
  --secondary90:#000b17;

  --gray5:#f8f8f8;
  --gray10:#f0f0f0;
  --gray20:#e4e4e4;
  --gray30:#d8d8d8;
  --gray40:#c6c6c6;
  --gray50:#8e8e8e;
  --gray60:#717171;
  --gray70:#555;
  --gray80:#2d2d2d;
  --gray90:#1d1d1d;
 }

/* *********************************************************************************
 *	링크 포커스(접근성)
 * *********************************************************************************/
 a:focus, button:focus{outline:2px dashed var(--secondary30)}
 input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{outline:2px dashed var(--primary60)}

/* *********************************************************************************
 *	건너뛰기 메뉴 정의
 * *********************************************************************************/
#skip_nav{position:absolute;left:0;top:-1000px;width:100%;height:0;z-index:1000;line-height:0;font-size:0}
#skip_nav a{display:block;width:100%;line-height:0;font-size:0;text-align:center}
#skip_nav a:focus, #skip_nav a:hover, #skip_nav a:active{position:absolute;left:0;top:1000px;height:4rem;background-color:var(--secondary60);font-size:1.5rem;line-height:4rem;color:#fff}

/* *********************************************************************************
 *	정렬
 * *********************************************************************************/
.txt_left{text-align:left !important}
.txt_center{text-align:center !important}
.txt_right{text-align: right !important}
.top{vertical-align:top !important}
.middle{vertical-align:middle !important}
.bottom{vertical-align:bottom !important}

/* *********************************************************************************
 *	Float
 * *********************************************************************************/
 .fl{float:left}
 .fr{float:right}
 .clear:after{clear:both;display:block;content:""}

/* *********************************************************************************
 *	Margin
 * *********************************************************************************/
.m0{margin:0 !important}

.mt_0{margin-top:0 !important}
.mt_5{margin-top:.5rem !important}
.mt_10{margin-top:1rem !important}
.mt_15{margin-top:1.5rem !important}
.mt_20{margin-top:2rem !important}
.mt_25{margin-top:2.5rem !important}
.mt_30{margin-top:3rem !important}
.mt_35{margin-top:3.5rem !important}
.mt_40{margin-top:4rem !important}

.mb_0{margin-bottom:0 !important}
.mb_5{margin-bottom:.5rem !important}
.mb_10{margin-bottom:1rem !important}
.mb_15{margin-bottom:1.5rem !important}
.mb_20{margin-bottom:2rem !important}
.mb_25{margin-bottom:2.5rem !important}
.mb_30{margin-bottom:3rem !important}
.mb_35{margin-bottom:3.5rem !important}
.mb_40{margin-bottom:4rem !important}

.ml_0{margin-left:0 !important}
.ml_5{margin-left:.5rem !important}
.ml_10{margin-left:1rem !important}
.ml_15{margin-left:1.5rem !important}
.ml_20{margin-left:2rem !important}
.ml_25{margin-left:2.5rem !important}
.ml_30{margin-left:3rem !important}
.ml_35{margin-left:3.5rem !important}
.ml_40{margin-left:4rem !important}

.mr_0{margin-right:0 !important}
.mr_5{margin-right:.5rem !important}
.mr_10{margin-right:1rem !important}
.mr_15{margin-right:1.5rem !important}
.mr_20{margin-right:2rem !important}
.mr_25{margin-right:2.5rem !important}
.mr_30{margin-right:3rem !important}
.mr_35{margin-right:3.5rem !important}
.mr_40{margin-right:4rem !important}

.mr_auto{margin-right:auto !important}
.ml_auto{margin-left:auto !important}

/* *********************************************************************************
 *	Padding
 * *********************************************************************************/
.p0{padding:0 !important}
.pt_5{padding-top:.5rem !important}
.pt_10{padding-top:1rem !important}
.pt_15{padding-top:1.5rem !important}
.pt_20{padding-top:2rem !important}
.pt_25{padding-top:2.5rem !important}
.pt_30{padding-top:3rem !important}
.pt_35{padding-top:3.5rem !important}
.pt_40{padding-top:4rem !important}

.pb_5{padding-bottom:.5rem !important}
.pb_10{padding-bottom:1rem !important}
.pb_15{padding-bottom:1.5rem !important}
.pb_20{padding-bottom:2rem !important}
.pb_25{padding-bottom:2.5rem !important}
.pb_30{padding-bottom:3rem !important}
.pb_35{padding-bottom:3.5rem !important}
.pb_40{padding-bottom:4rem !important}

.pl_5{padding-left:5px !important}
.pl_10{padding-left:10px !important}
.pl_15{padding-left:15px !important}
.pl_20{padding-left:20px !important}
.pl_25{padding-left:25px !important}
.pl_30{padding-left:30px !important}
.pl_35{padding-left:35px !important}
.pl_40{padding-left:40px !important}

.pr_5{padding-right:5px !important}
.pr_10{padding-right:10px !important}
.pr_15{padding-right:15px !important}
.pr_20{padding-right:20px !important}
.pr_25{padding-right:25px !important}
.pr_30{padding-right:30px !important}
.pr_35{padding-right:35px !important}
.pr_40{padding-right:40px !important}

/* width(rem) */
.w50{width:5rem !important}
.w55{width:5.5rem !important}
.w60{width:6rem !important}
.w65{width:6.5rem !important}
.w70{width:7rem !important}
.w75{width:7.5rem !important}
.w80{width:8rem !important}
.w85{width:8.5rem !important}
.w90{width:9rem !important}
.w95{width:9.5rem !important}
.w100{width:10rem !important}
.w110{width:11rem !important}
.w120{width:12rem !important}
.w130{width:13rem !important}
.w140{width:14rem !important}
.w150{width:15rem !important}
.w160{width:16rem !important}
.w170{width:17rem !important}
.w180{width:18rem !important}
.w190{width:19rem !important}
.w200{width:20rem !important}
.w210{width:21rem !important}
.w220{width:22rem !important}
.w230{width:23rem !important}
.w240{width:24rem !important}
.w250{width:25rem !important}
.w260{width:26rem !important}
.w270{width:27rem !important}
.w280{width:28rem !important}
.w290{width:29rem !important}
.w300{width:30rem !important}
.w350{width:35rem !important}
.w400{width:40rem !important}
.w450{width:45rem !important}
.w500{width:50rem !important}

/* width(%) */
.w10p{width:10% !important}
.w15p{width:15% !important}
.w20p{width:20% !important}
.w25p{width:25% !important}
.w30p{width:30% !important}
.w35p{width:35% !important}
.w40p{width:40% !important}
.w45p{width:45% !important}
.w50p{width:50% !important}
.w55p{width:55% !important}
.w60p{width:60% !important}
.w65p{width:65% !important}
.w70p{width:70% !important}
.w75p{width:75% !important}
.w80p{width:80% !important}
.w85p{width:85% !important}
.w90p{width:90% !important}
.w95p{width:95% !important}
.w100p{width:100% !important}

/* 반응형(REM단위 기준) */
@media (max-width:1024px) {
  html{font-size:9px}
}
@media (max-width:600px) {
  html{font-size:8px}
}
@media (max-width: 300px) {
  html{font-size:7px}
}