@charset "euc-kr";
@font-face { font-family: "NanumBarunGothic"; src: url("../fonts/NanumBarunGothic.eot"); src: local(¡Ø), url("../fonts/NanumBarunGothic.woff")format("woff"); } 
html { min-height:100%;}
body { 
  font-family:'¸¼Àº°íµñ','Malgun Gothic', 'NanumBarunGothic', '³ª´®¹Ù¸¥°íµñ', 'nanumBG', dotum, gulim;  
  font-size: 14px;  line-height: 1.42857143; }
input, select, textarea {font-family: 'NanumBarunGothic', '³ª´®¹Ù¸¥°íµñ', 'nanumBG', dotum, gulim; }
body, html { margin: 0; padding: 0; color:#000; } 
div, table, tr, th, td, form, fieldset, textares { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; }
ul, ol, li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
li, dl, dt, dd { margin: 0; padding: 0; list-style: none }
img, fieldset, table { border: 0; }
img { }
hr, legend, caption { display: none; }
a:link, a:active, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a { cursor:pointer;}
/* for layout */
select, input {  color: #000;  border: 1px solid #cccccc;  vertical-align:middle; }
textarea {  color: #000; border: 1px solid #cccccc;}
*::-webkit-input-placeholder {
color:#999 !important;
}
*::-moz-placeholder {
color:#999!important;
} /* firefox 19+ */
*:-ms-input-placeholder {
color:#999!important;
} /* ie */
*input:-moz-placeholder {
color:#999!important;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
textarea:focus, input:focus { outline: 0; }
.btn { vertical-align:middle;}
.txt_left { text-align: left !important; }
.txt_right { text-align: right !important; }
.txt_center { text-align: center !important; }
.text_normal { font-weight: normal !important; }
.txt_blue { color: #369 !important; }
.txt_orange { color: #F30 !important; }
.txt_red { color: #de0031 !important; }
.cursor { cursor: pointer; }
table.cursor th { cursor: default; }
table.cursor td { cursor: pointer; }
 
.hei20 { height: 20px; border: 1px solid #CCC; }
.hei19 { height: 19px; border: 1px solid #CCC; }
.hei18 { height: 18px; border: 1px solid #CCC; }
.border { border: 1px solid #CCC; }
.border_n { border: none !important; }
.border3 { border: 1px solid #CCC; height: 18px; }
.wid20 { width: 20px !important; }
.wid30 { width: 30px !important; }
.wid50 { width: 50px !important; }
.wid65 { width: 65px !important; }
.wid68 { width: 68px !important; }
.wid70 { width: 70px !important; }
.wid75 { width: 75px !important; }
.wid80 { width: 80px !important; }
.wid90 { width: 90px !important; }
.wid100 { width: 100px !important; }
.wid100p { width: 100% !important;  display:block; }
.wid120 { width: 120px !important;}
.wid140 { width: 140px !important;}
.wid150 { width: 150px !important;}
.wid180 { width: 180px !important;}
.wid170 { width: 170px !important;}
.wid200 { width: 200px !important;}
.wid280 { width: 280px !important;}
.wid300 { width: 300px !important;}
.wid400 { width: 400px !important;}
.wid450 { width: 450px !important;}
.wid500 { width: 500px !important;  }
.wid540 { width: 540px !important;}
.wid580 { width: 580px !important;}
.wid600 { width: 600px !important; }
.wid700 { width: 700px !important;  }
.wid20, .wid30, .wid40, .wid50, .wid65, .wid70, .wid80, .wid90, .wid100, .wid120, .wid140, .wid150, .wid170, .wid75, .wid180, .wid200, .wid280, .wid300, .wid400, .wid450, .wid500, .wid540, .wid580, .wid600, .wid70  {display:inline  !important;}
.gap_70 { height: 70px; }
.gap_55 { height: 55px; }
.gap_50 { height: 50px; }
.gap_40 { height: 40px; }
.gap_20 { height: 20px; }
.gap_25 { height: 25px; }
.gap_30 { height: 30px; }
.gap_15 { height: 15px; }
.gap_10 { height: 10px;font-size: 0; }
.gap_7 { height: 7px;font-size: 0; }
.gap_3 { height: 3px; font-size: 0; }
.gap_5 {height: 5px; font-size: 0;}
.btns { text-align: center; margin: 10px; }
.clr { clear: both }
.valign_m { vertical-align: middle; }
.tooltop { cursor:pointer; vertical-align: middle;}
.inline_b {  }
.pdr10 { padding-right: 10px !important;} 
.pdr20 { padding-right: 20px !important;} 
.pdr5 { padding-right: 5px !important;} 
.mgt5 { margin-top: 5px;}
.mgt10 { margin-top: 10px;}
.mgt20 { margin-top: 20px;}
.bg_yellow { background-color:#FDFFE1}
input[type="radio"],
input[type="checkbox"] {
  margin: 0;   
  line-height: normal; vertical-align:middle; border:0;
}
label { cursor: pointer; font-weight:normal; margin-bottom:0; } 
a { text-decoration: none; color: #000; }
a:hover, a:active, a:focus { text-decoration: none; /* color:#444; */ }
 

 
.hidden { display: none; }
.pagination { }
.pagination ul { display: inline-block; *display:inline;
*zoom:1;
margin: 0 auto; }
/* ÆäÀÌ¡ */
.paging { margin: 15px 0; text-align: center; clear: both;}
.paging a {position: relative; float: left; display:inline-block; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; font-size:12px; }
.paging .num { margin:0 5px; }
.paging .num strong, .paging .num a { display:inline-block;      }
.paging .num a:hover { background:#EEE; text-decoration:none; }
.paging .num .current { position: relative; float: left; display:inline-block; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none;color: #ffffff; cursor: default;border: 1px solid #000; background-color: #333333;  font-size:12px; }
.paging .num .none { border:0; }
.paging .first { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-right:1px solid #d8d8d8; padding: 6px 12px;  color:#666; }
.paging .prev { padding: 6px 12px; border-right:1px solid #d8d8d8; color:#666; }
.paging .next { border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 6px 12px;border-left:1px solid #d8d8d8;  color:#666; }
.paging .last {border-top-right-radius: 4px; border-bottom-right-radius: 4px;  padding: 6px 12px;  color:#666; }


.paging_wrap { margin: 15px 0; text-align: center; clear: both; }
.pagination { margin: 20px 0; height: 25px; text-align: center; }
.pagination ul { display: inline-block; *display:inline;
*zoom:1;
margin: 0 auto; }
.pagination { display: inline-block; padding-left: 0; margin: 0 0; border-radius: 4px; text-align: center; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; font-size:12px; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #333333; border-color: #000; }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #333; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.body { padding-top: 80px; }
.container { }
.header { height:130px; border-bottom:2px solid #16a5c2}
.top_inner { position:relative; height:76px;}
.h1 { margin:0 0 0 0; display:block; padding:0; width:200px; position:absolute; left:0; top:10px;}
.top_gnb { width:500px; text-align:right;position:absolute; top:20px; right:0; color:#ccc; font-size:12px;}
.top_gnb a {color:#666; font-size:12px; display:inline-block; margin:0 5px;}
.footer { border-top:1px solid #e2e6e7; margin-top:40px; padding:30px 0; line-height:150%; color:#777;}
address { font-style:normal; font-size:12px; line-height:140%;}
.top_search .top_input { height:31px; width:215px; color:#cccccc; padding:0; margin:0; box-sizing:border-box; line-height:31px;}
.top_search .top_btn { border:0 none; }
a.mn_btn { display:block; padding:6px 10px;}
a.mn_btn { font-size:20px; text-align:center; color:#000;}
ul.share-buttons{  list-style: none;  padding: 0; margin-top:10px; text-align:right;}

ul.share-buttons li{  display: inline; text-align:right;}
.main_wrap { margin-top:0px;}
.h2 { border-bottom:1px solid #ddd;  padding:5px ; font-size:20px; font-weight:normal;}
.login_box { width:700px; height:210px; border:1px solid #ccc; background:url(../image/login_bg1.jpg) left top no-repeat; margin:100px auto 20px auto; padding-left:227px; box-sizing: border-box; }
.login_inner { margin:0 auto; padding-top:40px;}
.login_tb { margin:0 auto;}
.login_tb td {font-size:14px;   color:#666; }
.input_login { width:150px; height:26px; padding:3px 10px; box-sizing: border-box; border:1px solid #CCC;}
.btn_login { width:64px; height:64px; background:#D83943; display:block; border:0; font-size:14px;   color:#fff;}
.login_2tb { margin:0 auto;}
.login_2tb td {font-size:13px;   color:#666; vertical-align:top; padding:5px 0; }
.link_login { display:inline-block; width:85px; height:22px; font-size:12px;   color:#fff; background:#666; cursor:pointer; line-height:22px;} 
.link_login:hover { color:#fff; background:#333;}
.link_login:visited {color:#fff; }
.main_left { width:245px; float:left;}
.main_right {  }

.h3_body { margin:00px 0 10px 0; font-size:27px;   height:40px; line-height:40px; border-bottom:1px solid #ccc; padding-bottom:10px; display:block; box-sizing:content-box;font-weight:500;}
@media (max-width: 768px) { 
	.h3_body { font-size:21px;}
}
.h4 {  font-size: 18px;font-weight:500;}
.join_step { height:40px; width:100%; overflow:hidden; margin:20px 0;}
.join_step li { width:25%; height:40px; float:left; background:#333 url(../image/step_bg_off.gif) top right no-repeat;  font-size:13px;   color:#fff; text-align:center; line-height:40px;}
.join_step li.on { background:#D83943 url(../image/step_bg_on.gif) top right no-repeat;}
.join_step li.last { background-image:none}
.agree_box1 { width:100%; height:200px; border:1px solid #CCC; padding:20px;  color:#666; overflow:auto; line-height:150%;}
.join_bg1 { background:url(../image/join_img1.png) right center no-repeat; background-size: 30%; padding-right:170px; padding-left:10px; padding-bottom:30px; color:#999; border-bottom:1px solid #CCC; margin:30px auto 30px auto; font-size:12px;}
.join_font1 {font-size:23px;   color:#333; letter-spacing:-1px; line-height:120%; }
.join_font1 strong { font-weight:normal; color:#D83943}
.join_font2 {   color:#999}
.join_gap1 { margin:20px 0 40px 0;}
.btns_2wrap { text-align:center  ; margin:20px;  }

.prd_left_1ul { border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; margin-bottom:20px;}
.prd_left_1ul li {font-size:14px;  color:#333; }
.prd_left_1ul li a {display:block; padding:10px 0 10px 10px;font-size:14px;  color:#333;border-bottom:1px solid #CCC; cursor:pointer; }
.prd_left_1ul li a:hover { color:#16a5c2}
.prd_left_1ul li.on>a { color:#16a5c2}
.prd_left_2ul { padding:5px 0;border-bottom:1px solid #CCC; display:none}
.prd_left_2ul li { padding:0;font-size:13px;  color:#333;  }
.prd_left_2ul li a {display:block;  padding:5px 0 5px 30px;border-bottom:0;font-size:13px;  color:#333; background:url(../image/bullet_cross.gif) 17px 9px no-repeat;}
.prd_minus li a { background:url(../image/bullet_dash.gif) 17px 9px no-repeat;}
.prd_left_3ul { padding:5px 0;border-bottom:1px solid #f1f1f1;display:none}
.prd_left_3ul li { padding:0;font-size:13px;  color:#333;  }
.prd_left_3ul li a {display:block;  padding:5px 0 5px 37px;border-bottom:0;font-size:13px;  color:#333;background:url(../image/bullet_dash.gif) 27px 9px no-repeat;}
.prd_left_2ul li.on li a { color:#333; }
.prd_left_2ul li li.on a  {color:#16a5c2}
.prd_left_2ul li.on li li a { color:#333; }
.prd_left_2ul li li li.on a  {color:#16a5c2}
.prd_left_4ul { padding:0 0; display: }
.prd_left_4ul li { padding:0;font-size:11px;  }
.prd_left_4ul li a {display:block;  border-bottom:0;font-size:11px;  color:#333;  padding:3px 0 3px 47px;background:none;}

.h2_left { margin:20px 0 10px 0; font-size:36px;   height:40px;box-sizing:content-box; letter-spacing:-1px; font-weight:500;line-height:40px;}
.h25_left { margin:20px 0 10px 0; font-size:30px;   height:40px;box-sizing:content-box; letter-spacing:-1px; font-weight:500;line-height:40px;}
 
a.btn:hover { color: #fff;}
a.btn-default:hover { color: #333}
.btn-2ghost {
  color: #333;
  background-color: transparent;
  border-color: #ccc;
}
.btn-2ghost:hover,
.btn-2ghost:focus,
.btn-2ghost.focus,
.btn-2ghost:active,
.btn-2ghost.active,
.open > .dropdown-toggle.btn-2ghost {
  color: #333;
  background-color: transparent;
  border-color: #adadad;
}
.btn-2ghost:active,
.btn-2ghost.active,
.open > .dropdown-toggle.btn-2ghost {
  background-image: none;
}
.btn-2ghost.disabled,
.btn-2ghost[disabled],
fieldset[disabled] .btn-2ghost,
.btn-2ghost.disabled:hover,
.btn-2ghost[disabled]:hover,
fieldset[disabled] .btn-2ghost:hover,
.btn-2ghost.disabled:focus,
.btn-2ghost[disabled]:focus,
fieldset[disabled] .btn-2ghost:focus,
.btn-2ghost.disabled.focus,
.btn-2ghost[disabled].focus,
fieldset[disabled] .btn-2ghost.focus,
.btn-2ghost.disabled:active,
.btn-2ghost[disabled]:active,
fieldset[disabled] .btn-2ghost:active,
.btn-2ghost.disabled.active,
.btn-2ghost[disabled].active,
fieldset[disabled] .btn-2ghost.active {
  background-color: #fff;
  border-color: #ccc;
}


 
.checkbox, .checkbox_sm { display: none; }
.checkbox + label, .checkbox_sm + label{ color: #333; cursor:pointer;margin-bottom:0; vertical-align: middle;}
.checkbox + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.checkbox:checked + label span { background-position: -48px 0; }
.checkbox + label span { background-position: 0 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.checkbox:disabled + label span  { background-position: -72px 0; cursor: default; }
.checkbox:checked.disabled + label span  { background-position: -96px 0; }

.radio, .radio_sm { display: none; }
.radio + label, .radio_sm + label{ color: #333;cursor:pointer; vertical-align: middle;}
.radio + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(blue.png) no-repeat; border: none; cursor: pointer; }
.radio:checked + label span { background-position: -168px 0; }
.radio + label span { background-position: -120px 0; }
/* .checkbox:hover + label span  { background-position: -24px 0; } */
.radio:disabled + label span  { background-position: -192px 0; cursor: default; }
.radio:checked.disabled + label span  { background-position: -214px 0; }

.checkbox_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.checkbox_sm:checked + label span { background-position: -36px 0; } 
.checkbox_sm + label span { background-position: 0 0; } 
/* .checkbox_sm.hover + label span  { background-position: -18px 0; }*/
.checkbox_sm:disabled + label span  { background-position: -54px 0; cursor: default; }
.checkbox_sm:checked:disabled + label span  { background-position: -72px 0; }


.radio_sm + label span { display: inline-block; *display: inline;
vertical-align: middle; margin: 0; padding: 0; width: 16px; height: 16px; background: url(blue_sm.png) no-repeat; border: none; cursor: pointer; }
.radio_sm:checked + label span { background-position: -126px 0; } 
.radio_sm + label span { background-position: -90px 0; } 
/* .checkbox_sm.hover + label span  { background-position: -108px 0; }*/
.radio_sm:disabled + label span  { background-position: -144px 0; cursor: default; }
.radio_sm:checked:disabled + label span  { background-position: -162px 0; }


/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
.checkbox + label span, .radio + label span {
 background-image: url(blue@2x.png);
 -webkit-background-size: 240px 24px;
 background-size: 240px 24px;
}
}
.checkbox + label, .checkbox_sm + label, .radio + label, .radio_sm + label { margin-right: 10px;}
.jointxt01 { color:#333;f  font-weight:bold; }
.jointxt02 { color:#333;font-size:12px; }
.jointxt02 a {color:#000; text-decoration:underline;}
.jointxt02 a:visited, .jointxt02 a:hover {color:#333; text-decoration:underline;}
.jointxt03 { color:#333;font-size:12px; font-weight:bold; }

.join_check input[type="radio"], .join_check input[type="checkbox"] {
 display:inline-block; width:20px; height:20px; vertical-align:middle;
 background:url(../image/btn_checkbox.png) no-repeat 0 0;
appearance:none; border-radius:0; border:0;}
.join_check input[type="radio"] { background:url(../image/btn_radio.png) no-repeat 0 0; }
.join_check input[type="checkbox"]:checked, .join_check input[type="radio"]:checked { background-position:0 -20px; }
.join_check input[type="checkbox"]:disabled, .join_check input[type="radio"]:disabled { background-position:0 -40px; }
.agree_box01 { border:1px solid #dbdbdb; padding:10px; height:250px; overflow:auto; margin:5px 0;font-size:12px;  line-height:140%;}
.agree_box02 { border:1px solid #dbdbdb; padding:25px 30px;  margin:5px 0;  line-height:140%; position:relative;}
.input_sms { height:44px; background:#fff; width:120px; border:0; vertical-align:middle;  text-align:center; border:1px solid #000; color:#000; font-size:15px;line-height:46px; text-align:center;}

#draggable { background:#fff; border:2px solid #333; text-align:center;}
.layer_t01 { background:#f9f9f9; border-bottom:1px #CCC solid;}
.layer_t01 td { padding:10px;}
.input_sms2 {height:30px; background:#CCC; width:150px; border:0;vertical-align:middle;  text-align:center; font:bold 14px Verdana;line-height:30px;}
.layer_btn { text-align:center; padding:20px 0 0 0;}

.agree_inner { margin:0 150px; text-align:left}

.input_id {height:32px; background:#fff; width:100%; border:1px solid #000; vertical-align:middle;  text-align:center; color:#000; font-size:14px;line-height:30px; text-align:center;}
.login_btn { display:block; background:#000; padding:10px; color:#fff; font-size:15px; width:100%; text-align:center; border:0 none;cursor:pointer;  }

.login_btn2 { width:180px; height:30px; border:0; background:#999999; color:#fff; font-size:12px; line-height:30px;  cursor:pointer;  }
.login_btn3 { width:370px; height:30px; border:0; background:#999999; color:#fff; font-size:12px; line-height:30px;  cursor:pointer;  }
.login_btn4 { width:370px; height:30px; border:0; background:#000; color:#fff; font-size:12px; line-height:30px;  cursor:pointer;  }
 

.cstb_01 { border-collapse:collapse; }
.cstb_01 th {font-size:12px; font-weight:normal; color: #666; border-bottom:1px solid #cbcbcb; padding:15px 5px 15px 10px; text-align:left; }
.cstb_01 td {font-size:12px; color: #666; border-bottom:1px solid #cbcbcb; padding:5px 0 5px 5px; text-align:left; }
.cstb_01 td input { border:1px solid #b6b6b6; height:25px; padding:0 0 0 5px; box-sizing: content-box;line-height:25px; }
.cstb_01 td select { border:1px solid #b6b6b6;height:25px; box-sizing: content-box; line-height:25px;}

.cstb_01 td textarea { border:1px solid #b6b6b6;padding-left:5px;}
.cstb_01 td input[type="checkbox"] { border:none; vertical-align:middle;}
.cstb_01 td a { color:#000; text-decoration:underline;}
.cstb_01 td a:visited {color:#666;}
.cstb_02 { border-collapse:collapse;}
.cstb_02 th {font-size:12px; color: #666;  padding:10px 5px 10px 10px; text-align:left; }
.cstb_02 td {font-size:12px; color: #666;  padding:10px 0 10px 5px; text-align:left; }
.cstb_02 td input { border:1px solid #b6b6b6; height:20px; line-height:20px; padding-left:5px;}
.cstb_02 td select { border:1px solid #b6b6b6;height:20px; line-height:20px;}
.cstb_02 td textarea { border:1px solid #b6b6b6; padding-left:5px;}

.cstb_03 { border-collapse:collapse;border-top:1px solid #cbcbcb;}
.cstb_03 th {font-size:12px;font-weight:normal; color: #666; border-bottom:1px solid #cbcbcb; padding:10px 5px 10px 10px; background:#F1F1F1; text-align:left; }
.cstb_03 td {font-size:12px; color: #666; border-bottom:1px solid #cbcbcb; padding:10px 0 10px 5px; text-align:left; }
 
.cstb_03 td a { color:#000; text-decoration:underline;}
.cstb_03 td a:visited {color:#666;}

.cstb_04 { border-collapse:collapse;border-top:1px solid #cbcbcb;}
.cstb_04 th {font-size:12px; color: #666; border-bottom:1px solid #cbcbcb; padding:10px 5px 10px 10px; background:#f6f6f6; text-align:left; }
.cstb_04 td {font-size:12px; color: #666; border-bottom:1px solid #cbcbcb; padding:10px 0 10px 15px; text-align:left; }


.msg02 { font-size:12px; color:#F90; padding:5px 0 10px 0;}
.msg03 { font-size:12px; color:#999; padding:5px 0 10px 0;}


.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;font-size:12px; text-decoration:none !important;vertical-align:top;white-space:nowrap;  line-height:22px}
.btn_pack a {display:inline-block;line-height:26px; text-align:center;}
.btn_pack *{ cursor:pointer;_cursor:hand}
.btn_pack *{padding:0 10px 0 10px; font-size:12px}
.btn_pack.gray { border:1px solid #000;}
.btn_pack.gray,
.btn_pack.gray *{background:#fff;color:#000; }
.btn_pack.gray *:hover,
.btn_pack.gray *:active,
.btn_pack.gray *:focus{color:#333}
.btn_pack.black { border:1px solid #000;}
.btn_pack.black,
.btn_pack.black *{background:#000;color:#fff; }
.btn_pack.black *:link{ color:#fff; }
.btn_pack.black *:hover,
.btn_pack.black *:active,
.btn_pack.black *:focus{color:#fff}
.btn_pack.red { border:1px solid #F00;}
.btn_pack.red,
.btn_pack.red *{background:#F00;color:#fff; }
.btn_pack.red *:link{ color:#fff; }
.btn_pack.red *:hover,
.btn_pack.red *:active,
.btn_pack.red *:focus{color:#fff}
.btn_pack i { line-height:22px !important}

.btn_pack.large  {padding:0 20px 0 16px; height:36px;line-height:36px}
.btn_pack.large * { height:34px; font-size:14px;line-height:34px}

.wrap_radius { border-radius:15px; padding:15px; border:1px solid #CCC;}
.wrap_msg { font-size:12px; color:#666;}
.wrap_msg2 { font-size:13px; color:#F30; padding:5px;}
.h4_body { font-size: 17px; font-weight:normal; background:url(../image/bullet_blue.png) 0 center no-repeat; padding:3px 0px 3px 30px; margin-bottom:10px; font-weight:bold;}
.h5_body { font-size: 15px; font-weight:normal; background: url(../image/bullet_blue2.png) 0 center no-repeat; padding:3px 0px 3px 15px; margin-bottom:0px; font-weight:bold; color:#1c95b7}
.tab_ul { border-bottom:1px solid #16a5c2; height:38px; box-sizing: content-box;  margin:20px 0;}
.tab_ul li { height:39px; float:left; display:inline-block;  border-top:1px solid #999; border-left: 0px solid #999;border-right:1px solid #999;border-bottom:1px solid #16a5c2;  font-size:14px; text-align:center; color:#686868; background:#fafafa;vertical-align:middle; text-align:center; min-width:100px; }
.tab_ul li a { display: block; vertical-align:middle; padding:10px 20px; height:16px;color:#686868; cursor:pointer;}
.tab_ul li a:hover { color:#000;text-decoration: none}
.tab_ul li:first-child { border-left-width:1px;}
.tab_ul li.on {  border-left-width:1px;border-color:#16a5c2; background:#fff; color:#16a5c2; margin-left:0; border-bottom:1px solid #fff;  }
.tab_ul li.on a {color:#16a5c2;}
.tab_ul li.on a:hover {color:#16a5c2; text-decoration: none;}

.board_list01 { border-collapse:collapse;border-top:1px solid #CCC;border-left:1px solid #CCC; }
.board_list01 th { border-bottom:1px solid #333;border-right:1px solid #CCC; text-align:center; font-size:13px; padding:10px; background:#f5f5f5; color:#333;}
.board_list01 td {  border-bottom:1px solid #CCC;border-right:1px solid #CCC;   font-size:12px; padding:7px 5px;color:#333;}
.board_list01 td.brd { border-bottom:1px solid #666;}
.board_list01 td.left_ttl { text-align:left; padding-left:20px;}
.board_list01 td.right_ttl { text-align:right; padding-right:20px;}
.board_list01 td img { vertical-align: middle;}
.board_list01 td a {color:#333;}
.board_list01 td a:visited {color:#333;}
.board_list01 td a:hover {color:#000;}
.tr_bg1 { background:#FFC}

.board_list04 { border-collapse:collapse;border-top:1px solid #CCC;border-left:1px solid #CCC; }
.board_list04 th { border-bottom:1px solid #084d60;border-right:1px solid #CCC; text-align:center; font-size:14px; padding:10px; background:#1c95b7; color:#fff;}
.board_list04 td {  border-bottom:1px solid #CCC;border-right:1px solid #CCC;   font-size:13px; padding:7px 5px;color:#333; line-height:140%;}

.board_list02 th { border-bottom:1px solid #000; border-top:1px solid #000; border-right:1px solid #000; padding:8px 0; text-align:center; font-weight:bold; font-size:13px; }
.board_list02 th.right {border-right:none;} 
.board_list02 th:first-child {border-left:1px solid #000;}
.board_list02 td { border-bottom:1px solid #cccccc; padding:8px; font-size:13px;}
.board_list02 td.left, .board_list01 td.right { border-bottom:none;}

.label { display:inline-block; padding:3px 10px 2px 10px; border-radius:10px; background:#999; color:#fff; font-size:12px; height:14px; line-height:14px; box-sizing: content-box;}
.label.red { background:#16a5c2}
.label.gray { background:#333}
.label.green { background:#6C6}

.class_ttl { text-align:center; font-size:19px; color:#fff; font-weight:500; background:#16a5c2; padding:10px;}
.wrap_2msg {font-size:14px; color:#666; padding:15px;}
.wrap_3msg {font-size:12px; color:#666; padding:15px; background:#f1f1f1; margin-bottom:10px;}
.class_sch { text-align:right;}
.class_sch .inpt { border:1px solid #999;height:28px;  color:#999; padding:0 0 0 5px; margin:0; box-sizing:border-box;font-size:12px; vertical-align:middle; line-height:28px;}
.button.white { background:#fff; color:#333; border:1px solid #ccc; border-radius: 3px; padding: 3px 7px;; font-size:12px; vertical-align:middle; display: inline-block; cursor: pointer}
.button.white:hover { background-color: #f4f4f4}
.class_sch .button { background:#16a5c2; color:#fff; border:0 none; font-size:12px; vertical-align:middle; height:28px;line-height:28px;}
.result_wrap { font-size:14px; text-align:left; padding:0 0 5px 0; }
.result_wrap strong { color:#16a5c2; border-bottom:1px solid #16a5c2}


.summ_wrap { width:945px;}
.summ_left { width:350px; float:left;}
.summ_right { width:550px; float:right;}
.tb_class { border-collapse:collapse}
.tb_class th { text-align:left; padding:7px; border-bottom:1px dotted #999; font-size:14px; font-weight:500; color:#000; }
.tb_class td { text-align:left; padding:7px; border-bottom:1px dotted #999; font-size:14px; color:#666; }
.bor_btm_wrap { background:#666; color:#fff; font-size:18px;   padding:3px 10px; text-align:left; margin:20px 0;}
.pop_wrap { padding:15px;}

.pop_head { text-align:left; font-size:18px; color:#fff; font-weight:500; background:#16a5c2; padding:7px 10px;}

.pop_panel { border:1px solid #CCC; border-radius:8px; margin:10px 0;}
.pop_ttl { background:#333; padding:8px; color:#fff; border-radius:8px 8px 0 0;}
.panel_head { border-bottom:1px solid #ccc; padding:10px;font-size:16px; color:#333; background:#f5f5f5;border-radius:8px 8px 0 0;}
.panel_body { padding:15px; font-size:13px; color:#666;}
.m_left { width:700px; float:left;}
.m_right { width:470px; float:right;}
.main_l_l { width:190px;float:left;}
.main_l_r { width:500px; float:right; background:#e2e6e7; height:190px; overflow:hidden;}
.main_tb01 {margin:0 auto;}
.main_tb01 td { border-bottom:1px dotted #999; padding:4px 10px; font-size:13px; color:#333;  }
.main_tb01 td.date {   font-size:12px; color:#666;  }
.main_tb01 td a { display:block; width:305px; height:22px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; }
.main_tb02 {margin:0 auto;}
.main_tb02 td {   padding:3px 10px; font-size:13px; color:#333;  }
.main_tb02 td.date {   font-size:12px; color:#666;  }
.main_r_l { width:230px; float:left;}
.main_r_r { width:230px;float:right;}
.main_notice_wrap { background:#f2f2f2; height:243px; overflow:hidden;}
.main_notice  { margin:0 0 0 18px;}
.main_notice li { width:100%; overflow: hidden; height:30px; line-height:30px; text-overflow: ellipsis;font-size:13px; color:#333; }
.ul_class li { border:1px solid #ccc; padding:20px 30px; margin-bottom:10px;}
.cls_head { border-bottom:1px solid #ddd; padding:0 0 10px 0}
.cls_name { font-size:16px; color:#06C; font-weight:500; display:inline-block; margin-left:10px;}

.board_list03 { border-collapse:collapse; margin:10px 0;}
.board_list03 td, .board_list03 th { border-bottom:1px dashed #ddd; text-align:left; font-size:13px; color:#444; padding:5px 10px;}
.board_list03 td { background:url(../image/icon_part.gif) center left no-repeat;}
.board_list03 th { background:url(../image/bullet_01.gif) center left no-repeat;}

.label_new { font-size:10px; display:inline-block; font-family:Arial, Helvetica, sans-serif; color:#fff; background:#F30; margin-left:10px; border-radius:7px; padding:1px 5px; line-height:14px;}

.board_contnent { padding:20px 10px; min-height:150px; border-bottom:1px solid #CCC; box-sizing: border-box; width: 100%;}
.board_contnent img { max-width:100%; height:auto;}
.board_ttl {background:#666; color:#fff; font-size:18px;   padding:3px 10px; text-align:center; margin:20px 0 0 0;}
.board_date { font-size:12px; color:#666; padding:10px; border-bottom:1px solid #ccc;}
.form_tb { border-collapse:collapse;}
.form_tb td, .form_tb th { padding:5px;}
.form_tb th { text-align:right; font-weight:500;}
.form_input {border:1px solid #999;height:31px;  color:#999; padding:0 5px; margin:0; box-sizing:border-box;font-size:12px; vertical-align:middle; line-height:31px;} 
.form_txtarea {border:1px solid #999; color:#999; padding:5px; margin:0; box-sizing:border-box;font-size:12px; vertical-align:middle; }

.teach_thumb img {width:180px; height:auto;}
 .find_wrap { border:1px solid #333; text-align:center; padding:20px 0;}
.find_wrap td {font-size:12px;  color:#333; text-align:left;}
.find_input { background:#fff; border:0; height:30px; width:205px; font-size:12px; font-weight:bold;  color:#000; border:1px solid #000; padding-left:10px; line-height:30px; }
.find_input2 {background:#fff; border:0; height:30px; width:51px; font-size:12px; font-weight:bold;  color:#000; padding-left:10px;border:1px solid #000; line-height:30px;}
.find_text {font-size:14px; color:#099; text-align:center; padding-top:15px;}
.find_btn { display:inline-block; text-align:center; width:72px; height:72px; padding:0; margin:0; line-height:72px; background:#16a5c2; color:#fff; font-size:14px;}
.find_btn:hover { color:#fff;}
.find_btn:visited { color:#fff;}

.join_btn_kid { height:200px; background:#09C; color:#FFF; font-size:18px; line-height:150%; font-weight:bold;  text-align:center; padding:30px 0;cursor:pointer}
.join_btn_ad { height:200px; background:#C33; color:#FFF; font-size:18px; line-height:150%; font-weight:bold;   padding:30px 0; cursor:pointer}
.info_tb { margin-top:50px;}
.info_tb td { line-height:150%;}
.info_tb .info_ttl { font-size:20px; color:#16a5c2; padding:10px 0;}
.msg_bg { background-color: rgba( 0, 0, 0, 0.5 ); width:100%; height:100%; position:fixed; top:0; left:0; text-align:center; z-index:99;}
.msg_box { width:600px; position:absolute; left:50%; top:50%; margin-top:-130px; margin-left:-300px; background:#fdebdf; padding:0 0 50px 0; font-size:35px; color:#c95057; z-index:100; border-radius:30px;box-shadow: 0px 5px 30px 0px #333333; text-align:center; letter-spacing:-2px;}
.msg_box .msg_icon { text-align:center; height:150px;background: url(../image/exclamation-mark.png) center center no-repeat; background-size:80px; margin-bottom:00px; border-radius:10px 10px 0 0; }

.ul_faq {}
.ul_faq { border-top:2px solid #14a5c0}
.ul_faq li { border:1px solid #ddd; border-radius:5px; margin:7px 0; }
.ul_faq li .q { font-size:14px; color:#333;   padding:15px 20px 15px 70px; cursor:pointer;transition: 0.3s ease; -webkit-transition: 0.3s ease; background:#f4f4f4 url(../image/Q.png) 20px 15px no-repeat; word-break: break-all;  word-wrap: break-word; border-radius:7px 7px 0 0 }
.ul_faq li .a { font-size:14px; color:#333;  padding:15px 20px 15px 70px;border-top:1px solid #ddd; display:none;  background:#ffffff url(../image/A.png) 22px 15px no-repeat; word-break: break-all;  word-wrap: break-word;border-radius: 0 0 7px 7px }
.ul_faq li .a img { max-width:100%;}
.no_data { text-align:center; font-size:15px; padding:50px 0;  }


/* 201903 main renewal*/
.mgt_20 { margin-top:20px !important;}
.mgt_10 { margin-top:10px !important;}
.top_area { border-bottom:2px solid #14a5c0; height:50px; background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); box-sizing: border-box;}
.navbar-collapse { background-color: #FFF; border-bottom: 1px #ccc solid; z-index: 999;}
.navbar-collapse.in {z-index: 999; position: relative;}
.top_area .navbar-nav > li > a { color: #000; font-size: 16px; font-weight: bold; letter-spacing: -1px; }
.top_area .navbar-nav > li > a:hover, .top_area .navbar-nav > li > a:focus {color:#14a5c0}
 

@media (min-width: 768px) { 
.top_area { border-bottom:2px solid #14a5c0; height:90px;  padding-top:20px;}
.top_area .navbar-nav > li > a { color: #000; font-size: 16px; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: transparent; color: #14a5c0;}
.navbar-collapse { background-color: transparent; border-bottom:0 none;}	
.nav > li > a {  padding: 10px 5px;}
.main_wrap { margin-top:20px;}
}
 
@media (min-width: 992px) {
 .nav > li > a {  padding: 10px 15px;}
.top_area .navbar-nav > li > a {  font-size: 17px; }	
.main_wrap { margin-top:30px;}
}
@media (min-width: 1200px) {
 .nav > li > a {  padding: 15px 20px;}
.top_area .navbar-nav > li > a {  font-size: 19px; }
.main_wrap { margin-top:40px;}
}

.top_nav_wrap { position:relative; padding-top:19px;}
.top_nav_wrap h1 { padding:0; margin:0; width:230px; float:left;}
.top_dep1 { width:720px; float:left; height:50px;}
.top_dep1 li { width:144px; float:left; display:block; text-align:center;height:72px; position:relative;  }
.top_dep1 li a {font-size:19px;   line-height:50px; font-weight:bold; transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;}
.top_dep1 li a:hover { color:#14a5c0}
.top_dep1 ul { display:none}
.top_dep2 { width:174px;clear:both; position:absolute; top:72px; left:-15px;background:#fff; border:1px solid #14a5c0; z-index:9999;  }

.top_dep2 li { clear:both; height: auto;text-align:left; padding:10px; border-bottom:1px solid #eee;  width:154px;}
.top_dep2 li a { font-size:14px; font-weight:normal; line-height:20px; display:block;}
.top_dep2 li a:hover { color:#14a5c0}
.top_dep2:after {content: "";position: absolute;top: -8px;left: 50%;z-index: 1000;border-bottom: 8px solid #14a5c0;border-left: 8px solid transparent;border-right: 8px solid transparent;margin-left: -8px;}

.top_btns { width:200px; float:right; text-align:right; margin-top:10px;}
.top_btns a { display:inline-block; background:#16a5c2; border-radius:4px; text-align:center; color:#fff; width:90px; height:30px; line-height:30px; font-size:14px;}
.top_btns a:hover { background:#0f8aa3}
.main_left2 { float:left; width:865px; }
.main_right1 { float:right; width:295px; }
.main_r_bns img { vertical-align:top;}
.bxslider_visual { margin-bottom: 20px; z-index: 1}
.bxslider_visual img { width:100%; height:auto; z-index: 0 }
.main_left2_b { float:left; width:865px; height:160px;}
.main_right1_b { float:right; width:295px; height:160px;}
.main_service_ul { border:1px solid #ccc; border-radius:5px; width:100%; height:100px; box-sizing: border-box; display:block; overflow:hidden; margin-top: 20px;}
.main_service_ul li { width:25%; height:100px; border-right:1px solid #e2e2e2; box-sizing: border-box; text-align:center; float:left; display:block;}
.main_service_ul li:last-child {border-right: 0 none;}
.main_service_ul li a { display:block; width:100%; height:100%; font-size:14px; font-weight: normal; color:#000; padding-top:55px; background-position:center 10px; background-repeat:no-repeat;box-sizing: border-box; background-size:42px; line-height: 1.2; letter-spacing: -1px;}
.main_service_01 a { background-image:url(../image/main_service_01.gif)}
.main_service_02 a { background-image:url(../image/main_service_02.gif)}
.main_service_03 a { background-image:url(../image/main_service_03.gif)}
.main_service_04 a { background-image:url(../image/main_service_04.gif)} 
.main_service_05 a { background-image:url(../image/main_service_05.gif)} 
.main_service_07 a { background-image:url(../image/main_service_07.gif)} 
.main_service_ul li a:hover { color:#16a5c2}
.main_news_wrap {border:1px solid #ccc; border-radius:5px; width:100%; height:160px; box-sizing: border-box; text-align:center; margin-top: 20px;}
.main_news_ttl { display:block; margin-top:5px;padding: 5px 10px; font-size: 16px;  font-weight: bold;  color: #000;  border-bottom: 1px solid #e2e2e2; text-align: left;}
.main_news_ttl a { font-size: 12px; font-weight: normal; color: #999; display: inline-block; margin-top: 3px;}
.main_news_ul { margin:10px 16px 0 16px;}
.main_news_ul li { text-align:left; height:25px; }
.main_news_ul li a {font-size:13px; color:#797979; line-height:25px; margin-left:3px; display:block;overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap; 
  width: 100%;
  height: 25px;}
.main_news_ul li a:before {content:"\2022 "; font-family:Arial, Helvetica, sans-serif;  color:#999}
.main_news_ul li a:hover { color:#16a5c2;}
.main_cs_wrap {border:1px solid #ccc; border-radius:5px; width:100%px; height:auto; box-sizing: border-box;}
.main_cs_box { width:100%;  }
.main_cs_inner { padding:15px  ;  box-sizing:border-box;font-size:16px;}
.main_cs_inner .label { color:#fff; display:inline-block; background:#999; border-radius:3px; padding:3px 5px;  margin:5px 10px 5px 0; font-size:12px;}
.main_cs_inner .value { font-size:24px; color:#09C; line-height:24px;}
.f_left a { display: inline-block; font-size:13px; color:#7e7e7e; line-height:50px;}
.f_left a:after {content:"|"; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#cfcfcf; margin:0 5px}
.f_left a.f_left_a:after { content:none}
.f_left a strong { color:#029ebd}
.f_left a:hover {color:#029ebd}
.top_time_wrap { display: block;}

.ul_news { border-top:2px solid #14a5c0}
.ul_news li { padding:20px 10px; border-bottom:1px solid #ddd; min-height:20px; position:relative; padding-right:10px}
.ul_news li .title { font-size:16px; color:#129BE2;   }
.title a { color:#0C628F; }
.ul_news li .reply {color:#333; padding-left:15px; margin-right:-20px; background:url(../image/bullet_re.gif) 0 10px no-repeat} 
.ul_news li .data { width:100%; position: relative; left:0px; top:0; text-align:right;}
.ul_news li { padding-right:10px}


.ul_news li .summery {   font-size:15px; color:#666; padding-top:10px;}
.ul_news li .category { font-size:14px; display:inline-block; margin-right:10px; color:#333;}
.ul_news li .date { font-size:14px; display:inline-block; margin-right:10px; color:#999;}
.ul_news li .from { color:#333;font-size:14px; display:inline-block; width: auto; text-align:center }
.ul_news li.no_data { padding:100px 0 20px 0;  }
.no_data { text-align:center; font-size:15px; padding:100px 0 20px 0; background-image: url("../image/icon_info.png"); background-position: center 20px; background-repeat: no-repeat;}
.ul_news li:hover { background-color:#f4f4f4; cursor:pointer;}
.txt_info1 { font-size: 12px;}

@media (min-width: 768px) {  
.top_time_wrap { display: none;}
.ul_news li { padding:20px 10px; border-bottom:1px solid #ddd; min-height:20px; position:relative; padding-right:100px }
.ul_news li .data { width:100px; position:absolute; left: auto; right:0px; top:20px; text-align:right;}
.ul_news li { padding-right:300px}
.ul_news_lg li .data {width:300px;  }
.ul_news li .from { color:#333;font-size:14px; display:inline-block; width:120px; text-align:center }
.txt_info1 { font-size: 14px;}
}
 
@media (min-width: 992px) { 
.bxslider_visual { margin-bottom: 0;}
.main_service_ul {  height:160px;}
.main_service_ul li {height:160px;}
.main_service_ul li a { background-position:center 20px; height:100%;  font-size:16px; font-weight: bold;background-size:84px; padding-top:110px;letter-spacing: 0;}
.main_news_wrap { margin-top:0;}
.main_cs_wrap {border:1px solid #ccc; border-radius:5px; width:100%px; height:160px; box-sizing: border-box;}
.main_cs_inner { padding:35px 0 0 510px; background:url(../image/main_cs_bn.png) 90px 30px no-repeat; height:150px;  box-sizing:border-box;font-size:16px;}
.main_cs_inner .label { color:#fff; display:inline-block; background:#999; border-radius:3px; padding:3px 5px;  margin:5px 10px 5px 0; font-size:16px;}
.main_cs_inner .value { font-size:26px; color:#09C; line-height:26px;}
.f_left a:after { margin:0 15px}
.top_time_wrap { display: none;}
	.txt_info1 { font-size: 16px;}
}
@media (min-width: 1200px) { 
.bxslider_visual img { width:100%; height:320px;  }
	.top_time_wrap { display: block;}
	.txt_info1 { font-size: 17px;}
}



.main_cs_ul { width:370px;  margin:5px auto 0 30px; float:left;}
.main_cs_ul li { border-bottom:1px solid #e2e2e2; box-sizing: border-box; text-align:left;   display:block; height:38px; background:url(../image/arrow_r.png) 345px center no-repeat}
.main_cs_ul li a { display:block; line-height:37px; font-size:16px; font-weight:bold; color:#777; padding-left:15px;}
.main_cs_ul li:last-child {border-bottom: 0 none;}
.main_cs_ul li a:hover {color:#16a5c2}


.foot_wrap { border-top:1px solid #ccc; margin-top:20px; clear:both;}
.foot_menu{ height:50px;   border-bottom:1px solid #e2e2e2; }
.f_left {   float:left;}

.f_right { float:right; }
.btn_f_r { height:31px; font-size:13px; color:#7e7e7e; display:block; border-radius:15px; border:1px solid #cfcfcf; margin-top:9px; line-height:31px; padding:0 30px 0 20px;  background:url(../image/arrow_r.png) 95% center no-repeat; }
.btn_f_r:hover {color:#029ebd}
.f_logo { margin: 15px 0;}
.f_logo img { max-width: 100%;}
.address { color:#aaaaaa; font-size:13px; line-height:150%; margin :20px 0;}
.address .divsion {font-size:12px;   color:#cfcfcf; margin:0 10px}
.body_p { padding:10px}

.main_sch_ul { border:1px solid #ccc; border-radius:5px; width:100%; height:160px; box-sizing: border-box; text-align:left; margin-top: 20px;}
.main_sch_title { padding:5px 10px; font-size:16px; font-weight: bold; color:#000;border-bottom: 1px solid #e2e2e2;}
.main_sch_txt { font-size:14px; padding:0 10px}
.main_sch_txt strong { color:#16a5c2; display:block; padding-top:10px;}
.top_clock { display: inline-block;   }
.top_clock_time { font-size:16px;}
.top_clock_txt { font-size:11px; color:#999;}
.main_login_wrap {    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    height: 190px;
    box-sizing: border-box;
    text-align: center;}
.mani_login_title { font-size:16px; font-weight:bold; padding:5px; text-align:center; border-bottom:1px solid #e2e2e2; margin-bottom:10px;}
.login_btns { font-size:12px; text-align:center; margin-top:15px;}
.login_btns a { display:inline-block; margin:0 10px; color:#999;}
.login_btns a:hover { color:#000;}
.main_form_wrap { margin:5px; }
.main_form_wrap label { display:inline-block; font-size:12px; width:60px; text-align:left;}
.main_form_wrap input { padding:5px; border-radius:3px; width:150px; box-sizing:border-box;}
.main_btn_login {    display: inline-block;
    background: #16a5c2;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    width:150px;
    height: 30px;
    line-height: 30px;
    font-size: 14px; margin-left:66px;}
.main_login_box { padding:70px 0 10px 0; background:url(../image/icon_login.png) center 10px no-repeat;}
.main_login_box strong { font-size:18px;  }

.body_h4 { text-align:center; margin:10px 0; font-size:19px; font-weight:bold}

.table_01 { border-collapse:collapse; border-left:1px solid #cbcbcb; border-top:1px solid #cbcbcb;}
.table_01 th {font-size:12px; font-weight:normal; color: #666; border-bottom:1px solid #cbcbcb;  border-right:1px solid #cbcbcb; padding:10px 5px 10px 5px;  background:#f8f8f8 }
.table_01 td {font-size:12px; color: #666; border-bottom:1px solid #cbcbcb; padding:5px 0 5px 5px; border-right:1px solid #cbcbcb;  }

.table_02 { border-collapse:collapse; border-left:1px solid #000; border-top:1px solid #000;}
.table_02 th {  font-weight:normal; color: #000; border-bottom:1px solid #000;  border-right:1px solid #333; padding:7px 5px 7px 5px;    }
.table_02 td { color: #000; border-bottom:1px solid #000; padding:2px 0 2px 2px;  border-right:1px solid #333;  }
.table_11 td, .table_11 th { font-size:11pt;}

.print_01 { border-collapse:collapse; border-left:1px solid #333; border-top:1px solid #333;}
.print_01 th {font-size:11px; font-weight:normal; color: #000; border-bottom:1px solid #333;  border-right:1px solid #333; padding:7px 5px 7px 5px;    }
.print_01 td {font-size:12px; color: #000; border-bottom:1px solid #333; padding:2px 0 2px 2px;  border-right:1px solid #333;  }

.form_wrap input { border:1px solid #b6b6b6; height:25px; padding:0 0 0 5px; box-sizing: content-box;line-height:25px; }
.form_wrap select { border:1px solid #b6b6b6;height:25px; box-sizing: content-box; line-height:25px;}

.left_service_ul { margin-top:20px;border: 1px solid #ccc;     border-radius: 5px; height:200px;}
.left_service_ul li {
    width: 50%;
    height: 100px;
    border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    text-align: center;
    float: left;
    display: block;
}
.left_service_ul li.left_service_02, .left_service_ul li.left_service_04  {border-right: 0 none; }
.left_service_ul li.left_service_03, .left_service_ul li.left_service_04 {border-bottom: 0 none; }
.left_service_ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    padding-top: 60px;
    background-position: center 10px;
    background-repeat: no-repeat;
    box-sizing: border-box ;
	background-size:50px;
}
.left_service_ul li a:hover { color:#16a5c2}
.left_service_01 a {
    background-image: url(../image/main_service_01.gif);
}
.left_service_02 a {
    background-image: url(../image/main_service_02.gif);
}
.left_service_03 a {
    background-image: url(../image/main_service_03.gif);
}
.left_service_04 a {
    background-image: url(../image/main_service_04.gif);
}



.content_body { padding-bottom:70px;}


.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }


.myButton {
	box-shadow: inset 0px 1px 0px 0px #54a3f7;
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color: #007dc1;
	border-radius: 3px;
	border: 1px solid #124d77;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 16px;
	padding: 10px 10px;
	text-decoration: none;
}
.myButton:hover { color: #fff !important;}
.myButton:active {
	position: relative;
	top: 1px;
}

	.pass_h1 { text-align: center; padding: 10px;}
	.pass_h1 img { max-width: 250px; height: auto}
	.pass_h2 {text-align: center; padding: 10px; font-size: 24px; font-weight: bold; background-color: #007dc1; color: #fff; font-weight: normal; border-radius: 5px; margin: 30px 0;}
	.form_table { margin: 0 auto}
	.form_table td, .form_table th { padding: 5px; font-size: 16px; font-weight: normal}
	.form_table td input { border: 1px solid #ddd; padding: 5px 10px; font-size: 16px;}
.pass_info1 { padding:20px; background: #f3f3f3; border-radius: 10px; font-size: 16px;}
.pass_info2 { padding:15px 10px;;  font-size: 14px; line-height: 1.5}