@charset "UTF-8";
@import 'ui/jquery-ui.css';
@import 'ui/animate.css';
@import 'ui/slick.css';
@import 'ui/mCustomScrollbar.css';
@import 'ui/magnific-popup.css';
@import url(//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
@import 'common.css';
@font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } 
._mc {
 color:#eda000
}
._mc2 {
 color:#ffc600
}


@font-face {
    font-family:"yg-jalnan";
    src: url('/font/Jalnan2TTF.ttf') format('truetype');
}

@font-face {
 font-family:"Noto Sans KR";
 font-style:normal;
 font-weight:300;
 src:url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2") format("woff2"),
 url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff") format("woff"),
 url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf") format("opentype")
}
@font-face {
 font-family:"Noto Sans KR";
 font-style:normal;
 font-weight:400;
 src:url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2") format("woff2"),
 url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff") format("woff"),
 url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf") format("opentype")
}
@font-face {
 font-family:"Noto Sans KR";
 font-style:normal;
 font-weight:500;
 src:url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2") format("woff2"),
 url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff") format("woff"),
 url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf") format("opentype")
}
@font-face {
 font-family:"Noto Sans KR";
 font-style:normal;
 font-weight:700;
 src:url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2") format("woff2"),
 url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff") format("woff"),
 url("//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf") format("opentype")
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SpoqaHanSansNeo-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

img {/*pointer-events: none;*/} /* 이미지 다운 금지 */
.table-btn-01,
input[type=file],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select {
 height:50px;
 line-height:50px;
 border:solid 1px #ccc;
 padding:0 15px
}
@media screen and (max-width:1024px) {
a[name="tab"] {
  height: 60px !important;
  top: -60px !important;
}
 .table-btn-01,
 input[type=file],
 input[type=number],
 input[type=password],
 input[type=tel],
 input[type=text],
 select {
  height:40px;
  line-height:40px;
  padding:0 7px
 }
}
.input_find {
 max-width:500px;
 padding-right:110px;
 position:relative
}
.input_find input {
 width:100%;
 max-width:100%
}
.input_find .table-btn-01 {
 width:100px;
 position:absolute;
 top:0;
 right:0;
 padding:0;
 background-color: #999; 
 color: #fff;
}
.tr-flex.input_find {
    max-width: 22.5rem;
}

@media screen and (max-width:1024px) {
 .input_find {
  padding-right:0px
 }
 .input_find .table-btn-01 {
  width:70px;
  height: 100%;
  line-height:50px;
 }
 .tr-flex.input_find {
  max-width: 16.6rem;
 }
}

.table-btn-01 {
 vertical-align:middle;
 display:inline-block;
 background-color:#ccc;
 color:#333;
 text-align:center
}
.row,
[class*=row_] {
 zoom:1
}
.row:after,
.row:before,
[class*=row_]:after,
[class*=row_]:before {
 content:"";
 display:table
}
.row:after,
[class*=row_]:after {
 clear:both
}
.row [class*=col-],
[class*=row_] [class*=col-] {
 box-sizing:border-box;
 position:relative;
 min-height:1px;
 float:left
}
.row {
 margin-right:-15px;
 margin-left:-15px
}
.row [class*=col-] {
 padding-right:15px;
 padding-left:15px
}
.row_0 {
 margin-right:0px;
 margin-left:0px
}
.row_0 [class*=col-] {
 padding-right:0px;
 padding-left:0px
}
.row_5 {
 margin-right:-5px;
 margin-left:-5px
}
.row_5 [class*=col-] {
 padding-right:5px;
 padding-left:5px
}
.row_10 {
 margin-right:-10px;
 margin-left:-10px
}
.row_10 [class*=col-] {
 padding-right:10px;
 padding-left:10px
}
@media screen and (max-width:768px) {
 .row_m_0 {
  margin-right:0px;
  margin-left:0px
 }
 .row_m_0 [class*=col-] {
  padding-right:0px;
  padding-left:0px
 }
 .row_m_2 {
  margin-right:-2px;
  margin-left:-2px
 }
 .row_m_2 [class*=col-] {
  padding-right:2px;
  padding-left:2px
 }
 .row_m_5 {
  margin-right:-5px;
  margin-left:-5px
 }
 .row_m_5 [class*=col-] {
  padding-right:5px;
  padding-left:5px
 }
}
.col-lg-0 {
 display:none
}
.col-lg-05 {
 width:4.16667%
}
.col-lg-1 {
 width:8.33333%
}
.col-lg-15 {
 width:12.5%
}
.col-lg-2 {
 width:16.66667%
}
.col-lg-25 {
 width:20.83333%
}
.col-lg-3 {
 width:25%
}
.col-lg-35 {
 width:29.16667%
}
.col-lg-4 {
 width:33.33333%
}
.col-lg-45 {
 width:37.5%
}
.col-lg-5 {
 width:41.66667%
}
.col-lg-55 {
 width:45.83333%
}
.col-lg-6 {
 width:50%
}
.col-lg-65 {
 width:54.16667%
}
.col-lg-7 {
 width:58.33333%
}
.col-lg-75 {
 width:62.5%
}
.col-lg-8 {
 width:66.66667%
}
.col-lg-85 {
 width:70.83333%
}
.col-lg-9 {
 width:75%
}
.col-lg-95 {
 width:79.16667%
}
.col-lg-10 {
 width:83.33333%
}
.col-lg-105 {
 width:87.5%
}
.col-lg-11 {
 width:91.66667%
}
.col-lg-115 {
 width:95.83333%
}
.col-lg-12 {
 width:100%
}
@media screen and (max-width:1024px) {
 .col-sl-0 {
  display:none
 }
 .col-sl-05 {
  width:4.16667%
 }
 .col-sl-1 {
  width:8.33333%
 }
 .col-sl-15 {
  width:12.5%
 }
 .col-sl-2 {
  width:16.66667%
 }
 .col-sl-25 {
  width:20.83333%
 }
 .col-sl-3 {
  width:25%
 }
 .col-sl-35 {
  width:29.16667%
 }
 .col-sl-4 {
  width:33.33333%
 }
 .col-sl-45 {
  width:37.5%
 }
 .col-sl-5 {
  width:41.66667%
 }
 .col-sl-55 {
  width:45.83333%
 }
 .col-sl-6 {
  width:50%
 }
 .col-sl-65 {
  width:54.16667%
 }
 .col-sl-7 {
  width:58.33333%
 }
 .col-sl-75 {
  width:62.5%
 }
 .col-sl-8 {
  width:66.66667%
 }
 .col-sl-85 {
  width:70.83333%
 }
 .col-sl-9 {
  width:75%
 }
 .col-sl-95 {
  width:79.16667%
 }
 .col-sl-10 {
  width:83.33333%
 }
 .col-sl-105 {
  width:87.5%
 }
 .col-sl-11 {
  width:91.66667%
 }
 .col-sl-115 {
  width:95.83333%
 }
 .col-sl-12 {
  width:100%
 }
}
@media screen and (max-width:768px) {
 .col-sm-0 {
  display:none
 }
 .col-sm-05 {
  width:4.16667%
 }
 .col-sm-1 {
  width:8.33333%
 }
 .col-sm-15 {
  width:12.5%
 }
 .col-sm-2 {
  width:16.66667%
 }
 .col-sm-25 {
  width:20.83333%
 }
 .col-sm-3 {
  width:25%
 }
 .col-sm-35 {
  width:29.16667%
 }
 .col-sm-4 {
  width:33.33333%
 }
 .col-sm-45 {
  width:37.5%
 }
 .col-sm-5 {
  width:41.66667%
 }
 .col-sm-55 {
  width:45.83333%
 }
 .col-sm-6 {
  width:50%
 }
 .col-sm-65 {
  width:54.16667%
 }
 .col-sm-7 {
  width:58.33333%
 }
 .col-sm-75 {
  width:62.5%
 }
 .col-sm-8 {
  width:66.66667%
 }
 .col-sm-85 {
  width:70.83333%
 }
 .col-sm-9 {
  width:75%
 }
 .col-sm-95 {
  width:79.16667%
 }
 .col-sm-10 {
  width:83.33333%
 }
 .col-sm-105 {
  width:87.5%
 }
 .col-sm-11 {
  width:91.66667%
 }
 .col-sm-115 {
  width:95.83333%
 }
 .col-sm-12 {
  width:100%
 }
}
@media screen and (max-width:480px) {
 .col-xs-0 {
  display:none
 }
 .col-xs-05 {
  width:4.16667%
 }
 .col-xs-1 {
  width:8.33333%
 }
 .col-xs-15 {
  width:12.5%
 }
 .col-xs-2 {
  width:16.66667%
 }
 .col-xs-25 {
  width:20.83333%
 }
 .col-xs-3 {
  width:25%
 }
 .col-xs-35 {
  width:29.16667%
 }
 .col-xs-4 {
  width:33.33333%
 }
 .col-xs-45 {
  width:37.5%
 }
 .col-xs-5 {
  width:41.66667%
 }
 .col-xs-55 {
  width:45.83333%
 }
 .col-xs-6 {
  width:50%
 }
 .col-xs-65 {
  width:54.16667%
 }
 .col-xs-7 {
  width:58.33333%
 }
 .col-xs-75 {
  width:62.5%
 }
 .col-xs-8 {
  width:66.66667%
 }
 .col-xs-85 {
  width:70.83333%
 }
 .col-xs-9 {
  width:75%
 }
 .col-xs-95 {
  width:79.16667%
 }
 .col-xs-10 {
  width:83.33333%
 }
 .col-xs-105 {
  width:87.5%
 }
 .col-xs-11 {
  width:91.66667%
 }
 .col-xs-115 {
  width:95.83333%
 }
 .col-xs-12 {
  width:100%
 }
}
.btn-type-01 {
 color:#fff;
 background-color:#1d2245;
 border:1px solid #1d2245
}
.btn-type-01:hover {
 background-color:#fff;
 color:#1d2245
}
.btn-type-02 {
 color:#fff;
 background-color:#999;
 border:1px solid #999
}
.btn-type-02:hover {
 background-color:#fff;
 color:#999
}
.btn-type-03 {
 color:#fff;
 background-color:#000;
 border:1px solid #000
}
.btn-type-03:hover {
 background-color:#fff;
 color:#000
}
.btn-type-04 {
 color:#666;
 background-color:#fff;
 border:1px solid #666
}
.btn-type-04:hover {
 background-color:#666;
 color:#fff
}
[class*=btn-type-0] {
 height:60px;
 line-height:60px;
 display:inline-block;
 text-align:center;
 min-width:100px;
 padding:0 20px;
 cursor:pointer;
 box-sizing:border-box;
 transition:0.3s;
 font-size:1.0588235294em;
 min-width:200px
}
@media screen and (max-width:768px) {
 [class*=btn-type-0] {
  height:48px;
  line-height:48px
 }
}
@media screen and (max-width:768px) {
 [class*=btn-type-0] {
  min-width:130px
 }
}
[class*=btn-type-1] {
 height:32px;
 line-height:32px;
 display:inline-block;
 text-align:center;
 min-width:100px;
 padding:0 20px;
 cursor:pointer;
 box-sizing:border-box;
 transition:0.3s;
 font-size:0.8em
}
@media screen and (max-width:768px) {
 [class*=btn-type-1] {
  height:26px;
  line-height:26px
 }
}
[class*=btn-type-][class$="1"] {
 color:#fff;
 background-color:#019f61;
 border:1px solid #019f61
}
[class*=btn-type-][class$="1"]:hover {
 background-color:#fff;
 color:#019f61
}
[class*=btn-type-][class$="2"] {
 color:#fff;
 background-color:#999;
 border:1px solid #999
}
[class*=btn-type-][class$="2"]:hover {
 background-color:#fff;
 color:#999
}
[class*=btn-type-][class$="3"] {
 color:#fff;
 background-color:#000;
 border:1px solid #000
}
[class*=btn-type-][class$="3"]:hover {
 background-color:#fff;
 color:#000
}
[class*=btn-type-][class$="4"] {
 color:#666;
 background-color:#fff;
 border:1px solid #666
}
[class*=btn-type-][class$="4"]:hover {
 background-color:#666;
 color:#fff
}
.board-box b,
.board-box strong {
 font-weight:bold
}
.board-box u {
 text-decoration:underline
}
.board-box em,
.board-box i {
 font-style:italic
}
.board-box s,
.board-box strike {
 text-decoration:line-through
}
.board-box ol,
.board-box ol li {
 list-style:decimal
}
.board-box ul,
.board-box ul li {
 list-style:disc
}
.board-box img {
 width:auto!important;
 height:auto!important
}
.board-box h1 {
 font-size:2em
}
.board-box h2 {
 font-size:1.5em
}
.board-box h3 {
 font-size:1.17em
}
.board-box h4 {
 font-size:normal
}
.board-box h5 {
 font-size:0.83em
}
.board-box h6 {
 font-size:0.67em
}
.col_w {
 width:120px
}
@media screen and (max-width:1024px) {
 .col_w {
  width:90px
 }
}
table .code {
 padding:5px 10px;
 display:inline-block;
 border:1px solid #ddd;
 vertical-align:middle
}
table .w_150 {
 width:150px
}
@media screen and (max-width:1024px) {
 table .w_150 {
  width:100px
 }
}
table .xi-file-download,
table .xi-volume-up {
 font-size:18px;
 color:#019f61
}
table .xi-renew {
 font-size:28px;
 color:#019f61
}
table td.text_left {
 text-align:left
}
.table_board_for {
 margin-top:30px;
 table-layout:fixed;
 width:100%;
 border-top:1px solid #444;
 border-bottom:1px solid #ddd;
 text-align:center;
 word-break:break-all
}
.table_board_for.type_a {
}
.tr-flex {display: flex; align-items: baseline;}
@media screen and (max-width:1024px) {
 .table_board_for.type_a colgroup {
  display:none
 }
 .table_board_for.type_a td:first-child,
 .table_board_for.type_a th:first-child {
  width:30px
 }
 .table_board_for.type_a td:nth-child(3),
 .table_board_for.type_a th:nth-child(3) {
  width:60px
 }
 .table_board_for.type_a td:nth-child(4),
 .table_board_for.type_a th:nth-child(4) {
  width:90px
 }
}
.table_board_for.type_b {
}
@media screen and (max-width:1024px) {
 .table_board_for.type_b td:nth-child(2),
 .table_board_for.type_b th:nth-child(2) {
  width:60%
 }
 .table_board_for.type_b td:nth-child(3),
 .table_board_for.type_b th:nth-child(3) {
  width:20%
 }
 .table_board_for.type_b td:nth-child(4),
 .table_board_for.type_b th:nth-child(4) {
  width:20%
 }
 .table_board_for.type_b td:last-child,
 .table_board_for.type_b th:last-child {
  display:none
 }
}
.table_board_for.type_c {
}
@media screen and (max-width:1024px) {
 .table_board_for.type_c td:nth-child(2),
 .table_board_for.type_c th:nth-child(2) {
  width:16%
 }
 .table_board_for.type_c td:nth-child(3),
 .table_board_for.type_c th:nth-child(3) {
  width:52%
 }
 .table_board_for.type_c td:nth-child(4),
 .table_board_for.type_c th:nth-child(4) {
  width:16%
 }
 .table_board_for.type_c td:last-child,
 .table_board_for.type_c th:last-child {
  width:16%
 }
}
.table_board_for.type_d {
}
@media screen and (max-width:768px) {
 .table_board_for.type_d td,
 .table_board_for.type_d th {
  vertical-align:middle
 }
 .table_board_for.type_d colgroup,
 .table_board_for.type_d td:first-child,
 .table_board_for.type_d th:first-child {
  display:none
 }
 .table_board_for.type_d td:nth-child(3),
 .table_board_for.type_d th:nth-child(3) {
  width:40px
 }
 .table_board_for.type_d td:nth-child(4),
 .table_board_for.type_d th:nth-child(4) {
  width:90px
 }
 .table_board_for.type_d td:last-child,
 .table_board_for.type_d th:last-child {
  width:110px
 }
}
.table_board_for.type_e {
}
.table_board_for.type_e td,
.table_board_for.type_e th {
 vertical-align:middle
}
@media screen and (max-width:1024px) {
 .table_board_for.type_e {
  display:block
 }
 .table_board_for.type_e td,
 .table_board_for.type_e th {
  padding:10px 5px
 }
 .table_board_for.type_e colgroup,
 .table_board_for.type_e td:first-child,
 .table_board_for.type_e th:first-child {
  width:100%;
  display:block
 }
 .table_board_for.type_e td:nth-child(2),
 .table_board_for.type_e th:nth-child(2) {
  width:100%
 }
 .table_board_for.type_e td:nth-child(3),
 .table_board_for.type_e th:nth-child(3) {
  width:100%
 }
 .table_board_for.type_e td:last-child,
 .table_board_for.type_e th:last-child {
  width:100%
 }
 .table_board_for.type_e colgroup,
 .table_board_for.type_e tbody,
 .table_board_for.type_e td,
 .table_board_for.type_e th,
 .table_board_for.type_e tr {
  display:block;
  border:none
 }
 .table_board_for.type_e thead {
  display:none
 }
 .table_board_for.type_e tr {
  border-bottom:1px solid #ddd;
  padding:10px 0 10px 10px;
  text-align:left
 }
 .table_board_for.type_e tr td,
 .table_board_for.type_e tr th {
  padding:0;
  border:none;
  text-align:left;
  line-height:1.7
 }
 .table_board_for.type_e tr th {
  padding:10px 0 5px;
  text-align:left
 }
 .table_board_for.type_e tr td {
  position:relative;
  padding-left:80px
 }
 .table_board_for.type_e tr td:before {
  content:attr(data-title);
  position:absolute;
  top:0;
  left:0;
  color:#222;
  font-weight:500
 }
 .table_board_for.type_e tr td a {
  position:relative
 }
 .table_board_for.type_e tr td a:before {
  content:"";
  height:10px;
  border-left:1px solid #ccc;
  margin-top:-5px;
  position:absolute;
  top:50%;
  left:-8px;
  margin-top:-5px
 }
}
@media screen and (max-width:1024px) {
 .table_board_for.qna_type_a colgroup,
 .table_board_for.qna_type_a colgroup col,
 .table_board_for.qna_type_a thead {
  display:none
 }
 .table_board_for.qna_type_a tr:after {
  content:"";
  display:block;
  clear:both
 }
 .table_board_for.qna_type_a tbody tr {
  border-top:1px solid #ddd;
  padding:5px 0;
  overflow:hidden;
  clear:both;
  width:100%
 }
 .table_board_for.qna_type_a tbody tr:first-child {
  border-top:0
 }
 .table_board_for.qna_type_a tbody,
 .table_board_for.qna_type_a td,
 .table_board_for.qna_type_a tr {
  display:block;
  width:100%!important;
  text-align:left;
  border:none
 }
 .table_board_for.qna_type_a tbody:nth-child(2),
 .table_board_for.qna_type_a td:nth-child(2),
 .table_board_for.qna_type_a tr:nth-child(2) {
  float:left;
  width:100%!important
 }
 .table_board_for.qna_type_a tbody:nth-child(3),
 .table_board_for.qna_type_a tbody:nth-child(4),
 .table_board_for.qna_type_a tbody:nth-child(5),
 .table_board_for.qna_type_a td:nth-child(3),
 .table_board_for.qna_type_a td:nth-child(4),
 .table_board_for.qna_type_a td:nth-child(5),
 .table_board_for.qna_type_a tr:nth-child(3),
 .table_board_for.qna_type_a tr:nth-child(4),
 .table_board_for.qna_type_a tr:nth-child(5) {
  float:left;
  margin-right:5px;
  width:auto!important
 }
}
.table_board_for thead th {
 color:#444;
 font-weight:bold
}
.table_board_for a:hover {
 color:#019f61;
 text-decoration:underline!important
}
.table_board_for td,
.table_board_for th {
 vertical-align:middle
}
.table_board_for th {
 padding:13px 2px;
 position:relative;
 color:#000;
 font-weight:700
}
.table_board_for th:first-child:before {
 display:none
}
.table_board_for td {
 padding:15px 5px;
 border-top:1px solid #ddd;
 text-align:center
}
.table_board_for td .img_bx {
 overflow:hidden;
 width:80px;
 margin:0 auto;
 background:url(/images/board/no_img.jpg) no-repeat center center;
 background-size:cover
}
.table_board_for td .img_bx .img_src {
 display:block;
 margin:0 auto;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover;
 padding-top:75%
}
@media screen and (max-width:1024px) {
 .table_board_for td,
 .table_board_for th {
  padding:8px 5px
 }
}
.anwer,
[class*=anwer_] {
 display:inline-block;
 text-align:center;
 vertical-align:middle;
 height:33px;
 line-height:33px;
 font-size:16px;
 border-radius:3px;
 color:#fff;
 letter-spacing:-0.4px;
 min-width:100px;
 padding:0 20px
}
@media screen and (max-width:1024px) {
 .anwer,
 [class*=anwer_] {
  min-width:60px;
  padding:0 10px;
  height:20px;
  line-height:20px;
  font-size:12px
 }
}
.anwer {
 min-width:100px
}
@media screen and (max-width:1024px) {
 .anwer {
  min-width:60px
 }
}
.anwer._off,
.anwer_off {
 background-color:#989aa6
}
.anwer._on,
.anwer_on {
 background-color:#019f61
}
.anwer._view,
.anwer_view {
 background-color:#b03f67
}
.anwer._ask {
 background-color:#999999;
 color:#fff
}
.anwer._cancel {
 background-color:#dddddd;
 color:#666
}
.pass-wrap {
 margin-top:60px
}
.pass-wrap .tit {
 font-size:1.2em;
 font-weight:500;
 color:#333;
 margin-bottom:20px
}
.pass-wrap .mt_05 {
 margin-top:5px
}
.pass-wrap input {
 padding:0 10px
}
.img_board_list {
 margin-left:-10px;
 margin-right:-10px;
 clear:both;
 overflow:hidden
}
.img_board_list .item,
.img_board_list li {
 float:left;
 width:25%;
 padding:0 10px 20px
}
@media screen and (max-width:1024px) {
 .img_board_list {
  margin-left:-5px;
  margin-right:-5px
 }
 .img_board_list .item,
 .img_board_list li {
  width:50%;
  padding:0 5px 10px!important
 }
}
.img_board_list .wrap,
.img_board_list a {
 position:relative;
 display:block;
 border:1px solid #ddd
}
.img_board_list .wrap:before,
.img_board_list a:before {
 display:block;
 content:"";
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 border:0 solid #019f61;
 transition:border-width 0.3s;
 z-index:5
}
.img_board_list .wrap:hover:before,
.img_board_list a:hover:before {
 border-width:3px
}
.img_board_list .wrap:hover .img_box .img_src,
.img_board_list a:hover .img_box .img_src {
 transform:scale(1.05)
}
.img_board_list .wrap:hover .img_box ._icon,
.img_board_list a:hover .img_box ._icon {
 color:#019f61
}
.img_board_list .wrap:hover .txt_box .tit,
.img_board_list a:hover .txt_box .tit {
 color:#019f61
}
.img_board_list .img_box {
 overflow:hidden;
 position:relative
}
.img_board_list .img_box .img_src {
 display:block;
 height:0;
 width:100%;
 padding-bottom:75%;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 background-size:cover;
 transition:0.3s
}
.img_board_list .img_box ._icon {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 font-size:70px;
 color:#fff;
 text-shadow:-2px -2px 10px rgba(0,0,0,0.2),2px 2px 10px rgba(0,0,0,0.2)
}
.img_board_list .img_box .event_state {
 position:absolute;
 top:10px;
 left:10px
}
.img_board_list .txt_box {
 padding:20px 15px;
 background:#fff
}
.img_board_list .txt_box .tit {
 color:#222;
 font-weight:500;
 display:block;
 word-wrap:normal;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.img_board_list .txt_box .date,
.img_board_list .txt_box .des {
 margin-top:10px;
 font-size:0.9em;
 color:#999
}
.img_board_list .txt_box .des {
 height:40px;
 line-height:20px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
@media screen and (max-width:1024px) {
 .img_board_list .txt_box {
  padding:10px 5px
 }
}
.img_board_list.type_b .wrap,
.img_board_list.type_b a {
 border:none
}
.img_board_list.type_b .wrap .txt_box,
.img_board_list.type_b a .txt_box {
 padding:15px 0
}
.img_board_list.type_b .wrap:before,
.img_board_list.type_b a:before {
 display:none
}
.img_board_list.type_b .wrap:hover .hover_box,
.img_board_list.type_b a:hover .hover_box {
 transition:0.3s ease-out;
 height:100%
}
.img_board_list.type_b .wrap .hover_box,
.img_board_list.type_b a .hover_box {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:0;
 background:rgba(0,0,0,0.6);
 text-align:center;
 color:#fff;
 font-size:13px;
 letter-spacing:1px
}
.img_board_list.type_b .wrap .hover_box .txt,
.img_board_list.type_b a .hover_box .txt {
 display:inline-block;
 border-bottom:1px solid #fff
}
.img_board_list.type_b .wrap .hover_box i,
.img_board_list.type_b a .hover_box i {
 font-size:12px;
 margin-left:5px
}
.img_board_list.type_c {
 padding:0;
 border-left:1px solid #ddd
}
.img_board_list.type_c .item,
.img_board_list.type_c li {
 width:33.33%;
 padding:0;
 margin-bottom:-1px
}
.img_board_list.type_c .wrap,
.img_board_list.type_c a {
 border-left:0
}
.img_board_list.type_c .txt_box .date {
 margin-top:10px;
 font-size:0.9em;
 color:#999;
 height:auto;
 line-height:1.5;
 text-overflow:inherit;
 display:block
}
.img_board_list.type_c .txt_box .date span {
 position:relative;
 padding:0 7px
}
.img_board_list.type_c .txt_box .date span:before {
 content:"";
 position:absolute;
 top:50%;
 left:-1px;
 height:10px;
 margin-top:-5px;
 border-left:1px solid #ccc
}
.img_board_list.type_c .txt_box .date span:first-child {
 padding-left:0
}
.img_board_list.type_c .txt_box .date span:first-child:before {
 display:none
}
@media screen and (max-width:1024px) {
 .img_board_list.type_c .date,
 .img_board_list.type_c .txt_box {
  margin-top:5px
 }
}
@media screen and (max-width:768px) {
 .img_board_list.type_c .item,
 .img_board_list.type_c li {
  width:100%
 }
}
.img_board_list_02 {
 border-top:1px solid #222
}
.img_board_list_02 .item,
.img_board_list_02 li {
 padding:20px 0;
 border-bottom:1px solid #ddd
}
.img_board_list_02 .wrap,
.img_board_list_02 a {
 display:table;
 width:100%;
 box-sizing:border-box;
 position:relative
}
.img_board_list_02 .wrap .no_txt,
.img_board_list_02 a .no_txt {
 position:absolute;
 top:50%;
 left:0;
 color:#222;
 font-weight:400;
 margin-top:-12px
}
.img_board_list_02 .wrap:hover .txt_box .tit,
.img_board_list_02 a:hover .txt_box .tit {
 text-decoration:underline
}
.img_board_list_02 .wrap:hover .img_box .img_src,
.img_board_list_02 .wrap:hover .img_box img,
.img_board_list_02 a:hover .img_box .img_src,
.img_board_list_02 a:hover .img_box img {
 transform:scale(1.05);
 transition:all 0.2s linear
}
.img_board_list_02 .img_box {
 display:table-cell;
 overflow:hidden;
 width:160px;
 border:1px solid #ddd
}
.img_board_list_02 .img_box .img_src {
 display:block;
 height:0;
 width:100%;
 padding-bottom:80%;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
.img_board_list_02 .img_box img {
 width:100%
}
.img_board_list_02 .img_box .img_src,
.img_board_list_02 .img_box img {
 transform:scale(1)
}
.img_board_list_02 .txt_box {
 padding-left:30px;
 line-height:1.4;
 display:table-cell;
 width:100%;
 vertical-align:middle;
 position:relative
}
.img_board_list_02 .txt_box .tit {
 color:#222;
 font-weight:400
}
.img_board_list_02 .txt_box .des,
.img_board_list_02 .txt_box .tbl_detail_span {
 font-size:0.9em;
 margin-top:10px;
 color:#999
}
.img_board_list_02 .txt_box .des {
 display:block;
 word-wrap:normal;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.img_board_list_02 .txt_box .tbl_detail_span span {
 position:relative;
 padding:0 7px
}
.img_board_list_02 .txt_box .tbl_detail_span span:before {
 content:"";
 position:absolute;
 top:50%;
 left:0;
 height:10px;
 margin-top:-5px;
 border-left:1px solid #ccc
}
.img_board_list_02 .txt_box .tbl_detail_span span:first-child {
 padding-left:0
}
.img_board_list_02 .txt_box .tbl_detail_span span:first-child:before {
 display:none
}
@media screen and (max-width:1024px) {
 .img_board_list_02 .item,
 .img_board_list_02 li {
  padding:10px 0
 }
 .img_board_list_02 .img_box {
  width:90px;
  margin-right:10px
 }
 .img_board_list_02 .txt_box .des,
 .img_board_list_02 .txt_box .tbl_detail_span {
  margin-top:5px
 }
}
.event_img_list {
 border-bottom:1px solid #222;
 border-top:1px solid #999
}
.event_img_list .event_t {
 position:absolute;
 top:0;
 left:0;
 display:inline-block;
 padding:8px 20px;
 z-index:1;
 font-size:16px;
 color:#fff;
 background:rgba(0,0,0,0.7);
 text-align:center
}
.event_img_list .event_t.on {
 background:rgba(1,159,97,0.7)
}
.event_img_list .item,
.event_img_list li {
 position:relative;
 padding:20px 0;
 border-top:1px solid #ddd
}
.event_img_list .item:first-child,
.event_img_list li:first-child {
 border-top:0
}
.event_img_list .wrap,
.event_img_list a {
 position:relative;
 display:table;
 width:100%
}
.event_img_list .wrap:hover .txt_box .tit,
.event_img_list a:hover .txt_box .tit {
 color:#019f61
}
.event_img_list .wrap:hover .btn_link,
.event_img_list a:hover .btn_link {
 background:#019f61;
 color:#fff
}
.event_img_list .wrap:hover .img_box:before,
.event_img_list a:hover .img_box:before {
 border-width:3px
}
.event_img_list .img_box {
 position:relative;
 float:left;
 width:400px;
 margin-right:40px;
 border:1px solid #ddd
}
.event_img_list .img_box .img_src {
 display:block;
 height:0;
 width:100%;
 padding-bottom:66%;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
.event_img_list .img_box img {
 width:100%
}
.event_img_list .img_box:before {
 content:"";
 position:absolute;
 top:-1px;
 left:-1px;
 right:-1px;
 bottom:-1px;
 border:0 solid #019f61;
 transition:border-width 0.3s;
 z-index:5
}
.event_img_list .txt_box {
 display:table-cell;
 width:100%;
 vertical-align:middle;
 padding:10px 0
}
.event_img_list .txt_box .tit {
 transition:all 0.4s ease;
 font-size:1.3em;
 color:#333;
 font-weight:bold;
 display:block;
 word-wrap:normal;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.event_img_list .txt_box .date,
.event_img_list .txt_box .des {
 margin-top:20px
}
.event_img_list .txt_box .des {
 font-size:1.1em;
 display:block;
 word-wrap:normal;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 margin-top:20px
}
@media screen and (max-width:768px) {
 .event_img_list .event_t {
  font-size:13px;
  padding:5px 10px
 }
 .event_img_list .wrap,
 .event_img_list a {
  display:block
 }
 .event_img_list .img_box {
  float:none;
  width:100%;
  margin-bottom:15px
 }
 .event_img_list .txt_box {
  display:block;
  padding:0
 }
 .event_img_list .txt_box .date,
 .event_img_list .txt_box .des {
  margin-top:5px
 }
}
.table-view-01 {
 margin-top:30px;
 table-layout:fixed;
 width:100%;
 border-bottom:solid 1px #ddd
}
.table-view-01 .tit {
 font-size:16px;
 color:#000
}
.table-view-01 tr:first-child td,
.table-view-01 tr:first-child th {
 border-top:solid 1px #000
}
.table-view-01 td,
.table-view-01 th {
 padding:10px 8px;
 vertical-align:top;
 border-top:solid 1px #ddd
}
.table-view-01 th {
 color:#333;
 text-align:left;
 font-weight:500
}
.table-view-01 .blue {
 color:#5d9ad3
}
.table-view-01 .text_left {
 text-align:left
}
.table-view-01 .addfile_txt {
 padding-left:35px;
 background-image:url(/images/icon/file_i.png);
 background-repeat:no-repeat;
 background-position:left center
}
@media screen and (max-width:1024px) {
 .table-view-01 .addfile_txt {
  padding-left:20px;
  background-size:15px
 }
}
.table-view-01 .notice-b {
 display:inline-block;
 padding:2px 8px;
 background-color:#489fc4;
 color:#fff;
 font-size:12px;
 border-radius:10px
}
.table-view-01.title-black th {
 color:#333
}
.table-view-01.th-center th {
 text-align:center
}
.table-view-01.table-line td,
.table-view-01.table-line th {
 border:solid 1px #ddd
}
.table-view-01 td .board-box {
 min-height:150px;
 text-align:initial
}
.table-view-01 .tbl_detail_list li {
 display:inline-block;
 position:relative;
 padding:0 10px
}
.table-view-01 .tbl_detail_list li:last-child {
 padding-right:0
}
.table-view-01 .tbl_detail_list li:first-child {
 padding-left:0
}
.table-view-01 .tbl_detail_list li .tit_t {
 font-weight:bold;
 color:#222;
 margin-right:5px
}
.table-view-01 .tbl_detail_list li:first-child:before {
 display:none
}
.table-view-01 .tbl_detail_list li:before {
 content:"";
 border-left:1px solid #ccc;
 height:10px;
 margin-top:-5px;
 top:50%;
 left:-2px;
 position:absolute
}
@media screen and (max-width:768px) {
 .table-view-01 .tbl_detail_list li {
  padding:0 4px
 }
 .table-view-01 .tbl_detail_list li .tit_t {
  margin-right:0
 }
}
.table-view-01 .tit_box p.tit {
 float:left
}
.table-view-01 .tit_box p.tit .type_t {
 display:inline-block;
 vertical-align:middle;
 font-size:13px;
 color:#fff;
 font-weight:400;
 background:#666;
 letter-spacing:-0.8px;
 padding:0 5px;
 height:25px;
 line-height:23px;
 box-sizing:border-box;
 margin-right:10px
}
.table-view-01 .tit_box p.tbl_detail_span {
 float:right
}
.table-view-01 .tit_box p.tbl_detail_span span:first-child:before {
 display:none
}
.table-view-01 .tit_box p.tbl_detail_span span:before {
 display:inline-block;
 overflow:hidden;
 width:1px;
 height:10px;
 background:#bbb;
 content:"";
 vertical-align:middle
}
.table-view-01 .tit_box p.tbl_detail_span>span.anwer:before,
.table-view-01 .tit_box p.tbl_detail_span>span.anwer_off:before,
.table-view-01 .tit_box p.tbl_detail_span>span.anwer_on:before {
 display:none
}
.table-view-01.type_e {
}
.table-view-01.type_e .col_w {
 width:150px
}
.table-view-01.type_e th {
 background:#f6f6f6;
 text-align:left
}
@media screen and (max-width:1024px) {
 .table-view-01.type_e .col_w {
  width:80px
 }
 .table-view-01.type_e th {
  padding:8px 2px
 }
}
.border-list-type {
 border-top:solid 1px #999
}
.border-list-type li {
 border-bottom:solid 1px #c7c7c7;
 height:40px;
 line-height:40px;
 position:relative;
 padding-left:100px;
 text-align:left
}
.border-list-type li a {
 display:block
}
.border-list-type li a .list-title {
 font-weight:500;
 position:absolute;
 top:0;
 left:0;
 width:150px;
 height:40px;
 line-height:40px;
 padding:0 30px 0 50px;
 box-sizing:border-box;
 color:#222;
 background-repeat:no-repeat;
 background-position:24px center;
 background-size:12px
}
.border-list-type li a .list-up-bg {
 background-image:url("/images/icon/list-prev.png")
}
.border-list-type li a .list-down-bg {
 background-image:url("/images/icon/list-next.png")
}
.border-list-type li a .w-con {
 float:none;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
.border-list-type .border-none {
 border-bottom:none
}
.paging-area {
 position:relative;
 margin-top:50px;
 font-size:0
}
.paging-area ul {
 margin:0;
 padding:0;
 list-style:none;
 text-align:center
}
.paging-area li {
 display:inline;
 margin-left:4px;
 padding:0
}
.paging-area a {
 font-size:16px;
 position:relative;
 display:inline-block;
 width:34px;
 height:34px;
 line-height:32px;
 color:#333;
 background-color:#fff;
 border:1px solid #ddd;
 box-sizing:border-box;
 background-repeat:no-repeat;
 background-position:center center;
 cursor:pointer
}
.paging-area a span {
 display:inline-block;
 text-indent:-9999px
}
.paging-area a:hover {
 color:#019f61
}
.paging-area a.active {
 border-color:#019f61;
 text-decoration:none;
 border-color:#111
}
.paging-area a.prev-first {
 background-image:url("/images/paging/prev-first.png")
}
.paging-area a.prev {
 background-image:url("/images/paging/prev.png")
}
.paging-area a.next-last {
 background-image:url("/images/paging/next-last.png")
}
.paging-area a.next {
 background-image:url("/images/paging/next.png")
}
@media screen and (max-width:1024px) {
 .paging-area {
  margin-top:30px
 }
 .paging-area a {
  font-size:13px;
  width:28px;
  height:28px;
  background-size:28px;
  line-height:26px
 }
}
.board-search-01 {
 margin-top:50px;
 padding:20px 0;
 text-align:center;
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
 position:relative
}
@media screen and (max-width:1024px) {
 .board-search-01.type_c .select-type-01 {
  top:65px
 }
 .board-search-01.type_c .select-type-01.first {
  position:static;
  width:100%;
  margin-bottom:5px
 }
 .board-search-01.type_c .btn-color-01 {
  top:65px
 }
}
.board-search-01 input,
.board-search-01 select {
 border:solid 1px #ddd;
 background-color:#fff
}
.board-search-01 .select-type-01 {
 width:100px;
 height:40px;
 line-height:40px;
 background-color:#fff
}
.board-search-01 .input-type-01 {
 padding:0 5px;
 width:20%;
 height:40px;
 line-height:40px;
 background-color:#fff
}
.board-search-01 .btn {
 display:inline-block;
 vertical-align:top;
 line-height:40px;
 height:40px;
 line-height:normal
}
.board-search-01 .btn-color-01 {
 width:90px;
 color:#333;
 background-color:#f6f6f6;
 border:solid 1px #ddd
}
@media screen and (max-width:1024px) {
 .board-search-01 .select-type-01 {
  width:21%;
  position:absolute;
  top:20px;
  left:0
 }
 .board-search-01 .input-type-01 {
  margin:0 22% 0 22%;
  width:56%
 }
 .board-search-01 .btn-color-01 {
  width:21%;
  position:absolute;
  top:20px;
  right:0
 }
}
.board_write_btn_bx {
 position:relative;
 text-align:right;
 margin-top:40px
}
@media screen and (max-width:1024px) {
 .board_write_btn_bx {
  margin-top:10px
 }
 .board_write_btn_bx a {
  width:100%
 }
}
.board_view_btn_box {
 margin:40px auto
}
@media screen and (max-width:1024px) {
 .board_view_btn_box {
  position:relative
 }
 .board_view_btn_box a {
  min-width:70px;
  padding:0 10px
 }
 .board_view_btn_box a:nth-child(2) {
  position:absolute;
  top:0;
  left:0;
  min-width:35px
 }
 .board_view_btn_box a:nth-child(3) {
  position:absolute;
  top:0;
  left:60px;
  min-width:35px
 }
 .board_view_btn_box a:nth-child(4) {
  position:absolute;
  top:0;
  left:120px;
  min-width:35px
 }
}
.table-form-01 {
 width:100%;
 border-top:1px solid #000;
 background:#fff
}
.table-form-01 .join_s_txt {
 font-size:0.9em
}
.table-form-01.type_c td,
.table-form-01.type_c th {
 display:block;
 border-bottom:0
}
.table-form-01.type_c td {
 padding:0
}
.table-form-01.type_c th {
 padding:10px 0 5px
}
.table-form-01 .col_w {
 width:120px
}
@media screen and (max-width:1024px) {
 .table-form-01 .col_w {
  width:70px
 }
}
.table-form-01 .e_mail_box_wrap {
 max-width:600px
}
.table-form-01 .num {
display: flex;
}
.table-form-01 tr th {
 padding:12px 10px;
 text-align:left;
 font-weight:700;
 color:#222;
width: 12%;
}
.table-form-01 tr td,
.table-form-01 tr th {
 border-bottom:1px solid #ddd
}
.table-form-01 td {
 padding:12px 0px
}
@media screen and (max-width:1024px) {
 .table-form-01 td {
  padding:10px 5px
 }
}
.table-form-01 th label {
 font-weight:bold
}
.table-form-01 .code {
 background:#ddd;
 padding:10px 10px;
 margin-right:5px;
 color:#333;
 font-weight:bold
}
.table-form-01 .btn-type-01 {
 width:100%;
 box-sizing:border-box
}
.form_wrap.type_c {
 max-width:600px;
 margin:0 auto
}
.qna {
 border-top:1px solid #000;
 background:#fff;
 text-align:left
}
.qna.type_b .qna-header a {
 background:none!important
}
.qna.type_b .qna-header a {
 position:relative
}
.qna.type_b .qna-header a.select:before {
 transform:rotate(0)
}
.qna.type_b .qna-header a:after,
.qna.type_b .qna-header a:before {
 background-color:rgba(0,0,0,0.8);
 width:14px;
 height:2px;
 position:absolute;
 right:22px;
 top:50%;
 margin-top:-1px;
 content:"";
 transition:all 0.5s
}
@media screen and (max-width:1024px) {
 .qna.type_b .qna-header a:after,
 .qna.type_b .qna-header a:before {
  right:12px
 }
}
.qna.type_b .qna-header a:before {
 transform:rotate(270deg)
}
.qna.type_b .qna-header a:after {
 transform:rotate(180deg)
}
.qna .qna-header {
 padding:15px 10px;
 position:relative;
 border-bottom:solid 1px #ddd
}
.qna .qna-header.select {
 color:#019f61
}
.qna .qna-header.select a {
 color:#019f61;
 background:url(/images/qna/qna-down.png) no-repeat right center
}
.qna .qna-header.select:before {
 color:#019f61
}
.qna .qna-header:before {
 content:"Q.";
 position:absolute;
 top:50%;
 left:15px;
 font-size:20px;
 margin-top:-15px;
 font-weight:500
}
.qna .qna-header a {
 display:block;
 padding-left:40px;
 padding-right:30px;
 text-decoration:none;
 font-size:1.1em;
 font-weight:400;
 color:#222;
 background:url(/images/qna/qna-up.png) no-repeat right center
}
@media screen and (max-width:1024px) {
 .qna .qna-header a {
  font-size:14px
 }
}
.qna .qna-header a:hover {
 color:#019f61
}
.qna .qna-body {
 display:none;
 padding:20px 20px 20px 50px;
 line-height:1.5;
 color:#333;
 border-bottom:solid 1px #ddd;
 position:relative;
 background:#f6f6f6
}
@media screen and (max-width:1024px) {
 .qna .qna-body {
  font-size:14px
 }
}
.qna .qna-body:before {
 content:"A.";
 position:absolute;
 top:15px;
 left:15px;
 font-size:20px;
 font-weight:500;
 color:#019f61
}
.qna_tab {
 margin-bottom:30px
}
.qna_tab ul {
 text-align:center
}
.qna_tab ul li {
 float:left
}
.qna_tab ul li a {
 display:block;
 position:relative;
 height:45px;
 line-height:45px;
 text-align:center;
 font-size:16px;
 color:#666;
 border:1px solid #ddd;
 background:#fff;
 margin-left:-1px;
 margin-top:-1px
}
.qna_tab ul li a.on,
.qna_tab ul li a:hover {
 color:#fff;
 border-color:#019f61;
 background:#019f61
}
@media screen and (max-width:1024px) {
 .qna_tab {
  margin-bottom:20px
 }
 .qna_tab ul li a {
  height:35px;
  font-size:13px;
  line-height:35px;
  letter-spacing:-0.8px;
  box-sizing:border-box
 }
}
.total_clause_bx {
 padding-bottom:10px;
 border-bottom:1px solid #ddd;
 text-align:right;
 color:#333;
 margin-bottom:30px
}
.clause_list {
 margin-bottom:30px
}
.clause_list h5 {
 color:#333;
 margin-bottom:10px;
 font-size:1.2em;
 font-weight:500
}
.clause_list li .textarea_box_border {
 border:1px solid #dedede
}
.clause_list li .textarea_box {
 width:100%;
 height:150px;
 padding:20px;
 overflow-y:auto;
 font-size:13px
}
@media screen and (max-width:1024px) {
 .clause_list li .textarea_box {
  font-size:11px;
  width:100%;
  padding:10px;
  height:120px
 }
}
.login_con .login_wrap {
 max-width:430px;
 margin:0 auto;
 background:#fff;
 box-sizing:border-box;
 padding:20px 20px;
 margin-bottom:20px
}
.login_con .login_wrap .login_list li {
 margin-top:10px
}
.login_con .login_wrap .login_list li input {
 height:50px;
 line-height:50px
}
.login_con .login_wrap .login_list li input.btn_login {
 width:100%;
 display:inline-block;
 height:50px;
 line-height:50px;
 background:#fff;
 color:#666;
 line-height:1.5;
 cursor:pointer;
 font-size:16px;
 border:1px solid #000;
 background:#000;
 color:#fff
}
.login_con .login_wrap .bot_sec {
 margin-top:20px
}
.login_con .login_wrap .bot_sec .tit {
 margin-bottom:10px
}
.login_con .login_wrap .bot_sec a {
 width:100%;
 box-sizing:border;
 padding:0;
 height:45px;
 line-height:45px
}
.login_con .tab-wrap {
 margin-bottom:20px;
 border-bottom:1px solid #ddd
}
.login_con .tab-wrap .tab li {
 float:left;
 width:50%;
 margin:0 auto
}
.login_con .tab-wrap .tab li a {
 display:block;
 position:relative;
 height:50px;
 line-height:50px;
 text-align:center;
 font-size:18px
}
.login_con .tab-wrap .tab li a:before {
 content:"";
 position:absolute;
 bottom:-1px;
 left:0;
 width:0;
 border-top:2px solid #000;
 transition:0.3s
}
.login_con .tab-wrap .tab li a.on {
 color:#6a635b
}
.login_con .tab-wrap .tab li a.on:before {
 width:100%
}
.num {
 display:table;
 vertical-align:middle;
 width:100%
}
.num li {
 display:table-cell;
 width:33.3333%;
 padding-left:10px;
 display: flex;
 align-items: center;
 flex-wrap: nowrap;
}
.num li input {
 width:100%
}
.num li:before {
 float:left;
 width:10px;
 margin-left:-10px;
 color:#444;
 text-align:center;
 content:"-";
 line-height:50px
}
@media screen and (max-width:1024px) {
 .num li:before {
  line-height:40px
 }
}
.num li:first-child {
 padding-left:0
}
.num li:first-child:before {
 display:none
}
.e_mail_box {
 display:table;
 width:100%
}
.e_mail_box .mail_txt,
.e_mail_box .mail_txt2 {
 display:table-cell;
 width:31.333%;
 vertical-align:middle
}
.e_mail_box .mail_a {
 display:table-cell;
 width:4%;
 text-align:center;
 vertical-align:middle
}
.e_mail_box .mail_sel {
 display:table-cell;
 width:31.333%;
 vertical-align:middle;
 padding-left:10px
}
.e_mail_box .mail_sel:before {
 float:left;
 width:10px;
 line-height:28px;
 margin-left:-10px;
 text-align:center;
 content:""
}
.id_num {
 display:table;
 vertical-align:middle;
 width:100%
}
.id_num li {
 display:table-cell;
 width:50%;
 padding-left:10px
}
.id_num li:before {
 float:left;
 width:10px;
 line-height:40px;
 margin-left:-10px;
 color:#444;
 text-align:center;
 content:"-"
}
.id_num li:first-child {
 padding-left:0
}
.id_num li:first-child:before {
 display:none
}
.area_select {
 display:table;
 vertical-align:middle;
 width:100%
}
.area_select li {
 display:table-cell;
 width:50%;
 padding-left:10px
}
.area_select.txt3 li {
 display:table-cell;
 width:33.333%;
 padding-left:10px
}
.area_select li:first-child {
 padding-left:0
}
.area_select li:first-child:before {
 display:none
}
.area_select li:before {
 float:left;
 width:10px;
 line-height:28px;
 margin-left:-10px;
 text-align:center;
 content:""
}
.select_10 {
 width:100px;
 border:1px solid #ccc
}
.input_7 {
 width:70px;
 padding:0;
 text-indent:7px
}
.input_10 {
 width:100px;
 padding:0
}
.input_12 {
 width:120px;
 padding:0;
 text-indent:7px
}
.input_15 {
 width:150px;
 padding:0;
 text-indent:7px
}
.input_20 {
 width:200px;
 padding:0;
 text-indent:7px
}
.input_30,
.input_txt {
 max-width:300px;
 width:100%;
 padding:0
}
.input_50 {
 width:50%;
 padding:0;
 text-indent:7px
}
.input_80 {
 width:80%;
 padding:0;
 text-indent:7px
}
.input_date {
 background-image:url(/images/icon/i_calendar.png);
 background-repeat:no-repeat;
 background-position:right center
}
@media screen and (max-width:1024px) {
 .input_date {
  background-size:20px
 }
}
.input_won {
 display:inline-block;
 padding-right:30px;
 position:relative;
 max-width:300px;
 width:100%;
 box-sizing:border-box
}
.input_won .won_t {
 position:absolute;
 top:50%;
 right:0;
 margin-top:-10px
}
.input_for {
 width:100%;
 padding:0
}
.sel_for {
 width:100%;
 border:1px solid #ccc
}
.sel_30 {
 width:100%;
 max-width:300px;
 border:1px solid #ccc
}
textarea {
 margin:0;
 border:solid 1px #ccc;
 background-color:#fff;
 overflow:auto;
 min-height:200px;
 width:80%;
 -webkit-appearance:none;
 -webkit-border-radius:0;
 resize:none
}
.area_for {
 padding:10px;
 width:100%;
 box-sizing:border-box;
 height:150px;
 border:solid 1px #ddd;
 overflow-y:auto
}
.filebox_css input[type=file] {
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 margin:-1px;
 overflow:hidden;
 clip:rect(0,0,0,0);
 border:0
}
.filebox_css label {
 display:inline-block;
 padding:3px 5px;
 color:#fff;
 font-size:inherit;
 line-height:normal;
 vertical-align:middle;
 background-color:#6a6a6a;
 cursor:pointer;
 border:1px solid #555
}
.filebox_css .upload-name {
 display:inline-block;
 padding:3px 5px;
 font-size:15px;
 font-family:inherit;
 line-height:normal;
 vertical-align:middle;
 background-color:#fff;
 border:1px solid #ccc
}
.file_box {
 position:relative;
 padding-right:100px
}
.file_box:hover .btn_type_file {
 background:#666
}
.file_box .text_01 {
 position:absolute;
 top:2px;
 left:0
}
.file_box p {
 border:1px solid #ccc;
 line-height:50px;
 height:50px;
 overflow:hidden
}
.file_box .btn_type_file {
 display:block;
 width:100px;
 height:50px;
 line-height:50px;
 color:#fff;
 background:#999;
 font-weight:300;
 text-align:center;
 position:absolute;
 top:0;
 right:0;
 cursor:pointer
}
.file_box .btn_type_file:hover {
 background:#666
}
.file_box input {
 position:absolute;
 top:0;
 right:0;
 width:102px;
 height:50px;
 opacity:0;
 filter:alpha(opacity=0);
 cursor:pointer;
 -webkit-appearance:none
}
@media screen and (max-width:1024px) {
 .file_box {
  padding-right:60px
 }
 .file_box p {
  line-height:40px;
  height:40px
 }
 .file_box .btn_type_file {
  width:60px;
  height:40px;
  line-height:40px
 }
 .file_box input {
  width:62px;
  height:40px
 }
}
.input_btn_box {
 position:relative;
 padding-right:100px
}
.input_btn_box .table-btn-01 {
 position:absolute;
 top:0;
 right:0;
 width:95px
}
.txt_post_wrap.type_b {
 margin-top:20px
}
.txt_post_wrap.type_b .right {
 float:right
}
.txt_post_wrap.type_b .left {
 float:left
}
.txt_post_wrap.type_b .list_box {
 margin-top:20px;
 border-bottom:1px solid #e8e8e8
}
.txt_post_wrap.type_b .post_list li {
 position:relative;
 border-top:1px solid #e8e8e8
}
.txt_post_wrap.type_b .post_list li.post_li .inner {
 padding:15px 15px
}
.txt_post_wrap.type_b .post_list li .answer_box {
 display:none
}
.txt_post_wrap.type_b .post_list li .answer_box .inner {
 position:relative;
 padding:15px 15px 15px 40px
}
.txt_post_wrap.type_b .post_list li .answer_box .inner i {
 position:absolute;
 top:15px;
 left:15px;
 width:12px;
 height:15px;
 background:url(../../static/img/icon/subdirectory-arrow.png) no-repeat
}
.txt_post_wrap.type_b .post_list li .answer_box .inner .area-type-form {
 height:35px;
 min-height:35px;
 width:100%;
 padding:7px;
 box-sizing:border-box
}
.txt_post_wrap.type_b .post_list li .answer_box .inner .des_txt.write_txt {
 position:relative;
 padding-right:95px
}
.txt_post_wrap.type_b .post_list li .answer_box .inner .btn_write {
 position:absolute;
 top:0;
 right:0;
 display:inline-block;
 height:35px;
 line-height:35px;
 text-align:center;
 width:80px;
 background:#019f61;
 color:#fff
}
.txt_post_wrap.type_b .post_list li .answer_box .inner .btn_censel {
 position:absolute;
 top:0;
 right:0;
 display:inline-block;
 height:72px;
 line-height:72px;
 text-align:center;
 width:72px;
 background:#999;
 color:#fff
}
.txt_post_wrap.type_b .post_list li .name_01 {
 font-weight:500;
 color:#000;
 padding-right:10px;
 border-right:1px solid #ddd
}
.txt_post_wrap.type_b .post_list li .date_01 {
 font-size:13px;
 font-weight:700;
 color:#999
}
.txt_post_wrap.type_b .post_list li .des_txt {
 margin-top:10px;
 font-size:13px
}
.txt_post_wrap.type_b .txt_num i,
.txt_post_wrap.type_b .txt_num img {
 vertical-align:middle;
 color:#019f61;
 margin-right:5px
}
.txt_post_wrap.type_b .write_box .write_area {
 position:relative;
 padding-right:210px
}
.txt_post_wrap.type_b .write_box .write_area._disable textarea {
 background-color:#f8f8f8
}
.txt_post_wrap.type_b .write_box .write_area._disable .btn_submit {
 background-color:#b7b8c3;
 cursor:default
}
.txt_post_wrap.type_b .write_box .write_area textarea {
 width:100%;
 padding:10px;
 height:80px;
 min-height:80px;
 box-sizing:border-box;
 border:1px solid #ddd;
 font-size:14px
}
.txt_post_wrap.type_b .write_box .write_area .btn_submit {
 position:absolute;
 top:0;
 right:0;
 display:inline-block;
 height:80px;
 line-height:80px;
 text-align:center;
 width:200px;
 background:#019f61;
 font-size:15px;
 color:#fff
}
.txt_post_wrap.type_b .write_box .write_area .btn_submit_02 {
 position:absolute;
 top:0;
 right:0;
 display:inline-block;
 height:80px;
 line-height:80px;
 text-align:center;
 width:80px;
 background:#8c8c8c;
 font-size:15px;
 color:#fff
}
@media screen and (max-width:1024px) {
 .txt_post_wrap.type_b .write_box .write_area {
  padding-right:0
 }
 .txt_post_wrap.type_b .write_box .write_area .btn_submit {
  height:40px;
  line-height:40px;
  font-size:15px;
  margin-top:10px;
  position:static;
  width:100%
 }
}
.txt_post_wrap.type_b .btn_answer {
 display:inline-block;
 height:24px;
 line-height:24px;
 color:#fff;
 background:#019f61;
 width:50px;
 font-size:13px;
 text-align:center
}
.txt_post_wrap.type_b .btn_del {
 font-size:13px;
 color:#f1281b;
 padding:0 10px
}
.txt_post_wrap.type_b .btn_modify {
 position:relative;
 font-size:13px;
 color:#000;
 padding:0 10px
}
.txt_post_wrap.type_b .btn_modify:before {
 content:"";
 position:absolute;
 top:50%;
 right:0;
 height:10px;
 margin-top:-5px;
 border-left:1px solid #ddd
}
.txt_post_wrap.type_b .modify_box {
 margin-top:10px;
 display:none;
 position:relative;
 padding-right:95px
}
.txt_post_wrap.type_b .modify_box textarea {
 height:80px;
 min-height:80px;
 width:100%;
 padding:7px;
 box-sizing:border-box;
 border:1px solid #ddd
}
.txt_post_wrap.type_b .modify_box a {
 position:absolute;
 bottom:7px;
 right:0;
 display:inline-block;
 height:35px;
 line-height:35px;
 text-align:center;
 width:80px;
 background:#019f61;
 color:#fff
}
.branch_search-sort input[type=checkbox],
.branch_search-sort input[type=radio],
.chk_area input[type=checkbox],
.chk_area input[type=radio] {
 position:absolute;
 width:1px;
 height:1px;
 padding:0;
 margin:-1px;
 overflow:hidden;
 clip:rect(0,0,0,0);
 border:0
}
.branch_search-sort input[type=checkbox]+label,
.branch_search-sort input[type=radio]+label,
.chk_area input[type=checkbox]+label,
.chk_area input[type=radio]+label {
 display:inline-block;
 position:relative;
 cursor:pointer;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none
}
.chk_area input[type=checkbox] {
 line-height:19px
}
.chk_area input[type=checkbox]+label {
 padding-left:25px
}
.chk_area input[type=checkbox]+label:before {
 width:19px;
 height:19px;
 top:50%;
 margin-top:-9.5px;
 content:"";
 position:absolute;
 left:0;
 text-align:center;
 background-position:center;
 background-size:cover;
 border:1px solid #ddd;
 font-size:17px
}
.form_wrap .table-form-01 tr td p {margin-right: 30px; margin-bottom: 5px;}
/*.form_wrap .table-form-01 tr td p:last-child {margin-bottom: 0;}*/

.chk_area input[type=checkbox]+label:hover:before {
 border-color:#019f61
}
.chk_area input[type=checkbox]:checked+label:before {
 font-family:xeicon!important;
 display:inline-block;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:"";
 color:#fff;
 background-color:#019f61;
 border-color:#019f61
}
.chk_area input[type=radio] {
 line-height:19px
}
.chk_area input[type=radio]+label {
 font-size:18px;
 padding-right:20px;
 padding-left:25px
}
.chk_area input[type=radio]+label:before {
 top:50%;
 margin-top:-9.5px;
 width:19px;
 height:19px;
 content:"";
 border:1px solid #ddd;
 border-radius:50%;
 position:absolute;
 box-sizing:border-box;
 left:0
}
.chk_area input[type=radio]:hover+label:before {
 border-color:#222
}
.chk_area input[type=radio]:checked+label:before {
 border:5px solid #019f61
}
@media screen and (max-width:768px) {
 .chk_area input[type=radio] {
  line-height:14px
 }
 .chk_area input[type=radio]+label {
  font-size:14px;
  padding-right:15px;
  padding-left:18px
 }
 .chk_area input[type=radio]+label:before {
  margin-top:-7px;
  width:14px;
  height:14px
 }
 .chk_area input[type=radio]:checked+label:before {
  border-width:4px
 }
}
.tab2 li {
 width:50%
}
.tab3 li {
 width:33.3333333333%
}
.tab4 li {
 width:25%
}
.tab5 li {
 width:20%
}
.tab6 li {
 width:16.6666666667%
}
.tab7 li {
 width:14.2857142857%
}
.tab8 li {
 width:12.5%
}
.tab9 li {
 width:11.1111111111%
}
.tab10 li {
 width:10%
}

@media screen and (max-width:864px) {
.tab9 li {
 width:20%;
}
}
.tab10 li {
 width:10%
}
.tab11 li {
 width:9.0909090909%
}
.tab12 li {
 width:8.3333333333%
}
.tab-wrap,
.tabwrap {
 position:relative
}
.tab-wrap .tab,
.tabwrap .tab {
 padding:0;
 list-style:none
}
.tab-wrap .tab li,
.tabwrap .tab li {
 float:left
}
.tab-wrap .tab a,
.tabwrap .tab a {
 display:inline-block;
 text-align:center;
 position:relative;
 width:100%
}
.tab-wrap .tab a.active,
.tab-wrap .tab a.on,
.tab-wrap .tab a:hover,
.tabwrap .tab a.active,
.tabwrap .tab a.on,
.tabwrap .tab a:hover {
 z-index:1
}
.tab-wrap .tab-content,
.tabwrap .tab-content {
 display:none
}
.tab.border {
 margin:0 auto;
 width:100%;
 word-break:keep-all
}
.tab.border:after,
.tab.border:before {
 display:table;
 content:""
}
.tab.border:after {
 clear:both
}
.tab.border li {
 float:left;
 display:table;
 height:60px
}
.tab.border li:first-child a {
 border-left:0
}
.tab.border li a {
 background-color:#fafafa;
 border-right:0;
 line-height:1.2;
 display:table-cell;
 vertical-align:middle;
 width:100%;
 letter-spacing:-0.5px;
 color:#999;
 border-left:1px solid #eaeaea;
 border-bottom:1px solid #666
}
.tab.border li a:not(.on):hover {
 color:#019f61
}
.tab.border li a.active,
.tab.border li a.on {
 background-color:#fff;
 border:1px solid #666;
 border-bottom:0
}
.tab.bar li {
 font-size:0;
 margin-bottom:5px;
 width:auto!important;
 display:inline-block;
 float:none;
 padding:0 10px;
 border-left:1px solid #ddd
}
.tab.bar li:first-child {
 border-left:0;
 padding-left:0
}
.tab.bar a {
 border:0;
 width:100%;
 line-height:1;
 letter-spacing:-0.4px;
 color:#666;
 font-size:1.0625em;
 position:relative
}
.tab.bar a:after {
 position:absolute;
 width:0;
 height:1px;
 content:"";
 display:inline-block;
 bottom:0;
 left:0;
 background-color:#019f61;
 transition:width 300ms
}
.tab.bar a:hover {
 color:#019f61
}
.tab.bar a.on {
 color:#019f61
}
.tab.bar a.on:after {
 width:100%
}
.tab.box {
 margin:0 auto;
 width:100%;
 text-align:center
}
.tab.box:after,
.tab.box:before {
 display:table;
 content:""
}
.tab.box:after {
 clear:both
}
.tab.box li {
 display:table;
 float:left;
 border:1px solid #ddd;
 border-left:0;
 height:70px;
 table-layout:fixed
}
.tab.box li:first-child {
 border-left:1px solid #ddd
}
.tab.box a {
 width:100%;
 display:table-cell;
 vertical-align:middle;
 border:0;
 width:100%;
 line-height:1.3;
 letter-spacing:-0.5px;
 color:#222;
 background-color:#fff;
 font-size:1.1764705882em
}
.tab.box a.active,
.tab.box a.on {
 color:#fff;
 background-color:#27282b
}
@media screen and (max-width:1024px) {
 .tab.box li {
  height:50px
 }
}
.bar_span span {
 position:relative;
 height:19px;
 line-height:14px;
 display:inline-block;
 padding:0 10px
}
.bar_span span:first-child:before {
 content:none
}
.bar_span span:before {
 height:10px;
 margin-top:-5px;
 content:"";
 position:absolute;
 left:0;
 top:50%;
 width:1px;
 height:10px;
 background:#ccc
}
.hyphen_list li {
 position:relative;
 padding-left:10px
}
.hyphen_list li:before {
 position:absolute;
 content:"- ";
 top:0;
 left:0
}
.hyphen_list li.none:before {
 content:""
}
.dot_list>li {
 position:relative;
 padding-left:10px
}
.dot_list>li:before {
 position:absolute;
 content:"· ";
 top:0;
 left:0
}
::selection {
 
 color:#eda000;
 text-shadow:none
}
a {
 color:#666;
 text-decoration:none
}
a:focus,
a:hover {
 text-decoration:none
}
html>::-webkit-scrollbar {
 margin:0;
 padding:0;
 width:8px
}
html>::-webkit-scrollbar-button {
 height:0;
 -webkit-transition:300ms all;
 transition:300ms all
}
html>::-webkit-scrollbar-corner {
 background-color:#222
}
html>::-webkit-scrollbar-thumb {
 background:#eda000;
 border-radius:8px;
 border:1px solid #000
}
html>::-webkit-scrollbar-thumb:active,
html>::-webkit-scrollbar-thumb:hover {
 background:rgba(1,159,97,0.9)
}
html>::-webkit-scrollbar-track {
 background-color:#222;
 border-radius:0;
 border:0
}
html>::-webkit-scrollbar-track:active,
html>::-webkit-scrollbar-track:hover {
 background:#222
}
body {
 font-family:"Noto Sans KR",sans-serif;
 font-size:17px;
 width:100%;
 color:#666;
 line-height:1.6;
 -webkit-text-size-adjust:none;
 font-weight:400
}
body>.home {
 min-width:320px;
 overflow-x:hidden
}
@media screen and (max-width:1024px) {
 body {
  font-size:13px
 }
}
@media screen and (max-width:480px) {
 body {
  font-size:12px
 }
}
.wrapper {
position: relative;
 width:100%;
 margin:0 auto;
 max-width:1380px;

}

.wrapper_footer {
 width: 100%; 
 max-width: unset;
 position: absolute; 
 /*left: 50%;
 top: calc(50% + 10px); 
 transform: translate(-50%, -50%);*/
 display: flex; 
 justify-content: space-around;
 flex-direction: row;
}

.con-margin-01 {
 margin-top:30px
}
.con-margin-02 {
 margin-top:60px
}

@media screen and (max-width:640px) {
 .con-margin-01 {
  margin-top:20px
 }
 .con-margin-02 {
  margin-top:40px
 }
}
.header01 .gnb_wrap .depth a,
.header02 .gnb_wrap .depth a{color:#333 !important;}
#header .header02_main{
position: fixed; 
left: 0;
top: 0;
padding-bottom: 2px;
} 
#header .header02{
position: fixed;
}

#header {overflow: hidden; margin-bottom: 84px;}

.header {
 z-index:1000;
 position:absolute;
 top:0;
 width:100%
}
@media (min-width:1025px) {
 .header {
  height:84px
 }
}
.header .logo {
 z-index:100;
 position:absolute;
 left:0;
 top:0
}
.header02 .logo a {
 height:84px;
 display:block;
 width:220px;
 background-repeat:no-repeat;
 background-image:url(/images/logo.png);
 background-position:left center;

}
.header .logo a {
 height:80px;
 display:block;
 width:130px;
 background-repeat:no-repeat;
 background-image:url(/images/logo.png);
 background-position:left center;
background-size:130px;
}
.header .gnb_wrap {
 padding-left:240px;
 padding-right:85px;
 text-align:center;
 max-width:1350px;
 margin:0 auto;
 position:relative
}
.header .gnb_wrap .sitemap_btn {
 position:absolute;
 top:0;
 right:0
}
.header .gnb_wrap .sitemap_btn .btn {
 color:#eda000;
 font-size:32px;
 display:block;
 line-height:85px
}
.header .gnb_wrap .sitemap_btn .btn:before {
 font-family:xeicon!important;
 display:inline-block;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:""
}
.header .gnb_wrap .sitemap_btn .btn.on:before {
 content:""
}
.header .gnb_wrap .depth:after,
.header .gnb_wrap .depth:before {
 display:table;
 content:""
}
.header .gnb_wrap .depth:after {
 clear:both
}
.header .gnb_wrap .depth02_box,
.header .gnb_wrap .depth03_box,
.header .gnb_wrap .gnb_hidden,{
 display:none
}
.header .gnb_wrap .depth01 {
 float:left;
 position:relative;
 text-align:left;
 padding-right:50px
}
.header .gnb_wrap .depth01:last-child {
 padding-right:0
}
.header .gnb_wrap .depth01>a {
 display:inline-block;
 letter-spacing:-0.5px;
 line-height:85px;
 color:#fff;
 font-size:1.1764705882em;
 position:relative
}
.header .gnb_wrap .depth a.on {

}
.header .gnb_wrap .depth02_box {
 display:none!important;
 top:85px;
 position:absolute;
 width:100%;
 left:0;
 background-color:#019f61;
 padding:15px 0
}
.header .gnb_wrap .depth02_box li {
 margin-top:10px
}
.header .gnb_wrap .depth02_box li:first-child {
 margin-top:0
}
.header .gnb_wrap .depth02_box a {
 display:block;
 line-height:1.3;
 color:#f9f9f9;
 position:relative;
 display:block;
 font-size:0.8235294118em;
 font-weight:300;
 transition:color 500ms,background 500ms
}
.header .gnb_wrap .depth02_box a:before {
 position:absolute;
 right:30px;
 line-height:55px;
 top:0
}
.header .gnb_wrap .depth02_box a.on,
.header .gnb_wrap .depth02_box a:hover {
 color:#fff
}
@media screen and (max-width:1200px) {
 .header .gnb_wrap {
  padding-left:200px
 }
 .header .gnb_wrap .sitemap_btn .btn {
  color:#019f61;
  font-size:32px
 }
 .header .gnb_wrap .depth {
  text-align:right
 }
 .header .gnb_wrap .depth01 {
  display:inline-block;
  float:none;
  padding-right:30px
 }
 .header .gnb_wrap .depth01>a {
  font-size:18px
 }
 .header .gnb_wrap .depth01:last-child {
  padding-right:0
 }
 /*.section_gate .text_wrap .title .tit {font-size: 1.5em!important;}
 .section_gate .text_wrap .title .bottom {font-size: 1.1em!important;}
 .section_gate .text_wrap .txt {font-size: 1em!important;}
 .section_gate .text_wrap button {font-size: 1em!important;}
 .section_gate .content >div {padding: 8.5% 14% 10%;}*/
}
.header .mo_gnb_open_btn,
.header .mo_gnb_wrap,
.header .nav_bg {
 display:none
}

.header .spanBell {display: none;}

@media screen and (max-width:1024px) {
 .header {
  position:fixed!important;
  top:0!important;
  background-color:#fff;
  z-index:998
 }
 #header {
  height:60px;
  margin-bottom: 0px;
 }
 .htmloverflow {
  overflow:hidden
 }
 .header .mo_gnb_open_btn,
 .header .mo_gnb_wrap {
  display:block
 }
 .header .logo {
  text-align:center;
  position:relative
 }
 .header .logo a {
  margin:0 auto;
  height:60px;
  background-image:url(/images/logo.png);
  background-size:85px;
  width:85px;
  position:center
 }
 .header .nav_bg {
  top:0;
  position:fixed;
  width:100%;
  height:100%;
  min-height:100%;
  background:#000;
  opacity:0!important;
  visibility:hidden;
  transition:0.5s all
 }
 .header .nav_bg.on {
  display:block;
  visibility:visible;
  z-index:100;
  opacity:0.6!important
 }
 .header .mo_gnb_close_btn,
 .header .mo_gnb_open_btn {
  right:0;
  height:60px;
  width:60px;
  z-index:200;
  line-height:60px;
  font-size:24px
 }
 .header .mo_gnb_open_btn {
  color:#222;
  position:absolute;
  top:50%;
  margin-top:-30px
 }
 .header .mo_gnb_close_btn {
  display:none;
  color:#fff;
  position:fixed;
  top:0
 }
 .header .mo_gnb_wrap.on .mo_gnb_close_btn {
  display:block
 }
 .header .gnb_wrap,
 .header .topmenu,
 #header #gnb{
  display:none
 }
 .header .mo_gnb_wrap {
  text-align:center;
  top:0;
  position:fixed;
  right:-100%;
  z-index:99999;
  max-width:600px;
  width:100%;
  height:100vh;
  background-color:#3b3b3d;
  border-left: 5px solid #222222;
  overflow: hidden;
  transition: 0.8s;
 }
 .header .mo_gnb_wrap::before {
  content: ""; 
  position: absolute; 
  background-image: url(/images/main/viva_bg.svg); 
  background-repeat: repeat-y; 
  width: inherit; 
  height: -webkit-fill-available; 
  height: inherit;
  left: 0; 
  top: 120px; 
  overflow: hidden;
  opacity: 0.75;
 }
 .header .mo_gnb_wrap.on {
  right:0;
  transition: 0.8s;
 }
 .header .mo_gnb_wrap .logo_m {
  display:block;
  height: 80px;
  width: 200px; 
  float: left; 
  background-color: #eda000; 
  border-radius: 0 0 10px;
 }
 .header .mo_gnb_wrap .logo_m img {
  max-width:255px;
  margin:0 auto
 }
 .header .mo_gnb_wrap .gnb_box {
  width:100%;
  overflow:hidden;
  padding:0 0 15px;
 }
 .header .mo_gnb_wrap .depth {
  width: calc(100% - 160px); 
  margin-top: 15px; 
  float: right;
 }
 .header .mo_gnb_wrap .depth .depth01:first-child {
    padding:80px 0 20px;
 }
 .header .mo_gnb_wrap .depth .depth01 {
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,0.2);
  text-align:left
 }
 .header .mo_gnb_wrap .depth .depth01:first-child {
  border-top: none; 
  padding: 20px 0 40px;
 }
 .header .mo_gnb_wrap .depth .depth01 .desc_wrap {
  position: relative; 
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  margin-bottom: 50px;
 }
 .header .mo_gnb_wrap .depth .depth01 .desc_wrap::before,
 .header .mo_gnb_wrap .depth .depth01 .desc_wrap::after {
  content: url('/images/menu/menu_bgLine.svg'); 
  position: absolute; 
  width: 20%; 
  top: 13.5px; 
  left: 6.5vw; 
  opacity: 0.3;
 }
 .header .mo_gnb_wrap .depth .depth01 .desc_wrap::after {
  left: unset; 
  right: 6.5vw;
 }
 .header .mo_gnb_wrap .depth .desc_wrap .ad_bx {
  display:none
 }
 .header .mo_gnb_wrap .depth .desc_wrap .depth02_box,
 .header .mo_gnb_wrap .depth .desc_wrap .title_bx {
  width: -webkit-fill-available; 
  text-align: center; 
  position: relative;
 }
 .header .mo_gnb_wrap .depth .desc_wrap .title_bx {
  line-height:1.3
 }
 .header .mo_gnb_wrap .depth .desc_wrap .title_bx a {
  display: block; 
  width: max-content; 
  margin: 0 auto;
  color:#fff;
  position: relative;
  z-index: 1;
 }
 .header .mo_gnb_wrap .depth .desc_wrap .title_bx .txt {
  display:none
 }
 .header .mo_gnb_wrap .depth .desc_wrap .title_bx .desc {
  font-size:12px;
  color: #eda000;
 }
 .header .mo_gnb_wrap .depth .desc_wrap .title_bx .tit {
  letter-spacing:-0.5px;
  font-size:24px
 }
 .header .mo_gnb_wrap .depth .desc_wrap .depth02_box {
  filter:alpha(opacity=80);
  opacity:0.9;
 }
 .header .mo_gnb_wrap .depth .desc_wrap .depth02_box ul {
  display: flex; 
  flex-direction: column;
  width: 70%; 
  margin: 15px 17% 15px 13%;
 }
 .header .mo_gnb_wrap .depth .desc_wrap .depth02_box li {
  font-size:15px;
  margin:15px 0;
  line-height:1.3
 }
 .header .mo_gnb_wrap .depth .desc_wrap .depth02_box li a {
  width: auto;
  color:#fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between; 
  white-space: nowrap;
 }

 .header .mo_gnb_wrap .depth .desc_wrap .depth02_box li a.on {
  color:#fff;
 }

 .header .mo_gnb_wrap .depth .desc_wrap .depth02_box ul li a span:last-child {
  text-align: right;
 }

 .header .mo_gnb_wrap .depth .clearfix.list::-webkit-scrollbar {width: 8px;}
 .header .mo_gnb_wrap .depth .clearfix.list::-webkit-scrollbar-track {background-color: #fff0;}
 .header .mo_gnb_wrap .depth .clearfix.list::-webkit-scrollbar-thumb {background-color: #666; border-radius: 10px;}

 .header .mo_gnb_wrap .depth .clearfix.list {
  overflow: auto;
  height: calc(100vh - 140px);
 }

 .header .spanBell {
  display: inline-flex; 
  justify-content: center; 
  color: #eda000; 
  width: -webkit-fill-available; 
  width: -moz-available;
  position: relative;
 }

}

@media screen and (max-width: 600px){
 .header .mo_gnb_wrap .depth {width: calc(100% - 50px); max-height: calc(100vh - 180px);}
 .header .mo_gnb_wrap::before {background-position-x: -40px; background-size: 32%;}
 .header .mo_gnb_wrap .logo_m {width: 160px;}
 .header .mo_gnb_wrap .depth .desc_wrap .depth02_box {padding: 0 10px;}

 .header .mo_gnb_wrap .depth .clearfix.list::-webkit-scrollbar {width: 4px;}

 .header .mo_gnb_wrap .depth .depth01 .desc_wrap::before {
  left: 12vw;
 }
 .header .mo_gnb_wrap .depth .depth01 .desc_wrap::after {
  right: 12vw;
 }
}

.header.fix {
 position:fixed;
 top: 0px ;/*-85px*/
}
.header.fix.up {
 top:0;

}
.main-home {
 position:relative;
 overflow:hidden
}
.main-home .header {
 position:relative
}
.header.fix,
.header.onOn,
.main-home .header {
 background-color:#fff;
 border-bottom:1px solid #ddd
}
.header.fix .logo a,
.header.onOn .logo a,
.main-home .header .logo a {
 background-image:url(/images/logo.png)
}
.header.fix .gnb_wrap .depth01>a,
.header.onOn .gnb_wrap .depth01>a,
.main-home .header .gnb_wrap .depth01>a {
 color:#222
}
.header .depth01>a.over {
 color:#019f61
}
.header .depth01>a.over:after {
 content:"";
 border-top:2px solid #eda000;
 position:absolute;
 bottom:0;
 left:0;
 width:100%
}
.header .depth_desc {
 position:relative;
 width:100%
}


@media screen and (max-width:1024px) {
 .header .depth_desc {
  display:none
 }
}
.header .depth_desc .depth01 {
 border-top:1px solid #ddd;
 background-color:#fff;
 padding:40px 0;
 display:none;
 position:absolute;
 top:0;
 left:0;
 width:100%
}
.header .depth_desc .desc_wrap {
 padding:0;
 max-width:1230px;
 padding:0 15px;
 margin:0 auto;
 display:table;
 table-layout:fixed;
 width:100%
}
.header .depth_desc .desc_wrap .ad_bx,
.header .depth_desc .desc_wrap .depth02_box,
.header .depth_desc .desc_wrap .title_bx {
 display:table-cell;
 vertical-align:top
}
.header .depth_desc .desc_wrap .title_bx {
 width:410px;
 text-align:left;
 line-height:1.3;
 color:#777;
 padding-right:30px;
 word-break:keep-all
}
.header .depth_desc .desc_wrap .title_bx .desc {
 color:#999;
 font-size:14px;
 font-weight:500
}
.header .depth_desc .desc_wrap .title_bx .tit {
 margin-top:5px;
 font-size:36px;
 letter-spacing:-1px;
 color:#333
}
.header .depth_desc .desc_wrap .title_bx .txt {
 margin-top:40px;
 color:#666;
 font-weight:300
}
@media screen and (max-width:1200px) {
 .header .depth_desc .desc_wrap .title_bx {
  width:370px;
  padding-right:20px
 }
}
.header .depth_desc .desc_wrap .ad_bx {
 width:450px
}
@media screen and (max-width:1200px) {
 .header .depth_desc .desc_wrap .ad_bx {
  width:300px
 }
}
.header .depth_desc .desc_wrap .depth02_box {
 font-size:17px
}
.header .depth_desc .desc_wrap .depth02_box2 li{
 width:50%; 
 float:left;
}
.header .depth_desc .desc_wrap .depth02_box li {
 letter-spacing:-0.2px;
 margin-top:15px;
 line-height:1.3
}
.header .depth_desc .desc_wrap .depth02_box li:first-child {
 margin-top:0
}
.header .depth_desc .desc_wrap .depth02_box a {
 padding-right:30px;
 display:inline-block;
 position:relative;
 color:#555
}
.header .depth_desc .desc_wrap .depth02_box a:after {
 font-family:xeicon!important;
 display:inline-block;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:""
}
.header .depth_desc .desc_wrap .depth02_box a:after {
 border-radius:50%;
 color:#fff;
 text-align:center;
 width:19px;
 line-height:19px;
 position:absolute;
 right:0;
 top:50%;
 margin-top:-9px;
 background-color:#eda000;
 display:none
}
.header .depth_desc .desc_wrap .depth02_box a:hover {
 text-decoration:underline
}
.header .depth_desc .desc_wrap .depth02_box a.on,
.header .depth_desc .desc_wrap .depth02_box a:hover {
 color:#eda000
}
.header .depth_desc .desc_wrap .depth02_box a.on:after,
.header .depth_desc .desc_wrap .depth02_box a:hover:after {
 display:block
}
.header .depth_sitemap {
 display:none;
 border-top:1px solid #ddd;
 width:100%;
 background-color:#fff;
 position:absolute;
}
@media screen and (max-width:1024px) {
 .header .depth_sitemap {
  display:none
 }
}
.header .depth_sitemap .sitemap_wrap {
 position:relative;
 width:100%;
 background-color:#fff;
 top:0;
 padding:50px 15px;
 max-width:1230px;
 width:100%;
 margin:0 auto;
 width:100%
}
.header .depth_sitemap .list {
 margin-left:-30px;
 margin-right:-30px
}
.header .depth_sitemap .depth01 {
 padding:0 30px;
 text-align:center;
 float:left;
 width:33.33%;
 margin-bottom:50px;
 letter-spacing:-0.03em
}
.header .depth_sitemap .depth01:nth-child(3n+1) {
 clear:left
}
.header .depth_sitemap .title_bx .desc,
.header .depth_sitemap .title_bx .txt {
 display:none
}
.header .depth_sitemap .title_bx a {
 color:#eda000;
 padding-bottom:15px;
 font-size:24px;
 display:block;
 border-bottom:2px solid #eda000
}
.header .depth_sitemap .depth02_box {
 font-size:17px
}
.header .depth_sitemap .depth02_box li {
 margin-top:14px;
 line-height:1.3
}
.header .depth_sitemap .depth02_box a {
 display:inline-block;
 position:relative;
 color:#555;
 padding-right:30px;
 padding-left:30px
}
.header .depth_sitemap .depth02_box a:after {
 font-family:xeicon!important;
 display:inline-block;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:""
}
.header .depth_sitemap .depth02_box a:after {
 border-radius:50%;
 color:#fff;
 text-align:center;
 width:19px;
 line-height:19px;
 position:absolute;
 right:0;
 top:50%;
 margin-top:-9px;
 background-color:#187b3a;
 display:none
}
.header .depth_sitemap .depth02_box a:hover {
 color:#187b3a;
 text-decoration:underline
}
.header .depth_sitemap .depth02_box a:hover:after {
 display:block
}
.header .depth_sitemap .ad_bx {
 display:none
}
.footer_wrap {
 position:relative;
 z-index:10;
 bottom:0;
 left:0;
 right:0;
 width:100%;
 font-weight:300;
 background-color:#2e2e2e;
 font-size:13px;
 letter-spacing:-0.2px;
 text-align:center
}
.footer_wrap,
.footer_wrap a {
 color:#afafaf;
}
.footer_wrap .bar_span {
 overflow:hidden;
 position:relative
}
.footer_wrap .bar_span span:before {
 background-color:rgba(175,175,175,0.4);
 left:-1px
}
.footer_wrap .link {
 margin:20px 0 10px
}
.footer_wrap .link a {
 color:#fff
}
.footer_wrap .left {float: left;  text-align: left;}
.footer_wrap .left .f_logo {float: left; vertical-align: top; margin-top: -20px; transform: translateZ(0);}
.footer_wrap .left .footer_text {float: left; margin-left: 20px; margin-top: 0;}
.footer_wrap .left .footer_text ul {overflow: hidden;}
.footer_wrap .left .footer_text ul li {float: left;  margin-right: 17px;}
.footer_wrap .left .footer_text ul li:nth-child(1),
.footer_wrap .left .footer_text ul li:nth-child(2) {margin-bottom: 5px;}  
.footer_wrap .left .footer_text ul li:nth-child(3) {clear: both;}
.footer_wrap .left .footer_text  p {margin-top: 0; padding: 20px 0; text-transform: uppercase;}
.footer_wrap .right {float: right; text-align: right; margin-top: 4px;}
.footer_wrap .right ul {overflow: hidden; height: 14px;}
.footer_wrap .right ul li {float: left; border-right: 1px solid #afafaf; padding-right: 10px; margin-left: 10px; line-height: 10px;	cursor: pointer; font-size: 14px; color: #a4a4a4;} 
.footer_wrap .right ul li:last-child {border-right: none; padding-right: 0;}
.footer_wrap .right h3 {text-align: right; width: 100%; color: #ed9e05; font-size: 30px; font-weight: 900; margin: 4.5px 0; line-height: 40px;} 
.footer_wrap .right h3 img {width: 30px; image-rendering: -webkit-optimize-contrast; vertical-align: middle; margin-right: 0px; transform:rotate(20deg)}
.footer_wrap .right p {padding: 0;}
.footer_wrap .right .sns img {width: 35px; margin: 10px 0 10px 5px;}
.footer_wrap.footer_mobile .right .sns {display: inline-block; margin-bottom: 5px;}
.footer_wrap.footer_mobile .right .sns:first-child img {margin: 10px 0;}


@media screen and (max-width:1024px) {
 .footer_wrap { font-size:11px }
 .footer_wrap .left .f_logo { margin-top: 0; }
.footer_wrap .left .f_logo a {overflow: hidden;}
.footer_wrap .left .f_logo a img {width: 65px!important;}
 .footer_wrap .left .footer_text { clear: both;  margin-top: 20px; margin-left: 0; }
.footer_wrap .left .footer_text {font-size: 14px; color: #a4a4a4;}
.footer_wrap .left .footer_text p {margin-top: 10px;	 font-size: 10px; letter-spacing: -0.03px;}
 .footer_wrap .link span { padding:0 5px; display:inline !important;}
 .footer_wrap .bar_span span { padding: 5px; display:block;}
.footer_wrap .bar_span span:before{
  width:0px;
 
 }
 .footer_wrap .footlogo img {
  max-width:144px
 }
 .footer_wrap .link {
  margin:10px 0
 }
}
.footer_wrap {
position: relative;
z-index: 1;
}
@media screen and (max-width:1024px) {
 .footer_wrap {
 
 }
}
.bot_inquiry {
 position:fixed;
 z-index:999;
 bottom:0;
 transition:bottom 500ms;
 left:0;
 right:0
}
.bot_inquiry.main{
 position: fixed;
 transition:bottom 500ms;
}
.bot_inquiry.mobile {display: none;}

.bot_inquiry.fix {
 position:fixed;
 bottom:0
}

@media screen and (max-width:1024px) {
 .bot_inquiry {
  bottom:-9px
 }
}
.bot_inquiry.on .bx_btn .txt:after {
 content:""
}
.bot_inquiry.on .bx_content {
 height:auto
}
.bot_inquiry .bx_btn {
 line-height:75px;
 background-color:#019f61;
 text-align:center;
 font-size:0
}
.bot_inquiry .bx_btn .txt {
 font-size:23px;
 padding-left:70px;
 background-image:url(/images/i_inquiry.png);
 background-repeat:no-repeat;
 background-position:left center
}
.bot_inquiry .bx_btn .txt:after {
 font-family:xeicon!important;
 display:inline-block;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:""
}
.bot_inquiry .bx_btn .txt:after {
 margin-left:10px
}
.bot_inquiry .bx_btn,
.bot_inquiry .bx_btn button {
 margin:0 auto;
 display:block;
 color:#fff
}
.bot_inquiry .bx_content {
 overflow:hidden;
 background-color:#eda000;

}
.bot_inquiry .bx_content .dis_tbl {
 margin:0 auto;
 display:table;
 width:100%;
 overflow: hidden;
}
.bot_inquiry .bx_content .dis_tbl .dis_cell {
 display:table-cell;
padding:8px 0;
}
.bot_inquiry .bx_content .wrap_input {
 width:700px;
 margin: auto;
 position:relative
}
.bot_inquiry .bx_content .wrap_input_area {
 position:relative;
 overflow: hidden;
 display: flex;
 justify-content: center;
 flex-wrap: nowrap;
}

.bot_inquiry .bx_content ._num li {
 position:relative
}
.bot_inquiry .bx_content ._num li:first-child:before {
 content:none
}
.bot_inquiry .bx_content ._num li:before {
 position:absolute;
 top:0;
 bottom:0;
 color:#fff;
 left:-10px;
 width:20px;
 color:#fff;
 text-align:center;
 content:"-";
 line-height:50px
}
.bot_inquiry .bx_content .list {
 margin-top:8px;
 float: left;
 width: 45%;
}
.bot_inquiry .bx_content .list:first-child {
 margin-top:0
}
.bot_inquiry .bx_content .list:after,
.bot_inquiry .bx_content .list:before {
 display:table;
 content:""
}
.bot_inquiry .bx_content .list:after {
 clear:both;
}
.bot_inquiry .bx_content .list li {
 width:25%;
 float:left;
 padding:0 5px; 
}
.bot_inquiry .bx_content .list input,
.bot_inquiry .bx_content .list select {
 width:100%;
 line-height:31px;
 height:31px;
 border:0;
 background-color:#fff;
 font-weight:300;
 font-size:15px;
  border-radius: 3px;
}
.bot_inquiry .bx_content .list input::-webkit-input-placeholder {
 color:#000
}
.bot_inquiry .bx_content .list input::-moz-placeholder {
 color:#000
}
.bot_inquiry .bx_content .list input:-ms-input-placeholder {
 color:#000
}
.bot_inquiry .bx_content .list input:-moz-placeholder {
 color:#000
}
.bot_inquiry .bx_content .submit_btn {
 float: left;
 height: 31px;
 width:95px;
 text-align:center;
 color:#fff;
 background-color:#000;
 overflow: hidden;
 margin-top: 9px;
 font-size: 12px;
}
.bot_inquiry .bx_content .submit_btn:hover {
 background-color:#fff;
 color:#22252c
}
.bot_inquiry .bx_content .chk_area {
 margin-top:13px;
 font-size:0.7em;
 font-weight:100;
float: right;	
}
.bot_inquiry .bx_content .chk_area,
.bot_inquiry .bx_content .chk_area a {
 color:#fff;
 margin-left: 10px;
}
.bot_inquiry .bx_content .chk_area a:hover {
 text-decoration:underline
}
.bot_inquiry .bx_content .chk_area input[type=checkbox]:checked+label:before {
 background-color:#fff;
 color:#019f61
}
.bot_inquiry .bx_content .chk_area input[type=checkbox]+label:before {
 border:1px solid #fff
}
@media screen and (max-width:1024px) {
 .bot_inquiry .bx_btn {
  line-height:50px
 }
 .bot_inquiry .bx_btn .txt {
  font-size:17px;
  padding-left:35px;
  background-size:auto 20px
 }
 .bot_inquiry .bx_btn .txt:after {
  margin-left:6px
 }
 .bot_inquiry .bx_content .dis_tbl {
  padding:10px 7px 25px;
 }
 .bot_inquiry .bx_content .dis_tbl .dis_cell {
  display:block
 }
 .bot_inquiry .bx_content .dis_tbl .wrap_tit {
  display:none
 }
 .bot_inquiry .bx_content .wrap_input {
  width:100%
 }
 .bot_inquiry .bx_content .wrap_input_area {
    flex-direction: column;
 }
 .bot_inquiry .bx_content ._num li:before {
  left:-3px;
  width:6px;
  line-height:40px;
 }
 .bot_inquiry .bx_content .list {
  margin-top:6px;
  margin-left:-3px;
  margin-right:-3px;
  clear: both; 
  width: 100%;
 }
 .bot_inquiry .bx_content .list li {
  width:25%;
  padding:0 3px;
  position: relative;
  z-index: 999;
 }
 .bot_inquiry .bx_content .list input,
 .bot_inquiry .bx_content .list select {
  line-height:40px;
  height:31px;
  font-size:12px
 }
 .bot_inquiry .bx_content .submit_btn {
  width:100%;
  margin-left: 0;
 }
 .chk_area span {overflow: hidden;}
 .chk_area input[type=checkbox]+label {
/*   position: absolute; */
   top: 10px;
   right: 0;
vertical-align: top;
	font-size: 12px;
 }
 .bot_inquiry .bx_content .submit_btn span {
  font-size:15px
 }
 .bot_inquiry .bx_content .chk_area {
  font-size:12px
 }
 .main-tit-box .main-tit {
	font-size: 2.5em!Important;	
 }
.bot_inquiry .bx_content .chk_area input[type=checkbox]:checked+label:before {
 background-color:#fff;
 color:#019f61
}
}
@media screen and (max-width:480px) {
.bot_inquiry .bx_content .dis_tbl .dis_cell {padding: 0 20px 10px;}
 .bot_inquiry .bx_content .wrap_input_area {
  padding-right:0
 }
 .bot_inquiry .bx_content .submit_btn {
  position:relative;
  height:auto;
  margin-top:6px;
  height:40px;
  display:block;
  width:100%;
 }

}

.pop-term {
 max-width:600px;
 width:100%;
 padding:20px;
 text-align:left;
 border-radius:0
}
.pop-term .mfp-close {

 line-height:1;
 padding:0
}
.pop-term .pop-head {
 margin-bottom:20px
}
.pop-term .pop-body {
 font-size:0.8125em;
 overflow:auto;
 max-height:300px
}
.quick_menu {
 position:fixed;
 z-index:500;
padding:5px;
 left:0px;
 top:0;
background:rgba(0,0,0,0.7);
height:100%;
 text-align:center;
display:none;

}
@media screen and (max-width:1500px) {
 .quick_menu {
  right:0;
  display:none;
 }
}
@media screen and (max-width:1400px) {
 .quick_menu {
  display:none
 }
}
.quick_menu .wrap {
 box-shadow:0 0 5px rgba(0,0,0,0.2);
 width:90px;

}
.quick_menu .bx_tit {
 color:#fff;
 border-radius:50%;
 height:80px;
 background-color:#eda000;
 width:80px;
 font-size:14px;
	padding:15px 0;
}
.quick_menu .bx_tit a{
color:#fff;

}
.quick_menu .bx_tit:hover i {transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 0.25s; -webkit-transition: all 0.25s;}
.quick_menu .bx_tit:hover {animation: bloom ease-in-out .75s forwards;}
.quick_menu .bx_tit i{margin:0 auto;}

.quick_menu .list li {
 padding:15px 0;
 border-top:1px solid #ddd
}
.quick_menu .list li:first-child {
 border-top:0
}
.quick_menu .list a {
 display:block
}
.quick_menu .list p {
 font-size:12px;
 color:#fff;
}
.quick_menu .list,
.quick_menu .list a {
 color:#333333
}
.quick_menu .top_btn {
 text-shadow:2px 2px 3px rgba(0,0,0,0.2);
 color:#7a9a1f;
 width:100%;
 padding:15px 0
}
.quick_bg {
 position:fixed;
 display:none;
 top:0;
 left:0;
 height:100%!important;
 width:100%!important;
 background-color:rgba(0,0,0,0.8)
}
.quick_menu_m {
 position:fixed;
 z-index:10;
 top:50%;
 right:0;
 display:none;
 top:auto;
 bottom:85px;
 right:10px
}
@media (max-width:1400px) {
 .quick_menu_m {
  display:block
 }
}
@media screen and (max-width:1024px) {
 .quick_menu_m {
  bottom:60px
 }
}
.quick_menu_m .wrap {
 width:auto;
 text-align:center
}
.quick_menu_m .wrap .list_m {
 display:none;
 background-color:transparent;
 padding:0
}
.quick_menu_m .wrap .list_m li {
 margin-top:5px
}
.quick_menu_m .wrap .list_m li p {
 position:absolute;
 top:50%;
 font-size:12px;
 line-height:1;
 margin-top:-6px;
 text-align:right;
 right:60px;
 white-space:nowrap
}
.quick_menu_m .wrap .list_m li a {
 position:relative;
 border-radius:50%;
 display:block;
 line-height:50px;
 width:50px;
 color:#fff;
 font-size:30px;
 font-family:"yg-jalnan",sans-serif;
 background-color:#fff;
 font-size:0
}
.quick_menu_m .wrap .list_m li a img {
 vertical-align:middle;
 width:100%
}
.quick_menu_m .wrap .top_btn {
 cursor:pointer;
 display:block;
 background-color:#019f61;
 line-height:80px;
 color:#fff
}
.quick_menu_m .wrap .list_m,
.quick_menu_m .wrap .mobile_btn {
 display:none
}
.quick_menu_m .wrap .mobile_btn,
.quick_menu_m .wrap .top_btn {
 font-size:24px;
 margin-top:5px;
 border-radius:50%;
 display:block;
 line-height:50px;
 width:50px;
 color:#fff;
 background-color:#019f61
}
.quick_menu_m .wrap .mobile_btn i {
 transform:rotate(0);
 transition:all 200ms
}
.quick_menu_m .wrap .mobile_btn.on i {
 transform:rotate(-135deg)
}
.sub_visual_wrap {
 position:relative;
 text-align:center;
 vertical-align:middle;
 background-position:top center;
 background-repeat:no-repeat;
 background-size:cover;
 word-break:keep-all;
 color:#fff;	
}
.sub_visual_wrap .dis_tbl {
 height:350px;
 width:100%;
 overflow: hidden;
 position: relative;
 text-align: center;
}
.sub_visual_wrap .dis_tbl img {
 width: 100%;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
}
.sub_visual_wrap .dis_cel {
 text-align: center;
 position: absolute; 
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
 height: -webkit-fill-available;
}
.sub_visual_wrap .tit {
 font-size:4.1176470588em;
 font-family:"yg-jalnan",sans-serif;
}


@media screen and (max-width:1024px) {
 .sub_visual_wrap .dis_tbl {
  height:50vw
 }
}
@media screen and (max-width:768px) {
 .sub_visual_wrap .tit {
  font-size:2.5411764706em
 }

}
.sub_content {
 position:relative;
 padding-top:80px;
 padding-bottom:160px;
}
@media screen and (max-width:1024px) {
 .sub_content {
  padding-top:50px;
  padding-bottom:100px
 }
}
.sub_title {
 position:relative;
 line-height:1.4;
 margin-bottom:50px;
 text-align:center
}
.sub_title:after,
.sub_title:before {
 display:table;
 content:""
}
.sub_title:after {
 clear:both
}
.sub_title h3.title {
 font-size:2.6470588235em;
 color:#22252c;
 font-weight:500;
 letter-spacing:-0.5px
}
.sub_title .desc {
 margin-top:20px;
 font-size:0.9411764706em;
 color:#707070
}
.sub_tit {
 text-align:center;
 padding:50px 0;
 line-height:1.3
}
@media screen and (max-width:1024px) {
 .sub_tit {
  padding:25px 0
 }
}
.sub_tit .tit {
 font-weight:500;
 font-size:1.7647058824em;
 color:#22252c
}
.sub_tit .tit:before {
 content:"";
 border-top:1px solid #019f61;
 width:24px;
 margin:15px auto;
 display:block
}
h4.tit {
 font-size:2.1176470588em;
 margin-bottom:10px;
 color:#222
}
h5.tit {
 font-weight:600;
 margin-bottom:20px;
 color:#222;
 font-size:18px
}
.sub_nav {
 border-bottom:1px solid #ddd;
 word-break:keep-all
}
.sub_nav .wrapper {
 padding:0
}
.sub_nav .tab li {
 height:68px;
 border-bottom:0
}
.sub_nav .tab a.on {
 background-color:#eda000;
  color:#fff;
}
.sub_nav .tab a.off {
 background-color:#fff;
 color:#000;
}
@media screen and (max-width:1024px) {
 .sub_nav .tab li {
  height:50px
 }
}
@media screen and (max-width:768px) {
 .sub_nav .tab li {
  height:40px
 }
 .sub_nav .tab a {
  font-size:11px
 }
}
.sub_tab_nav {
 margin-bottom:40px
}
.sub_tab_nav .tab.border li {
 height:50px
}
.sub_tab_nav .tab.border a.on {
 background-color:#019f61;
 color:#fff
}
.board_sns {
 word-break:keep-all
}
.board_sns._instagram .item {
 width:25%
}
@media screen and (max-width:768px) {
 .board_sns._instagram .item {
  width:33.33%
 }
}
.board_sns._instagram .img_bx:after {
 background-image:url(/images/pr/i_insta.png)
}
.board_sns._baemin .item {
 width:25%
}
@media screen and (max-width:768px) {
 .board_sns._baemin .item {
  width:33.33%
 }
}
.board_sns._baemin .item .wrap .txt_bx {
 padding:0.5em
}
.board_sns._baemin .item .wrap .txt_bx .tit {
 font-size:0.9em;
 height:5.2em;
 line-height:1.3em;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:4;
 -webkit-box-orient:vertical
}
.board_sns._baemin .img_bx:after {
 background-image:url(/images/pr/i_baemin.png)
}
.board_sns._youtube .item {
 width:33.33%
}
@media screen and (max-width:768px) {
 .board_sns._youtube .item {
  width:50%
 }
}
.board_sns._youtube .img_bx:after {
 background-image:url(/images/pr/i_youtube.png)
}
.board_sns._youtube .wrap .img_src {
 padding-bottom:56.25%
}
.board_sns .item {
 margin-bottom:30px
}
@media screen and (max-width:768px) {
 .board_sns .item {
  margin-bottom:10px
 }
}
.board_sns .wrap {
 display:block
}
.board_sns .wrap:hover .txt_bx .tit {
 color:#019f61
}
.board_sns .wrap:hover .img_bx:before {
 border-color:#019f61
}
.board_sns .wrap .img_bx {
 position:relative
}
.board_sns .wrap .img_bx:before {
 content:"";
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 display:block;
 border:4px solid transparent;
 transition:300ms all
}
.board_sns .wrap .img_bx:after {
 content:"";
 width:28px;
 height:28px;
 position:absolute;
 top:10px;
 right:10px;
 display:block;
 background-repeat:no-repeat;
 background-position:center
}
.board_sns .wrap .img_src {
 display:block;
 height:0;
 width:100%;
 padding-bottom:100%;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
.board_sns .wrap .txt_bx {
 border:1px solid #ddd;
 border-top:0;
 text-align:center;
 padding:20px 5px
}
.board_sns .wrap .txt_bx .tit {
 height:44px;
 line-height:22px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
.board_sns .wrap .txt_bx .txt {
 margin-top:15px;
 font-size:13px
}
.board_sns .wrap .txt_bx .txt span {
 padding:0 5px
}
.board_sns .wrap .txt_bx .txt ._like {
 color:#019f61
}
.board_sns .wrap .txt_bx .txt ._like:before {
 font-family:xeicon!important;
 display:inline-block;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:""
}
.board_sns .wrap .txt_bx .txt ._comment:before {
 content:"COMMENT "
}
@media screen and (max-width:1024px) {
 .board_sns .wrap .img_bx:before {
  border-width:2px
 }
 .board_sns .wrap .img_bx:after {
  width:18px;
  height:18px;
  top:2px;
  right:2px;
  background-size:18px
 }
 .board_sns .wrap .txt_bx {
  padding:10px 5px
 }
 .board_sns .wrap .txt_bx .tit {
  height:36px;
  line-height:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
 }
 .board_sns .wrap .txt_bx .txt {
  margin-top:10px;
  font-size:11px
 }
 .board_sns .wrap .txt_bx .txt span {
  padding:0 3px
 }
 .board_sns .wrap .txt_bx .txt ._like {
  color:#019f61
 }
 .board_sns .wrap .txt_bx .txt ._like:before {
  font-family:xeicon!important;
  display:inline-block;
  speak:none;
  font-style:normal;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:""
 }
 .board_sns .wrap .txt_bx .txt ._comment:before {
  font-family:xeicon!important;
  display:inline-block;
  speak:none;
  font-style:normal;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:""
 }
}
.list_more_btn {
 margin-top:10px;
 display:block;
 color:#fff;
 line-height:60px;
 text-align:center;
 background-color:#019f61;
 border:1px solid #019f61
}
@media screen and (max-width:768px) {
 .list_more_btn {
  line-height:40px
 }
}
.list_more_btn:hover {
 color:#019f61;
 background-color:#fff
}
.board_notice .item {
 margin-top:10px
}
.board_notice .wrap.tbl {
 padding:0 30px;
 display:table;
 table-layout:fixed;
 text-align:center
}
.board_notice .cel {
 padding:30px 0;
 display:table-cell;
 vertical-align:middle
}
.board_notice .wrap {
 display:block;
 font-weight:300;
 position:relative;
 width:100%;
 border:1px solid #ddd;
 padding:30px;
 text-align:left
}
.board_notice .wrap .img {
 padding:20px 0;
 padding-right:10px;
 width:135px
}
.board_notice .wrap .img img {
 max-height:100px
}
.board_notice .wrap .tit {
 text-align:left;
 color:#222;
 font-weight:500;
 font-size:1.1764705882em;
 letter-spacing:-0.5px;
 display:block;
 word-wrap:normal;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
 display:table-cell
}
.board_notice .wrap .txt {
 color:#666;
 display:block;
 word-wrap:normal;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.board_notice .wrap .no {
 width:50px;
 padding-right:30px
}
.board_notice .wrap .hit {
 width:50px;
 position:relative;
 text-align:right
}
.board_notice .wrap .hit:before {
 height:14px;
 margin-top:-7px;
 top:50%;
 left:0;
 border-left:1px solid #ddd;
 position:absolute;
 content:""
}
.board_notice .wrap .press {
 width:120px
}
.board_notice .wrap .date {
 width:100px
}
.board_notice .wrap .date,
.board_notice .wrap .hit {
 font-size:14px;
 color:#999
}
.board_notice .wrap:hover {
 border-color:#eda000
}
.board_notice .wrap:hover,
.board_notice .wrap:hover .tit {
 color:#eda000
}
.board_notice .wrap:after {
 display:block;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 width:100%;
 height:100%
}
@media screen and (max-width:1024px) {
 .board_notice .item {
  margin-top:6px
 }
 .board_notice .wrap.tbl {
  padding:0 10px
 }
 .board_notice .cel {
  padding:10px 0
 }
 .board_notice .wrap {
  padding:10px
 }
 .board_notice .wrap .img {
  padding:10px 0;
  padding-right:10px;
  width:80px
 }
 .board_notice .wrap .img img {
  max-height:80px
 }
 .board_notice .wrap .no {
  width:30px;
  padding-right:10px
 }
 .board_notice .wrap .hit {
  display:none;
  width:40px
 }
 .board_notice .wrap .hit:before {
  height:10px;
  margin-top:-5px
 }
 .board_notice .wrap .date {
  width:60px
 }
 .board_notice .wrap .press {
  text-align:right;
  width:100px
 }
 .board_notice .wrap .date,
 .board_notice .wrap .hit {
  white-space:nowrap;
  text-align:right;
  font-size:11px
 }
}
.board_cf {
 text-align:center;
 word-break:keep-all
}
.board_cf .cf_player {
 padding:40px 80px;
 border:1px solid #ddd
}
.board_cf .cf_player .txt_bx {
 height:100px;
 line-height:1.3;
 color:#222;
 font-size:1.4117647059em;
 display:table;
 text-align:center;
 width:100%
}
.board_cf .cf_player .txt_bx .tit {
 vertical-align:middle;
 width:100%;
 display:table-cell
}
.board_cf .list .item {
 margin-top:30px
}
.board_cf .list .wrap {
 display:block;
 border:1px solid #ddd
}
.board_cf .list .wrap.on .img_bx:before {
 content:""
}
.board_cf .list .wrap .img_bx {
 position:relative
}
.board_cf .list .wrap .img_bx:before {
 display:block;
 width:100%;
 height:100%;
 top:0;
 left:0;
 bottom:0;
 right:0;
 position:absolute;
 border:4px solid #019f61
}
.board_cf .list .wrap .img_bx img {
 width:100%
}
.board_cf .list .txt_bx {
 padding:0 15px;
 height:100px;
 display:table;
 width:100%
}
.board_cf .list .txt_bx .tit {
 vertical-align:middle;
 display:table-cell;
 line-height:1.3
}

@media screen and (max-width:1024px) {
 .board_cf .cf_player {
  padding:15px
 }
 .board_cf .list .item {
  margin-top:10px
 }
 .board_cf .list .txt_bx {
  padding:0 10px;
  height:80px
 }
}
@media screen and (max-width:480px) {
 .board_cf .cf_player {
  padding:5px
 }
 .board_cf .list .item {
  width:50%
 }
}
.table-view-01 .tit_box p.tbl_detail_span {
 font-size:0.8235294118em
}
.form_wrap .red {
 color:red
}
.form_wrap .col_w {
 width:200px
}
@media screen and (max-width:1024px) {
 .form_wrap .col_w {
  width:80px
 }
}
.form_wrap .table-form-01 tr th {
 word-break:keep-all
}
@media screen and (max-width:1024px) {
 .form_wrap .table-form-01 tr td,
 .form_wrap .table-form-01 tr th {
  padding:5px 2px;
 }
 .form_wrap .table-form-01 tr td p {
  margin-bottom: 20px;
 }
}
.board_success_story {
 position:relative;
 text-align:center
}
.board_success_story .webzine_btn {
 position:absolute;
 top:-150px;
 right:0;
 display:block;
 border-radius:50%;
 width:90px;
 height:90px;
 background-color:#00874c
}
.board_success_story .webzine_btn .cir {
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 color:#fff;
 font-size:15px;
 letter-spacing:-0.5px
}
.board_success_story .webzine_btn .cir img {
 display:block;
 margin:0 auto
}
@media screen and (max-width:768px) {
 .board_success_story .webzine_btn {
  position:relative;
  top:0;
  width:100%;
  height:34px;
  margin-bottom:20px;
  border-radius:0
 }

.form_wrap .table-form-01 tr td p label {margin-top: -10px;}

 .board_success_story .webzine_btn .cir img {
  display:inline-block;
  vertical-align:middle;
  margin-right:5px;
  width:16px
 }
}
.board_success_story .item {
 margin-bottom:30px
}
@media screen and (max-width:768px) {
 .board_success_story .item {
  margin-bottom:10px;
  width:50%
 }
}
.board_success_story .wrap {
 display:block;
 border:1px solid #ddd
}
.board_success_story .wrap:hover .img_bx:before {
 content:""
}
.board_success_story .wrap:hover .txt_bx .tit {
 color:#019f61
}
.board_success_story .wrap .img_bx {
 position:relative
}
.board_success_story .wrap .img_bx:before {
 display:block;
 width:100%;
 height:100%;
 top:0;
 left:0;
 bottom:0;
 right:0;
 position:absolute;
 border:4px solid #019f61
}
.board_success_story .wrap .img_bx .img_src {
 display:block;
 height:0;
 width:100%;
 padding-bottom:100%;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
.board_success_story .wrap .txt_bx {
 width:100%;
 position:relative
}
.board_success_story .wrap .txt_bx .cate {
 position:relative;
 margin:-20px auto 0;
 color:#fff
}
.board_success_story .wrap .txt_bx .cate span {
 background-color:#019f61;
 font-weight:300;
 font-size:1.0588235294em;
 display:inline-block;
 line-height:40px;
 padding:0 20px
}
.board_success_story .wrap .txt_bx .tit {
 box-sizing:content-box;
 margin:30px 10px;
 font-size:1.1764705882em;
 color:#222;
 height:48px;
 line-height:24px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical
}
@media screen and (max-width:1024px) {
 .board_success_story .wrap .img_bx:before {
  border-width:2px
 }
 .board_success_story .wrap .txt_bx .cate {
  margin:-10px auto 0
 }
 .board_success_story .wrap .txt_bx .cate span {
  font-size:12px;
  line-height:30px;
  padding:0 10px
 }
 .board_success_story .wrap .txt_bx .tit {
  margin:10px 5px 20px;
  font-size:14px;
  height:36px;
  line-height:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
 }
}
.success_story-view .info {
 margin:30px 0;
 display:table;
 width:100%;
 table-layout:fixed;
 table-layout:inherit
}
.success_story-view .info li {
 display:table-cell
}
.success_story-view .info li {
 vertical-align:middle;
 padding-left:30px
}
.success_story-view .info li:first-child {
 padding-left:0
}
.success_story-view .info dl {
 padding-left:70px;
 position:relative;
 line-height:1.4
}
.success_story-view .info dl dt {
 font-weight:500;
 color:#222;
 margin-bottom:5px
}
.success_story-view .info dl img {
 position:absolute;
 top:50%;
 margin-top:-32px;
 left:0
}
@media screen and (max-width:1024px) {
 .success_story-view .info {
  margin:15px 0
 }
 .success_story-view .info li {
  padding-left:10px
 }
 .success_story-view .info li dl {
  padding-left:40px
 }
 .success_story-view .info li dl img {
  width:32px;
  margin-top:-16px
 }
}
@media screen and (max-width:768px) {
 .success_story-view .info,
 .success_story-view .info li {
  text-align:center;
  display:block
 }
 .success_story-view .info li,
 .success_story-view .info li li {
  padding-left:0;
  margin-top:10px;
  text-align:left
 }
}
.table-view-01 .tit_box p.tit {
 font-size:1.2941176471em;
 color:#22252c;
 text-align:center;
 float:none
}
.table-view-01 .tbl_detail_span {
 text-align:right;
 font-size:1em!important
}
.table-view-01 .tbl_detail_span span {
 position:relative;
 padding:0 7px;
 font-size:0.8235294118em
}
.table-view-01 .tbl_detail_span span:before {
 content:"";
 position:absolute;
 top:50%;
 left:0;
 height:10px;
 margin-top:-5px;
 border-left:1px solid #ccc
}
.table-view-01 .tbl_detail_span span:first-child {
 padding-left:0
}
.table-view-01 .tbl_detail_span span:first-child:before {
 display:none
}
.consult_form .info_bx {
 font-size:0.8235294118em;
 border:3px solid #ddd;
 padding:30px;
 margin-bottom:30px
}
.consult_form .info_bx .txt {
 padding-left:60px;
 position:relative;
 line-height:1.4
}
.consult_form .info_bx .txt i {
 position:absolute;
 font-size:50px;
 top:50%;
 margin-top:-25px;
 left:0
}
@media screen and (max-width:1024px) {
 .consult_form .info_bx {
  padding:15px;
  margin-bottom:15px;
  border-width:2px
 }
 .consult_form .info_bx .txt {
  padding-left:40px
 }
 .consult_form .info_bx .txt i {
  font-size:30px;
  margin-top:-15px
 }
}
.counsult_setup {
 word-break:keep-all
}
.counsult_setup .section {
 padding:50px 0;
 border-top:1px solid #ddd
}
.counsult_setup .section:first-child {
 border-top:0
}
@media screen and (max-width:1024px) {
 .counsult_setup .section {
  padding:30px 0
 }
}
.counsult_setup h5._tit {
 text-align:left;
 color:#22252c;
 font-size:1.4117647059em;
 letter-spacing:-0.3px;
 margin-bottom:20px
}
.counsult_setup h5._tit:before {
 content:"";
 border-top:1px solid #019f61;
 width:30px;
 display:block
}
.counsult_setup .setup_intro {
 color:#fff;
 position:relative;
 padding-bottom:40px
}
.counsult_setup .setup_intro:after,
.counsult_setup .setup_intro:before {
 display:table;
 content:""
}
.counsult_setup .setup_intro:after {
 clear:both
}
.counsult_setup .setup_intro .tit {
 font-family:"yg-jalnan",sans-serif;
 line-height:1.3;
 font-size:1.7647058824em
}
.counsult_setup .setup_intro>* {
 position:relative;
 display:inline-block
}
.counsult_setup .setup_intro_txt {
 position:absolute;
 left:0;
 bottom:0;
 z-index:2;
 float:left;
 width:49.1666666667%;
 background-color:#019f61;
 background-repeat:no-repeat;
 background-size:40% auto;
 background-position:right bottom;
 background-image:url(/images/setup/banner1_bg.png);
 padding:110px 20px;
 padding-left:70px;
 text-align:left
}
.counsult_setup .setup_intro_txt .txt {
 font-size:1.1764705882em;
 margin-top:30px
}
.counsult_setup .setup_intro_info {
 float:right;
 width:54.1666666667%;
 background-repeat:no-repeat;
 background-image:url("/images/setup/banner2_bg.jpg");
 background-size:cover;
 background-position:center;
 text-align:center;
 padding:80px 30px
}
.counsult_setup .setup_intro_info .tit span {
 font-size:1.6666666667em;
 display:block
}
.counsult_setup .setup_intro_info .btn {
 margin:30px auto
}
.counsult_setup .setup_intro_info .btn a {
 line-height:50px;
 padding:0 40px;
 background-color:#ffc600;
 color:#222;
 display:inline-block
}
@media screen and (max-width:1024px) {
 .counsult_setup .setup_intro {
  padding-bottom:25px
 }
 .counsult_setup .setup_intro_txt {
  padding:30px
 }
 .counsult_setup .setup_intro_txt .txt {
  margin-top:20px
 }
 .counsult_setup .setup_intro_info {
  padding:30px
 }
 .counsult_setup .setup_intro_info .btn {
  margin:20px auto
 }
 .counsult_setup .setup_intro_info .btn a {
  line-height:40px;
  padding:0 30px
 }
}
@media screen and (max-width:768px) {
 .counsult_setup .setup_intro {
  padding-bottom:0
 }
 .counsult_setup .setup_intro>* {
  display:block;
  width:100%
 }
 .counsult_setup .setup_intro_info,
 .counsult_setup .setup_intro_txt {
  padding:20px
 }
 .counsult_setup .setup_intro_txt {
  position:relative
 }
}
.counsult_setup .setup_step {
 text-align:left
}
.counsult_setup .setup_step li {
 position:relative;
 padding-top:65px
}
.counsult_setup .setup_step li:before {
 font-family:xeicon!important;
 display:inline-block;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:""
}
.counsult_setup .setup_step li:first-child {
 padding-top:0
}
.counsult_setup .setup_step li:first-child:before {
 content:none
}
.counsult_setup .setup_step li:before {
 top:0;
 line-height:65px;
 color:#64666b;
 left:50%;
 margin-left:-20px;
 font-size:40px;
 position:absolute
}
.counsult_setup .setup_step .wrap {
 padding:30px 0;
 border:1px solid #aaaaaa;
 display:table;
 width:100%;
 table-layout:fixed
}
.counsult_setup .setup_step .wrap .img_bx,
.counsult_setup .setup_step .wrap .txt_bx {
 display:table-cell
}
.counsult_setup .setup_step .img_bx {
 text-align:center;
 vertical-align:middle;
 width:215px
}
.counsult_setup .setup_step .txt_bx {
 text-align:left;
 line-height:1.3
}
.counsult_setup .setup_step .tit {
 font-size:1.4117647059em;
 color:#019f61
}
.counsult_setup .setup_step .tit .no {
 text-align:center;
 font-size:14px;
 line-height:22px;
 width:22px;
 border-radius:50%;
 display:inline-block;
 margin-right:5px;
 vertical-align:middle;
 color:#fff;
 font-family:"yg-jalnan",sans-serif;
 background-color:#019f61
}
.counsult_setup .setup_step .desc {
 font-size:1.1764705882em;
 font-weight:500;
 color:#22252c
}
.counsult_setup .setup_step .desc,
.counsult_setup .setup_step .txt {
 margin-top:20px
}
@media screen and (max-width:1024px) {
 .counsult_setup .setup_step li {
  position:relative;
  padding-top:30px
 }
 .counsult_setup .setup_step li:before {
  line-height:30px;
  margin-left:-10px;
  font-size:20px
 }
 .counsult_setup .setup_step .wrap {
  padding:15px 0
 }
 .counsult_setup .setup_step .img_bx {
  width:80px
 }
 .counsult_setup .setup_step .img_bx img {
  height:35px
 }
 .counsult_setup .setup_step .tit .no {
  font-size:10px;
  line-height:16px;
  width:16px
 }
 .counsult_setup .setup_step .desc,
 .counsult_setup .setup_step .txt {
  margin-top:10px
 }
}
.counsult_setup .open_step {
 text-align:center
}
.counsult_setup .open_step .step {
 margin-left:-15px;
 margin-right:-15px
}
.counsult_setup .open_step li {
 float:left;
 width:33.33%;
 position:relative;
 padding:0 15px;
 margin-bottom:30px
}
.counsult_setup .open_step li:before {
 font-family:xeicon!important;
 display:inline-block;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:""
}
.counsult_setup .open_step li:before {
 left:-15px;
 color:#00b870;
 position:absolute;
 top:50%;
 font-size:30px;
 margin-top:-15px
}
.counsult_setup .open_step li:first-child {
 padding-top:0
}
.counsult_setup .open_step li:first-child:before {
 content:none
}
.counsult_setup .open_step li:nth-child(10) {
 width:100%
}
.counsult_setup .open_step li:nth-child(10) .tit {
 padding:15px;
 display:block;
 background-color:#00b870;
 border:0;
 color:#fff
}
.counsult_setup .open_step li:nth-child(4):before,
.counsult_setup .open_step li:nth-child(7):before,
.counsult_setup .open_step li:nth-child(10):before {
 content:"";
 left:50%;
 margin-left:-15px;
 top:-15px
}
.counsult_setup .open_step li:nth-child(4),
.counsult_setup .open_step li:nth-child(5),
.counsult_setup .open_step li:nth-child(6) {
 float:right
}
.counsult_setup .open_step li:nth-child(5):before,
.counsult_setup .open_step li:nth-child(6):before {
 content:"";
 left:auto;
 right:-15px
}
.counsult_setup .open_step .wrap {
 padding:0 30px;
 width:100%;
 height:110px;
 display:table;
 text-align:center;
 border:1px solid #aaaaaa
}
.counsult_setup .open_step .tit {
 display:table-cell;
 width:100%;
 vertical-align:middle;
 font-size:1.3529411765em;
 line-height:1.3;
 color:#22252c
}
.counsult_setup .open_step .tit .no {
 text-align:center;
 font-size:14px;
 line-height:22px;
 width:22px;
 border-radius:50%;
 display:inline-block;
 margin-right:5px;
 vertical-align:middle;
 color:#fff;
 font-family:"yg-jalnan",sans-serif;
 background-color:#626367
}
@media screen and (max-width:1024px) {
 .counsult_setup .open_step .tit .no {
  font-size:10px;
  line-height:16px;
  width:16px
 }
}
@media screen and (max-width:768px) {
 .counsult_setup .open_step li {
  width:100%;
  padding:0;
  margin-bottom:20px
 }
 .counsult_setup .open_step li:after {
  font-family:xeicon!important;
  display:inline-block;
  speak:none;
  font-style:normal;
  font-weight:400;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:""
 }
 .counsult_setup .open_step li:first-child:after {
  display:none;
  content:none
 }
 .counsult_setup .open_step li:after {
  position:absolute;
  top:-20px;
  font-size:20px;
  left:50%;
  margin-left:-10px;
  color:#00b870
 }
 .counsult_setup .open_step li:before {
  content:none;
  display:none
 }
 .counsult_setup .open_step .wrap {
  padding:10px;
  height:auto
 }
}
.counsult_setup .setup_banner {
 background-repeat:no-repeat;
 background-image:url("/images/setup/banner_inquiry.jpg");
 background-size:cover;
 background-position:center;
 text-align:center;
 padding:100px 20px;
 line-height:1.3
}
.counsult_setup .setup_banner,
.counsult_setup .setup_banner a {
 color:#fff
}
.counsult_setup .setup_banner span {
 display:inline-block
}
.counsult_setup .setup_banner .tit {
 font-family:"yg-jalnan",sans-serif;
 font-size:2.6470588235em
}
.counsult_setup .setup_banner .txt {
 margin-top:20px;
 font-weight:300
}
@media screen and (max-width:1024px) {
 .counsult_setup .setup_banner {
  padding:50px 10px
 }
 .counsult_setup .setup_banner .txt {
  margin-top:10px
 }
}
.recommanded_store .table_board_for thead th {
 background-color:#f6f6f6
}
.recommanded_store .table_board_for td,
.recommanded_store .table_board_for th {
 vertical-align:middle
}
.recommanded_store .table_board_for td {
 font-weight:300
}
.recommanded_store .table_board_for [data-title=위치] {
 text-align:left
}
.recommanded_store .table_board_for a {
 display:block;
 width:32px;
 line-height:32px;
 background-color:#aeaeae;
 border-radius:50%;
 margin:0 auto;
 color:#fff
}
.recommanded_store .table_board_for a:hover {
 background-color:#019f61
}
@media screen and (max-width:1024px) {
 .recommanded_store .table_board_for td {
  margin-top:5px;
  line-height:1.3!important
 }
 .recommanded_store .table_board_for td:first-child {
  margin-top:0
 }
 .recommanded_store .table_board_for td:last-child {
  display:none
 }
}
.recommanded_store .table-view-01 .tit_box {
 text-align:center
}
.recommanded_store .table-view-01 .tit_box .title {
 display:inline-block;
 line-height:1.3
}
.recommanded_store .table-view-01 .tit_box .tag {
 display:inline-block;
 color:#fff;
 line-height:1;
 padding:5px 10px;
 font-size:14px
}
.recommanded_store .table-view-01 .tit_box .tit_desc {
 margin-top:10px
}
.recommanded_store .table-view-01 .tit_box .tit_desc p {
 display:inline-block;
 padding:0 10px
}
.recommanded_store .table-view-01 .tit_box .tit_desc p span {
 font-weight:500;
 color:#444
}
.recommanded_store .table-view-01 .desc_box {
 padding:20px 0
}
.recommanded_store .table-view-01 .desc_box span {
 display:inline-block;
 padding-right:30px
}
@media screen and (max-width:1024px) {
 .recommanded_store .table-view-01 .tit_box .tag {
  padding:5px;
  font-size:12px
 }
 .recommanded_store .table-view-01 .desc_box {
  padding:10px 0
 }
 .recommanded_store .table-view-01 .desc_box .col-lg-6 {
  width:100%
 }
 .recommanded_store .table-view-01 .desc_box span {
  padding-right:20px
 }
}
.branch_search_wrap .top_wrap {
 padding:50px;
 display:table;
 width:100%;
 table-layout:fixed;
 border:1px solid #ddd
}
.branch_search_wrap .top_wrap .map_search,
.branch_search_wrap .top_wrap .txt_search {
 display:table-cell
}
@media screen and (max-width:1024px) {
 .branch_search_wrap .top_wrap {padding:0;}
}
.branch_search_wrap .top_wrap .map_search,
.branch_search_wrap .top_wrap .txt_search {
 vertical-align:middle;
 padding:20px
}
@media screen and (max-width:1024px) {
 .branch_search_wrap .top_wrap .map_search,
 .branch_search_wrap .top_wrap .txt_search {
  padding:15px
 }
}
.branch_search_wrap .top_wrap .map_search {
 text-align:center
}
@media screen and (max-width:1024px) {
 .branch_search_wrap .top_wrap .map_search {
  width:240px
 }
}
.branch_search_wrap .top_wrap .txt_search {
 width:60%
}
.branch_search_wrap .top_wrap .txt_search .wrap {
 width:100%;
 margin:0 auto;
 max-width:480px
}
@media screen and (max-width:640px) {
 .branch_search_wrap .top_wrap,
 .branch_search_wrap .top_wrap .map_search,
 .branch_search_wrap .top_wrap .txt_search {
  display:block;
  width:100%
 }
 .branch_search_wrap .top_wrap .map_search img {
  max-width:210px
 }
}
.branch_search_wrap .txt_search .title_bx {
 margin-bottom:10px;
 font-size:0.8823529412em
}
.branch_search_wrap .txt_search .call_bx {
 text-align:center;
 margin-top:50px;
 font-family:"yg-jalnan",sans-serif
}
.branch_search_wrap .txt_search .call_bx .tit {
 color:#ed9e05;
 font-size:1.7647058824em
}
.branch_search_wrap .txt_search .call_bx .call {
 font-size:3.5294117647em;
 color:#22252c
}
@media screen and (max-width:768px) {
 .branch_search_wrap .txt_search .call_bx {
  margin-top:30px
 }
}
.branch_search_wrap .txt_search .search_bx .tt {
 color:#222
}
.branch_search_wrap .txt_search .input_bx {
 margin-top:10px;
 position:relative
}
.branch_search_wrap .txt_search .input_bx input[type=submit] {
 background-color: #efefef;
 color: #000;
}
.branch_search_wrap .txt_search .input_bx .btn,
.branch_search_wrap .txt_search .input_bx input,
.branch_search_wrap .txt_search .input_bx select {
 height:50px;
 line-height:50px
}
.branch_search_wrap .txt_search .input_bx input,
.branch_search_wrap .txt_search .input_bx select {
 width:100%
}
.branch_search_wrap .txt_search .input_bx .btn {
 display:block;
 color:#fff;
 text-align:center;
 background-color:#22252c
}
@media screen and (max-width:768px) {
 .branch_search_wrap .txt_search .input_bx .btn,
 .branch_search_wrap .txt_search .input_bx input,
 .branch_search_wrap .txt_search .input_bx select {
  height:40px;
  line-height:40px
 }
 .branch_search_wrap .txt_search .input_bx .btn {
  background-size:12px
 }
}
.branch_search-sort {
 margin:20px auto;
 text-align:center;
 display:none;
}
.branch_search-sort li {
 padding:0 2px;
 float:left
}
.branch_search-sort li div {
 display:block;
 position:relative
}
.branch_search-sort input+label {
 position:absolute!important;
 height:100%;
 width:100%;
 z-index:2;
 left:0
}
.branch_search-sort .cont {
 word-break:keep-all;
 line-height:1.3
}
.branch_search-sort .cont .icon {
 font-size:0;
 display:block;
 margin:0 auto 10px;
 width:60px;
 line-height:60px;
 border-radius:50%;
 text-align:center;
 background-color:#ccc
}
.branch_search-sort .cont .icon img {
 vertical-align:middle
}
@media screen and (max-width:1024px) {
 .branch_search-sort .cont .icon {
  width:40px;
  line-height:40px
 }
 .branch_search-sort .cont .icon img {
  width:25px
 }
}
.branch_search-sort .type_1 .cont {
 color:#039be5
}
.branch_search-sort .type_1 .cont .icon {
 background-color:#039be5
}
.branch_search-sort .type_2 .cont {
 color:#00874c
}
.branch_search-sort .type_2 .cont .icon {
 background-color:#00874c
}
.branch_search-sort .type_3 .cont {
 color:#ff9800
}
.branch_search-sort .type_3 .cont .icon {
 background-color:#ff9800
}
.branch_search-sort .type_4 .cont {
 color:#f44336
}
.branch_search-sort .type_4 .cont .icon {
 background-color:#f44336
}
.branch_search-sort .type_5 .cont {
 color:#614591
}
.branch_search-sort .type_5 .cont .icon {
 background-color:#614591
}
.branch_search-sort .type_6 .cont {
 color:#00b2c9
}
.branch_search-sort .type_6 .cont .icon {
 background-color:#00b2c9
}
.branch_search_list .item {
 border-bottom:1px solid #ddd
}
.branch_search_list .item:first-child {
 border-top:1px solid #222
}
.branch_search_list .wrap {
 padding:30px 0;
 display:table;
 width:100%;
 table-layout:fixed
}
.branch_search_list .wrap .bx {
 display:table-cell
}
.branch_search_list .wrap .bx {
 vertical-align:middle
}
.branch_search_list .wrap ._btn {
 width:100px;
 text-align:center
}
.branch_search_list .wrap ._btn a {
 display: flex;
 justify-content: center;
 align-items: center;
 width:50px;
 height: 50px;
 line-height:50px;
 background-color:#aeaeae;
 border-radius:50%;
 margin:0 auto;
 color:#fff;
 font-size:18px
}
.branch_search_list .wrap ._btn a:hover {
 background-color:#019f61
}
.branch_search_list .wrap ._txt .tit {
 font-size:1.3117647059em;
 color:#222
}
.branch_search_list .wrap ._txt .txt {
 line-height:1.3;
 margin-left:-10px;
 margin-right:-10px
}
.branch_search_list .wrap ._txt .txt:after,
.branch_search_list .wrap ._txt .txt:before {
 display:table;
 content:""
}
.branch_search_list .wrap ._txt .txt:after {
 clear:both
}
.branch_search_list .wrap ._txt .txt span {
 position:relative;
 padding:0 10px;
 float:left;
 display:inline-block
}
.branch_search_list .wrap ._txt .txt span:first-child:before {
 content:none;
 display:none
}
.branch_search_list .wrap ._txt .txt span:before {
 content:"";
 top:50%;
 margin-top:-5px;
 height:10px;
 position:absolute;
 left:0;
 display:block
}
.branch_search_list .wrap ._type {
 width:280px;
 text-align:right;
 font-size:0
}
.branch_search_list .wrap ._type span {
 margin-left:3px;
 width:36px;
 display:inline-block
}
@media screen and (max-width:1024px) {
 .branch_search_list .wrap ._btn {
  width:50px
 }
 .branch_search_list .wrap ._btn a {
  width:40px;
  height: 40px;
  line-height:2.5!important;
  font-size:16px
 }
 .branch_search_list .wrap ._type {
  width:140px
 }
 .branch_search_list .wrap ._type span {
  width:20px
 }
}
@media screen and (max-width:768px) {
 .branch_search_list .wrap {
  padding:15px;
  padding-left:50px;
  position:relative
 }
 .branch_search_list .wrap,
 .branch_search_list .wrap .bx {
  display:block;
  width:100%
 }
 .branch_search_list .wrap ._btn {
  width:auto;
  position:absolute;
  top:50%;
  margin-top:-20px;
  left:0
 }
 .branch_search_list .wrap ._type {
  margin-top:10px;
  text-align:left
 }
 .branch_search_list .wrap ._type span {
  margin-left:2px
 }

 .bx._txt {
  padding: 0 1rem !important;
 }
}
.menu_tab_wrap {
 word-break:keep-all
}
.menu_tab_wrap .tabwrap {
 position:absolute;
 top:0;
 left:0;
 right:0;
 width:100%;
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
}
.menu_tab_wrap .tabwrap .wrapper {
 padding:0
}
.menu_tab_wrap .tabwrap .tab {
 padding:20px 0;
 text-align:center;
 max-width:1200px;
 margin:0 auto
}
.menu_tab_wrap .tabwrap .tab:after,
.menu_tab_wrap .tabwrap .tab:before {
 display:table;
 content:""
}
.menu_tab_wrap .tabwrap .tab:after {
 clear:both
}
.menu_tab_wrap .tabwrap .tab a {
 color:#222;
 font-size:0.9411764706em
}
.menu_tab_wrap .tabwrap .tab a.on {
 color:#eda000
}
.menu_tab_wrap .tabwrap .tab a.on .icon {
 background-color:#eda000
}
.menu_tab_wrap .tabwrap .tab a.on .icon:before {
 background-position-y:100%
}
.menu_tab_wrap .tabwrap .tab .icon {
 margin:0 auto 5px;
 display:block;
 border-radius:50%;
 width:60px;
 height:60px;
 position:relative
}
.menu_tab_wrap .tabwrap .tab .icon:before {
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 width:50px;
 height:50px;
 content:"";
 display:block;
 position:absolute;
 background-size:98%;
 background-repeat:no-repeat;
 background-position-y:0
}

.menu_tab_wrap .tabwrap .tab a.on .recipe_icon {
 background-color:#eda000
}
.menu_tab_wrap .tabwrap .tab a.on .recipe_icon:before {
 background-position-y:100%
}
.menu_tab_wrap .tabwrap .tab .recipe_icon {
 margin:0 auto 5px;
 display:block;
 border-radius:50%;
 width:60px;
 height:60px;
 position:relative
}
.menu_tab_wrap .tabwrap .tab .recipe_icon:before {
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 width:50px;
 height:50px;
 content:"";
 display:block;
 position:absolute;
 background-size:98%;
 background-repeat:no-repeat;
 background-position-y:0
}

.menu_tab_wrap .tabwrap .tab .icon._1:before {
 background:url("/images/menu/new/menu01_ico.png") center no-repeat;
background-size:100%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._1:before {
 background:url("/images/menu/new/menu01_ico_on.png") center no-repeat;
 background-size:100%;
}

.menu_tab_wrap .tabwrap .tab .icon._2:before {
 background:url("/images/menu/new/menu02_ico.png") center no-repeat;
background-size:90%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._2:before {
background:url("/images/menu/new/menu02_ico_on.png") center no-repeat;
background-size:90%;
}

.menu_tab_wrap .tabwrap .tab .icon._3:before {
 background:url("/images/menu/new/menu03_ico.png")center no-repeat;
background-size:75%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._3:before {
background:url("/images/menu/new/menu03_ico_on.png")center no-repeat;
background-size:75%;
}

.menu_tab_wrap .tabwrap .tab .icon._4:before {
 background:url("/images/menu/new/menu04_ico.png")center no-repeat;
background-size:80%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._4:before {
background:url("/images/menu/new/menu04_ico_on.png")center no-repeat;
background-size:80%;
}

.menu_tab_wrap .tabwrap .tab .icon._5:before {
 background:url("/images/menu/new/menu05_ico.png") center no-repeat;
	background-size:80%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._5:before {
 background:url("/images/menu/new/menu05_ico_on.png") center no-repeat;
background-size:80%;
}

.menu_tab_wrap .tabwrap .tab .icon._6:before {
 background:url("/images/menu/new/menu06_ico.png") center no-repeat;
	background-size:80%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._6:before {
 background:url("/images/menu/new/menu06_ico_on.png") center no-repeat;
background-size:80%;
}

.menu_tab_wrap .tabwrap .tab .icon._7:before {
 background:url("/images/menu/new/menu07_ico.png") center no-repeat;
	background-size:90%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._7:before {
 background:url("/images/menu/new/menu07_ico_on.png") center no-repeat;
background-size:90%;
}

.menu_tab_wrap .tabwrap .tab .icon._8:before {
 background:url("/images/menu/new/menu08_ico.png") center no-repeat;
	background-size:90%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._8:before {
 background:url("/images/menu/new/menu08_ico_on.png") center no-repeat;
background-size:90%;
}

.menu_tab_wrap .tabwrap .tab .icon._9:before {
 background:url("/images/menu/new/menu09_ico.png") center no-repeat;
	background-size:95%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._9:before {
 background:url("/images/menu/new/menu09_ico_on.png") center no-repeat;
background-size:95%;
}

.menu_tab_wrap .tabwrap .tab .icon._10:before {
 background:url("/images/menu/new/menu10_ico.png") center no-repeat;
	background-size:95%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._10:before {
 background:url("/images/menu/new/menu10_ico_on.png") center no-repeat;
background-size:95%;
}

.menu_tab_wrap .tabwrap .tab .icon._11:before {
 background:url("/images/menu/new/menu11_ico.png") center no-repeat;
	background-size:80%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._11:before {
 background:url("/images/menu/new/menu11_ico_on.png") center no-repeat;
background-size:80%;
}

.menu_tab_wrap .tabwrap .tab .icon._12:before {
 background:url("/images/menu/new/menu12_ico.png") center no-repeat;
	background-size:80%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._12:before {
 background:url("/images/menu/new/menu12_ico_on.png") center no-repeat;
background-size:80%;
}


.menu_tab_wrap .tabwrap .tab .icon._01:before {
 background:url("/images/menu/new/menu01_ico.png") center no-repeat;
background-size:100%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._01:before {
 background:url("/images/menu/new/menu01_ico_on.png") center no-repeat;
 background-size:100%;
}

.menu_tab_wrap .tabwrap .tab .icon._02:before {
 background:url("/images/menu/new/menu02_ico.png") center no-repeat;
background-size:90%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._02:before {
background:url("/images/menu/new/menu02_ico_on.png") center no-repeat;
background-size:90%;
}

.menu_tab_wrap .tabwrap .tab .icon._03:before {
 background:url("/images/menu/new/menu03_ico.png")center no-repeat;
background-size:75%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._03:before {
background:url("/images/menu/new/menu03_ico_on.png")center no-repeat;
background-size:75%;
}

.menu_tab_wrap .tabwrap .tab .icon._04:before {
 background:url("/images/menu/new/menu04_ico.png")center no-repeat;
background-size:80%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._04:before {
background:url("/images/menu/new/menu04_ico_on.png")center no-repeat;
background-size:80%;
}

.menu_tab_wrap .tabwrap .tab .icon._05:before {
 background:url("/images/menu/new/menu05_ico.png") center no-repeat;
	background-size:80%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._05:before {
 background:url("/images/menu/new/menu05_ico_on.png") center no-repeat;
background-size:80%;
}

.menu_tab_wrap .tabwrap .tab .icon._06:before {
 background:url("/images/menu/new/menu06_ico.png") center no-repeat;
	background-size:80%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._06:before {
 background:url("/images/menu/new/menu06_ico_on.png") center no-repeat;
background-size:80%;
}

.menu_tab_wrap .tabwrap .tab .icon._07:before {
 background:url("/images/menu/new/menu07_ico.png") center no-repeat;
	background-size:90%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._07:before {
 background:url("/images/menu/new/menu07_ico_on.png") center no-repeat;
background-size:90%;
}

.menu_tab_wrap .tabwrap .tab .icon._08:before {
 background:url("/images/menu/new/menu08_ico.png") center no-repeat;
	background-size:90%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._08:before {
 background:url("/images/menu/new/menu08_ico_on.png") center no-repeat;
background-size:90%;
}

.menu_tab_wrap .tabwrap .tab .icon._09:before {
 background:url("/images/menu/new/menu09_ico.png") center no-repeat;
	background-size:95%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._09:before {
 background:url("/images/menu/new/menu09_ico_on.png") center no-repeat;
background-size:95%;
}

.menu_tab_wrap .tabwrap .tab .icon._10:before {
 background:url("/images/menu/new/menu10_ico.png") center no-repeat;
	background-size:95%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._10:before {
 background:url("/images/menu/new/menu10_ico_on.png") center no-repeat;
background-size:95%;
}

.menu_tab_wrap .tabwrap .tab .icon._11:before {
 background:url("/images/menu/new/menu11_ico.png") center no-repeat;
	background-size:80%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._11:before {
 background:url("/images/menu/new/menu11_ico_on.png") center no-repeat;
background-size:80%;
}

.menu_tab_wrap .tabwrap .tab .icon._12:before {
 background:url("/images/menu/new/menu12_ico.png") center no-repeat;
	background-size:80%;
}
.menu_tab_wrap .tabwrap .tab a.on .icon._12:before {
 background:url("/images/menu/new/menu12_ico_on.png") center no-repeat;
background-size:80%;
}


.menu_tab_wrap .tabcontent {
 position:relative;
 padding:100px 0;
 padding-top:150px
}
.menu_tab_wrap .tabcontent.pad-01 {
 padding-top: 130px;
}
.menu_tab_wrap .tab.box {
 margin:30px 0
}
.menu_tab_wrap .tab.box a.on {
 background-color:#00b76f
}
@media screen and (max-width:768px) {
 .menu_tab_wrap .tab.box {
  margin:20px 0
 }
 .menu_tab_wrap .tab.box a {
  font-size:11px
 }
}
@media screen and (max-width:1024px) {
 .menu_tab_wrap .tabcontent {
  padding:20px 0;
 }
 .menu_tab_wrap .tabwrap {
  border-top:0;
  position:relative
 }
 .menu_tab_wrap .tabwrap .tab {
  border-top:1px solid #ddd;
  padding:10px 1%
 }
 .menu_tab_wrap .tabwrap .tab .icon,
 .menu_tab_wrap .tabwrap.recipewrap .tab .recipe_icon {
  width:40px;
  height:40px
 }
 .menu_tab_wrap .tabwrap .tab .icon:before {
  width:100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:30px;
  height:30px;
  background-image:url("/images/menu/tab_icon_m.png");
  background-size:auto 60px
 }
}
.menu_view_title {
 text-align:center;
 color:#fff;
 height:300px;
 background-size:cover;
 background-position:center left;
 display:table;
 width:100%
}
.menu_view_title .title_bx {
 display:table-cell;
 vertical-align:middle;
 width:100%;
 line-height:1.4
}
.menu_view_title .title_bx .desc {
 font-size:0.9411764706em;
 font-weight:300
}
.menu_view_title .title_bx .tit {
 font-family:"yg-jalnan",sans-serif;
 font-size:2.6470588235em;
 margin-top:10px
}
@media screen and (max-width:1024px) {
 .menu_view_title {
  height:33vw;
  padding:0 15px;
  font-size:10px
 }

 .menu_view_title.recipe_ {
    height: 25vw;
 }
}
.menu_view_slick {
 margin-top:30px;
 text-align:center
}
.menu_view_slick .slick-arrow {
 font-size:40px
}
.menu_view_slick .sa_r {
 right:-50px
}
.menu_view_slick .sa_l {
 left:-50px
}
@media (max-width:1300px) {
 .menu_view_slick .slick {
  padding:0 10px
 }
.menu_view_slick .item{width:48% !important;}
 .menu_view_slick .slick-arrow {
  font-size:15px
 }
 .menu_view_slick .sa_r {
  right:-10px
 }
 .menu_view_slick .sa_l {
  left:-10px
 }
}
.menu_view_slick .slick {
 margin-left:-5px;
 margin-right:-5px
}
.menu_view_slick:after{display:block; content:''; clear:both;}
.menu_view_slick ul:after{display:block; content:''; clear:both;}
.menu_view_slick .item {
 position: relative;
 padding:10px 5px;
 width:23%;
 float:left;
 margin: 1% 1% 35px;
 box-shadow: 0 0 5px rgba(0,0,0,0.15);
}

.menu_view_slick .item .state {
 text-align:left; 
 margin: 0 0 -7px; 
 height: 20px; 
 position: absolute; 
 top: -28px; 
 left: -1px;
}

.menu_view_slick .item02 {
 padding:0px;
 width:23%;
 float:left;

}
.menu_view_slick .item img {
 width:60%;
}
.menu_view_slick .item .txt_bx {
 padding:15px 10px;
 text-align:left;
 height:40px;

}
.menu_view_slick .item02 .txt_bx {
 padding:10px 10px;
height:auto; 

}
.menu_view_slick .item02 .txt_bx .tit {

	padding:10px 0;
}
.menu_view_slick .item .txt_bx .tit {
 color:#222;
 /*font-size:1.1764705882em;*/
width:100%;
 font-size:1.1em;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
line-height:18px;
letter-spacing:-1px;
 white-space: normal; 
 text-align: center;
 word-wrap: break-word; 
display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
}
.menu_view_slick .item .txt_bx .txt {
 margin-top:10px;
 font-size:0.9411764706em;
 line-height:1.4em;
 min-height:4.2em
}

.recipe_tabs02 {
    display: flex;
    margin: 10px auto 0;
    width: fit-content;
}

.recipe_tabs02 ul.tabs02 li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.recipe_tabs02 ul.tabs02 li:last-child {
    margin-right: 0;
}

.recipe_tabs02 ul.tabs02 li a {
    display: inline-block;
    width: 120px;
    color: #a11e23;
    padding: 5px 10px;
    text-align: center;
    background-color: #a11e2300;
    border-radius: 4px;
    border: 1px solid #a11e23;
}

.recipe_tabs02 ul.tabs02 li a:hover {
    color: #fff;
    background-color: #a11e22bb;
    border: 1px solid #a11e23bb;
    transition: 0.3s;
}

.recipe_tabs02 ul.tabs02 li a.on {
    color: #fff;
    background-color: #a11e23;
}

.recipe_print {
    position: sticky;
    top: 80px;
    margin: auto;
    justify-content: center;
    z-index: 1;
    background-color: #fff;
    width: 100%;
}

.recipe_print span {margin-left: 15px;}

@media screen and (max-width:1024px) {
 .menu_view_slick .slick {
  margin-left:-2px;
  margin-right:-2px
 }
 .menu_view_slick .item {
  padding:0 0px
 }
 .menu_view_slick .item .state {
  top: -22px;
 }

 .menu_view_slick .item .state span {
  font-size: 12px !important;
 }
 .menu_view_slick .item .txt_bx {
  padding:10px 0;
 }
 .menu_view_slick .item .txt_bx .txt {
  font-size:13px
 }
 .recipe_tabs02 ul.tabs02 li a {
    width: 100px;
 }
 .recipe_print {
    /* max-width: 390px; */
    top: 60px;
 }
}
.menu_intro_desc {
 margin-top:30px;
 color:#999;
 font-size:0.8235294118em;
 line-height:1.3
}
.menu_intro_desc ul li {
 margin-top:6px;
 position:relative;
 padding-left:1.3em
}
.menu_intro_desc ul li:before {
 position:absolute;
 top:0;
 left:0;
 content:"※"
}
.sv_tit_bx {
 text-align:left;
 line-height:1.3
}
.sv_tit_bx .txt {
 font-size:1.4117647059em
}
.sv_tit_bx .desc {
 letter-spacing:-0.05em;
 font-size:2.0588235294em
}
.sv_tit_bx .desc .bold {
 font-size:2.9411764706em
}
.sv_tit_bx .tit {
 font-family:"yg-jalnan",sans-serif;
 font-size:3.5294117647em;
 margin-top:30px
}
@media screen and (max-width:768px) {
 .sv_tit_bx {
  font-size:10px
 }
}

@media screen and (max-width:550px){
    .recipe_print .tr-flex a {padding: 10px 5px !important;}
    .recipe_print .tr-flex .search {margin-left: 5px;}
    .recipe_print,
    .recipe_print .tr-flex,
    .recipe_print .tr-flex .search .tr-flex {flex-wrap: nowrap !important;}
    .recipe_print .tr-flex .search #recipe_skeyword {max-width: 140px;}
    .recipe_print .sort {max-width: 75px !important; margin-left: 5px;}
}

@media screen and (max-width:480px) {
 .sv_tit_bx {
  font-size:8px
 }

 .recipe_tabs02 ul.tabs02 li a {
    width: 80px;
    padding: 5px 0;
 }

 .recipe_print .tr-flex .search #recipe_skeyword {max-width: 110px; padding: 0 3px;}
}

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

    .recipe_print {
        justify-content: center;
        padding: 0 !important;
    }
    .recipe_print a {
        margin: 10px 0 !important;
    }
}

@media screen and (max-width:326px) {
    .recipe_tabs02 {
        width: 100%;
        margin: 10px auto 0;
    }
    .recipe_tabs02 ul.tabs02 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .recipe_tabs02 ul.tabs02 li {
        margin-bottom: 10px;
    }
    .recipe_tabs02 ul.tabs02 li a {
        margin-right: 5px;
    }
}

.intro_sv {
 position:relative;
 text-align:center
}
.intro_sv .dis_tbl {
 max-width:1200px;
 margin:0 auto;
 width:100%;
 height:650px;
 display:table;
 color:#fff;
 line-height:1.3
}
.intro_sv .dis_tbl .dis_cel {
 vertical-align:middle;
 display:table-cell;
 width:100%
}
.intro_sv .dis_tbl .desc {
 letter-spacing:-0.05em;
 font-size:2.0588235294em
}
.intro_sv .dis_tbl .desc .bold {
 font-size:1.4285714286em
}
.intro_sv .dis_tbl .tit {
 font-family:"yg-jalnan",sans-serif;
 font-size:4.1176470588em;
 margin-top:10px
}
@media screen and (max-width:1024px) {
 .intro_sv .dis_tbl {
  min-height:300px;
  height:40vw
 }
}
@media screen and (max-width:768px) {
 .intro_sv .dis_tbl {
  font-size:10px
 }
}
@media screen and (max-width:480px) {
 .intro_sv .dis_tbl {
  font-size:8px
 }
}
.intro__index {
 word-break:keep-all
}
.intro__index_1 {
 padding:95px 0;
 position:relative;
 background-repeat:no-repeat;
 background-image:url("/images/11_bg.jpg");
 background-size:cover;
 background-position:center
}
.intro__index_1 .txtwrap {
 position:relative;
 text-align:center
}
.intro__index_1 .txtwrap .year {
 font-family:"yg-jalnan",sans-serif
}
.intro__index_1 .txtwrap .year_no {
 color:#ffc600;
 font-size:5em
}
.intro__index_1 .txtwrap .history {
 color:#fff;
 line-height:1.3
}
.intro__index_1 .txtwrap .history .item {
 font-weight:300;
 margin-top:40px;
 font-size:1.1764705882em
}
.intro__index_1 .txtwrap .history .item .no {
 display:block;
 font-size:1.5em;
 font-family:"yg-jalnan",sans-serif
}
.intro__index_1 .txtwrap .history .recent {
 margin-top:80px;
 font-family:"yg-jalnan",sans-serif;
 font-size:2.9411764706em
}
.intro__index_1 .txtwrap .history .recent .no {
 color:#ffc600
}
@media screen and (max-width:1024px) {
 .intro__index_1 .txtwrap .year_no {
  font-size:2.9411764706em
 }
 .intro__index_1 .txtwrap .history .item {
  margin-top:20px
 }
 .intro__index_1 .txtwrap .history .recent {
  margin-top:40px;
  font-size:1.7647058824em
 }
}
@media screen and (max-width:1200px) {
 .intro__index_1 {
  background-repeat:no-repeat;
  background-image:url("/images/11_bg.jpg");
  background-size:cover;
  background-position:center;
  padding:10% 0 24%
 }
 .intro__index_1 .bg {
  display:none
 }
}
.intro__index_1 .bg p {
 width:50%;
 height:100%;
 display:block;
 position:absolute;
 top:0;
 bottom:0;
 background-repeat:no-repeat;
 background-size:70%;
}
.intro__index_1 .bg_l {
 left:0;
 background-position:center left
}
.intro__index_1 .bg_r {
 right:0;
 background-position:center right
}
@media screen and (max-width:1600px) {
 .smart_cook_wrap .cook_img {width: 33%;}
 .smart_cook_wrap .text_box {margin-top: 67px!important; width: 1083px!important;}
 .smart_cook_wrap .text_box span {font-size: 1.2em!important;}
 .smart_cook_wrap .text_box h3 {font-size: 2em!important; line-height: 1.4em!important;}
 .smart_cook_wrap .text_box p {font-size: 0.9em!important; margin-top: 15px!important;}
 .smart_cook_wrap ul {margin-top: 40px!important; margin-left: 50px;}
 .smart_cook_wrap ul li {margin-bottom: 25px!important;}
 .intro__index_1 .bg_l {
  left:50%;
  margin-left:-800px;
  background-position:left;
 }
 .intro__index_1 .bg_r {
  right:50%;
  margin-right:-759px;
  background-position:right
 }
}
.intro__index_2 {
 color:#fff;
 height:860px;
 text-align:center;
 display:table;
 width:100%
}
.intro__index_2 .wrapper {
 display:table-cell;
 vertical-align:middle
}
.intro__index_2 .sv_tit_bx .tit {
 font-size:4.1176470588em
}
@media screen and (max-width:1024px) {
 .intro__index_2 {
  height:125vw;
  background-image:url(/images/12.jpg)!important
 }
 .intro__index_2 .wrapper {
  vertical-align:top;
  padding-top:40%
 }
}
.intro__index_3 {
 height:860px;
 position:relative;
 color:#22252c;
 display:table;
 width:100%;
 background-color:#f5f5f5;
 background-image:url(/images/intro/13_bg.png);
 background-repeat:no-repeat;
 background-position:center
}
.intro__index_3 .wrapper {
 display:table-cell;
 vertical-align:middle
}
.intro__index_3 .sv_tit_bx .txt {
 color:#666
}
.intro__index_3 .bg p {
 width:50%;
 height:100%;
 display:block;
 position:absolute;
 top:0;
 bottom:0;
 background-repeat:no-repeat;
 background-size:auto 100%
}
.intro__index_3 .bg_l {
 left:0;
 background-position:center left
}
.intro__index_3 .bg_r {
 right:0;
 background-position:center right
}
@media screen and (max-width:1600px) {
 .intro__index_3 .bg_l {
  left:50%;
  margin-left:-800px
 }
 .intro__index_3 .bg_r {
  right:50%;
  margin-right:-800px
 }
}
@media screen and (max-width:1024px) {
 .intro__index_3 {
  height:100vw;
  background-repeat:no-repeat;
  background-image:url("/images/intro/13_m.jpg");
  background-size:cover;
  background-position:center
 }
 .intro__index_3 .bg {
  display:none
 }
 .intro__index_3 .sv_tit_bx {
  padding:0 10%
 }
}
.intro__index_4 {
 color:#fff;
 height:860px;
 text-align:center;
 display:table;
 width:100%
}
.intro__index_4 .wrapper {
 display:table-cell;
 vertical-align:middle
}
@media screen and (max-width:1024px) {
 .intro__index_4 {
  height:70vw
 }
}
.intro__index_5 {
 background-repeat:no-repeat;
 background-image:url("/images/intro/15.jpg");
 background-size:cover;
 background-position:center;
 color:#fff;
 height:960px;
 text-align:center;
 display:table;
 width:100%
}
.intro__index_5 .wrapper {
 display:table-cell;
 vertical-align:middle
}
.intro__index_5 .btn_bx {
 margin-top:40px
}
.intro__index_5 .btn_bx .btn {
 margin:0 10px;
 display:inline-block;
 line-height:18px;
 padding:15px 25px;
 color:#22252c;
 background-color:#fff;
 border-radius:50px;
 font-size:24px;
 font-family:"yg-jalnan",sans-serif
}
.intro__index_5 .btn_bx .btn:after {
 font-family:xeicon!important;
 display:inline-block;
 speak:none;
 font-style:normal;
 font-weight:400;
 font-variant:normal;
 text-transform:none;
 line-height:1;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 content:""
}
.intro__index_5 .btn_bx .btn:after {
 margin-left:5px
}
.intro__index_5 .btn_bx .btn:hover {
 background-color:#00d883
}
@media screen and (max-width:1024px) {
 .intro__index_5 {
  height:125vw
 }
}
@media screen and (max-width:768px) {
 .intro__index_5 .btn_bx {
  margin-top:20px;
  text-align:center;
  font-size:0
 }
 .intro__index_5 .btn_bx .btn {
  display:inline-block;
  max-width:140px;
  width:50%;
  width:calc(50% - 10px);
  margin:0 5px;
  padding:10px 15px;
  font-size:14px;
  position:relative;
  text-align:left
 }
 .intro__index_5 .btn_bx .btn:after {
  position:absolute;
  top:50%;
  margin-top:-7px;
  right:10px
 }
}
.intro__trend {
 word-break:keep-all
}
.intro__trend_1 {
 background-repeat:no-repeat;
 background-image:url("/images/intro/21_bg.jpg");
 background-size:cover;
 background-position:center;
 padding:100px 0
}
.intro__trend_1 .wrap {
 text-align:left;
 display:table;
 width:100%;
 table-layout:fixed
}
.intro__trend_1 .wrap .img_bx,
.intro__trend_1 .wrap .txt_bx {
 display:table-cell
}
.intro__trend_1 .wrap .img_bx img {
 margin-left:-6.8265682657%
}
.intro__trend_1 .wrap .txt_bx {
 width:670px;
 vertical-align:top
}
.intro__trend_1 .wrap .txt_bx .img {
 display:none
}
.intro__trend_1 .wrap .txt_bx .tit {
 color:#019f61;
 font-size:2.0588235294em;
 font-family:"yg-jalnan",sans-serif;
 line-height:1.3
}
.intro__trend_1 .wrap .txt_bx .txt {
 letter-spacing:-0.5px;
 font-weight:300;
 margin:20px 0;
 color:#e9e9e9;
 font-size:1.4117647059em;
 line-height:1.5
}
@media screen and (max-width:768px) {
 .intro__trend_1 .wrap .txt_bx .txt {
  font-size:13px
 }
}
.intro__trend_1 .wrap .txt_bx .list {
 text-align:center;
 letter-spacing:-0.5px;
 font-weight:300
}
.intro__trend_1 .wrap .txt_bx .list p {
 margin-top:10px;
 color:#c7c7c7;
 font-size:1.0588235294em
}
.intro__trend_1 .wrap .txt_bx .list p span {
 color:#fff;
 font-size:1.3333333333em;
 display:block;
 font-weight:500
}
@media screen and (max-width:1024px) {
 .intro__trend_1 {
  padding:60px 0
 }
 .intro__trend_1 .wrap,
 .intro__trend_1 .wrap .txt_bx {
  display:block;
  width:100%
 }
 .intro__trend_1 .wrap .img_bx {
  display:none
 }
 .intro__trend_1 .wrap .txt_bx {
  text-align:center
 }
 .intro__trend_1 .wrap .txt_bx .img {
  display:block;
  margin:30px auto
 }
 .intro__trend_1 .wrap .txt_bx .img img {
  margin:0 auto;
  max-width:575px;
  width:100%
 }
}
.intro__trend_2 {
 background-repeat:no-repeat;
 background-image:url("/images/intro/22_bg.jpg");
 background-size:cover;
 background-position:center
}
.intro__trend_2 .wrap {
 position:relative;
 height:0;
 padding-bottom:71.6666666667%
}
.intro__trend_2 .sv_tit_bx {
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 text-align:left;
 color:#fff;
 text-shadow:0 0 5px rgba(0,0,0,0.2),3px 3px 10px rgba(0,0,0,0.2)
}
.intro__trend_2 .sv_tit_bx .txt {
 letter-spacing:-0.5px;
 font-weight:100;
 margin-top:30px
}
@media screen and (max-width:768px) {
 .intro__trend_2 {
  background-image:url(/images/intro/22_bg_m.jpg)
 }
 .intro__trend_2 .wrap {
  padding-bottom:156%
 }
 .intro__trend_2 .sv_tit_bx {
  text-shadow:none;
  text-align:center;
  top:10%;
  left:0;
  right:0;
  width:100%;
  transform:none
 }
 .intro__trend_2 .sv_tit_bx .txt {
  margin-top:10px
 }
}
.intro__trend_3 {
 padding:100px 0;
 color:#fff
}
.intro__trend_3 .sv_tit_bx .txt {
 margin-top:20px;
 font-weight:100
}
.intro__trend_3 .imgwrap {
 margin-top:80px
}
.intro__trend_3 .imgwrap .wrap {
 display:table;
 width:100%;
 table-layout:fixed
}
.intro__trend_3 .imgwrap .wrap .img_bx,
.intro__trend_3 .imgwrap .wrap .txt_bx {
 display:table-cell
}
.intro__trend_3 .imgwrap .col-lg-6 .img_bx {
 width:240px
}
.intro__trend_3 .imgwrap .col-lg-12 {
 margin-top:30px
}
.intro__trend_3 .imgwrap .col-lg-12 .img_bx {
 width:580px
}
.intro__trend_3 .imgwrap .col-lg-12 .txt_bx .tit {
 font-size:1.7647058824em
}
.intro__trend_3 .imgwrap .col-lg-12 .txt_bx .tit span {
 display:inline-block
}
.intro__trend_3 .imgwrap .col-lg-12 .txt_bx .tit sub {
 vertical-align:bottom;
 font-size:0.7em
}
.intro__trend_3 .imgwrap .txt_bx {
 vertical-align:middle;
 padding-left:30px;
 line-height:1.3
}
.intro__trend_3 .imgwrap .txt_bx .txt {
 font-size:1.1764705882em;
 font-weight:300
}
.intro__trend_3 .imgwrap .txt_bx .tit {
 margin-top:20px;
 font-size:2.3529411765em;
 font-family:"yg-jalnan",sans-serif;
 color:#019f61
}
@media screen and (max-width:1024px) {
 .intro__trend_3 {
  padding:60px 0
 }
 .intro__trend_3 .sv_tit_bx .txt {
  margin-top:10px
 }
 .intro__trend_3 .imgwrap {
  margin-top:40px
 }
 .intro__trend_3 .imgwrap .col-lg-6 .wrap {
  width:auto;
  margin:15px auto
 }
 .intro__trend_3 .imgwrap .col-lg-6 .img_bx {
  width:120px
 }
 .intro__trend_3 .imgwrap .col-lg-12 {
  margin-top:15px
 }
 .intro__trend_3 .imgwrap .col-lg-12 .wrap,
 .intro__trend_3 .imgwrap .col-lg-12 .wrap .img_bx,
 .intro__trend_3 .imgwrap .col-lg-12 .wrap .txt_bx {
  width:auto;
  display:block;
  margin:0 auto
 }
 .intro__trend_3 .imgwrap .col-lg-12 .wrap .img_bx {
  max-width:290px;
  width:100%
 }
 .intro__trend_3 .imgwrap .col-lg-12 .wrap .txt_bx {
  text-align:center;
  max-width:500px;
  margin-top:20px
 }
 .intro__trend_3 .imgwrap .txt_bx {
  padding-left:15px
 }
 .intro__trend_3 .imgwrap .txt_bx .tit {
  margin-top:10px
 }
}
@media screen and (max-width:480px) {
 .intro__trend_3 .imgwrap {
  font-size:9px;
  margin-top:20px
 }
}
.intro__trend_4 {
 background-color:#f5f5f5;
 padding:100px 0
}
.intro__trend_4 .title_bx {
 text-align:center
}
@media screen and (max-width:480px) {
 .intro__trend_4 .title_bx {
  font-size:8px
 }
}
.intro__trend_4 .title_bx .prop,
.intro__trend_4 .title_bx .tit,
.intro__trend_4 .title_bx .tit_s {
 font-family:"yg-jalnan",sans-serif
}
.intro__trend_4 .title_bx .tit {
 font-size:3.5294117647em;
 color:#22252c
}
.intro__trend_4 .title_bx .txt {
 margin:30px 0;
 font-size:1.4117647059em;
 font-weight:300
}
.intro__trend_4 .title_bx .prop {
 line-height:1;
 margin:30px 0 10px;
 display:block;
 color:#019f61;
 font-size:1.25em;
 letter-spacing:-0.5px
}
.intro__trend_4 .title_bx .prop i {
 display:inline-block;
 padding-top:18px;
 position:relative
}
.intro__trend_4 .title_bx .prop i:before {
 content:"";
 border-radius:50%;
 width:8px;
 height:8px;
 position:absolute;
 background-color:#019f61;
 display:block;
 top:0;
 left:50%;
 margin-left:-4px
}
.intro__trend_4 .title_bx .tit_s {
 font-size:2.6470588235em;
 color:#ff3d00
}
.intro__trend_4 .title_bx .tit_s span {
 display:inline-block
}
.intro__trend_4 .list {
 text-align:left
}
.intro__trend_4 .list .item {
 margin-top:70px
}
.intro__trend_4 .list .item:first-child {
 direction:rtl
}
.intro__trend_4 .list .item:first-child .txt_bx {
 direction:ltr;
 padding-right:30px
}
.intro__trend_4 .list .item:nth-child(2) .txt_bx {
 padding-left:30px
}
.intro__trend_4 .list .wrap {
 display:table;
 width:100%
}
.intro__trend_4 .list .wrap .img_bx,
.intro__trend_4 .list .wrap .txt_bx {
 display:table-cell;
 vertical-align:middle
}
.intro__trend_4 .list .wrap .txt_bx {
 line-height:1.4
}
.intro__trend_4 .list .wrap .txt_bx .tit,
.intro__trend_4 .list .wrap .txt_bx .txt .em {
 font-family:"yg-jalnan",sans-serif
}
.intro__trend_4 .list .wrap .txt_bx .txt {
 font-size:1.4117647059em;
 font-weight:300;
 margin-top:20px;
 letter-spacing:-0.5px
}
.intro__trend_4 .list .wrap .txt_bx .em {
 color:#ff3d00
}
.intro__trend_4 .list .wrap .txt_bx .tit {
 line-height:1.3;
 color:#22252c;
 font-size:1.7647058824em
}
@media screen and (max-width:1024px) {
 .intro__trend_4 {
  padding:60px 0
 }
 .intro__trend_4 .title_bx {
  line-height:1.3
 }
 .intro__trend_4 .title_bx .txt {
  margin:20px 0
 }
 .intro__trend_4 .title_bx .prop {
  margin:10px 0 4px
 }
 .intro__trend_4 .title_bx .prop i {
  padding-top:10px
 }
 .intro__trend_4 .title_bx .prop i:before {
  width:4px;
  height:4px;
  margin-left:-2px
 }
 .intro__trend_4 .list .item {
  margin-top:70px
 }
 .intro__trend_4 .list .item:first-child img {
  max-width:346px
 }
 .intro__trend_4 .list .item:first-child .txt_bx {
  padding-right:15px
 }
 .intro__trend_4 .list .item:nth-child(2) img {
  max-width:387px
 }
 .intro__trend_4 .list .item:nth-child(2) .txt_bx {
  padding-left:15px
 }
 .intro__trend_4 .list .wrap {
  display:block
 }
 .intro__trend_4 .list .wrap .img_bx,
 .intro__trend_4 .list .wrap .txt_bx {
  display:block;
  width:100%;
  text-align:center
 }
 .intro__trend_4 .list .wrap img {
  width:100%;
  margin:0 auto
 }
 .intro__trend_4 .list .wrap .txt_bx {
  margin-top:20px
 }
 .intro__trend_4 .list .wrap .txt_bx .txt {
  margin-top:10px;
  letter-spacing:-0.03em
 }
}
.intro__cmplus {
 word-break:keep-all
}
.intro__cmplus_1 {
 background-repeat:no-repeat;
 background-image:url("/images/intro/31_bg.jpg");
 background-size:cover;
 background-position:center;
 text-align:center;
 padding:150px 0;
 color:#fff
}
.intro__cmplus_1 .sv_tit_bx .tit span {
 display:inline-block
}
.intro__cmplus_1 .desc {
 margin-top:20px
}
.intro__cmplus_1 .desc sub {
 display:block;
 margin-bottom:10px
}
@media screen and (max-width:1024px) {
 .intro__cmplus_1 {
  padding:0;
  background-image:url(/images/intro/31_bg_m.jpg);
  height:125vw;
  position:relative
 }
 .intro__cmplus_1 .wrapper {
  width:100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
 }
}
.intro__cmplus_2 .wrap {
 position:relative;
 height:0;
 padding-bottom:76.6666666667%
}
.intro__cmplus_2 .txtwrap {
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 text-align:left;
 color:#fff
}
.intro__cmplus_2 .txtwrap .txt {
 margin-top:30px;
 letter-spacing:-0.5px;
 font-weight:300;
 font-size:1.7647058824em;
 line-height:1.3
}
@media screen and (max-width:1024px) {
 .intro__cmplus_2 .wrap {
  padding-bottom:100%
 }
 .intro__cmplus_2 .txtwrap {
  width:80%
 }
 .intro__cmplus_2 .txtwrap .tit img {
  max-width:458px;
  width:100%
 }
 .intro__cmplus_2 .txtwrap .txt {
  font-size:1.1764705882em;
  margin-top:20px
 }
}
.intro__cmplus_3,
.intro__cmplus_4,
.intro__cmplus_5 {
 position:relative
}
.intro__cmplus_3 .title_bx,
.intro__cmplus_4 .title_bx,
.intro__cmplus_5 .title_bx {
 text-align:left;
 position:relative
}
.intro__cmplus_3 .title_bx .posi_r,
.intro__cmplus_4 .title_bx .posi_r,
.intro__cmplus_5 .title_bx .posi_r {
 position:relative;
 display:inline-block
}
.intro__cmplus_3 .title_bx .img,
.intro__cmplus_4 .title_bx .img,
.intro__cmplus_5 .title_bx .img {
 position:absolute
}
.intro__cmplus_3 .title_bx .desc,
.intro__cmplus_3 .title_bx .tit,
.intro__cmplus_4 .title_bx .desc,
.intro__cmplus_4 .title_bx .tit,
.intro__cmplus_5 .title_bx .desc,
.intro__cmplus_5 .title_bx .tit {
 font-family:"yg-jalnan",sans-serif;
 position:relative
}
.intro__cmplus_3 .title_bx .desc,
.intro__cmplus_4 .title_bx .desc,
.intro__cmplus_5 .title_bx .desc {
 font-size:1.0588235294em
}
.intro__cmplus_3 .title_bx .tit,
.intro__cmplus_4 .title_bx .tit,
.intro__cmplus_5 .title_bx .tit {
 line-height:1.3;
 font-size:3.2352941176em
}
.intro__cmplus_3 .title_bx .txt,
.intro__cmplus_4 .title_bx .txt,
.intro__cmplus_5 .title_bx .txt {
 line-height:1.5;
 letter-spacing:-0.5px;
 font-weight:300;
 margin:40px 0;
 font-size:1.4117647059em
}
@media screen and (max-width:1024px) {
 .intro__cmplus_3 .title_bx .posi_r,
 .intro__cmplus_4 .title_bx .posi_r,
 .intro__cmplus_5 .title_bx .posi_r {
  padding:0 60px
 }
 .intro__cmplus_3 .title_bx .txt,
 .intro__cmplus_4 .title_bx .txt,
 .intro__cmplus_5 .title_bx .txt {
  margin:20px 0
 }
 .intro__cmplus_3 .title_bx .img img,
 .intro__cmplus_4 .title_bx .img img,
 .intro__cmplus_5 .title_bx .img img {
  width:76px
 }
}
.intro__cmplus_3 {
 backgorund-color:#f5f5f5
}
.intro__cmplus_3 .menu_wrap {
 display:table;
 width:100%;
 table-layout:fixed;
 direction:rtl
}
.intro__cmplus_3 .menu_wrap .title_bx .tit {
 color:#22252c
}
.intro__cmplus_3 .menu_wrap .title_bx .img {
 right:-120px;
 top:-60px
}
@media screen and (max-width:1024px) {
 .intro__cmplus_3 .menu_wrap .title_bx .img {
  right:0;
  top:-20px
 }
}
.intro__cmplus_3 .menu_wrap .menu_img,
.intro__cmplus_3 .menu_wrap .menu_txt {
 display:table-cell;
 direction:ltr;
 vertical-align:middle
}
.intro__cmplus_3 .menu_wrap .menu_img {
 width:670px
}
.intro__cmplus_3 .menu_wrap .menu_txt {
 padding-left:100px
}
.menu_slick_nav {
 text-align:center
}
.menu_slick_nav li {
 padding-right:20px
}
.menu_slick_nav .slick-current .wrap {
 color:#fff;
 background-color:#22252c
}
.menu_slick_nav .wrap {
 cursor:pointer;
 transition:300ms all;
 width:110px;
 height:110px;
 border-radius:50%;
 border:1px solid #22252c;
 color:#22252c;
 position:relative
}
.menu_slick_nav .wrap span {
 padding:5px;
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 line-height:1.3;
 font-size:17px;
 font-family:"yg-jalnan",sans-serif
}
@media screen and (max-width:1024px) {
 .menu_slick_nav {
  position:absolute;
  bottom:45px;
  z-index:9;
  width:100%;
  left:0;
  text-align:center
 }
 .menu_slick_nav li {
  padding:0
 }
 .menu_slick_nav .wrap {
  color:#fff;
  background-color:#22252c;
  margin:0 auto;
  width:90px;
  height:90px
 }
 .menu_slick_nav .wrap span {
  font-size:14px
 }
}
@media screen and (max-width:480px) {
 .menu_slick_nav {
  bottom:30px
 }
 .menu_slick_nav .wrap {
  width:60px;
  height:60px
 }
 .menu_slick_nav .wrap span {
  font-size:12px
 }
}
@media screen and (max-width:1400px) {
 .intro__cmplus_3 .menu_wrap .menu_img {
  width:50%
 }
 .intro__cmplus_3 .menu_wrap .menu_txt {
  padding-left:30px
 }
}
@media screen and (max-width:1024px) {
 .intro__cmplus_3 .menu_wrap {
  padding:60px 0 0;
  direction:ltr;
  display:block
 }
 .intro__cmplus_3 .menu_wrap .menu_img,
 .intro__cmplus_3 .menu_wrap .menu_txt {
  display:block;
  width:100%;
  padding:0;
  margin:0
 }
 .intro__cmplus_3 .menu_wrap .menu_img {
  padding-bottom:90px
 }
}
@media screen and (max-width:1024px) and (max-width:480px) {
 .intro__cmplus_3 .menu_wrap .menu_img {
  padding-bottom:60px
 }
 .bot_inquiry .bx_content {height: 150px;}
}
@media screen and (max-width:1024px) {
 .intro__cmplus_3 .menu_wrap .menu_txt {
  padding:0 15px
 }
 .intro__cmplus_3 .menu_wrap .menu_txt .title_bx {
  text-align:center
 }
 .intro__cmplus_3 .menu_wrap .menu_txt .title_bx i.br {
  display:none
 }
}
.intro__cmplus_4 {
 position:relative
}
.intro__cmplus_4 .interior_slick .bg {
 display:block;
 height:0;
 width:100%;
 padding-bottom:47.9166666667%;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 min-height:700px
}
@media screen and (max-width:1024px) {
 .intro__cmplus_4 .interior_slick .bg {
  padding-bottom:70%;
  min-height:auto
 }
}
.intro__cmplus_4 .interior_txtwrap {
 position:relative;
 z-index:2;
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 text-align:left;
 color:#fff
}
.intro__cmplus_4 .interior_txtwrap .title_bx .img {
 top:-100px;
 right:-120px
}
.intro__cmplus_4 .interior_txtwrap .title_bx .txt {
 text-shadow:0 0 5px rgba(0,0,0,0.2)
}
@media screen and (max-width:1024px) {
 .intro__cmplus_4 {
  padding:60px 0 0
 }
 .intro__cmplus_4 .interior_txtwrap {
  position:relative;
  top:auto;
  left:auto;
  color:#222;
  transform:none
 }
 .intro__cmplus_4 .interior_txtwrap .title_bx {
  text-align:center
 }
 .intro__cmplus_4 .interior_txtwrap .title_bx .img {
  top:-30px;
  right:0
 }
 .intro__cmplus_4 .interior_txtwrap .title_bx .txt {
  text-shadow:none
 }
}
.intro__cmplus_4 .slick {
 margin-bottom:0
}
.interior_slick_dot {
 position:relative
}
.interior_slick_dot .slick-dots {
 width:auto;
 left:0;
 right:auto
}
.interior_slick_dot .slick-dots li {
 width:auto;
 height:auto
}
.interior_slick_dot .slick-dots li.slick-active button {
 background-color:#fff
}
.interior_slick_dot .slick-dots li button {
 border-radius:50%;
 background:transparent;
 border:4px solid #fff;
 width:12px;
 height:12px
}
.interior_slick_dot .slick-dots li button:before {
 content:none;
 display:none
}
@media screen and (max-width:1024px) {
 .interior_slick_dot .slick-dots {
  position:relative;
  bottom:auto;
  left:0;
  right:0;
  margin-bottom:20px
 }
 .interior_slick_dot .slick-dots li.slick-active button {
  background-color:#22252c;
  border-color:#22252c
 }
 .interior_slick_dot .slick-dots li button {
  opacity:1;
  width:8px;
  height:8px;
  border:2px solid #909195
 }
}
.intro__cmplus_3,
.intro__cmplus_4,
.intro__cmplus_5 {
 position:relative;
 overflow:hidden
}
.intro__cmplus_3:after,
.intro__cmplus_4:after,
.intro__cmplus_5:after {
 content:"";
 height:700px;
 width:124px;
 position:absolute;
 display:block;
 top:50%;
 margin-top:-350px;
 right:50%;
 margin-right:-840px;
 background-repeat:no-repeat
}
.intro__cmplus_3:after {
 background-image:url(/images/intro/3_txt.png)
}
.intro__cmplus_4:after {
 background-image:url(/images/intro/4_txt.png)
}
.intro__cmplus_5:after {
 background-image:url(/images/intro/5_txt.png)
}
.intro__cmplus_5 {
 height:920px;
 position:relative;
 background-position:center bottom;
 background-color:#ffd848;
 background-image:url("/images/intro/35_bg.jpg");
 background-size:contain;
 background-repeat:no-repeat
}
.intro__cmplus_5 .txtwrap {
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%)
}
.intro__cmplus_5 .img_m {
 display:none
}
.intro__cmplus_5 .title_bx {
 position:relative;
 color:#22252c
}
.intro__cmplus_5 .title_bx .img {
 top:-120px;
 right:-100px
}
.intro__cmplus_5 .bg_img {
 width:552px;
 position:absolute;
 top:0;
 bottom:0;
 right:50%;
 margin-right:-700px;
 height:100%;
 display:block;
 background-position:center;
 background-size:100% auto
}
.intro__cmplus_5 .bg p {
 display:block;
 position:absolute;
 bottom:0;
 background-repeat:no-repeat;
 background-size:contain
}
.intro__cmplus_5 .bg_l {
 width:530px;
 height:770px;
 left:-113px;
 background-position:top right
}
.intro__cmplus_5 .bg_r {
 width:404px;
 height:556px;
 right:0;
 background-position:top left;
 z-index:2
}
@media screen and (max-width:1600px) {
 .intro__cmplus_5 {
  height:auto;
  padding:23vw 0;
  min-height:600px
 }
 .intro__cmplus_5 .bg_img {
  width:276px;
  margin-right:-550px
 }
 .intro__cmplus_5 .bg_l {
  width:353px;
  height:513px;
  left:-76px
 }
 .intro__cmplus_5 .bg_r {
  width:269px;
  height:370px
 }
}
@media screen and (max-width:1024px) {
 .intro__cmplus_5 {
  padding:0;
  height:0;
  min-height:auto;
  height:auto;
  background-image:none
 }
 .intro__cmplus_5 .img_m {
  display:block
 }
 .intro__cmplus_5 .img_m img {
  width:100%
 }
 .intro__cmplus_5 .bg {
  display:none
 }
 .intro__cmplus_5 .txtwrap {
  position:relative;
  transform:none;
  top:auto;
  left:auto;
  background-color:#ffd848;
  background-image:url(/images/intro/35_bg_m_1.jpg);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center bottom;
  height:50vw;
  min-height:300px;
  line-height:1.3
 }
 .intro__cmplus_5 .txtwrap .wrapper {
  width:100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  padding:0 10%;
  padding-top:50px
 }
 .intro__cmplus_5 .title_bx {
  text-align:center
 }
 .intro__cmplus_5 .title_bx .posi_r {
  padding:0
 }
 .intro__cmplus_5 .title_bx .img {
  top:-40px;
  right:-40px
 }
}
.intro__direction {
 word-break:keep-all
}
.intro__direction #map {
 height:630px;
 width:100%
}
.intro__direction .map_desc {
 position:relative;
 z-index:5;
 margin-top:-330px;
 max-width:560px;
 width:50%;
 float:right;
 padding:50px;
 text-align:left;
 background-color:#22252c;
 color:#fff;
 line-height:1.3
}
.intro__direction .map_desc .tel,
.intro__direction .map_desc .tit {
 font-family:"yg-jalnan",sans-serif;
 font-size:1.7647058824em
}
.intro__direction .map_desc .add {
 margin:30px 0 10px;
 font-weight:300
}
.intro__direction .map_desc .tel {
 color:#fff
}
.intro__direction .map_desc .tel a {
 color:#ffc600
}
@media screen and (max-width:768px) {
 .intro__direction #map {
  height:80vw
 }
 .intro__direction .map_desc {
  margin-top:-30px;
  max-width:560px;
  width:94%;
  padding:15px
 }
 .intro__direction .map_desc .add {
  margin:20px 0 5px
 }
}
.setup__spec {
 word-break:keep-all;
 word-break:keep-all
}
.setup__spec .spec_tit_bx {
 line-height:1.4
}
.setup__spec .spec_tit_bx .no,
.setup__spec .spec_tit_bx .tit {
 font-family:"yg-jalnan",sans-serif
}
.setup__spec .spec_tit_bx .no {
 font-size:3.4117647059em
}
.setup__spec .spec_tit_bx .tit {
 margin-top:20px;
 font-size:3.5294117647em
}
.setup__spec .spec_tit_bx .txt {
 margin-top:20px;
 font-weight:300;
 letter-spacing:-0.5px;
 font-size:1.4117647059em
}
@media screen and (max-width:1024px) {
 .setup__spec .spec_tit_bx .tit {
  margin-top:10px
 }
 .setup__spec .spec_tit_bx .txt {
  margin-top:20px
 }
}
@media screen and (max-width:768px) {
 .setup__spec .spec_tit_bx {
  font-size:9px
 }
}
.setup__spec_1 {
 padding:10px 0 100px;
 text-align:center
}
.setup__spec_1 .tit {
 color:#00b870
}
.setup__spec_1 .list {
 margin-top:50px;
 color:#fff
}
.setup__spec_1 .list .txt {
 margin-top:20px;
 font-size:1.4117647059em;
 letter-spacing:-0.5px;
 font-weight:300
}
@media screen and (max-width:1024px) {
 .setup__spec_1 {
  padding:60px 0
 }
 .setup__spec_1 .list {
  max-width:600px;
  margin:30px auto 0
 }
 .setup__spec_1 .list .txt {
  margin-top:10px;
  font-size:0.9411764706em
 }
 .setup__spec_1 .list .col-lg-3 {
  width:50%;
  margin-bottom:20px
 }
 .setup__spec_1 .list .col-lg-3:nth-child(3) {
  clear:left
 }
}
@media screen and (max-width:768px) {
 .setup__spec_1 .list {
  max-width:400px
 }
 .setup__spec_1 .list img {
  max-width:122px;
  margin:0 auto
 }
}
.setup__spec_2 {
 padding:130px 0 ;
background:#f5f5f5;
}
.setup__spec_2 .wrap {
 display:table;
 width:100%;
 table-layout:fixed;
 max-width:1430px;
 padding:0 15px;
 margin:0 auto;
 left:-100px;
 width:100%;
 position:relative
}
.setup__spec_2 .wrap .img_bx,
.setup__spec_2 .wrap .txt_bx {
 display:table-cell
}
.setup__spec_2 .txt_bx {
 vertical-align:middle;
 width:520px
}
.setup__spec_02 .txt_bx {
 vertical-align:middle;
 width:550px
}
.setup__spec_2 .txt_bx .tit {
 color:#22252c;
 font-size:3.2352941176em;
 line-height:1.2727272727
}
.setup__spec_2 .txt_bx .radi_btn_wrap {
 margin:30px 0
}
.setup__spec_2 .txt_bx .radi_btn_wrap span {
 display:inline-block;
 line-height:1;
 background-color:#ffc600;
 color:#222;
 font-size:1.1764705882em;
 padding:10px 14px;
 border-radius:50px;
 margin-right:5px
}
@media screen and (max-width:1024px) {
 .setup__spec_2 .txt_bx .radi_btn_wrap {
  margin:15px 0
 }
 .setup__spec_2 .txt_bx .radi_btn_wrap span {
  padding:8px 10px;
  margin-right:3px
 }
}
.setup__spec_2 .img_bx {
 vertical-align:middle
}
.setup__spec_2 .img_bx .img_wrap {
 position:relative
}
.setup__spec_2 .img_bx img {
 animation:fadeInUp 1000ms both;
 position:absolute;
 top:-10px;
 left:25%
}
.setup__spec_2 .img_bx img:first-child {
 position:relative
}
.setup__spec_2 .img_bx img:first-child {
 animation-delay:50ms
}
.setup__spec_2 .img_bx img:nth-child(2) {
 animation-delay:100ms
}
.setup__spec_2 .img_bx img:nth-child(3) {
 animation-delay:150ms
}
.setup__spec_2 .img_bx img:nth-child(4) {
 animation-delay:200ms
}
.setup__spec_2 .img_bx img:nth-child(5) {
 animation-delay:250ms
}
.setup__spec_2 .img_bx img:nth-child(6) {
 animation-delay:300ms
}
.setup__spec_2 .img_bx img:nth-child(7) {
 animation-delay:350ms
}
.setup__spec_2 .img_bx img:nth-child(8) {
 animation-delay:400ms
}
.setup__spec_2 .img_bx img:nth-child(9) {
 animation-delay:450ms
}
.setup__spec_2 .img_bx img:nth-child(10) {
 animation-delay:500ms
}
@media screen and (max-width:1200px) {
 .setup__spec_2 .wrap {
  left:0
 }
 .setup__spec_2 .txt_bx {
  width:40%
 }
}
@media screen and (max-width:1024px) {
 .setup__spec_2 {
  padding:60px 0
 }
 .setup__spec_2 .txt_bx {
  width:400px
 }
}
@media screen and (max-width:768px) {
.dot_list > li::before{content:'';}
 .setup__spec_2 .wrap,
 .setup__spec_2 .wrap .img_bx,
 .setup__spec_2 .wrap .txt_bx {
  text-align:center;
  display:block;
  width:100% !important;
 }
.setup__spec_2 .img_bx img {
 animation:fadeInUp 1000ms both;
 position:absolute;
 top:0;
 left:0%
}
}
.setup__spec_3 {
 height:860px;
 display:table;
 width:100%;
 table-layout:fixed;
 text-align:center;
 color:#fff
}
.setup__spec_3 .wrapper {
 display:table-cell
}
.setup__spec_3 .wrapper {
 vertical-align:middle
}
@media screen and (max-width:1024px) {
 .setup__spec_3 {
  height:0;
  padding-bottom:125%;
  background-image:url(/images/setup/13_bg_m.jpg)!important;
  background-repeat:no-repeat;
  background-size:cover;
  display:block
 }
 .setup__spec_3 .wrapper {
  display:block;
  padding-top:10%
 }
}
.setup__spec_4 {
 padding-bottom:35%;
 position:relative;
 overflow:hidden;
 background-repeat:no-repeat;
 background:#f5f5f5;
 background-size:cover;
 background-position:center
}
.setup__spec_4:after,
.setup__spec_4:before {
 display:table;
 content:""
}
.setup__spec_4:after {
 clear:both
}
.setup__spec_4 .img_bx {
 position:absolute;
 right:0;
 top:70%;
 transform:translateY(-50%);
 width:50%;
 text-align:center
}
.setup__spec_4 .img_bx .wrap {
 position:relative;
 width:100%;
 height:0;
 padding-bottom:100%
}
.setup__spec_4 .img_bx .img_center,
.setup__spec_4 .img_bx .img_rotate {
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 width:125%
}
.setup__spec_4 .img_bx .img_rotate img {
 animation-duration:2s;
 animation-fill-mode:both;
 animation-name:imgrotate
}
.setup__spec_4 .txt_bx {
 color:#fff;
 width:100%;
 position:absolute;
 top:50%;
 left:38%;
 transform:translate(-50%,-50%)
}
.setup__spec_4 .txt_bx .spec_tit_bx {
 max-width:750px
}
.setup__spec_4 .txt_bx .spec_tit_bx .txt {
 font-size:1.1764705882em
}
@media screen and (max-width:1024px) {
 .setup__spec_4 {
  padding-bottom:0;
  height:auto;
  padding:60px 0
 }
 .setup__spec_4 .img_bx {
  position:relative;
  right:auto;
  top:auto;
  transform:none;
  width:100%;
  padding:0 30px;
  margin-top:30px
 }
 .setup__spec_4 .img_bx .wrap {
  position:relative;
  width:100%;
  height:0;
  padding-bottom:100%
 }
 .setup__spec_4 .img_bx .img_center,
 .setup__spec_4 .img_bx .img_rotate {
  width:100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%
 }
 .setup__spec_4 .img_bx .img_center img {
  width:27.0676691729%;
  margin:0 auto
 }
 .setup__spec_4 .txt_bx {
  color:#fff;
  position:relative;
  left:auto;
  top:auto;
  transform:none
 }
 .setup__spec_4 .txt_bx .spec_tit_bx {
  max-width:100%;
  text-align:center
 }
 .setup__spec_4 .txt_bx .spec_tit_bx .txt {
  color:#aaa;
  max-width:400px;
  margin:10px auto 0
 }
 .setup__spec_4 .txt_bx .dot_list li:before {
  position:relative
 }
}
.setup__spec .dot_list li {
 margin-top:10px
}
.setup__spec .dot_list li:first-child {
 margin-top:0;
font-size:23px;

}
@media screen and (max-width:824px){
    .setup__spec .dot_list li:first-child {
        margin-top:0;
        font-size:18px;

    }

    .menu_tab_wrap .tabwrap.recipewrap .tab {
        display: block !important;
        padding: 10px 1% 0;
    }

    .tabwrap.recipewrap .tab li {
        margin-bottom: 10px;
    }

    .tabs_print .search #recipe_skeyword {
        max-width: 180px;
    }
}
.setup__spec_5 {
 background-color:#fdfbf5;
 padding:80px 0
}
.setup__spec_5 .wrap {
 display:table;
 width:100%;
 table-layout:fixed
}
.setup__spec_5 .wrap .img_bx,
.setup__spec_5 .wrap .txt_bx {
 display:table-cell
}
.setup__spec_5 .img_bx {
 vertical-align:middle
}
.setup__spec_5 .txt_bx {
 padding-left:50px;
 vertical-align:middle;
 width:450px
}
.setup__spec_5 .txt_bx .tit {
 color:#22252c
}
.setup__spec_5 .radi_tit_bx {
 margin-top:40px
}
.setup__spec_5 .radi_tit_bx._1 span {
 background-color:#019f61
}
.setup__spec_5 .radi_tit_bx span {
 background-color:#22252c;
 color:#fff;
 font-size:1.1764705882em;
 display:inline-block;
 padding:0 20px;
 line-height:44px;
 border-radius:44px;
 margin-bottom:15px
}
@media screen and (max-width:1024px) {
 .setup__spec_5 {
  padding:20px 0
 }
 .setup__spec_5 .wrap,
 .setup__spec_5 .wrap .img_bx,
 .setup__spec_5 .wrap .txt_bx {
  display:block
 }
 .setup__spec_5 .txt_bx {
  padding:0;
  width:100%;
  text-align:center
 }
 .setup__spec_5 .txt_bx img {
  display:block;
  margin:0 auto;
  max-width:200px
 }
 .setup__spec_5 .img_bx .slick {
  max-width:340px;
  margin:0 auto
 }
 .setup__spec_5 .radi_tit_bx {
  margin-top:20px
 }
 .setup__spec_5 .radi_tit_bx span {
  padding:0 10px;
  line-height:30px;
  border-radius:30px;
  margin-bottom:10px
 }
}
.setup__spec_6 {
 height:860px;
 width:100%;
 position:relative;
 color:#fff
}
.setup__spec_6 .txtwrap {
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%)
}
.setup__spec_6 .spec_tit_bx {
 max-width:600px
}
.setup__spec_6 .spec_tit_bx .txt {
 font-size:1.1764705882em
}
@media screen and (max-width:1024px) {
 .setup__spec_6 {
  background:url(/images/setup/16_bg_m.jpg)!important;
  background-size:cover!important;
  height:100vw
 }
 .setup__spec_6 .txtwrap {
  text-align:center
 }
}
.setup__spec_7 {
 padding:70px 0;
 background-color:#f5f5f5;
 position:relative
}
.setup__spec_7 .wrap {
 display:table;
 width:100%;
 table-layout:fixed;
 direction:rtl
}
.setup__spec_7 .wrap .img_bx,
.setup__spec_7 .wrap .txt_bx {
 display:table-cell
}
.setup__spec_7 .wrap .img_bx,
.setup__spec_7 .wrap .txt_bx {
 direction:ltr;
 vertical-align:middle
}
.setup__spec_7 .img_bx {
 text-align:center
}
.setup__spec_7 .img_bx .item {
 line-height:1.3;
 margin-top:50px
}
.setup__spec_7 .img_bx .item:first-child,
.setup__spec_7 .img_bx .item:nth-child(2) {
 margin:0
}
.setup__spec_7 .img_bx .txt_wrap {
 max-width:300px;
 margin:30px auto 0;
 width:100%;
 letter-spacing:-0.03em;
 font-weight:300
}
.setup__spec_7 .img_bx .radi_tit {
 display:inline-block;
 padding:0 20px;
 line-height:38px;
 border-radius:38px;
 background-color:#22252c;
 color:#fff;
font-family:"yg-jalnan",sans-serif;
font-size:20px;
}
.setup__spec_7 .img_bx .txt {
 margin:20px 0 10px
}
.setup__spec_7 .img_bx .tit {
 font-size:1.4117647059em;
 color:#22252c;
 font-weight:500
}
.setup__spec_7 .txt_bx {

 padding-left:50px
}
.setup__spec_7 .txt_bx .tit {
 color:#22252c;
 line-height:1.3;
 font-size:3.2352941176em
}
.setup__spec_7 .txt_bx .tit span {
 display:inline-block
}
@media screen and (max-width:1024px) {
 .setup__spec_7 {
  padding:40px 0
 }
 .setup__spec_7 .img_bx {
  margin-top:30px
 }
 .setup__spec_7 .img_bx .item {
  margin-top:25px
 }
 .setup__spec_7 .img_bx .txt_wrap {
  margin:15px auto 0
 }
 .setup__spec_7 .img_bx .radi_tit {
  padding:0 10px;
  line-height:30px
 }
 .setup__spec_7 .img_bx .txt {
  margin:10px 0 5px
 }
 .setup__spec_7 .txt_bx {
  width:300px;
  padding-left:20px
 }
}
@media screen and (max-width:768px) {
 .setup__spec_7 .wrap,
 .setup__spec_7 .wrap .img_bx,
 .setup__spec_7 .wrap .txt_bx {
  display:block;
  width:100%
 }
 .setup__spec_7 .img_bx img {
  max-width:122px
 }
 .setup__spec_7 .txt_bx {
  text-align:center
 }
}
.setup__spec_8 {
 background-color:#e2e2e2;
 padding:70px 0;
 text-align:center
}
.setup__spec_8 .sv_tit_bx .tit {
 color:#22252c
}
.setup__spec_8 .list {
 margin-top:50px;
 display:flex;
 justify-content:center
}
.setup__spec_8 .item {
 background-color:#fff;
 border:4px solid #e2e2e2;
 max-width:300px;
 width:33.33%;
 text-align:center
}
.setup__spec_8 .item .wrap {
 padding:30px;
 line-height:1.3
}
.setup__spec_8 .item .stat,
.setup__spec_8 .item .tit_bx {
 margin:30px 0
}
.setup__spec_8 .item .tit_bx {
 letter-spacing:-0.03em
}
.setup__spec_8 .item .tit_bx .tit {
 margin-top:30px;
 font-weight:500;
 color:#22252c;
 font-size:1.4117647059em
}
.setup__spec_8 .item .tit_bx .txt {
 font-size:0.9411764706em
}
.setup__spec_8 .item .tit_bx .btns {
 margin-top:10px
}
.setup__spec_8 .item .tit_bx .btns span {
 margin:0 1px;
 display:inline-block;
 line-height:1;
 color:#fff;
 padding:10px 10px;
 font-size:0.8823529412em
}
.setup__spec_8 .item .tit_bx .btns span:first-child {
 background-color:#019f61
}
.setup__spec_8 .item .tit_bx .btns span:nth-child(2) {
 background-color:#4a4d52
}
.setup__spec_8 .item .tit_bx .btns span:nth-child(3) {
 background-color:#22252c
}
.setup__spec_8 .item .stat {
 text-align:left
}
.setup__spec_8 .item .stat dl {
 margin-top:10px;
 position:relative;
 display:table;
 table-layout:fixed;
 width:100%
}
.setup__spec_8 .item .stat dl:first-child dd:after {
 background-position-y:-7px
}
.setup__spec_8 .item .stat dl:nth-child(2) dd:after {
 background-position-y:-14px
}
.setup__spec_8 .item .stat dl:nth-child(3) dd:after {
 background-position-y:-21px
}
.setup__spec_8 .item .stat dl:nth-child(4) dd:after {
 background-position-y:-28px
}
.setup__spec_8 .item .stat dd,
.setup__spec_8 .item .stat dt {
 display:table-cell;
 vertical-align:middle
}
.setup__spec_8 .item .stat dt {
 color:#22252c;
 font-size:15px
}
.setup__spec_8 .item .stat dd {
 width:150px;
 position:relative;
 font-size:0
}
.setup__spec_8 .item .stat dd:before {
 width:100%
}
.setup__spec_8 .item .stat dd:after {
 position:relative;
 margin-top:-7px
}
.setup__spec_8 .item .stat dd[data-stat="1"]:after {
 width:25px
}
.setup__spec_8 .item .stat dd[data-stat="2"]:after {
 width:50px
}
.setup__spec_8 .item .stat dd[data-stat="3"]:after {
 width:75px
}
.setup__spec_8 .item .stat dd[data-stat="4"]:after {
 width:100px
}
.setup__spec_8 .item .stat dd[data-stat="5"]:after {
 width:125px
}
.setup__spec_8 .item .stat dd[data-stat="6"]:after {
 width:150px
}
.setup__spec_8 .item .stat dd:after,
.setup__spec_8 .item .stat dd:before {
 content:"";
 display:block;
 height:7px;
 background-image:url(/images/setup/stat.png);
 background-position:top left;
 background-repeat:no-repeat
}
.setup__spec_8 .item .desc {
 font-size:0.9411764706em;
 font-weight:300
}
@media screen and (max-width:1200px) {
 .setup__spec_8 .item .wrap {
  padding:10px
 }
 .bot_inquiry .bx_content .wrap_input_area .store_in {font-size: 1em!important; margin: 10px 18px 0 0 !important;}
 .bot_inquiry .bx_content .chk_area {font-size: 0.6em;}
}
@media screen and (max-width:1024px) {
 .setup__spec_8 {
  padding:35px 0
 }
 .setup__spec_8 .list {
  margin-top:30px
 }
 .setup__spec_8 .list:after,
 .setup__spec_8 .list:before {
  display:table;
  content:""
 }
 .setup__spec_8 .list:after {
  clear:both
 }
 .setup__spec_8 .list,
 .setup__spec_8 .list .item {
  display:block
 }
 .setup__spec_8 .item {
  max-width:100%;
  float:left;
  width:50%
 }
 .setup__spec_8 .item .desc {
  min-height:100px
 }
 .setup__spec_8 .item .stat,
 .setup__spec_8 .item .tit_bx {
  margin:5px auto 15px
 }
 .setup__spec_8 .item .stat {
  max-width:220px
 }
 .setup__spec_8 .item .tit_bx {
  padding-left:100px;
  position:relative;
  min-height:82px;
  text-align:left;
  display:inline-block
 }
 .setup__spec_8 .item .tit_bx img {
  position:absolute;
  left:0;
  top:50%;
  margin-top:-41px;
  width:82px
 }
 .setup__spec_8 .item .tit_bx .tit {
  margin-top:0
 }
 .setup__spec_8 .item .tit_bx .btns span {
  padding:5px
 }
}
@media screen and (max-width:640px) {
 .setup__spec_8 .list,
 .setup__spec_8 .list .item {
  display:block
 }
 .setup__spec_8 .item {
  border-width:2px;
  width:100%;
  padding:15px
 }
 .setup__spec_8 .item .desc {
  min-height:auto
 }
}
.setup__spec_10 {
 height:960px;
 position:relative;
 text-align:center
}
.setup__spec_10 .txtwrap {
 color:#fff;
 width:100%;
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%)
}
.setup__spec_11 .txtwrap .txt {
 margin-top:30px
}
.setup__spec_11 {
 height:1450px;
 position:relative;
 text-align:center
}
.setup__spec_11 .txtwrap {
 color:#fff;

 width:1200px;
 margin:0 auto; 

}
.setup__spec_11 .txtwrap p{font-size:50px;}
.setup__spec_10 .txtwrap .txt {
 margin-top:30px
}
.setup__spec_12 {
padding-top: 25px;
 position:relative;
 text-align:center
}
@media screen and (max-width:1024px) {
 .setup__spec_10 {
  height:100vw
 }
 .setup__spec_10 .txt_wrap .txt {
  margin-top:15px
 }
.setup__spec_11 {
 height:1600px;
 position:relative;
 text-align:center
}
.setup__spec_11 .txtwrap {
 color:#fff;

 
 width:100%;
 margin:0 auto; 

}
.setup__spec_11 .txtwrap p{font-size:20px;}
}
@keyframes imgrotate {
 0% {
  opacity:0;
  transform:rotate(0)
 }
 to {
  opacity:1;
  transform:rotate(360deg)
 }
}
.pr__notice .table-view-01 .tbl_detail_span .name {
 display:none
}

@charset "UTF-8"
/* .section_menu .wrap .bg img{max-width: initial;} */
.section_menu .bx_menu1 .pop{max-width:none;}
.section_menu .bx_title .desc{letter-spacing: -0.03em}

/* 2019-08-05 banghg */
.branch_search_wrap .top_wrap area:hover,
.branch_search_wrap .top_wrap area:focus,
.branch_search_wrap .top_wrap area{outline:none;}

/* 2019-08-06 banghg */
._mv1 .item_list {bottom:-8px !important;}

/* 2019-10-22 jeonghy*/
.setup__spec_9{
    padding-top: 70px;
    max-width: 1200px;
    margin: 0 auto;
}
.table2{
    padding-bottom: 70px;
}


.setup__spec_9 .txtwrap .wrapper2 .ttit .tit{
    font-weight: 500;
    font-size: 1.76471em;
    color: #22252c;
    padding-bottom: 20px;
}

.setup__spec_9 .txtwrap .wrapper2 .ttit .tit:before{
    content: '';
    border-top: 1px solid #019f61;
    width: 24px;
    margin: 15px 0;
    display: block;
}

.setup__spec_9 .table_bor .bor_ri{
    border-right: 1px solid #ddd;
}
.setup__spec_9 .table_bor tr{
    text-align: center;
}
.setup__spec_9 .table_bor th{
    text-align: center;
}
.setup__spec_9 .back_gray{
    background: #f6f6f6;
}
.setup__spec_9 .ttxt{
    padding-top: 20px;
}

.setup__spec_9 .t_bold td{
	font-weight: 600;
	color: #333;
}

/* 2019-10-30 bagnhg */
.bot_inquiry .bx_content .list.tab4 li{width:33.3%;}
.bot_inquiry .bx_content .list.tab4 li:nth-child(2):before{content:none}
.bot_inquiry .bx_content .list option{color:#000}


/* 2019-11-14 banghg */
@media all and (max-width:1024px){
    .popup_startup .popup{
        max-width:320px;
        margin:0 auto;
    }
}


/* 2020-06-19 yoosb -->> mv.scss로 추가 */

/*인테리어*/
.imgSlider { position:relative; z-index:10; max-width:1200px; margin:0 auto;}
.bImg_slider { height:700px;}
.bImg_slider .slides>li { height:700px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sImg_thumb { position:absolute; bottom:-23<img src="C:/Users/배혜민/Desktop/일/팔팔스낵/5_toggle.png" width="450" height="360" border="0" alt="">0px; left:0px; z-index:20;  width:100%;}
.sImg_thumb .slides { overflow:hidden;width:100% !important; height:210px; margin-left:0!important; transform:translate3d(0,0,0)!important;}
.sImg_thumb .slides>li { float:left; margin-right:12px !important;  margin-bottom:10px;}
.sImg_thumb .slides>li>a { display:block; position:relative; width:98px; height:97px; outline:none;}
.sImg_thumb .slides>li .img { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sImg_thumb .slides>li .thumb_mask { display:none; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; border:5px solid #eda000;}
.sImg_thumb .slides>li.flex-active-slide .thumb_mask { display:block;}
.sImg_thumb .slides>li>a>img { position:absolute; top:0; left:0; width:100%; height:100%;}
@media screen and (max-width:504px) {
	.imgSlider { margin:0 4%;}
	.imgSlider .btn_view2 { bottom:8px; left:10px; width:46px; height:42px; padding-top:20px; background-position:50% 7px; background-size:11px 11px; font-size:11px;}
	.bImg_slider, .bImg_slider .slides>li { height:247px;}
	.bImg_slider .flex-direction-nav { display:none;}
	.sImg_thumb { top:8px; right:10px !important; width:58px;}
	.sImg_thumb .slides { width:58px!important; height:231px;}
	.sImg_thumb .slides>li { margin-bottom:5px;}
	.sImg_thumb .slides>li>a { width:58px; height:54px;}
	.sImg_thumb .slides>li .thumb_mask { border:3px solid #fff;}
			}

/*팔팔경쟁력*/
	.sub-visual .module{width:100%;margin:0 auto;text-align:center}
	.sub-visual .title01{padding-top:130px;font-size:50px;font-weight:600;color:#fff}
	.sub-visual .desc{margin-top:30px;font-size:40px;color:#fff}
	.sub-visual .desc span{font-size:48px; font-weight:bold;}
	
	.sub-visual{position:relative;z-index:5;}
	.sub-visual {
	 background-size:cover;
}

/*메인 네이게이션*/
#menu {position: fixed; z-index: 11; bottom: 60px; padding: 2rem;}
#menu li {padding: 2.5px 0; margin-left: 10px; display: flex; align-items: center;}
#menu li.active a {margin-left: -10px;}
#menu li a p {opacity: 0.4; display: flex; align-items: center; color: #22252c; transition: 0.6s;}
#menu li.active a p {opacity: 1; font-size: 1.2rem; transition: 0.6s;}
#menu li::before {content: ""; display: inline-block; position: relative; width: 0; height: 2px; left: -15px; background-color: #22252c; transition: 0.6s;}

#menu li.active::before {width: 10px; transition: 0.6s;}
#menu li:hover a p {opacity: 1; transition: 0.6s;}

#menu.active li a p {color: #fff;}
#menu.active li::before {background-color: #fff;}
#menu.invert li a p {color: #eda000;}
#menu.invert li::before {background-color: #eda000;}

#menu_fixed {position: fixed; right: 20px; top: 25%; z-index: 12;  cursor: pointer; /*background-color: #22252c;*/ border-radius: 50px; display: flex; flex-direction: column; align-items: center; visibility: hidden; opacity: 0; transition: 0.6s;}
#menu_fixed.ani {visibility: visible; opacity: 1; transition: 0.6s;}
/* .menu_right {width: 120px; background-color: #eda000; display: flex; flex-direction: column; padding: 15px 10px 25px 10px;}
.menu_right img {width: 40px; margin: 10px auto;} */
/* #menu_fixed .right_wing:first-child button {margin: 0;} */
#menu_fixed .wing_toggle {background-color: #22252c; border-radius: 80px; margin-bottom: 15px; padding: 5px; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);}
#menu_fixed .wing_toggle .right_wing {width: 95px; height: 95px; background-color: #22252c; border-radius: 50%; display: flex; overflow: hidden;}
#menu_fixed > .right_wing {width: 75px; height: 75px; background-color: #22252c; border-radius: 50%; overflow: hidden; box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); }
#menu_fixed .right_wing img {position: relative; top: 10px; left: -2px; width: 100%;}
#menu_fixed button {height: 100%; font-size: 1rem; margin: auto; text-align: center; padding: 5px 0; word-break: keep-all; color: #FFF;}
#menu_fixed .right_wing:hover {color: #fff; background-color: #eda000;}
/* .menu_fixed_call {background-color: #fff; padding: 15px 0; display: flex; flex-direction: column; align-items: center;}
.menu_fixed_call span {color: #22252c; font-size: 20px; font-weight: 600;} */

/* .founded-cont{} */
.founded-cont .block{margin-top:80px}
.founded-cont .block:first-child{margin-top:0}
.founded-cont{width:1200px; margin:110px auto 0;margin-top: 110px;}
.founded-cont .item01:after{display:block; content:''; clear:both;}
.founded-cont .img_box{float:left;}
.founded-cont .item02 .txt-module{width:800px; float:left; padding:50px 0 35px 40px;}
.founded-cont .item01,
.founded-cont .item02,
.founded-cont .item03,
.founded-cont .item04,
.founded-cont .item05{padding-bottom:90px; background:url("/img/bg_dotted.gif") bottom left repeat-x;}
.founded-cont .item02 .img_box img{width:400px;}
.founded-cont .item04 .txt-module{width:600px; float:left; padding:0px 0 35px 40px;}
.founded-cont .item04 .img_box img{width:400px;}
.founded-cont .item05 .box .emp{letter-spacing:-21px;}

.num2{display:inline-block;width:73px;height:73px;font-size:26px;font-weight:500;color:#fff;border-radius:50%;text-align:center;line-height:66px;background-color:#eda000}
.founded-cont .emp{word-break:keep-all; margin-top:20px;line-height:75px;font-size:70px;font-weight:400;color:#4d4c44;letter-spacing:-10px}
.founded-cont .emp .point{display:block;font-weight:400;color:#eda000;letter-spacing:-10px}
.founded-cont .txt-module{padding: 0 0 60px 40px;background:url("/img/bg_dotted.gif") bottom left repeat-x;}
.founded-cont .txt-cont{text-align:center}
.founded-cont .txt-cont .txt-bic{font-size:150px;font-weight:700;color:#8e3e03;letter-spacing: -0.04em;}
.founded-cont .txt-cont .menu-number .txt-bic .nth-child-1{display: inline-block;margin-top:-3px;font-size:164px;vertical-align: top;}
.founded-cont .txt-cont .txt-bic span {display: inline-block;}
.founded-cont .txt-cont .txt-bic span.middle{font-size:140px;}/*이세연 추가 201204*/
.founded-cont .txt-cont .small{margin-left:-30px;font-weight: 500;font-size:70px}
.founded-cont .txt-cont .bd-style{display:inline-block;position:relative;font-size:38px;color:#4d4c44}
.founded-cont .txt-cont p{display:inline-block;position:relative;font-size:38px;color:#4d4c44}
.founded-cont .txt-cont .txt{display:block;position:relative;z-index:5;color:#fff; letter-spacing: -3px; line-height:53px;}
.founded-cont .txt-cont .bd-style::before{display:block;position:absolute;bottom:-3px;left:0;width:100%;height:20px;content:"";background-color:#eda000;
font-weight:bold; border-radius:10px}
.founded-cont .txt-cont .desc{font-size:49px;color:#fff; margin-top: 10px;  font-weight:bold; }
.founded-cont .img .left{float:left;width:50%;text-align:left}
.founded-cont .img .right{float:left;width:50%;text-align:right}
.founded-cont .item01 .emp .point{display:inline}
.founded-cont .item01 .txt-module .desc{margin-top:10px;font-size:24px;color:#4d4c44;letter-spacing: -2.6px;}
.founded-cont .item05 .box{margin-top:100px;padding:77px 0 70px;text-align:center;background-color:#ffe11d}
.founded-cont .item05 .img-group{max-width:700px;margin:0 auto}
.founded-cont .item05 .img-group img{float:left;margin-left:20px}
.founded-cont .item05 .img-group img:first-child{margin-left:0}
.founded-cont .item05 .box .emp{font-size:140px;font-weight:700;color:#8e3e03;font-style:italic}
.founded-cont .item05 .box .emp span { display: inline-block;}
.founded-cont .item05 .box .small{font-weight:400;font-size:80px; letter-spacing:-0.1em;}
.founded-cont .item05 .box .txt{font-size:40px;font-weight:300;color:#4d4c44;letter-spacing:-3px;line-height:60px;padding-top:50px;}

.founded-cont .item02 .emp.lsp_control{letter-spacing: -0.08em !important;}
.founded-cont .item01 .point,
.founded-cont .item02 .point,
.founded-cont .item03 .point{font-size:70px ; margin-top: 6px;}
.founded-cont .bottom-cont{height:555px;margin-top:235px;padding-top:78px;text-align:center;background:url("/images/agency/bg_intro01.png") center top no-repeat;box-sizing:border-box}
/* ADD 2020-11-07 */
.txt-cont.store{float: left;width:100%;margin-bottom: 110px;background: none;}
.txt-cont.store.last { margin-bottom: 0;}
.txt-cont.store .txt-bic{font-style:italic;letter-spacing: -0.06em !important;}
.txt-cont.store .txt-bic .small{font-weight: 500 !important;}
.store-number{float: left;width: 560px;height: 500px;padding-top: 60px;background:#f1f1ec url('/images/about/bg_store-number.png') 0 100% no-repeat;}
.dish-number{float: right;width: 560px;height: 500px;padding-top: 60px;background:#fffcdf url('/images/about/bg_dish-number.png') 50% 88% no-repeat;}
.txt-cont.store .store-text{display: block;margin: 16px 0 20px;font-size: 38px;line-height: 48px;color: #4d4c44;letter-spacing: -0.08em;}
.txt-cont.store .store-text strong{display: block;font-weight: 600;}
.txt-cont.store .text-info{margin-top: 30px;font-size: 16px;color: #8e8e8e;}

.menu-number{float: right;width: 560px;height: 520px;padding-top: 60px;background:#f1f1ec url('/images/agency/icon_intro04.png') 50% 93% no-repeat;/* background-size: 140px; */}
.time-number{float: left;width: 560px;height: 520px;padding-top: 60px;background:#fffcdf url('/images/agency/icon_intro03.png') 50% 93% no-repeat;}
.store-merit{position: relative;width: 1200px;height: 518px;background:#fbf9e2 url('/img/bg_store-merit.png') 100% 0 no-repeat;}
.store-merit .title{padding: 115px 0 0 70px;font-size:140px;font-weight:600;color:#8e3e03;font-style:italic;letter-spacing:-0.08em;}
.store-merit .title .small{font-weight:400;font-size:80px}

.store-merit .txt{position: absolute;top:310px;left:120px;font-size:40px;line-height: 50px;font-weight:300;color:#4d4c44;letter-spacing:-5px;text-align:left;}
.store-merit .txt strong{display: block;font-weight: 600;}
.store-merit .circle{position: absolute;top:128px;right:190px;display:flex;align-items:center;justify-content: center;width: 318px;height: 318px;background:#ffe330;border:10px solid #FFF;border-radius:100%;opacity:0.90}
.store-merit .circle p{font-size:26px;line-height: 42px;font-weight:300;color:#4d4c44;letter-spacing:-5px;text-align: center;letter-spacing: -0.1em;}
.store-merit .circle p strong{font-weight:600;}

.store-3step{position: relative;width: 1200px;height: 518px;background:#FFF url('/images/about/bg_store-3step.png') 6% 50% no-repeat;}
.store-3step .title{float: right;padding: 115px 50px 0 0;font-size:140px;font-weight:600;color:#8e3e03;font-style:italic;letter-spacing:-0.08em;}
.store-3step .title .small{font-weight:400;font-size:80px}
.store-3step .txt{position: absolute;top:310px;right:120px;font-size:40px;line-height: 50px;font-weight:300;color:#4d4c44;letter-spacing:-0.08em;text-align: center;}
.store-3step .txt strong{display: block;font-weight: 600;}

.store-brand-ad{position: relative;width: 1200px;height: 518px;background:#fbf9e2 url('/images/about/bg_store-brand-ad.png') 92% 50% no-repeat;}
.store-brand-ad .title{padding: 115px 0 0 70px;font-size:140px;font-weight:600;color:#8e3e03;font-style:italic;letter-spacing:-0.08em;}
.store-brand-ad .title .small{font-weight:400;font-size:80px}
.store-brand-ad .txt{position: absolute;top:310px;left:120px;font-size:40px;line-height: 50px;font-weight:300;color:#4d4c44;letter-spacing:-0.08em;text-align: center;}

/* 브랜드 소개 */
.brand_info { width: 70%; margin: 10vw auto 0;}
.brand_info .tit {width: 100%;  box-sizing: border-box; text-align: center;}
.brand_info .tit h3 {font-size: 60px; color: #eea002; font-family:"yg-jalnan"; padding-top: 50px; opacity: 0;}
.brand_info .tit p {font-size: 40px; color: #242424; margin-top: 70px; opacity: 0;}
.brand_info .tit p span {font-family: 'GmarketSansMedium';}

.brand_info .line {background-color: #eee; width: 100%; height: 1px; overflow: hidden; margin-top: 10vw; opacity: 0;}
.brand_info .line div {width: 20%; background-color: #b1b1b1; height: 1px; } 

.brand_info .content {overflow: hidden; margin-top: 10vw; padding-bottom: 17vw;	}
.brand_info .content .text {}
.brand_info .content .text h3 {color: #292929; font-size: 40px; font-family:"yg-jalnan"; margin-left: 5%; opacity: 0; margin-bottom: 3.5vw;	}
.brand_info .content .text h3 span {display: block; font-size: 16px; font-family: 'GmarketSansMedium';}
.brand_info .content .text p { color: #979797; font-size: 19px; line-height: 1.8;  margin-bottom: 30px; font-weight: 300; margin-left: 5%; opacity: 0; width: 100%;}  

.brand_info .content .img {margin-top: 7vw; overflow: hidden;}
.brand_info .content .img li {float: left; width: 25%; padding-right: 1%; box-sizing: border-box; margin-top: 60px; opacity: 0;}
.brand_info .content .img li img {width: 100%; border-radius: 5px;}
.brand_info .content .img li p {text-align: center; background-color: #f7f7f7; border-radius: 50px; font-weight: 500; font-size: 16px; width: 50%; padding: 5px 0; margin: 15px auto 0; }

.viva_paradigm {background-color: #faf6f3; padding: 9vw 0; position: relative; }
.viva_paradigm>img {position: absolute;  right: 0px; top: -12vw; width: 30%; opacity: 0;}
.viva_paradigm .box {margin: auto; width:50%; text-align: center;}
.viva_paradigm .box .text_box .tit h3 {color: #c19765; font-family:"yg-jalnan"; font-size: 60px; margin-bottom: 20px; padding-top: 50px; opacity: 0; }
.viva_paradigm .box .text_box .tit p {color: #000; font-size: 35px; font-weight: 500; font-family: 'GmarketSansMedium';  opacity: 0; }
.brand_info .content .br,
.viva_paradigm .box .text_box p .br {display: block;}
.brand_info .m_br,
.viva_paradigm .box .text_box .m_br {display: none;}
.viva_paradigm .box .text_box p {margin-top:80px; font-size: 19px; color: #676767;  opacity: 0;}
.viva_paradigm .box ul {margin-top: 5vw; text-align: center; width: 100%;}
.viva_paradigm .box ul li {display: inline-block; width: 48%; }
.viva_paradigm .box ul li img {width: 100%; opacity: 0; margin-top: 70px;}
.viva_paradigm .box ul li:nth-child(2) { margin-left: 2%; }
.viva_paradigm .box ul li:nth-child(2) img {padding-top: 20%;}
.viva_paradigm .box ul li:nth-child(3) {margin: auto; margin-top: 2%; width: 70%; } 

/* 성공시스템 */
.success_system_content { padding: 0px 0; box-sizing: border-box; overflow: hidden;}
.success_system_content1 {margin: auto; width: 100%; height: 900px; overflow: hidden;}
.success_system_content1_bg {width: 100%; }
.success_system_content1_bg img {width: 100%; }

@media screen and (max-width: 800px){
	.sub-visual .title01{font-size:30px; padding-top:50px;}
	.sub-visual .desc{margin-top:5px; font-size:23px;}
	.sub-visual .desc span{font-size:35px;}
	.founded-cont{width:100% !important; margin-top:20px !important}
	.founded-cont .txt-module{padding:0 2% !important;}
	.founded-cont .txt-module img{position:static !important;}
	.num{ }
	.founded-cont .emp{font-size:35px !important; margin-top:5px !important; line-height:48px !important; letter-spacing:-2px !important;}
	.founded-cont .item01 .emp .point{font-size:35px !important;  letter-spacing:-2px !important;}
	.founded-cont .item01 .txt-module .desc{font-size:20px !important; margin-bottom:15px; letter-spacing:-2px !important; }
	.founded-cont .item02 .img_box img{width:100% !important; padding:0 2% !important; margin-bottom:15px !important;}
	.founded-cont .item02 .txt-module{width:100% !important;}
	#item03 .img_box{display:none !important;}
	.founded-cont .item04 .txt-module{width:100% !important;}
	.founded-cont .item04 .img_box{margin-bottom:15px; }
	.founded-cont .item05 .emp {font-size:55px !important; letter-spacing:-5px !important; }
	.founded-cont .item05 .box .small{font-size:55px !important;}
	.founded-cont .item05 .box .txt{padding:0 5%; font-size:25px !important; line-height:35px !important;}
	.store-merit{width:100% !important; height:400px !important; background-image:none !important; background-color::#fbf9e2;}
	.store-merit .title{padding:100px 2% 0 !important; font-size:60px !important;}
	.store-merit .title .small{font-size:40px !important;}
	.store-merit .txt{position:static !important; font-size:21px !important; letter-spacing:-1px !important; padding:0 5% !important; line-height:32px !important; }
	#item08 .img_box{height:700px !important;}
	#item08 .txt-cont span.txt {top:413px !important; width:100%; letter-spacing:-3px important; line-height:38px !important; font-size:25px !important; }
	.founded-cont .txt-cont .txt{width:100% !important; right:0px !important;}

	/* 브랜드 소개 */
	.brand_info_top {width: 140%; margin-left: -20%;}

	.brand_info .m_br,
	.viva_paradigm .box .text_box .m_br {display: block;}

	.brand_info .conte p,
	.viva_paradigm .box .text_box>p {text-align: justify;}
	
	}


	/* 메인 배너 */
	.main_visual {width: 100%; display: block;}
	.main_visual .main {width:100%;  margin:0 auto;}
	.main_visual .main #slide {position: relative; width:100%; height: 945px; overflow:hidden;}
	.main_visual .main #slide > div {position: absolute; top:0; left: 0;  width:100%;}
	.main_visual .main #slide > div img {width: 100%;}

	.main_visual {height: calc(100vh - 60px); overflow: unset !important;}
    .main_visual .swiper-container {width: 100vw; height: auto; position: relative; top: 85px; overflow: unset;}
    .main_visual .swiper-wrapper {width: 100%; height: auto;}
    .main_visual .swiper-slide {text-align:center; display:flex; justify-content: center; height: 100%; transition: 1.5s;}
	.main_visual .swiper-slide img {width: 100%; height: auto; /*image-rendering: -webkit-optimize-contrast;*/ }

	/* 모바일 배너 */
	.main_visual_mobile {height: 100%; width: auto; position: relative; display: none; overflow: unset !important;}
	.main_visual_mobile .main #slide {position:relative; overflow:hidden;}
	.main_visual_mobile .main #slide > div {position:absolute; top:0; left:0; width:100%; height:100%;}
	.main_visual_mobile .swiper-container {overflow: unset;}
    .main_visual_mobile img {height: 100%; width: auto; display: inline-flex;}
	.main_visual_mobile .swiper-slide {display: flex; justify-content: center; align-items: center; overflow: hidden;}

    /* 메인 공통 css */ 
    .section:nth-child(n+2) {margin: 10em 0 0;}/*배너를 제외한 section*/
    .section h4 {color: #aaa; font-size: 24px; font-weight: bold;}
    .section h3 {width: fit-content; color: #3e3e3e; font-size: 45px; font-family: 'yg-jalnan'; position: relative; z-index: 0;}
    .section h3 span {position: relative; height: auto; display: inline-block;}
    .section h3.underline span::before { content: ""; position: absolute; width: 0; height: 30px; background: #fab003; z-index: -1; left: -5.5px; bottom: 0; margin-top: 5px;}
    .section p {padding: 1.5rem 0;}
    .section button {height: 60px; padding: 0 20px; background-color: #FFC107; border-color: #FFC107; color: #000000; font-weight: bold; margin: 15px 0;}
    .section button:hover {background-color: #22252c; color: #FFC107;}
    .html_check {width: fit-content; display: flex; margin: auto;}
    .html_check label {margin: 0 10px; cursor: pointer; margin-top: 10px; font-size: 14px;}
    .html_check label.active {color: #019f61; font-weight: bold; display: flex; align-items: center;}
    .html_check label input[type='radio'] {accent-color: #019f61; width: 19px; height: 19px;}

	.main_visual .swiper-slide:not(.swiper-slide-active),
	.main_visual_mobile .swiper-slide:not(.swiper-slide-active) {border-radius: 15px; overflow: hidden; transition: 1.5s; filter: grayscale(1);}
	.main_visual .swiper-slide-active,
	.main_visual_mobile .swiper-slide-active {border-radius: 15px;  filter: grayscale(0); box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px; transition: 1.5s;}
	.main_visual .swiper-slide a,
	.main_visual_mobile .swiper-slide a {height: -webkit-fill-available;}

    #top_banner.swiper-container {height: 100%;}
	#top_banner.swiper-container .swiper-arrow {top: calc(50% - 85px); z-index: 30;}
	#top_banner.swiper-container:hover .swiper-arrow {opacity: 1;}
    #top_banner.swiper-container .btn__prev {left: 5%;}
    #top_banner.swiper-container .btn__next {right: 5%;}
    #top_banner.swiper-container .btn__prev img {transform:rotate(180deg);} 
    #top_banner.swiper-container .swiper-arrow img {width: 90%;}

    #top_banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background-color: #fff; border-radius: 0; width: 15px; height: 3px; opacity: 1; transition:0.35s;}
    #top_banner.swiper-pagination-bullet-active {height: 5.5px!important}

    .banner {margin-bottom: 200px;}

	/* 베스트 메뉴 */
    .section1 {margin-bottom: 200px; position: relative;}
	.section .page_1 {width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 12%; padding: 0 10px 10em; max-width: 1380px;}
    .section .page_1_text_box, .page_1_content {width: 50%; position: relative; display: flex;}
    .section .page_1_text_box {width: auto; white-space: nowrap; flex-direction: column; align-items: flex-start; margin-right: 10rem;}

    .section .page_1_text_box h4, 
    .section .page_1_text_box h3, 
    .section .page_1_text_box p, 
    .section .page_1_text_box button {margin-top: 50px; opacity: 0; transition: 0.6s;}
    .section .page_1_text_box h3.underline.right span:before {right: -5.5px; left: unset;}

    .section .page_1_content {margin-top: 50px;opacity: 0; transition: 0.6s;}
    .section.on .page_1_content {margin-top: 0;opacity: 1; transition: 0.6s;}

    .page_1_content .mySwiper {width: -webkit-fill-available; width: -moz-available;}
    .page_1_content .mySwiper .swiper-slide {height: calc(100% - 200px); padding: 5px; border: 1px solid #bb996630; overflow: hidden; transition: 0.6s;}
    .page_1_content .mySwiper .swiper-slide a .store_txt {padding: 5px 15px; max-height: 200px; height: 200px;}
    .page_1_content .mySwiper .swiper-slide a .store_txt p, 
    .page_1_content .mySwiper .swiper-slide a .store_txt span {text-align: left;}
    .page_1_content .mySwiper .swiper-slide a .store_txt p {width: 100%; font-size: 1.5rem; padding: 10px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; border-bottom: 1px solid #ddd;}
    .page_1_content .mySwiper .swiper-slide a .store_txt span {width: 100%; padding-top: 5px; overflow: hidden; text-overflow:ellipsis; word-break: keep-all;-webkit-box-orient:vertical; -webkit-line-clamp:4; display: -webkit-box;}
    .page_1_content .mySwiper .swiper-slide .store img {width: calc(100% + 30px); margin-left: -15px; margin-top: -60px;}

    .page_1_content .mySwiper .swiper-wrapper {align-items: flex-end;}
    .page_1_content .mySwiper .swiper-slide.swiper-slide-active,
    .page_1_content .mySwiper .swiper-slide.swiper-slide-prev  {height: 100%; transition: 0.6s; transition-delay: 1s;}

    .page_1_content .mySwiper .swiper_group {display: flex; position: absolute; top: 20%; right: calc(50% - 5rem);}
    .page_1_content .mySwiper .swiper-button-next, 
    .page_1_content .mySwiper .swiper-button-prev {position: unset; filter: brightness(0); opacity: 0.3; background-image: unset;}
    .page_1_content .mySwiper .swiper-button-prev {margin-right: 5px;}
    .page_1_content .mySwiper .swiper-button-next:hover, 
    .page_1_content .mySwiper .swiper-button-prev:hover {opacity: 1; transition: 0.3s;}

	.section1.sticky {position: sticky; top: 0; z-index: 0;}

    .section.on .page_1_text_box h4, 
    .section.on .page_1_text_box h3, 
    .section.on .page_1_text_box p, 
    .section.on .page_1_text_box button {margin-top: 0; opacity: 1; transition: 0.3s;}

    .section.on .page_1_text_box h3.underline span::before {width: calc(100% + 15px); transition: 0.6s; transition-delay: 0.5s;}
    .section.on .page_1_text_box h3.underline.right span:before {width: calc(100% + 12px); transition: 0.6s; transition-delay: 0.6s;}

    .section.on .page_1_text_box p {transition-delay: 0.3s;}
    .section.on .page_1_text_box button.ani {transition-delay: 0.4s;}
    .section.on .page_1_text_box button:hover {background-color: #22252c; color: #FFC107;}

	/* 스마트 조리기 */
	.section2 {position: relative; z-index: 1;}
	.section2::before {content: ""; position: absolute; width: 100%; height: 100vh; background-color: #fab003;}
    .section .machine_menu {display: flex; justify-content: space-between;}
    .section .machine_menu h4, .section .machine_menu p {color: #fff;}
    .section .machine_menu p.m {display: none; word-break: keep-all;}

    .section2 .tab-content {max-width: 1380px;}
    .section2 .tab-content .swiper-wrapper {height: auto; margin-top: 2.5em;}
    .section2 .tab-content .swiper-pagination {position: relative; width: auto; display: flex; margin-top: 10em;}
    .section2 .tab-content .swiper-pagination .swiper-pagination-bullet {position: relative; display: inline-flex; align-items: center; justify-content: center;width: 185px; height: 60px; background-color: #715d5000; border: 1px solid #715d50;
        border-bottom-color: transparent; color: #715d50; border-radius: 0; opacity: 1;}
    .section2 .tab-content .swiper-pagination .swiper-pagination-bullet-active {background-color: #715d50; color: #fff;}
    .section2 .tab-content .swiper-pagination .swiper-pagination-bullet-active::before {content: ""; width: 8px; height: 8px; position: absolute; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #715d50; border-bottom: 8px solid transparent; bottom: -16px; left: calc(50% - 8px);}
    .section2 .tab-pane .no_signal {position: relative; width: 100%; display: flex; align-items: center; justify-content: center; padding-top: 25.5%; padding-bottom: 15%; background-color: #151515; color: #fff; font-size: 26px;}

    .section .machine_menu .machine_text h4, 
    .section .machine_menu .machine_text h3, 
    .section .machine_menu .machine_text p,
    .section .machine_menu .machine_video {margin-top: 50px; opacity: 0; transition: 0.4s;} 
    .section .machine_menu .machine_text h3 .white_bg,
	.section .machine_menu .set .machine_text h3 .white_bg {position: absolute; width: calc(100% + 10px); height: 0; background-color: #fff; left: -5px; bottom: 5px; z-index: -1; transition: 0.4s;}
	.section .machine_menu .machine_text h3 .white_bg.set2 {width: calc(50% - 5px);}
	.section .machine_menu .machine_text h3 .white_bg.set3 {width: 50%;}
	
	.section .machine_menu .machine_text button.m {display: none;}
    .section .machine_menu .machine_text button {margin-top: 50px; opacity: 0; background-color: #fff0; border: 1px solid #22252c; transition: 0.3s;}
    .section .machine_menu .machine_text button:hover {border-color: #fff; color: #fff; transition: 0.3s;}

    .section.on .tab-content .swiper-slide-active .machine_menu .machine_text h4,
    .section.on .tab-content .swiper-slide-active .machine_menu .machine_text h3,
    .section.on .tab-content .swiper-slide-active .machine_menu .machine_text p,
    .section.on .tab-content .swiper-slide-active .machine_menu .machine_text button,
    .section.on .tab-content .swiper-slide-active .machine_menu .machine_video {margin-top: 0; opacity: 1;}

    .section.on .tab-content .swiper-slide-active .machine_menu .machine_text h4 {transition-delay: 0.2s;}
    .section.on .tab-content .swiper-slide-active .machine_menu .machine_text h3 {white-space: nowrap; transition-delay: 0.3s;}
    .section.on .tab-content .swiper-slide-active .machine_menu .machine_text p {transition-delay: 0.4s;}
    .section.on .tab-content .swiper-slide-active .machine_menu .machine_video {transition-delay: 0.4s;}

    .section.on .tab-content .swiper-slide-active .machine_menu .machine_text h3 .white_bg {height: 30px; transition: 0.6s !important; transition-delay: 0.5s;}


    /* .section .machine_menu .machine_video {opacity: 0;} */
    .section.on .machine_menu.active .machine_video {opacity: 1; transition: 0.6s; transition-delay: 0.2s;}
    .section .machine_menu .machine_video {display: flex; flex-direction: column; width: 50%; position: relative; /*opacity: 0; transition: 0.6s;*/}
    .section .machine_menu .machine_video video {min-width: 100%; width: 100%; height: auto; user-select:none}
    .section .machine_menu .machine_video button {width: -webkit-fill-available; background-color: #000; color: #fff; padding: 0 15px; height: 55px; position: absolute; bottom: -54px; margin: 0;user-select:none}
    .section .machine_menu .machine_video button:hover {background-color: #a11e23;}


	/* 메뉴 페이지 */	
	.section3 {position: relative; margin: 5em 0 8em !important; background-color: #fff;}
	.section3::before {content: ""; position: absolute; width: 100%; height: 100vh; background-color: #fff; top: -15em; z-index: 0;}
    #page .section:nth-child(4) .page_container {margin: 0 6vw 0 12vw; width: auto;}
	.section .main-brand-con {width: 100%; display: flex; align-items: center; justify-content: space-between;position: relative;}
	.section .main-brand-con .img-box {width: 65vw; right: 0; top: 0; overflow: hidden;}
	.section .main-brand-con .img-box.tabSet {position: relative; top: 15px; left: 20px; width: 100%; display: flex; flex-direction: column-reverse; margin-right: 6%; opacity: 0; border-radius: 150px 0 0 40px; transform: translateY(50px);}

	.tabSet .tabA {display: flex;}
    .tabSet .b-tab {display: none; overflow: hidden; position: relative;}
    .tabSet .b-tab.active {display: block; height:auto; width: -webkit-fill-available;}

    .tabSet .b-nav-tab {display: inline-flex; align-items: center; justify-content: center; padding: 10px; white-space: nowrap; width: -webkit-fill-available;  width: -moz-available; background-color: #eda000; color: #22252c; cursor: pointer; text-align: center;}
    .tabSet .b-nav-tab:hover {background-color: #22252c; color: #eda000;}
	.tabSet .b-nav-tab.prev:hover,
	.tabSet .b-nav-tab.next:hover {background-color: #22252c;}
    .tabSet .b-nav-tab.active {color: #fff; background-color: #22252c;}

	.tabSet .swiper-container {width: 100%; height: 100%; max-height: calc(100vh - 20em);}
    .tabSet .swiper-slide {text-align: center; height:100%; display: flex; justify-content: center; align-items: center; background-color: #fff;}
    .tabSet .swiper-slide img {width: 100%;}

	.tabSet .swiper-container .swiper-pagination-bullet {opacity: 0.6; background-color: #fff; width: 15px; height: 5px; border-radius: 0; margin: 0 1px !important; transition: 0.4s;}
	.tabSet .swiper-container .swiper-pagination-bullet-active {background-color: #eda000; width: 40px; opacity: 1;}

    .main-brand-con .img-box .inner-box .swiper-slide {display: flex; justify-content: center;}
	.section .main-brand-con .img-box .inner-box .swiper-slide img {margin-left: -15%;}
	.section .main-brand-con .txt-box h3 {white-space: nowrap;}

    .section .main-brand-con .txt-box h4, 
    .section .main-brand-con .txt-box h3, 
    .section .main-brand-con .txt-box p, 
    .section .main-brand-con .txt-box button {opacity: 0; margin-top: 20px; transition: 0.4s;}

    .section.on .main-brand-con .txt-box h4, 
    .section.on .main-brand-con .txt-box h3, 
    .section.on .main-brand-con .txt-box p, 
    .section.on .main-brand-con .txt-box button {margin-top: 0; opacity: 1; transition: 0.4s;}
    .section.on .main-brand-con .txt-box h3.underline span::before {width: calc(100% + 15px); transition: 0.4s; transition-delay: 0.4s;}
    .section.on .main-brand-con .txt-box h4 {transition-delay: 0.2s;}
    .section.on .main-brand-con .txt-box h3 {transition-delay: 0.3s;}
    .section.on .main-brand-con .txt-box p {transition-delay: 0.4s;}

    .section.on .main-brand-con .img-box {opacity: 1; transform: translateY(0); transition: 1.6s; transition-delay: 0.2s;}

    /*커뮤니티*/
    .section4 {position: relative; margin: 0 0 8em !important;}
	.section .community {width: 100%; height: initial; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 2.5rem; margin-left: calc(100% - 86%);}
	#page .section:nth-child(5) .page_container {display: flex;}
	#page .section:nth-child(5) .page_container .community {justify-content: center; margin-top: 5rem;}
	#page .section:nth-child(5) .page_container .community .title_bx {margin-left: 30rem; padding-left: 50px;}
	#page .section:nth-child(5) .page_container .community .title_bx p {font-family: 'yg-jalnan'; font-size: 20px;}
	#page .section:nth-child(5) .page_container .community .bx._img img {position: unset; height: auto;}
	.section:nth-child(5) .page_container .community .media_main_list {justify-content: flex-start;}

	#page .section:nth-child(5) .page_container .community .swiper .bx._txt {display: none;}
    .section .community  .txt_clone .bx._txt {display: block; width: calc(100% - 5rem) !important; padding: 0; border-bottom: 1px solid #ddd; position: relative;}
    .section .community .txt_clone .bx._txt a::before {content: ""; position: absolute; width: 3px; height: 0; background-color: #eda000; top: 15px; left: -10px; transition: 0.3s;}
	.section .community .txt_clone .bx._txt.active a::before {background-color: #a11f24;}
	.section .community .txt_clone .bx._txt.active a:hover::before {background-color: #eda000;}
    .section .community .txt_clone .bx._txt a:hover::before,
    .section .community .txt_clone .bx._txt.active a::before {height: calc(100% - 30px); transition: 0.3s;}
    .section .community .txt_clone {margin-left: 30rem; padding-left: 3rem; width: -webkit-fill-available;}

	.section .community .media_main_list p {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .section .swiper.page5 {margin-top: -10em; height: calc(100% + 10em);}

    .section .community .title_bx h4, 
    .section .community .title_bx h3, 
    .section .community .title_bx p {opacity: 0; margin-top: 50px; transition: 0.4s;}

    .section.on .community .title_bx h4, 
    .section.on .community .title_bx h3, 
    .section.on .community .title_bx p {margin-top: 0; opacity: 1; transition: 0.4s;}
    .section.on .community .title_bx h4 {transition-delay: 0.2s;}
    .section.on .community .title_bx h3 {transition-delay: 0.3s;}
    .section.on .community .title_bx p {transition-delay: 0.4s;}

	.txt_clone .bx._txt {display: block; width: calc(100% - 5rem) !important; padding: 0; border-bottom: 1px solid #ddd; position: relative;}
    .txt_clone .bx._txt a::before {content: ""; position: absolute; width: 3px; height: 0; background-color: #eda000; top: 15px; left: -10px; transition: 0.3s;}
	.txt_clone .bx._txt.active a::before {background-color: #a11f24;}
	.txt_clone .bx._txt.active a:hover::before {background-color: #eda000;}
    .txt_clone .bx._txt a:hover::before,
    .txt_clone .bx._txt.active a::before {height: calc(100% - 30px); transition: 0.3s;}
    .txt_clone {margin-left: 30rem; padding-left: 3rem; width: -webkit-fill-available;}

    .section .bx._txt .list > p {font-size: 20px; font-family: 'yg-jalnan';}

	.section .media_main_list {display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; margin-top: 10px; opacity: 0; transition: 0.6s;}
    .section.on .media_main_list {opacity: 1; transition: 0.4s;}
	.media_main_list p {width: 100%; padding: 1rem 0;}
	.bx._img {height: 400px; width: auto; transition: 0.4s;}
    .bx._img img {width: auto; height: 100%; border-radius: 10px; transition: 0.4s;}
	.bx._txt {width: calc(100% - 300px); padding: 0 5rem;}
	.bx._txt ul li {border-bottom: 1px solid #ddd; position: relative;}
	.bx._txt ul li:first-child {border-top: 1px solid #ddd;}
    .bx._txt ul li::before {content: ""; position: absolute; width: 3px; height: 0; background-color: #eda000; top: 15px; left: -10px; transition: 0.3s;}
    .bx._txt ul li:hover::before,
    .bx._img:hover .bx._txt ul li:first-child:before {height: calc(100% - 30px); transition: 0.3s;}
	.fp-watermark {display: none;}

	#page .section:nth-child(5) .page_container .community .bx._img {position: absolute; width: 30rem; height: auto; top: auto; left: 0;}
	#page .section:nth-child(5) .page_container .community .bx._txt {width: 100% !important; padding: 0 5rem 0 0;}

    /*위치 이동 span*/
    #review, #menu_briefing_session, #community {display: inline-block; height: 100px;}
    #review {height: 200px;} /*sticky기능으로 인한 높이 조절*/

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

        .banner {margin-top: 1.5em; margin-bottom: 0;}
        .section:nth-child(n+2) {margin: 0 0 15em;}
        .section.section2 {margin: 0 !important;}
    }
	
	@media all and (max-width:1340px){
	    .best_menu_wrap .best_menu .best_menu_content {padding-bottom: 29%;}

        .section3::before {top: -20em;}
        .tabSet .swiper-container {max-height: calc(100vh - 30em);}

        #page .section:nth-child(4) .section h3 {font-size: 36px;}
        #page .section:nth-child(4) .section h4 {font-size: 18px;}
        #page .section:nth-child(4) .section p {font-size: 16px;}

	    .section .main-brand-con .img-box.tabSet {padding-right: 0;}
	}

    @media all and (max-width:1280px) {
        .banner {margin-top: 4.5em;}
        .section .page_1 {padding: 0 6rem; margin: 0;}
	    .section .page_1_content .mySwiper .swiper-slide .store_txt {height: auto; max-height: usnet;}
        .page_1_content .mySwiper .swiper-slide .store img {margin-top: -45px;}
        .section.section1 .page_container {display: flex; align-items: flex-start; position: relative;}
		.section .page_1 {align-items: flex-start; overflow: hidden;}
        .section .page_1_text_box {margin-right: 2rem;}
        .page_1_content .mySwiper .swiper-slide {height: calc(100% - 120px);}
		.section .page_1_content .mySwiper .swiper-slide a .store_txt p {font-size: 1.2rem; padding: 3px 0;}
		.section .page_1_content .mySwiper .swiper-slide a .store_txt span {-webkit-line-clamp: 3; font-size: 14px;}
		.section .page_1_content .mySwiper .swiper_group {top: -45px; left: 12rem; right: unset;}
		.section .page_1_content .mySwiper .swiper-slide a .store_txt {max-height: 120px; height: 120px;}

        .section.section2 {height: 100vh;}
        .section2 .tab-content .swiper-pagination {margin: 10em 5rem 0 5rem;}
        .section .machine_menu {width: 86%; margin: 0 5rem;}
		.section2 .tab-menu {margin-left: 0; margin: 0 5rem;}
        .section3 {margin: 5em 0 8em !important;}
		.section .main-brand-con .img-box.tabSet {border-radius: 80px 0 0 15px;}
        #page .section:nth-child(5) .page_container .community {margin-top: 0;}
		.section .community .txt_clone {margin-left: 25rem;}
		.swiper.page5 {width: 25rem;}

        #section_menu {padding-left: 45px;}

        .wrapper_footer {width: calc(100% - 12rem); right: -28rem; left: unset;}
        .footer_wrap .left {display: flex; align-items: center;}
		.footer_wrap .right ul {width: max-content;}
	}

	@media all and (max-width:1205px){
        .section1.sticky {top: 20px;}
		.login_join.pc {transform: scale(70%); margin-right: -20px;}
		.best_menu_wrap .best_menu .best_menu_content {padding-bottom: 30%;}

        .tabSet .swiper-container {max-height: calc(100vh - 30em);}

	    #page .section:nth-child(4) .page_container {height: 100vh; display: flex; align-items: center; margin: 0;}
        .section .main-brand-con {height: -webkit-fill-available; margin-top: 0; align-items: flex-start; flex-direction: column;}
        .section .main-brand-con .txt-box {padding: 0; margin-left: calc(1.5rem + 2.5%); position: relative; z-index: 1;}
        .section .main-brand-con .main-tit-box {text-align: left; display: flex; flex-direction: column;}
		.section .main-brand-con .txt-box .con-box {position: absolute; top: 120px;}
		/*.section .main-brand-con .main-tit-box .m_right {position: relative; padding-left: 3rem; margin-left: 3rem;}
        .section .main-brand-con .main-tit-box .m_right::before {content: ""; position: absolute; left: 0; width: 3px; height: 30%; top: 35%; background-color: #019f61;}*/

        .section .main-brand-con .img-box {width: 100vw; top: calc(50% - 6rem); right: 0; overflow: hidden; position: absolute; z-index: 0;}
        .section .main-brand-con .img-box::before {content: ""; position: absolute; top: -10px; height: 80px; width: 100%; background: #fff; background: linear-gradient(0deg, #fff0 0%, #fff 60%); z-index: 2;}

        .section .main-brand-con .txt-box p.ani {color: #333 !important;}
        .section .main-brand-con .img-box.ani {opacity: 0.3;}
        .section .main-brand-con .img-box.ani::before {display: block;}

		.section .main-brand-con .img-box.tabSet {flex-direction: column; left: 0; top: -85px; margin: 0 0 0 40vw; width: calc(100% - 45vw); border-radius: 0 15px 15px 80px;}
        .section .main-brand-con .img-box.tabSet::before {display: none;}
        .section .main-brand-con .img-box.tabSet .swiper-slide img {width: 100%;}

        .section3 {margin: 0em 0 5em !important;}
	}

    @media all and (max-width:1080px) {
        .main_visual {height: calc(100vh - 150px);}
		.banner_gide {display: none;}

        .section h4 {font-size: 18px;}
        .section h3 {font-size: 36px;}
        .section h3.underline span::before {height: 25px !important;}
        .section p {width: 100%; font-size: 16px;}

        #menu {display: none;}
        .section .page_1 {flex-direction: column; margin: 0 10px;}
        .section .page_1_content {width: 100%; overflow: unset;}
		.section .page_1_content .mySwiper .swiper-slide {height: unset;}
		.section .page_1_content .mySwiper .swiper_group {display: none;}
        .page_1_content .mySwiper .swiper-slide .store img {margin-top: -35px;}

        #section_menu {justify-content: flex-start; overflow: hidden;}
    
		.section.ani .machine_menu.active .machine_text h3 .white_bg {height: 25px;}

        .section_gate .content .left {padding: 8.5% 14% 8.5% 2%;}
        .section_gate .content .right {padding: 8.5% 2% 8.5% 14%;}

        .section3::before {top: -25px;}

        .wrapper_footer {width: calc(100% - 20px); right: unset; left: unset; top: 35px; margin: 0 10px; transform: unset;}
		.footer_wrap .left .footer_text {font-size: 12px;}
		.footer_wrap .left .footer_text p {padding: 10px 0; font-size: 14px;}
    }

	@media all and (max-width:1065px){
	    .best_menu_wrap .best_menu .best_menu_content {padding-bottom: 30%;}
        #page .section:nth-child(5) .page_container {margin-top: -10em;}
	}

	@media all and (min-width:1025px){
	.main-brand-list li a:hover dl  {left:0;}
	.main-brand-list li a:hover:before ,
	.main-brand-list li.on a:before  {opacity:1;}
	.main-brand-list li a:hover .icon.on {opacity:1;}
	.main-brand-list li a:hover .icon.off  {opacity:0;}
	.main-brand-list li a:hover .tit , .main-brand-list li a:hover .txt  {color: #fff;}
}
@media all and (max-width:1024px){
    #menu {display: none;}
    #page .section .page_container > div {overflow: hidden;}
    .banner {margin-top: 0;}
    .section.banner .page_container {height: calc(100vh - 145px); top: 80px; position: relative; overflow: unset;}

    .section1.sticky {top: 0;}
    .section:nth-child(n+2) {margin: 15em 0 15em;}
    /*.section:nth-child(n+2):nth-child(-n+4) .page_container {height: calc(100vh - 125px); top: 0 ;}*/
	.section.section .page_1 .page_container {width: auto; height: calc(100vh - 60px); position: relative; top: 60px;display: flex; align-items: flex-start;}
    .section.section .page_1 .page_1 {margin-top: 2.5rem; overflow: hidden;}
    
	#section_menu {padding: 0;}
	
    .section.section2,
    .section2::before,
    .section.section2 .tab-content {height: 120vh;}
    #page .section:nth-child(3) .page_container {margin-left: 0; padding: 0 15px; display: flex; align-items: center;}
    .section .machine_menu {flex-direction: column;}
    .section .machine_menu p.m {display: block;}
    .section .machine_menu p.pc {display: none;}
	.section .machine_menu .machine_text button.m {display: block;}
	.section .machine_menu .machine_text button.pc {display: none;}
    .section .machine_menu .machine_video {width: 100%; padding-bottom: 58.25%; max-width: calc(100% - 15em);}

	.section2 .machine_menu {width: 100%; margin: 0 6.5em;}

    #page .section:nth-child(4) .page_container {height: inherit; margin-left: 0; margin-top: 0;}
    .section .main-brand-con {top: 0;  height: calc(100vh - 120px); justify-content: center;}
	.section .main-brand-con .txt-box .con-box {position: relative; top: unset;}
    .section .main-brand-con .img-box.tabSet {width: calc(100% - 40vw); height: auto; top: unset; left: 0;bottom: 5.5em; z-index: 0;  margin: 0 0 0 35vw;}
	/*.section.ani .main-brand-con .img-box .swiper-slide img {width: auto; margin-left: 0; margin-top: 0;}*/
    .section .main-brand-con {width: inherit; position: unset;}
    /*.section .main-brand-con .txt-box {top: 2rem;}*/
	.sectioni .main-brand-con .img-box.tabSet {margin-top: 25px; left: 0; flex-direction: column; overflow: unset;}
	.section .main-brand-con .img-box.tabSet .swiper-slide img {width: -webkit-fill-available; height: unset;}

	.tabSet .tabA {flex-direction: unset;}
	.tabSet .b-nav-tab {padding: 10px 5px; text-align: center;}
	.tabSet .b-tab {max-height: unset; overflow: unset;}

	.section .machine_menu .machine_text h3 .white_bg.set3 {width: calc(50% + 5px);}

    #page .section:nth-child(5) .page_container {height: calc(100% + 320px); position: relative; top: 60px; overflow: auto;}

    #footer .wrapper {width: fit-content;}
    .footer_wrap .right h3 {width: fit-content; display: inline-block; padding-left: 40px; background-size: 30px;}
    .footer_wrap .left .footer_text ul {text-align: left;}
    .footer_wrap .left {align-items: center; flex-direction: column;}

    .section .community {margin-left: 0; padding: 0 15px;}
	.section .community .txt_clone {margin-left: 18rem;}
    .section .bx._txt {width: 50%; padding: 15px 0;}
    .section.ani .media_main_list {width: 100%; flex-wrap: nowrap;}

	#review {height: 100px;}
}

@media all and (max-width:955px){
	.best_menu_wrap .best_menu .best_menu_content {padding-bottom: 32%;}
    .tabSet .swiper-container {max-height: calc(100vh - 40em);}
}


@media all and (max-width:800px){
	#section_menu {padding:50px 0 ;}
	/* .main-brand-con .main-tit-box {margin-bottom:30px;} */

	.section .main-brand-con .txt-box {padding-top:15px; margin-left: 20px;}
    .page_1_content .mySwiper .swiper-slide .store img {width: calc(100% + 20px); margin-top: -30px; margin-left: -10px;}
	.main-brand-list a {padding: 5px 0px 5px 25px;}
	.main-brand-list dt {width:58px; height:65px; margin-right: 15px;}
	.main-brand-list .icon { background-size:100% auto; image-rendering: -webkit-optimize-contrast;} 
	.main-brand-list .tit  {font-size:19px;}
	.main-brand-list .txt {font-size:1.05em; margin-top:5px;}
	.main-brand-list .arrow {width:30px; height:30px;margin-top:-15px; right:45px;}
	.main-brand-list .arrow i {font-size:17px; line-height:29px;}

    .section h4 {font-size: 16px;}
    .section h3 {font-size: 32px;}
    .section p {font-size: 14px;}
    .section button {font-size: 14px; height: 45px; width: auto;}
	
    .section .page_1 {margin: 0; padding: 0 0 0 15px; overflow: hidden;}

    .section2 .tab-content .swiper-wrapper {margin: 2.5em 0 0;}
    .section .machine_menu {width: 100%; margin: 0; overflow: hidden;}
	.section2 .tab-menu {width: 100%; position: relative; flex-direction: row; left: 0;}
    .section2 .tab-content .swiper-pagination {margin: 5em 0 0;}
    .section .machine_menu .machine_video {max-width: unset;}
    .section.on .tab-content .swiper-slide-active .machine_menu .machine_text h3 .white_bg {height: 20px;}

    .main-brand-con .img-box .inner-box .swiper-slide img {/*height: 70vh;*/ margin-top: -5rem;}

    
	.section .main-brand-con {position: relative; justify-content: flex-start;}
	.section .main-brand-con .img-box.tabSet {padding: 0 40px; border-radius: 0;}
	.section .main-brand-con .main-tit-box {flex-direction: column;}
	.section .main-brand-con .txt-box .con-box {/*margin-top: 35px;*/ top: unset;}
	.section .main-brand-con .txt-box p {padding: 1rem 0;}
	.section .main-brand-con .main-tit-box .m_right {padding-left: 0; margin-left: 0;}
	.section .main-brand-con .main-tit-box .m_right::before {display: none;}

	.section .main-brand-con .img-box.tabSet {padding: 0 20px; width: 100%; margin: 0; bottom: 0;}

	.tabSet .tabA {border-radius: 15px 15px 0 0; overflow: hidden;}
	.tabSet .b-tab {border-radius: 0 0 15px 15px; overflow: hidden;}
	.tabSet .b-nav-tab {font-size: 12px; white-space: nowrap;}
    .tabSet .swiper-container {max-height: calc(100vh - 38em);}
    .tabSet .swiper-pagination {bottom: 15px !important;}
	/* .tabSet .swiper-container .swiper-pagination-bullet {width: 10px; height: 10px;} */
	
	.tr-flex {flex-wrap: wrap;}
	.form_wrap .table-form-01 tr td p {width: 33%; margin-right: 0; margin-bottom: 5px;}
    .section_media .media_main_list .list li p {padding: 0;}

    .section .community .bx._img {height: 320px;}
    .section .community .media_main_list p {padding: 1rem 10px 1rem 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
}

@media all and (max-width:780px){
	.m_best_menu_wrap .best_menu .best_menu_content {padding-bottom: 77%;}
    .page_1_content .mySwiper .swiper-slide .store img {width: calc(100% + 30px); margin-top: -50px; margin-left: -10px;}
	.section.section2,
    .section2::before,
    .section.section2 .tab-content {height: 100vh;}
    #page .section:nth-child(5) .page_container {top: 0;}
}

@media all and (max-width:700px){
	.m_best_menu_wrap .best_menu .best_menu_content {padding-bottom: 79%;}
}


@media all and (max-width:590px){
	.m_best_menu_wrap .best_menu .best_menu_content {padding-bottom: 81%;}
    .page_1_content .mySwiper .swiper-slide .store img {margin-top: -35px;}
    .section2 .tab-content .swiper-pagination .swiper-pagination-bullet {height: 35px;}

	#review {height: 80px;}
}

@media all and (max-width:520px){
	.m_best_menu_wrap .best_menu .best_menu_content {padding-bottom:83%;}
    .html_check {flex-wrap: wrap;}
    .html_check label {font-size: 12px; width: 25%; text-align: left; white-space: nowrap;}

    .section h4 {font-size: 13px;}
    .section h3 {font-size: 26px;}
    .section p {font-size: 12px;}
    .section button {font-size: 12px;}

    .section.banner .page_container {height: calc(100vh - 14rem);}

    .section .page_container {/*height: calc(100% - 60px);*/ overflow: hidden;}
    .section .page_1_content .mySwiper .swiper-slide a .store_txt {max-height: 100px; height: 100px;}
    .section .page_1_content .mySwiper .swiper-slide a .store_txt p {font-size: 0.85rem;}
	.section .page_1_content .mySwiper .swiper-slide a .store_txt span {font-size: 12px;}
    .page_1_content .mySwiper .swiper-slide .store img {width: calc(100% + 20px); margin-top: -30px;}

    .section.section2, 
    .section2::before, 
    .section.section2 .tab-content {height: 100vh;}
    .section2 .tab-content .swiper-pagination {margin: 5em 0 0;}
    
    .tabSet .swiper-container {max-height: calc(100vh - 45em);}

	.section.ani .machine_menu.active .machine_text h3 .white_bg {height: 20px;}
	.section .machine_menu .machine_text h3 .white_bg.set2 {width: 50%;}

    .section .community .media_main_list {flex-direction: column;}
    .section .bx._txt {width: 100%;}
	.section .bx._txt .list > p {font-size: 16px; text-align: center;}
    .section .community p {font-size: 14px;}

	.section .main-brand-con {height: unset;}
	.section .main-brand-con h3 {font-size: 28px;}
	.section .main-brand-con h4 {font-size: 12px;}
	/*.section .main-brand-con p {font-size: 10px;}*/

	.section .main-brand-con .img-box.tabSet {padding: 0 20px; position: relative; flex: 1 0 auto;}

}

@media all and (max-width:450px){
    .main-brand-con .img-box.ani {top: -9.5rem;}
    .page_1_content .mySwiper .swiper-slide a {height: calc(100% - 15px); border-radius: 20px; margin-top: -17.5px;}
    .section .page_1_content .mySwiper .swiper-slide .store_txt p {padding: 5px 25px;}
    .page_1_content .mySwiper .swiper-slide .store img {margin-top: -25px;}
    .tabSet .swiper-container {max-height: 18em;}
}

@media all and (max-width:350px){
	.form_wrap .table-form-01 tr td p {width: 50%; white-space: nowrap;}
    .best_menu_wrap .best_menu .best_menu_text_box {padding-left: 0;}

	.section .main-brand-con .txt-box {margin-left: 10px;}
	.section .main-brand-con .img-box.tabSet {padding: 0 10px;}
	.tabSet .b-nav-tab {padding: 10px 2px;}
}

	.section_media .title_bx .prop .clear {display: none;}

	
	/* 푸터 */
	.footer_pc {height: 260px; display: flex; align-items: center; justify-content: center; margin-bottom: 40px;}
	.footer_mobile {display: none;} 

	.bot_inquiry_pc {display: block;}
	.bot_inquiry_mobile {display: none;}

	.bot_inquiry .bx_top {background-color: #ffad11; text-align: center; color: #fff; padding: 15px 5px 20px; display: flex; align-items: center; position: relative; overflow: hidden;}
	.bot_inquiry .bx_top h3 {width: 100%; font-size: 1.5em;  font-weight: bold; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center;}
	.bot_inquiry .bx_top h3.consult.inquiry_m {display: none;}
	.bot_inquiry .bx_top h3 img {margin-right: 10px;}
	/*.bot_inquiry .bx_top h3.h3_line:before {content: ""; position: absolute; width: calc(100% - 50px); height: 2px; background-color: #fff; bottom: -5px;}
	.bot_inquiry .bx_top h3.h3_line:after {content: ""; position: absolute; width: 0; height: 0; border-bottom: 6px solid transparent; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -15px;}*/
	.bot_inquiry .bx_top span {width: 10px; height: 25px; background-color: #fff; display: flex; border-radius: 15px;}
	/*.menu_m_var {position: relative; background-color: #fff0; color: #fff; font-size: 1.5rem; width: 100%; float: right; cursor:pointer;}*/
	
	.bx_content.mobile {display: block !important; height: 0; transition: 0.3s;}
	.bx_content.mobile.on {height: fit-content; display: block !important; transition: 0.3s;}

/* 미디어 쿼리 */	
@media screen and (max-width:1024px) {

	.brand_info {width: 90%;}

	.bot_inquiry .bx_content .dis_tbl .dis_cell {padding: 0;}
	#menu_fixed,
    #menu_fixed.ani {display: none;}

	.footer_pc {display: none;}
	.footer_mobile {display: block; padding: 25px 0 135px;} 
    .footer_wrap {width: 100%;}
	.footer_wrap .left,
	.footer_wrap .right {float: none; width: 100%; text-align: center; overflow: hidden; margin-top: 0;}
	.footer_wrap .left .f_logo {float: none;}
	.footer_wrap .left .footer_text {float: none;}
	.footer_wrap .left .footer_text ul {display: table; margin-left: auto;  margin-right: auto;}

	.footer_wrap .right ul { display: table; margin-left: auto; margin-right: auto; margin-bottom: 5px;}
	.footer_wrap .right ul li {font-size: 13px;}
	.footer_wrap .right h3 {color: #ed9e05;  display: inline-block; padding-left: 30px; background: url(/images/footer_call.png) no-repeat 5px 63%/29px; font-size: 25px; margin: 0; background-size: 20px;}
	.footer_wrap .right p {margin-top: 5px; font-size: 13px;}

	.footer_wrap .left {margin-top: 20px;}
	.footer_wrap .left .footer_text ul {width: 283px; margin: auto;	 text-align: center;}
	.footer_wrap .left .footer_text ul li { font-size: 12px; line-height: 20px; text-align: center; float: none; display: inline-block; }
	.footer_wrap .left .footer_text ul li:nth-child(1),
	.footer_wrap .left .footer_text ul li:nth-child(2) {margin-bottom: 0;}
	.footer_wrap .left .footer_text ul li:nth-child(2),
	.footer_wrap .left .footer_text ul li:nth-child(3),
	.footer_wrap .left .footer_text ul li:nth-child(5)  {clear: both; margin-right: 0;}

	.bot_inquiry .bx_content .chk_area2 {position: absolute; top: -13px; right: 10px; }
	
	.bot_inquiry_pc {display: none;}
	.bot_inquiry_mobile, 
	.bot_inquiry.mobile {display: block;}
	
	.bot_inquiry .bx_content .chk_area input[type=checkbox]:checked+label:before { background-color: #fff; color: #019f61;}

	.brand_info .content .text h3 {font-size: 2em;}
	.brand_info .content .text h3 span {font-size: 0.7em;}
	.brand_info .content .text p {width: 95%; font-size: 15px; word-break:none;}
	.brand_info .content .img li {width: 50%;padding-right: 3%;}
	.brand_info .content .img li:nth-child(1),
	.brand_info .content .img li:nth-child(2) {margin-bottom: 8%;}
	.brand_info .content .img li p {font-size: 12px;}

	.viva_paradigm .box .text_box .tit h3 {font-size: 2.7em; margin-bottom: 10px; }
	.viva_paradigm .box .text_box .tit p {font-size: 1.52em;}
	.viva_paradigm .box .text_box p {font-size: 15px; margin-top: 7vw;}
	.brand_info .content .br,
	.viva_paradigm .box .text_box p .br {display: none;	}
	.brand_info .content .left .coor_box {width: 60%; padding-bottom: 65%;}
	.viva_paradigm .box ul {margin-top: 12vw;	}

/*	.section_gate .top {height: 300px; }*/
	.section_gate .top h3 {font-size: 22px;}

	.main_visual {display: none;}
	.main_visual_mobile {display: flex; justify-content: center; align-items: center;}
    .main_visual_mobile .swiper-container {overflow: hidden;}
    .main_visual_mobile .swiper-slide-active {box-shadow: none;}
	
	.wrapper {width: 95%; margin: auto;}
	
	.input_for {height: 45px;}

}

@media screen and (max-width: 800px){
	.best_menu_wrap {padding: 60px 0 0 ;}
	.best_menu_wrap .best_menu .best_menu_text_box h3 {font-size: 2.2em; }
	.best_menu_wrap .best_menu .best_menu_text_box h3 b {font-size: 1.4em; vertical-align: middle; }
	.best_menu_wrap .best_menu .best_menu_text_box p {font-size: 1em; margin-top: -7px;}
	.best_menu_wrap .best_menu .best_menu_top h3 {font-size: 1.3em; margin-left: 2em;}
	/*.best_menu_wrap .best_menu .best_menu_content {margin-top: 15px;}
	.best_menu_wrap .best_menu .best_menu_content ul {width: calc(259% + 93px); margin-left: 4.5%;	}
	.best_menu_wrap .best_menu .best_menu_content ul li {padding: 25px 20px; }
	.best_menu_wrap .best_menu .best_menu_content ul li img {width: 75%!important;}
	.best_menu_wrap .best_menu .best_menu_content ul li h3 {font-size: 1.1em;}
	.best_menu_wrap .best_menu .best_menu_content ul li p {font-size: 1em; box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}*/

	.best_menu_wrap .best_menu .m_best_menu_content {width: 100%; padding-bottom: 80%; box-sizing: border-box; position: relative; overflow: hidden; display: block;}
	/* .best_menu_wrap .best_menu .best_menu_content {display: none;} */
	

	.section_menu_pc {display: none;}
	.section_menu_mobile {display: block;}

	.m_best_menu_wrap {padding: 50px 0 0;}
	.best_menu_wrap .best_menu button {width: 210px; height: 60px; font-size: 14px;}
	
	.tab10 li {width: 20%;}

	.brand_info {margin-top: 25vw;}
	.brand_info .tit h3 {font-size:2.7em} 
	.brand_info .tit p {font-size: 1.72em;}
	.brand_info .content .left,
	.brand_info .content .right  {width: 80%; float: none; margin: auto;}
	.brand_info .content .right {margin-top: 88vw;}
	.brand_info .content .right h3 {font-size: 5vw;}  
	.brand_info .content .right h3 span {font-size: 2vw;}
	.brand_info .content .right p {width: 100%; font-size: 3vw;}
	.viva_paradigm {padding: 20vw 0;}
	.viva_paradigm .box {width: 80%; } 
	
	/*.bot_inquiry .bx_content {height: 152px;}*/
	.bot_inquiry .bx_content .dis_tbl {width: 100%; 	}
	
	.form_wrap .table-form-01 tr th {width: 20%;}
}

@media screen and (max-width: 700px){
	.smart_cook_wrap ul li div p {margin-top:32px;}
	.smart_cook_wrap ul li div div {margin-top: 28px;}
	.smart_cook_wrap ul li {margin-bottom: 0px!important;}

	.best_menu_wrap .best_menu .m_best_menu_content {padding-bottom: 82%;}
}

@media screen and (max-width: 650px){
	.smart_cook_wrap ul li div p {margin-top: 29px;}
	.smart_cook_wrap ul li div div {margin-top: 25px;}
	.best_menu_wrap .best_menu .m_best_menu_content {padding-bottom: 84%;}
}

@media screen and (max-width: 600px){
	.smart_cook_wrap ul li div p {margin-top: 25px;}
	.smart_cook_wrap ul li div div {margin-top: 21px;}

	.best_menu_wrap .best_menu .m_best_menu_content {padding-bottom: 86%;}
}

@media screen and (max-width: 550px){
	.smart_cook_wrap ul li div p {margin-top: 22px;}
	.smart_cook_wrap ul li div div {margin-top: 18px;}
	.best_menu_wrap .best_menu .m_best_menu_content {padding-bottom: 88%;}
}

@media screen and (max-width: 500px){
	.section_media .title_bx .prop .clear {display: block;}
	
	.main-brand-list dd {width: calc(100% - 52px);}
	.main-brand-list dt {width: 45px; height: 45px;}
	.main-brand-list .tit {font-size: 16px;}

	.section_gate .text_wrap {width: 70%; }
	.section_gate_mobile .content>div {padding: 15% 8.5%}
	.section_gate .text_wrap .title .tit {font-size: 21px; margin-bottom: 25px;}
	.section_gate .text_wrap .title .bottom {font-size: 11.5px; margin-bottom: 25px;}
	.section_gate .text_wrap .txt {font-size: 11px; margin-bottom: 25px; margin-top: 0;}
	.section_gate .text_wrap button {width:140px; height: 45px; font-size: 15px; line-height: 45px;}

	.smart_cook_wrap ul li div p { margin-top: 20px;}
	.smart_cook_wrap ul li div div {margin-top: 16px;}
	.best_menu_wrap .best_menu .m_best_menu_content {padding-bottom: 88%;}

}

@media screen and (max-width: 450px){
	.section p {font-size: 11px;}
	.smart_cook_wrap ul li div p {margin-top: 14px;}
	.smart_cook_wrap ul li div div {margin-top: 10px;}
	.best_menu_wrap .best_menu .m_best_menu_content {padding-bottom: 87%;}
}

@media screen and (max-width: 400px){
	.smart_cook_wrap ul li div p {margin-top: 10px;}
	.smart_cook_wrap ul li div div {margin-top: 6px;}
	.best_menu_wrap .best_menu .m_best_menu_content {padding-bottom: 87%;}
	
	.section p {font-size: 11px;}
	.section2 .tab-menu li {padding: 15px 5px;}
}

@media screen and (max-width: 350px){
	.smart_cook_wrap ul li div p {margin-top: 7px;}
	.smart_cook_wrap ul li div div {margin-top: 3px;}

	.best_menu_wrap .best_menu .m_best_menu_content {padding-bottom: 86%;}
	.bot_inquiry .bx_top h3 {font-size: 1.2em;}
	.bot_inquiry .bx_content .wrap_input_area .store_in {padding-bottom: 25px;}
	.bot_inquiry .bx_content .chk_area2 {top: 10px; left: -8px;}
}

@media screen and (max-width: 320px){
	.section p {font-size: 10px;}
	.section2 .tab-menu li {padding: 10px 2.5px;}
}


/* 고객문의 */
.sub_content {background-color: #fff;}
h4 {font-size: 1.2rem; color: #333; padding-top: 15px;}
.main_fx {width: 100%; display: flex; flex-direction: column; padding: 0 5rem;}
.main_fx .dis_flex {width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.main_fx .dis_flex button {width: calc(33.3% - 15px); height: 12rem; border-bottom: 1px solid #f9f9f9; padding-bottom: 10px; margin: 10px 0; position: relative;}
.main_fx .dis_flex button:last-child {opacity: 0; cursor: auto;}
.main_fx .dis_flex button::before, .main_fx .dis_flex button::after {content: ""; width: 1px; height: 0; top: 1px; left: -1px; background-color: #f9f9f9; position: absolute; transition: 0.4s;}
.main_fx .dis_flex button::after {bottom: 0; right: -1px; left: unset; top: unset;}
.main_fx .dis_flex button div {padding: 5px 15px; display: flex; flex-direction: column; justify-content: space-between; height: -webkit-fill-available; align-items: center; text-align: left;}
.main_fx .dis_flex button div h6 {color: #333; font-size: 1.2rem; font-family:"yg-jalnan"; width: -webkit-fill-available; position: relative; z-index: 2;}
.main_fx .dis_flex button div h6::before {content: ""; width: calc(100% + 32px); height: calc(100% + 12px); background-color: #f9f9f9; left: -16px; top: -5px; position: absolute; z-index: -1;}
.main_fx .dis_flex button div p {font-size: 14px; color: #858585; width: -webkit-fill-available; word-break: keep-all;}
.main_fx .dis_flex button div span {padding: 5px 25px; background-color: #22252c; color: #fff; border: 1px solid #f9f9f9;}
.main_fx .dis_flex button:hover div h6 {color: #eda000;}
.main_fx .dis_flex button:hover div span {background-color: #f9f9f9; color: #eda000; border-color: #eda000;}
.main_fx .dis_flex button:hover::before, .main_fx .dis_flex button:hover::after {height: 100%;}

/* 로그인 */
.consult_form.login {max-width: 420px; margin: auto;}
.consult_form.login .info_bx {border: none; border-bottom: 3px solid #ddd; padding: 0 0 30px; font-size: 14px;}
.main_fx .dis_flex.login {max-width: 420px; flex-direction: column;}
.main_fx .dis_flex.login .tr-flex p {width: 100px;}
.main_fx .dis_flex.login input {max-width: unset; width: 100%;}
.main_fx .dis_flex.login .user_id, 
.main_fx .dis_flex.login .user_pass {width: 100%; justify-content: space-between;}
.main_fx .dis_flex.login .user_id {margin-bottom: 10px;}
.main_fx .dis_flex.login .btns_wrap {width: 100%; margin: 10px 0; align-items: flex-end; justify-content: space-between;}
.main_fx .dis_flex.login .btns_wrap label {font-size: 14px; margin-right: 10px;}
.main_fx .dis_flex.login button:last-child {opacity: 1;}
.main_fx .dis_flex.login button {width: unset; height: unset; font-size: 14px; padding-bottom: 0; margin: 0;}
.main_fx .dis_flex.login #btn_login,
.main_fx .dis_flex.find_ #btn_find {background-color: #eda000; color: #fff; width: 100%; height: 50px; font-size: 17px; margin: 10px 0; cursor: pointer; line-height: 50px;}

/* 아이디, 비밀번호 찾기 */
.main_fx .dis_flex.find_ {max-width: 520px; flex-direction: column;}
.main_fx .dis_flex.find_ .tr-flex {width: 100%; margin: 5px 0; justify-content: space-between;}
.main_fx .dis_flex.find_ .tr-flex input {max-width: unset; width: 100%;}
.main_fx .dis_flex.find_ .tr-flex p {width: 100px;}
.main_fx .dis_flex.find_ .tr-flex .num {display: flex;}
.main_fx .dis_flex.find_ button:last-child {opacity: 1;}

.main_fx .dis_flex.login .tr-flex, 
.main_fx .dis_flex.find_ .tr-flex {flex-wrap: nowrap;}

/* 메뉴 로그인 추가 */
.login_join {position: absolute; max-width: 1380px; height: 84px; top: auto;right: 0; display: flex;  align-items: center; margin-right: 10px;}
.login_join.m {margin-right: 15px; top: 60px; height: unset;}
.login_join button:first-child {background-color: #fff0; color: #22252c; width: unset;}
.login_join button:first-child:hover {color: #eda000;}
.login_join button {background-color: #eda000;color: #fff; width: 80px; font-size: 18px; font-weight: 500;}
.login_join span {padding: 0 10px; color: #22252c; font-size: 18px; font-weight: 500;}
.login_join.m button,
.login_join.m span {color: #fff; font-size: 14px; font-weight: normal;}
.login_join.m button:last-child {background-color: #fff0; color: #fff; width: auto;}

@media (max-width: 1280px){
	.main_fx {padding: 0 1.5rem;}

	.wrapper_footer {width: calc(100% - 10rem); right: 0; margin-bottom: 40px;}
	#page .section:nth-child(5) .page_container .community .title_bx, 
	#page .section:nth-child(5) .page_container .community .media_main_list {margin-left: 25rem;}
	#page .section:nth-child(5) .page_container .community .bx._img {width: 25rem;}
}
@media (max-width: 1080px){
	.wrapper_footer {width: 100%;}
	#page .section:nth-child(5) .page_container {height: 100vh;}
	#page .section:nth-child(5) .page_container .community {width: calc(100% - 5rem); margin: 0 auto;}
	#page .section:nth-child(5) .page_container .community .bx._img {top: calc(50vh - 5rem);}
	.media_main_list p {padding: 0.8rem 0;}
}
@media (max-width: 1024px){
	.main_fx .dis_flex button {width: calc(50% - 15px);}

	#page .section:nth-child(5) .page_container .community .title_bx, 
	#page .section:nth-child(5) .page_container .community .media_main_list {margin-left: 18rem;}
	#page .section:nth-child(5) .page_container .community .bx._img {width: 20rem;}
	.footer_pc {display: none;}
	.footer_mobile {padding: 0;}
	.footer_mobile .wrapper {padding: 45px 0 125px;}

    .login_join.pc {display: none;}
}
@media (max-width: 800px){
	.main_fx {padding: 0;}
	.main_fx .dis_flex button div {padding: 5px;}
	.main_fx .dis_flex button:hover::before, .main_fx .dis_flex button:hover::after {height: 0;}
}
@media (max-width: 780px){
    .section4 {margin: 0 !important; height: fit-content;}
    .section .swiper.page5 {margin-top: 0; height: auto; width: 100%;}
	#page .section:nth-child(5) .media_main_list {flex-direction: column;}
    #page .section:nth-child(5) .page_container {margin-top: 0;}
	#page .section:nth-child(5) .page_container .community .title_bx {padding-top: 2rem;}
	#page .section:nth-child(5) .page_container .community .bx._img {position: relative; display: contents; top: 0;}
	#page .section:nth-child(5) .page_container .community .title_bx, 
	#page .section:nth-child(5) .page_container .community .media_main_list {margin-left: 0; padding-left: 0;}
	#page .section:nth-child(5) .page_container .community .bx._img {max-width: 25rem; width: 100%;}
	#page .section:nth-child(5) .page_container .community .bx._txt {padding: 0 !important;}
	.footer_mobile .wrapper {padding: 45px 0 85px;}
}
@media (max-width: 520px){
	h4 {font-size: 1rem;}
	.main_fx .dis_flex button:hover div h6 {color: #333;}
	.main_fx .dis_flex button:hover div span {background-color: #22252c; color: #fff; border-color: #f9f9f9;}

	#page .section:nth-child(5) .page_container .community {width: 100%;}

    .main_fx .dis_flex.login .tr-flex.btns_wrap {flex-wrap: wrap;}
    .main_fx .dis_flex.login .tr-flex p,
    .main_fx .dis_flex.find_ .tr-flex p {width: 60px;}
}
@media (max-width: 380px){
	h4 {font-size: 0.8rem;}
	.main_fx .dis_flex button div p {font-size: 12px;}
	.main_fx .dis_flex button div h6 {font-size: 1rem; text-align: center;}
	.main_fx .dis_flex button:hover div h6 {color: #333;}
	.main_fx .dis_flex button:hover div span {background-color: #22252c; color: #fff; border-color: #f9f9f9;}
}
@media (max-width: 280px){
    .main_fx .dis_flex button {width: 100%;}
	h4 {white-space: nowrap;}
    .main_fx .dis_flex button {border: 1px solid #f9f9f9;}
	.main_fx .dis_flex button:hover::before, .main_fx .dis_flex button:hover::after {height: 0;}
	.main_fx .dis_flex button div h6::before {width: calc(100% + 10px); left: -5px;}
    .main_fx .dis_flex button:last-child {display: none;}
    .main_fx .dis_flex.login button:last-child,
    .main_fx .dis_flex.find_ button:last-child {display: block;}

	.bot_inquiry .bx_top h3 img {display: none;}
}

#HappytalkIframe.off {z-index: 998 !important;}
#HappytalkIframe {z-index: 999 !important;}

/*.bot_inquiry_pc .store_in span {animation: flashSpan 2s ease-in-out infinite 1.5s; -webkit-transition: all 0.5s 1s;}

@keyframes flashSpan {
  0%,
  30%,
  60% {
    opacity: 1;
  }
  15%,
  45%{
    opacity: 0;
  }
}*/