@charset "utf-8";
@import url(/front/css/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; color:#444444; letter-spacing:-0.02em}
@media screen and (min-width:1024.1px) and (max-width:1280px) {
  html, body {font-size:15px}
}/* md1 */
@media screen and (min-width:1024.1px) and (max-width:1024px) {
  html, body {font-size:14px}
}/* md2 */
@media screen and (min-width:480.1px) and (max-width:1024px) {
  html, body {font-size:13px}
}/* sm1 */
@media screen and (max-width:480px) {
  html, body {font-size:12px}
}/* sm2 */
html {
  /* Prevent font scaling in landscape */
  -webkit-text-size-adjust:none; /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust:none; /*Firefox*/
  -ms-text-size-adjust:none; /*Ie*/
  -o-text-size-adjust:none; /*old versions of Opera*/
}
html, body, button, input, select, table, textarea {font-family:'Pretendard', 'Outfit', 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%}
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}
table {border-collapse:collapse; border-spacing:0}
td, th {padding:0}
ul,li {list-style:none}
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 {
  -o-appearance:none; 
  -webkit-appearance:none; 
  -moz-appearance:none; 
  appearance:none; 
}
:focus {outline:none}
:focus:not(:focus-visible) {outline:0}
@media (pointer:coarse) {
    :focus {outline:0}
}
/* --------------------------------reset end--------------------------- */


/* --------------------------------common-------------------------------- */
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%; padding-top:80px}
section {position:relative}
.inner {position:relative; width:88%; max-width:1440px; 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  !important}
.bmo {display:none  !important}
@media screen and (max-width:1024px) {
  #container {padding-top:64px}
  .bpc {display:none  !important}
  .bmo {display:block  !important}
}/*sm*/

.key_color {color:#5988C1 !important}
/*ani*/
[data-ani="scroll"] {opacity:0; transform:translateY(50px); transition:transform 1s, opacity 1s}
[data-ani="scroll"].on {opacity:1; transform:translateY(0)}
/* --------------------------------//common-------------------------------- */


/* --------------------------------header------------------------------ */
#header {position:fixed; top:0; transition:top .15s ease-in-out, background-color .1s ease-in-out; width:100%; height:80px; display:block; z-index:10000; background-color:transparent}
#header.hidden {top:-80px}
#header .inner {display:flex; justify-content:space-between; align-items:center; height:100%}
#header .logo a {display:block; width:79px; height:25px; background:url(/front/images/common/logo_w.svg) center/100% auto no-repeat}
#header .menu_de .depth_01 {display:flex; justify-content:space-between; align-items:center; width:100%; height:80px; gap:65px}
#header .menu_de .depth_01>li {height:100%; position:relative; display:inline-flex; justify-content:center; align-items:center; padding:10px}
#header .menu_de .depth_01>li>a {font-size:1rem; line-height:1rem; font-weight:500; color:#FDFDFD; display:block; padding:2px 0; transition:all .15s ease-in-out; border-bottom:1px solid transparent}
#header .menu_de .depth_01>li.menu_inquiry {padding:0}
#header .menu_de .depth_01>li.menu_inquiry a {padding:5px 8px; border:1px solid #FDFDFD; border-radius:4px}
#header .menu_de .depth_02 {opacity:0; visibility:hidden; position:absolute; left:-40px; bottom:1px; width:max-content; height:96px; transform:translate(0,100%); font-size:0; z-index:100; padding:0 50px; transition:all .15s ease-in-out}
#header .menu_de .depth_02>li {display:inline-flex; height:100%; justify-content:center; align-items:center; margin-right:3rem}
#header .menu_de .depth_02>li>a {font-size:1rem; line-height:1rem; font-weight:600; color:#1B1B1B; transition:all .15s ease-in-out}
#header .menu_de .depth_02.active {opacity:1; visibility:visible}
#header .menu_de .menu_bg {opacity:0; visibility:hidden; pointer-events:none; width:105vw; height:96px; position:absolute; top:79px; left:50%; transform:translateX(-50%); background-color:#FDFDFD; z-index:99; transition:all .15s ease-in-out}
#header .menu_de .menu_bg.active {opacity:1; visibility:visible}

/* light ver */
#header.light {background-color:#FFF}
#header.light .logo a {background-image:url(/front/images/common/logo.svg)}
#header.light .menu_de .depth_01>li>a {color:#1B1B1B}
#header.light .menu_de .depth_01>li.menu_inquiry a {border-color:#1B1B1B}
#header.light .menu_de .menu_bg {background-color:#333333}
#header.light .menu_de .depth_02>li>a {color:#FDFDFD}
#header.light.open .logo a {background-image:url(/front/images/common/logo_w.svg)}

/* scroll 후 bg ver */
#header.bg {background-color:rgba(0,0,0,0.5) !important}
#header.light.bg {background-color:rgba(255,255,255,0.7) !important}


/* mobile menu */

#header .btn_menu_mo {display:none; width:18px; height:18px; background:url(/front/images/common/btn_gnb.png) center / contain no-repeat; transition:all .15s ease-in-out}
#header.open {background-color:transparent !important}
#header.open .btn_menu_mo {background:url(/front/images/common/btn_close.png) center / contain no-repeat}
.menu_mo {position:fixed; width:100%; height:100%; background-color:#FFF; z-index:9999; display:none}
.menu_mo .gnb_wrap {display:flex; width:100%; height:calc(100vh - 88px)}
.menu_mo .scroll_wrap {width:100%; height:auto; max-height:100%; padding:0 0 2rem; overflow-y:auto; overflow-x:hidden}
.menu_mo .top {position:relative; width:88%; height:64px; margin:0 auto 24px}
.menu_mo .top .btn_menu_mo {right:20px; top:50%; transform:translateY(-50%)}
.menu_mo .depth_01 {width:88%; margin:0 auto}
.menu_mo .depth_01>li {border-bottom:2px solid #E6E8EB; cursor:pointer; position:relative}
.menu_mo .depth_01>li:not(:last-child) {margin-bottom:2.46rem}
.menu_mo .depth_01>li>a {font-size:1.85rem; line-height:2.76rem; font-weight:700; color:#161B20; display:block; width:100%; position:relative; margin:0 0 0.74rem}
/*.menu_mo .depth_01>li.is_parent>a::after {content:''; display:block; width:14px; height:14px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:url(/front/images/common/arrow_gnb.png) center / 100% auto no-repeat; transition:all .15s ease-in-out}*/
/*.menu_mo .depth_01>li.is_parent.open>a::after {transform:scaleY(-1) translateY(50%)}*/
.menu_mo .depth_01 .is_parent .btn_open_depth {display:block; width:3.5rem; height:3.5rem; position:absolute; right:0; top:1.75rem; z-index:50; transform:translateY(-50%); background:url(/front/images/common/arrow_gnb.png) center / 14px auto no-repeat; transition:all .15s ease-in-out}
.menu_mo .depth_01 .is_parent.open .btn_open_depth {transform:scaleY(-1) translateY(50%)}
.menu_mo .depth_02 {display:none; background-color:#F7F7F8; padding:16px}
.menu_mo .depth_02>li:not(:last-child) {margin-bottom:16px}
.menu_mo .depth_02>li>a {font-size:20px; line-height:32px; font-weight:500; color:#161b20}

#header.light .btn_menu_mo {background:url(/front/images/common/btn_gnb_bk.png) center / contain no-repeat}
#header.light.open .btn_menu_mo {background:url(/front/images/common/btn_close.png) center / contain no-repeat}

@media screen and (max-width:1000px) {
  #header {height:64px}
  #header.hidden {top:-64px}
  #header .logo a {width:47px; height:15px}

  #header .menu_de {display:none}
  #header .btn_menu_mo {display:block}
  .menu_mo.open {display:block}
}/*sm*/

@media screen and (max-width:1024px) {
}/*sm*/

@media (hover:hover) {
  #header .menu_de .depth_01>li:hover>a {font-weight:700; /* color:#0072F7 */}
  #header .menu_de .depth_01>li:not([class='menu_inquiry']):hover>a {font-weight:700; border-color:#FDFDFD}
  #header.light .menu_de .depth_01>li:not([class='menu_inquiry']):hover>a {font-weight:700; border-color:#1B1B1B}
  /*#header .menu_de .depth_02>li:hover>a {color:#FFF}*/

}
/* --------------------------------//header-------------------------------- */


/* --------------------------------footer------------------------------ */
#footer {width:100%; min-height:262px; padding:3.5rem 0; background-color:#0A0A0A}
#footer a,
#footer p,
#footer button,
#footer span,
#footer address {font-size:0.875rem; line-height:100%; font-weight:400; color:#FFF}
#footer b {font-weight:600}
#footer .inner {width:88%; max-width:1520px; margin:0 auto}
#footer .fnb {display:flex; margin-bottom:2.5rem}
#footer .fnb li {text-align:center; display:inline-flex; justify-content:center; align-items:center; position:relative}
#footer .fnb li a,
#footer .fnb li button {font-size:1rem; line-height:100%; font-weight:500; color:#FFF}
#footer .fnb li:not(:last-child)::after {content:""; margin:0 1rem; background-color:#fff; width:1px; height:12px; display:inline-block; flex-shrink:0}
#footer .finfo b {margin-right:0.5rem}
#footer .fsns {position:absolute; top:0; right:0; z-index:1; display:flex; flex-direction:row; gap:1rem}
#footer .fsns b {font-size:1rem; margin-right:.5rem}
#footer .fsns a {display:flex; border:1px solid #FFF; width:180px; padding:1.125rem 1rem; justify-content:center; align-items:center; gap:.5rem; overflow:hidden; transition:0.2s; position:relative; will-change:transform}
#footer .fsns a::before {position:absolute; content:""; top:50%; left:50%; z-index:0; width:120%; height:210%; background:#fff; transform:translate(-50%, -50%) rotate(45deg) scale(0,1); transition:0.2s; will-change:transform}
#footer .fsns a span {position:relative; z-index:2; transition:0.2s}
#footer .finfo {margin-bottom:2.5rem}
#footer .finfo ul {font-size:0}
#footer .finfo ul + ul {margin-top:0.75rem}
#footer .finfo li {display:inline-block}
#footer .finfo li p {display:inline-flex; align-items:center}
#footer .finfo li:not(:last-child) p::after {content:""; width:5px; height:5px; border-radius:100%; display:inline-block; margin:0 .75rem; background:#E4E4E4; vertical-align:middle}
#footer .flogo {position:absolute; bottom:0; right:0; z-index:1; display:flex; justify-content:flex-end; align-items:center; gap:1.25rem; height:3rem}
#footer .flogo img {height:42px; width:auto}
#footer .copyright {color:#A3A3A3}

@media (hover:hover) {
  #footer .fsns a:hover {background:transparent}
  #footer .fsns a:hover span {font-weight:600; color:#0A0A0A}
  #footer .fsns a:hover::before {transform:translate(-50%,-50%) rotate(45deg) scale(1,10)}
}

@media screen and (max-width:1100px) {
  #footer .cs {position:unset; margin-bottom:2rem}
}/*sm*/
@media screen and (max-width:1024px) {
  #footer {padding:0 0 2.46rem}
  #footer a,
  #footer p,
  #footer button,
  #footer span,
  #footer address {font-size:12px}
  #footer .inner {width:100%; max-width:unset}
  #footer .finfo {width:88%; margin:0 auto 2.46rem}
  #footer .finfo ul li p {display:inline-flex; align-items:center}
  #footer .fnb {flex-wrap:wrap; width:100%; align-items:center; justify-content:space-evenly; border-top:1px solid #F0F0F0}
  #footer .fnb li {height:3.54rem}
  #footer .fnb li a,
  #footer .fnb li button {display:block; width:100%; font-size:14px}
  #footer .fnb li:nth-child(1),
  #footer .fnb li:nth-child(2),#footer .fnb li:nth-child(3) {width:33.33%}
  #footer .fnb li:nth-child(4),
  #footer .fnb li:nth-child(5) {width:50%; border:1px solid #F0F0F0}
  #footer .fnb li:nth-child(4) {border-left:none}
  #footer .fnb li:nth-child(5) {border-left:none; border-right:none}
  #footer .fnb li:nth-child(3)::after,
  #footer .fnb li:nth-child(4)::after {display:none}
  #footer .fnb li:not(:last-child)::after {margin:0}

  #footer .fsns {position:unset; width:88%; margin:0 auto 2.46rem; flex-direction:column; gap:1.24rem}
  #footer .fsns b {font-size:1.08rem; display:block; margin-bottom:0.6rem}
  #footer .fsns a {font-size:1.08rem; width:100%; padding:1.3rem 0}
  #footer .finfo li {display:block; margin-bottom:1rem}
  #footer .finfo li.dot_mo,
  #footer .finfo li.dot_mo + li {display:inline-block}
  #footer .finfo li:not(:last-child) p::after {display:none}
  #footer .finfo li.dot_mo p:first-child::after {content:""; width:5px; height:5px; border-radius:100%; display:inline-block; margin:0 .75rem; background:#E4E4E4; vertical-align:middle}
  #footer .finfo b {margin-right:12px}
  #footer .copyright {width:88%; margin:0 auto}
  #footer .flogo {position:unset; justify-content:flex-start; gap:1.85rem; width:88%; margin:2.46rem auto; height:2.46rem}
  #footer .flogo img {height:32px; width:auto}
}/*sm*/
/* --------------------------------//footer-------------------------------- */




/* --------------------------------pagination-------------------------------- */
/* pagination common */
.pg_wrap {height:1.25rem; margin-top:2.5rem; display:flex; justify-content:center; align-items:center; gap:12px}
.pg_wrap .pagination {display:flex; justify-content:center; align-items:center; gap:12px}
.pg_wrap .pagination a {font-size:1rem; line-height:1.75rem; font-weight:400; color:#5A6470; transition:all .1s ease-in-out}
.pg_wrap .pagination .active a {font-weight:700; text-decoration:underline; text-underline-position:under; text-decoration-thickness:2px}
.pg_wrap .prev,
.pg_wrap .next {display:inline-block; width:1.25rem; height:1.25rem; background:url(/front/images/common/pg_arrow.svg) center/25% auto no-repeat}
.pg_wrap .next {transform:scaleX(-1)}

@media (hover:hover) {
  .pg_wrap .pagination a:hover {font-weight:700; color:#3468B2}
}
@media screen and (max-width:1024px) {
  .pg_wrap .pagination a {font-size:0.92rem; line-height:1.24rem}
}/* sm */
/* --------------------------------//pagination-------------------------------- */


/* --------------------------------input-------------------------------- */
/* input common */
.input_wrap {display:block; position:relative}
.input_wrap:not(:last-child) {margin-bottom:2.5rem}
.input_wrap label,
.input_wrap p.input_tit {font-size:1rem; line-height:1.75rem; font-weight:700; color:#161B20; text-align:left; display:block; margin-bottom:.5rem}
.input_wrap label span,
.input_wrap p.input_tit span {vertical-align:top}
.input_wrap label span.desc,.input_wrap p.input_tit span.desc {font-size:12px; line-height:1rem; font-weight:500; color:#5A6470; vertical-align:initial; display:block}
.input_wrap input {font-size:14px; line-height:20px; font-weight:400; color:#161B20; width:100%; padding:1rem 1.5rem; border:1px solid #BEC1C7}
.input_wrap input:focus {outline:none !important; border-color:#3468B2; box-shadow:0 0 10px #efefef}
.input_wrap input::placeholder {font-size:14px; line-height:20px; font-weight:400; color:#BEC1C7}

/* checkbox */
.input_wrap input[type="checkbox"] {position:absolute; left:0; top:0; width:0; height:0; z-index:0; appearance:none; padding:0; border:none}
.input_wrap input[type="checkbox"]:checked {background-color:#3468B2}
.input_wrap input[type="checkbox"]:focus + label span {outline:none !important; border-color:#3468B2; box-shadow:0 0 10px #efefef}
.input_wrap input[type="checkbox"] + label {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:4px; cursor:pointer}
.input_wrap input[type="checkbox"] + label span {display:inline-block; width:16px; height:16px; margin:0; padding:0; background:#FFF; border:1px solid #BEC1C7; transition:all .1s ease-in-out}
/*.input_wrap input[type="checkbox"] + label span {display:inline-block; width:16px; height:16px; margin:0; padding:0; background:url(/front/images/common/ico_check.png) no-repeat center / 100% auto #FFF; border:1px solid #BEC1C7; transition:all .1s ease-in-out}*/
.input_wrap input[type="checkbox"]:checked  + label span {background:url(/front/images/common/ico_checked.png) no-repeat center / 100% auto #3468B2; border-color:#3468B2
}

/* select box */
.input_wrap select {font-size:14px; line-height:20px; font-weight:400; color:#161B20; width:100%; padding:1rem 1.5rem; border:1px solid #BEC1C7}
.input_wrap select option {font-size:14px; line-height:20px; font-weight:400; color:#161B20}
.input_wrap .select_box {position:relative}
.input_wrap .select_box .btn_select {font-size:14px; line-height:1.25rem; font-weight:400; color:#161B20; width:100%; padding:1rem 1.5rem; border:1px solid #BEC1C7; text-align:left; transition:all .2s ease-in-out; position:relative}
.input_wrap .select_box .btn_select:focus {outline:none !important; border-color:#3468B2; box-shadow:0 0 10px #efefef}
.input_wrap .select_box .btn_select.open {outline:none !important; border-color:#3468B2; box-shadow:0 0 10px #efefef}
.input_wrap .select_box .btn_select::after {content:''; display:block; width:20px; height:20px; position:absolute; top:50%; right:1.5rem; transform:translateY(-50%); background:url(/front/images/common/select_down_gy.png) center center / 20px 20px no-repeat; transition:all .2s ease-in-out}
.input_wrap .select_box .btn_select.open::after {transform:translateY(-50%) scaleY(-1)}
.input_wrap .select_box .opt_list {display:none; position:absolute; top:calc(3.25rem + 2px); left:0; z-index:10; width:100%; border:1px solid #BEC1C7; background-color:#FFF; border-top-color:#FFF; padding:1.25rem 1.5rem}
.input_wrap .select_box .opt_list li {font-size:14px; line-height:20px; font-weight:400; color:#161B20; transition:all .2s ease-in-out; cursor:pointer; display:block}
.input_wrap .select_box .opt_list li:not(:last-child) {margin-bottom:1rem}
.input_wrap .select_box .opt_list li:focus {font-weight:700; color:#5A6470}

/* file */
.input_wrap .file_wrap {position:relative}
.input_wrap .file_wrap input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0; background-color:transparent}
.input_wrap .file_wrap label {font-size:14px; line-height:1.25rem; font-weight:400; color:#161B20; width:100%; padding:1rem 1.5rem; border:1px solid #BEC1C7; cursor:pointer}
.input_wrap .file_wrap input[type="file"]:focus + label {outline:none !important; border-color:#3468B2; box-shadow:0 0 10px #efefef}
.input_wrap .file_wrap label span {color:#BEC1C7}

/* agree_wrap */
.agree_wrap {text-align:center}
.agree_wrap .input_wrap label p {font-weight:500}
.agree_wrap .input_wrap label p b {font-weight:700; display:inline}
.agree_wrap .tip {font-size:12px; line-height:100%; font-weight:500; color:red; position:relative; display:none; text-align:center; transition:all .1s ease-in-out}
.agree_wrap .tip i {width:10px; height:10px; background:url(/front/images/sub/ico_tip.svg) center center /100% auto no-repeat; display:inline-block; vertical-align:-1px}
.agree_wrap .tip_01 {margin:4px 0}
.agree_wrap .tip_02 {margin-top:2.5rem}
.agree_wrap .input_wrap,.agree_wrap .input_wrap:not(:last-child) {margin-bottom:0!important}
.agree_wrap .input_wrap input[type="checkbox"] + label {display:block; margin:0 0 0 2.25em; padding:.5rem 1rem; border:1px solid #BEC1C7; background-color:#fff; font-weight:400}
.agree_wrap .input_wrap input[type="checkbox"] + label strong {font-weight:700}
.agree_wrap .input_wrap input[type="checkbox"] + label span {position:absolute; left:.563rem; top:50%; width:18px; height:18px; transform:translateY(-50%)}
.agree_wrap .btn_more {position:absolute; right:0; top: calc(50% - .875rem); width:1.25rem; height:1.25rem; background:url(/front/images/board/ico_down.svg) no-repeat center/1rem auto; transform:translateY(-50%) scaleY(-1); z-index:10; margin: .875rem}
.agree_wrap .btn_more.open {transform:translateY(-50%) scaleY(1)}
.agree_wrap .desc_wrap {display:none; width:100%; height:16.75rem; padding:0.5rem 1rem; background:#fff; overflow-y:auto; text-align:left}
.agree_wrap .desc_wrap::-webkit-scrollbar {width:10px; height:30px}
.agree_wrap .desc_wrap::-webkit-scrollbar-thumb {background:#FDFDFD; border:2px solid #FDFDFD; border-radius:300px}
.agree_wrap .desc_wrap::-webkit-scrollbar-thumb:hover {background-color:#BEC1C7; border:2px solid #BEC1C7}
.agree_wrap .desc_wrap::-webkit-scrollbar-track {background:#E6E8EB}
.agree_wrap .desc_wrap h4 {font-size:.875rem; line-height:1.25rem; font-weight:700; color:#161b20; margin-bottom:.5rem}
.agree_wrap .desc_wrap p {font-size:.875rem; line-height:1.25rem; font-weight:400; color:#161b20; margin-bottom:2rem}
.agree_wrap .desc_wrap p.desc {font-size:12px; line-height:1rem; font-weight:400; color:#5A6470}
.agree_wrap .desc_wrap p:last-child {margin-bottom:0}


/* input flex_box */
.flex_box {display:flex; flex-direction:row; gap:1.5rem}
.flex_box .input_wrap {flex-grow:1}

@media (hover:hover) {
  .input_wrap .select_box .opt_list li:hover {font-weight:700; color:#5A6470}
}

@media screen and (max-width:1024px) {
  .input_wrap,
  .input_wrap:not(:last-child) {margin-bottom:1.85rem}
  .input_wrap input {padding:1rem 1.85rem}
  .input_wrap label,
  .input_wrap p.input_tit {font-size:1.08rem; line-height:1.54rem}
  .input_wrap label span.desc,
  .input_wrap p.input_tit span.desc {margin:4px 0 8px}

  .agree_wrap .desc_wrap {max-height:140px}
}/*sm*/
/* --------------------------------//input-------------------------------- */


/* --------------------------------button-------------------------------- */
.btn_group {width:100%; margin:0 auto}
.btn_group .btn_common {font-size:1.5rem; line-height:4.25rem; font-weight:700; width:100%; height:4.25rem; display:block; color:#FFF; border:1px solid #0A0A0A; background-color:#0A0A0A; position:relative; transition:all .15s ease-in-out}
.btn_group .btn_common .arr {position:relative; overflow:hidden; height:22px; width:0; transition:opacity .05s,transform .15s ease}
.btn_group .btn_common .arr i {position:absolute; top:50%; left:0; font-size:16px; transition:all ease .2s; transform:translateY(-50%) rotate(20deg); width:18px; height:18px; opacity:0; background:url(/front/images/main/sec6_logo_w.png) center / contain no-repeat}
.btn_group.group_type_02 {display:flex; justify-content:space-between; align-items:center; flex-direction:row; gap:1.5rem}
.btn_group.group_type_02 > * {font-size:1.5rem; line-height:4.25rem; font-weight:700; height:4.25rem; flex-grow:1}
.btn_group.group_type_02 > :first-child {color:#FFF; border:1px solid #0A0A0A; background-color:#0A0A0A}
.btn_group.group_type_02 > :last-child {color:#161B20; border:1px solid #BEC1C7; background-color:#FFF}

@media screen and (min-width:1024.1px) and (hover:hover) {
  .btn_group .btn_common:hover {padding-right:24px}
  .btn_group .btn_common:hover .arr {width:16px}
  .btn_group .btn_common:hover .arr i {left:8px; transform:translateY(-50%) rotate(0); opacity:1}
}/* hover */

@media screen and (max-width:1024px) {
  .btn_group .btn_common .arr {width:16px}
  .btn_group .btn_common .arr i {width:12px; height:13px; left:4px; transform:translateY(-50%) rotate(0); opacity:1}

  .btn_group.group_type_02 {max-width:360px; flex-direction:column; gap:1.24rem}
  .btn_group.group_type_02 > * {font-size:1.24rem; line-height:3.69rem; width:100%; height:3.69rem}
}/*sm*/


/*download*/
.btn_download {display:flex; justify-content:flex-start; align-items:center; gap:0; font-size:1rem; line-height:160%; border-bottom:1px solid #696969; font-weight:500; position:relative; padding:0 3.375rem 4px 0; max-width:182px}
.btn_download span {width:fit-content; max-width:calc(100% - 28px); display:inline-block; height:1.6rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all}
.btn_download::after {content:""; display:block; width:.875rem; height:.875rem; background:url(/front/images/about/ico_download.svg) no-repeat center/100% auto; position:absolute; top:50%; right:0; transform:translateY(-50%)}
.btn_download[data-color="white"] {color:#F6F7F8; border-bottom:1px solid #F6F7F8}
.btn_download[data-color="white"]::after {background-image:url(/front/images/about/ico_download_w.svg)}
.btn_download:not(:first-child) {margin-top:1.5rem}

@media screen and (max-width:1024px) {
  /*title*/
  /*button*/
  .btn_download {font-size:1.25rem; line-height:1.6rem}
  .btn_download::after {width:1rem; height:1rem}
}/*sm*/

@media screen and (min-width:1024.1px) and (hover:hover) {
  .btn_download:hover {font-weight:700; color:#3468B2; border-color:#3468B2}
  .btn_download[data-color="white"]:hover {font-weight:700; color:#61E7E7; border-color:#61E7E7}
}
/* --------------------------------//button-------------------------------- */


/* --------------------------------popup------------------------------ */
.layout_popup {display:table; width:100%; height:100%; position:fixed; left:0; top:0; z-index:100000}
.layout_popup .bg {width:100%; height:100%; position:absolute; left:0; top:0; background-color:#000; filter:alpha(opacity=70); opacity:0.7}
.layout_popup .out_layer_box {display:table-cell; text-align:center; vertical-align:middle}
.layout_popup .in_layer_box {display:inline-block; width:88%; max-width:454px; padding:2rem; position:relative; z-index:10; background:#fff; text-align:center}
.layout_popup .title {font-size:1rem; line-height:1.75rem; font-weight:700; color:#161B20}
.layout_popup .desc {font-size:1rem; line-height:1.75rem; font-weight:400; color:#161B20; margin:.5rem 0 1.5rem}
.layout_popup .desc + .desc {margin-top:2rem}
.layout_popup a,
.layout_popup h1,
.layout_popup h2,
.layout_popup p,
.layout_popup th,
.layout_popup td {color:#000}
.layout_popup p b {font-weight:700; display:block; margin-bottom:.5rem}
.layout_popup .sub_desc {font-size:14px; line-height:20px; font-weight:400; color:#5A6470; margin-top:1rem}
.layout_popup .sub_desc + .sub_desc {margin-top:.5rem}
.layout_popup .btn_group {max-width:206px; margin:1rem auto 0}
.layout_popup .btn_group > * {font-size:14px; line-height:2.25rem; font-weight:500; color:#F6F7F8; width:6.5rem; height:2.25rem; border:1px solid #333333; background-color:#333333; margin:0 auto}
.layout_popup .btn_group.group_type_02 {display:flex; justify-content:space-between; align-items:center; flex-direction:row; gap:.5rem}
.layout_popup .btn_group.group_type_02 > * {font-size:14px; line-height:2.25rem; font-weight:500; color:#161B20; height:2.25rem; flex-grow:1}
.layout_popup .btn_group.group_type_02 > :first-child {color:#F6F7F8; border:1px solid #333333; background-color:#333333}
.layout_popup .btn_group.group_type_02 > :last-child {color:#161B20; border:1px solid #BEC1C7; background-color:#FFF}
.layout_popup .btn_close {position:absolute; top:2rem; right:2rem; width:2rem; height:2rem; background:url(/front/images/common/btn_close_popup.svg) center / 1.4375rem auto no-repeat}

/* 개인정보 */
#popup_privacy .in_layer_box {max-width:714px; padding:3rem 2rem}
#popup_privacy .title {font-size:1.5rem; line-height:2.25rem; font-weight:700; color:#161B20; text-align:left; margin-bottom:2rem}
#popup_privacy ul {height:50vh; padding-right:10px; overflow-y:scroll}
#popup_privacy ul::-webkit-scrollbar {width:10px; height:30px}
#popup_privacy ul::-webkit-scrollbar-thumb {background:#FDFDFD; border:2px solid #FDFDFD; border-radius:300px}
#popup_privacy ul::-webkit-scrollbar-thumb:hover {background-color:#BEC1C7; border:2px solid #BEC1C7}
#popup_privacy ul::-webkit-scrollbar-track {background:#E6E8EB}
#popup_privacy ul li {margin-bottom:2rem}
#popup_privacy ul li:last-child {margin-bottom:0}
#popup_privacy ul li h1 {font-size:1rem; line-height:1.75rem; font-weight:700; color:#161B20; text-align:left; margin-bottom:.5rem}
#popup_privacy ul li p {font-size:1rem; line-height:1.75rem; font-weight:400; text-align:left; word-break:keep-all}
#popup_privacy ul li a {display:inline-block; text-align:left; margin-top:1rem;position:relative; float:left}
#popup_privacy ul li a::after{content:'';display:block;width:100%;height:1px;position:absolute;bottom:0;left:0;background-color: #000}

.table_style_02 {width:100%; border:solid 1px #e3e3e3; font-size:14px; line-height:24px}
.table_style_02 thead th {font-size:14px; font-weight:500; padding:13px 0; background-color:#efefef; border:solid 1px #e3e3e3; text-align:center}
.table_style_02 tbody th {padding:13px 0; background-color:#efefef; border-top:solid 1px #e3e3e3; border-right:solid 1px #e3e3e3}
.table_style_02 tbody td {padding:13px; border-left:solid 1px #e3e3e3; border:solid 1px #e3e3e3; text-align:center}
.table_style_02 tbody td.left {text-align:left}

/* 이용약관 */
#popup_service .in_layer_box {max-width:714px; padding:3rem 2rem}
#popup_service .title {font-size:1.5rem; line-height:2.25rem; font-weight:700; color:#161B20; text-align:left; margin-bottom:2rem}
#popup_service ul {height:50vh; padding-right:10px; overflow-y:scroll}
#popup_service ul::-webkit-scrollbar {width:10px; height:30px}
#popup_service ul::-webkit-scrollbar-thumb {background:#FDFDFD; border:2px solid #FDFDFD; border-radius:300px}
#popup_service ul::-webkit-scrollbar-thumb:hover {background-color:#BEC1C7; border:2px solid #BEC1C7}
#popup_service ul::-webkit-scrollbar-track {background:#E6E8EB}
#popup_service ul li {margin-bottom:2rem}
#popup_service ul li:last-child {margin-bottom:40px}
#popup_service ul li:first-child h1 {margin:0 0 1.5rem}
#popup_service ul li:not(:first-child) h1 {margin:2rem 0 1.5rem}
#popup_service ul li h1 {font-size:1.5rem; line-height:2rem; font-weight:700; color:#161B20; text-align:left}
#popup_service ul li h2 {font-size:1.25rem; line-height:1.75rem; font-weight:700; color:#161B20; text-align:left; margin-bottom:0.75rem}
#popup_service ul li p {font-size:1rem; line-height:1.75rem; font-weight:400; text-align:left; word-break:keep-all; margin-bottom:2rem}

/* 뉴스레터 등록 */
#popup_register .in_layer_box {max-height:80vh}
#popup_register .input_wrap input[type="checkbox"] + label {justify-content:center}
#popup_register .input_wrap:not(:last-child) {margin-bottom:2rem}
/*#popup_register .agree_wrap .input_wrap:not(:last-child) {margin-bottom:0}*/
#popup_register .agree_wrap {margin-bottom:1.5rem}
#popup_register .agree_wrap .tip {justify-content:center; margin:1rem 0 .5rem}
.layout_popup .btn_close {top:1.5rem; right:1.5rem}

/* 뉴스레터 등록완료 */
#popup_done .desc {margin-top: 1rem}
@media screen and (max-width:1024px) {
  #popup_done .btn_group button {width: 128px; height: 36px}
}

/* 길찾기 */
#popup_map .title {font-size:1.5rem; line-height:2.25rem; text-align:center}
#popup_map .in_layer_box {padding:2.5rem}
#popup_map .cont_wrap {margin-top:1rem; display:flex; justify-content:center; align-items:center; gap:1rem}
#popup_map .cont_wrap a {width:7.5rem; height:7.5rem}
#popup_map .cont_wrap img {width:100%; height:auto; object-fit:contain}
#popup_map .btn_close {position:absolute; top:2.5rem; right:2rem; width:2rem; height:2rem; background:url(/front/images/common/btn_close_popup.svg) center / 1.4375rem auto no-repeat}


@media screen and (max-width:1024px) {
  .layout_popup .in_layer_box {max-width:320px; padding:2.46rem}
  .layout_popup .title {font-size:1.24rem; line-height:2.15rem}
  .layout_popup .desc {font-size:1.08rem; line-height:1.54rem; margin:0.6rem auto 1.85rem}
  .layout_popup .btn_group.group_type_02 > * {font-size:1.08rem; line-height:2.76rem; height:2.76rem}
}/*sm*/
/* --------------------------------//popup-------------------------------- */