@charset "utf-8";
/*
 * 파일정의 :nmain.css
 * 파일설명 : 로그인전 메인페이지
 * 작성자 :glim 한지혜
 * 주의사항 :주석표기는 페이지 접근방법을 알수 있도록 표시
 * 최초작성일:2019/08/01
 * 최종수정일:2019/08/09
 */
.mmain{background-color:#fff;}
.wrapper{position:relative;}

.nmtitle{margin-top:9px;font-size:30px;color:#1c2230;letter-spacing:-1px;}
.nmtitle em{font-size:32px;font-family:Arial, sans-serif;}
.nmtitle_sub{display:block;font-weight:bold;font-size:15px;color:#2f8cf4;font-family:Arial, sans-serif;text-transform:uppercase}
.nmtitle_desc{margin-top:14px;font-size:14px;color:#666;letter-spacing:-0.5px;line-height:22px;}

.nm_header{position:relative;height:640px;background:#fff}
.nm_header h1{position:absolute;top:40px;left:50%;margin-left:-490px;z-index:100}

.nmvisual{height:535px;background:#000}
.nmvisual .nmvisual_box{position:relative;width:100%;height:535px;font-size:40px;color:#fff;}
.nmvisual .nmvisual_box .section{position:relative}
.nmvisual .nmvisual_box .section .desc{position:absolute;top:184px;left:28px}
.nmvisual .nmvisual_box .section .tit{position:absolute;top:244px;left:28px}
.nmvisual .nmvisual_box .section .txt{position:absolute;top:322px;left:28px}
.nmvisual .nmvisual_box_01{background:#000 url(../images/nmain/nm_visual_01.png) no-repeat 50% 0}
.nmvisual .nmvisual_box_02{background:#000 url(../images/nmain/nm_visual_02.png) no-repeat 50% 0}


.nmlogin{position:absolute;bottom:43px;left:50%;max-height:130px;margin-left:-490px;z-index:10;background:#fff}
.nmlogin:after{content:"";display:block;clear:both}

.bg_shadow{z-index:1;position:absolute;bottom:5px;left:50%;margin-left:-514px;width:1034px;height:185px;background:transparent url(../images/nmain/bg_login_shadow.png) no-repeat 50% 0;}

.nmlogin .login_util{float:left;width:735px;padding:28px 30px 24px;background:#fff;box-sizing:border-box;}
.nmlogin .login_util .nmlogin_title{width:100%;margin-bottom:15px}
.nmlogin .login_util .nmlogin_title:after{content:"";display:block;clear:both}
.nmlogin .login_util .nmlogin_title .nmtitle,
.nmlogin .login_util .nmlogin_title .nmtitle em{font-size:20px;font-weight:bold;letter-spacing:0px;}
.nmlogin .login_util .nmlogin_title .nmtitle{float:left;margin:0}
.nmlogin .login_util .nmlogin_title .nmtitle_desc{float:left;margin:0 0 0 15px}

.nmlogin .login_util .ip_box{float:left;margin:0;}
.nmlogin .login_util .ip_box + .ip_box{margin-left:10px}
.nmlogin .login_util .ip_box.ip_chk_box{margin-top:10px;}
.nmlogin .login_util .ip_box.ip_chk_box label{font-weight:normal;}
.nmlogin .login_util .ip_box input[type="text"],
.nmlogin .login_util .ip_box input[type="password"]{width:220px;height:40px;padding:0 0 0 37px;line-height:38px;border:1px solid #d8d8d8;box-sizing:border-box}
.nmlogin .login_util .ip_box input[type="text"]{background:#fff url(../images/nmain/bg_input_id.png) no-repeat 14px 50%}
.nmlogin .login_util .ip_box input[type="password"]{background:#fff url(../images/nmain/bg_input_password.png) no-repeat 14px 50%}

.nmlogin .fr.btn_login{display:block;float:right;width:245px;height:130px;margin:0;border:0;padding:0;font-weight:bold;font-size:26px;line-height:130px;font-family:Arial, sans-serif;color:#fff;background:#2f8cf4; text-align: center; text-decoration: none;}
.nmlogin .fr.btn_login:hover {background-color: #0957c1;}

.nmlogin .user_util{position:absolute;bottom:130px;right:0;width:245px;}
.nmlogin .user_util li{position:relative;width:100%;height:100px;}
.nmlogin .user_util li + li:before{content:"";display:block;position:absolute;top:0;left:10px;right:10px;height:1px;background:#50545e}
.nmlogin .user_util li a{display:block;width:100%;height:100%;padding:30px 0 0 72px;font-size:14px;line-height:21px;color:#c1c2c4;text-decoration:none;background:#3c414c url(../images/nmain/arrow_user_util_right.png) no-repeat 205px 50%;box-sizing:border-box;}
.nmlogin .user_util li a .ico{display:block;position:absolute;top:30px;left:30px;width:31px;height:42px;}
.nmlogin .user_util li a .ico.ico_user_util_01{background:url(../images/nmain/ico_user_util_01.png) no-repeat 0 0 }
.nmlogin .user_util li a .ico.ico_user_util_02{background:url(../images/nmain/ico_user_util_02.png) no-repeat 0 0 }
.nmlogin .user_util li a:hover{background-color:#2e323c}

.nmlogin .user_util2 {position:absolute; bottom:330px; right:0; width:245px;}
.nmlogin .user_util2 li{position:relative; width:100%; height:120px;}
.nmlogin .user_util2 li + li:before{content:"";display:block;position:absolute;top:0;left:10px;right:10px;height:1px;background:#50545e}
.nmlogin .user_util2 li a{ display:block; width:100%; height:100%; padding:20px 0 0 72px;font-size:14px; line-height:21px; color:#dec5cb; text-decoration:none;background:#b94c6b url(../images/nmain/arrow_user_util_right.png) no-repeat 205px 50%;box-sizing:border-box;}
.nmlogin .user_util2 li a .ico{display:block;position:absolute;top:40px;left:30px;width:31px;height:42px;}
.nmlogin .user_util2 li a .ico.ico_user_util_03{background:url(../images/nmain/ico_user_util_03.png) no-repeat 0 0 }
.nmlogin .user_util2 li a:hover{background-color:#862d46}

.nmcontent{}
.nmcontent .section:after{content:"";display:block;clear:both}
.nmcontent .section .fl{float:left}
.nmcontent .section .fr{float:right}

.cretopis{padding:115px 0 120px;background:#fff url(../images/nmain/bg_nmcont_cretopis.png) no-repeat 50% 100% }
.cretopis .fl{width:370px;}
.cretopis .fr{position:relative;width:555px;height:240px;margin-top:20px;}
.cretopis .fr .cretop_info_box{position:absolute;width:245px;height:110px;padding:30px 0 0 85px;font-size:13px;color:#333;background:#fff;letter-spacing:-1px;;box-sizing:border-box;box-shadow:12px 5px 20px rgba(0, 0, 0, 0.1);}
.cretopis .fr .cretop_info_box:after{content:"";display:block;position:absolute;top:-10px;right:-25px;bottom:-30px;left:-10px;background:url(../images/nmain/bg_cretopinfo_shadow.png) no-repeat 0 0 \9;z-index:0;}

.cretopis .fr .cretop_info_box:first-child{bottom:130px; right:310px;}
.cretopis .fr .cretop_info_box:first-child + .cretop_info_box{bottom:130px;left:265px}
.cretopis .fr .cretop_info_box:first-child + .cretop_info_box + .cretop_info_box{top:130px;right:310px;}
.cretopis .fr .cretop_info_box:first-child + .cretop_info_box + .cretop_info_box + .cretop_info_box{top:130px;left:265px;}

.cretopis .fr .cretop_info_box i.ico{position:relative;display:block;position:absolute;top:35px;left:24px;width:40px;height:40px;z-index:10;}
.cretopis .fr .cretop_info_box i.ico.ico_cretopis_01{background:url(../images/nmain/ico_cretopis_01.png) no-repeat 50%}
.cretopis .fr .cretop_info_box i.ico.ico_cretopis_02{background:url(../images/nmain/ico_cretopis_02.png) no-repeat 50%}
.cretopis .fr .cretop_info_box i.ico.ico_cretopis_03{background:url(../images/nmain/ico_cretopis_03.png) no-repeat 50%}
.cretopis .fr .cretop_info_box i.ico.ico_cretopis_04{background:url(../images/nmain/ico_cretopis_04.png) no-repeat 50%}
.cretopis .fr .cretop_info_box .tt{position:relative;display:block;color:#1274e0;font-size:16px;;z-index:10;}
.cretopis .fr .cretop_info_box .tt em{font-size:28px;font-weight:bold;font-family:Arial, sans-serif;}
.cretopis .fr .cretop_info_box .txt{position:relative;;z-index:10;}

.cretopis .fr .cretop_info_box.is-active,
.cretopis .fr .cretop_info_box:hover{width:290px;height:130px;padding:27px 0 0 103px;border:4px solid #2f8cf4;font-size:15px;color:#000;}

.cretopis .fr .cretop_info_box.is-active:after,
.cretopis .fr .cretop_info_box:hover:after{top:-14px;left:-14px;background:url(../images/nmain/bg_cretopinfo_shadow_over.png) no-repeat 0 0 \9;z-index:0;}
.cretopis .fr .cretop_info_box.is-active i.ico,
.cretopis .fr .cretop_info_box:hover i.ico{top:31px;left:22px;width:60px;height:60px;}
.cretopis .fr .cretop_info_box.is-active i.ico.ico_cretopis_01,
.cretopis .fr .cretop_info_box:hover i.ico.ico_cretopis_01{background:url(../images/nmain/ico_cretopis_01_over.png) no-repeat 50%}
.cretopis .fr .cretop_info_box.is-active i.ico.ico_cretopis_02,
.cretopis .fr .cretop_info_box:hover i.ico.ico_cretopis_02{background:url(../images/nmain/ico_cretopis_02_over.png) no-repeat 50%}
.cretopis .fr .cretop_info_box.is-active i.ico.ico_cretopis_03,
.cretopis .fr .cretop_info_box:hover i.ico.ico_cretopis_03{background:url(../images/nmain/ico_cretopis_03_over.png) no-repeat 50%}
.cretopis .fr .cretop_info_box.is-active i.ico.ico_cretopis_04,
.cretopis .fr .cretop_info_box:hover i.ico.ico_cretopis_04{background:url(../images/nmain/ico_cretopis_04_over.png) no-repeat 50%}
.cretopis .fr .cretop_info_box.is-active .tt,
.cretopis .fr .cretop_info_box:hover .tt{font-size:20px;}
.cretopis .fr .cretop_info_box.is-active .tt em,
.cretopis .fr .cretop_info_box:hover .tt em{font-size:36px}


.nmbanner{height:180px;padding:47px 0 0;background:#7d8da5 url(../images/nmain/bg_nmcont_nmbanner.png) no-repeat 50%;box-sizing:border-box}
.nmbanner .nmtitle{font-size:24px;color:#fff}
.nmbanner .nmtitle_desc{font-size:14px;color:#fff;opacity:.55;letter-spacing:-1px}

.nmmedia{padding:140px 0 120px;background:#fff url(../images/nmain/bg_nmcont_nmmedia.png) no-repeat 50%}
.nmmedia .fl{position:relative;width:325px;height:310px;margin-top:130px;padding:40px;background:#464b54;box-sizing:border-box}
.nmmedia .fl .nmtitle{font-size:28px;color:#fff;letter-spacing:-1.25px;line-height:38px;}
.nmmedia .fl a.btn_go_youtube{display:block;position:absolute;right:20px;bottom:20px;width:80px;height:48px;background:url(../images/nmain/ico_arrow_right_half_blue2.png) no-repeat 50%;}
.nmmedia .fr{width:655px;height:388px;background:#fff;}

.nmslide{padding:117px 0 120px;background:#f7fafc;text-align:center;}

/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT */

.lSSlideOuter{position:relative;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.lightSlider:before
.lightSlider:after{content:" ";display:table;}
.lightSlider{/*overflow:hidden;*/margin:0;}
.lSSlideWrapper{max-width:100%;overflow:hidden;position:relative;}
.lSSlideWrapper > .lightSlider:after{clear:both;}
.lSSlideWrapper .lSSlide{
	-webkit-transform:translate(0px, 0px);
	-ms-transform:translate(0px, 0px);
	transform:translate(0px, 0px);
	-webkit-transition:all 1s;
	-webkit-transition-property:-webkit-transform,height;
	-moz-transition-property:-moz-transform,height;
	transition-property:transform,height;
	-webkit-transition-duration:inherit !important;
	transition-duration:inherit !important;
	-webkit-transition-timing-function:inherit !important;
	transition-timing-function:inherit !important;
}
.lSSlideWrapper .lSFade{position:relative;}
.lSSlideWrapper .lSFade > *{position:absolute !important;top:0;left:0;z-index:9;margin-right:0;width:100%;}
.lSSlideWrapper.usingCss .lSFade > *{
	opacity:0;
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-transition-duration:inherit !important;
	transition-duration:inherit !important;
	-webkit-transition-property:opacity;
	transition-property:opacity;
	-webkit-transition-timing-function:inherit !important;
	transition-timing-function:inherit !important;
}
.lSSlideWrapper .lSFade > *.active{z-index:10;}
.lSSlideWrapper.usingCss .lSFade > *.active{opacity:1;}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg{position:Absolute;bottom:105px;left:50%;margin:0 0 0 -393px;z-index:30}
.lSSlideOuter .lSPager.lSpg > li{cursor:pointer;display:inline-block;border-radius:7px}
.lSSlideOuter .lSPager.lSpg > li a{display:block;width:7px;height:7px;padding:0 2px 0 3px;background:url(../images/nmain/icon_slider_page_white.png) no-repeat 50%;border-radius:7px}
.lSSlideOuter .lSPager.lSpg > li a:hover ,
.lSSlideOuter .lSPager.lSpg > li.active a{background:url(../images/nmain/icon_slider_page_white_over.png) no-repeat 50%;}
/* End of pager  */

.slide_pages{margin-top:20px !important;width:100%;text-align:center;z-index:30}
.slide_pages > li{cursor:pointer;display:inline-block;border-radius:7px}
.slide_pages > li a{display:block;width:7px;height:7px;padding:0 2px 0 3px;background:url(../images/nmain/icon_slider_page_defalut.png) no-repeat 50%}
.slide_pages > li a:hover,
.slide_pages > li.is-active a{background:url(../images/nmain/icon_slider_page_defalut_over.png) no-repeat 50%}

.sidebar .lSSlideOuter .lSPager.lSpg{position:static;margin:10px 0 0 !important;width:100%;text-align:center;}
.sidebar .lSSlideOuter .lSPager.lSpg > li a{background:url(../images/nmain/icon_slider_page_gray.png) no-repeat 50%}
.sidebar .lSSlideOuter .lSPager.lSpg > li a:hover,
.sidebar .lSSlideOuter .lSPager.lSpg > li.active a{background:url(../images/nmain/icon_slider_page_gray_over.png) no-repeat 50%}


/* slider actions */
.nmvisual .slide_control{position:Absolute;bottom:206px;left:50%;margin-left:-463px;z-index:10}
.nmvisual .slide_control:after{content:"";display:block;}
.nmvisual .slide_control button{display:block;float:left;width:15px;height:15px;background:url(../images/nmain/ui_visual_slider_arr.png) no-repeat 0 0}
.nmvisual .slide_control button + button{margin-left:3px}
.nmvisual .slide_control .btn_stop{background-position:-18px 0}
.nmvisual .slide_control .btn_play{background-position:-54px 0}
.nmvisual .slide_control .btn_next{background-position:-36px 0}

.slide_wrap .slide_control{width:100%;z-index:30}
.slide_wrap .slide_control button{display:block;position:absolute;top:52px;width:16px;height:36px;background:url(../images/nmain/ui_slider_arr.png);cursor:pointer;z-index:29;-webkit-transition:opacity 0.35s linear 0s;transition:opacity 0.35s linear 0s;}
.slide_wrap .slide_control .btn_prev{left:-34px;background-position:0 0}
.slide_wrap .slide_control .btn_next{right:-28px;background-position:-16px 0}
.slide_wrap .slide_control .btn_prev:hover{background-position:0 -36px}
.slide_wrap .slide_control .btn_next:hover{background-position:-16px -36px}

.slide_wrap.slide_service .slide_control .btn_prev,
.slide_wrap.slide_service .slide_control .btn_next{top:127px}

.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden;}

/* Rtl */
.lSSlideOuter.lSrtl{direction:rtl;}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager{padding-left:0;list-style:none outside none;}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager{padding-right:0;}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li{float:left;}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li{float:right !important;}
/* Rtl */

@keyframes rightEnd{ 0%{left:0;} 50%{left:-15px;} 100%{left:0;} }
@-webkit-keyframes topEnd{ 0%{top:0;} 50%{top:-15px;} 100%{top:0;} }
@keyframes topEnd{ 0%{top:0;} 50%{top:-15px;} 100%{top:0;} }
@-webkit-keyframes leftEnd{ 0%{left:0;} 50%{left:15px;} 100%{left:0;} }
@keyframes leftEnd{ 0%{left:0;} 50%{left:15px;} 100%{left:0;} }
@-webkit-keyframes bottomEnd{ 0%{bottom:0;} 50%{bottom:-15px;} 100%{bottom:0;} }
@keyframes bottomEnd{ 0%{bottom:0;} 50%{bottom:-15px;} 100%{bottom:0;} }
.lSSlideOuter .rightEnd{-webkit-animation:rightEnd 0.3s;animation:rightEnd 0.3s;position:relative;}
.lSSlideOuter .leftEnd{-webkit-animation:leftEnd 0.3s;animation:leftEnd 0.3s;position:relative;}
.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd 0.3s;animation:topEnd 0.3s;position:relative;}
.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd 0.3s;animation:bottomEnd 0.3s;position:relative;}
.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd 0.3s;animation:leftEnd 0.3s;position:relative;}
.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd 0.3s;animation:rightEnd 0.3s;position:relative;}

.nmslide .slide_wrap{position:relative;width:980px;margin:45px auto 0;}
.nmslide .slide_wrap .section{position:relative;width:980px;margin:0 auto;}
.nmslide .slide_wrap:before{content:"";display:block;position:absolute;top:0;left:-45px;width:50px;height:100%;background:linear-gradient(90deg, rgba(247,250,252,1) 87%, rgba(247,250,252,0) 100%);z-index:10;}
.nmslide .slide_wrap:after{content:"";display:block;position:absolute;top:0;right:-40px;width:50px;height:100%;background:linear-gradient(90deg, rgba(247,250,252,0) 0%, rgba(247,250,252,1) 30%);z-index:10}

.nmslide .lSSlideWrapper{padding:10px 15px 30px 5px}

.nmslide .slide_cooperate .cpitem a{display:block;width:230px !important;background:#fff;box-shadow:6px 3px 10px rgba(0, 0, 0, 0.1);}

.nmslide .slide_service .svitem .inner{position:relative;width:230px !important;padding:51px 0 35px;background:#fff;box-shadow:6px 4px 10px rgba(0, 0, 0, 0.1);}
.nmslide .slide_service .svitem i.ico{position:relative;display:block;width:87px;height:85px;margin:0 auto;z-index:99}
.nmslide .slide_service .svitem i.ico.ico_service01{background:url(../images/nmain/ico_service_01.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service02{background:url(../images/nmain/ico_service_02.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service03{background:url(../images/nmain/ico_service_03.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service04{background:url(../images/nmain/ico_service_04.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service05{background:url(../images/nmain/ico_service_05.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service06{background:url(../images/nmain/ico_service_06.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service07{background:url(../images/nmain/ico_service_07.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service08{background:url(../images/nmain/ico_service_08.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service09{background:url(../images/nmain/ico_service_09.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service10{background:url(../images/nmain/ico_service_10.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service11{background:url(../images/nmain/ico_service_11.png) no-repeat 0 0}
.nmslide .slide_service .svitem i.ico.ico_service12{background:url(../images/nmain/ico_service_12.png) no-repeat 0 0}
.nmslide .slide_service .svitem .tt{position:relative;display:block;margin:21px auto 8px;font-weight:bold;font-size:20px;color:#333;font-family:Arial, sans-serif;z-index:10}
.nmslide .slide_service .svitem .txt{position:relative;display:block;font-size:13px;color:#666;z-index:10;}
.nmslide .slide_service .svitem .btn_more{position:relative;display:inline-block;margin-top:33px;padding-right:20px;font-size:15px;color:#2f8cf4;font-weight:bold;font-family:Arial, sans-serif;text-decoration:none;background:url(../images/nmain/ico_arrow_right_half_blue.png) no-repeat 100% 50%;z-index:10}

.sidebar{position:absolute;top:775px;left:50%;width:120px;margin-left:530px;z-index:20}
.sidebar.is_fixed{position:fixed;top:165px}
.sidebar.has_notice_layer_popup.is_fixed{position:fixed;top:197px}

.sidebar .sditem{width:120px;height:200px;}
.sidebar .sditem a.ico{display:block;width:118px;height:198px;background-color:#fff;border:1px solid #d8d8d8;}
.sidebar .sditem a.ico_side01{background:url(../images/nmain/ico_sidebar_01.png) no-repeat 0 0}
.sidebar .sditem a.ico_side02{background:url(../images/nmain/ico_sidebar_02.png) no-repeat 0 0}
.sidebar .sditem a.ico_side03{background:url(../images/nmain/ico_sidebar_03.png) no-repeat 0 0}
.sidebar .sditem a.ico_side04{background:url(../images/nmain/ico_sidebar_04.png) no-repeat 0 0}

.sidebar .btn_top{display:block;width:120px;height:34px;margin-top:20px;text-align:center;color:#464b54;text-decoration:none;line-height:32px;font-size:13px;background:#fff;border:1px solid #ddd;box-sizing:border-box;}
.wrapper ~ .nfooter{margin-top:0}

.notice_layer_popup {height:auto;margin:0;background:#2e3138}
.notice_layer_popup .section{position:relative;padding:35px 0;}
.notice_layer_popup .section .open{padding:0;}
.notice_layer_popup .section .today{position:absolute;bottom:20px;right:0;color:#fff}
.notice_layer_popup .section .today input{margin:0 7px 2px 0;}
.notice_layer_popup .section .today label{margin-right:5px;color:#ccc}
.notice_layer_popup .section .today .btnClose{display:inline-block;width:12px;height:14px;vertical-align:middle;margin-top:-3px;background:url('../images/main/btn_sClse.png') no-repeat 50% 3px; text-indent:-9999em;}

.notice_layer_popup .top_tt{color:#f5f5f5;font-size:14px;}
.notice_layer_popup .top_tt .fw_bold{font-weight:bold;margin-right:5px}
.notice_layer_popup .top_tt .fw_eng{font-size:16px;font-family:Arial, sans-serif;;color:#2f8cf4}
.notice_layer_popup .top_tt .fc_spot{color:#2f8cf4}
.notice_layer_popup .top_txt{margin-top:10px;font-size:12px;line-height:18px;color:#ccc}
.notice_layer_popup .top_txt a{color:#fff}
.js-animation{opacity:0;}
.js-animation.is-animation{animation:parallax 1s ease forwards 1;}

/*.nmcontent.active{animation:parallax 1s ease forwards 1;}
.nmcontent.active .js-cretop-num{opacity:0;}
.nmcontent.active .js-cretop-num{animation:svc_ani 1.3s ease forwards 1;}
.nmcontent.active .js-cretop-num:nth-child(1){animation-delay:0s;}
.nmcontent.active .js-cretop-num:nth-child(2){animation-delay:0.2s;}
.nmcontent.active .js-cretop-num:nth-child(3){animation-delay:0.4s;}
.nmcontent.active .js-cretop-num:nth-child(4){animation-delay:0.6s;}*/


@keyframes parallax{
	0%{
		opacity:0;
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0);
		filter: alpha(opacity= 0);
		transform:translateY(50px)
	}
	100%{
		opacity: 1;
		-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);
		filter: alpha(opacity= 100);
		transform:translateY(0px)
	}
}

@keyframes svc_ani{
	0%{transform:translateY(100%);opacity:0;}
	100%{transform:translateY(0);opacity:1;}
}