@charset "utf-8";
/* CSS Document */

@import url('common.css');
@import url('topmenu.css');
@import url('submenu.css');
@import url('modal.css');

/*
@import url("/module/css/button.css");
@import url("/module/css/board.css");
@import url("/module/css/module_board.css");
@import url("/module/css/name_chck.css");
*/

@import url('/assets/css/button.css');
@import url('/assets/css/board.css');
@import url('/assets/css/oz_board.css');

@font-face {
  font-family: nanum;
  src: url(../font/NanumGothic.eot);
}
body {
  font-family: Nanum Gothic;
}
div {
  font-family: Nanum Gothic;
}
.ml10{margin-left:10px!important}
.ml20{margin-left:20px!important}

/*레이아웃*/
#wrapper {
  background: url(/image/common/bg_sub.png) left top repeat-y;
}
#container {
  overflow: hidden;
  margin-top: 5px;
}
#left {
  float: left;
  width: 186px;
  padding: 0 22px 0 0;
}
#right {
  float: right;
  width: 750px;
  position: relative;
  padding-left: 22px;
}
#ctt_wrapper {
  padding: 0 0 50px 0;
  position: relative;
  width: 750px;
  line-height: 160%;
  min-height: 400px;
}
#ctt_wrapper h4 ,#right h4{
  clear: both;
  margin: 20px 0 10px 0;
  font-size:20px;
}

#ctt_wrapper h5 ,#right h5{
  clear: both;
  margin: 20px 0 10px 0;
  font-size:18px;
}

#ctt_wrapper .h4 {
  background: url(../../image/common/h4.png) no-repeat left 3px;
  padding-left: 20px;
  clear: both;
  margin: 20px 0 10px 0;
  color: #4562b9;
  font-size: 16px;
  font-weight: bold;
}
#ctt_wrapper .h4 span {
  font-size: 13px;
  color: #f30;
}

#ctt_wrapper h5 {
  clear: both;
  margin: 0 0 10px 10px;
}

.ctt_wrap {
  padding: 0 0 50px 0;
  position: relative;
  min-height: 400px;
}
.ctt_wrap .h4 {
  background: url(../../image/common/h4.png) no-repeat left center;
  padding-left: 20px;
  clear: both;
  margin: 20px 0 15px 0;
  color: #4562b9;
  font-size: 15px;
  font-weight: bold;
}
.ctt_wrap .h4 span {
  font-size: 13px;
  color: #f30;
}

#left h2 {
  background: url(/image/common/bg_stit.png) no-repeat 0 23px;
  width: 186px;
  height: 125px;
  padding: 55px 0 0 0;
  font-size: 25px;
  font-weight: 800;
  color: #404548;
  letter-spacing: -0.06em;
  word-break: keep-all;
  line-height: 120%;
}
#search_wrapper {
  margin-top: 10px;
}

/*타이틀*/

#right .tit_bg01 {
  background: url('/image/gginfra/bg_tit.png') no-repeat top right;
  height: 140px;
  width: 750px;
  position: relative;
  border-bottom: 1px solid #dbeaf6;
  margin-bottom: 40px;
}

#right .tit_bg01 h3,
#right .tit_bg02 h3,
#right .tit_bg03 h3,
#right .tit_bg04 h3,
#right .tit_bg05 h3,
#right .tit_bg06 h3,
#right .tit_bg07 h3,
#right .tit_bg08 h3 {
  position: absolute;
  top: 65px;
  left: 0px;
  font-size: 38px;
  color: #424242;
  font-weight: 700;
  letter-spacing: -0.05em;
}

#right .tit_bg01 div,
#right .tit_bg02 div,
#right .tit_bg03 div,
#right .tit_bg04 div,
#right .tit_bg05 div,
#right .tit_bg06 div,
#right .tit_bg07 div,
#right .tit_bg10 div {
  position: absolute;
  top: 5px;
  left: 5px;
}
#right .tit_Area {
  position: relative;
  width: 750px;
  height: 35px;
}
#right .tit_Area .navi {
  color: #666666;
  font-size: 8pt;
  position: absolute;
  top: 10px;
  right: 5px;
}
#right .tit_Area .navi span {
  color: #6074ae;
  font-weight: bold;
}

#right .tit_Area_contest {
  position: relative;
  width: 750px;
  height: 35px;
}
#right .tit_Area_contest .navi {
  color: #666666;
  font-size: 8pt;
  position: absolute;
  top: 10px;
  right: 5px;
}
#right .tit_Area_contest .navi span {
  color: #6074ae;
  font-weight: bold;
}

#right #module_board .mg_top_20 {
  margin-top: 20px;
}

#right h4 img {
  max-width: none;
}

/*a 새창*/

/*tab*/
#tab {
  overflow: hidden;
  width: 750px;
  border-bottom: 2px solid #3c8dc5;
}
#tab li {
  float: left;
  width: 370px;
  margin-left: 5px;
}
#tab li:first-child {
  margin-left: 0;
}
#tab li a {
  display: block;
  text-align: center;
  font-size: 15px;
  color: #454545;
  background: #eeeeee;
  padding: 8px 0;
  text-decoration: none;
}
#tab li .on {
  font-weight: bold;
  color: #fff;
  font-weight: bold;
  background: #3c8dc5;
}

/* #tab2 {
  overflow: hidden;
  border-bottom: 2px solid #3c8dc5;
}
#tab2 li {
  float: left;
  width: 245px;
  margin-left: 5px;
}
#tab2 li:first-child {
  margin-left: 0;
}
#tab2 li a {
  display: block;
  text-align: center;
  font-size: 15px;
  color: #454545;
  background: #eeeeee;
  padding: 8px 0;
  text-decoration: none;
}
#tab2 li .on {
  font-weight: bold;
  color: #fff;
  font-weight: bold;
  background: #3c8dc5;
}
#tab2:after {
  display: block;
  content: '';
  clear: both;
} */
/* #tab4{overflow:hidden;border-bottom:2px solid #3c8dc5;margin-bottom:20px;}
#tab4 li{float:left;width:24.45%;margin-left:5px;}
#tab4 li:first-child{margin-left:0}
#tab4 li a{display:block;text-align:center;font-size:14px;color:#454545;background:#eeeeee;padding:8px 0;text-decoration:none;}
#tab4 li .on{font-weight:bold;color:#fff;font-weight:bold;background:#3c8dc5;} */

#tab5 {
  overflow: hidden;
  border-bottom: 2px solid #3c8dc5;
}
#tab5 li {
  float: left;
  width: 19.45%;
  margin-left: 5px;
}
#tab5 li:first-child {
  margin-left: 0;
}
#tab5 li a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #454545;
  background: #eeeeee;
  padding: 8px 0;
  text-decoration: none;
}
#tab5 li .on {
  font-weight: bold;
  color: #fff;
  font-weight: bold;
  background: #3c8dc5;
}

#tab4 *,#tab2 * ,#tab3 * {
  box-sizing: border-box;
}
#tab4,#tab2,#tab3 {
  display: flex;
  border-bottom: 2px solid #3c8dc5;
  margin-bottom: 20px;
  box-sizing: border-box;
  gap: 2px;
  justify-content: space-between;
}
#tab4 li a,#tab2 li a ,#tab3 li a{
  word-break: keep-all;
  text-align: center;
  font-size: 14px;
  color: #454545;
  background: #eeeeee;
  padding: 8px 0;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
#tab4 li {
  width: 25%;
}

#tab2 li {
  width: 50%;
}

#tab3 li {
  width: 33.3%;
}

#tab4 li .on,#tab2 li .on,#tab3 li .on {
  font-weight: bold;
  color: #fff;
  font-weight: bold;
  background: #3c8dc5;
}

/*테이블 데이타*/
.table_data {
  margin-bottom: 20px;
}
.table_data table {
  border-collapse: collapse;
  border-top: 2px solid #7f9ec7;
}
.table_data th {
  border-left: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  background: #efefef;
  text-align: center;
  font-weight: bold;
  padding: 8px 8px 8px 10px;
  line-height: 160%;
}
.table_data td {
  border-left: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  text-align: left;
  padding: 8px 8px 8px 10px;
  line-height: 160%;
}
.table_data td:first-child,
.table_data th:first-child {
  border-left: none;
}
.table_data .noline_right {
  border-right: none;
}
.table_data .noline_left {
  border-left: none;
}
.table_data .line_right {
  border-right: 1px solid #c1c1c1;
}
.table_data .line_left {
  border-left: 1px solid #c1c1c1 !important;
}
.table_data .line_all {
  border: 1px solid #c1c1c1;
}
.table_data .th_2dth {
  background-color: #f8f8f8;
}
.table_data .txt_ct {
  text-align: center;
}
.table_data .txt_rgt {
  text-align: right;
}
.table_data td ul {
  vertical-align: top;
}
.table_data li {
  background: url(/image/common/dot_03.gif) no-repeat 0 5px;
  padding-left: 10px;
  margin-bottom: 8px;
}
.table_data dt {
  background: url(/image/common/dot_03.gif) no-repeat 0 5px;
  padding-left: 10px;
  margin-bottom: 3px;
  font-weight: bold;
}
.table_data dd {
  margin-bottom: 8px;
  padding-left: 10px;
}
.table_data .nomg {
  margin: 0;
}
.table_data input,
.table_data label,
.table_data img {
  vertical-align: middle;
}

.table_data2 {
  margin-bottom: 20px;
}
.table_data2 table {
  border-collapse: collapse;
  border-top: 2px solid #7f9ec7;
}
.table_data2 th {
  border-left: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  background: #efefef;
  text-align: center;
  font-weight: bold;
  padding: 8px 8px 8px 10px;
  line-height: 160%;
}
.table_data2 td {
  border-left: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  text-align: left;
  padding: 8px 8px 8px 10px;
  line-height: 160%;
}
.table_data2 td:first-child,
.table_data th:first-child {
  border-left: none;
}
.table_data2 .noline_right {
  border-right: none;
}
.table_data2 .noline_left {
  border-left: none;
}
.table_data2 .line_right {
  border-right: 1px solid #c1c1c1;
}
.table_data2 .line_left {
  border-left: 1px solid #c1c1c1 !important;
}
.table_data2 .line_all {
  border: 1px solid #c1c1c1;
}
.table_data2 .th_2dth {
  background-color: #f8f8f8;
}
.table_data2 .txt_ct {
  text-align: center;
}
.table_data2 .txt_rgt {
  text-align: right;
}
.table_data2 td ul {
  vertical-align: top;
}
.table_data2 li {
  background: url(/image/common/dot_03.gif) no-repeat 0 5px;
  padding-left: 10px;
  margin-bottom: 8px;
}
.table_data2 dt {
  background: url(/image/common/dot_03.gif) no-repeat 0 5px;
  padding-left: 10px;
  margin-bottom: 3px;
  font-weight: bold;
}
.table_data2 dd {
  margin-bottom: 8px;
  padding-left: 10px;
}
.table_data2 .nomg {
  margin: 0;
}
.table_data2 input,
.table_data label,
.table_data img {
  vertical-align: middle;
}
.table_data2 td a {
  background: url('/image/common/ic_new_window.gif') no-repeat right 1px;
  color: #0f4b74;
  padding-right: 20px;
}

/*테이블 데이타*/
.table_data_ct {
  margin-bottom: 20px;
}
.table_data_ct table {
  border-collapse: collapse;
  border-top: 2px solid #7f9ec7;
}
.table_data_ct th {
  border-left: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  background: #efefef;
  text-align: center;
  font-weight: bold;
  padding: 8px 8px 8px 10px;
  line-height: 160%;
}
.table_data_ct td {
  border-left: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  text-align: center;
  padding: 8px 8px 8px 10px;
  line-height: 160%;
}
.table_data_ct td:first-child,
.table_data_ct th:first-child {
  border-left: none;
}
.table_data_ct .txt_lf {
  text-align: left;
}
.table_data_ct .txt_rt {
  text-align: right;
}
.table_data_ct .txt_nb {
  font-weight: normal;
}
.table_data_ct .noline_right {
  border-right: none;
}
.table_data_ct .noline_left {
  border-left: none;
}
.table_data_ct .line_right {
  border-right: 1px solid #c1c1c1;
}
.table_data_ct .line_left {
  border-left: 1px solid #c1c1c1 !important;
}
.table_data_ct .line_all {
  border: 1px solid #c1c1c1;
}
.table_data_ct .th_2dth {
  background-color: #f8f8f8;
}
.table_data_ct .txt_ct {
  text-align: center;
}
.table_data_ct td ul {
  vertical-align: top;
}
.table_data_ct li {
  background: url(/image/common/dot_03.gif) no-repeat 0 5px;
  padding-left: 10px;
  margin-bottom: 8px;
}
.table_data_ct dt {
  background: url(/image/common/dot_03.gif) no-repeat 0 5px;
  padding-left: 10px;
  margin-bottom: 3px;
  font-weight: bold;
}
.table_data_ct dd {
  margin-bottom: 8px;
  padding-left: 10px;
}
.table_data_ct .nomg {
  margin: 0;
}
.table_data_ct input,
.table_data img {
  vertical-align: middle;
}

.sm_table {
  margin: 10px 0;
}
.sm_table table {
  border-collapse: collapse;
  border-top: 1px solid #7f9ec7;
}
.sm_table th {
  border-left: 1px solid #446ca1;
  border-bottom: 1px solid #446ca1;
  background: #7f9ec7;
  text-align: center;
  font-weight: bold;
  padding: 5px;
  line-height: 160%;
  color: #fff;
}
.sm_table td {
  border-left: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
  text-align: left;
  padding: 5px;
  text-align: center;
  line-height: 160%;
}
.sm_table td:first-child,
.table_data th:first-child {
  border-left: none;
}

textarea,
select {
  border: 1px solid #ccc;
}

/*소타이틀*/
.tit_txt {
  background: url(/image/common/dot_01.gif) no-repeat 0 3px;
  padding-left: 20px;
  font-weight: bold;
  color: #5872bc;
  line-height: 160%;
  margin-left: 15px;
}
.tit_txt_01 {
  background: url(/image/common/dot_01.gif) no-repeat 0 3px;
  padding-left: 20px;
  font-weight: bold;
  color: #5872bc;
  line-height: 160%;
  margin-left: 5px;
  margin-bottom: 3px;
}

/*리스트*/
.list_01 {
  margin-left: 15px;
  margin-top: 10px;
}
.list_01 li {
  background: url(/image/common/dot_02.gif) no-repeat 0 2px;
  padding-left: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.list_01 li p {
  font-weight: normal;
  margin-top: 5px;
}

.list_02 {
  margin-left: 15px;
  margin-top: 3px;
}
.list_02 li {
  background: url(/image/common/dot_03.gif) no-repeat 0 8px;
  padding-left: 10px;
  margin-bottom: 5px;
  line-height: 170%;
}
.list_02 li ul li {
  background: none;
}

.list_03 {
  margin-left: 10px;
  margin-top: 5px;
}
.list_03 li {
  background: url(/image/common/dot_02.gif) no-repeat 0 4px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.list_03 li ul {
  margin-top: 5px;
}
.list_03 li ul li {
  background: url(/image/common/dot_03.gif) no-repeat 0 6px;
  padding-left: 10px;
  margin-bottom: 2px;
  line-height: 170%;
}

.list_blue01 {
  margin: 10px 0;
}
.list_blue01 li {
  background: url(/image/common/dot_03_blue.gif) no-repeat 0 4px;
  padding-left: 10px;
  margin-bottom: 5px;
}

.list_blue02 {
  margin: 10px 0;
}
.list_blue02 li {
  background: url(/image/common/dot_03_blue.gif) no-repeat 0 4px;
  padding-left: 10px;
  margin-bottom: 5px;
}

.list_violet {
  margin: 10px 0;
}
.list_violet li {
  background: url(/image/common/dot_03_violet.gif) no-repeat 0 4px;
  padding-left: 10px;
  margin-bottom: 5px;
}

.list_04 {
  margin-left: 5px;
  margin-top: 10px;
}
.list_04 dt {
  background: url(/image/common/dot_02.gif) no-repeat 0 4px;
  padding-left: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
  color: #5871bb;
  font-size: 15px;
}
.list_04 dd {
  background: url(/image/common/dot_03.gif) no-repeat 0 8px;
  padding-left: 10px;
  padding-bottom: 5px;
  line-height: 170%;
  margin-left: 10px;
}

.list_05 {
  margin-left: 5px;
  margin-top: 10px;
}
.list_05 dt {
  background: url(/image/common/dot_02.gif) no-repeat 0 2px;
  padding-left: 20px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
  color: #5871bb;
}
.list_05 dd {
  padding-left: 10px;
  padding-bottom: 5px;
  line-height: 170%;
  margin-left: 10px;
}

.list_arr {
  margin: 10px 0 0 20px;
}
.list_arr li {
  background: url(../../image/common/dot_07.png) no-repeat left 5px;
  padding-left: 20px;
  line-height: 160%;
  font-size: 15px;
  margin-bottom: 5px;
}
.list_arr li ul {
  margin: 5px 0;
}
.list_arr li ul li {
  background: url(/image/common/dot_02.gif) no-repeat 0 8px;
  padding-left: 15px;
  margin-bottom: 2px;
  line-height: 170%;
  font-size: 13px;
}

.list_arr2 {
  margin: 10px 0 0 10px;
}
.list_arr2 li {
  background: url(../../image/common/dot_07.png) no-repeat left 5px;
  padding-left: 20px;
  line-height: 160%;
  font-size: 15px;
  margin-bottom: 5px;
  font-size: 13px;
  letter-spacing: -0.05em;
}

.lidt_dl {
  margin: 10px 0 0 20px;
}
.lidt_dl dt {
  font-weight: bold;
}
.lidt_dl dd {
  margin-bottom: 10px;
  margin-left: 15px;
}

/*도트*/
.arr_01 {
  background: url(/image/common/dot_02.gif) no-repeat 0 0;
  padding-left: 15px;
}

/*문장들여쓰기*/
.h4_p {
  padding-left: 23px;
  line-height: 170%;
  margin-top: 5px;
}
.h5_p {
  padding-left: 23px;
  line-height: 170%;
  margin-top: 5px;
}

/*박스*/
.box_01 {
  border: 4px solid #1d8dcc;
  background: url(/image/tenant/box_bg.gif) no-repeat;
  width: 737px;
  height: 102px;
  position: relative;
}
.box_tit {
  padding: 20px 0 0 130px;
}
.box_01 p {
  padding: 5px 0 0 130px;
  line-height: 160%;
}
.box_bt01 {
  position: absolute;
  top: 30px;
  right: 20px;
}

.box_rule {
  border: 4px solid #1d8dcc;
  width: 742px;
  height: 102px;
  overflow: scroll;
  overflow-x: hidden;
}
.box_rule2 {
  border: 1px solid #1d8dcc;
  width: 742px;
  height: 200px;
  overflow: scroll;
  overflow-x: hidden;
    padding: 0 20px;
  box-sizing: border-box;
}
.rule_ok {
  background: #ecf2f9;
  padding: 5px;
}
.rule_ok label,
.rule_ok input {
  vertical-align: middle;
}

.box_blue {
  border: 4px solid #4b9cd7;
  padding: 20px;
  line-height: 170%;
}
.box_green {
  border: 4px solid #6dbca3;
  padding: 20px;
  line-height: 170%;
}

.box_doc3 {
  background: url(/image/support/bg_doc.png) 10px 5px no-repeat;
  padding-left: 150px;
  height: 140px;
}
.box_doc2 {
  background: url(/image/support/bg_doc2.png) 10px 5px no-repeat;
  padding-left: 150px;
  height: 75px;
}
.box_doc {
  background: url(/image/support/bg_doc.png) 10px 5px no-repeat;
  padding-left: 150px;
  height: 75px;
}
.box_doc .tit,
.box_doc2 .tit {
  font-size: 17px;
  font-weight: bold;
  color: #4b9cd7;
  margin-bottom: 15px;
}
.box_doc a,
.box_doc2 a {
  color: #f30;
  font-weight: bold;
}

/****************회원정보*******************/

.tbl-join *{box-sizing:border-box}
.tbl-join .btn{height:34px}

.box_b {
  border: 4px solid #4b9cd7;
  padding: 20px;
  line-height: 170%;
  position: relative;
  overflow: hidden;
}
#ctt_wrapper .box_b:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.box_b:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.pic_login {
  background: url(../../image/member/bg_login.png) 20px top no-repeat;
  padding-left: 230px;
  height: 200px;
}
.loginArea {
  width: 480px;
  height: 210px;
  position: relative;
  top: 10px;
}

.loginArea div{margin-bottom:30px}
.loginArea div:after{display:block;content:'';clear:both}

.loginArea label {
  display: block;
  float: left;
  width: 80px;
  font-size: 15px;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
  clear: both;
  line-height: 34px;
  vertical-align: middle;
}
.loginArea input {
  display: block;
  float: left;
  border: 1px solid #808080;
  width: 220px;
  height: 30px;
  margin-bottom: 10px;
  color: #4b9cd7;
  font-weight: bold;
}
.loginArea .bt_login {
  border: 0;
  width: auto;
  height: auto;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #3d5c9c;
  color: #fff;
  width: 120px;
  height: 82px;
  text-align: center;
  font-size: 17px;
  border-radius: 3px;
}

.login_btArea {
  border-top: 1px solid #4b9cd7;
  clear: both;
  
  padding: 20px 0 0 20px;
  width: 100%;
    display: flex;
  justify-content: space-around;
}

.login_btArea a {
  display: flex;
  background: #f5f5f5;
  min-width: 220px;
  padding: 10px 0;
  align-items: center;
  border-radius: 5px;
  justify-content: center;
  border: 1px solid #ddd;
}


.join_btArea {
  border-top: 1px solid #4b9cd7;
  clear: both;
  padding: 10px 0 0 0;
  text-align: center;
  margin-top: 20px;
}

.joinbt_Area {
  border-top: 1px solid #ccc;
  margin-top: 40px;
  padding-top: 20px;
  text-align: center;
}
.joinbt_Area a {
  padding: 0 10px;
}

/*step*/
.tab_step {
}
.tab_step {
  height: 73px;
  overflow: hidden;
  margin-bottom: 15px;
}
.tab_step li {
  float: left;
  display: inline;
}
.tab_step li span {
  display: block;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  background: url(/image/member/step.gif) no-repeat 0 0;
}

.tab_step .join_step01 span {
  background-position: 0 0;
  width: 186px;
  height: 74px;
}
.tab_step .join_step02 span {
  background-position: -186px 0;
  width: 186px;
  height: 74px;
}
.tab_step .join_step03 span {
  background-position: -372px 0;
  width: 186px;
  height: 74px;
}
.tab_step .join_step04 span {
  background-position: -558px 0;
  width: 186px;
  height: 74px;
}

.tab_step .join_step01 .onhover {
  background-position: 0 -73px;
}
.tab_step .join_step02 .onhover {
  background-position: -186px -73px;
}
.tab_step .join_step03 .onhover {
  background-position: -372px -73px;
}
.tab_step .join_step04 .onhover {
  background-position: -558px -73px;
}

.jbox_lf {
  width: 360px;
  float: left;
}
.jbox_rgh {
  width: 360px;
  float: right;
}

.join_option_right {
  border-left: 1px solid #e5e5e5;
  float: right;

  width: 50%;
  padding: 20px 0 20px 20px;
}

.join_option_left {
  float: left;
  position: relative;
  vertical-align: middle;
  width: 44%;
  padding: 20px 0;
}

.join_option_left img {
  vertical-align: middle;
}

.box_info {
  background: none repeat scroll 0 0 #f8fafc;
  border: 1px solid #cad6e5;
  color: #3b5998;
  line-height: 160%;
  padding: 20px;
  word-break:keep-all
}

.join_option_right .iText {
  position: relative;
  padding: 0 4px;
  margin: 3px 0;
  border: 1px solid #87abc6;
  background: #f6fcff;
  color: #0c62a3;
  font-weight: bold;
}
.join_option_right .iLabel {
  display: block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  float: left;
  width: 90px;
  position: static;
  top: 15px;
  left: 5px;
  color: #333;
  font-weight: bold;
  z-index: 100;
  margin: 3px 0;
}
.join_option_right .iText {
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  height: 25px;
  font-size: 13px;
}

.join_caution {
  font-size: 15px;
  color: #395695;
  font-weight: bold;
  text-align: center;
}
.join_caution2 {
  font-size: 15px;
  color: #f94000;
  font-weight: bold;
  text-align: center;
}

.join_fin{
	font-size:16px;
	font-weight:300;
	letter-spacing:-0.08em;
	margin:30px 0 10px;
	word-break:keep-all
	}
.join_fin strong{	
	font-size:25px;
	display:block;
	margin-bottom:20px;
	font-weight:300
   }

.join_fin strong span{font-weight:700}


#tab3.mypage_tab{display:none}

#ctt_wrapper .rule h4 {
  color: #3c8dc5;
  font-weight: bold;
  font-size: 16px;
  padding-top: 10px;
}
#ctt_wrapper .rule h5 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 20px;
  margin-left: 0;
}
#ctt_wrapper .rule p {
  line-height: 1.6;
}
#ctt_wrapper .rule ol {
  margin-left: 20px;
}
#ctt_wrapper .rule ol,
.rule li {
  list-style-type: decimal;
}
#ctt_wrapper .rule li {
  line-height: 1.6;
  margin-bottom: 3px;
}
#ctt_wrapper .rule ol li ol {
  margin-top: 5px;
}
#ctt_wrapper .rule ol li ol li {
  list-style-type: decimal-leading-zero;
}

.ctt_wrap .rule h4 {
  color: #3c8dc5;
  font-weight: bold;
  font-size: 16px;
  padding-top: 10px;
}
.ctt_wrap .rule h5 {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 20px;
  margin-left: 0;
}
.ctt_wrap .rule p {
  line-height: 1.6;
}
.ctt_wrap .rule ol {
  margin-left: 20px;
}
.ctt_wrap .rule ol,
.rule li {
  list-style-type: decimal;
}
.ctt_wrap .rule li {
  line-height: 1.6;
  margin-bottom: 3px;
}
.ctt_wrap .rule ol li ol {
  margin-top: 5px;
}
.ctt_wrap .rule ol li ol li {
  list-style-type: decimal-leading-zero;
}

.equip_ctt {
  background: #f9fafb;
  border: 1px solid #819eb3;
  color: #18415e;
  line-height: 160%;
  padding: 15px;
  width: 100%;
  height: 200px;
  overflow: auto;
  box-sizing: border-box;
}
.table_layout {
  width: 100%;
}
.table_layout table {
  border-top: 2px solid #819eb3;
  border-bottom: 1px solid #819eb3;
  border-collapse: collapse;
}
.table_layout th {
  border-top: 1px solid #819eb3;
  border-bottom: 1px solid #819eb3;
  background: #f9fafb;
  color: #3e799f;
  font-weight: bold;
  height: 25px;
}
.table_layout td {
  border-bottom: 1px solid #819eb3;
  padding: 8px 5px;
  line-height: 160%;
}
.table_layout .txt_center {
  text-align: center;
}
.table_layout .txt_left {
  text-align: left;
}
.table_layout .noline {
  border: 0;
}

/*다운로드*/
.downArea {
  border-top: 1px solid #8abae8;
  margin: 20px 0;
  overflow: hidden;
}
.downArea li {
  border-bottom: 1px solid #8abae8;
  padding: 8px 3px 8px 15px;
  background: url(/center/image/common/dot_06.jpg) left 18px no-repeat;
  font-weight: bold;
  overflow: hidden;
}
.downArea li span {
  float: left;
  display: block;
}
.downArea a {
  float: right;
  display: block;
}

/*사진*/
.bizArea {
  position: relative;
  background: url(/image/common/dot_col.gif) left top repeat-x;
  padding-top: 40px;
  padding-bottom: 40px;
}
.bizArea:first-child {
  background: none;
  padding-top: 0;
}
.biz_pic {
  float: right;
  position: absolute;
  right: 0;
  top: 30px;
  padding-left: 10px;
}

/*사이트맵*/
.sitemap {
  overflow: hidden;
}
.sitemap dl {
  background: url(/image/sitemap/site_bg.gif) no-repeat bottom;
  width: 193px;
  padding-bottom: 20px;
  float: left;
  margin: 0 20px;
  min-height: 200px;
}
.sitemap dl dt {
  background: url(/image/sitemap/bg_map_tit.png) left top no-repeat;
  width: 178px;
  height: 32px;
  padding: 15px 0 0 15px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.sitemap dl dd {
  margin-left: 15px;
  margin-top: 5px;
}
.sitemap dl dd ul {
  margin-left: 12px;
  margin-bottom: 10px;
}
.sitemap dl dd ul li {
  margin-bottom: 5px;
}

/* 김수연 -2016-08-10 */

#module_board .search_Area .research {
  padding-top: 5px;
  padding-left: 100px;
  text-align: left;
  font-size: 15px;
}
#module_board .search_Area .research label {
  margin: 0 0 0 5px;
  font-weight: bold;
  color: #40b3df;
}
#snsArea {
  overflow: hidden;
}
#snsArea li {
  float: right;
  margin-left: 5px;
}

.checkArea {
  position: absolute;
  top: 15%;
  left: 45%;
  width: 280px;
  height: 150px;
  border: 3px solid #000;
  background: #f6f6f6;
  text-align: center;
}
.chkText {
  padding: 15px;
  line-height: 2.2em;
}
.chkText p {
  margin-bottom: 10px;
}
.loginArea .telArea {
  float: left;
}
.loginArea .telArea input,
.loginArea .email_Area input {
  clear: both;
  float: none;
  display: inline-block;
}
.loginArea .email_Area {
  display: block;
  float: left;
}
.loginArea .email_Area input,
.loginArea .email_Area label {
  vertical-align: middle;
}
.loginArea .email_Area .mailLabel:not(.loginArea) {
  clear: both;
  float: right;
  width: 70px;
}

/*장비평가 _ 2017-05-25_ksy*/
#equipment_assess {
  border: 1px solid #d2d2d2;
  background: #f5f7f9;
  position: relative;
  margin-bottom: 10px;
}
#equipment_assess .assess_tit {
  position: relative;
  background: url(/image/equip_search/assess_tit.png) 10px 8px no-repeat #fff;
  padding: 5px 5px 5px 35px;
  height: 25px;
  font-size: 13px;
  color: #3684bf;
  font-weight: bold;
}
#equipment_assess .assess_Area {
  background: #f5f7f9;
  padding: 15px;
  overflow: hidden;
}
#equipment_assess .assess_Area li span {
  float: left;
  background: url(/image/equip_search/dot_blue.png) 0 10px no-repeat;
  padding-left: 13px;
  height: 30px;
  line-height: 130%;
  padding-top: 5px;
  box-sizing: border-box;
}
#equipment_assess .assess_Area li {
  overflow: hidden;
}
#equipment_assess .assess_Area p {
  float: right;
  width: 365px;
  height: 30px;
  vertical-align: middle;
  padding-top: 0px;
  box-sizing: border-box;
}

.assess_Area input,
.assess_Area label {
  vertical-align: middle;
  cursor: pointer;
}
#equipment_assess .assess_Area a {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 12px;
  padding: 0 10px;
}

.assess_result {
  border: 1px solid #d2d2d2;
  background: #f5f7f9;
  position: relative;
  width: 240px;
  margin-top: 10px;
}
.ass_rst_tit {
  background: url(/image/equip_search/ic_man.png) 10px 8px no-repeat #fff;
  padding: 5px 5px 5px 35px;
  height: 25px;
  font-size: 13px;
  font-weight: bold;
}
.ass_rst_tit span {
  color: #3684bf;
}
.ass_rst_Area {
  background: #f5f7f9;
  padding: 5px 10px;
  overflow: hidden;
}
.ass_rst_Area li {
  overflow: hidden;
  vertical-align: top;
  height: 24px;
  background: url(/image/equip_search/dot_blue_s.png) 0 8px no-repeat;
  padding-left: 10px;
}
.ass_rst_Area p {
  float: right;
  vertical-align: top;
}
.ass_rst_Area li span {
  margin-top: 2px;
  display: inline-block;
}
.ass_rst_Area p strong {
  display: inline-block;
  margin-left: 3px;
  background: #3590cb;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 2px 3px;
  font-size: 12px;
  line-height: 12px;
  vertical-align: top;
  margin-top: 2px;
}

.star_1 {
  font-size: 1;
  text-indent: -99999px;
  background: url(/image/equip_search/star.png) -67px 0px no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
}
.star_15 {
  font-size: 1;
  text-indent: -99999px;
  background: url(/image/equip_search/star.png) -50px -15px no-repeat;
  width: 15px;
  height: 15px;
  display: inline-block;
}
.star_2 {
  font-size: 1;
  text-indent: -99999px;
  background: url(/image/equip_search/star.png) -50px -30px no-repeat;
  width: 32px;
  height: 15px;
  display: inline-block;
}
.star_25 {
  font-size: 1;
  text-indent: -99999px;
  background: url(/image/equip_search/star.png) -33px -45px no-repeat;
  width: 48px;
  height: 15px;
  display: inline-block;
}
.star_3 {
  font-size: 1;
  text-indent: -99999px;
  background: url(/image/equip_search/star.png) -33px -60px no-repeat;
  width: 48px;
  height: 15px;
  display: inline-block;
}
.star_35 {
  font-size: 1;
  text-indent: -99999px;
  background: url(/image/equip_search/star.png) -17px -75px no-repeat;
  width: 65px;
  height: 15px;
  display: inline-block;
}
.star_4 {
  font-size: 1;
  text-indent: -99999px;
  background: url(/image/equip_search/star.png) -17px -90px no-repeat;
  width: 65px;
  height: 15px;
  display: inline-block;
}
.star_45 {
  font-size: 1;
  text-indent: -99999px;
  background: url(/image/equip_search/star.png) 0 -105px no-repeat;
  width: 82px;
  height: 15px;
  display: inline-block;
}
.star_5 {
  font-size: 1;
  text-indent: -99999px;
  background: url(/image/equip_search/star.png) 0 -120px no-repeat;
  width: 82px;
  height: 15px;
  display: inline-block;
}

.survey_sub {
  padding: 30px 10px !important;
  background: #f1f1f1;
  word-break: keep-all;
}
/*.survey_tit{height:40px;text-align:center;font-weight:bold;}*/

.survey_tit {
  background: #f1f1f1;
  border: 1px solid #d0d0d0;
  padding: 10px;
  color: #535353;
  font-weight: bold;
  text-align: left;
  word-break: keep-all;
  font-size: 17px;
  letter-spacing: -0.05em;
  border-top: 2px solid #7f9ec7;
}
.survey_tit i {
  color: #3c8dc5;
  margin-right: 5px;
}
.survey_tit .data {
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  color: #265096;
  font-weight: bold;
  text-align: center;
  word-break: keep-all;
  border-radius: 4px;
  margin-top: 10px;
  font-size: 14px;
}

.sv_box_red {
  border: 1px solid #fa6e51;
  background: #fff1ee;
  text-align: center;
  font-weight: bold;
  color: #b55541;
  padding: 30px 0;
  margin-top: 20px;
  font-size: 16px;
}

.sv_box_blue {
  border: 1px solid #2784a8;
  background: #eefaff;
  text-align: center;
  font-weight: bold;
  color: #2784a8;
  padding: 30px 0;
  margin-top: 20px;
  font-size: 16px;
}

/*장비검색 상세보기*/
.equip_view {
  display: flex;
}
.equip_pic {
  width: 30%;
  min-width: 250px;
  padding-right: 10px;
}

/* 2018-11-16 이수련 */

.ulList {
  width: 90%;
  position: relative;
}
.ulList li {
  line-height: 18px;
  margin: 5px 0;
  clear: both;
  background: url('/image/gginfra/bk_dot.jpg') left center no-repeat;
  padding-left: 10px;
}
.ulList li span {
  display: inline-block;
}

.s_bigdate {
  padding: 15px 0px;
}
.s_bigdate:after {
  content: '';
  display: block;
  clear: both;
}
.s_bigdate li {
  float: left;
  width: 33.3%;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding-left: 2%;
}
.s_bigdate li:nth-child(4) {
  padding-left: 10.5%;
}
.s_bigdate li:nth-child(5) {
  width: 66%;
  text-align: left;
  padding-left: 7.5%;
}
.s_bigdate li:nth-child(6) {
  width: 100%;
  padding-left: 6.5%;
  margin-bottom: 0;
}
.s_bigdate strong {
  margin-right: 10px;
}
.s_bigdate select {
  width: 90px;
  vertical-align: middle;
  line-height: 40px;
  height: 22px;
  font-size: 10pt;
}
.s_bigdate input[type='text'] {
  width: 330px !important;
  height: 13px;
  padding: 4px 4px 2px 4px;
  font-size: 12px;
  margin: -1px 0;
  vertical-align: middle;
  border: 1px solid #87abc6;
  background: #f6fcff;
  color: #0c62a3;
}
.s_bigdate li:nth-child(6) input[type='text'] {
  width: 405px !important;
  margin-right: 11px;
}
.input_btn {
  width: 82px !important;
  vertical-align: middle;
}

/* 김수연 2019-11-29 빅데이터분석*/

/*빅데이터*/
.area_slide2 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 10px;
}

.caution {
  font-size: 13px!important;
  color: #f00!important;
}
.wizard .area_list li {
  float: left;
  width: 20%;
  margin-bottom: 10px;
}

.tit {
  margin-bottom: 20px;
}
.tit strong {
  font-size: 18px;
  color: #000;
}
.tit span {
  font-size: 12px;
  display: inline-block;
  margin-left: 10px;
}
.wizard .content section ul li label {
}
.wizard .content section ul li input[type='radio'],
.wizard .content section ul li input[type='checkbox'] {
  display: none;
}

/* 라디오 버튼 변경 */
.wizard .content section .area_slide2 li label {
  /*  width: 105px;
  height: 65px;
  line-height: 65px; */
  cursor: pointer;
  display: inline-flex;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #bec6ce;
  color: #000;
  border-radius: 35px;
  white-space: nowrap;
  margin: 3px 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s;
  padding: 10px 20px;
  min-width: 98px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.wizard .area_slide2 li input[type='radio']:checked + label {
  border: 1px solid #152c7c;
  background-color: #213b97;
  color: #fff;
  transition: all 0.2s;
}

/* 체크박스 버튼 변경 */
.wizard section .group1 {
  overflow: hidden;
}
.wizard section .group1 li {
  width: 33.3%;
  float: left;
}
.wizard section .group1 li label {
  width: 98%;
  text-align: left;
}

.wizard section li label {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #bec6ce;
  color: #000;
  border-radius: 25px;
  white-space: nowrap;
  margin: 3px 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s;
  overflow: hidden;
  padding: 0px 15px 0 20px;
}

.wizard section li input[type='checkbox']:checked + label {
  border: 1px solid #152c7c;
  background-color: #213b97;
  color: #fff;
  transition: all 0.2s;
}

.wizard section li label span {
  display: inline-block;
  background: #00264b;
  color: #fff;
  font-size: 12px;
  border-radius: 25px;
  padding: 4px 10px;

  height: auto;
  line-height: normal;
  vertical-align: middle;
}
.wizard section li input[type='checkbox']:checked + label span {
  background: #fff;
  color: #00264b;
}

/* 추천영역 */
.recomm {
  position: relative;
  margin-bottom: 20px;
}
.recomm:after {
  content: '';
  display: block;
  background: url(/image/equip_search/dot_line_big.png) 0 bottom repeat-x;
  height: 1px;
  padding-bottom: 20px;
}

.wizard section .recomm li label {
  border: 1px solid #d93f3d;
}
.wizard section .recomm li label span {
  background: #d93f3d;
}
.wizard section .recomm li input[type='checkbox']:checked + label {
  border: 1px solid #ab1e1c;
  background-color: #d93f3d;
  color: #fff;
  transition: all 0.2s;
}
.wizard section .recomm li input[type='checkbox']:checked + label span {
  background: #fff;
  color: #d93f3d;
}

/* 빅데이타 결과 */
.big_box {
  border: 1px solid #d6dbe0;
  box-shadow: 0px 3px #f0f1f3;
  margin-bottom: 40px;
}
.big_box div,
.big_box p {
  padding: 15px 20px;
}
.big_box div {
  background: #f0f3f8;
  border-bottom: 1px solid #d6dbe0;
  overflow: hidden;
}
.big_box div a {
  border: 1px solid #0051a4;
  background: #0051a4;
  color: #fff;
  display: inline-block;
  padding: 3px 20px 3px 40px;
  text-align: center;
  font-size: 13px;
  position: absolute;
  top: 10px;
  right: 20px;
}
.big_box div a:before {
  display: inline-block;
  content: '';
  background: url(/image/equip_search/ic_resch.png) 0 0 no-repeat;
  width: 23px;
  height: 18px;
  position: absolute;
  top: 5px;
  left: 10px;
}
.big_box div a:hover,
.big_box div a:focus,
.big_box div a:active {
  background: #0099ff;
  text-decoration: none;
  border: 1px solid #0b6bab;
}
.big_box div strong {
  color: #d93f3d;
}
.big_box p {
  font-size: 14px;
  color: #0079bf;
  font-weight: bold;
}
.big_box p strong {
  color: #000;
  font-weight: normal;
}

/* 빅데이타 ai 결과 */

@-moz-keyframes aibot {
  from {
    top: 70px;
  }
  to {
    top: 100px;
  }
}
@-webkit-keyframes aibot {
  from {
    top: 70px;
  }
  to {
    top: 100px;
  }
}
@keyframes aibot {
  from {
    top: 70px;
  }
  to {
    top: 100px;
  }
}

.ai_Area *,
.big_list * {
  box-sizing: border-box;
}
.ai_Area {
  background: url(/image/equip_search/ai_bg.gif) 0 0 no-repeat;
  width: 750px;
  min-height: 305px;
  padding-bottom: 20px;
  position: relative;
}
.ai_botArea {
  position: absolute;
  top: 90px;
  left: 5px;
  -webkit-animation: aibot 1s infinite alternate;
  animation: aibot 1s infinite alternate;
}

.ai_box {
  background: url(/image/equip_search/ai_bttn.png) 0 bottom no-repeat;
  width: 584px;
  min-height: 300px;
  position: relative;
  margin-left: 170px;
  padding-bottom: 20px;
}
.ai_box:before,
.ai_box:after,
.qustArea .qust:after {
  content: '';
  display: block;
  position: absolute;
}
.ai_box:after {
  background: url(/image/equip_search/ai_arr.png) 0 0 no-repeat;
  width: 60px;
  height: 44px;
  top: 96px;
  left: -46px;
}
.rst_num {
  background: url(/image/equip_search/ai_top.png) 0 0 no-repeat;
  width: 584px;
  height: 57px;
  text-align: center;
  color: #fff;
  font-size: 17px;
  letter-spacing: -0.05em;
  padding-top: 15px;
}
.rst_num strong {
  color: #fff100;
  position: relative;
}
.rst_num strong:after {
  display: inline-block;
  content: '';
  height: 2px;
  width: 100%;
  background: #fff100;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.rst_style {
  background: url(/image/equip_search/ai_txt_bttn.png) 18px bottom no-repeat;
  width: 584px;
  min-height: 100px;
  padding: 10px 40px 20px;
  font-size: 0.93em;
  color: #0079bf;
  font-weight: bold;
  word-break: keep-all;
  letter-spacing: -0.05em;
}
.rst_style strong {
  font-weight: normal;
  color: #000;
}
.rst_style em {
  color: #000;
  display: inline-block;
  padding: 0 10px;
  font-weight: normal;
  font-style: normal;
}

.qustArea {
  width: 500px;
  margin-left: 40px;
  margin-top: 10px;
}
.ai_Area .qustArea i {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}
.qust {
  position: relative;
  margin-bottom: 20px;
}
.qust p {
  background: #fff;
  border: 1px solid #d8dde7;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #e4004b;
  padding: 10px 0 5px;
  border-radius: 30px;
  position: relative;
}
.qust:after {
  background: url(/image/equip_search/ai_arr2.png) 0 0 no-repeat;
  left: 50%;
  margin-left: -14px;
  bottom: -16px;
  width: 27px;
  height: 21px;
}

.qustArea .btnArea {
  text-align: center;
}
.qustArea .btnArea a {
  border-radius: 5px;
  display: inline-block;
  padding: 8px 20px 5px;
  text-align: center;
  color: #fff;
  margin: 0 10px;
}
.qustArea .btnArea a:hover {
  text-decoration: none;
  box-shadow: inset 0px 3px 1px 1px rgba(0, 0, 0, 0.2);
}
.qustArea .btnArea a.btn_ok {
  background: #86be00;
  border: 1px solid #70990e;
}
.qustArea .btnArea a.btn_ok {
  background: #70990e;
}
.qustArea .btnArea a.btn_resch {
  background: #e4004b;
  border: 1px solid #cd0a4a;
}
.qustArea .btnArea a.btn_resch:hover {
  background: #b41348;
}

.big_list {
  padding: 0 0;
  border-top: 2px solid #454b56;
}
.big_list > ul > li {
  position: relative;
  min-height: 135px;
  padding: 10px 0;
  border-bottom: 1px solid #e4e4e4;
}
.big_list > ul > li:hover {
  background: #f8f8f8;
}
.big_list > ul > li:first-child {
  padding-top: 20px;
}
.big_list figure {
  position: relative;
  padding-left: 200px;
  margin: 0;
}
.big_list figure a:hover {
  text-decoration: none !important;
}
.big_list figure a:hover .tit {
  color: #0084d4;
}
.big_list figure .img {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 167px;
  height: 113px;
  border: 1px solid;
}

.big_list figure .img .bigdata_img{  object-fit: fill;
  width: 100%;
  height: 100%;}
.big_list figure .img .thum {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  height: 100%;
}
.big_list figure .img .recm {
  position: absolute;
  top: 0;
  left: 0;
}
.big_list figcaption {
  height: 100%;
  padding: 15px 0;
}
.big_list figcaption .tit {
  padding-bottom: 15px;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.2em;
  color: #333;
  letter-spacing: -0.05em;
  display: block;
  margin-bottom: 0;
}
.big_list figcaption .tit img {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}

.big_list figcaption > ul {
  margin-top: 0;
}
.big_list figcaption > ul > li {
  font-size: 15px;
  margin-top: 5px;
  display: inline-block;
  color: #4a5a75;
}
.big_list figcaption > ul > li:first-child {
  width: 100%;
}
.big_list figcaption > ul > li:nth-child(1):before,
.big_list figcaption > ul > li:nth-child(2):before {
  content: '';
  display: inline-block;
  padding-right: 0;
}
.big_list figcaption > ul > li:before {
  content: 'l';
  display: inline-block;
  padding-right: 10px;
}
.big_list figcaption > ul > li.ctg {
  color: #0b9edb;
}

/* --------------------------------------------
 * 페이징
/* ------------------------------------------ */
.paging {
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
  text-align: center;
}
.paging strong {
  vertical-align: top;
}
.paging a,
.paging strong {
  position: relative;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #333333;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 13px !important;
  font-weight: normal;
  display: inline-block;
}
.paging a:hover,
.paging .current:hover,
.paging a:focus,
.paging .current:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.paging strong {
  display: inline-block;
}
.paging .current,
.paging .current:hover,
.paging .current:focus,
.paging strong {
  z-index: 3;
  color: #fff;
  background-color: #55555b;
  border-color: #55555b;
  cursor: default;
}

/* 2020-12-01 */

.support .ctt h4 {
  background: url(/image/support/h4_sppt.png) left 5px no-repeat;
  padding-left: 20px;
  font-size: 18px;
}
.support .ctt h5 {
  background: url(/image/support/h5_sppt.png) left 5px no-repeat;
  padding-left: 20px;
  font-size: 15px;
}

.terms_box {
  border: 1px solid #ccd1d9;
  background: #f1f3f6;
  padding: 20px;
  height: 300px;
  overflow: auto;
  overflow-x: hidden;
}
.terms_btnArea {
  position: relative;
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px dotted #c2c2c2;
}
.terms_btnArea p {
  float: left;
  font-size: 15px;
}
.terms_btn {
  float: right;
}
.terms_chk {
  height: 18px;
  font-size: 15px;
  display: inline-block;
  position: relative;
  margin: 5px;
}
.terms_chk input {
  opacity: 0;
}
.terms_chk label:after {
  width: 18px;
  height: 18px;
  background: url('/image/support/check_app.png') left 0 no-repeat;
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  z-index: 1;
  display: inline-block;
  cursor: pointer;
}
.terms_chk label {
  cursor: pointer;
}
.terms_chk input:checked + label:after {
  background-position: 0 bottom;
}
.table_data .terms_btnArea li {
  background: none;
}
.table_data .terms_btnArea {
  padding: 10px 0;
}

.tbl_radio li {
  background: none;
  padding-left: 0;
  margin: 0;
}
.tbl_radio .radio_chk {
  font-family: 'Nanum Gothic';
  margin-right: 10px;
}
.tbl_radio .radio_chk {
  height: 18px;
  font-size: 13px;
  display: inline-block;
  position: relative;
  margin: 5px;
}
.tbl_radio .radio_chk input {
  opacity: 0;
}
.tbl_radio .radio_chk label:after {
  width: 18px;
  height: 18px;
  background: url('/image/support/check_app.png') left 0 no-repeat;
  content: '';
  position: absolute;
  top: 3px;
  left: 0px;
  z-index: 1;
  display: inline-block;
  cursor: pointer;
}
.tbl_radio .radio_chk label {
  cursor: pointer;
  font-family: 'Nanum Gothic';
}
.tbl_radio .radio_chk input:checked + label:after {
  background-position: 0 bottom;
}

.ctt {
  position: relative;
  margin-bottom: 30px;
}
.ctt:after {
  display: block;
  content: '';
  clear: both;
}
.ctt button {
  border: 1px solid #21345a;
  background: #3d5c9c;
  color: #fff;
  text-align: center;
  padding: 5px 20px;
  border-radius: 3px;
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.ctt .btn_inst_plus:hover {
  background: #224182;
}
.ctt .btn_inst_delete {
  background: #c55151;
  border: 1px solid #ad1e1e;
}
.ctt .btn_inst_delete:hover {
  background: #991a1a;
}
.btn_inst_plus,
.btn_inst_delete {
  position: absolute;
  top: 0;
  right: 0;
}

.table_data td input[readonly='readonly'] {
  background: #f8f8f8;
}

.table_data th em,
.tbl-basic th em {
  position: relative;
  font-style: normal;
}
.table_data th em:after,
.tbl-basic th em:after {
  display: block;
  content: '＊';
  position: absolute;
  right: -15px;
  top: -10px;
  color: #f00;
  font-size: 14px;
}
input.ipt_cal {
  background: url(/image/common/ic_cal.png) right center no-repeat;
  padding-right: 20px;
}
.inst_Area {
  position: relative;
}

.mdl_box {
  border: 1px solid #00519f;
  background: #eff4f9;
  padding: 20px;
  color: #32577a;
  margin: 20px 0;
}

/* ---------------------------------
	마이페이지 
------------------------------------*/

/* 접수 .reg  /  승인 .app / 반려 .ret / 보완 .sup / 취소  .cnl / 대기 .stby*/

.tbl-basic td em,
.tbl-basic td i {
  font-style: normal;
  font-size: 14px;
  line-height: 1.2;
}
.tbl-basic td i {
  font-size: 12px;
  display: block;
}
.tbl-basic td em.reg {
  color: #028482;
}
.tbl-basic td em.app {
  color: #0475f4;
}
.tbl-basic td em.ret {
  color: #e4007f;
}
.tbl-basic td em.sup {
  color: #fe4902;
}
.tbl-basic td em.cnl {
  color: #466e88;
}
.tbl-basic td em.stby {
  color: #444b53;
}
.tbl-basic td a {
  color: #0475f4;
}

/* 보완서류 */
.tbl-basic td .spp_doc {
  border-collapse: collapse;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.tbl-basic td .spp_doc td {
  border: none;
  border-bottom: 1px solid #ccc;
}
.tbl-basic td .spp_doc td.lf_line {
  border-left: 1px solid #ccc;
  text-align: center !important;
}




/*김수연 2016-08-10 메인 공동활용 장비검색*/
#module_board .search_Area input,#module_board .search_Area label{vertical-align:middle}
/* 공동활용 통합검색 추가조건 */
.categoryArea *{box-sizing:border-box}
.categoryArea{background:#f8f8f8;overflow:hidden;position:relative;width:100%;padding:0;border:1px solid #ddd;margin-bottom:20px;box-sizing: border-box;}
.category{width:25%;  padding: 3px 3px 0 10px;}
.category_wrap .category:last-child{padding:3px 10px 0 10px}
.category:after{ content:""; display:block; clear:both;}
.category dt{color:#000;font-size:16px;overflow:hidden;padding-bottom:10px;font-weight:bold}
.category label{float:left;}
.category input{float:right;padding-bottom:10px}
.category ul{overflow:auto;clear:both; height:150px;border:1px solid #dadada;padding:10px;margin-bottom:20px;overflow-x : hidden;width:auto;background:#fff}
.category ul li{width:100%;.width:90%;overflow:hidden;padding:3px 0;vertical-align:top;line-height:160%}
.category ul label{width:80%; cursor:pointer;}
.category ul input{padding-bottom:0}

.category_list{clear:both;overflow:hidden;margin-bottom:10px}
.category_list dt{color:#fff;font-size:16px;clear:both;padding:10px 0;font-weight:bold;border:1px solid #dddddd;background:#093d97;text-align:center;}
.category_list dd{  
	background: #fff;
  	padding: 15px 20px;
  	border-bottom: 1px solid #ccc;
  }
.category_list dd ul{display:flex;flex-wrap:wrap;flex-direction: column;}
.category_list dd ul li:not(:last-of-type) {
  margin-bottom: 10px;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 10px;
}
.category_list dd ul em {
  display: inline-block;
  padding: 2px 15px;
  background: #089daa;
  border-radius: 25px;
  color: #fff;
  font-size: 13px;
  font-style: normal;
  margin-right:5px
}
.category_list dd ul li:nth-child(even) em{background:#74bc4b}
.category_list dd span{color:#297fea;font-weight:bold}
.category_list dd .sZc6T{color:#297fea;}
.category_list dd .sZlocale{color:#20b385;}
.category_list dd .sZuses{color:#8049da;}
.category_list dd .sZorg{color:#d24a89;}

.category_wrap{display:flex;flex-wrap:wrap;}
.category_wrap *{box-sizing:border-box}
.categoryArea .total_btn{margin:0 10px 20px;width:calc(100% - 20px);}
.categoryArea .searchChk{width:100%;background: #0475f4 !important;  border: 1px solid #0475f4 !important;color:#fff!important;padding:8px;border-radius:4px}





/* --------------------------------------------
 * 지원사업 - 20250224 ~ 27 - ksy
/* ------------------------------------------ */
.spt_biz *{box-sizing:border-box}


.ctt.spt_biz dl{margin-left:10px;margin-bottom:15px}
.ctt.spt_biz dl dt{font-weight:700;margin-bottom:5px}
.ctt.spt_biz dl dd{padding-left:15px;background:url(/image/common/dot_02.gif)0 5px  no-repeat}
.ctt.spt_biz .list_01 li{display: flex; align-items: center;  gap: 15px;  padding-left: 15px;background-position: 0 8px;}
.ctt.spt_biz .list_01 li a.btn.blue{border-radius:3px;  padding: 2px 15px;}

.spt_biz.tbl-board td input[type='text'], .spt_biz.tbl-board td input[type='password'],.spt_biz.tbl-board select{height: 35px;}



.spt_biz label {
	display:inline-flex
   
}
.spt_biz label:first-child{
	margin-right:10px
	
}

.spt_biz td .sort{display:flex;gap:20px}

.spt_biz td [type="radio"], span {
  vertical-align: middle;
}

.spt_biz td [type="radio"] {
  appearance: none;
  border: 1px solid #5a5a5a;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  transition: border 0.3s ease-in-out;
  background:#fff;
}

.spt_biz td [type="radio"]:checked {
  border:5px solid #0252dc;
}

.spt_biz td [type="radio"]:focus-visible {
  outline-offset: max(2px, 0.1em);
  outline: max(2px, 0.1em) dotted #0252dc;
}

.spt_biz td [type="radio"]:hover {
  box-shadow: 0 0 0 max(4px, 0.2em) #f8f8f8;
  cursor: pointer;
}

.spt_biz td [type="radio"]:hover + span {
  cursor: pointer;
}

.spt_biz td [type="radio"]:disabled {
  background-color: #f8f8f8;
  box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

.spt_biz td [type="radio"]:disabled + span {
  opacity: 0.7;
  cursor: not-allowed;
}


/* 첨부파일 */
.spt_biz .fileplus {position:relative;display:inline-block;margin-right:20px;}
.spt_biz .fileplus input {
	height: 34px;
}
.spt_biz .fileplus label {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    background-color: #0066b3;
    cursor: pointer;
    border: 1px solid #0066b3;
    margin-left: -4px!important;
	overflow: hidden;
}
.spt_biz .fileplus input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.spt_biz .fileplus+p {display:inline-block;}

.is-invalid{background:#fff5f5}
.is-invalid span{color:#f00!important}

.is-invalid td [type="radio"]:checked{border-color:#f00}


.sbiz_st01{display:inline-block;padding:0 8px;font-style:normal;font-weight:700;color:#39b524;background: #f6ffe7;}
.sbiz_st02{display:inline-block;padding:0 8px;font-style:normal;font-weight:700;color:#0096cf;background: #f1fbff;}
.sbiz_st03{display:inline-block;padding:0 8px;font-style:normal;font-weight:700;color:#ff7e27;background: #fffaf6;}
.sbiz_st04{display:inline-block;padding:0 8px;font-style:normal;font-weight:700;color:#8854d0;background: #fbf8ff;}
.sbiz_st05{display:inline-block;padding:0 8px;font-style:normal;font-weight:700;color:#0475f4;background: #f3f9ff;}
.sbiz_st06{display:inline-block;padding:0 8px;font-style:normal;font-weight:700;color:#e52000;background: #fff7f6;}


/* 업로드된 첨부파일 */
.spt_biz .uploaded {margin-top:3px;}
.spt_biz .uploaded .btn_del {background:transparent;color:red;font-size:20px;}
.spt_biz .uploaded .btn_del span {font-size:0;color:transparent;}


.spt_biz .btn{padding:5px 10px;background: #f8f8f8;}
.spt_biz .btn.small{padding:2px 5px;} 

.spt_biz .file_area a{color:#0475f4!important}

/* 지원사업 개인정보 동의 */
.prv_area{display: flex;justify-content: space-between;}

.prv_area > label{  display: flex;  align-items: center;  gap: 5px;;}
.prv_area span{  display: inline-flex;  align-items: center;}


input[type=checkbox] {
  width: 1.2rem;
  height: 1.2rem;
  background-color: #fff;
  border-color: #e2e2e6;
  color: #454545;
  font-weight: 100;
  padding: 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
}

label input {
  accent-color: #0252dc;
}

.info_box{border:1px solid #fff;padding:20px;background:#f9f9f9}
.info_box>strong{display:block;margin-bottom:10px;font-weight:600;}

.info_box p{margin-top:20px; font-size:17px;font-weight:600;color:#f00}


.btnArea.spt_biz .btn{font-size: 17px; font-weight: 500; padding: 8px 35px;}
.btnArea.spt_biz .btn.blue{background:#0475f4!important}


.tbl-board.spt_biz .essen{background-image:url(/image/common/essen.svg);background-repeat:no-repeat;  background-position: 3px 5px;  background-size: 8px;}

.essn_info{position:absolute;top:0;right:0;font-size:14px;color:#f00}




/* --------------------------------------------
 * 반응형 메뉴 - 20240521 - ksy
/* ------------------------------------------ */

@media (max-width: 1000px) {
  #wrapper {
    padding: 0 20px;
    margin: 0;
    left: 0;
    box-sizing: border-box;
    min-width: 360px;
  }
  #wrapper,
  #right,
  #ctt_wrapper,
  #right .tit_bg01,
  #right .tit_Area,
  #footer_Area .footer,
  #top_wrapper,
  #tm_Area {
    width: 100%;
  }
  #right {
    padding: 0;
    float: none;
    margin-top: 70px;
  }

  #wrapper,
  #right .tit_bg01 {
    background: none;
  }
  #left,
  .tit_Area,
  #bn_wrapper,
  #tm_Area ul#topnav,
  #top_utilArea {
    display: none;
  }
  #right .tit_bg01 {
    height: auto;
  }
  #right .tit_bg01 div,
  #right .tit_bg02 div,
  #right .tit_bg03 div,
  #right .tit_bg04 div,
  #right .tit_bg05 div,
  #right .tit_bg06 div,
  #right .tit_bg07 div,
  #right .tit_bg10 div {
    position: relative;
    display: none;
  }
  #right .tit_bg01 h3,
  #right .tit_bg02 h3,
  #right .tit_bg03 h3,
  #right .tit_bg04 h3,
  #right .tit_bg05 h3,
  #right .tit_bg06 h3,
  #right .tit_bg07 h3,
  #right .tit_bg08 h3 {
    position: relative;
    top: 0;
    font-size: 20px;
    padding: 15px 20px;
    text-align: center;
  }

  .select_foot002 select {
    width: calc(100% - 50px) !important;
  }
  .footer_right .select_foot002 {
    width: 100%;
    margin-bottom: 30px;
  }

  /*장비검색 상세보기*/

  .equip_view {
    flex-direction: column;
    align-items: center;
  }

  .equip_view > div {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    justify-content: center;
  }
  .assess_result {
    margin-top: 0;
    box-sizing: border-box;
  }
  .btnArea a {
    width: 100%!important;
  }

  /*빅데이터*/
  .area_slide {
    display: none;
  }
  
  #tab3.mypage_tab{display:flex}

/*지원사업 - 20250224_ksy*/
  .spt_biz.tbl-board  td {
      padding: 7px ;
  }
  .spt_biz td .sort{
  gap: 10px;
  flex-direction: column;
  }
  
  .tbl-board.spt_biz .essen{background-position:0 0}

}

@media (max-width: 786px) {
  .ai_Area {
    background: none;
    margin-top: 60px;
    width: 100%;
  }
  .ai_botArea,
  .ai_box:after {
    display: none;
  }
  .ai_box {
    background: none;
    background-color: #eaeff6;
    margin-left: 0;
    width: 100%;
    border-radius: 25px;
    padding: 60px 10px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .rst_num {
    background: none;
    background-color: #0066b3;
    width: 95%;
    border-radius: 25px;
    position: absolute;
    top: -30px;
    left: 2%;
    min-height: 57px;
    height: auto;
    padding: 5px 10px;
    word-break: keep-all;
    line-height:180%;
    font-size:16px
  }
  .rst_style {
    background: none;
    width: 60%;
    min-height: 100px;
    padding: 10px 40px 20px;
    font-size: 0.93em;
    color: #0079bf;
    font-weight: bold;
    word-break: keep-all;
    letter-spacing: -0.05em;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 2px 1px 0px rgb(199 209 223);
    margin-top: 10px;
  }

  .qustArea {
    width: 100%;
    margin: 10px 0 0 0;
  }

  .qustArea .btnArea a {
    padding: 8px 10px 5px;
    font-size: 14px;
  }

  .big_list figure {
    padding: 0;
  }
  .big_list figure a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .big_list figure .img {
    position: relative;
  }

  /*회원*/

  .pic_login {
    padding: 20px;
    background: none;
    height: 200px;
    display: flex;
    justify-content: center;
  }
  
  .tab_step{display:none}
    .box_rule2 {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  .jbox_lf {
  width: 100%;
}



.tbl-join .th_line{border-top: 1px solid #ccc;}
.tbl-join.tbl-board.left th,.tbl-join.tbl-board.left td{padding: 7px 10px 7px 5px;}

.tbl-join td #hope_id{width:calc(100% - 90px)!important}
.tbl-join td #hope_id + .btn.blue,.tbl-join td input.address + .btn.blue {height:34px}
.tbl-join td input[type='text'].address{width:150px!important}
.tbl-join td input[type='text']#email1,.tbl-join td input[type='text']#email2{width:40%!important}
.tbl-join td input[type='text'].telNum,.tbl-join td input[type='text'].hpNum,.tbl-join td #phoneFirstNum{width:28%!important}




.box_b {  
  display: flex;
  flex-direction: column;
}
.box_b img{ max-width: none;}
  .join_option_right {
    border: none;
    width: 100%;
    padding: 0;
  }


}
@media (max-width: 570px) {
  /*회원*/
  .pic_login {
    height: auto;
    overflow: visible;
  }
  .loginArea {
    width: 100%;
    height: auto;
    position: relative;
    top: 0;
   
  }
  .loginArea *{box-sizing:border-box}
  
   .loginArea > div{
    display: flex;
    flex-direction: column;
   
   }
    
    
  .loginArea label {
    text-align: left;
  }
  .loginArea input{width:100%;height:45px}
  
  .login_btArea {
  
  position: relative;
  top: 0;
  padding: 20px 0;  
  width: 100%;
      gap: 10px
}

.loginArea .bt_login{
  position: relative;
  width: 100%;
  height: 50px;
}

.login_btArea a{min-width:50%;    font-size: 13px;}



  /*장비*/
  .category{width:50%;}
  
  .equip_view > div {
    flex-direction: column;
    align-items: center;
  }
  .assess_result {
    width: 100%;
  }

  .area_slide2 {
    gap: 5px;
  }
  .wizard section .group1 li{
  width:50%
  }
  .wizard .content section .area_slide2 li label {
    padding: 10px 10px;
    min-width: 90px;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 13px;
  }
  .wizard > .content > .body label {
    font-size: 13px;
  }

  .ai_box {
    padding: 40px 10px 20px;
  }

  .rst_style {
    width: 100%;
  }
  .qust p {
    font-size: 16px;
  }
  .qustArea .btnArea {
    flex-direction: column;
  }
  .qustArea .btnArea a {
    margin: 0;
  }
  
  .searchForm select, .searchForm input[type='text']{width:calc(100% - 90px)}
   .searchForm input[type='text'],   .searchForm input[type='submit']{margin-top:10px}

  .searchForm .integratedSearch,  .searchForm .research  {    
    width: 100%;
    margin-top: 10px !important;
    display: block !important;}
}