@charset "utf-8";
/* CSS Document */

/**/
.wrap {background-color: #fff;}

header {position:relative; width:100%;}
header .top .tb .logo:hover img {-webkit-animation: flash 1.5s; animation: flash 1.5s;}
header .top .tt ul li a:hover {color:#e83a40; font-weight: bold;}
header .top .tb .hea_bn:hover img {opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}

header .top_box {width:100%; position:relative; background-color:#fff; z-index:6} 
header .top {margin-bottom:0px; padding-bottom:30px;}
header .bot  {position: relative; z-index:10000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;	transition: all 0.3s;}

/* header .bot {background: #13275a;}
header .bot {background: linear-gradient(to right, rgba(165,9,9,1) 0%,rgba(208,0,31,1) 100%);}
header .bot {background: linear-gradient(to right, rgba(41,56,85,1) 4%,rgba(104,0,122,1) 24%,rgba(208,0,31,1) 88%);} */


header .bot ul {margin-top: 0px; position: relative;}
header .bot ul li span {
	display: block; position: absolute; width: 0%; height: 5px; bottom: -2px; background: #e83a40;
	-webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
}
header .bot ul li a {font-size:20px; margin: 0 42px;}
header .bot ul li a:hover span {width: 100%;}
header .bot ul li a:hover {color: #fff;}
header .bot .s_logo {position: absolute; top:-5px; left:-190px; display: none;}
header .bot .s_logo a {margin:0px; padding: 17px 0 0;}
header .fixed_meun .s_logo {display: block;}
header .fixed_meun .s_logo:hover img {opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}
header .bot .s_logo a {margin: 0px;}

header .bot .new-box {position: relative;}
header .bot .new_icon {position: absolute; top:9px;  left:19px;}
/**/
.fixed_meun {position:fixed !important; top:0px; width:100%; height: 60px;}
.notice-block {z-index: 1;}

/* 푸터 링크 */
footer .list > div .le li a:hover {color:#d0d8d9;}
footer .list > div .ri li a:hover, footer .list > div .ri li a:focus, footer .list > div .ri li a:active {
	opacity: 0.8;  -webkit-animation-name:hvr-pulse-shrink; animation-name:hvr-pulse-shrink; 
	-webkit-animation-duration: 0.3s; animation-duration: 0.3s;	-webkit-animation-timing-function: linear; animation-timing-function: linear; 
	-webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-direction:alternate; animation-direction:alternate;
}

/* 왼쪽메뉴 고정 top: 259px; */
.right_con {position: absolute; top: 225px; left: calc(50% + 620px); z-index:10001;}

/* 오른쪽 메뉴 고정 2024 08 new */
.left_con {position:absolute; top:259px; left: calc(50% + -835px); border-radius:10px; width:215px; z-index:10001;}

.my_anal {margin-bottom:15px; border:3px solid #293855; border-radius:10px; background-color:#fff;}
.my_anal .log-title {padding:10px; font-size:18px; line-height:24px; font-weight: bold; color: #fffbc0; background-color: #293855;}
.my_anal .log-title span {display:block; font-size:14px; font-weight:400; color: #f1f1f1;}

.my_anal ul {padding:5px 12px;}
.my_anal ul li {padding-top:10px; margin-top:10px; border-top: 1px solid #c9c9c9;}
.my_anal ul li:first-child {padding-top:0px; margin-top:10px; border-top:none;}

.new_anal {margin-bottom:0px; border:3px solid #293855; border-radius:10px; background-color:#fff;}
.new_anal .log-title {padding:10px; font-size:15px; line-height:24px; font-weight:600; color:#ffffff; background-color:#293855;}
.new_anal .log-title span {color: #ff4e4e;}

.new_anal ul {padding:5px 12px;}
.new_anal ul li {padding-top:10px; margin-top:10px; border-top: 1px solid #c9c9c9;}
.new_anal ul li:first-child {padding-top:0px; margin-top:10px; border-top:none;}

.left-box {padding:0px; position:relative;}
.left-box .material-symbols-sharp {position:absolute; top:-4px; left:-2px; padding:3px; font-size:16px; background-color:#e83a40; color:#fff; border-radius:100px; z-index:1;}
.left-box .img { width:50px; height:50px; overflow:hidden; padding:10px; position:relative; border-radius:5px; display:inline-block; background-color:#d9d9d9;} 
.left-box .img img { width:90px; position:absolute; top: 6px; right:-7px;}

.left-box .txt_info {display:inline-block; vertical-align: top; margin-left: 5px;}
.left-box .txt_info .title {font-size:16px; font-weight:bold; margin-bottom:10px;}
.left-box .txt_info .title span {
    display:block; font-size:10px; line-height:12px; color:#fff; padding:2px 5px 4px; border-radius:5px; background-color:#e83a40; margin-bottom:5px; text-align: center;
}
.left-box .txt_info .time {font-size:12px; font-weight:500;}
.left-box .txt_info .time span {font-size:13px; margin-right:3px; position:relative; top:2px; color: #838383;}

.left-box .btn_area {position:relative; width:100%; margin:10px 0;}
.left-box .btn_area span {padding:6px 0 8px; text-align:center; color:#fff; width:100%; display:block; border-radius:5px; font-size:14px; font-weight:bold;}
.left-box .btn_area .btn-red {position:absolute; background-color:#e83a40; animation-name: flicker; animation-duration: 2s; animation-iteration-count: infinite;}
.left-box .btn_area .btn-blue {position:absolute; background-color:#2892f5; animation-name: flicker; animation-duration: 2s; animation-iteration-count: infinite;}
.left-box .btn_area .btn-nome {background-color: #293855;}

/* left 고정 */
.fixed {position:fixed !important; top:75px !important;}
/* 상황에 따른 left 높이 및 scroll 조절 */
.fixed .no_scroll {max-height:804px; overflow-y:auto;}
.fixed .scroll_s {max-height:316px; overflow-y:auto;}
.fixed .scroll_s2 {height:auto; overflow:hidden;}
.fixed .scroll_m {max-height:446px; overflow-y:auto;}
.fixed .scroll_m2 {height:auto; overflow:hidden;}
.fixed .scroll_b {max-height:576px; overflow-y:auto;}

.right_con li:hover img {opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}

/* 공지사항 */
footer .line .footer_notice .rolling {width: 94%;}

/* footer */
footer .list {background: #e4e4e4;}
footer .list > div .le li a {color: #333; font-weight:600;}
footer .list > div .le li a:hover {color:#999;}


/* 확장 메뉴 추가 202502 */
#newMeun {position: absolute; bottom:1px;}
#newMeun::after {content:"\e7cd"; font-family:'Material Symbols Sharp'; font-size:23px; line-height:23px; margin-left:5px; position:relative; top:4px; color:#28a8ea;}
.c_btn {color:#ff555b !important; font-weight:500;}
.c_btn::after {content:"\e5c9" !important; color:#ff555b !important; top:5px !important;}

.bg_back {width:100%; height:100%; background:#000; opacity:0; z-index:0; transition: all .2s ease-in-out;}
.bg_back.active {position:fixed; top:0; left:0; opacity: 0.6; z-index:5; transition: all .4s ease-in-out;}

.meun_area {
	background-color:#FFFFFF; width:1140px; padding:0 30px; border-top:3px solid #e83a40; max-height:610px; overflow:hidden; z-index:6; border-bottom-left-radius:8px; border-bottom-right-radius:8px; 
	height:0; opacity:0; position:absolute; left:50%; -webkit-transform: translate(-50%,-20%); transform: translate(-50%,-20%); transition: all .2s ease-in-out;
}
.meun_area.active {height:auto; padding:20px 30px; display:block; opacity:1; -webkit-transform: translate(-50%,0%); transform: translate(-50%,0%);}
.fixed_meun2 {position:fixed !important; top:60px; }

.meun_area .sub_pg_tit {margin:20px auto; width:990px; position:relative;}
.meun_area .sub_pg_tit strong {width:240px; font-size:30px; font-weight:bold; color:#333; display:inline-block; background-color:#fff; position:relative; z-index:1; padding-right:15px;}
.meun_area .sub_pg_tit span {font-size:36px; line-height:25px; width:25px; position:relative; top:6px; left:-8px; color:#e83a40;}
.meun_area .sub_pg_tit a {font-size:14px; line-height:14px; font-weight:500; color:#fff; background-color:#2d2b2b; border-radius:20px; padding:8px 16px 10px; position:absolute; bottom:0; right:0; z-index:1;}
.meun_area .sub_pg_tit a::after {content:"\e5e1"; font-family:'Material Symbols Sharp'; margin-left:3px; position:relative; top:2px;}
.meun_area .sub_pg_tit a:hover {background-color:#e83a40; }

.meun_area .sub_pg_tit::after {content:""; width:100%; height:2px; background-color:#333; position:absolute; left:0; top:15px;}

.meun_area .eventlist_area {display:block; width:990px; max-height:515px; overflow:hidden;  margin: 0 auto;}
.meun_area .eventlist_box {display:inline-block; width:310px; margin:0 12px 20px; background-color:#F2F2F2; border-radius:6px; overflow:hidden; position:relative; box-shadow:1px 2px 3px 0px rgba(0, 0, 0, 0.2);}
.meun_area .eventlist_box:nth-child(1){margin-left:0;}
.meun_area .eventlist_box:nth-child(3){margin-right:0;}
.meun_area .eventlist_box:nth-child(4){margin-left:0;}
.meun_area .eventlist_box:nth-child(6){margin-right:0;}

.meun_area .eventlist_box a {width:100%; height:100%; position: absolute; top: 0; left: 0; z-index: 1;}
.meun_area .eventlist_box .img { width:310px; height:157px; margin-bottom:15px; background-color:#c4c4c4; position: relative;}
.meun_area .eventlist_box .tit {
	font-size:16px; font-weight:600; color:#333; margin:0 12px 10px; text-align:center;	height:18px; line-height:18px; overflow:hidden; 
	display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;
}
.meun_area .eventlist_box .d_day {font-size:15px; font-weight:400; line-height:16px; letter-spacing:0;  padding-left:86px; padding-bottom:20px; position:relative;}
.meun_area .eventlist_box .d_day span {
	position:absolute; bottom:16px; left:15px; width:40px; text-align:center; padding:3px 10px 4px; border-radius:4px; background-color:#e83a40; box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.3); 
	font-size:14px; font-weight:bold; letter-spacing:0; color:#fff;
}

.meun_area .eventlist_box:hover {opacity:1; -webkit-animation: flash 1.5s; animation: flash 1.5s;}
.meun_area .eventlist_box:hover .d_day span {animation-name:hvr-wobble-vertical-lr; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count:1;}

@-webkit-keyframes hvr-wobble-vertical-lr {
	16.65% {transform: translateX(8px);}
	33.3% {transform: translateX(-6px);}
	49.95% {transform: translateX(4px);}
	66.6% {transform: translateX(-2px);}
	83.25% {transform: translateX(1px);}
	100% {transform: translateX(0);}
}

.hide {display: none;}
.show {display: block;}

.main_bn .slick-arrow { z-index: 4 !important;}

/* 202408 new */
@keyframes flicker {
	0% {opacity: 1}
	50% {opacity: 1}
	51% {opacity: 0}
	100% {opacity: 0}
}

@keyframes none-btn {	
	100% {opacity: 0; transform: scale(0.8);}
}

/* 키프레임 설정 ----------------------------------------------------------------------------------*/
@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@-webkit-keyframes flash {
	0% {opacity: .4;}
	100% {opacity: 1;}
}
@keyframes flash {
	0% {opacity: .4;}
	100% {opacity: 1;}
}
/**/
@-webkit-keyframes shine {
	0% {opacity: 1;	}
	40% {opacity: 1;}
	100% {left: 125%; opacity: 0;}
}
@keyframes shine {
	0% {opacity: 1;	}
	40% {opacity: 1;}
	100% {left: 125%; opacity: 0;}
}
/**/
@-webkit-keyframes pulse-shrink {
    to {
        -webkit-transform: scale(1.3); transform: scale(1.3);
    }
}
@keyframes pulse-shrink {
    to {
        -webkit-transform: scale(1.3); transform: scale(1.3);
    }
}
/**/
@-webkit-keyframes pulse-shrink2 {
    to {
        -webkit-transform: scale(0.9); transform: scale(0.9);
    }
}
@keyframes pulse-shrink2 {
    to {
        -webkit-transform: scale(0.9); transform: scale(0.9);
    }
}
/**/
@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.8); transform: scale(0.8);
    }
}
@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.8); transform: scale(0.8);
    }
}

/* 241105 오른쪽 날개------------------------------------------------------------------------------*/
@-webkit-keyframes hvr-wobble-vertical {
	16.65% {transform: translateY(8px);}
	33.3% {transform: translateY(-6px);}
	49.95% {transform: translateY(4px);}
	66.6% {transform: translateY(-2px);}
	83.25% {transform: translateY(1px);}
	100% {transform: translateY(0);}
}
.app_bn {display:inline-block; vertical-align:middle; transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); margin-bottom:12px;}
.app_bn:hover {animation-name: hvr-wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1;}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -11px;
    right: -11px;
    bottom: -11px;
    left: -11px;
    opacity: 0;
  }
}
.hvr-ripple-out {display:inline-block; vertical-align: middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); position:relative; margin-bottom:5px;}
.hvr-ripple-out img {position: relative; z-index:2;}
.hvr-ripple-out:before {
	content: ''; position:absolute; border:6px solid #179cde; top:0; right:0; bottom:0; left:0; z-index:1; 
	-webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;	
}

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out;
}

/* top& footer 배너 -----------------------------------------------------------------------------*/
.top-bnbox {z-index:10000; position:relative;}
.bill_banner .w1200 {position:relative;}
.bill_banner .btn_close {position: absolute; right:0; top:50%; transform:translateY(-50%); cursor:pointer;}
.bill_banner .btn_close span {font-size:48px; color: #fff;}
.bill_banner .btn_close:hover span {-webkit-animation: flash 1s; animation: flash 1s;}

.floating-banner {position:fixed; left:0; bottom:-170px; width:100%;  z-index:10000; box-shadow:0px -2px 5px rgba(0, 0, 0, 0.1); transition:bottom 0.3s ease-in-out; line-height: 0; }
.floating-banner.visible {bottom: 0;}

.yakgwan_popup {z-index:10000;}

.bn-bg01 {background-color:#212121;}
.bn-bg02 {background-color:#131d36;}
.bn-bg03 {background-color:#870d18;}

/* 날개배너 위치 수정 */
.left_con-plus {top: 360px;}
.right_con-plus {top: 330px;}