body {overflow:hidden;background:url(/hanji_festival/2026/images/bg_2026.jpg);}
.welcome_box {position:fixed; top:0; left:0; width:100%; height:100%; background:#9ac142;}
.welcome_box:after {content:""; position:absolute; top:0; left:0; border-left:1300px solid rgba(0,0,0,0.0)/*#a1c946*/; border-bottom:1700px solid transparent; z-index:2;}
.welcome_day {position:fixed; top:0; left:0; width:100%; height:100%; z-index:3;}
.welcome_day .since {position:absolute; top:20px; left:20px; font-family:var(--neo); font-weight:500; color:rgba(0,0,0,0.85); font-size:12px; display:none;}
.welcom_nav {position:fixed; top:0; left:0; font-size:15px; z-index:10; width:100%; text-align:left; padding:80px 0 0 80px;}
.welcom_nav h1 {position:relative; max-width:500px;}
.welcom_nav h1 > img {width:100%;}
.welcom_nav h1 > his_no {font-family:var(--neo);font-weight:800; color:#e74179; font-size:22px; display:inline-block; padding:0 0 15px 10px; position:relative;}
.welcom_nav h1 > his_no sb_t {color:#0b62b2;display:inline-block; padding:0 0 0px 10px;font-weight:700;}
.welcom_nav h1 > m_t {font-family:var(--neo);font-weight:800; color:#e74179; font-size:22px; display:inline-block; width:100%; padding:5px 0 0 10px;}
.welcom_nav .s_title {position:relative; padding:20px 0 0 15px;}
.welcom_nav .s_title img {width:75%;}

.welcom_nav ul.schedule_box_ing {position:relative; max-width:420px; padding:35px 20px 0 10px; font-size:0;  text-align:left;}
.welcom_nav ul.schedule_box_ing > li {display:inline-block; vertical-align:top; width:100%; }
.welcom_nav ul.schedule_box_ing > li .go_content {display:inline-block; position:relative; background:#009962; color:#fff; font-size:13px;margin:20px 0 0 10px; padding:10px 0; max-width:150px; width:100%; text-align:center;font-family:var(--neo);font-weight:800; border-radius:35px;}
.welcom_nav ul.schedule_box_ing > li ul.date_check {display:inline-block; vertical-align:top; width:100%; padding-left:4px;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li {display:inline-block; vertical-align:top; width:50%; font-size:0; margin:1px 0; padding-left:8px; }
.welcom_nav ul.schedule_box_ing > li ul.date_check li.now {padding:0 0 30px 0;font-family:var(--neo);font-weight:800; width:100%; border:0; margin:-15px 0 0 -3px;}
/*.welcom_nav ul.schedule_box_ing > li ul.date_check li.now {position:absolute; top:0; right:0; width:auto; ;font-family:var(--neo);font-weight:800;}*/
.welcom_nav ul.schedule_box_ing > li ul.date_check li.now span {font-size:14px !important; letter-spacing:-0.05em;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li.now span em {font-style:normal;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li.now span.ready em {color:orangered;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li.now span.ing em {color:green;}
.welcom_nav ul.schedule_box_ing > li.none {width:100%; padding:30px 0; text-align:center; font-size:12px; color:red; background:#fafafa; border-radius:7px;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li span {display:inline-block; vertical-align:top;  line-height:110%; font-family:var(--neo);font-weight:600; position:relative; width:100%; }
.welcom_nav ul.schedule_box_ing > li ul.date_check li .dc_t {color:rgba(0,0,0,0.85); font-size:12px; margin-bottom:7px;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li .dc_c {color:rgba(0,0,0,1); font-weight:800;font-size:17px;letter-spacing:0em;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li .dc_c em {position:absolute; top:50%; left:90px; transform:translateY(-50%); font-style:normal; display:inline-block; vertical-align:middle; background:rgba(0,0,0,0.2); border-radius:3px; line-height:100%; width:16px; height:16px; line-height:16px; text-align:center;  margin-left:2px; font-size:11px; font-family:var(--bar);font-weight:normal; color:#fff;}
.welcom_nav ul.schedule_box_ing > li ul.detail_info {display:inline-block; vertical-align:top; width:100%; padding:20px 0 0 7px;}
.welcom_nav ul.schedule_box_ing > li ul.detail_info li {display:inline-block; vertical-align:top; width:100%; font-size:0; margin:1px 0; }
.welcom_nav ul.schedule_box_ing > li ul.detail_info li span {display:inline-block; vertical-align:top;  line-height:130%; font-family:var(--neo);font-weight:700; position:relative;  letter-spacing:0em;}
.welcom_nav ul.schedule_box_ing > li ul.detail_info li .dc_t {color:rgba(0,0,0,0.55);font-size:12px; width:45px;}
.welcom_nav ul.schedule_box_ing > li ul.detail_info li .dc_t:before {content:"ㆍ";}
.welcom_nav ul.schedule_box_ing > li ul.detail_info li .dc_c {color:rgba(0,0,0,1); font-weight:700;font-size:12px;width:calc(100% - 45px);}


.welcom_nav p {position:relative; left:0; right:0; margin:0 auto; max-width:600px;font-family:var(--neo); font-weight:600; color:rgba(0,0,0,0.6); font-size:14px; line-height:160%; padding:25px 25px 0 25px;}
.welcom_nav ul.go_web {position:relative; display:flex; padding:50px 0 0 0px;justify-content: center;animation: main_year 1s ease forwards;animation-delay: 2s;opacity:0; z-index:11;}
.welcom_nav ul.go_web li {flex:1; cursor:pointer; padding:17px 0; margin:0 5px; font-family:var(--neo); font-weight:800; color:#e93b76; border:5px solid #e93b76; font-size:14px; text-align:center; background:#fff;  border-radius:35px; transition:all .2s; position:relative; max-width:250px;}
.welcom_nav ul.go_web li:last-child {background:#222; border-color:#222; color:#eee; font-weight:600;}
.welcom_nav ul.go_web li:hover {background:#e93b76; border-color:#e93b76; color:#fff;}
.welcom_nav ul.go_web li:last-child:hover {background:#000; border-color:#000;}



.welcom_nav .count_day {position:absolute; font-size:0; color:#000; top:-5px; right:-25px; transform:translateX(100%);}
.welcom_nav .count_day .dday,
.welcom_nav .count_day .now_festival {position:relative; display:inline-block; vertical-align:middle;}
.welcom_nav .count_day .dday  {position:absolute; top:2px; left:80px; white-space:nowrap;}
.welcom_nav .count_day .dday span,
.welcom_nav .count_day .dday em {display:inline-block; vertical-align:middle; line-height:100%;}
.welcom_nav .count_day .dday span {font-family:var(--neo); font-weight:100; color:#000; font-size:13px; padding-right:3px;}
.welcom_nav .count_day .dday em {font-family:var(--neo); font-weight:800; font-size:17px; color:#000; font-style:normal;}
.welcom_nav .count_day .now_festival {font-family:var(--neo); font-weight:500; color:#333; line-height:110%; font-size:0; width:70px; text-align:center;}
.welcom_nav .count_day .now_festival span {display:inline-block; font-size:11px; font-weight:500; color:#fff;line-height:110%;  padding:5px 0; border-radius:30px; width:100%;}
.welcom_nav .count_day .now_festival span:after {content:""; border-top:5px solid #ddd; border-left:4px solid transparent; border-right:4px solid transparent; position:absolute; bottom:-5px; left:0; right:0; margin:auto; width:0;}
.welcom_nav .count_day .now_festival span.ready {background:red;}
.welcom_nav .count_day .now_festival span.ready:after {border-top-color:red;}
.welcom_nav .count_day .now_festival span.ing {background:#008762;}
.welcom_nav .count_day .now_festival span.ing:after {border-top-color:#008762;}
.welcom_nav .count_day .now_festival span.pass {background:red;}
.welcom_nav .count_day .now_festival span.pass:after {border-top-color:red;}

.intro_copy  {position:fixed; bottom:0; left:0; width:100%; text-align:right;font-family:var(--neo); font-weight:500; color:rgba(0,0,0,0.45); font-size:11px; z-index:9; letter-spacing:0.05em; padding:0 30px 30px 30px;}
.intro_copy span  {display:inline-block; padding:0 5px; color:rgba(0,0,0,0.9);}

.exp_hanji {position:relative; padding:30px 10px 0 40px; font-size:12px; color:#fff; line-height:150%;font-family:var(--neo); font-weight:500; }

.ani_icon_box {position: absolute; width: 20px; pointer-events: none; will-change: transform; opacity:0.35;}

@media screen and (max-width: 2000px){
	.welcom_nav h1 {max-width:480px;}
}

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

}

@media screen and (max-width: 1160px){
.welcom_nav {overflow-y:auto; height:100%; padding:80px;}
.welcom_nav ul.go_web {animation: none;opacity:1; justify-content: left;}
.intro_copy  {position:relative; bottom:initial; text-align:left; padding:30px 30px 0 30px;}
}


@media screen and (max-width: 650px){
.welcome_box:after {border-left:200px solid rgba(0,0,0,0.1)/*#a1c946*/; border-bottom:230px solid transparent; z-index:2; display:none;}
	.welcome_day .count_day {top:15px; right:15px; }
	.welcome_day .count_day .dday span {font-size:18px;}
	.welcome_day .count_day .dday em {font-size:18px;}
	.welcome_day .count_day .now_festival {margin-top:10px;}
	.welcome_day .count_day .now_festival span {font-size:11px;}
	.welcome_day .since {top:15px; left:15px; font-size:10px;}
	
	.welcom_nav {padding:50px 30px calc(130px + env(safe-area-inset-bottom)) 30px;}
	.welcom_nav h1 {max-width:250px;}
	.welcom_nav h1 > his_no {font-size:13px; padding:0 0 5px 5px;}
	.welcom_nav .s_title {padding:5px 0 0 10px;}
	.welcom_nav ul.schedule_box_ing {padding:20px 0px 0 0px;}
	.welcom_nav p {font-size:12px; line-height:160%; padding:15px 25px 0 25px;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li .dc_t {font-size:11px;}
.welcom_nav ul.schedule_box_ing > li ul.date_check li .dc_c {font-size:14px;}
.welcom_nav ul.schedule_box_ing > li ul.detail_info li {margin:0px 0; }
.welcom_nav ul.schedule_box_ing > li ul.detail_info li .dc_t {font-size:11px; width:40px;}
.welcom_nav ul.schedule_box_ing > li ul.detail_info li .dc_c {font-size:11px;width:calc(100% - 40px);}

.welcom_nav .count_day {top:-2px; right:-10px; }
.welcom_nav .count_day .dday  {top:0;left:62px;}

.welcom_nav .count_day .dday span {font-size:11px; font-weight:500;}
.welcom_nav .count_day .dday em {font-size:13px;}
.welcom_nav .count_day .now_festival { width:55px;}
.welcom_nav .count_day .now_festival span {font-size:9px;}
.welcom_nav .count_day .now_festival span:after {display:none;}

	.welcom_nav ul.go_web {position:fixed;bottom:calc(30px + env(safe-area-inset-bottom)); left:0; width:100%; padding:0 25px;}
	.welcom_nav ul.go_web li {padding:15px 0; margin:0 2px; font-size:13px; }
	.intro_copy  {font-size:9px;letter-spacing:0em; padding:30px 10px 0 10px;}
	.intro_copy span  {padding:0 3px;color:rgba(0,0,0,1)}
}


/**/
.moving_wrp {position:relative; padding:30px 0 0 10px;width: 650px;  }
.moving_wrp h3 {font-size:14px; color:#000; line-height:1; font-weight:700; padding:0 0 10px 10px; font-family:var(--neo); letter-spacing:-0.05em; position:relative;}
.moving_wrp h3 i {display:inline-block; vertical-align:middle; padding-right:5px; font-size:25px; color:red; }
.moving_this {position:relative; border-radius: 10px; overflow: hidden; background:#000;}
.moving_this:after		{content:""; display:block; padding-top:56.25%;}
.moving_this::before {
	background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0.0) 1px, transparent 1px, transparent 3px);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	content: "";
}.moving_this iframe		{position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
.moving_this .cvr {position:absolute; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; transition:all .3s;}
.moving_this:hover .cvr {opacity:1;}
.moving_this .cvr a {position:absolute; top:calc(50% + 10px); left:50%; transform:translate(-50%, -50%); font-size:12px; color:#fff; line-height:1;transition:all .3s;}
.moving_this:hover .cvr a {top:50%;}
.ytb_ment {font-size:12px; color:#555; line-height:150%; font-weight:500; padding:20px 10px 0 20px; font-family:var(--neo); letter-spacing:0em; position:relative;}
.ytb_ment a {color:#555; }
.ytb_ment a:hover {color:#000; }

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

}

@media screen and (max-width: 1700px){
.moving_wrp {padding:30px 0 0 10px;width: 550px;  }
}

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

}

@media screen and (max-width: 650px){
.moving_wrp {padding:20px 0 0 0;width: 100%;  }
.ytb_ment {font-size:11px; padding:20px 10px 0 10px;}
}


/**/
.offcial {position:absolute; top:7px; right:5px; font-size:0; z-index:11; white-space:nowrap;}
.offcial .of_ar {display:inline-block; vertical-align:middle; font-size:0; margin-left:15px;position:relative; text-align:center; cursor:pointer; font-family:var(--neo);}
.offcial .of_ar i,
.offcial .of_ar span {display:inline-block; vertical-align:middle;  line-height:1; width:100%;}
.offcial .of_ar i {font-size:20px; display:none;}
.offcial .of_ar span {font-size:12px; color:#000;font-weight:600; letter-spacing:-0.05em;}
.offcial .of_ar:hover span {color:red;}




.poster_back {position:fixed; top:0; left:0; width:100%; height:100%;  z-index:-1;visibility: hidden; opacity: 0; transition:all .9s; background:rgba(0,0,0,0.85);}
.poster_back.k_del {}
.poster_back.show {visibility: visible;  opacity:1;z-index:1000000;transition:all .3s;}
.poster_back .photo {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);max-width:900px; width:calc(100% - 20px); max-height: 800px; height:calc(100% - 20px);}
.poster_back .photo > img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height: 100%; border-radius:10px;}
.main_cp {position:fixed; top:50%; right:0;width:calc(100% - 700px); text-align:center; transform:translateY(-50%);  line-height:1; z-index:11; padding-left:75px;}
.main_cp mc_text {position:relative; transform:translateY(-50%); font-size: calc(130 * ((100vw + 100vh) / 2 / 1920)); font-weight:900; line-height:1; z-index:1; color:#fff;  text-shadow: 0 -1px 2px rgba(0,0,0,0.03), 0  2px 4px rgba(0,0,0,0.2), 0  4px 8px rgba(0,0,0,0.3); animation: main_year 1s ease forwards;animation-delay: 1.7s;opacity:0; font-family:var(--neo);}

@keyframes main_year {
	from	{right:-30px; opacity:0;}
	to		{right:0;  opacity:1;}
}


@media screen and (max-width: 1700px){
	.main_cp {padding:0;}
	.main_cp mc_text {font-size:60px; }
}

@media screen and (max-width: 1160px){
	.main_cp {position:relative; top:0; right:initial; left:0; width:100%; transform:none; padding:70px 0 0 0; text-align:left;}
	.main_cp mc_text {animation: none;opacity:1;}
}
@media screen and (max-width: 650px){
	.main_cp {padding:25px 10px 0 10px;}
	.main_cp mc_text {animation: none;opacity:1;font-size:5.5vw;/* color:#065eab;text-shadow:none;*/}
}

/**/
.logo_2026 {position:fixed; top:0; left:0; width:300px;}
.logo_2026 img {width:100%;}
.gd_box_wrap {position:absolute; bottom:50px; right:-70px; width:calc(100% - 700px); height:1px; border:0px solid red;}
.gd_box_wrap .gbw {position:absolute; left:0; width:100%; }
.gd_box_wrap .gbw:after {content:""; display:block; padding-top:80%; }
.gd_box_wrap .gbw.str {bottom:0; z-index:1;border:0px solid red;}
.gd_box_wrap .gbw.sha {top:0; opacity:0.3; transform:translateY(-15%);border:0px solid blue;}
.gd_box_wrap .gbw .step {position:absolute;left:0; width:100%;opacity:0;}
.gd_box_wrap .gbw.str .step {bottom:0; animation: won_array_up 1s ease forwards;}
.gd_box_wrap .gbw.sha .step {top:0;animation: won_array_down 1s ease forwards;}
.gd_box_wrap .gbw.sha .step.sha_l_01 {top:-10%;}
.gd_box_wrap .gbw img {width:100%;}
.gd_box_wrap .gbw.str .step.str_r_01 {animation-delay: 0.3s;}
.gd_box_wrap .gbw.str .step.str_r_02 {animation-delay: 0.5s;}
.gd_box_wrap .gbw.str .step.str_r_03 {animation-delay: 0.7s;}

.gd_box_wrap .gbw.str .step.str_l_01 {animation-delay: 0.45s;}
.gd_box_wrap .gbw.str .step.str_l_02 {animation-delay: 0.65s;}
.gd_box_wrap .gbw.str .step.str_l_03 {animation-delay: 0.85s;}

.gd_box_wrap .gbw.str .step.str_center {animation-delay: 0.95s;}

.gd_box_wrap .gbw.sha .step.sha_r_01 {animation-delay: 0.3s;}
.gd_box_wrap .gbw.sha .step.sha_r_02 {animation-delay: 0.5s;}
.gd_box_wrap .gbw.sha .step.sha_r_03 {animation-delay: 0.7s;}

.gd_box_wrap .gbw.sha .step.sha_l_01 {animation-delay: 0.45s;}
.gd_box_wrap .gbw.sha .step.sha_l_02 {animation-delay: 0.65s;}
.gd_box_wrap .gbw.sha .step.sha_l_03 {animation-delay: 0.85s;}

.gd_box_wrap .gbw.sha .step.sha_center {animation-delay: 0.95s;}

.dot_box_wrap {position:fixed; top:0; right:-70px; width:60%; height:100%; opacity:0; animation: dot_show 1s ease forwards; overflow:hidden;}
.dot_box_wrap img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;}

.dot_box_rev {position:fixed; left:0; bottom:0; width:50%; transform:translateY(60%); opacity:0.1;}
.dot_box_rev img {width:100%;transform: scale(-1);}

@keyframes won_array_up {
	from	{transform: translate(0, 30px); opacity:0;}
	to		{transform: translate(0,0%); opacity:1;}
}
@keyframes won_array_down {
	from	{transform: translate(0,-30px); opacity:0;}
	to		{transform: translate(0, 0%); opacity:1;}
}

@keyframes dot_show {
	from	{transform: translateY(10px); opacity:0;}
	to		{transform: translate(0, 0%); opacity:0.7;}
}
@media screen and (max-width: 1160px){
.gd_box_wrap {width:70%;}
.dot_box_rev {display:none;}

}

@media screen and (max-width: 650px){
.gd_box_wrap {width:85%;}

}
/**/
.ct_slide_box {position:fixed; top:0; left:0; width:100%; height:100%;  z-index:100;  visibility: hidden; opacity: 0;  background:rgba(0,0,0,0.9); transition:all .5s;}
.ct_slide_box.show {opacity: 1; visibility: visible; }
.ct_slide_box .cbox_pos {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; }
.ct_slide_box .cbox_pos h4 {position:absolute; top:0; left:0;  width:100%; height:100px;}
.ct_slide_box .cbox_pos h4 span {position:absolute; top:50%; left:20px;; transform:translateY(-50%); width:100%; line-height:100%;  text-align:left; font-size:20px; font-family:var(--neo);font-weight:600; color:#fff;}
.ct_slide_box .cbox_pos h4 i {position:absolute; top:20px; right:20px; transform:rotate(0); line-height:100%;  text-align:center; font-size:30px; padding:15px; color:#fff; cursor:pointer; transition:all .3s;}
.ct_slide_box .cbox_pos h4 i:hover {transform:rotate(90deg); }
.ct_slide_box .cbox_pos .cbox_wrap 		{position:absolute; width:100%; height:calc(100% - 100px); left:0; bottom:0; font-size:0; overflow:hidden; }
.cbox_con 		{position:relative; font-size:0; overflow:hidden; }
.cbox_con .slick-slider{position: relative; top:0; left:0; width:100%; height:auto;  display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent;  }
.cbox_con .slick-list{position: relative; display: block; overflow: hidden;  margin: 0; padding: 0 !important; z-index:1;}
.cbox_con .slick-list:focus{outline: none; }
.cbox_con .slick-list.dragging{cursor: pointer; cursor: hand;}
.cbox_con .slick-slider .slick-track,
.cbox_con .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.cbox_con .slick-slider button.slick-arrow	{position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); z-index:10; width:50px; height:50px; font-size:0; background:transparent; cursor:pointer; border:2px solid #ddd; opacity:0; transition:all .3s; display:none !important;}
.cbox_con .slick-slider:hover button.slick-arrow	{opacity:1; transition:all .3s;}
.cbox_con .slick-slider button.slick-arrow:hover	{border-color:#fff; transition:all .3s;}
.cbox_con .slick-slider button.slick-prev	{left:50px; border-width:0px 0px 1px 1px;}
.cbox_con .slick-slider button.slick-next	{right:50px; border-width:1px 1px 0 0;}
.cbox_con .slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
.cbox_con .slick-track:before,
.cbox_con .slick-track:after{display: table; content: '';}
.cbox_con .slick-track:after{clear: both;}
.cbox_con .slick-loading .slick-track{visibility: hidden;}
.cbox_con .slick-slide{display: none;float: left; min-height: 1px;}
[dir='rtl'] .cbox_con .slick-slide{float: right;}
.cbox_con .slick-slide img{display: block;}
.cbox_con .slick-slide.slick-loading img{display: none;}
.cbox_con .slick-slide.dragging img{pointer-events: none;}
.cbox_con .slick-initialized .slick-slide{display: block;}
.cbox_con .slick-initialized .slick-slide > div	{position:relative; width:100%; height:100%; display:inline-block;}
.cbox_con .slick-initialized .slick-slide > div .none	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:11px; color:rgba(0,0,0,0.6); height:auto !important; text-align:center;}
.cbox_con .slick-initialized .slick-slide > div > div	{position:relative; top:0; left:0; width:100%; height:100%;}
.cbox_con .slick-initialized .slick-slide > div > div a	{position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center !important; background-size:cover !important; }
.cbox_con .slick-initialized .slick-slide > div > div a:before	{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,20,90,0.9); z-index:1;}
.cbox_con .slick-initialized .slick-slide > div > div a:after	{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.3); z-index:2; transition:all .3s;}
.cbox_con .slick-initialized .slick-slide > div > div a:hover:after	{background: rgba(0,0,0,0.5); z-index:2; transition:all .3s;}
.cbox_con .slick-loading .slick-slide{visibility: hidden;}
.cbox_con .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.cbox_con .slick-arrow.slick-hidden {display: none;}
.cbox_con .slider {width: 100%; margin: auto;}
.cbox_con .slick-slide {margin: 0px 0;}
.cbox_con .slick-slide img {position: absolute; top:10px; left: 50%; transform: translateX(-50%); width:auto; max-width:110px; max-width:calc(100% - 30px); max-height: calc(100% - 70px); border-radius:10px;}
.cbox_con .slick-prev:before,
.cbox_con .slick-next:before {color: black;}
.cbox_con .slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.cbox_con .slick-active {opacity: 1; }
.cbox_con .slick-current {opacity: 1;}
.cbox_con .slick-dots {position: absolute; bottom:20px; left:50%; transform:translateX(-50%); display: block !important; padding: 0; margin: 0; list-style: none; z-index:10; }
.cbox_con .slick-dots li {position: relative; display: inline-block; width: 7px; height:7px; margin: 0 3px; padding: 0; cursor: pointer;  border-radius:100%; overflow:hidden; transition:all .3s;}
.cbox_con .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 100%; height: 100%; padding: 10px 0; cursor: pointer; color: transparent; border: 0; outline: none; background:rgba(0,0,0,0.3);}
.cbox_con .slick-dots li button:hover,
.cbox_con .slick-dots li button:focus {outline: none; }
.cbox_con .slick-dots li button:hover:before,
.cbox_con .slick-dots li button:focus:before {opacity: 1;}
.cbox_con .slick-dots li button:before {}
.cbox_con .slick-dots li.slick-active{border-radius:10px;}
.cbox_con .slick-dots li.slick-active button{background:#fff;}
.cbox_con .slick-initialized .slick-slide > div > div a .srt_wrp		{position:relative; width:100%; height:100%; padding: 45px; text-align:left; z-index:10;}
.cbox_con .slick-initialized .slick-slide > div > div a .pic		{position:absolute; top:25px; right:25px; width:35px; height:35px; background-position:center center !important; background-size:cover !important; border-radius:100%; overflow:hidden; transition:all .3s;}
.cbox_con .slick-initialized .slick-slide > div > div a h2		{display:inline-block; width:100%; font-size:0;}
.cbox_con .slick-initialized .slick-slide > div > div a:hover h2		{color:#0062c7; transition:all .3s;}
.cbox_con .slick-initialized .slick-slide > div > div a h2 .ar1,
.cbox_con .slick-initialized .slick-slide > div > div a h2 .ar2		{display:inline-block; vertical-align:middle; width:100%; font-size:35px; font-family:Noto Sans KR, sans-serif; font-weight:300; letter-spacing:-0.05em; color:#fff; transition:all .3s; line-height:110%;}
.cbox_con .slick-initialized .slick-slide > div > div a h2 .ar1		{font-size:30px;}
.cbox_con .slick-initialized .slick-slide > div > div a h2 .ar2		{padding-top:3px;}
.cbox_con .slick-initialized .slick-slide > div > div a ul.srt_box		{position:absolute; bottom:15px; left:0; width:100%; padding:45px;}
.cbox_con .slick-initialized .slick-slide > div > div a ul.srt_box li		{display:inline-block; width:100%; padding-top:2px;font-size:12px; overflow:hidden; color:rgba(0,0,0,0.6); text-overflow:ellipsis; white-space:nowrap;}
.cbox_con .slick-initialized .slick-slide > div > div a ul.srt_box li span		{color:#fff;}
.cbox_con .slick-initialized .slick-slide > div > div a .app_cmp		{position:absolute; bottom:-40px; right:-20px; font-family: 'GmSansB'; color:#142c6a; line-height:100%; font-size:130px; transition:all .3s;}
.cbox_con .slick-initialized .slick-slide > div > div a:hover .app_cmp		{right:-5px; transition:all .3s;}

@media screen and (max-width: 650px){
	.ct_slide_box .cbox_pos h4 {height:60px;}
	.ct_slide_box .cbox_pos h4 span {top:calc(50% + 5px); font-size:15px;}
	.ct_slide_box .cbox_pos h4 i {font-size:17px; top:0; right:0;}
	.ct_slide_box .cbox_pos .cbox_wrap 		{height:calc(100% - 60px);}
	.cbox_con .slick-slide img {max-width:calc(100% - 10px); max-height: calc(100% - 50px); }
}