@charset "utf-8";
@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);
/***
제작자 : 정진호
작성일 : 
수정일 : 
저작권 : 본 CSS 파일은 제작자 동의없이 일체의 수정을 금지합니다. 제작자 동의없이 내용이 수정되었을 경우 제작자는 오류 및 버그에 대한 일체의 책임을 지지 않습니다.
***/
html, body{width:100%;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
.visually_hidden{position:absolute;margin:-1px;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;}
.visually_hidden.focusable:active,
.visually_hidden.focusable:focus {position:static;margin:0;width:auto;height:auto;clip:auto;overflow:visible;}
.nyn_inner{margin:0 auto;width:1200px;}
.nyn_inner:after{display:block;content:"";clear:both;}
.nyn_lyWrap{}
.nyn_lyWrap:after{display:block;content:"";clear:both;}
  .nyn_lyWrap .nyn_lBox{float:left;}
  .nyn_lyWrap .nyn_rBox{float:right;}
.inputFocus.on{border-color:#ff9000 !important;background:#fff !important;}
.nyn_radio{display:inline-block;position:relative;vertical-align:middle;}
  .nyn_radio input[type="radio"]{position:absolute;top:0;left:0;opacity:0;}
  .nyn_radio input[type="radio"] + label{display:inline-block;padding:0 0 0 15px;min-height:15px;line-height:22px;font-size:13px;background:url(../img/common/radio-btn_off.png) no-repeat 0 4px;cursor:pointer;text-indent:6px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
  .nyn_radio input[type="radio"] + label strong{font-weight:bold;color:#444;}
  .nyn_radio input[type="radio"]:checked + label{background:url(../img/common/radio-btn_on.png) no-repeat 0 4px;}
  .nyn_radio input[type="radio"]:focus + label{outline:2px solid #a4c6fd;}
  .nyn_radio input[disabled] + label{background:url(../img/common/radio-btn_disabled.png) no-repeat 0 4px;color:#999;}
  .nyn_radio input[type="radio"] + label:empty,
  .nyn_radio input[type="radio"]:checked + label:empty,
  .nyn_radio input[disabled] + label:empty{background-position:0 50%;}
.nyn_checkbox{display:inline-block;position:relative;vertical-align:middle;}
  .nyn_checkbox input[type="checkbox"]{position:absolute;top:0;left:0;opacity:0;}
  .nyn_checkbox input[type="checkbox"] + label{display:inline-block;padding:0 0 0 15px;min-height:15px;line-height:22px;font-size:13px;background:url(../img/common/check-box_off.png) no-repeat 0 4px;cursor:pointer;text-indent:6px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
  .nyn_checkbox input[type="checkbox"] + label strong{font-weight:bold;color:#444;}
  .nyn_checkbox input[type="checkbox"]:checked + label{background:url(../img/common/check-box_on.png) no-repeat 0 4px;}
  .nyn_checkbox input[type="checkbox"]:focus + label{outline:2px solid #a4c6fd;}
  .nyn_checkbox input[disabled] + label{background:url(../img/common/check-box_disabled.png) no-repeat 0 4px;color:#999;}
  .nyn_checkbox input[type="checkbox"] + label:empty,
  .nyn_checkbox input[type="checkbox"]:checked + label:empty,
  .nyn_checkbox input[disabled] + label:empty{background-position:0 50%;}
/* skip navigation */
#skip_navi{width:0;height:0;overflow:hidden;}
  #skip_navi a {position:absolute; left:-3000%;text-decoration:none;}
  #skip_navi a:focus{display:block;left:0;right:0;top:0;z-index:10000;height:30px;line-height:30px;background:#fd9d0a;color:#fff;text-align:center;}
/* ==========================================================================
   main-page css
   ========================================================================== */
#nyn_wrap{position:relative;width:100%;height:100%;overflow:hidden;background:#fff;}
  /* ===========
   head css
   =============*/  
  #nyn_head{}
    .nyn_headTop{border-bottom:1px solid #dedede;}
      .nyn_util{float:right;}
        .nyn_util .nyn_util_menu{height:40px;line-height:40px;}
        .nyn_util .nyn_util_menu:after{display:block;content:"";clear:both;}
          .nyn_util .nyn_util_menu li{float:left;position:relative;padding:0 11px 0;}
          .nyn_util .nyn_util_menu li:after{display:block;content:"";position:absolute;top:50%;right:0;margin:-5px 0 0 0;width:1px;height:14px;background:#ccc;}
            .nyn_util .nyn_util_menu li a{display:inline-block;line-height:normal;font-size:13px;color:#666;vertical-align:middle;-webkit-transition:all .2s ease;transition:all .2s ease;}
            .nyn_util .nyn_util_menu .nyn_allMenu_btn{padding:0;}
            .nyn_util .nyn_util_menu .nyn_allMenu_btn:after{display:none;}
              .nyn_util .nyn_util_menu .nyn_allMenu_btn button{padding:4px 7px;color:#fff;font-weight:bold;line-height:normal;background:#fd9d0a;border:1px solid #fd9d0a;border-radius:3px;cursor:pointer;}
            .nyn_util .nyn_util_menu .nyn_mypage_btn{padding:0 13px 0 24px;background:url(../img/common/my_icon.gif) no-repeat 10% 58%;}
            .nyn_util .nyn_util_menu .nyn_mypage_btn:after{display:none;}
              .nyn_util .nyn_util_menu .nyn_mypage_btn a{font-weight:bold;color:#333;-webkit-transition:all .2s ease;transition:all .2s ease;}

              .nyn_util .nyn_util_menu li a:hover{font-weight:bold;color:#333;}
              .nyn_util .nyn_util_menu .nyn_mypage_btn a:hover{color:#ff9000;}
              .nyn_util .nyn_util_menu .nyn_allMenu_btn button:hover{background:#fff;color:#fd9d0a;}

    .nyn_headBottom{position:relative;z-index:100;box-shadow:0 2px 2px rgba(0,0,0,.1);}
      .nyn_logo{float:left;margin:30px 0 0 0;}
        .nyn_logo a{display:block;}
          .nyn_logo a img{display:block;max-width:100%;height:auto;border:none;}
      .nyn_mobile_btn{display:none;}
      #nyn_gnb{float:right;}
        #nyn_gnb .nyn_gnb_menu{}
        #nyn_gnb .nyn_gnb_menu:after{display:block;content:"";clear:both;}
          #nyn_gnb .nyn_gnb_menu > li{float:left;margin:0 0 0 31px;}
            #nyn_gnb .nyn_gnb_menu > li > a{display:block;padding:0 10px;height:81px;line-height:81px;font-size:18px;font-weight:bold;color:#333;}

            #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap{position:absolute;top:100%;left:0;width:100%;max-height:0;border-bottom:1px solid #dedede;background:#fff;overflow:hidden;visibility:hidden;transition:all 0.4s ease;}
            #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap:after{display:block;content:"";clear:both;}
              #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_inner{position:relative;padding:30px 135px 30px 264px;min-height:160px;box-sizing:border-box;}

                #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner{position:absolute;top:30px;left:0;width:224px;height:104px;border:1px solid #dedede;box-sizing:border-box;}
                #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner:after{display:block;content:"";position:absolute;top:0;left:-1px;width:1px;height:100%;background:#dedede;}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner ul{width:100%;height:100%;overflow:hidden;}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner ul:after{display:block;content:"";clear:both;}
                    #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner ul li{float:left;width:224px !important;height:100%;}
                      #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner ul li a{display:block;}
                        #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner ul li a img{display:block;max-width:100%;height:auto;border:none;}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner .bx-pager{position:absolute;right:5px;bottom:5px;}
                    #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner .bx-pager .bx-pager-item{display:inline-block;margin:0 3px;}
                      #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner .bx-pager .bx-pager-item a{display:block;width:7px;height:7px;border-radius:50%;background:#ccc;text-indent:-9999px;overflow:hidden;}
                      #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnb_banner .bx-pager .bx-pager-item a.active{background:#ff9000;}

                #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbSub_menu{float:left;}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbSub_menu > li{display:inline-block;margin:0 35px 0 0;vertical-align:top;}
                    #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbSub_menu > li > .nyn_subMenu_tit{display:block;margin:0 0 15px 0;font-size:16px;font-weight:bold;color:#333;}
                    #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbSub_menu > li > .nyn_gnbSsub_menu{}
                      #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbSub_menu > li > .nyn_gnbSsub_menu li{margin:0 0 10px 0;}
                        #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbSub_menu > li > .nyn_gnbSsub_menu li a{display:block;font-size:14px;color:#999;}

                #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbLink{position:absolute;top:30px;right:0;width:135px;}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbLink a{display:block;position:relative;margin:0 0 10px 0;padding:0 0 0 28px;height:35px;line-height:33px;border:1px solid #dedede;border-radius:2px;font-size:14px;font-weight:700;color:#666;box-sizing:border-box;}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbLink a:before{display:block;content:"";position:absolute;top:50%;left:8px;margin-top:-7.5px;width:15px;height:15px;background:url(../img/common/gnbLink_iocn1_off.png) no-repeat 0 0;}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbLink a:last-child:before{background:url(../img/common/gnbLink_iocn2_off.png) no-repeat 0 0;}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbLink a:after{display:block;content:"";position:absolute;top:50%;right:8px;margin-top:-6.5px;width:7px;height:13px;background:url(../img/common/gnbLink_arrow.png) no-repeat 0 0;}

                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbLink a:hover:before{background:url(../img/common/gnbLink_iocn1_on.png) no-repeat 0 0;}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbLink a:last-child:hover:before{background:url(../img/common/gnbLink_iocn2_on.png) no-repeat 0 0;}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbLink a:hover{background:linear-gradient(rgb(255,255,255), rgb(248,248,248));color:#049494}
                  #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbLink a:hover:after{background:url(../img/common/gnbLink_arrow_on.png) no-repeat 0 0;}

                #nyn_gnb .nyn_gnb_menu > li:hover .nyn_gnbSub_wrap,
                #nyn_gnb .nyn_gnb_menu > li.focus .nyn_gnbSub_wrap{max-height:500%;box-shadow:0 -2px 3px rgba(0,0,0,.05);visibility:visible;transition:all 0.4s ease;}
                #nyn_gnb .nyn_gnb_menu > li:hover > a,
                #nyn_gnb .nyn_gnb_menu > li.active > a,
                #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbSub_menu > li.active > .nyn_subMenu_tit,
                #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbSub_menu > li > .nyn_gnbSsub_menu li a:hover,
                #nyn_gnb .nyn_gnb_menu > li .nyn_gnbSub_wrap .nyn_gnbSub_menu > li > .nyn_gnbSsub_menu li a:focus{color:#ff9000;}

    /*사이트맵*/
    #nyn_allMenu_wrap{position:absolute;top:40px;left:0;bottom:0;right:0;background:rgba(0,0,0,.8);opacity:0;visibility:hidden;z-index:1000;overflow:hidden;-webkit-transition:all .4s ease .7s;transition:all .4s ease .7s;}
      #nyn_allMenu_wrap .nyn_inner{position:absolute;top:-100%;left:50%;margin:0 0 0 -600px;padding:0 120px;overflow:hidden;-webkit-transition:all .8s cubic-bezier(.87,-.41,.19,1.44);transition:all .8s cubic-bezier(.87,-.41,.19,1.44);box-sizing:border-box;background:#fff;}
      #nyn_allMenu_wrap .nyn_inner:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#dedede;z-index:100;}
      #nyn_allMenu_wrap .nyn_inner:after{display:block;content:"";position:absolute;top:-7px;right:30px;width:10px;height:10px;border:1px solid #dedede;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:100;}
        
        .nyn_allMenu_head{height:90px;line-height:90px;background:#fff;}
        .nyn_allMenu_head:after{display:block;content:"";position:absolute;bottom:0;left:50%;margin:0 0 0 -45.5%;width:91%;height:1px;background:#dedede;}
          .nyn_allMenu_head h3{display:inline-block;margin:0 17px 0 0;font-size:20px;font-weight:bold;color:#333;vertical-align:middle;}
            .nyn_allMenu_head h3 img{display:inline-block;margin:-5px 10px 0 0;width:129px;height:auto;border:none;vertical-align:middle;}
          .nyn_allMenu_head .nyn_menuOpen_btn{display:inline-block;padding:0 0 0 7px;width:98px;height:25px;line-height:25px;border:1px solid #dedede;border-radius:3px;background:#fafafa url(../img/common/allmenu_carrow_down.png) no-repeat 92% 50%;font-size:14px;font-weight:bold;color:#666;text-align:left;box-sizing:border-box;cursor:pointer;}
        
        .nyn_allMenu_body{margin:0 0 50px 0;}
          .nyn_allMenu_body .nyn_allMenu_list{}
          .nyn_allMenu_body .nyn_allMenu_list:after{display: block;content:"";clear:both;}
            .nyn_allMenu_body .nyn_allMenu_list > li{float:left;margin:0 2.5% 0 0;width:18%;text-align:left;}
            .nyn_allMenu_body .nyn_allMenu_list > li.nyn_allMenu_hosting{width:38.5%;}
            .nyn_allMenu_body .nyn_allMenu_list > li.nyn_allMenu_cscenter{margin:0;}
              .nyn_allMenu_body .nyn_allMenu_list > li > a{display:block;padding:0 0 8px 0;border-bottom:1px solid #454545;font-size:18px;font-weight:bold;color:#454545;}

              .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList{}
                .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li{padding:11px 0 0 0;border-bottom:1px solid #dedede;}
                  .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li > a{display:block;position:relative;margin:0 0 15px 0;padding:0 0 0 10px;font-size:15px;color:#555;}
                  .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li > a:before{display:block;content:"";position:absolute;top:50%;left:0;margin-top:-1.5px;width:3px;height:3px;background:#fd9d0a;}
                  .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li > a:not(:only-child):after{display:block;content:"";position:absolute;top:50%;right:0;margin-top:-7.5px;width:15px;height:15px;background:url(../img/common/allmenu_arrow_down.png) no-repeat 0 0;}
                  .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li:hover > a{font-weight:bold;}

                  .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li > .nyn_allMenu_ssubList{display:none;background:#f5f5f5;}
                    .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li > .nyn_allMenu_ssubList li{padding:11px 10px;}
                      .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li > .nyn_allMenu_ssubList li a{display:block;font-size:14px;color:#888;}
                      .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li > .nyn_allMenu_ssubList li a:before{display:inline-block;content:"-";margin-right:5px;}
                      .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li > .nyn_allMenu_ssubList li a:hover{color:#fd9d0a;}

                      .nyn_allMenu_body .nyn_allMenu_list > li.nyn_allMenu_hosting .nyn_allMenu_subList{float:left;margin:0 7% 0 0;width:46.5%;}
                      .nyn_allMenu_body .nyn_allMenu_list > li.nyn_allMenu_hosting .nyn_allMenu_subList.right{float:left;margin:0 0 0 0;}
        
        .nyn_allMenu_foot{margin:0 -120px;padding:40px 120px;background:#f5f5f5;}
          .nyn_allMenu_foot .nyn_allMenu_idc{margin:0 0 60px 0;}
          .nyn_allMenu_foot .nyn_allMenu_bbse{margin:0 0 20px 0;}
            .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcTit,
            .nyn_allMenu_foot .nyn_allMenu_bbse .nyn_allMenu_bbseTit{margin:0 0 9px 0;height:40px;line-height:40px;}
              .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcTit img,
              .nyn_allMenu_foot .nyn_allMenu_bbse .nyn_allMenu_bbseTit img{display:inline-block;margin:0 12px 0 0;max-width:100%;height:auto;border:none;vertical-align:middle;}
              .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcTit span,
              .nyn_allMenu_foot .nyn_allMenu_bbse .nyn_allMenu_bbseTit span{display:inline-block;font-size:18px;font-weight:bold;color:#333;vertical-align:middle;}
              .nyn_allMenu_foot .nyn_allMenu_bbse .nyn_allMenu_bbseTit span{color:#ff850e;}
            .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList,
            .nyn_allMenu_foot .nyn_allMenu_bbse .nyn_allMenu_bbseList{position:relative;}
              .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li,
              .nyn_allMenu_foot .nyn_allMenu_bbse .nyn_allMenu_bbseList > li{display:inline-block;margin:0 32px 0 0;}
                .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li > a,
                .nyn_allMenu_foot .nyn_allMenu_bbse .nyn_allMenu_bbseList > li > a{display:block;position:relative;padding:5px 0 9px 10px;font-size:16px;color:#444;}
                .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li > a:before,
                .nyn_allMenu_foot .nyn_allMenu_bbse .nyn_allMenu_bbseList > li > a:before{display:block;content:"";position:absolute;top:50%;left:0;margin-top:-1.5px;width:3px;height:3px;background:#fd9d0a}
                .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li > a:not(:only-child):after{display:block;content:"";position:absolute;bottom:-1px;left:50%;margin:0 0 0 -5.5px;width:11px;height:7px;background:url(../img/common/triangle.png) no-repeat 0 0;z-index:1;}
                .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li > a:hover,
                .nyn_allMenu_foot .nyn_allMenu_bbse .nyn_allMenu_bbseList > li > a:hover{font-weight:bold;}
        
                .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li > .nyn_allMenu_idcSubList{position:absolute;top:100%;left:0;padding:3px 0;border:1px solid #dedede;border-radius:3px;background:#fff;}
                .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li > .nyn_allMenu_idcSubList:after{display:block;content:"";clear:both;}
                  .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li > .nyn_allMenu_idcSubList li{float:left;position:relative;padding:0 10px;}
                  .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li > .nyn_allMenu_idcSubList li:after{display:block;content:"";position:absolute;top:50%;right:-0.5px;margin-top:-7px;width:1px;height:14px;background:#dedede;}
                    .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li > .nyn_allMenu_idcSubList li a{font-size:13px;color:#999;}
                    .nyn_allMenu_foot .nyn_allMenu_idc .nyn_allMenu_idcList > li > .nyn_allMenu_idcSubList li a:hover{color:#333;}

        .nyn_allMenu_closeBtn{position:absolute;top:33px;right:120px;width:37px;height:37px;border:1px solid #dedede;border-radius:2px;background:#fafafa url(../img/common/close_btn.png) no-repeat 50% 50%;cursor:pointer;overflow:hidden;text-indent:-9999px;}
          
        #nyn_allMenu_wrap.allMenu_open{opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease;visibility:visible;}
        #nyn_allMenu_wrap.allMenu_open .nyn_inner{top:0;-webkit-transition:all .8s ease;transition:all .8s cubic-bezier(.87,-.41,.19,1.44);}
        .nyn_allMenu_head .nyn_menuOpen_btn.active{background:#fafafa url(../img/common/allmenu_carrow_up.png) no-repeat 92% 50%;}
        .nyn_allMenu_body .nyn_allMenu_list > li .nyn_allMenu_subList > li > a.active:not(:only-child):after{background:url(../img/common/allmenu_arrow_up.png) no-repeat 0 0;}
        /*mobile wrap*/
        .nyn_mobile_wrap{display:none;}
  /* ==========
   main css
   ============= */
  #nyn_body{}
    /*m_search*/
    .nyn_m_search,
    .nyn_m_quickLink{display:none;}
    /*main slider*/
    .nyn_slideWrap{position:relative;margin:0 0 36px 0;height:400px;overflow:hidden;background:#ececec;}
      .nyn_slide{padding:0 0 56px 0;height:100%;}
        .nyn_slide .nyn_slideList{height:100%;overflow:hidden;}
        .nyn_slide .nyn_slideList:after{display:block;content:"";clear:both;}
          .nyn_slide .nyn_slideList li{float:left;position:relative;width:100%;height:400px;}
          .nyn_slide .nyn_slideList li .nyn_inner{height:100%;padding:64px 0 0 0;background-repeat:no-repeat;background-position:100% 50%;box-sizing:border-box;}
            .nyn_slide .nyn_slideList li .slide_tit{display:block;margin:0 0 20px 0;font-family:'NanumSquare', sans-serif;font-size:38px;font-weight:bold;color:#333;}
            .nyn_slide .nyn_slideList li .slide_desc{margin:0 0 30px 0;line-height:25px;font-family:'NanumSquare', sans-serif;font-size:15px;color:#333;}
            .nyn_slide .nyn_slideList li .slide_link{display:inline-block;padding:10px 30px;border:1px solid #333;border-radius:2px;font-size:15px;color:#333;transition:all 0.2s ease;}
            .nyn_slide .nyn_slideList li .slide_link:hover{background:#fd9d0a;border-color:#fd9d0a;color:#fff;}

        .nyn_slide .nyn_slideBar{position:absolute;bottom:0;left:50%;margin:0 0 0 -600px;width:1200px;height:56px;}
          .nyn_slide .nyn_slideBar .nyn_slideNav{float:left;width:67.5%;height:100%;box-sizing:border-box;}
            .nyn_slide .nyn_slideBar .nyn_slideNav .nyn_slideDot{}
            .nyn_slide .nyn_slideBar .nyn_slideNav .nyn_slideDot:after{display:block;content:"";clear:both;}
              .nyn_slide .nyn_slideBar .nyn_slideNav .nyn_slideDot li{float:left;width:25%;height:56px;line-height:56px;border-right:1px solid #dedede;text-align:center;box-sizing:border-box;} 
                .nyn_slide .nyn_slideBar .nyn_slideNav .nyn_slideDot li a{display:block;font-size:14px;color:#333;background:linear-gradient(rgb(255,255,255), rgb(248,248,248));}
                .nyn_slide .nyn_slideBar .nyn_slideNav .nyn_slideDot li a.active{background:#ececec;font-weight:bold;}
          .nyn_slide .nyn_slideBar .nyn_eventBar{float:left;width:32.5%;height:100%;background:#626265;}
            .nyn_slide .nyn_slideBar .nyn_eventBar dl{position:relative;padding:0 20px 0 56px;line-height:56px;}
            .nyn_slide .nyn_slideBar .nyn_eventBar dl:after{display:block;content:"";clear:both;}
              .nyn_slide .nyn_slideBar .nyn_eventBar dl dt{position:absolute;top:0;left:20px;padding:0 15px 0 0;font-size:14px;font-weight:bold;color:#fff;}
              .nyn_slide .nyn_slideBar .nyn_eventBar dl dt:after{display:block;content:"|";position:absolute;top:0;right:0;font-weight:normal;color:#ccc;}
              .nyn_slide .nyn_slideBar .nyn_eventBar dl dd{padding:0 0 0 15px;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
          .nyn_slide .bx-controls-direction{display:none;}
            .nyn_slide .bx-controls-direction .bx-prev,
            .nyn_slide .bx-controls-direction .bx-next{display:block;position:absolute;top:50%;width:40px;height:40px;}
            .nyn_slide .bx-controls-direction .bx-prev{left:0;}
            .nyn_slide .bx-controls-direction .bx-next{right:0;}
    /*main content*/
    .nyn_mainCont_warp{padding:0 0 40px 0;}
      .nyn_contRow_wrap1{margin:0 0 15px 0;}
      .nyn_contRow_wrap:after{display:block;content:"";clear:both;}
        .nyn_contCol{float:left;margin:0 1.25% 0 0;width:32.5%;height:200px;border:1px solid #dedede;box-sizing:border-box;overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease;overflow:hidden;}
        .nyn_loginWrap,
        .nyn_noticeWrap{float:right;margin-right:0;}
        .nyn_loginWrap:hover{border-color:#dedede;}
        /*로그인*/
        .nyn_loginWrap{}
          #nyn_nayanaLogin{padding:0 5%;height:153px;box-sizing:border-box;}
          #nyn_nayanaLogin .nyn_nloginTit{height:51px;line-height:52px;font-size:16px;font-weight:bold;color:#ff9000;}
            #nyn_nayanaLogin .nyn_loginForm{position:relative;margin:0 0 15px 0;padding:0 91px 0 0;}
              #nyn_nayanaLogin .nyn_loginForm .nyn_logId,
              #nyn_nayanaLogin .nyn_loginForm .nyn_logPw{position:relative;margin:0 0 8px 0;padding:0 15px 0 52px;height:38px;line-height:38px;border:1px solid #dedede;border-radius:3px;background:#fafafa;-webkit-transition:all .1s ease;transition:all .1s ease;}
              #nyn_nayanaLogin .nyn_loginForm .nyn_logPw{margin:0 0 0 0;}
                #nyn_nayanaLogin .nyn_loginForm .nyn_logId label,
                #nyn_nayanaLogin .nyn_loginForm .nyn_logPw label{display:block;position:absolute;top:0;left:0;width:40px;height:40px;text-indent:-9999px;overflow:hidden;}
                #nyn_nayanaLogin .nyn_loginForm .nyn_logId label{background:url(../img/common/p_log_id.png) no-repeat 50% 50%;}
                #nyn_nayanaLogin .nyn_loginForm .nyn_logPw label{background:url(../img/common/p_log_pw.png) no-repeat 50% 50%;}
                #nyn_nayanaLogin .nyn_loginForm .nyn_logId label:after,
                #nyn_nayanaLogin .nyn_loginForm .nyn_logPw label:after{display:block;content:"";position:absolute;top:50%;right:1px;margin:-9px 0 0 0;width:1px;height:18px;background:#dedede;}
                #nyn_nayanaLogin .nyn_loginForm .nyn_logId input,
                #nyn_nayanaLogin .nyn_loginForm .nyn_logPw input{display:inline-block;width:100%;border:none;background:none;font-size:14px;color:#333;vertical-align:middle;outline:none;}
              #nyn_nayanaLogin .nyn_loginForm .nyn_logSubmit{}
                #nyn_nayanaLogin .nyn_loginForm .nyn_logSubmit input{position:absolute;top:0;right:0;width:84px;height:88px;border:none;border-radius:2px;background:#ff9000;font-size:15px;font-weight:bold;color:#fff;cursor:pointer;box-sizing:border-box;}
            #nyn_nayanaLogin .nyn_loginLink{}
              #nyn_nayanaLogin .nyn_loginLink a{display:inline-block;padding:5px 15px;border:1px solid #dedede;border-radius:2px;font-size:13px;color:#555;}
              #nyn_nayanaLogin .nyn_loginLink .nyn_joinBtn{margin-left:2px;font-weight:bold;}
              #nyn_nayanaLogin .nyn_loginLink a:hover{background:linear-gradient(rgb(255,255,255), rgb(248,248,248));font-weight:bold;color:#555;}
              
          #nyn_userInfo{position:relative;padding:22px 20px;height:100%;background:#f1f1f1;box-sizing:border-box;}
            #nyn_userInfo .nyn_userId{margin:0 0 24px 0;font-size:14px;color:#000;}
              #nyn_userInfo .nyn_userId strong{font-weight:bold;}
            #nyn_userInfo .nyn_logoutBtn{position:absolute;top:20px;right:20px;width:74px;height:30px;border:1px solid #dedede;background:#fcfcfc;font-size:13px;color:#333;text-align:center;cursor:pointer;vertical-align:middle;}
            #nyn_userInfo .nyn_userService{position:relative;margin:0 0 10px 0;border:1px solid #dedede;background:#fff;}
            #nyn_userInfo .nyn_userService:after{display:block;content:"";clear:both;}
              #nyn_userInfo .nyn_userService .nyn_uScount{float:left;width:50%;text-align:center;}
              #nyn_userInfo .nyn_userService .nyn_uScount:after{display:block;content:"";position:absolute;top:50%;left:50%;margin:-9px 0 0 -0.5px;width:1px;height:18px;background:#dedede;}
                #nyn_userInfo .nyn_userService .nyn_uScount a{display:block;padding:9px 0;font-size:14px;font-weight:bold;color:#666;}
                  #nyn_userInfo .nyn_userService .nyn_uScount a b{font-size:16px;color:#f77e25;}
            #nyn_userInfo .nyn_userMenu{background:#fff;border:1px solid #dedede;}
            #nyn_userInfo .nyn_userMenu:after{display:block;content:"";clear:both;}
              #nyn_userInfo .nyn_userMenu li{float:left;padding:10px 0;width:33.33%;border-right:1px solid #dedede;text-align:center;box-sizing:border-box;}
              #nyn_userInfo .nyn_userMenu li:last-child{border:none;}
                #nyn_userInfo .nyn_userMenu li a{display:block;}
                  #nyn_userInfo .nyn_userMenu li a .nyn_uMicon{display:block;height:30px;line-height:30px;}
                    #nyn_userInfo .nyn_userMenu li a .nyn_uMicon img{display:inline-block;}
                  #nyn_userInfo .nyn_userMenu li a .nyn_uMtxt{display:block;font-size:14px;font-weight:bold;color:#666;}
        /*간편 연장*/
        .nyn_extendWrap{}
          .nyn_extendWrap .nyn_extendHead{position:relative;padding:0 20px;height:51px;line-height:52px;}
            .nyn_extendWrap .nyn_extendHead .nyn_extendTit{font-size:16px;font-weight:bold;color:#333;}
          .nyn_extendWrap .nyn_extendType{padding:0 5%;}
          .nyn_extendWrap .nyn_extendType:after{display:block;content:"";clear:both;} 
            .nyn_extendWrap .nyn_extendType li{position:relative;float:left;width:50%;height:140px;}
            .nyn_extendWrap .nyn_extendType li:first-child:after{display:block;content:"";position:absolute;top:50%;margin:-30% 0 0 0;right:0;width:1px;height:60%;background:#dedede;}
              .nyn_extendWrap .nyn_extendType li a{display:block;}
                  .nyn_extendWrap .nyn_extendType li a .nyn_extendIcon{height:90px;line-height:90px;text-align:center;}
                    .nyn_extendWrap .nyn_extendType li a .nyn_extendIcon img{display:inline-block;max-width:100%;height:auto;border:none;vertical-align:middle;}
                  .nyn_extendWrap .nyn_extendType li a .nyn_extendTxt{display:block;height:50px;line-height:50px;font-size:15px;font-weight:bold;color:#444;text-align:center;-webkit-transition:all .2s ease;transition:all .2s ease;}

                  .nyn_extendWrap .nyn_extendHead .nyn_extendBtn:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
                  .nyn_extendWrap .nyn_extendType li a:hover .nyn_extendTxt{color:#ff9000;}
        /*맞춤 서비스 추천*/
        .nyn_recommendWrap{background:url(../img/main/main_recommend_img.png) no-repeat 88% 50%;}
          .nyn_recommendWrap .nyn_recommendHead{position:relative;padding:0 20px;height:51px;line-height:52px;}
            .nyn_recommendWrap .nyn_recommendHead .nyn_recommendTit{font-size:16px;font-weight:bold;color:#333;}
          .nyn_recommendWrap .nyn_recommendCont{margin:0 0 30px 0;padding:15px 31% 0 20px;line-height:24px;font-size:13px;color:#666;box-sizing:border-box;}
          .nyn_recommendWrap .nyn_recommendMore{display:inline-block;margin:0 0 0 20px;padding:0 0 2px 0;border-bottom:1px solid #dedede;font-size:12px;color:#999;}

          .nyn_recommendWrap .nyn_recommendHead .nyn_recommendBtn:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
        /*고객센터/네임서버*/
        .nyn_csnameWrap{position:relative;padding:47px 0 0 0;border:none;background:#7f7f7f;}
          .nyn_csnameWrap .nyn_csTit,
          .nyn_csnameWrap .nyn_nameTit{position:absolute;top:0;width:50%;height:47px;line-height:47px;background:#6a6a6a;}
          .nyn_csnameWrap .nyn_csTit{left:0;}
          .nyn_csnameWrap .nyn_nameTit{right:0;}
            .nyn_csnameWrap .nyn_csTit button,
            .nyn_csnameWrap .nyn_nameTit button{display:block;width:100%;height:100%;border:none;background:none;font-weight:bold;font-size:16px;color:#999;text-align:center;cursor:pointer;outline:none;}
            .nyn_csnameWrap .nyn_csTit.active button,
            .nyn_csnameWrap .nyn_nameTit.active button{background:#7f7f7f;color:#fff;}
          #nyn_csCenter{padding:20px 20px 20px 0;height:153px;box-sizing:border-box;}
            #nyn_csCenter .nyn_csInfo{float:left;width:58%;text-align:center;}
              #nyn_csCenter .nyn_csInfo .nyn_csText{margin:30px 0 4px 0;font-size:14px;color:#fff;}
              #nyn_csCenter .nyn_csInfo .nyn_csTel{font-size:30px;font-weight:bold;color:#f4cf04;}
            #nyn_csCenter .nyn_csLink{float:left;width:42%;}
              #nyn_csCenter .nyn_csLink li{margin:0 0 7px 0;}
                #nyn_csCenter .nyn_csLink li .nyn_csLink_btn{display:block;padding:9px 15px;width:100%;border:none;border-radius:2px;background:#a6a6a6 url(../img/common/gnbLink_arrow.png) no-repeat 90% 50%;font-size:14px;color:#fff;text-align:left;box-sizing:border-box;cursor:pointer;}
                #nyn_csCenter .nyn_csLink li .nyn_csLink_btn:hover{text-decoration:underline;font-weight:bold;background:#a6a6a6 url(../img/common/gnbLink_arrow_on.png) no-repeat 90% 50%;}
                #nyn_nameServer{display:none;padding:8px 3%;height:153px;box-sizing:border-box;}  

          #nyn_nameServer .nyn_nsList{position:relative;padding:0 62% 0 0;}
            #nyn_nameServer .nyn_nsList > li{margin:0 0 7px 0;}
            #nyn_nameServer .nyn_nsList > li:last-child{margin:0 0 0 0;}
              #nyn_nameServer .nyn_nsList > li .nyn_nsList_tit{display:block;padding:0 10px;height:29px;line-height:29px;border-radius:2px;font-size:13px;color:#ddd;background:#a6a6a8;}
              #nyn_nameServer .nyn_nsList > li .nyn_nsList_cont{display:none;position:absolute;top:0;right:0;padding:8px 0;width:55%;}
                #nyn_nameServer .nyn_nsList > li .nyn_nsList_cont p{margin:0 0 15px 0;font-size:14px;color:#fff;}
                #nyn_nameServer .nyn_nsList > li .nyn_nsList_cont .nyn_nsIp{}
                  #nyn_nameServer .nyn_nsList > li .nyn_nsList_cont .nyn_nsIp li{margin:0 0 10px 0;line-height:22px;}
                    #nyn_nameServer .nyn_nsList > li .nyn_nsList_cont .nyn_nsIp li .nyn_nsIp_num{display:inline-block;margin:0 10px 0 0;width:46px;border-radius:2px;background:#6a6a6a;font-size:14px;font-weight:bold;color:#a5a5a5;text-align:center;}
                    #nyn_nameServer .nyn_nsList > li .nyn_nsList_cont .nyn_nsIp li .nyn_nsIp_url{font-size:15px;font-weight:bold;color:#fed114;}
                    
                    #nyn_nameServer .nyn_nsList > .active .nyn_nsList_tit{background:transparent;font-size:14px;color:#fff;}
                    #nyn_nameServer .nyn_nsList > .active .nyn_nsList_cont{display:block;}

        /*입금/결제안내*/
        .nyn_quickLink_wrap{}
          .nyn_quickLink_wrap .nyn_quickLink_head{position:relative;margin:0 0 10px 0;padding:0 20px;height:51px;line-height:52px;}
            .nyn_quickLink_wrap .nyn_quickLink_head .nyn_quickLink_tit{font-size:16px;font-weight:bold;color:#333;}
          .nyn_quickLink_wrap .nyn_quickLink{padding:0 6%;}
          .nyn_quickLink_wrap .nyn_quickLink:after{display:block;content:"";clear:both;}
            .nyn_quickLink_wrap .nyn_quickLink li{float:left;width:50%;box-sizing:border-box;}
              .nyn_quickLink_wrap .nyn_quickLink li a{display:block;font-size:14px;font-weight:bold;color:#333;text-align:center;}
                .nyn_quickLink_wrap .nyn_quickLink li a .nyn_qIcon{display:block;margin:0 auto 15px;width:70px;height:70px;border-radius:50%;border:1px solid #ccc;-webkit-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease;}
                .nyn_quickLink_wrap .nyn_quickLink li:nth-child(1) a .nyn_qIcon{background:url(../img/main/quick_icon01.png) no-repeat 50% 50%;}
                .nyn_quickLink_wrap .nyn_quickLink li:nth-child(2) a .nyn_qIcon{background:url(../img/main/quick_icon02.png) no-repeat 50% 50%;}
                .nyn_quickLink_wrap .nyn_quickLink li:nth-child(1) a:hover .nyn_qIcon{background:url(../img/main/quick_icon01_over.png) no-repeat 50% 50%;border-color:#ff9000;}
                .nyn_quickLink_wrap .nyn_quickLink li:nth-child(2) a:hover .nyn_qIcon{background:url(../img/main/quick_icon02_over.png) no-repeat 50% 50%;border-color:#ff9000;}
        /*공지사항*/
        .nyn_noticeWrap{}
          .nyn_noticeWrap .nyn_noticeHead{position:relative;padding:0 20px;height:51px;line-height:52px;}
            .nyn_noticeWrap .nyn_noticeHead .nyn_noticeTit{font-size:16px;font-weight:bold;color:#333;}
            .nyn_noticeWrap .nyn_noticeHead .nyn_noticeBtn{position:absolute;top:0;right:0;width:60px;position:absolute;top:0;right:0;width:60px;background:url(../img/common/more_btn.gif) no-repeat 50% 50%;text-indent:-9999px;overflow:hidden;-webkit-transition:all .5s ease;transition:all .5s ease;}
			.nyn_noticeWrap .nyn_noticeHead .nyn_noticeBtn:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
          .nyn_noticeWrap .nyn_noticeList{padding:10px 20px 0;}
            .nyn_noticeWrap .nyn_noticeList li{position:relative;margin:0 0 10px 0;padding:0 88px 0 10px;line-height:20px;}
            .nyn_noticeWrap .nyn_noticeList li:after{display:block;content:"·";position:absolute;top:0;left:0;}
              .nyn_noticeWrap .nyn_noticeList li .nyn_noticeCont{display:block;font-size:14px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
              .nyn_noticeWrap .nyn_noticeList li .nyn_noticeDate{position:absolute;top:0;right:0;font-size:13px;color:#bbb;}

              .nyn_noticeWrap .nyn_noticeList li .nyn_noticeCont:hover{font-weight:bold;}
              
  /* ==========
   nyn_mark css
  ============ */ 
  .nyn_mark{border-top:1px solid #dedede;}
    .nyn_mark .nyn_mark_slide{position:relative;padding:20px;}
      .nyn_mark .nyn_mark_slide ul{height:39px;line-height:39px;}
      .nyn_mark .nyn_mark_slide ul:after{display:block;content:"";clear:both;}
        .nyn_mark .nyn_mark_slide ul li{float:left;width:14.28%;height:100%;text-align:center;}
          .nyn_mark .nyn_mark_slide ul li a{display:block;width:100%;height:100%;}
            .nyn_mark .nyn_mark_slide ul li a img{display:block;}
      .nyn_mark .nyn_mark_slide .nyn_mark_controls{}
        .nyn_mark .nyn_mark_slide .nyn_mark_controls span{position:absolute;top:20px;width:20px;height:43px;border:none;cursor:pointer;text-indent:-9999px;overflow:hidden;}
          .nyn_mark .nyn_mark_slide .nyn_mark_controls span a{display:block;height:100%;}
        #mark_next{right:0;background:url(../img/common/arrow_btn_right.png) no-repeat 50% 50%;}
        #mark_prev{left:0;background:url(../img/common/arrow_btn_left.png) no-repeat 50% 50%;}
  /* ==========
   foot css
  ============ */  
  #nyn_foot{background:#fafafa;border-top:1px solid #dedede;}
    .nyn_footTop{}
      .nyn_footTop .nyn_mobileBtn_wrap{display:none;}
      .nyn_footTop .nyn_footMenu{float:left;padding:12px 0;}
      .nyn_footTop .nyn_footMenu:after{display:block;content:"";clear:both;}
        .nyn_footTop .nyn_footMenu li{position:relative;float:left;padding:0 10px;}
        .nyn_footTop .nyn_footMenu li:first-child{padding-left:0;}
        .nyn_footTop .nyn_footMenu li:before{display:block;content:"";position:absolute;top:50%;right:0;margin:-5px 0 0 0;width:1px;height:12px;background:#dedede;}
        .nyn_footTop .nyn_footMenu li:last-child:before{display:none;}
          .nyn_footTop .nyn_footMenu li a{font-size:13px;color:#333;}
          .nyn_footTop .nyn_footMenu li a b{font-weight:bold;}
      .nyn_footTop .nyn_familySite{float:right;margin:8px 0 0 0;position:relative;}
        .nyn_footTop .nyn_familySite .nyn_familyBtn{padding:0 20px;width:185px;height:37px;border:1px solid #dedede;background:#fff url(../img/common/btn_arrowDown.gif) no-repeat 90% 50%;font-size:13px;color:#555;text-align:left;box-sizing:border-box;cursor:pointer;outline:none;}
        .nyn_footTop .nyn_familySite .nyn_familyList{display:none;position:absolute;top:98%;left:0;width:100%;border:1px solid #dedede;overflow:hidden;box-sizing:border-box;background:#fff;}
          .nyn_footTop .nyn_familySite .nyn_familyList ul{padding:2px 20px;}
            .nyn_footTop .nyn_familySite .nyn_familyList ul li{margin:5px 0;} 
              .nyn_footTop .nyn_familySite .nyn_familyList ul li a{display:block;padding:5px 0;font-size:13px;color:#666;}

              .nyn_footTop .nyn_familySite .nyn_familyBtn.active{background:#fff url(../img/common/btn_arrowUp.gif) no-repeat 90% 50%;}
              .nyn_footTop .nyn_familySite .nyn_familyList ul li a:hover{color:#ff9000;}

    .nyn_footBottom{}
      .nyn_footBottom .nyn_inner{padding:0 0 20px 0;box-sizing:border-box;}

        .nyn_footBottom .nyn_address{margin:15px 0 15px 0;line-height:22px;font-size:12px;color:#888;}

		.nyn_footBottom .nyn_inner .nyn_address .foot_antispam_seal{float:right;margin-top:-25px;margin-right:40px;}
		@media screen and (max-width:1024px){
			.nyn_footBottom .nyn_inner .nyn_address .foot_antispam_seal{float:none;text-align:center;;margin-top:10px;margin-right:0px;}
		}


          /*.nyn_footBottom .nyn_address span{display:inline-block;}*/
		   .foot_business{display:inline;}

          .nyn_footBottom .nyn_address .nyn_licenseBtn{display:inline-block;padding:2px;border:1px solid #888;border-radius:2px;background:#999;line-height:normal;color:#fff;vertical-align:middle;cursor:pointer;}
          .nyn_footBottom .nyn_address b{font-weight:bold;color:#333;}
        .nyn_footBottom .nyn_copyright{font-size:12px;color:#888;}

    #nyn_top_btn{display:none;position:fixed;bottom:50px;right:50%;margin:0 -700px 0 0;opacity:0.5;}
      #nyn_top_btn button{margin:0;padding:0;width:40px;height:40px;border:1px solid #dedede;background:#fff;font-size:10px;color:#333;cursor:pointer;}
      #nyn_top_btn button:before{display:block;content:"▲";}
    #nyn_top_btn:hover{opacity:1;}