@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*reset css*/
*{margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, form, fieldset, legend, dl, dt, dd, blockquote, applet, object{border:0;}
ul, ol{list-style-type:none;}
hr{display:none;}
small{font-size:0.7em;}
.clear{clear:both; display:block; height:0; line-height:0; font-size:0; width:100%;}
.noScreen{display:none !important;}
.hidden{display:none;}
.floatLeft{float:left !important;}
.floatRight{float:right !important;}
.bold{font-weight:bold !important;}
.small{font-size:0.9em !important;}
.large{font-size:1.1em !important;}
.italic{font-style:italic !important;}
.block{display:block !important;}
.inlineBlock{display:inline-block !important;}
.inline{display:inline !important;}
.alignRight{text-align:right !important;}
.alignCenter{text-align:center !important;}
.alignJustify{text-align:justify !important;}
.verticalTop{vertical-align:top !important;}
.verticalBtm{vertical-align:bottom !important;}
.relative{position:relative !important;}
.absolute{position:absolute !important;}
.left{left:0 !important;}
.bottom{bottom:0 !important;}
.noBorder{border:0 !important;}
img.floatLeft{margin-right:13px !important; margin-bottom:10px;}
img.floatRight{margin-left:13px !important; margin-bottom:10px;}

a {text-decoration:none; color:#444444;}

.blind{display:block;overflow:hidden;position:absolute;top:-999em;left:-999em;width:1px;height:1px;text-indent:102%;white-space:nowrap}
caption.blind{display:none;position:static;width:auto;height:auto;text-indent:0;white-space:normal} 

/* clearfix */
.clearFix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearFix{display:inline-block;}
/* hidden for ie mac \*/
* html .clearFix{height:1%;}
.clearFix{display:block;}
/*rset css end*/



BODY{font-family:"고딕", "verdana", "tahoma";color:303030;font-size:9pt;line-height:16px;position:center;text-align:center  }
BODY,TD,SELECT,input,DIV,form,TEXTAREA {font-family:"고딕", "verdana", "tahoma";color:303030;font-size:9pt;line-height:16px;}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/**
.td1 {background-color:EEF6F9;font-weight:bold;}
.td2 {background-color:FFFFFF;}
.td3 {background-color:ECECEC;}
.td4 {background-color:F6F6F6;}
**/


.tt {font-size:8pt;}
.menu {letter-spacing:-1px;}
.grey{font-family:"고딕"; font-size:12px; color:#868686;}


.input1 {border:solid 1;background-color:#ffffff;border-color:A4A4A4;height:18px;font-family:verdana,고딕;font-size:9pt;color:393939;}


/*quick_menu*/                      
.quick_menu {position:absolute;
            top:0; right:0;}
.quick_menu ul {text-align: center;}
.quick_menu ul li {width:68px; 
                    height:70px; 
                    border:1px solid #808080;
                    padding-bottom:0;}
.quick_menu .title {width:70px; 
                    height:50px; 
                    background:#444444; 
                    padding-top:10px;
                    border:none;
                    font-weight: 600; }
.quick_menu .bottom {width:70px; 
                    height:25px; 
                    background:#444444; 
                    border:none;
                    font-weight: 600;
                    padding-top:5px;}
.quick_menu .title a,
.quick_menu .bottom a {color:#ffffff;}
/*header*/ 
.header {margin:0 auto;
        width:930px; 
        height:103px;
        position:relative;
       clear:both;
       font-family:'nanum gothic','나눔고딕';
       margin-bottom:10px;}
.header h1 {float:left;width:149px; padding-right:21px; padding-top:34px;}
.header h1 a img {width:149px;}
.header .nav {float:left;width:660px;height:30px;
              padding-top:43px; 
              font-size:16px;
              font-weight:600;
               font-family:'nanum gothic','나눔고딕';}
.header .nav .nav_top {height:30px;} 
.header ul {}
.header ul li {float:left; padding-right:50px;}
.header .nav_tit {width:90px;padding-right:0;text-align:center}
.header ul li a { color:#444444;}
.nav .utill_menu {position:absolute; top:10px; right:110px;}
.nav .utill_menu li {float:left; padding-left:10px; padding-right:0; }
.nav .utill_menu li a {font-size:9px; font-weight: 600;}
.nav .utill_menu li a:hover {color:#808080; border-bottom:1px solid #808080;}
.nav .nav_sub00 {width:820px;
                    position:absolute; 
                    top:73px;
                left:140px;
                font-size:12px;
                padding-top:10px;}
.nav .nav_sub01 {width:820px;
                    position:absolute; 
                    top:73px;
                left:138px;
                font-size:11px;
                padding-top:10px;}
.nav .nav_sub02 {width:820px;
                  position:absolute; 
                  top:73px;
                left:500px;
                font-size:12px;
                padding-top:10px;
              }
.nav .nav_sub03 {width:770px;
                    position:absolute; 
                    top:73px;
                left:350px;
                font-size:12px;
                padding-top:10px;
              }
.nav .nav_sub04 {width:800px;
                    position:absolute; 
                    top:73px;
                  left:270px;
                  font-size:12px;
                  padding-top:10px;
              }
.nav .nav_sub05 {width:420px;
                  position:absolute; 
                  top:73px;
                  left:415px;
                  font-size:12px;
                  padding-top:10px;
              }
.nav .nav_sub06 {width:420px;
                  position:absolute; 
                  top:73px;
                  left:535px;
                  font-size:12px;
                  padding-top:10px;
              }
.nav .nav_sub00 li,
.nav .nav_sub01 li,
.nav .nav_sub02 li,
.nav .nav_sub03 li,
.nav .nav_sub04 li,
.nav .nav_sub05 li,
.nav .nav_sub06 li{float:left; padding-left:15px; padding-right:0;}

.nav .nav_sub00 a,
.nav .nav_sub01 a,
.nav .nav_sub02 a,
.nav .nav_sub03 a,
.nav .nav_sub04 a,
.nav .nav_sub05 a,
/*.nav .nav_sub06 a {color:#a3b7d8;}*/
.nav .nav_sub06 a {color:#ffffff;}

.nav .nav_sub00 li a:hover,
.nav .nav_sub01 li a:hover,
.nav .nav_sub02 li a:hover,
.nav .nav_sub03 li a:hover,
.nav .nav_sub04 li a:hover,
.nav .nav_sub05 li a:hover,
.nav .nav_sub06 li a:hover {color:#ffffff;}
.nav_sub_bg {background: #209271; 
                  width:830px;
                  height:38px;
                  clear:both;
                margin-right:105px;}
/*footer*/
.footer { margin-top:10px; width:820px;
        border-top:3px solid #e6e6e6;
        font-family:'nanum gothic','나눔고딕';
        font-size:11px;
        margin-bottom:20px;
        position:relative;}
.footer .top {margin-top:10px;
              font-family:'nanum gothic','나눔고딕';
              }
.footer .top img {float:left; 
                  vertical-align:top; 
                  margin-right:17px; 
                  margin-left:10px;}
.footer .top .plus_img {position: absolute; top:10px; right:-25;}
.footer .top ul { padding-top:8px; text-align: center;}
.footer .top ul li {float:left; padding-right:12px;}
.footer .top ul li a {padding-top:5px;}
.footer .top ul select {width:130px;}
.footer .Copyright {clear:both; 
                     font-family:'nanum gothic','나눔고딕';
                    text-align: center;
                    font-size:11px;}
/*사이드메뉴*/
.left_menu {width:163px; 
            background: #ffffff;
            padding:0 ;
            font-family:'nanum gothic','나눔고딕';
            background:url(/main/image/side_var.png) right 80px no-repeat;
            height:1100px;}
.left_menu h3 img {margin-top:20px;
                  margin-bottom:28px;}
.left_menu ul {width:143px; 
                line-height: 22px; 
                font-size:14px;
                font-weight: 600; 
                }
.left_menu ul li {  width:143px; 
                    padding:7px 0;
                    padding-left:3px;
                   border-bottom: 1px solid #cfe5e3;
                    text-align: left;
                  background:url(/main/image/side_arrow.gif) 127px 9px no-repeat;}
.left_menu ul li a {color:#444444;}
.left_menu ul li a:hover{color:#7195b0;}
.left_menu .left_menu_s {line-height: 20px; }
.left_menu .left_menu_s li {padding:0;
                padding-left:11px;
                 border-bottom: none;
                background: none; font-size:12px;}
.left_menu .left_menu_s li a {color:#444444;}
/*서브 탑*/
.sub_wrap {border:1px solid blue;}
.sub_top,
.shoppin_top {width:640px;
              height:25px; 
              border-bottom:2px dotted #508fc8;
              font-family:'nanum gothic','나눔고딕';
             clear:both;
             position:relative;
            padding-top:1px;}
.sub_top h4 {font-size:18px; text-align: left;}
.sub_top h4 span {color:#ff0000; text-align: left; padding:0;}
.sub_top ul {padding-right:8px; 
              position:absolute;
              top:3px;
              right:10px;
              font-size:10px;
              font-family:'nanum gothic','나눔고딕'; }
.sub_top ul li {float:left; padding-right:5px;}
/*사이트맵*/
.sitemap {margin-top:20px; 
          font-family:'nanum gothic','나눔고딕';}
.sitemap ul li {float:left; 
                width:190px;
                font-size:17px;
                font-weight:700;}
.sitemap ul li ul {padding-top:5px;
                  padding-left:15px;}
.sitemap ul li ul li {float:none;
                      padding:5px 0;
                      font-size:15px;
                      font-weight: 500}
/*경영이념부분*/
.sec_company {margin-top:20px; 
              font-size: 15px;
              text-align: left}
.sec_company .row {margin-top:20px; font-size: 15px; font-family:'nanum gothic','나눔고딕';line-height: 22px;}
.sec_company .row img {float:left; padding-right:10px; padding-bottom:10px;}
.sec_company .row p {padding-bottom:10px; }
.sec_company .row p strong {color:#d80a5c;}
.sec_company .row span {font-size:13px;}
/*회사연혁부분*/
.history { width:600px; padding:0; margin:0;}
.history img {margin-bottom:20px;}
.history table { margin-bottom:30px;
                 width: 600px; 
                 font-family:'nanum gothic','나눔고딕';
                 text-align: left; }
.history table th {width:35px; 
                    vertical-align: top; 
                    text-align: top;
                    color:#034ea2;
                    font-size:18px;
                    font-weight: 700;
                    background: url(/company/images/n_history_list.gif) no-repeat;
                    padding-left:25px;}
.history table td {height:25px;
                    text-align:left;
                     font-size:13px; 
                    vertical-align: top;
                     line-height: 22px;
                      background: url(/company/images/n_history_list_s.gif) 0 7px no-repeat;
                     padding-left:13px;
                    font-family:'nanum gothic','나눔고딕';}
.history .month {width:50px; 
                text-align:center; 
                vertical-align: top;
                font-weight:600;
                background: none;
                padding-left:0;}
.sub_title_s {font-size:15px; 
              color:#ffffff; 
              font-width:600;
              font-family:'nanum gothic','나눔고딕';
              padding-left:20px;
              background: #98a7c0;
              padding:5px;
              height:30px;
              font-weight: 600;}  /*서브에서 세부 소 제목공통으로 사용*/
/*전국사업본부모집*/
.invite_text {font-family:'nanum gothic','나눔고딕'; text-align: left}
.invite_text p {line-height: 22px;}
.invite_table td {font-family:'nanum gothic','나눔고딕';}
.invite_text img {margin-bottom: 20px;}
/*ceo 인사말*/
.ceo_text {padding-top:12px; 
           font-family:'nanum gothic','나눔고딕';
            text-align:left}
.ceo_text strong {font-size:16px; 
                  padding-bottom:10px;
                  display: inline-block;}
.ceo_text p {line-height: 22px; padding-bottom:10px;}
.ceo_text img {margin-bottom: 20px;}
.ceo_text .ceo_name {float:right;
                    margin-top:40px;}
/*사내활동부분*/
.company_people {font-family:'nanum gothic','나눔고딕';
              }
.photo_box {clear:both; height:220px;
            padding-top:10px;
            font-family:'nanum gothic','나눔고딕';position:relative;}
.photo_box img {width:172px;
          float:left;
          border:1px solid #808080;}
.photo_box ul {float:left;
          width:430px; 
          font-size:14px;
          position: relative;
          padding-left:10px;
          padding-top:5px;}
.photo_box ul li {}
.photo_box .sub_img {height:60px;margin:0;padding:0;margin-top:20px;}
.photo_box .sub_img li {float:left;}
.photo_box .sub_img img {width:50px;
                              margin-left:5px;}


/*전시회*/
.sub_ctn {position: relative;}
.sub_ctn .col_show {display:inline-block; width:638px; height:127px; border:1px solid #c9c9c9; margin-top:25px; position: relative;}
.sub_ctn .col_show img {float:left; width:320px; height:128px; margin:0; padding:0;}
.sub_ctn .col_show div {float:left; width:308px; height:118px; font-family:'nanum gothic','나눔고딕'; padding: 0 5px; padding-top:10px; }
.sub_ctn .col_show div dl dt {font-weight: 700; font-size: 13px; line-height: 18px;}
.sub_ctn .col_show div dl dd {font-size: 11px; padding-left:3px; line-height: 18px;}
.sub_ctn .col_show div span {font-size: 11px; padding-left:5px; padding-top:5px;}
.sub_ctn .col_show div a {display:inline-block; width:85px; height:22px; padding-top:3px; font-size: 12px; font-weight: 700; color:#fff; background: #325081; text-align: center;
                          position:absolute; bottom:0; right:0;}
.sub_ctn .layer {position: absolute; top:5%; left:-11%; z-index: 1000;} 
.sub_ctn .layer .bg {width:650px; height:700px; background: #000; opacity: 0.5;filter: Alpha(opacity=50); /* IE8 and earlier */ }
.sub_ctn .layer .bg2 {width:650px; height:930px; background: #000; opacity: 0.5; filter: Alpha(opacity=50); /* IE8 and earlier */ }
.sub_ctn .layer .layer_img {position: absolute; top:50px; left:25px;padding:0; margin:0;}
.sub_ctn .layer .layer_img .big_img {width:600px; height:343px; padding:0; margin:0;}
.sub_ctn .layer .layer_img div {width:600px; height:244px; margin:0; padding-bottom:5px}
.sub_ctn .layer .layer_img div img {width:290px; height:244px; padding:0; margin:0; border:none; }
.sub_ctn .layer  a {display:inline-block; width:80px; height:30px; position: absolute; top:0; right:0; text-align: center; font-size:22px; font-weight: 700; color:#fff; padding-top:10px;}


/*서비스소개 -- 공통*/
.sub_ctn {font-family:'nanum gothic','나눔고딕'; text-align: left}
.sub_ctn .h_section {font-weight: 600; 
                     font-size:16px; 
                     color:#444444;
                     text-align: left;
                     margin-top:25px; 
                     padding-bottom:10px;
                     background: url(/products/images/manual_spot.png) 0 3px no-repeat;
                     padding-left:15px;
                   color:#454f98;}
.sub_ctn .h_section span {text-align: left;}
.sub_ctn .s_section {margin-left:22px;
                      font-size:15px;
                      padding:10px 0; 
                     display: inline-block;
                     text-align: left; }
.sub_ctn .list {font-size:14px;
                padding-left:15px;}
.sub_ctn .list li {padding:4px 0;}
.sub_ctn span {padding-left:20px; 
              font-size:15px;  
              display: inline-block;
              line-height: 22px;
            }
.sub_ctn table {width:600px;
                border-collapse: collapse;
                line-height: 20px;
                  margin-left:22px;
                  padding-top:5px;}
.sub_ctn table th {font-size: 13px; 
                   padding:3px; 
                   background: #fefded;}
.sub_ctn table td {font-size:13px; padding:3px;}
.sub_ctn table,
.sub_ctn table th,
.sub_ctn table td {border:1px solid #808080; 
                  font-family:'nanum gothic','나눔고딕';}
.sub_ctn dl dt {line-height: 22px;}
.sub_ctn img {margin-left:22px; margin-top:5px;}
.open_drone {width:600px;height:auto;}
.open_drone img {margin-left:0px; margin-top:5px;}
/* 이미지 + 텍스트 */
.img_text {width:620px; 
            height:300px;
          font-family:'nanum gothic','나눔고딕'; }
.img_text img {width:120px; float:left;}
.img_text .h_info {float:left; width:450px; height: 130px; font-weight: 600;  padding-top:12px; }
.img_text .s_info {background: url(/business/images/list_bar.gif) 0 0 no-repeat;
                   padding:0}
/*회사소개 --보도자료*/
.news { width:640px; 
        margin-top:25px;
        text-align: left}
.news caption {padding-top:5px;
               padding-bottom:5px;
               text-align: center;
               border:1px solid #808080;
               border-bottom:none;
               font-size: 18px;
               background: #fffee3}
.news,
.news th,
.news td {height:28px;
          border-collapse: collapse;
          border:1px solid #808080;
          font-size: 13px;
         font-family:'nanum gothic','나눔고딕';
          }
.news th {text-align: center}
.news td {padding-left:10px;}
.news td a:hover {color:#ff0072;}
/*회사소개 --오시는길*/
.company_map {font-family:'nanum gothic','나눔고딕';}
.company_map table {margin-top:20px; font-size:13px; border-collapse: collapse;}
.company_map table th {width:90px; padding:3px 0;}
.company_map table td {width:500px; padding-left:10px; 
                        border:none;}
.company_map table td span {font-size: 13px; paddi ng:0;}
.company_map span {display: block;}
.company_map b {display: block;
                padding-bottom:10px;
                padding-left:30px;}
/*서비스소개 --슈어아이학원관리*/
.sure_pro {font-family:'nanum gothic','나눔고딕';}
.sure_pro .h_info {font-size:15px; 
                    line-height: 22px;
                    padding-left:none;
                    font-weight: 600;
                    color: #d80a5c;
                    display: block; }
.sure_pro .s_info {margin-left:20px; 
                   font-size: 14px;
                   display: block;
                   line-height: 22px;
                   font-weight: 500;
                   margin-left:22px;}
.sure_pro .sure_pro_sec01 {font-family:'nanum gothic','나눔고딕';
                           height:130px;}
.sure_pro .sure_pro_sec01 img {float:left; width:120px;}
.sure_pro .sure_pro_sec01 p {font-size:15px; 
                             float:left; 
                             width:480px;
                            padding-top:35px;
                            padding-left:10px;}
.sure_pro .sure_pro_sec01 p span {padding-left:5px;
                                  padding-top:7px;
                                  }
/* 출결 알림톡 */
.sure_pro img.kakao_talk{width:90%}
/*서비스소개 --학교관리시스템*/
.sure_tab {height:24px;
           border-bottom:2px solid #dbdcdd; 
          margin-top:25px;
            margin-bottom:30px;}
.sure_tab .tab_hover {background:#ffffff;
                      border-top:2px solid #dbdcdd; 
                      border-right:2px solid #dbdcdd;
                      border-left:2px solid #dbdcdd;
                      border-bottom:none;
                      z-index: 100;
                      height:14px;}
.sure_tab li {float:left;
              width:96px;
              height:14px;
              background:#dbdcdd;
              padding:5px 10px;
              margin-right:2px;
              font-size:13px;
              text-align: center;
              border-top:2px solid #dbdcdd; }
 /*서비스소개 --학교관리시스템 --스마트스쿨버스*/ 
.smart {margin:0 atuo;width:647px;height:800px;font-family:'Nanum Gothic',나눔고딕;font-size:15px;line-height:25px;position:relative;}
.smart p {display:block;width:600px; padding-left:20px;}
.smart ul {margin-top:270px;padding-left:20px;}
.smart .webtoon1 {width:400px;height:415px;position:absolute;top:25px;left:240px;}
.smart .webtoon2 {width:350px;height:360px;position:absolute;top:450px;left:0px;}
.smart .smart_m {margin-top:380px;margin-left:370px;font-family:'Nanum Gothic',나눔고딕;font-size:15px;line-height:25px}
.smart .smart_m dl dt {font-weight: 700}
.smart .smart_m dl dd {padding-left:20px;font-size:13px}



 /*서비스소개 --학교관리시스템 --슈어톡*/                   
.sure_pro_02 {font-family:'nanum gothic','나눔고딕';
              position:relative;}
.sure_pro_02 .h_info {font-size:15px; 
                    line-height: 22px;
                    padding-left:25px;
                    display: block; }
.sure_pro_02 .s_info {margin-left:20px; 
                   font-size: 14px;
                   display: block;
                   line-height: 22px;
                   font-weight: 500;
                   margin-left:22px;}
.sure_pro_02 table {text-align: center;
                    margin-bottom: 20px;}
.sure_pro_02 .sure_pro_down {position:absolute;
                             top:-20px; right:20px;}
 /*서비스소개 --학교관리시스템 --생활평점제*/ 
.sure_pro_03 {font-family:'nanum gothic','나눔고딕';}
.sure_pro_03 .h_info {font-size:15px; 
                    line-height: 22px;
                    padding-left:25px;
                    display: block;
                    padding-top:8px;
                    padding-bottom:8px;}
.sure_pro_03 .s_info {margin-left:20px; 
                   font-size: 14px;
                   display: block;
                   line-height: 22px;
                   font-weight: 500;
                   margin-left:22px;
                   padding-left:15px;
                   color:black;
                  background: url(/business/images/list_bar.gif) 0 8px no-repeat; } 
.sure_pro_03 b {text-align: center; 
                padding-top:10px;
                padding-left:200px;
                display: inline-block;}
 /*서비스소개 --학교관리시스템 --생활평점제*/
.sub_ctn {position:relative;}
.down_child {position: absolute; top:360px; left:120px;}
.down_school {position: absolute; top:360px; left:20px;}
 /*서비스소개 --학교관리시스템 --슈어톡*/
.sub_ctn .sure_web {width:666px;position:relative;font-family:'nanum gothic','나눔고딕';}
.sub_ctn .sure_web p {float:left;width:200px;}
.sub_ctn .sure_web p span {display:block;font-size: 14px;color:black;font-weight: 500;margin-left:10px;}
.sub_ctn .sure_web img {width:420px;padding-top:20px;margin-left:10;}
 /*서비스소개 --출결관리 */
}
.sure_pro_04 {font-family:'nanum gothic','나눔고딕';}
.sure_pro_04 {padding-top:0; padding-bottom:0;}
.sure_pro_04 dl {font-size:15px; 
                 line-height: 22px; 
                padding-left:10px; }
.sure_pro_04 table {height:200px;
                    margin-top:13px; 
                    margin-bottom:13px;}
.sure_pro_04 .h_info {padding-left:20px;}
.sure_pro_04 .img_text {width:620px; 
                        height:480px; 
                        font-family:'nanum gothic','나눔고딕'; clear:both; }
.sure_pro_04 .img_text img {width:358px; 
                            float:left; 
                            padding-right:10px;
                            padding-bottom:25px;}
.sure_pro_04 .img_text .h_info {float:left; 
                              width:210px;
                              height:240px; 
                              font-weight: 500;  
                              font-size:13px;
                              padding:0;}
.sure_pro_04 .img_text .h_info dt  {background: url(/business/images/list_bar.gif) 0 8px no-repeat;
                                    padding:0;
                                    padding-left:15px;}
.sure_pro_04 b {clear:both;}
.sure_pro_04 strong {}
.section_visual { margin-left:50px}
.section_visual ul {}
.section_visual ul li {float:left;  }
/*서비스소개 --근태관리 */
.service_08 {font-family:'nanum gothic','나눔고딕'; }
.service_08 .h_info {padding-left:20px; font-size:15px; }
.service_08 b,
.service_08 span {display: block;}
.service_08 img {padding-top:10px; 
                  padding-bottom:10px; 
                  display: block;}
/*서비스소개 --모션감지 / 경보설정 */
.ip_motion {font-family:'nanum gothic','나눔고딕'; }
.ip_motion .h_info {padding-left:20px; 
                    font-size:15px; 
                    font-weight: 600;
                    line-height: 22px;}
.ip_motion .s_info {padding-left:35px; font-size:15px; }
.ip_motion img {padding-left:10px; padding-top:15px;}
/*서비스소개 --스냅샵 자동전송 */
.ip_snap {margin-top:15px;}
.ip_snap img {float:left;padding-right:10px; } 
.ip_snap dl {padding-top:20px; height:165px;}
.ip_snap .h_info {padding-left:30px;}
/*서비스소개 --CID/듀얼모니터 */
.cid_down {height:40px; width:260px; margin: 0 auto;}
.cid_down a {float:left; 
            margin-top:10px;
             margin-right:10px; 
             padding-top:9px;
             text-align: center;
             width:120px;
             height:25px;
             background: #b1d3f1;
             border-radius: 5px;
            font-weight: 600;
            color:#224360;}
.cid_down a:hover {color:#ffffff;}
.cid_down .cid_service_btn {}
.cid_down .cid_info {}     
.cid_down .cid_service_down {margin-left:80px;}          
/*제품소개 --em리더기*/
.em_reader {}
.em_reader li {background: #f4f4f4; 
                width:623px; 
                padding: 0px 10px;
                padding-top:3px;
                padding-bottom:15px;
                position: relative;
               margin-bottom:5px;}
.em_reader .number {width:30px;
                    height:50px;
                    display: inline-block;
                    position:absolute; 
                    top:0; left:0;
                    text-align: center;
                    color:#ffffff;
                    padding-top:30px;
                    font-size:18px;
                    background: #c5d8e6;}
.em_reader li a img {float:left; 
                     width:65px; 
                     height:65px;
                     margin-left:10px;}
.em_reader .h_section {padding:0;
                       margin:0;
                       padding-top:10px;
                        margin-left:90px;
                        background:none;
                       text-align: left;}
.em_reader .s_section {padding:0;
                       margin:0;
                       margin-top:15px;
                       margin-left:15px;
                     text-align: left;}
.em_reader .active {position:relative;}
.em_reader .active .open {position:absolute; 
                         top:50px; right:10px;}
.em_reader .em_232 {margin:0 auto;
                    width: 605px;  
                    border:1px solid #dfdfdf;
                    margin-top:30px;
                    margin-left:10px;
                    padding-left:0px;
                    font-family:'nanum gothic','나눔고딕';
                    padding-bottom:20px;
                    background: #ffffff;
                    position:relative;
                   text-align: left;}
.em_reader .em_232 dl dt {background: none;
                          height:15px;}
.em_reader .em_232 .h_section {padding:0;
                       margin:0;
                       padding-top:10px;
                        margin-left:25px;
                        background:none;
                      text-align: left;}
.em_reader .em_232 .s_section {padding:0;
                       margin:0;
                       margin-top:5px;
                       margin-left:35px;
                      text-align: left;}
.em_reader .em_232 dl dt {padding:0;
                       margin:0;
                       margin-top:10px;
                       margin-left:35px;
                      font-size:15px;}
.em_reader .em_232 table {width:560px;margin-top:8px;}
.em_reader .em_232 .close {position:absolute;
                           top:5px;
                           right:5px;
                          font-size:16px; 
                          cursor: pointer;}

/*서비스소개 -- nfc리더기*/
.sub_ctn .nfc_01 {text-align: center;
                  }

.sub_ctn .nfc_02 {}
.sub_ctn .nfc_02 th {width:190px;}
.sub_ctn .nfc_02 td, 
.sub_ctn .nfc_03 td,
.sub_ctn .nfc_04 td { padding-left:5px;}
.sub_ctn .nfc_04 {margin-top:10px;}
.sub_ctn .nfc_etc {clear:both;width:600px;padding-left:20px;padding-top:10px}
.sub_ctn .nfc_etc ul {width:600px;height:420px;}
.sub_ctn .nfc_etc ul li {float:left;width:190px;margin:0 5px;font-family:'nanum gothic','나눔고딕';}
.sub_ctn .nfc_etc ul li span {display:block;padding-left:0px;}
.sub_ctn .nfc_etc ul li img {margin-left:0;}
.sub_ctn .nfc_etc ul li b {display:inline-block;width:160px;padding-top:10px;margin-bottom:10px;}
.sub_ctn .nfc_info {display:inline-block;height:20px;
           padding:0;}
.sub_ctn .nfc_info span {padding-left:30px;background: url(/business/images/list_bar.gif) 15px 7px no-repeat;}
.sub_ctn .nfc_ser {width:600px;height:300px}
.sub_ctn .nfc_ser li {float:left;width:150px;height:150px;}
.sub_ctn .nfc_ser li span {display:inline-block;width:150px;text-align:center;padding:0;}
.sub_ctn .nfc_etc_or {width:640px;height:1430px;padding-top:20px;}
.sub_ctn .nfc_etc_or li {width:640px;height:130px;}
.sub_ctn .nfc_etc_or li img {float:left;width:120px;height:100px;}
.sub_ctn .nfc_etc_or li span {float:left;width:450px;}
.sub_ctn .nfc_etc_or li span b {display:block;}
/*서비스소개_ 카드보관함*/
.sub_ctn_basic {font-family:'nanum gothic','나눔고딕';}
.sub_ctn_basic .h_info {font-size:15px; 
                            line-height: 22px;
                            padding-left:none;
                            margin-left:17px; }
.sub_ctn_basic .s_info {margin-left:20px; 
                           font-size: 14px;
                           }
.sub_ctn_basic dl {margin-left:35px;}
.sub_ctn_basic dl img {margin-left:2px;}
/*서비스소개 -- 지문인식기*/
.sub_ctn_basic .sub_ctn_finger {clear:both; width:640px; 
                                height:250px; 
                                position:relative;
                                font-family:'nanum gothic','나눔고딕';}
.sub_ctn_basic .sub_ctn_finger img {width:231px;}
.sub_ctn_basic .sub_ctn_finger span {width:350px; 
                                  display:inline-block;
                                  position:absolute; 
                                  top:40px;
                                  right:30px; }

/*ip카메라 매뉴얼*/
.ip_wrap {margin-bottom:50px; 
          margin-top:10px;
          font-family:'nanum gothic','나눔고딕';}
.ip_wrap div {font-family:'nanum gothic','나눔고딕';}
.ip_wrap .ip_tab {height:24px;
                  border-bottom:2px solid #dbdcdd; 
                  margin-bottom:30px;}
.ip_wrap .ip_tab .tab_hover {background:#ffffff;
                              border-top:2px solid #dbdcdd; 
                              border-right:2px solid #dbdcdd;
                              border-left:2px solid #dbdcdd;
                              border-bottom:none;
                              z-index: 100;
                              height:14px;}
.ip_wrap .ip_tab li {float:left;
                    width:110px;
                    height:14px;
                    background:#dbdcdd;
                    padding:5px 10px;
                    margin-right:3px;
                    font-size:15px;
                    text-align: center;
                    border-top:2px solid #dbdcdd; }
.ip_manual {clear:both; }
.ip_manual h5 {font-size:15px; 
                color:black;
               background: url(/products/images/manual_list.png) no-repeat;
               padding-left:20px;
               text-align: left}
.ip_manual .ip_col {clear:both; 
                    margin-top:20px;  
                    height:190px; 
                    position:relative;}
.ip_manual .ip_col p {font-size:15px; 
                      padding-bottom:5px; 
                      border-bottom:1px solid #c1b3b4;
                      margin-bottom:10px;
                      font-weight: 600;
                      text-align: left}
.ip_manual .ip_col img {float:left; 
                        margin-right:20px;
                        border:3px solid #d6d6d6;}
.ip_manual .ip_col ul {float:left; font-size:14px;}
.ip_manual .ip_col ul li {line-height: 22px; text-align: left;
                          background: url(/products/images/manual_spot.png) 0px 6px no-repeat;
                          padding-left:15px;}
.ip_manual .ip_col ul li strong {font-size:15px;}
.ip_manual .ip_col a {width:80px; 
                      padding:5px 0;
                      text-align: center;
                      position:absolute;
                      top:-10px;}
.ip_manual .ip_col a:hover {}
.ip_manual .ip_col .btn_01 {background:#6a5455;  
                            color:#ffffff;
                            right:90px;}
.ip_manual .ip_col .btn_01:hover {background:#8b7576;}
.ip_manual .ip_col .btn_02 {background:#636b55;
                            color:#ffffff;
                             right:5px;}
.ip_manual .ip_col .btn_02:hover {background:#8c9281;}
.movie {margin-top:20px; font-family:'nanum gothic','나눔고딕';}
.movie th {width:100px; 
            height:25px;
            background: #d8e7f4; 
            font-size:13px;
            border-bottom:1px solid #808080;
            border-right:1px solid #808080;
            border-left:1px solid #808080;}
.movie td {height:25px;
          font-family:'nanum gothic','나눔고딕'; 
          border-bottom:1px solid #808080;
          border-right:1px solid #808080;
          padding-left:10px;
          font-weight: 600;}
/*드라이버다운로드-----------------------------*/
.dr_down{padding-top:12px; 
         font-family:'nanum gothic','나눔고딕';
          }
.dr_down ul {line-height: 22px; }
.dr_down ul li {height:240px; position:relative; text-align: left}
.dr_down ul li p {font-size:15px; 
                 font-weight: 600;
                  color:black;
                  text-align: left;
                  background: url(/products/images/manual_list.png) 0 3px no-repeat;
                  padding-left:20px;
                  margin-top:10px;
                  padding-bottom:10px; }
.dr_down ul li img {float:left; 
                    width:277px; 
                    height:182px; 
                    padding-right:20px;
                    padding-left:18px;}
.dr_down ul li span { display: inline-block;
                      margin-bottom:5px;
                       width:300px;
                      font-size:14px;}
.dr_down ul li b { background: url(/products/images/manual_spot.png) 0px 4px no-repeat;
                  padding-left:12px; 
                  font-size:14px;
                  font-weight: 500;
                  text-align: left}
.dr_down ul li a {height:40px;
                  position:absolute;
                  top:100px;
                  left:295px;
                  vertical-align:bottom;
                  padding-top:3px;}
.dr_down ul li a img {width:102px;
                      height:38px;}
.dr_down dl {width:280px; 
              margin-left:325px;
              padding-top:10px;}
/*온라인 계약서다운로드-----------------------------*/
.online_down {font-family:'nanum gothic','나눔고딕';}
.online_down img {padding:10px 0;}
.online_down p {padding-top:20px;
                  text-align: center;
                  font-size:15px;
                  line-height: 22px;
                  padding-bottom:30px;}
.online_down p span {color:#d80a5c; 
                       padding:0;
                      font-weight: 600;}
.online_down a {margin:0 auto;
                  background:#afc9dc;
                  width:200px;
                  height:25px; 
                  padding:10px 20px;
                  text-align: center;
                  padding-top:8px;
                  color:#ffffff;
                  font-size:16px;
                  margin-left:230px;
                 border-radius: 5px;
                 font-weight: 600;}
.online_down a:hover {color:#356385;}
/*서비스문의-----------------------------*/
.service_info {font-family:'nanum gothic','나눔고딕';}
.service_info p {padding-top:20px; 
                 padding-bottom:5px;
                font-size:16px; 
                color:#d80a5c;}
.service_info span {padding-left:5px; font-size:14px; }
.per_info {font-family:'nanum gothic','나눔고딕';
          width:600px; 
          position:relative;
          margin-top:10px;
          height:20px;}
.per_info p {padding-top:3px;
              text-align: left;
              padding-left:120px;
              display: block;}
.per_info p input {vertical-align: top; margin-right:5px;}
.per_info .view {position:absolute;
                 top:0px;
                 right:110px;
                 background:#ff6c54;
                padding:3px 10px;
                font-weight: 600;
                color:#ffffff;
                border-radius: 5px;}
.per_info .view:hover {color:#356385;}
.per_info .save {background:#afc9dc;  
                 padding:5px 10px;
                text-align: center;
               border-radius: 5px;
               position:absolute;
               top:40px;
              left:280px; color:#ffffff;}
.per_info .cancel {background:#afc9dc;  
                    padding:5px 10px;
                  text-align: center;
                  border-radius: 5px;
                   position:absolute;
                    top:40px;
                    left:340px; color:#ffffff;}
.per_info .save:hover,
.per_info .cancel:hover {color:#356385;}
.service_flow {margin-top:90px; 
                font-family:'nanum gothic','나눔고딕';
                font-size: 16px;
                padding-left:30px;}
.service_flow ul li {width:175px;
                     height:70px;
                      float:left;
                      margin:5px 5px;
                      background: #ededed;
                      padding:5px;
                     border-radius: 5px;}
.service_flow ul li span {font-size:14px;
                          padding:0;
                          display: block;
                         padding:8px 10px;}
/*온라인계약서-----------------------------*/
.online_down_info {width:599px; margin-top:20px;}
.online_down_info th {width:100px; height:25px;}
.online_down_info td {width:499px; 
                      background: #ffffff;
                      text-align: left;}
.online_down_info input {background: #f4f4f4;
                         width:300px;
                         border:0; 
                         height:23px;
                          font-size: 15px;}
.online_down_info .phone_number select {width:90px; height:23px;}
.online_down_info .phone_number input {width:100px;
                                       border:1px solid #808080;
                                       background: #ffffff;
                                       vertical-align: bottom; }
.online_down_info select {height:23px;}
.online_down_info textarea {width:500px; height:150px;}
/*서비스문의-----------------------------*/
.service_tel_info {width:599px;}
.service_tel_info th {width:100px; height:25px;text-align:center}
.service_tel_info td {width:499px; 
                      background: #ffffff;
                      text-align: center;}
/*고객지원 faq-----------------------------*/
.f_list {}
.f_list table {margin-top:10px; width:600px; border:none;}
.f_list table th,
.f_list table td {border:none; 
                  padding-left:10px;
                  border-bottom:2px dotted #d7dfeb;
                  line-height: 22px;
                  border-bottom:2px dotted #d7dfeb;
                  line-height: 22px;}
.f_list table th {background: #d7dfeb; 
                  border-right:1px solid #ffffff;
                  text-align: center;}
.f_list .number,
.f_list .click_num {text-align: center;}
.f_list .q_info {text-align: left;}
.f_list .q_info .q {background:#ff6c54;
                    width:28px;
                    height:20px;
                    font-size:12px;
                    color:#ffffff;
                    text-align: center;
                    display: inline-block;
                    padding:0;
                    margin-right:10px;
                   padding-bottom:2px;
                  border-radius: 5px;}
.f_list .img {position: relative;}
.f_list .img .a {background:#25b080;
            width:28px;
            height:20px;
            font-size:12px;
            color:#ffffff;
            text-align: center;
            display: inline-block;
            padding:0;
            margin-right:10px;
            padding-bottom:2px;
            border-radius: 5px;
            position: absolute;
           top:3px;
           left:8px;}
/*고객지원 뉴스레터-----------------------------*/
.newsletter {margin-top:10px;}
.newsletter table {width:600px; 
                   border-collapse: collapse;
                   padding:0; 
                   margin:0;}
.newsletter table,
.newsletter table th,
.newsletter table td {border:none; 
                      text-align: left;
                      padding-left:10px;
                      border-bottom:2px dotted #d7dfeb;
                      line-height: 22px;}
.newsletter table th {background: #d7dfeb;
                      border-right:1px solid #ffffff;}
.newsletter .news {width:499px; text-align: center;}
.newsletter .date {width:100px; 
                    text-align: center;
                   padding-left:0;}
/*고객지원 newsletter_view-----------------------------*/
.newsletter_view {margin-top:10px;}
.newsletter_view table {width:600px; 
                        border-collapse: collapse;
                        padding:0; 
                         margin:0; }
.newsletter_view table,
.newsletter_view table th,
.newsletter_view table td {border:none; 
                      text-align: left;
                      padding-left:10px;
                      border-bottom:2px dotted #d7dfeb;
                      line-height: 22px;}
.newsletter_view table td img {padding:5px 0;
                               margin:0;}
.newsletter_view .news {width:499px; text-align: left;}
.newsletter_view .date {width:100px; 
                        text-align: center;
                        padding-left:0;}
/*고객지원 공지사항-----------------------------*/
.notice {margin-top:10px;}
.notice table {width:600px; 
                    border-collapse: collapse; }
.notice table,
.notice table th,
.notice table td {border:none; 
                  padding-left:10px;
                  border-bottom:2px dotted #d7dfeb;
                  line-height: 22px;}
.notice table th {background: #d7dfeb;
                  border-right:1px solid #ffffff;
                  text-align: center;}
.notice table td {text-align: left;}
.notice .number { width:60px; text-align: center;}
.notice .title {width:340px;}
.notice .date {width:140px; text-align: center;}
.notice .click_number {width:60px; text-align: center;}
/*고객지원 공지사항 view-------*/
.notice table td img {padding:5px 0;
                               margin:0;}
/*고객지원 고객게시판-----------------------------*/
.search {margin-bottom:10px;}
.search select {width:80px; 
                height:27px;
                margin-left:355px;
                vertical-align: top;}
.search span {width:180px;  
              height:25px;
              background: url(/faq/image/search_bg.gif) no-repeat;
              border: 1px solid #c2c2c2;
              vertical-align: bottom;
             padding:0;}
.search span input {width:130px; 
                    border:none;
                    font-size:13px;
                    padding-top:3px;}
.customer {margin-top:10px; font-family:'nanum gothic','나눔고딕';}
.customer table {width:600px; 
                  border-collapse: collapse; }
.customer table,
.customer table th,
.customer table td {border:none; 
                  padding-left:10px;
                  border-bottom:2px dotted #d7dfeb;
                  line-height: 22px;}
.customer table th {background: #d7dfeb;
                  border-right:1px solid #ffffff;
                  text-align: center;}
.customer table td {text-align: center;}
.customer .title {text-align: left;}
.customer .cheak_ing {width:50px;
                      background:#ff6c54; 
                      display: inline-block;
                      border-radius: 5px;
                      text-align: center;
                      padding:0;
                      color:#ffffff;
                      font-size: 13px;}
.customer .cheaking {width:50px;
                      background:#25b080; 
                      display: inline-block;
                      border-radius: 5px;
                      text-align: center;
                      padding:0;
                      color:#ffffff;
                      font-size: 13px;}
.customer .write {margin-top:20px;
                  margin-right:15px;
                  padding:3px 0;
                  width:80px; 
                  height:20px;
                  float:right;
                  background: #dadada;
                  text-align: center;
                  border-radius: 5px;}
.customer .ans {padding-left:80px;
                 text-align: left;}
.customer .ans span {color:#6d8ec0;
                     padding:0;
                     padding-right:5px;
                     font-size: 13px;
                    font-weight: 600;}
/*고객지원 자가진단-----------------------------*/
.my_test {font-family:'nanum gothic','나눔고딕';}
.my_test img {padding-bottom:20px;}
.my_test .h_info {display: block; 
                  font-weight: 600;
                  padding-bottom:3px;
                  padding-top:3px;}
.my_test .s_info {display: block; margin-left:15px;}
.my_test b {width:550px;
            padding-left:35px;
            font-size: 13px; 
            font-weight: 500;
            display: block;
            line-height: 22px;}
.my_test b strong {display: block;}
.my_test .que }
/*쇼핑몰-----------------------------*/
.left_menu .side_etc {margin-top:80px; 
                        font-family:'nanum gothic','나눔고딕';}
.left_menu .side_etc ul {}
.left_menu .side_etc ul li { width:143px; 
                            border-bottom: none;
                            line-height: 19px; border-bottom:1px solid #cfe5e3;}
.left_menu .side_etc ul li a {padding-left:55px;  color:#808080;   }
.left_menu .side_etc ul li a span {padding-left:55px;}
.left_menu .side_etc .cart { background: url(/main/image/etc_img01.gif) left 0 no-repeat;
                            }
.left_menu .side_etc .woori { background: url(/main/image/etc_img02.gif) left 0 no-repeat;}
/*쇼핑몰/ 리스트 부분-----------------------------*/
.shopping_wrap {margin:0 auto; 
                width:640px;
                margin-left:12px;
               }
.shopping_wrap h3 {margin-top:20px; 
                   margin-bottom:10px; 
                    padding-bottom:5px; 
                    font-size:16px;
                    border-bottom:2px solid #313967;}
.shopping_wrap h3 span {font-size:18px; color:red;}
.shopping_best {height:300px; 
                position:relative;
                font-family:'nanum gothic','나눔고딕'; }
.shopping_best a {float:left; 
                 padding-right:11px;}
.shopping_best a img {width:200px;border:1px solid #808080;}
.shopping_best p { font-size:14px; 
                    position:absolute; 
                    top:270px;}
.shopping_best .best_t01 { left:60px;}
.shopping_best .best_t02 { left:280px;}
.shopping_best .best_t03 {width:80px; left:510px;}
.shopping_ctn { font-family:'nanum gothic','나눔고딕';clear:both; }
.shopping_ctn p {font-size:14px; }
.shopping_ctn ul {margin-top:10px;}
.shopping_ctn ul li {float:left; 
                      margin-right:8px; 
                      margin-top:15px; }
.shopping_ctn ul li img {border:1px solid #808080;}
.shopping_ctn ul li h4 {text-align:center; 
                        font-size:14px;
                        padding-top:5px;
                        padding-bottom:5px;}
.shopping_ctn ul li p {background:#444444;
                        padding:5px;
                        color:#ffffff;
                        text-align:center;
                        border-radius: 3px;
                        display: inline-block;
                        width:80px;
                        border-radius: 3px;
                        -webkit-border-radius:3px; 
                        -moz-border-radius:3px;
                        margin-left:33px;
                         }