@charset "utf-8";

@media print {
    @page {size: A4; margin: 10px;}
    #header {display: none;}
    #container {padding-top: 0 !important;}
    .sub_visual {display: none;}
    .sub_contents {width: 1200px !important; padding: 0 !important; zoom: .85;}
    .strapline {display: none;}
    .sub__tit-wrap .tab-open {display: none;}
    .family__slide-wrap {display: none;}
    .footer-wrap {display: none;}
   #top_btn {display: none !important;}
   .right__navi-wrap {display: none !important;}
    .sub__tit-wrap {display: none !important;}
}
@media print and (color) {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}

.sub_skip {display:none;}

/* 180125 Ãß°¡ */
.lec_popup{padding:25px;}
.lec_popup div{padding:20px; margin-bottom:30px; background:#fafafa;}
.lec_popup div p{color:#333; font-size:15px; font-family:"NanumBarunGothicB";}
.lec_popup div span{display:block; margin-top:15px; color:red;}
.lec_popup table{margin-bottom:25px;}
.lec_popup .btn{display:block; text-align:center; padding:10px 0; margin:0 auto; width:80px; background:#268cbf; color:#fff;}
/* 180125 ³¡ */


#container {padding-top: 173px;}
.subSite #container {padding-top: 151px;}

.page__satisfaction-wrap {margin-top: 100px; padding: 38px 47px; border: 1px solid #e6e6e6; background-color: #f7f7f7;}
.satisfaction-wrap {}
.satisfaction-wrap form {}
.satisfaction-wrap .title-wrap {display: flex; align-items: center; justify-content: space-between;}
.satisfaction-wrap .title {position: relative; padding-left: 42px; font-weight: 500; font-size: 24px; line-height: 30px; color: #222222;}
.satisfaction-wrap .title:before {content: ''; display: inline-block; position: absolute; top: 2px; left: 0; width: 27px; height: 27px; background-image: url("../../../images/sub/icon_satisfaction.png"); background-repeat: no-repeat; background-position: center; background-size: 100%;}
.satisfaction-list {margin-right: 10px;}
.satisfaction-list ul {}
.satisfaction-list li {display: inline-flex; align-items: center; margin-left: 28px; font-weight: 500; font-size: 18px; color: #444444;}
.satisfaction-list input {-webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 16px; height: 16px; margin-right: 10px; padding: 0; border: 1px solid #888888; border-radius: 100%; cursor: pointer;}
.satisfaction-list input:checked {border: 3px solid #ffffff; background-color: #006ec0; box-shadow: 0 0 0 1px #888888;}
.satisfaction-insert {display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-top: 32px;}
.satisfaction-insert input[type="text"] {width: calc(100% - 130px); border-radius: 6px;}
.satisfaction-insert input[type="button"] {display: inline-flex; align-items: center; justify-content: center; width: 120px; padding: 0; border-radius: 6px; background-color: #333333; font-weight: 500; font-size: 16px; color: #ffffff;}
.satisfaction-insert input[type="button"]:hover {cursor: pointer;}

.subSite .satisfaction-list input:checked {background-color: #157e53;}

@media screen and (max-width:1400px) {
    .page__satisfaction-wrap {margin-top: 80px; padding: 35px 45px;}
    .satisfaction-wrap .title {font-size: 22px;}
    .satisfaction-insert {margin-top: 30px;}
}
@media screen and (max-width:1280px) {
    .page__satisfaction-wrap {margin-top: 60px; padding: 30px 40px;}
    .satisfaction-wrap .title {font-size: 20px;}
    .satisfaction-list li {font-size: 16px;}
    .satisfaction-insert {margin-top: 25px;}
}
@media screen and (max-width:1080px) {
    .page__satisfaction-wrap {/*margin-top: 40px;*/ padding: 25px 35px;}
    .satisfaction-wrap .title-wrap {flex-direction: column; align-items: flex-start;}
    .satisfaction-wrap .title {font-size: 18px; line-height: 26px;}
    .satisfaction-list {margin-top: 20px;}
    .satisfaction-list li {width: 100%; margin: 10px 0 0;}
    .satisfaction-insert {flex-direction: column; margin-top: 20px;}
    .satisfaction-insert input[type="text"] {width: 100%;}
    .satisfaction-insert input[type="button"] {width: 100%;}
}
@media screen and (max-width:767px) {
    .page__satisfaction-wrap {/*margin-top: 35px;*/ padding: 20px 30px;}
    .satisfaction-wrap .title {padding-left: 32px; font-size: 16px; line-height: 24px;}
    .satisfaction-wrap .title:before {width: 20px; height: 20px;}
    .satisfaction-list {margin-top: 15px;}
    .satisfaction-list li {font-size: 14px;}
    .satisfaction-insert {margin-top: 15px;}
    .satisfaction-insert input[type="button"] {font-size: 14px;}
    .satisfaction-insert input[type="text"] {font-size: 14px;}
    .satisfaction-insert input[type="text"]::placeholder {font-size: 14px;}
}
@media screen and (max-width:480px) {
    .page__satisfaction-wrap {padding: 15px 20px;}
    .satisfaction-insert {margin-top: 10px;}
}

.layer-wrap {z-index: 1000; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8);}
.layer-wrap .layer {position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: 560px; padding: 30px 30px 40px; background-color: #ffffff; border-radius: 20px; box-sizing: border-box;}
.share-wrap .layer.type2 {height: 395px;}
.layer-wrap .layer > .tit {padding: 0 0 15px 0; font-size: 32px; font-weight: 600; color: #222222; letter-spacing: -0.05em;}
.pass__layer-wrap .sns-wrap {display: flex; align-items: center; justify-content: center; margin-top: 30px; padding: 22px 22px 0; border-top: 1px solid #ebebeb;}
.pass__layer-wrap.share-wrap .sns-wrap {padding-top: 0; border-top: none;}
.pass__layer-wrap .sns-inner {width: 50%; border-left: 1px dashed #ebebeb; text-align: center; box-sizing: border-box;}
.pass__layer-wrap .sns-inner:first-child {border-left: none;}
.pass__layer-wrap.share-wrap .sns-inner {padding: 0 15px 0 18px;}
.pass__layer-wrap.share-wrap .sns-inner:first-child {padding-left: 0;}
.pass__layer-wrap.share-wrap .sns-inner:last-child {padding-right: 0;}
.pass__layer-wrap .sns-inner span {display: block; margin-top: 25px; font-weight: 700; font-size: 15px; color: #333333; letter-spacing: -0.05em;}
.pass__layer-wrap .inp-wrap {display: flex; flex-direction: column; gap: 10px; margin-top: 35px;}
.pass__layer-wrap .inp-wrap > input {height: 50px; padding: 0 0 0 14px; border: 1px solid #ddd; border-radius: 10px; font-size: 16px; font-weight: 600; color: #666666; background-color: #f5f5f5;}
.pass__layer-wrap .inp-wrap > a {display: flex; align-items: center; justify-content: center; height: 50px; border: 1px solid #006ec0; border-radius: 10px; font-size: 20px; font-weight: 600; letter-spacing: -0.05em; color: #006ec0;}
.layer-wrap .layer .layer__close {position: absolute; top: 30px; right: 30px; width: 53px; height: 53px; background-image: url(../../../images/common/layer_close.png); background-repeat: no-repeat; background-size: 100%;}

.subSite .pass__layer-wrap .inp-wrap > a {border-color: #157e53; color: #157e53;}

@media only screen and (max-width:767px) {
    .share-wrap .layer.type2 {width: 85%;}
}

.strapline {position: sticky; top: 172px; font-size: 0; background-color: #ffffff; border-bottom: 1px solid #e4e4e4; transition: 0.3s ease-in-out; z-index: 99;}
/*.subSite .strapline {top: 150px;}*/
.oneclick .strapline {top: 173px;}
.strapline.whell {top: 0;}
.strapline .nav {width: 100%; max-width: 1390px; margin: 0 auto;}
.strapline .nav > .state {display: flex; align-items: center;}
.strapline .nav > .state .left {margin-right: auto;}
.strapline .nav .home {display: inline-block; width: 40px; padding: 0 20px 0 3px; text-align: center; vertical-align: middle;}
.strapline .nav .home:before {display: none;}
.strapline .nav .home:after {display: none;}
.strapline .nav .home a {display: inline-block;}
.strapline .nav > .state .select-box {display: inline-block; position: relative; width: 301px; background-image: url("/images/sub/sub_navi_arrow.png"); background-repeat: no-repeat; background-position: right 20px center; font-size: 16px; color: #888888; box-sizing: border-box; vertical-align: middle;}
.strapline .nav > .state .select-box:before {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #e5e5e5;}
.strapline .nav > .state .select-box:last-child:after {content: ''; display: inline-block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 14px; background-color: #e5e5e5;}
.strapline .nav > .state .select-box > a {display: inline-block; width: 100%; height: 100%; padding: 27px 20px; box-sizing: border-box;}
.strapline .nav > .state .select-box .sub_navi_list {display: none; position: absolute; top: 73px; overflow-y: auto; width: 100%; max-height: 396px; border: 1px solid #e4e4e4; background-color: #ffffff; z-index: 10;}
.strapline .nav > .state .select-box .sub_navi_list::-webkit-scrollbar {width: 3px; /* ½ºÅ©·Ñ¹ÙÀÇ ³Êºñ */}
.strapline .nav > .state .select-box .sub_navi_list::-webkit-scrollbar-thumb {height: auto; /* ½ºÅ©·Ñ¹ÙÀÇ ±æÀÌ */background-color: #999999; /* ½ºÅ©·Ñ¹ÙÀÇ »ö»ó */border-radius: 10px;}
.strapline .nav > .state .select-box .sub_navi_list::-webkit-scrollbar-track {background-color: #e7e7e7;  /*½ºÅ©·Ñ¹Ù µÞ ¹è°æ »ö»ó*/}
.strapline .nav > .state .select-box .sub_navi_list a {display: inline-block; width: 100%; height: 100%; padding: 27px 55px 27px 32px; border-top: 1px solid #e4e4e4; /*background: url("/images/sub/sub_navi_list_arrow.png") no-repeat right 32px center;*/ box-sizing: border-box;}
.strapline .nav > .state .select-box .sub_navi_list li:first-child a {border-top: none;}
.strapline .nav > .state .select-box .sub_navi_list a.on, .strapline .nav > .state .select-box .sub_navi_list a:hover {/*background: url("/images/sub/sub_navi_list_arrow_on.png") no-repeat right 32px center;*/ color: #006ec0;}
.strapline .nav > .state .select-box .sub_navi_list a.new_window_icon {background-image: url("/images/common/new_window_icon.gif"); background-repeat: no-repeat; background-position: center right 32px;}
.strapline .nav > .state .select-box .sub_navi_list a.new_window_icon:hover {background-image: url("/images/common/new_window_icon_on.png");}
.subSite .strapline .nav > .state .select-box .sub_navi_list a.new_window_icon:hover {background-image: url("/images/common/sub_new_window_icon_on.png");}
.strapline .nav > .state .right {margin-left: auto;}
.strapline .nav .share {display: inline-block; vertical-align: middle;}
.strapline .nav .print {display: inline-block; position: relative; margin-left: 27px; padding-left: 26px; text-align: center; vertical-align: middle;}
.strapline .nav .print:before {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 26px; background-color: #e5e5e5;}

.subSite .strapline .nav > .state .select-box .sub_navi_list a.on, .subSite .strapline .nav > .state .select-box .sub_navi_list a:hover {color: #157e53;}

.board_util {display: flex; justify-content: space-between; align-items: center; margin: 0 0 33px;}
.board_util p {font-weight: 700; font-size: 26px; color: #666666;}
.board_util p .ft_c {color: #006ec0;}
.board_util .sch_box {display: flex; gap: 10px;}
.board_util .sch_box .sel_style1 {min-width: 200px; border: 1px solid #b4b4b4; padding: 0 35px 0 23px; font-weight: 500; font-size: 18px; color: #666666; border-radius: 10px;}

.board_util .r_btn_area { display: flex; justify-content: space-between; align-items: center; gap: 10px;}
.board_util .r_btn_area .btn_area { margin: 0;}
.board_util .r_btn_area .btn_area div a,
.board_util .r_btn_area .btn_area button { font-size: 18px;}
.board_util .r_btn_area .btn_area div .v4 .list { padding: 0 0 0 30px; background-size: 18px auto;}

.subSite .board_util p .ft_c {color: #157e53;}


.com_table_cont {}
.com_table_cont .table_area {border-top: 1px solid #006ec0;}
.com_table_cont .table_area.m {display: none;}
.com_table_cont .table_area .table_cont {width: 100%; table-layout: fixed;}
.com_table_cont .table_area .table_cont thead {background-color: #f6fbff;}
.com_table_cont .table_area .table_cont thead tr {border-bottom: 1px solid #dbdbdb;}
.com_table_cont .table_area .table_cont thead tr th {position: relative; padding: 15px; font-weight: 600; font-size: 20px; color: #006ec0; text-align: center;}
.com_table_cont .table_area .table_cont tbody {}
.com_table_cont .table_area .table_cont tbody tr {border-bottom: 1px solid #dbdbdb;}
.com_table_cont .table_area .table_cont tbody tr th {padding: 15px; font-weight: 500; font-size: 20px; line-height: 46px; color: #666666; text-align: center;}
.com_table_cont .table_area .table_cont tbody tr td {padding: 15px; font-weight: 500; font-size: 20px; line-height: 46px; color: #666666; text-align: center;}
.com_table_cont .table_area .table_cont tbody tr td.title {text-align: left;}
.com_table_cont .table_area .table_cont tbody tr td.title a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.com_table_cont .table_area .table_cont tbody tr td.title a:hover,
.com_table_cont .table_area .table_cont tbody tr td.title a:focus {color: #006ec0;}
.com_table_cont .table_area .table_cont tbody tr td.secret-title a {overflow: inherit; text-overflow: inherit; display: block;}
.com_table_cont .table_area .table_cont tbody tr td.secret-title a span {max-width: calc(100% - 28px); vertical-align: middle; overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.com_table_cont .table_area .table_cont tbody tr td .key {display: block; background-color: #444444; color: #ffffff; border-radius: 8px;}
.com_table_cont .table_area .table_cont tbody tr td .file_box {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.com_table_cont .table_area .table_cont tbody tr td .file_box .file {display: inline-block; width: 21px; height: 28px; background-image: url('/images/board/file_icon.png'); background-position: center; background-repeat: no-repeat; border-radius: initial;}
.com_table_cont .table_area .table_cont tbody tr td .text_list_area {}
.com_table_cont .table_area .table_cont tbody tr td .text_list_area .list {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.com_table_cont .table_area .table_cont tbody tr td .text_list_area .list li {position: relative; margin: 0 10px 0 0; padding: 0 11px 0 0;}
.com_table_cont .table_area .table_cont tbody tr td .text_list_area .list li:last-child {margin: 0; padding: 0;}
.com_table_cont .table_area .table_cont tbody tr td .text_list_area .list li:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 17px; background-color: #9d9d9d; transform: translateY(-50%);}
.com_table_cont .table_area .table_cont tbody tr td .text_list_area .list li:last-child:after {display: none;}
.com_table_cont.camp-table .table_area .table_cont tbody tr td .text_list_area .list li:last-child {width: 100%;}
.com_table_cont.camp-table .table_area .table_cont tbody tr td .text_list_area .list li:nth-last-child(2):after {display: none;}
.com_table_cont.camp-table .table_area .table_cont tbody tr td.title a {color: #006ec0; text-decoration: underline; text-underline-position: under;}

/* td´Â Å×ÀÌºí ±âº» À¯Áö */
.com_table_cont .table_cont tbody tr td:nth-child(5) {
  text-align: center;
  vertical-align: middle;
  padding: 25px 10px;
  line-height: normal !important;
  border-bottom: none !important;
}

/* °¡¿îµ¥ + ¼¼·Î·Î ½×±â */
.com_table_cont .table_cont tbody tr td:nth-child(5) .remark-wrap {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}

/* input */
.com_table_cont .table_cont tbody tr td:nth-child(5) .car-num-input {
  width: 120px;
  height: 32px;
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  box-sizing: border-box;
}

/* ¹öÆ° °øÅë(¸ð¾ç) */
.com_table_cont .table_cont tbody tr td:nth-child(5) .save-btn,
.com_table_cont .table_cont tbody tr td:nth-child(5) .cancel-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border: none;
  border-radius: 8px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;

  /* ´Ù¸¥ Àü¿ª button ½ºÅ¸ÀÏÀÌ µ¤À¸¸é ÀÌ°Ô ÇÙ½É */
  background: initial;
}

/* ¹öÆ° »ö(¹Ýµå½Ã °øÅëº¸´Ù "¾Æ·¡"¿¡ À§Ä¡) */
.com_table_cont .table_cont tbody tr td:nth-child(5) .save-btn {
  background-color: #007bff !important;
  color: #fff !important;
}

.com_table_cont .table_cont tbody tr td:nth-child(5) .cancel-btn {
  background-color: #ff4d4f !important;
  color: #fff !important;
}

.com_table_cont .table_cont tbody tr td:nth-child(5) .save-btn:hover {
  background-color: #005fcc !important;
}
.com_table_cont .table_cont tbody tr td:nth-child(5) .cancel-btn:hover {
  background-color: #d9363e !important;
}




.btn_type1.vertical {
    display: flex;
    flex-direction: column;
    align-items: center;     /* ¡ç °¡·Î °¡¿îµ¥ */
    justify-content: center; /* ¡ç ¼¼·Î °¡¿îµ¥ */
    gap: 6px;
}

.subSite .com_table_cont .table_area {border-color: #157e53;}
.subSite .com_table_cont .table_area .table_cont thead {background-color: #f3f8f6;}
.subSite .com_table_cont .table_area .table_cont thead tr th {color: #157e53;}
.subSite .com_table_cont .table_area .table_cont tbody tr td.title a:hover,
.subSite .com_table_cont .table_area .table_cont tbody tr td.title a:focus {color: #157e53;}
.subSite .com_table_cont .table_area .table_cont tbody tr td .file_box .file {background-image: url("/images/board/file_icon2.png");}

.com_table_cont + .btn_area {margin-top: 50px;}

.board_view2 {margin: 0 0 60px; border-top: 1px solid #006ec0;}
.board_view2 .title_area {position: relative; border-bottom: 1px solid #c9c9c9; padding: 33px 38px;}
.board_view2 .title_area .map_mark {display: inline-block; padding: 0 15px; font-weight: 500; font-size: 28px; line-height: 44px; color: #006ec0; border-radius: 8px;}
.board_view2 .title_area .title {font-weight: 500; font-size: 28px; color: #006ec0;}
.board_view2 .title_area .title .key {display: inline-block; width: 90px; margin-right: 10px; border-radius: 8px; background-color: #444444; font-size: 20px; line-height: 46px; color: #ffffff; text-align: center; vertical-align: middle;}
.board_view2 .title_area .title span {vertical-align: middle;}
.board_view2 .board_info_list_area {border-bottom: 1px solid #c9c9c9; padding: 31px 38px;}
.board_view2 .board_info_list_area .list {font-size: 0;}
.board_view2 .board_info_list_area .list li {display: inline-block; margin: 0 40px 0 0; font-weight: 500; font-size: 20px; color: #666666; vertical-align: middle;}
.board_view2 .board_info_list_area .list li:last-child {margin: 0;}
.board_view2 .board_info_list_area .list li .ft_c {display: inline-block; position: relative; margin: 0 20px 0 0; padding: 0 21px 0 0; color: #444444;}
.board_view2 .board_info_list_area .list li .ft_c:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 11px; border-right: 1px dashed #c9c9c9; transform: translateY(-50%);}
.board_view2 .file_area {border-bottom: 1px solid #c9c9c9; padding: 27px 38px; background-color: #f8f8f8;}
.board_view2 .file_area .list {}
.board_view2 .file_area .list li {position: relative; margin: 0 0 7px;}
.board_view2 .file_area .list li:last-child {margin: 0;}
.board_view2 .file_area .list li .file {display: block; padding: 0 0 0 25px; background-image: url('/images/board/file_icon.png'); background-position: left top 7px; background-repeat: no-repeat; font-weight: 500; font-size: 20px; color: #666666;}
.board_view2 .board_cont {min-height: 200px; border-bottom: 1px solid #cecece; padding: 27px 38px; font-weight: 500; font-size: 18px; color: #666666;}

.notice_video_cont {max-width: 560px;}
.notice_video_cont .inner {position: relative; height: 0; padding: 0 0 56.25%;}
.notice_video_cont .inner iframe {position: absolute; top:0; left:0; width:100%; height:100%;}

.subSite .board_view2 {border-color: #157e53;}
.subSite .board_view2 .title_area .title {color: #157e53;}
.subSite .board_view2 .file_area .list li .file {background-image: url("/images/board/file_icon2.png");}

/*.btn_area {margin: 0 0 60px;}*/
.btn_area.m0 {margin: 0;}
.btn_area div {font-size: 0;}
.btn_area div.multi {display: flex; align-items: center;}
.btn_area div.multi div {width: 50%;}
.btn_area div.center {text-align: center;}
.btn_area div.right {text-align: right;}
.btn_area div.left {text-align: left;}
.btn_area div a, .btn_area div button {display: inline-block; min-width: 120px; margin: 0 10px 0 0; padding: 0 20px; font-weight: 500; font-size: 20px; line-height: 58px; color: #ffffff; border-radius: 10px; text-align: center;}
.btn_area div *:last-child {margin: 0;}
.btn_area div .v1 {border: 1px solid #000000; background-color: #222222;}
.btn_area div .v2 {border: 1px solid #dddddd; background-color: #ffffff; color: #666666;}
.btn_area div .v3 {border: 1px solid #006ec0; background-color: #006ec0;}
.btn_area div .v4 {border: 1px solid #006ec0; background-color: #ffffff; color: #006ec0;}
.btn_area div .v4 .text {display: inline-block; padding: 0 0  0 30px; background-image: url('../../../images/board/btn_icon.png'); background-position: left center; background-repeat: no-repeat;}
.btn_area div .v4 .list {display: inline-block; padding: 0 0  0 36px; background-image: url('../../..//images/board/btn_list.png'); background-position: left center; background-repeat: no-repeat;}
.btn_area div .v5 {border: 1px solid #000000; color: #222222;}
.btn_area div .v6 {border: 1px solid #888888; color: #666666;}
.btn_area div .v7 {border: 1px solid #0061aa; background-color: #eff8ff; color: #0061aa;}
.btn_area div .v8 {border: 1px solid #444444; background-color: #666666;}

.subSite .btn_area div .v3 {border-color: #157e53; background-color: #157e53;}
.subSite .btn_area div .v4 .text {background-image: url("/images/board/btn_icon2.png");}
.subSite .btn_area div .v4 .list {background-image: url("/images/board/btn_list2.png");}
.subSite .btn_area div .v4 {border-color: #157e53; color: #157e53;}
.subSite .btn_area div .v7 {border: 1px solid #157e53; background-color: #eef4f1; color: #157e53;}

.btn_area + .paging {margin-top: -112px;}

.page_btn_cont {border-top: 1px solid #c9c9c9;}
.page_btn_cont .page_btn_list_area {}
.page_btn_cont .page_btn_list_area .list {}
.page_btn_cont .page_btn_list_area .list li {border-bottom: 1px solid #c9c9c9;}
.page_btn_cont .page_btn_list_area .list li .inner_box {display: flex; align-items: center; justify-content: flex-start; padding: 35px 25px;}
.page_btn_cont .page_btn_list_area .list li .inner_box .box {}
.page_btn_cont .page_btn_list_area .list li .inner_box .box.left {position: relative; margin: 0 32px 0 0; padding: 0 33px 0 0;}
.page_btn_cont .page_btn_list_area .list li .inner_box .box.left:after {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 11px; border-right: 1px dashed #c9c9c9; transform: translateY(-50%);}
.page_btn_cont .page_btn_list_area .list li .inner_box .box.left .text_area {}
.page_btn_cont .page_btn_list_area .list li .inner_box .box.left .text_area .text {display: block; font-weight: 500; font-size: 20px; color: #444444;}
.page_btn_cont .page_btn_list_area .list li .inner_box .box.right {}
.page_btn_cont .page_btn_list_area .list li .inner_box .box.right .link_area {}
.page_btn_cont .page_btn_list_area .list li .inner_box .box.right .link_area .text {display: block; font-weight: 500; font-size: 20px; color: #666666; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}

/* ¼ö°­Á¢¼ö */
.sub_contents{min-height:650px;}
.sub_contents h4:not(.title-blue){padding-left:26px; margin-top:50px; color:#1977a6; font-size:18px; font-family:"NanumSquareB"; background:url(../../../images/sub/tit_bg.png) 0 1px no-repeat; letter-spacing:-0.045em;}
.sub_contents h4 ~ p{margin:14px 0 0 0; color:#444; font-size:14px; font-family:"NanumBarunGothic"; line-height:26px;}
.sub_contents h5:not(.title-blue){padding-left:25px; margin-top:28px; color:#555; font-size:16px; font-family:"NanumBarunGothicB"; background:url(../../../images/sub/tit_bg2.png) 0 1px no-repeat;}

/* Å×ÀÌºí */
.sub_style_1{margin-top:25px; width:100%; table-layout:fixed; font-size:13px; border-top:2px solid #111;}
.sub_style_1.center{text-align:center;}
.sub_style_1 th{padding:12px; color:#222; border-bottom:1px solid #d4d4d4; border-right:1px solid #d4d4d4; background:#fbfbfb; font-family:"NanumBarunGothicB";}
.sub_style_1 th:last-child{border-right:none;}
.sub_style_1 th.left{text-align:left;}
.sub_style_1 th.right{text-align:right;}
.sub_style_1 td{padding:10px 15px; color:#666; font-family:"NanumBarunGothic"; border-bottom:1px solid #ddd; border-right:1px solid #d4d4d4; line-height:24px;}
.sub_style_1 td:last-child{border-right:none;}
.sub_style_1 td.center{text-align:center;}
.sub_style_1 td.right{text-align:right;}
.sub_style_1 td a:hover{text-decoration:underline;}
.sub_style_1 td ul{}
.sub_style_1 td ul li{padding-left:12px; position:relative; line-height:24px;}
.sub_style_1 td ul li::after{content:""; position:absolute; top:9px; left:0; width:4px; height:4px; background:#aaa; border-radius:2px;}
.sub_style_1 td .metro{display:inline-block; text-align:center; padding:5px 0px 4px 0px; margin-right:5px; width:60px; color:#fff; font-size:12px; line-height:initial; border-radius:2px;}
.sub_style_1 td .metro.ever{background:#61b350;}
.sub_style_1 td .metro.bundang{background:#f2ae24;}
.sub_style_1 td .metro.n_bundang{background:#b33655;}

/* ÇÏÀ§¸µÅ© - tab */
.tab{margin:50px 0 40px 0;}
.tab ul{display:table; table-layout:fixed; width:100%;}
.tab ul li{display:table-cell; vertical-align:middle; background:#eee; border-left:1px solid #fff; border-right:1px solid #fff;}
.tab ul li:first-child{border-left:none;}
.tab ul li:last-child{border-right:none;}
.tab ul li a{display:block; text-align:center; padding:12px; color:#666; font-size:15px; font-family:"NanumBarunGothic"; word-break:keep-all;}
.tab ul li:first-child a{margin-left:0;}
.tab ul li.on{background:#555;}
.tab ul li.on a{color:#fff; font-family:"NanumBarunGothicB";}


/* paging */
.paging{margin: 50px 0 0;}
.paging .inner {font-size: 0; text-align: center;}
.paging .inner a {display: inline-block; width: 46px; height: 46px; border: 1px solid #e0e0e0; font-weight: 500; font-size: 16px; line-height: 44px; color: #666666; border-radius: 50%; text-align: center; vertical-align: middle;}
.paging .inner a.arr {background-color: #f3f3f3; background-position: center; background-repeat: no-repeat;}
.paging .inner > a.l1 {margin: 0 5px 0 0; background-image: url('../../../images/board/page_l1.png');}
.paging .inner > a.l2 {background-image: url('../../../images/board/page_l2.png');}
.paging .inner > a.r1 {background-image: url('../../../images/board/page_r1.png');}
.paging .inner > a.r2 {margin: 0 5px 0 0; background-image: url('../../../images/board/page_r2.png');}
.paging .inner .num {display: inline-block; margin: 0 15px; vertical-align: middle; font-size: 0;}
.paging .inner .num .page {margin: 0 5px 0 0;}
.paging .inner .num .page:last-child {margin: 0;}
.paging .inner .num .page.on {border: 1px solid #006ec0; background-color: #006ec0; color: #ffffff;}
.paging.assc .inner .num .page.on {border: 1px solid #1a942b; background-color: #1a942b;}
.paging .inner .num .page:hover,
.paging .inner .num .page:focus {}

/* ÀÌ¹ÌÁö */
.sec_img1{overflow:hidden; margin:30px 0;}
.sec_img1 .right{float:right;}
.sec_img1 .center{text-align:center;}
.sec_img1 .left{float:left;}
.sec_img1 img{max-width:100%;}

/* ¸¶ÀÌÆäÀÌÁö */
.step{margin-bottom:40px;}
.step ol{display:table; overflow:hidden; table-layout:fixed; width:100%;}
.step ol li{display:table-cell; position:relative; vertical-align:middle; width:auto; height:50px; background:#e5e5e5; font-family:"NanumBarunGothic"; font-size:17px; color:#666; text-align:center;}
.step ol li.on{position:relative; background:#268cbf; color:#fff;}

/* ¾à°üµ¿ÀÇ */
.agree_notice{padding-bottom:30px; border-bottom:1px solid #ddd;}
.agree_notice li{padding-left:28px; margin-bottom:6px; color:#555; font-size:18px; background:url(../../../images/sub/agree_notice.png) no-repeat 0 0; line-height:22px;}
.agree_notice li b{font-weight:normal; color:red;}
.agree{margin-top:30px;}
.agree span label{margin-left:8px;}
.agree input[type="checkbox"]{width:13px; height:13px;}
.agree_txt{margin-bottom:20px;}
.agree_txt > div{overflow-y:scroll; height:196px; padding:15px; margin-bottom:15px; border:1px solid #dbdbdb;}
.agree_txt span{display:block; text-align:right;}
.agree_all{text-align:center; padding:20px 0; margin-top:40px; color:#268cbf; font-size:15px; font-family:'NanumBarunGothicB'; border:1px solid #ddd;}
.agree_all span label{margin-left:8px;}

/* ÄÁÅÙÃ÷ Å×ÀÌºí */
.content__table-wrap {border-top: 1px solid #006ec0;}
.content__table-wrap.scroll-type {overflow-x: auto;}
.content__table-wrap .display_mo {display: none;}
.content__table-wrap table {width: 100%; table-layout: fixed;}
.content__table-wrap thead tr {border-bottom: 1px solid #c9c9c9;}
.content__table-wrap thead th {padding: 20px 30px; border-left: 1px solid #c9c9c9; background-color: #f6fbff; font-weight: 600; font-size: 20px; line-height: 26px; color: #006ec0; text-align: center; vertical-align: middle;}
.content__table-wrap tbody tr {border-bottom: 1px solid #e5e5e5;}
.content__table-wrap tbody th {padding: 20px 30px; border-left: 1px solid #e5e5e5; font-size: 18px; line-height: 30px; color: #444444; text-align: center; vertical-align: middle;}
.content__table-wrap td {padding: 20px; border-left: 1px solid #e5e5e5; background-color: #ffffff; font-size: 18px; line-height: 30px; color: #888888; letter-spacing: -0.05em; text-align: center; vertical-align: middle; word-break: break-all;}
.content__table-wrap tfoot tr {border-bottom: 1px solid #a5a5a5;}
.content__table-wrap tfoot th {padding: 20px 30px; border-left: 1px solid #e5e5e5; background-color: #fafafa; font-weight: 600; font-size: 20px; line-height: 30px; color: #222222; letter-spacing: -0.05em; text-align: center; vertical-align: middle;}
.content__table-wrap table .no-border {border: none !important;}
.content__table-wrap table .left {text-align: left;}
.content__table-wrap table .right {text-align: right;}

/* ¼ö°­½ÅÃ» insert */
.lec_popup{padding:25px;}
.lec_popup div{padding:20px; margin-bottom:30px; background:#fafafa;}
.lec_popup div p{color:#333; font-size:15px; font-family:"NanumBarunGothicB";}
.lec_popup div span{display:block; margin-top:15px; color:red;}
.lec_popup table{margin-bottom:25px;}
.lec_popup .btn{display:block; text-align:center; padding:10px 0; margin:0 auto; width:80px; background:#268cbf; color:#fff;}

.subSite .paging .inner .num .page.on {border-color: #157e53; background-color: #157e53;}






@media only screen and (max-width:1430px) {
    .strapline {top: 162px;}
    .oneclick .strapline {top: 189px;}
    .strapline .nav {width: 100%; padding: 0 60px; box-sizing: border-box;}
}
@media only screen and (max-width:1400px) {
    .oneclick .strapline {top: 173px;}
    .contents .sub_contents {width: 100%;}
    /*.strapline .nav > .state .select-box {width: 231px;}*/
    .strapline .nav > .state .select-box .sub_navi_list {max-height: 391px;}
    .strapline .nav > .state .select-box .sub_navi_list a {padding: 20px 15px;}
    .strapline .nav > .state .select-box .sub_navi_list a.new_window_icon {padding: 20px 35px 20px 15px; background-position: center right 15px;}

    .com_table_cont .table_area .table_cont tbody tr td {font-size: 18px; line-height: 40px;}
    .board_view2 .title_area .title .key {width: 95px; line-height: 40px;}
}
@media only screen and (max-width:1280px) {
    #container {padding-top: 100px;}
    .strapline {top: 155px;}
    .oneclick .strapline {top: 168px;}
    .strapline .nav > .state .select-box {min-width: 21px; width: auto; background-position: right 20px center;}
    .strapline .nav > .state .select-box > a {padding: 27px 40px 27px 20px; min-width: 230px;}

    .board_view2 .title_area .title .key {width: 90px;}
}
@media only screen and (max-width:1080px) {
    .strapline {display: none;}
    .oneclick .strapline {top: 168px;}
    #container {padding-top: 80px;}

    .board_view2 .title_area .title .key {width: 22px; height: 22px; background-color: transparent; background-image: url("/images/board/fix_icon.png"); background-repeat: no-repeat; background-position: center; background-size: 20px auto; font-size: 0;}
    .subSite .board_view2 .title_area .title .key {background-image: url("/images/board/fix_icon2.png");}
}
@media only screen and (max-width:1080px) {
    #container {padding-top: 60px;}
    .share {display: inline-block; margin-left: 15px; padding-left: 15px;}
    .share img {width: 20px;}
}

.sub_contents {position: relative; width: 100%; max-width: 1400px; min-height: 1000px; margin: 0 auto; padding: 95px 0 100px;}

@media only screen and (max-width:1400px) {
    .sub_contents {padding: 75px 10px 90px;}
    .com_table_cont .table_area .table_cont thead tr th {padding: 10px; font-size: 18px; line-height: 40px;}
    .com_table_cont .table_area .table_cont tbody tr th {padding: 10px; font-size: 18px; line-height: 40px;}
    .com_table_cont .table_area .table_cont tbody tr td {padding: 10px; font-size: 18px; line-height: 40px;}

    .board_util {margin: 0 0 30px;}
    .board_util p {font-size: 24px;}
    .board_util .sch_box .sel_style1 {min-width: 180px; padding: 0 30px 0 20px;}

    .board_util .r_btn_area .btn_area div a,
    .board_util .r_btn_area .btn_area button { padding: 0 20px; line-height: 52px;}
    .board_util .r_btn_area .btn_area div .v4 .list { padding: 0 0 0 26px;}

    .com_table_cont + .btn_area {margin-top: 40px;}

    .board_view2 {margin: 0 0 50px;}
    .board_view2 .title_area {padding: 25px 30px;}
    .board_view2 .title_area .map_mark {font-size: 26px;}
    .board_view2 .title_area .title {font-size: 26px;}
    .board_view2 .board_info_list_area {padding: 26px 30px;}
    .board_view2 .board_info_list_area .list li {margin: 0 35px 0 0; font-size: 18px;}
    .board_view2 .board_info_list_area .list li .ft_c {margin: 0 15px 0 0; padding: 0 16px 0 0;}
    .board_view2 .file_area {padding: 20px 30px;}
    .board_view2 .file_area .list li {margin: 0 0 5px;}
    .board_view2 .file_area .list li .file {background-position: left top 6px; font-size: 18px;}
    .board_view2 .board_cont {padding: 20px 30px; font-size: 16px;}

    .btn_area {margin: 0 0 50px;}
    .btn_area div a, .btn_area div button {min-width: 110px; padding: 0 15px; font-size: 18px; line-height: 50px;}
    .btn_area div .v4 .text {padding: 0 0 0 25px; background-size: 12px auto;}
    .btn_area div .v4 .list {padding: 0 0 0 26px; background-size: 12px auto;}

    .page_btn_cont .page_btn_list_area .list li .inner_box {padding: 30px 20px;}
    .page_btn_cont .page_btn_list_area .list li .inner_box .box {}
    .page_btn_cont .page_btn_list_area .list li .inner_box .box.left {margin: 0 27px 0 0; padding: 0 28px 0 0;}
    .page_btn_cont .page_btn_list_area .list li .inner_box .box.left .text_area .text {font-size: 18px;}
    .page_btn_cont .page_btn_list_area .list li .inner_box .box.right .link_area .text {font-size: 18px;}

    /* paging */
    .paging{margin: 45px 0 0;}
    .paging .inner a {width: 43px; height: 43px; font-size: 14px; line-height: 41px;}
    .paging .inner .num {margin: 0 10px;}
}

@media only screen and (max-width:1280px) {
    .sub_contents {padding: 65px 10px 80px;}

    .board_util {margin: 0 0 25px;}
    .board_util p {font-size: 22px;}
    .board_util .sch_box .sel_style1 {min-width: 180px; padding: 0 30px 0 20px;}

    .board_util .r_btn_area .btn_area div a,
    .board_util .r_btn_area .btn_area button { padding: 0 15px; line-height: 46px;}

    .com_table_cont + .btn_area {margin-top: 40px;}
    .btn_area + .paging {margin-top: -82px;}

    .board_view2 {margin: 0 0 40px;}
    .board_view2 .title_area {padding: 20px 25px;}
    .board_view2 .title_area .map_mark {font-size: 24px;}
    .board_view2 .title_area .title {font-size: 24px;}
    .board_view2 .board_info_list_area {padding: 20px 25px;}
    .board_view2 .board_info_list_area .list li {margin: 0 30px 0 0; font-size: 16px;}
    .board_view2 .file_area {padding: 15px 25px;}
    .board_view2 .file_area .list li .file {background-position: left top 4px; font-size: 16px;}
    .board_view2 .board_cont {padding: 15px 25px;}

    .btn_area {margin: 0 0 40px;}
    .btn_area div a, .btn_area div button {min-width: 100px; padding: 0 10px; font-size: 16px; line-height: 44px;}

    .page_btn_cont .page_btn_list_area .list li .inner_box {padding: 25px 15px;}
    .page_btn_cont .page_btn_list_area .list li .inner_box .box.left {margin: 0 20px 0 0; padding: 0 21px 0 0;}
    .page_btn_cont .page_btn_list_area .list li .inner_box .box.left .text_area .text {font-size: 16px;}
    .page_btn_cont .page_btn_list_area .list li .inner_box .box.right .link_area .text {font-size: 16px;}

    /* paging */
    .paging{margin: 40px 0 0;}
    .paging .inner a {width: 40px; height: 40px; line-height: 38px;}
}

@media only screen and (max-width:1080px) {
    .sub_contents {min-height: auto; padding: 55px 10px 70px;}
    .com_table_cont .table_area.pc {display: none;}
    .com_table_cont .table_area.m {display: block;}
    .com_table_cont .table_area .table_cont {display: block;}
    .com_table_cont .table_area .table_cont thead tr th {font-size: 16px; line-height: 34px;}
    .com_table_cont .table_area .table_cont tbody {display: block;}
    .com_table_cont .table_area .table_cont tbody tr {display: block;}
    .com_table_cont .table_area .table_cont tbody tr th {font-size: 16px; line-height: 34px;}
    .com_table_cont .table_area .table_cont tbody tr td {display: block; padding: 10px; font-size: 16px; line-height: 34px; text-align: left;}
    .com_table_cont .table_area .table_cont tbody tr td.no_result {text-align: center;}
    .com_table_cont .table_area .table_cont tbody tr td a {color: #666666;}
    .com_table_cont .table_area .table_cont tbody tr td .key {padding: 0 0 0 25px; background-color: initial; background-image: url('/images/board/fix_icon.png'); background-position: left center; background-size: 20px auto; background-repeat: no-repeat; color: #666666;}

    .subSite .com_table_cont .table_area .table_cont tbody tr td .key {background-image: url("/images/board/fix_icon2.png");}

    .board_util {margin: 0 0 20px;}
    .board_util p {font-size: 20px;}
    .board_util .sch_box .sel_style1 {min-width: 160px; font-size: 16px;}

    .board_util .r_btn_area .btn_area div a,
    .board_util .r_btn_area .btn_area button { font-size: 16px; line-height: 40px;}
    .board_util .r_btn_area .btn_area div .v4 .list { padding: 0 0 0 22px; background-size: 15px auto;}

    .com_table_cont + .btn_area {margin-top: 30px;}
    .btn_area + .paging {margin-top: inherit;}

    .board_view2 {margin: 0 0 30px;}
    .board_view2 .title_area {padding: 20px;}
    .board_view2 .title_area .map_mark {font-size: 22px;}
    .board_view2 .title_area .title {font-size: 22px;}
    .board_view2 .board_info_list_area {padding: 20px;}
    .board_view2 .board_info_list_area .list li {margin: 0 25px 0 0; font-size: 14px;}
    .board_view2 .file_area {padding: 15px 20px;}
    .board_view2 .board_cont {padding: 15px 20px;}

    .btn_area {margin: 0 0 30px;}

    .page_btn_cont .page_btn_list_area .list li .inner_box {padding: 20px 15px;}
    .page_btn_cont .page_btn_list_area .list li .inner_box .box.left {margin: 0 15px 0 0; padding: 0 16px 0 0;}

    /* paging */
    .paging{margin: 35px 0 0;}
    .paging .inner a {width: 38px; height: 38px; line-height: 36px;}
}

@media only screen and (max-width:767px) {
    .sub_contents {padding: 45px 10px 60px;}

    .board_util p {font-size: 18px;}

    .board_view2 .title_area {padding: 15px;}
    .board_view2 .title_area .map_mark {font-size: 20px;}
    .board_view2 .title_area .title {font-size: 20px;}
    .board_view2 .board_info_list_area {padding: 15px;}
    .board_view2 .board_info_list_area .list li {display: block; position: relative; padding: 0 0 0 120px; }
    .board_view2 .board_info_list_area .list li .ft_c {position: absolute; top: 0; left: 0; width: 100px;}
    .board_view2 .file_area {padding: 15px;}
    .board_view2 .board_cont {padding: 15px;}

    .board_util .sch_box.long-wrap {flex-wrap: wrap;}
    .board_util .sch_box {gap: 5px;}
    .board_util .sch_box .sel_style1 {min-width: 110px; padding: 0 25px 0 10px; background-position: center right 10px; font-size: 14px;}
    .board_util .sch_box .sel_style1.long-type {width: calc( (100% - 5px) / 2);}

    .board_util .r_btn_area { gap: 5px;}
    .board_util .r_btn_area .btn_area div a,
    .board_util .r_btn_area .btn_area button { padding: 0 10px; font-size: 14px; line-height: 36px;}
    .board_util .r_btn_area .btn_area div .v4 .list { padding: 0 0 0 18px; background-size: 12px auto;}


        /* paging */
    .paging{margin: 30px 0 0;}
    .paging .inner a {width: 36px; height: 36px; line-height: 34px;}

}

@media only screen and (max-width:480px) {
    .sub_contents {padding: 35px 10px 50px;}

    .board_util .sch_box.oneclick_slt_area {flex-wrap: wrap;}
    .board_util .sch_box.oneclick_slt_area .sel_style1 {min-width: inherit; width: calc(50% - 2.5px);}

    /* paging */
    .paging{margin: 25px 0 0;}
    .paging .inner a {width: 28px; height: 28px; line-height: 26px;}
}

/* sub menu title */
.sub__tit-wrap {margin-bottom: 85px;}
.sub__tit-wrap > h3 {font-weight: 600; font-size: 64px; color: #222222; line-height: 70px;}
.sub__tit-wrap > h3.title_tab {display: flex; align-items: center; position: relative; width: fit-content; min-width: 350px;}
.sub__tit-wrap .tab-open {display: inline-block; position: relative; width: 52px; height: 52px; margin-left: 56px; border: 1px solid #cdcdcd; border-radius: 8px; background-color: #ffffff; box-sizing: border-box; box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, .07);}
.sub__tit-wrap .tab-open:before {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 8px; height: 15px; background-image: url("/images/sub/tab_arrow.png"); background-repeat: no-repeat;}
.sub__tit-wrap .tab-open.on {border-color: #006ec0;}
.sub__tit-wrap .tab-open.on:before {transform: translate(-50%, -50%) rotate(-90deg); background-image: url("/images/sub/tab_arrow_on.png");}

.subSite .sub__tit-wrap .tab-open.on:before {background-image: url("/images/sub/tab_arrow_on2.png");}
/*.subSite .sub__tit-wrap > h3.title_tab {min-width: 350px;}*/

@media only screen and (max-width:1280px) {
    .sub__tit-wrap > h3.title_tab {min-width: 450px;}
}
@media only screen and (max-width:1080px) {
    .sub__tit-wrap {margin-bottom: 30px;}
    .sub__tit-wrap > h3 {font-size: 36px; line-heght: 42px;}
    .sub__tit-wrap .tab-open {width: 42px; height: 42px; margin-left: 20px;}
    .sub__tit-wrap > h3.title_tab {position: static; min-width: 0;}
    .subSite .sub__tit-wrap > h3.title_tab {min-width: 0;}
    .sub__tit-wrap {position: relative;}
}
@media only screen and (max-width:767px) {
    .sub__tit-wrap {margin-bottom: 20px;}
    .sub__tit-wrap > h3 {font-size: 24px; line-height: 30px;}
    .sub__tit-wrap .tab-open {width: 32px; height: 32px; border-radius: 4px;}
}

.foundation_tab {display: none; position: absolute; top: 105px; right: -180px; overflow: hidden; width: 400px; max-width: 1200px; border: 1px solid #006ec0; border-radius: 8px; background-color: #ffffff; box-shadow: 5px 5px 8px 0 rgba(0, 0, 0, .07); z-index: 20;}
.foundation_tab.type2 {right: auto; top: 200px; left: 50% !important; transform: translateX(-50%); width: 80vw;}
.foundation_tab ul {font-size: 0;}
.foundation_tab ul li {width: 100%; height: 84px; box-sizing: border-box;}
.foundation_tab.type2 ul {display: flex; flex-wrap: wrap;}
.foundation_tab.type2 ul li {width: calc(100% / 3);}
.foundation_tab.type2 ul li:not(:nth-child(-n+3)) {border-top: 1px solid #ddd;}
.foundation_tab.type2 ul li:nth-child(3n+2) {border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.foundation_tab:not(.type2) ul li:not(:first-child) {border-top: 1px solid #ddd;}
.foundation_tab ul li a {display: inline-flex; align-items: center; width: 100%; height: 100%; padding: 0 33px 0 30px; background-image: url("/images/sub/tab_arrow.png"); background-repeat: no-repeat; background-position: center right 25px; font-size: 20px; line-height: 24px; color: #444444; box-sizing: border-box;}
.foundation_tab ul li.on a,
.foundation_tab ul li a:hover {background-color: #f6fbff; background-image: url("/images/sub/tab_arrow_on.png"); color: #006ec0;}

.subSite .sub__tit-wrap .tab-open.on {border-color: #157e53;}
.subSite .foundation_tab {border-color: #157e53;}
.subSite .foundation_tab ul li.on a,
.subSite .foundation_tab ul li a:hover {background-color: #f3f8f6; background-image: url("/images/sub/tab_arrow_on2.png"); color: #157e53;}

@media only screen and (max-width:1400px) {
    .foundation_tab {top: 100px; right: 0;}
    .foundation_tab.type2 {top: 180px;}
    .foundation_tab ul li a {padding: 0 33px 0 20px;}
}
@media only screen and (max-width:1250px) {
    .foundation_tab {}
    .foundation_tab.type2 {top: 160px;width: 90vw;}
    .foundation_tab ul li a {padding: 0 33px 0 20px;}
}
@media only screen and (max-width:1080px) {
    .foundation_tab {top: 80px; right: auto; left: 50% !important; transform: translateX(-50%); width: 95vw;}
    .foundation_tab.type2 {top: 80px; width: 95vw;}
    .foundation_tab ul li {height: 60px;}
    .foundation_tab ul li a {font-size: 16px; line-height: 20px;}

    .foundation_tab:not(.type2) ul li:not(:first-child):hover {margin: -0.5px 0 0;}

}
@media only screen and (max-width:840px) {
    .foundation_tab.type2 ul li {width: calc(100% / 2); border: none !important; border-bottom: 1px solid #ddd !important;}
    .foundation_tab.type2 ul li:nth-child(odd) {border-right: 1px solid #ddd !important;}
    /*.foundation_tab ul li:nth-child(3) {border-top: 1px solid #ddd;}*/
}
@media only screen and (max-width:767px) {
    .foundation_tab.type2 {top: 50px;}
    .foundation_tab {top: 55px;}
    .foundation_tab .tab {overflow-y: auto; max-height: 300px;}
    .foundation_tab.type2 ul li {width: 100%; height: 45px;}
    .foundation_tab.type2 ul li:nth-child(odd) {border-right: none !important;}
    .foundation_tab.type2 ul li a {font-size: 14px; background-position: center right 15px;}
    .foundation_tab:not(.type2) ul li:not(:first-child):hover {margin: 0;}
}
@media only screen and (max-width:480px) {
    .foundation_tab.type2 {top: 50px;}
}

#left_menu {display: none;}

/*===============================================================================================*/
/*===============================================================================================*/
/*===============================================================================================*/

input {display: block; width: 100%; height: 60px; margin: 0; border: 1px solid #b4b4b4; padding: 0 10px 0 23px; background-color: #ffffff; font-weight: 400; font-size: 20px; line-height: 30px; color: #666666; border-radius: 10px; vertical-align: middle;}
input.bg {border: 1px solid #b4b4b4; background-color: #f6f6f6;}
input::placeholder {font-weight: 400; font-size: 20px; line-height: 30px; color: #666666;}
textarea {display: block; width: 100%; margin: 0; border: 1px solid #b4b4b4; padding: 10px 23px; background-color: #ffffff; font-family: 'Pretendard'; font-weight: 400; font-size: 20px; line-height: 30px; color: #666666; border-radius: 10px;}
textarea::placeholder {font-family: 'Pretendard'; font-weight: 400; font-size: 18px; line-height: 27px; color: #666666;}
.textarea-wrap {overflow: hidden; border-radius: 10px; border: 1px solid #b4b4b4;}
.textarea-wrap textarea {border: none;}

select {display: inline-block; width: 100%; height: 60px; margin: 0; border: 1px solid #b4b4b4; padding: 0 35px 0 23px; background-color: #ffffff; background-image: url('../../../images/board/slt_arr_icon.png'); background-position: right 20px center; background-size: 11px 7px; background-repeat: no-repeat; cursor: pointer; font-weight: 400; font-size: 20px; line-height: 30px; color: #666666; border-radius: 10px;}
button {border-radius: 10px;}

input[type="date"] {position: relative; padding: 15px 10px 15px 23px; background-color: #ffffff; background-image: url('/images/board/icon_date.png'); background-repeat: no-repeat; background-position: right 15px center; box-sizing: border-box;}
input[type="date"].bg {background-color: #f6f6f6;}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button {
    position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 17px; height: 17px; background: transparent; color: transparent; cursor: pointer;
}

/* °Ë»ö */
.com_sch_cont {margin: 0 0 40px;}
.com_sch_cont .com_sch_area {border: 1px solid #dfdfdf; padding: 27px 23px; background-color: #efefef;  border-radius: 12px;}
.com_sch_cont .com_sch_area.br {border: 1px solid #eeeeee; box-shadow: inherit;}
.com_sch_cont .com_sch_area .box {margin: 5px 0 0;}
.com_sch_cont .com_sch_area .box:first-child {margin: 0;}

.com_sch_cont .com_sch_area .box .row {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; margin: 0 0 5px; justify-content: center;}
.com_sch_cont .com_sch_area .box .row:last-child {margin: 0;}
.com_sch_cont .com_sch_area .box .row .slt_box {min-width: 200px; margin: 0 10px 0 0;}
.com_sch_cont .com_sch_area .box .row .slt_box.type1 {min-width: 280px;}
.com_sch_cont .com_sch_area .box .row .slt_box .sch_slt {border: 1px solid #999999;}
.com_sch_cont .com_sch_area .box .row .input_box {width: 100%; margin: 0 10px 0 0;}
.com_sch_cont .com_sch_area .box .row .input_box.date_type {display: flex; align-items: center;}
.com_sch_cont .com_sch_area .box .row .input_box.date_type span {display: inline-block; width: 80px; font-weight: 600; font-size: 18px; color: #666666; text-align: center;}
.com_sch_cont .com_sch_area .box .row .input_box .sch_inp {border: 1px solid #999999;}
.com_sch_cont .com_sch_area .box .row .input_box .sch_date {width: calc( (100% - 80px) / 2); border: 1px solid #999999;}

.com_sch_cont .com_sch_area .box .row .btn_box {}
.com_sch_cont .com_sch_area .box .row .btn_box + .btn_box {margin: 0 0 0 10px;}
.com_sch_cont .com_sch_area .box .row .btn_box .btn {display: block; width: 100%; min-width: 120px; border: 1px solid #222222; padding: 0 20px; background-color: #444444; font-size: 0;}
.com_sch_cont .com_sch_area .box .row .btn_box .btn .text {display: inline-block; font-weight: 500; font-size: 20px; line-height: 60px; color: #ffffff;}
.com_sch_cont .com_sch_area .box .row .btn_box .btn.sch .text {padding: 0 0 0 30px; background-image: url('/images/board/sch_icon.png'); background-position: left center; background-repeat: no-repeat;}
.com_sch_cont .com_sch_area .box .row .btn_box .btn.reset { border: none; border-radius: 10px; background-color: #888888; text-align: center;}

/* ³â / ¿ù : °°Àº Å©±â */
.com_sch_cont .com_sch_area .box .row .sel_box_1,
.com_sch_cont .com_sch_area .box .row .sel_box_2 {
  width: 275px;              /* µ¿ÀÏÇÑ Å©±â */
  min-width: 220px;
  margin: 0 10px 0 0;
}

/* Á¾¸ñ : Á¶±Ý ´õ ÀÛ°Ô */
.com_sch_cont .com_sch_area .box .row .sel_box_3 {
  width: 300px;              /* ±âÁ¸º¸´Ù Ãà¼Ò */
  min-width: 260px;
  margin: 0;
}

@media only screen and (max-width:1400px) {

    input, select {height: 54px; font-size: 18px; line-height: 27px;}
    input::placeholder, select::placeholder {font-size: 18px; line-height: 27px;}
    textarea {font-size: 18px; line-height: 27px;}
    .com_sch_cont {margin: 0 auto 30px;}
    .com_sch_cont .com_sch_area {padding: 20px 15px;}

    /*============================= ±âº» À¯Çü =============================*/
    .com_sch_cont .com_sch_area .box .row .btn_box .btn .text {font-size: 18px; line-height: 54px;}
    /*============================= ±âº» À¯Çü =============================*/
}

@media only screen and (max-width:1280px) {
    input, select {height: 48px;}
    .com_sch_cont .com_sch_area {padding: 15px;}
    /*============================= ±âº» À¯Çü =============================*/
    .com_sch_cont .com_sch_area .box .row .btn_box .btn .text {line-height: 48px;}
    /*============================= ±âº» À¯Çü =============================*/
}

@media only screen and (max-width:1080px) {
    input, select {height: 42px; border-radius: 5px; font-size: 16px; line-height: 24px; border-radius: 5px;}
    input {padding: 0 15px;}
    select {padding: 0 25px 0 18px; background-position: right 15px center;}
    input::placeholder, select::placeholder {font-size: 16px; line-height: 24px;}
    textarea {padding: 10px 15px; font-size: 16px; line-height: 24px;}
    input[type="date"] {padding: 6px 23px 6px 10px; background-position: center right 10px; background-size: 20px;}
    button {border-radius: 5px;}
    .com_sch_cont .com_sch_area .box .row {display: block; justify-content: inherit; align-items: inherit;}
    .com_sch_cont .com_sch_area .box .row > * {display: block; width: 100%; min-width: 100%; margin: 0 0 10px !important;}
    .com_sch_cont .com_sch_area .box .row > *:last-child {margin: 0 !important;}

    .com_sch_cont .com_sch_area .box .row .btn_box + .btn_box {margin: 0 0 10px !important;}
    .com_sch_cont .com_sch_area .box .row .btn_box .btn.reset {border-radius: 5px;}

    /*============================= ±âº» À¯Çü =============================*/
    .com_sch_cont .com_sch_area .box .row .btn_box .btn .text {font-size: 16px; line-height: 42px;}
    /*============================= ±âº» À¯Çü =============================*/
}

@media only screen and (max-width:767px) {
    input, select {height: 38px; font-size: 14px;}
    input {padding: 0 10px;}
    select {padding: 0 15px 0 13px; background-position: right 10px center;}
    input::placeholder, select::placeholder {font-size: 16px; line-height: 24px;}
    textarea {padding: 10px; font-size: 16px; line-height: 24px;}
    input::placeholder, select::placeholder {font-size: 14px; line-height: 20px;}
    /*============================= ±âº» À¯Çü =============================*/
    .com_sch_cont .com_sch_area .box .row .btn_box .btn .text {line-height: 38px;}
    /*============================= ±âº» À¯Çü =============================*/
}

@media only screen and (max-width: 768px) {
  .com_sch_cont .com_sch_area .box .row {
    flex-direction: column;
    gap: 10px;
  }

  .com_sch_cont .com_sch_area .box .row .sel_box_1,
  .com_sch_cont .com_sch_area .box .row .sel_box_2,
  .com_sch_cont .com_sch_area .box .row .sel_box_3 {
    width: 100%;
    min-width: 0;
  }
}
@media only screen and (max-width:768px) {
	#sub{padding:0; border:none;}
}

@media only screen and (max-width:480px) {
}

/* ÄÁÅÙÃ÷ Å×ÀÌºí */
.content__table-wrap {border-top: 1px solid #006ec0;}
.content__table-wrap.scroll-type {overflow-x: auto;}
.content__table-wrap .display_mo {display: none;}
.content__table-wrap table {width: 100%; table-layout: fixed;}
.content__table-wrap thead tr {border-bottom: 1px solid #c9c9c9;}
.content__table-wrap thead th {padding: 20px 30px; border-left: 1px solid #c9c9c9; background-color: #f6fbff; font-weight: 600; font-size: 20px; line-height: 26px; color: #006ec0; text-align: center; vertical-align: middle;}
.content__table-wrap tbody tr {border-bottom: 1px solid #e5e5e5;}
.content__table-wrap tbody th {padding: 20px 30px; border-left: 1px solid #e5e5e5; font-size: 18px; line-height: 30px; color: #444444; text-align: center; vertical-align: middle;}
.content__table-wrap td {padding: 20px; border-left: 1px solid #e5e5e5; background-color: #ffffff; font-size: 18px; line-height: 30px; color: #888888; letter-spacing: -0.05em; text-align: center; vertical-align: middle; word-break: break-all;}
.content__table-wrap tfoot tr {border-bottom: 1px solid #a5a5a5;}
.content__table-wrap tfoot th {padding: 20px 30px; border-left: 1px solid #e5e5e5; background-color: #fafafa; font-weight: 600; font-size: 20px; line-height: 30px; color: #222222; letter-spacing: -0.05em; text-align: center; vertical-align: middle;}
.content__table-wrap table .no-border {border: none !important;}
.content__table-wrap table .left {text-align: left;}
.content__table-wrap table .right {text-align: right;}

.content__table-wrap.type2 tbody th {padding: 20px 30px; /*border-left: 1px solid #c9c9c9;*/ background-color: #f6fbff; font-weight: 600; font-size: 20px; line-height: 26px; color: #006ec0; text-align: left; vertical-align: middle;}
.content__table-wrap th.ts_b {color: #444 !important;}

.reference {margin-top: 15px; font-size: 18px; line-height: 26px; color: #888888;}
.reference + .reference {margin-top: 0 !important;}

.subSite .content__table-wrap {border-color: #157e53;}
.subSite .content__table-wrap thead th {background-color: #f3f8f6; color: #157e53;}
.subSite .content__table-wrap.type2 tbody th {background-color: #f3f8f6; color: #157e53;}
.subSite .content__table-wrap.type2 tbody th.tc{text-align: center;}
.subSite .content__table-wrap th.ts_b {color: #444 !important;}
.subSite .content__table-wrap b {color: #ff7835 !important;}

@media only screen and (max-width:1400px) {

}
@media only screen and (max-width:1280px) {
    .content__table-wrap thead th {padding: 15px 30px; font-size: 20px;}
    .content__table-wrap tbody th {padding: 15px 30px; font-size: 18px; line-height: 24px;}
    .content__table-wrap td {padding: 15px; font-size: 16px; line-height: 22px;}
    .content__table-wrap tfoot th {padding: 15px 30px; font-size: 18px; line-height: 24px;}

    .content__table-wrap.type2 tbody th {padding: 15px 30px; font-size: 20px;}

    .reference {font-size: 16px; line-height: 22px;}
}
@media only screen and (max-width:1080px) {
    .content__table-wrap .display_pc {display: none;}
    .content__table-wrap .display_mo {display: table;}
    .content__table-wrap colgroup.display_mo {display: table-column-group;}

    .content__table-wrap thead th {padding: 10px 15px; font-size: 16px; line-height: 22px;}
    .content__table-wrap tbody th {padding: 10px 15px; font-size: 16px; line-height: 22px;}
    .content__table-wrap td {padding: 10px; font-size: 14px; line-height: 20px;}
    .content__table-wrap tfoot th {padding: 10px 15px; font-size: 16px; line-height: 22px;}

    .content__table-wrap.type2 tbody th {padding: 10px 15px; font-size: 16px; line-height: 22px;}

    .content__table-wrap td > table {width: auto !important;}
    .content__table-wrap td > table > tr,
    .content__table-wrap td > table > tr td,
    .content__table-wrap td > table > tr th {width: auto !important;}

    .reference {margin-top: 10px; font-size: 14px; line-height: 20px;}
}
@media only screen and (max-width:767px) {
    .btn-download {height: 37px !important;}

}
@media only screen and (max-width:480px) {

}

/* ÄÁÅÙÃ÷ °øÅë */
.date_posted {font-weight: 500; margin-bottom: 10px; font-size: 22px; line-height: 30px; color: #222222;}
.content-title {margin-bottom: 35px; font-weight: 500; font-size: 32px; line-height: 40px; color: #006ec0;}
.content-title.type2 {color: #222222;}
.content-title.table-title {display: flex; align-items: center; justify-content: space-between;}
.content-title.btn-title {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px;}
.content-title.btn-title a {margin-left: auto;}
.content-title + .content-text {margin-top: -15px;}
.content-text {font-weight: 500; font-size: 20px; line-height: 30px; color: #666666;}
.table-info {font-size: 18px; color: #888888;}

@media only screen and (max-width:1400px) {
    .date_posted {font-size: 20px;}
    .content-title {margin-bottom: 30px; font-size: 28px;}
}
@media only screen and (max-width:1280px) {
    .date_posted {font-size: 16px; line-height: 22px;}
    .content-title {margin-bottom: 25px; font-size: 24px; line-height: 32px;}
}
@media only screen and (max-width:1080px) {
    .content-title {margin-bottom: 20px; font-size: 20px; line-height: 26px;}
    .content-text {font-size: 16px; line-height: 22px;}
    .content-title + .content-text {margin-top: -10px;}
    .table-info {font-size: 16px;}
}
@media only screen and (max-width:767px) {
    .date_posted {font-size: 14px; line-height: 20px;}
    .content-title {margin-bottom: 15px; /*font-size: 18px; line-height: 24px;*/}
    .content-text {font-size: 14px; line-height: 20px;}
    .content-title + .content-text {margin-top: -5px;}
    .table-info {font-size: 14px;}
}
@media only screen and (max-width:480px) {

}

/* button */
.content-btn {display: inline-block; border: 1px solid #cdcdcd; border-radius: 8px; font-weight: 600; font-size: 16px; color: #666 !important; box-sizing: border-box;}
.btn-shortcut {width: 200px; height: 44px; padding: 0 21px 0 18px; background-color: #f9f9f9; background-image: url("/images/sub/icon_btn_arrow.png"); background-repeat: no-repeat; background-position: center right 15px; line-height: 42px;}
.btn-download {min-width: 169px; height: 44px; padding: 0 37px 0 17px; background-color: #ffffff; background-image: url("/images/sub/icon_download.png"); background-repeat: no-repeat; background-position: center right 15px; line-height: 42px;}
.btn-download + .btn-download {margin: 0 0 0 5px;}
.btn-blank {width: auto !important; height: 44px; padding: 0 47px 0 17px; background-color: #ffffff; background-image: url("/images/sub/list_view_icon.png"); background-repeat: no-repeat; background-position: center right 15px; background-size: 15px; line-height: 42px; text-decoration: none !important;}
.link_blank {display: inline-block; border-bottom: 1px solid #006ec0; color: #006ec0; padding-right: 25px; background-image: url("/images/sub/text_link.png"); background-repeat: no-repeat; background-position: center right 3px;}
.link_down {display: inline-block; border-bottom: 1px solid #006ec0; color: #006ec0; padding-right: 22px; background-image: url("/images/sub/text_down.png"); background-repeat: no-repeat; background-position: center right 5px;}

.subSite .link_blank {border-color: #157e53; background-image: url("/images/subSite/text_link.png"); color: #157e53;}
.subSite .link_down {border-color: #157e53; color: #157e53;}

@media only screen and (max-width:1080px) {
    .content-btn {font-size: 16px;}
}
@media only screen and (max-width:767px) {
    .content-btn {display: block !important; width: fit-content; height: initial; font-size: 14px; background-position: center right 10px; line-height: 33px;}
    .btn-download + .btn-download {margin: 5px 0 0;}
}

/* °æ¿µ°ø½Ã */
.disclosure-wrap + .disclosure-wrap {margin-top: 55px;}
.disclosure-wrap .board_util {margin: 0;}
.disclosure-wrap .board_util .sch_box .sel_style1 {margin: 0 0 0 10px;}

@media only screen and (max-width:480px) {
    .disclosure-wrap .content-title.table-title {flex-wrap: wrap;}
    .disclosure-wrap .board_util {width: 100%; margin: 10px 0 0;}
}

/* ÀÌ»çÀå - ÀÎ»ç¸» */
.greeting_info_cont {}
.greeting_info_cont > .title_area {margin: 0 0 13px;}
.greeting_info_cont > .title_area .title {font-weight: 500; font-size: 48px; color: #444444;}
.greeting_info_cont > .title_area .title .ft_c {color: #ff7510;}
.greeting_info_cont > .greeting_info_area {position: relative; margin: 0 0 49px; padding: 70px 0 0;}
.greeting_info_cont > .greeting_info_area:after {content: ''; position: absolute; bottom: 0; right: 70px; width: 300px; height: 290px; background-image: url('/images/sub/greeting_img.png'); background-position: center; background-repeat: no-repeat;}
.greeting_info_cont > .greeting_info_area .inner_box {background-color: #e8eef2; background-image: url('/images/sub/greeting_bg.jpg'); background-position: center; background-repeat: no-repeat;}
.greeting_info_cont > .greeting_info_area .inner_box .text_area {padding: 50px 60px;}
.greeting_info_cont > .greeting_info_area .inner_box .text_area .title {margin: 0 0 12px; font-weight: 500; font-size: 30px; color: #444444;}
.greeting_info_cont > .greeting_info_area .inner_box .text_area .title .ft_c {color: #2e5f80;}
.greeting_info_cont > .greeting_info_area .inner_box .text_area .text {font-weight: 500; font-size: 14px; color: #99a7b0;}
.greeting_info_cont > .greeting_info_text_list_area {}
.greeting_info_cont > .greeting_info_text_list_area .title {margin: 0 0 45px; font-weight: 500; font-size: 30px; color: #444444;}
.greeting_info_cont > .greeting_info_text_list_area .list_area {}
.greeting_info_cont > .greeting_info_text_list_area .list_area .list {}
.greeting_info_cont > .greeting_info_text_list_area .list_area .list li {margin: 0 0 30px; font-weight: 500; font-size: 20px; color: #888888;}
.greeting_info_cont > .greeting_info_text_list_area .list_area .list li:last-child {margin: 0}
.greeting_info_cont > .greeting_info_text_list_area .list_area .list li b {color: #222222;}

.subSite .greeting_info_cont > .greeting_info_area {padding: 0;}
.subSite .greeting_info_cont > .greeting_info_area .inner_box .text_area .title {font-size: 42px; line-height: 60px;}
.subSite .greeting_info_cont > .greeting_info_area .inner_box .text_area .title .ft_c {color: #157e53;}
.subSite .greeting_info_cont > .greeting_info_area .inner_box .text_area .text {color: #99a7b0; letter-spacing: 1px;}
.subSite .greeting_info_cont > .greeting_info_area .inner_box {display: flex; flex-direction: column; justify-content: center; min-height: 350px; background-color: transparent; background-image: url("/images/subSite/youthyonginsi/greeting_bg.png");}

.subSite .greeting_info_cont > .greeting_info_area:after {right: 0; width: 593px; height: 327px; background-image: url("/images/subSite/youthyonginsi/greeting_img.png");}
/*.youthyounginsi .greeting_info_cont > .greeting_info_area:after {right: 0; width: 593px; height: 327px; background-image: url("/images/subSite/youthyonginsi/greeting_img.png");}*/

.greeting_info_cont.sty2 > .greeting_info_area .inner_box { background-color: #f2f5ee; background-image: url("/images/sub/greeting_bg2.png");}
.greeting_info_cont.sty2 > .greeting_info_area .inner_box .text_area { display: flex; align-items: center; min-height: 221px;}
.greeting_info_cont.sty2 > .greeting_info_area:after { right: 0; width: 358px; height: 297px; background-image: url('/images/sub/greeting_img2.png');}
.greeting_info_cont.sty2 > .greeting_info_area .inner_box .text_area .title { margin: 0 !important;}
.greeting_info_cont.sty2 > .greeting_info_area .inner_box .text_area .title .ft_c { color: #0d5e3d;}

@media only screen and (max-width:1400px) {
    .greeting_info_cont > .title_area {margin: 0 0 10px;}
    .greeting_info_cont > .title_area .title {font-size: 42px;}
    .greeting_info_cont > .greeting_info_area {margin: 0 0 40px; padding: 60px 0 0;}
    .greeting_info_cont > .greeting_info_area:after {right: 55px; width: 250px; height: 241px; background-size: contain;}
    .greeting_info_cont > .greeting_info_area .inner_box .text_area {padding: 37px 50px;}
    .greeting_info_cont > .greeting_info_area .inner_box .text_area .title {margin: 0 0 10px; font-size: 26px;}
    .greeting_info_cont > .greeting_info_text_list_area .title {margin: 0 0 35px; font-size: 26px;}
    .greeting_info_cont > .greeting_info_text_list_area .list_area .list li {margin: 0 0 25px; font-size: 18px;}

    .subSite .greeting_info_cont > .greeting_info_area .inner_box .text_area .title {font-size: 38px; line-height: 56px;}

    .greeting_info_cont.sty2 > .greeting_info_area .inner_box .text_area { min-height: 183px;}
    .greeting_info_cont.sty2 > .greeting_info_area:after { width: 294px; height: 244px;}
}

@media only screen and (max-width:1330px) {
    .subSite.hdyouth .greeting_info_cont > .greeting_info_area .inner_box .text_area .title {font-size: 36px; line-height: 48px;}
    .subSite.hdyouth .greeting_info_cont > .greeting_info_area .inner_box {min-height: 250px;}
    .subSite.hdyouth .greeting_info_cont > .greeting_info_area:after {width: 393px; height: 217px;}
}

@media only screen and (max-width:1280px) {
    .greeting_info_cont > .title_area .title {font-size: 36px;}
    .greeting_info_cont > .greeting_info_area {margin: 0 0 30px; padding: 50px 0 0;}
    .greeting_info_cont > .greeting_info_area:after {right: 45px; width: 208px; height: 200px;}
    .greeting_info_cont > .greeting_info_area .inner_box .text_area {padding: 28px 40px 27px;}
    .greeting_info_cont > .greeting_info_area .inner_box .text_area .title {font-size: 22px;}
    .greeting_info_cont > .greeting_info_text_list_area .title {margin: 0 0 25px; font-size: 22px;}
    .greeting_info_cont > .greeting_info_text_list_area .list_area .list li {margin: 0 0 20px; font-size: 16px;}

    .subSite .greeting_info_cont > .greeting_info_area .inner_box .text_area .title {font-size: 36px; line-height: 48px;}
    .subSite .greeting_info_cont > .greeting_info_area .inner_box {min-height: 250px;}

    .subSite .greeting_info_cont > .greeting_info_area:after {width: 393px; height: 217px;}

    .greeting_info_cont.sty2 > .greeting_info_area .inner_box .text_area { min-height: 152px;}
    .greeting_info_cont.sty2 > .greeting_info_area:after { width: 245px; height: 203px;}


}

@media only screen and (max-width:1080px) {
    .greeting_info_cont > .title_area .title {font-size: 30px;}
    .greeting_info_cont > .greeting_info_area {margin: 0 0 25px; padding: 40px 0 0;}
    .greeting_info_cont > .greeting_info_area:after {right: 30px; width: 173px; height: 166px;}
    .greeting_info_cont > .greeting_info_area .inner_box .text_area {padding: 20px 40px 21px;}
    .greeting_info_cont > .greeting_info_area .inner_box .text_area .title {font-size: 18px;}
    .greeting_info_cont > .greeting_info_text_list_area .title {margin: 0 0 20px; font-size: 18px;}
    .greeting_info_cont > .greeting_info_text_list_area .list_area .list li {margin: 0 0 15px;}

    .subSite .greeting_info_cont > .greeting_info_area .inner_box .text_area .title {font-size: 18px; line-height: 24px;}
    .subSite .greeting_info_cont > .greeting_info_area .inner_box {min-height: auto;}

    .subSite .greeting_info_cont > .greeting_info_area:after {width: 253px; height: 140px;}

    .subSite.hdyouth .greeting_info_cont > .greeting_info_area .inner_box .text_area .title {font-size: 18px; line-height: 24px;}
    .subSite.hdyouth .greeting_info_cont > .greeting_info_area .inner_box {min-height: auto;}
    .subSite.hdyouth .greeting_info_cont > .greeting_info_area:after {width: 253px; height: 140px;}

    .greeting_info_cont.sty2 > .greeting_info_area .inner_box .text_area { min-height: 126px;}
    .greeting_info_cont.sty2 > .greeting_info_area:after { width: 204px; height: 169px;}
}

@media only screen and (max-width:767px) {
    .greeting_info_cont > .title_area {margin: 0 0 20px;}
    .greeting_info_cont > .title_area .title {font-size: 24px;}
    .greeting_info_cont > .greeting_info_area {margin: 0 0 20px; padding: 40px 0 0;}
    .greeting_info_cont > .greeting_info_area:after {top: 0; right: initial; bottom: initial; left: 50%; transform: translateX(-50%);}
    .greeting_info_cont > .greeting_info_area .inner_box .text_area {padding: 150px 30px 15px; text-align: center;}

    .subSite .greeting_info_cont > .greeting_info_area {padding: 40px 0 0;}

    .subSite .greeting_info_cont > .greeting_info_area:after {width: 300px; height: 165px;}

    .subSite.hdyouth .greeting_info_cont > .greeting_info_area {padding: 40px 0 0;}
    .subSite.hdyouth .greeting_info_cont > .greeting_info_area:after {width: 300px; height: 165px;}

    .greeting_info_cont.sty2 > .greeting_info_area .inner_box .text_area { display: block; min-height: 100%;}
    .greeting_info_cont.sty2 > .greeting_info_area:after { width: 159px; background-size: cover; background-position: left center;}
}

@media only screen and (max-width:480px) {
    .greeting_info_cont > .title_area .title {font-size: 20px;}

    .subSite .greeting_info_cont > .greeting_info_area .inner_box .text_area {padding: 120px 30px 15px;}
    .subSite .greeting_info_cont > .greeting_info_area:after {width: 240px; height: 133px;}

    .subSite.hdyouth .greeting_info_cont > .greeting_info_area .inner_box .text_area {padding: 120px 30px 15px;}
    .subSite.hdyouth .greeting_info_cont > .greeting_info_area:after {width: 240px; height: 133px;}
    .subSite.hdyouth .greeting_info_cont > .greeting_info_area .inner_box .text_area .title br {display: none;}
}

@media only screen and (max-width:425px) {

}

/* Ã»¼Ò³â °ü·Ã¹ý±Ô ³ëÃâ */
.regulations_list_cont {}
.regulations_list_cont + .sch_box {margin-top: 60px;}
.regulations_list_cont > .title_area {margin: 0 0 60px; border-bottom: 1px solid #dadada; padding: 0 0 56px;}
.regulations_list_cont > .title_area .title {margin: 0 0 12px; font-weight: 500; font-size: 32px; color: #006ec0;}
.regulations_list_cont > .title_area .text {font-weight: 500; font-size: 20px; color: #666666;}
.regulations_list_cont > .regulations_list_area {}
.regulations_list_cont > .regulations_list_area .list {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.regulations_list_cont > .regulations_list_area .list li {width: calc(33.3333% - 23.3333px); margin: 25px 35px 0 0;}
.regulations_list_cont > .regulations_list_area .list li:nth-child(-n+3) {margin: 0 35px 0 0;}
.regulations_list_cont > .regulations_list_area .list li:nth-child(3n) {margin: 25px 0 0;}
.regulations_list_cont > .regulations_list_area .list li:nth-child(3) {margin: 0;}
.regulations_list_cont > .regulations_list_area .list li .link {display: block; border: 1px solid #b3b3b3; padding: 0 30px; border-radius: 10px; box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.07); transition: 0.3s ease-in-out}
.regulations_list_cont > .regulations_list_area .list li .link:hover,
.regulations_list_cont > .regulations_list_area .list li .link:focus {border: 1px solid #006ec0;}
.regulations_list_cont > .regulations_list_area .list li .link .text {display: block; padding: 0 30px 0 0; background-image: url('/images/sub/list_view_icon.png'); background-position: right center; background-repeat: no-repeat; font-weight: 500; font-size: 20px; line-height: 78px; color: #444444; transition: 0.3s ease-in-out}
.regulations_list_cont > .regulations_list_area .list li .link:hover .text,
.regulations_list_cont > .regulations_list_area .list li .link:focus .text {color: #006ec0; background-image: url('/images/sub/list_view_icon_on.png');}

@media only screen and (max-width:1400px) {
    .regulations_list_cont + .sch_box {margin-top: 50px;}
    .regulations_list_cont > .title_area {margin: 0 0 50px; padding: 0 0 50px;}
    .regulations_list_cont > .title_area .title {margin: 0 0 10px; font-size: 28px;}
    .regulations_list_cont > .title_area .text {font-size: 18px;}
    .regulations_list_cont > .regulations_list_area .list li {width: calc(33.3333% - 20px); margin: 20px 30px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(-n+3) {margin: 0 30px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3n) {margin: 20px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3) {margin: 0;}
    .regulations_list_cont > .regulations_list_area .list li .link {padding: 0 25px;}
    .regulations_list_cont > .regulations_list_area .list li .link .text {padding: 0 25px 0 0; background-size: 20px auto; font-size: 18px; line-height: 70px;}

}

@media only screen and (max-width:1280px) {
    .regulations_list_cont + .sch_box {margin-top: 40px;}
    .regulations_list_cont > .title_area {margin: 0 0 40px; padding: 0 0 40px;}
    .regulations_list_cont > .title_area .title {font-size: 24px;}
    .regulations_list_cont > .title_area .text {font-size: 16px;}
    .regulations_list_cont > .regulations_list_area .list li {width: calc(33.3333% - 20px); margin: 15px 25px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(-n+3) {margin: 0 25px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3n) {margin: 15px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3) {margin: 0;}
    .regulations_list_cont > .regulations_list_area .list li .link {padding: 0 20px;}
    .regulations_list_cont > .regulations_list_area .list li .link .text {padding: 0 20px 0 0; background-size: 16px auto; font-size: 16px; line-height: 64px;}
}

@media only screen and (max-width:1080px) {
    .regulations_list_cont + .sch_box {margint-op: 30px;}
    .regulations_list_cont > .title_area {margin: 0 0 30px; padding: 0 0 30px;}
    .regulations_list_cont > .title_area .title {font-size: 20px;}
    .regulations_list_cont > .title_area .text {font-size: 14px;}
    .regulations_list_cont > .regulations_list_area .list li {width: calc(50% - 5px); margin: 10px 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(-n+3) {margin: 10px 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3n) {margin: 10px 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3) {margin: 10px 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(-n+2) {margin: 0 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(2n) {margin: 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(2) {margin: 0;}
    .regulations_list_cont > .regulations_list_area .list li .link {padding: 0 14px;}
    .regulations_list_cont > .regulations_list_area .list li .link .text {line-height: 56px;}
}

@media only screen and (max-width:767px) {
    .regulations_list_cont + .sch_box {margint-op: 20px;}
    .regulations_list_cont > .title_area {margin: 0 0 20px; padding: 0 0 20px;}
    .regulations_list_cont > .title_area .title {font-size: 18px;}
    .regulations_list_cont > .regulations_list_area .list li .link .text {font-size: 14px; line-height: 48px;}
}

@media only screen and (max-width:480px) {
    .regulations_list_cont > .regulations_list_area .list li {width: 100%; margin: 10px 0 0 !important;}
    .regulations_list_cont > .regulations_list_area .list li:first-child {margin: 0 !important;}

}

/* ÄªÂùÇÕ´Ï´Ù */
.content__head-wrap {margin-bottom: 40px; padding: 40px 46px 26px 16%; border: 1px solid #dfdfdf; border-radius: 12px; background-color: #ffffff; background-repeat: no-repeat; background-position: top 40% left 4.5%;}
.content__head-wrap.compliment-wrap {background-image: url("/images/sub/compliment_bg.png");}
.content__head-wrap.email__collection-wrap {padding: 40px 46px 40px 16%; background-image: url("/images/sub/email_bg.png");}
.content__head-wrap.declaration__01-wrap {background-image: url("/images/sub/declaration_01_bg.png");}
.content__head-wrap.declaration__02-wrap {background-image: url("/images/sub/declaration_02_bg.png");}
.content__head-wrap.declaration__03-wrap {background-image: url("/images/sub/declaration_03_bg.png"); background-position: top 40% left 2.5%;}
.content__head-wrap.declaration__04-wrap {background-image: url("/images/sub/declaration_04_bg.png");}
.content__head-wrap.communication-wrap {background-image: url("/images/sub/communication_bg.png");}
.content__head-wrap.esg__head-wrap {padding:40px 46px 40px 16%; background-image: url("/images/sub/esg_slogan_bg.png");}
.content__head-wrap.faq__head-wrap {background-image: url("/images/sub/faq_bg.png");}
.content__head-wrap > .title {font-weight: 500; font-size: 30px; line-height: 40px; color: #006ec0; letter-spacing: -0.05em;}
.content__head-wrap > ul {margin-top: 20px;}
.content__head-wrap > ul li {position: relative; padding-left: 11px; font-size: 20px; line-height: 30px; color: #666666; letter-spacing: -0.05em;}
.content__head-wrap > ul li:before {content: ''; display: inline-block; position: absolute; top: 14px; left: 0; width: 6px; height: 1px; background-color: #666666;}
.content__head-wrap > ul li + li {margin-top: 5px;}
.content__head-wrap .bottom {margin-top: 35px; padding-top: 25px; border-top: 1px solid #e9e9e9;}
.content__head-wrap .bottom > p {position: relative; padding-left: 37px; font-size: 18px; line-height: 24px; color: #888888; letter-spacing: -0.05em;}
.content__head-wrap .bottom > p:before {content: ''; display: inline-block; position: absolute; top: 9px; left: 0; width: 24px; height: 25px; background-image: url("../../../images/sub/content_head_check.png"); background-repeat: no-repeat; background-position: center; background-size: 100%;}
.content__head-wrap .bottom > p.no-btn:before {top: 0;}
.content__head-wrap .bottom > p + p {margin-top: 12px;}
.content__head-wrap .bottom > p strong {color: #006ec0;}
.content__head-wrap .bottom > p .btn-shortcut {margin-left: 34px;}

@media only screen and (max-width:1280px) {
    .content__head-wrap {padding: 40px 35px 26px 14%; background-position: top 50% left 3%;}
    .content__head-wrap.email__collection-wrap {padding: 40px 35px 40px 14%;}
    .content__head-wrap.esg__head-wrap  {padding: 40px 35px 40px 14%;}
    .content__head-wrap.declaration__03-wrap {background-position: top 40% left 2.5%; background-size: 120px;}
    .content__head-wrap .bottom > p:before {top: 7px;}
    .content__head-wrap .bottom > p .btn-shortcut {margin-left: 15px; width: 175px; height: 40px; padding: 0 15px 0 10px; background-position: center right 10px; line-height: 38px;}
    .content__head-wrap .bottom > p + p {margin-top: 10px;}
}
@media only screen and (max-width:1139px) {
    .content__head-wrap {padding: 40px 35px 26px 12%; background-position: top 50% left 3%; background-size: 70px;}
    .content__head-wrap.email__collection-wrap {padding: 40px 35px 40px 12%;}
    .content__head-wrap.esg__head-wrap  {padding: 40px 35px 40px 12%;}
    .content__head-wrap.declaration__03-wrap {background-position: top 40% left 2.5%;}
    .content__head-wrap .bottom > p .btn-shortcut {margin-left: 10px;}
}
@media only screen and (max-width:1080px) {
    .content__head-wrap {margin-bottom: 30px; padding: 30px 30px 20px; background-position: top 23px left 30px; background-size: 30px;}
    .content__head-wrap.email__collection-wrap {padding: 30px 30px 20px; background-position: top 28px left 30px;}
    .content__head-wrap.declaration__02-wrap {background-position: top 28px left 30px;}
    .content__head-wrap.declaration__03-wrap {background-position: top 32px left 30px; background-size: 35px;}
    .content__head-wrap.declaration__04-wrap {background-position: top 28px left 30px;}
    .content__head-wrap.communication-wrap {background-position: top 27px left 30px;}
    .content__head-wrap.faq__head-wrap {background-position: top 29px left 30px;}
    .content__head-wrap.esg__head-wrap  {padding: 30px 30px 20px; background-position: top 32px left 30px;}
    .content__head-wrap > .title {padding-left: 45px; font-size: 24px; line-height: 30px;}
    .content__head-wrap > ul li {font-size: 18px; line-height: 24px;}
    .content__head-wrap .bottom > p {font-size: 16px; line-height: 22px;}
    .content__head-wrap .bottom > p:before {top: -2px;}
    .content__head-wrap .bottom > p .btn-shortcut {display: block; margin: 10px 0 0;}
    .content__head-wrap .bottom > p + p {margin-top: 8px;}
}
@media only screen and (max-width:767px) {
    .content__head-wrap {padding: 20px 20px 15px; background-position: top 17px left 25px; background-size: 25px;}
    .content__head-wrap.email__collection-wrap {padding: 20px 20px 15px; background-position: top 20px left 30px;}
    .content__head-wrap.declaration__02-wrap {background-position: top 20px left 30px;}
    .content__head-wrap.declaration__03-wrap {background-position:top 25px left 30px; background-size: 25px;}
    .content__head-wrap.declaration__04-wrap {background-position: top 19px left 30px;}
    .content__head-wrap.communication-wrap {background-position: top 19px left 30px;}
    .content__head-wrap.faq__head-wrap {background-position: top 22px left 25px;}
    .content__head-wrap.esg__head-wrap  {padding: 20px 20px 15px; background-position: top 24px left 30px;}
    .content__head-wrap > .title {font-size: 20px; line-height: 26px;}
    .content__head-wrap > ul li {font-size: 16px; line-height: 22px;}
    .content__head-wrap > ul li:before {top: 10px;}
    .content__head-wrap .bottom {margin-top: 20px; padding-top: 15px;}
    .content__head-wrap .bottom > p {padding-left: 27px; font-size: 14px; line-height: 20px;}
    .content__head-wrap .bottom > p:before {top: 0; width: 18px; height: 19px;}
    .content__head-wrap .bottom > p + p {margin-top: 6px;}
}

/* ci ¼Ò°³ */
.ci-wrap {}
.ci-inner + .ci-inner {margin-top: 95px;}
.ci-wrap .ci {margin-top: 50px; font-size: 0;}
.ci-wrap .ci.type1 {display: flex; align-items: center; gap: 80px;}
.ci-wrap .ci.type1 img {max-width: 50%;}
.ci-wrap .ci.type1 .content-title {margin-bottom: 0 !important;}
.ci-wrap .ci.type1 .txt {margin-top: 20px; font-weight: 500; font-size: 20px; line-height: 30px; color: #666666;}
.ci-wrap .ci.type1 .txt strong {font-weight: 500; color: #006ec0;}
.ci-wrap .ci.type1 .btn-download {margin-top: 25px;}
.ci-wrap .ci.type2 {}
.ci-wrap .ci.type2 .img {display: inline-flex; align-items: center; justify-content: center; width: calc( (100% - 40px) / 3 ); height: 235px; padding: 20px; border: 1px solid #e5e5e5; border-radius: 12px; box-sizing: border-box; vertical-align: middle;}
.ci-wrap .ci.type2 .img + .img {margin-left: 20px;}
.ci-wrap .ci.type3 {overflow: hidden; border-radius: 12px;}
.ci-wrap .ci.type3 > div {display: inline-flex; flex-direction: column; width: 50%; height: 236px; padding: 35px 40px; background-image: url("/images/sub/ci_03_01.png"); background-repeat: no-repeat; background-position: center right 40px; box-sizing: border-box;}
.ci-wrap .ci.type3 .tit {font-weight: 600; font-size: 28px; line-height: 34px; color: #ffffff; letter-spacing: -0.05em;}
.ci-wrap .ci.type3 .color-info {margin-top: auto;}
.ci-wrap .ci.type3 .txt {font-size: 18px; line-height: 30px; color: #ffffff;}
.ci-wrap .ci.type3 .blue {background-color: #0086d1;}
.ci-wrap .ci.type3 .green {background-color: #77b800;}

@media only screen and (max-width:1400px) {
    .ci-inner + .ci-inner {margin-top: 85px;}
    .ci-wrap .ci {margin-top: 40px;}
    .ci-wrap .ci.type1 {gap: 70px;}
    .ci-wrap .ci.type3 .tit {fonot-size: 24px; line-height: 32px;}
}
@media only screen and (max-width:1280px) {
    .ci-inner + .ci-inner {margin-top: 70px;}
    .ci-wrap .ci {margin-top: 30px;}
    .ci-wrap .ci.type1 {gap: 50px;}
    .ci-wrap .ci.type3 .tit {font-size: 20px; line-height: 26px;}
}
@media only screen and (max-width:1080px) {
    .ci-inner + .ci-inner {margin-top: 55px;}
    .ci-wrap .ci {margin-top: 20px;}
    .ci-wrap .ci.type1 {gap: 30px;}
    .ci-wrap .ci.type2 .img {height: 200px;}
    .ci-wrap .ci.type1 .txt {margin-top: 15px; font-size: 16px; line-height: 22px;}
    .ci-wrap .ci.type1 .btn-download {margin-top: 15px;}
    .ci-wrap .ci.type3 .tit {font-size: 18px; line-height: 24px;}
    .ci-wrap .ci.type3 .txt {font-size: 16px; line-height: 28px;}
}
@media only screen and (max-width:767px) {
    .ci-inner + .ci-inner {margin-top: 40px;}
    .ci-wrap .ci.type1 .txt {margin-top: 10px; font-size: 14px; line-height: 20px;}
    .ci-wrap .ci.type2 .img {width: calc( (100% - 20px) / 3 ); height: 120px;}
    .ci-wrap .ci.type2 .img + .img {margin-left: 10px;}
    .ci-wrap .ci.type1 .btn-download {margin-top: 10px;}
    .ci-wrap .ci.type3 > div {height: 166px; padding: 15px 20px; background-position: center right;}
    .ci-wrap .ci.type3 .tit {font-size: 16px; line-height: 22px;}
    .ci-wrap .ci.type3 .txt {font-size: 14px; line-height: 26px;}
}
@media only screen and (max-width:480px) {
    .ci-inner + .ci-inner {margin-top: 30px;}
    .ci-wrap .ci.type1 {flex-direction: column; align-items: flex-start; gap: 20px;}
    .ci-wrap .ci.type1 img {max-width: 100%;}
    .ci-wrap .ci.type2 .img {width: 100%;}
    .ci-wrap .ci.type2 .img + .img {margin: 10px 0 0;}
    .ci-wrap .ci.type3 {}
    .ci-wrap .ci.type3 > div {width: 100%;}
}

/* Ã£¾Æ¿À½Ã´Â ±æ */
.find__map-wrap {}
.find__map-wrap #map {width: 100%; height: 500px; border: 1px solid #dfdfdf; border-radius: 12px;}
.find__map-wrap .map-info {margin-top: 50px;}
.find__map-wrap .map-info ul {display: flex; align-items: center; gap: 50px;}
.find__map-wrap .map-info ul li {display: inline-flex; align-items: center; gap: 20px; font-weight: 500; font-size: 18px; line-height: 24px;}
.find__map-wrap .map__title-wrap {margin-top: 95px; padding-bottom: 55px; border-bottom: 1px solid #222222;}
.find__map-wrap .map-inner {padding: 60px 0; border-bottom: 1px solid #dfdfdf;}
.find__map-wrap .map-inner:first-child {paddint-top:0;}
.find__map-wrap .map-inner .title {font-weight: 600; font-size: 24px; color: #222222;}
.find__map-wrap .map-inner .text {margin-top: 40px; font-size: 0;}
.find__map-wrap .map-inner .title + .text {margin-top: 30px;}
.find__map-wrap .map-inner .info {display: inline-block; width: 125px; height: 41px; border: 1px solid #dfdfdf; border-radius: 4px; background-color: #f8f8f8; font-weight: 500; font-size: 20px; line-height: 39px; color: #222222; text-align: center; vertical-align: top;}
.find__map-wrap .map-inner .info.type1 {border: none; background-color: #61b350; color: #ffffff;}
.find__map-wrap .map-inner .info.type2 {border: none; background-color: #f2ae24; color: #ffffff;}
.find__map-wrap .map-inner .info.type3 {border: none; background-color: #a71e31; color: #ffffff;}
.find__map-wrap .map-inner .txt {display: inline-block; width: calc(100% - 145px); margin: 4px 0 0 20px; font-weight: 500; font-size: 20px; line-height: 32px; color: #666666; vertical-align: top;}
.find__map-wrap .map-inner .txt .num {font-size: 14px; vertical-align: top;}

@media only screen and (max-width:1400px) {
    .find__map-wrap .map__title-wrap {margin-top: 85px; padding-bottom: 45px;}
    .find__map-wrap #map {height: 450px;}
    .find__map-wrap .map-inner {padding: 50px 0;}
    .find__map-wrap .map-inner .text {margin-top: 35px;}
    .find__map-wrap .map-inner .title + .text {margin-top: 40px;}
}
@media only screen and (max-width:1280px) {
    .find__map-wrap .map__title-wrap {margin-top: 70px; padding-bottom: 35px;}
    .find__map-wrap #map {height: 400px;}
    .find__map-wrap .map-inner {padding: 40px 0;}
    .find__map-wrap .map-inner .title {font-size: 20px;}
    .find__map-wrap .map-inner .text {margin-top: 30px;}
    .find__map-wrap .map-inner .title + .text {margin-top: 35px;}
    .find__map-wrap .map-inner .info {font-size: 18px;}
    .find__map-wrap .map-inner .txt {margin: 6px 0 0 20px; font-size: 18px; line-height: 30px;}
}
@media only screen and (max-width:1080px) {
    .find__map-wrap .map__title-wrap {margin-top: 55px; padding-bottom: 25px;}
    .find__map-wrap #map {height: 350px;}zz
    .find__map-wrap .map-inner {padding: 30px 0;}
    .find__map-wrap .map-info {margin: 40px 0;}
    .find__map-wrap .map-info ul {flex-direction: column; align-items: flex-start; gap: 15px;}
    .find__map-wrap .map-info ul li {gap: 15px;}
    .find__map-wrap .map-info ul li br {display: none;}
    .find__map-wrap .map-inner .title {font-size: 18px;}
    .find__map-wrap .map-inner .text {margin-top: 25px;}
    .find__map-wrap .map-inner .title + .text {margin-top: 30px;}
    .find__map-wrap .map-inner .info {width: 105px; height: 35px; line-height: 33px;font-size: 16px;}
    .find__map-wrap .map-inner .txt {width: calc(100% - 120px); margin: 3px 0 0 15px; font-size: 16px; line-height: 28px;}
    .find__map-wrap .map-inner .txt .num {font-size: 12px;}
}
@media only screen and (max-width:767px) {
    .find__map-wrap .map__title-wrap {margin-top: 40px;}
    .find__map-wrap #map {height: 300px;}
    .find__map-wrap .map-inner {padding: 20px 0;}
    .find__map-wrap .map-info ul {gap: 10px;}
    .find__map-wrap .map-info ul li {font-size: 14px; line-height: 20px;}
    .find__map-wrap .map-info ul li img {width: 30px;}
    .find__map-wrap .map-inner .title {font-size: 16px;}
    .find__map-wrap .map-inner .text {margin-top: 20px;}
    .find__map-wrap .map-inner .title + .text {margin-top: 25px;}
    .find__map-wrap .map-inner .info {width: 90px; font-size: 14px;}
    .find__map-wrap .map-inner .txt {width: calc(100% - 105px); font-size: 14px; line-height: 26px;}
}
@media only screen and (max-width:480px) {
    .find__map-wrap .map__title-wrap {margin-top: 30px;}
    .find__map-wrap #map {height: 250px;}
}

/* ¼³¸³¹è°æ */
.establishment-wrap {}
.establishment-inner + .establishment-inner {margin-top: 95px;}
.establishment.type1 {display: flex; align-items: center; justify-content: center; height: 347px; padding: 0 20px; border-radius: 12px; background-image: url("/images/sub/establishment_bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; font-weight: 500; font-size: 24px; line-height: 34px; color: #ffffff; text-align: center; box-sizing: border-box;}
.establishment.type2 {display: flex; gap: 20px; padding: 50px; border-radius: 12px; background-color: #f6fbff;}
.establishment.type2 > div {display: inline-block; width: calc( (100% - 20px) / 2 ); vertical-align: top;}
.establishment.type2 p + p {margin-top: 22px;}
.establishment.type2 p + div {margin-top: 22px;}
.establishment.type2 .tit {display: inline-flex; align-items: center; justify-content: center; width: 90px; height: 41px; border-radius: 4px; background-color: #006ec0; font-weight: 500; font-size: 20px; color: #ffffff; vertical-align: top;}
.establishment.type2 .txt {display: inline-block; width: calc(100% - 124px); margin: 5px 0 0 30px; font-weight: 500; font-size: 20px; line-height: 30px; color: #666666; vertical-align: top;}

.subSite .establishment.type2 {background-color: #f3f8f6;}
.subSite .establishment.type2 > div:first-child {width: 45%;}
.subSite .establishment.type2 > div:last-child {width: 57%;}
.subSite .establishment.type2 .tit {background-color: #157e53;}
.subSite .establishment.type1 {background-image: url("/images/subSite/youthyonginsi/establishment_bg.png");}

.sgyouth .establishment.type1 {background-image: url("/images/sub/sgyouth_establishment_bg.png");}
.yicenter .establishment.type1 {background-image: url("/images/sub/yicenter_establishment_bg.png");}
.yurimyouth .establishment.type1 {background-image: url("/images/sub/yurimyouth_establishment_bg.png");}
.yongin1318 .establishment.type1 {background-image: url("/images/sub/yongin1318_establishment_bg.png");}
.youthyonginsi .establishment.type1 {background-image: url("/images/sub/youthyonginsi_establishment_bg.png");}
.youthyonginsi .establishment.type1.type1-1 {background-image: url("/images/sub/youthyonginsi_establishment_bg_2.png");}
.yytc .establishment.type1 {background-image: url("/images/sub/yytc_establishment_bg.png");}
.sujiyouth .establishment.type1 {background-image: url("/images/sub/sujiyouth_establishment_bg.png");}
.yidream .establishment.type1 {background-image: url("/images/sub/yidream_establishment_bg.png");}
.hdyouth .establishment.type1 {background-image: url("/images/sub/hdyouth_establishment_bg.png");}

@media only screen and (max-width:1400px) {
    .establishment-inner + .establishment-inner {margin-top: 85px;}
    .establishment.type1 {height: 300px;}
    .establishment.type2 {padding: 45px;}
}
@media only screen and (max-width:1280px) {
    .establishment-inner + .establishment-inner {margin-top: 70px;}
    .establishment.type1 {height: 250px; font-size: 20px; line-height: 30px;}
    .establishment.type2 {padding: 40px;}
    .establishment.type2 .tit {font-size: 18px;}
    .establishment.type2 .txt {margin-left: 20px; font-size: 18px;}
}
@media only screen and (max-width:1080px) {
    .establishment-inner + .establishment-inner {margin-top: 55px;}
    .establishment.type1 {height: 200px; padding: 20px; font-size: 18px; line-height: 28px;}
    .establishment.type2 {flex-direction: column; gap: 15px; padding: 35px;}
    .establishment.type2 p + p {margin-top: 15px;}
    .establishment.type2 p + div {margin-top: 15px;}
    .establishment.type2 .tit {font-size: 16px;}
    .establishment.type2 .txt {width: calc(100% - 109px); margin: 8px 0 0 15px; font-size: 16px; line-height: 26px;}

    .establishment.type2 > div {width: 100%;}
    .subSite .establishment.type2 > div:first-child {width: 100%;}
    .subSite .establishment.type2 > div:last-child {width: 100%;}
}
@media only screen and (max-width:767px) {
    .establishment-inner + .establishment-inner {margin-top: 40px;}
    .establishment.type1 {height: auto; min-height: 150px; font-size: 16px; line-height: 26px;}
    .establishment.type1 br {display: none;}
    .establishment.type2 {padding: 20px;}
    .establishment.type2 > div {width: 100%;}
    .establishment.type2 .tit {display: block; height: 30px; background-color: transparent; font-size: 16px; color: #006ec0;}
    .subSite .establishment.type2 .tit {background-color: transparent; color: #157e53;}
    .establishment.type2 .txt {width: 100%; margin: 5px 0 0; font-size: 14px; line-height: 20px;}
}
@media only screen and (max-width:480px) {
    .establishment-inner + .establishment-inner {margin-top: 30px;}
    .establishment.type1 {line-height: 14px; line-height: 20px;}
    .establishment.type2 {padding: 15px;}
}

/* Á¶Á÷µµ */
.org-wrap {}
.org-inner + .org-inner, .org-wrap + .cont_wrap {margin-top: 95px;}
.cont_wrap .content__table-wrap + .content-title:not(.square-text-type02) {margin-top: 50px;}
.org-list {display: flex; flex-wrap: wrap; gap: 30px;}
.org-list + .org-list {margin-top: 30px;}
.org-list .org {display: inline-flex; align-items: center; justify-content: center; width: calc( (100% - 120px) / 5); height: 80px; border-radius: 12px; font-weight: 500; font-size: 24px; line-height: 32px; color: #ffffff; letter-spacing: -0.05em; text-align: center; vertical-align: top; box-sizing: border-box;}
.org-list .type1 {border: 1px solid #006ec0; background-color: #0365ae;} /* ³²»ö°ú ÆÄ¶û »çÀÌ */
.org-list .type2 {background-color: #4c99d3;} /* ÆÄ¶û */
.org-list .type3 {background-color: #8cbee3;} /* ÇÏ´Ã */
.org-list .type4 {background-color: #157e53;} /* ÃÊ·Ï */
.org-list .type5 {background-color: #bcc95d;} /* ¿¬µÎ */
.org-list .type6 {border: 1px solid #ddd; background-color: #ffffff; color: #222222;} /* ÇÏ¾ç */
.org-list .type7 {background-color: #1b3461;} /* ³²»ö */
.org-list .type8 {border: 1px solid #dfdfdf; background-color: #f8f8f8; color: #222222;} /* È¸»ö */

.org-list > div {display: flex; flex-wrap: wrap; gap: 30px; width: calc(100% - ((100% + 30px) / 5));}
.org-list > div .org {width: calc( (100% - 90px) / 4 );}

.org-wrap.type1 {}
.org-wrap.type1 .org-inner:first-child {background-image: url("/images/sub/org_01_01.png"); background-repeat: no-repeat; background-position: center right 10%;}
.org-wrap.type1 .org-inner:last-child {position: relative;}
.org-wrap.type1 .org-inner:last-child:after {content: ''; display: inline-block; position: absolute; top: 237px; right: 123px; width: 154px; height: 82px; background-image: url("/images/sub/org_01_02.png"); background-repeat: no-repeat; background-position: center right; z-index: 1;}

#sub.org-bg {background-image: url("/images/sub/org_02_bg.png"); background-repeat: no-repeat; background-position: center bottom; background-size: 100%;}
#sub.org-bg .sub_contents {padding-bottom: 332px;}
.org-wrap.type2 {}
.org-wrap.type2 .org-inner {position: relative;}
.org-wrap.type2 .org-inner:after {content: ''; display: inline-block; position: absolute; top: 127px; right: -90px; width: 365px; height: 102px; background-image: url("/images/sub/org_02_01.png"); background-repeat: no-repeat; background-position: center; z-index: 1;}

.org-wrap.type3 .org-inner {background-image: url("/images/sub/org_03_01.png"); background-repeat: no-repeat; background-position: center right 10%;}

@media only screen and (max-width:1600px) {
    .org-wrap.type2 .org-inner:after {right: 0;}
}
@media only screen and (max-width:1400px) {
    .org-inner + .org-inner, .org-wrap + .cont_wrap {margin-top: 85px;}
    .org-list .org {font-size: 22px;}

    .org-wrap.type2 .org-inner:after {top: 127px; right: 0;}

    #sub.org-bg .sub_contents {padding-bottom: 300px;}
}
@media only screen and (max-width:1280px) {
    .org-inner + .org-inner, .org-wrap + .cont_wrap {margin-top: 70px;}
    .org-list .org {width: calc( (100% - 90px) / 4); font-size: 20px;}

    .org-list > div {width: calc( 100% - ((100% + 30px) / 4))}
    .org-list > div .org {width: calc( (100% - 60px) / 3);}

    .org-wrap.type1 .org-inner:first-child {background-position: top right 10%; background-size: 400px;}
    .org-wrap.type1 .org-inner:last-child:after {display: none;}

    .org-wrap.type2 .org-inner:after {display: none;}

    .org-wrap.type3 .org-inner {background-position: center right 10%; background-size: 35%;}

    #sub.org-bg .sub_contents {padding-bottom: 250px;}
    .cont_wrap .content__table-wrap + .content-title:not(.square-text-type02) {margin-top: 40px;}
}
@media only screen and (max-width:1080px) {
    .org-inner + .org-inner, .org-wrap + .cont_wrap {margin-top: 55px;}
    .org-list {gap: 15px;}
    .org-list > div {gap: 15px;}
    .org-list + .org-list {margin-top: 15px;}
    .org-list .org {width: calc( (100% - 45px) / 4); height: 70px; font-size: 16px; line-height: 22px;}

    .org-list > div .org {width: calc( (100% - 30px) / 3);}

    #sub.org-bg .sub_contents {padding-bottom: 200px;}
}
@media only screen and (max-width:767px) {
    .org-inner + .org-inner, .org-wrap + .cont_wrap {margin-top: 40px;}
    .org-list {gap: 10px;}
    .org-list > div {gap: 10px;}
    .org-list + .org-list {margin-top: 10px;}
    .org-list .org {width: calc( (100% - 20px) / 3); font-size: 14px; line-height: 20px;}

    .org-list > div {width: calc( 100% - ((100% + 10px) / 3));}
    .org-list > div .org {width: calc( (100% - 10px) / 2);}

    .org-wrap.type1 .org-inner:first-child {background: none;}

    .org-wrap.type3 .org-inner {background: none;}

    #sub.org-bg {background: none;}
    #sub.org-bg .sub_contents {padding-bottom: 60px;}
    .cont_wrap .content__table-wrap + .content-title:not(.square-text-type02) {margin-top: 30px;}
}
@media only screen and (max-width:480px) {
    .org-inner + .org-inner, .org-wrap + .cont_wrap {margin-top: 30px;}
    .org-list .org {width: calc( (100% - 10px) / 2);}
    .org-list > div {width: calc( 100% - ((100% + 10px) / 2));}
    .org-list > div .org {width: 100%;}

    #sub.org-bg .sub_contents {padding-bottom: 50px;}
}

/* ºñÀü */
.vision-wrap {}
.vision-inner + .vision-inner {margin-top: 95px;}
.vision.type1 {display: flex; align-items: center; justify-content: center; padding: 55px; border-radius: 12px; background-color: #f8f8f8;}
.vision.type1 p {font-weight: 600; font-size: 20px; line-height: 30px; color: #222222; text-align: center;}
.vision.type1 img {width: 56%; margin: 0 35px;}
.vision-img {display: none;}
.vision.type2 {display: flex; align-items: center; justify-content: center; padding: 0 20px; aspect-ratio: 1389 / 260; border-radius: 12px; background-image: url("/images/sub/vision_02.png"); background-repeat: no-repeat; background-position: center; background-size: 100%; box-sizing: border-box;}
.subSite .vision.type2 {background-image: url("/images/subSite/vision_02.png");}
.subSite .vision.type2 p {color: #ffffff;}
.vision.type2 p {margin-top: 20px; font-family: 'Tenada' !important; font-size: 38px; color: #222222; text-align: center;}
.vision.type3 {display: flex; gap: 20px;}
.vision.type3 div {display: inline-flex; align-items: center; justify-content: center; flex-direction: column; width: calc( (100% - 60px) / 4 ); padding: 40px; border: 1px solid #006ec0; border-radius: 16px; background-color: #ffffff; box-sizing: border-box;}
.vision.type3 p {margin-top: 30px; font-weight: 600; font-size: 24px; color: #006ec0; text-align: center;}
.vision.type4 {display: flex; gap: 35px;}
.vision.type4 div {display: inline-flex; align-items: center; justify-content: flex-start; flex-direction: column; width: calc( (100% - 105px ) / 4 ); padding: 45px 20px 70px; border: 1px solid #c9c9c9; border-radius: 12px; text-align: center; box-sizing: border-box;}
.vision.type4 p.num {font-weight: 600; font-size: 24px; color: #222222;}
.vision.type4 p:not(.num) {font-weight: 500; font-size: 20px; line-height: 32px; color: #222222;}
.vision.type4 p strong {font-weight: 600; font-size: 22px;}
.vision.type4 img {margin: 30px 0 40px;}
.vision.type5 {display: flex; gap: 25px; padding: 55px; border-radius: 12px; background-color: #f8f8f8;}
.vision.type5 div {width: calc( (100% - 80px ) / 2 );}
.vision.type5 .tit {display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 124px; padding: 25px 10px; border-top: 2px solid; font-weight: 600; font-size: 24px; color: #222222; text-align: center; box-sizing: border-box;}
.vision.type5 ul {min-height: calc(100% - 106px); padding: 30px 40px; border: 1px solid; border-radius: 12px; background-color: #ffffff; box-sizing: border-box;}
.vision.type5 ul li {position: relative; margin-top: 12px; padding-left: 30px; font-weight: 500; font-size: 20px; line-height: 26px; color: #666666;}
.vision.type5 ul li:first-child {margin-top: 0;}
.vision.type5 ul li:before {content: ''; display: inline-block; position: absolute; top: 13px; left: 0; width: 7px; height: 1px; background-color: #666666;}
.vision.type5 div:nth-child(1) {}
.vision.type5 div:nth-child(1) .tit,
.vision.type5 div:nth-child(1) ul {border-color: #becb62;}
.vision.type5 div:nth-child(2) {}
.vision.type5 div:nth-child(2) .tit,
.vision.type5 div:nth-child(2) ul {border-color: #157c52;}
.vision.type5 div:nth-child(3) {}
.vision.type5 div:nth-child(3) .tit,
.vision.type5 div:nth-child(3) ul {border-color: #0365ae;}
.vision.type6 {display: flex; justify-content: space-between;}
.vision.type6 div {display: inline-block; width: calc( (100% - 195px) / 4 );}
.vision.type6 .tit {display: flex; align-items: center; justify-content: center; position: relative; width: 81%; aspect-ratio: 1 / 1; border-radius: 100%; font-weight: 800; font-size: 24px; line-height: 30px; color: #ffffff;}
.vision.type6 div:nth-child(1) .tit {background-color: #bcc95d;}
.vision.type6 div:nth-child(1) .tit:after {content: ''; display:  inline-block; position:  absolute; top: -10px; right: -80%; width: 100%; aspect-ratio: 1 / 1; background-image: url('/images/sub/vision_05_01.png'); background-repeat: no-repeat; background-position: center; background-size: auto 100%; z-index: -1;}
.vision.type6 div:nth-child(2) .tit {background-color: #157c52;}
.vision.type6 div:nth-child(2) .tit:after {content: ''; display:  inline-block; position:  absolute; top: -2px; right: -80%; width: 100%; aspect-ratio: 1 / 1; background-image: url('/images/sub/vision_05_02.png'); background-repeat: no-repeat; background-position: center; background-size: auto 100%; z-index: -1;}
.vision.type6 div:nth-child(3) .tit {background-color: #028f97;}
.vision.type6 div:nth-child(3) .tit:after {content: ''; display:  inline-block; position:  absolute; top: -10px; right: -80%; width: 100%; aspect-ratio: 1 / 1; background-image: url('/images/sub/vision_05_03.png'); background-repeat: no-repeat; background-position: center; background-size: auto 100%; z-index: -1;}
.vision.type6 div:nth-child(4) .tit {background-color: #0365ae;}
.vision.type6 .txt {margin-top: 50px; font-weight: 500; font-size: 20px; line-height: 30px; color: #222222;}
.vision.type7 {display: flex; justify-content: space-between;}
.vision.type7 div {display: inline-flex; align-items: center; justify-content: center; position: relative; width: calc( (100% - 86px) / 3 ); height: 116px; padding: 0 20px; border: 1px solid #c9c9c9; border-radius: 14px; background-color: #ffffff; font-weight: 500; font-size: 24px; line-height: 30px; color: #222222; text-align: center; box-sizing: border-box;}
.vision.type7 div:nth-child(2):after {content: ''; display: inline-block; position: absolute; top: -34px; right: 12px; width: 92px; height: 39px; background-image: url("/images/sub/vision_07_01.png"); background-repeat: no-repeat; background-position: center; background-size: 100%;}
.vision.type7 div:nth-child(3):after {content: ''; display: inline-block; position: absolute; top: -112px; right: -46px; width: 175px; height: 144px; background-image: url("/images/sub/vision_07_02.png"); background-repeat: no-repeat; background-position: center; background-size: 100%;}

.vision.type8 {padding: 58px 43px; border-radius: 12px; background-color: #f3f8f6;}
.type8-inner + .type8-inner {margin-top: 95px;}
.type8-inner > div {display: flex; gap: 20px;}
.type8-inner > div > div {border: 1px solid #028f97; border-radius: 20px 20px 12px 12px; background-color: #ffffff;}
.type8-inner > div .tit {display: flex; align-items: center; justify-content: center; height: 70px; border-radius: 18px 18px 0 0; background-color: #028f97; font-weight: 600; font-size: 26px; color: #ffffff; text-align: center;}
.type8-inner > div ul {padding: 27px 30px;}
.vision.type8 ul li {position: relative; margin: 10px 0 0; padding-left: 20px; font-weight: 500; font-size: 20px; line-height: 26px; color: #666666;}
.vision.type8 ul li:first-child {margin: 0;}
.vision.type8 ul li:before {content: ''; display: inline-block; position: absolute; top: 13px; left: 0; width: 7px; height: 1px; background-color: #666666;}

.type8-inner > .top > div {width: calc( (100% - 20px) / 2 );}
.type8-inner > .top div.type1 {border-color: #bcc95d;}
.type8-inner > .top div.type1 .tit {background-color: #bcc95d;}
.type8-inner > .top div.type2 {border-color: #157e53;}
.type8-inner > .top div.type2 .tit {background-color: #157e53;}
.type8-inner > .bottom {gap: 18px;}
.type8-inner > .bottom > div {width: calc( (100% - 36px) / 3 );}
.type8-inner > .bottom > div:last-child {position: relative;}
.type8-inner > .bottom > div:last-child:before {content: ''; display: inline-block; position: absolute; top: -30px; left: 30px; width: 75px; height: 39px; background-image: url("/images/subSite/vision_08_02.png"); background-repeat: no-repeat; background-size: 100%; background-position: center; z-index: 2;}
.type8-inner > .bottom > div:last-child:after {content: ''; display: inline-block; position: absolute; top: -180px; right: 30px; width: 244px; height: 187px; background-image: url("/images/subSite/vision_08_01.png"); background-repeat: no-repeat; background-size: 100%; background-position: center; z-index: 1;}
.type8-inner > .bottom .tit {font-size: 22px;}

@media only screen and (max-width:1500px) {
    .vision.type7 div:nth-child(3):after {top: -122px; right: 0px;}
}
@media only screen and (max-width:1400px) {
    .vision-inner + .vision-inner {margin-top: 85px;}
    .vision.type2 p {font-size: 32px;}
    .vision.type3 div {padding: 30px;}
    .vision.type3 p {margin-top: 25px;}
    .vision.type4 div {padding: 30px 20px 60px;}
    .vision.type4 img {margin: 25px 0 35px;}
    .vision.type6 .tit {font-size: 22px;}
    .vision.type6 .txt {margin-top: 40px; font-size: 18px; line-height: 28px;}
    .vision.type7 div {font-size: 20px; line-height: 26px;}

    .vision.type8 {padding: 50px 40px;}
    .type8-inner + .type8-inner {margin-top: 85px;}
    .type8-inner > div .tit {height: 65px; font-size: 24px;}
    .type8-inner > .bottom .tit {font-size: 20px;}
}
@media only screen and (max-width:1280px) {
    .vision-inner + .vision-inner {margin-top: 70px;}
    .vision.type2 p {font-size: 28px;}
    .vision.type3 div {padding: 25px;}
    .vision.type3 p {margin-top: 20px; font-size: 22px;}
    .vision.type4 div {padding: 25px 20px 50px;}
    .vision.type4 img {margin: 20px 0 30px;}
    .vision.type4 p.num {font-size: 22px;}
    .vision.type4 p:not(.num) {font-size: 18px; line-height: 30px;}
    .vision.type4 p strong {font-size: 22px;}
    .vision.type5 {padding: 35px;}
    .vision.type5 .tit {min-height: 104px; padding: 20px 10px; font-size: 22px;}
    .vision.type5 ul {height: calc(100% - 95px); padding: 25px 35px;}
    .vision.type5 ul li {padding-left: 25px; font-size: 18px;}
    .vision.type6 .tit {font-size: 20px;}
    .vision.type6 .txt {margin-top: 30px; font-size: 16px; line-height: 24px;}
    .vision.type7 div {width: calc( (100% - 75px) / 3 ); font-size: 18px; line-height: 24px;}
    .vision.type7 div:nth-child(3):after {top: -112px; right: 0; width: 135px;}

    .vision.type8 {padding: 45px 35px;}
    .type8-inner + .type8-inner {margin-top: 70px;}
    .type8-inner > div .tit {padding: 0 10px; font-size: 20px;}
    .type8-inner > .top .tit {height: 55px;}
    .type8-inner > .bottom > div:last-child:before {left: 15px;}
    .type8-inner > .bottom > div:last-child:after {right: 15px;}
    .type8-inner > .bottom .tit {font-size: 18px;}

    .vision.type8 ul {height: calc(100% - 95px); padding: 25px 35px;}
    .vision.type8 ul li {padding-left: 25px; font-size: 18px;}
}
@media only screen and (max-width:1080px) {
    .vision-inner + .vision-inner {margin-top: 55px;}
    .vision.type1 {display: none;}
    .vision-img {display: block; border-radius: 12px; background-color: #f8f8f8; text-align: center;}
    .vision.type2 p {margin-top: 15px; font-size: 24px;}
    .subSite .vision.type2 p {margin-top: 10px;}
    .vision.type3 div {padding: 20px;}
    .vision.type3 p {margin-top: 15px; font-size: 20px;}
    .vision.type4 {flex-wrap: wrap; gap: 15px;}
    .vision.type4 div {width: calc( (100% - 15px) / 2 ); padding: 25px 10px 35px;}
    .vision.type4 p strong {font-size: 20px;}
    .vision.type4 img {width: 80px; margin: 15px 0 25px;}
    .vision.type5 {gap: 20px; padding: 30px 10px;}
    .vision.type5 div {width: calc( (100% - 40px) / 3 );}
    .vision.type5 .tit {min-height: 92px; padding: 15px 10px; font-size: 20px;}
    .vision.type5 ul {height: calc(100% - 86px); padding: 20px;}
    .vision.type6 div {width: calc( (100% - 75px) / 4 );}
    .vision.type6 .tit {margin: 0 auto; font-size: 18px;}
    .vision.type6 .txt {margin-top: 20px;font-size: 14px; line-height: 20px;}
    .vision.type5 ul li {margin-top: 5px; padding-left: 20px; font-size: 16px;}
    .vision.type7 div {height: 85px;}

    .vision.type8 {padding: 30px;}
    .type8-inner + .type8-inner {margin-top: 55px;}
    .type8-inner > div .tit {height: 50px !important; font-size: 18px;}
    .type8-inner > .bottom  {flex-direction: column;}
    .type8-inner > .bottom > div {width: 100%;}
    .type8-inner > .bottom > div:last-child:before {display: none;}
    .type8-inner > .bottom > div:last-child:after {display: none;}

    .vision.type8 ul li {margin-top: 5px; padding-left: 20px; font-size: 16px;}
}
@media only screen and (max-width:767px) {
    .vision-inner + .vision-inner {margin-top: 40px;}
    .vision.type2 p {margin: 10px 0 0; font-size: 20px;}
    .vision.type3 {flex-wrap: wrap;}
    .vision.type3 div {width: calc( (100% - 20px) / 2 ); padding: 15px;}
    .vision.type3 img {width: 60px;}
    .vision.type3 p {margin-top: 10px; font-size: 18px;}
    .vision.type4 div {padding: 15px 10px 25px;}
    .vision.type4 p:not(.num) {font-size: 14px; line-height: 26px;}
    .vision.type4 p.num {font-size: 16px;}
    .vision.type4 p strong {font-size: 18px;}
    .vision.type4 img {margin: 15px 0 20px;}
    .vision.type5 {flex-direction: column; padding: 25px;}
    .vision.type5 div {width: 100%;}
    .vision.type5 .tit {min-height: 0; padding: 10px; font-size: 16px;}
    .vision.type5 ul {height: auto; padding: 15px;}
    .vision.type5 ul li {margin-top: 0; padding-left: 15px; font-size: 14px;}
    .vision.type6 {flex-direction: column; gap: 25px;}
    .vision.type6 div {display: flex; align-items: center; width: 100%; gap: 25px;}
    .vision.type6 .tit {width: 150px; height: 150px; margin: 0; font-size: 16px;}
    .vision.type6 div:nth-child(1) .tit:after {top: 54%; right: 0; transform: rotate(90deg);}
    .vision.type6 div:nth-child(2) .tit:after {top: 54%; right: 0; transform: rotate(90deg);}
    .vision.type6 div:nth-child(3) .tit:after {top: 54%; right: 0; transform: rotate(90deg);}
    .vision.type6 .txt {width: calc(100% - 175px); margin-top: 0;}
    .vision.type7 div {width: calc( (100% - 30px) / 3 ); font-size: 16px; line-height: 22px;}
    .vision.type7 div:nth-child(2):after {display: none;}
    .vision.type7 div:nth-child(3):after {display: none;}

    .vision.type8 {padding: 25px;}
    .type8-inner + .type8-inner {margin-top: 40px;}
    .type8-inner > div .tit {height: 45px !important; font-size: 16px;}
    .type8-inner > .bottom .tit { font-size: 16px;;}
    .vision.type8 ul {height: auto; padding: 15px;}
    .vision.type8 ul li {margin-top: 0; padding-left: 15px; font-size: 14px;}
}
@media only screen and (max-width:480px) {
    .vision-inner + .vision-inner {margin-top: 30px;}
    .vision.type3 {gap: 15px;}
    .vision.type3 div {width: calc( (100% - 15px) / 2 );}
    .vision.type2 p {font-size: 18px;}
    .vision.type3 p {font-size: 16px;}
    .vision.type4 img {margin: 10px 0 15px;}
    .vision.type4 p:not(.num) {font-size: 12px; line-height: 24px;}
    .vision.type4 p strong {font-size: 14px;}
    .vision.type5 {padding: 20px;}
    .vision.type6 {flex-wrap: wrap; gap: 20px;}
    .vision.type6 div {gap: 15px;}
    .vision.type6 .tit {width: 100px; height: 100px;}
    .vision.type6 .txt {width: calc(100% - 115px);}
    .vision.type7 {flex-direction: column; gap: 15px;}
    .vision.type7 div {width: 100%; height: 50px; font-size: 14px; line-height: 20px;}

    .vision.type8 {padding: 20px;}
    .type8-inner + .type8-inner {margin-top: 30px;}
    .type8-inner > .top {flex-direction: column;}
    .type8-inner > .top > div {width: 100%;}
    .type8-inner > div .tit {height: auto !important; min-height: 50px;}
}

/* form table */
.form__table-wrap {margin-bottom: 40px; border-top: 1px solid #006ec0;}
.form__table-wrap table {width: 100%; border-collapse: collapse;}
.form__table-wrap tr, .form__table-wrap th, .form__table-wrap td {border-bottom: 1px solid #e5e5e5;}
.form__table-wrap th {padding: 16px 32px; background-color: #f6fbff; font-weight: 500; font-size: 20px; line-height: 32px; color: #006ec0; text-align: left;}
.form__table-wrap td {padding: 16px 15px; font-size: 18px; line-height: 24px;}
/*.form__table-wrap td p {margin: 0 12px;}*/
.form__table-wrap select {width: 163px;}
.form__table-wrap select + select {margin: 0 0 0 10px;}
.form__table-wrap textarea {height: 350px;}
.form__table-wrap input + label {margin-top: 10px;}
.form__table-wrap .btn {display: inline-block; min-width: 120px; padding: 0 20px; font-weight: 500; font-size: 20px; line-height: 58px; color: #ffffff; border-radius: 10px; text-align: center; vertical-align: middle;}
.form__table-wrap .btn.color-type1 {border: 1px solid #222222; background-color: #444444; color: #ffffff;}
.form__table-wrap .btn.color-type2 {min-width: 80px; border: 1px solid #006ec0; background-color: #ffffff; color: #006ec0;}
.form__table-wrap .btn + .btn {margin-left: 10px;}
.form__table-wrap .file-wrap {font-size: 0;}
.form__table-wrap .file-wrap  + .file-wrap {margin-top: 15px;}
.form__table-wrap .file-wrap input[type="text"] {display: inline-block; width: 300px; vertical-align: middle;}
.form__table-wrap .file-wrap input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.form__table-wrap .file-wrap .btn {margin: 0 0 0 10px;}
.form__table-wrap .file-util {display: none;}

.form__table-wrap .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
}

/* ¼³¸í ¹®±¸ */
.form__table-wrap .form-help {
    margin: 4px 0 0;
    font-size: 14px;
    color: #6b7280;
}

/* input / select ±âº» ½ºÅ¸ÀÏ (³Êºñ, ÆÐµù ÅëÀÏ) */
.form__table-wrap input[type="text"],
.form__table-wrap select.sel2 {
    box-sizing: border-box;
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-size: 16px;
}
.form__table-wrap select.sel3 {
    box-sizing: border-box;
    padding: 7px 10px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-size: 16px;
	width:260px;
}



/* ÀÌ¸§ / »ý³â¿ùÀÏ / ÀüÈ­¹øÈ£ µî Àû´çÇÑ ³Êºñ */
.form__table-wrap .w-name {
    min-width: 140px;
    flex: 0 0 160px; /* ÀÌ¸§ Ä­ */
}
.form__table-wrap .w-birth {
    min-width: 170px;
    flex: 0 0 190px; /* »ý³â¿ùÀÏ Ä­ */
}
.form__table-wrap .w-phone-small {
    width: 110px;
}

/* ¿À¸¥ÂÊ ¡°Ãß°¡¡± ¹öÆ° Á¤·Ä */
.form__table-wrap .btn_area .right {
    display: flex;
    justify-content: flex-end;
}

.delete-btn {
    margin: 10px 10px;
	width: 40px;
}

.form__table-wrap .q-field {
    box-sizing: border-box;
    height: 38px;
    padding: 6px 10px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-size: 15px;
    color: #333;
    background-color: #fff;
}

/* ÁÖ¹Î¹øÈ£ Ä­ ³Êºñ */
.form__table-wrap .q-ssn {
    width: 120px;
}

/* dash À§Ä¡ º¸Á¤ */
.form__table-wrap .dash {
    display: inline-block;
    margin: 0 6px;
    font-size: 16px;
}

/* ÀÚ°ÝÈ®ÀÎ ¹öÆ° */
.form__table-wrap .q-btn {
    display: inline-block;
    padding: 10px 26px;
    background-color: #007bff !important;
    color: #fff !important;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.form__table-wrap .q-btn:hover {
    background-color: #005fcc !important;
}

.form__table-wrap .q-name {
    width: 180px !important;   /* ¿øÇÏ´Â ¸¸Å­ ÁÙÀÌ±â */
}


/* ========== ÁÖ¹Îµî·Ï¹øÈ£ °¡·Î ¹èÄ¡ ========== */
.form__table-wrap .q-ssn-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.form__table-wrap .q-ssn {
    width: 120px;
}

.form__table-wrap .q-dash {
    display: inline-block;
    font-size: 18px;
}



/*.form__table-wrap .file-util .btn {min-width: 40px; padding: 0 10px; line-height: 38px; border-radius: 5px;}*/
.delete-choice {margin-top: 20px;}

.subSite .form__table-wrap {border-color: #157e53;}
.subSite .form__table-wrap th {background-color: #f3f8f6; color: #157e53;}

@media only screen and (max-width:1400px) {
    .form__table-wrap {margin-bottom: 35px;}
    .form__table-wrap table .btn {min-width: 110px; padding: 0 15px; font-size: 18px; line-height: 50px;}
}
@media only screen and (max-width:1280px) {
    .form__table-wrap {margin-bottom: 30px;}
    .form__table-wrap th {font-size: 16px;}
    .form__table-wrap table .btn {min-width: 100px; padding: 0 10px; font-size: 16px; line-height: 40px;}
}
@media screen and (max-width:1080px) {
    .form__table-wrap {margin-bottom: 25px;}
    .form__table-wrap table .btn {border-radius: 5px;}
    .form__table-wrap .file-wrap input[type="text"] {width: 270px;}
    .form__table-wrap .file-wrap .upload-name {width: calc( (100% - 103px) / 2 );}
    .form__table-wrap .file-wrap .btn {margin-left: 5px;}
    .form__table-wrap th {font-size: 18px; line-height: 24px;}
}
@media screen and (max-width:767px) {
    .form__table-wrap {margin-bottom: 20px;}
    .form__table-wrap table {display: block; width: 100%;}
    .form__table-wrap tbody {display: block;}
    .form__table-wrap colgroup {display: none;}
    .form__table-wrap tr {display: block; width: 100%;}
    .form__table-wrap th {display: block; position: relative; width: 100%; padding: 10px 20px; font-size: 16px; box-sizing: border-box;}
    .form__table-wrap th br {display: none;}
    .form__table-wrap td {display: block; width: 100%; padding: 10px 20px; font-size: 14px; line-height: 20px; box-sizing: border-box;}
    .form__table-wrap select {width: 100%;}
    .form__table-wrap select + select {margin: 10px 0 0;}
    .form__table-wrap textarea {height: 250px;}

    .form__table-wrap table .btn {padding: 0 10px; font-size: 14px; line-height: 35px;}
    .form__table-wrap .btn.color-type1 {min-width: 80px;}
    .form__table-wrap .btn.color-type2 {min-width: 60px;}
    /*.form__table-wrap .btn + .btn {margin: 10px 0 0 10px;}*/

    .form__table-wrap .file-util {display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); margin-top: 0;}
    .form__table-wrap .file-util .btn {margin-top: 0; line-height: 30px;}
    .form__table-wrap .file-util .btn + .btn {margin-left: 5px;}
    .delete-choice {display: none !important;}
    .form__table-wrap .file-wrap input[type="text"] {width: calc(100% - 85px);}
    .form__table-wrap .file-wrap .btn:not(label) {display: none;}

	.form__table-wrap .form-row {
        flex-direction: column;
        align-items: stretch;
    }
    .form__table-wrap .form-row > * {
        width: 100%;
    }

    .form__table-wrap .form-row .btn_area .right {
        justify-content: flex-end;
        margin-top: 8px;
    }
}
@media screen and (max-width:480px) {
    .form__table-wrap table .btn {min-width: 80px;}

}

.checkbox-wrap {position: relative; margin-top: 24px; font-size: 0;}
.checkbox-wrap label > input {position: absolute; top: 1px; left: 0px; width: 23px; height: 23px; padding: 0; appearance: none;}
.checkbox-wrap label > span {display: inline-block; position: relative; padding-left: 39px; font-size: 18px; color: #666666;}
.checkbox-wrap label > span:hover {cursor: pointer;}
.checkbox-wrap label > span:before {content: ''; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 24px; height: 24px; border: 1px solid #dedfe7; border-radius: 4px; background-color: #ffffff;}
.checkbox-wrap label > input:checked + span:before {background-color: #ffffff; background-image: url('/images/common/checked.png'); background-repeat: no-repeat; background-position: center;}

.checkbox-wrap.no-text {margin: 0;}
.checkbox-wrap.no-text label {display: inline-block; position: relative; width: 24px;}
.checkbox-wrap.no-text label > input {top: 50%; left: 50%; width: 20px; height: 20px; transform: translate(-50%, -50%);}
.checkbox-wrap label > span.no_text {padding-left: 26px; font-size: 0;}

@media only screen and (max-width:767px) {
    .checkbox-wrap {margin-top: 15px;}
    .checkbox-wrap label > input {top: 4px; width: 14px; height: 14px;}
    .checkbox-wrap label > span {padding-left: 29px; font-size: 16px;}
    .checkbox-wrap label > span.no_text {padding-left: 12px;}
    .checkbox-wrap label > span:before {width: 16px; height: 16px;}

    .checkbox-wrap.no-text label {width: 16px;}
    .checkbox-wrap.no-text label > input{width: 12px; height: 12px;}
}

.radio-wrap {display: inline-flex; align-items: center; font-size: 0; vertical-align: middle;}
.radio-wrap + .radio-wrap {margin-left: 25px;}
.radio-wrap input[type="radio"] {display: inline-block; position: relative; width: 22px; height: 22px; margin: 0; padding: 0; border: 1px solid #c5c5c5; border-radius: 100%; vertical-align: middle; appearance: none;}
.radio-wrap input[type="radio"]:before {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 11px; height: 11px; border-radius: 100%; background-color: #d4d4d4;}
.radio-wrap input[type="radio"]:checked:before {background-color: #006ec0;}
.radio-wrap input[type="radio"]:focus-visible {outline: max(2px, 0.1em) dotted #000000; outline-offset: max(2px, 0.1em); }
.radio-wrap span {display: inline-block; margin: 0 0 0 13px !important; vertical-align: middle; font-weight: 500; font-size: 18px; color: #666666;}
.radio-wrap input[type="radio"]:hover + span {cursor: pointer;}

.subSite .radio-wrap input[type="radio"]:checked:before {background-color: #157e53;}

@media only screen and (max-width:767px) {
    .radio-wrap {font-size: 18px;}
    .radio-wrap input[type="radio"] {width: 16px; height: 16px;}
    .radio-wrap input[type="radio"]:before {width: 7px; height: 7px;}
    .radio-wrap span {margin: 0 0 0 4px !important;}
}

/* ·Î±×ÀÎ */
.login-wrap {width: 646px; margin: 0 auto;}
.login-wrap.type2 {width: 840px;}
.login-wrap > .title {margin-bottom: 75px; font-weight: 500; font-size: 64px; color: #222222; text-align: center;}
.login-wrap.type3 > .title {margin-bottom: 25px;}
.login-wrap > .tit {font-weight: 500; font-size: 28px; line-height: 30px; color: #222222; text-align: center;}
.login-wrap > .txt {margin: 25px 0 45px; font-size: 18px; line-height: 22px; color: #666666; text-align: center;}
.login_insert {}
.login_insert input {height: 68px; border-color: #dedfe7; color: #888888; font-size: 18px; line-height: 66px; padding: 0 10px 0 23px;}
.login_insert input::placeholder {color: #888888; font-size: 18px;}
.login_insert input[type="text"] {border-radius: 10px 10px 0 0;}
.login_insert input[type="password"] {border-top: none; border-radius: 0 0 10px 10px;}
.login_btn input {height: 76px; margin-top: 37px; border: 1px solid #005b9f; background-color: #006ec0; font-weight: 600; font-size: 24px; color: #ffffff;}
.login_btn input:hover {cursor: pointer;}
.login_option {margin-top: 40px; padding-top: 40px; border-top: 1px solid #e5e5e5;}
.login_option .tit {margin-bottom: 35px; font-size: 28px; line-height: 30px; color: #222222;}
.option_wrap li {display: flex; align-items: center; justify-content: space-between; font-size: 18px; line-height: 24px; color: #666666;}
.option_wrap li span {position: relative; padding-left: 20px;}
.option_wrap li span:before {content: ''; display: inline-block; position: absolute; top: 9px; left: 4px; width: 5px; height: 5px; border-radius: 100%; background-color: #d1d1d1;}
.option_wrap li + li {margin-top: 6px;}
.login-wrap .btn {display: inline-block; width: 120px; padding: 0 20px; border: 1px solid #222222; background-color: #444444; font-weight: 500; font-size: 15px; line-height: 42px; color: #ffffff; border-radius: 10px; text-align: center; vertical-align: middle; letter-spacing: -0.05em;}
.login-wrap.type2 .option_wrap .btn {width: 140px;}

.join-list {display: flex; gap: 30px; margin-top: 90px;}
.join-list a {display: inline-flex; flex-direction: column; width: calc( (100% - 60px) / 3 ); min-height: 260px; padding: 25px 30px; border: 1px solid #dedfe7; border-radius: 10px; background-color: #ffffff; background-image: url("/images/sub/join_arrow.png"); background-repeat: no-repeat; background-position: bottom 25px left 30px; box-sizing: border-box;}
.join-list a .age {min-height: 50px; font-size: 24px; line-height: 26px; color: #444444;}
.join-list a div:not(.age) {margin-top: 30px; font-size: 18px; line-height: 22px; color: #888888;}
.join-list a:hover {border-color: #006ec0; background-color: #f8fcff; background-image: url("/images/sub/join_arrow_on.png"); background-repeat: no-repeat; background-position: bottom 25px left 30px;}
.join-list a:hover .age {color: #006ec0;}
.join-list a:hover div:not(.age) {color: #4e9cd7;}

.info__list {}
.info__list li {position: relative; padding-left: 34px; font-size: 18px; line-height: 24px; color: #666666;}
.info__list li:before {content: ''; display: inline-block; position: absolute; top: 0; left: 0; width: 20px; height: 20px; background-image: url("/images/sub/info_list.png"); background-repeat: no-repeat; background-position: center; background-size: 100%;}
.info__list.type2 li:before {top: 4px;}
.info__list li strong {display: block; margin-bottom: 15px; font-size: 24px; line-height: 30px; color: #006ec0;}
.info__list li + li {margin-top: 25px;}

.subSite .info__list li:before {background-image: url("/images/sub/info_list2.png");}

.join-wrap .login_option {margin: 0; padding: 40px 0; border-top: none; border-bottom: 1px solid #e5e5e5;}

.join__step-wrap {display: flex;}
.join__step-wrap p {position: relative; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; font-size: 24px; line-height: 30px; color: #666666; text-align: center;}
.join__step-wrap p.on {border-color: #006ec0; color: #006ec0;}
.join__step-wrap p.on:after {content: ''; display: inline-block; position: absolute; right: 0; bottom: 0; width: 13px; height: 13px; background-image: url("/images/sub/join_step_arrow.png"); background-repeat: no-repeat; background-position: center;}
.join__step-wrap.type2 p {width: calc(100% / 2) !important;}
.join__step-wrap.type2 p a {color: #666666;}
.join__step-wrap.type2 p.on:after {display: none;}
.join__step-wrap.type2 p.on a {color: #006ec0;}
.join__step-wrap.type3 p {width: calc(100% / 3);}
.join__step-wrap.type4 p {width: calc(100% / 4); font-size: 22px; line-height: 28px;}

.subSite .join__step-wrap p.on {border-color: #157e53; color: #157e53;}
.subSite .join__step-wrap p.on:after {background-image: url("/images/sub/join_step_arrow2.png");}

.join-wrap .mobile {margin-top: 40px; padding: 40px 20px 40px 250px; border: 1px solid #e2e2e2; background-image: url("/images/sub/join_certification.png"); background-repeat: no-repeat; background-position: center left 10%;}
.join-wrap .mobile .tit {font-size: 22px; color: #222222;}
.join-wrap .mobile .txt {margin-top: 20px; font-size: 16px; line-height: 22px; color: #666666;}

.btn-certificate a {display: inline-block; min-width: 140px; margin-top: 20px; padding: 0 20px; border: 1px solid #005ca1; background-color: #006ec0; font-weight: 600; font-size: 16px; line-height: 50px; color: #ffffff; border-radius: 10px; text-align: center; vertical-align: middle; box-sizing: border-box;}

.join-wrap h4 {margin: 40px 0 30px; font-weight: 600; font-size: 28px; line-height: 30px; color: #222222;}
.agree_txt > div:not(.checkbox-wrap) {overflow-y: auto; height: 200px; padding: 20px 24px; border: 1px solid #e2e2e2; font-size: 16px; line-height: 22px; color: #666666; box-sizing: border-box;}
.agree_txt .content-title {margin: 20px 0 0 !important; font-size: 20px; line-height: 26px;}
.agree_txt .privacy-title {margin: 15px 0 0; font-size: 18px; line-height: 26px;}
.agree_txt .privacy-list li {margin: 5px 0 0; font-size: 16px; line-height: 24px;}
.agree_txt .privacy-list.small li {margin: 5px 0 0; font-size: 14px; line-height: 20px;}
.agree_txt .content__table-wrap td {padding: 10px 15px; font-size: 16px; line-height: 24px;}
.agree_txt .content__table-wrap.type2 tbody th {padding: 10px 15px; font-size: 16px; line-height: 24px;}
.agree_all {display: flex; align-items: center; justify-content: center; height: 100px; margin-top: 40px; border: 1px solid #e2e2e2; background-color: #f7f7f7; box-sizing: border-box;}
.agree_all .checkbox-wrap {margin-top: 0;}
.agree_all .checkbox-wrap label > input {top: 50%; transform: translateY(-50%); width: 30px; height: 30px;}
.agree_all .checkbox-wrap label > span {padding-left: 45px;}
.agree_all .checkbox-wrap label > span:before {width: 30px; height: 30px;}
.agree_all .checkbox-wrap label > input:checked + span {color: #006ec0;}
.agree_all .checkbox-wrap label > input:checked + span:before {border-color: #006ec0; background-image: url("/images/common/checked_b.png");}

.subSite .agree_all .checkbox-wrap label > input:checked + span {color: #157e53;}
.subSite .agree_all .checkbox-wrap label > input:checked + span:before {border-color: #157e53;  background-image: url("/images/common/checked_b2.png");}

.join__info-wrap {margin-bottom: 20px; padding-top: 75px; text-align: center;}
.join__info-wrap b {color: #006ec0;}
.join__info-wrap > .title {font-size: 26px; line-height: 30px; color: #222222;}
.join__info-wrap > .text {margin-top: 50px; font-size: 18px; line-height: 30px; color: #888888;}
.join__info-wrap > .text + .text {margin-top: 40px;}
.inner-box {margin-top: 50px;}
.inner-box.type1 {padding: 40px; border: 1px solid #c5c5c5; border-radius: 10px; background-color: #f9f9f9;}
.inner-box.type2 {padding: 45px 33px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 0; text-align: left;}
.inner-box.type2 > .tit {display: inline-block; width: 145px; font-size: 20px; line-height: 30px; color: #444444; letter-spacing: -0.05em; vertical-align: top; box-sizing: border-box;}
.inner-box.type2 > .txt {display: inline-block; width: calc(100% - 145px); font-size: 18px; line-height: 30px; color: #888888; letter-spacing: -0.05em; vertical-align: top; box-sizing: border-box;}
.join__info-wrap .form__table-wrap {margin: 50px 0 0;}

.subSite .join__info-wrap b {color: #157e53;}

.login-notice {max-width: 500px; margin: 0 auto; text-align: left;}
.login-notice li {position: relative; padding-left: 24px; font-size: 0;}
.login-notice li:before {content: ''; display: inline-block; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; border-radius: 100%; background-color: #d1d1d1;}
.login-notice li > .tit {display: inline-block; width: 145px; font-size: 18px; line-height: 30px; color: #666666; vertical-align: top;}
.login-notice li > .txt {display: inline-block; width: calc(100% - 145px); font-size: 18px; line-height: 30px; color: #006ec0; vertical-align: top;}

.join-wrap .form__table-wrap th {font-size: 18px;}
.join-wrap .form__table-wrap td span {display: block; margin-top: 15px; font-size: 16px; line-height: 30px; color: #888888; letter-spacing: -0.05em;}
.join-wrap .form__table-wrap td .phone-dash {display: inline-block; margin: 0 5px;}
.join-wrap .form__table-wrap td .email-dat {display: inline-block; margin: 0 10px; font-size: 18px; vertical-align: middle;}
.join-wrap .form__table-wrap input:not([type="radio"], [type="checkbox"], .phone),
.join-wrap .form__table-wrap select {width: 300px; height: 56px; padding: 0 15px; font-size: 16px; }
.join-wrap .form__table-wrap input::placeholder {font-size: 16px;}
.join-wrap .form__table-wrap .phone {display: inline-block; width: 120px; height: 56px; font-size: 16px; vertical-align: middle;}
.join-wrap .form__table-wrap .phone::placeholder {font-size: 16px;}
.join-wrap .form__table-wrap .phone + .phone {margin-left: 5px;}
.join-wrap .form__table-wrap .email-wrap {font-size: 0;}
.join-wrap .form__table-wrap .email-wrap input {display: inline-block; width: calc( (100% - 48px) / 3 ); max-width: 180px;}
.join-wrap .form__table-wrap .email-wrap select {display: inline-block; width: calc( (100% - 48px) / 3 ); max-width: 180px; margin-left: 10px; vertical-align: middle;}
.join-wrap .form__table-wrap .address-wrap {font-size: 0;}
.join-wrap .form__table-wrap .address-wrap input:not(.address-form) {width: 100%; margin-top: 10px;}
.join-wrap .form__table-wrap .address-wrap .address-form {display: inline-block; width: calc(100% - 160px); max-width: 300px; vertical-align: middle;}
.btn-address {display: inline-flex; align-items: center; justify-content: center; width: 150px; height: 56px; margin-left: 10px; border: 1px solid #222222; border-radius: 10px; background-color: #444444; font-size: 18px; color: #ffffff; vertical-align: middle;}

.finish-type {}
.finish-type .img-wrap {padding: 0 20px;}
.finish-type .title {margin-top: 50px;font-size: 36px;}
.finish-type .text {margin-top: 25px;}


@media only screen and (max-width:1400px) {
    .login-wrap > .title {margin-bottom: 60px; font-size: 55px;}
    .login_option .tit {margin-bottom: 30px; font-size: 26px;}

    .join-list {margin-top: 80px;}
    .join-list a .age {font-size: 22px; line-height: 24px;}
    .join-list a div:not(.age) {margin-top: 25px;}

    .join__step-wrap p {font-size: 22px; line-height: 28px;}
    .join__step-wrap.type4 p {font-size: 20px; line-height: 26px;}

    .join-wrap .mobile {margin-top: 30px;}

    .join-wrap h4 {font-size: 24px; line-height: 26px;}
    .agree_txt > div h5 {margin: 20px 0 15px; font-size: 18px; line-height: 26px;}

    .info__list li strong {font-size: 22px; line-height: 28px;}

    .join__info-wrap {padding-top: 65px;}
    .join__info-wrap > .title {font-size: 24px; line-height: 28px;}
    .join__info-wrap > .text {margin-top: 40px;}
    .join__info-wrap > .text + .text {margin-top: 30px;}
    .inner-box {margin-top: 40px;}
    .inner-box.type1 {padding: 35px;}
    .inner-box.type2 {padding: 40px 30px;}
    .join__info-wrap .form__table-wrap {margin-top: 40px;}

    .join-wrap .form__table-wrap input:not([type="radio"], [type="checkbox"]),
    .join-wrap .form__table-wrap select {height: 50px;}
    .join-wrap .form__table-wrap .phone {height: 50px;}
    .btn-address {height: 50px;}

    .finish-type .title {margin-top: 45px;}
}
@media only screen and (max-width:1280px) {
    .login-wrap > .title {margin-bottom: 45px; font-size: 45px;}
    .login-wrap > .tit {font-size: 24px;}
    .login_option .tit {margin-bottom: 25px; font-size: 24px;}
    .login-wrap > .txt {margin-bottom: 35px; font-size: 20px;}

    .join-list {margin-top: 70px;}
    .join-list a {min-height: 250px;}
    .join-list a .age {font-size: 20px; line-height: 22px;}
    .join-list a div:not(.age) {margin-top: 20px; font-size: 16px; line-height: 18px;}

    .join__step-wrap p {padding-bottom: 25px; font-size: 20px; line-height: 26px;}
    .join__step-wrap.type4 p {font-size: 18px; line-height: 24px;}

    .join-wrap .mobile {margin-top: 20px;}

    .join-wrap h4 {font-size: 22px; line-height: 24px;}

    .info__list.type2 li:before {top: 2px;}
    .info__list li strong {font-size: 20px; line-height: 26px;}

    .join__info-wrap {padding-top: 55px;}
    .join__info-wrap > .title {font-size: 22px; line-height: 26px;}
    .join__info-wrap > .text {margin-top: 30px;}
    .join__info-wrap > .text + .text {margin-top: 20px;}
    .inner-box {margin-top: 30px;}
    .inner-box.type1 {padding: 30px;}
    .inner-box.type2 {padding: 35px 25px;}
    .inner-box.type2 > .tit {width: 100px; font-size: 18px; line-height: 24px;}
    .inner-box.type2 > .txt {width: calc(100% - 100px); font-size: 16px; line-height: 24px;}
    .join__info-wrap .form__table-wrap {margin-top: 30px;}
    .login-notice li:before {top: 8px;}
    .login-notice li > .tit {width: 100px; font-size: 16px; line-height: 22px;}
    .login-notice li > .txt {width: calc(100% - 110px); font-size: 16px; line-height: 22px;}

    .join-wrap .form__table-wrap th {font-size: 16px;}

    .join-wrap .form__table-wrap input:not([type="radio"], [type="checkbox"]),
    .join-wrap .form__table-wrap select {height: 44px;}
    .join-wrap .form__table-wrap .phone {height: 44px;}
    .btn-address {height: 44px;}

    .finish-type .title {margin-top: 40px;}
}
@media only screen and (max-width:1080px) {
    .login-wrap > .title {margin-bottom: 30px; font-size: 30px;}
    .login-wrap > .tit {font-size: 22px;}
    .login_option .tit {margin-bottom: 20px; font-size: 22px;}
    .login-wrap > .txt {margin: 10px 0 35px; font-size: 18px;}
    .login_insert input {height: 50px; font-size: 16px; line-height: 48px;}
    .login_insert input::placeholder {font-size: 16px;}
    .login_btn input {height: 56px; margin-top: 25px; font-size: 20px;}

    .join-list {gap: 15px; margin-top: 60px;}
    .join-list a {width: calc( (100% - 30px ) / 3 ); min-height: 230px;}
    .join-list a .age {min-height: 40px; font-size: 18px; line-height: 20px;}
    .join-list a div:not(.age) {margin-top: 15px; line-height: 14px; line-height: 16px;}

    .info__list li {font-size: 16px; line-height: 22px;}
    .info__list li + li {margin-top: 15px;}
    .info__list.type2 li:before {top: 1px;}
    .info__list li strong {font-size: 18px; line-height: 24px;}

    .join__step-wrap p {padding-bottom: 20px; font-size: 18px; line-height: 24px;}
    .join__step-wrap.type4 p {font-size: 16px; line-height: 22px;}

    .join-wrap .mobile {margin-top: 20px;}

    .join-wrap h4 {font-size: 20px; line-height: 22px;}
    .agree_txt > div h5 {margin: 15px 0 10px;font-size: 16px; line-height: 22px;}

    .join__info-wrap {padding-top: 35px;}
    .join__info-wrap > .title {font-size: 20px; line-height: 24px;}
    .join__info-wrap > .text {margin-top: 20px; font-size: 16px; line-height: 24px;}
    .join__info-wrap > .text + .text {margin-top: 15px;}
    .inner-box {margin-top: 20px;}
    .inner-box.type1 {padding: 25px;}
    .inner-box.type2 {padding: 30px 20px;}
    .inner-box.type2 > .tit {font-size: 16px; line-height: 22px;}
    .inner-box.type2 > .txt {font-size: 14px; line-height: 22px;}
    .join__info-wrap .form__table-wrap {margin-top: 20px;}

    .finish-type .title {margin-top: 35px;}
    .option_wrap li {flex-wrap: wrap;}
    .option_wrap li br {display: none;}
    .login-wrap.type2 .option_wrap .btn {width: 100%; margin: 10px 0 0;}
    .join-wrap .form__table-wrap input:not([type="radio"], [type="checkbox"], .phone), .join-wrap .form__table-wrap select {padding: 0 15px;}
}
@media only screen and (max-width:850px) {
    .login-wrap.type2 {width: 100%;}
}
@media only screen and (max-width:767px) {
    .login-wrap {width: 100%;}
    .login-wrap > .title {margin-top: 0; font-size: 25px;}
    .login-wrap > .tit {margin-top: 5px; font-size: 20px;}
    .login_option .tit {margin-bottom: 15px; font-size: 20px;}
    .login-wrap > .txt {font-size: 16px;}
    .login_btn input {height: 50px; font-size: 16px;}
    .login_option {margin-top: 20px; padding-top: 20px;}
    .option_wrap li {font-size: 14px; line-height: 20px;}
    .option_wrap li span {padding-left: 15px;}
    .option_wrap li span:before {top: 6px;}
    .login-wrap .btn {width: 100px; padding: 0 10px; font-size: 14px; line-height: 36px;}

    .join-list {flex-wrap: wrap; margin-top: 50px;}
    .join-list a {width: 100%; min-height: 140px; padding: 20px; background-position: bottom 20px left 20px;}
    .join-list a:hover {border-color: #dedfe7; background-color: #ffffff; background-image: url("/images/sub/join_arrow.png"); background-repeat: no-repeat; background-position: bottom 20px left 20px;}
    .join-list a .age {min-height: 0; font-size: 16px; line-height: 18px;}
    .join-list a:hover .age {color: #444444;}
    .join-list a .age br {display: none;}
    .join-list a div:not(.age) {line-height: 20px;}
    .join-list a:hover div:not(.age) {color: #888888;}

    .info__list li {padding-left: 25px; font-size: 14px; line-height: 20px;}
    .info__list li:before {top: 2px; width: 16px; height: 17px;}
    .info__list li + li {margin-top: 10px;}
    .info__list li strong {font-size: 16px; line-height: 22px;}

    .join-wrap .login_option {padding: 20px 0;}
    .join-wrap .mobile {padding: 30px 15px 30px 200px;}
    .join-wrap .mobile .tit {font-size: 18px;}
    .join-wrap .mobile .txt {margin-top: 15px; font-size: 14px; line-height: 20px;}
    .btn-certificate a {margin: 10px 0 0; padding: 0 10px; font-size: 14px; line-height: 40px;}

    .join__step-wrap p {width: 30px; padding-bottom: 15px; font-size: 17px;}
    .join__step-wrap.type4 p {}
    .join__step-wrap p span {display: none;}
    .join__step-wrap p.on {width: calc(100% - 60px);}
    .join__step-wrap p.on span {display: inline-block; vertical-align: middle;}
    .join__step-wrap p.on:after {display: none;}

    .join-wrap h4 {margin: 30px 0 20px; font-size: 18px; line-height: 24px;}
    .agree_txt > div h5 {font-size: 14px; line-height: 20px;}
    .agree_txt > div:not(.checkbox-wrap) {padding: 15px 10px; font-size: 14px; line-height: 20px;}
    .agree_txt .content-title {font-size: 18px; line-height: 26px;}
    .agree_txt .privacy-title {font-size: 16px; line-height: 24px;}
    .agree_txt .privacy-list li {font-size: 14px; line-height: 20px;}
    .agree_txt .privacy-list.small li {font-size: 12px; line-height: 18px;}
    .agree_txt .content__table-wrap td {padding: 7px 10px; font-size: 14px; line-height: 20px;}
    .agree_txt .content__table-wrap.type2 tbody th {padding: 7px 10px; font-size: 14px; line-height: 20px;}
    .agree_all {height: 80px; margin-top: 30px;}
    .agree_all .checkbox-wrap label > input {/*top: 4px;*/ width: 14px; height: 14px;}
    .agree_all .checkbox-wrap label > span {padding: 0 0 0 35px;}
    .agree_all .checkbox-wrap label > span:before {width: 23px; height: 23px;}

    .join__info-wrap > .title {font-size: 18px; line-height: 22px;}
    .join__info-wrap > .text br {display: none;}
    .join__info-wrap > .text + .text {font-size: 14px; line-height: 20px;}
    .inner-box.type1 {padding: 20px;}
    .inner-box.type2 {padding: 25px 20px;}
    .join__info-wrap .form__table-wrap {margin-top: 20px;}

    .login-notice {width: 100%;}
    .login-notice li > .tit {font-size: 14px; line-height: 20px;}
    .login-notice li > .txt {font-size: 14px; line-height: 20px;}

    .join-wrap .form__table-wrap input,
    .join-wrap .form__table-wrap select {width: 100%; height: 40px; font-size: 14px;}
    .join-wrap .form__table-wrap input:not([type="radio"],
    [type="checkbox"], .phone, .email), .join-wrap .form__table-wrap select {width: 100%; height: 40px; font-size: 14px;}
    .join-wrap .form__table-wrap input:not([type="radio"], [type="checkbox"]), .join-wrap .form__table-wrap select {height: 40px;}
    .join-wrap .form__table-wrap .email-wrap input {max-width: 100%; height: 40px; font-size: 14px;}
    .join-wrap .form__table-wrap .email-wrap select {max-width: 100%;}
    .join-wrap .form__table-wrap input::placeholder {font-size: 14px;}
    .join-wrap .form__table-wrap .phone {width: calc( (100% - 17px) / 3 ); height: 40px; font-size: 14px;}
    .join-wrap .form__table-wrap .address-wrap .address-form {width: calc(100% - 110px);}
    .btn-address {width: 100px; height: 40px; font-size: 14px; border-radius: 5px;}
    .btn-confirm {width: 100%; margin: 10px 0 0;}
    .join-wrap .form__table-wrap td span {margin-top: 10px; font-size: 14px; line-height: 20px;}

    .finish-type .title {margin-top: 30px;}
}
@media only screen and (max-width:480px) {
    .join-wrap .mobile {padding: 20px 15px; background-size: 30px; background-position: top 20px left 15px;}
    .join-wrap .mobile .tit {padding-left: 40px;}
    .btn-certificate a {width: 100%;}

    .join__step-wrap p {font-size: 16px;}

    .join-wrap .form__table-wrap .email-wrap input {width: calc( (100% - 35px) / 2);}
    .join-wrap .form__table-wrap .email-wrap select {width: 100%; margin: 10px 0 0;}

    /*.join__info-wrap > .title {font-size: 16px; line-height: 20px;}*/
}
@media only screen and (max-width:393px) {
    .login-wrap .btn {width: 75px; margin-left: 10px; padding: 0 5px; font-size: 12px;}
    .option_wrap li span {max-width: calc(100% - 100px);}

    /*.agree_all .checkbox-wrap label > input {top: -3px;}*/

    .join-list {margin-top: 40px;}
}

/* °¶·¯¸® Å¸ÀÓ - ´ë¿Ü¼ö»ó ÇöÈ² */
.gallery__board-wrap {display: flex; flex-wrap: wrap; gap: 55px 22px;}
.gallery__board-wrap > a {display: inline-block; width: calc( (100% - 66px) / 4 );}
.gallery__board-wrap .img-wrap {position: relative; overflow: hidden; width: 100%; aspect-ratio: 84 / 104; border: 1px solid #ddd; border-radius: 7px;}
.gallery__board-wrap .img-wrap img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-height: none;}
.gallery__board-wrap.esg-type .img-wrap {aspect-ratio: 1 / 1;}
/*.gallery__board-wrap.esg-type .img-wrap img {height: 100%;}*/
.gallery__board-wrap .institution-wrap {margin-top: 25px;}
.gallery__board-wrap .institution {display: inline-block; position: relative; font-weight: 600; font-size: 18px;}
.gallery__board-wrap .institution + .institution {padding-left: 20px;}
.gallery__board-wrap .institution + .institution:before {content: ''; display: inline-block; position: absolute; top: 12px; left: 7px; width: 3px; height: 3px; border-radius: 100%; background-color: #999999;}
.gallery__board-wrap .institution.type1 {color: #e67386;}
.gallery__board-wrap .institution.type2 {color: #4c86bf;}
.gallery__board-wrap .institution.type3 {color: #e69b50;}
.gallery__board-wrap .institution.type4 {color: #5b74a6;}
.gallery__board-wrap .institution.type5 {color: #d96ca3;}
.gallery__board-wrap .institution.type6 {color: #42a6a6;}
.gallery__board-wrap .institution.type7 {color: #926ca6;}
.gallery__board-wrap .institution.type8 {color: #028f97;}
.gallery__board-wrap .institution.type9 {color: #2e3040;}
.gallery__board-wrap .institution.type10 {color: #9ba629;}
.gallery__board-wrap .title {width: 100%; margin-top: 20px; font-size: 30px; line-height: 34px; color: #222222; letter-spacing: -0.05em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gallery__board-wrap .date {margin-top: 25px; font-size: 18px; color: #888888;}

@media only screen and (max-width:1400px) {
    .gallery__board-wrap {gap: 50px 22px;}
}
@media only screen and (max-width:1280px) {
    .gallery__board-wrap {gap: 45px 22px;}
    .gallery__board-wrap .institution-wrap {margin-top: 20px;}
    .gallery__board-wrap .title {margin-top: 15px; font-size: 25px; line-height: 30px;}
    .gallery__board-wrap .date {margin-top: 20px;}
}
@media only screen and (max-width:1080px) {
    .gallery__board-wrap {gap: 40px 22px;}
    .gallery__board-wrap .institution-wrap {margin-top: 15px;}
    .gallery__board-wrap .institution {font-size: 16px;}
    .gallery__board-wrap .institution + .institution:before {top: 11px;}
    .gallery__board-wrap .title {margin-top: 10px; font-size: 18px; line-height: 22px;}
    .gallery__board-wrap .date {margin-top: 15px; font-size: 16px;}

    .gallery__board-wrap > a {display: inline-block; width: calc( (100% - 44px) / 3 );}
}
@media only screen and (max-width:767px) {
    .gallery__board-wrap {gap: 35px 15px;}
    .gallery__board-wrap .institution {font-size: 14px;}
    .gallery__board-wrap .institution + .institution:before {top: 10px; left: 2px;}
    .gallery__board-wrap > a {width: calc( (100% - 15px) / 2 );}
    .gallery__board-wrap .date {font-size: 14px;}
}
@media only screen and (max-width:480px) {
    .gallery__board-wrap > a {width: 100%;}

}

/* °¶·¯¸® Å¸ÀÔ - º¸µµÀÚ·á */
.press-wrap > a .img-wrap {display: flex; align-items: center; justify-content: center; overflow: hidden; max-height: 200px; border-radius: 12px; aspect-ratio: 80 / 51;}
.press-wrap .img-wrap img {height: 100%;}
.press-wrap.photo-wrap .img-wrap {max-height: 236px; aspect-ratio: 41 / 29;}
.press-wrap.photo-wrap .img-wrap img {aspect-ratio: 41 / 29;}
.press-wrap > a > .info {display: flex; align-items: center; justify-content: space-between; margin-top: 30px;}
.press-wrap > a > .info.type2 {margin: 15px 0 0;}
.press-wrap > a > .info span {font-weight: 600; font-size: 18px; color: #006cc2; letter-spacing: -0.05em;}
.press-wrap > a > .info span.date {margin-top: 0;font-weight: 500; font-size: 14px; color: #adadad !important;}
.press-wrap > a > .info span.newspaper {font-weight: 500; font-size: 16px; color: #444444 !important;}
.press-wrap > a > .tit {display: -webkit-box; overflow: hidden; height: 60px; margin-top: 25px; font-size: 24px; line-height: 30px; color: #444444; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}

.subSite .press-wrap > a > .info span {color: #157e53;}

@media only screen and (max-width: 1400px) {
    .press-wrap > a > .tit {height: 56px; font-size: 22px; line-height: 28px;}
}
@media only screen and (max-width: 1280px) {
    .press-wrap > a > .tit {height: 52px; margin-top: 15px; font-size: 20px; line-height: 26px;}
}
@media only screen and (max-width: 1080px) {
    .press-wrap > a > .info {margin-top: 15px;}
    .press-wrap > a > .info.type2 {margin: 10px 0 0;}
    .press-wrap > a > .info span {font-size: 16px;}
    .press-wrap > a > .tit {margin-top: 10px;}
}
@media only screen and (max-width: 767px) {
    .press-wrap > a .img-wrap {max-height: 100%;}
    .press-wrap.photo-wrap .img-wrap {max-height: 100%;}
    .press-wrap > a > .info span {font-size: 14px;}
    .press-wrap > a > .info span.date {font-size: 12px;}
    .press-wrap > a > .tit {height: 44px; font-size: 16px; line-height: 22px;}
    .press-wrap > a > .info span.newspaper {font-size: 14px;}
}
@media only screen and (max-width: 480px) {

}

.no-result {width: 100%; padding: 30px; border-top: 1px solid #006ec0; border-bottom: 1px solid #d2d2d2; font-weight: 600; font-size: 18px; line-height: 22px; text-align: center;}

.subSite .no-result {border-top-color: #157e53;}

@media only screen and (max-width:1024px) {
    .no-result {font-size: 16px;}
}
@media only screen and (max-width:768px) {
    .no-result {font-size: 14px;}
}

/* °³ÀÎÁ¤º¸Ã³¸®¹æÄ§ */
.privacy-wrap {}
.privacy-wrap .content-title {margin-top: 0;}
.privacy-wrap a {display: inline-block;}
.privacy-inner + .privacy-inner {margin-top: 90px;}
.privacy-inner a {display: inline-block; color: #006ec0; text-decoration: underline; text-underline-position: under;}
.privacy-inner .text-link {display: inline-block; color: #157e53; text-decoration: underline; text-underline-position: under;}
.privacy-inner .text-link img {margin: 0 0 0 10px; vertical-align: middle;}
.privacy-inner .link_blank {text-decoration: none;}
.privacy-inner .link {margin-top: 25px; padding-left: 22px; background-image: url("/images/sub/icon_link.png"); background-repeat: no-repeat; background-position: center left; font-size: 20px; line-height: 30px; color: #222222;}
.privacy-inner .link a {text-decoration: none;}
.privacy-inner a.new_link { display: block; margin: 10px 0 0 0; text-decoration: none;}
.privacy-text {margin-top: 25px; font-size: 20px; line-height: 30px; color: #222222;}
.privacy_label {display: flex; gap: 10px;}
.privacy_label a {display: flex; flex-direction: column; align-items: center; gap: 30px; position: relative; width: calc((100% - 50px) / 6); padding: 40px 20px 35px; border: 1px solid #ddd; border-radius: 10px; text-decoration: none; box-shadow: 5px 5px 0 rgba(221, 221, 221, 0.2); box-sizing: border-box;}
.privacy_label a p {font-weight: 600; font-size: 20px; line-height: 26px; color: #222222; text-align: center;}
.privacy_label .tooltip {display: none; position: absolute; top: -90px; left: 50%; transform: translateX(-50%); width: 200px; padding: 15px 20px 20px; background-image: url("/images/sub/privacy_tooltip.png"); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; filter: drop-shadow(6px 6px 0 rgba(0, 0, 0, .1));}
.privacy-index {display: flex; gap: 30px; margin-top: 40px; padding: 40px 50px; border-radius: 12px; background-color: #f6fbff;}
.privacy-index div {width: calc( (100% - 60px) / 3 );}
.privacy-index div a {display: block; position: relative; padding-left: 52px; font-size: 20px; line-height: 26px; color: #666666; text-decoration: none;}
.privacy-index div a + a {margin-top: 32px;}
.privacy-index div a:before {content: ''; display: inline-block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: 100%;}
.privacy-index div:nth-child(1) a:nth-child(1):before {width: 30px; height: 35px; background-image: url("/images/sub/privacy_01.png");}
.privacy-index div:nth-child(1) a:nth-child(2):before {width: 29px; height: 33px; background-image: url("/images/sub/privacy_02.png");}
.privacy-index div:nth-child(1) a:nth-child(3):before {width: 29px; height: 29px; background-image: url("/images/sub/privacy_03.png");}
.privacy-index div:nth-child(1) a:nth-child(4):before {width: 29px; height: 35px; background-image: url("/images/sub/privacy_04.png");}
.privacy-index div:nth-child(2) a:nth-child(1):before {width: 29px; height: 34px; background-image: url("/images/sub/privacy_05.png");}
.privacy-index div:nth-child(2) a:nth-child(2):before {width: 29px; height: 34px; background-image: url("/images/sub/privacy_06.png");}
.privacy-index div:nth-child(2) a:nth-child(3):before {width: 29px; height: 33px; background-image: url("/images/sub/privacy_07.png");}
.privacy-index div:nth-child(2) a:nth-child(4):before {width: 29px; height: 33px; background-image: url("/images/sub/privacy_08.png");}
.privacy-index div:nth-child(3) a:nth-child(1):before {width: 30px; height: 30px; background-image: url("/images/sub/privacy_09.png");}
.privacy-index div:nth-child(3) a:nth-child(2):before {width: 30px; height: 30px; background-image: url("/images/sub/privacy_10.png");}
.privacy-index div:nth-child(3) a:nth-child(3):before {width: 30px; height: 30px; background-image: url("/images/sub/privacy_11.png");}
.privacy-index div:nth-child(3) a:nth-child(4):before {width: 30px; height: 30px; background-image: url("/images/sub/privacy_12.png");}
.privacy-index div:nth-child(3) a:nth-child(5):before {width: 30px; height: 30px; background-image: url("/images/sub/privacy_13.png");}
.privacy_label a:hover .tooltip {display: block;}
.privacy_label a:nth-child(1) .tooltip {}
.privacy_label a:nth-child(2) .tooltip {top: -115px;}
.privacy_label a:nth-child(3) .tooltip {top: -140px;}
.privacy_label a:nth-child(4) .tooltip {}
.privacy_label a:nth-child(5) .tooltip {}
.privacy_label a:nth-child(6) .tooltip {top: -66px}
.privacy_label .tooltip p {font-size: 16px; line-height: 26px; color: #666666; text-align: left;}
.privacy-info {margin-top: 15px; font-size: 18px; line-height: 30px; color: #006ec0;}
.privacy-title {position: relative; margin: 55px 0 30px; padding-left: 52px; font-weight: 500; font-size: 24px; line-height: 30px; color: #006ec0;}
.privacy-title:before {content: ''; display: inline-block; position: absolute; top: -2px; left: 0; background-repeat: no-repeat; background-size: 100%;}
.privacy-title#privacy_01:before {width: 30px; height: 35px; background-image: url("/images/sub/privacy_01.png");}
.privacy-title#privacy_02:before {width: 29px; height: 33px; background-image: url("/images/sub/privacy_02.png");}
.privacy-title#privacy_03:before {width: 29px; height: 29px; background-image: url("/images/sub/privacy_03.png");}
.privacy-title#privacy_04:before {width: 29px; height: 35px; background-image: url("/images/sub/privacy_04.png");}
.privacy-title#privacy_05:before {width: 29px; height: 34px; background-image: url("/images/sub/privacy_05.png");}
.privacy-title#privacy_06:before {width: 29px; height: 34px; background-image: url("/images/sub/privacy_06.png");}
.privacy-title#privacy_07:before {width: 29px; height: 33px; background-image: url("/images/sub/privacy_07.png");}
.privacy-title#privacy_08:before {width: 29px; height: 33px; background-image: url("/images/sub/privacy_08.png");}
.privacy-title#privacy_09:before {width: 30px; height: 30px; background-image: url("/images/sub/privacy_09.png");}
.privacy-title#privacy_10:before {width: 30px; height: 30px; background-image: url("/images/sub/privacy_10.png");}
.privacy-title#privacy_11:before {width: 30px; height: 30px; background-image: url("/images/sub/privacy_11.png");}
.privacy-title#privacy_12:before {width: 30px; height: 30px; background-image: url("/images/sub/privacy_12.png");}
.privacy-title#privacy_13:before {width: 30px; height: 30px; background-image: url("/images/sub/privacy_13.png");}

.privacy-title.type1 {display: flex; align-items: flex-start; justify-content: flex-start; padding: 0 !important;}
.arr_btn {display: inline-block; position: relative; width: 30px; height: 30px; margin-left: 26px; border: 1px solid #cdcdcd; border-radius: 8px; background-color: #ffffff; transition: 0.3s ease-in-out;}
.arr_btn.on {transform: rotate(180deg);}
.arr_btn:after {content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 6px; height: 13px; background-image: url(/images/sub/tab_arrow.png); background-size: contain; background-repeat: no-repeat; transition: 0.3s ease-in-out;}
.arr_btn.on:after {transform: translate(-95%, -50%) rotate(90deg);}

.privacy-list li {display: flex; align-items: flex-start; gap: 5px; margin-top: 15px; font-size: 20px; line-height: 30px; color: #222222;}
.privacy-list li .num {font-size: 14px; /*line-height: 15px;*/}
.privacy-list li b {color: #ff7835;}
.privacy-list.small li {margin-top: 10px; font-size: 18px; line-height: 28px; color: #666666;}
.privacy-list.small li ul li {margin-top: 0; color: #999999;}
.privacy-list.small li .btn-type {display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 10px;}
.privacy-wrap .content__table-wrap {margin: 10px 0 20px;}

.square-text {position: relative; margin: 40px 0 20px; padding-left: 30px; color: #666666; font-size:24px;}
.square-text:before {content: ''; display: inline-block; position: absolute; top: 8px; left: 0; width: 14px; height: 14px; background-image: url("/images/sub/square_dot.png"); background-repeat: no-repeat; background-position: center; background-size: 100%;}
/*.square-text + .square-text {margin-top: -15px;}*/
.only-title .square-text {margin: 40px 0 5px;}
.only-title .square-text + .square-text {margin: 0 0 5px;}
.square-text.type2 {color: #006ec0;}

.square-text-type02 {position: relative; margin: 40px 0 20px; padding-left: 30px; color: #666666; font-size:24px;}
.square-text-type02:before {content: ''; display: inline-block; position: absolute; top: 12px; left: 0; width: 14px; height: 14px; background-image: url("/images/sub/square_dot.png"); background-repeat: no-repeat; background-position: center; background-size: 100%;}
.square-text-type02 + .square-text-type02 {margin-top: -15px;}

.subSite .privacy-title {color: #157e53;}
.subSite .privacy-title.square-text {color: #666666;}
.subSite .square-text.type2 {color: #157e53;}
.subSite .privacy-inner .text-link {color: #157e53;}
.subSite .privacy-info {color: #157e53;}

.img-wrap .display_mo {display: none;}

@media screen and (max-width:1280px) {
    .privacy_label {flex-wrap: wrap;}
    .privacy_label a {width: calc((100% - 20px) / 3);}
    .privacy-index {margin-top: 30px; padding: 30px;}
    .privacy-index div a {padding-left: 40px; font-size: 18px;}
    .privacy-inner + .privacy-inner {margin-top: 70px;}

    .square-text {font-size: 20px; line-height: 26px;}

    .square-text-type02 {font-size: 20px; line-height: 26px;}
    .square-text-type02:before {top: 6px;}
}
@media screen and (max-width:1080px) {
    .privacy-inner a.new_link { margin: 5px 0 0 0;}

    .privacy-info {font-size: 16px; line-height: 22px;}
    .privacy-inner + .privacy-inner {margin-top: 50px;}
    .privacy_label a {padding: 20px; gap: 15px;}
    .privacy_label a p {font-size: 16px; line-height: 22px;}
    .privacy_label .tooltip p {font-size: 14px; line-height: 20px;}
    .privacy-index {flex-direction: column; gap: 15px; margin-top: 20px; padding: 20px;}
    .privacy-index div {width: 100%;}
    .privacy-index div a + a {margin-top: 15px;}
    .privacy-index div:nth-child(1) a:nth-child(1):before {width: 20px; height: 25px;}
    .privacy-index div:nth-child(1) a:nth-child(2):before {width: 19px; height: 23px;}
    .privacy-index div:nth-child(1) a:nth-child(3):before {width: 19px; height: 29px;}
    .privacy-index div:nth-child(1) a:nth-child(4):before {width: 19px; height: 25px;}
    .privacy-index div:nth-child(2) a:nth-child(1):before {width: 19px; height: 24px;}
    .privacy-index div:nth-child(2) a:nth-child(2):before {width: 19px; height: 24px;}
    .privacy-index div:nth-child(2) a:nth-child(3):before {width: 19px; height: 23px;}
    .privacy-index div:nth-child(2) a:nth-child(4):before {width: 19px; height: 23px;}
    .privacy-index div:nth-child(3) a:nth-child(1):before {width: 20px; height: 20px;}
    .privacy-index div:nth-child(3) a:nth-child(2):before {width: 20px; height: 20px;}
    .privacy-index div:nth-child(3) a:nth-child(3):before {width: 20px; height: 20px;}
    .privacy-index div:nth-child(3) a:nth-child(4):before {width: 20px; height: 20px;}
    .privacy-index div:nth-child(3) a:nth-child(5):before {width: 20px; height: 20px;}
    .privacy-title {margin: 45px 0 20px; padding-left: 37px; font-size: 18px;}
    .privacy-title:before {top: 2px;}
    .privacy-title#privacy_01:before {top: 1px; width: 25px; height: 30px;}
    .privacy-title#privacy_02:before {width: 24px; height: 28px;}
    .privacy-title#privacy_03:before {width: 24px; height: 24px;}
    .privacy-title#privacy_04:before {top: 1px; width: 24px; height: 30px;}
    .privacy-title#privacy_05:before {top: 1px; width: 24px; height: 29px;}
    .privacy-title#privacy_06:before {top: 1px; width: 24px; height: 29px;}
    .privacy-title#privacy_07:before {width: 24px; height: 28px;}
    .privacy-title#privacy_08:before {width: 24px; height: 28px;}
    .privacy-title#privacy_09:before {width: 25px; height: 25px;}
    .privacy-title#privacy_10:before {width: 25px; height: 25px;}
    .privacy-title#privacy_11:before {width: 25px; height: 25px;}
    .privacy-title#privacy_12:before {width: 25px; height: 25px;}
    .privacy-title#privacy_13:before {width: 25px; height: 25px;}
    .privacy-list li {margin-top: 10px; font-size: 18px; line-height: 28px;}
    .privacy-list li .num {font-size: 14px; /*line-height: 28px;*/}
    .privacy-list.small li {font-size: 16px; line-height: 26px;}
    .privacy-list.small li .content-btn {height: 34px; font-size: 14px; line-height: 32px;}
    .privacy-inner .link {margin-top: 10px; font-size: 18px; line-height: 28px;}
    .privacy-text {margin-top: 15px; font-size: 18px; line-height: 28px;}

    .square-text {margin: 30px 0 15px; padding-left: 25px; font-size: 18px; line-height: 24px;}
    .square-text:before {top: 5px;}

    .square-text-type02 {margin: 30px 0 15px; padding-left: 25px; font-size: 18px; line-height: 24px;}
    .square-text-type02:before {top: 5px;}

    .img-wrap .display_pc {display: none;}
    .img-wrap .display_mo {display: block;}
}
@media screen and (max-width:767px) {
    .privacy_label a {gap: 15px; padding: 20px 10px;}
    .privacy_label a img {height: 40px;}
    .privacy_label a p {font-size: 14px; line-height: 20px;}
    .privacy-inner + .privacy-inner {margin-top: 30px;}
    .privacy-index div a {font-size: 16px;}
    .privacy-index div a + a {margin-top: 10px;}
    .privacy-title {margin: 25px 0 15px; font-size: 16px; line-height: 22px;}
    .privacy-title:before {top: -2px;}
    .privacy-title#privacy_01:before {top: -4px;}
    .privacy-title#privacy_03:before {top: -1px;}
    .privacy-title#privacy_04:before {top: -3px;}
    .privacy-title#privacy_05:before {top: -4px;}
    .privacy-title#privacy_06:before {top: -2px;}
    .privacy-title#privacy_07:before {top: -1px;}
    .privacy-list li {font-size: 14px; line-height: 20px;}
    .privacy-list li .num {font-size: 10px;}
    .privacy-inner .link {font-size: 14px; line-height: 20px;}
    .privacy-text {font-size: 14px; line-height: 20px;}
    .privacy-info {font-size: 14px; line-height: 20px;}
    .privacy-list.small li {font-size: 12px; line-height: 18px;}
    .privacy-list.small li .btn-type {flex-direction: column;}
    .privacy-list.small li .content-btn {height: 30px; font-size: 12px; line-height: 28px;}


    .privacy-title:before {top: 3px;}
    .square-text {margin: 20px 0 10px; font-size: 16px; line-height: 22px;}
    /*.square-text + .square-text {margin-top: -5px;}*/
    .only-title .square-text {margin: 20px 0 5px;}
    .only-title .square-text + .square-text {margin: 0 0 5px;}

    .square-text-type02 {margin: 20px 0 10px; font-size: 16px; line-height: 22px;}
    .square-text-type02 + .square-text-type02 {margin-top: -5px;}
    .square-text-type02:before {top: 3px;}
}


/* ½Å°í¼¾ÅÍ */
.declaration-wrap {}
.declaration-inner {margin-top: 55px; font-size: 0;}
.declaration-inner > div {display: inline-block; width: calc((100% - 20px) / 2);}
.declaration-inner > div:last-child {margin-left: 20px;}
.declaration-wrap .regulations_list_cont > .regulations_list_area {width: 100%; margin-left: 0;}
.declaration-wrap .regulations_list_cont > .regulations_list_area .list li {width: calc( (100% - 105px) / 4 ); margin: 0 !important;}
.declaration-wrap .regulations_list_cont > .regulations_list_area .list li:nth-child(-n+3) {margin-left: 0;}
.declaration-wrap .privacy-list li a {display: inline-block; border-bottom: 1px solid #006ec0; color: #006ec0;}
.declaration-wrap .content-title + .privacy-list {margin-top: -10px;}
.declaration-wrap .content-title + .privacy-list li {margin-top: 0; color: #666666;}
.declaration-wrap .content-title + .privacy-list li:first-child {margin-top: 0;}
.declaration-wrap .declaration-inner.bg-type {padding: 30px 40px; border-radius: 12px; background-color: #f6fbff;}
.declaration-wrap .privacy-list.small li:not(:first-child) {margin-top: 0;}
.declaration-wrap + .sch_box,
.declaration-wrap + .board_view2 {margin-top: 100px;}

@media screen and (max-width:1400px) {
    .declaration-inner {margin-top: 45px;}
    .declaration-wrap .regulations_list_cont > .regulations_list_area .list li {width: calc( (100% - 90px) / 4);}
    .declaration-wrap + .sch_box,
    .declaration-wrap + .board_view2  {margin-top: 80px;}
}
@media screen and (max-width:1280px) {
    .declaration-inner {margin-top: 35px;}
    .declaration-wrap .regulations_list_cont > .regulations_list_area .list li {width: calc( (100% - 75px) / 4);}
    .declaration-wrap .declaration-inner.bg-type {padding: 30px;}
    .declaration-wrap + .sch_box,
    .declaration-wrap + .board_view2  {margin-top: 60px;}
}
@media screen and (max-width:1080px) {
    .declaration-inner {margin-top: 25px;}
    .declaration-wrap .regulations_list_cont > .regulations_list_area .list {gap: 10px;}
    .declaration-wrap .regulations_list_cont > .regulations_list_area .list li {width: calc( (100% - 10px) / 2 );}
    .declaration-wrap .declaration-inner.bg-type {padding: 20px;}
    .declaration-wrap + .sch_box,
    .declaration-wrap + .board_view2  {margin-top: 40px;}
}
@media screen and (max-width:767px) {
    .declaration-inner {margin-top: 20px;}
    .declaration-inner > div {width: 100%;}
    .declaration-inner > div:last-child {margin: 25px 0 0;}
    .declaration-wrap .privacy-list li {font-size: 14px; line-height: 20px;}
    .declaration-wrap .declaration-inner.bg-type {padding: 15px;}

    .arr_btn {width: 26px; height: 26px; margin-left: 12px; border-radius: 4px;}
    .arr_btn:after {width: 4px; height: 8px;}

}
@media screen and (max-width:480px) {

}

/* ¿¬Çõ */
.hislist_cont > li > span.hislist_cont_right.imgpop.screening{font-size:50px !important;}
.hisimg.screening{display:block;}
.wrap.fixed{position:fixed;width: 100%;height: 100%;overflow: hidden;touch-action:none;}
.wrap.fixed *{touch-action:none;}
.inner.history{padding-top:0 !important;}
.sub_visual_history .sub_inner{margin: 0 auto;  display: flex;align-items: center;justify-content: center;height: 100%;text-align: center;box-sizing: border-box;}
.sub_visual_history .sub_inner .visual_txt_wrap .history_vtit{margin-bottom: 16px;font-size: 32px;line-height: 44px;font-weight: 900;font-family: 'OneShinhan';color: #ffffff;}
.sub_visual_history .sub_inner .visual_txt_wrap .history_vsub{font-size: 20px;line-height: 32px;font-weight: 500;color: #ffffff;max-width:900px;}
section.section_h{padding-top:61px; box-sizing:border-box;}
section.section_h *{box-sizing:border-box;}
section.section_h:first-of-type{padding-top:0;}
.hislist_wrap{position:relative;z-index:10;display:flex;justify-content:space-between;height:unset;width: 100%;}
.hislist_wrap .hislist_left{position:sticky;top:300px;left:0;height:fit-content;box-sizing: content-box;width: calc(33% - 130px); transition: 0.3s ease-in-out;}
.hislist_wrap .hislist_left.whell {top: 150px;}
.hislist_wrap .hislist_tit_wrap{width: 100%;opacity:1;transition:0.4s;}
.hislist_wrap .hislist_tit_wrap .hislist_tit_sub{font-size: 20px;font-weight: 700;line-height: 32px; color:#24272D; text-align:center; transform:scale(0.8);}
.hislist_wrap .hislist_tit_wrap .hislist_title{font-size: 40px;font-weight: 600; color: #222222; text-align:center; transition:1s; transform:scale(0.8);}
.hislist_wrap .hislist_left .hislist_img_box{position:absolute;z-index:10;width:100%; margin:56px auto 0 auto; overflow:hidden;display:none;justify-content: center;align-items: flex-start;object-fit: cover;opacity:0;}
.hislist_wrap .hislist_left .hislist_img_box.on{display:flex;opacity: 1;}
.hislist_wrap .hislist_left .hislist_img_box img{width:100%;transform:scale(1);transition:2s;border-radius: 24px;}
.hislist_wrap .hislist_right {width: 57%; height: 100%; padding-left: 0px;}
.hislist_wrap .hislist_right::-webkit-scrollbar-track{border-radius:3px;background-color:#ffffff;}
.hislist_wrap .hislist_right::-webkit-scrollbar{width:6px;background-color:#fff}
.hislist_wrap .hislist_right::-webkit-scrollbar-thumb{border-radius:3px;background-color:#d6dbe1}
.hislist_cont{position:relative;margin-top:80px;}
.hislist_cont:first-child {margin-top: 0;}
.hislist_cont:last-of-type:before{display:none;}
.hislist_cont:before {content: '';display: block;top: 20px;width: 1px;position: absolute;left: -81px;height:calc(100% + 90px);background-color: #ddd;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;border-radius: 2px;}
.hislist_cont > li{display: flex; margin-bottom: 16px; /*width:100%;*/width:fit-content;}
.hislist_cont > li.month {margin-top: 40px;}
.hislist_cont > li:last-child{margin-bottom:0px;}
.hislist_cont > li > span{display:table-cell; width: fit-content; font-size: 20px; font-weight: 600; line-height: 28px; color:#666666;}
.hislist_cont > li.onblue > span{color:#006ec0;}
.hislist_cont > li > span.hislist_cont_left{width:110px;}
.hislist_cont > li > span.hislist_cont_right{width: calc(100% - 110px); font-weight:500;}
.hislist_cont > li > span.hislist_cont_right.db{padding-bottom:16px;}
.hislist_cont > li > span.hislist_cont_right.imgpop{position:relative;cursor:pointer; padding-right: 30px;}
.hislist_cont > li > span.hislist_cont_right > span {display: block; font-size: 16px; color: #666666;}
section.section_h#chapter06 .hislist_cont > li > span.hislist_cont_right.imgpop{letter-spacing: -0.3px;}
/*.hislist_cont > li > span.hislist_cont_right.imgpop:after {content: '';display: inline-block;position: absolute;top: 11px; right: 0;width: 18px;height: 18px;background-image: url("/images/sub/histofy_pic.png"); background-repeat: no-repeat; background-position: top center; background-size: 18px;}*/
.hisimg{display:none;width:200px;}
.hisimg img{width:100%;}
.hislist_img_box img.long{width: auto !important;height:100%;max-height:300px;}
.hislist_img_box img.long2{width: auto !important;height:100%;max-height:400px;}
.hislist_cont > li > span.hislist_cont_right.imgpop:hover{color:#006ec0;}
/*.hislist_cont > li > span.hislist_cont_right.imgpop:hover:after {background-image: url("/images/sub/histofy_pic_on.png");}*/
.hislist_cont .hislist_cont_tit {position:relative; margin-bottom: 32px; width: 100%; font-size: 40px; font-weight: 600; line-height: 46px; color: #006ec0;}
.hislist_cont .hislist_cont_tit:after {content: '';display: block;position: absolute;top: 14px;left: -87px;width: 51px;height: 18px;background-image: url("/images/sub/history_year_on.png"); background-repeat: no-repeat; background-position:  center left;}
.hislist_cont > li.pbs > span.hislist_cont_right{padding-bottom:16px;}

@media screen and (max-width:1700px) {
    /*¿¬Çõ*/
    .inner.history{margin: 0 auto; }
    .link_tabtype.his li a{line-height:26px; font-size:16px;padding:0 20px;}
    .hislist_wrap .hislist_tit_wrap{width:100%;}
    .hislist_wrap .hislist_left .hislist_img_box{margin:32px auto 0 auto; }
    .hislist_wrap .hislist_left .hislist_img_box img{border-radius: 16px;}
    .hislist_cont:before {left: -81px;}
    .hislist_cont .hislist_cont_tit:after {left:-84px;}
    .hislist_wrap .hislist_tit_wrap .hislist_title{font-size:56px;}
}
@media screen and (max-width:1600px) {
    .hislist_cont:before {left: -77px;}
}
@media screen and (max-width:1400px) {
    /* ¿¬Çõ ÅÂºí¸´ */
    .inner.history{margin: 0 auto; }
    .hislist_wrap .hislist_left{width:calc(40% - 100px);}
    .hislist_wrap .hislist_right{width:60%;}
    .hislist_cont:before {left: -48px;}
    .hislist_cont .hislist_cont_tit:after{left:-54px;}
}

@media screen and (max-width:1200px) {
    /*¿¬Çõ*/
    .hislist_wrap .hislist_tit_wrap .hislist_title{font-size:40px;word-break: keep-all;}
    .hislist_wrap .hislist_tit_wrap .hislist_tit_sub{width:120%;margin-left:-10%;}
}
@media screen and (max-width:1023px) {
    .inner.history{margin:0;padding: 0 56px 80px; }
    section.section_h{padding-top:0px;}
    .link_tabtype.his li a{line-height:24px;}
    .sub_visual_history .sub_inner{width:calc(100% - 112px);}
    .sub_visual_history .sub_inner .visual_txt_wrap .history_vtit{margin-bottom: 16px;font-size: 22px;line-height: 32px;}
    .sub_visual_history .sub_inner .visual_txt_wrap .history_vsub{font-size: 16px;line-height: 26px;}
    #chapter06 .hislist_wrap,
    #chapter05 .hislist_wrap,
    #chapter04 .hislist_wrap,
    #chapter03 .hislist_wrap,
    #chapter02 .hislist_wrap,
    #chapter01 .hislist_wrap{height:unset;}
    .hislist_wrap{flex-direction: column;}
    .hislist_wrap .hislist_left{display:none;}
    .hislist_cont{width:100%;margin-top:32px;}
    .hislist_cont:before{left:-18px;top: 24px;height:calc(100% + 30px);}
    .hislist_wrap .hislist_right{ width: 100%;height:fit-content; padding-left: 20px; box-sizing: border-box;}
    .hislist_cont .hislist_cont_tit{font-size: 20px;line-height: 32px; margin-bottom:8px;}
    .hislist_cont .hislist_cont_tit:after{top:7px;left:-25px; width: 16px;}
    .hislist_cont > li{display:block;width:100%;}
    .hislist_cont > li.month {margin-top: 0;}
    .hislist_cont > li > span{display:block;}
    .hislist_cont > li > span.m_none{display:none;}
    .hislist_cont > li > span.hislist_cont_left{font-size: 18px;line-height: 28px;margin-bottom:8px;}
    .hislist_cont > li > span.hislist_cont_right{font-size: 14px;line-height: 24px;padding-right: 25px;box-sizing: border-box;}
    .hislist_cont > li > span.m_none + .hislist_cont_right{margin-top: -10px;}
    .hislist_cont > li > span.hislist_cont_right > span {font-size: 12px;}
    .hisimg{width:100%;margin-top:8px;}
    .hisimg img {width:100%;border-radius: 16px;}
    /*.hislist_cont > li > span.hislist_cont_right.imgpop:hover{color:#24272D;}*/
    .hislist_cont > li > span.hislist_cont_right.imgpop.on {color:#006ec0;}
}
@media screen and (max-width:767px) {
    .inner.history{padding: 0 16px 80px; }
    .sub_visual_history .sub_inner{width:calc(100% - 32px);}
}

/* esg °æ¿µ */
.esg__slogan-wrap {}
.esg__slogan-wrap > div + div {margin-top: 42px;}
.esg__slogan-wrap .display_mo {display: none;}

@media screen and (max-width:1400px) {
    .esg__slogan-wrap > div + div {margin-top: 40px;}
}
@media screen and (max-width:1280px) {
    .esg__slogan-wrap > div + div {margin-top: 35px;}
}
@media screen and (max-width:1080px) {
    .esg__slogan-wrap > div + div {margin-top: 30px;}
}
@media screen and (max-width:767px) {
    .esg__slogan-wrap > div + div {margin-top: 25px;}
    .esg__slogan-wrap .display_mo {display: block;}
    .esg__slogan-wrap .display_pc {display: none;}
}
@media screen and (max-width:480px) {
    .esg__slogan-wrap > div + div {margin-top: 20px;}
}

/* Ã»¼Ò³â Á¤Ã¥ */
.youth__policy-wrap {}
.youth__policy-wrap .img-wrap {text-align: center;}
.youth__policy-inner {padding: 100px 80px; border-radius: 12px; background-color: #f8f8f8;}
.youth__policy-wrap .privacy-list li {margin-top: 5px; font-size: inherit;}
.youth__policy-wrap .content__table-wrap {margin-top: 90px;}
.youth__policy-wrap .display_mo {display: none;}

@media screen and (max-width:1400px) {
    .youth__policy-inner {padding: 80px 60px;}
    .youth__policy-wrap .content__table-wrap {margin-top: 70px;}
}
@media screen and (max-width:1280px) {
    .youth__policy-inner {padding: 60px 40px;}
    .youth__policy-wrap .content__table-wrap {margin-top: 50px;}
}
@media screen and (max-width:1080px) {
    .youth__policy-inner {padding: 40px 20px;}
    .youth__policy-wrap .content__table-wrap {margin-top: 30px;}
    .youth__policy-wrap .display_mo {display: block; width: 100%; max-width: 550px; margin: 0 auto;}
    .youth__policy-wrap .display_pc {display: none;}
}
@media screen and (max-width:767px) {
    .youth__policy-inner {padding: 20px 15px;}
    .youth__policy-wrap .content__table-wrap {margin-top: 20px;}
}
@media screen and (max-width:480px) {

}

/* Ã»¼Ò³â ÇöÈ² */
.youth__state-wrap {}
.youth__state {display: flex; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 12px;}
.youth__state .img-wrap {display: flex; align-items: center; justify-content: center; width: 40%; padding: 67px 30px; background-color: #f6fbff; box-sizing: border-box;}

.youth__state .img-wrap svg {width: 100%; height: 100%;}
.youth__state .img-wrap svg > g {}
.youth__state .img-wrap svg > g > g {}
.youth__state .img-wrap svg > g > g text {font-weight: 600; font-size: 18px; fill: #ffffff;}
.youth__state .img-wrap svg > g > g text.blue {fill: #006ec0;}
.youth__state .img-wrap svg > g > g text.green {fill: #19893c;}

.youth__state .text-wrap {display: flex; justify-content: flex-start; flex-direction: column; width: 60%; margin: 0 !important; padding: 45px;}
.youth__state .text-wrap .top {}
.youth__state .text-wrap .tit {font-weight: 500; font-size: 28px; line-height: 57px; color: #222222;}
.youth__state .text-wrap .tit strong {font-weight: 600; font-size: 62px; color: #19893c;}
.youth__state .text-wrap .sub-tit {margin-top: 35px; font-size: 24px; line-height: 34px; color: #222222;}
.youth__state .text-wrap .bottom {margin-top: 50px; padding-top: 65px; border-top: 1px solid #e5e5e5;}
.youth__state .text-wrap .bottom > ul li {position: relative; padding-left: 16px; font-size: 20px; line-height: 30px; color: #666666;}
.youth__state .text-wrap .bottom > ul li:before {content: ''; display: inline-block; position: absolute; top: 14px; left: 0; width: 5px; height: 2px; background-color: #666666;}

@media screen and (max-width:1400px) {
    .youth__state .text-wrap .tit {font-size: 26px;}
    .youth__state .text-wrap .tit strong {font-size: 52px;}
}
@media screen and (max-width:1280px) {
    .youth__state .text-wrap {padding: 30px;}
    .youth__state .text-wrap .tit {font-size: 24px; line-height: 50px;}
    .youth__state .text-wrap .tit strong {font-size: 42px;}
    .youth__state .text-wrap .sub-tit {margin-top: 25px; font-size: 22px; line-height: 32px;}
    .youth__state .text-wrap .bottom {margin-top: 40px; padding-top: 45px;}
    .youth__state .text-wrap .bottom > ul li {font-size: 18px; line-height: 28px;}
}
@media screen and (max-width:1080px) {
    .youth__state .text-wrap {padding: 20px 30px;}
    .youth__state .text-wrap .tit {font-size: 20px; line-height: 40px;}
    .youth__state .text-wrap .tit strong {font-size: 32px;}
    .youth__state .text-wrap .sub-tit {margin-top: 20px; font-size: 20px; line-height: 30px;}
    .youth__state .text-wrap .bottom {margin-top: 30px; padding-top: 35px;}
    .youth__state .text-wrap .bottom > ul li {font-size: 16px; line-height: 26px;}
    .youth__state .text-wrap .bottom > ul li:before {top: 11px;}
}
@media screen and (max-width:767px) {
    .youth__state {flex-direction: column;}
    .youth__state .img-wrap {width: 100%; padding: 40px;}
    .youth__state .img-wrap img {width: 70%;}
    .youth__state .text-wrap {width: 100%; padding: 20px;}
    .youth__state .text-wrap .tit {font-size: 18px; line-height: 30px;}
    .youth__state .text-wrap .tit strong {font-size: 22px;}
    .youth__state .text-wrap .sub-tit {margin-top: 15px; font-size: 18px; line-height: 28px;}
    .youth__state .text-wrap .bottom {margin-top: 20px; padding-top: 25px;}
    .youth__state .text-wrap .bottom > ul li {font-size: 14px; line-height: 20px;}
    .youth__state .text-wrap .bottom > ul li:before {top: 9px;}
}
@media screen and (max-width:480px) {
    .youth__state .img-wrap {padding: 30px;}
    .youth__state .img-wrap img {width: 80%;}
    .youth__state .text-wrap {padding: 15px;}
    .youth__state .text-wrap .tit {font-size: 16px;}
    .youth__state .text-wrap .tit strong {font-size: 20px;}
    .youth__state .text-wrap .sub-tit {margin-top: 15px; font-size: 16px; line-height: 24px;}
    .youth__state .text-wrap .bottom {margin-top: 15px; padding-top: 20px;}
}


/* Ã¼Å©¸®½ºÆ® */
.check-text {position: relative; margin-bottom: 40px; padding-left: 35px; font-weight: 500; font-size: 20px; line-height: 30px; color: #006ec0; background-image: url("/images/sub/check_text.png"); background-repeat: no-repeat; background-position: top 4px left;}
.score__check-wrap {position: relative; margin: 50px 10px 0 20px; padding: 45px 105px; border: 1px solid #dfdfdf; border-radius: 12px; box-shadow: 10px 10px 0 rgba(0, 0, 0, .05);}
.score__check-wrap:before {content: ''; display: inline-block; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); width: 33px; height: 70%; background-image: url("/images/sub/score_check_bg.png"); background-repeat: no-repeat; background-position: top center; background-size: 100%;}
.score__check-wrap > .title {font-weight: 600; font-size: 28px; line-height: 30px; color: #222222;}
.score__check {margin-top: 45px;}
.score__check div + div {margin-top: 20px;}
.score__check div {display: flex; gap: 20px;}
.score__check div > .tit {display: inline-flex; align-items: center; justify-content: center; width: 90px; height: 41px; border-radius: 4px; font-size: 20px; color: #ffffff;}
.score__check div > .txt {width: calc(100% - 110px); font-size: 20px; line-height: 30px; color: #666666;}
.score__check div.type1 > .tit {background-color: #e95b93;}
.score__check div.type1 > .txt strong {color: #e95b93;}
.score__check div.type2 > .tit {background-color: #f37f0d;}
.score__check div.type2 > .txt strong {color: #f37f0d;}
.score__check div.type3 > .tit {background-color: #0365ae;}
.score__check div.type3 > .txt strong {color: #0365ae;}
.score__check div.type4 > .tit {background-color: #157e53;}
.score__check div.type4 > .txt strong {color: #157e53;}

@media screen and (max-width:1400px) {
    .check-text {margin-bottom: 35px; font-size: 18px; line-height: 28px; background-position: top 1px left;}
    .score__check-wrap {margin: 40px 10px 0 20px; padding: 35px 85px;}
    .score__check-wrap > .title {font-size: 24px;}
    .score__check {margin-top: 35px;}
    .score__check div > .tit {font-size: 18px;}
}
@media screen and (max-width:1280px) {
    .check-text {margin-bottom: 30px; font-size: 16px; line-height: 26px;}
    .score__check-wrap {margin: 30px 10px 0 20px; padding: 30px 65px;}
    .score__check-wrap > .title {font-size: 20px;}
    .score__check {margin-top: 25px;}
    .score__check div > .txt {font-size: 18px; line-height: 26px;}
}
@media screen and (max-width:1080px) {
    .check-text {margin-bottom: 25px; font-size: 16px; line-height: 26px;}
    .score__check-wrap {margin-top: 25px; padding: 25px 20px 25px 35px;}
    .score__check-wrap > .title {font-size: 18px;}
    .score__check {margin-top: 20px;}
    .score__check div > .tit {width: 80px; height: 35px; font-size: 16px;}
    .score__check div > .txt {width: calc(100% - 100px); font-size: 16px; line-height: 24px;}
}
@media screen and (max-width:767px) {
    .check-text {margin-bottom: 20px; padding-left: 20px; font-size: 14px; line-height: 20px; background-size: 18px; background-potion: top left;}
    .score__check-wrap {padding: 25px 25px 25px 35px;}
    .score__check div {gap: 10px;}
    .score__check div > .tit {width: 70px; font-size: 14px;}
    .score__check div > .txt {width: calc(100% - 80px);font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:480px) {
    .score__check div {flex-direction: column;}
    .score__check div > .txt {width: 100%;}
}

.action-wrap .content-title + .privacy-title {margin-top: -25px;}
.action-wrap .privacy-title {padding-left: 0;}

@media screen and (max-width:767px) {
    .action-wrap .content-title + .privacy-title {margin-top: -10px;}
}

.esg__management-wrap .img-wrap {margin-top: 55px;}
.esg__management-wrap .img-wrap .display_mo {display: none;}
.esg__management-wrap .privacy-list.small + .privacy-list {margin-top: 35px;}

@media screen and (max-width:1400px) {
    .esg__management-wrap .img-wrap {margin-top: 50px;}
    .esg__management-wrap .privacy-list.small + .privacy-list {margin-top: 30px;}
}
@media screen and (max-width:1280px) {
    .esg__management-wrap .img-wrap {margin-top: 40px;}
    .esg__management-wrap .privacy-list.small + .privacy-list {margin-top: 25px;}
}
@media screen and (max-width:1080px) {
    .esg__management-wrap .img-wrap {margin-top: 30px;}
    .esg__management-wrap .img-wrap .display_mo {display: block; width: 100%;}
    .esg__management-wrap .img-wrap .display_pc {display: none;}
    .esg__management-wrap .privacy-list.small + .privacy-list {margin-top: 20px;}
}
@media screen and (max-width:767px) {
    .esg__management-wrap .img-wrap {margin-top: 25px;}
    .esg__management-wrap .privacy-list.small + .privacy-list {margin-top: 15px;}
}
@media screen and (max-width:480px) {
    .esg__management-wrap .img-wrap {margin-top: 20px;}
}

.cont_wrap .content__table-wrap.type02 {border-top:1px solid #888888;}
table.sub_style_1.type02 {}
table.sub_style_1.type02 thead th {color : #666666; background-color:#f8f8f8;}

/* ¿ëÀÎ ½Ã¼³ - °ø°£¼Ò°³ */
.space__guide-wrap {position: relative;}
.space__guide-slide {overflow: hidden;}
.space__guide-inner {}
.space__guide {}
.space__guide .img-wrap {position: relative; overflow: hidden; aspect-ratio: 170 / 87; border-radius: 12px;}
.space__guide .img-wrap img {width: 100%; object-fit: cover;}
.space__guide .text-wrap {margin: 35px 0 0 0;}
.space__guide .text-wrap li {display: flex; align-items: center; gap: 5px; font-weight: 500; font-size: 20px; line-height: 26px; color: #666666;}
.space__guide .text-wrap li + li {margin-top: 15px;}
.space__guide .text-wrap .tit {color: #157e53;}
.space__guide-wrap a {display: inline-block; position: absolute; top: 35%; z-index: 1;}
.space__guide-wrap a.swiper-button-disabled {opacity: .7;}
.space__guide-wrap a.space__guide-prev {left: -30px;}
.space__guide-wrap a.space__guide-next {right: -30px;}
.space__guide-wrap a img {filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, .12));}

.space__guide-wrap.type2 a { top: 17%;}
/*.space__guide-wrap.type2 a { top: -76px;}
.space__guide-wrap.type2 a.space__guide-prev {left: unset; right: 58px;}
.space__guide-wrap.type2 a.space__guide-next {right: 0;}
.space__guide-wrap.type2 a img { width: 42px;}*/

/* µ¿Ãµ ½Ã¼³ - °ø°£¼Ò°³ */
.space__guide .img-wrap {aspect-ratio: 170 / 79;}
.space__guide .img-box{display: flex;gap: 20px;}
.space__guide .img-box.img4{flex-wrap: wrap;}
.space__guide .img-box .img-wrap{aspect-ratio: 63 / 60;}
.space__guide .img-box.img4 .img-wrap{width: calc(50% - 10px);aspect-ratio: 133 / 60;}
.space__guide .img-box .img-wrap img{height:100%;}
.space__guide .text-wrap li.txts{align-items: baseline;line-height: 30px;}
.space__guide-wrap.dc a{top: 50%;transform: translateY(-50%);margin-top: -70px;}

@media screen and (max-width:1600px) {
    .space__guide-slide.use-btn {margin: 0 30px;}
    .space__guide-wrap a.space__guide-prev {left: 0;}
    .space__guide-wrap a.space__guide-next {right: 0;}
}
@media screen and (max-width:1400px) {
    .space__guide-slide.use-btn {margin: 0 25px;}
    .space__guide .text-wrap {margin: 30px 0 0 0;}
    .space__guide .text-wrap li {font-size: 18px; line-height: 24px;}
    .space__guide-wrap a img {width: 50px;}

/*    .space__guide-wrap.type2 a { top: -71px;}*/
}
@media screen and (max-width:1280px) {
    .space__guide-slide.use-btn {margin: 0 20px;}
    .space__guide .text-wrap {margin: 25px 0 0 0;}
    .space__guide-wrap a img {width: 40px;}

/*    .space__guide-wrap.type2 a { top: -58px;}
    .space__guide-wrap.type2 a img {width: 35px;}
    .space__guide-wrap.type2 a.space__guide-prev {right: 51px;}*/
}
@media screen and (max-width:1080px) {
    .space__guide .text-wrap {margin: 20px 0 0 0;}
    .space__guide .text-wrap li {font-size: 16px; line-height: 22px;}
    .space__guide .text-wrap li + li {margin: 10px 0 0 0;}

    .space__guide-wrap.dc a{margin-top: -60px;}


/*    .space__guide-wrap.type2 a { top: -50px;}*/
}
@media screen and (max-width:767px) {
    .space__guide .text-wrap {margin: 15px 0 0 0;}
    .space__guide .text-wrap li {font-size: 14px; line-height: 20px;}
    .space__guide .text-wrap li + li {margin: 5px 0 0 0;}
    .space__guide-wrap a {top: 38% !important;}

/*    .space__guide-wrap.type2 a { top: -43px;}
    .space__guide-wrap.type2 a img {width: 30px;}
    .space__guide-wrap.type2 a.space__guide-prev {right: 46px;}*/

    .space__guide-wrap.dc a{margin-top: -10px;}
}
@media screen and (max-width:480px) {
    .space__guide-slide.use-btn {margin: 0 15px;}
    .space__guide-wrap a {top: 35% !important;}
    .space__guide-wrap a img {width: 30px;}
}

.type-list + .type-list {margin: 25px 0 0 0;}
.type-list li {display: flex; align-items: baseline; gap: 5px; font-weight: 500; font-size: 20px; line-height: 26px; color: #666666;}
.type-list li.orange {color: #ff7835;}
.type-list li.green {color: #157e53;}
.type-list li .tit {color: #157e53;}
.type-list li span:first-child:not(.txt) {flex-shrink: 0;}
.type-list li b {color: #ff7835;}
.type-list li b.green {color: #157e53;}
.type-list li + li {margin: 15px 0 0;}
.type-list li .s-txt{display: block;padding-top: 8px;}
.type-list ul {margin: 10px 0 0;}

.content__table-wrap + .type-list {margin: 20px 0 0 0;}
.content-btn + .type-list {margin: 15px 0 0 0;}

@media screen and (max-width:1600px) {
    .program__img {margin: 35px 0 0 0;}
}
@media screen and (max-width:1400px) {
    .type-list li {font-size: 18px; line-height: 24px;}
}
@media screen and (max-width:1280px) {
    .type-list + .type-list {margin: 20px 0 0 0;}
}
@media screen and (max-width:1080px) {
    .type-list + .type-list {margin: 15px 0 0;}
    .type-list li {font-size: 16px; line-height: 22px;}
    .type-list li + li {margin: 10px 0 0;}
    .type-list ul {margin: 5px 0 0;}

    .content__table-wrap + .type-list {margin: 15px 0 0;}
    .content-btn + .type-list {margin: 10px 0 0 0;}
}
@media screen and (max-width:767px) {
    .type-list li {font-size: 14px; line-height: 20px;}
    .type-list li + li {margin: 5px 0 0;}

    .content__table-wrap + .type-list {margin: 10px 0 0;}
    .content-btn + .type-list {margin: 15px 0 0 0;}
}
@media screen and (max-width:480px) {

}

/* ¿ëÀÎ ½Ã¼³ - È°µ¿ ÇÁ·Î±×·¥ */
.program__img-wrap {display: flex; flex-wrap: wrap; gap: 30px; margin: 40px 0 0 0;}
.program__img-wrap.type2 .program__img {width: calc( (100% - 30px) / 2 );}
.program__img-wrap.type3 .program__img {width: calc( (100% - 60px) / 3 );}
.program__img {margin: 0;}
.program__img .img-wrap {position: relative; overflow: hidden; aspect-ratio: 170 / 87; border-radius: 12px;}
.program__img .img-wrap.new_sty { aspect-ratio: auto;}
.program__img .img-wrap img {width: 100%; object-fit: cover;}
.program__img .text-wrap {margin-top: 35px;}

.program__table-wrap.content__table-wrap td {/*border-left-color: #c9c9c9;*/ text-align: left; vertical-align: top;}
.program__table-wrap.content__table-wrap.time-table td {text-align: center; vertical-align: middle;}
.program__table-wrap img {width: 100%;}

.program__info-table img {width: 100%; aspect-ratio: 250 / 141; border-radius: 13px;}

.program__table-wrap .type-list li + li {margin: 5px 0 0;}

@media screen and (max-width:1600px) {
    .program__img-wrap {margin: 35px 0 0 0;}
}
@media screen and (max-width:1400px) {
    .program__img-wrap {gap: 25px; margin: 30px 0 0 0;}
    .program__img-wrap.type2 .program__img {width: calc( (100% - 25px) / 2 );}
    .program__img-wrap.type3 .program__img {width: calc( (100% - 50px) / 3 );}
    .program__img .text-wrap {margin: 30px 0 0 0;}
}
@media screen and (max-width:1280px) {
    .program__img-wrap {margin: 30px 0 0 0;}
    .program__img .text-wrap {margin: 25px 0 0 0;}

    .program__table-wrap .type-list li + li {margin: 8px 0 0;}
}
@media screen and (max-width:1080px) {
    .program__img-wrap {gap: 20px; margin: 25px 0 0 0;}
    .program__img-wrap.type2 .program__img {width: calc( (100% - 20px) / 2 );}
    .program__img-wrap.type3 .program__img {width: calc( (100% - 40px) / 3 );}
    .program__img .text-wrap {margin: 20px 0 0 0;}
}
@media screen and (max-width:767px) {
    .program__img-wrap {flex-direction: column; gap: 15px; margin: 20px 0 0 0;}
    .program__img-wrap.type2 .program__img {width: 100%;}
    .program__img-wrap.type3 .program__img {width: 100%;}
    .program__img .text-wrap {margin: 15px 0 0 0;}

    .program__table-wrap .type-list li + li {margin: 5px 0 0;}

    .program__info-table table,
    .program__info-table tr,
    .program__info-table th,
    .program__info-table td {display: block; border-left: none !important;}
    .program__info-table th {border-top: 1px solid #c9c9c9;}
    .program__info-table table colgroup {display: none;}
}
@media screen and (max-width:480px) {

}

/* ²Þµå¸² ÀÌ¿ë¾È³» */
.yidream__use-area .content__table-wrap thead th {position: relative;}
.yidream__use-area .content__table-wrap thead th:not(:last-child):after {content: ''; display: inline-block; position: absolute; top: 50%; right: -14px; transform: translateY(-50%); width: 28px; height: 28px; background-image: url("/images/subSite/yidream/yidream_use_arrow.png"); background-repeat: no-repeat; background-size: 100%; z-index: 1;}

.yidream__use-wrap {margin-top: 47px;}
.yidream__use-wrap .type-list li {font-size: 18px;}
.yidream__use-wrap .type-list li + li {margin: 5px 0 0;}
.yidream__use-wrap .top {display: flex; gap: 20px;}
.yidream__use-wrap .top > div {display: flex; flex-direction: column; width: calc( (100% - 80px) / 5 );}
.yidream__use-wrap .top .title-wrap {display: flex; align-items: center; justify-content: center; position: relative; height: 102px; padding: 40px 25px 18px; border: 1px solid #dddddd; border-radius: 10px; background-color: #f8f8f8; box-sizing: border-box;}
.yidream__use-wrap .top .title-wrap:before {content: ''; display: inline-block; position: absolute; top: -28px; left: 50%; transform: translateX(-50%); width: 56px; height: 56px; background-repeat: no-repeat; background-size: 100%;}
.yidream__use-wrap .top .title-wrap:after {content: ''; display: inline-block; position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); width: 1px; height: 22px; background-color: #e5e5e5;}
.yidream__use-wrap .top .type1 .title-wrap:before {background-image: url("/images/subSite/yidream/yidream_use_01_01.png");}
.yidream__use-wrap .top .type2 .title-wrap:before {background-image: url("/images/subSite/yidream/yidream_use_01_02.png");}
.yidream__use-wrap .top .type3 .title-wrap:before {background-image: url("/images/subSite/yidream/yidream_use_01_03.png");}
.yidream__use-wrap .top .type4 .title-wrap:before {background-image: url("/images/subSite/yidream/yidream_use_01_04.png");}
.yidream__use-wrap .top .type5 .title-wrap:before {background-image: url("/images/subSite/yidream/yidream_use_01_05.png");}
.yidream__use-wrap .top .title {font-size: 18px; line-height: 24px; color: #666666; text-align: center;}
.yidream__use-wrap .top .content-wrap {flex: 1; position: relative; margin-top: 22px; border: 1px solid #e5e5e5; border-radius: 10px;}
.yidream__use-wrap .top .content-wrap:before {content: ''; display: inline-block; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; border: 1px solid #e5e5e5; border-radius: 100%; background-color: #ffffff; box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);}
.yidream__use-wrap .top .content-wrap .tit {display: flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 10px; border-radius: 10px 10px 0 0; background-color: #157e53; font-size: 18px; color: #ffffff;}
.yidream__use-wrap .top .content-wrap .txt {padding: 25px 20px;}
.yidream__use-wrap .bottom {display: flex; gap: 30px; margin-top: 20px;}
.yidream__use-wrap .bottom > div {display: flex; align-items: center; justify-content: center; gap: 40px; width: calc( (100% - 60px) / 3 ); padding: 20px 30px; border: 1px solid #157e53; border-radius: 10px; box-sizing: border-box;}
.yidream__use-wrap .bottom .title {text-align: center;}
.yidream__use-wrap .bottom .title p {margin-top: 12px; font-weight: 600; font-size: 20px; color: #157e53;}


@media screen and (max-width:1080px) {
    .yidream__use-wrap .type-list li {font-size: 14px;}

    .yidream__use-wrap .top {flex-wrap: wrap; gap: 50px 20px;}
    .yidream__use-wrap .top > div {width: calc( (100% - 40px) / 3 );}
    .yidream__use-wrap .top .title {font-size: 16px;}
    .yidream__use-wrap .top .content-wrap .tit {font-size: 16px;}
    .yidream__use-wrap .top .content-wrap .txt {padding: 15px 20px;}
    .yidream__use-wrap .bottom .title p {font-size: 16px;}
}
@media screen and (max-width:767px) {
    .yidream__use-wrap .top > div {width: 100%;}
    .yidream__use-wrap .top .title-wrap {height: auto; padding: 35px 25px 10px;}
    .yidream__use-wrap .top .content-wrap .tit {height: 40px;}
    .yidream__use-wrap .bottom {flex-wrap: wrap; gap: 15px;}
    .yidream__use-wrap .bottom > div {justify-content: flex-start; width: 100%;}
}
@media screen and (max-width:480px) {

}

/* ¾ß¿µÀå ¿¹¾à */
.camping-wrap {width: 100%;}
.camping-wrap .join__step-wrap p {text-align: left;}
.camping-wrap.join-wrap .login_option {padding-bottom: 0; border-bottom: none;}
.camping-wrap .info__list {padding-bottom: 0;}
.camping-wrap .info__list li + li {margin: 15px 0 0;}
.camping-wrap .content-title {margin: 95px 0 35px;}
.camping-wrap.join-wrap .form__table-wrap input:not([type="radio"], [type="checkbox"], .phone),
.camping-wrap.join-wrap .form__table-wrap select {height: 56px; font-size: 18px; line-height: 27px;}
.camping-wrap .form__table-wrap textarea {font-size: 18px;}
.camping-wrap .form__table-wrap textarea::placeholder {font-size: 18px;}
.camping-wrap input[type="date"] {max-width: 440px;}
.camping-wrap input,
.camping-wrap input::placeholder,
.camping-wrap select {font-size: 18px;}

.date-text {margin: 42px 0; padding: 0 0 0 38px; font-size: 20px; background-image: url("/images/sub/date_text.png"); background-repeat: no-repeat; background-position: top left;}
.date-text strong {color: #157e53;}

.agree__bg-wrap.type1 {margin: 100px 0 0; padding: 35px 40px; border-radius: 12px; background-color: #f8f8f8;}
.agree__bg-wrap.type1 p {/*margin: 0 0 25px; */font-size: 20px; line-height: 30px; color: #666666;}
.agree__bg-wrap .checkbox-wrap {margin: 0;}
.agree__bg-wrap.type2 {padding: 40px 43px; border-bottom: 1px solid #e5e5e5;}

.camping-wrap .btn_area {margin: 40px 0 0;}

.camping__list-wrap {border-top: 1px solid #157e53;}
.camping__list {display: flex; align-items: center; gap: 40px; padding: 20px 30px; border-bottom: 1px solid #e5e5e5;}
.camping__list .img-wrap {display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 207px; height: 207px; background-image: url("/images/sub/camping_bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover;}
.camping__list .img-wrap span {font-weight: 600; font-size: 40px; color: #ffffff;}
.camping__list .text-wrap {width: 100%;}
.camping__list .text-wrap .top {margin: 15px 0 0;}
.camping__list .text-wrap .bottom {display: flex; align-items: center; margin: 35px 0 0; padding: 25px 0 0; border-top: 1px solid #c9c9c9;}
.camping__list .text-wrap .bottom > div + div {position: relative; margin: 0 0 0 20px; padding: 0 0 0 34px; background-repeat: no-repeat; background-position: left center;}
.camping__list .text-wrap .bottom > div.plus {background-image: url("/images/sub/camping_plus.png");}
.camping__list .text-wrap .bottom > div.total {background-image: url("/images/sub/camping_total.png");}
.camping__list .text-wrap .bottom span {font-size: 16px; line-height: 20px; color: #666666; vertical-align: middle;}
.camping__list .text-wrap .bottom b {font-size: 20px; color: #666666; vertical-align: middle;}
.camping__list .text-wrap .bottom .total b {color: #222222;}

/*Ä¸Â÷*/
#captcha{border: 2px solid #ccc;border-radius: 9px;padding: 20px;margin-top: 20px;text-align: center;}
.mcCaptchaImage{display: inline-block;margin-right: 10px;vertical-align: middle;}
.mcCaptcha-controls{display: inline-block;vertical-align: middle;}
.mcCaptchaImageChange{width: 50px;height: 50px;border: 1px solid #005b9f;border-radius: 5px;font-size: 0;text-indent: -9999em;background-image: url(/images/common/reset-ic.png);background-size: 24px auto;background-repeat: no-repeat;background-position: center;}
#captcha input{margin-top: 10px;}

@media only screen and (max-width:1400px) {
    .camping-wrap .content-title {margin: 90px 0 30px;}
    .camping-wrap.join-wrap .form__table-wrap input:not([type="radio"], [type="checkbox"], .phone),
    .camping-wrap.join-wrap .form__table-wrap select {height: 54px;}

    .date-text {margin: 40px 0; font-size: 18px;}

    .agree__bg-wrap.type1 {margin: 80px 0 0; padding: 30px 35px;}
    .agree__bg-wrap.type2 {padding: 35px 40px;}

    .camping__list .img-wrap span {font-size: 35px;}
}
@media only screen and (max-width:1280px) {
    .camping-wrap .content-title {margin: 80px 0 25px;}
    .camping-wrap.join-wrap .form__table-wrap input:not([type="radio"], [type="checkbox"], .phone),
    .camping-wrap.join-wrap .form__table-wrap select {height: 48px;}

    .date-text {margin: 35px 0;}

    .agree__bg-wrap.type1 {margin: 60px 0 0; padding: 25px 30px;}
    .agree__bg-wrap.type1 p {/*margin: 0 0 20px; */font-size: 18px; line-height: 26px;}
    .agree__bg-wrap.type2 {padding: 30px 35px;}

    .camping__list {gap: 30px; padding: 20px;}
    .camping__list .img-wrap {width: 180px; height: 180px;}
    .camping__list .text-wrap .top {margin: 10px 0 0;}
    .camping__list .text-wrap .bottom {margin: 25px 0 0; padding: 20px 0 0;}

    .camping__list .img-wrap span {font-size: 30px;}


    .camping-wrap input,
    .camping-wrap input::placeholder,
    .camping-wrap select {font-size: 16px;}
}
@media only screen and (max-width:1080px) {
    .camping-wrap .content-title {margin: 60px 0 30px;}
    .camping-wrap.join-wrap .form__table-wrap input:not([type="radio"], [type="checkbox"], .phone),
    .camping-wrap.join-wrap .form__table-wrap select {height: 42px; padding: 0 25px 0 15px; border-radius: 5px; background-position: right 10px center; font-size: 14px; line-height: 24px;}
    .camping-wrap.join-wrap .form__table-wrap select:not(.phone, .email) {width: calc( (100% - 15px) / 2);}
    .camping-wrap .form__table-wrap textarea {padding: 10px 15px; border-radius: 5px; background-position: right 10px center; font-size: 14px; line-height: 24px;}
    .camping-wrap .form__table-wrap textarea::placeholder {font-size: 14px;}
    .camping-wrap input[type="date"] {font-size: 14px;}

    .date-text {margin: 30px 0 20px; padding: 0 0 0 30px; background-size: 20px; font-size: 16px;}

    .agree__bg-wrap.type1 {margin: 40px 0 0; padding: 20px 25px;}
    .agree__bg-wrap.type1 p {/*margin: 0 0 15px; */line-height: 16px; line-height: 22px;}
    .agree__bg-wrap.type2 {padding: 15px 20px;}

    .camping__list {gap: 25px; padding: 15px;}
    .camping__list .img-wrap {width: 160px; height: 160px;}
    .camping__list .text-wrap .top {margin: 5px 0 0;}
    .camping__list .text-wrap .bottom {flex-wrap: wrap; margin: 15px 0 0; padding: 20px 0 0;}
    .camping__list .text-wrap .bottom span {font-size: 14px; line-height: 24px;}
    .camping__list .text-wrap .bottom b {font-size: 16px;}
    .camping__list .text-wrap .bottom > div + div {margin: 0 0 0 10px; padding: 0 0 0 26px; background-size: 15px;}
    .camping__list .text-wrap .bottom > div.total {width: 100%; margin: 5px 0 0; box-sizing: border-box;}
    .camping__list .img-wrap span {font-size: 25px;}

    .camping-wrap input,
    .camping-wrap input::placeholder,
    .camping-wrap select {font-size: 14px;}

    /*Ä¸Â÷*/
    #captcha{padding: 15px;}


}
@media only screen and (max-width:767px) {
    .camping-wrap .content-title {margin: 40px 0 20px;}
    .camping-wrap.join-wrap .form__table-wrap input:not([type="radio"], [type="checkbox"]),
    .camping-wrap.join-wrap .form__table-wrap select {max-width: 100%; height: 38px;}
    .camping-wrap.join-wrap .form__table-wrap select:not(.phone, .email) {width: 100%;}

    .agree__bg-wrap.type1 {margin: 30px 0 0; padding: 15px 20px;}
    .agree__bg-wrap.type1 p {font-size: 14px; line-height: 20px;}
    .agree__bg-wrap.type2 {padding: 15px}

    .camping-wrap .radio-wrap span {font-size: 14px;}

    .camping__list .img-wrap {width: 150px; height: 150px;}
    .camping__list .text-wrap .bottom {margin: 10px 0 0; padding: 15px 0 0;}

}

@media only screen and (max-width:480px) {
    .camping__list {flex-direction: column;}
    .camping__list .img-wrap {width: 100px; height: 100px;}
}

.no-program {text-align: center;}
.no-program img {max-width: 400px;}
.no-program .tit {display: block; margin-top: 30px; padding: 0;  font-family: 'sangsangTitle', 'SUIT' !important;  font-size: 30px; color: #444444;}

@media only screen and (max-width:1280px) {
    .no-program .tit {font-size: 26px;}
}
@media only screen and (max-width:1080px) {
    .no-program img {max-width: 300px;}
    .no-program .tit {margin-top: 20px; font-size: 20px;}
}
@media only screen and (max-width:767px) {
    .no-program img {max-width: 200px;}
    .no-program .tit {margin-top: 10px;font-size: 18px;}
}



.oneclick_sub_map_cont {margin: 0 0 50px;}
.oneclick_sub_map_cont #map {height: 500px !important;}

@media only screen and (max-width:1400px) {
    .oneclick_sub_map_cont {margin: 0 0 45px;}
    .oneclick_sub_map_cont #map {height: 450px !important;}
}

@media only screen and (max-width:1280px) {
    .oneclick_sub_map_cont {margin: 0 0 40px;}
    .oneclick_sub_map_cont #map {height: 400px !important;}
}

@media only screen and (max-width:1080px) {
    .oneclick_sub_map_cont {margin: 0 0 35px;}
    .oneclick_sub_map_cont #map {height: 350px !important;}

    .copyright{display: block; padding: 20px 0 10px; margin: 15px 0; font-size: 0;}
    .copyright span {display: inline-block;}
}

@media only screen and (max-width:767px) {
    .oneclick_sub_map_cont {margin: 0 0 30px;}
    .oneclick_sub_map_cont #map {height: 300px !important;}
}

@media only screen and (max-width:480px) {
    .oneclick_sub_map_cont #map {height: 250px !important;}
}


.wrap_s{display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}

.education_network {
}

.education_network .wrap_s {

}

.education_network .box {
    flex-direction: column;
    background-color: #f7fcff;
    background-image: url(/images/subSite/oneclick/educationNetwork.png);
    background-repeat: no-repeat;
    background-size: 358px 203px;
    background-position: right bottom;
    border: 1px solid #c8e0ee;
    box-sizing: border-box;
    padding: 50px 45px;
}

.education_network .box .tit {display: inline-block; font-size: 30px; font-weight: 600; color: #006ec0;}
.education_network .box .txt {font-size: 20px; color: #5d7c8f;}
.education_network .education_list {width: 318px;}
.education_network .education_list .item {border: 1px solid #ccc; width: 100%; /*height: 238px;*/ margin-bottom: 15px;}
.education_network .education_list .item .banner {display: flex; align-items: center; justify-content: center; min-height: 146px;}
.education_network .education_list .item .banner img {/*display: block;*/ max-width: 90%; max-height: 77px; /*margin: 0 auto;*/}
.education_network .education_list .item .txt_wrap {}
.education_network .education_list .item .txt_wrap p {text-align: center; background: #f0f0f0; padding: 30px; font-size: 20px;}

.education_network.yiyf-type .wrap_s {gap: 20px;}
.education_network.yiyf-type .education_list {width: calc( (100% - 60px) / 4 );}
.education_network.yiyf-type .education_list .item {margin: 0;}
.education_network.yiyf-type .education_list .item .txt_wrap p {display: flex; align-items: center; justify-content: center; min-height: 120px;}

@media screen and (max-width: 1400px) {
    .education_network .box {background-image: none;}
    .education_network .box .tit {font-size: 26px;}
    .education_network .box .txt {font-size: 16px;}
    .education_network .box .txt br {display: none;}
    .education_network .education_list {width: 32%;}
    .education_network .education_list .item {}
    .education_network .education_list .item .txt_wrap p {font-size: 18px;}
    .education_network.yiyf-type .education_list .item .txt_wrap p {padding: 25px; min-height: 104px;}

    .education_network.yiyf-type .wrap_s {gap: 18px;}
    .education_network.yiyf-type .education_list {width: calc( (100% - 54px) / 4 );}
}

@media screen and (max-width: 1250px) {
    .education_network .education_list .item .banner img {max-width: 81% !important;}
}

@media screen and (max-width: 1080px) {
    .education_network .education_list .item {}
    .education_network .education_list .item .txt_wrap p {font-size: 16px;}
    .education_network.yiyf-type .education_list .item .txt_wrap p {padding: 20px; min-height: 88px;}

    .education_network.yiyf-type .wrap_s {gap: 15px;}
    .education_network.yiyf-type .education_list {width: calc( (100% - 30px) / 3 );}
}

@media screen and (max-width: 768px) {
    .education_network .box {padding: 25px 30px;}
    .education_network .box .tit {font-size: 22px;}
    .education_network .box .txt {font-size: 14px;}
    .education_network .education_list {width: 48.5%;}
    .education_network.yiyf-type .education_list .item .txt_wrap p {padding: 15px; min-height: 78px;}

    .education_network.yiyf-type .education_list {width: calc( (100% - 15px) / 2 );}
}

@media screen and (max-width: 500px) {
    .education_network .education_list {width: 100%;}
    .education_network .education_list .item {}
    .education_network .education_list .item .txt_wrap p {padding: 20px;}
    .education_network.yiyf-type .education_list .item .txt_wrap p {padding: 10px 20px; min-height: 0;}

    .education_network.yiyf-type .wrap_s {gap: 10px;}
    .education_network.yiyf-type .education_list {width: 100%;}

    .education_network .education_list .item .banner img {max-width: 262px !important;}
}

/*ÀÎ»ç¸» ÅÇ Ãß°¡*/
.com_sub_tab_area { margin: 0 0 70px;}
.com_sub_tab_area > .list { display: flex;align-items: center;}
.com_sub_tab_area > .list > li {}
.com_sub_tab_area > .list > li.on{position: relative;z-index: 2;}
.com_sub_tab_area > .list > li:last-child {margin-left: -15px;}
.com_sub_tab_area > .list > li > .tab_btn { display: block; min-width: 180px;width: 283px;height: 80px;background-color: #f7f7f7;}
.com_sub_tab_area > .list > li:first-child > .tab_btn{border-top-right-radius: 0;border-bottom-right-radius: 0;  border-top-left-radius:16px;  border-bottom-left-radius:16px;}
.com_sub_tab_area > .list > li:last-child > .tab_btn {border-top-right-radius: 16px;border-bottom-right-radius: 16px;  border-top-left-radius: 0;  border-bottom-left-radius: 0;}
.com_sub_tab_area > .list > li.on > .tab_btn { height: 106px;background-image:url(/images/sub/btn-tab-on-bg.png); background-repeat: no-repeat;background-position: center center;background-color: transparent;}
.com_sub_tab_area > .list > li > .tab_btn .inner { display: flex; justify-content: center; align-items: center;}
.com_sub_tab_area > .list > li > .tab_btn .inner .text { display: inline-block; font-weight: 500; font-size: 24px; color: #888888; letter-spacing: -0.05em;}
.com_sub_tab_area > .list > li.on > .tab_btn .inner .text { color: #006ec0;}
.com_sub_tab_cont { display: none;}
.com_sub_tab_cont.on { display: block;}

@media screen and (max-width: 1400px) {
    .com_sub_tab_area { margin: 0 0 60px;}
    .com_sub_tab_area > .list > li > .tab_btn { min-width: 165px;}
}

@media screen and (max-width: 1280px) {
    .com_sub_tab_area { margin: 0 0 50px;}
    .com_sub_tab_area > .list > li > .tab_btn { min-width: 140px;}
    .com_sub_tab_area > .list > li > .tab_btn .inner .text { font-size: 24px;}
}

@media screen and (max-width: 1080px) {
    .com_sub_tab_area { margin: 0 0 40px;}
    .com_sub_tab_area > .list { gap: 10px;}
    .com_sub_tab_area > .list > li > .tab_btn { min-width: 125px;width: 200px;height: 60px;}
    .com_sub_tab_area > .list > li.on > .tab_btn{width: 200px;height: 78px;background-size: 200px auto;}
    .com_sub_tab_area > .list > li > .tab_btn .inner .text { font-size: 18px;}
}

@media screen and (max-width: 767px) {
    .com_sub_tab_area { margin: 0 0 30px;}
    .com_sub_tab_area > .list > li { flex: 1;}
    .com_sub_tab_area > .list > li:first-child > .tab_btn{border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
    .com_sub_tab_area > .list > li:last-child > .tab_btn{border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
    .com_sub_tab_area > .list > li > .tab_btn { min-width: 100%;width:100%;}
    .com_sub_tab_area > .list > li.on > .tab_btn{width: 100%;height: 60px;box-shadow: 4px 5px 8px rgba(26,77,160, .2);border-radius: 10px;border: 1px solid #006ec0;background-image: url(/images/sub/btn-tab-bg.png);background-size: 85px auto;background-position: right center;}
}

@media screen and (max-width: 480px) {
    .com_sub_tab_area { margin: 0 0 20px;}
    /*.com_sub_tab_area > .list > li > .tab_btn { min-width: 95px;}*/
    .com_sub_tab_area > .list > li > .tab_btn .inner .text { font-size: 16px;}
}


.visit_cont {}
.visit_cont > .inner_box {display: flex; align-items: flex-start; justify-content: space-between;}
.visit_cont > .inner_box > .box {margin: 0 100px 0 0;}
.visit_cont > .inner_box > .box:last-child {margin: 0;}
.visit_cont > .inner_box > .box.left {width: 523px;}
.visit_cont > .inner_box > .box.left .img_area {}
.visit_cont > .inner_box > .box.left .img_area .img_inner {}
.visit_cont > .inner_box > .box.left .img_area .img_inner img {}
.visit_cont > .inner_box > .box.right {width: calc(100% - 623px);}
.visit_cont > .inner_box > .box.right .visit_list_area {}
.visit_cont > .inner_box > .box.right .visit_list_area > .list {}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li {margin: 0 0 78px;}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li:last-child {margin: 0;}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .title_area {margin: 0 0 20px;}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .title_area .title {font-weight: 500; font-size: 32px; color: #222222;}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area {}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area > .list {}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area > .list > li {margin: 0 0 7px; font-weight: 400; font-size: 20px; color: #666666;}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area > .list > li:last-child {margin: 0;}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 {border-top: 1px solid #222222;}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list {}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li {border-bottom: 1px solid #dddddd; padding: 20px 30px;}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li > .box {display: flex; align-items: flex-start; justify-content: flex-start;}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li > .box .tit {width: 100px; font-weight: 500; font-size: 20px; color: #666666;}
.visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li > .box .txt {width: calc(100% - 100px); font-weight: 400; font-size: 20px; color: #666666;}
.visit_cont > .inner_box > .box.right .download_area {margin: 45px 0 0;}
.visit_cont > .inner_box > .box.right .download_area .down_btn {display: block; width: 100%; background-color: #157e53; font-weight: 500; font-size: 22px; line-height: 70px; color: #ffffff; border-radius: 12px; text-align: center;}

@media screen and (max-width: 1400px) {
    .visit_cont > .inner_box > .box {margin: 0 80px 0 0;}
    .visit_cont > .inner_box > .box.left {width: 435px;}
    .visit_cont > .inner_box > .box.right {width: calc(100% - 515px);}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li {margin: 0 0 49px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .title_area {margin: 0 0 16px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .title_area .title {font-size: 28px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area > .list > li {margin: 0 0 5px; font-size: 18px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li {padding: 15px 25px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li > .box .tit {font-size: 18px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li > .box .txt {font-size: 18px;}
    .visit_cont > .inner_box > .box.right .download_area {margin: 40px 0 0;}
    .visit_cont > .inner_box > .box.right .download_area .down_btn {font-size: 20px; line-height: 65px;}

}

@media screen and (max-width: 1280px) {
    .visit_cont > .inner_box > .box {margin: 0 60px 0 0;}
    .visit_cont > .inner_box > .box.left {width: 362px;}
    .visit_cont > .inner_box > .box.right {width: calc(100% - 422px);}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li {margin: 0 0 25px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .title_area {margin: 0 0 12px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .title_area .title {font-size: 24px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area > .list > li {font-size: 16px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li {padding: 15px 20px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li > .box .tit {width: 80px; font-size: 16px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li > .box .txt {font-size: 16px;}
    .visit_cont > .inner_box > .box.right .download_area {margin: 20px 0 0;}
    .visit_cont > .inner_box > .box.right .download_area .down_btn {font-size: 18px; line-height: 60px;}
}

@media screen and (max-width: 1080px) {
    .visit_cont > .inner_box > .box {margin: 0;}
    .visit_cont > .inner_box > .box.left {display: none;}
    .visit_cont > .inner_box > .box.right {width: 100%;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li {margin: 0 0 25px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .title_area {margin: 0 0 12px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .title_area .title {font-size: 20px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area > .list > li {font-size: 16px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li {padding: 15px 20px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li > .box .tit {width: 80px; font-size: 16px;}
    .visit_cont > .inner_box > .box.right .visit_list_area > .list > li > .text_list_area2 > .list > li > .box .txt {font-size: 16px;}
    .visit_cont > .inner_box > .box.right .download_area {margin: 20px 0 0;}
    .visit_cont > .inner_box > .box.right .download_area .down_btn {font-size: 18px; line-height: 60px;}
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 480px) {
}


/*ÀÏÀÏ ÀÔÀå*/
@media screen and (max-width: 1100px) { .sub_contents h4 { line-height:22px;}}

.p_reserve_box { margin-bottom:50px; display:inline-block; width:100%;}

.p_reserve_box > div { float:left; width:24%; min-height: 1055px; box-sizing:border-box; border:1px solid #ddd; margin-left:1.3333%;}
.p_reserve_box > div:first-child { margin-left:0;}
.p_reserve_box > div:nth-child(1) { width:20%;}
.p_reserve_box > div:nth-child(2) { width:21%;}
.p_reserve_box > div:nth-child(3) { width:22%;}
.p_reserve_box > div:nth-child(4) { width:32%;}
.p_reserve_box > div > ul {list-style:none; padding:0; margin:0;}
.p_reserve_box > div > ul > li > a { display:block; min-height:60px; line-height:20px; border-bottom:1px solid #eee; padding:20px 25px 20px; box-sizing:border-box; width:100%; word-break:break-word; transition:ease-in-out 0.3s; font-size: 17px;}
.p_reserve_box > div > ul > li > a:hover { background-color:#dde9f7;}
.p_reserve_box > div > ul > li > a.select { background-color:#dde9f7; font-weight: 400;}

.sub_contents .p_reserve_box h5 { text-align:center; margin:0; padding:0; line-height:59px; height:59px; background-color:#f5f5f5; border-bottom:1px solid #eee; font-family: "Noto Sans KR", sans-serif;background:url()}
.sub_contents .p_reserve_box h5:before { content:""; position:absolute; left:-1px; top:-1px; padding-right:2px; transform: none; height:2px; width:100%;}

.p_reserve_box .program_date ul li { text-align:center;}
.p_reserve_box .program_date .date_pager { position:relative; width:80%; margin:10px auto 0;}
.p_reserve_box .program_date .date_pager > a { display:block; position:absolute; width:80px; height:44px; top:11px; border:1px solid #ccc; line-height:44px; text-align:center; transition:ease-in-out 0.3s;}
.p_reserve_box .program_date .date_pager > a:hover { background-color:#dde9f7;}
.p_reserve_box .program_date .date_pager > a.prev { left:0; padding-left:5px;}
.p_reserve_box .program_date .date_pager > a.next { right:0; padding-right:5px;}
.p_reserve_box .program_date .date_pager > a:after  { content:""; display:block; width:6px; height:11px; position:absolute; top:50%; margin-top:-5.5px;  background:url("/images/btn/reserve_id.png") no-repeat }
.p_reserve_box .program_date .date_pager > a.prev:after { background-position:-63px 0; left:20px;}
.p_reserve_box .program_date .date_pager > a.next:after { background-position:-94px 0; right:20px;}

.p_reserve_box .program_time ul li a span { display:block;}
.p_reserve_box .program_time ul li a span.time { float:left;}
.p_reserve_box .program_time ul li a span.rest { float:right;}

.sub_contents .p_reserve_box .program_tit h5 { background-color:#333; color:#fff; z-index:2;}
.sub_contents .p_reserve_box .program_date h5 { background-color:#333; color:#fff; z-index:2;}
.sub_contents .p_reserve_box .program_time h5 { background-color:#333; color:#fff; z-index:2;}
.sub_contents .p_reserve_box .program_total h5 { background-color:#333; color:#fff; z-index:2;}
.sub_contents .p_reserve_box .program_total h5:before { content:""; position:absolute; left:0; top:-1px; padding-right:0; transform: none; height:2px; width:100%; }
.sub_contents .p_reserve_box .program_total ul { box-sizing:border-box;}
.sub_contents .p_reserve_box .program_total ul.info { background-color:#f5f5f5; padding:30px 30px 14px 30px; }
.sub_contents .p_reserve_box .program_total ul li { margin-bottom:14px;}
.sub_contents .p_reserve_box .program_total ul li span { display:block;}
.sub_contents .p_reserve_box .program_total ul li span.tt { font-size:14px; color:#304896; margin-bottom:5px;}
.sub_contents .p_reserve_box .program_total ul li span { font-size:16px;font-weight:bold;}

.sub_contents .p_reserve_box .program_total ul.info_write { padding:23px 30px 5px 30px;}
.sub_contents .p_reserve_box .program_total ul.info_write li { position:relative; clear:both;}
.sub_contents .p_reserve_box .program_total ul.info_write li label { display:block; font-size:14px; margin-bottom:10px; }
.sub_contents .p_reserve_box .program_total ul.info_write li input { width:100%; box-sizing:border-box; background-color:#fff; border:1px solid #ccc; height:40px; line-height:40px; padding:0 10px;}

.sub_contents .p_reserve_box .program_total ul.info_write li .txt_info  { position:relative; display:inline-block; float:right; margin:0;}
.sub_contents .p_reserve_box .program_total ul.info_write li .txt_info a { display:block;  font-size:13px; padding:3px 15px; margin:5px 3px 10px 0; min-height:inherit; border-bottom:none;  background-color:#ddd; border-radius:50px; width:auto; transition:ease-in-out 0.3s;}
.sub_contents .p_reserve_box .program_total ul.info_write li .txt_info a:hover { background-color:#6f6f6f; color:#fff;}
.sub_contents .p_reserve_box .program_total ul.info_write li .txt_info span.t_box { display:none;  position:absolute; top:32px; left:0;  font-size:13px; width:120px; padding:10px; background-color:#dde9f7; z-index:5; border:1px solid #ddd; }
.sub_contents .p_reserve_box .program_total ul.info_write li .txt_info:first-child span.t_box { left:-80px;}
.sub_contents .p_reserve_box .program_total ul.info_write li .txt_info:hover span.t_box { display:block;}

.sub_contents .p_reserve_box .program_total ul.info_write .passenger .tt { color:inherit; margin-bottom:10px;}
.sub_contents .p_reserve_box .program_total ul.info_write .passenger input { width:100%;}

.sub_contents .p_reserve_box .program_total ul.info_write .passenger button { position:absolute; top:36px; right:0; border:1px solid #ccc; background-color:#fff; cursor:pointer; transition:all .3s; text-indent:-99999px; width:30px; height:30px; transition:ease-in-out 0.3s;}
.sub_contents .p_reserve_box .program_total ul.info_write .passenger label { position:absolute; height:40px; line-height:40px; left:10px;}
.sub_contents .p_reserve_box .program_total ul.info_write .passenger button.ps_plus { margin-right:41px;}
.sub_contents .p_reserve_box .program_total ul.info_write .passenger button.ps_minus { margin-right:6px;}
.sub_contents .p_reserve_box .program_total ul.info_write .passenger button:after { content:""; display:block; width:11px; height:8px; position:absolute; top:50%; left:50%; margin-top:-4px; margin-left:-5.5px;  background:url("/images/btn/reserve_id.png") no-repeat  }
.sub_contents .p_reserve_box .program_total ul.info_write .passenger button:hover {background-color:#dde9f7;}
.sub_contents .p_reserve_box .program_total ul.info_write .passenger button.ps_minus:after { background-position:-31px 0; }
.sub_contents .p_reserve_box .program_total ul.info_write .passenger button.ps_plus:after { background-position:0 0; }



.sub_contents .p_reserve_box .program_total p.text { padding:0 32px 14px 32px; margin:0; font-size:14px;}
.sub_contents .p_reserve_box .program_total .p_reserve_btn {padding:0 32px; margin-bottom:30px; margin-top:5px;}
.sub_contents .p_reserve_box .program_total .p_reserve_btn a { display:block; width:100%; background-color:#cc3159; text-align:center; color:#fff; height:50px; line-height:50px; transition:ease-in-out 0.3s;}
.sub_contents .p_reserve_box .program_total .p_reserve_btn a:hover { background-color:#bb2c51;}

.sub_contents .p_reserve_box .program_total p.agreement { margin-top:0px; padding:0 32px; position:relative; font-size:14px; height:18px;}
.sub_contents .p_reserve_box .program_total p.agreement label { position:absolute; top:-2px; left:54px; width: auto; line-height:20px; height:20px; }
.sub_contents .p_reserve_box .program_total p.agreement input[type="checkbox"]:not(.chk) + label { display: block;  border:none; vertical-align:middle;}
.sub_contents .p_reserve_box .program_total p.agreement input[type="checkbox"]:not(.chk) { position:relative; width:18px; height:18px; border:1px solid #ddd; margin:0;}


@media screen and (max-width: 1010px) {
.p_reserve_box > div { width:49%; min-height:888px; margin-bottom:18px;}
.p_reserve_box .program_time { margin-left:0; min-height:888px;}
.p_reserve_box .program_date .date_pager { width:100%;}
.p_reserve_box .program_date .date_pager a { top:0;}
.p_reserve_box .program_date .date_pager > a.prev { left:10px;}
.p_reserve_box .program_date .date_pager > a.next { right:10px;}
}
	
@media screen and (max-width: 622px) {
.p_reserve_box > div:nth-child(1) { width:100%;}
.p_reserve_box > div:nth-child(2) { width:100%;}
.p_reserve_box > div:nth-child(3) { width:100%;}
.p_reserve_box > div:nth-child(4) { width:100%;}
	.p_reserve_box > div { width:100%; margin-left:0; min-height:inherit;}
	.p_reserve_box .program_time { min-height:inherit;}
	.p_reserve_box .program_date ul li { width:50%; float:left;}
	.p_reserve_box .program_date .date_pager > a { top:-63px; background-color:#fff; text-indent:-999999px; width:42px;}
	.p_reserve_box .program_date ul li:nth-child(1) a,
	.p_reserve_box .program_date ul li:nth-child(3) a,
	.p_reserve_box .program_date ul li:nth-child(5) a,
	.p_reserve_box .program_date ul li:nth-child(7) a,
	.p_reserve_box .program_date ul li:nth-child(9) a,
	.p_reserve_box .program_date ul li:nth-child(11) a,
	.p_reserve_box .program_date ul li:nth-child(13) a,
	.p_reserve_box .program_date ul li:nth-child(15) a { border-right:1px solid #eee;}
}

@media screen and (max-width: 380px) {.p_reserve_box .program_date ul > li > a { font-size:14px; padding: 20px 10px 20px;}}


.regulations_list_cont.menu-info > .regulations_list_area .list{justify-content: flex-start;gap: 35px;}
.regulations_list_cont.menu-info > .regulations_list_area .list li{width: calc(33.333% - 24px);margin: 0;}
.regulations_list_cont.menu-info > .regulations_list_area .list li:nth-child(-n+3){margin:0;}

.regulations_list_cont.menu-info > .regulations_list_area .list li .link.type .text{background-image: url(../../../images/sub/list_view_icon.png);}
.regulations_list_cont.menu-info > .regulations_list_area .list li .link.type:hover .text{background-image: url('../../../images/sub/list_view_icon_on.png');}

.regulations_list_cont.menu-info > .regulations_list_area .list li .link .text{background-image: url(../../../images/sub/tab_arrow.png);}
.regulations_list_cont.menu-info > .regulations_list_area .list li .link:hover .text{background-image: url(../../../images/sub/tab_arrow_hover.png);}


@media only screen and (max-width:1400px) {
    .regulations_list_cont + .sch_box {margin-top: 50px;}
    .regulations_list_cont > .title_area {margin: 0 0 50px; padding: 0 0 50px;}
    .regulations_list_cont > .title_area .title {margin: 0 0 10px; font-size: 28px;}
    .regulations_list_cont > .title_area .text {font-size: 18px;}
    .regulations_list_cont > .regulations_list_area .list li {width: calc(33.3333% - 20px); margin: 20px 30px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(-n+3) {margin: 0 30px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3n) {margin: 20px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3) {margin: 0;}
    .regulations_list_cont > .regulations_list_area .list li .link {padding: 0 25px;}
    .regulations_list_cont > .regulations_list_area .list li .link .text {padding: 0 25px 0 0; background-size: 20px auto; font-size: 18px; line-height: 70px;}

    .regulations_list_cont.menu-info > .regulations_list_area .list li .link.type .text{background-image: url(../../../images/sub/list_view_icon.png);background-size: 20px auto;}
    .regulations_list_cont.menu-info > .regulations_list_area .list li .link .text{background-size: 8px auto;}

}

@media only screen and (max-width:1280px) {
    .regulations_list_cont + .sch_box {margin-top: 40px;}
    .regulations_list_cont > .title_area {margin: 0 0 40px; padding: 0 0 40px;}
    .regulations_list_cont > .title_area .title {font-size: 24px;}
    .regulations_list_cont > .title_area .text {font-size: 16px;}
    .regulations_list_cont > .regulations_list_area .list li {width: calc(33.3333% - 20px); margin: 15px 25px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(-n+3) {margin: 0 25px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3n) {margin: 15px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3) {margin: 0;}
    .regulations_list_cont > .regulations_list_area .list li .link {padding: 0 20px;}
    .regulations_list_cont > .regulations_list_area .list li .link .text {padding: 0 20px 0 0; background-size: 16px auto; font-size: 16px; line-height: 64px;}
}

@media only screen and (max-width:1080px) {
    .regulations_list_cont + .sch_box {margint-op: 30px;}
    .regulations_list_cont > .title_area {margin: 0 0 30px; padding: 0 0 30px;}
    .regulations_list_cont > .title_area .title {font-size: 20px;}
    .regulations_list_cont > .title_area .text {font-size: 14px;}
    .regulations_list_cont > .regulations_list_area .list li {width: calc(50% - 5px); margin: 10px 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(-n+3) {margin: 10px 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3n) {margin: 10px 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(3) {margin: 10px 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(-n+2) {margin: 0 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(2n) {margin: 10px 0 0;}
    .regulations_list_cont > .regulations_list_area .list li:nth-child(2) {margin: 0;}
    .regulations_list_cont > .regulations_list_area .list li .link {padding: 0 14px;}
    .regulations_list_cont > .regulations_list_area .list li .link .text {line-height: 56px;}

    .regulations_list_cont.menu-info > .regulations_list_area .list{gap: 20px;}
    .regulations_list_cont.menu-info > .regulations_list_area .list li{width: calc(50% - 10px);}
    .regulations_list_cont.menu-info > .regulations_list_area .list li:nth-child(2n){margin:0}
    .regulations_list_cont.menu-info > .regulations_list_area .list li:nth-child(-n+2){margin:0;}
    .regulations_list_cont.menu-info > .regulations_list_area .list li .link.type .text{background-size: 16px auto;}
}

@media only screen and (max-width:767px) {
    .regulations_list_cont + .sch_box {margint-op: 20px;}
    .regulations_list_cont > .title_area {margin: 0 0 20px; padding: 0 0 20px;}
    .regulations_list_cont > .title_area .title {font-size: 18px;}
    .regulations_list_cont > .regulations_list_area .list li .link .text {font-size: 14px; line-height: 48px;}
}

@media only screen and (max-width:480px) {
    .regulations_list_cont > .regulations_list_area .list li {width: 100%; margin: 10px 0 0 !important;}
    .regulations_list_cont > .regulations_list_area .list li:first-child {margin: 0 !important;}

    .regulations_list_cont.menu-info > .regulations_list_area .list{gap: 0}
    .regulations_list_cont.menu-info > .regulations_list_area .list li{width: 100%}
    .regulations_list_cont.menu-info > .regulations_list_area .list li .link .text{background-size: 6px auto;}

}