@charset "utf-8";

/* global
-----------------------------------------------*/
body{min-width:1200px; background:#fff; font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#333; word-break:keep-all}
body::-webkit-scrollbar {width:8px; height:8px; background-color:#373b44}
body::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.15); background-color:#373b44}
body::-webkit-scrollbar-thumb {background-color:#da2744}
a{color:#333; text-decoration:none}

/* wrap
-----------------------------------------------*/
.wrap{ margin-right:auto; margin-left:auto;position:relative; width:1200px}

/* header
-----------------------------------------------*/
.header{}
.header > .wrap{ display:flex; align-items:center;position:relative; height:90px}
.header .logo{margin-right:2em}
.header__menu{display:flex; margin-left:auto}
.header__menu-item{position:relative}
.header__menu-item:first-child:after{ position:absolute; top:5px; right:-.75em; bottom:3px; width:1px; background:#ccc;content:''}
.header__menu-item + .header__menu-item{margin-left:1.5em}
.header__menu-link{font-size:.875rem; color:#666 !important}
.header__lang{ margin-left:1em; border:1px solid #ddd;position:relative; font-size:.875rem; transition:border 300ms; cursor:pointer; border-radius:1.25em}
.header__lang:hover{border-color:#aaa}
.header__lang:hover .header__lang-current:after{transform:rotate(180deg)}
.header__lang-current{ display:block; padding:.65em 2em .65em 1em;position:relative}
.header__lang-current:before{ position:absolute; right:0; bottom:-5px; left:0; height:15px;content:''}
.header__lang-current:after{ margin-top:-4px; position:absolute; top:50%; right:13px; width:9px; height:7px; background:url('../images/common/ico_lang_arrow.png') right no-repeat; transition:transform 300ms;content:''}
.header__lang-list{ display:none; border:1px solid #ddd; position:absolute; top:110%; left:0;z-index:150; width:100%; background:#fff; border-radius:10px}
.header__lang-link{display:block; padding:5px 1em;}
.header__lang-link:hover{ font-weight:700;color:#da2744}

.gnb{}
.gnb-list{display:flex}
.gnb-item{}
.gnb-item + .gnb-item{padding-left:5em}
.gnb-link{ display:flex; align-items:center;position:relative; height:90px; font-size:1.125rem; font-weight:700; color:#333 !important}
.gnb-link:after{ position:absolute; right:0; bottom:0; left:0; height:0px; background:#da2744; transition:height 300ms;content:''}
.gnb-link.is-active:after,
.gnb-item:hover .gnb-link:after{height:3px}
.gnb-item:hover > .gnb-depth{display:block;}
.gnb-bg{ display:none; border-top:1px solid #ddd; box-shadow:0 5px 5px 0 rgba(0,0,0,.07); position:absolute; top:90px; right:0; left:0;z-index:1; height:100px; background:#fff}
.gnb-depth{ display:none; position:absolute; top:100%; left:0;z-index:100; width:100%}
.gnb-depth-list{display:flex; padding-left:225px; min-width:100%; max-width:1000px}
.gnb-depth-item + .gnb-depth-item{margin-left:2em}
.gnb-depth-link{display:flex; align-items:center; height:100px; color:#333 !important}
.gnb-link.is-active,
.gnb-depth-link:hover{ font-weight:700;color:#da2744 !important}


/* footer
-----------------------------------------------*/
.footer{padding:1.5em 0; border-top:1px solid #ddd}
.footer__menu{display:flex; margin-left:-70px}
.footer__menu-item{ margin-right:2em;position:relative}
.footer__menu-item:after{ position:absolute; top:7px; right:-1.15em; bottom:4px; width:1px; background:#aaa;content:''}
.footer__menu-item:last-child:after{display:none}
.footer__menu-link{color:#333 !important}
.footer__site{ position:absolute; top:50%; right:0;z-index:50; transform:translateY(-50%)}
.footer__site select{padding:10px 2em 10px 5px; border:0; border-bottom:1px solid #333; width:200px; background:url(../images/common/ico_select_arrow.png) 95% center no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none}
.footer__site select::-ms-expand{display:none}
.footer__info{ margin-left:-70px;opacity:.5}
.footer__info .copyright{text-transform:uppercase}

/* style
-----------------------------------------------*/
.btn{display:inline-block; padding:.5em 1em; background:#da2744; color:#fff}
.btn--big{padding:.75em 1em; font-size:1.125rem}
.btn > span{color:#fff}
.btn > .icon{margin-left:1em}


.icon{display:inline-block}
.icon.ham{width:14px; height:12px; background:url('../images/common/ico_ham.png') 0 0 no-repeat}

.pre-wrap {font-size: 0.875rem;line-height: 1.7;color: #454545;white-space: pre-wrap;word-break: keep-all}
.pre-wrap b {display: inline-block;margin-bottom: 5px;font-size: 16px;color: #000}
.pre-wrap strong {display: inline-block;margin-bottom: 5px;font-size: 15px;font-weight: bold;color: #da2744;letter-spacing: -1px}
.pre-wrap strong::before {content: '“'}
.pre-wrap strong::after {content: '”'}
.pre-wrap u {font-weight: bold;text-decoration: none}
.pre-wrap u::after {content: '.'}

.line-box {padding: 1rem;border: 1px solid #ddd;font-size: 0.875rem;border-radius: 7px}
.line-box--point {padding: 2rem;border-color: #da2744;border-width: 2px}
.line-box .title {margin-bottom: 15px;font-size: 16px}
.line-box h3.title {font-weight: bold;text-align: center}
.line-box h4 {font-weight: normal}
.line-box .desc + .desc {margin-top: 10px}
.line-box .desc dt,
.line-box .desc dd{display: inline-block}
.line-box .desc dt::before {margin-right: 5px;content: '-';}
.line-box .desc dt::after {margin: 0 5px;content: ':';}
.line-box .desc dd a {color: #444;text-decoration:underline}

.num-list {counter-reset: num}
.num-list li {padding-left: 25px;position: relative;counter-increment: num 1}
.num-list li + li {margin-top: 10px}
.num-list li::before {position: absolute;top: 0;left: 0;content: counter(num)'.'}

/* sub
-----------------------------------------------*/
.sub__visual{height:200px; background:url('../images/sub/sub_top_visual.jpg') center no-repeat}
.sub__visual h2{display:flex; align-items:center; justify-content:center; margin:0 auto; width:1200px; height:100%; font-size:1.875rem; font-weight:700; color:#fff}
.container.sub{padding:4em 0}


.location-description{padding:40px 20px;}
.location-description::after{ display:block;clear:both; content:'';}
.location-description li{ margin-bottom:12px; width:45%;float:left;}
.location-description li b{ display:block; position:relative;font-size:14px;}
.location-description li b::before{ display:block; margin-right:8px; border-top:2px solid #e5060b; border-right:2px solid #e5060b; position:absolute; top:50%; right:100%; width:3px; height:3px;content:'';  transform:translateY(-50%) rotate(45deg);}
.location-description li p{ font-size:13px;line-height:1.3;}
.location-description li:nth-child(2n){float:right;}

.flex-btn-group{display:flex;}
.flex-btn-group a{display:block; padding:12px 0; width:100%; background-color:#ff915c; color:#fff; text-align:center;}
.flex-btn-group a ~ a{margin-left:12px;}




/** 인권헌장 추가 20250619**/

  .paragraph {margin-top: 30px;font-size: 0.875rem; line-height: 1.7; color: #454545; word-break: keep-all;}
  .paragraph:first-of-type { margin-top: 0;}
  .paragraph h3 {margin-bottom: 10px; font-size: 1rem;font-weight: bold;}
  .paragraph .dot_list {margin-top: 16px;}
  .paragraph .dot_list li {display: flex;gap: 10px;}

  .paragraph .dot_list li::before {content: "\2022";}
  .paragraph strong, .paragraph b {font-weight: bold;}
  .paragraph table {margin-top: 10px; border: 1px solid #ddd; border-bottom: 0 none; border-left: 0 none; width: 100%;}
  .paragraph table th {background-color: #eee;font-weight: bold;}
  .paragraph table th, .paragraph table td { padding: 7px;border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; text-align: center;}