@charset "utf-8";
@import url(fonts.css);


/* --------------------------------reset-------------------------------- */
[lang="ko"] {word-break:break-all;}
* {margin:0; padding:0; box-sizing:border-box; font:inherit; color:inherit; flex-shrink:0; outline:none;}
html, body {font-size:16px; letter-spacing: -0.02rem; color: #666; font-weight: 400;}
@media screen and (max-width: 1200px) {
  html, body {font-size:15px;}
}/*md1*/
@media screen and (max-width: 1024px) {
  html, body {font-size:14px;}
}/*md2*/
@media screen and (max-width: 767px) {
  html, body {font-size:13px;}
}/*sm1*/
@media screen and (max-width: 500px) {
  html, body {font-size:12px;}
}/*sm2*/
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none;}
html, body, button, input, select, table, textarea {font-family:'Pretendard', 'Poppins', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-size:inherit; line-height:inherit;}
ul,ol,dl,menu,li {list-style:none;}
a, a:active, a:hover {text-decoration:none;}
button {background-color:transparent; border:none; cursor:pointer;}
blockquote, q {quotes:none;}
:after, :before {box-sizing:inherit;}
img, picture, video, canvas, svg {display:block; max-width:100%;}
#xTsign img {display: inline-block;}
fieldset,img {border:0;}
iframe {overflow:hidden; margin:0; border:0; padding:0; vertical-align:top;}
address, em,i {font-style:normal;}
textarea {-webkit-backface-visibility:hidden; backface-visibility:hidden; background-color:transparent; border:0; word-wrap:break-word; resize:none}
table {border-collapse:collapse; border-spacing:0;}
caption {height:0; width:1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px);}
td, th {padding:0;}
input, select, textarea {vertical-align:middle; box-sizing:border-box; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; border:none;}
input[type=text]::-ms-clear {display:none;}
select::-ms-expand {display:none;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
:focus {outline: 2px dashed #F37721; outline-offset: -2px;}
:focus:not(:focus-visible) {outline: 0;}
@media (pointer:coarse) {
  /*:focus {outline: 0;}*/
}
/* --------------------------------//reset--------------------------- */


/* --------------------------------common-------------------------------- */
/* 본문 바로가기 버튼 */
.skip a {position: absolute; background: rgba(0,0,0,0.7); width: 100%; height: 40px; text-align: center; color: #fff; z-index: 999; line-height: 40px; top: -40px; opacity: 0}
html.ofy_hidden {height:calc(var(--var, 1vh) * 100); height:100dvh;}
html.ofy_hidden body {height:100%; overflow:hidden;}
#wrapper {text-size-adjust:none; -webkit-text-size-adjust:none;}
#container {width:100%; overflow-x:hidden;}
section {position:relative;}
.inner {position:relative; width: 90%; max-width:1200px; margin:0 auto;}
.blind {border:0; clip:rect(0 0 0 0); clip-path:inset(50%); width:1px; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; white-space:nowrap;}
.clearfix::after {content:""; clear:both; display:block;}
.swiper-wrapper {height:auto;}
.bpc {display:block;}
.bmo {display:none;}
@media screen and (max-width: 767px) {
  .bpc {display:none;}
  .bmo {display:block;}
}/*sm1*/
/* 기본 텍스트 타이틀 */
.h2 {font-size: 3rem; font-weight: 600; line-height: 120%;}/*48px*/
.h3 {font-size: 1.875rem; font-weight: 500; line-height: 150%;}/*30px*/
.h4 {font-size: 1.625rem; font-weight: 500; line-height: 150%;}/*26px*/
.h5 {font-size: 1.25rem; font-weight: 600; line-height: 150%;}/*20px*/
.desc {font-size: 0.875rem; font-weight: 400; line-height: 150%;}
@media screen and (max-width: 1200px) {
  .h2 {font-size: 2.5rem;}
  .h5 {font-size: 1.4rem;}
  .desc {font-size: 1rem;}
}/*md1*/
@media screen and (max-width: 767px) {
  .h2 {font-size: 2.125rem;}
  .h4 {font-size: 1.5rem;}
}/*sm1*/
/* 플렉스 flex */
.flex_wrap {display: flex; align-items: center;}
.flex_wrap[data-type="centercenter"] {justify-content:center;align-items:center}
.flex_wrap[data-type="centerbottom"] {justify-content:center;align-items:flex-end}
.flex_wrap[data-type="betweenbottom"] {justify-content:space-between;align-items:flex-end}
.flex_wrap[data-type="betweencenter"] {justify-content:space-between;align-items:center}
.flex_wrap.flex_col {flex-direction:column;align-items:flex-start}
.flex_wrap.flex_row {flex-direction:row}
/* 검색창 */
.search_form{width:100%;max-width:853px;margin:0 auto;padding:1rem 3.125rem;border-radius:40px;background-color:#F4F4F4;display:flex;flex-direction:row;gap:2.5rem;justify-content:space-between;align-items:center}
.search_form select{width:5.5rem;background:url(../fonts/select_arrow.svg) right center / 8px auto no-repeat transparent;-webkit-appearance:none}
.search_form select,
.search_form select option{font-size:1rem;line-height:150%;font-weight:400;color:#222}
.search_form input{font-size:1rem;line-height:150%;font-weight:400;color:#222;flex-grow:1;background-color:transparent}
.search_form input::placeholder{font-size:1rem;line-height:150%;font-weight:400;color:#333333}
.search_form button{width:1.625rem;height:1.625rem;background:url(../fonts/ico_search.svg) no-repeat center / 100% auto}
@media screen and (max-width:767px) {
  .search_form{padding:0.77rem 2rem 0.77rem 1.24rem;gap:1.54rem}
  .search_form select{width:4.62rem}
  .search_form select,
  .search_form select option,
  .search_form input{font-size:1.08rem}
  .search_form button{width:1.24rem;height:1.24rem}
}/*sm1*/
/* 서브 페이지 타이틀*/
.title_sec{padding:3.125rem 0 0;margin-bottom:3.75rem}
.title_sec .path_nav{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:0.625rem;margin-bottom: 3.75rem;}
.title_sec .path_nav .i_home{width:0.875rem;height:0.75rem;display:inline-block;background:url(../fonts/path_home.svg) no-repeat center / 100% auto;margin-right:0.625rem}
.title_sec .path_nav li{line-height:1;color:#666}
.title_sec .path_nav li:not(:last-child)::after{content:'';width:0.5rem;height:10px;margin-left:0.625rem;background:url(../fonts/path_arrow.svg) no-repeat center / 100% auto;display:inline-block}
.title_sec .h2{color:#222;position:relative;display:flex;flex-wrap:nowrap;align-items:flex-end;gap:3.5rem}
.title_sec .h2::after{content:'';width:auto;height:1px;display:inline-block;background:#DDD;flex-shrink:1;flex-grow:1;margin-bottom:1rem}
@media screen and (max-width:767px) {
  .title_sec{padding:3.85rem 0 0;margin-bottom:3.08rem}
  .title_sec .path_nav{display:none}
  .title_sec .h2::after{display:none}
}/*sm1*/
/* 서브 페이지 아이콘 타이틀*/
.ico_title {display: flex; justify-content:flex-start; align-items:center; gap: 1rem; margin-bottom: 1.25rem;}
.ico_title .h4 {flex: 1; color:#222; font-weight:700;}
.ico_title i {width:1.25rem; height:1.25rem; display:inline-block; background:url(../fonts/ico_title.svg) no-repeat center/100% auto}
.ico_title[data-layout="long"] {align-items:baseline;}
.ico_title[data-layout="long"] span {display: inline-block; margin-left: 0.25rem;}
@media screen and (max-width: 767px) {
  .ico_title {margin-bottom:2.31rem}
  .ico_title[data-layout="long"] span {display: block;}
} /* sm */
/* --------------------------------//common-------------------------------- */


/* --------------------------------common pg-------------------------------- */
.page_wrap{height:1.25rem;margin-top:2.5rem;display:flex;justify-content:center;align-items:center;gap:.625rem}
.page_wrap .prev,.page_wrap .next{display:inline-block;width:6px;height:2.5rem;background:url(../fonts/page_arrow.svg) center / 100% auto no-repeat}
.page_wrap .first,.page_wrap .last{display:inline-block;width:10px;height:2.5rem;background:url(../fonts/page_arrow_db.svg) center / 100% auto no-repeat}
.page_wrap .first,.page_wrap .prev{margin-right:.625rem}
.page_wrap .last,.page_wrap .next{margin-left:.625rem}
.page_wrap .prev,.page_wrap .first{transform:scaleX(-1)}
.page_wrap .pagination{display:flex;justify-content:center;align-items:center;gap:.625rem}
.page_wrap .pagination a{font-size:1rem;font-weight:400;color:#5A6470;transition:all .1s ease-in-out;border-radius:100%;display:block;text-align:center;width:2.5rem;height:2.5rem;line-height:2.5rem}
.page_wrap .pagination .active a{background:#165de7;color:#fff}
@media screen and (max-width:767px) {
  .page_wrap .pagination a{font-size:0.93rem;width:2.31rem;height:2.31rem;line-height:2.31rem}
  .page_wrap .prev,.page_wrap .next,
  .page_wrap .first,.page_wrap .last{height:2.31rem}
}/*sm1*/
@media screen and (max-width:500px) {
  .page_wrap .prev,.page_wrap .next{width:5px}
  .page_wrap .first,.page_wrap .last{width:8px}
}/*sm2*/
/* --------------------------------//common pg-------------------------------- */


/* --------------------------------common table-------------------------------- */
/* 테이블 */
.table_wrap table {width: 100%; table-layout: fixed; text-align: center;}
.table_wrap th,
.table_wrap td {padding: 0.75rem 1rem; font-size: 1rem; border: 1px solid #DDDDDD; line-height: 142%; color: #222; vertical-align: middle; white-space: pre-line; word-break: break-word;}
.table_wrap th {background-color: #F3F7FF;}
.table_wrap th:first-child,
.table_wrap td:first-child {border-left: none;}
.table_wrap th:last-child,
.table_wrap td:last-child {border-right: none;}
.table_wrap thead tr:first-child th {border-top-color: #165DE7}
.table_wrap .txt_left {text-align: left;}
/* --------------------------------//common table-------------------------------- */


/* --------------------------------common tab-------------------------------- */
[role="tablist"] {display: flex; border-radius: 0.625rem 0.625rem 0 0; overflow: hidden;}
[role="tab"] {display: flex; align-items: center; justify-content: center; flex: 1; height: 4.125rem; font-weight: 500; background-color: #F4F4F4; font-size: 1rem; color: #333; border-bottom: 1px solid #ddd;}
[role="tab"][aria-selected="true"] {position: relative; font-weight: 700; color: #165DE7; background-color: #F3F7FF; border-color: #165DE7; z-index: 1;}
[role="tabpanel"] {width: 100%; margin-top: 0.625rem;}
[role="tabpanel"].hidden {display: none;}
@media screen and (max-width: 1024px) {
  /*tab*/
  [role="tablist"] {flex-wrap: wrap;}
  [role="tab"] {flex: 33.33%;}
}/*md2*/
/* --------------------------------//common tab-------------------------------- */


/* --------------------------------common input-------------------------------- */
/* 인풋 input 공통 */
.input_wrap{position: relative}
.input_wrap input[type="text"],
.input_wrap input[type="phone"],
.input_wrap input[type="number"],
.input_wrap input[type="password"],
.input_wrap input[type="email"],
.input_wrap textarea{font-size:1rem;line-height:150%;font-weight:400;color:#333;width:100%;border:1px solid #ddd;padding:0.5rem 1.25rem;transition:all .1s ease-in-out}
.input_wrap input[type="text"]::placeholder,
.input_wrap input[type="phone"]::placeholder,
.input_wrap input[type="number"]::placeholder,
.input_wrap input[type="email"]::placeholder,
.input_wrap textarea::placeholder,
.input_wrap input[type="text"]:read-only,
.input_wrap input[type="phone"]:read-only,
.input_wrap input[type="number"]:read-only,
.input_wrap input[type="email"]:read-only,
.input_wrap textarea:read-only{color:#666}
.input_wrap.error input[type="text"],
.input_wrap.error input[type="phone"],
.input_wrap.error input[type="number"],
.input_wrap.error input[type="email"],
.input_wrap.error input[type="checkbox"] + label span,
.input_wrap.error input[type="radio"] + label span,
.input_wrap.error textarea{border-color:#FF0000  !important}
/* 인풋 input checkbox */
.input_wrap input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.input_wrap input[type=checkbox] + label{width:100%; display:flex;justify-content:flex-start;align-items:center;gap:.875rem}
.input_wrap input[type=checkbox] + label span{width:1.5rem;height:1.5rem;border-radius:2px;border:1px solid #ddd;display:inline-block;background:url(../fonts/ico_check.svg) no-repeat center right 45% / 55.2% auto #fff}
.input_wrap input[type=checkbox]:checked + label span{background:url(../fonts/ico_checked.svg) no-repeat center right 45% / 55.2% auto #fff;border-color:#165de7}
/* 인풋 input radio */
.input_wrap input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.input_wrap input[type=radio] + label{width:100%; display:flex;justify-content:flex-start;align-items:center;gap:.875rem}
.input_wrap input[type=radio] + label span{width:1.5rem;height:1.5rem;border-radius:2px;border:1px solid #ddd;display:inline-block;background:#fff;border-radius:100%}
.input_wrap input[type=radio]:checked + label span{background:url(../fonts/ico_radio.svg) no-repeat center center / 55.2% auto #fff;border-color:#165de7}
/* 셀렉트박스 */
.select_box{position: relative}
.select_box select{font-size: 1rem;line-height: 150%;font-weight: 400;color: #666;width:100%;border:1px solid #ddd;padding:0.5rem 1.25rem;background:url(../fonts/select_arrow.svg) right 1.25rem center / 13px auto no-repeat transparent;-webkit-appearance:none}
.select_box select option{color:#666}
@media screen and (max-width: 500px) {
  .input_wrap input[type="text"],
  .input_wrap input[type="phone"],
  .input_wrap input[type="number"],
  .input_wrap input[type="email"],
  .input_wrap textarea{padding:0.67rem 0.84rem}
  .select_box select{padding:0.67rem 2.5rem 0.67rem 0.84rem}
} /* sm */
/* --------------------------------//common input-------------------------------- */


/* --------------------------------common btn-------------------------------- */
[class^="btn_type"] {display: inline-flex; justify-content: center; align-items: center; gap: 0.5rem; cursor: pointer;}
.btn_type_01 {border-radius: 0.625rem; font-weight: 600;}
.btn_type_01::after {content: ""; display: block; background-size: 100% auto; background-repeat: no-repeat; background-position: center;}
.btn_type_01[data-size="lg"] {height: 4.25rem; padding: 0 2rem; font-size: 1.125rem;}
.btn_type_01[data-size="lg"]::after {width: 1.5rem; height: 1.5rem;}
.btn_type_01[data-size="md"] {height: 3.75rem; padding: 0 1.875rem; font-size: 1rem;}
.btn_type_01[data-size="md"]::after {width: 1.25rem; height: 1.25rem;}
.btn_type_01[data-size="sm"] {height: 3.125rem; padding: 0 1.5rem; font-size: 0.875rem;}
.btn_type_01[data-size="sm"]::after {width: 1rem; height: 1rem;}
.btn_type_01[data-layout="border"] {border: 1px solid #D5D5D5; background-color: #fff; color: #888;}
.btn_type_01[data-layout="border"]::after {background-image: url(../fonts/ico_right_g.svg);}
.btn_type_01[data-layout="bg"] {background: linear-gradient(#448FFF 0%, #165de7 100%); color: #fff;}
.btn_type_01[data-layout="bg"]::after {background-image: url(../fonts/ico_right_w.svg);}
.btn_type_01[data-layout="transparent"] {background-color: transparent; border: 1px solid rgba(255,255,255,0.3); color: #fff;}
.btn_type_01[data-layout="transparent"]::after {background-image: url(../fonts/ico_right_w.svg);}
.btn_type_01[data-ico="none"]::after {display: none;}
.btn_type_02 {position: relative; display: block; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: all 0.5s;}
.btn_type_02::after {content: ""; position: absolute; background: url(../fonts/ico_right_circle_b.svg) no-repeat center/100% auto;}
.btn_type_02[data-size="lg"]::after {right: 2.75rem; bottom: 2.75rem; width: 32px; height: 32px;}
.btn_type_02[data-size="md"]::after {width: 1.875rem; height: 1.875rem;}
.btn_type_02[data-size="sm"]::after {width: 1.875rem; height: 1.875rem;}
.btn_type_02:hover::after {background-image: url(../fonts/ico_right_circle_w.svg);}
/* 목록 버튼 */
.btn_type_03 {border-radius: 3.125rem; font-weight: 500; justify-content: center}
.btn_type_03[data-size="sm"] {height: 3.625rem; padding: 0 4.375rem; font-size:1rem; line-height:150%;}
.btn_type_03[data-layout="bg"] {border: 1px solid #165DE7; background-color: #165DE7; color: #fff}
/*링크 버튼*/
.btn_link {display: inline-flex; align-items: center; gap: 0.15rem; padding: 0.125rem 0.75rem; font-size: 0.875rem; background-color: #F2F2F2; border-radius: 0.25rem; color: #165DE7;}
.btn_link::after {content: ""; width: 1rem; height: 1rem; background: url(../fonts/ico_link_blue.svg) no-repeat center/100% auto;}
.btn_link:hover {background-color: #165DE7; color: #fff;}
.btn_link:hover::after {background-image: url(../fonts/ico_link_white.svg);}
@media screen and (max-width: 767px) {
  .btn_type_03[data-size="sm"] {height:3.54rem}
}/*sm1*/
@media screen and (max-width: 767px) {
  .btn_type_03[data-size="sm"] {height:3.34rem}
}/*sm2*/
/* --------------------------------//common btn-------------------------------- */


/* --------------------------------header-------------------------------- */
#header {position: relative; width: 100%; height: 120px; background-color: #fff; border-bottom: 1px solid #E5E5E5; z-index: 100}
#header::after {content: ""; position: absolute; left: 0; top: 120px; width: 100%; height: 0; background: url(../images/header_bg.jpg) no-repeat right bottom/100% auto #fff; transition: height                                                              0.5s;}
#header .inner {justify-content: space-between; max-width: none; width: 92%; height: 100%;}
#header .menu_wrap {gap: 8rem;}
#header .logo {width: 13rem;}
#header .logo a {display: block; width: 100%;}
#header .logo img {width: 100%;}
[class^="gnb_"] >ul >li {position: relative;}
[class^="gnb_"] .depth_02 {display: none;}
[class^="gnb_"] .depth_02 a,
[class^="gnb_"] .depth_02 button {display: block; font-size: 1.125rem;}
.gnb_pc >ul >li >a {display: block; height: 7.5rem; line-height: 7.5rem; padding: 0 2.5rem; font-size: 1.375rem; font-weight: 700; color: #333;}
.gnb_pc >ul >li >a::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background-color: #165DE7; transform: translateX(-50%); transition: all 0.3s;}
.gnb_pc .depth_02 {position: absolute; left: 50%; top: 120px; width: 100%; padding-top: 2.25rem; transform: translateX(-50%); z-index: 101;}
.gnb_pc .depth_02 >li:not(:last-child) {margin-bottom: 0.375rem}
.gnb_pc .depth_02 a {padding: 0.75rem 0; text-align: center; color: #333;}
/*pc header hover*/
#header.on::after {height: 20.625rem;}
.gnb_pc >ul >li.on >a {color: #165DE7;}
.gnb_pc >ul >li.on >a::after {width: calc(100% - 5rem);}
.gnb_pc .depth_02 a:hover {font-weight: 700; color: #165DE7;}
/*sub menu*/
[class^="sub_menu_"] ul {gap: 2rem;}
[class^="sub_menu_"] li {position: relative;}
[class^="sub_menu_"] li span {font-weight: 700; color: #222;}
[class^="sub_menu_"] li:not(:last-child)::after {content: ""; position: absolute; right: -1rem; top: 50%; width: 1px; height: 1rem; transform: translateY(-50%); background-color: #D5D5D5;}
[class^="sub_menu_"] .en_site {display: block; width: 1.75rem; height: 1.75rem; background: url(../images/ico_global.svg) no-repeat center/100% auto;}
.sub_menu_pc {gap: 3rem;}
.sub_menu_pc li a {display: block; padding: 0.5rem 0;}
.sub_menu_mo {justify-content: space-between; padding: 0 1.65rem;}
.sub_menu_mo li {font-size: 1.125rem;}
.btn_open_menu {display: none; width: 1.75rem; height: 1.75rem; background: url(../fonts/ico_hamburger.svg) no-repeat center/100% auto;}
/*layer menu*/
.layer_menu {position: fixed; top: 0; right: 0; width: 100%; height: calc(var(--var, 1vh) * 100); height: 100dvh; z-index: 101; display: none;}
.layer_menu .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.layer_menu .layer_inner {position: relative; width: 500px; height: 100%; margin-left: calc(100% - 500px); padding: 5.5rem 3.5rem; transform: translateX(100%); background: url(../fonts/3accd2b99c004416b5fd633a58b3491a.svg) no-repeat center/100% auto;}
.layer_menu .layer_cont {padding-top: 1.65rem;}
.gnb_mo {padding: 0 1.5rem;}
.gnb_mo >ul >li:not(:last-child) {margin-bottom: 1.25rem;}
.gnb_mo >ul >li >button {width: 100%; padding: 0.5rem 0; text-align: left; color: #222; font-weight: 400; font-size: 1.25rem;}
.gnb_mo .depth_02 {margin-top: 1rem; padding-left: 2.15rem;}
.gnb_mo .depth_02 li:not(:last-child) {margin-bottom: 1rem;}
.gnb_mo .depth_02 li a {color: #222;}
.gnb_mo >ul >li.on button {font-weight: 700;}
/*add menu*/
.add_menu {margin-bottom: 1.65rem;}
.add_menu li:not(:last-child) {margin-bottom: 0.875rem;}
.add_menu a {display: block; padding: 1rem 0; background-color: #F3F7FF; text-align: center; font-size: 1.25rem; color: #222; border-radius: 0.5rem; font-weight: 500;}
@media screen and (max-width: 1600px) {
  #header .logo {width: 12rem;}
  #header .menu_wrap {gap: 3.25rem}
}/*xlg*/
@media screen and (max-width: 1400px) {
  #header .logo {width: 10rem;}
  #header .menu_wrap {gap: 1.5rem}
  .gnb_pc >ul >li >a {padding: 0 1.5rem; font-size: 1.25rem;}
  /*.gnb_pc .depth_02 a {font-size: 0.925rem;}*/
}/*lg*/
@media screen and (max-width: 1200px) {
  #header {height: 70px; border-bottom-color: transparent;}
  .gnb_pc {display: none;}
  .sub_menu_pc {display: none;}
  .btn_open_menu {display: block;}
  .layer_menu.active  {display: block;}
  .layer_menu.active .layer_inner {transform: translateX(0); transition-delay: 0.2s; transition: all 0.8s;}
  #header[data-layout="en"] .sub_menu_pc {display: flex; gap: 2rem;}
}/*md1*/
@media screen and (max-width: 500px) {
  .layer_menu .layer_inner {width: 300px; margin-left: calc(100% - 300px); padding: 5.5rem 2.5rem;}
}/*sm2*/
/* --------------------------------//header-------------------------------- */


/* --------------------------------footer-------------------------------- */
#footer {width: 100%; padding: 1rem 0 1.5rem; background-color:#0B0B34; color: rgba(255,255,255,0.6);}
#footer .inner {max-width: 1440px;}
#footer .fnb_pc {display: block;}
#footer .fnb_mo {display: none;}
/*footer menu*/
#footer .menu_wrap {justify-content: space-between;}
#footer [class^="fnb"] li {position: relative;}
#footer [class^="fnb"] li:not(:last-child)::after {content: ""; position: absolute; right: -1.25rem; top: 50%; width: 1px; height: 1rem; transform: translateY(-50%); background-color: rgba(255,255,255,0.2);}
#footer [class^="fnb"] li:nth-child(3) a {font-weight: 600; color: #FF0000;}
#footer .fnb_pc ul {gap: 2.5rem;}
#footer .fnb_pc li a {padding: 0.5rem 0; font-size: 1rem;}
#footer .fnb_mo {width: 100%; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.2);}
#footer .fnb_mo .flex_wrap {flex-wrap: wrap; gap: 0.5rem 1.5rem;}
#footer .fnb_mo li:not(:last-child)::after {right: -0.75rem;}
#footer .kait_site {width: 16.25rem;}
/*footer info*/
#footer .info_warp {justify-content: space-between; align-items: flex-end; margin-top: 1rem;}
#footer .info_warp li {display: flex; align-items: center;}
#footer .info_warp h6 {font-weight: 600; color: rgba(255,255,255,0.8);}
#footer .info_warp >ul >li:not(:first-child, :last-child) {margin-top: 0.5rem;}
#footer .info_warp >ul >li:last-child {margin-top: 1.5rem;}
#footer .info_warp >ul >li >h6 {width: 15rem;}
#footer .info_warp .inner_wrap {gap: 1.5rem;}
#footer .info_warp .inner_wrap li {gap: 0.75rem;}
#footer .info_warp .sitemap {opacity: 0.8;}
/*footer poopup*/
.footer_popup {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 103; display: none;}
.footer_popup .inner {display: flex; justify-content: center; align-items: center; height: 100%;}
.footer_popup .popup {width: 100%; max-width: 700px; padding: 2rem; background-color: #fff; border-radius: 0.625rem;}
.footer_popup .ico_title {margin-bottom: 1.25rem;}
.footer_popup .ico_title .h4 {font-size: 1.25rem;}
.footer_popup .pop_cont {padding-top: 1.25rem; border-top: 1px solid #DDD; line-height: 150%; color: #333;}
.footer_popup .pop_cont b {font-weight: 700;}
.footer_popup .btn_wrap {display: flex; justify-content: right; margin-top: 1rem;}
.footer_popup .btn_wrap button {height: 2.5rem; padding: 0 1.875rem; background-color: #F3F7FF;}
@media screen and (max-width: 1200px) {
  #footer .kait_site {width: 12rem;}
}/*md1*/
@media screen and (max-width: 1024px) {
  #footer .fnb_pc {display: none;}
  #footer .fnb_mo {display: block;}
  #footer .kait_site {width: 16rem;}
  #footer .info_warp {flex-wrap: wrap; margin-top: 2.5rem;}
  #footer .info_warp >ul {width: 100%;}
  #footer .info_warp >ul >li {flex-wrap: wrap; gap: 0.5rem 0;}
  #footer .info_warp >ul >li:last-child {margin-top: 2rem;}
  #footer .info_warp >ul >li:not(:first-child, :last-child) {margin-top: 1rem;}
  #footer .info_warp >ul >li >h6 {width: 17.5rem;}
  #footer .info_warp .inner_wrap {flex-wrap: wrap; gap: 0.25rem; width: 100%;}
  #footer .info_warp .inner_wrap li {width: 100%;}
  #footer .info_warp .btn_wrap {width: 100%; margin-top: 2.5rem;}
  #footer .info_warp .sitemap {width: 100%; height: 4.25rem;}
}/*md2*/
@media screen and (max-width: 500px) {
  #footer .info_warp >ul >li >h6 {width: 100%;}
}/*sm2*/
/* --------------------------------//footer-------------------------------- */


/* --------------------------------popup-------------------------------- */
.popup_layout{display:table;width:100%;height:calc(var(--var,1vh) * 100);position:fixed;left:0;top:0;z-index:150}
.popup_layout .bg{width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.5)}
.popup_layout .out_layer_box{display:table-cell;text-align:center;vertical-align:middle}
.popup_layout .in_layer_box{display:inline-block;width:94%;max-width:500px;position:relative;z-index:10;padding:2.5rem;border-radius: 10px;background: #FFF;box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.30);}
.popup_layout .popup_title{margin-bottom:1.25rem}
.popup_layout .popup_title i{width:1.875rem;height:1.875rem;display:block;margin:0 auto .625rem}
.popup_layout .popup_title i.ico_confirm{background:url(../fonts/fe83e373da714e448c750711123d9575.svg) no-repeat center center / 100% auto}
@media screen and (max-width: 767px) {
  .popup_layout .in_layer_box{max-width:400px;padding:2.31rem}
}/*sm1*/
@media screen and (max-width: 500px) {
  .popup_layout .in_layer_box{max-width:260px;padding:1.67rem}
}/*sm2*/
/* 약관 동의 등의 가로 넓은 팝업 */
.popup_term .in_layer_box{max-width:700px}
.popup_term .ico_title{border-bottom:1px solid #DDD;padding-bottom:1rem;margin-bottom:1rem;text-align: left;}
.popup_term .term_articles{overflow-y:auto;max-height:300px;padding:2px 0;text-align:left;}
.popup_term .term_articles .article:not(:first-child){margin:2rem 0 0}
.popup_term .term_articles h5{color:#222;font-size:1.25rem;font-weight:500;line-height:150%;text-align:left;margin:0 0 .5rem}
.popup_term .term_articles p{color:#333;font-size:1rem;font-weight:400;line-height:150%;text-align:left;word-break:keep-all}
.popup_term .term_articles .depth_01{padding-left:1rem}
.popup_term .term_articles .depth_02{padding-left:2rem}
.popup_term .btn_confirm{border-radius:3.125rem;background:#F3F7FF;padding:.625rem 1.875rem;color:#0B0B34;font-size:1rem;font-weight:400;line-height:100%;float:right;margin:1rem auto 0}
/* --------------------------------//popup-------------------------------- */


/* --------------------------------vis-------------------------------- */
.vis_sec {padding-bottom: 3.75rem;}
/*margin-bottom: 1.25rem;*/
.vis_sec h4 {font-size: 1.625rem; font-weight: 600;}
.vis_sec .ico_title .h4 {color: #fff;}
.vis_sec .desc {font-size: 1rem; line-height: 200%;}
.vis_sec h5 {margin-bottom: 1.25rem; color: #222;}
.vis_sec li {display: flex; gap: 0.25rem; font-size: 1rem; color: #666; line-height: 150%;}
.vis_sec li:not(:last-child) {margin-bottom: 0.75rem;}
.vis_sec li p {flex: 1;}
.vis_sec .top {padding: 5rem; border-radius: 0.75rem; background-size: cover; background-repeat: no-repeat; background-position: center; color: #fff;}
.vis_sec .bot {width: 90%; margin: -10% auto 0; padding: 3.75rem 3.125rem; border: 1px solid #DDDDDD; border-radius: 0.75rem; background-color: #fff;}
.vis_sec .bot .desc {margin-top: 0.75rem; color: #333; line-height: 150%;}
@media screen and (max-width: 767px) {
  .vis_sec .top {padding: 3.5rem 1.15rem;}
  .vis_sec .bot {width: 100%; margin: 1.5rem 0 0; padding: 2rem 1.15rem;}
}/*sm1*/
/* --------------------------------//vis -------------------------------- */


/* --------------------------------side menu-------------------------------- */
.sidebar_wrap button {position: fixed; right: 3rem; bottom: 3rem; z-index: 999;}
.sidebar_wrap button i {display: block; width: 4.375rem; height: 4.375rem; background: url(../fonts/btn_sidebar.svg) no-repeat center/100% auto; transform: rotate(45deg); transition: transform 0.5s;}
.sidebar_wrap button span {display: block; margin-top: 0.5rem; font-size: 0.915rem; color: #000; font-weight: 600;}
.sidebar_wrap button.active i {transform: rotate(0);}
.sidebar_wrap ul {position: fixed; right: 1.9rem; bottom: 10rem; padding: 0.75rem 1.25rem; border: 1px solid #ddd; border-radius: 0.625rem; z-index: 999; background-color: #fff; display: none;}
.sidebar_wrap li:not(:last-child) {border-bottom: 1px solid #DDD}
.sidebar_wrap li a {display: flex; align-items: center; justify-content: right; gap: 0.5rem; padding: 0.625rem 0; cursor: pointer; white-space: nowrap; font-size: 1rem; font-weight: 600; color: #222;}
.sidebar_wrap li i {display: block; width: 4.375rem; height: 4.375rem;}
.sidebar_wrap li:nth-child(1) i { background: url(../images/btn_sidemenu_01.png) no-repeat center/100% auto;}
.sidebar_wrap li:nth-child(2) i { background: url(../images/btn_sidemenu_02.png) no-repeat center/100% auto;}
.sidebar_wrap li:nth-child(3) i { background: url(../images/btn_sidemenu_03.png) no-repeat center/100% auto;}
@media screen and (max-width: 1024px) {
  .sidebar_wrap .bg {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.5); z-index: 998; display: none;}
}/*md2*/
/* --------------------------------//side menu-------------------------------- */