@charset "utf-8";
@import url(../js/swiper/swiper-bundle.min.css);
@import url(aos.css);
@import url(common.css);

@font-face {
    font-family: 'Shilla';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureM-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Shilla';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureB-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'TTHakgyoansimDotbogiR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimDotbogiR.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* space */
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt60 {margin-top:60px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}

.h3-tit {margin:50px 0 15px;font-size:26px;font-weight:500;line-height:1.4;letter-spacing:-1px;font-family:'GmarketSans';}
.h3-tit span {display:inline-block;}
.h3-tit span:before {content:'';display:block;width:100%;height:12px;background-color:#f7dfad;margin-bottom:-28px;}
@media only all and (max-width:960px) {
  .h3-tit {margin:30px 0 10px;font-size:20px;}
  .h3-tit span:before {height:10px;margin-bottom:-24px;}
}

/* list new */
.ulist1 li {position:relative;padding-left:18px;}
.ulist1 li:before {content:"";position:absolute;top:11px;left:5px;width:4px;height:4px;background:#333;border-radius:4px;}
.ulist1 li strong {font-weight:600;font-size:18px;}
@media only all and (max-width:767px) {
	.ulist1 li {padding-left:12px;}
	.ulist1 li:before {top:11px;left:2px;width:3px;height:3px;}
  .ulist1 li strong {font-size:16px;}
}

/* color */
.text-blue {color:#fead05 !important;}
.text-gray {color:#7D7D7D !important;}
.text-red {color:#FA6464 !important;}

/* text align */
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}

/* forms */
input {width:100%;height:40px;padding:0 12px;font-size:16px;color:#333;border:1px solid #c4c4c4;background:#fff;outline:none;border-radius:4px;}
input[type=text]::-ms-clear {display:none;}
input[readonly],textarea[readonly] {border:1px solid #C4C4C4;background:#EDEDED;}
input[disabled],textarea[disabled],input[disabled="disabled"],textarea[disabled="disabled"] {color:#c4c4c4;background:#EDEDED;border:1px solid #C4C4C4;}
select {width:100%;height:40px;padding:0 30px 0 12px;font-size:16px;color:#333;border:1px solid #c4c4c4;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('../images/common/icon_arrow_down.svg') no-repeat right 14px center;outline:none;border-radius:4px;}
select::-ms-expand {display:none;}
select[disabled], select[disabled="disabled"] {background-color:#EDEDED;color:#7d7d7d;border:1px solid #c4c4c4;opacity:1;}
textarea {width:100%;padding:14px 12px;line-height:1.4;font-size:16px;color:#333;border:1px solid #c4c4c4;background:#fff;overflow:auto;resize:none;outline:none;border-radius:4px;}
input[type=checkbox] {width:18px;height:18px !important;}
input[type=radio] {width:18px;height:18px !important;}
input[type=radio] ~ label {margin-left:4px;font-size:16px;cursor:pointer;}
input[type=checkbox] ~ label {margin-left:5px;font-size:16px;cursor:pointer;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#7d7d7d;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#7d7d7d;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#7d7d7d;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#7d7d7d;}
@media only all and (max-width:767px) { 
  .mt8 {margin-top:5px !important;}
  .mt10 {margin-top:8px !important;}
  .mt15 {margin-top:10px !important;}
  .mt20 {margin-top:12px !important;}
  .mt25 {margin-top:15px !important;}
  .mt30 {margin-top:18px !important;}
  .mt35 {margin-top:20px !important;}
  .mt40 {margin-top:23px !important;}
  .mt45 {margin-top:25px !important;}
  .mt50 {margin-top:28px !important;}
  .mt55 {margin-top:30px !important;}
  .mt60 {margin-top:32px !important;}
  input {height:36px;padding:0 10px;font-size:14px;} 
  select {height:36px;padding:0 30px 0 10px;font-size:14px;background:#fff url(../images/common/icon_arrow_down.svg) no-repeat right 10px center}
  textarea {padding:8px 10px;font-size:14px;}
}

/* button */
.btn-block {margin-top:30px;text-align:center;}
.btn-block.right {margin-top:10px;text-align:right;}
.btn-block a,.btn-block button {margin:0 4px;}
.btns {display:inline-flex;align-items:center;justify-content:center;padding:0 20px;color:#4d4d4d;text-align:center;border-radius:40px;background:#fff;vertical-align:middle;transition:all 0.3s;}
.btns:before {content:'';display:inline-block;vertical-align:middle;}
.btns:after {content:'';display:inline-block;vertical-align:middle;}
.btns.dark-primary {min-width:120px;height:40px;font-size:16px;color:#fff;background:#4d4d4d;}
.btns.dark-primary:hover {background:#000;}
.btns.dark-primary-sm {min-width:84px;height:36px;font-size:16px;color:#fff;background:#4d4d4d;}
.btns.dark-primary-sm:hover {background:#000;}
.btns.gray-primary {min-width:120px;height:46px;font-size:16px;color:#262626;background:#EDEDED;border:1px solid #EDEDED;}
.btns.gray-primary:hover {background:#dbdbdb;}
.btns.gray-primary-sm {min-width:84px;height:36px;font-size:16px;color:#262626;background:#EDEDED;border:1px solid #EDEDED;}
.btns.gray-primary-sm:hover {background:#dbdbdb;}
.btns.line-primary {height:32px;padding:0 15px;font-size:14px;font-weight:500;color:#4D4D4D;background:#fff;border:1px solid #C4C4C4;border-radius:4px;white-space:nowrap;}
.btns.line-primary:hover {color:#000;border:1px solid #000;}
@media only all and (max-width:767px) {
  .btn-block {margin-top:25px;}
  .btn-block a,.btn-block button {margin:0 2px;}
  .btns.dark-primary {min-width:100px;height:36px;font-size:14px;}
  .btns.dark-primary-sm {min-width:76px;height:30px;font-size:14px;}
  .btns.gray-primary {min-width:100px;height:36px;font-size:14px;}
  .btns.gray-primary-sm {min-width:76px;height:30px;font-size:14px;}
}

/* line */
.bg-line {background:#FDFED1;color:#222;font-weight:600;}
.bt-line {border-top:1px solid #ddd;padding-top:20px;}
@media only all and (max-width:767px) {  
  .bt-line {padding-top:10px;}
}

/* table */
.tbl-type {width:100%;border-bottom:1px solid #11345b;line-height:22px;}
.tbl-type th {position:relative;height:52px;padding:15px 5px;color:#fff;font-size:18px;font-weight:500;text-align:center;background:#11345b;}
.tbl-type td {height:48px;padding:12px 5px;font-size:16px;text-align:center;border-top:1px solid #ddd;background:#fff;}
.tbl-type th:before {content:"";position:absolute;top:0;left:0;width:1px;height:18px;background:#8393a5;}
.tbl-type thead th:nth-child(1):before {display:none;}
.tbl-type tr:nth-child(2n) td {background:#f9f9f9;}
.tbl-type .left {text-align:left;}
.tbl-form .col1 {width:145px;}
.tbl-form {width:100%;line-height:1.6;border-top:1px solid #262626;}
.tbl-form > tbody > tr > th {padding:16px 0 16px 16px;text-align:left;font-size:14px;line-height:22px;font-weight:500;border-bottom:1px solid #DCDCDC;}
.tbl-form > tbody > tr > td {padding:10px 12px;font-size:14px;border-bottom:1px solid #DCDCDC;}
.tbl-form .data-input {position:relative;max-width:360px;}
.tbl-form .address-input {max-width:500px;}
@media only all and (max-width:767px) {  
  .tbl-type {line-height:18px;}
  .tbl-type th {height:42px;padding:12px 5px;font-size:14px;}
  .tbl-type td {height:40px;padding:8px 5px;font-size:14px;}
  .tbl-form {line-height:1.4;}
  .tbl-form colgroup {display:none;}
  .tbl-form > tbody > tr > th {padding:15px 5px 0 5px;display:block;border-bottom:0;}
  .tbl-form > tbody > tr > td {padding:8px 5px 15px 5px;display:block;}
}

/* list board */
.list-header {display:flex;align-items:end;padding-bottom:15px;min-height:49px;}
.list-header .page-num {display:inline-block;vertical-align:middle;}
.list-header .page-num em {color:#fead05;}
.list-header .right {margin-left:auto;}
.list-header .form-category {width:120px;}
.list-header .form-keyword {width:250px;}
.list-header .btn-search {display:inline-block;min-width:80px;height:40px;padding:0 10px;text-align:center;font-weight:500;color:#fff;vertical-align:middle;white-space:nowrap;background:#4d4d4d;transition:all 0.3s;border-radius:4px;}
.list-header .btn-search:before {content:"";display:inline-block;width:15px;height:15px;margin:-2px 6px 0 0;background:url(../images/common/ico_search.svg) no-repeat 0 0;vertical-align:middle;}
.list-header .btn-search:hover {background:#000;}
@media only all and (max-width:767px) {  
  .list-header .btn-search {min-width:70px;height:36px;}
}
@media only all and (max-width:640px) {  
  .list-header {display:block;}
  .list-header .form-category {width:100%;margin-top:5px;}
  .list-header .input-group {display:flex;margin-top:5px;}
  .list-header .input-group .form-keyword {width:100%;}
  .list-header .input-group .btn-search {flex:none;margin-left:5px;}
}

.list-board {border-top:1px solid #666;}
.list-board li {position:relative;border-bottom:1px solid #ddd;}
.list-board li:hover {background:#f5f5f5;transition:all 0.5s;}
.list-board li a {display:block;padding:20px 15px;}
.list-board li dt {font-size:20px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;}
.list-board li a:hover dt {color:#000;}
.list-board li .notice,.list-board li .category {display:inline-block;padding:0 15px;margin-right:10px;color:#fff;font-size:14px;text-align:center;line-height:22px;background-color:#fead05;border-radius:20px;vertical-align:middle;position:relative;top:-2px;}
.list-board li dd {font-size:16px;color:#666;margin-top:5px;}
.list-board li dd span {position:relative;padding:0 12px;vertical-align:middle;}
.list-board li dd span:first-child {padding-left:0;}
.list-board li dd span:before {content:"";position:absolute;top:6px;left:0;width:1px;height:10px;background:#b7b7ba;}
.list-board li dd span:first-child:before {background:none;}
.list-board li dd span.count {padding-left:34px;background:url('../images/sub/ico_count.png') no-repeat 12px 4px;background-size:16px;}
.list-board li dd span.file {display:inline-block;width:30px;height:20px;background:url('../images/sub/ico_file.png') no-repeat 12px 2px;background-size:14px;}
.list-board li dd .reply-ing {display:inline-block;height:24px;padding:0 12px !important;margin-right:10px;color:#333;font-size:14px;text-align:center;line-height:20px;background-color:#fff;border:1px solid #fead05;border-radius:20px;vertical-align:middle;}
.list-board li dd .reply-ing:before {display:none;}
.list-board li dd .reply-end {display:inline-block;height:24px;padding:0 12px !important;margin-right:10px;color:#fff;font-size:14px;text-align:center;line-height:24px;background-color:#fead05;border-radius:20px;vertical-align:middle;}
.list-board li dd .reply-end:before {display:none;}
.list-board li dd .not-open {color:#fc0202;}
.list-gallery {overflow:hidden;}
.list-gallery ul {margin-right:-40px;display:flex;flex-wrap:wrap;}
.list-gallery li {width:calc(100%/3 - 40px);margin-right:40px;margin-bottom:30px;}
.list-gallery li .thumb {position:relative;padding-top:58%;overflow:hidden;}
.list-gallery li .thumb img {position:absolute;top:0;left:0;width:100%;height:100%;max-width:none;transform:scale(1);transition:all 0.5s;}
.list-gallery li a:hover .thumb img {transform:scale(1.08);}
.list-gallery li a {display:block;}
.list-gallery li .tit {margin-top:10px;font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.list-gallery li a:hover .tit {color:#000;}
@media only all and (max-width:767px) {  
  .list-board li a {padding:15px 10px;}
  .list-board li dt {font-size:16px;}
  .list-board li dd {font-size:14px;margin-top:3px;}
  .list-board li dd span:before {top:4px;}
  .list-gallery ul {margin-right:-20px;}
  .list-gallery li {width:calc(100%/2 - 20px);margin-right:20px;margin-bottom:20px;}
  .list-gallery li .tit {font-size:16px;}
}

/* 자주묻는 질문 */
.faq-list {border-top:1px solid #666;}
.faq-list li {border-bottom:1px solid #dcdcdc;}
.faq-list li .question {position:relative;display:flex;align-items:center;padding:20px 60px 20px 55px;cursor:pointer;}
.faq-list li .question .tit {font-size:18px;}
.faq-list li .question:hover .tit {color:#000;}
.faq-list li.open .question .tit {font-weight:500;color:#000;}
.faq-list li .question:before {content:'';position:absolute;top:50%;right:30px;width:17px;height:2px;background-color:#4d4d4d;transition:0.2s;transform:translateY(-50%);}
.faq-list li .question:after {content:'';position:absolute;top:50%;right:30px;width:17px;height:2px;background-color:#4d4d4d;transition:0.2s;transform:translateY(-50%) rotate(90deg);}
.faq-list li.open .question:after {transform:translateY(-50%) rotate(0deg);}
.faq-list li .answer {display:none;position:relative;border-top:1px solid #ddd;}
.faq-list li .answer .cont {padding:20px 20px 20px 55px;color:#555;font-size:16px;background-color:#f5f5f5;}
.faq-list li span {position:absolute;left:10px;top:16px;display:inline-block;width:36px;height:36px;line-height:36px;font-size:18px;color:#fff;text-align:center;background:#444;border-radius:40px;}
.faq-list li .answer span {color:#000;background:#fead05;}
@media only all and (max-width:767px) {  
  .faq-list li .question {padding:18px 45px 18px 45px;}
  .faq-list li .question .tit {font-size:16px;line-height:1.3;}
  .faq-list li .answer .cont {padding:18px 18px 18px 45px;font-size:14px;}
  .faq-list li .question:before {right:10px;width:14px;}
  .faq-list li .question:after {right:10px;width:14px;}
  .faq-list li span {left:10px;top:13px;width:28px;height:28px;line-height:28px;font-size:16px;}
}

/* paginate */
.paginate {margin-top:30px;text-align:center;line-height:16px;}
.paginate a.pre-end,.paginate a.next-end,.paginate a.pre,.paginate a.next {width:28px;height:28px;margin:0 3px;text-indent:-999px;overflow:hidden;border:1px solid #DCDCDC;}
.paginate a.pre {background:url('../images/common/ico_paging_prev.svg') no-repeat 45% 50%;}
.paginate a.next {background:url('../images/common/ico_paging_next.svg') no-repeat 55% 50%;}
.paginate a.pre-end {background:url('../images/common/ico_paging_first.svg') no-repeat 50% 50%;}
.paginate a.next-end {background:url('../images/common/ico_paging_last.svg') no-repeat 50% 50%;}
.paginate a {display:inline-block;min-width:28px;height:28px;line-height:28px;margin:0 2px;font-size:14px;color:#262626;text-align:center;vertical-align:middle;border-radius:30px;transition:all 0.3s;}
.paginate a.active,.paginate a:hover {background:#4D4D4D;color:#fff;}
.paginate a.pre:hover {background:#eee url('../images/common/ico_paging_prev.svg') no-repeat 45% 50%;}
.paginate a.next:hover {background:#eee url('../images/common/ico_paging_next.svg') no-repeat 55% 50%;}
.paginate a.pre-end:hover {background:#eee url('../images/common/ico_paging_first.svg') no-repeat 50% 50%;}
.paginate a.next-end:hover {background:#eee url('../images/common/ico_paging_last.svg') no-repeat 50% 50%;}
@media only all and (max-width:767px) {  
  .paginate {margin-top:20px;}
  .paginate a.pre-end,.paginate a.next-end,.paginate a.pre,.paginate a.next {margin:0 2px;}
  .paginate a {min-width:26px;height:26px;line-height:26px;margin:0 1px;font-size:13px;}
}

/* 검색결과가 없을때 */
.no-data {width:100%;padding:100px 0;text-align:center;}
.no-data > p {position:relative;padding-top:90px;text-align:center;font-weight:500;font-size:20px;}
.no-data > p:before {content:'';position:absolute;width:80px;height:80px;top:0;left:50%;margin-left:-40px;background:url('../images/common/ico_no_data.svg') no-repeat 0 0;background-size:100%;}
@media only all and (max-width:767px) {  
  .no-data {padding:50px 0;}
  .no-data > p {padding-top:65px;font-size:16px;}
  .no-data > p:before {width:60px;height:60px;margin-left:-30px;}
}

/* board detail */
.board-detail {border-top:1px solid #666;}
.board-detail > li {border-bottom:1px solid #ddd;}
.board-detail .detail-header {padding:20px;background:#f8f8f8;}
.board-detail .detail-header .title {margin-bottom:10px;font-size:22px;font-weight:500;line-height:30px;}
.board-detail .detail-header span {position:relative;padding:0 12px;color:#666;}
.board-detail .detail-header span:before {content:"";position:absolute;top:4px;left:0;width:1px;height:12px;background:#b7b7ba;}
.board-detail .detail-header span:first-of-type {padding-left:0;} 
.board-detail .detail-header span:first-of-type:before {display:none;}
.board-detail .detail-cont {padding:30px 20px;min-height:300px;}
.board-detail .detail-cont img {margin-bottom:20px;}
.board-detail .detail-attach {position:relative;padding:12px 20px 12px 80px;}
.board-detail .detail-attach span {position:absolute;left:30px;top:50%;margin-top:-11px;display:block;width:21px;height:22px;text-indent:-9999px;overflow:hidden;background:url('../images/sub/ico_attach.png') no-repeat 50% 50%;}
.board-detail .detail-attach li {margin:2px 0;} 
.board-detail .detail-attach a:hover {color:#000;}
.board-detail .detail-question {padding:30px 20px 30px 60px;min-height:150px;position:relative;}
.board-detail .detail-question span {position:absolute;left:10px;top:25px;display:inline-block;width:36px;height:36px;line-height:36px;font-size:18px;color:#fff;text-align:center;background:#444;border-radius:40px;}
.board-detail .detail-answer {padding:30px 20px 30px 60px;min-height:150px;position:relative;}
.board-detail .detail-answer span {position:absolute;left:10px;top:25px;display:inline-block;width:36px;height:36px;line-height:36px;font-size:18px;color:#000;text-align:center;background:#fead05;border-radius:40px;}
@media only all and (max-width:767px) {  
  .board-detail .detail-header {padding:15px 15px;}
	.board-detail .detail-header .title {margin-bottom:5px;font-size:20px;line-height:25px;}
  .board-detail .detail-header span {padding:0 18x;}
  .board-detail .detail-header span:before {top:3px;}
	.board-detail .detail-cont {padding:20px 15px;}
	.board-detail .detail-attach {padding:12px 15px 12px 50px;}
	.board-detail .detail-attach span {left:16px;}
  .board-detail .detail-question {padding:20px 20px 20px 50px;}
  .board-detail .detail-question span {left:10px;top:18px;width:28px;height:28px;line-height:28px;font-size:16px;}
  .board-detail .detail-answer {padding:20px 20px 20px 50px;}
  .board-detail .detail-answer span {left:10px;top:18px;width:28px;height:28px;line-height:28px;font-size:16px;}
}

/* prevnext */
.prev-next {margin-top:50px;border-top:1px solid #ddd;line-height:50px;}
.prev-next li {padding-right:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-bottom:1px solid #ddd;}
.prev-next li strong {display:inline-block;width:120px;padding:0 20px;font-weight:500;vertical-align:top;}
.prev-next li strong:before {content:'';display:inline-block;width:8px;height:14px;margin-right:20px;vertical-align:middle;background: url(../images/sub/list_prev.png) no-repeat 0 0;position: relative;top:-2px;}
.prev-next li:nth-child(2) strong:before {background-image:url(../images/sub/list_next.png);}
.prev-next a:hover {color:#000;}
@media only all and (max-width:767px) {  
  .prev-next {margin-top:40px;}
	.prev-next li {padding-right:12px;}
	.prev-next li strong {width:80px;padding:0 10px;}
	.prev-next li strong:before {margin-right:10px;}
}

/* 사업단 소개 */
.greeting {display:flex;}
.greeting .img {width:379px;flex:none;margin-right:50px;}
.greeting .txt p {font-size:18px;font-weight:500;}
.greeting .txt .txt1 {font-size:26px;font-weight:700;line-height:1.4;}
.greeting .txt .txt2 {font-size:30px;font-weight:700;line-height:1.3;}
.greeting .txt .txt2 span {color:#fead05;}
.greeting .txt .txt3 {font-size:18px;text-align:right;}
.greeting .txt .txt3 span {font-size:24px;font-weight:600;}
.organ-img {text-align:center;}
.traffic .map iframe {height:420px;border:1px solid #ddd;}
@media only all and (max-width:1024px) {  
  .greeting .img {width:320px;}
  .greeting .txt .txt2 br {display:none;}
}
@media only all and (max-width:767px) {  
  .greeting {display:block;}
  .greeting .img {width:180px;margin:0 auto;}
  .greeting .txt {margin-top:30px;}
  .greeting .txt p {font-size:16px;}
  .greeting .txt .txt1 {font-size:20px;}
  .greeting .txt .txt2 {font-size:22px;margin-top:5px;}
  .greeting .txt .txt3 {font-size:16px;}
  .greeting .txt .txt3 span {font-size:18px;}  
  .traffic .map iframe {height:300px;}
}

/* 사업 소개 */
.vision-txt .txt1 {font-size:20px;font-weight:700;}
.vision-txt .txt1 span {font-size:30px;color:#fead05;}
.vision-txt .txt2 {font-size:18px;font-weight:500;}
.manage .txt {font-size:18px;font-weight:500;}
@media only all and (max-width:767px) {  
  .vision-txt .txt1 {font-size:18px;line-height:1.6;}
  .vision-txt .txt1 span {font-size:22px;line-height:1.3;}
  .vision-txt .txt2 {font-size:16px;}
  .manage .txt {font-size:16px;}
  .manage .txt br {display:none;}
}

/* confirm modal */
.confirm-overlay {position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.6);line-height:22px;}
.confirm-modal {position:absolute;top:50%;left:50%;width:400px;background:#fff;box-shadow:0 4px 20px 0 rgba(7, 7, 7, 0.4);border-radius:6px;overflow:hidden;transform:translate(-50%,-50%);}
.confirm-head {display:flex;align-items:center;height:56px;padding:0 20px;border-bottom:1px solid #e1e2e6;background:#f8f8f8;}
.confirm-head h2 {font-size:20px;font-weight:bold;letter-spacing:-1px;}
.confirm-cont {padding:20px 20px 20px;overflow-y:auto;max-height:calc(100vh - 9rem);}
.confirm-cont .txt {margin-bottom:10px;}
.confirm-foot {padding:0 20px 20px;text-align:center;}
.confirm-foot button {margin:0 2px;}
.confirm-close {position:absolute;right:18px;top:20px;width:18px;height:18px;text-indent:-9999px;overflow:hidden;background:url('../images/common/ico_close.png') no-repeat 50% 50%;}
@media only all and (max-width:480px) {  
  .confirm-modal {width:90%;}
}

/*********************** main ***********************/
#wrap.main #contents {width:100%;padding:0;overflow:hidden;}

.visual-area {position:relative;width:100%;height:calc(100vh - 80px);display:flex;align-items:center;flex-direction:column;justify-content:center;}
.visual-area .visual-slider {position:fixed;left:0;right:0;top:0;width:100%;height:100vh;}
.visual-area .visual-slider li {position:relative;height:100vh;}
.visual-area .visual-slider li .visual-img {position:absolute;left:0;top:0;width:100%;height:100vh;}
.visual-area .visual-slider li.item1 .visual-img {background:url(../images/main/main_visual01.jpg) no-repeat 50% 0;background-size:cover;}
.visual-area .visual-slider li.item2 .visual-img {background:url(../images/main/main_visual02.jpg) no-repeat 50% 0;background-size:cover;}
.visual-area .visual-slider li.item3 .visual-img {background:url(../images/main/main_visual03.jpg) no-repeat 50% 0;background-size:cover;}
.visual-area .visual-slider li.item4 .visual-img {background:url(../images/main/main_visual04.jpg) no-repeat 50% 0;background-size:cover;}
.visual-area .visual-slider li.item5 .visual-img {background:url(../images/main/main_visual05.jpg) no-repeat 50% 0;background-size:cover;}
.visual-area .visual-slider li.swiper-slide-active .visual-img {animation:visual_scale2 7s 0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.1,0,.8,1);}
@-webkit-keyframes visual_scale2 {from {transform:scale(1.13);} to {transform:scale(1);}}
@keyframes visual_scale2 {from {transform:scale(1.13);} to {transform:scale(1);}}
.visual-area .visual-slider .ctrl-wrap {position:absolute;left:0;right:0;bottom:320px;text-align:center;z-index:1;animation-fill-mode:both;animation-name:fadeBigInUp;animation-duration:0.8s;}
.visual-area .visual-slider .pager .swiper-pagination-bullet {position:relative;width:10px;height:10px;margin:0 5px;opacity:1;overflow:hidden;border-radius:10px;background:#fff;}
.visual-area .visual-slider .pager .swiper-pagination-bullet-active {width:50px;background:transparent;}
.visual-area .visual-slider .pager .swiper-pagination-bullet i {position:absolute;top:0;left:0;z-index:1;width:10px;height:10px;background:#fff;}
.visual-area .visual-slider .pager .swiper-pagination-bullet em {position:absolute;top:0;left:0;z-index:2;width:0;height:0;border-radius:10px;}
.visual-area .visual-slider .pager .swiper-pagination-bullet-active i {width:100%;}
.visual-area .visual-slider .pager .swiper-pagination-bullet-active em {height:10px;background:#f9981a;animation-name:countingBar;animation-duration:5s;animation-timing-function:ease-in;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards;}
@keyframes countingBar {0% {width:0;} 100% {width:100%;}}
.visual-area .txt-wrap {max-width:1280px;margin:0 auto;text-align:center;padding-bottom:400px;}
.visual-area .txt-wrap p span.ani {font-size:18px;line-height:1.4;color:#fff;display:inline-block;animation-fill-mode:both;animation-name:fadeBigInUp;animation-duration:0.8s;text-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);}
.visual-area .txt-wrap span.txt1.ani {animation-delay:0.1s;font-size:32px;color:#fff;font-weight:700;}
.visual-area .txt-wrap span.txt1.ani em {font-size:50px;text-shadow:none;padding:0 5px;line-height:1;color:#fff;position:relative;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);}
.visual-area .txt-wrap span.txt2.ani {animation-delay:0.6s;font-size:36px;font-weight:700;}
.visual-area .txt-wrap span.txt3.ani {animation-delay:1.2s;margin-top:30px;font-size:22px;}

/* .visual-area .txt-wrap.type6 span.txt1.ani em {font-family:'TTHakgyoansimDotbogiR';} */
.TTHakgyoansimDotbogiR {font-family:'TTHakgyoansimDotbogiR' !important;}
.TTHakgyoansimMonggeulmonggeulR {font-family:'TTHakgyoansimMonggeulmonggeulR' !important;}

.visual-area .cont-link {position:absolute;left:0;bottom:0;width:100%;height:190px;background-color:rgba(0, 0, 0, 0.3);}
.visual-area .cont-link ul {max-width:1280px;margin:0 auto;display:flex;}
.visual-area .cont-link li {width:calc(100%/5);text-align:center;transition:all 0.5s;}
.visual-area .cont-link li a {display:block;height:190px;padding-top:130px;color:#fff;font-size:20px;font-weight:700;transition:all 0.5s;}
.visual-area .cont-link li a:hover {color:#fead05;}
.visual-area .cont-link li.link1 {background:url(../images/main/ico_cont1.png) no-repeat 50% 50px;}
.visual-area .cont-link li.link2 {background:url(../images/main/ico_cont2.png) no-repeat 50% 50px;}
.visual-area .cont-link li.link3 {background:url(../images/main/ico_cont3.png) no-repeat 50% 50px;}
.visual-area .cont-link li.link4 {background:url(../images/main/ico_cont4.png) no-repeat 50% 50px;}
.visual-area .cont-link li.link5 {background:url(../images/main/ico_cont5.png) no-repeat 50% 50px;}
.visual-area .cont-link li:hover {background-color:rgba(0, 0, 0, 0.4);}
.visual-area .scroll-down {position:absolute;left:50%;bottom:220px;width:100px;padding-bottom:20px;margin-left:-50px;font-size:14px;text-align:center;font-family:'Roboto';color:#fff;line-height:1.5;background:url(../images/main/scroll_arrow.png) no-repeat 50% 100%;background-size:26px;z-index:1000;animation:fadeInDown 2s infinite;}
@keyframes fadeInDown {
	0% {opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);}
	100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
@media only all and (max-width:767px) {
  .visual-area {height:calc(100vh - 60px);}
  .visual-area .txt-wrap {padding-bottom:300px;}
  .visual-area .txt-wrap p span.ani {font-size:16px;}
  .visual-area .txt-wrap span.txt1.ani {font-size:26px;}
  .visual-area .txt-wrap span.txt1.ani em {font-size:36px;}
  .visual-area .txt-wrap span.txt2.ani {font-size:26px;margin-top:5px;}
  .visual-area .txt-wrap span.txt3.ani {font-size:16px;line-height:1.6;}
  .visual-area .visual-slider .ctrl-wrap {bottom:240px;}
  .visual-area .cont-link {height:120px;}
  .visual-area .cont-link ul {padding:0 10px;}
  .visual-area .cont-link li a {height:120px;padding-top:75px;font-size:12px;line-height:1.3;}
  .visual-area .cont-link li.link1 {background:url(../images/main/ico_cont1.png) no-repeat 50% 20px;background-size:40px;}
  .visual-area .cont-link li.link2 {background:url(../images/main/ico_cont2.png) no-repeat 50% 20px;background-size:40px;}
  .visual-area .cont-link li.link3 {background:url(../images/main/ico_cont3.png) no-repeat 50% 20px;background-size:44px;}
  .visual-area .cont-link li.link4 {background:url(../images/main/ico_cont4.png) no-repeat 50% 20px;background-size:38px;}
  .visual-area .cont-link li.link5 {background:url(../images/main/ico_cont5.png) no-repeat 50% 20px;background-size:40px;}
	.visual-area .scroll-down {bottom:150px;font-size:12px;background-size:20px;}
}

.section-block {position:relative;background:#fff;}
.section-block .inner {width:1280px;margin:0 auto;padding:100px 0;}
.section-block .title-block h2 {color:#222;font-size:48px;font-weight:700;line-height:1;}
.section-block .title-block p {color:#585858;font-size:20px;line-height:1.3;margin-top:15px;}
.section-block .cont-section1 .title-block {text-align:center;}
.section-block .cont-section2 {background-color:#f3f3f3;}
.section-block .cont-section3 {background:url(../images/main/section3_bg.png) no-repeat 50% 100%;background-size:cover;}
.section-block .cont-section3 .title-block h2 {color:#fff;}
.section-block .cont-section3 .title-block p {color:#d8d7d7;}
@media only all and (max-width:1340px) {
	.section-block .inner {width:auto;padding:100px 20px;}
}
@media only all and (max-width:767px) {
  .section-block .inner {width:auto;padding:60px 16px;}
	.section-block .title-block h2 {font-size:28px;}
  .section-block .title-block p {font-size:16px;margin-top:5px;}
  .section-block .cont-section3 .title-block h2 {line-height:1.1;}
}

.section-block .ctrl-wrap {display:flex;align-items:center;position:absolute;left:-310px;bottom:0;}
.section-block .ctrl-wrap button {width:42px;height:42px;text-indent:-999px;overflow:hidden;border-radius:42px;transition:all 0.3s;flex:none;border:1px solid #555;margin-right:8px;}
.section-block .ctrl-wrap .btn-prev {background:url(../images/main/ico_prev.svg) no-repeat 50% 50%;}
.section-block .ctrl-wrap .btn-prev:hover {background:#fead05 url(../images/main/ico_prev_on.svg) no-repeat 50% 50%;}
.section-block .ctrl-wrap .btn-next {background:url(../images/main/ico_next.svg) no-repeat 50% 50%;}
.section-block .ctrl-wrap .btn-next:hover {background:#fead05 url(../images/main/ico_next_on.svg) no-repeat 50% 50%;}
.section-block .ctrl-wrap .btn-play {background:url(../images/main/ico_play.svg) no-repeat 50% 50%;display:none;}
.section-block .ctrl-wrap .btn-play:hover {background:#fead05 url(../images/main/ico_play_on.svg) no-repeat 50% 50%;}
.section-block .ctrl-wrap .btn-pause {background:url(../images/main/ico_pause.svg) no-repeat 50% 50%;}
.section-block .ctrl-wrap .btn-pause:hover {background:#fead05 url(../images/main/ico_pause_on.svg) no-repeat 50% 50%;}
.section-block .ctrl-wrap button:hover {background-color:#fead05;border:1px solid #fead05;}
@media only all and (max-width:1300px) {
	.section-block .ctrl-wrap {width:auto;}
}
@media only all and (max-width:1024px) {
	.section-block .ctrl-wrap {position:relative;left:0;justify-content:center;margin-top:20px;}
}
@media only all and (max-width:767px) {
	.section-block .ctrl-wrap {margin-top:20px;}
	.section-block .ctrl-wrap button {width:32px;height:32px;margin-right:7px;}
	.section-block .ctrl-wrap .btn-prev,.section-block .ctrl-wrap .btn-prev:hover {background-size:12px;}
	.section-block .ctrl-wrap .btn-next,.section-block .ctrl-wrap .btn-next:hover {background-size:12px;}
	.section-block .ctrl-wrap .btn-play,.section-block .ctrl-wrap .btn-play:hover {background-size:8px;}
	.section-block .ctrl-wrap .btn-pause,.section-block .ctrl-wrap .btn-pause:hover {background-size:10px;}
}

.cont-section1 .cont-block {display:flex;margin-top:50px;}
.cont-section1 .cont-block h3 {width:94px;height:30px;display:flex;justify-content:center;align-items:center;font-size:15px;color:#fff;border-radius:30px;background-color:#0f3170;position:relative;top:-30px;}
.cont-section1 .cont-block .faq-wrap h3 {background-color:#0f6770;}
.cont-section1 .cont-block .news-wrap h3 {background-color:#704c0f;}
.cont-section1 .cont-block .notice-wrap {width:50%;height:330px;padding:15px 30px 30px;border:1px solid #dedede;}
.cont-section1 .cont-block .notice-wrap .headline {position:relative;}
.cont-section1 .cont-block .notice-wrap .headline dt {font-size:20px;font-weight:700;color:#222;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:70px;transition:all 0.3s;}
.cont-section1 .cont-block .notice-wrap .headline dd {font-size:16px;line-height:24px;color:#555;text-overflow:ellipsis;white-space:normal;max-height:3.4em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;}
.cont-section1 .cont-block .notice-wrap .headline .date {position:absolute;top:5px;right:0;font-size:14px;color:#838282;}
.cont-section1 .cont-block .notice-wrap .headline a:hover dt {color:#fead05;}
.cont-section1 .cont-block .notice-wrap .list {margin-top:15px;padding-top:10px;border-top:1px solid #dedede;}
.cont-section1 .cont-block .notice-wrap .list li {position:relative;padding-right:70px;font-size:18px;margin:7px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.cont-section1 .cont-block .notice-wrap .list a {color:#222;font-weight:500;transition:all 0.3s;}
.cont-section1 .cont-block .notice-wrap .list a:hover {color:#fead05;}
.cont-section1 .cont-block .notice-wrap .list .date {position:absolute;top:2px;right:0;font-size:14px;color:#838282;}
.cont-section1 .cont-block .faq-wrap {position:relative;width:25%;height:330px;padding:15px 30px 30px;border:1px solid #dedede;border-left:0;}
.cont-section1 .cont-block .faq-wrap .list {height:100%;}
.cont-section1 .cont-block .faq-wrap .list dt {font-size:20px;font-weight:700;color:#222;line-height:1.3;text-overflow:ellipsis;white-space:normal;max-height:3.4em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all 0.3s;}
.cont-section1 .cont-block .faq-wrap .list dd.dd1 {font-size:16px;line-height:24px;color:#555;text-overflow:ellipsis;white-space:normal;max-height:6.5em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-top:25px;}
.cont-section1 .cont-block .faq-wrap .list a:hover dt {color:#fead05;}
.cont-section1 .cont-block .faq-wrap .list .date {position:absolute;bottom:30px;left:0;font-size:16px;color:#222;}
.cont-section1 .cont-block .faq-wrap .list .more {position:absolute;bottom:30px;right:0;width:32px;height:32px;background:url(../images/main/ico_more.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden;transition:all 0.3s;}
.cont-section1 .cont-block .faq-wrap .list .more:hover {background:url(../images/main/ico_more_on.png) no-repeat 0 0;}
.cont-section1 .cont-block .news-wrap {position:relative;width:25%;height:330px;padding:15px 30px 30px;border:1px solid #dedede;border-left:0;}
.cont-section1 .cont-block .news-wrap .list {height:100%;}
.cont-section1 .cont-block .news-wrap .list dt {font-size:20px;font-weight:700;color:#222;line-height:1.3;text-overflow:ellipsis;white-space:normal;max-height:3.4em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all 0.3s;}
.cont-section1 .cont-block .news-wrap .list dd.dd1 {font-size:16px;line-height:24px;color:#555;text-overflow:ellipsis;white-space:normal;max-height:6.5em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-top:25px;}
.cont-section1 .cont-block .news-wrap .list a:hover dt {color:#fead05;}
.cont-section1 .cont-block .news-wrap .list .date {position:absolute;bottom:30px;left:0;font-size:16px;color:#222;}
.cont-section1 .cont-block .news-wrap .list .more {position:absolute;bottom:30px;right:0;width:32px;height:32px;background:url(../images/main/ico_more.png) no-repeat 0 0;text-indent:-9999px;overflow:hidden;transition:all 0.3s;}
.cont-section1 .cont-block .news-wrap .list .more:hover {background:url(../images/main/ico_more_on.png) no-repeat 0 0;}
@media only all and (max-width:767px) {
  .cont-section1 .cont-block {display:block;margin-top:30px;}
  .cont-section1 .cont-block h3 {width:70px;height:26px;font-size:14px;top:-18px;}
  .cont-section1 .cont-block .notice-wrap {width:auto;height:auto;padding:5px 20px 20px;}
  .cont-section1 .cont-block .notice-wrap .headline dt {font-size:18px;padding-right:60px;}
  .cont-section1 .cont-block .notice-wrap .headline dd {font-size:14px;}
  .cont-section1 .cont-block .notice-wrap .headline .date {font-size:13px;}
  .cont-section1 .cont-block .notice-wrap .list li {padding-right:60px;font-size:16px;margin:6px 0;}
  .cont-section1 .cont-block .notice-wrap .list .date {font-size:13px;}  
  .cont-section1 .cont-block .faq-wrap {width:auto;height:auto;padding:5px 20px 20px 20px;border-left:1px solid #dedede;margin-top:30px;}
  .cont-section1 .cont-block .faq-wrap .list {padding-bottom:60px;}
  .cont-section1 .cont-block .faq-wrap .list dt {font-size:18px;}
  .cont-section1 .cont-block .faq-wrap .list dd.dd1 {font-size:14px;margin-top:20px;}
  .cont-section1 .cont-block .faq-wrap .list .date {bottom:0;font-size:14px;}
  .cont-section1 .cont-block .faq-wrap .list .more {bottom:0;}
  .cont-section1 .cont-block .news-wrap {width:auto;height:auto;padding:5px 20px 20px 20px;border-left:1px solid #dedede;margin-top:30px;}
  .cont-section1 .cont-block .news-wrap .list {padding-bottom:60px;}
  .cont-section1 .cont-block .news-wrap .list dt {font-size:18px;}
  .cont-section1 .cont-block .news-wrap .list dd.dd1 {font-size:14px;margin-top:20px;}
  .cont-section1 .cont-block .news-wrap .list .date {bottom:0;font-size:14px;}
  .cont-section1 .cont-block .news-wrap .list .more {bottom:0;}
}

.cont-section2 .inner {display:flex;position:relative;}
.cont-section2 .title-block {width:310px;flex:none;}
.cont-section2 .gallery-slider-wrap {width:1800px;}
.cont-section2 .gallery-slider {position:relative;overflow:hidden;}
.cont-section2 .gallery-slider li.swiper-slide {width:420px;height:278px;}
.cont-section2 .gallery-slider li .thumb {position:relative;border-radius:50px 50px 50px 0;overflow:hidden;height:278px;background-color:#eee;}
.cont-section2 .gallery-slider li .thumb img {transform:scale(1);transition:all 0.5s;width:100%;height:100%;}
.cont-section2 .gallery-slider li .thumb:hover img {transform:scale(1.1);}
.cont-section2 .gallery-slider li .thumb span {position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:50px;padding:0 20px;text-align:center;color:#fff;display:inline-block;background-color:rgba(0, 0, 0, 0.4);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
@media only all and (max-width:1024px) {
  .cont-section2 .inner {display:block;}
  .cont-section2 .title-block {width:auto;text-align:center;margin-bottom:20px;}
  .cont-section2 .title-block br {display:none;}
	.cont-section2 .gallery-slider-wrap {width:auto;} 	
}
@media only all and (max-width:767px) {
  .cont-section2 .gallery-slider li .thumb {border-radius:50px 0 50px 0;}
}
@media only all and (max-width:449px) {
	.cont-section2 .gallery-slider li.swiper-slide {width:auto;height:auto;}
  .cont-section2 .gallery-slider li .thumb {height:240px;}
}

.cont-section3 .inner {display:flex;position:relative;}
.cont-section3 .title-block {width:310px;flex:none;}
.cont-section3 .favourite-slider-wrap {width:1800px;}
.cont-section3 .favourite-slider {position:relative;overflow:hidden;}
.cont-section3 .favourite-slider li.swiper-slide {width:276px;height:262px;overflow:hidden;border-radius:20px 60px 20px 20px;background-color:#fff;}
.cont-section3 .favourite-slider li .item-box {width:100%;height:100%;padding-top:45px;border-radius:20px 60px 20px 20px;position:relative;color:#333;z-index:1;text-align:center;}
.cont-section3 .favourite-slider li .ico {width:120px;height:124px;display:inline-block;}
.cont-section3 .favourite-slider li.item1 .ico {background:url(../images/main/ico_favo1.png) no-repeat 50% 50%;}
.cont-section3 .favourite-slider li.item2 .ico {background:url(../images/main/ico_favo2.png) no-repeat 50% 50%;}
.cont-section3 .favourite-slider li.item3 .ico {background:url(../images/main/ico_favo3.png) no-repeat 50% 50%;}
.cont-section3 .favourite-slider li.item4 .ico {background:url(../images/main/ico_favo4.png) no-repeat 50% 50%;}
.cont-section3 .favourite-slider li.item5 .ico {background:url(../images/main/ico_favo5.png) no-repeat 50% 50%;}
.cont-section3 .favourite-slider li.item6 .ico {background:url(../images/main/ico_favo6.png) no-repeat 50% 50%;}
.cont-section3 .favourite-slider li.item7 .ico {background:url(../images/main/ico_favo7.png) no-repeat 50% 50%;}
.cont-section3 .favourite-slider li .item-box p {font-size:20px;font-weight:700;padding-top:30px;color:#222;}
.cont-section3 li.cover i {position:absolute;display:block;width:0;height:0;border-radius:50%;transition:width 0.5s ease-in-out, height 0.5s ease-in-out;transform:translate(-50%, -50%);background-color:#F4CE53;}
.cont-section3 li.cover:hover i {width:260%;height:260%;}
.cont-section3 .ctrl-wrap button {border:1px solid #fff;}
.cont-section3 .ctrl-wrap .btn-prev2 {background:url(../images/main/ico_prev_on.svg) no-repeat 50% 50%;}
.cont-section3 .ctrl-wrap .btn-next2 {background:url(../images/main/ico_next_on.svg) no-repeat 50% 50%;}
.cont-section3 .ctrl-wrap .btn-play2 {background:url(../images/main/ico_play_on.svg) no-repeat 50% 50%;display:none;}
.cont-section3 .ctrl-wrap .btn-pause2 {background:url(../images/main/ico_pause_on.svg) no-repeat 50% 50%;}
@media only all and (max-width:1024px) {
  .cont-section3 .inner {display:block;}
  .cont-section3 .title-block {width:auto;text-align:center;margin-bottom:20px;}
  .cont-section3 .title-block br {display:none;}
	.cont-section3 .favourite-slider-wrap {width:auto;} 	
}
@media only all and (max-width:767px) {
  .cont-section3 .favourite-slider li .item-box p {font-size:18px;padding-top:20px;}
  .cont-section3 .ctrl-wrap .btn-prev2,.cont-section3 .ctrl-wrap .btn-prev2:hover {background-size:12px;}
	.cont-section3 .ctrl-wrap .btn-next2,.cont-section3 .ctrl-wrap .btn-next2:hover {background-size:12px;}
	.cont-section3 .ctrl-wrap .btn-play2,.cont-section3 .ctrl-wrap .btn-play2:hover {background-size:8px;}
	.cont-section3 .ctrl-wrap .btn-pause2,.cont-section3 .ctrl-wrap .btn-pause2:hover {background-size:10px;}
}
@media only all and (max-width:449px) {
	.cont-section3 .favourite-slider li.swiper-slide {width:auto;height:auto;}
  .cont-section3 .favourite-slider li.swiper-slide {border-radius:10px 30px 10px 10px;}
  .cont-section3 .favourite-slider li .item-box {padding-top:30px;padding-bottom:20px;border-radius:10px 30px 10px 10px;}
  .cont-section3 .favourite-slider li .ico {width:90px;height:90px;background-size:100% !important;}
}

.modal-popup {position:absolute;left:60px;top:130px;z-index:10;border-radius:20px 20px 0 0;overflow:hidden;}
.modal-popup .popup-btn {display:flex;align-items:center;padding:7px 10px;background:#000;}
.modal-popup .popup-btn label {color:#fff;font-size:14px;}
.modal-popup .popup-btn button {display:block;line-height:48px;color:#fff;font-size:14px;}
.modal-popup .popup-btn .close {position:relative;margin-left:auto;width:20px;height:20px;text-indent:-999px;overflow:hidden;background-color:transparent;}
.modal-popup .popup-btn .close:before {content:'';position:absolute;left:50%;top:0;width:2px;height:18px;background-color: #fff;transform:rotate(45deg) translateX(0px);}
.modal-popup .popup-btn .close:after {content:'';position:absolute;left:50%;top:0;width:2px;height:18px;background-color: #fff;transform:rotate(-45deg) translateX(0px);}
.modal-popup .popup-slider {overflow:hidden;max-width:280px;margin:0 auto;}
.modal-popup .popup-slider li {width:280px;height:300px;}
.modal-popup .popup-slider li a img {width:100%;height:100%;max-width:none;}
.modal-popup .ctrl-pop {position:absolute;bottom:45px;left:50%;z-index:1;transform:translateX(-50%);}
.modal-popup .ctrl-pop .pager {width:auto;display:flex;align-items:center;}
.modal-popup .ctrl-pop .swiper-pagination-bullet {width:8px;height:8px;background:#C1C1C1;opacity:1;margin:0 4px;}
.modal-popup .ctrl-pop .swiper-pagination-bullet-active {background:#000;}
@media only all and (max-width:480px) {
	.modal-popup {left:50%;top:100px;transform:translateX(-50%);}
}