#wrapper {position:relative; width:100%; height:auto; min-height:100%; -webkit-overflow-scrolling:touch; }
#wrapper header {position:fixed; top:0; left:0; width:100%;  z-index:101;transform:translateY(0%); transition: all .3s; }
#wrapper header.hid {transform:translateY(-100%);}
#wrapper header.open { }
#wrapper header .hd_bg {position:absolute; top: 0; left: 0; right:0; width:calc(100% - 50px); height: 100%; margin:auto; transform:skewX(var(--skew_default)); border-radius:0 0 10px 10px; background:url(/images/top_bg_pt.jpg) no-repeat; background-position:center center !important; background-size:cover !important; z-index: 2; transition:all .5s; }
#wrapper header .hd_bg:after {content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.3);border-radius:0 0 10px 10px;}
/*
#wrapper header .hd_bg.b_1 { background-color: red !important; }
#wrapper header .hd_bg.b_2 { background-color: brown !important; }
#wrapper header .hd_bg.b_3 { background-color: #693e3e !important; }
#wrapper header .hd_bg.b_4 { background-color: #3576a1 !important; }
#wrapper header .hd_bg.b_5 { background-color: orange !important; }
*/
#wrapper header .hd_wrp {position:relative; margin-top:0;}
#wrapper header .top_pos {position:relative; max-width:var(--default_wd_b); width:100%; height:var(--default_nav); left:0; right:0; margin:auto; font-size:0; z-index: 3; transition:all .3s;}
/*#wrapper header .top_pos:hover {height:300px;}*/
#wrapper header .top_pos.open {height:250px;}
#wrapper header .top_pos .logo {position: absolute; left: 25px; top:0; width: var(--top_lpad); height: 100%; font-size:0; z-index: 1; }
#wrapper header .top_pos .logo .xy {position: relative; margin-top:35px; height:60px; background:url(/images/dc_logo_w.png) no-repeat; background-size:auto 100%; background-position:center left; cursor:pointer;}
#wrapper header .top_pos .logo img {width:120px;}
#wrapper header .top_pos .logo .festival_day {position: absolute; top:75px; left:110px; white-space:nowrap;}
#wrapper header .top_pos .logo .festival_day year {position: absolute; top:-60px; right:0;font-size:11px; color:#fff; }
#wrapper header .top_pos .logo .festival_day start,
#wrapper header .top_pos .logo .festival_day end {display:inline-block; vertical-align:middle; font-size:8px; font-weight:100; color:#fff; line-height:130%; text-align:center; letter-spacing:0.1em;}
#wrapper header .top_pos .logo .festival_day start {}
#wrapper header .top_pos .logo .festival_day start:after {content:"-"; color:#fff; opacity:0.85;}
#wrapper header .top_pos .logo .festival_day end {}
#wrapper header .top_pos .menu {display:inline-block; width:calc(100% - calc(var(--top_lpad) + 140px)); margin-left:var(--top_lpad); height: 100%; transition:all .3s; padding:0; border: 0px solid red;}
#wrapper header .top_pos .icon_set {position: absolute;top: 0; right: 0; font-size:0; white-space:nowrap;}
#wrapper header .top_pos .icon_set > i {display:inline-block; vertical-align:middle; width:var(--default_nav); height: var(--default_nav); line-height: var(--default_nav); text-align: center; font-size: 25px; color: #fff; cursor:pointer;}
#wrapper header .etc_box {height:var(--bg_sub_notice_h_s);  border-bottom:0px solid #eee; position:relative; margin:0 0 35px 0; z-index:2;}
#wrapper header .etc_box:after {content:""; position:absolute; top:0; left:0; width:50%; height:var(--bg_sub_notice_h_s); background:var(--top_rst_bg); display:none;}
#wrapper header .etc_box .eb_pos {position:absolute; top:0; left:0; right:0; margin:auto; z-index:2; max-width:var(--default_wd_b); width:calc(100% - 50px); height:100%; padding:0; font-size:0; text-align:left;}
#wrapper header .etc_box .eb_pos .sp_sec {position:relative; display:inline-block; vertical-align:top; height:100%; font-size:0;}
#wrapper header .etc_box .eb_pos .sp_sec.s1,
#wrapper header .etc_box .eb_pos .sp_sec.s2,
#wrapper header .etc_box .eb_pos .sp_sec.s3 {height: var(--bg_sub_notice_h_s);}
#wrapper header .etc_box .eb_pos .sp_sec.s1 {width:255px; margin-right:var(--top_rst_pad); padding: 0 0 0 0px; border:1px solidred;}
#wrapper header .etc_box .eb_pos .sp_sec.s2 {width:calc(calc(100% - calc(255px + var(--top_rst_pad))) - calc(var(--top_rst_pwd) + var(--top_rst_pad))); margin-right:var(--top_rst_pad); padding: 0 0 0 25px; }
#wrapper header .etc_box .eb_pos .sp_sec.s3 {width:var(--top_rst_pwd); color:#fff; font-size:15px;}
#wrapper header .etc_box .eb_pos .sp_sec.s1:after,
#wrapper header .etc_box .eb_pos .sp_sec.s2:after,
#wrapper header .etc_box .eb_pos .sp_sec.s3:after {content:""; position:absolute; top:0; left:0; width:100%; height: 100%; transform:skewX(var(--skew_default)); border-radius:7px; z-index:-1;}
#wrapper header .etc_box .eb_pos .sp_sec.s1:after {background:rgba(0,0,0,0.0);}
#wrapper header .etc_box .eb_pos .sp_sec.s2:after {background:rgba(0,0,0,0.4);}
#wrapper header .etc_box .eb_pos .sp_sec.s3:after {background:rgba(0,59,108,0.3);}
/*
#wrapper header .etc_box .eb_pos .sp_sec.s2:before {content:""; position:absolute; top:0; right:-42px; width:42px; height:100%; background:var(--top_rst_bg) url(/images/rad_top.png) no-repeat; background-position:bottom left;}
#wrapper header .etc_box .eb_pos .sp_sec.s2:before {content:""; position:absolute; top:0; right:-40px; border-left:40px solid var(--top_rst_bg); border-bottom:70px solid transparent;}
*/
#wrapper header .etc_box .eb_pos .sp_sec h2,
#wrapper header .etc_box .eb_pos .sp_sec .call_con {position:relative; display:inline-block; vertical-align:middle;}
#wrapper header .etc_box .eb_pos .sp_sec h2 {position: absolute; color:#fff; font-size:10px; font-weight:400;}
#wrapper header .etc_box .eb_pos .sp_sec .call_con {width:100%; padding-left:20px;}
#wrapper header .etc_box .eb_pos .sp_sec .call_con:before {content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 35px; border-left: 1px dashed rgba(255,255,255,0.15);}
#wrapper header .etc_box .eb_pos .sp_sec.s1 h2 {top: 50%; left: 0; }
#wrapper header .etc_box .eb_pos .sp_sec.s2 h2 {top: 50%; left: 25px; background: #39006b; color: rgba(255,255,255,0.8); padding:1px 8px; border-radius: 30px; transform: translateY(-50%);}
#wrapper header .etc_box .eb_pos .sp_sec count {position: absolute; top: 50%; right: 50px; transform: translateY(-50%); font-size:11px; color:#eee;;}
#wrapper header .etc_box .eb_pos .sp_sec count point {color:orange;}
#wrapper header .etc_box .latest_aca_list {position: relative;height: var(--bg_sub_notice_h_s); overflow: hidden;}
#wrapper header .etc_box .latest_aca_list ul.real_study {position: absolute;top: 0;left: 0;right: 0; width: calc(100% - 160px);}
#wrapper header .etc_box .latest_aca_list ul.real_study li {height: 60px;font-size: 0; text-align: left; width: 100%;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
#wrapper header .etc_box .latest_aca_list ul.real_study li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
#wrapper header .etc_box .latest_aca_list ul.real_study li h4,
#wrapper header .etc_box .latest_aca_list ul.real_study li when {display: inline-block; vertical-align: middle; height: 60px;line-height: 60px;}
#wrapper header .etc_box .latest_aca_list ul.real_study li h4 {font-size: 12px; color: #0bf; font-weight: 500;}
#wrapper header .etc_box .latest_aca_list ul.real_study li when {font-size: 11px; color: #ddd; font-weight: 300;}
#wrapper header .count_day {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); }
#wrapper header .count_day .dday {position:relative; font-size:0;padding-left:50px;transform: skewX(var(--skew_default));}
#wrapper header .count_day .dday:before {content:"D -"; position:absolute; left:28px;top:calc(50% + 1px); transform:translateY(-50%); color:#fff; font-size:12px; line-height:100%; font-weight: 100; opacity:0.5;}
/*
#wrapper header .count_day .dday:before {content:"\ea1f"; position:absolute; left:25px;top:50%; transform:translateY(-50%); color:#fff; font-size:18px; line-height:100%; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased;}
#wrapper header .count_day .dday:before,
#wrapper header .count_day .dday:after {content:""; position:absolute; left:25px;}
#wrapper header .count_day .dday:before {content:"댄싱카니발"; top:-30px; background:red; color:#fff; font-size:11px; line-height:100%; padding:3px; border-radius:3px;}
#wrapper header .count_day .dday:after {border-top:7px solid red; border-right:5px solid transparent; top:-14px; left:30px;}
*/
#wrapper header .count_day .dday span,
#wrapper header .count_day .dday em,
#wrapper header .count_day .dday .day_info {display:inline-block; vertical-align:middle; position:relative; font-style:normal;}
#wrapper header .count_day .dday span {font-size:14px;  font-weight:100; display:none;}
#wrapper header .count_day .dday em {font-size:14px; font-weight:600; color:#55feff;}
#wrapper header .count_day .dday em:after {content:" 일 남음"; font-size:13px; font-weight:500; color:#eee;}
#wrapper header .count_day .dday .day_info {font-size:9px; font-weight:500; padding:3px 0 0 0px; color:rgba(255,255,255,0.6); line-height:100%; display:none;}
#wrapper header .count_day .dday .day_info week {}
#wrapper header .count_day .dday .day_info week:after {content:"요일";}
#wrapper header .count_day .dday .day_info:before {content:"\eac2"; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; color:#fff; vertical-align:middle; padding-right:3px; font-size:13px; display:none;}
#wrapper header .count_day .tg_year {position:absolute; left:50px;top:-30px; background:red; color:#fff; font-size:11px; line-height:100%; padding:3px; border-radius:3px;}
#wrapper header .count_day .tg_year:after {content:""; position:absolute; bottom:-5px; left:5px;border-top:7px solid red; border-right:5px solid transparent; }
#wrapper header .now_festival {position:relative; font-size:0;font-size:13px; text-align:left; padding-left:25px; }
#wrapper header .now_festival.ready {color:orange; display:none;}
#wrapper header .now_festival.ing {color:#6de3ff;}
#wrapper header .now_festival.pass {color:#99acb5; }
#wrapper header .now_festival.unknown {color:#99acb5; }

#wrapper header .now_festival.ing:after,
#wrapper header .now_festival.pass:after,
#wrapper header .now_festival.unknown:after {content:""; position:absolute; top:50%;right:0; width:100%; height:80px; transform: translateY(-50%); background: url(/images/tebi_01.png) no-repeat; background-size: auto 100%; background-position: center right;}


#wrapper header .tebi_icon {position:absolute; bottom:-15px; right:20px; display:none;}
#wrapper header .tebi_icon img {height:70px;}
#wrapper header .pa_wd {position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-width:calc(var(--default_wd)/2); width:100%;}
#wrapper header .pa_wd .lastest {position:relative; padding-right:70px;}
#wrapper header .pa_wd .kakao {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width:30px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
#wrapper header .pa_wd .kakao:after {content:""; display:block; padding-top:100%;}
#wrapper header .pa_wd .kakao i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:22px; color:#000;}
#wrapper header .pa_wd .kakao span {display:inline-block; vertical-align:middle; font-size:12px; color:#333; padding-left:10px; display:none;}
#wrapper header .pa_wd .kakao_channel a {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid red; opacity:0;}
#wrapper header .pa_wd .kakao_channel a img {position:absolute; top:0; left:0; width:100%; height:100%;}
#wrapper header button {position:absolute; top:0; left:0; width:var(--default_nav); border: 0; padding:0; margin: 0; cursor: pointer; background: transparent; transition:all .3s; z-index:1; display:none;}
#wrapper header button:after {content:""; display: block; padding-top:100%;}
#wrapper header button i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:35px; color:#fff;transition:all .3s;  }
#wrapper header .icon {position:absolute; top:0; width:80px; border: 0; padding:0; margin: 0; cursor: pointer; background: transparent; transition:all .3s;}
#wrapper header .icon:after {content:""; display: block; padding-top:100%;}
#wrapper header .icon i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:35px; color:#fff;transition:all .3s;  }
#wrapper header .icon.user {right:80;}
#wrapper header .icon.cart {right:0; z-index:1;}
#wrapper header .festival_link {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width: 100%; text-align: left; padding-left: 15px; font-size: 0;}
#wrapper header .festival_link youtube,
#wrapper header .festival_link pdffile {display: inline-block;  vertical-align: top; line-height: 100%; width: auto; white-space: nowrap; border: 0px solid red; margin: 0 3px;}
#wrapper header .festival_link a {display: block; font-size: 0; line-height: 100%; position: relative; padding: 6px 15px 6px 10px;}
#wrapper header .festival_link a:after {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; transform:skewX(var(--skew_default)); border-radius: 5px; opacity: 0.14; transition: all .3s;}
#wrapper header .festival_link a:hover:after {opacity: 0.3;}
#wrapper header .festival_link i,
#wrapper header .festival_link span {display: inline-block; vertical-align: middle; line-height: 100%; position: relative; color: #fff; z-index: 1;}
#wrapper header .festival_link i:before {content:""; font-size: 27px;}
#wrapper header .festival_link youtube i:before {content:"youtube_activity"; color: red;}
#wrapper header .festival_link pdffile i:before {content:"PDF"; font-size: 11px; font-weight: 500; font-family: var(--neo);}
/*#wrapper header .festival_link pdffile i:before {content:"picture_as_pdf";}*/
#wrapper header .festival_link youtube i:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:8px; height:8px; border-radius:100%; background:#fff; z-index:-1;}
#wrapper header .festival_link span {font-size: 11px; font-weight: 500; padding: 0px 0 0 5px; opacity: 0.6; transition: all .3s;}
#wrapper header .festival_link a:hover span {opacity: 1;}
#wrapper .contents {position:relative; min-height:100vh; height:auto; padding: 210px 0 var(--btm_pad) 0; transition:all .3s; font-size:15px; background: #fff; transition: all .3s; }
#wrapper .contents .nav_sub_area {position:relative; width:100%; left:0; right:0; margin:50px auto 0 auto; padding:0; transition:all .3s; overflow:hidden; z-index:10;}
#wrapper .contents .q_area {position:relative; max-width:var(--default_wd); width:100%; left:0; right:0; margin:0 auto; padding:0 28px; font-size:0; border:0px solid #eee; }
#wrapper .contents .q_area:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:300%; height:1px; z-index:1; border-top:1px dashed #eee;}
#wrapper .contents .q_area > i {display:inline-block; vertical-align:middle; font-size: 18px; color:#000; background: #fff; position: relative; z-index: 1;}
#wrapper .contents .q_area > img {display:none;}
#wrapper .contents .plus_area {position:absolute; top:90px; right:0; width:50%; height:60px; background:#f4f4f4;border-radius: 35px 0 0 35px; z-index: 100;/*-webkit-backdrop-filter: blur(50px); backdrop-filter: blur(5px);*/}
#wrapper .contents .pa_wd {position: absolute; top: 50%; left: 0; transform: translateY(-50%); max-width:calc(var(--default_wd)/2); width:100%;}
#wrapper .contents .pa_wd .lastest {position:relative;/* padding-right:70px;*/}
#wrapper .contents .pa_wd .kakao {position: absolute; top: 50%; right: 25px; transform: translateY(-50%); width:30px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%; display:none;}
#wrapper .contents .pa_wd .kakao:after {content:""; display:block; padding-top:100%;}
#wrapper .contents .pa_wd .kakao i {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size:22px; color:#000;}
#wrapper .contents .pa_wd .kakao span {display:inline-block; vertical-align:middle; font-size:12px; color:#333; padding-left:10px; display:none;}
#wrapper .contents .pa_wd .kakao_channel a {position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid red; opacity:0;}
#wrapper .contents .pa_wd .kakao_channel a img {position:absolute; top:0; left:0; width:100%; height:100%;}
#wrapper footer {position:absolute; left: 0;bottom: 0; width:100%; height:var(--btm_pad);  transition: all .3s;  z-index:2; overflow: hidden;}
#wrapper footer:before,
#wrapper footer:after {content:""; position:absolute; right:0; left:0; margin:auto;  background:var(--btm_bg_color); transform: skewX(var(--skew_default));}
#wrapper footer:before {top:0; max-width:1800px; width:calc(100% - 110px); height:calc(100% - var(--btm_bg_pad));background:var(--btm_bg_color); z-index:1; display:none;}
#wrapper footer:after {bottom:0; max-width:2000px; width:calc(100% - 80px); height:calc(100% - var(--btm_bg_pad));background:#e9e9e9; border-radius:15px 15px 0 0;}
#wrapper footer .btm_sec_color {position:absolute; right:0; left:0; margin:auto;  top:0; max-width:1800px; width:calc(100% - 110px); height:100%;background:var(--btm_bg_color); border-radius:15px 15px 0 0;transform: skewX(var(--skew_default)); z-index:1; overflow:hidden;}
#wrapper footer .btm_sec_color > img {position:absolute; bottom:-50px; left:-50px;transform: skewX(calc(0deg - var(--skew_default))); height:80%; opacity:0.05;}
#wrapper footer .sp_area {position:absolute; bottom:0; right:0; width:35%; height:100%; background:#000; border-radius:0px;}
#wrapper footer .sp_area .inner_txt {position:absolute; top:0; left:0; width:100%; height:100%; transform: skewX(calc(0deg - var(--skew_default)));}
#wrapper footer .sp_area .inner_txt img {position:absolute; top:60px; right:80px; width:80px; }
#wrapper footer ul.color {position:absolute; width:100%; bottom:0; left:0; display:flex; z-index:1;}
#wrapper footer ul.color li {flex:1; height:3px;}
#wrapper footer ul.color li.c1 {background:#000;}
#wrapper footer ul.color li.c2 {background:#fc9103;}
#wrapper footer ul.color li.c3 {background:#056faf;}
#wrapper footer ul.color li.c4 {background:#4bad26;}
#wrapper footer ul.color li.c5 {background:#fc0304;}
#wrapper footer ul.color li.c6 {background:#98419c;}

.bg_set	{position:fixed; top:0; left:0; width:100%; height:100%; background:var(--btm_bg_color); z-index:-1;}
.content_hdbx				{position:fixed; top:0; left:0; width:100%; height:70px; text-align:center; border-bottom:0px solid #eee; background:#003e67; z-index:1001;transition:all .2s;transform: translateY(-100%);}
.content_hdbx.move		{transition:all .2s;transform: translateY(0%);}
.content_hdbx .cwb_pos			{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:var(--default_wd); width:100%; padding:0 25px; text-align:left; transition:all .5s;}
.content_hdbx.move .cwb_pos			{transition:all .5s;}
.content_hdbx .title_box			{display:inline-block; width:100%; position:relative; border:10px solid red;}
.content_hdbx h2 {position:relative; font-family:var(--neo); font-size:18px; line-height:120%; color:#fff;}
.content_hdbx h2 span {display:inline-block; vertical-align:middle;}
.content_hdbx h2 .c1		{font-weight:300; color:#eee; padding-right:5px; }
.content_hdbx h2 .c2		{font-weight:800;}
.content_hdbx .location_box	{position:absolute; top:50%; right:0; transform:translateY(-50%); font-size:0; line-height:100%;}
.content_hdbx .location_box i,
.content_hdbx .location_box a	{display:inline-block; vertical-align:middle; transition:all .2s; line-height:100%;}
.content_hdbx .location_box i	{font-size:13px; color:rgba(255,255,255,0.7); }
.content_hdbx .location_box a	{font-size:13px; color:rgba(255,255,255,0.7); font-family:var(--neo); font-weight:bold;}
.content_hdbx .location_box a:hover	{color:#fff; transition:all .2s;}
.content_hdbx .location_box a.last	{color:yellow}
.content_hdbx .location_box a:first-child	{color:#fff; font-weight:bold;}
.content_hdbx .location_box i	{display:inline-block; vertical-align:middle; padding:0 5px; font-size:13px;}
.sub_nv_ar {position:relative; border-bottom:1px solid var(--default_sel_line); background:#fff; display:none; width:100%; z-index:11;}
.sub_nv_ar nav {position:relative; left:0; right:0; max-width:var(--default_wd); width:100%; height:var(--default_sel_nav); margin:auto;}
.sub_nv_ar nav > ul 			{position:relative; font-size:0;border-left:1px solid var(--default_sel_line);}
.sub_nv_ar nav > ul > li 					{display:inline-block; vertical-align:middle; position:relative; width:calc(50% - (var(--default_sel_nav)/2)); height:100%; border-right:1px solid var(--default_sel_line); background:#fff;}
.sub_nv_ar nav > ul > li.home			{width:var(--default_sel_nav); position:relative; border-right:1px solid var(--default_sel_line);}
.sub_nv_ar nav > ul > li.home:after		{content:""; display:block; padding-top:100%; }
.sub_nv_ar nav > ul > li > a		{position:absolute; top:0; left:0; width:100%; height:100%; font-size:15px; cursor:pointer;}
.sub_nv_ar nav > ul > li > a > span		{position:absolute; top:50%; left:0; width:100%; padding:0 35px 0 20px; text-align:left; transform:translateY(-50%); line-height:120%; font-size:13px; color:rgba(0,0,0,0.8); transition:all .2s; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-weight:bold;}
.sub_nv_ar nav > ul > li > a > i				{position:absolute; top:50%;  line-height:100%; font-size:25px; color:#383838; transform:translateY(-50%);}
.sub_nv_ar nav > ul > li > a > i.xi-home-o		{left:50%; transform:translate(-50%, -50%);}
.sub_nv_ar nav > ul > li > a > i.xi-angle-down-min	{right:10px;}
.sub_nv_ar nav > ul > li .list		{position:absolute; top:var(--default_sel_nav); left:-1; ; width:calc(100% + 2px); z-index:10;}
.sub_nv_ar nav > ul > li .list.l1		{width:calc(100% + 2px);}
.sub_nv_ar nav > ul > li .list.l2		{width:calc(100% + 1px);}
.sub_nv_ar .empty	{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fafafa; z-index: 1;}

ul.sub_sel_cate {position:relative; top:0; left:0; width:100%; border:1px solid var(--default_sel_line); border-width:0 1px 1px 1px; background:#fafafa;}
ul.sub_sel_cate > li {display:inline-block; letter-spacing: 0em; width: 100% !important; font-family:var(--neo) ; border-top: 1px solid var(--default_sel_line);}
ul.sub_sel_cate > li > a {position:relative !important; font-size:13px; display:block; padding:15px 20px; color:#333;}
ul.sub_sel_cate > li > a.on {color:red; font-weight:bold;}
ul.sub_sel_cate.sub > li > a.on {color:#2979df; font-weight:bold;}
ul.sub_sel_cate > li > ul.depth3 {position:relative; padding:0px 20px 25px 20px; border-top:1px dashed var(--default_sel_line);}
ul.sub_sel_cate > li > ul.depth3 li {display:inline-block; letter-spacing: 0em; width: 100% !important; font-family: var(--neo); border:0;}
ul.sub_sel_cate > li > ul.depth3 li > a {position:relative !important; font-size:15px; display:block; color:#333;}
ul.sub_sel_cate > li > ul.depth3 li > a.on {color:red;}
ul.sub_sel_cate > li > ul.depth3 li > a:before {content:"ㆍ"; }
.title_area  {position:relative; z-index:10; }
.title_area:after  {content:""; position:absolute; top:0; left:0; width:calc(100% - calc(var(--default_wd) + calc(50% - calc(var(--default_wd) / 2)))); height:100%; background:var(--title_bg);
dis play:none;}
.title_area .ta_wrap  {position:relative; left: 0; right: 0; max-width:var(--default_wd); width: calc(100% - 50px); margin: auto; padding:0 0px;}
.title_area .title_box  {position:relative;  display:inline-block; padding:0; text-align:left; z-index:1;  padding:50px;}
.title_area .title_box .tb_bg  {position:absolute; top:0; left:-30px; width:calc(100% + 30px); height:100%; background:var(--title_bg); z-index:-1; border-radius:0 10px 10px 0; transform: skewX(var(--skew_default));}
/*
.title_area .title_box .tb_bg  {position:absolute; top:0; left:0; width:100%; height:100%;  z-index:-1; border-radius:0 7px 7px 0; }
.title_area .title_box .tb_bg:after  {content: "";
    position: absolute;
    bottom: 0px;
    right: -10px;
    width: 3000px;
    height: 5px;
    background: linear-gradient(-45deg, var(--tittle_line_color) 25%, transparent 0, transparent 50%, var(--tittle_line_color) 0, var(--tittle_line_color) 75%, transparent 0);
    -webkit-background-size: 10px 10px;
    background-size: 10px 10px; opacity:0.2;}
*/
.title_area .title_box h2 {position:relative; font-family:var(--neo); line-height:120%;  padding:0 0 0 0px;}
.title_area .title_box h2 span {display:inline-block; vertical-align:middle; line-height:110%;}
.title_area .title_box h2 span.c1 {font-weight:600; color:#333;font-size:30px; padding:0 5px;}
.title_area .title_box h2 span.c2 {font-weight:800; color:#000;font-size:30px; }

.title_area ul.color {position:absolute; top:50%; left:0; transform:translateY(-50%); width:14px; font-size:0; line-height:100%;}
.title_area ul.color li {display:inline-block; vertical-align:middle; width:calc(50% - 4px); margin:2px; border-radius:100%; line-height:100%;}
.title_area ul.color li:after {content:""; display:block; padding-top:100%;}
.title_area ul.color li.cr1 {background:#000;}
.title_area ul.color li.cr2 {background:#fc9103;}
.title_area ul.color li.cr3 {background:#056faf;}
.title_area ul.color li.cr4 {background:#4bad26;}
.title_area ul.color li.cr5 {background:#fc0304;}
.title_area ul.color li.cr6 {background:#98419c;}
.title_area .location_set	{position:absolute; left:0; right:0; max-width:var(--default_wd); margin:auto; bottom:0px; padding: 0 27px; font-size:0; line-height:100%; text-align:left;}
.title_area .url	{display:inline-block; width:100%; font-size:9px; line-height:100%; padding:0 0 8px 0; color:#ccc; letter-spacing:0.05em; display:none;}
.title_area .location_box	{display:inline-block; white-space:nowrap; padding: 0px; font-size:0; line-height:100%;}
.title_area .location_box > i,
.title_area .location_box a	{display:inline-block; vertical-align:middle; transition:all .2s; line-height:100%;}
.title_area .location_box > i	{font-size:30px; color:rgba(0,0,0,0.7); }
.title_area .location_box a	{font-size:30px; color:#555; font-family:var(--neo); font-weight:300;}
.title_area .location_box a:hover	{color:black; transition:all .2s;}
.title_area .location_box a.last	{color:#000; font-weight:800;}
.title_area .location_box a:first-child	{color:black; }
.title_area .location_box a i	{font-size:30px;}
.title_area .location_box > i	{display:inline-block; vertical-align:middle; padding:0 5px; font-size:20px; color:#ddd;}

@media screen and (max-width: 1600px){
	#wrapper header .hd_bg {width:100%; transform:none; border-radius:0; }
	#wrapper footer:before,
	#wrapper footer:after {transform: none;}
	#wrapper footer:after {width:100%; border-radius:0;}
}


@media screen and (max-width: 1260px){
	#wrapper footer .btm_sec_color {width:100%; border-radius:0;transform: none;}
	#wrapper footer .btm_sec_color > img {transform: none;}
	#wrapper footer .sp_area .inner_txt {transform: none;}
}

@media screen and (max-width: 1160px){
	#wrapper {min-height:auto;}
	#wrapper header {background:#fff; height:var(--default_nav); border-bottom:1px solid #eee;}
	#wrapper header .hd_bg {display:none;}
	#wrapper header .top_pos,
	#wrapper header .top_pos:hover {height:100%;}
	#wrapper header .top_pos .logo {transform: translateX(-50%); top:initial; bottom:0; left: 50%; width:auto; height:90%;}
	#wrapper header .top_pos .logo .xy {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:110px; height:100%;margin-top:0; background:url(/images/dc_logo_b.png) no-repeat; background-size:100% auto !important; background-position:center center !important; }
	#wrapper header .top_pos .logo .festival_day {display:none;}
	#wrapper header .top_pos .icon_set {height:100%;}
	#wrapper header .top_pos .icon_set > i {font-size: 35px; color:#000;}
	#wrapper header .top_pos .menu {display:none;}
	#wrapper header .plus_area {bottom:0; z-index:3;-webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); width:80px; height:100%; background:none;transform:none;border-radius: 0;}
	#wrapper header .pa_wd {left:50%; transform: translate(-50%, -50%); max-width:auto; width:auto;}
	#wrapper header .pa_wd .lastest {display:none;}
	#wrapper header .pa_wd .kakao {left:50%; right:initial; transform: translate(-50%, -50%); width:35px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
	#wrapper header button {position:fixed; top:0; left:0; display:inline-block;}
	#wrapper header button i {color:#000;}
	#wrapper header .icon i {color:#000;}
	#wrapper header .etc_box {display:none;}
	#wrapper header .etc_box .eb_pos {padding:0 0px;}
	#wrapper header .etc_box .eb_pos .sp_sec.s1 {width:400px; background:var(--bg_sub_notice); z-index:1;}
	#wrapper header .etc_box .eb_pos .sp_sec.s2 {width:calc(100% - 400px); padding: 0 0 0 125px; }
	#wrapper header .etc_box .eb_pos .sp_sec.s3 {display:none;}
	#wrapper header .etc_box .eb_pos .sp_sec count {right: 20px;}
	#wrapper header .etc_box .eb_pos .sp_sec .call_con {padding-left:30px;}
	#wrapper header .etc_box .eb_pos .sp_sec .call_con:before {display:none;}
	#wrapper .contents {padding: 80px 0  var(--btm_pad) 0;}
	#wrapper .contents .nav_sub_area {display:none;}
	#wrapper .contents .plus_area {position:fixed; top:0;  width:80px; height:80px; background:none;border-radius: 0; transform:translateY(0); transition: all .3s; z-index:102;}
	#wrapper .contents .plus_area.hid {transform:translateY(-100%);}
	#wrapper .contents .pa_wd {left:50%; transform: translate(-50%, -50%); max-width:auto; width:auto;}
	#wrapper .contents .pa_wd .lastest {display:none;}
	#wrapper .contents .pa_wd .kakao {left:50%; right:initial; transform: translate(-50%, -50%); width:35px; font-size:0; background:#ffe500; text-align:left;  border-radius:100%;}
	#wrapper footer .sp_area {display:none;}
	.sub_nv_ar {display:inline-block; }
	.sub_nv_ar nav > ul 			{border:0;}
	.sub_nv_ar nav > ul > li.navi_sub_m2_box	{border:0;}
	.sub_nv_ar nav > ul > li.navi_sub_m2_box ul.sub_sel_cate {border-width:0 0px 1px 1px;}
	.sub_nv_ar nav > ul > li > a > span		{ padding:0 30px 0 15px; font-size:12px;}
	.sub_nv_ar nav > ul > li > a > i				{font-size:16px;}
	.sub_nv_ar nav > ul > li > a > i.xi-angle-down-min	{right:8px;}
}

@media screen and (max-width: 650px){
	#wrapper header {}
	#wrapper header .top_pos .logo .xy {width:65px; }
	#wrapper header .top_pos .icon_set > i {font-size: 20px;}
	#wrapper header button i {font-size:20px;}
	#wrapper header .icon {width:55px;}
	#wrapper header .icon i {font-size:20px;}
	#wrapper header .icon.user {right:35px;}
	#wrapper header .icon.cart {right:0;}
	#wrapper .contents {padding: var(--default_nav) 0 var(--btm_pad) 0; }
	#wrapper .contents .nav_sub_area {padding:25px 22px 0 22px;}
	#wrapper footer .btm_sec_color > img {bottom:10px; left:initial; right:-15px; height:50%; opacity:0.05;}
	.content_hdbx				{height:55px;}
	.content_hdbx .cwb_pos			{padding:0 20px;}
	.content_hdbx h2 {font-size:14px;}
	.content_hdbx .location_box	{display:none;}
	ul.sub_sel_cate > li > a {font-size:11px; padding:10px 15px;}
	.title_area .title_box  {margin:30px auto 0 auto; padding:0 25px;}
	.title_area .title_box h2 .c2		{font-size:20px;}
}

/* 하단정보 */
.btm_nav			{position:relative; font-size:0; overflow:hidden; background:#fff; padding:0 0 20px 0;}
.btm_info			{position:absolute; left:0; right:0; margin:0 auto; max-width:calc(var(--default_wd) + 100px); width:100%; height:calc(100% - var(--btm_bg_pad)); padding:60px 100px; font-size:0; /*background:var(--btm_bg_color);*/ z-index:2;}
/*
.btm_info:before	{content:""; position:absolute; left:-120px; top:0; width:220px; height:100%; background:var(--top_rst_bg); transform: skewX(-15deg); border-radius:10px 0 0px 15px;}
*/
.btm_info .logo		{display:inline-block; vertical-align:top; width:130px; position:absolute; top: 60px; left: 120px; z-index:1; text-align:center;}
.btm_info .logo .lg_1		{display:inline-block; vertical-align:top; width:100%; position:relative;}
.btm_info .logo .lg_2		{display:inline-block; vertical-align:top; width:70%; position:relative; padding:40px 0 0 0;}
.btm_info .logo .lg_1 img,
.btm_info .logo .lg_2 img		{width:100%;}
.btm_info .info_box		{text-align:left; padding:6px 0 0 210px; position:relative; left:0; right:0; max-width:var(--default_wd); margin:auto; z-index:1;}
.btm_info .info_box cmp		{position:relative; display:inline-block; width:100%;  padding:0px 0px 15px 0; font-size:15px; color:#fff; font-weight: 700;}
.btm_info .detail				{display:inline-block; vertical-align:top; width:100%; font-size:0;}
.btm_info .detail span				{display:inline-block; vertical-align:middle; padding:0px 10px 0px 0; font-size:12px; color:#777; line-height:150%;font-family: var(--neo); font-weight: 600;}
.btm_info .detail span a			{color:#eee;}
.btm_info .detail span i			{display:inline-block; padding-right:5px; vertical-align:middle; color:#ddd;}
.btm_info .detail span em		{display:inline-block; padding-right:5px; font-style:normal; color:#555; font-weight: 300;}
.btm_info p				{display:inline-block; width:100%; font-size:10px; color:rgba(255,255,255,0.45); padding-top:7px; }
.btm_info .rest				{position:absolute; top:0; right:0px; width:300px;}
.btm_info .rest h4				{position:relative; font-size:12px; font-weight:500; color:#fff; padding:0 0 15px 0;}
.btm_info .rest h4 span	{color:yellow; letter-spacing:0.05em;}
.btm_info .rest h4 i		{display:inline-block; vertical-align:middle; position:relative; font-size:17px; font-weight:normal; color:#000; padding:0 5px 3px 0;}
.btm_info .rest .bnk_bx	{position:relative; line-height:110%; border-left:1px dashed #ddd; padding:3px 0 3px 18px; width:calc(100% - 5px); margin:0 0 0 5px;}
.btm_info .rest .bnk_bx bank,
.btm_info .rest .bnk_bx b_num,
.btm_info .rest .bnk_bx who	{position:relative; line-height:110%; display:inline-block; width:100%; font-weight:500;}
.btm_info .rest .bnk_bx bank	{font-size:12px; color:#333;}
.btm_info .rest .bnk_bx b_num	{font-size:12px; padding:4px 0 7px 0;font-weight:900; color:#000;}
.btm_info .rest .bnk_bx who	{font-size:12px; color:#000;}
.btm_info .copy				{display:inline-block; width:100%; font-size:11px; color:rgba(255,255,255,0.4); padding-top:20px;}
.btm_info .copy span		{color:#eee; display:inline-block; padding:0 10px;}
.btm_info ul.sns_bnr {position:relative; font-size:0; text-align:left; white-space:nowrap;}
.btm_info ul.sns_bnr li {display:inline-block; vertical-align:middle; font-size:22px; width:50px; text-align:center; border:0px solid red; margin-right:10px;white-space:normal; cursor:pointer;}
.btm_info ul.sns_bnr li i,
.btm_info ul.sns_bnr li span {display:inline-block; vertical-align:middle; width:100%;}
.btm_info ul.sns_bnr li i {font-size:25px; color:#fff;}
.btm_info ul.sns_bnr li span {font-size:10px; color:rgba(255,255,255,0.3); padding-top:5px; font-weight:300; di splay:none; transition:all .3s;}
.btm_info ul.sns_bnr li:hover span {color:#fff;}
.btm_info ul.sns_bnr li:last-child {margin:0;}
.btm_info .consult				{display:inline-block; width:100%; padding:45px 0 0 12px; position:relative;}
.btm_info .consult > h5,
.btm_info .consult > div		{display:inline-block; width:100%; position:relative;}
.btm_info .consult > h5		{font-size:13px; color:#fff; font-weight:600; padding:0 0 10px 0;}
.btm_info .consult > .time	{font-size:12px; color:#fff; font-weight:500;}
.btm_info .consult > .other	{font-size:10px; color:#fff; font-weight:300; padding:3px 0 0 0; opacity:0.5;}
ul.sys_rule_box {position:relative; font-size:0; padding:0 0 20px 0;}
ul.sys_rule_box li {display:inline-block; vertical-align:middle; line-height:110%; font-size:12px; color:#ddd; margin:0 15px 0 0; cursor:pointer; transition:all .3s; font-weight:600;}
ul.sys_rule_box li:last-child  {margin:0;}
ul.sys_rule_box li:hover  {color:#fff;}
ul.sr_kind{position:absolute; bottom:50px; left:0; width:100%;transition:all .3s; z-index:10; visibility: hidden; opacity: 0; background:#fff; border:1px solid #eee; padding:15px; border-radius:7px;max-height:300px; height:auto;}
ul.sr_kind.show{bottom:45px; transition:all .3s;opacity: 1; visibility: visible; }
ul.sr_kind		{overflow-y:overlay;}
ul.sr_kind:: {-ms-overflow-style: none;}
ul.sr_kind::-webkit-scrollbar {background: transparent; width:2px; height:2px; border-radius:15px;}
ul.sr_kind::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }
ul.sr_kind li {position:relative; font-size:12px; color:#333; transition:all .3s; cursor:pointer; padding:3px 0;}

@media screen and (max-width: 1260px){
	.btm_info			{padding:60px 50px;}
	.btm_info .logo		{left: 50px;}
}

@media screen and (max-width: 1160px){
	.btm_nav			{display:none;}
	.btm_info			{width:100%; padding:50px;}
	.btm_info .logo		{width:130px; position:relative; top: 0; left: 0; text-align:left;}
	.btm_info .logo .lg_1		{display:inline-block; vertical-align:top; width:100%; position:relative;}
	.btm_info .logo .lg_2		{display:none; }
	.btm_info .logo .lg_1 img,
	.btm_info .logo .lg_2 img		{width:100%;}
	.btm_info .info_box		{padding:0 0 0 0px; width:100%;}
	.btm_info .info_box cmp		{padding:10px 0px 25px 0; font-size:13px;}
	.btm_info .rest	{position:relative; width:100%; top:0; left:0;}
	.btm_info ul.sns_bnr {margin-top:15px; text-align:left;}
	.btm_info ul.sns_bnr li {width:auto; margin-right:10px;}
	.btm_info ul.sns_bnr li i {font-size:25px; color:#fff;}
	.btm_info ul.sns_bnr li span {display:none;}
	.btm_info .consult				{padding:25px 0 0 0px;}
	.btm_info .consult > h5		{font-size:12px; padding:0 0 7px 0;}
	.btm_info .consult > .time	{font-size:11px;}
	.btm_info .consult > .other	{font-size:9px; padding:0; }
}

@media screen and (max-width: 650px){
	.btm_info			{padding:30px;}
	.btm_info .logo		{width:110px;}
	.btm_info .info_box cmp		{padding:10px 0px 10px 0; font-size:12px;}
	.btm_info .detail span		{font-size:10px; line-height:100%;}
	.btm_info .rest	{margin-top:5px;}
	.btm_info p				{font-size:9px; line-height:150%;}
	.btm_info .copy				{font-size:9px; padding-top:10px;}
	.btm_info ul.sns_bnr li i {font-size:20px;}
	ul.sys_rule_box {padding:0 0 15px 0;}
	ul.sys_rule_box li {font-size:11px; margin:0 10px 0 0; }
}

.bg_color		{position: fixed;  left:0; width: 100%; height: calc(100% - 50px); z-index: -10;}
.bg_color.b_top			{top:0;}
.bg_color.b_bottom		{bottom:0;}
.color_t	{background:#fff;}
.color_b	{background:#fafafa;}


/* D-Day 카운트 */
.biz_wrap .count_day {position:absolute; top:-50px; right:-20px; width:100px; font-size:0; color:#000; text-align:right; }
.biz_wrap .count_day .dday,
.biz_wrap .count_day .now_festival {display:inline-block; vertical-align:middle;width:100%;}
.biz_wrap .count_day .dday span,
.biz_wrap .count_day .dday em {display:inline-block; vertical-align:middle; line-height:100%;}
.biz_wrap .count_day .dday span {font-family:var(--neo); font-weight:800; color:#ddd; font-size:30px;}
.biz_wrap .count_day .dday em {font-family:var(--neo); font-weight:900; font-size:30px; color:#beff00; font-style:normal;}
.biz_wrap .count_day .now_festival {font-family:var(--neo); font-weight:700; color:#333; line-height:110%; margin-top:15px;font-size:0; }
.biz_wrap .count_day .now_festival span {display:inline-block; font-size:12px; font-weight:900; color:red;}
.biz_wrap .count_day .now_festival span.ready {color:orange;}
.biz_wrap .count_day .now_festival span.ing {color:#438919;}
.biz_wrap .count_day .now_festival span.pass {color:red;}

@media screen and (max-width: 650px){
	.biz_wrap .count_day {top:-35px; right:-15px; }
	.biz_wrap .count_day .dday span {font-size:18px;}
	.biz_wrap .count_day .dday em {font-size:18px;}
	.biz_wrap .count_day .now_festival {margin-top:10px;}
	.biz_wrap .count_day .now_festival span {font-size:11px;}
	.biz_wrap .since {top:15px; left:15px; font-size:10px;}
}

/**/
ul.mbr_login_box {position:absolute; top:50%; left:0; transform:translateY(-50%); text-align:right; width:100%;  font-size:0;}
ul.mbr_login_box li {display:inline-block; vertical-align:middle; position:relative;}
ul.mbr_login_box li a {display:block; font-size:12px; color:#fff;border-left:1px solid rgba(255,255,255,0.1);  padding:0 10px; line-height:110%;}
ul.mbr_login_box li:first-child a {border:0;}

/**/
.rule_view_box {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:1000;visibility:hidden; opacity:0; transition:all .3s;}
.rule_view_box.show {visibility: visible; opacity:1;}
.rule_view_box .close_rule {position: absolute; top: 0px; right: 0px; width: var(--pop_hset); height: var(--pop_hset); line-height: var(--pop_hset); font-size: 20px; color: #333; transform: rotate(0); transition: all .3s; cursor: pointer;text-align: center; z-index:2;}
.rule_view_box .close_rule:hover {transform: rotate(270deg);}
.rule_view_box .rule_content {position: absolute; top: 50%; left: 50%; max-width: 700px; max-height: 900px; width: calc(100% - 30px); height: calc(100% - 30px); transform: translate(-50%, -50%); font-size: 0; background: #fff; border-radius: 10px; overflow: hidden; z-index: 1; }
.rule_view_box .rule_content h3 {position: relative; height: var(--pop_hset); border-bottom: 1px dashed #e9e9e9; line-height: var(--pop_hset); font-size: 18px; font-weight: 800; color: #000; padding-left:20px;}
.rule_view_box .rule_content .detail_info {position: relative; height: calc(100% - var(--pop_hset));  padding:30px;}
.rule_view_box .rule_content .detail_info		{overflow-y:overlay;}
.rule_view_box .rule_content .detail_info:: {-ms-overflow-style: none;}
.rule_view_box .rule_content .detail_info::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
.rule_view_box .rule_content .detail_info::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }

@media screen and (max-width: 650px){
	.rule_view_box .rule_content {max-width: 100%; max-height: 100%; width:100%; height:100%; border-radius: 0; }
	.rule_view_box .rule_content h3 {font-size: 16px;}
}

/**/
.title_arbx {position:sticky; top:0; left:0;overflow:hidden; z-index:10; border-bottom:1px dashed #ccc; background:#fff;}
.title_arbx .ta_wrp {position:relative;left:0; right:0; max-width:1300px; padding:45px 0 45px 20px; margin:auto;  z-index:2; font-size:0;}
.title_arbx .ta_wrp .tw_hd,
.title_arbx .ta_wrp .tw_nav {display:inline-block; vertical-align:middle; position:relative; }
.title_arbx .ta_wrp .tw_hd {}
.title_arbx .ta_wrp .tw_hd h2 {position:relative; font-family:var(--neo); line-height:120%;  padding:0 0 0 0px;}
.title_arbx .ta_wrp .tw_hd h2 span {display:inline-block; vertical-align:middle; line-height:110%;}
.title_arbx .ta_wrp .tw_hd h2 span.c1 {font-weight:600; color:#ddd;font-size:30px; padding:0 5px 0 0;display:none;}
.title_arbx .ta_wrp .tw_hd h2 span.c2 {font-weight:800; color:#000;font-size:27px; }
.title_arbx .ta_wrp .location_box	{display:inline-block; white-space:nowrap; padding: 10px 0 0 2px; font-size:0; line-height:100%; }
.title_arbx .ta_wrp .location_box > i,
.title_arbx .ta_wrp .location_box a	{display:inline-block; vertical-align:middle; transition:all .2s; line-height:100%;}
.title_arbx .ta_wrp .location_box > i	{font-size:11px; color:#000; opacity:1;}
.title_arbx .ta_wrp .location_box a	{font-size:13px; color:#000; font-family:var(--neo); font-weight:300;}
.title_arbx .ta_wrp .location_box a:hover	{color:#000; transition:all .2s;}
.title_arbx .ta_wrp .location_box a.last	{color:#000; font-weight:600;}
.title_arbx .ta_wrp .location_box a:first-child	{color:#000; }
.title_arbx .ta_wrp .location_box a i	{font-size:14px;}
.title_arbx .ta_wrp .location_box > i	{display:inline-block; vertical-align:middle; padding:0 5px; font-size:12px; color:#000;}
.title_arbx .ta_wrp .tw_nav {width:55%;}
.title_arbx .ta_bg {position:absolute;top:0; left:0; width:100%; height:100%; }
.title_arbx .ta_bg:before,
.title_arbx .ta_bg:after {content:""; position:absolute; top:0; height:82%;  border-radius:15px;transform: skewX(var(--skew_default));}
.title_arbx .ta_bg:before {left:-50px; width:47%; height:100%;background:#270035;  display:none;}
.title_arbx .ta_bg:after {right:-50px; width:100%;    background: url(/images/top_bg_pt.jpg) no-repeat; background-position: bottom center !important; background-size: cover !important; backg round:#1a0445; display:none;}
.title_arbx .tb_call {position:absolute;top:0; left:-50px; width:47%; height:100%; transform: skewX(var(--skew_default)); overflow:hidden; border-radius:0 0 10px 0; z-index:1;}
.title_arbx .tb_call:before,
.title_arbx .tb_call:after {content:""; position:absolute; top:0; left:50%; width:calc(100% + 100px); height:100%; transform: translateX(-50%) skewX(calc(var(--skew_default) * -1))}
.title_arbx .tb_call:before {background:url(/images/bg_side.jpg) no-repeat; background-size:100% auto; background-position:bottom right; background:#fafafa; border:1px solid #e9e9e9; border-width:0 1px 1px 0;}
.title_arbx .tb_call:after {background:rgba(0,0,0,0.0);}

@media screen and (max-width: 1160px){
	.title_arbx .ta_wrp {padding:50px;}
	.title_arbx .tb_call {width:80%; }
}

@media screen and (max-width: 650px){
	.title_arbx  {border-color:#e9e9e9; }
	.title_arbx .ta_wrp {padding:20px; height:53px;}
	.title_arbx .ta_wrp .tw_hd h2 span.c2 {font-weight:800; color:#000;font-size:16px; }
	.title_arbx .ta_wrp .location_box	{display:none;}
	.title_arbx .ta_bg {display:none;}
}

/**/
.search_mv_box {position: fixed; top:0; left: 0; right:0;  margin:auto; max-width:1600px;width: calc(100% - 110px); transform:translateY(-100%); z-index: 1000; transition: all .3s;}
.search_mv_box.move {transform:translateY(0%);}
.search_mv_box .skew_box {position:absolute; bottom:0; left:0;  width:100%;height:100%; transform: skewX(var(--skew_default)); border-radius:0 0 15px 15px; border:0px solid #fff;/*background: #000d25;*/background: url(/images/top_bg_pt_r.jpg) no-repeat; background-position: bottom center !important; background-size: cover !important;}
.search_mv_box > i {position: absolute; top:20px; right:20px; width:55; height:55px; line-height:55px; text-align:center; font-size:25px; color:#fff; transform:rotate(0); transition:all .3s; cursor:pointer; z-index:2;}
.search_mv_box > i:hover {transform:rotate(180deg);}
.search_mv_box .smb_pos {position:relative; max-width:var(--default_wd); left:0; right:0; margin:auto; padding:70px 50px; z-index:1;}
.search_mv_box .smb_pos .psc_hdbx {position:relative; padding:0 0 0 7px;}
.search_mv_box .smb_pos .psc_hdbx h2 {position:relative; font-weight:700; font-size:30px; line-height:100%; color:#fff;}
.search_mv_box .smb_pos .psc_hdbx h2 span {color:#e60013; display:inline-block; padding-right:10px;}
.search_mv_box .smb_pos .psc_hdbx p {position:relative; font-weight:500; font-size:12px; line-height:160%; padding:10px 0 0 0px; color:#8b8b8b; text-align:justify;}
.search_mv_box .smb_pos .psc_form {position:relative; margin-top:20px;}
.search_mv_box .smb_pos .psc_form span {position:absolute; top:50%; left:10px; transform:translateY(-50%); font-size:13px; color:#fff;}
.search_mv_box .smb_pos .psc_form input {width:100%; height: var(--sc_frm_sx); border-radius: 0;padding: 0 70px; border: 1px solid rgba(255,255,255,0.2); border-width:0 0 1px 0; background: transparent; color:#2dff83; font-family:var(--neo); font-weight:500; font-size:15px;transition:all .3s;}
.search_mv_box .smb_pos .psc_form input:focus {outline:none; border-color:#eee;}
.search_mv_box .smb_pos .psc_form input::placeholder {color: rgba(255,255,255,0.3); font-size:11px;}
.search_mv_box .smb_pos .psc_form button {position:absolute; top:0; right:0; width:var(--sc_frm_sx); height:100%; background:transparent; border:0; cursor:pointer;}
.search_mv_box .smb_pos .psc_form button i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:20px; color:#eee; transition:all .3s;}
.search_mv_box .smb_pos .psc_form button:hover i {color:#fff;}
.search_mv_box .smb_pos .current_keyword {position:relative; padding:40px 0 0 5px;}
.search_mv_box .smb_pos .current_keyword h3 {position:relative; font-weight:600; font-size:15px; line-height:100%; color:#fff; padding-left:5px;}
.search_mv_box .smb_pos .current_keyword .reset {display:inline-block; vertical-align:middle; padding:5px 10px; background:red; color:#fff;  font-weight:500; font-size:11px; line-height:100%; border-radius:30px; margin-left:10px;cursor:pointer;}
.search_mv_box .smb_pos .current_keyword .kw {position:relative; padding:10px 0 0 0; font-size:0;}
.search_mv_box .smb_pos .current_keyword .kw span {display:inline-block; vertical-align:middle; position:relative; padding:5px 15px 5px 10px; font-size:11px; color:#c9c9c9;  margin:10px 10px 0 0; border:0px solid rgba(255,255,255,0.1); background:rgba(0,0,0,0.6); border-radius:30px; cursor:pointer; transition:all .3s;}
.search_mv_box .smb_pos .current_keyword .kw span:hover {color:#fff; background:#245e9b; border-color:rgba(255,255,255,0.5);}
.search_mv_box .smb_pos .current_keyword .kw span:before {content:"#"; display:inline-block; padding-right:3px; color:rgba(255,255,255,0.6) !important;}
.search_mv_box .smb_pos .current_keyword .kw span.none {padding:5px 5px; border:0; font-size:11px; color:rgba(255,255,255,0.3); margin:0; background:transparent;}
.search_mv_box .smb_pos .current_keyword .kw span.none:before {display:none;}
.search_mv_box .smb_pos .current_keyword .kw span i {position:absolute; top:-5px; right:-5px; font-size:15px; color:#517eb9; cursor:pointer; transition:all .3s;}
.search_mv_box .smb_pos .current_keyword .kw span i:hover {color:red;}

@media screen and (max-width: 1160px){
	.search_mv_box {width:100%; }
	.search_mv_box .skew_box {transform: none; border-radius:0 ;}
}

@media screen and (max-width: 650px){
	.search_mv_box > i {top:0; right:0px; width:50px; height:50px; line-height:50px; font-size:20px;}
	.search_mv_box .smb_pos {padding:30px;}
	.search_mv_box .smb_pos .psc_hdbx {padding:0 0 0 0px;}
	.search_mv_box .smb_pos .psc_hdbx h2 {font-size:20px;}
	.search_mv_box .smb_pos .psc_hdbx p {font-size:11px;padding:8px 0 0 0px;}
	.search_mv_box .smb_pos .psc_form {margin-top:10px;}
	.search_mv_box .smb_pos .psc_form span {left:5px; font-size:12px;}
	.search_mv_box .smb_pos .psc_form input {padding: 0 65px; }
	.search_mv_box .smb_pos .current_keyword {position:relative; padding:25px 0 0 5px;}
	.search_mv_box .smb_pos .current_keyword h3 {font-size:13px; padding-left:0px;}
	.search_mv_box .smb_pos .current_keyword .reset {padding:4px 8px; font-size:10px;}
	.search_mv_box .smb_pos .current_keyword .kw span {font-size:10px; margin:7px 7px 0 0;}
	.search_mv_box .smb_pos .current_keyword .kw span.none {font-size:10px;}
	.search_mv_box .smb_pos .current_keyword .kw span i {font-size:13px;}
}

/**/
.DC_report_box {position:fixed; bottom:0; right:0; width:240px;  z-index:99; transition:all .3s; }
.DC_report_box.show { }
.DC_report_box .fix_ani {transition:all 0s !important;}
.DC_report_box .frb_pos {position:absolute; bottom:30px; left:0; width:200px; padding:55px 35px 45px 35px; transform:translateY(0); transition:all .3s; opacity:1;}
.DC_report_box .frb_pos.hidden {transform:translateY(calc(100% + 30px)); opacity:0;}
.DC_report_box .frb_pos i {position:absolute; top:-20px; right:-20px; font-size:20px; color:#000; text-shadow: 0 0 5px #fff; cursor:pointer;}
.DC_report_box .frb_pos.hidden i {top:0px; }
.DC_report_box .bg_tebi {position:absolute; bottom:-17px; right:-37px; display:none;}
.DC_report_box .bg_tebi img {height:130px;}
.DC_report_box .frb_pr {position:absolute; top:18px; left:60px;white-space:nowrap; height:20px; z-index:1;}
.DC_report_box .frb_pr:before,
.DC_report_box .frb_pr:after {content:""; position:absolute; left:50%;}
.DC_report_box .frb_pr:before {content:"접수중"; top:0; padding:0 12px; height:100%; border-radius:30px; background:red; line-height:20px; font-size:11px; font-weight:500; color:#fff;transform:translateX(-50%); }
.DC_report_box .frb_pr:after {content:""; position:absolute; bottom:1px; border-top:7px solid red; border-left:5px solid transparent; border-right:5px solid transparent;transform:translate(-50%, 100%); }
.DC_report_box .fp_control {position: absolute; bottom:30px; right:30px; width:100px; padding:25px 0;  cursor:pointer; text-align:center;transform:translateY(calc(100% + 30px)); transition:all .3s; opacity:0;}
.DC_report_box .fp_control.show {transform:translateY(0); opacity:1;}
.DC_report_box .fp_control:after {content:""; position: absolute; top: 0; left: 0;width:100%; height:100%; background:url(/images/top_bg_sd.jpg) no-repeat; background-size:cover; background-position:top center; z-index:-1;transform: skewX(var(--skew_default)); border-radius:10px; }
.DC_report_box .fp_control .year {position: relative; display:inline-block; width:100%; color: #fff; font-size: 12px; font-weight:500;line-height:110%;}
.DC_report_box .fp_control h4 {position: relative; display:inline-block; width:100%; color: #fff; font-size: 11px; font-weight: 600; padding:2px 0 0 0; line-height:110%; display:none;}
.DC_report_box .fp_control .s_logo {position: relative; margin-top:5px;}
.DC_report_box .fp_control .s_logo img {width:60%}
.DC_report_box .fp_control span {position: relative; display:inline-block; width:auto; color: #fff; font-size: 11px; font-weight:600;  line-height:110%;  margin-top:15px; background:red; padding:4px 15px; border-radius:30px;}
.DC_report_box .d_logo {position:relative; z-index: 1; width:100%; }
.DC_report_box .d_logo img {width:100%;}
.DC_report_box year {position:absolute; top:-15px; right:0px; font-weight:500; font-size:11px; color:#fff;  z-index: 1; line-height:100%;}
.DC_report_box .fp_hdbx {position:relative; z-index: 1;}
.DC_report_box .fp_hdbx h3 {position:relative; font-weight:800; font-size:16px; line-height:100%; color:#fff; letter-spacing:-0.05em;}
.DC_report_box .fp_hdbx h3 span {color:#e60013; display:inline-block; padding-right:10px;}
.DC_report_box .fp_hdbx p {position:relative; font-weight:500; font-size:11px; line-height:160%; padding:5px 0 0 0px; color:#fff; opacity:0.6;}
.DC_report_box .fp_con {position:relative; padding:10px 0 0 5px;}
.DC_report_box ul.fr_kind {position:relative; z-index: 1; }
.DC_report_box ul.fr_kind li {position:relative; font-size:12px; padding:10px 0 0 0px; font-weight:500; color:#eee; transition:all .3s; cursor:pointer; line-height:110%; display:inline-block; width:100%;}
.DC_report_box ul.fr_kind li:hover {color:#ffd600;}
.DC_report_box ul.fr_kind li:before {content:"ㆍ";}
.DC_report_box .bg_eff {position:absolute; top:0; left:0; width:100%; height:100%; transform: skewX(var(--skew_default));background:url(/images/top_bg_sd.jpg) no-repeat; background-size:cover; background-position:top center; border-radius:15px; overflow:hidden;}
.DC_report_box .bg_eff:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3;}
.DC_report_box.show .bg_eff {display:block;}
.DC_report_box .bg_eff span {position:absolute; bottom:0; right:-5px; font-family:var(--GB); font-weight:normal; font-size:40px; color:#fff; opacity:0;}

@media screen and (max-width: 650px){
	.DC_report_box {width:185px; }
	.DC_report_box .frb_pos {width:150px; padding:55px 20px 30px 20px; }
	.DC_report_box .bg_tebi img {display:none;}
	.DC_report_box .bg_eff {border-radius:10px;}
	.DC_report_box .fp_control {padding:20px 0px; width:90px;bottom:20px; right:20px;}
	.DC_report_box .fp_control .year {font-size: 11px;}
	.DC_report_box .fp_control span {font-size: 10px; margin-top:10px; padding:3px 10px;}
	.DC_report_box .d_logo img {width:80px;}
	.DC_report_box year {font-size:9px;}
	.DC_report_box ul.fr_kind li {font-size:10px; }
}

/*
.DC_report_box {position:fixed; bottom:30px; right:0; width:calc(48% - calc(var(--default_wd)/2)); min-width:240px; transform:translateX(100%); z-index:99; transition:all .3s; }
.DC_report_box.show {transform:translateX(0); }
.DC_report_box .frb_pos {position:absolute; bottom:0; left:0; width:200px; padding:55px 35px 45px 35px; }
.DC_report_box .bg_tebi {position:absolute; bottom:-17px; right:-37px; display:none;}
.DC_report_box .bg_tebi img {height:130px;}
.DC_report_box .frb_pr {position:absolute; top:18px; left:60px;white-space:nowrap; height:20px; z-index:1;}
.DC_report_box .frb_pr:before,
.DC_report_box .frb_pr:after {content:""; position:absolute; left:50%;}
.DC_report_box .frb_pr:before {content:"접수중"; top:0; padding:0 12px; height:100%; border-radius:30px; background:red; line-height:20px; font-size:11px; font-weight:500; color:#fff;transform:translateX(-50%); }
.DC_report_box .frb_pr:after {content:""; position:absolute; bottom:1px; border-top:7px solid red; border-left:5px solid transparent; border-right:5px solid transparent;transform:translate(-50%, 100%); }
.DC_report_box .fp_control {position: absolute; top:initial; bottom: 0; left: -25px; transform: translateX(-100%);  z-index: 1; padding:30px 0px; width:110px;text-align:center;cursor:pointer; }
.DC_report_box .fp_control:after {content:""; position: absolute; top: 0; left: 0;width:100%; height:100%; background:url(/images/top_bg_sd.jpg) no-repeat; background-size:cover; background-position:top center; z-index:-1;transform: skewX(var(--skew_default)); border-radius:10px; }
.DC_report_box .fp_control .year {position: relative; display:inline-block; width:100%; color: #fff; font-size: 12px; font-weight:500;line-height:110%;}
.DC_report_box .fp_control h4 {position: relative; display:inline-block; width:100%; color: #fff; font-size: 11px; font-weight: 600; padding:2px 0 0 0; line-height:110%; display:none;}
.DC_report_box .fp_control .s_logo {position: relative; margin-top:5px;}
.DC_report_box .fp_control .s_logo img {width:60%}
.DC_report_box .fp_control span {position: relative; display:inline-block; width:auto; color: #fff; font-size: 11px; font-weight:600;  line-height:110%;  margin-top:15px; background:red; padding:4px 15px; border-radius:30px;}
.DC_report_box.show .fp_control {padding:0; width:auto; top:0; bottom:initial; left:initial; right:-10px; top:-10px;}
.DC_report_box.show .fp_control:after {display:none;}
.DC_report_box.show .fp_control span {}
.DC_report_box .fp_control:hover {}
.DC_report_box .fp_control i {position:relative; top:0; left:0; right:0; margin:auto; font-size:0; color:#fff; }
.DC_report_box.show .fp_control i {position:absolute; right:initial; margin:0; font-size:20px; color:#000; text-shadow: 0 0 5px #fff;}
.DC_report_box .fp_control:before {content:"Quick"; position:absolute; width:60px; line-height:25px; border-radius:35px; top:50%; left:-65px; transform:translate(0%, -50%); color:#000; text-align:center; font-size:10px; white-space:nowrap; font-weight:500; letter-spacing:0.05em; display:none;}
.DC_report_box.show .fp_control:before {display:none;}
.DC_report_box .d_logo {position:relative; z-index: 1; width:100%; }
.DC_report_box .d_logo img {width:100%;}
.DC_report_box year {position:absolute; top:-15px; right:0px; font-weight:500; font-size:11px; color:#fff;  z-index: 1; line-height:100%;}
.DC_report_box .fp_hdbx {position:relative; z-index: 1;}
.DC_report_box .fp_hdbx h3 {position:relative; font-weight:800; font-size:16px; line-height:100%; color:#fff; letter-spacing:-0.05em;}
.DC_report_box .fp_hdbx h3 span {color:#e60013; display:inline-block; padding-right:10px;}
.DC_report_box .fp_hdbx p {position:relative; font-weight:500; font-size:11px; line-height:160%; padding:5px 0 0 0px; color:#fff; opacity:0.6;}
.DC_report_box .fp_con {position:relative; padding:10px 0 0 5px;}
.DC_report_box ul.fr_kind {position:relative; z-index: 1; }
.DC_report_box ul.fr_kind li {position:relative; font-size:12px; padding:10px 0 0 0px; font-weight:500; color:#eee; transition:all .3s; cursor:pointer; line-height:110%; display:inline-block; width:100%;}
.DC_report_box ul.fr_kind li:hover {color:#ffd600;}
.DC_report_box ul.fr_kind li:before {content:"ㆍ";}
.DC_report_box .bg_eff {position:absolute; top:0; left:0; width:100%; height:100%; transform: skewX(var(--skew_default));background:url(/images/top_bg_sd.jpg) no-repeat; background-size:cover; background-position:top center; border-radius:15px; display:none; overflow:hidden;}
.DC_report_box .bg_eff:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3;}
.DC_report_box.show .bg_eff {display:block;}
.DC_report_box .bg_eff span {position:absolute; bottom:0; right:-5px; font-family:var(--GB); font-weight:normal; font-size:40px; color:#fff; opacity:0;}

@media screen and (max-width: 650px){
	.DC_report_box {min-width:185px; bottom:20px;}
	.DC_report_box .frb_pos {width:150px; padding:55px 20px 30px 20px; }
	.DC_report_box .bg_tebi img {display:none;}
	.DC_report_box .bg_eff {border-radius:10px;}
	.DC_report_box .fp_control {left: -15px; padding:20px 0px; width:90px;}
	.DC_report_box .fp_control .year {font-size: 11px;}
	.DC_report_box .fp_control span {font-size: 10px; margin-top:10px; padding:3px 10px;}
	.DC_report_box .d_logo img {width:80px;}
	.DC_report_box year {font-size:9px;}
	.DC_report_box ul.fr_kind li {font-size:10px; }
}
*/

/**/
ul.sub_latest {position: absolute;top: 0;left: 0;right: 0; width: 100%; padding-left:70px;}
ul.sub_latest li {height: 70px;font-size: 0; text-align: left; width: 100%;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
ul.sub_latest li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
ul.sub_latest li h3,
ul.sub_latest li span {display: inline-block; vertical-align: middle; height: 70px;line-height: 70px;}
ul.sub_latest li h3 {font-size: 12px; color: #fff; font-weight: 600; width:calc(100% - 75px);text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
ul.sub_latest li span {font-size: 11px; color: #ddd; font-weight: 500; width:75px;}