@charset "UTF-8";
.dp1.sub .arr, .mn_btns .btn, .ft_section .more .ico, .ft_section .conts .socials .sns, .ft_section .conts2 .socials .sns, .im_btn, .notice_self_test .link .ico, .idx_sect2 .txt .ico, .idx_sect4 .feature .icon span, .idx_sect4_2 .feature .icon span, .page_sect_1 .txt_wrap .list li .ico, .page_sect_1 .txt_wrap .function li .ico, .page_sect_3 .mobile li .ico, .page_sect_4 .txt_head .ico, .page_sect_4 .txt_head .img .ico_arr, .page_sect_4 .ptn_cs .icon, .page_sect_5 .spec li .ico, .page_sect_effects .why_anwser .anw .ico, .page_sect_6 .web_sort .box .ico, .page_sect_7 .select_reason .box .ico, .page_sect_who .list li .ico, .page_sect_ad .tit a, .intro_title .ico, .btns_func .sort .ico, .del_file, .table_list .title .ico, .paging .first, .paging .last, .paging .prev, .paging .next, .modal-content button.close, .table_faq .accordion-toggle .ico, .caret, .tab-area-new .l-area .l-box li .ico {
  overflow: hidden;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  background-image: url(../img/sp_im.png?v=1);
  background-repeat: no-repeat;
  background-position: -1000px -1000px;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

/* article, aside, details, figcaption, figure, header, hgroup, main, menu, nav, section, summary { */
/*   display: block; */
/* } */

audio, canvas, progress, video {
  display: inline-block;
  
  
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover, a:focus {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff;
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover, a:focus {
  color: #fff;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

datanames {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

/*select[multiple], select[size] { height: auto; }*/
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
}

/************************* Custom: Serive ********************************/
html, body {
  height: 100%;
  background: none;
}

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, a, button, input {
/*   font-size: 16px; */
/*   font-weight: normal; */
/*   line-height: 1.2; */
/*   color: #666; */
/*   font-family: '맑은 고딕', Malgun Gothic, "Helvetica Neue", Helvetica, Arial, sans-serif, '돋움', Dotum; */
}

ol, ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

div {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, ul, ol, li {
  padding: 0;
  margin: 0;
  letter-spacing: -0.5px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ul, ol, li {
  list-style: none;
}

dl, dt, dd {
  display: block;
  margin: 0;
  padding: 0;
  letter-spacing: -0.5px;
}

p {
  padding: 0;
  margin: 0;
  letter-spacing: -0.5px;
}

a:hover, a:active, a:focus, button:hover, button:active, button:focus, input:hover, input:active, input:focus {
  text-decoration: none;
  outline: none;
}

legend, datanames {
  padding: 0;
  margin: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
}

textarea {
  outline: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
/*   background: url("../img/select/select_artbline.png") no-repeat 98% 50%; */
  background-size: 10px 6px;
}

button {
  background: none;
  border: none;
  outline: none;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

/* all, print, screen, aural, tv, handheld, braille, projection */
/* orientation */
/* landscape */
/************************************** Common ********************************/
.blind {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

.ft_18 {
  font-size: 18px;
}

/* 레이아웃 */
.guide_center {
  zoom: 1;
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
}

.guide_center:after {
  content: '';
  display: block;
  clear: both;
}

.guide_center_n {
    zoom: 1;
    position: relative;
	max-width:none; 
    margin: 0 auto;
	overflow:hidden;
}

.guide_center_n:after {
  content: '';
  display: block;
  clear: both;
}

@media only screen and (max-width: 1140px) {
  .guide_center {
    overflow: hidden;
  }
  .guide_center_n {
    overflow: hidden;
  }
}

/* Header */
.header {
  zoom: 1;
  height: 80px;
  background-color: #fff;
}

.header:after {
  content: '';
  display: block;
  clear: both;
}

.header .logo {
  margin: 15px 0 0;
  float: left;
}

.header .logo a {
  display: block;
  width: 160px;
  height: 50px;
  background: url(../img/logo.png) 0 0 no-repeat;
}

@media only screen and (max-width: 1140px) {
  .header {
    height: 80px;
    background-color: #fff;
  }
  .header .logo {
    float: none;
  }
  .header .logo a {
    margin: 0 auto;
  }
}

.top_gnb {
  float: left;
  position: relative;
}

.top_gnb .gnb {
  zoom: 1;
  position: absolute;
  top: 15px;
  left: 22px;
  width: 690px;
}

.top_gnb .gnb:after {
  content: '';
  display: block;
  clear: both;
}

.top_gnb .menu {
  float: left;
  height: 65px;
}

/* .top_gnb .menu .dp1 { */
/*   -webkit-border-radius: 0; */
/*   -moz-border-radius: 0; */
/*   border-radius: 0; */
/*   display: inline-block; */
/*   vertical-align: top; */
/*   height: 16px; */
/*   padding: 0; */
/*   margin: 18px 12px 28px; */
/*   background-color: #fff; */
/*   font-size: 14px; */
/*   line-height: 1; */
/*   color: #333; */
/*   font-weight: bold; */
/*   background-color: #fff !important; */
/*   border: none; */
/*   -webkit-box-shadow: none; */
/*   box-shadow: none; */
/* } */

/* .top_gnb .menu .dp1:hover, .top_gnb .menu .dp1:focus, .top_gnb .menu .dp1:active { */
/*   background-color: #fff !important; */
/*   outline: none !important; */
/*   border: none !important; */
/* } */

/* .top_gnb .menu .chk, */
/* .top_gnb .menu .submenu { */
/*   display: none; */
/* } */

/* .top_gnb .menu.on .chk { */
/*   display: block; */
/*   height: 3px; */
/*   background-color: #f6ad17; */
/* } */

/* .top_gnb .menu.on .submenu { */
/*   display: block; */
/* } */

/* .top_gnb .menu.customer.on .chk, */
/* .top_gnb .menu.customer.on .submenu { */
/*   width: 132px; */
/*   margin-left: -10px; */
/* } */

/* @media only screen and (max-width: 1140px) { */
/*   .top_gnb { */
/*     display: none; */
/*   } */
/* } */

.dp1 .arr {
  display: none;
}

.dp1.sub {
  position: relative;
  padding-right: 26px;
}

.dp1.sub .arr {
  display: block;
  position: absolute;
  top: 6px;
  right: 10px;
  width: 11px;
  height: 6px;
  background-position: 0 0;
}

.submenu {
  border-left: #b7b7b7 1px solid;
  border-right: #b7b7b7 1px solid;
  border-bottom: #687074 2px solid;
  background-color: fff;
}

.submenu .dp2 {
  display: block;
  height: 36px;
  padding: 12px 0 0 20px;
  background-color: #fff;
  font-size: 12px;
  line-height: 1;
  color: #666;
  overflow: hidden;
}

.submenu .dp2.on, .submenu .dp2:hover {
  background-color: #eee;
}

.users {
  zoom: 1;
  float: right;
  padding: 22px 0 0;
}

.users:after {
  content: '';
  display: block;
  clear: both;
}

/* .users .btns { */
/*   -webkit-border-radius: 4px; */
/*   -moz-border-radius: 4px; */
/*   border-radius: 4px; */
/*   float: left; */
/*   display: inline-block; */
/*   width: 80px; */
/*   height: 35px; */
/*   margin-left: 10px; */
/*   border: #ccc 1px solid; */
/*   font-size: 14px; */
/*   line-height: 33px; */
/*   color: #555; */
/*   font-weight: bold; */
/*   text-align: center; */
/* } */

/* .users .btns:first-of-type { */
/*   margin-left: 0; */
/* } */

/* .users .btns.join { */
/*   border-color: #3498db; */
/*   background-color: #3498db; */
/*   color: #fff; */
/* } */

/* @media only screen and (max-width: 1140px) { */
/*   .users { */
/*     display: none; */
/*   } */
/* } */

.mn_btns {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.mn_btns .btn {
  width: 70px;
  height: 70px;
  background-position: -323px -381px;
}

@media only screen and (max-width: 1140px) {
  .mn_btns {
    display: block;
  }
}

/* .mgnb { */
/*   -webkit-transition: left 0.3s ease-out; */
/*   -moz-transition: left 0.3s ease-out; */
/*   -ms-transition: left 0.3s ease-out; */
/*   -o-transition: left 0.3s ease-out; */
/*   transition: left 0.3s ease-out; */
/*   -webkit-overflow-scrolling: touch; */
/*   z-index: 1100; */
/*   position: fixed; */
/*   top: 0; */
/*   left: 0; */
/*   bottom: 0; */
/*   width: 255px; */
/*   background-color: #fff; */
/*   overflow: auto; */
/* } */

/* .mgnb.g_show { */
/*   left: 0; */
/* } */

/* .mgnb.g_hide { */
/*   left: -275px; */
/* } */

/* .mgnb .gnb_usr { */
/*   position: relative; */
/*   height: 56px; */
/*   padding-left: 57px; */
/*   background-color: #2f353f; */
/* } */

/* .mgnb .gnb_usr .icon { */
/*   position: absolute; */
/*   top: 0; */
/*   left: 0; */
/*   width: 57px; */
/*   height: 56px; */
/* } */

/* .mgnb .gnb_usr .icon > img { */
/*   vertical-align: top; */
/* } */

/* .mgnb .gnb_usr .usr { */
/*   padding: 10px 0 0; */
/* } */

/* .mgnb .gnb_usr .usr .name, */
/* .mgnb .gnb_usr .usr .email { */
/*   display: block; */
/*   color: #fff; */
/* } */

/* .mgnb .gnb_usr .usr .name a, */
/* .mgnb .gnb_usr .usr .email a { */
/*   color: #fff; */
/* } */

/* .mgnb .gnb_usr .usr .name { */
/*   font-size: 13px; */
/*   line-height: 19px; */
/*   font-weight: bold; */
/* } */

/* .mgnb .gnb_usr .usr .email { */
/*   font-size: 12px; */
/*   color: #a9aeb5; */
/*   line-height: 1; */
/* } */

/* .mgnb .gnb_usr .usr .email a { */
/*   color: #a9aeb5; */
/* } */

/* .mgnb .gnb_sets { */
/*   background-color: #ebebeb; */
/* } */

/* .mgnb .gnb_set { */
/*   margin-bottom: 7px; */
/*   border-top: #ddd 1px solid; */
/*   background-color: #fff; */
/* } */

/* .mgnb .gnb_set:first-of-type { */
/*   border-top: none; */
/* } */

/* .mgnb .gnb_set:last-of-type { */
/*   margin-bottom: 0; */
/* } */

/* .mgnb .gnb_set > ul > li { */
/*   position: relative; */
/* } */

/* .mgnb .gnb_set > ul > li .togg_btns { */
/*   position: absolute; */
/*   top: 11px; */
/*   right: 10px; */
/* } */

/* .mgnb .gnb_set .menu { */
/*   position: relative; */
/*   display: block; */
/*   height: 45px; */
/*   padding: 17px 10px 0 10px; */
/*   border-bottom: #ddd 1px solid; */
/*   font-size: 13px; */
/*   font-weight: bold; */
/*   color: #666; */
/* } */

/* .mgnb .gnb_set .menu .txt { */
/*   overflow: hidden; */
/*   text-overflow: ellipsis; */
/*   white-space: nowrap; */
/*   display: block; */
/*   width: 100%; */
/*   color: #333; */
/* } */

/* .mgnb .gnb_set li.on { */
/*   background-color: #e1e1e1; */
/* } */

/* .mgnb .gnb_set li.on .menu .txt { */
/*   color: #2f353f; */
/*   font-weight: bold; */
/* } */

.gnb_underpanel {
  display: none;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
}



/* .ft_bottom { */
/*   zoom: 1; */
/*   height: 55px; */
/*   border-top: #444a53 1px solid; */
/* } */

/* .ft_bottom:after { */
/*   content: ''; */
/*   display: block; */
/*   clear: both; */
/* } */

/* .ft_bottom .guide_center { */
/*   padding: 0 20px; */
/* } */

/* .ft_bottom .copy { */
/*   float: left; */
/*   padding: 18px 0 0; */
/*   font-size: 12px; */
/*   color: #797d82; */
/*   line-height: 16px; */
/* } */

/* .ft_bottom .copy b { */
/*   color: #c1c1c1; */
/* } */

/* .ft_bottom .links { */
/*   zoom: 1; */
/*   float: right; */
/*   padding: 18px 0 0; */
/* } */

/* .ft_bottom .links:after { */
/*   content: ''; */
/*   display: block; */
/*   clear: both; */
/* } */

/* .ft_bottom .links li { */
/*   float: left; */
/*   margin-right: 10px; */
/* } */

/* .ft_bottom .links li a { */
/*   display: inline-block; */
/*   font-size: 13px; */
/*   line-height: 15px; */
/*   color: #c1c1c1; */
/*   vertical-align: top; */
/* } */

/* .ft_bottom .links li span { */
/*   display: inline-block; */
/*   width: 1px; */
/*   height: 13px; */
/*   margin: 2px 0 0 11px; */
/*   background-color: #484e56; */
/*   vertical-align: top; */
/* } */

/* .ft_bottom .links li.last { */
/*   margin-right: 0; */
/* } */

/* .ft_bottom .links li.last span { */
/*   display: none; */
/* } */

/* @media only screen and (max-width: 1140px) { */
/*   .ft_bottom { */
/*     zoom: 1; */
/*     height: auto; */
/*     border-top: #444a53 1px solid; */
/* 	padding-bottom:20px; */
/*   } */
/*   .ft_bottom .links { */
/*     zoom: 1; */
/*     padding: 8px 0 0; */
/* 	float:none; */
/* 	margin:0 auto; */
/* 	text-align:center; */
/*   } */
/*   .ft_bottom .links li { */
/* 	margin-right: 10px; */
/* 	float:none; */
/* 	display:inline-block */
/*   } */
/*   .ft_bottom .links li.last { */
/*     margin-right: 0; */
/*   }   */
/*   .ft_bottom .links li.last span { */
/*     display: none; */
/*   } */
/*   .ft_bottom .copy { */
/* 	display:none; */
/*   } */
/* } */

/* 반복 요소 */
.btn_main {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  width: 177px;
  height: 51px;
  margin: 0 17px;
  border: #ff7562 2px solid;
  background-color: #ff7562;
  text-align: center;
  font-size: 18px;
  line-height: 47px;
  color: #fff;
  font-weight: bold;
  vertical-align: top;
}

.btn_main:hover, .btn_main:focus {
  color: #fff;
}

.btn_main.blue {
  background-color: #3498db;
  border: #3498db 2px solid;
}

.btn_main.blue-bd {
  border: #3498db 2px solid;
  background-color: #fff;
  color: #3498db;
  font-weight: bold;
}

.btn_main.red {
  background-color: #ff7562;
  border: #ff7562 2px solid;
}

.im_btn {
  display: inline-block;
  width: 223px;
  height: 50px;
}

.im_btn.ios {
  background-position: 0 -208px;
}

.im_btn.android {
  background-position: -223px -208px;
}

.im_btn + .im_btn {
  margin-left: 20px;
}

.im_btn.demo_w {
  width: 205px;
  height: 46px;
  background-position: 0 -258px;
}

.im_btn.demo_m {
  width: 205px;
  height: 46px;
  background-position: -223px -258px;
}

@media only screen and (max-width: 1140px) {
  .im_btn {
    display: block;
    margin: 20px auto 0;
  }
  .im_btn + .im_btn {
    margin: 20px auto 0;
  }
}

.monitor_tabs.tb3 .nav-tabs > li {
  width: 33.3%;
}

.monitor_tabs .nav-tabs {
  zoom: 1;
  border: none;
}

.monitor_tabs .nav-tabs:after {
  content: '';
  display: block;
  clear: both;
}

.monitor_tabs .nav-tabs > li {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
  border: none;
  border-top: #fff 1px solid;
  border-bottom: #314976 2px solid;
}

.monitor_tabs .nav-tabs > li a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block;
  width: 100%;
  height: 55px;
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 55px;
  color: #777;
  font-weight: bold;
  border-top: #ddd 1px solid;
  border-right: #ddd 1px solid;
  text-align: center;
}

.monitor_tabs .nav-tabs > li.empty {
  height: 58px;
}

.monitor_tabs .nav-tabs > li.first a {
  border-left: #ddd 1px solid;
}

.monitor_tabs .nav-tabs > li.active {
  position: relative;
  border: none;
}

.monitor_tabs .nav-tabs > li.active:before, .monitor_tabs .nav-tabs > li.active:after {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0;
  bottom: -3px;
  width: 2px;
  background-color: #314976;
}

.monitor_tabs .nav-tabs > li.active:before {
  left: 0;
}

.monitor_tabs .nav-tabs > li.active:after {
  right: 0;
}

.monitor_tabs .nav-tabs > li.active a {
  position: relative;
  color: #314976;
}

.monitor_tabs .nav-tabs > li.active a:after {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 2px;
  background-color: #314976;
}

@media only screen and (max-width: 1140px) {
  .monitor_tabs .nav-tabs {
    zoom: 1;
    border: none;
  }
  .monitor_tabs .nav-tabs:after {
    content: '';
    display: block;
    clear: both;
  }
  .monitor_tabs .nav-tabs > li {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    border: none;
    border-top: #fff 1px solid;
    border-bottom: #314976 2px solid;
  }
  .monitor_tabs .nav-tabs > li a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: block;
    width: 100%;
    height: 55px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 55px;
    overflow: hidden;
    color: #777;
    font-weight: bold;
    border-top: #ddd 1px solid;
    border-right: #ddd 1px solid;
    text-align: center;
    word-break: keep-all;
  }
  .monitor_tabs .nav-tabs > li.empty {
    height: 58px;
  }
  .monitor_tabs .nav-tabs > li.first a {
    border-left: #ddd 1px solid;
  }
  .monitor_tabs .nav-tabs > li.active {
    position: relative;
    border: none;
  }
  .monitor_tabs .nav-tabs > li.active:before, .monitor_tabs .nav-tabs > li.active:after {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    bottom: -3px;
    width: 2px;
    background-color: #314976;
  }
  .monitor_tabs .nav-tabs > li.active:before {
    left: 0;
  }
  .monitor_tabs .nav-tabs > li.active:after {
    right: 0;
  }
  .monitor_tabs .nav-tabs > li.active a {
    position: relative;
    color: #314976;
  }
  .monitor_tabs .nav-tabs > li.active a:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 2px;
    background-color: #314976;
  }
}

.location {
  zoom: 1;
  height: 32px;
  padding: 10px 0 0;
  border-top: #c8c8c8 1px solid;
  background-color: #f5f5f7;
}

.location:after {
  content: '';
  display: block;
  clear: both;
}

.location a, .location span {
  float: left;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #888;
  vertical-align: top;
  font-family: gulim;
}

.location .chain {
  margin: 0 7px;
}

.location .here {
  margin-top: -1px;
  font-weight: bold;
  color: #333;
  font-family: '맑은 고딕', Malgun Gothic, "Helvetica Neue", Helvetica, Arial, sans-serif, '돋움', Dotum;
}

@media only screen and (max-width: 1140px) {
  .location {
    padding: 10px 20px 0;
  }
}

.page_head_banner {
  height: 332px;
  padding: 50px 0 0;
  background: url(../img/bg_page_server_1.jpg) center center no-repeat;
  background-size: cover;
  text-align: center;
}

.page_head_banner .title {
  font-size: 38px;
  font-weight: bold;
  color: #333;
  line-height: 48px;
}

.page_head_banner .title2 {
  font-size: 48px;
  color: #fff;
  line-height: 60px;
  letter-spacing:-0.06em;
  background-color: rgba(0,0,0,0.75);
  text-align:left;
  padding:13px 35px 26px 35px;
  margin-bottom:15px;
}

.page_head_banner .title2 .point {
  color:#f6ad17;
  font-weight:600;
}

.page_head_banner .title3 {
  font-size: 38px;
  font-weight: bold;
  color: #fff;
  line-height: 48px;
  text-align: left;
}

.page_head_banner .title4 {
  font-size: 33px;
  font-weight: bold;
  color: #fff;
  line-height: 48px;
  text-align: left;
}

.page_head_banner .txt {
  display: block;
  margin: 30px 0 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: normal;
  color: #333;
}

.page_head_banner .txt2 {
  display: block;
  padding-top: 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
  color: #fff;
  text-align: left;
}

.page_head_banner .txt3 {
  display: block;
  padding-top: 10px;
  font-size: 18px;
  line-height: 30px;
  font-weight: normal;
  color: #fff;
  text-align: left;
}

.page_head_banner .btn_main {
  margin: 37px 0 0;
}

.page_head_banner a.btn_sub {
  display:block;
  width:230px; 
  height:56px; 
  line-height:52px;
  background:#3498db;
  font-size:26px; 
  font-weight:600; 
  color:#fff;
  letter-spacing:0.02em;
}

.page_head_banner a.btn_sub2 {
  display:inline-block;
  float:right; 
  color:#fff; 
  font-size:18px; 
  font-weight:600; 
  letter-spacing:0.02em; 
  border:#fff 2px solid; 
  border-radius:3px; 
  width:177px; 
  height:51px; 
  line-height:42px; 
  text-align:center;
  margin-top:-15px;
}

.page_head_banner.web {
  height: 330px;
  padding-top: 45px;
  background-image: url(../img/bg_page_web_1.jpg);
}

.page_head_banner.wqms {
  height: 200px;
  padding-top: 50px;
  background-image: url(../img/bg_page_wqms_1.jpg);
}

.page_head_banner.loadtest {
  height: 180px;
  padding-top: 40px;
  background: #3498db;
}

.page_head_banner.why {
  height: 330px;
  padding-top: 87px;
  background-image: url(../img/bg_page_why_1.png);
}

.page_head_banner.why .title {
  color: #fff;
}

.page_head_banner.why .txt {
  margin-top: 35px;
  font-size: 20px;
  line-height: 32px;
  color: #fff;
}

.page_head_banner.project {
  height: 330px;
  padding-top: 86px;
  background-image: url(../img/bg_page_project_1.png);
}

.page_head_banner.project .title {
  font-size: 37px;
  line-height: 49px;
  color: #fff;
}

.page_head_banner.project .txt {
    margin-top: 35px;
    font-size: 20px;
    line-height: 32px;
    color: #fff;
}

.page_head_banner_event {
  height: 420px;
  background-image: url(../img/bg_event_01.jpg);
  background-size:cover;
  text-align:center;
}

@media only screen and (max-width: 1140px) {
  .page_head_banner {
    height: auto;
    padding: 70px 20px 60px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_head_banner {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_head_banner .title {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    line-height: 32px;
    word-break: keep-all;
  }
  .page_head_banner .title2 {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    line-height: 32px;
    word-break: keep-all;
	padding:12px 30px 15px 30px;
	width:auto;
  }
  .page_head_banner .title2 .point {
    font-size: 22px;
	font-weight:600;
  }
  .page_head_banner .title3 {
    font-size: 22px;
    line-height: 32px;
    word-break: keep-all;
	width:auto;
  }
  .page_head_banner .title4 {
    font-size: 28px;
    line-height: 32px;
    word-break: keep-all;
	width:auto;
  }
  .page_head_banner .txt {
    display: block;
    margin: 30px 0 0;
    font-size: 13px;
    line-height: 22px;
    font-weight: normal;
    color: #333;
    word-break: keep-all;
  }
  .page_head_banner .txt2 {
    font-size: 16px;
    line-height: 22px;
    word-break: keep-all;
  }
  .page_head_banner .txt3 {
    font-size: 16px;
    line-height: 24px;
    word-break: keep-all;
  }
  .page_head_banner .btn_main {
    margin: 37px 0 0;
  }
  .page_head_banner a.btn_sub {
    width:160px; 
    height:46px; 
    line-height:46px; 
    font-size:16px; 
    font-weight:600; 
    color:#fff; 
  }
  .page_head_banner a.btn_sub2 {
    width:160px; 
    height:46px; 
    line-height:40px; 
    font-size:16px;
	margin-top:30px;
  }
  .page_head_banner.web {
    height: auto;
    padding:70px 20px 60px;
    background-image: url(../img/bg_page_web_1.jpg);
  }
  .page_head_banner.wqms {
    height: auto;
    padding:70px 20px 50px;
  }
  .page_head_banner.loadtest {
    height: 210px;
    padding:40px 15px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_head_banner.web {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_head_banner.why {
    height: auto;
    padding: 87px 0;
    background-image: url(../img/bg_page_why_1.png);
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_head_banner.why {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_head_banner.why .title {
    color: #fff;
  }
  .page_head_banner.why .txt {
    margin-top: 35px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
  }
  .page_head_banner.project {
    height: auto;
    padding: 50px 20px 50px;
    background-image: url(../img/bg_page_project_1.png);
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_head_banner.project {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_head_banner.project .title {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
  }
  .page_head_banner.project .txt {
    margin-top: 35px;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
  }
}

@media only screen and (max-width: 1140px) {
  .page_head_banner_event {
    height: auto;
    padding: 0 10px;
  }
}

.edm_landing_copy {
  float:right; 
  text-align:right; 
  padding-top:40px; 
  font-size:14px;
  letter-spacing:-0.04em;
}
@media (max-width: 1140px) {
  .edm_landing_copy { display:none;}
}
@media (max-width: 780px) {
  .edm_landing_timg img { width:100%;}
}

/* Content */
.notice_self_test {
  height: 60px;
  padding: 17px 0 0;
  background-color: #314976;
  text-align: center;
}

.notice_self_test .txt,
.notice_self_test .link {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  color: #fff;
  vertical-align: top;
}

.notice_self_test .link {
  position: relative;
  margin: 0 0 0 20px;
  padding: 0 29px 0 0;
  color: #f6ad17;
}

.notice_self_test .link .ico {
  position: absolute;
  top: 0;
  right: 0;
  width: 23px;
  height: 23px;
  background-position: 0 -47px;
}

@media only screen and (max-width: 1140px) {
  .notice_self_test {
    height: auto;
    padding: 17px 0;
  }
  .notice_self_test .txt,
  .notice_self_test .link {
    font-size: 12px;
    word-break: keep-all;
  }
  .notice_self_test .link {
    display: block;
    position: relative;
    margin: 0 0 0 20px;
    padding: 0 29px 0 0;
    color: #f6ad17;
  }
  .notice_self_test .link .ico {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
  }
}

.idx_sect1 {
  height: 620px;
  padding: 0 0 0;
  background: url(../img/bg_main_h3.jpg) center center no-repeat;
  background-size: cover;
  text-align: center;
}

.idx_sect1 .txt_box {
  text-align:left; 
  background-color: rgba(255,153,51,0.93);
  width:370px; 
  height:470px; 
  padding:58px 55px 0 55px;
}

.idx_sect1 .txt_box2 {
  background-color: rgba(255,153,51,0.93);
  display:inline-block;
  margin-top:180px;
  padding:8px 65px 26px 65px
}

.idx_sect1 .txt_main_txt1 {
  font-size: 67px;
  font-weight: bold;
  color: #fff;
  line-height: 78px;
  word-break: keep-all;
  text-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px;
  letter-spacing:-0.04em;
}

.idx_sect1 .txt_main_txt1 span {
  display: block;
  margin: 24px 0 0;
  font-size: 26px;
  line-height: 32px;
  font-weight: normal;
}

.idx_sect1 .txt_main_txt2 {
  font-size: 66px;
  font-weight: bold;
  color: #fff;
  line-height: 78px;
  word-break: keep-all;
  text-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px;
  letter-spacing:-0.04em;
}

.idx_sect1 .btn_main {
  margin-top: 80px;
}

.idx_sect1 .btn_main_n {
  display:inline-block; 
  width:260px;
  background:#159bc0;
  text-align:center;
  font-size:23px;
  font-weight:600; 
  color:#fff; 
  letter-spacing:-0.06em; 
  text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
  border-radius:100px;
  border:#1389aa 1px solid;
  padding:13px 0 18px 0;
  margin-top:40px;
}

.idx_sect1 .btn_main_n2 {
  display:inline-block; 
  width:260px;
  background:#159bc0;
  text-align:center;
  font-size:23px;
  font-weight:600; 
  color:#fff; 
  letter-spacing:-0.06em; 
  text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
  border-radius:100px;
  border:#1389aa 1px solid;
  padding:13px 0 18px 0;
  margin-top:58px;
}

@media only screen and (max-width: 1140px) {
  .idx_sect1 {
    height: auto;
    padding: 50px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .idx_sect1 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .idx_sect1 .txt_box {
    text-align:center; 
    background-color: rgba(255,153,51,0.93);
    width:auto; 
    height:auto; 
    padding:20px 0 25px 0;
  }
  .idx_sect1 .txt_main_txt1 {
    font-size: 24px;
    line-height: 32px;
  }
  .idx_sect1 .txt_main_txt1 span {
    margin: 12px 0 0;
    font-size: 16px;
    line-height: 22px;
  }
  .idx_sect1 .btn_main_n {
    display:inline-block; 
    font-size:18px;
	font-weight:600; 
    color:#fff; 
    letter-spacing:-0.05em; 
    padding: 14px 0 15px 0;
    margin-top: 15px;  
  }
  
  .idx_sect1 .txt_box2 {
    text-align:center; 
    background-color: rgba(255,153,51,0.93);
    width:auto; 
    height:auto; 
    padding:20px 30px 25px 30px;
	margin-top:0px;
  }
  .idx_sect1 .txt_main_txt2 {
    font-size: 24px;
    line-height: 32px;
  }
  .idx_sect1 .btn_main_n2 {
    display:inline-block; 
    font-size:18px;
	font-weight:600; 
    color:#fff; 
    letter-spacing:-0.05em; 
    padding: 14px 0 15px 0;
    margin-top: 15px;  
  }
}

.idx_sect2 {
  height: 390px;
  background-color: #159bc0;
  text-align: left;
  padding-top:50px;
}

.idx_sect2 .title {
  height: 144px;
  padding: 70px 0 0;
  font-size: 28px;
  line-height: 48px;
  color: #fff;
}

.idx_sect2 .txt {
  float: left;
  width: 365px;
  padding: 0 0 0 6px;
  font-size: 16px;
  line-height: 26px;
  color: #fff;
  letter-spacing: -1px;
  text-align:center;
}

.idx_sect2 .txt.center {
  position: relative;
  width: 410px;
  padding-left: 0px;
}

.idx_sect2 .txt.center:after, .idx_sect2 .txt.center:before {
  content: '';
  display: block;
  position: absolute;
  top: 164px;
  left: 0;
  width: 1px;
  height: 88px;
  background-color: #73c3d9;
}

.idx_sect2 .txt.center:before {
  left: inherit;
  right: 0;
}

.idx_sect2 .txt.left {
  padding-left:0px;
  padding-right:30px;
}

.idx_sect2 .txt.right {
  padding-left: 30px;
}

.idx_sect2 .txt strong {
  display: block;
  height: 61px;
  padding: 10px 0 0;
  font-size: 21px;
  line-height: 27px;
  color: #fff;
  font-weight: bold;
}

.idx_sect2 .txt .ico {
  display: inline-block;
  width: 84px;
  height: 106px;
  margin-left: -6px;
}

.idx_sect2 .txt .ico.l1 {
  background-position: -25px -47px;
}

.idx_sect2 .txt .ico.l2 {
  width: 88px;
  background-position: -111px -47px;
}

.idx_sect2 .txt .ico.l3 {
  width: 110px;
  background-position: -201px -47px;
}

@media only screen and (max-width: 1140px) {
  .idx_sect2 {
    height: auto;
    text-align: center;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .idx_sect2 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .idx_sect2 .title {
    height: auto;
    padding: 30px 0 0;
    font-size: 22px;
    line-height: 32px;
  }
  .idx_sect2 .txt {
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
    font-size: 13px;
    line-height: 20px;
  }
  .idx_sect2 .txt.center {
    width: 100%;
    padding-left: 0;
  }
  .idx_sect2 .txt.center:after, .idx_sect2 .txt.center:before {
    display: none;
  }
  .idx_sect2 .txt.left {
    padding-right: 0;
  }
  .idx_sect2 .txt.right {
    padding-left: 0;
  }
  .idx_sect2 .txt strong {
    font-size: 16px;
    line-height: 23px;
  }
  .idx_sect2 .txt .ico {
    margin: 0 auto;
  }
}

.idx_sect3 {
  height: 1340px;
  padding: 130px 0 0;
  text-align: center;
}

.idx_sect3 .idx_tabs .nav-tabs {
  zoom: 1;
}

.idx_sect3 .idx_tabs .nav-tabs:after {
  content: '';
  display: block;
  clear: both;
}

.idx_sect3 .idx_tabs .nav-tabs > li {
  float: left;
}

.idx_sect3 .idx_tabs .nav-tabs > li a {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: block;
  width: 470px;
  height: 70px;
  padding: 0;
  margin: 0;
  border: #ccc 1px solid;
  font-size: 30px;
  line-height: 60px;
  color: #555;
  text-align: center;
}

.idx_sect3 .idx_tabs .nav-tabs > li.first a {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-right: none;
}

.idx_sect3 .idx_tabs .nav-tabs > li.last a {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.idx_sect3 .idx_tabs .nav-tabs > li.active a {
  background-color: #314976;
  font-weight: bold;
  color: #fff;
}

.idx_sect3 .idx_tabs .title {
  height: 98px;
  padding: 39px 0 0 16px;
  font-size: 23px;
  line-height: 29px;
  color: #314976;
  text-align: left;
}

.idx_sect3 .idx_tabs .tab-pane {
  zoom: 1;
}

.idx_sect3 .idx_tabs .tab-pane:after {
  content: '';
  display: block;
  clear: both;
}

.idx_sect3 .idx_tabs .screenshot {
  display: block;
  float: left;
  vertical-align: top;
}

.idx_sect3 .idx_tabs .txt {
  float: left;
  width: 1140px;
  text-align: left;
  letter-spacing: -1px;
}

.idx_sect3 .idx_tabs .box {
  width:100%;
  display:inline-block;
  padding:20px 30px 0 30px;
}

.idx_sect3 .idx_tabs .box li {
  width:33%;
  display:inline-block;
  text-align:left;
  vertical-align:top;
  padding:0 20px;
}

.idx_sect3 .idx_tabs .box strong {
  display: block;
  padding: 19px 0 0;
  font-size: 22px;
  line-height: 26px;
  color: #343434;
  font-weight: bold;
}

.idx_sect3 .idx_tabs .box strong.l2 {
  padding-left: 56px;
}

.idx_sect3 .idx_tabs .box strong.l3 {
  padding-top: 45px;
}

.idx_sect3 .idx_tabs .box span {
  display: block;
  padding: 12px 0 0;
  font-size: 15px;
  line-height: 25px;
  color: #666;
}

.idx_sect3 .btn_main {
  margin-top: 89px;
}

@media only screen and (max-width: 1140px) {
  .idx_sect3 {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .idx_sect3 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .idx_sect3 .idx_tabs {
    padding: 0;
  }
  .idx_sect3 .idx_tabs .nav-tabs {
    zoom: 1;
  }
  .idx_sect3 .idx_tabs .nav-tabs:after {
    content: '';
    display: block;
    clear: both;
  }
  .idx_sect3 .idx_tabs .nav-tabs > li {
    float: left;
    width: 50%;
  }
  .idx_sect3 .idx_tabs .nav-tabs > li a {
    width: 100%;
    height: 51px;
    font-size: 14px;
  }
  .idx_sect3 .idx_tabs .title {
    height: auto;
    padding: 39px 0 10px 0;
    font-size: 18px;
    line-height: 28px;
    color: #314976;
    text-align: center;
  }
  .idx_sect3 .idx_tabs .tab-pane {
    zoom: 1;
    text-align: center;
  }
  .idx_sect3 .idx_tabs .tab-pane:after {
    content: '';
    display: block;
    clear: both;
  }
  .idx_sect3 .idx_tabs .screenshot {
    display: block;
    float: none;
    width: 80%;
    vertical-align: top;
    margin: 0 auto;
  }
  .idx_sect3 .idx_tabs .txt {
    float: none;
    width: 100%;
    text-align: center;
    letter-spacing: -1px;
  }
  .idx_sect3 .idx_tabs .box {
    width:100%;
    display:inline-block;
    padding-top:0px;
  }

  .idx_sect3 .idx_tabs .box li {
    width:100%;
    display:inline-block;
    text-align:center;
    vertical-align:top;
    padding:10px 0 20px 0;
  }
  
  .idx_sect3 .idx_tabs .box strong {
    display: block;
    padding: 19px 0 0;
    font-size: 16px;
    line-height: 26px;
    color: #666;
    font-weight: bold;
  }
  .idx_sect3 .idx_tabs .box strong.l2 {
    padding-top: 56px;
  }
  .idx_sect3 .idx_tabs .box strong.l3 {
    padding-top: 45px;
  }
  .idx_sect3 .idx_tabs .box span {
    display: block;
    padding: 12px 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #666;
  }
  .idx_sect3 .btn_main {
    margin-top: 20px;
  }
}

.idx_sect4 {
  height: 853px;
  padding: 102px 0 0;
  background-color: #28ab95;
}

.idx_sect4 .title {
  height: 175px;
  font-size: 35px;
  line-height: 1;
  color: #fff;
  font-weight: bold;
}

.idx_sect4 .title span {
  display: inline-block;
  margin-left: 50px;
  font-size: 23px;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  vertical-align: bottom;
}

.idx_sect4 .feature {
  zoom: 1;
}

.idx_sect4 .feature:after {
  content: '';
  display: block;
  clear: both;
}

.idx_sect4 .feature li {
  float: left;
}

.idx_sect4 .feature .list {
  position: relative;
  width: 380px;
  height: 173px;
  padding-left: 90px;
  letter-spacing: -1px;
}

.idx_sect4 .feature .list strong {
  display: block;
  padding: 2px 0 0;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  font-weight: bold;
}

.idx_sect4 .feature .list .under {
  display: block;
  width: 42px;
  height: 2px;
  margin: 10px 0 0;
  background-color: #fff;
}

.idx_sect4 .feature .list .txt {
  display: block;
  padding: 14px 0 0;
  font-size: 15px;
  line-height: 23px;
  color: #fff;
}

.idx_sect4 .feature .icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 90px;
  text-align: center;
}

.idx_sect4 .feature .icon span {
  display: inline-block;
  height: 50px;
  vertical-align: top;
}

.idx_sect4 .feature .icon.c1 span {
  width: 46px;
  background-position: 0 -156px;
}

.idx_sect4 .feature .icon.c2 span {
  width: 52px;
  background-position: -46px -156px;
}

.idx_sect4 .feature .icon.c3 span {
  width: 40px;
  background-position: -98px -156px;
}

.idx_sect4 .feature .icon.c4 span {
  width: 30px;
  background-position: -138px -156px;
}

.idx_sect4 .feature .icon.c5 span {
  width: 44px;
  background-position: -168px -156px;
}

.idx_sect4 .feature .icon.c6 span {
  width: 38px;
  background-position: -212px -156px;
}

.idx_sect4 .feature .icon.c7 span {
  width: 44px;
  background-position: -250px -156px;
}

.idx_sect4 .feature .icon.c8 span {
  width: 43px;
  background-position: -294px -156px;
}

.idx_sect4 .feature .icon.c9 span {
  width: 43px;
  background-position: -337px -156px;
}

@media only screen and (max-width: 1140px) {
  .idx_sect4 {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .idx_sect4 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .idx_sect4 .title {
    height: auto;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
  }
  .idx_sect4 .title span {
    display: block;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin: 20px 0 0;
  }
  .idx_sect4 .feature {
    zoom: 1;
    margin-top: 50px;
  }
  .idx_sect4 .feature:after {
    content: '';
    display: block;
    clear: both;
  }
  .idx_sect4 .feature li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }
  .idx_sect4 .feature .list {
    position: relative;
    width: 100%;
    height: auto;
    padding-left: 90px;
    letter-spacing: -1px;
  }
  .idx_sect4 .feature .list strong {
    display: block;
    padding: 2px 0 0;
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
  }
  .idx_sect4 .feature .list .under {
    display: block;
    width: 42px;
    height: 2px;
    margin: 10px 0 0;
    background-color: #fff;
  }
  .idx_sect4 .feature .list .txt {
    font-size: 13px;
  }
  .idx_sect4 .feature .list .txt br {
    display: none;
  }
  .idx_sect4 .feature .icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 90px;
    text-align: center;
  }
  .idx_sect4 .feature .icon span {
    height: 50px;
  }
}

.idx_sect4_2 {
  height: 790px;
  padding: 102px 0 0;
  background-color: #f2f3f7;
  border-bottom:#e5e6e9 1px solid;
  box-shadow:#eaeaea 0px 0px 2px
}

.idx_sect4_2 .title {
  height: 125px;
  font-size: 32px;
  line-height: 1;
  color: #343434;
  font-weight: bold;
}

.idx_sect4_2 .title span {
  display: inline-block;
  margin-left: 50px;
  font-size: 23px;
  line-height: 1;
  color: #fff;
  font-weight: normal;
  vertical-align: bottom;
}

.idx_sect4_2 .title2 {
  height: 125px;
  font-size: 32px;
  line-height: 1;
  color: #343434;
  font-weight: bold;
}

.idx_sect4_2 .txt {
    padding: 21px 0 0;
    font-size: 18px;
    line-height: 24px;
	color:#777;
}

.idx_sect4_2 .feature {
  zoom: 1;
}

.idx_sect4v .feature:after {
  content: '';
  display: block;
  clear: both;
}

.idx_sect4_2 .feature li {
  float: left;
}

.idx_sect4_2 .feature .list {
  position: relative;
  width: 380px;
  height: 173px;
  padding-left: 90px;
  letter-spacing: -1px;
}

.idx_sect4_2 .feature .list strong {
  display: block;
  padding: 4px 0 0;
  font-size: 20px;
  line-height: 24px;
  color: #343434;
  font-weight: bold;
}

.idx_sect4_2 .feature .list .under {
  display: block;
  width: 42px;
  height: 2px;
  margin: 10px 0 0;
  background-color: #28ab95;
}

.idx_sect4_2 .feature .list .txt {
  display: block;
  padding: 14px 0 0;
  font-size: 15px;
  line-height: 23px;
  color: #666;
}

.idx_sect4_2 .feature .icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 90px;
  text-align: center;
}

.idx_sect4_2 .feature .icon span {
  display: inline-block;
  height: 50px;
  vertical-align: top;
}

.idx_sect4_2 .feature .icon.c1 span {
  width: 46px;
  background-position: 0 -529px;
}

.idx_sect4_2 .feature .icon.c2 span {
  width: 52px;
  background-position: -46px -529px;
}

.idx_sect4_2 .feature .icon.c3 span {
  width: 40px;
  background-position: -98px -529px;
}

.idx_sect4_2 .feature .icon.c4 span {
  width: 30px;
  background-position: -138px -529px;
}

.idx_sect4_2 .feature .icon.c5 span {
  width: 44px;
  background-position: -168px -529px;
}

.idx_sect4_2 .feature .icon.c6 span {
  width: 38px;
  background-position: -212px -529px;
}

.idx_sect4_2 .feature .icon.c7 span {
  width: 44px;
  background-position: -250px -529px;
}

.idx_sect4_2 .feature .icon.c8 span {
  width: 43px;
  background-position: -294px -529px;
}

.idx_sect4_2 .feature .icon.c9 span {
  width: 43px;
  background-position: -337px -529px;
}

@media only screen and (max-width: 1140px) {
  .idx_sect4_2 {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .idx_sect4_2 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .idx_sect4_2 .title {
    height: auto;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
  }
  .idx_sect4_2 .title span {
    display: block;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    margin: 20px 0 0;
  }
  .idx_sect4_2 .title2 {
    height: auto;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
  }
  .idx_sect4_2 .feature {
    zoom: 1;
    margin-top: 50px;
  }
  .idx_sect4_2 .feature:after {
    content: '';
    display: block;
    clear: both;
  }
  .idx_sect4_2 .feature li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
  }
  .idx_sect4_2 .feature .list {
    position: relative;
    width: 100%;
    height: auto;
    padding-left: 90px;
    letter-spacing: -1px;
  }
  .idx_sect4_2 .feature .list strong {
    display: block;
    padding: 2px 0 0;
    font-size: 15px;
    line-height: 24px;
    color: #343434;
    font-weight: bold;
  }
  .idx_sect4_2 .feature .list .under {
    display: block;
    width: 42px;
    height: 2px;
    margin: 10px 0 0;
    background-color: #666;
  }
  .idx_sect4_2 .feature .list .txt {
    font-size: 13px;
  }
  .idx_sect4_2 .feature .list .txt br {
    display: none;
  }
  .idx_sect4_2 .feature .icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 90px;
    text-align: center;
  }
  .idx_sect4_2 .feature .icon span {
    height: 50px;
  }
}

.idx_sect5 {
  height: 451px;
  padding: 128px 0 0;
  background: url(../img/bg_main_h2.png) center center no-repeat;
  background-size: cover;
  text-align: center;
  text-align: left;
}

.idx_sect5 .title {
  font-size: 35px;
  line-height: 41px;
  color: #fff;
  font-weight: bold;
}

.idx_sect5 .txt {
  display: block;
  padding: 43px 0 0;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  letter-spacing: -0.7px;
}

.idx_sect5 .txt .btn_main {
  margin: -10px 0 0 72px;
}

@media only screen and (max-width: 1140px) {
  .idx_sect5 {
    height: auto;
    padding: 90px 20px 50px;
    background: url(../img/bg_main_h2.png) center center no-repeat;
    background-size: cover;
    text-align: center;
    text-align: left;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .idx_sect5 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .idx_sect5 .title {
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    word-break: keep-all;
  }
  .idx_sect5 .txt {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    word-break: keep-all;
  }
  .idx_sect5 .txt .btn_main {
    display: block;
    margin: 20px auto 0;
  }
}

.idx_sect6 {
  height: 686px;
  padding: 92px 0 0;
  text-align: center;
}

.idx_sect6 .title {
  font-size: 35px;
  line-height: 41px;
  color: #343434;
  font-weight: bold;
}

.idx_sect6 .txt {
  display: block;
  padding: 28px 0 0;
  font-size: 22px;
  line-height: 30px;
  color: #777;
}

.idx_sect6 .img {
  display: block;
  margin: 65px 0 0;
  vertical-align: top;
}

@media only screen and (max-width: 1140px) {
  .idx_sect6 {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .idx_sect6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .idx_sect6 .title {
    font-size: 28px;
    line-height: 40px;
    word-break: keep-all;
  }
  .idx_sect6 .txt {
    font-size: 16px;
    line-height: 24px;
    word-break: keep-all;
  }
  .idx_sect6 .img {
    display: block;
    width: 100%;
  }
}

.idx_sect7 {
  height: 370px;
  padding: 40px 0 0;
  text-align: center;
  background: url(../img/bg_main_shadow.png) 0 0 repeat-x;
  background-color: #f2f3f7;
}

.idx_sect7 .title,
.idx_sect7 .txt,
.idx_sect7 .btns {
  float: left;
  width: 638px;
}

.idx_sect7 .title {
  padding: 57px 0 0;
  font-size: 35px;
  line-height: 41px;
  color: #343434;
  font-weight: bold;
}

.idx_sect7 .txt {
  display: block;
  padding: 15px 0 0;
  font-size: 18px;
  line-height: 24px;
  color: #777;
}

.idx_sect7 .left_img {
  float: left;
  display: block;
  width: 502px;
}

.idx_sect7 .left_img img {
  vertical-align: top;
}

.idx_sect7 .btns {
  padding: 48px 0 0;
  text-align: center;
}

@media only screen and (max-width: 1140px) {
  .idx_sect7 {
    height: auto;
    padding: 90px 20px 50px;
    text-align: center;
    background: url(../img/bg_main_shadow.png) 0 0 repeat-x;
    background-color: #f2f3f7;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .idx_sect7 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .idx_sect7 .title,
  .idx_sect7 .txt,
  .idx_sect7 .btns {
    float: none;
    width: 100%;
  }
  .idx_sect7 .title {
    padding: 57px 0 0;
    font-size: 28px;
    line-height: 40px;
    word-break: keep-all;
  }
  .idx_sect7 .txt {
    font-size: 13px;
    word-break: keep-all;
  }
  .idx_sect7 .left_img {
    float: none;
    display: block;
    width: 100%;
  }
  .idx_sect7 .left_img img {
    vertical-align: top;
  }
  .idx_sect7 .btns {
    padding: 48px 0 0;
    text-align: center;
  }
}

.idx_sect8 {
  height: 570px;
  padding: 35px 0 0;
  background:#f9f9f9;
}

.idx_sect8 .title {
  font-size: 33px;
  font-weight: bold;
  line-height: 40px;
  color: #343434;
  margin-top: 10px;  
}

.idx_sect8 .wrap {
  margin-left:-5px; 
  margin-right:-5px; 
  margin-top:15px;  
}

.function_img {
    text-align: center;
    padding: 20px 10px 32px 10px;
    margin-bottom: 10px;
    border: 1px dashed #ddd;
    cursor: pointer;
    -webkit-transition: background-color .2s ease, border .2s ease;
    transition: background-color .2s ease, border .2s ease;
	background:#fff;
}
.function_img:hover {
	background-color:#fbfbfb;
	border-color:#c3c3c3;
	box-shadow:#eee 0px 4px 0px;
}
.function_img h3 {
    font-size: 21px;
    line-height: 36px;
    font-weight: 600;
    margin: 0px;
    margin-top: 2px;
	color:#343434;
}
.function_img img {
	margin-top:12px !important;
	opacity:1;
	-webkit-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out;
	margin:0 auto; 
	text-align:center;
}
.function_img:hover img { opacity:1; }
.function_img p {
    margin: 12px 0px 18px 0px;
    /*min-height: 66px;*/
	font-size:14px;
	line-height:20px;
	letter-spacing:-0.07em;
}
.function_img p .point {
	color:#3d78d8;
}
.function_img .btn {
	border:#ccc 1px solid; 
	border-radius:2px; 
	padding:4px 12px 6px 12px; 
	background:#fff;
	font-size:12px;
}

@media only screen and (max-width: 1140px) {
  .idx_sect8{
	height:auto;
	padding: 40px 15px 50px;
  }
  .idx_sect8 .title {
    font-size: 28px;
    line-height: 32px;
    word-break: keep-all;
  }
}

.page_sect_1 {
  height: 560px;
  padding: 40px 0 0;
  background-color: #4e97c6;
}

.page_sect_1 .title {
  float:left; 
  width:340px;
  font-size: 32px;
  line-height: 52px;
  color: #fff;
  font-weight: bold;
  letter-spacing: -1px;
}

.page_sect_1 .txt_wrap {
  zoom: 1;
  padding: 48px 0 0;
}

.page_sect_1 .txt_wrap:after {
  content: '';
  display: block;
  clear: both;
}

.page_sect_1 .txt_wrap .txt {
  float:right; 
  width: 780px;
  font-size: 15px;
  line-height: 28px;
  color: #fff;
  padding-left:8px;
}

.page_sect_1 .txt_wrap .function {
  float:right;
  width:780px;  
  padding-bottom:55px;
}

.page_sect_1 .txt_wrap .function li {
  width:190px; 
  font-size:17px; 
  line-height:24px; 
  font-weight:600; 
  color:#fff; 
  display:inline-block; 
  text-align:center;
  letter-spacing:-0.06em;
}

.page_sect_1 .txt_wrap .function li .ico {
    display: block;
    width: 70px;
    height: 60px;
    margin: 5px auto 10px;
}

.page_sect_1 .txt_wrap .function li .ico.i1 {
  background-position: 0 -455px;
}

.page_sect_1 .txt_wrap .function li .ico.i2 {
  background-position: -70px -455px;
}

.page_sect_1 .txt_wrap .function li .ico.i3 {
  background-position: -140px -455px;
}

.page_sect_1 .txt_wrap .function li .ico.i4 {
  background-position: -210px -455px;
}

.page_sect_1 .txt_wrap .function li .ico.i5 {
  background-position: -280px -455px;
}

.page_sect_1 .txt_wrap .function li .ico.i6 {
  background-position: -350px -455px;
}

.page_sect_1 .txt_wrap .function li .ico.i7 {
  background-position: -420px -455px;
}

.page_sect_1 .txt_wrap .function li .ico.i8 {
  background-position: 0px -584px;
}

.page_sect_1 .txt_wrap .list {
  float: right;
  width: 290px;
}

.page_sect_1 .txt_wrap .list li {
  position: relative;
  padding: 0 0 0 33px;
  font-size: 15px;
  line-height: 32px;
  color: #fff;
  letter-spacing: -1px;
}

.page_sect_1 .txt_wrap .list li .ico {
  position: absolute;
  top: 8px;
  left: 0;
  width: 20px;
  height: 16px;
  background-position: -382px -155px;
}

.page_sect_1.web {
  background-color: #4e97c6;
  margin-top:300px;
}

.page_sect_1.web .txt {
  width: 780px;
}

.page_sect_1.web .list {
  width: 415px;
}

.page_sect_1.web .list li {
  font-size: 15px;
}

@media only screen and (max-width: 1140px) {
  .page_sect_1 {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_sect_1 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_sect_1 .title {
	float: none;
    width: auto; 
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_1 .txt_wrap {
    zoom: 1;
    padding: 30px 0 0;
  }
  .page_sect_1 .txt_wrap:after {
    content: '';
    display: block;
    clear: both;
  }
  .page_sect_1 .txt_wrap .txt {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    word-break: keep-all;
    text-align: center;
    padding-bottom: 30px;
  }
  .page_sect_1 .txt_wrap .txt br {
    display: none;
  }
  .page_sect_1 .txt_wrap .function {
    float: none;
    width: auto;  
    padding-bottom:50px;
  }
  .page_sect_1 .txt_wrap .function li {
    width: 100% !important; 
	margin: 0 auto;
    font-size:15px; 
    line-height:24px; 
    font-weight:600; 
    color:#fff; 
    display:inline-block; 
    text-align:center;
	margin-top:35px;
  }
  .page_sect_1 .txt_wrap .list {
    float: none;
    clear: both;
    width: 320px;
    margin: 0 auto;
  }
  .page_sect_1 .txt_wrap .list li {
    position: relative;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    letter-spacing: -1px;
  }
  .page_sect_1 .txt_wrap .list li .ico {
    position: static;
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 16px;
    background-position: -382px -155px;
  }
  .page_sect_1.web {
    background-color: #4e97c6;
    margin-top:0px;
  }
  .page_sect_1.web .txt {
    width: 100%;
  }
  .page_sect_1.web .list {
    width: 415px;
  }
  .page_sect_1.web .list li {
    font-size: 13px;
  }
}

.page_sect_2 {
  height: 660px;
  padding: 77px 0 0;
}

.page_sect_2 .title {
  font-size: 32px;
  line-height: 40px;
  color: #343434;
  font-weight: bold;
}

.page_sect_2 .server_tabs {
  position: relative;
  height: 407px;
}

.page_sect_2 .server_tabs .nav-tabs {
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: none;
  padding-top:100px;
}

.page_sect_2 .server_tabs .nav-tabs > li {
  zoom: 1;
  margin: 0;
}

.page_sect_2 .server_tabs .nav-tabs > li:after {
  content: '';
  display: block;
  clear: both;
}

.page_sect_2 .server_tabs .nav-tabs > li a {
  float: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  color: #777;
  font-weight: bold;
  border: none;
}

.page_sect_2 .server_tabs .nav-tabs > li a:hover {
  background-color: #fff;
}

.page_sect_2 .server_tabs .nav-tabs > li .chain {
  float: left;
  margin: 0 9px;
  font-size: 16px;
  line-height: 20px;
  color: #777;
  vertical-align: top;
}

.page_sect_2 .server_tabs .nav-tabs > li.active a {
  color: #ff7562;
}

.page_sect_2 .server_tabs .tab-pane {
  zoom: 1;
}

.page_sect_2 .server_tabs .tab-pane:after {
  content: '';
  display: block;
  clear: both;
}

.page_sect_2 .server_tabs .tab-pane .img {
  float: left;
  width: 850px;
  height: 407px;
  margin: 0 0 0 -168px;
}

.page_sect_2 .server_tabs .tab-pane .img img {
  vertical-align: top;
}

.page_sect_2 .server_tabs .tab-pane .txt {
  float: right;
  width: 458px;
  padding: 195px 0 0;
  letter-spacing: -1px;
}

.page_sect_2 .server_tabs .tab-pane .txt strong {
  display: block;
  font-size: 28px;
  line-height: 34px;
  color: #ff7562;
  font-weight: bold;
}

.page_sect_2 .server_tabs .tab-pane .txt span {
  display: block;
  padding: 23px 0 0;
  font-size: 17px;
  line-height: 32px;
  color: #666;
}

@media only screen and (max-width: 1140px) {
  .page_sect_2 {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_sect_2 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_sect_2 .title {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_2 .server_tabs {
    position: relative;
    height: auto;
  }
  .page_sect_2 .server_tabs .nav-tabs {
    position: static;
    top: 0;
    right: 0;
    border-bottom: none;
    text-align: center;
	padding-top:10px;
  }
  .page_sect_2 .server_tabs .nav-tabs > li {
    zoom: 1;
    margin: 0;
    display: inline-block;
    float: none;
  }
  .page_sect_2 .server_tabs .nav-tabs > li:after {
    content: '';
    display: block;
    clear: both;
  }
  .page_sect_2 .server_tabs .nav-tabs > li a {
    float: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px;
    color: #777;
    font-weight: bold;
    border: none;
  }
  .page_sect_2 .server_tabs .nav-tabs > li .chain {
    float: left;
    margin: 0 9px;
    font-size: 16px;
    line-height: 20px;
    color: #777;
    vertical-align: top;
  }
  .page_sect_2 .server_tabs .nav-tabs > li.active a {
    color: #ff7562;
  }
  .page_sect_2 .server_tabs .tab-pane {
    zoom: 1;
  }
  .page_sect_2 .server_tabs .tab-pane:after {
    content: '';
    display: block;
    clear: both;
  }
  .page_sect_2 .server_tabs .tab-pane .img {
    float: none;
    width: 100%;
    height: auto;
    margin: 0;
  }
  .page_sect_2 .server_tabs .tab-pane .img img {
    width: 100%;
	margin-left:-7%;
  }
  .page_sect_2 .server_tabs .tab-pane .txt {
    float: none;
    width: 100%;
    padding: 50px 0 0;
    letter-spacing: -1px;
  }
  .page_sect_2 .server_tabs .tab-pane .txt strong {
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #ff7562;
    font-weight: bold;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_2 .server_tabs .tab-pane .txt span {
    display: block;
    padding: 23px 0 0;
    font-size: 13px;
    line-height: 18px;
    color: #666;
    text-align: center;
    word-break: keep-all;
  }
}

.page_sect_3 {
  height: 555px;
  background: url(../img/bg_main_shadow.png) 0 0 repeat-x;
  background-color: #f2f3f7;
}

.page_sect_3 .guide_center {
  padding: 81px 0 0;
}

.page_sect_3 .title {
  font-size: 32px;
  line-height: 40px;
  color: #343434;
  font-weight: bold;
}

.page_sect_3 .txt {
  padding: 21px 0 0;
  font-size: 18px;
  line-height: 24px;
  color: #777;
}

.page_sect_3 .mobile {
  padding: 37px 0 0;
}

.page_sect_3 .mobile li {
  position: relative;
  padding: 0 0 0 42px;
  font-size: 17px;
  line-height: 36px;
  color: #666;
}

.page_sect_3 .mobile li .ico {
  position: absolute;
  top: 7px;
  left: 4px;
  width: 22px;
  height: 22px;
  background-position: -404px -155px;
}

.page_sect_3 .btns {
  padding: 37px 0 0;
}

.page_sect_3 .img {
  position: absolute;
  bottom: -83px;
  right: 0;
}

.page_sect_3 .img img {
  vertical-align: top;
}

.page_sect_3 .guide_center .diagram {
  padding-top:30px; 
  padding-bottom:0x;
}

.page_sect_3 .guide_center .diagram2 {
  padding-top:80px; 
  padding-bottom:120px;
}

.page_sect_3 .guide_center .noti {
    border-radius: 4px;
    padding: 22px 52px 24px 52px;
	margin:30px 0;
    font-size: 14px;
    line-height: 25px;
    color: #666;
	border:#c8c8c8 2px dotted;
	text-align:center;
}

.page_sect_3 .guide_center .noti .fir {
    color:#3498db;
}

@media only screen and (max-width: 1140px) {
  .page_sect_3 {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_sect_3 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_sect_3 .title {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_3 .txt {
    padding: 15px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #777;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_3 .mobile {
    padding: 37px 0 0;
  }
  .page_sect_3 .mobile li {
    position: relative;
    padding: 0;
    font-size: 15px;
    line-height: 36px;
    color: #666;
    text-align: center;
  }
  .page_sect_3 .mobile li .ico {
    position: static;
    display: inline-block;
    margin-right: 5px;
    margin-top: -2px;
    vertical-align: middle;
    top: 9px;
    left: 4px;
    width: 22px;
    height: 22px;
    background-position: -404px -155px;
  }
  .page_sect_3 .btns {
    padding: 37px 0 0;
  }
  .page_sect_3 .img {
    display: none;
  }
  .page_sect_3 .guide_center {
    padding: 0 0 0;
  }
  .page_sect_3 .guide_center .diagram img {
    display: block;
    width: 100%;
    text-align: center;
  }
  .page_sect_3 .guide_center .diagram2 {
    padding-top:60px; 
    padding-bottom:100px;
  }
  .page_sect_3 .guide_center .diagram2 img {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.page_sect_4 {
  height: 870px;
  padding: 77px 0 0;
}

.page_sect_4.head {
  padding: 84px 0 0;
}

.page_sect_4 .headline {
  font-size: 32px;
  line-height: 40px;
  color: #343434;
  font-weight: bold;
}

.page_sect_4 .sub {
  margin: 20px 0 50px;
  font-size: 18px;
  line-height: 24px;
  color: #777;
}

.page_sect_4 .headline2 {
  font-size: 27px;
  line-height: 40px;
  color: #343434;
  font-weight: bold;
}

.page_sect_4 .sub2 {
  margin: 20px 0 25px;
  font-size: 17px;
  line-height: 27px;
  color: #777;
}

.page_sect_4 .title {
  padding: 39px 0 0;
  font-size: 22px;
  line-height: 30px;
  color: #314976;
}

.page_sect_4 .txt_wrap {
  zoom: 1;
  padding: 84px 0 0;
}

.page_sect_4 .txt_wrap:after {
  content: '';
  display: block;
  clear: both;
}

.page_sect_4 .txt_wrap.d2 {
  padding: 84px 19px 0;
}

.page_sect_4 .txt_wrap .txt {
  float: left;
  width: 353px;
  text-align: center;
}

.page_sect_4 .txt_wrap .txt.half {
  width: 50%;
}

.page_sect_4 .txt_wrap .txt.left {
  width: 490px;
}

.page_sect_4 .txt_wrap .txt.right2 {
  float: right;
  width: 491px;
}

.page_sect_4 .txt_wrap .txt.center {
  width: 433px;
}

.page_sect_4 .txt_wrap .txt.right {
  width: 354px;
}

.page_sect_4 .txt_wrap .txt strong {
  display: block;
  font-size: 20px;
  line-height: 26px;
  color: #343434;
  font-weight: bold;
}

.page_sect_4 .txt_wrap .txt .t {
  display: block;
  height: 112px;
  padding: 15px 0 0;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

.page_sect_4 .txt_wrap .txt .img {
  display: block;
  text-align: center;
}

.page_sect_4 .txt_wrap .txt .img img {
  vertical-align: top;
}

.page_sect_4 .btns {
  padding: 32px 0 0;
  text-align: center;
}

.page_sect_4 .txt_head {
  clear: both;
  position: relative;
  padding: 0 0 0 33px;
  text-align: left;
}

.page_sect_4 .txt_head strong {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #343434;
  font-weight: bold;
}

.page_sect_4 .txt_head span {
  display: block;
  padding: 6px 0 0;
  font-size: 14px;
  line-height: 18px;
  color: #666;
}

.page_sect_4 .txt_head span.long {
  margin-right: -20px;
}

.page_sect_4 .txt_head .ico {
  position: absolute;
  top: 2px;
  left: 1px;
  width: 22px;
  height: 21px;
  background-position: -428px -155px;
}

.page_sect_4 .txt_head .img {
  position: relative;
  height: 351px;
  margin: 0 0 0 -33px;
  padding: 20px 0 0;
}

.page_sect_4 .txt_head .img img {
  vertical-align: top;
}

.page_sect_4 .txt_head .img .ico_arr {
  position: absolute;
  top: 135px;
  right: -111px;
  width: 63px;
  height: 63px;
  background-position: -219px -306px;
}

.page_sect_4 .txt_bottom {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 32px 52px;
  margin: 13px 0 60px;
  background-color: #f9f9f9;
  font-size: 14px;
  line-height: 25px;
  color: #666;
}

.page_sect_4 .txt_bottom span {
  font-size: 13px;
  color: #999;
}

.page_sect_4 .guide_center .diagram {
    padding-top: 20px;
    padding-bottom: 70px;
}

.page_sect_4 .ptn_cs {
    padding-top: 20px;
}

.page_sect_4 .ptn_cs li{
    width:48.5%; 
	height:180px; 
	border-radius:4px; 
	border:#ddd 1px solid; 
	text-align:center; 
	font-size:20px; 
	line-height:30px;
	letter-spacing:-0.02em; 
	padding:35px 0;
	box-shadow:#ececec 0px 6px 2px;
	float:left;
}

.page_sect_4 .ptn_cs li a {
	font-size:20px; 
}

.page_sect_4 .ptn_cs .icon {
    display: inline-block;
    width: 40px;
    height: 37px;
	margin-bottom:10px;
    vertical-align: middle;
}

.page_sect_4 .ptn_cs .icon.a1 {
    background-position: -234px -585px;
}

.page_sect_4 .ptn_cs .icon.a2 {
    background-position: -274px -585px;
}

@media only screen and (max-width: 1140px) {
  .page_sect_4 {
    height: auto;
    padding: 90px 20px 50px;
  }
  .page_sect_4.head {
    padding: 90px 20px 50px;
  }
  .page_sect_4 .headline {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_4 .sub {
    margin: 15px 0 50px;
    font-size: 16px;
    line-height: 22px;
    color: #777;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_4 .headline2 {
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_4 .sub2 {
    margin: 15px 0 25px;
    font-size: 15px;
    line-height: 22px;
    color: #777;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_4 .title {
    padding: 39px 0 0;
    font-size: 16px;
    line-height: 30px;
    color: #314976;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_4 .txt_wrap {
    zoom: 1;
    padding: 84px 0 0;
  }
  .page_sect_4 .txt_wrap:after {
    content: '';
    display: block;
    clear: both;
  }
  .page_sect_4 .txt_wrap.d2 {
    padding: 84px 19px 0;
  }
  .page_sect_4 .txt_wrap .txt {
    float: none;
    width: 100%;
    text-align: center;
  }
  .page_sect_4 .txt_wrap .txt.half {
    width: 100%;
  }
  .page_sect_4 .txt_wrap .txt.left {
    width: 100%;
  }
  .page_sect_4 .txt_wrap .txt.right2 {
    float: none;
    width: 100%;
    margin-bottom: 50px;
  }
  .page_sect_4 .txt_wrap .txt.center {
    width: 100%;
  }
  .page_sect_4 .txt_wrap .txt.right {
    width: 100%;
  }
  .page_sect_4 .txt_wrap .txt strong {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #343434;
    font-weight: bold;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_4 .txt_wrap .txt .t {
    display: block;
    height: 112px;
    padding: 14px 0 0;
    font-size: 12px;
    line-height: 22px;
    color: #666;
    font-family: gulim;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_4 .txt_wrap .txt .img {
    display: block;
    width: 100%;
    text-align: center;
  }
  .page_sect_4 .txt_wrap .txt .img img {
    vertical-align: top;
  }
  .page_sect_4 .btns {
    padding: 32px 0 0;
    text-align: center;
  }
  .page_sect_4 .txt_head {
    clear: both;
    position: relative;
    padding: 0;
    text-align: center;
  }
  .page_sect_4 .txt_head strong {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    color: #343434;
    font-weight: bold;
  }
  .page_sect_4 .txt_head span {
    display: block;
    padding: 6px 0 0;
    font-size: 14px;
    line-height: 18px;
    color: #666;
  }
  .page_sect_4 .txt_head span.long {
    margin-right: -20px;
  }
  .page_sect_4 .txt_head .ico {
    position: static;
    margin-right: 5px;
    display: inline-block;
    top: 2px;
    left: 1px;
    width: 22px;
    height: 21px;
    background-position: -428px -155px;
  }
  .page_sect_4 .txt_head .img {
    position: relative;
    max-width: 493px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 0;
  }
  .page_sect_4 .txt_head .img img {
    width: 100%;
  }
  .page_sect_4 .txt_head .img .ico_arr {
    position: static;
    display: block;
    margin: 20px auto;
    width: 63px;
    height: 63px;
    background-position: -219px -306px;
  }
  .page_sect_4 .txt_bottom {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 32px 52px;
    margin: 13px 0 60px;
    background-color: #f9f9f9;
    font-size: 14px;
    line-height: 25px;
    color: #666;
  }
  .page_sect_4 .txt_bottom span {
    font-size: 13px;
    color: #999;
  }
  .page_sect_4 .guide_center .diagram {
	padding-bottom:30px;
  }  
  .page_sect_4 .guide_center .diagram img {
    display: block;
    width: 100%;
    text-align: center;
  }  
  .page_sect_4 .ptn_cs li{
	font-size:16px; 
  }
  .page_sect_4 .ptn_cs li a {
	font-size:16px; 
  }
}

.page_sect_5 {
  height: 729px;
  padding: 77px 0 0;
  background-color: #6fab9c;
}

.page_sect_5 .title {
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
}

.page_sect_5 .txt {
  padding: 21px 0 0;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
}

.page_sect_5 .img {
  margin-left: -100px;
  padding: 9px 0 0;
}

.page_sect_5 .img img {
  vertical-align: top;
}

.page_sect_5 .spec {
  zoom: 1;
}

.page_sect_5 .spec:after {
  content: '';
  display: block;
  clear: both;
}

.page_sect_5 .spec li {
  float: left;
  width: 351px;
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  text-align: center;
}

.page_sect_5 .spec li.center {
  width: 438px;
}

.page_sect_5 .spec li strong {
  display: block;
  padding: 0 0 12px;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
}

.page_sect_5 .spec li .ico {
  display: block;
  width: 72px;
  height: 72px;
  margin: 15px auto 0;
}

.page_sect_5 .spec li .ico.i1 {
  background-position: 0 -306px;
}

.page_sect_5 .spec li .ico.i2 {
  background-position: -72px -306px;
}

.page_sect_5 .spec li .ico.i3 {
  background-position: -144px -306px;
}

@media only screen and (max-width: 1140px) {
  .page_sect_5 {
    height: auto;
    padding: 90px 20px 50px;
    background-color: #6fab9c;
  }
  .page_sect_5 .title {
    font-size: 28px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_5 .txt {
    padding: 15px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_5 .img {
    display: none;
  }
  .page_sect_5 .spec {
    zoom: 1;
  }
  .page_sect_5 .spec:after {
    content: '';
    display: block;
    clear: both;
  }
  .page_sect_5 .spec li {
    float: none;
    width: 351px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 25px;
    color: #fff;
    text-align: center;
  }
  .page_sect_5 .spec li.center {
    width: 351px;
  }
  .page_sect_5 .spec li strong {
    display: block;
    padding: 0 0 12px;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
  }
  .page_sect_5 .spec li .ico {
    display: block;
    width: 72px;
    height: 72px;
    margin: 15px auto 0;
  }
  .page_sect_5 .spec li .ico.i1 {
    background-position: 0 -306px;
  }
  .page_sect_5 .spec li .ico.i2 {
    background-position: -72px -306px;
  }
  .page_sect_5 .spec li .ico.i3 {
    background-position: -144px -306px;
  }
}

.page_sect_6 {
  height: 650px;
  padding: 80px 0 0;
}

.page_sect_6 .title {
    font-size: 32px;
    line-height: 40px;
    color: #343434;
    font-weight: bold;
}

.page_sect_6 .txt {
    padding: 21px 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #777;
}

.page_sect_6 .web_sort {
  zoom: 1;
  padding-top:40px;
}

.page_sect_6 .web_sort:after {
  content: '';
  display: block;
  clear: both;
}

.page_sect_6 .web_sort .box {
    text-align: center;
}

.page_sect_6 .web_sort .box.a1 {
    float: left;
	width: 47.5%;
    padding: 36px 32px;
    border: #ccc 1px dashed;
    border-radius: 6px;
    box-shadow:#ececec 0px 6px 2px;
	background:#fff;
}

.page_sect_6 .web_sort .box.a2 {
    float: right;
	width: 47.5%;
    padding: 36px 32px;
    border: #ccc 1px dashed;
    border-radius: 6px;
    box-shadow:#ececec 0px 6px 2px;
	background:#fff;
}

.page_sect_6 .web_sort .box .ico {
  display: block;
  width: 74px;
  height: 72px;
  margin: 0 auto;
}

.page_sect_6 .web_sort .box .ico.img1 {
  background-position: -78px -584px;
}

.page_sect_6 .web_sort .box .ico.img2 {
  background-position: -153px -584px;
}

.page_sect_6 .web_sort .box strong {
  display: block;
  padding: 18px 0 0;
  font-size: 22px;
  line-height: 27px;
  color: #343434;
  font-weight: bold;
}

.page_sect_6 .web_sort .box .txt {
  display: block;
  padding: 19px 0 0;
  font-size: 15px;
  line-height: 24px;
  color: #666;
  margin-bottom:30px;
}

@media only screen and (max-width: 1140px) {
  .page_sect_6 {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_sect_6 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_sect_6 .title {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_6 .txt {
    padding: 15px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #777;
    text-align: center;
    word-break: keep-all;
  }	
  .page_sect_6 .web_sort {
    zoom: 1;
  }
  .page_sect_6 .web_sort:after {
    content: '';
    display: block;
    clear: both;
  }
  .page_sect_6 .web_sort .box {
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
  }
  .page_sect_6 .web_sort .box.a1,
  .page_sect_6 .web_sort .box.a2 {
    width: 100%;
  }
  .page_sect_6 .web_sort .box strong {
    display: block;
    padding: 18px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #343434;
    font-weight: bold;
  }
  .page_sect_6 .web_sort .box .txt {
    display: block;
    padding: 19px 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #666;
  }
}

.page_sect_7 {
  height: 690px;
  padding: 110px 0 0;
}

.page_sect_7 .title {
    font-size: 32px;
    line-height: 40px;
    color: #343434;
    font-weight: bold;
}

.page_sect_7 .txt {
    padding: 21px 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #777;
}

.page_sect_7 .select_reason {
  zoom: 1;
  padding-top:50px;
}

.page_sect_7 .select_reason:after {
  content: '';
  display: block;
  clear: both;
}

.page_sect_7 .select_reason .box {
    text-align: center;
}

.page_sect_7 .select_reason .box.a1 {
    float: left;
	width: 23.5%;
    padding: 36px 32px;
    border: #ccc 1px dashed;
    border-radius: 6px;
    box-shadow:#ececec 0px 6px 2px;
	background:#fff;
	margin-right:2%;
	height:315px;
}

.page_sect_7 .select_reason .box.a2 {
    float: left;
	width: 23.5%;
    padding: 36px 32px;
    border: #ccc 1px dashed;
    border-radius: 6px;
    box-shadow:#ececec 0px 6px 2px;
	background:#fff;
	margin-right:0%;
	height:315px;
}

.page_sect_7 .select_reason .box .ico {
  display: block;
  width: 100px;
  height: 74px;
  margin: 0 auto;
}

.page_sect_7 .select_reason .box .ico.img1 {
  background-position: 0px -660px;
}

.page_sect_7 .select_reason .box .ico.img2 {
  background-position: -100px -660px;
}

.page_sect_7 .select_reason .box .ico.img3 {
  background-position: -200px -660px;
}

.page_sect_7 .select_reason .box .ico.img4 {
  background-position: -300px -660px;
}

.page_sect_7 .select_reason .box strong {
  display: block;
  padding: 20px 0 0;
  font-size: 20px;
  line-height: 27px;
  color: #343434;
  font-weight: bold;
}

.page_sect_7 .select_reason .box .txt {
  display: block;
  padding: 19px 0 0;
  font-size: 15px;
  line-height: 24px;
  color: #666;
}

@media only screen and (max-width: 1140px) {
  .page_sect_7 {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_sect_7 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_sect_7 .title {
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    word-break: keep-all;
  }
  .page_sect_7 .txt {
    padding: 15px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #777;
    text-align: center;
    word-break: keep-all;
  }	
  .page_sect_7 .select_reason {
    zoom: 1;
  }
  .page_sect_7 .select_reason:after {
    content: '';
    display: block;
    clear: both;
  }
  .page_sect_7 .select_reason .box {
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
  }
  .page_sect_7 .select_reason .box.a1,
  .page_sect_7 .select_reason .box.a2 {
    width: 100%;
	height:auto;
  }
  .page_sect_7 .select_reason .box strong {
    display: block;
    padding: 18px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #343434;
    font-weight: bold;
  }
  .page_sect_7 .select_reason .box .txt {
    display: block;
    padding: 19px 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #666;
  }
  .page_sect_7 .guide_center .diagram img {
    display: block;
    width: 100%;
    text-align: center;
	margin-top:25px;
  }  
}

.page_sect_8 {
  padding: 100px 0;
}

.page_sect_8 .title {
  font-size: 32px;
  line-height: 40px;
  color: #343434;
  font-weight: bold;
}

.page_sect_8  .txt {
    padding: 21px 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #777;
}

.page_sect_8 .img1,
.page_sect_8 .img2 {
  margin: 50px 0 0;
}

.page_sect_8 .img1 img,
.page_sect_8 .img2 img {
  vertical-align: top;
}

.page_sect_8 .img1 .con,
.page_sect_8 .img2 .con {
  height:125px; 
  padding-top:15px; 
  display:inline-block;
}

.page_sect_8 .img1 .type,
.page_sect_8 .img2 .type {
  color:#314976; 
  font-size:13px; 
  font-weight:bold; 
  float:right;
}

.page_sect_8 .img1 {
  float: left;
  width:32%;
  font-size:14px; 
  line-height:27px; 
  color:#666;
  padding:32px;
  border:#ccc 1px solid; border-radius:6px; 
}

.page_sect_8 .img2 {
  float: left;
  width:32%;
  font-size:14px; 
  line-height:27px; 
  color:#666;
  padding:32px;
  border:#ccc 1px solid; border-radius:6px; 
  margin-left:2%; 
  margin-right:2%;
}

@media only screen and (max-width: 1140px) {
  .page_sect_8 {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_sect_8 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_sect_8 .title {
    font-size: 28px;
    line-height: 40px;
    color: #343434;
    font-weight: bold;
    word-break: keep-all;
    text-align: center;
  }
  .page_sect_8 .txt {
    padding: 15px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #777;
    text-align: center;
    word-break: keep-all;
  }  
  .page_sect_8 .img1,
  .page_sect_8 .img2 {
    margin: 20px 0 0;
	width:100%;
	font-size:13px;
	line-height:22px;
	text-align:center;
  }
  .page_sect_8 .img1 img,
  .page_sect_8 .img2 img {
    vertical-align: top;
  }
  .page_sect_8 .img1 {
    float: none;
  }
  .page_sect_8 .img2 {
    float: none;
  }
}

.page_sect_9 {
  height: auto;
  background:#f2f2f2;
}

@media only screen and (max-width: 1140px) {
  .page_sect_9 img {
	width:100%;
    padding: 30px 20px 30px;
  }
}

.page_sect_effects {
  height: 724px;
  padding: 80px 0 0;
}

.page_sect_effects .why_anwser {
  zoom: 1;
}

.page_sect_effects .why_anwser:after {
  content: '';
  display: block;
  clear: both;
}

.page_sect_effects .why_anwser .anw {
  float: left;
  width: 325px;
  height: 301px;
  text-align: center;
}

.page_sect_effects .why_anwser .anw.l2 {
  width: 490px;
}

.page_sect_effects .why_anwser .anw.l3 {
  width: 456px;
  margin-left: 126px;
}

.page_sect_effects .why_anwser .anw.l4 {
  width: 456px;
}

.page_sect_effects .why_anwser .anw .ico {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.page_sect_effects .why_anwser .anw .ico.a1 {
  background-position: 0 -380px;
}

.page_sect_effects .why_anwser .anw .ico.a2 {
  background-position: -60px -380px;
}

.page_sect_effects .why_anwser .anw .ico.a3 {
  width: 73px;
  background-position: -120px -380px;
}

.page_sect_effects .why_anwser .anw .ico.a4 {
  background-position: -193px -380px;
}

.page_sect_effects .why_anwser .anw .ico.a5 {
  background-position: -253px -380px;
}

.page_sect_effects .why_anwser .anw strong {
  display: block;
  padding: 18px 0 0;
  font-size: 20px;
  line-height: 27px;
  color: #343434;
  font-weight: bold;
}

.page_sect_effects .why_anwser .anw .txt {
  display: block;
  padding: 19px 0 0;
  font-size: 15px;
  line-height: 24px;
  color: #666;
}

@media only screen and (max-width: 1140px) {
  .page_sect_effects {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_sect_effects {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_sect_effects .why_anwser {
    zoom: 1;
  }
  .page_sect_effects .why_anwser:after {
    content: '';
    display: block;
    clear: both;
  }
  .page_sect_effects .why_anwser .anw {
    float: none;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
  }
  .page_sect_effects .why_anwser .anw.l2 {
    width: 100%;
  }
  .page_sect_effects .why_anwser .anw.l3 {
    width: 100%;
    margin-left: 0;
  }
  .page_sect_effects .why_anwser .anw.l4 {
    width: 100%;
  }
  .page_sect_effects .why_anwser .anw strong {
    display: block;
    padding: 18px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #343434;
    font-weight: bold;
  }
  .page_sect_effects .why_anwser .anw .txt {
    display: block;
    padding: 19px 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #666;
  }
}

.page_sect_who {
  background: url(../img/bg_page_why_2.png) center center no-repeat;
  background-size: cover;
}

.page_sect_who .img {
  position: absolute;
  top: 0;
  left: -318px;
  bottom: 0;
  width: 879px;
}

.page_sect_who .img img {
  vertical-align: top;
}

.page_sect_who .who_want {
  position: relative;
  height: 807px;
  padding: 0 0 0 561px;
}

.page_sect_who .title {
  height: 209px;
  padding: 97px 0 0;
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
}

.page_sect_who .list li {
  position: relative;
  padding: 0 0 0 44px;
}

.page_sect_who .list li + li {
  margin: 57px 0 0;
}

.page_sect_who .list li .ico {
  position: absolute;
  top: -1px;
  left: 0;
  width: 30px;
  height: 30px;
  background-position: -452px -155px;
}

.page_sect_who .list li strong {
  display: block;
  font-size: 22px;
  line-height: 28px;
  color: #fff;
  font-weight: bold;
}

.page_sect_who .list li span {
  display: block;
  padding: 14px 0 0;
  font-size: 15px;
  line-height: 23px;
  color: #fff;
}

.page_sect_who .list li span b {
  display: block;
  font-weight: normal;
  color: #f4e8c3;
}

@media only screen and (max-width: 1140px) {
  .page_sect_who {
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_sect_who {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_sect_who .img {
    display: none;
  }
  .page_sect_who .who_want {
    position: relative;
    height: auto;
    padding: 0;
  }
  .page_sect_who .title {
    height: auto;
    padding: 0;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    word-break: keep-all;
    text-align: center;
    margin-bottom: 30px;
  }
  .page_sect_who .list li {
    position: relative;
    padding: 0 0 0 44px;
  }
  .page_sect_who .list li + li {
    margin: 57px 0 0;
  }
  .page_sect_who .list li .ico {
    position: absolute;
    top: -1px;
    left: 0;
    width: 30px;
    height: 30px;
    background-position: -452px -155px;
  }
  .page_sect_who .list li strong {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
  }
  .page_sect_who .list li span {
    display: block;
    padding: 14px 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
  }
  .page_sect_who .list li span b {
    display: block;
    font-weight: normal;
    color: #f4e8c3;
  }
}

.page_sect_example {
  height: 673px;
  padding: 97px 0 0;
}

.page_sect_example .title {
  font-size: 32px;
  line-height: 40px;
  color: #343434;
  font-weight: bold;
}

.page_sect_example  .txt {
    padding: 21px 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #777;
}

.page_sect_example .img1,
.page_sect_example .img2 {
  margin: 40px 0 0;
}

.page_sect_example .img1 img,
.page_sect_example .img2 img {
  vertical-align: top;
}

.page_sect_example .img1 .con,
.page_sect_example .img2 .con {
  height:240px; 
  padding-top:15px; 
  display:inline-block;
}

.page_sect_example .img1 .type,
.page_sect_example .img2 .type {
  color:#314976; 
  font-size:13px; 
  font-weight:bold; 
  float:right;
}

.page_sect_example .img1 {
  float: left;
  width:47.5%; 
  font-size:14px; 
  line-height:27px; 
  color:#666;
  padding:28px 32px;
  border:#ccc 1px solid; border-radius:6px; 
}

.page_sect_example .img2 {
  float: right;
  width:47.5%; 
  font-size:14px; 
  line-height:27px; 
  color:#666;
  padding:28px 32px;
  border:#ccc 1px solid; border-radius:6px; 
}

.page_sect_example .img3 {
  float:left;
  width:100%; 
  display:block; 
  padding:20px 0; 
  margin:50px 0 110px 0; 
}

.page_sect_example .img3 .thum {
  float:left;
  width:232px;
  height:492px;
  background:#f2f3f7;
}

.page_sect_example .img3 .thum ul {
  width:232px;
  text-align:center;
  margin:11px 0;
}

.page_sect_example .img3 .thum li img {
  width:161px;
  border:#fff 1px solid;
}

.page_sect_example .img3 .thum .blank {
  height:23px;
}

.page_sect_example .img3 .thum .arr-u {
  margin-top:-20px; 
  text-align:center;
}

.page_sect_example .img3 .thum .arr-d {
  margin-bottom:-20px; 
  text-align:center;
}

.page_sect_example .img3 .detail {
  float:right;
  width:868px;
}

.page_sect_example .img3 .detail p {
  margin:0 auto; 
  text-align:center; 
  height:11px; 
  margin-top:18px;
}

.page_sect_example .img3 .detail .bullet {
  width: 11px; 
  height: 11px; 
  border-radius: 100px; 
  background: #eaeaea; 
  display: inline-block; 
  margin:0 3px;
}

.page_sect_example .img3 .detail .bullet-on {
  width: 11px; 
  height: 11px; 
  border-radius: 100px; 
  background: #0069b0; 
  display: inline-block; 
  margin:0 3px;
}

@media only screen and (max-width: 1140px) {
  .page_sect_example {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_sect_example {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_sect_example .title {
    font-size: 22px;
    line-height: 32px;
    color: #343434;
    font-weight: bold;
    word-break: keep-all;
    text-align: center;
    margin-bottom: 30px;
  }
  .page_sect_example .txt {
    padding: 15px 0 0;
    font-size: 16px;
    line-height: 22px;
    color: #777;
    text-align: center;
    word-break: keep-all;
  }  
  .page_sect_example .img1,
  .page_sect_example .img2 {
    margin: 20px 0 0;
	width:100%;
	font-size:13px;
	line-height:22px;
  }
  .page_sect_example .img1 img,
  .page_sect_example .img2 img {
    vertical-align: top;
  }
  .page_sect_example .img1 {
    float: none;
  }
  .page_sect_example .img2 {
    float: none;
  }
  .page_sect_example .img3 {
	margin-top:0px;
	margin-bottom:20px;
  }
  .page_sect_example .img3 .thum {
	display:none;
  }
  .page_sect_example .img3 .detail {
	width:100%;
  }
  .page_sect_example .img3 .detail img {
	width:100%;
  }
}

.page_sect_about {
  height: 498px;
  padding: 81px 0 0;
  background-image: url(../img/bg_page_why_3.png);
  background-size: cover;
}

.page_sect_about .title {
  font-size: 32px;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
}

.page_sect_about .txt {
  padding: 35px 0 0;
  font-size: 16px;
  line-height: 29px;
  color: #fff;
  letter-spacing: -1px;
}

@media only screen and (max-width: 1140px) {
  .page_sect_about {
    height: auto;
    padding: 90px 20px 50px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_sect_about {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_sect_about .title {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    word-break: keep-all;
    text-align: center;
  }
  .page_sect_about .txt {
    padding: 35px 10px 0 10px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    letter-spacing: -1px;
    text-align: left;
    word-break: keep-all;
  }
  .page_sect_about .txt br {
    display: none;
  }
}

.page_sect_ad {
  height: 130px;
  padding: 45px 0 0;
  background-color: #3498db;
}

.page_sect_ad .tit {
  padding: 0 0 0 1px;
  font-size: 30px;
  line-height: 40px;
  color: #fff;
}

.page_sect_ad .tit a {
  display: block;
  float: right;
  width: 177px;
  height: 51px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
  border: #fff 2px solid;
  border-radius: 3px;
  line-height: 42px;
  text-align: center;
}

@media only screen and (max-width: 1140px) {
  .page_sect_ad {
    height: auto;
    padding: 45px 0 30px;
    background-color: #3498db;
  }
  .page_sect_ad .tit {
    padding: 0 0 0 1px;
    font-size: 18px;
    line-height: 34px;
    color: #fff;
    text-align: center;
  }
  .page_sect_ad .tit a {
    display: block;
    float: none;
    width: 160px;
    height: 46px;
	line-height:40px;
	font-size:16px;
    margin: 20px auto 0;
  }
}

.datebox {
  border-top: #ddd 1px solid;
  border-left: #ddd 1px solid;
}

.datebox.cl3 {
  border-left: none;
}

.datebox.cl3 .th,
.datebox.cl3 .td {
  width: 33.3%;
  text-align: left;
  padding: 10px 0 12px 40px;
}

.datebox.cl3 .first {
  background-color: #fcfcfc;
}

.datebox.cl3 .red {
  color: #cc0000;
  font-weight: bold;
}

.datebox.cl3 .ok {
  font-weight: bold;
}

.datebox.cl3 .th {
  background-color: #f6f6f6;
  border-right: none;
}

.datebox.cl3 .last {
  border-right: none;
}

.datebox .tr {
  zoom: 1;
}

.datebox .tr:after {
  content: '';
  display: block;
  clear: both;
}

.datebox .th,
.datebox .td {
  float: left;
  width: 25%;
  height: 41px;
  padding: 10px 0 12px;
  border-right: #ddd 1px solid;
  border-bottom: #ddd 1px solid;
  font-size: 14px;
  line-height: 18px;
  color: #666;
  text-align: center;
}

.datebox .th {
  font-weight: bold;
  background-color: #f6f6f6;
}

@media only screen and (max-width: 1140px) {
  .datebox {
    border-top: #ddd 1px solid;
    border-left: #ddd 1px solid;
  }
  .datebox.cl3 .th,
  .datebox.cl3 .td {
    width: 33.3%;
    text-align: left;
    padding: 10px 0 12px 10px;
  }
  .datebox.cl3 .first {
    background-color: #fcfcfc;
  }
  .datebox.cl3 .red {
    color: #cc0000;
    font-weight: bold;
  }
  .datebox.cl3 .ok {
    font-weight: bold;
  }
  .datebox.cl3 .th {
    background-color: #f6f6f6;
    border-right: none;
  }
  .datebox .tr {
    zoom: 1;
  }
  .datebox .tr:after {
    content: '';
    display: block;
    clear: both;
  }
  .datebox .th,
  .datebox .td {
    float: left;
    width: 25%;
    height: 41px;
    padding: 10px 0 12px;
    border-right: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    text-align: center;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .datebox .th,
  .datebox .td {
    height: 60px;
  }
}

@media only screen and (max-width: 1140px) {
  .datebox .th {
    font-weight: bold;
    background-color: #f6f6f6;
  }
}

.intro_title {
  position: relative;
  padding: 0 0 0 36px;
  font-size: 22px;
  line-height: 30px;
  color: #343434;
  font-weight: bold;
  text-align: left;
}

.intro_title .ico {
  position: absolute;
  top: 4px;
  left: 0;
  width: 25px;
  height: 24px;
  background-position: -402px -180px;
}

@media only screen and (max-width: 1140px) {
  .intro_title {
    position: relative;
    padding: 0 0 0 36px;
    font-size: 18px;
    line-height: 30px;
    color: #343434;
    font-weight: bold;
    text-align: left;
  }
  .intro_title .ico {
    position: absolute;
    top: 4px;
    left: 0;
    width: 25px;
    height: 24px;
    background-position: -402px -180px;
  }
}

.page_intro {
  padding: 40px 0 0;
  border-top: #ececec 1px solid;
}

.page_intro .title {
  height: 52px;
  border-bottom: #ddd 1px solid;
  font-size: 26px;
  line-height: 1;
  color: #314976;
  font-weight: bold;
}

.page_intro .headline {
  padding: 29px 0 023px;
  font-size: 15px;
  line-height: 27px;
  color: #666;
}

.page_intro .headline strong {
  display: block;
  margin: 0 0 11px;
  font-size: 18px;
  line-height: 26px;
  color: #343434;
  font-weight: bold;
}

@media only screen and (max-width: 1140px) {
  .page_intro {
    padding: 40px 20px 0;
    border-top: #ececec 1px solid;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_intro {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_intro .title {
    height: auto;
    padding: 0 0 20px;
    border-bottom: #ddd 1px solid;
    font-size: 18px;
    line-height: 1;
    color: #314976;
    font-weight: bold;
  }
  .page_intro .headline {
    padding: 29px 0 23px;
    font-size: 13px;
    line-height: 22px;
    color: #666;
  }
  .page_intro .headline strong {
    display: block;
    margin: 0 0 11px;
    font-size: 15px;
    line-height: 24px;
    color: #343434;
    font-weight: bold;
  }
}

.page_intro_history {
  padding: 96px 0 120px;
  text-align: center;
}

.page_intro_history .intro_title {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1140px) {
  .page_intro_history {
    padding: 40px 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_intro_history {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_intro_history .intro_title {
    margin-bottom: 20px;
  }
  .page_intro_history img {
    width: 100%;
  }
}

.page_intro_service {
  height: 640px;
  padding: 45px 0;
  text-align: center;
  background-color: #f2f3f7;
}

.page_intro_service .intro_title {
  margin-bottom: 40px;
}

@media only screen and (max-width: 1140px) {
  .page_intro_service {
    height: auto;
    padding: 45px 20px;
    text-align: center;
    background-color: #f2f3f7;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_intro_service {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_intro_service .intro_title {
    margin-bottom: 20px;
  }
  .page_intro_service img {
    width: 100%;
  }
}

.page_intro_location {
  height: 1042px;
  padding: 88px 0;
  text-align: left;
}

.page_intro_location .intro_title {
  margin-bottom: 23px;
}

.page_intro_location .map_wrap {
  height: 570px;
  margin-bottom:40px;
  background:#e5e3df;
}

.page_intro_location .map_wrap img {
  vertical-align: top;
}

.page_intro_location .loca {
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

.page_intro_location .loca strong {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #343434;
  font-weight: bold;
}

.page_intro_location .loca b {
  font-weight: normal;
  color: #506ab4;
}

@media only screen and (max-width: 1140px) {
  .page_intro_location {
    height: auto;
    padding: 50px 20px;
    text-align: left;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .page_intro_location {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .page_intro_location .intro_title {
    margin-bottom: 23px;
  }
  .page_intro_location .map_wrap {
    height: auto;
  }
  .page_intro_location .map_wrap img {
    vertical-align: top;
    width: 100%;
  }
  .page_intro_location .loca {
    font-size: 12px;
    line-height: 18px;
    color: #666;
  }
  .page_intro_location .loca strong {
    display: block;
    font-size: 13px;
    line-height: 20px;
    color: #343434;
    font-weight: bold;
  }
  .page_intro_location .loca b {
    font-weight: normal;
    color: #506ab4;
  }
}

.txt_preline {
  padding: 29px 0 0;
  white-space: pre-wrap;
  word-break: keep-all;
  font-size: 14px;
  line-height: 26px;
  color: #666;
}

.txt_preline strong {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 25px;
  color: #343434;
  font-weight: bold;
}

.txt_preline img {
  width: 100%;
}

@media only screen and (max-width: 1140px) {
  .txt_preline {
    padding: 15px 0 0;
    white-space: pre-wrap;
    word-break: keep-all;
    font-size: 12px;
    line-height: 20px;
    color: #666;
  }
  .txt_preline strong {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 22px;
    color: #343434;
    font-weight: bold;
  }
  .txt_preline img {
    width: 100%;
  }
}

.members {
  padding: 44px 0 0;
  border-top: #ececec 1px solid;
}

.members .title {
  padding: 0 0 20px;
  border-bottom: #ddd 1px solid;
  font-size: 26px;
  line-height: 36px;
  color: #314976;
  font-weight: bold;
}

.members .subtitle {
  padding: 20px 0;
  font-size: 15px;
  line-height: 23px;
  color: #314976;
}

.members .bottom_btns {
  padding: 48px 0 150px;
  text-align: center;
}

.members .welcome + .bottom_btns {
  padding-top: 66px;
}

.members .welcome {
  padding: 82px 0 0;
  text-align: center;
}

.members .welcome .tit {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #314976;
  font-weight: normal;
}

.members .welcome .tit + .txt {
  padding-top: 57px;
}

.members .welcome .txt {
  display: block;
  padding: 0;
  font-size: 16px;
  line-height: 32px;
  color: #666;
}

.members .welcome .txt b {
  color: #343434;
}

.members .welcome .txt + .tip {
  padding-top: 44px;
}

.members .welcome .tip {
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}

.members .welcome .tip a {
  text-decoration: underline;
  color: #343434;
  font-weight: bold;
}

@media only screen and (max-width: 1140px) {
  .members {
    padding: 30px 20px 50px;
    border-top: #ececec 1px solid;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .members {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .members .table_write .tr .td .input[style="width: 470px;"] {
    width: 50% !important;
  }
  .members .title {
    padding: 0 0 20px;
    border-bottom: #ddd 1px solid;
    font-size: 18px;
    line-height: 24px;
    color: #314976;
    font-weight: bold;
  }
  .members .subtitle {
    padding: 20px 0;
    font-size: 13px;
    line-height: 20px;
    color: #314976;
  }
  .members .bottom_btns {
    padding: 48px 0 150px;
    text-align: center;
  }
  .members .welcome + .bottom_btns {
    padding-top: 66px;
  }
  .members .welcome {
    padding: 82px 0 0;
    text-align: center;
  }
  .members .welcome .tit {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #314976;
    font-weight: bold;
  }
  .members .welcome .tit + .txt {
    padding-top: 57px;
  }
  .members .welcome .txt {
    display: block;
    padding: 0;
    font-size: 12px;
    line-height: 18px;
    color: #666;
  }
  .members .welcome .txt b {
    color: #343434;
  }
  .members .welcome .txt + .tip {
    padding-top: 44px;
  }
  .members .welcome .tip {
    display: block;
    font-size: 12px;
    line-height: 24px;
    color: #666;
  }
  .members .welcome .tip a {
    text-decoration: underline;
    color: #343434;
    font-weight: bold;
  }
}

.login {
/*   width: 440px; */
  margin: 0 auto;
  padding: 96px 0 60px;
}

.login .tit {
  padding: 0 0 30px;
  font-size: 14px;
  line-height: 24px;
  color: #314976;
}

.login .lb {
  font-size: 14px;
  line-height: 26px;
  color: #666;
  font-weight: bold;
}

.login .lb + .input {
  margin-top: 3px;
}

.login .input + .lb {
  margin-top: 11px;
}

.login .input + .login_btn {
  margin-top: 30px;
}

.login .input + .input {
  margin-top: 12px;
}

.login .keep {
  display: block;
  padding: 15px 0 0;
}

.login .keep label {
  display: inline-block;
  padding: 0 0 0 11px;
  font-size: 13px;
  line-height: 19px;
  color: #666;
  vertical-align: top;
}

.login .keep input[type="checkbox"] {
  margin: 2px 0 0;
  padding: 0;
  vertical-align: middle;
}

.login .bottom {
  display: block;
  padding: 36px 0 0;
}

.login_guide {
	margin: 0;
    padding: 22px 0 30px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    background-color: #fff;
    border:#e8e8e8 1px solid;
    border-radius:6px;
    text-align: center;
	margin-bottom:160px;
}

.login_guide span {
    display: block;
    padding: 0 90px;
    text-align: left;
    font-size: 13px;
    line-height: 22px;
}

@media only screen and (max-width: 1140px) {
  .login {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    padding: 40px 0 50px;
  }
  .login .tit {
    padding: 0 0 30px;
    font-size: 13px;
    line-height: 20px;
    color: #314976;
  }
  .login .lb {
    font-size: 13px;
    line-height: 20px;
    color: #666;
    font-weight: bold;
  }
  .login .lb + .input {
    margin-top: 3px;
  }
  .login .input + .lb {
    margin-top: 11px;
  }
  .login .input + .login_btn {
    margin-top: 30px;
  }
  .login .input + .input {
    margin-top: 12px;
  }
  .login .keep {
    display: block;
    padding: 15px 0 0;
  }
  .login .keep label {
    display: inline-block;
    padding: 0 0 0 11px;
    font-size: 12px;
    line-height: 19px;
    color: #666;
    vertical-align: top;
  }
  .login .keep input[type="checkbox"] {
    margin: 2px 0 0;
    padding: 0;
    vertical-align: middle;
  }
  .login .bottom {
    display: block;
    padding: 36px 0 0;
  }
  .login_guide span {
    display: block;
    padding: 0 20px;
    text-align: left;
    font-size: 12px;
    line-height: 22px;
  }
}

.sitechk {
  padding: 0 0 150px;
}

.sitechk h2 {
  display: block;
  padding: 70px 0 10px 0;
  font-size: 22px;
  line-height: 40px;
  color: #343434;
  font-weight: bold;
}

.sitechk h3 {
  display: block;
  padding: 54px 0 0;
  font-size: 26px;
  line-height: 40px;
  color: #343434;
  font-weight: bold;
}

.sitechk .sub {
  padding: 11px 0 30px;
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

.sitechk .sub a {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  font-weight: bold;
}

.sitechk .sitefind {
  position: relative;
  padding: 70px 0;
  background-color: #f4f4f4;
}

.sitechk .sitefind .pl_left {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 2000px;
  background-color: #f4f4f4;
}

.sitechk .sitefind .pl_right {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 2000px;
  background-color: #f4f4f4;
}

.sitechk .sitefind .find {
  position: relative;
  padding-right: 142px;
}

.sitechk .sitefind .find .srh {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  top: 0;
  right: 0;
  width: 130px;
  height: 53px;
  background-color: #3498db;
  font-size: 18px;
  line-height: 48px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.sitechk .sitefind .find .iptw {
  display: block;
  width: 100%;
  border: #95b7ee 2px solid;
}

.sitechk .sitefind .find .iptw .ipt {
  width: 100%;
  height: 49px;
  padding: 0 20px;
  border: #e0e0e0 2px solid;
  font-size: 18px;
  color: #999;
  line-height: 49px;
}

.sitechk .sitefind .loding {
  zoom: 1;
  margin: 0 -24px;
  padding: 65px 0 0;
}

.sitechk .sitefind .loding:after {
  content: '';
  display: block;
  clear: both;
}

.sitechk .sitefind .loding li {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  float: left;
  width: 33.3%;
  padding: 0 24px;
}

.sitechk .sitefind .loding .c1 {
  background-color: #6fab9c;
}

.sitechk .sitefind .loding .c2 {
  background-color: #b1c893;
}

.sitechk .sitefind .loding .c3 {
  background-color: #89a8c7;
}

.sitechk .sitefind .loding .txt {
  display: block;
  height: 190px;
  padding: 35px 0 0;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  text-align: center;
  border-radius:8px;
}

.sitechk .sitefind .loding .txt img {
  display: block;
  margin: 20px auto 0;
}

.sitechk .sitefind .loding .txt img.on {
  margin-top: 25px;
}

.sitechk .datebox + .counts {
  margin-top: 60px;
}

.sitechk .counts {
  zoom: 1;
  margin: 0 -24px;
}

.sitechk .counts:after {
  content: '';
  display: block;
  clear: both;
}

.sitechk .counts.ty2 li {
  width: 50%;
}

.sitechk .counts li {
  float: left;
  width: 33.3%;
  padding: 0 24px;
  text-align: center;
}

.sitechk .counts li.c1 div {
  background-color: #6fab9c;
}

.sitechk .counts li.c2 div {
  background-color: #b1c893;
}

.sitechk .counts li.c3 div {
  background-color: #89a8c7;
}

.sitechk .counts li.w div {
  height:120px; 
  /*border:#e5e5e5 1px solid;*/ 
  padding-top:10px;
}

.sitechk .counts li > div {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  height: 190px;
  padding: 35px 0 0;
}

.sitechk .counts li > div span {
  display: block;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
}

.sitechk .counts li > div .recom {
  color: #fff;
  font-size: 15px;
  line-height: 46px;
}

.sitechk .counts li > div .count {
  display: block;
  padding: 6px 0 0;
  font-size: 38px;
  line-height: 48px;
  color: #666;
  font-weight: bold;
}

.sitechk .counts li > div .num {
  display: block;
  font-size: 38px;
  line-height: 60px;
  color: #666;
  font-weight: bold;
}

.sitechk .counts li > div .num-n {
  display: block;
  font-size: 16px;
  line-height: 35px;
  color: #666;
  border-top:#eee 1px solid;
  margin:0 10px;
}

.sitechk .counts li > div strong {
  display: block;
  padding: 6px 0 0;
  font-size: 42px;
  line-height: 48px;
  color: #fff;
  font-weight: bold;
}

.sitechk .counts + .bot-link {
  margin-top: 40px;
}

.sitechk .bot-link + .counts {
  margin-top: 40px;
}

.sitechk .bot-link + .table {
  margin-top: 40px;
}

.sitechk .bot-link {
  margin: 0;
  padding: 32px 0 32px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
  background-color: #f9f9f9;
  text-align: center;
}

.sitechk .bot-link .tit {
  display: block;
  padding: 0 40px;
  text-align: left;
  font-size: 17px;
  font-weight:600;
  padding-bottom:15px;
  color:#555;
}

.sitechk .bot-link .tit .tip {
  font-size: 12px;
  color:#fff;
  background:#3498db;
  border-radius:100px;
  padding:4px;
}

.sitechk .bot-link .txt_l {
  display: block;
  padding: 0 40px;
  text-align: left;
  font-size: 14px;
  line-height: 28px;
}

.sitechk .bot-link .txt_l a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  width: 40px;
  height: 28px;
  margin-left: 4px;
  border: #dddddd 1px solid;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #676767;
  background-color: #fff;
}

.sitechk .bot-link .bottom_btns {
  padding: 15px 0 0;
}

.sitechk .q-icon {
  display:inline-block !important;
  margin-top:-2px !important;
  margin-left:6px !important;
}

.sitechk .bd-bg {
  border:#eee 2px solid; 
  border-radius:8px; 
  background-color:#fff !important;
}

.sitechk .ranking {
  font-size:32px; 
  font-weight:600; 
  text-align:center; 
  padding:58px 0 10px 0; 
}

.sitechk .ranking .num a {
  font-size:34px;
  font-weight:bold; 
  color:#3498db; 
  border-bottom:#3498db 1px solid;  
}

@media only screen and (max-width: 1140px) {
  .sitechk {
    padding: 0 10px 50px;
  }
  .sitechk h2 {
    display: block;
    padding: 54px 0 20px 0;
    font-size: 22px;
    line-height: 32px;
    color: #343434;
    font-weight: bold;
  }
  .sitechk h3 {
    display: block;
    padding: 54px 0 0;
    font-size: 22px;
    line-height: 32px;
    color: #343434;
    font-weight: bold;
  }
  .sitechk .sub {
    padding: 11px 0 36px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
  }
  .sitechk .sub a {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    font-weight: bold;
  }
  .sitechk .sitefind {
    position: relative;
    padding: 70px 0;
    background-color: #f4f4f4;
  }
  .sitechk .sitefind .pl_left {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 2000px;
    background-color: #f4f4f4;
  }
  .sitechk .sitefind .pl_right {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 2000px;
    background-color: #f4f4f4;
  }
  .sitechk .sitefind .find {
    position: relative;
    padding-right: 132px;
  }
  .sitechk .sitefind .find .srh {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 53px;
    background-color: #3498db;
    font-size: 18px;
    line-height: 53px;
    font-weight: bold;
    color: #fff;
    text-align: center;
  }
  .sitechk .sitefind .find .iptw {
    display: block;
    width: 100%;
    border: #95b7ee 2px solid;
  }
  .sitechk .sitefind .find .iptw .ipt {
    width: 100%;
    height: 49px;
    padding: 0 20px;
    border: #e0e0e0 2px solid;
    font-size: 18px;
    color: #999;
    line-height: 49px;
  }
  .sitechk .sitefind .loding {
    zoom: 1;
    margin: 0 -4px;
    padding: 65px 0 0;
  }
  .sitechk .sitefind .loding:after {
    content: '';
    display: block;
    clear: both;
  }
  .sitechk .sitefind .loding li {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    float: left;
    width: 33.3%;
    padding: 0 4px;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .sitechk .sitefind .loding li {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1140px) {
  .sitechk .sitefind .loding .c1 {
    background-color: #6fab9c;
  }
  .sitechk .sitefind .loding .c2 {
    background-color: #b1c893;
  }
  .sitechk .sitefind .loding .c3 {
    background-color: #89a8c7;
  }
  .sitechk .sitefind .loding .txt {
    display: block;
    height: 150px;
    padding: 30px 0 0;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
  }
  .sitechk .sitefind .loding .txt img {
    display: block;
    margin: 11px auto 0;
  }
  .sitechk .sitefind .loding .txt img.on {
    margin-top: 16px;
  }
  .sitechk .datebox + .counts {
    margin-top: 60px;
  }
  .sitechk .counts {
    zoom: 1;
    margin: 0 -5px;
  }
  .sitechk .counts:after {
    content: '';
    display: block;
    clear: both;
  }
  .sitechk .counts.ty2 li {
    width: 50%;
  }
  .sitechk .counts li {
    float: left;
    width: 33.3%;
    padding: 0 5px;
    text-align: center;
  }
  .sitechk .ranking {
    font-size:20px; 
    font-weight:600; 
    text-align:center; 
    padding:40px 0 10px 0; 
  }
  .sitechk .ranking .num a {
    font-size:20px; 
	font-weight:bold;
    color:#3498db; 
    border-bottom:#3498db 1px solid;  
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .sitechk .counts li {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1140px) {
  .sitechk .counts li.c1 div {
    background-color: #6fab9c;
  }
  .sitechk .counts li.c2 div {
    background-color: #b1c893;
  }
  .sitechk .counts li.c3 div {
    background-color: #89a8c7;
  }
  .sitechk .counts li > div {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    height: 150px;
    padding: 30px 0 0;
  }
  .sitechk .counts li > div span {
    display: block;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
  }
  .sitechk .counts li > div strong {
    display: block;
    padding: 6px 0 0;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
  }
  .sitechk .counts li > div .num {
    display: block;
    padding: 6px 0 0;
    font-size: 22px;
    line-height: 48px;
    color: #666;
    font-weight: bold;
  }
  .sitechk .counts li > div .num-n {
    display: block;
    font-size: 13px;
    line-height: 38px;
    color: #666;
  }  
  .sitechk .counts li > div .recom {
    color: #fff;
    font-size: 12px;
    line-height: 40px;
  }
  .sitechk .counts + .bot-link {
    margin-top: 40px;
  }
  .sitechk .bot-link + .counts {
    margin-top: 40px;
  }
  .sitechk .bot-link + .table {
    margin-top: 40px;
  }
  .sitechk .bot-link {
    margin: 0;
    padding: 54px 0 60px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    background-color: #f9f9f9;
    text-align: center;
  }
  .sitechk .bot-link .txt_l {
    display: block;
    padding: 0 15px;
    text-align: left;
	font-size:13px;
  }
  .sitechk .bot-link .tit {
    display: block;
    padding: 0 12px;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 15px;
    color: #555;
  }  
  .sitechk .bot-link .tit .tip {
    font-size: 10px;
    color:#fff;
    background:#3498db;
    border-radius:100px;
    padding:4px;
  }  
  .sitechk .bot-link .bottom_btns {
    padding: 30px 0 0;
  }
}

.btns_func {
  zoom: 1;
  display: inline-block;
}

.btns_func:after {
  content: '';
  display: block;
  clear: both;
}

.btns_func span,
.btns_func a {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 36px;
  color: #999;
  float: left;
}

.btns_func .sort {
  zoom: 1;
  position: relative;
  padding-left: 14px;
}

.btns_func .sort:after {
  content: '';
  display: block;
  clear: both;
}

.btns_func .sort + .sort {
  margin-left: 15px;
}

.btns_func .sort .ico {
  position: absolute;
  top: 15px;
  left: 0;
  width: 9px;
  height: 6px;
  background-position: -445px -47px;
}

.btns_func .sort.on {
  color: #666;
}

.btns_func .sort.on .ico {
  background-position: -436px -47px;
}

.btns_func .srh {
  zoom: 1;
  margin-left: 25px;
}

.btns_func .srh:after {
  content: '';
  display: block;
  clear: both;
}

.btns_func .srh input[type=text] {
  float: left;
  width: 265px;
  height: 36px;
  padding: 0 10px;
  border: #d5d5d5 1px solid;
  color: #aeadad;
}

.btns_func .srh .btns {
  margin-left: 5px;
}

.btns_func .srh + .btns {
  margin-left: 10px;
}

.btns_func .btns {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 15px;
  color: #fff;
  font-weight: bold;
  background-color: #000;
}

.btns_func .btns.submit {
  background-color: #b7b7b7;
}

.btns_func .btns.write {
  background-color: #3498db;
}

.user_btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  height: 32px;
  padding: 0 13px;
  vertical-align: top;
  font-size: 13px;
  line-height: 30px;
  font-weight: bold;
  color: #fff;
  background-color: #b7b7b7;
}

.user_btn.bd {
  border: #ddd 1px solid;
  background-color: #fcfcfc;
  color: #666;
}

.user_btn.bd.white {
  background-color: #fff;
}

.user_btn.bd.gray {
  background-color: #f6f6f6;
}

.user_btn.bd.full {
  width: 100%;
}

.user_btn + .user_btn {
  margin-left: 6px;
}

.submit_btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  height: 42px;
  padding: 0 24px;
  vertical-align: top;
  font-size: 15px;
  line-height: 42px;
  font-weight: bold;
  color: #fff;
  background-color: #b7b7b7;
}

.submit_btn:hover {
  color: #fff;
}

.submit_btn.write {
  background-color: #3498db;
}

.submit_btn.white {
  background-color: #fff;
  color: #666;
  border: #ccc 1px solid;
}

.submit_btn + .submit_btn {
  margin-left: 15px;
}

.login_btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  width: 100%;
  height: 46px;
  padding: 0;
  vertical-align: top;
  font-size: 16px;
  line-height: 46px;
  font-weight: bold;
  color: #fff;
  background-color: #3498db;
  text-align: center;
}

.login_btn:hover, .login_btn:active, .login_btn:focus {
  color: #fff;
}

.login_btn.bd_gray {
  border: #ddd 1px solid;
  background-color: #f6f6f6;
  color: #666;
}

.file_input {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.file_input .view {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: block;
  width: 89px;
  height: 40px;
  border: #ddd 1px solid;
  background-color: #f6f6f6;
  text-align: center;
  font-size: 13px;
  line-height: 40px;
  color: #666;
}

.file_input .file {
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 1px;
  left: 1px;
  width: 87px;
  height: 38px;
  background-color: #fff;
  cursor: pointer;
}

.input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: #d5d5d5 1px solid;
  font-size: 13px;
  line-height: 40px;
  color: #666;
  background-color: #fff;
}

span.input {
  display: inline-block;
  padding: 0;
}

span.input img {
  vertical-align: top;
}

.input_radios input[type=radio] {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 3px 0 0;
}

.input_radios label {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 14px;
  line-height: 40px;
  color: #666;
  vertical-align: middle;
}

.input_radios label + input[type=radio] {
  margin-left: 40px;
}

@media only screen and (max-width: 1140px) {
  .input_radios input[type=radio] {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 3px 0 0;
  }
  .input_radios label {
    display: inline-block;
    margin: 0 0 0 3px;
    padding: 0;
    font-size: 12px;
    line-height: 40px;
    color: #666;
    vertical-align: middle;
  }
  .input_radios label + input[type=radio] {
    margin-left: 10px;
  }
}

textarea.input {
  height: 307px;
  padding: 20px 10px;
  resize: none;
  line-height: 24px;
}

.del_file {
  width: 16px;
  height: 19px;
  background-position: -454px -47px;
}

.td_security {
  zoom: 1;
  display: block;
  padding: 17px 0 0;
  background:#fff;
}

.td_security:after {
  content: '';
  display: block;
  clear: both;
}

.td_security.ty2 {
  padding: 4px 0;
}

.td_security .box {
  display: block;
  float: left;
  width: 161px;
  height: 40px;
  min-height:40px;
  border-radius:0px;
  padding: 0;
  margin: 0;
  border: #000 1px solid;
  background: none;
  box-shadow:none !important;
}

.td_security .box.gray {
  border: #d5d5d5 1px solid;
}

.td_security input[type=text].box {
  padding: 0 10px;
}

.td_security .box + .box {
  margin-left: 13px;
}

.td_security .noti {
  display: block;
  margin: 2px 0 0;
  float: left;
  font-size: 12px;
  line-height: 18px;
  color: #666;
  vertical-align: top;
}

.td_security .box + .noti {
  margin-left: 12px;
}

.td_security .chk {
  clear: both;
  padding: 14px 0 18px;
}

.td_security .chk .chkbox {
  margin: 4px 0 0;
  vertical-align: middle;
}

.td_security .chk label {
  margin: 0 0 0 12px;
  padding: 0;
  font-size: 14px;
  line-height: 32px;
  color: #666;
  vertical-align: middle;
}

.td_security .chk .user_btn {
  margin-left: 17px;
}

.td_security .chk + .chk {
  margin-top: -25px;
}

@media only screen and (max-width: 1140px) {
  textarea.input {
    height: 307px;
    padding: 20px 10px;
    resize: none;
    line-height: 24px;
  }
  .del_file {
    width: 16px;
    height: 19px;
    background-position: -454px -47px;
  }
  .td_security {
    zoom: 1;
    display: block;
    padding: 17px 0 0;
  }
  .td_security:after {
    content: '';
    display: block;
    clear: both;
  }
  .td_security.ty2 {
    padding: 4px 0;
  }
  .td_security .box {
    display: block;
    float: left;
    width: 161px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: #000 1px solid;
    background: none;
  }
  .td_security .box.gray {
    border: #d5d5d5 1px solid;
  }
  .td_security input[type=text].box {
    padding: 0 3px;
  }
  .td_security .box + .box {
    margin-left: 5px;
    width: 90px;
  }
  .td_security .noti {
    display: block;
    margin: 0;
    padding: 10px 0 0;
    float: none;
    clear: both;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    vertical-align: top;
  }
  .td_security .noti br {
    display: none;
  }
  .td_security .box + .noti {
    margin-left: 0;
  }
  .td_security .chk {
    clear: both;
    padding: 14px 0 18px;
  }
  .td_security .chk .chkbox {
    margin: 4px 0 0;
    vertical-align: middle;
  }
  .td_security .chk label {
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 11px;
    line-height: 32px;
    color: #666;
    vertical-align: middle;
  }
  .td_security .chk .user_btn {
    margin-left: 7px;
  }
  .td_security .chk + .chk {
    margin-top: -25px;
  }
}

.table_write {
  border-top: #ddd 2px solid;
  border-bottom: #ddd 1px solid;
}

.table_write .tr {
  zoom: 1;
  border-bottom: #ebebeb 1px solid;
  background-color: #fcfcfc;
}

.table_write .tr:after {
  content: '';
  display: block;
  clear: both;
}

.table_write .tr.last {
  border-bottom: none;
}

.table_write .tr .th {
  float: left;
  width: 233px;
  height: 62px;
  padding-left: 18px;
  font-size: 14px;
  line-height: 1;
  color: #666;
  font-weight: bold;
  letter-spacing: -1px;
}

.table_write .tr .th .cell {
  display: table-cell;
  height: 62px;
  vertical-align: middle;
}

.table_write .tr .th.h-long {
  height: 331px;
}

.table_write .tr .th.h-long .cell {
  height: 331px;
}

.table_write .tr .th.h-middle {
  height: 142px;
}

.table_write .tr .th.h-middle .cell {
  height: 142px;
}

.table_write .tr .th .pi {
  display: inline-block;
  width: 15px;
  color: #f56363;
}

.table_write .tr .td {
  position: relative;
  float: left;
  width: 907px;
  padding: 11px 14px;
  border-left: #ebebeb 1px solid;
  background-color: #fff;
}

.table_write .tr .td .input {
  float: left;
}

.table_write .tr .td .file_input {
  float: left;
  margin-left: 11px;
}

.table_write .tr .td .del_file {
  position: absolute;
  top: 21px;
  right: 130px;
}

.table_write .tr .td .tip {
  display: inline-block;
  padding: 10px 0 0 13px;
  font-size: 13px;
  line-height: 19px;
  color: #666;
  vertical-align: middle;
}

@media only screen and (max-width: 1140px) {
  .table_write {
    border-top: #ddd 2px solid;
    border-bottom: #ddd 1px solid;
  }
  .table_write .tr {
    zoom: 1;
    border-bottom: #ebebeb 1px solid;
  }
  .table_write .tr:after {
    content: '';
    display: block;
    clear: both;
  }
  .table_write .tr.last {
    border-bottom: none;
  }
  .table_write .tr .th {
    float: left;
    width: 30%;
    height: 62px;
    padding-left: 5px;
    font-size: 13px;
    line-height: 1;
    color: #666;
    font-weight: bold;
    letter-spacing: -1px;
  }
  .table_write .tr .th .cell {
    display: table-cell;
    height: 62px;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .table_write .tr .th .cell {
    position: relative;
  }
}

@media only screen and (max-width: 1140px) {
  .table_write .tr .th.h-long {
    height: 331px;
  }
  .table_write .tr .th.h-long .cell {
    height: 331px;
  }
  .table_write .tr .th.h-middle {
    height: 142px;
  }
  .table_write .tr .th.h-middle .cell {
    height: 142px;
  }
  .table_write .tr .th .pi {
    display: inline-block;
    width: 15px;
    color: #f56363;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 375px) {
  .table_write .tr .th .pi {
    width: 1px;
    text-indent: -5px;
  }
}

@media only screen and (max-width: 1140px) {
  .table_write .tr .td {
    position: relative;
    float: left;
    width: 70%;
    padding: 11px 5px;
  }
  .table_write .tr .td .input {
    float: left;
  }
  .table_write .tr .td .input[readonly=readonly] {
    width: 50% !important;
  }
  .table_write .tr .td .file_input {
    float: left;
    margin-left: 5px;
  }
  .table_write .tr .td .del_file {
    position: absolute;
    top: 21px;
    right: 52%;
  }
  .table_write .tr .td .tip {
    display: inline-block;
    padding: 10px 0 0 13px;
    font-size: 12px;
    line-height: 18px;
    color: #666;
    vertical-align: middle;
  }
}

.table_view .th_title {
  min-height: 56px;
  padding: 14px 20px 17px;
  border-top: #ebebeb 1px solid;
  border-bottom: #ddd 1px solid;
  text-align: center;
  font-size: 17px;
  line-height: 23px;
  color: #555;
  font-weight: bold;
  background-color: #f6f6f6;
}

.table_view .th_info {
  zoom: 1;
  display: block;
  height: 46px;
  padding: 0 10px 0 18px;
  border-top: #ddd 1px solid;
  border-bottom: #ebebeb 1px solid;
}

.table_view .th_info:after {
  content: '';
  display: block;
  clear: both;
}

.table_view .th_info > span {
  float: left;
  display: inline-block;
  vertical-align: top;
  height: 46px;
  line-height: 46px;
}

.table_view .th_info .chain {
  width: 1px;
  height: 13px;
  margin: 16px 18px 0;
  background-color: #ccc;
}

.table_view .th_info .name,
.table_view .th_info .date {
  font-size: 13px;
}

.table_view .th_info .func {
  float: right;
  padding: 6px 0 0;
}

.table_view .th_info .func2 {
  float: right;
}

.table_view .th_info .func2 span {
  padding:0 10px;
}

.table_view .txt {
  padding: 20px 20px;
/*   border-bottom: #ebebeb 1px solid; */
  font-size: 14px;
  line-height: 26px;
  color: #666;
}

.table_view .banner {
  padding: 20px 20px 0 20px;
}

.table_view .bottom {
  padding: 18px 0 150px;
/*   border-top: #ebebeb 1px solid; */
}

.table_view .bottom .btns_func {
  display: block;
  text-align: center;
}

.table_view .bottom .btns_func .btns {
  float: none;
}

@media only screen and (max-width: 1140px) {
  .table_view .th_title {
    min-height: 56px;
    padding: 14px 0 17px;
    border-top: #ebebeb 1px solid;
    border-bottom: #ddd 1px solid;
    text-align: center;
    font-size: 13px;
    line-height: 23px;
    color: #555;
    font-weight: bold;
    background-color: #f6f6f6;
  }
  .table_view .th_info {
    zoom: 1;
    display: block;
    height: 46px;
    padding: 0 10px 0 18px;
    border-top: #ddd 1px solid;
    border-bottom: #ebebeb 1px solid;
  }
  .table_view .th_info:after {
    content: '';
    display: block;
    clear: both;
  }
  .table_view .th_info > span {
    float: left;
    display: inline-block;
    vertical-align: top;
    height: 46px;
    line-height: 46px;
  }
  .table_view .th_info .chain {
    width: 1px;
    height: 13px;
    margin: 16px 18px 0;
    background-color: #ccc;
  }
  .table_view .th_info .name,
  .table_view .th_info .date {
    font-size: 13px;
  }
  .table_view .th_info .func {
    float: right;
    padding: 6px 0 0;
  }
  .table_view .th_info .func2 span {
    padding: 0 5px;
  }
  .table_view .txt {
    padding: 50px 20px;
    border-bottom: #ebebeb 1px solid;
    font-size: 13px;
    line-height: 20px;
    color: #666;
  }
  .table_view .bottom {
    padding: 18px 0 150px;
    border-top: #ebebeb 1px solid;
  }
  .table_view .bottom .btns_func {
    display: block;
    text-align: center;
  }
  .table_view .bottom .btns_func .btns {
    float: none;
  }
}

@media only screen and (max-width: 640px) {
  .table_view .banner img {
	width:100%;
  }
}

.commet_list {
  border-bottom: #ebebeb 1px solid;
}

.commet_list li {
  zoom: 1;
  border-bottom: #ebebeb 1px solid;
  background-color: #fcfcfc;
}

.commet_list li:after {
  content: '';
  display: block;
  clear: both;
}

.commet_list li .comment {
  float: left;
  width: 785px;
  padding: 18px 0 17px 22px;
  font-size: 13px;
  line-height: 22px;
  color: #666;
}

.commet_list li .comment_info {
  zoom: 1;
  float: right;
  padding: 13px 10px 0 0;
}

.commet_list li .comment_info:after {
  content: '';
  display: block;
  clear: both;
}

.commet_list li .comment_info .name,
.commet_list li .comment_info .chain,
.commet_list li .comment_info .date,
.commet_list li .comment_info .func {
  float: left;
  display: inline-block;
  vertical-align: top;
  height: 32px;
}

.commet_list li .comment_info .name,
.commet_list li .comment_info .date {
  font-size: 13px;
  color: #999;
  line-height: 32px;
}

.commet_list li .comment_info .chain {
  width: 1px;
  height: 13px;
  margin: 10px 10px 0;
  background-color: #ddd;
}

.commet_list li .comment_info .func {
  margin-left: 14px;
}

.commet_list li .comment_modi {
  float: left;
  width: 785px;
  padding: 12px 0 12px 10px;
}

.commet_list li .comment_modi textarea {
  width: 715px;
  height: 55px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 22px;
  color: #666;
  resize: none;
  border: #e5e5e5 2px solid;
  background-color: #fff;
}

@media only screen and (max-width: 1140px) {
  .commet_list {
    border-bottom: #ebebeb 1px solid;
  }
  .commet_list li {
    zoom: 1;
    border-bottom: #ebebeb 1px solid;
    background-color: #fcfcfc;
  }
  .commet_list li:after {
    content: '';
    display: block;
    clear: both;
  }
  .commet_list li .comment {
    float: none;
    width: 100%;
    padding: 18px 0 17px 22px;
    font-size: 13px;
    line-height: 22px;
    color: #666;
  }
  .commet_list li .comment_info {
    zoom: 1;
    float: right;
    padding: 13px 10px;
  }
  .commet_list li .comment_info:after {
    content: '';
    display: block;
    clear: both;
  }
  .commet_list li .comment_info .name,
  .commet_list li .comment_info .chain,
  .commet_list li .comment_info .date,
  .commet_list li .comment_info .func {
    float: left;
    display: inline-block;
    vertical-align: top;
    height: 32px;
  }
  .commet_list li .comment_info .name,
  .commet_list li .comment_info .date {
    font-size: 13px;
    color: #999;
    line-height: 32px;
  }
  .commet_list li .comment_info .chain {
    width: 1px;
    height: 13px;
    margin: 10px 10px 0;
    background-color: #ddd;
  }
  .commet_list li .comment_info .func {
    margin-left: 14px;
  }
  .commet_list li .comment_modi {
    float: none;
    width: 100%;
    padding: 12px;
  }
  .commet_list li .comment_modi textarea {
    width: 100%;
    height: 55px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 22px;
    color: #666;
    resize: none;
    border: #e5e5e5 2px solid;
    background-color: #fff;
  }
}

.commet_write {
  padding: 12px 0 0;
}

.commet_write .write_in {
  display: block;
  width: 100%;
  height: 114px;
  padding: 10px 20px;
  font-size: 13px;
  line-height: 22px;
  color: #aeadad;
  resize: none;
  border: #e5e5e5 2px solid;
}

.commet_write .btns_func {
  display: block;
  padding: 7px 0;
  text-align: right;
}

.commet_write .btns_func .btns {
  float: none;
}

.commet_write .btns_func .write {
  padding: 0 22px;
}

.location + .table_list {
  padding-top: 42px;
  border-top: #ececec 1px solid;
}

.table_list {
  padding: 69px 0 0;
}

.table_list .monitor_tabs + .title {
  margin-top: 88px;
}

.table_list .title {
  position: relative;
  padding: 0 0 25px 55px;
  font-size: 22px;
  line-height: 26px;
  color: #314976;
  font-weight: bold;
}

.table_list .title .ico {
  position: absolute;
  top: 0;
  left: 1px;
  width: 38px;
  height: 26px;
  background-position: -452px -208px;
}

.table_list .title .ico.write {
  width: 38px;
  height: 29px;
  background-position: -452px -234px;
}

.table_list .title .ico.view {
  width: 32px;
  height: 33px;
  background-position: -452px -263px;
}

.table_list .title .ico.cost {
  width: 34px;
  height: 29px;
  background-position: -452px -380px;
}

.table_list .title .ico.faq {
  width: 34px;
  height: 34px;
  background-position: -418px -380px;
}

.table_list .title .ico.partner {
  width: 38px;
  height: 32px;
  background-position: -418px -414px;
}

.table_list .title .sub {
  display: block;
  padding: 15px 0 0;
  font-size: 15px;
  line-height: 24px;
  color: #314976;
  font-weight: normal;
}

.table_list + .table_list {
  padding: 80px 0 0;
}

.table_list .bottom_btns {
  padding: 40px 0 150px;
  text-align: center;
}

@media only screen and (max-width: 1140px) {
  .table_list {
    padding: 90px 20px 0;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 736px) {
  .table_list {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .table_list .monitor_tabs + .title {
    margin-top: 88px;
  }
  .table_list .title {
    position: relative;
    padding: 0 0 25px 55px;
    font-size: 18px;
    line-height: 24px;
    color: #314976;
    font-weight: bold;
  }
  .table_list .title .ico {
    position: absolute;
    top: 0;
    left: 1px;
    width: 38px;
    height: 26px;
    background-position: -452px -208px;
  }
  .table_list .title .ico.write {
    width: 38px;
    height: 29px;
    background-position: -452px -234px;
  }
  .table_list .title .ico.view {
    width: 32px;
    height: 33px;
    background-position: -452px -263px;
  }
  .table_list .title .ico.cost {
    width: 34px;
    height: 29px;
    background-position: -452px -380px;
  }
  .table_list .title .ico.faq {
    width: 34px;
    height: 34px;
    background-position: -418px -380px;
  }
  .table_list .title .ico.partner {
    width: 38px;
    height: 32px;
    background-position: -418px -414px;
  }
  .table_list .title .sub {
    display: block;
    padding: 15px 0 0;
    font-size: 13px;
    line-height: 18px;
    color: #314976;
  }
  .table_list + .table_list {
    padding: 50px 20px 0;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 736px) {
  .table_list + .table_list {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 1140px) {
  .table_list .bottom_btns {
    padding: 40px 0 150px;
    text-align: center;
  }
}

.table_tip_bottom {
  padding: 15px 0 0;
  font-size: 13px;
  line-height: 21px;
  color: #999;
  text-align: right;
}

.table {
  width: 100%;
}

.table .wd_90 {
  width: 90px;
}

.table .wd_94 {
  width: 94px;
}

.table .wd_95 {
  width: 95px;
}

.table .wd_104 {
  width: 104px;
}

.table .wd_107 {
  width: 107px;
}

.table .wd_109 {
  width: 109px;
}

.table .wd_119 {
  width: 119px;
}

.table .wd_151 {
  width: 151px;
}

.table .wd_224 {
  width: 224px;
}

.table .wd_243 {
  width: 243px;
}

.table .wd_579 {
  width: 579px;
}

.table .wd_803 {
  width: 803px;
}

.table .wd_832 {
  width: 832px;
}

.table .first {
  padding-left: 25px !important;
}

.table .red {
  color: #f56363 !important;
}

.table .txt_r {
  text-align: right;
}

.table .last {
  padding-right: 25px !important;
}

.table .thead {
  zoom: 1;
}

.table .thead:after {
  content: '';
  display: block;
  clear: both;
}

.table .thead .th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  float: left;
  vertical-align: middle;
  height: 47px;
  padding: 15px 10px 0 0;
  border-top: #ebebeb 1px solid;
  border-bottom: #ebebeb 1px solid;
  background-color: #f6f6f6;
  font-size: 14px;
  line-height: 1.2;
  color: #666;
}

.table .tbody {
  zoom: 1;
  border-bottom: #ebebeb 1px solid;
}

.table .tbody:after {
  content: '';
  display: block;
  clear: both;
}

.table .tbody .tr {
  width: 100%;
  overflow: hidden;
}

.table .tbody .link {
  display: block;
  width: 1140px;
  height: 46px;
  overflow: hidden;
}

.table .tbody .td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  float: left;
  height: 46px;
  padding: 15px 10px 0 0;
  vertical-align: middle;
  border-top: #ebebeb 1px solid;
  font-size: 14px;
  line-height: 1.2;
  color: #666;
}

.table .tbody.scroll {
  max-height: 231px;
  overflow: auto;
}

.table .btns_func {
  position: absolute;
  top: 0;
  right: 0;
}

.table .tbody .tr.me {
  position: relative;
  overflow: visible;
}

.table .tbody .tr.me .me_border strong {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  position: absolute;
  left: -52px;
  top: 8px;
  width: 46px;
  height: 30px;
  background-color: #ff7562;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  line-height: 26px;
  color: #fff;
}

.table .tbody .tr.me .me_border b.t {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #314976;
}

.table .tbody .tr.me .me_border b.b {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #314976;
}

.table .tbody .tr.me .me_border b.l {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 2px;
  background-color: #314976;
}

.table .tbody .tr.me .me_border b.r {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2px;
  background-color: #314976;
}

.table .tbody .tr.me .link,
.table .tbody .tr.me .td {
  color: #000;
  font-weight: bold;
}

.table .arr {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 6px;
  background: url(../img/tb_th_arr_down.png) 0 0 no-repeat;
}

.table .arr.up {
  background-image: url(../img/tb_th_arr_up.png);
}

@media only screen and (max-width: 1140px) {
  .table {
    width: 100%;
  }
  .table .wd_90 {
    width: 10%;
  }
  .table .wd_94 {
    width: 10%;
  }
  .table .wd_95 {
    width: 10%;
  }
  .table .wd_104 {
    width: 10%;
  }
  .table .wd_107 {
    width: 10%;
  }
  .table .wd_109 {
    width: 10%;
  }
  .table .wd_119 {
    width: 10%;
  }
  .table .wd_151 {
    width: 10%;
  }
  .table .wd_224 {
    width: 20%;
  }
  .table .wd_243 {
    width: 20%;
  }
  .table .wd_579 {
    width: 50%;
  }
  .table .wd_803 {
    width: 70%;
  }
  .table .wd_832 {
    width: 70%;
  }
  .table .first {
    padding-left: 8px !important;
  }
  .table .red {
    color: #f56363 !important;
  }
  .table .thead {
    zoom: 1;
  }
  .table .thead:after {
    content: '';
    display: block;
    clear: both;
  }
  .table .thead .th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
    vertical-align: middle;
    height: 47px;
    padding: 15px 5px 0 0;
    border-top: #ebebeb 1px solid;
    border-bottom: #ebebeb 1px solid;
    background-color: #f6f6f6;
    font-size: 12px;
    line-height: 1.2;
    color: #666;
  }
  .table .tbody {
    zoom: 1;
    border-bottom: #ebebeb 1px solid;
  }
  .table .tbody:after {
    content: '';
    display: block;
    clear: both;
  }
  .table .tbody .tr {
    width: 100%;
    overflow: hidden;
  }
  .table .tbody .link {
    display: block;
    width: 100%;
    height: 46px;
    overflow: hidden;
  }
  .table .tbody .td {
    display: block;
    float: left;
    height: 46px;
    padding: 15px 10px 0 0;
    vertical-align: middle;
    border-top: #ebebeb 1px solid;
    font-size: 12px;
    line-height: 1.2;
    color: #666;
  }
  .table .tbody.scroll {
    max-height: 231px;
    overflow: auto;
  }
  .table .btns_func {
    position: static;
    top: 0;
    right: 0;
    margin: 20px 0 0;
  }
}

@media only screen and (max-width: 1140px) and (max-width: 640px) {
  .table {
    overflow: auto;
  }
  .table .thead,
  .table .tbody {
    /*min-width: 620px;*/
  }
}

.table_write .wd_19p {
  width: 19% !important;
}
.table_write .wd_81p {
  width: 81% !important;
}
@media only screen and (max-width: 1140px) and (max-width: 640px) {
  .table_write .wd_19p {
    width: 25% !important;
  }
  .table_write .wd_81p {
    width: 75% !important;
  }
}

.btn_approval {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  height: 51px;
  padding: 0 51px;
  border: #2c3e50 2px solid;
  font-size: 18px;
  line-height: 46px;
  color: #2c3e50;
  font-weight: bold;
  background-color: #fff;
}

.btn_approval a:active, a:hover, a:focus {
color: #2c3e50;
}

.cost_service {
  zoom: 1;
  position: relative;
  height: 675px;
  padding: 43px 0 60px;
  border-bottom: #ddd 1px solid;
}

.cost_service:after {
  content: '';
  display: block;
  clear: both;
}

.cost_service .noti {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 0 24px;
  font-size: 13px;
  line-height: 17px;
  color: #888;
}

.cost_service .centerbox {
  width: 482px;
  margin: 0 auto;
  text-align: center;
}

.cost_service .centerbox .tit {
  display: block;
}

.cost_service .centerbox .tit b {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  display: table-cell;
  vertical-align: middle;
  width: 482px;
  height: 86px;
  font-size: 20px;
  line-height: 28px;
  color: #2c3e50;
  font-weight: bold;
  background-color: #f6f6f6;
}

.cost_service .centerbox strong {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  display: table-cell;
  vertical-align: middle;
  width: 482px;
  height: 92px;
  font-size: 30px;
  line-height: 38px;
  color: #fff;
  font-weight: bold;
  background-color: #f39c12;
}

.cost_service .centerbox .detail {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  display: block;
  width: 100%;
  padding: 38px 0;
  font-size: 15px;
  line-height: 29px;
  color: #666;
  font-weight: bold;
  background-color: #f6f6f6;
}

.cost_service .centerbox .btn_approval {
  margin: 33px 0 0;
}

.cost_service .centerbox.w25 {
  float: left;
  width: 262px;
  margin: 0 30px 0 0;
}

.cost_service .centerbox.w25 .tit b {
  width: 262px;
}

.cost_service .centerbox.w25 strong {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 262px;
}

.cost_service .centerbox.w25 strong b {
  display: block;
  padding: 5px 0 0;
  font-size: 15px;
  line-height: 1;
}

.cost_service .centerbox.w25 .btn_approval {
  width: 168px;
  padding: 0;
  text-align: center;
}

.cost_service .centerbox.last {
  margin-right: 0;
}

@media only screen and (max-width: 1140px) {
  .cost_service {
    zoom: 1;
    position: relative;
    padding: 43px 0 60px;
    height: auto;
    border-bottom: #ddd 1px solid;
  }
  .cost_service:after {
    content: '';
    display: block;
    clear: both;
  }
  .cost_service .noti {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 24px;
    font-size: 13px;
    line-height: 17px;
    color: #888;
  }
  .cost_service .centerbox {
    width: 100%;
    max-width: 482px;
    margin: 0 auto;
    text-align: center;
  }
  .cost_service .centerbox .tit {
    display: block;
  }
  .cost_service .centerbox .tit b {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    display: block;
    vertical-align: middle;
    width: 100%;
    height: 86px;
    font-size: 16px;
    line-height: 28px;
    color: #2c3e50;
    font-weight: bold;
    background-color: #f6f6f6;
  }
  .cost_service .centerbox strong {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    display: block;
    vertical-align: middle;
    width: 100%;
    height: auto;
    padding: 20px 0;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    background-color: #f39c12;
  }
  .cost_service .centerbox .detail {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    display: block;
    width: 100%;
    padding: 38px 0;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    font-weight: bold;
    background-color: #f6f6f6;
  }
  .cost_service .centerbox .btn_approval {
    margin: 33px 0 0;
  }
  .cost_service .centerbox.w25 {
    float: none;
    width: 100%;
    max-width: 482px;
    margin: 0 auto 20px;
  }
  .cost_service .centerbox.w25 .tit b {
    width: 100%;
    height: auto;
    padding: 20px 0;
  }
  .cost_service .centerbox.w25 strong {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100%;
  }
  .cost_service .centerbox.w25 strong b {
    display: block;
    padding: 0;
    font-size: 13px;
    line-height: 1;
  }
  .cost_service .centerbox.last {
    margin: 0 auto;
  }
}

.cost_service2 {
  zoom: 1;
  position: relative;
  height: auto;
  padding: 43px 0 40px;
}

.cost_service2 .noti_m {
  text-align:right; 
  font-size:13px; 
  line-height:20px; 
  margin-top:12px;
}

.cost_service2 .noti_m .fir {
  color:#3498db;
}

.cost_service2 .noti_m .sec {
   border-bottom:#ddd 1px solid; 
   padding-bottom:3px;
}

@media only screen and (max-width: 1140px) {
  .cost_service2 {
	width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-bottom: 0;
  }
  .cost_service2 .noti_m {
	text-align:left;
	font-size:11px;
	line-height:16px;
	padding-left:8px;
  }
}

.paging {
  padding: 20px 0 200px;
  text-align: center;
}

.paging .first,
.paging .last,
.paging .prev,
.paging .next,
.paging .page {
  display: inline-block;
  height: 27px;
  border: #ddd 1px solid;
  vertical-align: top;
}

.paging .first {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  width: 31px;
  background-position: -313px -47px;
}

.paging .last {
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  width: 31px;
  background-position: -403px -47px;
}

.paging .prev {
  width: 28px;
  border-left: none;
  border-right: none;
  background-position: -345px -47px;
}

.paging .next {
  width: 28px;
  border-right: none;
  background-position: -374px -47px;
}

.paging .page {
  width: 31px;
  border-right: none;
  text-align: center;
  font-size: 11px;
  line-height: 26px;
  color: #666;
  background:#fff;
}

.paging .page.on {
  background-color: #eee;
}

@media only screen and (max-width: 1140px) {
  .paging {
    padding: 20px 0 30px;
  }
}

@media only screen and (max-width: 1140px) {
  .modal-dialog {
    width: auto !important;
  }
}

.modal-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 20px;
  border: #343434 4px solid;
}

.modal-content button.close {
  z-index: 1;
  position: absolute;
  top: 24px;
  right: 24px;
  width: 18px;
  height: 18px;
  background-position: -284px -306px;
}

@media (min-width: 992px) {
  .modal-lg {
    width: 1200px;
  }
}

.tooltip-inner {
  padding: 7px 12px;
  background: url(../img/pt_tooltip_bg.png) 0 0 repeat;
  word-break: break-all;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #192229;
}

.tooltip.bottom-right .tooltip-arrow {
  border-top-color: #192229;
}

.set_option_wrap .ui-slider-horizontal {
  height: 10px;
}

.set_option_wrap .ui-widget-content {
  background-color: #f8f8f8;
}

.set_option_wrap .ui-widget.ui-widget-content {
  border: #eeeeee 1px solid;
}

.set_option_wrap .ui-widget-header {
  background-color: #3498db;
}

.set_option_wrap .ui-slider {
  display: block;
}

.set_option_wrap .ui-slider .ui-slider-handle {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  width: 24px;
  height: 24px;
}

.set_option_wrap .ui-slider .ui-slider-handle:focus, .set_option_wrap .ui-slider .ui-slider-handle:active, .set_option_wrap .ui-slider .ui-slider-handle:hover {
  outline: none;
}

.set_option_wrap .ui-slider-horizontal .ui-slider-handle {
  top: -7px;
}

.set_option_wrap .ui-state-default,
.set_option_wrap .ui-widget-content .ui-state-default {
  background-color: #fff;
  border: #f7f7f7 1px solid;
  -webkit-box-shadow: 2px 2px 4px -1px #bdbdbd;
  -moz-box-shadow: 2px 2px 4px -1px #bdbdbd;
  box-shadow: 2px 2px 4px -1px #bdbdbd;
  word-break: break-all;
}

.table_faq {
  position: relative;
}

.table_faq .btns_func {
  position: absolute;
  top: -51px;
  right: 0;
}

.table_faq .accordion {
  border-top: #ececec 1px solid;
}

.table_faq .accordion-heading {
  min-height: 44px;
  background-color: #f6f6f6;
}

.table_faq .accordion-toggle {
  position: relative;
  display: block;
  width: 100%;
  padding: 13px 60px 12px 95px;
  border-bottom: #ebebeb 1px solid;
  font-size: 14px;
  line-height: 18px;
  color: #666;
}

.table_faq .accordion-toggle .ico {
  position: absolute;
  top: 18px;
  right: 26px;
  width: 12px;
  height: 7px;
  background-position: -464px -190px;
}

.table_faq .accordion-toggle .count {
  position: absolute;
  top: 13px;
  left: 0;
  display: inline-block;
  width: 95px;
  padding: 0 0 0 24px;
  font-weight: bold;
}

.table_faq .accordion-toggle.collapsed {
  background-color: #fff;
}

.table_faq .accordion-toggle.collapsed .ico {
  background-position: -452px -190px;
}

.table_faq .accordion-body.in {
  border-bottom: #ebebeb 1px solid;
}

.table_faq .accordion-inner {
  padding: 22px 60px 22px 95px;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  background-color: #fcfcfc;
}

@media only screen and (max-width: 1140px) {
  .table_faq {
    position: relative;
  }
  .table_faq .btns_func {
    position: static;
    top: -51px;
    right: 0;
    margin: 20px 0;
    width: 100%;
  }
  .table_faq .btns_func .srh {
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .table_faq .btns_func .srh input[type=text] {
    width: 50%;
  }
  .table_faq .accordion {
    border-top: #ececec 1px solid;
  }
  .table_faq .accordion-heading {
    min-height: 44px;
    background-color: #f6f6f6;
  }
  .table_faq .accordion-toggle {
    position: relative;
    display: block;
    width: 100%;
    padding: 13px 60px 12px 30px;
    border-bottom: #ebebeb 1px solid;
    font-size: 13px;
    line-height: 18px;
    color: #666;
  }
  .table_faq .accordion-toggle .ico {
    position: absolute;
    top: 18px;
    right: 26px;
    width: 12px;
    height: 7px;
    background-position: -464px -190px;
  }
  .table_faq .accordion-toggle .count {
    position: absolute;
    top: 13px;
    left: 0;
    display: inline-block;
    width: 30px;
    padding: 0 0 0 8px;
    font-weight: bold;
  }
  .table_faq .accordion-toggle.collapsed {
    background-color: #fff;
  }
  .table_faq .accordion-toggle.collapsed .ico {
    background-position: -452px -190px;
  }
  .table_faq .accordion-body.in {
    border-bottom: #ebebeb 1px solid;
  }
  .table_faq .accordion-inner {
    padding: 22px 60px 22px 30px;
    font-size: 12px;
    line-height: 20px;
    color: #666;
    background-color: #fcfcfc;
  }
}

.notice_modal .title {
  height: 54px;
  padding: 12px 0 0;
  border-bottom: #ddd 1px solid;
  font-size: 22px;
  line-height: 1;
  color: #314976;
  font-weight: bold;
}

.notice_modal .cont {
  padding: 35px 0 0 47px;
}

.notice_modal .txt_wrap {
  max-height: 693px;
  padding: 0 25px 0 0;
  overflow: auto;
}

@media only screen and (max-width: 1140px) {
  .notice_modal .title {
    height: 54px;
    padding: 12px 0 0;
    border-bottom: #ddd 1px solid;
    font-size: 16px;
    line-height: 1;
    color: #314976;
    font-weight: bold;
  }
  .notice_modal .cont {
    padding: 5px 0 0 5px;
  }
  .notice_modal .txt_wrap {
    max-height: 693px;
    padding: 0 25px 0 0;
    overflow: auto;
  }
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.caret {
  display: block;
  position: absolute;
  top: 5px;
  right: -18px;
  width: 11px;
  height: 6px;
  border: none;
  background-position: 0 0;
}

.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 1px 0 0;
  padding: 0;
  border-top: #f6ad17 3px solid;
  border-bottom: #687074 2px solid;
}

.dropdown-menu > li {
  border-left: #b7b7b7 1px solid;
  border-right: #b7b7b7 1px solid;
}

.dropdown-menu > li > a {
  display: block;
  height: 36px;
  padding: 12px 0 0 20px;
  background-color: #fff;
  font-size: 12px;
  line-height: 1;
  color: #666;
  overflow: hidden;
}

.dropdown-menu > li.on > a {
  background-color: #eee;
}

/* 몬캣 장애탈출 프로젝트_이벤트페이지 */
.page_event_escape_1 {
	background: url(../img/bg_event_open_1.png) center center no-repeat;
    background-size: cover;
}
.page_event_escape_2 {
	background: url(../img/bg_event_open_2.png) center center no-repeat;
    background-size: cover;
}
@media only screen and (max-width: 1140px) {
    .page_event_escape {
	  padding:0;
    }
    .event_escape_w img,
    .event_escape_m img {
	  width:100%;
	  padding:0 10px;
    }
    .event_escape_w { 
      display:none;
	}
	.event_escape_m { 
      display:block;
	}
}
@media only screen and (min-width: 1140px) {
    .event_escape_w { 
      display:block;
	}
	.event_escape_m { 
      display:none;
	}
}

/* 몬캣 장애탈출 프로젝트_팝업 */
.w_popup {
    position: absolute;
    top: 80px;
    width: 440px;
    height: 514px;
    z-index: 999;
    right: 0;
}
@media (max-width: 640px) {
	.w_popup{ display:none;}
}
.m_popup{ position:absolute; top:220px; left:50%;  width:300px; height:193px; z-index:999; margin:0 0 0 -150px; display:none;}
.m_popup .bt-close{ position:absolute; top:5px; right:5px; }
.m_popup .bt-close{width:29px; height:29px;}
@media (max-width: 640px) {
	.m_popup{ display:block;}
	.m_popup img{ height:auto; width:100%;}
}
.pop_bullets {position:absolute; width:100%; bottom:0px; margin:0 auto; text-align:center; margin-bottom:46px;}
.pop_bullet_on {width:12px; height:12px; border-radius:100px; background:#000; border:#000 1px solid; margin:0 auto; text-align:center; display:inline-block; margin:0 3px;}
.pop_bullet_off {width:12px; height:12px; border-radius:100px; background:#cecece; border:#a0a0a0 1px solid; margin:0 auto; text-align:center; display:inline-block; margin:0 3px;}
.pop_foot{width:440px;background:#000;zoom:1}
.pop_foot:after{display:block;clear:both;content:''}
.popf_l{float:left; font-size:11px; padding-left:15px;line-height:32px;letter-spacing:-1px;color:#ddd;}
.popf_l input{width:13px;height:28px;margin-right:4px;vertical-align:top;}
.popf_l label{display:inline-block;margin:1px 0 -1px;vertical-align:top;font-family:'Apple SD Gothic Neo',AppleGothic,'돋움',Dotum,Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif}
.popf_r{float:right;margin-right:15px; padding-top:7px;}
.pop_close{display:inline-block; vertical-align:top;}
.pop_close .sp_nl{width:16px;height:16px;}

/*# sourceMappingURL=maps/moncat.css.map */

/* 탑배너 */
.top_banner {
    height:90px;
    background:#effafd; 
    border-bottom:#d7dadb 1px solid; 
}
@media (max-width: 1140px) {
	.top_banner{ display:none;}
}

/* 탑배너 수정 */
.top_banner2 {
    height:50px;
    background:#efefef; 
    border-bottom:#b7b7b7 1px solid;
	box-shadow: 1px 1px 3px #eaeaea;
	margin-bottom:3px; 
}
@media (max-width: 1140px) {
	.top_banner2{ display:none;}
}

.top_banner3 {
    height:80px;
    background:#3498db; 
}
@media (max-width: 1140px) {
	.top_banner3{ display:none;}
}

/* Scroll to top
---------------------------------- */
.scrollToTop {
	color: #fff;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	background-color: #000000;
	border-radius:3px;
	z-index: 1005;
	display: none;
}
.scrollToTop .i {
	line-height: 32px;
	font-size: 24px;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width:767px) {
	.scrollToTop {
		width: 40px;
		height: 40px;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.scrollToTop .i {
		line-height: 32px;
		font-size: 20px;
	}
}

/* 메인 웹사이트, 서버 모니터링 탭 수정 */
.tab-area-new {
	overflow: hidden; 
	width: 1140px; 
	margin:0 auto; 
	text-align:center;
}

.tab-area-new .l-area {
	width: 430px; 
	max-width: 47%; 
	float: left; 
	height:800px;
	margin-left:17px;
}

.tab-area-new .l-area .l-box {
	width:100%;
	display:inline-block;
}

.tab-area-new .l-area .l-box li {
	width:100%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
	padding-bottom:64px;
}

.tab-area-new .l-area .l-box li .ico {
  left: 0;
  width: 30px;
  height: 30px;
  vertical-align:middle;
  margin-right:5px;
  background-position: -452px -122px;
}

.tab-area-new .l-area .l-box .last {
	padding-bottom:0px;
}

.tab-area-new .l-area .l-box strong {
    display: block;
    padding: 0 0 6px 0;
    font-size: 23px;
    line-height: 40px;
    color: #343434;
    font-weight: bold;
	border-bottom:#ddd 1px dashed;
}

.tab-area-new .l-area .l-box .normal {
    display: block;
    padding: 12px 0 0;
    font-size: 15px;
    line-height: 25px;
    color: #666;
}

.tab-area-new .l-area .l-box .point {
    color: #3498db;
	font-weight:600;
}

.tab-area-new .l-area .btn-area {
	display:inline-block; 
	float:left; 
}

.tab-area-new .l-area .btn-area .btn_m_n1 {
	margin:70px 17px 0 0;
}

.tab-area-new .l-area .btn-area .btn_m_n2 {
	margin:70px 0 0 17px;
}

.tab-area-new>img {
	max-width: none;
    position: absolute;
    bottom: 0;
    top: 51%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
	left:48.5%;
}

@media only screen and (max-width: 1140px) {
  .tab-area-new {
    overflow: hidden;
	width:100%;
  }
  .tab-area-new .l-area {
	margin:0 auto;
	text-align:center;
	width:100%;
	max-width:100%;
	padding:0 20px;
	margin-top:-60px;
  }
  .tab-area-new .l-area .l-box {
	margin:0 auto;
	text-align:center;
  }
  .tab-area-new .l-area .l-box li {
	padding-bottom:50px;
	text-align:center;
	margin:0 auto;
  }
  .tab-area-new .l-area .l-box strong {
    font-size: 16px;
    line-height: 26px;
    color: #666;
	border-bottom:#ddd 1px dashed;
  }
  .tab-area-new .l-area .l-box .normal {
    display: block;
    padding: 12px 0 0;
    font-size: 13px;
    line-height: 20px;
    color: #666;
  }
  .tab-area-new .l-area .btn-area {
	width:100%;
	text-align:center;
	margin:0 auto;
	margin-top:40px;
  }
  .tab-area-new .l-area .btn-area .btn_m_n1 {
	margin:10px 5px 0px 5px !important;
  }
  .tab-area-new .l-area .btn-area .btn_m_n2 {
	margin:10px 5px 0px 5px !important;
  }
  .tab-area-new>img {
    display: block;
    float: none;
    width: 80%;
    vertical-align: top;
    margin: 0 auto;
	position:relative;
	left:0%;
	margin-top:120px;
  }
  .h-1220 {
	height: auto !important;
  }
}

.h-1220 {
	height:1220px;
}
.fs-14 {
	font-size:14px !important;
}

/* 서비스 요금페이지 웹사이트, 서버 모니터링 수정 */
.tbl_charge {
  width: 100%;
  border-spacing: 0;
  border: none;
  padding: 0;
  margin: 0;
  text-align:center;
  color:#666;
  font-size:15px;
}

.tbl_charge tbody {
  border:#d5d5d5 1px solid;
  box-shadow:1px 1px 3px rgba(0,0,0,0.6);
}

.tbl_charge th {
  height:72px;
  font-size:22px;
  font-weight:600;
  color:#fff;
  text-align:center;
  border-left:#ebebeb 2px solid;
  letter-spacing:-0.04em;
}

.tbl_charge td {
  border-bottom: #e7e7e7 1px solid;
  border-left:#ebebeb 2px solid;
  height: 45px;
  padding: 0 10px;
  letter-spacing:-0.02em;
}

.tbl_charge .s1 {
	background:#28ab95;
}

.tbl_charge .s2 {
	background:#6fab9c;
}

.tbl_charge .s3 {
	background:#96a1b4;
}

.tbl_charge .s4 {
	background:#5f6d85;
}

.tbl_charge .s5 {
	background:#a94545;
}

.tbl_charge .s6 {
	background:#cf6f55;
}

.tbl_charge .s7 {
	background:#777777;
}

.tbl_charge .st {
	font-size:17px;
}

.tbl_charge .sort {
  background:#f6f6f6; 
  color:#333; 
  font-weight:600; 
  text-align:left; 
  letter-spacing:-0.02em;
}

.tbl_charge .cate {
  background:#fdfdfd; 
  color:#333; 
  text-align:left; 
  letter-spacing:-0.05em;
  border-right:#e9e9e9 3px solid;
}

.tbl_charge .cate_t {
  line-height:23px;
  letter-spacing:-0.02em; 
  padding:26px 0; 
}

.tbl_charge .circle {
  padding:10px 0;
}

.tbl_charge .circle p {
  font-size:13px; 
  letter-spacing:-0.04em;
}

.tbl_charge .fee {
  font-size:21px;
  font-weight:600;
  color:#333;
  letter-spacing:-0.02em;
  line-height:18px;
  padding:36px 0;
}

.tbl_charge .fee .st {
  font-size:14px;
}

.tbl_charge .fee2 {
  color:#333;
}

.tbl_charge .fee3 {
  font-size:21px;
  font-weight:600;
  color:#333;
  letter-spacing:-0.05em;
  line-height:26px;
  padding:36px 0;
}

.tbl_charge .btn_area {
  padding:24px 0 20px 0;
}

.tbl_charge .btn_area a {
  width:160px;
  margin-left:20px;
}

.tbl_charge .btn_area .info {
  color:#3498db; 
  font-size:13px; 
  font-weight:600; 
  letter-spacing:-0.04em; 
  display:inline-block; 
  margin-top:9px;
}

.tbl_charge .first {
  border-left: none;
}

@media only screen and (max-width: 1140px) {
  .tbl_charge {
    font-size:13px;
  }
  .tbl_charge th {
    font-size:15px;
  }
  .tbl_charge .fee {
    font-size: 15px;
  }
  .tbl_charge .fee3 {
    font-size: 15px;
  }
  .tbl_charge .btn_area a {
    width:110px;
    margin:0;
	font-size:15px;
  }
  .tbl_charge .btn_area .info {
    font-size:11px; 
    font-weight:normal; 
  }
}

/* WQMS(Moncat Appliance) 상품 소개 */
.tbl_charge2 {
  width: 100%;
  border-spacing: 0;
  padding: 0;
  margin: 0;
  text-align:center;
  color:#666;
  font-size:15px;
  border: #d5d5d5 1px solid;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.tbl_charge2 th {
  height:72px;
  font-size:22px;
  font-weight:600;
  color:#fff;
  text-align:center;
  border-left:#ebebeb 2px solid;
  letter-spacing:-0.04em;
}

.tbl_charge2 td {
  border-bottom: #e7e7e7 1px solid;
  border-left:#ebebeb 2px solid;
  height: 45px;
  padding: 0 10px;
  letter-spacing:-0.02em;
}

.tbl_charge2 .sort {
  background:#f6f6f6; 
  color:#333; 
  font-weight:600; 
  letter-spacing:-0.02em;
  font-size:18px; 
  border-bottom:#d5d5d5 2px solid;
}

.tbl_charge2 .cate {
  background:#fdfdfd; 
  color:#333; 
  letter-spacing:-0.02em;
  border-right:#e9e9e9 3px solid;
}

.tbl_charge2 .cate_t {
  line-height:23px;
  letter-spacing:-0.02em; 
  padding:18px 0; 
}

.tbl_charge2 .btn_area {
  padding:24px 0 20px 0;
}

.tbl_charge2 .btn_area a {
  width:160px;
}

@media only screen and (max-width: 1140px) {
  .tbl_charge2 {
    font-size:13px;
  }
  .tbl_charge2 th,
  .tbl_charge2 .sort {
    font-size:15px;
  }
  .tbl_charge2 .btn_area a {
    width:110px;
    margin:0;
	font-size:15px;
  }
}

/* 고객지원 파트너 */
.tbl_partner {
  width: 100%;
  border-spacing: 0;
  padding: 0;
  margin: 0;
  text-align:left;
  color:#666;
  font-size:15px;
  border: #d5d5d5 1px solid;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
  background:#fff;
}

.tbl_partner th {
  height:70px;
  font-size:22px;
  font-weight:600;
  color:#fff;
  text-align:center;
  border-left:#ebebeb 2px solid;
  letter-spacing:-0.04em;
}

.tbl_partner td {
  border-bottom: #e7e7e7 1px solid;
  border-left:#ebebeb 2px solid;
  height: 45px;
  padding: 0 10px;
  letter-spacing:-0.02em;
}

.tbl_partner .sort {
  background:#f6f6f6; 
  color:#333; 
  font-weight:600; 
  letter-spacing:-0.02em;
  font-size:18px; 
  border-bottom:#d5d5d5 1px solid;
}

.tbl_partner .cate {
  background:#fdfdfd; 
  color:#333; 
  letter-spacing:-0.02em;
  border-right:#e9e9e9 2px solid;
  font-weight:600;
  text-align:center;
}

.tbl_partner .cate_t {
  line-height:24px;
  letter-spacing:-0.02em; 
  padding:20px 28px; 
}

@media only screen and (max-width: 1140px) {
  .tbl_partner {
    font-size:13px;
  }
  .tbl_partner th,
  .tbl_partner .sort {
    font-size:15px;
  }
  .tbl_partner .cate_t {
    padding:18px 5px; 
  }
}

/* 메인페이지 now moncat 추가 */
.nmbg_wrap {
/*     background: url(../img/bg_page_now_moncat.png) center center no-repeat; */
/*     background-size: 100%; */
/* 	background-position:bottom; */
}
.nm_title {
	font-size:33px; 
	font-weight:bold;
	line-height:40px; 
	color:#343434;
	margin-top:10px; 
}
.nm_info {
	width:100%; 
    color:#555;
	font-size:17px; 
	line-height:26px; 
	padding:5px 0 15px 0; 
	display:inline-block; 
	letter-spacing:-0.04em;
}
.nm_info .fl {
	float:left;
	padding-top:14px;
}
.nm_info .fl .point {
	font-size:22px; 
	font-weight:600;
	color:#d00022;
	padding-left:8px;
}
.nm_info .fl .noti {
	color:#3d78d8;
	letter-spacing:-0.06em;
	padding-bottom:20px;
}
.nm_info .fr {
	float:right;
}
.nm_info .fr img {
	padding-top:0px;
}
.w_now-moncat {
	width:100%;
	border-spacing: 0;
	border: none;
	padding: 0;
	margin: 0;
	border-top:#222 3px solid;
	border-bottom:#222 3px solid;
	background:rgba(255, 255, 255, 0.85);
}
.w_now-moncat tr {
	border-bottom:#d5d5d5 1px dotted;
}
.w_now-moncat td {
	height:115px;
	line-height:115px;
}
.w_now-moncat .noti {
	border-bottom:#ddd 1px solid;
	background:#f7f7f7; 
}
.w_now-moncat .st-n {
	color:#d9511d; 
	text-align:center; 
	line-height:25px;
}
.w_now-moncat .st-n div {
	display:inline-block; 
	margin-top:-5px;
}
.w_now-moncat .st-n .st {
	letter-spacing:0.01em; 
}
.w_now-moncat .st-n .n {
	font-size:18px; 
}
.w_now-moncat .st-n2 {
	color:#000; 
	text-align:center; 
	line-height:25px;
	font-size:15px;
	font-weight:600;
}
.w_now-moncat .tit {
	font-size:19px; 
	color:#343434;
	letter-spacing:-0.04em; 
}
.w_now-moncat .tit strong{
	color:#314976 !important;
}
.w_now-moncat .ico img {
	margin-left:6px;
	vertical-align:bottom;
}
.w_now-moncat .info {
	padding-top:17px; 
	color:#999; 
	font-size:13px;
	letter-spacing:-0.02em;
}
.w_now-moncat .info .bullet {
	width:2px; 
	height:2px; 
	display:inline-block; 
	background:#b3b3b3; 
	border-radius:100px; 
	margin:0 12px 0 20px; 
	vertical-align:middle;
}
.w_now-moncat .info .recom2 img {
	margin-left:6px;
	margin-top:-3px
}
.w_now-moncat .btn_more a {
	color:#fff; 
	font-weight:600; 
	background:#999; 
	border-radius:4px; 
	display:inline-block; 
	padding:6px 12px 8px 12px; 
	letter-spacing:-0.06em;
}

.w_now-moncat .id {
	color:#999;
	text-align:center;
	border-left:#f7f7f7 3px dashed;
	line-height:16px;
}

.w_now-moncat .id b {
	font-size:13px;
	color:#666;
	letter-spacing:-0.04em;
	padding-right:1px;
}

.m_now-moncat {
	width:100%;
	border-spacing: 0;
	border: none;
	padding: 0;
	margin: 0;
	border-top:#222 3px solid;
	border-bottom:#222 3px solid;
	background:rgba(255, 255, 255, 0.85);
	display:none;
}
.m_now-moncat tr {
	border-bottom:#d5d5d5 1px dotted;
}
.m_now-moncat td {
	line-height:120px;
}
.m_now-moncat .noti {
	border-bottom:#ddd 1px solid;
	background:#f7f7f7; 
}
.m_now-moncat .st-n {
	color:#d9511d; 
	text-align:center; 
	line-height:25px;
}
.m_now-moncat .st-n div {
	display:inline-block; 
	margin-top:-5px;
}
.m_now-moncat .st-n .st {
	letter-spacing:0.01em;
	font-size:11px; 
}
.m_now-moncat .st-n .n {
	font-size:12px;
	line-height:12px;
	letter-spacing:-0.1em; 
}
.m_now-moncat .st-n2 {
	color:#000; 
	text-align:center; 
	line-height:22px;
	font-size:13px;
	font-weight:600;
}
.m_now-moncat .tit {
	font-size:15px; 
	color:#343434;
	letter-spacing:-0.03em; 
}
.m_now-moncat .tit strong {
	color:#314976 !important;
}
.m_now-moncat .ico img {
	margin-left:4px;
	vertical-align:bottom;
	width:45px;
}
.m_now-moncat .info {
	padding-top:10px; 
	color:#999; 
	font-size:12px;
	letter-spacing:-0.04em;
}
.m_now-moncat .info .bullet {
	width:2px; 
	height:2px; 
	display:inline-block; 
	background:#b3b3b3; 
	border-radius:100px; 
	margin:0 3px 0 7px;
	vertical-align:middle;
}
.m_now-moncat .info .recom2 img {
	margin-left:4px;
	margin-top:-3px;
}
.m_now-moncat .info .id {
	display:inline-block;
	margin-top:5px;
}
.m_now-moncat .btn_more a {
	color:#fff; 
	font-weight:600; 
	background:#999; 
	border-radius:4px; 
	display:inline-block; 
	padding:2px 10px 5px 10px; 
	letter-spacing:-0.06em;
	font-size:11px;
	margin-top:7px;
}

@media only screen and (max-width: 1140px) {
    .nm_title {
	  font-size:28px; 
	  line-height:32px;
	  padding-left:10px;
	  padding-right:10px;
    }
    .nm_info {
	  font-size:16px; 
	  line-height:26px;
	  padding-left:10px;
	  padding-right:10px;
	  padding-bottom:5px;
	  letter-spacing:-0.06em;
    }
    .nm_info .fl .point {
	  font-size:18px; 
    }
    .nm_info .fr img {
	  padding-top:0px;
    }
}

@media only screen and (max-width: 640px) {
    .w_now-moncat {
	  display:none;
    }
    .m_now-moncat {
	  display:block;
    }
    .nm_info .fr img {
	  padding-top:15px;
	  margin-bottom:-10px;
    }
}

.icon_beta {
	position:absolute;
}
.icon_beta img {
	margin-left:-103px;
	margin-top:-11px;
}
.icon_beta_m {
	display:inline-block;
    border:#3498db 1px solid; 
    border-radius:4px; 
    padding:0px 6px 2px 5px; 
    background-color: #fee650; 
    color: #0b598d; 
    margin-left:5px;
}
.icon_new {
	position:absolute;
}
.icon_new img {
	margin-left:-163px;
	margin-top:-11px;
}
.icon_new_m {
	display:inline-block;
    border:#e74b3b 1px solid; 
    border-radius:4px; 
    padding:0px 6px 2px 5px; 
    background-color: #e85242; 
    color: #fff; 
    margin-left:5px;
}
.icon_free {
	position:absolute;
}
.icon_free img {
	margin-left:61px;
	margin-top:-10px;
}
.icon_free_m {
	display:inline-block;
    border:#e74b3b 1px solid; 
    border-radius:4px; 
    padding:0px 6px 2px 5px; 
    background-color: #e85242; 
    color: #fff; 
    margin-left:5px;
}
.icon_heart {
	float:none !important; 
	margin-top:10px !important;
	margin:0 auto;
	text-align:center;
}
.icon_heart a {
	border:#ccc 2px solid; 
	border-radius:4px; 
	background:#fff; 
	color:#555; 
	font-size:14px; 
	font-weight:600; 
	padding:2px 20px 5px 20px; 
	width:170px; 
}
.icon_heart img {
	margin-right:6px;
}
.icon_gc {
	position:absolute; 
	margin-left:-5%; 
	margin-top:-72px;
}
@media only screen and (max-width: 640px) {
    .icon_gc {
	  margin-left:-8.5%;
    }
}

.pd-15 {
	padding-left:0px;
	padding-right:0px;
}
@media (max-width: 767px) {
    .pd-15 {
	    padding-left:15px !important;
	    padding-right:15px !important;
    }
    .pd-no {
	    padding-left:0px !important;
	    padding-right:0px !important;
    }
    .pd-no-t {
	    padding-top:0px !important;
    }
}

.ico_label_point {
    position: absolute;
    z-index: 9999;
    left: 13px;
    margin-top: -9px;
}											

.btn-b-b a {
    background: #3498db;
    font-size: 18px;
    color: #fff;
    padding: 12px 30px 17px;
    display: inline-block;
    border-radius: 2px;
    letter-spacing: -0.04em;
}
@media only screen and (max-width: 1140px) {
.btn-b-b a {
    font-size: 15px;
    padding: 11px 25px 14px;
}
}