@charset "UTF-8";

/* 공식 사이트 subset 파일 */
/* @font-face {font-family: "spoqa_light"; font-weight: normal; src: url("/pc/common/font/SpoqaHanSansNeo-Light.eot"); src: url("/pc/common/font/SpoqaHanSansNeo-Light.eot?#iefix") format("embedded-opentype"), url("/pc/common/font/SpoqaHanSansNeo-Light.woff") format("woff"), url("/pc/common/font/SpoqaHanSansNeo-Light.otf") format("opentype"), url("/pc/common/font/SpoqaHanSansNeo-Light.ttf") format("truetype"); src: local("?"), url("/pc/common/font/SpoqaHanSansNeo-Light.woff") format("woff");} */
@font-face {font-family: "spoqa_regular"; font-weight: normal; src: url("../font/SpoqaHanSansNeo-Regular.eot"); src: url("../font/SpoqaHanSansNeo-Regular.eot?#iefix") format("embedded-opentype"), url("../font/SpoqaHanSansNeo-Regular.woff") format("woff"), url("../font/SpoqaHanSansNeo-Regular.otf") format("opentype"), url("../font/SpoqaHanSansNeo-Regular.ttf") format("truetype"); src: local("?"), url("../font/SpoqaHanSansNeo-Regular.woff") format("woff");}
@font-face {font-family: "spoqa_medium"; font-weight: normal; src: url("../font/SpoqaHanSansNeo-Medium.eot"); src: url("../font/SpoqaHanSansNeo-Medium.eot?#iefix") format("embedded-opentype"), url("../font/SpoqaHanSansNeo-Medium.woff") format("woff"), url("../font/SpoqaHanSansNeo-Medium.otf") format("opentype"), url("../font/SpoqaHanSansNeo-Medium.ttf") format("truetype"); src: local("?"), url("../font/SpoqaHanSansNeo-Medium.woff") format("woff");}
@font-face {font-family: "spoqa_bold"; font-weight: normal; src: url("../font/SpoqaHanSansNeo-Bold.eot"); src: url("../font/SpoqaHanSansNeo-Bold.eot?#iefix") format("embedded-opentype"), url("../font/SpoqaHanSansNeo-Bold.woff") format("woff"), url("../font/SpoqaHanSansNeo-Bold.otf") format("opentype"), url("../font/SpoqaHanSansNeo-Bold.ttf") format("truetype"); src: local("?"), url("../font/SpoqaHanSansNeo-Bold.woff") format("woff");}
@font-face {font-family: "notosans_bold"; font-weight: normal; src: url("../font/NotoSans-Bold.eot"); src: url("../font/NotoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../font/NotoSans-Bold.woff") format("woff"), url("../font/NotoSans-Bold.otf") format("opentype"), url("../font/NotoSans-Bold.ttf") format("truetype"); src: local("?"), url("../font/NotoSans-Bold.woff") format("woff");}
@font-face {font-family: "notosans_medium"; font-weight: normal; src: url("../font/NotoSans-Medium.eot"); src: url("../font/NotoSans-Medium.eot?#iefix") format("embedded-opentype"), url("../font/NotoSans-Medium.woff") format("woff"), url("../font/NotoSans-Medium.otf") format("opentype"), url("../font/NotoSans-Medium.ttf") format("truetype"); src: local("?"), url("../font/NotoSans-Medium.woff") format("woff");}
/* font settings - End */


* {margin: 0; padding: 0; letter-spacing: -.03em; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-print-color-adjust: exact !important; print-color-adjust: exact; /* page-break-after: avoid; page-break-before: avoid; page-break-inside: avoid; break-inside: avoid-page; break-before: avoid-page; break-after: avoid-page; */}
html {width: 100%; height: 100%;}
body {position: relative; font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-weight: 400; font-size: 18px; color: #333; line-height: 1.5; height: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-print-color-adjust: exact !important;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, table, tr, th, td {margin: 0; padding: 0; font-weight: normal;}
ul, ol, li {list-style: none;}
img, fieldset {border: none; vertical-align: top;}
legend, caption {visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0;}
textarea, button {vertical-align: middle;}
input, select {font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif; vertical-align: top;}
input {padding: 3px 20px; height: 50px;}
input[type="text"]::-ms-clear {display:none;}
input:focus, input:active {outline: none;}
.attach_area .file_div input[readonly] {pointer-events: none;}
option {padding: 3px 10px;}
option:focus, option:active {outline: none;}
input[type="radio"], input[type="checkbox"] {border: 0; padding: 0; height: auto; -webkit-box-shadow: none; box-shadow: none;}
input[type="password"] {height: 40px; border: 1px solid #e5e5e5; color: #888; background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="password"]::-webkit-input-placeholder {color: #888;}
input[type="password"]:-ms-input-placeholder {color: #888;}
input[type="password"]::-ms-input-placeholder {color: #888;}
input[type="password"]::placeholder {color: #888;}
input[type="password"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="password"].readonly {color: #999; background-color: #f3f3f3;}
input[type="password"][readonly=readonly] {color: #999; background-color: #f3f3f3;}
input[type="text"] {background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="text"]::-webkit-input-placeholder {color: #888;}
input[type="text"]:-ms-input-placeholder {color: #888;}
input[type="text"]::-ms-input-placeholder {color: #888;}
input[type="text"]::placeholder {color: #888;}
input[type="text"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="text"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="text"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="text"].readonly {color: #999; background-color: #f3f3f3;}
input[type="text"]:disabled + .cal_btn {opacity: .5;}
input[type="tel"] {background: #fff; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none;}
input[type="tel"]::-webkit-input-placeholder {color: #888;}
input[type="tel"]:-ms-input-placeholder {color: #888;}
input[type="tel"]::-ms-input-placeholder {color: #888;}
input[type="tel"]::placeholder {color: #888;}
input[type="tel"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="tel"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="tel"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="tel"].readonly {color: #999; background-color: #f3f3f3;}
input[type="tel"]:disabled + .cal_btn {opacity: .5;}
input[type="number"]::-webkit-input-placeholder {color: #888;}
input[type="number"]:-ms-input-placeholder {color: #888;}
input[type="number"]::-ms-input-placeholder {color: #888;}
input[type="number"]::placeholder {color: #888;}
input[type="number"]:disabled {color: #999; background-color: #f3f3f3;}
input[type="number"]:-moz-read-only {color: #999; background-color: #f3f3f3;}
input[type="number"]:read-only {color: #999; background-color: #f3f3f3;}
input[type="number"].readonly {color: #999; background-color: #f3f3f3;}
select {/* min-width: 160px; height: 50px; padding: 5px 40px 5px 20px; */ font-size: 18px; color: #888; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; vertical-align: top; border: 1px solid #e5e5e5;}
select::-ms-expand {display: none;}
select:focus, select:active {outline: none;}
select:disabled {color: #999; background-color: #f8f8f8; opacity: 1;}
textarea {padding: 10px 20px; font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 18px; color: #333; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; vertical-align: top; background: #fff; border: 1px solid #e5e5e5; resize: none;}
textarea:focus, textarea:active {outline: none;}
textarea::-webkit-input-placeholder {color: #888;}
textarea:-ms-input-placeholder {color: #888;}
textarea::-ms-input-placeholder {color: #888;}
textarea::placeholder {color: #888;}
textarea:disabled {color: #999; background-color: #f3f3f3;}
textarea:-moz-read-only {color: #999; background-color: #f3f3f3;}
textarea:read-only {color: #999; background-color: #f3f3f3;}
a {text-decoration: none; color: #333;}
a:hover, a:focus, a:active {text-decoration: none;}
table {width: 100%; border-collapse: collapse;}
button {background: none; border: none; padding: 0; margin: 0; font-family: "spoqa_regular", "맑은 고딕", "Malgun Gothic", sans-serif; font-size: 18px; cursor: pointer; overflow: visible; white-space: nowrap;}
/* button:focus, button:active { outline: none; } */
button::-moz-focus-inner {padding: 0; border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
::selection {color: #fff; background-color: #f58220;}

body {overflow-x: hidden;}
body.dimd {overflow: hidden;}
#wrap {overflow: hidden; position: relative; min-width: 1700px; width: 100%; height: 100%;}
.ver_pc {display: block;}
.ver_mobile {display: none;}

@media all and (max-width:768px) {
  body {font-size: 14px; line-height:24px;}

  .ver_pc {display: none;}
  .ver_mobile {display: block;}
}

/* ------------------------------------------------------------------- 폰트 관련 공통 - Start ------------------------------------------------------------------- */

/* 폰트 */
strong {font-family: "spoqa_bold", sans-serif;}
.subpage_title {font-family: "spoqa_bold", sans-serif; color: #222; font-size: 72px; line-height:84px;}
.subpage_copy {font-family: "spoqa_bold", sans-serif; color: #222; font-size: 48px; line-height:60px;}
.content_tit {font-family: "spoqa_bold", sans-serif; color: #222; font-size: 32px; line-height:44px; word-break: keep-all;}
.content_stit {font-family: "spoqa_bold", sans-serif; color: #222; font-size: 24px; line-height:36px;}
.content_txt {font-family: "spoqa_regular", sans-serif; color: #444; font-size: 18px; line-height:28px;}
.content_stxt {font-family: "spoqa_regular", sans-serif; color: #888; font-size: 14px; line-height:24px;}

.red_txt {color: #F58220 !important;}
.red_txt::before {background: #F58220 !important;}

.dot_txt {position: relative; padding-left: 12px; font-size: 14px; color: #888; text-align: left !important;}
.dot_txt::before {content: ""; display: block; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #888;}
.dot_txt.member_txt {font-size: 16px;} /* 2023-03-07 추가 */
* .dot_txt + .dot_txt {margin-top: 10px}

.noti_txt {position: relative; padding-left: 20px;}
.noti_txt span {display: block; position: absolute; top: 0; left: 0;}

.subpage_title + .content_txt {margin-top: 40px;}
* > .content_tit:not(:first-child) {margin-top: 150px;}
.subpage_title + .content_tit {margin-top: 60px;}

@media all and (max-width:1024px) {
  .subpage_title {font-size: 52px; line-height:64px;}
  .subpage_copy {font-size: 34px; line-height:44px;}
  .content_tit {font-size: 26px; line-height:36px;}
  .content_stit {font-size: 20px; line-height:30px;}
  .content_txt {font-size: 16px; line-height:26px;}
  .content_stxt {font-size: 13px; line-height:22px;}

  .subpage_title + .content_txt {margin-top: 30px;}
  * > .content_tit:not(:first-child) {margin-top: 100px;}
}
@media all and (max-width:768px) {
  .subpage_title {font-size: 32px; line-height:44px;}
  .subpage_copy {font-size: 22px; line-height:32px;}
  .content_tit {font-size: 20px; line-height:30px;}
  .content_stit {font-size: 16px; line-height:26px;}
  .content_txt {font-size: 14px; line-height:24px;}
  .content_stxt {font-size: 13px; line-height:22px;}

  .dot_txt {padding-left: 10px; font-size: 13px;}
  .dot_txt::before {top: 8px; width: 3px; height: 3px;}
  * .dot_txt + .dot_txt {margin-top: 5px}

  .subpage_title + .content_txt {margin-top: 20px;}
  * > .content_tit:not(:first-child) {margin-top: 60px;}
  .subpage_title + .content_tit {padding-bottom: 0;}

}
@media all and (max-width: 500px) {
  .subpage_title + .content_tit br {display: none;}
}
/* ------------------------------------------------------------------- 폰트 관련 공통 - End ------------------------------------------------------------------- */



/* ------------------------------------------------------------------- 버튼 가이드 - Start ------------------------------------------------------------------- */
.btn_type1 {box-sizing: border-box; display: inline-block; padding: 0 30px; min-width: 200px; height: 72px; text-align: center; vertical-align: top; border: 1px solid #F58220; border-radius: 10px; background:#F58220; transition-duration: 0.3s; transition-property: border, background;}
.btn_type1 span {font-family: "spoqa_regular", sans-serif; vertical-align: middle; text-align: center; color: #fff; font-size: 20px; line-height: 70px; transition-duration: 0.3s; transition-property: color;}
.btn_type1.s1 {min-width: 125px; height: 60px;}
.btn_type1.s1 span {font-size: 18px; line-height: 58px;}
.btn_type1.s2 {min-width: 100px; height: 50px; padding: 0 20px;}
.btn_type1.s2 span {font-size: 16px; line-height: 48px;}
.btn_type1.s3 {min-width: 90px; height: 38px; border-radius: 19px; padding: 0 20px;}
.btn_type1.s3 span {font-size: 14px; line-height: 36px;}
.btn_type1.sub {border: 1px solid #222; background: #fff;}
.btn_type1.sub span {color: #222;}
.btn_type1.border {background: #fff;}
.btn_type1.border span {color: #F58220;}
.btn_type1.disabled {border: 1px solid #222; background: none;}
.btn_type1.disabled span {color: #222;}
.btn_type1.wh {border: 1px solid #fff; color: #fff; background: 0;}
.btn_type1:hover {background: #EA7816; border: 1px solid #EA7816;}
.btn_type1.sub:hover, .btn_type1.border:hover, .btn_type1.disabled:hover {background: #fff; border: 1px solid #F58220;}
.btn_type1.sub:hover span, .btn_type1.border:hover span, .btn_type1.disabled:hover span {color: #F58220;}

.btn_more {display: inline-block; font-family: "spoqa_bold", sans-serif; font-size: 16px; color: #222; padding-right: 13px; background: url('../images/morebt-icon.svg') no-repeat right 5px;}
.btn_more2 {display: inline-block; width: 240px; height: 64px; border: 1px solid #ddd; font-family: "spoqa_bold", sans-serif; font-size: 16px; color: #222; text-align: center; border-radius: 32px; line-height: 62px;}
.btn_more2 span {display: inline-block; font-family: "spoqa_regular", sans-serif; font-size: 14px; color: #888}

.bt_area {text-align: center;}
.bt_area a {margin:0 8px;}
* + .bt_area {margin-top: 100px;}

.btn_arrow {display: inline-block; height: 50px; padding: 10px 20px; border-radius: 10px; border: 1px solid #043B72; font-size: 17px; color: #043B72;}
.btn_arrow span {display: inline-block; padding-right: 36px; background: url('../images/btn-arrow-icon.svg') no-repeat right 6px;}

@media all and (max-width:768px) {
  .btn_type1 {padding: 0 20px; min-width: 47%; height: 50px; border-radius: 8px;}
  .btn_type1 span {font-size: 16px; line-height: 48px;}
  .btn_type1.s1 {padding: 0 14px; min-width: 47%;; height: 50px;}
  .btn_type1.s1 span {font-size: 14px; line-height: 48px;}
  .btn_type1.s2 {min-width: auto; height: 40px; padding: 0 16px;}
  .btn_type1.s2 span {font-size: 14px; line-height: 38px;}
  .btn_type1.s3 {min-width: auto; height: 30px; border-radius: 15px; padding: 0 14px;}
  .btn_type1.s3 span {font-size: 12px; line-height: 28px;}


  .btn_type1.border:hover {background: #fff; border: 1px solid #fff;}
  .btn_type1.disabled:hover {background: #fff; border: 1px solid #222;}
  .btn_type1.sub:hover {background: #fff; border: 1px solid #222;}
  .btn_type1.border:hover span{color: #fff;}
  .btn_type1.disabled:hover span {color: #222;}
  .btn_type1.sub:hover span {color: #222;}
  .btn_type1.wh:hover {background: 0; border: 1px solid #fff;}
  .btn_type1.wh:hover span {color: #fff;}
  /* .btn_type1.s1.disabled {background: 0; border: 1px solid #fff;} */
  /* .btn_type1.s1.disabled:hover span{color: #fff;} */


  .btn_more {font-size: 16px; padding-right: 13px; background: url('../images/morebt-icon.svg') no-repeat right 5px;}
  .btn_more2 {min-width: 136px; width: auto; padding: 0 25px; height: 50px; font-size: 16px; border-radius: 32px; line-height: 49px;}
  .btn_more2 span {font-size: 14px;}

  .bt_area {display: flex; justify-content: center;}
  .bt_area a {margin:0 2% 0 0;}
  .bt_area a:last-child {margin:0;}

  * + .bt_area {margin-top: 50px;}

  .btn_arrow {height: 40px; padding: 7px 15px; font-size: 15px;}
  .btn_arrow span {padding-right: 25px; background: url('../images/btn-arrow-icon.svg') no-repeat right 6px; background-size: 6px;}
}
@media all and (max-width:500px) {
  .btn_arrow {height: 35px; padding: 5px 10px; font-size: 14px;}
  .btn_arrow span {padding-right: 15px; background: url('../images/btn-arrow-icon.svg') no-repeat right 7px; background-size: 5px;}
  /* .btn_type1 span {font-size: 14px; line-height: 48px;} */
}
/* @media all and (max-width:400px) {
  .bt_area a {padding: 0 10px;}
  .btn_type1 span {font-size: 13px; line-height: 48px;}
} */



/* ------------------------------------------------------------------- 버튼 가이드 - End --------------------------------------------------------------------- */





/* ------------------------------------------------------------------- form - Start ------------------------------------------------------------------- */
/* form - input */
.form_input {display: inline-block; position: relative; vertical-align: middle;}
.form_input input {font-family: "spoqa_regular", sans-serif; width: 350px; height: 60px; padding-left: 20px; font-size: 18px; color: #222; border: 1px solid #ddd; border-radius: 10px;}
.form_input input:focus {color: #333; border: 1px solid #333; background-color: #f7fafd;}
.form_input input:disabled {color: #444; background-color: #F5F5F5; border: 1px solid #F5F5F5;}
.form_input input[type="text"]:read-only {color: #999; background-color: #f3f3f3; outline: none;}
.form_input input[type="tel"]:read-only {color: #999; background-color: #f3f3f3; outline: none;}
.form_input input[type="number"]:read-only {color: #999; background-color: #f3f3f3; outline: none;}
.form_input input[type="number"]::-webkit-outer-spin-button, .form_input input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.form_input.completed input {border: 1px solid #ddd;}
.form_input.error input {color: #b60000; border: 1px solid #b60000;}
.form_input.error input::-webkit-input-placeholder {color: #888;}
.form_input.error input:-ms-input-placeholder {color: #888;}
.form_input.error input::-ms-input-placeholder {color: #888;}
.form_input.error input::placeholder {color: #888;}
.form_input.regi_num {width: 260px;}
.form_input.regi_num .blind_bt {position: absolute; top: 20px; right: 20px; width: 24px; height: 24px;}
.form_input.regi_num .blind_bt img {position: absolute; top: 0; right: 0; transition: 0.5s; transition-property: opacity;}
.form_input.regi_num .blind_bt img.on {opacity: 0;}
.form_input.regi_num .blind_bt.click img.off {opacity: 0;}
.form_input.regi_num .blind_bt.click img.on {opacity: 1;}

.form_input.full {width: 100%;}
.form_input.full input {width: 100%;}
.form_input + span {display: inline-block;}
@media all and (max-width:1024px) {
  .form_input input.input_money {width: 100%;}
}
@media all and (max-width:768px) {
  .form_input input {width: 100%; height: 50px; padding-left: 16px; font-size: 14px;}
  .form_input input.input_money {height: 50px; padding-left: 16px; font-size: 14px;}

  .form_input.regi_num .blind_bt {top: 14px; right: 15px;}
}
@media all and (max-width:500px) {
  .form_input input {width: 100%; height: 50px; padding-left: 16px; font-size: 14px;}
  .form_input input.input_money {height: 50px; padding-left: 16px; font-size: 14px;}

  .form_input.regi_num {width: 150px;}
  .form_input.regi_num .blind_bt {top: 14px; right: 10px; width: 20px; height: 20px;}
  .form_input.regi_num .blind_bt img {width: 20px; height: 20px;}

  .pop_content .form_input.regi_num {width: 100%; margin-top: 10px;}
}
@media all and (max-width:340px) {
  .form_input input {width: 100%; height: 50px; padding-left: 16px; font-size: 14px;}
  .form_input input.input_money {height: 50px; padding-left: 16px; font-size: 14px;}

  .form_input.regi_num {width: 130px;}
  .form_input.regi_num .blind_bt {top: 16px; right: 5px; width: 18px; height: 18px;}
  .form_input.regi_num .blind_bt img {width: 18px; height: 18px;}
}

/* form - input - checkbox */
.form_checkbox {display: inline-block; position: relative; vertical-align: middle;}
.form_checkbox input {position: absolute; top: 0; left: 0; width: 26px; height: 26px; opacity: .001;}
.form_checkbox input + label {position: relative; display: inline-block; padding-left: 36px; min-height: 26px; width:auto; font-family: "spoqa_regular", sans-serif; color: #222; font-size: 18px; background: url(../images/icon-checkbox.svg) left top no-repeat; z-index: 1; vertical-align: middle;}
.form_checkbox input:checked + label {background: url(../images/icon-checkbox-on.svg) left top no-repeat;}
@media all and (max-width:768px) {
  .form_checkbox input {width: 20px; height: 20px;}
  .form_checkbox input + label {padding-left: 30px; min-height: 22px; font-size: 14px; background: url(../images/icon-checkbox.svg) left 2px no-repeat; background-size: 20px;}
  .form_checkbox input:checked + label {background: url(../images/icon-checkbox-on.svg) left 2px no-repeat; background-size: 20px;}
}

/* form - input - raido */
.form_radio {display: inline-block; position: relative; vertical-align: middle;}
.form_radio + .form_radio {margin-left: 55px;}
.form_radio input {position: absolute; top: 0; left: 0; width: 26px; height: 26px; opacity: .001;}
.form_radio input + label {display: inline-block; padding-left: 36px; min-height: 26px; font-family: "spoqa_regular", sans-serif; color: #222; font-size: 18px; word-break: break-all; background: url(../images/icon-radio.svg) left top no-repeat;}
.form_radio input:checked + label {background: url(../images/icon-radio-on.svg) left top no-repeat;}
@media all and (max-width:1024px) {
  .form_radio + .form_radio {margin-left: 30px;}
}
@media all and (max-width:768px) {
  .form_radio {margin: 6px 0;}
  .form_radio + .form_radio {margin-left: 0;}
  .dona_input .form_radio + .form_radio {margin-left: 40px;}
  .form_radio input {width: 20px; height: 20px;}
  .form_radio input + label {padding-left: 30px; min-height: 20px; font-size: 14px; background: url(../images/icon-radio.svg) left 2px no-repeat; background-size: 20px;}
  .form_radio input:checked + label {background: url(../images/icon-radio-on.svg) left 2px no-repeat; background-size: 20px;}
}

/* .form_radio input:disabled + label {background: url(../images/icon-radio-disabled.svg) left top no-repeat;}
.form_radio.no_txt input + label {padding-left: 20px; background-position: left top;} */

/* form - select */
.form_select {position: relative; display: inline-block; vertical-align: middle; width: 240px;}
.form_select .form_select_arr {position: relative;}
.form_select .form_select_arr select {position: relative; padding: 0 35px 0 20px; width: 100%; height: 60px; font-family: "spoqa_regular", sans-serif; color: #888; font-size: 18px; border: 1px solid #ddd; border-radius: 10px; background-color: #fff;}
.form_select .form_select_arr:after {content: ""; display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/select-arrow.svg) center center no-repeat; transition: transform .2s ease;}
.form_select.on .form_select_arr select {border: 1px solid #666;}
.form_select.on .form_select_arr:after {transform: translateY(-50%) rotate(180deg); transform-origin: 50% 50%;}
.form_select.error .form_select_arr select {border: 1px solid #b60000;}
.form_select.disabled select {color: #8a8a8a; border: 1px solid #edeff0;}
.form_select.disabled .form_select_arr:after {right:15px; width:20px; height:20px; background: url(../images/select-arrow.svg) center center no-repeat;}
@media all and (max-width:768px) {
  .form_select {width: 220px;}
  .form_select .form_select_arr select {padding: 0 35px 0 20px; height: 50px; font-size: 14px; border-radius: 10px;}
  .form_select .form_select_arr:after {right: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/select-arrow.svg) center center no-repeat;}
  .form_select.disabled .form_select_arr:after {right:15px; width:20px; height:20px; background: url(../images/select-arrow.svg) center center no-repeat;}
}

@media all and (max-width:1600px) {
  .form_radio + .form_radio {margin-left: 0px;}
}

.form_area{align-items: center;}
.form_error_msg {display: none; margin-top: 19px; font-family: "spoqa_regular", sans-serif; color: #b60000; font-size: 14px;}
.error .form_error_msg {display: block;}
.has_add_msg {display: inline-block;}
.form_add_msg {display: block; position: relative; margin-top: 19px; padding-left: 12px; font-family: "spoqa_regular", sans-serif; color: #888; font-size: 14px; word-break: keep-all;}
.form_add_msg::before {content: ""; display: block; position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 2px; background: #888;}
/* .form_add_msg.red_txt::before {background: #F48220;} */
@media all and (max-width:768px) {
  .form_error_msg {margin-top: 15px; font-size: 12px;}
  .has_add_msg > *:not(:last-child) {margin-right: 10px;}
  .form_add_msg {margin-top: 12px; padding-left: 12px; font-size: 12px;}
}

/* form - textarea */
.form_input textarea {font-family: "spoqa_regular", sans-serif; width: 350px; height: 60px; padding: 15px 20px; font-size: 18px; color: #222; border: 1px solid #ddd; border-radius: 10px;}
.form_input textarea:focus {color: #333; border: 1px solid #333; background-color: #f7fafd;}
.form_input textarea:disabled {color: #444; background-color: #F5F5F5; border: 1px solid #F5F5F5;}



/* form - date */
.form_input input[type="date"] {position: relative; transition: all 0.2s; -webkit-appearance: none; -moz-appearance: none; background: #fff; }
.form_input input[type="date"]::-webkit-date-and-time-value {text-align: left;}
.form_input input[type="date"]:disabled {opacity: 0.5; background: #fff; border: 1px solid rgba(0, 0, 0, .1);}
.form_input input[type="date"]:read-only {opacity: 0.5; background: #fff; border: 1px solid rgba(0, 0, 0, .1);}
.form_input input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; right: 20px; opacity: 0; cursor: pointer; z-index: 10;}
.form_input input[type="date"]::after {content: ""; background: url(../images/ico-date.svg); width: 24px; height: 24px; display: inline-block; position: absolute; top: 50%; right: 18px; transform: translateY(-50%);}
.form_input input[type="date"]::before {content: ""; display: block; position: absolute; top: 18px; right: 20px; width: 24px; height: 24px; background: rgb(255, 255, 255, 0); z-index: 1;}
.form_input input[type="date"].ver1::before {content: ""; display: none; position: absolute; top: 18px; right: 20px; width: 24px; height: 24px; background: rgb(255, 255, 255, 0); z-index: 1;}





/* 입력 폼 */


/* ------------------------------------------------------------------- form - End --------------------------------------------------------------------- */





/* ------------------------------------------------------------------- 메뉴 공통 - Start --------------------------------------------------------------------- */
#wrapper {width: 100%; overflow: hidden;}
 
/* 헤더 */
header {position: fixed; top: -120px; left: 0px; width: 100%; height: 120px; border-bottom: 1px solid #F58220; background-color: rgb(255, 255, 255, 1); z-index: 100; transition-duration: 0.5s; transition-property: background-color, top;}
header h1 {position: absolute; top: 20px; left: 72px; width: 164px; height: 65px; z-index: 2;}
header h1 img {position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 1; transition-duration: 0.5s; transition-property: opacity;}
header h1 img.on {opacity: 0;}
header .menu {position: absolute; top: 0; right: 0; width: 120px; height: 120px; background: #F58220; z-index: 2;}
header .menu img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
header .util {position: absolute; top: 48px; right: 152px; z-index: 2;}
header .util a {display: inline-block; margin-right: 16px; font-size: 13px; font-family: "spoqa_medium"; color: #053B72; vertical-align: middle; transition-duration: 0.5; transition-property: color;}
header .util a.srch {margin-left: 10px;}
header .util a.lang {margin-left: 0; margin-right: 0;}
header .util .lang_select {position: absolute; top: 72px; right: -32px; width: 88px; height: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, .2); text-align: center; background: #fff; border-radius: 0 0 10px 10px; overflow: hidden; transition-duration: 0.5s; transition-property: height;}
header .util .lang_select a {display: block; color: #444 !important; font-size: 14px; margin: 0;}
header .util .lang_select a:first-child {margin: 25px 0 5px;}
header .util .lang_select a.on {font-family: "spoqa_bold"; color: #F58220 !important; text-decoration: underline;}

header .util a.icon {position: relative; width: 24px; height: 24px;}
header .util a.icon img {position: absolute; top: 0; left: 0; width: 100%; height: auto; opacity: 1; transition-duration: 0.5s; transition-property: opacity;}
header .util a.icon img.on {opacity: 0;}
header .gnb {display: flex; justify-content: center; position: absolute; top: 49px; left: 0; width: 100%; z-index: 1;}
header .gnb .part {position: relative;}
header .gnb .part a {display: block; }
header .gnb .part a.one_d {height: 71px; padding: 0 25px; font-size: 18px; font-family: "spoqa_bold"; color: #053B72; transition-duration: 0.5; transition-property: color;}
header .gnb .part a.one_d.on {color: #F58220}
header .gnb .part .two_d {display: ; position: absolute; top: 71px; left: 50%; transform: translate(-50%, 0); width: 202px; height: auto; opacity: 0; box-shadow: 0 2px 8px rgba(0, 0, 0, .2); text-align: center; background: #fff; padding: 0px 10px; border-radius: 0 0 10px 10px; overflow: hidden; transition-duration: 0.5s; transition-property: height;}
header .gnb .part .two_d > a {margin-bottom: 10px; font-size: 14px; color: #444; word-break: break-all;}
header .gnb .part .two_d > a:first-child {margin-top: 35px;}
header .gnb .part .two_d > a:last-child {margin-bottom: 30px;}
header .gnb .part .two_d > a:hover {font-family: "spoqa_bold"; color: #F58220}
header .gnb .part .two_d.open {height: auto;}
@media all and (max-width:1600px) {
  header .gnb {display: flex; justify-content: left; position: absolute; top: 49px; left: 250px; width: 100%; z-index: 1;}
}
@media all and (max-width:1500px) {
  header .gnb .part a.one_d {padding: 0 20px;}
}
@media all and (max-width:1400px) {
  header .gnb .part a.one_d {padding: 0 15px; font-size: 16px;}
  header .gnb .part .two_d {width: 182px;}
}
@media all and (max-width:1300px) {
  header .gnb {display: none;}
}
@media all and (max-width:1024px) {
  header h1 {left: 30px;}
  header {border-bottom: 0px solid #F58220;}
  header .util a {display: none;}
  header .util a.srch {display: block;}

  header {top: -58px; height: 58px;}
  header h1 {top: 10px; left: 15px; width: 100px; height: 36px;}
  header .menu {width: 58px; height: 58px;}
  header .menu img {width: 20px;}
  header .util {top: 17px; right: 74px; z-index: 2;}
}
@media all and (max-width:768px) {
  header {top: -58px; height: 58px;}
  header h1 {top: 10px; left: 15px; width: 100px; height: 36px;}
  header .menu {width: 58px; height: 58px;}
  header .menu img {width: 20px;}
  header .util {top: 17px; right: 74px; z-index: 2;}
}
@media all and (max-width:500px) {
  header .util {right: 60px; z-index: 2;}
}

header.wht {background-color: rgb(255, 255, 255, 0); border-bottom: 1px solid rgb(225, 225, 225, 0.1);}
header.wht h1 img.off {opacity: 0;}
header.wht h1 img.on {opacity: 1;}
header.wht .util a {color: #fff;}
header.wht .util a.icon img.off {opacity: 0;}
header.wht .util a.icon img.on {opacity: 1;}
header.wht .gnb .part a.one_d {color: #fff;}

header .t_menu {display: flex; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; /*height: calc(var(--vh, 1vh) * 100);*/ background: #fff; z-index: 1000;}
header .t_menu .ver_pc {display: inline-block;}
header .t_menu .left {position: relative; width: 500px; height: 100vh; background: #1F487B; color: #fff;}
header .t_menu .left .top {display: flex; justify-content: space-between; align-items: center; padding: 55px 60px 0;}
header .t_menu .left .top h2 {width: 150px; height: 50px;}
header .t_menu .left .top h2 img {width: 150px; height: 50px;}
header .t_menu .left .top .utilbt {position: relative;}
header .t_menu .left .top .utilbt > a {display: inline-block; margin-left: 16px;}
header .t_menu .left .top .utilbt .tm_lang_div {display: none; position: absolute; top: 53px; right: -32px; width: 88px; height: 102px; padding: 15px 0; text-align: center; background: url('../images/tm-lang-bg.svg') no-repeat 0 0; border-radius: 0 0 10px 10px; background-size: 100%; box-shadow: 0 8px 0 rgba(0, 0, 0, .1);}
header .t_menu .left .top .utilbt .tm_lang_div > a {position: relative; display: block; margin:10px 0; font-size: 14px; color: #444;}
header .t_menu .left .top .utilbt .tm_lang_div > a.on {font-family: "spoqa_bold"; color: #F58220;}
header .t_menu .left .top .utilbt .tm_lang_div > a.on::after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 30px; height: 2px; background: #F58220;}

header .t_menu .left .mid {position: absolute; top: 50%; left: 60px; transform: translate(0, -50%); width: 90%; height: 360px;}
header .t_menu .left .mid .txt1 {font-family: "spoqa_bold"; font-size: 38px;}
header .t_menu .left .mid .txt2 {margin-top: 20px; font-size: 14px; opacity: 0.8; line-height: 24px;}
header .t_menu .left .mid .bts {margin-top: 118px;}
header .t_menu .left .mid .bts > div {position: relative; display: inline-block;}
header .t_menu .left .mid .bts > div a {position: relative; display: inline-block; height: 84px; padding-top: 67px; font-family: "spoqa_bold"; font-size: 14px; color: #fff; margin-right: 26px;}
header .t_menu .left .mid .bts .info a {background: url(../images/tmenu-info-icon.svg) center 0 no-repeat;}
header .t_menu .left .mid .bts .list a {background: url(../images/tmenu-list-icon.svg) center 0 no-repeat;}
header .t_menu .left .mid .bts .issue a {background: url(../images/tmenu-issue-icon.svg) center 0 no-repeat;}
header .t_menu .left .mid .bts .duty a {background: url(../images/tmenu-duty-icon.svg) center 0 no-repeat;}
header .t_menu .left .mid .bts .receipt a {background: url(../images/tmenu-receipt-icon.svg) center 0 no-repeat;}
header .t_menu .left .mid .bts .duty .tooltip {position: absolute; top: -60px; left: -96px; width: 353px; height: 56px; padding: 11px 25px; color: #fff; background: url('../images/duty-tooltip-bg.svg') no-repeat 0 0; font-size: 14px;}
header .t_menu .left .mid .bts .duty .tooltip .xbt {position: absolute; top: 16px; right: 20px; cursor: pointer;}
header .t_menu .left .mid .join_area {display: none; margin-top: 20px;}
header .t_menu .left .mid .btn_type1.sub {border: 1px solid #fff; background: none; margin-right: 4px;}
header .t_menu .left .mid .btn_type1.sub span {color: #fff;}
header .t_menu .left .mid .logoutbt {display: none;}
header .t_menu .left .bot {display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 60px 50px}
header .t_menu .left .bot .util1 a {font-family: "spoqa_medium"; font-size: 13px; color: #fff; margin-right: 16px;}
header .t_menu .left .bot .util2 a {margin-left: 8px;}
header .t_menu .right {position: relative; width: calc(100% - 500px); height: 100vh; padding-left: 10%;}
header .t_menu .right ul {position: absolute; top: 50%; left: 10%; transform: translate(0, -50%);}
@media all and (max-height:800px) {
  header .t_menu .right {overflow-y: auto;}
  header .t_menu .right ul {position: relative; top: 0; left: 0; transform: translate(0, 0); padding: 80px 0;}
}
header .t_menu .right li {display: flex; margin-bottom: 40px;}
header .t_menu .right li:last-child {margin-bottom: 0px;}
header .t_menu .right li {display: flex; align-items: center; margin-bottom: 40px;}
header .t_menu .right li .one_d {display: block; width: 300px; font-family: "spoqa_bold"; font-size: 32px; color: #043B72;}
header .t_menu .right li .two_d {width: calc(100% - 300px);}
header .t_menu .right li .two_d a {display: inline-block; margin-right: 26px; color: #222; transition: color 0.5s, font-family 0.5s; word-break: keep-all;}
header .t_menu .right li .two_d a:hover {animation-name: hoverColor; animation-duration: 0.3s; animation-fill-mode: forwards;}
@keyframes hoverColor {
  from {color: #222; font-family: "spoqa_regular";}
  to {color: #F58220; font-family: "spoqa_bold";}
}
header .t_menu > .xbt {position: absolute; top: 50px; right: 50px; width: 32px; height: 32px; transform: rotateZ(0deg); transition-duration: 0.5s; transition-property: transform; z-index: 10;}
header .t_menu > .xbt img {width: 100%;}
header .t_menu > .xbt:hover {transform: rotateZ(360deg);}
@media all and (max-width:1600px) {
  header .t_menu .right li {display: block;}
  header .t_menu .right li .one_d {margin-bottom: 14px; width: 100%;}
  header .t_menu .right li .two_d {width: 100%;}
}
@media all and (max-width:1280px) {
  header .t_menu .right ul {left: 7%;}
  header .t_menu .right li .two_d a {margin-right: 15px;}
}
@media all and (max-width:1024px) {
  header .t_menu .ver_pc {display: none;}
  header .t_menu .ver_mobile {display: inline-block;}
  header .t_menu {display: block;}
  header .t_menu > .xbt {top: 40px; right: 40px;}
  header .t_menu .left {width: 100%; height: 450px; padding: 0 5%; z-index: 1;}
  header .t_menu .left .top {position: absolute; top: 40px; right: 90px; padding: 0; z-index: 1;}
  header .t_menu .left .top h2 {display: none;}
  header .t_menu .left .top .utilbt {height: 32px; display: flex;}
  header .t_menu .left .top .utilbt > a {width: 32px; height: 32px; display: block;}
  header .t_menu .left .top .utilbt > a img {width: 32px; height: 32px;}
  header .t_menu .left .top .utilbt .tm_lang_div {top: 60px; right: -26px;}
  header .t_menu .left .mid {height: auto; top: 56%;}
  header .t_menu .left .mid .logoutbt {display: block; position: absolute; top: 2px; right: 0;}
  header .t_menu .left .mid .bts {margin-top: 30px;}
  header .t_menu .left .mid .join_area {display: block;}
  header .t_menu .left .mid .bts .duty .tooltip {top: auto; bottom: -70px; left: -112px; padding: 22px 25px 0px; background: url('../images/duty-tooltip-bg-m.svg') no-repeat 0 0; background-size: 100%;}
  header .t_menu .left .mid .bts .duty .tooltip .xbt {top: 27px;}
  header .t_menu .left .bot {bottom: auto; top: 40px; left: 0;}
  header .t_menu .left .bot .util2 {display: none;}

  header .t_menu .right {position: relative; width: 100%; height: auto; padding-left: 260px; overflow-y: auto; background: #F5F5F5;}
  header .t_menu .right ul {position: relative; top: 0; left: 0; transform: translate(0, 0); padding: 30px; min-height: 100%; background: #fff;}
  header .t_menu .right li .two_d a {font-size: 14px;}
  header .t_menu .right::-webkit-scrollbar {width: 6px;}
  header .t_menu .right::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50px;}
  header .t_menu .right::-webkit-scrollbar-track {background: #EBEBEB; border-radius: 50px;}
  header .t_menu .right .ver_mobile {position: absolute; top: 0; left: 0; width: 260px; padding: 30px;}
  header .t_menu .right .ver_mobile > a {display: block; margin-bottom: 20px; font-size: 20px; color: #444444;}
  header .t_menu .right .ver_mobile > a.on {font-family: "spoqa_bold"; color: #043B72;}








  header .t_menu > .xbt {top: 20px; right: 3%; width: 20px; height: 20px;}
  header .t_menu .left {height: auto; padding: 80px 3% 30px;}
  header .t_menu .left .top {position: absolute; top: 20px; right: calc(3% + 30px); width: ; height: 20px; padding: 0; z-index: 1;}
  header .t_menu .left .top .utilbt {height: 20px;}
  header .t_menu .left .top .utilbt > a {display: inline; width: 20px; height: 20px; margin-left: 10px;}
  header .t_menu .left .top .utilbt > a img {width: 20px; height: 20px;}
  header .t_menu .left .top .utilbt .tm_lang_div {top: 45px; right: -26px; width: 72px; height: 85px; padding: 6px 0;}
  header .t_menu .left .top .utilbt .tm_lang_div > a {margin:8px 0; font-size: 12px;}
  header .t_menu .left .top .utilbt .tm_lang_div > a.on::after {width: 26px;}
  header .t_menu .left .mid {position: relative; top: 0; left: 0; transform: translate(0, 0); width: 100%;}
  header .t_menu .left .mid .txt1 {font-size: 20px; line-height: 34px;}
  header .t_menu .left .mid .txt1 br {display: none;}
  header .t_menu .left .mid .txt2 {margin-top: 10px; font-size: 12px; line-height: 20px;}
  header .t_menu .left .mid .txt2 br {display: none;}
  header .t_menu .left .mid .bts {margin-top: 30px;}
  header .t_menu .left .mid .join_area {display: block;}
  header .t_menu .left .mid .bts .duty .tooltip {bottom: -60px; left: -80px; width: 280px; height: 50px; padding: 15px 10px 0px; font-size: 12px;}
  header .t_menu .left .mid .bts .duty .tooltip .xbt {top: 22px; right: 10px;}
  header .t_menu .left .mid .bts > div a {font-size: 13px; height: 60px; padding-top: 32px; margin-right: 15px;}
  header .t_menu .left .mid .bts .info a {background: url(../images/tmenu-info-icon.svg) center 0 no-repeat; background-size: 28px;}
  header .t_menu .left .mid .bts .list a {background: url(../images/tmenu-list-icon.svg) center 0 no-repeat; background-size: 28px;}
  header .t_menu .left .mid .bts .issue a {background: url(../images/tmenu-issue-icon.svg) center 0 no-repeat; background-size: 28px;}
  header .t_menu .left .mid .bts .duty a {background: url(../images/tmenu-duty-icon.svg) center 0 no-repeat; background-size: 28px;}
  header .t_menu .left .mid .bts .receipt a {background: url(../images/tmenu-receipt-icon.svg) center 0 no-repeat; background-size: 28px;}
  header .t_menu .left .bot {top: 18px; padding: 0 3%;}
  header .t_menu .left .bot .util2 {display: none;}
  header .t_menu .left .bot .util1 a {margin-right: 10px;}

  header .t_menu .right {position: relative; width: 100%; height: auto; padding-left: 260px; overflow-y: auto; background: #F5F5F5;}
  header .t_menu .right ul {padding: 25px 5%;}
  header .t_menu .right .ver_mobile {width: 200px; padding: 25px 3%; }
  header .t_menu .right .ver_mobile > a {margin-bottom: 6px; font-size: 13px;}
  header .t_menu .right li {margin-bottom: 30px;}
  header .t_menu .right li .one_d {width: 100%; font-size: 13px; margin-bottom: 10px;}




}
@media all and (max-width:768px) {
  header .t_menu > .xbt {top: 20px; right: 3%; width: 20px; height: 20px;}
  header .t_menu .left {height: auto; padding: 80px 3% 30px;}
  header .t_menu .left .top {position: absolute; top: 20px; right: calc(3% + 30px); width: ; height: 20px; padding: 0; z-index: 1;}
  header .t_menu .left .top .utilbt {height: 20px;}
  header .t_menu .left .top .utilbt > a {display: inline; width: 20px; height: 20px; margin-left: 10px;}
  header .t_menu .left .top .utilbt > a img {width: 20px; height: 20px;}
  header .t_menu .left .top .utilbt .tm_lang_div {top: 45px; right: -26px; width: 72px; height: 85px; padding: 6px 0;}
  header .t_menu .left .top .utilbt .tm_lang_div > a {margin:8px 0; font-size: 12px;}
  header .t_menu .left .top .utilbt .tm_lang_div > a.on::after {width: 26px;}
  header .t_menu .left .mid {position: relative; top: 0; left: 0; transform: translate(0, 0); width: 100%;}
  header .t_menu .left .mid .txt1 {font-size: 20px; line-height: 34px;}
  header .t_menu .left .mid .txt1 br {display: none;}
  header .t_menu .left .mid .txt2 {margin-top: 10px; font-size: 12px; line-height: 20px;}
  header .t_menu .left .mid .txt2 br {display: none;}
  header .t_menu .left .mid .bts {margin-top: 30px;}
  header .t_menu .left .mid .join_area {display: block;}
  header .t_menu .left .mid .bts .duty .tooltip {bottom: -60px; left: -80px; width: 280px; height: 50px; padding: 15px 10px 0px; font-size: 12px;}
  header .t_menu .left .mid .bts .duty .tooltip .xbt {top: 22px; right: 10px;}
  header .t_menu .left .mid .bts > div a {font-size: 13px; height: 60px; padding-top: 32px; margin-right: 15px;}
  header .t_menu .left .mid .bts .info a {background: url(../images/tmenu-info-icon.svg) center 0 no-repeat; background-size: 28px;}
  header .t_menu .left .mid .bts .list a {background: url(../images/tmenu-list-icon.svg) center 0 no-repeat; background-size: 28px;}
  header .t_menu .left .mid .bts .issue a {background: url(../images/tmenu-issue-icon.svg) center 0 no-repeat; background-size: 28px;}
  header .t_menu .left .mid .bts .duty a {background: url(../images/tmenu-duty-icon.svg) center 0 no-repeat; background-size: 28px;}
  header .t_menu .left .mid .bts .receipt a {background: url(../images/tmenu-receipt-icon.svg) center 0 no-repeat; background-size: 28px;}
  header .t_menu .left .bot {top: 18px; padding: 0 3%;}
  header .t_menu .left .bot .util2 {display: none;}
  header .t_menu .left .bot .util1 a {margin-right: 10px;}

  header .t_menu .right {position: absolute; top: 0; left: 0; padding-left: 130px;}
  header .t_menu .right ul {padding: 25px 5%;}
  header .t_menu .right .ver_mobile {width: 130px; padding: 25px 3%;}
  header .t_menu .right .ver_mobile > a {margin-bottom: 6px; font-size: 13px;}
  header .t_menu .right li {margin-bottom: 30px;}
  header .t_menu .right li .one_d {width: 100%; font-size: 13px; margin-bottom: 10px;}
}
@media all and (max-width:500px) {
  header .t_menu .right li .two_d a {display: block; margin-right: 0;}
}

header.start {top: 0px;}
.scl header {top: -120px;}
.reverse-scl header {top: 0px;}

/* 통합검색 */
.t_srch_div {display: block; position: fixed; top: 0; left: 100%; width: 100%; z-index: 1100;}
.t_srch_div .dim {content: ""; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8);}
.t_srch_div .t_tit {position: relative; margin-bottom: 80px; border-top: 1px solid #ddd; margin-top: 150px; padding-top: 150px;}
.t_srch_div .t_tit:first-child {margin-top: 0px; padding-top: 0px; border: 0px;}
.t_srch_div .t_tit .content_tit > span {display: inline-block; margin-top: 2px; margin-left: 2px; padding: 2px 10px; background: #F5F5F5; border-radius: 12px; font-size: 12px; color: #E4883C; font-family: "spoqa_bold"; vertical-align: top; line-height: 23px;}
.t_srch_div .t_tit > a {position: absolute; bottom: 0; right: 0; font-size: 16px;}
.t_srch_div .t_tit > a > span {padding-right: 15px; background: url(../images/ico-tsrch-arrow.svg) right center no-repeat; font-family: "spoqa_bold";}
.t_srch_div .result_area > .tit {position: relative; font-family: "spoqa_bold"; color: #1A3A6E; margin-bottom: 60px;}
.t_srch_div .result_area > .tit .content_stit {display: inline-block; padding-left: 25px; margin-left: 5px; background: url(../images/ico-tsrch-arrow.svg) left center no-repeat; background-size: auto 20px;}
.t_srch_div .result_area > .tit .content_stit:nth-child(2) {color: #E4883C;}
.t_srch_div .result_area > .tit .content_stit:first-child {padding-left: 0; margin-left: 0; background: none;}
.t_srch_div .result_area > .tit .content_stit > span {display: inline-block; margin-top: 2px; margin-left: 2px; padding: 2px 10px; background: #F5F5F5; border-radius: 12px; font-size: 12px; color: #E4883C; font-family: "spoqa_bold"; vertical-align: top; line-height: 23px;}
.t_srch_div .result_area > .tit > a {position: absolute; bottom: 0; right: 0; font-size: 16px;}
.t_srch_div .result_area > .tit > a > span {padding-right: 15px; background: url(../images/ico-tsrch-arrow.svg) right center no-repeat;}

.t_srch_div .srch_inner {position: relative; width: 100%; transform: translate(0, -100%); min-height: 700px; background: #fff; overflow-y: auto; overflow-x: hidden;}
.t_srch_div .srch_inner::-webkit-scrollbar {width: 6px;}
.t_srch_div .srch_inner::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50px;}
.t_srch_div .srch_inner::-webkit-scrollbar-track {background: #EBEBEB; border-radius: 50px;}
.t_srch_div .srch_inner .logo {position: absolute; top: 25px; left: 70px; width: 150px; height: 60px;}
.t_srch_div .srch_inner .logo img {width: 100%;}
.t_srch_div .srch_area {padding: 120px 0 150px; max-height: 100vh; background: #fff; text-align: left; transition: all 0.3s; min-height: 451px; box-sizing: content-box;}
.t_srch_div .srch_area.for_padding {padding: 120px 0 180px;}
.t_srch_div .srch_area .srch_input_area {position: relative; width: 960px; max-height: 596px; margin: auto;}
.t_srch_div .srch_area .srch_input_area .t_srch_type {display: block; position: relative; width: 960px; height: 80px; margin: auto; background: #fff; border: 2px solid #1A3A6E; border-radius: 10px; overflow: hidden; z-index: 11;}
.t_srch_div .srch_area .srch_input_area .t_srch_type input {width: calc(100% - 80px); height: 76px; border: 0px; border-radius: 0px; font-size: 24px; color: #043B72;}
.t_srch_div .srch_area .srch_input_area .t_srch_type input::placeholder {color: #1A3A6E;}
.t_srch_div .srch_area .srch_input_area .t_srch_type input:focus {color: #043B72; border: 0; background-color: #fff;}
.t_srch_div .srch_area .srch_input_area .t_srch_type input:disabled {color: #043B72; background-color: #fff; border: 0;}
.t_srch_div .srch_area .srch_input_area .t_srch_type a {display: block; position: absolute; top: 26px; right: 40px; width: 24px; height: 24px;}
.t_srch_div .srch_area .srch_input_area .comp_word_wrap::-webkit-scrollbar {width: 6px;}
.t_srch_div .srch_area .srch_input_area .comp_word_wrap::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50px;}
.t_srch_div .srch_area .srch_input_area .comp_word_wrap::-webkit-scrollbar-track {background: #EBEBEB; border-radius: 50px;}
.t_srch_div .srch_area .srch_input_area .auto_comp {display: block; position: absolute; top: 65px; left: 50%; transform: translate(-50%, 0); width: 960px; height: 0; padding: 0 50px 0; border: 1px solid #ddd; border-radius: 10px; background: #fff; overflow: hidden; z-index: 10; transition-duration: 0.5s; transition-property: height, padding; max-height: 452px; overflow-y: auto;}
.t_srch_div .srch_area .srch_input_area .auto_comp::-webkit-scrollbar {width: 6px;}
.t_srch_div .srch_area .srch_input_area .auto_comp::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50px;}
.t_srch_div .srch_area .srch_input_area .auto_comp::-webkit-scrollbar-track {background: #EBEBEB; border-radius: 50px;}
.t_srch_div .srch_area .srch_input_area .auto_comp.click {height: auto; padding: 50px 50px 0 50px}
.t_srch_div .srch_area .srch_input_area .auto_comp .comp_word {display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #ddd;}
.t_srch_div .srch_area .srch_input_area .auto_comp .comp_word:first-of-type {padding-top: 0;}
.t_srch_div .srch_area .srch_input_area .auto_comp .comp_word .word {font-family: "spoqa_bold"; color: #222;}
.t_srch_div .srch_area .srch_input_area .auto_comp .comp_word .word span {color: #E4883C;}
.t_srch_div .srch_area .srch_input_area .auto_comp .comp_word .path_word {font-size: 14px; color: #444;}
.t_srch_div .srch_area .srch_input_area .auto_comp .comp_word .path_word span {position: relative; padding-right: 13px; margin-right: 6px;}
.t_srch_div .srch_area .srch_input_area .auto_comp .comp_word .path_word span::after {content: ""; display: block; position: absolute; top: 5px; right: 0; width: 4px; height: 7px; background: url(../images/subindi-path-arrow.svg) center 0 no-repeat; background-size: 4px 7px;}
.t_srch_div .srch_area .srch_input_area .auto_comp .comp_word .path_word span:last-child {padding-right: 0; margin-right: 0;}
.t_srch_div .srch_area .srch_input_area .auto_comp .comp_word .path_word span:last-child::after {content: ""; display: none;}
.t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch {position: relative; margin-top: 40px;}
.t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .tit {color: #1A3A6E; font-family: "spoqa_bold"; margin-bottom: 16px;}
.t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .srch_list {display: flex; flex-wrap: wrap; min-height: 42px;}
.t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .srch_list > p {display: block; position: relative; padding-right: 18px; margin-right: 18px; margin-bottom: 18px;}
.t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .srch_list > p a:nth-child(2){position: absolute; top: 7px; right: 0;}
.t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .srch_list > p a {color: #444;}
.t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .t_del {position: absolute; top: 0; right: 0; color: #222; font-family: "spoqa_bold"; text-decoration: underline;}
.t_srch_div .srch_area .srch_input_area .auto_comp .recomm {margin: 20px auto 0; width: 100%;}
.t_srch_div .srch_area .srch_input_area .sel_autosave {width: calc(100% + 100px); height: 64px; padding: 15px 20px; background: #F7F7F7; text-align: right; font-size: 14px; color: #1A3A6E; margin-left: -50px; margin-top: 50px;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a {display: inline-block; width: 54px; height: 34px; position: relative; vertical-align: middle; margin-left: 6px; background: #DCE2EB; border-radius: 17px; transition-duration: 0.3s; transition-property: background;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a > p {display: block; width: 28px; height: 28px; position: absolute; top: 3px; left: 3px; background: #fff; border-radius: 50%; text-align: center; line-height: 28px; font-size: 9px; font-family: "spoqa_bold"; color: #1A3A6E; transition-duration: 0.3s; transition-property: left;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a > p span {display: block; width: 28px; height: 28px; position: absolute; top: 0; left: 0; transition-duration: 0.3s; transition-property: opacity;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a.on {background: #1A3A6E;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a.on > p {left: 3px;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a.on > p span:nth-child(1) {opacity: 1;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a.on > p span:nth-child(2) {opacity: 0;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a.off {background: #DCE2EB;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a.off > p {left: 23px;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a.off > p span:nth-child(1) {opacity: 0;}
.t_srch_div .srch_area .srch_input_area .sel_autosave a.off > p span:nth-child(2) {opacity: 1;}

.t_srch_div .recomm {width: 960px; margin: 40px auto 0;}
.t_srch_div .recomm .tit {color: #1A3A6E; font-family: "spoqa_bold"; margin-bottom: 16px;}
.t_srch_div .recomm .keyword {display: block;}
.t_srch_div .recomm .keyword .swiper-slide {width: auto; padding: 10px 20px; color: #1A3A6E; background: #F5F5F5; border-radius: 30px; margin-right: 6px; margin-bottom: 10px;} 
.t_srch_div .recomm .bts {display: flex; justify-content: space-between; margin-top: 56px;}
.t_srch_div .recomm .bts > a {display: block; position: relative; width: 310px; height: 68px; padding: 0 30px; text-align: left; border: 1px solid #ddd; border-radius: 10px; font-size: 16px; line-height: 66px; color: #222; transition-duration: 0.5s; transition-property: border, color;}
.t_srch_div .recomm .bts > a::after {content: ""; display: block; position: absolute; top: 28px; right: 30px; width: 6px; height: 12px; background: url(../images/tsrch-recom-bt-arrow.svg) center 0 no-repeat; background-size: 6px 12px;}
.t_srch_div .recomm .bts > a:hover {border: 1px solid #E4883C; color: #E4883C;}
.t_srch_div .recomm .bts > a:hover::after {background: url(../images/tsrch-recom-bt-arrow-on.svg) center 0 no-repeat; background-size: 6px 12px;}

.t_srch_div .srch_result {display: block; position: relative; width: 1460px; height: 0; overflow: hidden; margin: 30px auto 0;}
.t_srch_div .srch_result .result_copy {text-align: center;}
.t_srch_div .srch_result .result_copy span {color: #E4883C;}
.t_srch_div .srch_result .srch_tab {margin-top: 100px; width: auto;}
.t_srch_div .srch_result .srch_tab .swiper-wrapper {justify-content: center;}
.t_srch_div .srch_result .srch_tab a {position: relative; width: auto; font-size: 26px; color: #888; transition-duration: 0.5s; transition-property: color;}
.t_srch_div .srch_result .srch_tab a span:nth-child(1):after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #F58220; opacity: 0; transition-duration: 0.2s; transition-property: opacity;}
.t_srch_div .srch_result .srch_tab a .num {display: inline-block; margin-top: 2px; margin-left: 2px; padding: 3px 10px 1px; background: #F5F5F5; border-radius: 12px; font-size: 12px; color: #E4883C; font-family: "spoqa_bold"; vertical-align: top;}
.t_srch_div .srch_result .srch_tab a.on {font-family: "spoqa_bold"; color: #222;}
.t_srch_div .srch_result .srch_tab a.on span {position: relative; display: inline-block; padding-bottom: 5px;}
.t_srch_div .srch_result .srch_tab a.on span:nth-child(1):after {opacity: 1;}
.t_srch_div .srch_result .result_area {margin-top: 152px;}

.t_srch_div .srch_part {margin-bottom: 150px;}
.t_srch_div .srch_part .list_card {margin-top: 0px;}
.t_srch_div .tit + .list {margin-top: 60px;}
.t_srch_div .list_card_type4 a {transform: translate(0, 0); opacity: 1;}
.t_srch_div .list_card li {transform: translate(0, 0); opacity: 1;}
.t_srch_div .srch_inner .xbt {position: absolute; top: 54px; right: 54px; width: 32px; height: 32px; transform: rotateZ(0deg); transition-duration: 0.5s; transition-property: transform;}
.t_srch_div .srch_inner .xbt:hover {transform: rotateZ(360deg);}

.t_srch_div .list_card_type2 > a {transform: translate(0, 0); opacity: 1;}
.t_srch_div .list_card_type3 > div {transform: translate(0, 0); opacity: 1;}
.t_srch_div .list_card_type4 > a {transform: translate(0, 0); opacity: 1;}
.t_srch_div .list_card_type5 > a {transform: translate(0, 0); opacity: 1;}

.sub_con > .t_srch_div {position: relative; top: 0; left: 0; z-index:1}
.sub_con > .t_srch_div .srch_inner {min-height: auto; overflow-y: auto; overflow-x: auto;}
.sub_con > .t_srch_div .srch_area {padding: 0; margin-top: 0; max-height: 100%;}
.sub_con > .t_srch_div .srch_result {height: auto;}

@media all and (max-width:1600px) {
  .t_srch_div .srch_result {width: 100%;}
  .t_srch_div .srch_result .srch_tab {width: 100%;}
}

@media all and (max-width:1300px) {
  .t_srch_div .srch_result .srch_tab .swiper-wrapper {justify-content:left}
}

@media all and (max-width:1024px) {

  .t_srch_div .t_tit {margin-bottom: 45px; margin-top: 80px; padding-top: 80px;}
  .t_srch_div .result_area > .tit {margin-bottom: 30px;}
  .t_srch_div .result_area > .tit .content_stit {padding-left: 20px; margin-left: 10px; background: url(../images/ico-tsrch-arrow.svg) left 7px no-repeat; background-size: auto 14px;}
  .t_srch_div .result_area > .tit .content_stit > span {margin-top: 0; padding: 0 10px;}
  .t_srch_div .srch_part {margin-bottom: 80px;}

  .t_srch_div .srch_area .srch_input_area {width: 100%;}
  .t_srch_div .srch_area .srch_input_area .t_srch_type {width: calc(100% - 144px);}
  .t_srch_div .recomm {width: calc(100% - 144px);}
  .t_srch_div .recomm .bts > a {width: 32%;}
  .t_srch_div .srch_area .srch_input_area .auto_comp {width: calc(100% - 144px); max-height: 500px;}

  .t_srch_div .srch_result .srch_tab {width: 100%; margin-top: 100px;}
  .t_srch_div .srch_result .srch_tab a {font-size: 20px;}


  
  .t_srch_div .t_tit {margin-bottom: 20px; margin-top: 30px; padding-top: 30px;}
  .t_srch_div .srch_inner {min-height: 100vh;}
  .t_srch_div .srch_inner .logo {top: 10px; left: 15px; width: 100px; height: 34px;}
  .t_srch_div .srch_inner .xbt {top: 20px; right: 15px; width: 20px; height: 20px;}
  .t_srch_div .srch_inner .xbt img {width: 20px; height: 20px;}
  .t_srch_div .srch_area {padding: 58px 0 115px; width: 100%; margin-left: 0; min-height: auto;}
  .t_srch_div .srch_area.for_padding {padding: 58px 0 350px;}
  .t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .tit {font-size: 18px;}
  .t_srch_div .recomm .tit {font-size: 18px;}
  .t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .t_del {font-size: 14px;}
  .t_srch_div .srch_area .srch_input_area .auto_comp::-webkit-scrollbar {width: 4px;}
  .t_srch_div .srch_area .srch_input_area .auto_comp .comp_word .word {font-size: 16px;}
  .t_srch_div .srch_area .srch_input_area .t_srch_type {width: calc(100% - 30px); height: 50px;}
  .t_srch_div .srch_area .srch_input_area .t_srch_type input {width: calc(100% - 50px); height: 46px; font-size: 16px;}
  .t_srch_div .srch_area .srch_input_area .t_srch_type a {top: 14px; right: 20px; width: 18px; height: 18px;}
  .t_srch_div .srch_area .srch_input_area .t_srch_type a img {width: 100%;}

  .t_srch_div .srch_area .srch_input_area .auto_comp {top: 25px; width: calc(100% - 30px); padding: 0 25px 0; max-height: 400px;}
  .t_srch_div .srch_area .srch_input_area .auto_comp.click {top: 25px; width: calc(100% - 30px); padding: 50px 25px 0;}
  .t_srch_div .recomm .bts {display: block;}
  
  .t_srch_div .srch_area .srch_input_area .sel_autosave {width: calc(100% + 50px); margin-left: -25px; margin-top: 40px;}

  .t_srch_div .recomm {width: calc(100% - 30px);}
  .t_srch_div .recomm .bts > a {width: 100%; height: 50px; margin-bottom: 10px; padding: 0 15px; line-height: 48px;}
  .t_srch_div .recomm .bts > a::after {top: 18px; right: 15px;}

  .t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .srch_list > p {margin-right: 10px; margin-bottom: 10px;}

  .t_srch_div .srch_result .srch_tab {margin-top: 50px;}
  .t_srch_div .srch_result .srch_tab a {font-size: 18px;}
  .t_srch_div .srch_result .srch_tab a .num {margin-top: 0; margin-left: 0; padding: 0 8px;}
  .t_srch_div .srch_result .srch_tab a.on .num {padding-bottom: 0;}

  .t_srch_div .srch_result .result_area {margin-top: 60px;}
  .t_srch_div .srch_part {margin-top: 30px;}



}
@media all and (max-width:768px) {
  .t_srch_div .t_tit {margin-bottom: 20px; margin-top: 30px; padding-top: 30px;}
  .t_srch_div .srch_inner {min-height: 100vh;}
  .t_srch_div .srch_inner .logo {top: 10px; left: 15px; width: 100px; height: 34px;}
  .t_srch_div .srch_inner .xbt {top: 20px; right: 15px; width: 20px; height: 20px;}
  .t_srch_div .srch_inner .xbt img {width: 20px; height: 20px;}
  .t_srch_div .srch_area {padding: 58px 0 115px; width: 100%; margin-left: 0; min-height: auto;}
  .t_srch_div .srch_area.for_padding {padding: 58px 0 350px;}
  .t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .tit {font-size: 18px;}
  .t_srch_div .recomm .tit {font-size: 18px;}
  .t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .t_del {font-size: 14px;}
  .t_srch_div .srch_area .srch_input_area .auto_comp::-webkit-scrollbar {width: 4px;}
  .t_srch_div .srch_area .srch_input_area .auto_comp .comp_word .word {font-size: 16px;}
  .t_srch_div .srch_area .srch_input_area .t_srch_type {width: calc(100% - 30px); height: 50px;}
  .t_srch_div .srch_area .srch_input_area .t_srch_type input {width: calc(100% - 50px); height: 46px; font-size: 16px;}
  .t_srch_div .srch_area .srch_input_area .t_srch_type a {top: 14px; right: 20px; width: 18px; height: 18px;}
  .t_srch_div .srch_area .srch_input_area .t_srch_type a img {width: 100%;}

  .t_srch_div .srch_area .srch_input_area .auto_comp {top: 25px; width: calc(100% - 30px); padding: 0 25px 0; max-height: 400px;}
  .t_srch_div .srch_area .srch_input_area .auto_comp.click {top: 25px; width: calc(100% - 30px); padding: 50px 25px 0;}
  .t_srch_div .recomm .bts {display: block;}
  
  .t_srch_div .srch_area .srch_input_area .sel_autosave {width: calc(100% + 50px); margin-left: -25px; margin-top: 40px;}

  .t_srch_div .recomm {width: calc(100% - 30px);}
  .t_srch_div .recomm .bts > a {width: 100%; height: 50px; margin-bottom: 10px; padding: 0 15px; line-height: 48px;}
  .t_srch_div .recomm .bts > a::after {top: 18px; right: 15px;}

  .t_srch_div .srch_area .srch_input_area .auto_comp .recent_srch .srch_list > p {margin-right: 10px; margin-bottom: 10px;}

  .t_srch_div .srch_result .srch_tab {margin-top: 50px;}
  .t_srch_div .srch_result .srch_tab a {font-size: 18px;}
  .t_srch_div .srch_result .srch_tab a .num {margin-top: 0; margin-left: 0; padding: 0 8px;}
  .t_srch_div .srch_result .srch_tab a.on .num {padding-bottom: 0;}

  .t_srch_div .srch_result .result_area {margin-top: 60px;}
  .t_srch_div .srch_part {margin-top: 30px;}


}

/* 공통 탑버튼 */
.fixed_bts {position: fixed; bottom: 40px; right: 40px; width: 70px; height: 152px; z-index: 90;}
.fixed_bts a {position: relative; display: block; width: 70px; height: 70px; margin-top: 12px; border-radius: 35px;}
.fixed_bts a span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 16px; text-align: center;}
.fixed_bts a.dona_bt {background: #063B72; color: #fff; font-size: 12px; font-family: "spoqa_bold";}
.fixed_bts a.top_bt {background: #F7F0E8;}
@media all and (max-width:1280px) {
  .fixed_bts {bottom: 40px; right: 3%;}
}
@media all and (max-width:1024px) {
  .fixed_bts {bottom: 30px;}
}
@media all and (max-width:768px) {
  #cBody {position: relative;}
  .fixed_bts {width: 35px; bottom: 20px; right: 6%; height: 104px;}
  .fixed_bts.for_position {position: absolute; z-index: 15; bottom: 20px;}
  /* .fixed_bts.for_position2 {position: absolute; z-index: 15; bottom: 75px;} */
  .fixed_bts a {width: 50px; height: 50px; margin-top: 4px; border-radius: 25px;}
  .fixed_bts a span {height: auto;}
  .fixed_bts a.dona_bt {font-size: 10px;}
  .fixed_bts a.top_bt span {height: 16px;}
}
@media all and (max-width:500px) {
}

/* 서브페이지 */
.inner {width: 1460px !important; margin: 0 auto;}
.inner.type2 {width: 1280px !important; margin: 0 auto;}
@media all and (max-width:1600px) {
  .inner {width: 1280px !important;}
}
@media all and (max-width:1500px) {
  .inner {width: 1000px !important;}
  .inner.type2 {width: 1000px !important; margin: 0 auto;}
}
@media all and (max-width:1024px) {
  .inner {width: 90% !important;}
  .inner.type2 {width: 90% !important;}
}
@media all and (max-width:768px) {
  .inner {width: 94% !important;}
  .inner.type2 {width: 94% !important;}
}
@media all and (max-width:500px) {
}

.sub_body {position: relative;}
.sub_body .path {position: absolute; top: 160px; left: 50%; transform: translate(-50%, 0); width: 1460px; text-align: right; font-size: 14px;}
.sub_body .path span {margin-right: 6px; padding-right: 12px; background: url('../images/subindi-path-arrow.svg') no-repeat right center;}
.sub_body .path span:last-of-type {color: #F58220; background: none; margin-right: 0; padding-right: 0;}
.sub_body .path.wht span {color: #fff; background: url('../images/subindi-path-arrow-w.svg') no-repeat right center;}
.sub_body .path.wht span:last-of-type {color: #fff; background: none;}

.sub_body .share_area {position: absolute; top: 220px; left: 50%; transform: translate(-50%, 0); width: 1460px; text-align: right; font-size: 14px; z-index: 11;}
.sub_body .share_btns.w > a {background: url(../images/ico-share-w.svg) no-repeat; background-size: cover;}
.sub_body .share_btns.w > a.on {background: url(../images/ico-share-on.svg) no-repeat; background-size: cover;}
.sub_body .share_btns.w > a:hover {background: url(../images/ico-share-on.svg) no-repeat;  background-size: cover;}
.sub_body .share_btns.w .slide_area a:nth-of-type(1) {background: url(../images/ico-kakao.svg) no-repeat; background-size: cover;}
.sub_body .share_btns.w .slide_area a:nth-of-type(1):hover {background: url(../images/ico-kakao-on.svg) no-repeat; background-size: cover;}

.share_btns {position: absolute; right: 0; top: 0; z-index: 11; width: 56px;}
.share_btns a {display: block; margin-top: 10px; transition: all 0.2s;}
.share_btns > a {margin-top: 0; background: url(../images/ico-share.svg) no-repeat; width: 56px; height: 56px; background-size: cover;}
.share_btns > a:hover {background: url(../images/ico-share-on.svg) no-repeat; background-size: cover; width: 56px; height: 56px;}
.share_btns > a.on {margin-top: 0; background: url(../images/ico-share-on.svg) no-repeat; background-size: cover; width: 56px; height: 56px;}
.share_btns .slide_area {height: 0; overflow: hidden; transition: height 0.3s ease-in-out;}
.share_btns .slide_area.on {height: 200px;}
.share_btns .slide_area a:nth-of-type(1) {background: url(../images/ico-kakao.svg) no-repeat; background-size: cover; width: 56px; height: 56px;}
.share_btns .slide_area a:nth-of-type(2) {background: url(../images/ico-fb.svg) no-repeat; background-size: cover; width: 56px; height: 56px;}
.share_btns .slide_area a:nth-of-type(3) {background: url(../images/ico-copy.svg) no-repeat; background-size: cover; width: 56px; height: 56px;}
.share_btns .slide_area a:nth-of-type(1):hover {background: url(../images/ico-kakao-on.svg) no-repeat; background-size: cover; width: 56px; height: 56px;}
.share_btns .slide_area a:nth-of-type(2):hover {background: url(../images/ico-fb-on.svg) no-repeat; background-size: cover; width: 56px; height: 56px;}
.share_btns .slide_area a:nth-of-type(3):hover {background: url(../images/ico-copy-on.svg) no-repeat; background-size: cover; width: 56px; height: 56px;}


.sub_visual {width: 100%; padding: 300px 0 0;}
.sub_visual .sub_txt .sub_tit {font-size: 72px; font-family: "spoqa_bold"; margin-top: 137px;}
.sub_visual.ver_img {padding: 418px 0 172px;}
.sub_visual.ver_img .subpage_title {color: #fff;}
.sub_visual .subpage_copy {margin-top: 62px;}
.sub_visual .content_txt {margin-top: 41px;}
br.mobile {display: none;}

.sub_con {margin: 100px auto 200px; position: relative;}
.sub_con .content_tit + * {margin-top: 30px;}
.sub_con.view {margin: 0 auto 200px;}
@media all and (max-width:1600px) {
  .sub_body .path {width: 1280px;}
  .sub_body .share_area {width: 1280px;}

}
@media all and (max-width:1500px) {
  .sub_body .path {width: 1000px;}
  .sub_body .share_area {width: 1000px;}
}
@media all and (max-width:1024px) {
  .sub_visual {padding: 200px 0 0;}

  .sub_body .path {display: none;}
  .sub_visual.ver_img {padding: 200px 0 100px;}
  .sub_body .share_area {width: 90%;}

  .share_btns {top: -10px;}
}
@media all and (max-width:768px) {
  .sub_visual {padding: 108px 0 0;}
  .sub_visual.ver_img {padding: 150px 0 50px;}
  .sub_visual.ver_img .subpage_title {color: #fff; word-break: keep-all;}
  .sub_visual .content_txt {margin-top: 20px; word-break: keep-all;}
  .sub_visual .content_txt br {display: none;}
  .sub_visual .subpage_copy {margin-top: 50px; word-break: keep-all;}

  .sub_body .share_area {width: calc(100% - 30px); top: 138px;}

  .sub_con {margin: 50px auto 0; padding-bottom: 80px; position: relative;}
  .sub_con .content_tit + * {margin-top: 20px;}
  .sub_con.view {margin: 0 auto 0; padding-bottom: 80ㅔㅌ;}
  
  br.mobile {display: block;}

  
	.share_btns {top: unset; bottom: 20px; width: 40px;}
	.share_btns > a {width: 40px; height: 40px; background-size: 40px; transition: 0s;}
	.share_btns > a.on {width: 40px; height: 40px; background-size: 40px;}
  .share_btns > a:hover {width: 40px; height: 40px; background-size: 40px;}
  .share_btns a {transition: 0s;}
  .sub_body .share_btns.w > a {width: 40px; height: 40px; background-size: 40px;}
	.share_btns .slide_area {position: absolute; top: 40px; left: 0; height: 0;}
	.share_btns .slide_area.on {height: 160px;}
	.share_btns .slide_area a:nth-of-type(1) {width: 40px; height: 40px;}
	.share_btns .slide_area a:nth-of-type(2) {width: 40px; height: 40px;}
	.share_btns .slide_area a:nth-of-type(3) {width: 40px; height: 40px;}
  .share_btns .slide_area a:nth-of-type(1):hover {width: 40px; height: 40px;}
  .share_btns .slide_area a:nth-of-type(2):hover {width: 40px; height: 40px;}
  .share_btns .slide_area a:nth-of-type(3):hover {width: 40px; height: 40px;}

  .sub_body .share_btns.w > a {width: 40px; height: 40px;}


}

.bot_sticky_box {padding: 30px 60px; background: #F7F7F7; border-radius: 10px;}

.info_box {padding: 50px; border:1px solid #ddd; border-radius: 15px; color: #444;}
.info_box .txt1 {font-family: "spoqa_bold"; margin-bottom: 20px;}
.info_box .dot_txt {margin-top: 20px}
.info_box dt {margin-top: 40px;}
.info_box dt:first-child {margin-top: 0px;}
.info_box dd {margin-top: 20px;}
.info_box .id_num {margin-top: 20px;}
.info_box .id_num .form_input input {width: 180px;}
.info_box .id_num > span {margin: 0px 16px;}
.form_input.regi_num input {width: 260px !important;}

.info_color_box {position: relative; padding: 30px 40px; background: #FBF4EC; border-radius: 10px; color: #F58220;}
.info_color_box .add_txt {position: absolute; top: 30px; right: 40px;}

.w830 {width: 830px !important;}
.w180 {width: 180px !important;}
.w155 {width: 155px !important;}
@media all and (max-width:1500px) {
  .w830 {width: 680px !important;}
}
@media all and (max-width:1024px) {
  .bot_sticky_box {padding: 30px;}
  .w830 {width: 100% !important;}
}
@media all and (max-width:768px) {
  .dona_input {padding-bottom: 40px;}
  .bot_sticky_box {position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px 3%; background: #fff; border-radius: 0; box-shadow: 0 -3px 5px rgba(0, 0, 0, .2); z-index: 50;}
  .bot_sticky_box.for_position {position: absolute;}

  .info_box {padding: 25px 3%; word-break: keep-all;}
  .info_box .txt1 {font-family: "spoqa_bold"; margin-bottom: 15px;}
  .info_box .dot_txt {margin-top: 10px}
  .info_box dt {margin-top: 15px;}
  .info_box dd {margin-top: 15px;}
  .info_box .id_num {margin-top: 15px;}
  .info_box .id_num .form_input input {width: 130px;}
  .info_box .id_num > span {margin: 0px;}

  .info_color_box {padding: 15px 20px; word-break: keep-all;}
  .info_color_box .add_txt {position: relative; top: 0; right: 0;}
}
@media all and (max-width:500px) {
  .form_input.regi_num input {width: 150px !important;}
  .pop_content .form_input.regi_num input {width: 100% !important;}

}
@media all and (max-width:340px) {
  .form_input.regi_num input {width: 130px !important;}
}



/* list */
.list_input {position:relative; width: 100%;}
.list_input .essen_info {position:absolute; top: -40px; right: 0; padding-left: 14px; font-size: 16px; color: #888;}
.list_input .essen_info::before {content: ""; display: block; position:absolute; top: 8px; left: 0; width: 6px; height: 6px; border-radius: 3px; background: #E63A3A;}
.list_input .add_bot {position:absolute; bottom: -56px; right: 0;}
.list_input + p {margin-top: 30px}
.list_input ul {width: 100%; padding: 25px 0 40px; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;}
.list_input ul li {display: table; width: 100%;}
.list_input ul li::after {content: ""; display: block; clear: both;}
.list_input ul li .th {display: table-cell; font-family: "spoqa_medium"; color: #222; width: 315px; padding: 35px 60px; vertical-align: top;}
.list_input ul li .th span.essential {display: inline-block; position: relative; padding-right: 14px;}
.list_input ul li .th span.essential::after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 6px; height: 6px; border-radius: 3px; background: #E63A3A;}
.list_input ul li .td {display: table-cell; width: calc(100% - 315px); padding: 20px 60px; vertical-align: middle; color: #444;}
.list_input ul li .td > *:not(:last-child) {margin-right: 16px;}
.list_input ul li .td .with_bt {display: flex;}
/* .list_input ul li .td .with_bt + .form_add_msg {margin-left: 16px;} */
.list_input ul li .td .with_bt .has_add_msg {margin-right: 0; max-width: 350px;}
/* .list_input ul li .td .has_add_msg > * {margin-left: 16px;} */
.list_input ul li .td .has_add_msg > *:first-child {margin-left: 0;}
.list_input ul li .td .has_add_msg .form_add_msg + .form_add_msg {margin-top: 5px;}
.list_input ul li .td > * > .btn_type1 {margin-left: 16px;}
.list_input ul li .td .address {margin-bottom: 20px;}
.list_input ul li .td .address:last-child {margin-bottom: 0px;}
.list_input ul li.info_box {margin-top: 60px;}
.list_input ul li.info_box {margin-top: 60px;}
.list_input ul li .tab_input {float: right;}
.list_input ul li .tab_input.how_dona {float: none; width: 360px;}
.list_input ul li .tab_input.how_dona a {width: 180px;}
.list_input ul li .info_color_box {margin-top: 40px;}
.list_input ul li p.notice {font-size: 14px; color: #888; margin-top: 20px; word-break: keep-all;}
.find_id p.notice {font-size: 14px; color: #888; margin-top: 30px; word-break: keep-all;}
.list_input ul li .td .has_add_msg .select_money {margin-left: 20px;}

@media all and (max-width:1500px) {
  .list_input ul li .th {width: 215px; padding: 35px 40px;}
  .list_input ul li .td {width: calc(100% - 215px); padding: 20px 40px;}
  .my_con .list_input ul li .td .with_bt > .has_add_msg, .my_con .list_input ul li .td .with_bt > .form_input {width: calc(100% - 180px);}
  .with_bt > .form_input input {width: 100% !important;}

  .my_con .list_input ul li .td .form_select {width: 100%;}
  .my_con .list_input ul li .td .form_input {width: 100%;}
  .my_con .list_input ul li .td .form_input input {width: 100%;}
  .my_con .list_input ul li .td .form_select + * {margin-top: 15px;}

}
@media all and (max-width:1024px) {
  .list_input ul li .th {width: 30%; padding: 20px 0;}
  .list_input ul li .td {width: 70%; padding: 10px 0;}
  .list_input ul li:first-of-type .td .tab_input {margin-top: 20px;}
  .list_input ul li .tab_input + * {margin-top: 15px;}
  .list_input ul li .tab_input.how_dona {width: 100%; margin-top: 0 !important;} 
  .list_input ul li .tab_input.how_dona a {width: 50%;}
  .list_input ul li .td .has_add_msg {width: 100%; margin-right: 0;}
  .list_input ul li .td .has_add_msg > * {margin-left: 0;}
  .list_input ul li .td .form_select {width: 100%;}
  .list_input ul li .td .form_select + * {margin-top: 15px;}
  .list_input ul li .td .form_input {width: 100%;}
  .list_input ul li .td .form_input input {width: 100% !important;}
  .list_input ul li .td > *:not(:last-child) {margin-right: 0px;}
  .list_input ul li .td .with_bt {display: flex;}
  .list_input ul li .td .with_bt > .has_add_msg, .list_input ul li .td .with_bt > .form_input {width: calc(100% - 180px);}
  .list_input ul li .td .with_bt + .form_add_msg {margin-left: 0;}

}
@media all and (max-width:768px) {
  .list_input {width: 100%;}
  .list_input .essen_info {top: -40px; right: 0; padding-left: 14px; font-size: 14px;}
  .list_input .essen_info::before {top: 8px; left: 0; width: 6px; height: 6px; border-radius: 3px;}
  .list_input .add_bot {bottom: -56px;}
  .list_input + p {margin-top: 30px}
  .list_input ul {width: 100%; padding: 30px 0;}
  .list_input ul li {display: block; color: #444;}
  .list_input ul li .th {display: block; width: 100%; padding: 0 0 12px;}
  .list_input ul li .th span.essential {padding-right: 14px;}
  .list_input ul li .th span.essential::after {top: 0; right: 0; width: 6px; height: 6px; border-radius: 3px;}
  .list_input ul li .td {display: block; width: 100%; padding: 0 0 24px;}
  .list_input ul li:last-child .td {padding: 0;}
  .list_input ul li#srch_phone .td {padding: 0;}
  .list_input ul li .td > * > .btn_type1 {margin-left: 16px; min-width: 115px; width: 23%;}
  .list_input ul li .td .address {margin-bottom: 8px;}
  .list_input ul li.info_box {margin-top: 60px;}
  .list_input ul li.info_box {margin-top: 60px;}
  .list_input ul li .tab_input {float: none;}
  .list_input ul li .info_color_box {margin-top: 20px;}
  .list_input ul li .td .form_select + * {margin-top: 8px;}
  .list_input ul li .tab_input + * {margin-top: 8px;}
  .list_input ul li .td .with_bt > .has_add_msg, .list_input ul li .td .with_bt > .form_input {width: calc(100% - 125px);}
  .list_input ul li .has_add_msg > *:not(:last-child) {margin-right: 0;}
  .list_input ul li p.notice {font-size: 13px; margin-top: 12px;}
  .find_id p.notice {font-size: 13px; margin-top: 12px;}
  .list_input ul li .td .has_add_msg .select_money {margin-left: 0px;}


}
@media all and (max-width:500px) {
  .list_input ul li .td .with_bt {justify-content: space-between;}
  .has_add_msg > *:not(:last-child) {margin-right: 0;}
  .list_input ul li .td > * > .btn_type1 {margin-left: 5px;}

  .my_con .list_input ul li .td .with_bt > .has_add_msg {width: 100%;}
  .my_con .list_input ul li .td .with_bt > .form_input {width: calc(77% - 5px);}
}


ul.list_info_box {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 45px 70px; border: 1px solid #DDDDDD; border-radius: 15px; color:#444}
ul.list_info_box li {display: table; width: 50%; padding: 15px 0;}
ul.list_info_box li .th {display: table-cell; width: 135px; font-family: "spoqa_medium"; color: #222;}
ul.list_info_box li .td {display: table-cell;}

@media all and (max-width: 1024px) {
  
  ul.list_info_box {display: block;}
  ul.list_info_box li {width: 100%;}

}
@media all and (max-width: 758px) {
  
  ul.list_info_box {display: block; padding: 30px 35px;}
  ul.list_info_box li {padding: 0; margin-bottom: 15px;}
  ul.list_info_box li:last-child {margin-bottom: 0;}
  ul.list_info_box li .th {width: 116px;}
  
}
@media all and (max-width: 500px) {
  
}



/* footer */
footer {position: relative; background: #ECEFF4; width: 100%; z-index: 10;}
footer .top {position: relative; width: 100%; height: 122px; border-bottom: 1px solid #fff;}
footer .top h2 {position: absolute; top: 24px; left: 140px; width: 172px; height: 60px; z-index: 2;}
footer .top h2 img {width: 100%; height: auto;}
footer .top .bts {display: flex; justify-content: center; position: absolute; top: 49px; left: 0; width: 100%; z-index: 1;}
footer .top .bts a {display: block; margin: 0 25px; font-size: 14px; font-family: "spoqa_medium"; color: #043B72;}
footer .top .bts a:first-child {color: #F58220;}
footer .top .family {display: inline-block; position: absolute; top: 50px; right: 140px; width: 172px; height: 30px; border-bottom: 1px solid #043B72; font-family: "spoqa_bold", sans-serif; color: #043B72; font-size: 14px; vertical-align: top; z-index: 2;}
footer .top .family:after {content: ""; display: block; position: absolute; right: 0; top: 5px; width: 10px; height: 10px; background: url(../images/f-family-icon.svg) 0 0 no-repeat; transition: transform .2s ease;}
footer .mid {position: relative; width: 100%; height: 127px;}
footer .mid .left {position: absolute; top: 50%; left: 140px; transform: translate(0, -50%);}
footer .mid .left strong {font-family: "spoqa_medium"; margin-right: 6px;}
footer .mid .left .txt1 {margin-bottom: 10px; font-size: 14px; font-family: "spoqa_bold"; color: #043B72;}
footer .mid .left .txt2 {font-size: 13px; font-family: "spoqa_regular"; color: #043B72;}
footer .mid .left .txt2 span {margin-right: 50px;}
footer .mid .left .txt2 span:nth-child(2) {margin-right: 20px;}

footer .mid .left .txt2 span.inline_num {cursor: pointer; overflow: hidden; position: relative;}
footer .mid .left .txt2 span.inline_num strong {position: relative; padding-right: 15px;}
footer .mid .left .txt2 span.inline_num strong::after {content: ""; background: #043B72; display: inline-block; width: 11px; height: 1px; position: absolute; left: 90px; top: 50%; transform: translateY(-50%);}
footer .mid .left .txt2 span.inline_num strong::before {content: ""; background: #043B72; display: inline-block; width: 10px; height: 1px; position: absolute; left: 90px; top: 50%; transform: rotate(90deg) translateY(-50%); transition: all 0.2s;}
footer .mid .left .txt2 span.inline_num a {color: #043B72; display: inline-block; opacity: 0; transform: translateY(7px); transition: all 0.2s; position: absolute; width: 310px; left: 115px; top: 0;}
footer .mid .left .txt2 span.inline_num.on a {opacity: 1; transform: translateY(0);}
footer .mid .left .txt2 span.inline_num.on strong::before {transform: rotate(0) translateY(-50%);}

footer .mid .right {position: absolute; top: 50%; right: 140px; transform: translate(0, -50%);}
footer .mid .right a {display: inline-block; margin-left: 10px; vertical-align: top;}
footer .mid .right a:last-child {width: 118px; height: 38px; padding: 8px 0; margin-left: 26px; text-align: center; background: #F58220; color: #fff; font-size: 14px; font-family: "spoqa_medium"; border-radius: 19px;} /* 2023-03-22 수정 */
footer .bot {position: relative; width: 100%; height: 50px; padding: 18px 140px; text-align: right; background: #F58220; color: #043B72; font-size: 12px; font-family: "spoqa_bold";}
footer .bot br {display: none;}



@media all and (max-width:1500px) {
  footer .top h2 {left: 70px;}
  footer .top .family {right: 70px;}
  footer .mid {height: auto; padding: 34px 70px;}
  footer .mid .left {position: relative; top: 0; left: 0; transform: translate(0, 0%);}
  footer .mid .right {position: relative; top: 0; right: auto; transform: translate(0, 0); margin-top: 20px;}
  footer .mid .right a:nth-child(1) {margin-left: 0;}
  footer .bot {padding: 18px 70px;}
}

@media all and (max-width:1024px) {
  footer .top {height: auto; padding: 40px 30px;}
  footer .top h2 {position: relative; top: 0; left: 0;}
  footer .top .bts {position: relative; top: 0; justify-content: space-between;}
  footer .top .bts a {display: block; margin: 0 2%; font-size: 14px;}
  footer .top .bts a:first-child {text-align: left; margin: 0 2% 0 0;}
  footer .top .family {display: block; position: relative; top: 0; right: auto; width: 100%; height: 30px; margin: 50px 0; border-bottom: 2px solid #043B72; font-size: 14px;}
  footer .top .family:after {right: 0; top: 5px; width: 10px; height: 10px; background: url(../images/f-family-icon.svg) 0 0 no-repeat;}
  footer .mid {height: auto; padding: 34px 30px;}
  footer .mid .left {position: relative; top: 0; left: 0; transform: translate(0, 0%);}
  footer .mid .left strong {display: block; margin-right: 0;}
  footer .mid .left .txt1 {margin-bottom: 30px; font-size: 14px;}
  footer .mid .left .txt2 {font-size: 14px;}
  footer .mid .left .txt2 span {display: block; margin-right: 0px; margin-bottom: 30px;}
  footer .mid .left .txt2 span:nth-child(2) {display: inline-block; margin-right: 8px;}
  footer .mid .left .txt2 a {color: #2D3C4B;}

  footer .mid .left .txt2 span.inline_num strong::before {left: 95px;}
  footer .mid .left .txt2 span.inline_num strong::after {left: 95px;}
  footer .mid .left .txt2 span.inline_num a {display: block; position: relative; top: 0; left: 0; width: 100%;}

  footer .mid .right {position: relative; top: 0; right: auto; transform: translate(0, 0); margin-top: 0px;}
  footer .mid .right a:nth-child(1) {margin-left: 0;}
  footer .bot {height: auto; padding: 18px 30px; font-size: 12px;}
}
@media all and (max-width:768px) {
  footer .top {padding: 40px 15px;}
  footer .top h2 {width: 100px; height: 34px;}
  footer .top .bts {position: relative; top: 0; justify-content: space-between;}
  footer .top .bts a {margin: 0 1%; font-size: 12px;}
  footer .top .bts a:first-child {margin: 0 1% 0 0;}
  footer .top .family {margin: 30px 0;}
  footer .mid {height: auto; padding: 34px 15px;}
  footer .mid .left .txt1 {margin-bottom: 14px;}
  footer .mid .left .txt2 span {margin-bottom: 14px;}
  footer .mid .right a {margin-left: 5px;}
  footer .mid .right a:last-child {margin-left: 10px;} /* 2023-03-22 수정 */

  footer .mid .left .txt2 span.inline_num {padding-bottom: 30px; width: auto;}
  footer .mid .left .txt2 span.inline_num strong {display: inline-block; padding-right: 0;}
  footer .mid .left .txt2 span.inline_num strong::before {top: 11px; left: unset; right: -20px;}
  footer .mid .left .txt2 span.inline_num strong::after {top: 11px; left: unset; right: -21px;}

  footer .bot {padding: 18px 5px;}
  footer .bot br {display: block;}
}

@media all and (max-width: 360px) {
  footer .mid .left .txt2 span.inline_num {padding-bottom: 55px;}
}

/* 스크롤 모션 */
/* .scroll-motion {transform: translate(0, 200px); opacity: 0; transition: 0.8s;}
.scroll-motion.active {transform: translate(0, 0px); opacity: 1;} */

/* top 버튼 탑버튼 */
.btn_top {display: flex; align-items: center; justify-content: center; position: fixed; right: 0; bottom: -50px; width: 50px; height: 50px; background-color: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, .2); border-radius: 50%; z-index: 20;}
/* ------------------------------------------------------------------- 메뉴 공통 - End ----------------------------------------------------------------------- */






/* ------------------------------------------------------------------- 플러그인 사용 공통 - Start ----------------------------------------------------------------------- */
/* mcustomscroll */
.mcustom_scroll .mCSB_container_wrapper {position: relative; margin-right: 0; margin-bottom: 0;}
.mcustom_scroll .mCSB_container_wrapper .mCSB_container {padding-right: 0; padding-bottom: 0;}
.mcustom_scroll .mCSB_inside > .mCSB_container {margin-right: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical {width: 6px; bottom: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar {margin: 0; width: 6px; background: #ddd; border-radius: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {width: 6px; background: #edeff0; border-radius: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal {height: 6px; right: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger_bar {margin: 0; height: 6px; background: #ddd; border-radius: 0;}
.mcustom_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {height: 6px; background: #edeff0; margin: 0;}
.mcustom_scroll .mCSB_scrollTools{opacity:1;}

.horizen_scroll .mCSB_container_wrapper {position: relative; margin-right: 0; margin-bottom: 0;}
.horizen_scroll .mCSB_container_wrapper .mCSB_container {padding-right: 0; padding-bottom: 0;}
.horizen_scroll .mCSB_inside > .mCSB_container {margin-right: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical {width: 6px; bottom: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar {margin: 0; width: 6px; background: #ddd; border-radius: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {width: 6px; background: #edeff0; border-radius: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal {height: 6px; right: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger_bar {margin: 0; height: 6px; background: #ddd; border-radius: 0;}
.horizen_scroll .mCS-dark.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {height: 6px; background: #edeff0; margin: 0;}
.horizen_scroll .mCSB_scrollTools{opacity:1;}
/* ------------------------------------------------------------------- 플러그인 사용 공통 - End ------------------------------------------------------------------------- */





/* ------------------------------------------------------------------- 팝업 공통 - Start ----------------------------------------------------------------------- */

.pop_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 100; background: rgba(0, 0, 0, 0.8);}
.pop_wrap .pop_content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 720px; max-height: 720px; background: #fff; border-radius: 10px; overflow: hidden;}
.pop_wrap .pop_content .pop_head {position: absolute; top: 0; left: 40px; min-height: 100px; width: calc(100% - 80px); overflow: hidden; padding-top: 30px; }
.pop_wrap .pop_content .pop_head::after {content: ""; display: block; clear: both;}
.pop_wrap .pop_content .pop_head p {width: calc(100% - 50px); float: left;}
.pop_wrap .pop_content .pop_head .content_stxt {margin-top: 10px;}
.pop_wrap .pop_content .pop_body {margin:120px auto 60px; width: calc(100% - 80px); max-height: 540px; overflow-y: auto;}

.pop_wrap .pop_content .pop_body::-webkit-scrollbar {width: 6px;}
.pop_wrap .pop_content .pop_body::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50px;}
.pop_wrap .pop_content .pop_body::-webkit-scrollbar-track {background: #EBEBEB; border-radius: 50px;}
.pop_wrap .pop_content .pop_body .text {margin-right: 25px; color: #444;}
.pop_wrap .pop_content .pop_body .text .emphasis {color: #222; font-family: "spoqa_medium";}
.agree_con .emphasis {color: #222; font-family: "spoqa_medium";}
.pop_wrap .pop_content .xbt {position: absolute; top: 30px; right: 40px;}

table.policy + .emphasis {margin-top:50px}


.pop_wrap .pop_content .pop_body .bt_area {margin-top: 60px;}
.pop_wrap .pop_content .pop_body .bt_area a {margin: 0 6px;}


@media all and (max-width:768px) {
  .pop_wrap {background: 0; height: 100vh; min-height: 100vh;}
  .pop_wrap .pop_content {width: 100%; height: 100%; min-height: 100%; border-radius: 0; top: 0; left: 0; transform: translate(0, 0);}
  .pop_wrap .pop_content .pop_head {left: 16px; min-height: 60px; width: calc(100% - 32px); padding-top: 20px;}
  .pop_wrap .pop_content .pop_head p {width: calc(100% - 25px);}
  .pop_wrap .pop_content .pop_body {width: calc(100% - 32px); max-height: calc(100% - 230px); margin: 140px auto 60px;}
  .pop_wrap .pop_content .pop_body .text {margin-right: 10px;}
  .pop_wrap .pop_content .xbt {width: 20px; height: 20px; right: 16px; top: 22px;}
  .pop_wrap .pop_content .xbt img {width: 100%; height: 100%;}
	.pop_wrap .pop_content .pop_body .bt_area {margin-top: 50px;}
}


/* ------------------------------------------------------------------- 팝업 공통 - End ------------------------------------------------------------------------- */






/* ------------------------------------------------------------------- 탭 공통 - Start ------------------------------------------------------------------------- */

.tab_area {margin-bottom: 100px; overflow: hidden;}
.tab_area a {font-size: 26px; line-height: 32px; color: #888; margin-right: 40px; width: auto;}
.tab_area a.on {color: #222; font-family: "spoqa_bold"; border-bottom: 4px solid #F58220; padding-bottom: 5px;}


.tab_input {display: table; width: 420px; height: 58px; border: 1px solid #ddd; border-radius: 10px;}
.tab_input a {display: table-cell; position: relative; width: 140px; height: 58px; text-align: center; vertical-align: middle; color: #888; transition-duration: 0.3s; transition-property: color; border-left: 1px solid #ddd;}
.tab_input a::before {content: ""; display: block; position: absolute; top: -1px; left: -1px; width: 100%; height: 58px; border: 1px solid #F58220; opacity: 0; transition-duration: 0.3s; transition-property: opacity; z-index:1}
.tab_input a:first-child {border: 0;}
.tab_input a:first-child::before {border-radius: 10px 0 0 10px;}
/* .tab_input a:last-child {border-left: 1px solid #ddd;} */
.tab_input a:last-child::before {border-radius: 0 10px 10px 0;}
.tab_input a.on {color: #F58220;}
.tab_input a.on::before {opacity: 1;}
@media all and (max-width:1500px) {
}
@media all and (max-width:1024px) {

  .tab_area {margin-bottom: 0; padding-top: 85px;}
  .tab_area a {font-size: 18px; line-height: 26px; margin-right: 18px;}

  .tab_input {width: 100%;}
  .tab_input a {width: 33.3%;}
}
@media all and (max-width:768px) {
  .tab_input {height: 48px;}
  .tab_input a {height: 48px;}
  .tab_input a::before {height: 48px;}
}

@media all and (max-width:500px) {
}

/* ------------------------------------------------------------------- 탭 공통 - End --------------------------------------------------------------------------- */



.flex_box {display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */}



/* ------------------------------------------------------------------- 검색영역 공통 - Start  --------------------------------------------------------------------------- */



/* ------------------------------------------------------------------- 검색영역 공통 - End  --------------------------------------------------------------------------- */




/* ------------------------------------------------------------------- 로딩 - Start ---------------------------------------------------------------------------------*/

.loading {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999;}
.loading::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8);}
.loading > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200px; text-align: center;}
.loading > div .spin {position: relative; width: 60px; height: 60px; margin: 30px auto 0; overflow: hidden;}
.loading > div .spin img {position: absolute; top: 0; left: 0; width: 60px; height: 60px; animation: spinning 0.5s linear infinite;}
@keyframes spinning {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media all and (max-width:1024px) {
}
@media all and (max-width:768px) {
  .loading .logo img {width: 100px;}
  .loading > div .spin {width: 40px; height: 40px; margin: 20px auto 0;}
  .loading > div .spin img {width: 40px; height: 40px;}
}
/* ------------------------------------------------------------------- 로딩 - End -----------------------------------------------------------------------------------*/




/* ------------------------------------------------------------------- 모바일 수평모드 - Start ---------------------------------------------------------------------------------*/

.horizon_mode {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; z-index: 999;}
.horizon_mode .pack {position: absolute; top: 50%; left: 50%; transform: translate(-50%,  -50%); text-align: center;}
.horizon_mode .pack h1 img {width: 100px;}
.horizon_mode .pack .txt {margin: 40px 0 20px; font-size: 16px; font-family: "spoqa_bold", sans-serif;}
.horizon_mode .pack .txt span {color: #063B72;}

/* ------------------------------------------------------------------- 모바일 수평모드 - End ---------------------------------------------------------------------------------*/



@media screen and (max-width:1800px) {
}

@media screen and (max-width:1700px) {/* 바닥페이지 - 검색바 css */
}

@media screen and (max-width:1600px) {
}

@media screen and (max-width:1440px) {
}

@media screen and (max-height:768px) {
} 

@media screen and (max-height:600px) {/* 하단 가로스크롤 높이값 포함 */
}


/* print 프린트 */
/*@media print {
  .print .btn_area {display: none;}
  .print .print_logo {margin: 100px 0 130px; text-align: center;}
  .print .tab_con_box {padding: 0 120px 160px;}
  .print .tab_con_box .content_txt_r_dark + .content_txt_r_dark {margin-top: 17px;}  
}*/


@media print {
  html:not(.ie) {zoom: .5;}

  .tab_con_box {padding: 0; min-width: 1000px; width: 100%;}
}