@charset "utf-8";

/* reset css */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;font-family:'Malgun Gothic',dotum,sans-serif;}


/* 신 메인배너 */

/* Text Hidden */
.btn_login, .btn_logout, .btn_login_agree, .btn_gameStart, .btn_gameStartDownload, .btn_editCharacter, .btn_gameDownload, .ipt_fileDelete a, .medal, .crown, .btn_titMore > span, .btn_issueMore > span, .wrap_ucc .ucc .tit, .ucc_item .lists li .category > a, .wrap_side .side_survey .survey .status, .wrap_side .socialMedia_links .lists > li > a, .wrap_banner .owl-nav > div, .mcs_choiceCharacter .owl-nav > div, .cv_header .owl-nav > div, .wrap_issue .subject .ico, .rk_search .rk_tit, .b_subject .subject .ico, .bv_subject .subject .ico, .b_info .ico, li.notice .b_author .author, .gf_btn_popupClose > a, .gf_btn_popupClose > a .ir, .gf_btn_lpopupClose > a, .wrap_lpopup .lpopup_header .tit, #header .logo a, #header .gnb > li > a, #header .gnb > li > a > .pointer, #header .gnb_sub li.eventCalendar > a, #footer .terms .identity li > a, #footer .aside .asnb > li > a { display: block; overflow: hidden; text-align: left; text-indent: -9999px; font-size: 0; line-height: 0; }

/* Promotion */
.wrap_banner { position: relative; overflow: hidden; height: 790px; } /* 공간크기 */
.wrap_banner .banner { position: absolute; left: 50%; overflow: hidden; width: 2560px; height: 790px; margin-left: -1280px; }
.wrap_banner .banner_item { height: 790px; text-align: center; } /* 그림크기, 링크크기 */
.wrap_banner .banner_item > a { display: inline-block; }

.wrap_banner .owl-nav { position: relative; width: 1500px; margin: 200px auto 0; }
.wrap_banner .owl-nav > div { position: absolute; top: 16px; width: 145px; height: 263px; background: url("/images/spr.png") no-repeat 0 0; z-index: 5; }


.wrap_banner .owl-nav .owl-prev { left: 23px; background-position: -135px -385px; } /* 좌우 */
.wrap_banner .owl-nav .owl-next { right: 27px; background-position: -314px -385px; } /* 좌우 */



.wrap_banner .owl-dots { position: relative; width: 1200px; height: 0; margin: 560px auto 0; padding: 0 0 0 8px; z-index: 3; }  /* 아래버튼 위치 */
.wrap_banner .owl-dots .owl-dot { float: left; margin: 0 0 0 4px; }
.wrap_banner .owl-dots .owl-dot > span { display: block; width: 36px; height: 19px; background: url("/images/spr.png") no-repeat -386px -95px; }
.wrap_banner .owl-dots .owl-dot.active > span { background-position: -426px -95px; }

/* Owl-Carousel Styling */
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 1; }
.owl-carousel .owl-animated-out { z-index: 0; }
.owl-carousel .fadeOut { animation-name: fadeOut; }

/* Animate.css minify */
.animated { animation-duration: 1s; animation-fill-mode: both; }
.animated.infinite { animation-iteration-count: infinite; }
.animated.hinge { animation-duration: 2s; }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

.fadeIn { animation-name: fadeIn; }

@keyframes fadeInDown { from { opacity: 0;
    transform: translate3d(0, -10%, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInDown { animation-name: fadeInDown; animation-delay: .3s; }

@keyframes fadeInDownBig { from { opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInDownBig { animation-name: fadeInDownBig; }

@keyframes fadeInLeft { from { opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInLeft { animation-name: fadeInLeft; }

@keyframes fadeInLeftBig { from { opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInLeftBig { animation-name: fadeInLeftBig; }

@keyframes fadeInRight { from { opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInRight { animation-name: fadeInRight; }

@keyframes fadeInRightBig { from { opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInRightBig { animation-name: fadeInRightBig; }

@keyframes fadeInUp { from { opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInUp { animation-name: fadeInUp; }

@keyframes fadeInUpBig { from { opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to { opacity: 1;
    transform: none; } }

.fadeInUpBig { animation-name: fadeInUpBig; }

@keyframes fadeOut { from { opacity: 1; }
  to { opacity: 0; } }

.fadeOut { animation-name: fadeOut; }

@keyframes fadeOutDown { from { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(0, 30%, 0); } }

.fadeOutDown { animation-name: fadeOutDown; animation-duration: .2s; }

@keyframes fadeOutDownBig { from { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig { animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft { from { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft { animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig { from { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig { animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight { from { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight { animation-name: fadeOutRight; }

@keyframes fadeOutRightBig { from { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig { animation-name: fadeOutRightBig; }

@keyframes fadeOutUp { from { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp { animation-name: fadeOutUp; }

@keyframes fadeOutUpBig { from { opacity: 1; }
  to { opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig { animation-name: fadeOutUpBig; }


.issue_megaphone, .issue_banner { position: relative; float: left; width: 288px; height: 288px; }
.issue_megaphone { margin: 0 0 0 29px; }
.issue_banner { margin: 0 0 0 25px; }
.megaphone_item { height: 288px; }
.megaphone_item, .banner_item { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; }
.megaphone_item > a, .banner_item > a { display: block; }
.megaphone_item .thumb, .banner_item .thumb { width: 100%; height: 100%; }
.megaphone_item .thumb img { width: 100%; height: 100%; }
.megaphone_item .des { position: absolute; bottom: 0; left: 0; width: 100%; padding: 23px 12px 13px; text-align: center; background: rgba(0, 0, 0, 0.8); }
.megaphone_item .des .tit { position: absolute; top: -13px; left: 50%; background: #b70000; width: 90px; height: 28px; margin: 0 0 0 -45px; font-size: 13px; line-height: 28px; color: #ffc6c6; }
.megaphone_item .des .subject { margin: 0 0 4px 0; font-size: 18px; line-height: 22px; color: #fff; }
.megaphone_item .des p { font-size: 13px; color: #888; }

/* 신 메인배너 */


/* 서브 배너 */
.m_prom2{position:absolute;top:0;left:0;width:100%;} /* 대배너 위치 */
.m_prom2 li{position:absolute;top:0;left:0;width:100%;height:1400px;display:none;}/* 대배너 크기 */
.m_prom2 li.on{display:block;}
.m_prom2 li div{padding-top:80px;} /* 혈검 대배너 상단 링크 시작 위치 */
.m_prom2 li a{display:block;margin:0 auto;width:1450px;height:350px;background:url(/images/trans.gif) no-repeat;text-align:left;overflow:hidden;text-indent:-1000px;} /* 혈검 대배너 링크 끝 위치 */
.m_prom2_bt{position:absolute;top:390px;left:50%;margin-left:-670px;width:1180px;z-index:1;} /* 혈검 번호위치 */
.m_prom2_bt ol{position:absolute;top:390;left:30px;height:24px;} /* 혈검 번호위치 */

.m_prom2_bt li{float:left;display:inline;margin-right:3px;}
.m_prom2_bt li a{display:block;width:40px;height:30px;overflow:hidden;}
.m_prom2_bt li em{display:block;width:40px;height:60px;background:url('/images/prom_no.png') no-repeat;overflow:hidden;text-indent:-1000px;}
.m_prom2_bt li .on em{margin-top:-30px;}
.m_prom2_bt .n2 em{background-position:-40px 0;}
.m_prom2_bt .n3 em{background-position:-80px 0;}
.m_prom2_bt .n4 em{background-position:-120px 0;}
.m_prom2_bt .n5 em{background-position:-160px 0;}
.m_prom2_bt .n6 em{background-position:-200px 0;}
.m_prom2_bt .n7 em{background-position:-240px 0;}
.m_prom2_bt .n8 em{background-position:-280px 0;}
.m_prom2_bt .n9 em{background-position:-320px 0;}
.m_prom2_bt .n10 em{background-position:-360px 0;}
.m_prom2_bt .n11 em{background-position:-400px 0;}
.m_prom2_bt .n12 em{background-position:-440px 0;}
.m_prom2_bt .n13 em{background-position:-480px 0;}
.m_prom2_bt .n14 em{background-position:-520px 0;}
.m_prom2_bt .n15 em{background-position:-560px 0;}
.m_prom2_bt .n16 em{background-position:-600px 0;}
.m_prom2_bt .n17 em{background-position:-640px 0;}
.m_prom2_bt .n18 em{background-position:-680px 0;}
.m_prom2_bt .n19 em{background-position:-720px 0;}
.m_prom2_bt .n20 em{background-position:-760px 0;}