@charset "utf-8";
/* SIR 지운아빠 */
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');



/* 초기화 */
html {overflow-y:scroll; }

body {margin:0;padding:0;font-size:13px; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; background:#f5f5f5; overflow: hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:17px; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {margin: 0; padding: 0;  font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; line-height: 160%; white-space: pre-line;}
a {color:#000;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	word-break: keep-all;
}


table{width: 100%;
border-spacing: 0;
border-collapse: collapse;
display:table;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}


img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.tac{text-align: center;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:970px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:970px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0}

/* 전체 검색 */
#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}

/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}

/* 상단 회원가입 등 링크 */
#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px}
#tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}

/* 메인메뉴 */
#gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left}
.gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none}
.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff}
.gnb_2dul {display:none;position:absolute;top:35px;width:180px}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline}

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto; zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}

#container {z-index:98;position:relative; font-size:1.2em;zoom:1; padding-bottom: 30px; font-weight:400; color: #333; background: #fff;}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}

/* 하단 레이아웃 */
#ft { background:#f2f5f9}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_catch {position:relative;margin:0 auto;padding:0px 0 0;width:970px;text-align:center}

#ft_company {text-align:center}

#ft_copy {background:#414141}
#ft_copy > div {position:relative;margin:0 auto;padding:10px 0; width: 100%;color:#fff; background: #000;}
#ft_copy > div > div {position:relative;margin:0 auto;padding:10px 0; max-width: 1000px;color:#fff; background: #000;}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}

/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ffac30}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#ffac30;color:#fff;letter-spacing:-0.1em;cursor:pointer;  line-height: 40px; }
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block; line-height: 40px; padding:0 10px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:0px 10px;  line-height: 40px;  border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle; font-size:13px}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:0 10px; line-height: 40px; font-size:13px; border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}




/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px; padding: 0 5px;}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} 
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}
 */

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}



/* 검색결과 색상 */
.sch_word {color:#ffac30}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}


/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}





























#m_menu > div { padding:10px 8px 10px 10px; }
#m_menu > div > a.menu-trigger{display:block; padding:5px 10px;  color:#fff}

#home{position:absolute; right:10px; top:15px; z-index:99999}
#home > div {background:#0d3f7a; padding:10px 8px 10px 10px; }
#home > div > a{display:block; padding:2px 5px;  color:#fff}
#home > div > a i{font-size:20px;}

/*햄버거 메뉴 생성*/
.menu-trigger, .menu-trigger span {display:inline-block; transition: all.4s; box-sizing:border-box;}
.menu-trigger {position:relative; width:25px; height:15px; padding:10px;}
.menu-trigger span{position:absolute; left:0; width:100%; height:2px; background:#fff; border-radius:1px; }

.menu-trigger span:nth-of-type(1) {top:0px;}
.menu-trigger span:nth-of-type(2) {top:7px;}
.menu-trigger span:nth-of-type(3) {bottom:-1px;}


.menu-trigger.open span {background:#fff; transition:background 1s, opacity 0.3s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.3s; }
.menu-trigger.open span:nth-child(1) {top:6px; background:#fff; transform:rotate(-45deg)}
.menu-trigger.open span:nth-child(2) {opacity:0}
.menu-trigger.open span:nth-child(3) {top:6px; background:#fff; transform:rotate(45deg)}




/*
.hd-wrap{background: url('/tmpl/theme_shop_basic/img/hd_bg.jpg') #240e57  no-repeat; background-size:cover; background-position: center;  height: 1000px;
  animation-duration: 30s;
  animation-name: scaleup;
  animation-iteration-count: infinite;
}
*/

.hd-wrap{background: #000  no-repeat; background-size:cover; background-position: center;  height: 1000px; position: relative;
  animation-duration: 30s;
  animation-name: scaleup;
  animation-iteration-count: infinite;
}


.hd-wrap.sub-hd-wrap{height: 400px; background-position: bottom;}
.hd-wrap.sub-hd-wrap .slide-box{display: none;}


.sub-title-box{text-align: center;color: #fff;position: relative;top: 35%;}
.sub-title-box h2{font-size: 48px; display: inline-block;}
.sub-title-box h2:after{content:""; width: 60%; margin: 20px auto 0; height: 5px; background: #fff; display: block;}



.gnb-wrap{max-width:1400px; margin: 0 auto; border-bottom: 1px solid #fff; height: 130px; padding: 20px; position: relative; }
.gnb-wrap .logo{float:left; margin-top: 10px;}
.gnb-wrap .gnb{float:right; margin-top: 40px;}

.gnb > a{display: block; float:left; margin-left: 10px;}
.gnb > div{float:left; margin-left: 10px; margin-top: 5px;}



@keyframes scaleup {
  0% {
   background-size: 110% auto;
  }
  50% {
    background-size:130% auto;
  }
  100% {
    background-size: 110% auto;
  }
}



.effect-txt {
	text-align: center;
	background: 50% 100% / 50% 50% no-repeat
	radial-gradient(ellipse at bottom, #fff, #fff, #fff);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
	font-size: 5vw;
	font-weight:900;
	line-height: 100%;
	animation: reveal 3000ms ease-in-out forwards 200ms,
	glow 2500ms linear infinite 2000ms;
}

  @keyframes reveal {
    80%{
      letter-spacing: 8px;
    }
    100% {
      background-size: 300% 300%;
    }
  }
/*
  @keyframes glow {
    40% {
      text-shadow: 0 0 8px #fff;
    }
  }
 */
.txt-box{text-align: center; padding: 10% 0 0;}
.txt-box p{font-size:25px; color: #fff; margin-top: 30px; margin-bottom: 100px;}
.txt-box a{display: inline-block; line-height: 60px; padding: 0 20px; color: #fff; border: 1px solid #fff; font-size:18px; margin: 0 5px;}

.aside{max-width:1400px; margin: 0 auto; position: relative; z-index:9999999;}
.aside > div{position: absolute; right:-150px; top:130px}





#sec02{background:url('/tmpl/theme_shop_basic/img/sec02_bg.jpg');}

.instagram{text-align: center; padding: 60px 0; }
.instagram > div > p{display: inline-block; font-weight:500; background: #fff; font-size:29px; padding: 0 40px; margin: 35px 0 50px; line-height: 50px;}
.instagram ul{overflow: hidden; width: 100%; max-width:1920px; margin: 0 auto;}
.instagram ul li{float:left; width: 20%; max-height:344px; overflow: hidden;}









.obj-wrap{overflow: hidden; height: 1000px;}

.obj-box{text-align: center;  transition:all 0.6s; border: 0px solid red; background:url('/tmpl/theme_shop_basic/img/3d_bg.png');}
.obj-box.aos-animate{
    animation: fadein 2s;
    -moz-animation: fadein 2s; 
    -webkit-animation: fadein 2s; 
    -o-animation: fadein 2s;
}
@keyframes fadein {
    from {
        transform: rotateZ(40.25deg) translate(100%, 100%) scale(2.5);
    }
    to {
        transform: rotateZ(0deg) translate(0%, 0%) scale(1);
    }
}

.cube-obj h2{font-size:29px; padding: 60px 0;}
.cube-obj{position: relative; max-width:1920px; margin: 0 auto; height: 1000px; }
.cube-obj .title{ transform: skew(0deg, -23deg)  translate(0px, 110px); position: relative; z-index:99; display: inline-block; transition:all 0.3s;}
.cube-obj .title h5{font-size:21px; letter-spacing:-1px;  background: #000; color: #fff; padding: 10px; margin-bottom: 5px;}
.cube-obj .title h4{font-size:17px; letter-spacing:-0.5px;  background: #000; color: #fff; padding: 10px; }

.obj-po{position: absolute; z-index:999}
.obj-po:hover .title{ transform: skew(0deg, -23deg)  translate(0px, -10px); }

.obj-po i{display: block; position: absolute; top:0; left:0;  transform: skew(0deg, -20deg)}
.obj-po a{display: block;}


/** 장소 01 **/
.obj-po01 .object {position: relative; width: 200px; height: 200px;
background: #a5cc28; /* Old browsers */
background: -moz-linear-gradient(top,  #a5cc28 0%, #64baa3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a5cc28 0%,#64baa3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a5cc28 0%,#64baa3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5cc28', endColorstr='#64baa3',GradientType=0 ); /* IE6-9 */
transform: skew(0deg, -23deg) translateY(0px);}

.obj-po01 .object span.obj01 {display: block;width: 100px; height: 200px; background: rgb(53 139 52 / 0.8); transform: skew(0deg, 40.25deg) translate(-100px, 42px); }
.obj-po01 .object span.obj02 {display: block; width: 200px; height: 84px; background: rgb(53 139 52 / 0.7); transform: skew(49.8deg, 0deg) translate(50px, -84px); position: absolute; top: 0; left: 0;}

.obj-po01{position: absolute; left: 20%; top: 20%;}


/** 장소 02 **/
.obj-po02 .object {position: relative; width: 200px; height: 100px;

background: #21bcbc; /* Old browsers */
background: -moz-linear-gradient(top,  #21bcbc 0%, #2eadc1  100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #21bcbc 0%,#2eadc1  100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #21bcbc 0%,#2eadc1  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21bcbc', endColorstr='#2eadc1 ',GradientType=0 ); /* IE6-9 */


transform: skew(0deg, -23deg) translateY(0px) scale(0.85);}

.obj-po02 .object span.obj01 {display: block;width: 200px; height: 100px; background: rgb(34 185 194 / 0.8); transform: skew(0deg, 40.25deg) translate(-200px, 84px); }
.obj-po02 .object span.obj02 {display: block; width: 200px; height: 168px; background: rgb(34 185 194 / 0.7); transform: skew(49.8deg, 0deg) translate(100px, -168px); position: absolute; top: 0; left: 0;}

.obj-po02{ position: absolute; left: 37%; bottom: 30%;}
.obj-po02 .title h5{}

.obj-po02 .title{ transform: skew(0deg, -23deg)  translate(0px, 75px); position: relative; z-index:99; display: inline-block; transition:all 0.3s;}

.obj-po02:hover .title{ transform: skew(0deg, -23deg)  translate(0px, 5px); }

/** 장소 03 **/
.obj-po03 .object {position: relative; width: 200px; height: 70px; background: rgb(49 61 75 / 0.9); transform: skew(0deg, -23deg) translateY(0px);}
.obj-po03 .object span.obj01 {display: block;width: 100px; height: 70px; background: rgb(69 80 93 / 0.8); transform: skew(0deg, 40.25deg) translate(-100px, 42px); }
.obj-po03 .object span.obj02 {display: block; width: 200px; height: 84px; background: rgb(69 80 93 / 0.7); transform: skew(49.8deg, 0deg) translate(50px, -84px); position: absolute; top: 0; left: 0;}

.obj-po03 {position: absolute; right: 30%; top: 60%;}
.obj-po03 .title h5{}

.obj-po03 .title{ transform: skew(0deg, -23deg)  translate(3px, 63px); position: relative; z-index:99; display: inline-block; transition:all 0.3s;}
.obj-po03:hover .title{ transform: skew(0deg, -23deg)  translate(0px, 0px); }





/** 장소 04 **/
.obj-po04 .object {position: relative; width: 280px; height: 50px;

background: #3b679e; /* Old browsers */
background: -moz-linear-gradient(top,  #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
transform: skew(0deg, -23deg) translateY(0px);}

.obj-po04 .object span.obj01 {display: block;width: 100px; height: 50px; background: rgb(63 144 212 / 0.8); transform: skew(0deg, 40.25deg) translate(-100px, 42px); }
.obj-po04 .object span.obj02 {display: block; width: 280px; height: 84px; background: rgb(63 144 212 / 0.7); transform: skew(49.8deg, 0deg) translate(50px, -84px); position: absolute; top: 0; left: 0;}

.obj-po04{position: absolute;  right:45%; top:35%; transform: scaleX(-1);}

.obj-po04 .title h5{transform: scaleX(-1);}
.obj-po04 .title h4{transform: scaleX(-1);}

.obj-po04 .title{ transform: skew(0deg, -23deg)  translate(0px, 30px); position: relative; z-index:99; display: inline-block; transition:all 0.3s;}
.obj-po04:hover .title{ transform: skew(0deg, -23deg)  translate(0px, 0px); }





/** 장소 05 **/
.obj-po05 .object {position: relative; width: 200px; height: 200px;

background: #824e89; /* Old browsers */
background: -moz-linear-gradient(top,  #824e89 0%, #574982 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #824e89 0%,#574982 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #824e89 0%,#574982 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#824e89', endColorstr='#574982',GradientType=0 ); /* IE6-9 */
transform: skew(0deg, -23deg) translateY(0px);}

.obj-po05 .object span.obj01 {display: block;width: 100px; height: 200px; background: rgb(128 78 137 / 0.8); transform: skew(0deg, 40.25deg) translate(-100px, 42px); }
.obj-po05 .object span.obj02 {display: block; width: 200px; height: 84px; background: rgb(128 78 137 / 0.7); transform: skew(49.8deg, 0deg) translate(50px, -84px); position: absolute; top: 0; left: 0;}

.obj-po05{position: absolute;  right:20%; top:20%; transform: scaleX(-1);}
.obj-po05 .title h5{transform: scaleX(-1);}
.obj-po05 .title h4{transform: scaleX(-1);}




/** 장소 00 **/
.obj-po00 .object {position: relative; width: 200px; height: 200px;

background: #888; /* Old browsers */
background: -moz-linear-gradient(top,  #888 0%, #aaa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #888 0%,#aaa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #888 0%,#aaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
transform: skew(0deg, -23deg) translateY(0px);}

.obj-po00 .object span.obj01 {display: block;width: 100px; height: 200px; background: rgb(150 150 150 / 0.8); transform: skew(0deg, 40.25deg) translate(-100px, 42px); }
.obj-po00 .object span.obj02 {display: block; width: 200px; height: 84px; background: rgb(150 150 150 / 0.7); transform: skew(49.8deg, 0deg) translate(50px, -84px); position: absolute; top: 0; left: 0;}

.obj-po00{position: absolute; right: 2%;top: 10%; transform: scale(0.5);opacity: 0.3; z-index:-1;}


.obj-po001{position: absolute; left: 0%; bottom: -170%; transform: scale(0.5);}

.obj-po002 {position: absolute;left: auto;bottom: 25%; transform: scale(0.5) scaleX(-1); top: auto;right: 17%;}

.obj-po003{position: absolute;left: 45%; bottom: 10%;right: auto;transform: scale(0.4); top: auto;}
.obj-po003 .object span.obj01 {display: block;width: 200px; height: 200px; background: rgb(150 150 150 / 0.8); transform: skew(0deg, 40.25deg) translate(-200px, 82px); }
.obj-po003 .object span.obj02 {display: block; width: 200px; height: 170px; background: rgb(150 150 150 / 0.7); transform: skew(49.8deg, 0deg) translate(104px, -170px); position: absolute; top: 0; left: 0;}


.obj-po004 .object {position: relative; width: 200px; height: 100px; transform: skew(0deg, -23deg) translateY(0px) scale(0.85);}
.obj-po004 .object span.obj01 {display: block;width: 200px; height: 100px; background: rgb(150 150 150 / 0.8); transform: skew(0deg, 40.25deg) translate(-200px, 84px); }
.obj-po004 .object span.obj02 {display: block; width: 200px; height: 168px; background: rgb(150 150 150 / 0.7); transform: skew(49.8deg, 0deg) translate(100px, -168px); position: absolute; top: 0; left: 0;}
.obj-po004{ position: absolute; left: 37%; bottom: 30%;}


.obj-po005 .object {position: relative; width: 200px; height: 360px; transform: skew(0deg, -23deg) translateY(0px) scale(0.85);}
.obj-po005 .object span.obj01 {display: block;width: 200px; height: 360px; background: rgb(150 150 150 / 0.8); transform: skew(0deg, 40.25deg) translate(-200px, 84px); }
.obj-po005 .object span.obj02 {display: block; width: 200px; height: 168px; background: rgb(150 150 150 / 0.7); transform: skew(49.8deg, 0deg) translate(100px, -168px); position: absolute; top: 0; left: 0;}
.obj-po005{ position: absolute; right: 29%;  left:auto; top:10%;}


.obj-po006{position: absolute;left: 53%; bottom: 7%;right: auto;transform: scale(0.3); top: auto;}
.obj-po006 .object span.obj01 {display: block;width: 200px; height: 200px; background: rgb(150 150 150 / 0.8); transform: skew(0deg, 40.25deg) translate(-200px, 82px); }
.obj-po006 .object span.obj02 {display: block; width: 200px; height: 170px; background: rgb(150 150 150 / 0.7); transform: skew(49.8deg, 0deg) translate(104px, -170px); position: absolute; top: 0; left: 0;}



/** 장소 03 **/
.obj-po007 .object {position: relative; width: 200px; height: 70px;  transform: skew(0deg, -23deg) translateY(0px);}
.obj-po007 .object span.obj01 {display: block;width: 100px; height: 70px;  transform: skew(0deg, 40.25deg) translate(-100px, 42px); }
.obj-po007 .object span.obj02 {display: block; width: 200px; height: 84px; transform: skew(49.8deg, 0deg) translate(50px, -84px); position: absolute; top: 0; left: 0;}

.obj-po007 {position: absolute;left: 10%;top: 67%;right: auto;bottom: auto;transform: scale(1.1);}

.obj-tree{position: absolute; z-index: 999;}
.obj-tree01 {left: 27%;top: 40%; }
.obj-tree02 {right: 19%; bottom: 45%;}
.obj-tree03 {right: 23%; top: 10%;}
.obj-tree04 {left: 35%; bottom: 25%;}
.obj-tree05 {left: 47%; top: 45%;}
.obj-tree06 {right: 30%; bottom: 35%;}
.obj-tree07 {right: 12%; bottom: 55%;}














.community h2 {font-size: 29px;padding: 60px 0; text-align: center;}


.community .logo-box{background:url('/tmpl/theme_shop_basic/img/logo_box_bg.png') no-repeat; height: 835px; width: 500px; padding: 20px;}
.community .logo-box h3{border-bottom: 1px solid #333;}
.community .logo-box > div.mt330px{margin-top: 300px;}
.community .logo-box > div{margin-bottom: 20px;}

.community .logo-box > div ul{overflow: hidden; margin-top: 5px;}
.community .logo-box > div ul li{float:left; width: 25%; padding: 3px;}
.community .logo-box > div ul li a{display: block; background: #fff;  border: 1px solid #ccc; padding: 10px;}


.community{overflow: hidden;}
.community .logo-box{float:left;}
.community .bbs-box{float:right; margin-top: 40px;}

.community .bbs-box .youtube{border-radius:30px; overflow: hidden;}
.community .bbs-box .youtube iframe{width: 880px; height: 495px;}

.community .bbs-box .board > div{float:left; width: 33.33%; padding: 20px 10px 0;}
.community .bbs-box .board > div > div{height: 280px; background: #fff; border-radius:30px; line-height: 280px; text-align: center;}











.instagram ul li a{display: block; position: relative;}
.instagram ul li a > img{}

.insta-hover{text-align: left; padding: 15px; background: rgb(0 0 0 / 0.9);; position: absolute; top:100%; left:0;  color: #fff; width: 100%; height: 100%; transition:all 0.5s ease; opacity: 0;}
.instagram ul li:hover .insta-hover{top: 0%; opacity: 1;}

.insta-hover i img{width: 40px; border-radius:50%;}
.insta-hover i{display: inline-block; vertical-align: middle; margin-right: 5px;}
.insta-hover span{display: inline-block; text-align: left; vertical-align: middle;}
.insta-hover p{display: block;}
.insta-hover pre{white-space: pre-line; text-align: left; font-size:12px; border-top: 1px solid #e1e1e1; padding: 10px; margin-top: 10px; overflow-y: auto; font-weight:300; max-height:300px; }



html.active{overflow: hidden;}

.pop-wrap{display: none; transition: all 0.3s cubic-bezier(0.1, 0.2, 0.3, 1.0); transform:translateX(-100%)}
html.active .pop-wrap{display: block;  transform:translateX(0%)}

.pop-wrap{position: fixed; width: 100%; height: 100%; background: rgb(0 0 0 / 0.9); left:0; top:0; z-index: 9999; text-align: center;}
.pop-wrap button {font-size: 30px;width: 40px;height: 40px;border-radius: 100%;border: 0;line-height: 20px;position: absolute;right: 10px;top: 10px;background: #ff4747;color: #fff;}

.pop-box{padding: 20px; width: 70%; height:70%; background: #fff; margin: 0 auto; margin-top: -10%; position: relative; top:35%; overflow: hidden; overflow-y: auto;
border-top-left-radius: 30px;
border-top-right-radius: 00px;
border-bottom-right-radius: 00px;
border-bottom-left-radius: 30px;
}

.pop-con > h3 {margin-bottom: 20px; border-left: 3px solid #000; border-right: 3px solid #000; display: inline-block;padding: 0 20px;}

.tab .swiper-slide a{display: block; line-height: 40px; padding: 0 20px; border: 1px solid #ccc; font-size:15px}
.tab .swiper-slide.swiper-slide-thumb-active a{background: #e41f1f; color: #fff; border: 1px solid #e41f1f;}
.layer-con{background: #f5f5f5;}


.pop-con .swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.pop-con .swiper-slide {
  background-size: cover;
  background-position: center;
}

.pop-con .gallery-top {
  height: 80%;
  width: 100%;
}

.pop-con .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.pop-con .gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.7;
}

.pop-con .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.pop-con .swiper-slide .btn{margin: 20px 0;}
.pop-con .swiper-slide .btn a{display: inline-block; margin: 0 1px; padding: 10px 0px; width: 140px; opacity: 0.7;}
.pop-con .swiper-slide .btn a:hover{opacity: 1;}
.pop-con .swiper-slide .btn a.btn001{background: #00b100; color: #fff;}
.pop-con .swiper-slide .btn a.btn002{background: #ff5602; color: #fff;}
.pop-con .swiper-slide .btn a.btn003{background: #ff3478; color: #fff;}

.cheers-table table{width: 70%; margin: 10% auto 0; border-top: 2px solid #fb0;}
.cheers-table table th, .cheers-table table td{border-bottom: 1px solid #e1e1e1; background: #fff; padding: 30px 10px; font-size:17px}
.cheers-table table th{background: #383838; color: #fff; font-weight:400; width: 30%;}


.lineup{padding: 20px 0;}
.lineup p {width: 70%; margin: 0 auto 20px; border: 5px solid #000;}


.obj-po01 .icon{position: absolute; top: -32px; left: -60px;}
.obj-po02 .icon {position: absolute; top: -80px;left: -27px;}
.obj-po03 .icon {position: absolute; top: -120px;left: -10px;}
.obj-po04 .icon {position: absolute; top: -140px; left: 10px;}
.obj-po05 .icon {position: absolute; top: -25px;left: -90px;transform: scaleX(-1);}


#sec03{background: #fff;}


#sec04{background: #ffbb00; padding-bottom: 50px;}
#sec04 > div{max-width:1900px; margin: 0 auto; padding: 50px 0 0;}

#sec04 .ci-box{margin-left: 180px;}
#sec04 .ci-box a{border-radius:15px; background: #fff;display: block; width: 150px; height: 120px; line-height: 120px; padding: 0 10px; box-shadow: 0px 10px 10px 1px rgb(0 0 0 / 0.3); margin: 30px 0; text-align: center;}
#sec04 .ci-box a img{max-height:60px; }

#sec04 .title{text-align: center; font-size:35px; margin-bottom: 20px; font-weight:300; letter-spacing:-1px;}
#sec04 .title span{font-weight:600; font-size:43px}

.ci-logo-title{border-radius:10px; background: #444; color: #fff; display: block; width: 150px; height: 120px; line-height: 120px; padding: 0 10px;  box-shadow: 0px 10px 10px 1px rgb(0 0 0 / 0.3); position: absolute; top:30px; left:0; z-index:9999; text-align: center; font-size:23px}


.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
}



.skrollr-mobile .skrollable {
	/*
		May cause issues on Android default browser (see #331 on GitHub).
	*/
	position:absolute;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}

#sec05{background: #fb0; z-index:-2; padding: 50px 0;}
#sec05 > div{max-width:1920px; margin: 0 auto; }
#sec05 > div > a{display: block; height: 400px; overflow: hidden;}
#wrapper_background{top:-50% !important}




#sec06{background: #fb0; padding: 50px 0;}
#sec06  .bbs-box{overflow: hidden; max-width:1400px; margin: 0 auto;}
#sec06  .bbs-box > div{float:left; width: 50%;}
#sec06  .bbs-box > div h5{padding: 0 5px;}




/*
#sitemap{position:fixed; top:125px; right:0; width:100%; height:0; background:#fff; z-index:10; transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; overflow: hidden; }
*/


#sitemap{border: 0px solid red; background: rgb(0 0 0 / 70%); position: fixed; top:130px; width: 100%; height: calc(100% - 50%); right:-100%; overflow: hidden; z-index: 99999;
transition:all ease .5s; -webkit-transition:all ease .5s; -o-transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s;
}

#sitemap > ul{ overflow:hidden; margin:0 auto; padding: 50px 20px; max-width:1200px;}
#sitemap > ul > li{float:left; width:25%; padding:0 10px; text-align: center;}

#sitemap > ul > li h2{font-size:23px; color:#fff;}
#sitemap > ul > li h3{font-size:18px; color:#000; font-weight:500; margin:0 0 10px}
#sitemap > ul > li > ul > li{margin:30px 0;}
#sitemap > ul > li > ul > li > a{color:#fff; font-size:19px;  padding:7px 0; display:block;}
#sitemap > ul > li h3 > a:hover{color:#fb0;}
#sitemap > ul > li > ul > li > a:hover{color:#fb0} 
#sitemap.open{right:0;}




.navigator{border-bottom: 10px solid #f5f5f5; background: #fff;}
.navigator > div{width: 100%; max-width:1400px; margin: 0 auto; overflow: hidden;}
.navigator ul{overflow: hidden; float:right;}
.navigator ul li{float:left; }
.navigator ul li:after{display: inline-block; content:"\f105"; margin: 0 5px; color: #ccc;}
.navigator ul li:last-child:after{content:"";}
.navigator ul li a{display: inline-block; padding: 10px 5px;font-size:13px; font-weight:300; color: #999;}



.sub-tab{border-bottom: 1px solid #e9e9e9; background: #fff;}
.sub-tab > div{width: 100%; max-width:1400px; margin: 0 auto; }
.sub-tab ul{ width: 100%; display: table;}
.sub-tab ul li{display: table-cell; width: auto; text-align: center; padding: 20px 0; position: relative;}
.sub-tab ul li:last-child a{border-right: 0;}
.sub-tab ul li a{display: block; padding: 0 20px; line-height: 30px; font-size:17px; font-weight:400; color: #999; }
.sub-tab ul li a{border-right: 1px solid #ccc;}

.sub-tab li.on a{color: #111; font-weight:600;}
.sub-tab li:hover a{color: #111;}
.sub-tab li.on a span:before{width: 100%; left:0;}
.sub-tab li.on a span:after{opacity: 1; }
.sub-tab li:hover a span:before{width: 100%; left:0;}
.sub-tab li:hover a span:after{opacity: 1; }


.sub-tab a span{display: block; position: relative;}
.sub-tab a span:before{ position: absolute; bottom: -18px; left: 50%; width: 0; height: 3px; background-color: #fb0;content: "";
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}

.sub-tab a span:after{content: "";width: 17px;height: 8px;position: absolute;bottom: -16px;left: 50%; margin-left: -8.5px;
background: url(/img/arr_down.png) no-repeat ;
opacity: 0;
filter: Alpha(opacity=0);
transition: all 0.3s;
}

.sub-tab.program ul li{display: table-cell; width: 33.33%; text-align: center; padding: 20px 0;}

.sub-tab li .ssub-tab{display: none;}
.sub-tab li.on .ssub-tab {display: table;position: absolute;bottom: -40px;background: #fff;}
.sub-tab li.on .ssub-tab li{padding: 0 ; width: 50%;}
.sub-tab li.on .ssub-tab a{font-weight:400; padding: 0; color: #666; font-size: 15px;}
.sub-tab li.on .ssub-tab li.on a{color: #000;}



#sub_container{padding: 20px; background: #fff; max-width:1400px; margin: 20px auto; border: 1px solid #e1e1e1;}
#sub_container:after{content:""; display: block; clear:both; }







.typing-txt{display: none;}
  

.typing {
     display: inline-block; 
      animation-name: cursor; 
      animation-duration: 0.3s; 
      animation-iteration-count: infinite; 
	  color: #f44a0f;
    } 


@keyframes cursor{ 
  0%{border-right: 1px solid #fff} 
  50%{border-right: 1px solid #000} 
  100%{border-right: 1px solid #fff} 
}

.info01 .title{text-align: center; padding: 30px 0;}
.info01 .title h3{font-size:41px; margin-bottom: 30px; color: #000; font-weight:800}
.info01 .title p{font-size:19px; line-height: 140%; color: #333; font-weight:300; letter-spacing:-0.5px;}

.info-movie > div{margin-bottom: 50px; text-align: center;}
.info-movie > div > div{padding: 0 30px;}
.info-movie > div > div > h5{font-size:55px; font-weight:400; padding: 80px 0 50px; letter-spacing:-5px; color: #000;}
.info-movie > div > div > h5 b{font-weight:600;}
.info-movie > div > div > h6{text-align: left; font-weight:400; font-size:33px;  letter-spacing:-2px; color: #000; margin-bottom: 10px; }
.info-movie > div > div > h6:before{content:""; width: 5px; height: 30px; background: #f9c02b; display: inline-block; margin-right: 10px; vertical-align: middle; margin-bottom: 3px;}
.info-movie > div > div > h6 b{color: #f44a0f; font-weight:600}
.info-movie > div > div > pre{text-align: left; font-size:21px; color: #555; letter-spacing:-1px;}




.swiper-container.tab{}

.info02 .tab .swiper-slide {font-size: 25px;font-weight: 600;letter-spacing: -2px;}

.tab:before{content:""; display: block; height: 1px; width: 100%; background: #ccc; margin-bottom: 20px; margin-top: 20px;}
.tab .swiper-slide{text-align: center; position: relative; color: #ccc; cursor: pointer; padding-bottom: 10px; transition:all 1.0s}
.tab .swiper-slide:before{content:""; display: block; height: 15px; width: 15px; background: #ccc; margin: 0 auto; position:absolute; top:-27px; left:50%; transform:translateX(-50%); border-radius:100%; transition:all 0.3s; }

.tab .swiper-slide-thumb-active{color: #000;}
.tab .swiper-slide-thumb-active:before{background: #000;}

.tab .swiper-slide:hover{color: #000;}
.tab .swiper-slide:hover:before{background: #000; width: 30px; height: 30px; top:-37px}

.tab-con{margin: 30px 0; }
.tab-con .swiper-slide{border: 0px solid #ccc; padding: 20px; text-align: center;}







#palybtn{margin: 100px 0 30px;}
#palybtn div{width: 150px; height: 150px; line-height: 150px; background: #000; border-radius:100%; overflow: hidden; margin: 0 auto; }
#palybtn button{width:84px;height:84px;border-color:#000 #000 #000 #fff;border-style:solid solid solid solid;border-width:43px 0 43px 64px;margin-left: 40px;outline:none;transition:all 0.3s;}
#palybtn.v2 button {width: 84px;height: 84px;border-color: #000 #000 #000 #fff;border-style: solid solid solid solid;border-width: 0px 70px 0px 0px;margin-left: 40px;outline: none;}
#palybtn.v2 button:after{content:""; display: block; height: 84px; width: 14px; background: #efefef; margin-left: 30px;}

#song{outline:none; margin-top: 20px;}

.song-down{margin: 5px 0 0;}
.song-down a{
    display: inline-block;
    padding: 0px 20px;
    line-height: 40px;
    background: #333;
    color: #fff;
    border-radius: 30px;
    margin: 20px 0 0px;
}

 .content {
	 overflow: hidden;
	 flex-grow: 1;
	 height: 400px;
}
 .content .lyrics {
 	 border: 0px solid #e1e1e1;
	 padding: 20vh 0;
	 min-height: calc(100vh - 80px);
	 width: calc(100% - 0px);
	 margin: 0 0px;
	 text-align: center;
	 transition: all 0.25s;
	 position: relative;
}
 .content .lyrics > div {
	 position: relative;
	 font-size: 16px;
	 line-height: 40px;
	 color: #666;
	 transition: all 0.25s;
	 font-weight:300;
}

 .content .lyrics > div.highlighted {
	 color: #000;
	 font-size: 19px;
	 font-weight:500;

	animation-name: colorchange;
    animation-duration: 3s;
    animation-iteration-count: infinite;

}

@keyframes colorchange{ 
  0%{color:#ec662c} 
  25%{color:#000} 
  50%{color:#0069c3} 
  75%{color:#ec662c} 
  100%{color:#ec662c} 
}




.chimacfestival-movie{text-align: center;}
.chimacfestival-movie iframe{width: 100%; height: 770px;}
.chimacfestival-movie h3 {background: #ec662c;color: #fff;display: inline-block;padding: 0 20px;line-height: 50px;margin: 20px 0;border-radius: 30px;}



/*
 body .content .lyrics > div:before {
	 content: attr(note);
	 position: absolute;
	 top: 0px;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 font-size: 18px;
}
*/


div.song-txt{clear:both; float:none; text-align: center;  margin: 50px auto;}
h3.song-txt-title{background: #ec662c; color: #fff; display: inline-block; padding: 0 20px; line-height: 50px; margin: 20px 0; border-radius:30px;}
div.song-txt p{margin-bottom: 20px; position: relative; color: #333;}
div.song-txt p:after{content:""; background: #e1e1e1; height: 3px; width: 10%; margin: 30px auto 0; display: block;}
div.song-txt p span:after{content:"/"; margin: 0  10px;}
div.song-txt p span:last-child:after{content:"";}
div.song-txt u{text-decoration:none; line-height: 150%; color: #555; font-size:14px;}



#box{}

#square{
	width: 400px;
	height: 500px;
	margin: 0 auto;
	text-align: center;
	transform: rotateX(180deg);
	background-color: transparent;
	border: 0px solid #ccc;
}

.bar1{
	margin: 1%;
	padding-left: 50px;
    border-radius: 5px;
	background: #ab25bc; /* Old browsers */
	background: -moz-linear-gradient(top,  #ab25bc 0%, #fcfc00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ab25bc 0%,#fcfc00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ab25bc 0%,#fcfc00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab25bc', endColorstr='#fcfc00',GradientType=0 ); /* IE6-9 */
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
	padding-bottom: random(1, 100)px;
}

.bar2{
	margin: 1%;
	padding-left: 50px;
  border-radius: 5px;
	background-color: #ccc;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
 padding-bottom: random(1, 100) px;}


.b1{
	animation-name: b1;
}
@keyframes b1 {
	0% {padding-bottom: 10%;}
	16% {padding-bottom: 30%;}
	36% {padding-bottom: 20%;}
	52% {padding-bottom: 11%}
	68% {padding-bottom: 25%}
	68% {padding-bottom: 15%}
	84% {padding-bottom: 17%}
	100% {padding-bottom: 10%}
}


.b2{
	animation-name: b2;
}
@keyframes b2 {
	0% {padding-bottom: 20%;}
	16% {padding-bottom: 50%;}
	36% {padding-bottom: 25%;}
	52% {padding-bottom: 40%}
	68% {padding-bottom: 15%}
	68% {padding-bottom: 35%}
	84% {padding-bottom: 45%}
	100% {padding-bottom: 20%}
}
	
.b3{
	animation-name: b3;
}
@keyframes b3 {
	0% {padding-bottom: 5%;}
	16% {padding-bottom: 60%;}
	36% {padding-bottom: 40%;}
	52% {padding-bottom: 70%}
	68% {padding-bottom: 80%}
	68% {padding-bottom: 50%}
	84% {padding-bottom: 80%}
	100% {padding-bottom: 5%}
}

.b4{
	animation-name: b4;
}
@keyframes b4 {
	0% {padding-bottom: 5%;}
	16% {padding-bottom: 20%;}
	36% {padding-bottom: 10%;}
	52% {padding-bottom: 40%}
	68% {padding-bottom: 50%}
	68% {padding-bottom: 40%}
	84% {padding-bottom: 75%}
	100% {padding-bottom: 5%}
}

.b5{
	animation-name: b5;
}
@keyframes b5 {
	0% {padding-bottom: 15%;}
	16% {padding-bottom: 40%;}
	36% {padding-bottom: 25%;}
	52% {padding-bottom: 50%}
	68% {padding-bottom: 75%}
	68% {padding-bottom: 30%}
	84% {padding-bottom: 65%}
	100% {padding-bottom: 15%}
}

.b6{
	animation-name: b6;
}
@keyframes b6 {
	0% {padding-bottom: 15%;}
	16% {padding-bottom: 40%;}
	36% {padding-bottom: 25%;}
	52% {padding-bottom: 50%}
	68% {padding-bottom: 55%}
	68% {padding-bottom: 30%}
	84% {padding-bottom: 25%}
	100% {padding-bottom: 15%}
}


#equalizer{overflow: hidden;}
#equalizer > div{float:left; width: 33%; text-align: center;}



.login-box ul {overflow: hidden;}
.login-box ul li{float:left; padding: 0 10px; color: rgba(255, 255, 255, 0.9); line-height: 50px;}
.login-box ul li a{color: rgba(255, 255, 255, 0.9);}











.logo_box{background: #fff;}

.character_bg{ padding: 15px 15px 0px 0; text-align: center; }
.character_bg i{display: block; padding: 42px 0px ; background: url('/tmpl/theme_shop_basic/img/character/bg.gif');  border: 1px solid #e1e1e1; overflow: hidden;}


.logo_box .col-3{overflow: hidden;}
.logo_box .col-3 > div{float:left; width: 33.33%;}

.logo_box .col-3 > div:nth-child(3){padding-right: 0;}
.logo_box .col-2 > div:nth-child(2){padding-right: 0;}


.logo_box .col-2{overflow: hidden;}
.logo_box .col-2 > div{float:left; width: 50%;}

.logo_box u{display: block; background: #ffbb00; color: #fff; padding: 5px 10px; clear:both; text-align: center; text-decoration:none;}

/*
.up01 img{animation: up01 1s 1;}


@keyframes up01 { 
	0% {transform: translateY(100%);}
	100% {transform: translateY(0%);} 
}

.up01 img{animation: up01 1s 1;}


@keyframes up01 { 
	0% {transform: translateY(100%);}
	100% {transform: translateY(0%);} 
}
*/



.character_box{text-align: center; padding: 50px 0;}

.small-big {overflow: hidden;}
.small-big span{animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite; display: block; height: 94px; background-repeat: repeat-x;}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -352px;
  }
}


 
.a-ani-box{margin: 50px 0; background: #f5f5f5; padding: 50px ;}
.a-ani-box > h4 {font-size: 33px;letter-spacing: -1px;font-weight: 600;background: #ffbb00;display: inline-block;border-radius: 30px;padding: 0 30px;color: #000;margin-bottom: 5px;}
.a-ani-box .txt{}
.a-ani-box .txt p{margin: 15px 0; font-weight:300;}
.a-ani-box ul{display: table; width: 100%; margin: 50px 0;}
.a-ani-box ul li{display: table-cell; width: 33%; vertical-align: bottom;}


.hover-img{
    animation: hover-img 1s infinite;
    max-width: 50%;
	max-height:240px;
}

@keyframes hover-img { 
	0% {transform: skewX(10deg); }
	50% {transform: skewX(0deg);} 
	100% {transform: skewX(10deg);} 
}



.hover-img2{
    animation: hover-img2 1.5s infinite;
    max-width: 70%;
	max-height:280px;

}

@keyframes hover-img2 { 
	0% {transform: skewX(0deg); }
	25% {transform: skewY(5deg); }
	50% {transform: skewX(-10deg);} 
	75% {transform: skewY(5deg);} 
	100% {transform: skewX(0deg);} 
}



.hover-img3{
    animation: hover-img3 2s infinite;
	animation-duration:1s;
    max-width: 50%;
	max-height:240px;

}

@keyframes hover-img3 { 
	0% {transform: scale(1) }
	50% {transform: scale(0.9)} 
	75% {transform: scale(0.89)} 
	100% {transform: scale(1)} 
}

.position-wrap{border: 1px solid #ccc; padding: 50px; margin: 50px 0;}

.position-a{position: relative; height: 300px;}
.position-a .aos-animate li{position: absolute; transition:all 0.3s; float:left; width: 25%;}
.position-a .aos-animate li.ani-01{transform:translateX(0%); animation: moveCharacter01 1s 1;  }
.position-a .aos-animate li.ani-02{transform:translateX(100%); animation: moveCharacter02 1s 1;  }
.position-a .aos-animate li.ani-03{transform:translateX(200%); animation: moveCharacter03 1s 1;  }
.position-a .aos-animate li.ani-04{transform:translateX(300%); animation: moveCharacter04 1s 1;  }

.position-a li img{width: 150px;}

@keyframes moveCharacter01 { 
	0% {transform: translateX(100%); }
	100% {transform: translateX(0);} 
}

@keyframes moveCharacter02 { 
	0% {transform: translateX(100%);}
	100% {transform: translateX(100%);} 
}


@keyframes moveCharacter03 { 
	0% {transform: translateX(100%);}
	100% {transform: translateX(200%);} 
}


@keyframes moveCharacter04 { 
	0% {transform: translateX(100%);}
	100% {transform: translateX(300%);} 
}




.logo-download{text-align: center; margin: 20px 0;}
.logo-download a{display: inline-block; background: #000; color: #fff; padding: 0 20px; line-height: 40px;}




.copy-addr{margin: 30px 0; text-align: center;}
.copy-addr p{color: #999;}
.copy-addr p:after{content:""; width: 30px; height: 1px; background: #ccc; margin: 10px auto; display: block;}
.copy-addr input{border: 0;display: block; margin: 10px auto 20px; width: 100%; text-align: center; font-size:30px; font-weight:600;}
.copy-addr input:focus {outline:none;}
.copy-addr button{border: 1px solid #ccc; background: #fff; font-size:13px; padding: 0 10px; line-height: 30px;}




.map-01-txt label{display: block; font-weight:500; color: #555; text-align: center; transition:all 0.3s; font-size:33px; letter-spacing:-2px; padding: 10px 0;}
.map-01-txt span {
    display: block;
    vertical-align: middle;
    color: #111;
    transition: all 0.3s;
    font-size: 15px;
    padding: 10px;
    font-weight: 400;
    width: 300px;
    margin: 0 auto;
    background: #f5f5f5;
	height: 85px;
}

.map-01-txt ul{overflow: hidden;}
.map-01-txt ul li{padding: 25px; font-size:14px; font-weight:300; color: #666; float:left; width: 25%; text-align: center;}
.map-01-txt ul li u{display: block; text-decoration:none}
.map-01-txt ul li i {
    display: block;
    vertical-align: middle;
    width: 100px;
    height: 100px;
    line-height: 90px;
    background: #fff;
    border: 5px solid #ccc;
    color: #999;
    font-size: 40px;
    text-align: center;
    border-radius: 100%;
    transition: all 0.3s;
    margin: 0 auto;
}


.map-01-txt ul li:hover i{border-color:#555; color: #333;}
.map-01-txt ul li:hover label{color: #f44a0f;}
.map-01-txt ul li:hover span{color: #111; background: #f5f5f5; padding: 3px 10px;}


.tab-box {margin: 100px 20px 0;background: #fff; border-top: 1px solid #000;}
.tab-box section {display: none;padding: 20px 0 0; border-top: 1px solid #000;}

/*라디오버튼 숨김*/
.tab-box input {display: none;}
.tab-box label {display: inline-block;  font-weight: 300; text-align: center; line-height: 50px; vertical-align: middle; border: 0px solid red; padding-right: 20px; color: #999; font-size:19px;}
.tab-box label:before{content:""; display: inline-block; width: 1px; height: 15px; background: #ccc;vertical-align: middle; margin-right: 20px;}
.tab-box label.tab4:after{content:""; display: inline-block; width: 1px; height: 15px; background: #ccc; margin: 0 20px; vertical-align: middle;}
.tab-box label:hover {color: #000;  cursor: pointer;}

/*input 클릭시, label 스타일*/
.tab-box input:checked + label {color: #333; font-weight:600; }

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {display: block;}

.map-view{padding: 20px; border: 1px solid #e1e1e1; margin-bottom: 20px;}
.map-view i{display: block; margin: 20px 0;}
.map-view h5 {
    font-weight: 400;
    position: relative;
    margin-left: 10px;
    color: #f44a0f;
    font-size: 21px;
}

.map-view h5:before{content:""; position: absolute; left:-10px; top:6px; width: 3px; height: 15px; background: #000; }
.map-view p{color: #111; font-weight:400; font-size: 16px; margin-left: 10px;}




#noPage{text-align: center; padding: 10%;}
#noPage img{max-width:350px;}
#noPage h5{font-weight:300;}
#noPage p{color: #999;}





.summary-wrap{max-width:80%; margin: 0 auto; padding: 50px 0;}

.summary-intro.txt{text-align: center;}
.summary-intro.txt span{font-size:17px; color: #fff; font-weight:300}
.summary-intro.txt h4{font-size:55px; color: #fb0; margin: 5px 0 10px; letter-spacing:-1px;}
.summary-intro.txt p{font-size:19px; color: #cfedff; font-weight:300; line-height: 160%;}

.summary-box{text-align: center; margin: 50px 0 70px; }
.summary-box > h3{border-bottom: 3px solid #558eff; color: #fff; padding-bottom: 5px; display: inline-block; font-size:21px;}
.summary-box > ul{margin: 1%; padding: 0.5%; }
.summary-box > ul > li{display: inline-block; width: 30%; margin: 0.5%; }
.summary-box > ul > li i {display: block;border: 1px solid rgb(225 225 225 / 0);line-height: 70px;padding: 10px 0;transition: all 0.3s;background: rgb(255 255 255 / 0.85);}
.summary-box > ul > li i img {max-height: 35px;max-width: 160px;}
.summary-box > ul > li small{color: #aecaff;}

.summary-box > ul > li:hover i{border: 1px solid #ffa200;}


.program01{

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#11001e+0,001a47+70,000247+100 */
background: #11001e; /* Old browsers */
background: -moz-linear-gradient(top,  #11001e 0%, #001a47 70%, #000247 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #11001e 0%,#001a47 70%,#000247 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #11001e 0%,#001a47 70%,#000247 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11001e', endColorstr='#000247',GradientType=0 ); /* IE6-9 */

}




.sc-tab ul li{}


.sc-tab{border-bottom: 1px solid #e9e9e9; background: #fff;}
.sc-tab > div{width: 100%; max-width:1400px; margin: 0 auto; }
.sc-tab ul{overflow: hidden; width: 100%; display: table;}
.sc-tab ul li{display: table-cell; width: 16.67%; text-align: center; padding: 20px 0;}
.sc-tab ul li:last-child a{border-right: 0;}
.sc-tab ul li a{display: block; padding: 0 20px; line-height: 30px; font-size:17px; font-weight:300; color: #999; }
.sc-tab ul li a{border-right: 1px solid #ccc;}
.sc-tab ul li a i img{max-height:130px; -webkit-filter: grayscale(100%);filter: gray;}
.sc-tab ul li.on a i img{max-height:130px; -webkit-filter: grayscale(0%);filter: none;}
.sc-tab ul li:hover a i img{max-height:130px; -webkit-filter: grayscale(0%);filter: none;}

.sc-tab li.on a{color: #111; font-weight:400;}
.sc-tab li:hover a{color: #111;}
.sc-tab li.on a span:before{width: 100%; left:0;}
.sc-tab li.on a span:after{opacity: 1; }
.sc-tab li:hover a span:before{width: 100%; left:0;}
.sc-tab li:hover a span:after{opacity: 1; }


.sc-tab a span{display: block; position: relative;}
.sc-tab a span:before{ position: absolute; bottom: -18px; left: 50%; width: 0; height: 3px; background-color: #fb0;content: "";
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
}

.sc-tab a span:after{content: "";width: 17px;height: 8px;position: absolute;bottom: -16px;left: 50%; margin-left: -8.5px;
background: url(/img/arr_down.png) no-repeat ;
opacity: 0;
filter: Alpha(opacity=0);
transition: all 0.3s;
}

.date-hd{}
.date-hd > ul{display: inline-block; margin: 0 10px; vertical-align: middle;}
.date-hd > ul > li{padding: 5px; text-align: center;}


.sc-table{margin: 50px 0;}
.sc-table > h3{padding: 5px;}
.sc-table .sc-table-box{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.sc-table table{text-align: center; }
.sc-table table tr th:first-child{border-right: 1px solid #000;}
.sc-table table tr td:first-child{border-right: 1px solid #000; background: #f5f5f5;}
.sc-table table th{border: 1px solid #e1e1e1; width: 18%; padding: 10px 0; border-bottom: 1px solid #000;}
.sc-table table th:nth-child(1){width: 10%;}
.sc-table table td{border: 1px solid #e1e1e1; padding: 10px 0; position: relative; height: 60px; border-bottom: 0; transition:all 0.3s;}
.sc-table table td small{display: block; color: #999;}
.sc-table table td i{position: absolute; top:0; width: 100%; left: 0; background: #000; color: #fff; font-size:11px; font-style:normal;}
.sc-table table td i.bottom{bottom: 0; top:auto}
.sc-table table td.highlight {background: #fff3f3;color: #ff0000;}
.sc-table table td:hover{background: #ffd400; color: #000;}
.sc-table table td:hover small{color: #fff;}

.sc-lineup{margin: 50px 0; border-top: 1px solid #000;}
.sc-lineup > h3{padding: 5px;}
.sc-lineup > div ul{overflow: hidden;}
.sc-lineup > div ul li{width: 25%; float:left}
.sc-lineup > div ul li:nth-child(4n+1){clear:both;}

.sc-lineup.live > div ul li{width: 20%; float:left}
.sc-lineup.live > div ul li:nth-child(4n+1){clear:unset;}
.sc-lineup.live > div ul li:nth-child(5n+1){clear:both;}

.sc-notice{margin: 50px 0 0px; border: 0px solid red; text-align: center;}
.sc-notice > div{ padding: 20px;}
.sc-notice > div h5{font-size:30px; letter-spacing:-1px; color: #fb0; background: #000; display: inline-block; padding: 0 10px; line-height: 50px;}
.sc-notice > div p{font-size:19px; color: #666; padding: 5px 0;}
.sc-notice > div p b{display: block; color: #000; font-size:29px}
.sc-notice > div i{display: inline-block; line-height: normal; padding: 10px 20px; background: #ff760a; color: #fff; border-radius:3px; font-style:normal; margin: 20px 0;}
.sc-notice > div u{display: block; text-decoration:none; color: #777; font-size:15px; min-height: 40px;}
.sc-notice > div u b{color: #000;}

.gallery-club{margin-top: 50px;}




.hd-wrap{}
.hd-box-absolute {position: absolute;width: 100%;z-index: 99;height: 100%; background: rgb(0 0 0 / 0.7);}

.sub-hd-wrap .hd-box-absolute{height: 400px;}
.sub-hd-wrap .main-movie-bg{height: 400px; position: relative; overflow: hidden;}

.main-movie-bg{width: 100%; height: 1000px;}


.swiper-container .sc-table{max-width:85%; margin: 50px auto; background: #fff;}



.story-chicken{background: #fbf5e5;}






		.videoWrapper {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		}

		@media (min-aspect-ratio: 16/9) {
		.videoWrapper {
		height: 300%;
		top: -100%;
		}
		}

		@media (max-aspect-ratio: 16/9) {
		.videoWrapper {
		width: 300%;
		left: -100%;
		}
		}

		.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		}







.font-style01{font-size: 45px;font-weight: 600;color: #fc671a;letter-spacing:-2px}
.font-style01 span{font-weight:400;color: #111;}
.font-style02{font-size:33px; font-weight:400; display: block; margin-bottom: 20px; color: #111;}
.font-style02 b{color: #000;  font-weight:600; }
.font-style03{font-size: 21px;color: #555;letter-spacing: -1px; font-weight:400 !important;}
hr.split {width: 100px;height: 10px;display: block;margin: 30px auto;background: #fb0;border: 0;}





.history-con{display: table; width: 100%; text-align: left;}
.history-con:after{display: block; content:""; clear:both; }
.history-con > div{display: table-cell; vertical-align: top; position: relative;}
.history-con .poster{width: 40%;}
.history-con .txt{width: 60%; padding: 20px;}
.history-con .txt h4 span{font-size:17px; color: #999; font-weight:300; display: block; letter-spacing:3px}
.history-con .txt h4{font-size:35px; margin: 0px 0 10px; letter-spacing:-1px; margin-left: 60px; font-weight:800; color: #000;}
.history-con .txt p{font-size:15px; color: #666; font-weight:300; line-height: 160%;}
.history-con .txt i{background: #fb0; border-radius:50%; color: #fff; display: inline-block; text-align: center;}
.history-con .txt > div{border-bottom: 1px solid #e1e1e1; padding-bottom: 50px; margin-bottom: 50px;}
.history-con .txt table{}
.history-con .txt table th, .history-con .txt table td{font-size:15px; padding: 10px 20px; vertical-align: top; color: #333;}
.history-con .txt table th{font-weight:400; text-align: left; width: 15%;}
.history-con .txt table td u{display: inline-block; margin-right: 5px; position: relative; text-decoration:none; color: #333; margin-bottom: 10px;}
.history-con .txt table td u:after{content:""; position: absolute; background: rgb(255 202 55 / 0.4); width: 100%; height: 3px; bottom: 2px; left:0}


.history-con .txt .number{position: absolute; left:20px; top:20px; font-style:normal; width: 50px; height: 50px; line-height: 47px;}
.history-con .txt .number b{font-size:30px; font-weight:700}

.history-con .txt .date-box{padding-left: 60px;}
.history-con .txt .date-box span{display: block;}
.history-con .txt .date-box .date{color: #fabe2a; font-size:23px; font-weight:300; letter-spacing: -1px;}
.history-con .txt .date-box .date b{font-weight:600;}

.history-con .txt .date-box .comment{color: #000; background: #fabe2a; padding: 3px 5px; margin-top: 10px; font-size:23px; font-weight:300; letter-spacing: -1px; display: inline-block;}
.history-con .txt .date-box .comment b{font-weight:600;}


.pictogram{padding: 20px 0;}
.pictogram > ul{overflow: hidden;}
.pictogram > ul > li{float:left; width: 20%; text-align: center;}
/*
.pictogram > ul > li > div .icon{width: 75px; height: 75px; line-height: 65px; background: #fff; border: 1px solid #e1e1e1; border-radius:50%; margin: 0 auto;}
*/
.pictogram > ul > li > div img{max-height:60px;}
.pictogram > ul > li > div h5{font-size:17px; letter-spacing:-1px; padding: 5px 0;}

.pictogram > ul > li > div span{display: block;}
.pictogram > ul > li > div span b{color: #000; font-weight:800; font-size:30px}

.pictogram > ul.pic-first > li{width: 50%;padding: 5px;}
.pictogram > ul.pic-first > li > div{display: table; width: 100%; padding: 15px;  border: 1px solid #e1e1e1; border-radius:10px;}
.pictogram > ul.pic-first > li > div > div{display: table-cell; vertical-align: middle; text-align: left;}
.pictogram > ul.pic-first > li > div > div:first-child{width: 100px; text-align: center; padding-right: 15px;}
.pictogram > ul.pic-first > li > div h5{font-size:17px; letter-spacing:-1px; padding: 0px 0 10px;}
.pictogram > ul.pic-first > li:last-child small{color: #fff;}


.pictogram > ul.pic-sec > li{width: 33.33%;padding: 10px;}
.pictogram > ul.pic-sec > li > div{display: table; width: 100%; padding: 15px;  border: 1px solid #e1e1e1; border-radius:10px;}
.pictogram > ul.pic-sec > li > div > div{display: table-cell; vertical-align: middle; text-align: left;}
.pictogram > ul.pic-sec > li > div > div:first-child{width: 100px; text-align: center; padding-right: 15px;}
.pictogram > ul.pic-sec > li > div h5{font-size:17px; letter-spacing:-1px; padding: 0px 0 10px;}
.pictogram > ul.pic-sec > li:last-child small{color: #fff;}







.event-box{position: relative;  background: #f5f5f5; padding: 20px 10px; text-align: center; margin-bottom: 20px;}
.ebox-wrap{height: 500px; position: relative;}
.event-box > h4{ font-size:30px; margin-bottom: 5px;}
.event-box > h5{display: inline-block;background: #000;border-radius: 30px;padding: 0 10px;line-height: 30px;text-align: center;color: #fff;margin-bottom: 10px;
animation: rotate-ani03 1.5s; transform: scale(1) rotate(1080deg);}
.event-box > p{margin-top: 10px; color: #888;}
.ebox{display: block; position: absolute; left:0; top:0; text-align: center; width: 100%;}

.event01 {animation: rotate-ani01 1s; transform: scale(1) rotate(1080deg);}
.event02 {animation: rotate-ani02 1.2s; transform: scale(1) rotate(1080deg);}
.event03 {animation: rotate-ani03 1.5s; transform: scale(1) rotate(1080deg); z-index:9999;}
.event04 {animation: rotate-ani04 1.2s; transform: scale(1) rotate(1080deg);}
.event05 {animation: rotate-ani05 1s; transform: scale(1) rotate(1080deg);}



@keyframes rotate-ani01 {
  0% {
    transform: scale(0)  rotate(0deg); left:-100%;
  }
  70% {
    transform: scale(1) rotate(1100deg);
  }
  80% {
    transform: scale(1) rotate(1100deg);
  }
  100% {

    transform: scale(1) rotate(1080deg); left:0; 
  }
}

@keyframes rotate-ani02 {
  0% {
    transform: scale(0)  rotate(0deg); left:-100%; top:-150%;
  }
  70% {
    transform: scale(1) rotate(1100deg);
  }
  80% {
    transform: scale(1) rotate(1100deg);
  }
  100% {

    transform: scale(1) rotate(1080deg);
  }
}
@keyframes rotate-ani03 {
  0% {
    transform: scale(0)  rotate(0deg);  top:-100%;
  }
  70% {
    transform: scale(1) rotate(1100deg);
  }
  80% {
    transform: scale(1) rotate(1100deg);
  }
  100% {
    transform: scale(1) rotate(1080deg); top:0; z-index:9999;
  }
}
@keyframes rotate-ani04 {
  0% {
    transform: scale(0)  rotate(0deg);  right:-100%; top:-150%;
  }
  70% {
    transform: scale(1) rotate(1100deg);
  }
  80% {
    transform: scale(1) rotate(1100deg);
  }
  100% {

    transform: scale(1) rotate(1080deg);  right:0; top:0;
  }
}
@keyframes rotate-ani05 {
  0% {
    transform: scale(0)  rotate(0deg);  right:-100%; 
  }
  70% {
    transform: scale(1) rotate(1100deg);
  }
  80% {
    transform: scale(1) rotate(1100deg);
  }
  100% {

    transform: scale(1) rotate(1080deg); right:0; 
  }
}
.address-add-box{border-top: 1px solid #e1e1e1; margin: 10px 0 0; padding: 10px 0 0; overflow: hidden; clear:both;}
.address-add-box p{color: #000; padding: 5px 0;}
.address-add-box button{border: 0; line-height: 30px; padding: 0 20px; background: #000; color: #fff;}
.check-address span{display: inline-block; margin: 5px;}


/* 등록폼*/

input::placeholder {color: #aaa; font-weight:300;}
textarea::placeholder {color: #aaa; font-weight:300;}

.write-form {font-size:17px; max-width:450px; margin: 0 auto;}
.write-form input[type="text"]{height: 50px; border: 1px solid #e1e1e1; width: 100%; padding: 0 10px;}
.write-form select{height: 50px; border: 1px solid #e1e1e1; width: 100%; padding: 0 10px;}
.write-form textarea{height: 150px; border: 1px solid #e1e1e1; width: 100%; padding: 10px;}
.write-form input[type="file"]{line-height: 50px; border: 1px solid #e1e1e1; width: 100%; padding: 0 10px; font-size:13px;}



.write-form > ul {margin: 20px 0; overflow: hidden;}
.write-form > ul > li{margin-bottom: 10px;}

.write-form .col-2{overflow: hidden;}
.write-form .col-2 > span{float:left; width: 50%; padding: 0 5px;}
.write-form .col-2 > span:nth-child(1){padding-left: 0;}
.write-form .col-2 > span:nth-child(2){padding-right: 0;}

.write-form .address{text-align: left;}
.write-form .address ul li:nth-child(1) input{width: 100px;}
.write-form .address ul li:nth-child(1) button{height: 50px; border: 0; background: #004a9a; color: #fff; text-align: center; padding: 0 20px;}
.write-form .address > ul > li{margin-bottom: 10px;}


.write-form .step-box{}
.write-form .step-box > ul{text-align: center; background: #f5f5f5; padding: 10px ;}
.write-form .step-box > ul > li{display: inline-block; font-size:14px; margin: 5px 10px;}

.write-form .file-add-box  small{font-size:13px; color: #888; padding: 5px;}
.write-form .file-add-box > li{position: relative;}
.write-form .file-add-box > li > i{position: absolute; top:1px; right:1px; display: block; width: 50px; line-height: 50px; text-align: center; background: #f5f5f5; border-left: 1px solid #e1e1e1; font-size:11px; font-weight:300;}
.write-form .file-add-box > li > i.del{right:50px; border-right: 1px solid #e1e1e1;}

.write-form .toggle-btn{background: #f5f5f5; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; overflow: hidden; padding: 10px;}
.write-form .toggle-btn > span{float:left; color: #888;}
.write-form .toggle-btn > p{float:right}

.write-form .write-btn{text-align: center; margin-bottom: 30px;}
.write-form .write-btn a{display: inline-block; line-height: 50px; padding: 0 40px; color: #fff; background: #888; margin: 0 3px;}
.write-form .write-btn a.submit{background: #000;}

.event-end{}
.event-end > span{display: inline-block; padding: 0 10px; line-height: 30px; background: #fff; border-radius:5px;}



#lang{position: relative;}
.lang-btn-box{position: relative;}
.lang-btn-box a{display: block; color: #fff;}
.lang-btn-box b.selected-lang{line-height: 43px; display: block; border: 1px solid #fff; width: 105px; text-align: center; font-size:17px; color: #fff;}
.lang-btn-box b.selected-lang span{display: inline-block; margin-right: 7px;}
.lang-btn-box b.selected-lang i{font-size:15px; position: relative; top:-2px; font-weight:300;}
.lang-btn-box #flags{position: absolute; background: #000; width: 100%; text-align: center; padding: 5px 0; border: 1px solid #fff; border-top: 0;}
.lang-btn-box #flags a{line-height: 30px;}









.vote_wrap{padding: 50px; text-align: center;}

.vote_wrap .question{border: 1px solid #e1e1e1; margin-bottom: 30px; border-radius:30px; padding: 30px;}
.vote_wrap .question h2{padding: 30px 0; font-weight: 500; font-size: 25px; letter-spacing: -1px; color: #222;}
.vote_wrap .question ul{display: flex; justify-content: space-evenly;
    max-width: 80%;
    margin: 0 auto;
}
.vote_wrap .question ul li{}
.vote_wrap .question ul li input[type="radio"]{}







.vote_wrap.radio input[type=radio]+ label:before{ width: 70px; height: 70px; border-radius:50%; border: 3px solid #e1e1e1; margin-top: -3px;}
.vote_wrap.radio input[type=radio]:checked + label:before { line-height: 65px;color: #fff; background: #0c3956;  font-size: 30px;}
.vote_wrap.radio .question li{display: grid; align-items: center;}
.vote_wrap.radio .question li:nth-child(1) input[type=radio]+ label:before{ width: 70px; height: 70px; border-color:#fb0;}
.vote_wrap.radio .question li:nth-child(2) input[type=radio]+ label:before{ width: 50px; height: 50px; border-color:#fb0; line-height: 45px; font-size: 25px;}
.vote_wrap.radio .question li:nth-child(3) input[type=radio]+ label:before{ width: 30px; height: 30px; line-height: 22px; font-size: 17px;}
.vote_wrap.radio .question li:nth-child(4) input[type=radio]+ label:before{ width: 50px; height: 50px; border-color:#8bc34a; line-height: 45px; font-size: 25px;}
.vote_wrap.radio .question li:nth-child(5) input[type=radio]+ label:before{ width: 70px; height: 70px; border-color:#8bc34a;}


.vote_wrap.radio .question li:nth-child(1) input[type=radio]:checked + label:before{background:#fb0 ;}
.vote_wrap.radio .question li:nth-child(2) input[type=radio]:checked + label:before{background:#fb0 ;}
.vote_wrap.radio .question li:nth-child(3) input[type=radio]:checked + label:before{background:#e1e1e1 ;}
.vote_wrap.radio .question li:nth-child(4) input[type=radio]:checked + label:before{background:#8bc34a ;}
.vote_wrap.radio .question li:nth-child(5) input[type=radio]:checked + label:before{background:#8bc34a ;}



.vote_wrap.radio .question > div{position: relative;}
.vote_wrap.radio .question > div > span{position: absolute; top:50%; transform:translateY(-50%); font-size: 17px;}
.vote_wrap.radio .question > div > span.agree01{left:5%; color: #fb0;}
.vote_wrap.radio .question > div > span.agree02{right:5%; color: #8bc34a;}

.cmti > div ul{}

.cmti h2{font-size: 21px;}

.vote_wrap .form_info{width: 100%; margin: 0 auto; text-align: left; padding: 5%;}
.vote_wrap .form_info .title{border-bottom: 1px solid #999;}

.vote_wrap .form_info h2{font-weight: 400; font-size: 15px;}
.vote_wrap .form_info p{color: #888;  font-size: 12px; margin-bottom: 10px; }
.vote_wrap .form_info input[type="text"]{ width: 100%; height: 45px; border: 0px solid #ccc; border-bottom: 1px solid #e1e1e1; padding: 0 5px; transition:all 0.3s; font-size: 14px;}
.vote_wrap .form_info input:focus {outline:none; border-bottom: 1px solid #000;}
.vote_wrap .form_info ul{}

.vote_wrap .form_info li{margin: 10px 0;}

.vote_wrap .form_info .form_btn{margin-top: 10px;}
.vote_wrap .form_info .form_btn button{width: 200px; background: #000; color: #fff; line-height: 45px; text-align: center; border: 0;}
.vote_wrap .form_info .checkbox{margin-top: 30px;}
.vote_wrap .form_info .checkbox label{display: inline-block; vertical-align: middle; }


.result-user-box{text-align: center; }
.vote-resulte-wrap{background: #fff;}
.vote-resulte-wrap ul{display: flex; border-bottom: 1px solid #e1e1e1; padding: 20px 0;}
.vote-resulte-wrap ul li{border: 1px solid #e1e1e1; margin: 0 5px; width: 10%; text-align: center; padding: 10px;}
nav.myPage ul{display: flex;}


.result-box > div{width: 100%; height: 400px; position: relative; text-align: center;}
.result-box .re-box{ position: absolute; right:15%; top:10%}
.result-box .re-box > span{color: #999; font-size: 15px; display: block; margin: 10px 0;}
.result-box > div p{ letter-spacing: -1px;}
.result-box > div p u{display: block; text-decoration:none;  font-size:24px; font-weight: 600; color: #ffbe48;}
.result-box > div p span{font-size: 60px; font-weight: 800; margin-top: -10px; display: block;}
.result-box i{font-style:normal; display: block; padding: 10px 20px; background: #000; color: #fff; border-radius:30px; font-size: 15px; margin-top: 25px;}
.result01{background: url('/vote/vote_result01.jpg'); }
.result02{background: url('/vote/vote_result02.jpg'); }
.result03{background: url('/vote/vote_result03.jpg'); }
.result04{background: url('/vote/vote_result04.jpg'); }
.result05{background: url('/vote/vote_result05.jpg'); }
.result06{background: url('/vote/vote_result06.jpg'); }





/*2022*/

hr{border: 0; margin: 0; padding: 0;}
hr.h50{display: block; height: 50px; }
.sc-notice-flex{display: flex;     flex-wrap: wrap;}
.sc-notice-flex .sc-notice{width: 33%;}
.sc-notice-flex.col-2 .sc-notice{width: 50%;}
.sc-notice > div h5{display: block; font-size: 24px;}
.pop-con .sc-notice > div h5{display: block; font-size: 19px;}

.map-box{text-align: center; border: 1px solid #ffde00; background: #ffde00;}


.sc-table{display: none;}
.sc-lineup{display: none;}




.ticket-link { text-align: center; background: #fc522f;}
.ticket-link .wrap{display: flex; align-items: center; justify-content: space-between; width: 100%; max-width:1440px; margin: 0 auto;}
.ticket-link .wrap > div{position: relative;}

.ticket-link i {position: absolute;display: block;bottom: -40px;right: 10px;}
.ticket-link h5{font-size: 30px; color: #fff; font-weight: 600; letter-spacing: -1px;}
.ticket-link h5 b{color: #fede19; font-weight: 600;}
.ticket-link a{display: inline-block; border-radius:30px; line-height: 40px; padding: 0 25px; font-size: 19px; margin-left: 10px;}
.ticket-link a.t-book{background: #000; color: #ffbb00; }
.ticket-link a.t-detail{background: #ffbb00; color: #000; }





.sponsor-wrap{max-width:80%; margin: 0 auto; padding: 50px 0;}

.sponsor-box{text-align: center; margin: 50px 0 70px; }
.sponsor-box > h3{border-bottom: 3px solid #ffbb00; color: #333; padding-bottom: 5px; display: inline-block; font-size:21px;}
.sponsor-box > ul{margin: 1%; padding: 0.5%; }
.sponsor-box > ul > li{display: inline-block; width: 30%; margin: 0.5%; margin-bottom: 30px;}
.sponsor-box > ul > li i {display: block;border: 1px solid rgb(0 0 0 / 0.1);line-height: 70px;padding: 10px 0;transition: all 0.3s;background: rgb(255 255 255 / 0.85);}
.sponsor-box > ul > li i img {max-height: 35px;max-width: 160px;}
.sponsor-box > ul > li small{color: #999;}

.sponsor-box > ul > li:hover i{border: 1px solid #ffa200;}


.sponsor{}


#sec05 > div.movie-wrap{overflow: hidden;max-width: 1400px;margin: 0 auto; display: flex; column-gap: 20px;}
#sec05 > div.movie-wrap > div{width: 50%;}

#sec05 > div.movie-wrap .chimacfestival-movie iframe{height: 380px;}


.sub-page.map-box{display: none;}









#sub_container{position: relative;}
.blank-box{position: absolute; width: 100%; left:0; top: 0; height: 100%; background: rgb(0 0 0 / 70%);     backdrop-filter: blur(2px); z-index: 99999; display: grid; text-align: center;}
.blank-box p{color: #fff; padding: 150px 0; font-size: 25px;}