@charset "UTF-8";
/*-------------------------------------------------------------------
    파일정의 : s1_contents.css / 국문 서브 페이지
    작성날짜 : 2021-03-19 이수정
-------------------------------------------------------------------*/
/* title */
.title_wrap {
  width: 100%;
  white-space: normal;
}

.title_wrap .title0 {
  font-weight: 700;
  font-size: 30px;
}

.title_wrap .title01 {
  font-weight: 700;
  font-size: 60px;
}

.title_wrap .title02 {
  font-weight: 700;
  font-size: 50px;
  line-height: 1.16;
}

.title_wrap .title03 {
  font-weight: 700;
  font-size: 42px;
}

.title_wrap .title04 {
  font-weight: 500;
  font-size: 36px;
  color: #333;
}

.title_wrap .title05 {
  font-weight: 700;
  font-size: 28px;
  color: #333;
}

.title_wrap .title06 {
  font-weight: 700;
  font-size: 24px;
  color: #333;
}

.title_wrap .title07 {
  font-weight: 700;
  font-size: 24px;
  color: #333;
}

.title_wrap p {
  font-weight: normal;
  font-size: 16px;
  color: #333;
}

.sub_txt01 {
  font-size: 18px;
  color: #333;
  line-height: 1.44;
}

.sub_txt02 {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}

.sub_txt03 {
  font-size: 14px;
  color: #666;
  line-height: 1.57;
}

/* tooltip */
.tooltip_wrap {
  display: inline-block;
  position: relative;
}

.tooltip_inner {
  position: relative;
}

.btn_tooltip {
  width: 18px;
  height: 18px;
  -moz-border-radius: 100%;
       border-radius: 100%;
  background: url("../../images/ko/common/btn_tip.png") no-repeat center;
}

.tooltip_box {
  display: none;
  position: absolute;
  top: 40px;
  left: -41px;
  min-width: 332px;
  padding: 20px 0 20px;
  background: #fff;
  -moz-border-radius: 10px;
       border-radius: 10px;
  -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24);
     -moz-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24);
  z-index: 8;
}

.tooltip_box:before,
.tooltip_box:after {
  content: "";
  display: block;
  position: absolute;
  width: 226px;
}

.tooltip_box:before {
  background-color: #fff;
  content: " ";
  display: block;
  width: 26px;
  height: 21px;
  position: absolute;
  top: -7px;
  left: 35px;
  transform: rotate(129deg) skew(-14deg);
  -moz-transform: rotate(129deg) skew(-14deg);
  -ms-transform: rotate(129deg) skew(-14deg);
  -webkit-transform: rotate(129deg) skew(-14deg);
  -webkit-box-shadow: -5px 1px 12px -14px rgba(0, 0, 0, 0.44);
     -moz-box-shadow: -5px 1px 12px -14px rgba(0, 0, 0, 0.44);
          box-shadow: -5px 1px 12px -14px rgba(0, 0, 0, 0.44);
}

/* .tooltip_box:before {
	top:0;
	height:24px;
	border: 25px solid;
	border-color: #666 transparent transparent transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background: url('../images/common/bg_tooltip_top.png') no-repeat;
}
.tooltip_box:after {
	top: 0;
	height: 34px;
	position: absolute;
	width: 0;
	height: 0;
	top: -27px;
	right: 50%;
	transform: translateX(50%);
	border: 14px solid;
	border-color: transparent transparent #fff transparent;
	 background: url('../images/common/bg_tooltip.png') no-repeat;
} */
.tooltip_box .tooltip_cont {
  position: relative;
  padding: 0px 59px 0 30px;
  font-size: 16px;
  background: url("../images/common/bg_tooltip_repeat.png") repeat-y;
  word-break: keep-all;
}

.tooltip_box .btn_tip_close {
  position: absolute;
  top: 15px;
  right: 15px;
}

.tooltip_box .btn_tip_close .tooltip {
  display: block;
  width: 22px;
  height: 22px;
  background: #ededed;
  -moz-border-radius: 50%;
       border-radius: 50%;
}

.tooltip_box .btn_tip_close:before,
.tooltip_box .btn_tip_close:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 6px;
  width: 10px;
  height: 2px;
  margin-top: -1px;
  background: #666;
}

.tooltip_box .btn_tip_close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.tooltip_box .btn_tip_close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.tooltip_wrap.on .btn_tooltip {
  background: url("../../images/ko/common/btn_tip_on.png") no-repeat center;
}

.tooltip_wrap.on .tooltip_box {
  display: block;
}

.tooltip_wrap .btn_tip_close {
  display: none;
}

.tooltip_wrap.on .btn_tip_close {
  display: block;
}

/* etc button */
a.btn_txt,
button.btn_txt {
  display: inline-block;
  font-size: 16px;
}

.btn_txt.file:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 16px;
  background: red;
  margin-right: 6px;
  vertical-align: -2px;
}

.btn_print {
  display: inline-block;
  width: 52px;
  height: 52px;
  background: url("../images/common/btn_print.png") no-repeat;
}

.btn_reset {
  font-size: 16px;
  font-weight: 500;
  color: #888;
}

.btn_reset:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-left: 4px;
  background: url("../../images/ko/common/btn_reset.png") no-repeat;
}

/* icon */
.ico_window:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 13px;
  height: 11px;
  background: url("../../images/ko/common/ico_window_bl.png") no-repeat right top;
  margin-left: 15px;
}

.col_type5 .ico_window:after {
  background: url("../../images/ko/common/ico_window_wh.png") no-repeat right top;
}

.col_type6 .ico_window:after {
  background: url("../../images/ko/common/ico_window_bu.png") no-repeat right top;
  margin-left: 4px;
}

.ico_download:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 13px;
  height: 17px;
  background: url("../../images/ko/common/ico_download_bl.png") no-repeat right top;
  margin-left: 15px;
}

.col_type5 .ico_download:after {
  background: url("../../images/ko/common/ico_download_wh.png") no-repeat right top;
}

.ico_file {
  display: inline-block;
  position: relative;
  width: 8px;
  height: 15px;
  margin-right: 7px;
  /* background: url('../images/common/ico_file_black.png') no-repeat; */
  background: red;
  vertical-align: top;
}

.ico_refresh:after {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  /* background: url('../images/common/ico_window.png') no-repeat right top; */
  background: red;
  margin-right: 5px;
}

/* etc form */
.number_box .select_box,
.number_box input[type=text] {
  width: 120px;
  margin: 0 10px;
}

.number_box .select_box + .select_box {
  margin: 0 5px;
}

.number_box .select_box:first-child,
.number_box input[type=text]:first-child {
  margin-left: 0;
}

.number_box .dash {
  display: inline-block;
  width: 10px;
  height: 1px;
  background: #979797;
  vertical-align: middle;
}

.number_box.type01 input[type=text] {
  width: 199px;
}

.email_box .select_box,
.email_box input[type=text] {
  width: 310px;
}

.email_box .select_box + input[type=text] {
  margin-left: 5px;
}

.email_box .at {
  margin: 0 10px;
  font-size: 18px;
  color: #666;
}

.address_box p {
  margin-bottom: 12px;
}

.address_box p input + input,
.address_box .btn_m {
  margin-left: 4px;
}

.automatic_wrap {
  margin-top: 50px;
  padding-top: 40px;
  border-top: 1px solid #eee;
}

.automatic_wrap .automatic_box {
  width: 100%;
}

.automatic_wrap .automatic_box p {
  margin-top: 12px;
}

/* file add */
.box_file_add {
  position: relative;
}

.box_file_add .btn_add_file .ico_file {
  margin-top: 16px;
}

.box_file_add .byte {
  display: inline-block;
  margin: 12px 0 0 15px;
  font-size: 16px;
  color: #666;
}

.box_file_add .byte > strong {
  color: #000;
}

.file_wrap {
  width: 900px;
  min-height: 56px;
  margin-top: 15px;
  padding: 14px 18px 14px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.file_wrap li {
  position: relative;
  padding: 0 0 0 16px;
  font-size: 16px;
  color: #666;
  line-height: 1.3;
}

.file_wrap li + li {
  margin-top: 16px;
}

.file_wrap .file_name {
  display: inline-block;
  overflow: hidden;
  width: auto;
  max-width: -webkit-calc(100% - 30px);
  max-width: -moz-calc(100% - 30px);
  max-width: calc(100% - 30px);
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.4;
}

.file_wrap .btn_del {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  margin: 3px 0 0 9px;
  background: transparent;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  vertical-align: top;
}

.file_wrap .btn_del:before,
.file_wrap .btn_del:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 2px;
  background: #000000;
}

.file_wrap .btn_del:before {
  -moz-transform: rotate(45deg);
       transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.file_wrap .btn_del:after {
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.file_wrap li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 8px;
  height: 15px;
  background: url("../images/common/ico_file_gray.png") no-repeat;
  background: red;
}

/* board */
.tbl_tit {
  font-weight: 700;
  font-size: 20px;
}

.tbl_sub_tit {
  font-weight: 700;
  font-size: 16px;
  color: #202020;
}

.tbl_tit + .board_wrap {
  margin-top: 30px;
}

.tbl_sub_tit + .board_wrap {
  margin-top: 12px;
}

.board_wrap {
  width: 100%;
  overflow-y: auto;
  border-top: 3px solid #333;
}

.board_wrap + .board_option_area {
  margin-top: 50px;
}

.board_wrap table {
  width: 100%;
  table-layout: fixed;
}

.board_wrap table .btn_txt_02 {
  font-size: 16px;
}

.board_wrap .board_nodata {
  padding: 132px 0 130px;
  text-align: center;
  border-bottom: 1px solid #eee;
}

.board_wrap .board_nodata .ico_m.ico_nodata {
  display: block;
  width: 85px;
  height: 85px;
  margin: 0 auto;
  background: url("../../images/ko/customer/ico_nodata.png");
}

.board_wrap .board_nodata .ico_m.ico_nosearch {
  display: block;
  width: 85px;
  height: 85px;
  margin: 0 auto;
  background: url("../../images/ko/customer/ico_no_result.png");
}

.board_wrap .board_nodata .ico_nosearch + .tit,
.board_wrap .board_nodata .ico_nodata + .tit {
  margin-top: 23px;
}

.board_wrap .board_nodata .tit {
  display: block;
  font-weight: 700;
  font-size: 24px;
}

.board_wrap .board_nodata .tit + .btn_area {
  margin-top: 22px;
}

.board_tbl thead tr th,
.board_tbl tbody tr th {
  padding: 13px 0;
  font-weight: 500;
  font-size: 16px;
  color: #333;
  text-align: center;
  background: #f9fafb;
}

.board_tbl tbody tr td {
  position: relative;
  padding: 17px 10px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  color: #333;
  text-align: center;
  word-break: keep-all;
}

.board_tbl tbody tr td.alL {
  padding: 17px 24px;
}

.board_tbl tbody .sub_tit {
  font-weight: 500;
  font-size: 16px;
}

.board_tbl tbody .sub_desc {
  font-size: 14px;
  color: #666;
}

.board_tbl tbody .point {
  font-weight: 500;
  color: #0072ce;
}

.board_tbl tbody .font_m {
  font-weight: 500;
}

.board_tbl tbody .font_r {
  font-weight: 400;
}

.board_tbl tbody tr td:first-child {
  border-left: none;
}

.board_tbl tbody tr td.borderL {
  border-left: 1px solid #ddd;
}

.board_tbl.row_type tbody tr th {
  padding: 17px 20px 17px 30px;
  border-bottom: 1px solid #ddd;
}

.board_tbl.row_type tbody tr td {
  padding: 17px 20px 17px 30px;
  border-left: none;
}

.board_tbl.row_type.alL tbody tr th,
.board_tbl.row_type.alL tbody tr td {
  text-align: left;
}

.board_tbl._noline tbody tr td {
  border-left: none;
}

.board_tbl._board thead tr th,
.board_tbl._board tbody tr th {
  padding: 20px 0;
  font-size: 18px;
}

.board_tbl._board tbody tr td {
  padding: 22px 10px;
  font-size: 18px;
  color: #666;
}

.board_tbl._board tbody tr td a,
.board_tbl._board tbody tr td .ellipsis {
  color: #000;
}

/* th fixed table */
.fixed_table_container {
  width: 100%;
  height: 371px;
  position: relative;
  padding-top: 53px;
}

.fixed_table_container .header_bg {
  height: 53px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-top: 3px solid #333;
  background: #f9fafb;
}

.fixed_table_container .board_wrap {
  border-top: none;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.fixed_table_container .board_wrap th {
  padding: 0;
  background: none;
}

.fixed_table_container .th_fixed {
  position: absolute;
  top: 0;
  width: inherit;
  line-height: 53px;
}

/* paging */
.pagination {
  margin-top: 50px;
  text-align: center;
  white-space: nowrap;
}

.pagination button,
.pagination .page_num {
  display: inline-block;
  /* vertical-align: middle; */
}

.pagination button {
  width: 26px;
  height: 26px;
  border: 1px solid #dcdcdc;
  -moz-border-radius: 3px;
       border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center;
}

.pagination button.disabled {
  cursor: not-allowed;
}

.pagination .btn_paging_first {
  background-image: url("../../images/ko/common/btn_page_first.png");
}

.pagination .btn_paging_prev {
  background-image: url("../../images/ko/common/btn_page_prev.png");
}

.pagination .btn_paging_next {
  background-image: url("../../images/ko/common/btn_page_next.png");
}

.pagination .btn_paging_last {
  background-image: url("../../images/ko/common/btn_page_last.png");
}

.pagination .btn_paging_first:hover,
.pagination .btn_paging_first:focus {
  background-image: url("../../images/ko/common/btn_page_pressed_first.png");
}

.pagination .btn_paging_prev:hover,
.pagination .btn_paging_prev:focus {
  background-image: url("../../images/ko/common/btn_page_pressed_prev.png");
}

.pagination .btn_paging_next:hover,
.pagination .btn_paging_next:focus {
  background-image: url("../../images/ko/common/btn_page_pressed_next.png");
}

.pagination .btn_paging_last:hover,
.pagination .btn_paging_last:focus {
  background-image: url("../../images/ko/common/btn_page_pressed_last.png");
}

.pagination .btn_paging_first.disabled {
  background-image: url("../../images/ko/common/btn_page_disabled_first.png");
}

.pagination .btn_paging_prev.disabled {
  background-image: url("../../images/ko/common/btn_page_disabled_prev.png");
}

.pagination .btn_paging_next.disabled {
  background-image: url("../../images/ko/common/btn_page_disabled_next.png");
}

.pagination .btn_paging_last.disabled {
  background-image: url("../../images/ko/common/btn_page_disabled_last.png");
}

.pagination .page_num {
  margin: 0;
}

.pagination .page_num a,
.pagination .page_num strong {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin: 0;
  border: 1px solid #dcdcdc;
  -moz-border-radius: 3px;
       border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  color: #353535;
}

.pagination .page_num a:hover,
.pagination .page_num a:focus {
  color: #0072ce;
}

.pagination .page_num strong {
  position: relative;
  color: #fff;
  border-color: #0072ce;
  background-color: #0072ce;
}

.pagination .page_num a.disabled,
.pagination .page_num strong.disabled {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  color: rgba(53, 53, 53, 0.17);
  cursor: not-allowed;
}

.pagination.type01 {
  margin-top: 35px;
}

.pagination.type01 .page_num {
  margin: 0 11px;
}

.pagination.type01 .page_num a,
.pagination.type01 .page_num strong {
  width: 28px;
  height: 42px;
  margin: 0px 5px;
  background: none;
  color: #999;
}

.pagination.type01 .page_num strong {
  color: #333;
}

/* 도움이 필요하신가요? */
.help_box {
  margin: 100px auto 0;
  padding: 20px 0;
  width: 1280px;
  text-align: center;
  border: 10px solid #f0f0f0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.help_box .help_detail_txt {
  font-size: 16px;
  color: #666;
}

.help_box em {
  margin-left: 20px;
  font-family: "Noto Sans KR";
  color: #000;
}

.help_box em strong {
  margin-left: 10px;
}

.box_list_type + .btn_area {
  margin-top: 50px;
}

/* toggle */
ul[data-toggle=togglewrap] .btn_more,
ul[data-toggle=togglewrapSingle] .btn_more {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  width: 100%;
  height: 73px;
  padding: 0 35px;
  text-align: left;
}

ul[data-toggle=togglewrap] .btn_more .btn_arrow,
ul[data-toggle=togglewrapSingle] .btn_more .btn_arrow {
  position: absolute;
  right: 35px;
  top: 32px;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  -moz-transform: rotate(45deg);
       transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

ul[data-toggle=togglewrap] li.on .btn_more .btn_arrow,
ul[data-toggle=togglewrapSingle] li.on .btn_more .btn_arrow {
  -moz-transform: rotate(225deg);
       transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}

ul[data-toggle=togglewrap] .toggle_cont,
ul[data-toggle=togglewrapSingle] .toggle_cont {
  display: none;
}

ul[data-toggle=togglewrap] .toggle_cont.on,
ul[data-toggle=togglewrapSingle] .toggle_cont.on {
  display: block;
}

.togglewrapSingle li {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.togglewrapSingle li + li {
  margin-top: 15px;
}

.togglewrapSingle .txt_q {
  font-weight: 700;
  font-size: 20px;
  color: #888;
}

.togglewrapSingle .txt_tit {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  width: 100%;
  padding-right: 20px;
}

.togglewrapSingle li.on .txt_a {
  font-weight: 700;
  color: #0072ce;
}

.togglewrapSingle li.on .toggle_cont {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.togglewrapSingle li.on .txt_tit {
  font-weight: 700;
}

.togglewrapSingle.type1 {
  font-size: 16px;
}

.togglewrapSingle.type1 li.on {
  border: solid 1px #000000;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.11);
     -moz-box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.11);
}

.togglewrapSingle.type1 li {
  background-color: #f9f9f9;
}

.togglewrapSingle.type1 .txt_q {
  margin-right: 26px;
}

.togglewrapSingle.type1 li.on {
  background: #fff;
}

.togglewrapSingle.type1 li.on .txt_q {
  color: #000;
}

.togglewrapSingle.type1 li.on .txt_a {
  margin-right: 26px;
}

.togglewrapSingle.type1 li.on .txt_cont {
  line-height: 1.62;
  color: #666666;
}

.togglewrapSingle.type1 li.on .toggle_cont {
  min-height: 128px;
  padding: 15px 115px 36px 35px;
  background: #fff;
}

.togglewrapSingle.type2 {
  font-size: 18px;
}

.togglewrapSingle.type2 li.on .toggle_cont {
  min-height: 128px;
  padding: 25px 99px 30px 215px;
  background-color: #f7f7f7;
}

.togglewrapSingle.type2 li {
  border: solid 1px #dddddd;
}

.togglewrapSingle.type2 li.on .txt_a {
  margin-right: 10px;
}

.togglewrapSingle.type2 li.on .txt_cont {
  color: #666666;
}

.togglewrapSingle.type2 .txt_cate {
  display: inline-block;
  min-width: 143px;
  margin-right: 3px;
  font-weight: 700;
  color: #888888;
}

.togglewrapSingle.type2 .txt_q {
  margin-right: 20px;
}

/* board_option_area */
.board_option_area {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-bottom: 20px;
  -webkit-box-align: end;
     -moz-box-align: end;
          align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.board_option_area .board_option_tit {
  font-size: 25px;
}

.board_option_area .tit_wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.board_option_area .board_option_tit2 {
  font-size: 20px;
  font-weight: 700;
}

.icon_require:before {
  content: "*";
  display: inline-block;
  margin-right: 3px;
  color: #0072ce;
  font-weight: 700;
}

.board_option_area .board_option_txt {
  font-size: 16px;
  color: #666;
  white-space: nowrap;
}

.board_option_area .board_option_txt strong {
  font-weight: 700;
}

.board_option_area .board_option_txt .icon_bul {
  margin-left: 1px;
  vertical-align: middle;
}

.board_option_area .fl .board_option_txt {
  margin-top: 27px;
}

.board_option_area .board_option_txt.total {
  font-size: 18px;
  color: #000;
}

.board_option_area .btn_m {
  margin-top: 2px;
}

.board_option_area .alL {
  margin-right: auto;
}

.board_option_area .alR {
  margin-left: auto;
}

.board_tab_area {
  position: relative;
}

.board_tab_area ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.board_tab_area li {
  position: relative;
}

.board_tab_area li.on a {
  font-weight: 700;
  color: #000;
}

.board_tab_area li + li {
  margin-left: 10px;
  padding-left: 10px;
}

.board_tab_area li + li::before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 1px;
  height: 14px;
  background: #bbb;
}

.board_tab_area a {
  color: #666;
  font-size: 18px;
}

/* board_search_bar */
.board_search_bar {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 450px;
  height: 56px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  border: solid 1px #dddddd;
}

.board_search_bar .select_box .sel {
  width: 100px;
  height: 100%;
  border: none;
}

.board_search_bar .select_box .sel:focus {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}

.board_search_bar .search_input {
  position: relative;
  width: 320px;
  height: 100%;
}

.board_search_bar.single {
  width: 300px;
}

.board_search_bar.single .search_input {
  width: 100%;
}

.board_search_bar .search_input input {
  width: 100%;
  height: 100%;
  padding-right: 50px;
  border: none;
}

.board_search_bar .select_box + .search_input:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 1px;
  height: 36px;
  background-color: #dddddd;
}

.btn_search {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background: url("../../images/ko/common/ico_board_search.png") no-repeat center center;
}

/* bg_box */
.bg_box {
  padding: 23px 0;
  background: #f9fafb;
}

.bg_box.type2 {
  padding: 40px 60px;
}

.bg_box.blank {
  margin: 42px 0 50px;
}

/* sticky */
.sticky_wrap {
  display: block;
  width: 100%;
}

.sticky_wrap .sticky_link {
  position: relative;
  top: 0;
  left: 0;
  width: 1280px;
  margin: 0 auto;
  background: #f9f9f9;
  padding: 23px 0;
}

.sticky_wrap .sticky_link.type2 {
  width: 100%;
}

.sticky_wrap .sticky_link .inner_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.sticky_wrap .sticky_link .btn_sticky {
  position: absolute;
  top: 50%;
  right: 20px;
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.sticky_wrap .sticky_link button {
  font-weight: 700;
  font-size: 16px;
}

.sticky_wrap .sticky_link li button:after,
.sticky_wrap .sticky_link li:first-child button:before {
  margin-right: 40px;
}

.sticky_wrap .sticky_link li button:after,
.sticky_wrap .sticky_link li + li button:before,
.sticky_wrap .sticky_link li:first-child button:before,
.sticky_wrap .sticky_link li + li button:after {
  content: "";
  display: inline-block;
}

.sticky_wrap .sticky_link li + li button:before {
  background-color: #ccc;
  width: 1px;
  height: 14px;
  margin-left: 3px;
  margin-right: 40px;
  transform: skew(-26deg);
  -moz-transform: skew(-26deg);
  -ms-transform: skew(-26deg);
  -webkit-transform: skew(-26deg);
}

.sticky_wrap .sticky_link .tab.on button {
  color: #0072ce;
}

.sticky_wrap .sticky_link .tab.on p.hide {
  display: block;
}

.sticky_wrap.on .sticky_link {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 5;
}

.sticky_wrap.on.flex .sticky_link {
  top: 80px;
}

.sticky_wrap ._4depth.sticky_link {
  padding: 0;
  background: #fff;
}

.sticky_wrap.on ._4depth .tab button,
.sticky_wrap.on ._4depth .tab a {
  font-weight: bold;
  color: #000;
}

.sticky_wrap.on .box_tab_menu._4depth {
  border: 0;
}

.sticky_wrap.on ._4depth.sticky_link {
  background: #f9fafb;
  -webkit-box-shadow: 0 11px 16px 0 rgba(0, 0, 0, 0.06);
     -moz-box-shadow: 0 11px 16px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 11px 16px 0 rgba(0, 0, 0, 0.06);
}

.sticky_wrap.on ._4depth ul {
  width: 600px;
  margin: 0 auto;
}

.sticky_wrap.on ._4depth .tab.on {
  background: none;
}

.sticky_wrap.on ._4depth .tab button,
.sticky_wrap.on ._4depth .tab a {
  border: 0;
}

.sticky_link._4depth li + li button:before {
  content: none;
}

.sticky_wrap .sticky_link._4depth .tab.on button {
  color: #fff;
}

.sticky_wrap.on .sticky_link._4depth .tab.on button {
  color: #0072ce;
}

.sticky_wrap .sticky_link._4depth li:first-child button:before {
  content: none;
}

.sticky_wrap .sticky_link._4depth li button:after {
  content: none;
}

/* 체험콘텐츠 */
.detail_video_wrap {
  padding-top: 129px;
  background-color: #deeaf6;
  text-align: center;
}

.experience_wrap .title_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  max-width: 1320px;
  padding: 0 20px;
  margin: 0 auto;
}

.experience_wrap .title_wrap .title04 {
  color: #000;
}

.experience_wrap .title_wrap .experience_step {
  width: 630px;
  margin-left: auto;
}

.experience_wrap .title_wrap .experience_step:focus {
  outline: dotted;
}

.experience_step .slick-track {
  width: auto !important;
}

.experience_step .stepitem {
  float: left;
  width: 200px !important;
  padding-top: 15px;
  margin-left: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #666;
  border-top: 1px solid #c7c7c7;
  cursor: pointer;
}

.experience_step .stepitem span {
  position: relative;
  display: inline-block;
}

.experience_step .stepitem strong {
  display: block;
  margin-top: 5px;
  font-weight: 700;
}

.experience_step .stepitem.slick-current {
  color: #0072ce;
  border-color: #0072ce;
}

.experience_step .stepitem.slick-current span:before {
  content: "";
  position: absolute;
  top: 5px;
  right: -13px;
  width: 6px;
  height: 6px;
  background: #ef3737;
}

.experience_step .stepitem.slick-current strong {
  font-weight: 700;
}

.experience_wrap .slick_wrap {
  max-width: 1480px;
  padding: 0 100px;
  margin: 50px auto 0;
  overflow: visible;
}

.experience_wrap .slick_wrap .slick-list {
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}

.experience_wrap .slick-button-box .slick-prev,
.experience_wrap .slick-button-box .slick-next {
  position: absolute;
  top: 285px;
  left: 0;
  width: 90px;
  height: 90px;
  border: 0;
  background: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transform: inherit;
     -moz-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
}

.experience_wrap .slick-button-box .slick-prev:before,
.experience_wrap .slick-button-box .slick-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -23px;
  margin-left: -10px;
  display: block;
  width: 45px;
  height: 45px;
  border-top: 2px solid #555;
  border-left: 2px solid #555;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.experience_wrap .slick_wrap .slick-button-box {
  top: 0;
}

.experience_wrap .slick-button-box .slick-next {
  left: auto;
  right: 0;
}

.experience_wrap .slick-button-box .slick-next:before {
  left: 20px;
  -moz-transform: rotate(135deg);
       transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}

.experience_slide .slick-slide {
  padding-bottom: 100px;
}

.experience_item .tab_menu {
  width: 100%;
  margin-top: 35px;
  -webkit-box-align: start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.experience_item .tab_menu .tab + .tab {
  margin-left: 15px;
}

.experience_item .tab_menu .tab_link {
  display: block;
  width: 140px;
  height: 150px;
  padding: 8px 0;
}

.experience_item .tab_menu .tab_link img {
  margin: 0 auto;
  width: auto;
  height: 96px;
}

.experience_item .tab_menu .tab_link span {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  line-height: 1.5;
}

.experience_item .tab_menu .tab.on .tab_link {
  margin-top: -5px;
  background: #fff;
  border: 3px solid #0072ce;
  -moz-border-radius: 6px;
       border-radius: 6px;
  -webkit-box-shadow: 0 13px 21px 0 rgba(0, 0, 0, 0.19);
     -moz-box-shadow: 0 13px 21px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 13px 21px 0 rgba(0, 0, 0, 0.19);
  color: #0072ce;
  font-weight: 700;
}

.experience_item .tab_menu .tab.on p.hide {
  display: block;
}

.experience_item .tab_container {
  padding-top: 0;
}

/* 세콤 상세 */
.aos_wrap {
  position: relative;
}

.secom_service {
  margin-top: 60px;
}

.secom_item {
  position: relative;
}

.secom_item:after {
  content: "";
  clear: both;
  display: block;
}

.secom_item .item_large {
  position: relative;
  width: 610px;
}

/* s: 230215 수정 */
.secom_item .item_small {
  position: relative;
  width: 432px;
}

/* e: 230215 수정 */
.secom_item .item_large.fl {
  margin-top: 100px;
}

.secom_item .item_small.fl {
  margin-top: 190px;
}

.secom_item .sub {
  margin-top: 25px;
}

.secom_item .sub .tit {
  line-height: 1.25;
  font-size: 24px;
  font-weight: 700;
}

.secom_item .sub .txt {
  display: block;
  margin-top: 10px;
  color: #333;
  line-height: 1.67;
  font-size: 18px;
}

.secom_item .sub .txt2 {
  display: block;
  margin-top: 10px;
  color: #888;
  line-height: 1.57;
  font-size: 14px;
}

.secom_item .sub .txt.font_bold + .txt {
  margin-top: 5px;
}

.secom_item .sub ul.txt {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.secom_item .sub ul.txt.col02 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.secom_item .sub ul.txt.col02 li {
  width: 286px;
}

.secom_item .sub .bul_list {
  margin-top: 10px;
}

.secom_item .sub .txt + .bul_list {
  margin-top: 0;
}

.secom_item .sub .caution {
  font-size: 14px;
  color: #ff312c;
  margin-top: 3px;
}

.title_wrap.blank08 {
  margin-top: 80px;
}

.title_wrap.blank09 {
  margin-top: 90px;
}

.title_wrap.blank12 {
  margin-top: 120px;
}

.title_wrap.blank15 {
  margin-top: 150px;
}

.title_wrap.blank18 {
  margin-top: 180px;
}

.title_wrap.blank20 {
  margin-top: 200px;
}

.title_wrap.has_btn {
  position: relative;
  padding-bottom: 76px;
}

.colum_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 100px;
}

.colum_box .col_item {
  text-align: center;
}

.colum_box .col_item {
  width: 320px;
}

.colum_box.col02 .col_item {
  width: 625px;
}

.colum_box.col03 .col_item {
  width: 406px;
}

.colum_box.col04 .col_item {
  width: 297px;
}

.colum_box.col05 .col_item {
  width: 20%;
}

.colum_box .col_item .benefit_wrap .bul_list {
  margin: auto;
  width: 240px;
  margin-top: 10px;
}

.colum_box .txt_box {
  margin-top: 12px;
  text-align: center;
}

.colum_box .txt_box .txt {
  line-height: 1.67;
  font-size: 18px;
}

.colum_box.brochure {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 40px;
}

.colum_box.brochure .col_item .img_box {
  height: 406px;
  line-height: 406px;
}

.colum_box.brochure .col_item .img_box.blue {
  background-color: #3f9ae3;
}

.colum_box.brochure .col_item .img_box.pink {
  background-color: #f67979;
}

.colum_box.brochure .col_item .img_box.gray {
  background-color: #bababa;
}

.colum_box.brochure .col_item .txt_box {
  margin-top: 20px;
}

.colum_box.service {
  margin-top: 50px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.colum_box.service .col_item {
  margin-left: 30px;
}

.colum_box.service.col02 .col_item {
  width: 622px;
}

.colum_box.service.col03 .col_item {
  width: 406px;
}

.colum_box.service.col04 .col_item {
  width: 300px;
  margin-left: 26px;
}

.colum_box.service.col02 .col_item:nth-child(n+3),
.colum_box.service.col03 .col_item:nth-child(n+4),
.colum_box.service.col04 .col_item:nth-child(n+5) {
  margin-top: 80px;
}

.colum_box.service .col_item:first-child,
.colum_box.service.col02 .col_item:nth-child(2n+1),
.colum_box.service.col03 .col_item:nth-child(3n+1),
.colum_box.service.col04 .col_item:nth-child(4n+1) {
  margin-left: 0;
}

.colum_box.service .img_box {
  position: relative;
  width: 100%;
  height: 300px;
  background: #f8f8f8;
}

.colum_box.service .img_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -moz-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.colum_box.service .txt_box {
  margin-top: 30px;
  text-align: center;
}

.colum_box.service.col04 .txt_box {
  margin-top: 40px;
  text-align: center;
}

.colum_box.service.type_left .txt_box {
  margin-top: 30px;
  text-align: left;
}

.colum_box.service .txt_box .link_tit {
  display: inline-block;
  width: 10px;
  height: 18px;
  margin-left: 5px;
  background: url("../../images/ko/secom/ico_link_arrow.png") no-repeat;
}

.colum_box.service .txt_box .sub_desc {
  display: block;
  margin-top: 10px;
  line-height: 1.67;
  color: #333;
}

.colum_box.service .txt_box .sub_desc2 {
  display: block;
  margin-top: 10px;
  line-height: 1.75;
  font-size: 16px;
  color: #333;
}

.colum_box.service .txt_box .sub_desc3 {
  display: block;
  margin-top: 0;
  color: #666;
  font-size: 16px;
  line-height: 1.63;
}

.colum_box.service .txt_box .sub_txt {
  font-size: 20px;
}

.colum_box.service .txt_box .bul_list {
  margin-top: 5px;
}

.colum_box.service .txt_box .bul_list li {
  margin-top: 0;
  font-size: 16px;
  line-height: 1.63;
}

.colum_box.service .txt_box .bul_list li:before {
  top: 11px;
}

.colum_box.service .txt_box .caution {
  display: block;
  margin-top: 10px;
  line-height: 1.63;
  color: #ff312c;
  font-size: 16px;
  word-break: keep-all;
  padding-left: 20px;
  text-indent: -20px;
}

.bg_viewer {
  margin-top: 120px;
  background: url("../../images/ko/secom/bg_secom_viewer.jpg") no-repeat center;
  -webkit-background-size: cover;
     -moz-background-size: cover;
          background-size: cover;
}

.recom_traget_wrap + .bg_viewer {
  margin-top: 0;
}

/* s: 230120 수정 */
.bg_viewer .img_viewer {
  position: relative;
  height: 350px;
}

.bg_viewer .txt {
  position: absolute;
  top: 77px;
  right: -120px;
  line-height: 1.39;
  color: #fff;
  font-size: 36px;
}

/* e: 230120 수정 */
.recom_traget_wrap {
  position: relative;
  padding-bottom: 150px;
}

.recom_traget_wrap.hitscan {
  padding-bottom: 58px;
}

.recom_traget_wrap::before {
  content: "";
  position: absolute;
  top: 200px;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #f0f8ff;
  z-index: -1;
}

.recom_traget_wrap.type2:before {
  height: 270px;
}

.recom_traget_wrap.type3:before {
  height: 302px;
}

.recom_traget_wrap .txt_box {
  text-align: left;
  padding: 0 25px;
}

.recom_traget_wrap .bul_list {
  margin-top: 10px;
}

.recom_traget_wrap .bul_list li {
  font-size: 16px;
}

.recom_traget_wrap .colum_box {
  margin-top: 80px;
}

.recom_traget_wrap .colum_box .txt {
  font-size: 18px;
  color: #000;
  line-height: 1.67;
}

.recom_traget_wrap .colum_box .txt2 {
  margin-top: 10px;
  font-size: 16px;
  color: #555;
  line-height: 1.5;
}

.recom_traget_wrap .tit {
  font-size: 20px;
  color: #000;
  font-weight: 500;
}

.recom_traget_wrap .tit + .txt {
  margin-top: 8px;
  color: #333;
}

.recom_traget_wrap .ico_wrap {
  margin-bottom: 22px;
}

.recom_traget_wrap .colum_box.colum_wide .col_item {
  width: 440px;
  margin: 0 35px;
}

.recom_traget_wrap .colum_box.colum_wide2 .col_item {
  margin: 0 30px;
}

.ico_secom1 {
  background: url("../../images/ko/secom/ico_m_secom1.png") no-repeat center;
}

.ico_secom2 {
  background: url("../../images/ko/secom/ico_m_secom2.png") no-repeat center;
}

.ico_secom3 {
  background: url("../../images/ko/secom/ico_m_secom3.png") no-repeat center;
}

.ico_secom4 {
  background: url("../../images/ko/secom/ico_m_secom4.png") no-repeat center;
}

.ico_secom5 {
  background: url("../../images/ko/secom/ico_m_secom5.png") no-repeat center;
}

.ico_secom6 {
  background: url("../../images/ko/secom/ico_m_secom6.png") no-repeat center;
}

.ico_secom7 {
  background: url("../../images/ko/secom/ico_m_secom7.png") no-repeat center;
}

.ico_secom8 {
  background: url("../../images/ko/secom/ico_m_secom8.png") no-repeat center;
}

.ico_secom9 {
  background: url("../../images/ko/secom/ico_m_secom9.png") no-repeat center;
}

.ico_secom10 {
  background: url("../../images/ko/secom/ico_m_secom10.png") no-repeat center;
}

.ico_secom11 {
  background: url("../../images/ko/secom/ico_m_secom11.png") no-repeat center;
}

.ico_secom12 {
  background: url("../../images/ko/secom/ico_m_secom12.png") no-repeat center;
}

.ico_secom13 {
  background: url("../../images/ko/secom/ico_m_secom13.png") no-repeat center;
}

.ico_secom14 {
  background: url("../../images/ko/secom/ico_m_secom14.png") no-repeat center;
}

.ico_secom15 {
  background: url("../../images/ko/secom/ico_m_secom15.png") no-repeat center;
}

.ico_secom16 {
  background: url("../../images/ko/secom/ico_m_secom16.png") no-repeat center;
}

.ico_secom17 {
  background: url("../../images/ko/secom/ico_m_secom17.png") no-repeat center;
}

.ico_secom18 {
  background: url("../../images/ko/secom/ico_m_secom18.png") no-repeat center;
}

.ico_secom19 {
  background: url("../../images/ko/secom/ico_m_secom19.png") no-repeat center;
}

.ico_secom20 {
  background: url("../../images/ko/secom/ico_m_secom20.png") no-repeat center;
}

.ico_secom21 {
  background: url("../../images/ko/secom/ico_m_secom21.png") no-repeat center;
}

.ico_cles1 {
  background: url("../../images/ko/solution/ico_cles01.png") no-repeat center;
}

.ico_cles2 {
  background: url("../../images/ko/solution/ico_cles02.png") no-repeat center;
}

.ico_cles3 {
  background: url("../../images/ko/solution/ico_cles03.png") no-repeat center;
}

.ico_package01_01 {
  background: url("../../images/ko/info_sc/icon_package01_01.png") no-repeat center;
}

.ico_package01_02 {
  background: url("../../images/ko/info_sc/icon_package01_02.png") no-repeat center;
}

.ico_package01_03 {
  background: url("../../images/ko/info_sc/icon_package01_03.png") no-repeat center;
}

.ico_package02_01 {
  background: url("../../images/ko/info_sc/icon_package02_01.png") no-repeat center;
}

.ico_package02_02 {
  background: url("../../images/ko/info_sc/icon_package02_02.png") no-repeat center;
}

.ico_package03_01 {
  background: url("../../images/ko/info_sc/icon_package03_01.png") no-repeat center;
}

.ico_package03_02 {
  background: url("../../images/ko/info_sc/icon_package03_02.png") no-repeat center;
}

.case_slide {
  margin-top: 80px;
  padding-bottom: 136px;
}

.card_slick_slide {
  position: relative;
}

.card_slick_slide .slick-list {
  margin: 0 -15px 30px;
  overflow: hidden;
}

.card_slick_slide .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.card_slick_slide .slick-slide {
  height: inherit;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 15px;
}

.card_slick_slide .slick_wrap .slick-dots {
  margin-top: 0;
}

.card_slick_slide .case_card {
  width: 406px;
  height: 100%;
}

.card_slick_slide .case_card,
.card_slick_slide .case_card > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.card_slick_slide .case_card .img_box {
  width: 100%;
  height: 230px;
  overflow: hidden;
}

.card_slick_slide .case_card .img_box img {
  width: 100%;
  height: 100%;
}

.card_slick_slide .case_card .txt_box {
  width: 100%;
  padding: 30px 30px;
  border: 1px solid #ddd;
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
}

.card_slick_slide .case_card .txt_box.type3 {
  border: none;
  padding: 0;
  margin-top: 20px;
}

.card_slick_slide .case_card .txt_box.type3 .tit {
  font-size: 20px;
  height: auto;
}

.card_slick_slide .case_card .txt_box.type4 .tit {
  height: auto;
}

.card_slick_slide .case_card .txt_box .tit {
  height: 60px;
  overflow: hidden;
  font-size: 24px;
  font-weight: 700;
}

.card_slick_slide .case_card .txt_box.type2 .tit {
  font-size: 20px;
}

.card_slick_slide .case_card .txt_box.type5 .tit {
  font-size: 20px;
}

.card_slick_slide .case_card .txt_box .tag {
  display: block;
  margin-top: 9px;
  line-height: 1.63;
  color: #696969;
  font-size: 16px;
}

.card_slick_slide .case_card .info_box {
  margin-top: 15px;
}

.card_slick_slide .case_card .txt_box.type2 .info_box {
  margin-top: 20px;
}

.card_slick_slide .case_card .info_box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}

.card_slick_slide .case_card .info_box dl ~ dl {
  margin-top: 5px;
}

.card_slick_slide .case_card .info_box dl dt {
  width: 85px;
  min-width: 85px;
  font-size: 16px;
  color: #888;
}

.card_slick_slide .case_card .info_box dl dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 68px;
  overflow: hidden;
  font-size: 16px;
  color: #000;
}

.btn_more_box {
  text-align: right;
}

.ico_square_link {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: -3px 5px 0 7px;
  border: 1px solid #000;
  vertical-align: middle;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.ico_square_link:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.slick_wrap.image_slide {
  margin-top: 80px;
}

.slick_wrap .slick-button-box {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.slick_wrap.case_slide .slick-button-box {
  top: 194px;
}

.slick_wrap .slick-button-box button {
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.slick_wrap .slick-next {
  position: absolute;
  right: 0;
}

.slick_wrap .slick-prev {
  position: absolute;
  left: 0;
}

.image_slick_slide .image_item {
  position: relative;
}

.image_slick_slide img {
  vertical-align: top;
}

.image_slick_slide .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 25px 0;
  background-color: rgba(58, 58, 58, 0.7);
  text-align: center;
  z-index: 5;
}

.image_slick_slide .txt span {
  line-height: 1.5;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

/* 안전상품 */
.safety_wrap {
  position: relative;
  padding: 120px 0;
  background-color: #fafafa;
}

.safety_wrap .ico_safety {
  display: inline-block;
  width: 114px;
  height: 114px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: top;
}

.safety_wrap .ico_safety.icon01 {
  background-image: url("../../images/ko/secom/ico_safety01.png");
}

.safety_wrap .ico_safety.icon02 {
  background-image: url("../../images/ko/secom/ico_safety02.png");
}

.safety_wrap .ico_safety.icon03 {
  background-image: url("../../images/ko/secom/ico_safety03.png");
}

.safety_wrap .ico_safety.icon04 {
  background-image: url("../../images/ko/secom/ico_safety04.png");
}

.safety_wrap .ico_safety.icon05 {
  background-image: url("../../images/ko/secom/ico_safety05.png");
}

.safety_wrap .ico_safety.icon06 {
  background-image: url("../../images/ko/secom/ico_safety06.png");
}

.safety_wrap .ico_safety.icon07 {
  background-image: url("../../images/ko/secom/ico_safety07.png");
}

.safety_wrap .ico_safety.icon08 {
  background-image: url("../../images/ko/secom/ico_safety08.png");
}

.safety_wrap .tit {
  margin-top: 40px;
  line-height: 1.25;
  font-size: 24px;
  font-weight: 700;
}

.safety_wrap .txt {
  display: block;
  margin-top: 16px;
  line-height: 1.56;
  color: #333333;
}

.safety_wrap .txt .desc {
  display: block;
  margin-top: 5px;
  line-height: 1.88;
  color: #555555;
  font-size: 16px;
}

.colum_box.safety {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.colum_box.safety .col_item {
  width: 240px;
}

.product_wrap {
  position: relative;
  margin-top: 120px;
}

.product_wrap + .product_wrap {
  margin-top: 167px;
}

.product_wrap .item {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.product_wrap .item .prd_img {
  position: relative;
}

.product_wrap .item .prd_img .pin_item {
  position: absolute;
}

.product_wrap .item .prd_img .pin_item span {
  display: inline-block;
  position: absolute;
}

.product_wrap .item .prd_img .pin_item .line {
  height: 2px;
  border-bottom: 2px dashed #b6b6b6;
  z-index: 4;
}

.product_wrap .item .prd_img .pin_item .line:before,
.product_wrap .item .prd_img .pin_item .line:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 7px;
  right: 0;
  background-color: #b6b6b6;
}

.product_wrap .item .prd_img .pin_item .line:before {
  top: 0;
  -moz-transform: rotate(45deg);
       transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.product_wrap .item .prd_img .pin_item .line:after {
  top: -5px;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.product_wrap .item .prd_img .pin_item .diagonal {
  overflow: hidden;
}

.product_wrap .item .prd_img .pin_item .diagonal:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  width: 200%;
  border-bottom: 2px dashed #b6b6b6;
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.product_wrap .item .prd_img .pin_item .diagonal.top:after {
  bottom: 0;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.product_wrap .item .prd_img .pin_item .diagonal.bot:after {
  top: 0;
  -moz-transform: rotate(45deg);
       transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.product_wrap .item .prd_img .pin_item .pin {
  display: inline-block;
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1px solid #ffffff;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #2278e7;
  z-index: 5;
}

.product_wrap .item .prd_img .pin_item .txt {
  top: 0;
  left: 0;
  font-weight: 500;
  white-space: nowrap;
}

.product_wrap .item .prd_img .pin_item.pin01 {
  top: 329px;
  left: 8px;
}

.product_wrap .item .prd_img .pin_item.pin01 .line {
  top: 60px;
  left: 57px;
  width: 61px;
  height: 45px;
  border-left: 2px dashed #b6b6b6;
}

.product_wrap .item .prd_img .pin_item.pin01 .line:before,
.product_wrap .item .prd_img .pin_item.pin01 .line:after {
  top: 0;
  right: initial;
}

.product_wrap .item .prd_img .pin_item.pin01 .line:before {
  left: -5px;
}

.product_wrap .item .prd_img .pin_item.pin01 .line:after {
  left: 1px;
}

.product_wrap .item .prd_img .pin_item.pin01 .pin {
  top: 96px;
  left: 113px;
}

.product_wrap .item .prd_img .pin_item.pin02 {
  top: 200px;
  left: 718px;
}

.product_wrap .item .prd_img .pin_item.pin02 .line {
  top: 13px;
  left: -259px;
  width: 212px;
}

.product_wrap .item .prd_img .pin_item.pin02 .pin {
  top: 6px;
  left: -271px;
}

.product_wrap .item .prd_img .pin_item.pin03 {
  top: 339px;
  left: 665px;
}

.product_wrap .item .prd_img .pin_item.pin03 .line {
  top: 13px;
  left: -320px;
  width: 275px;
}

.product_wrap .item .prd_img .pin_item.pin03 .pin {
  top: 6px;
  left: -328px;
}

.product_wrap .item .prd_img .pin_item.pin04 {
  top: 389px;
  left: 644px;
}

.product_wrap .item .prd_img .pin_item.pin04 .line {
  top: 13px;
  left: -429px;
  width: 383px;
}

.product_wrap .item .prd_img .pin_item.pin04 .pin {
  top: 6px;
  left: -437px;
}

.product_wrap .item .prd_img .pin_item.pin05 {
  top: 449px;
  left: 637px;
}

.product_wrap .item .prd_img .pin_item.pin05 .line {
  top: 13px;
  left: -312px;
  width: 270px;
}

.product_wrap .item .prd_img .pin_item.pin05 .pin {
  top: 6px;
  left: -320px;
}

.product_wrap .item .prd_img .pin_item.pin06 {
  top: 569px;
  left: 714px;
}

.product_wrap .item .prd_img .pin_item.pin06 .line {
  top: 13px;
  left: -154px;
  width: 110px;
}

.product_wrap .item .prd_img .pin_item.pin06 .diagonal {
  top: -151px;
  left: -438px;
  bottom: -15px;
  width: 284px;
}

.product_wrap .item .prd_img .pin_item.pin06 .diagonal:after {
  -moz-transform: rotate(30deg);
       transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
}

.product_wrap .item .prd_img .pin_item.pin06 .pin {
  top: -158px;
  left: -446px;
}

.product_wrap .item .prd_img .pin_item.pin07 {
  top: 180px;
  left: 702px;
}

.product_wrap .item .prd_img .pin_item.pin07 .line {
  top: 13px;
  left: -152px;
  width: 110px;
}

.product_wrap .item .prd_img .pin_item.pin07 .diagonal {
  top: 13px;
  left: -417px;
  bottom: -142px;
  width: 265px;
}

.product_wrap .item .prd_img .pin_item.pin07 .diagonal:after {
  -moz-transform: rotate(-26deg);
       transform: rotate(-26deg);
  -ms-transform: rotate(-26deg);
  -webkit-transform: rotate(-26deg);
}

.product_wrap .item .prd_img .pin_item.pin07 .pin {
  top: 134px;
  left: -425px;
}

.product_wrap .item .prd_img .pin_item.pin08 {
  top: 248px;
  left: 677px;
}

.product_wrap .item .prd_img .pin_item.pin08 .line {
  top: 13px;
  left: -151px;
  width: 110px;
}

.product_wrap .item .prd_img .pin_item.pin08 .diagonal {
  top: 13px;
  left: -392px;
  bottom: -104px;
  width: 241px;
}

.product_wrap .item .prd_img .pin_item.pin08 .diagonal:after {
  -moz-transform: rotate(-20.5deg);
       transform: rotate(-20.5deg);
  -ms-transform: rotate(-20.5deg);
  -webkit-transform: rotate(-20.5deg);
}

.product_wrap .item .prd_img .pin_item.pin08 .pin {
  top: 98px;
  left: -400px;
}

.product_wrap .item .prd_img .pin_item.pin09 {
  top: 312px;
  left: 698px;
}

.product_wrap .item .prd_img .pin_item.pin09 .line {
  top: 13px;
  left: -151px;
  width: 110px;
}

.product_wrap .item .prd_img .pin_item.pin09 .diagonal {
  top: 13px;
  left: -533px;
  bottom: -160px;
  width: 382px;
}

.product_wrap .item .prd_img .pin_item.pin09 .diagonal:after {
  -moz-transform: rotate(-21deg);
       transform: rotate(-21deg);
  -ms-transform: rotate(-21deg);
  -webkit-transform: rotate(-21deg);
}

.product_wrap .item .prd_img .pin_item.pin09 .pin {
  top: 154px;
  left: -541px;
}

.product_wrap .item .prd_img .pin_item.pin10 {
  top: 416px;
  left: 665px;
}

.product_wrap .item .prd_img .pin_item.pin10 .line {
  top: 13px;
  left: -306px;
  width: 263px;
}

.product_wrap .item .prd_img .pin_item.pin10 .pin {
  top: 6px;
  left: -314px;
}

.product_wrap .item .prd_img .pin_item.pin11 {
  top: 505px;
  left: 637px;
}

.product_wrap .item .prd_img .pin_item.pin11 .line {
  top: 13px;
  left: -378px;
  width: 336px;
}

.product_wrap .item .prd_img .pin_item.pin11 .pin {
  top: 6px;
  left: -386px;
}

.product_wrap .item .prd_img .pin_item.pin12 {
  top: 610px;
  left: 714px;
}

.product_wrap .item .prd_img .pin_item.pin12 .line {
  top: 13px;
  left: -155px;
  width: 114px;
}

.product_wrap .item .prd_img .pin_item.pin12 .diagonal {
  top: -88px;
  left: -532px;
  bottom: -15px;
  width: 375px;
}

.product_wrap .item .prd_img .pin_item.pin12 .diagonal:after {
  -moz-transform: rotate(15deg);
       transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
}

.product_wrap .item .prd_img .pin_item.pin12 .pin {
  top: -95px;
  left: -540px;
}

.product_wrap .item .prd_info {
  position: relative;
  width: 398px;
  padding: 49px 41px 49px 38px;
  background-color: #fafafa;
}

.product_wrap .item .prd_info li {
  line-height: 28px;
  color: #333333;
  font-size: 16px;
}

.product_wrap .item .prd_info li + li {
  margin-top: 20px;
}

.product_wrap .item .prd_info li .tit {
  color: #000000;
  font-size: 18px;
  font-weight: 700;
}

.product_wrap .compo_box {
  display: block;
  margin-top: 60px;
  padding: 50px 120px;
  background-color: #fafafa;
}

.product_wrap .compo_box .compo_item {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product_wrap .compo_box .tit {
  width: 260px;
  padding: 105px 0;
  line-height: 1;
  font-size: 32px;
  font-weight: 700;
}

.product_wrap .compo_box .item li {
  margin-right: 30px;
}

.product_wrap .compo_box .item li:last-child {
  margin-right: 0;
}

.product_wrap .compo_box .item li .img img {
  vertical-align: top;
}

.product_wrap .compo_box .item li .name {
  margin-top: 10px;
  text-align: center;
  line-height: 1.67;
  font-weight: 700;
}

.product_wrap .compo_box .desc {
  display: block;
  margin-top: 60px;
  color: #555555;
  font-size: 15px;
}

.product_wrap.heart_shocker .item .prd_img {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.product_wrap.coffer_wrap .item {
  margin-top: 30px;
}

.product_wrap.coffer_wrap .item:first-child {
  margin-top: 0;
}

.product_wrap.coffer_wrap .item .prd_img {
  width: 700px;
  height: 400px;
  border: 1px solid #a7a7a7;
  text-align: center;
}

.product_wrap.coffer_wrap .item .prd_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.product_wrap.coffer_wrap .item .prd_info {
  width: 550px;
  height: 400px;
}

.shocker_htu {
  margin-top: 150px;
}

.shocker_holder {
  position: relative;
  margin-top: 100px;
  text-align: center;
}

.shocker_holder .title04 {
  color: #000;
}

.shocker_holder .sub_desc {
  margin-top: 10px;
  color: #333;
}

.shocker_holder .col_item {
  border: 1px solid rgba(167, 167, 167, 0.5);
}

.colum_box.holder {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.colum_box.holder .col_item {
  position: relative;
}

.colum_box.holder.col02 .col_item {
  width: 622px;
}

.colum_box.holder .img_box {
  position: relative;
  width: 100%;
  height: 300px;
  background: #ffffff;
  line-height: 300px;
  overflow: hidden;
}

.colum_box.holder .img_box img {
  vertical-align: middle;
}

.colum_box.holder .name {
  position: absolute;
  top: 0;
  left: 0;
  padding: 16px 20px 20px 30px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.box_notice.shocker_notice,
.box_notice.shocker_notice .tit {
  color: #555;
}

.hitscan_notice {
  width: 994px;
  margin: auto;
  margin-top: 20px;
}

.box_notice.hitscan_notice .bul_list li {
  font-size: 14px;
  color: #666;
}

.box_notice.hitscan_notice .bul_list li + li {
  margin-top: 10px;
}

.step_aply_wrap.shocker_htu .step_aply .cnt.shoker_icon:after {
  content: "";
  position: absolute;
  top: 83px;
  right: 20px;
  width: 113px;
  height: 113px;
  background: url("../../images/ko/secom/ico_aply_sp05_1.png") no-repeat;
}

.step_aply_wrap.shocker_htu .step_aply small {
  margin-top: 10px;
}

.btn_color_box {
  position: absolute;
  top: 90px;
  left: 30px;
  text-align: left;
}

.btn_color_box .ovel_coffer {
  display: block;
  margin-bottom: 12px;
  position: relative;
}

.btn_color_box .ovel_coffer:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  vertical-align: middle;
}

.btn_color_box .ovel_coffer.active:before {
  border: 4px solid #0072ce;
}

.ovel_coffer.silver:before {
  background-color: #d8d8d8;
}

.ovel_coffer.red:before {
  background-color: #e02020;
}

.ovel_coffer.wine:before {
  background-color: #59070b;
}

.ovel_coffer.black:before {
  background-color: #000000;
}

.ovel_coffer.white:before {
  border: 1px solid #c7c7c7;
  background-color: #ffffff;
}

.ovel_coffer.steal_beige:before {
  background: url("../../images/ko/secom/bg_steal_beige.png") no-repeat center;
}

.ovel_coffer.steal_silver:before {
  background: url("../../images/ko/secom/bg_steal_silver.png") no-repeat center;
}

.ovel_coffer.brown:before {
  background: url("../../images/ko/secom/bg_brown.png") no-repeat center;
}

.btn_color_box .ovel_coffer > span {
  display: inline-block;
  margin-left: 14px;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
}

/* 추천혜택 */
.product_detail .sticky_wrap {
  margin: 80px auto 0;
}

.product_detail .sticky_wrap + .title_wrap {
  margin-top: 120px;
}

.list_frame_item > li {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  padding: 80px 0;
  border-bottom: 2px solid #ddd;
}

.list_frame_item > li:first-child {
  /* padding-top:0; */
  border-top: 3px solid #333;
}

.list_frame_item li .frame_box {
  position: relative;
  width: 622px;
  height: 300px;
  background-color: #fafafa;
  text-align: center;
}

.list_frame_item li .frame_box .name {
  position: absolute;
  top: 15px;
  left: 25px;
  color: #666;
  line-height: 1.55;
  font-size: 22px;
  font-weight: bold;
}

.list_frame_item li .frame_box .img {
  display: inline-block;
  position: relative;
  top: 50%;
  vertical-align: top;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.list_frame_item li .info_box {
  width: 658px;
  padding-left: 80px;
}

.list_frame_item li .info_box .title {
  display: block;
  line-height: 1.21;
  color: #333;
  font-size: 28px;
  font-weight: bold;
}

.list_frame_item li .info_box .text_list {
  position: relative;
}

.list_frame_item li .info_box .title + .text_list {
  margin-top: 25px;
}

.list_frame_item li .info_box .text_list > li {
  line-height: 1.89;
  color: #333;
  font-size: 18px;
}

.list_frame_item li .info_box .text_list > li > ul {
  padding: 4px 0 0 10px;
}

.list_frame_item li .info_box .text_list > li > ul > li {
  line-height: 1.5;
  color: #666;
  font-size: 16px;
}

.list_frame_item li .info_box .text_list li.colon {
  padding-left: 9px;
  text-indent: -9px;
}

.list_frame_item li .info_box .btn_box {
  display: block;
  position: relative;
  font-size: 0;
}

.list_frame_item li .info_box .text_list + .btn_box {
  margin-top: 60px;
}

.list_frame_item li .info_box .btn_box button,
.list_frame_item li .info_box .btn_box a {
  margin-right: 10px;
}

.title_wrap + .list_frame_item.type2 {
  margin-top: 30px;
}

.list_frame_item.type2 > li {
  border-bottom: 2px solid #ddd;
}

.list_frame_item.type2 li .info_box {
  padding-top: 40px;
}

.list_frame_item.type2 li .info_box .text_list > li {
  line-height: 1.44;
}

.list_frame_item.type2 .title + .sub_txt01 {
  margin-top: 25px;
}

.list_frame_item.type2 .sub_txt01 + .font_bold {
  margin-top: 30px;
}

.list_frame_item.type2 .font_bold + .sub_txt02 {
  margin-top: 7px;
}

.btn_lines {
  display: inline-block;
  padding: 12px 24px 14px;
  line-height: 1.5;
  font-size: 16px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  text-align: center;
  vertical-align: top;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn_lines .text_desc {
  display: block;
  margin-top: 4px;
  line-height: 1.14;
  font-size: 14px;
  font-weight: normal;
}

.boon_notice {
  position: relative;
}

.list_frame_item + .boon_notice {
  margin-top: 20px;
}

.boon_notice li {
  line-height: 1.75;
  color: #666;
  font-size: 16px;
}

.boon_notice + .counsel_wrap {
  margin-top: 120px;
}

.affiliate_box {
  position: relative;
}

.affiliate_box .img_box {
  margin-top: 30px;
}

.affiliate_box .affi_tit {
  margin-top: 40px;
  line-height: 1.1;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.affiliate_box .affi_txt {
  margin-top: 20px;
  line-height: 1.3;
  color: #333;
  font-size: 16px;
  font-weight: 400;
}

.affiliate_box + .board_wrap {
  margin-top: 40px;
}

.affi_wrap {
  position: relative;
}

.affi_wrap + .sub_txt03 {
  margin-top: 15px;
}

.affi_wrap .board_tbl tbody th {
  border-bottom: 1px solid #ddd;
}

.affi_wrap .board_tbl tbody td p + .bul_list {
  margin-top: 10px;
}

.affi_wrap .board_tbl tbody td p + .bul_list li {
  margin-top: 0;
  line-height: 1.57;
}

.affi_wrap .board_tbl.col_type tbody td {
  vertical-align: top;
}

.affi_wrap .board_tbl.col_type tbody td .img_box {
  height: 100px;
  line-height: 100px;
  text-align: center;
}

.affi_wrap .board_tbl.col_type tbody td .img_box img {
  vertical-align: middle;
}

.affi_wrap .board_tbl.col_type tbody td .text_box {
  margin-top: 10px;
}

.affi_wrap .board_tbl.col_type tbody td.row_type .img_box {
  display: inline-block;
  padding-left: 30px;
  vertical-align: middle;
  text-align: right;
}

.affi_wrap .board_tbl.col_type tbody td.row_type .text_box {
  display: inline-block;
  width: -webkit-calc(100% - 288px);
  width: -moz-calc(100% - 288px);
  width: calc(100% - 288px);
  margin-top: 0;
  margin-left: 40px;
  vertical-align: middle;
}

.affi_wrap .board_tbl.col_type tbody td.row_type .text_box .dash_list {
  float: left;
  width: 50%;
}

.affi_wrap .board_tbl.row_type tbody th {
  border-bottom: 1px solid #ddd;
}

.affi_wrap .board_tbl.row_type tbody td {
  padding: 30px;
}

.affi_wrap .board_tbl.row_type tbody td .img_box {
  display: inline-block;
  width: 278px;
  vertical-align: middle;
  text-align: center;
}

.affi_wrap .board_tbl.row_type tbody td .text_box {
  display: inline-block;
  width: -webkit-calc(100% - 321px);
  width: -moz-calc(100% - 321px);
  width: calc(100% - 321px);
  vertical-align: middle;
}

.deamung_affiliate {
  position: relative;
}

.deamung_affiliate .affi_title {
  display: block;
  margin-top: 50px;
  text-align: center;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.deamung_affiliate .box_col02 {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 100%;
  margin-top: 30px;
}

.deamung_affiliate .box_col02 > div {
  position: relative;
  width: 50%;
  padding: 56px 30px 30px;
  border: 1px solid #0072ce;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -webkit-box-shadow: 0 1px 9px 0 rgba(0, 114, 206, 0.2);
     -moz-box-shadow: 0 1px 9px 0 rgba(0, 114, 206, 0.2);
          box-shadow: 0 1px 9px 0 rgba(0, 114, 206, 0.2);
}

.deamung_affiliate .box_col02 > div .badge_mark {
  top: 10px;
  left: 10px;
  padding: 12px 12px 11px 11px;
}

.deamung_affiliate .box_col02 > div + div {
  margin-left: 20px;
}

.deamung_affiliate .box_col02 > div .badge_mark:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 6px;
  width: 4px;
  height: 4px;
  background-color: #ef3737;
}

.deamung_affiliate .box_col02 > div .badge_mark:after {
  right: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 12px solid transparent;
  border-right: 13px solid #fff;
}

.deamung_affiliate .box_col02 > div .badge_mark .deamung_affiliate .box_col02 > div .name {
  margin-top: 7px;
  line-height: 1.7;
  color: #0072ce;
  font-size: 20px;
  font-weight: 700;
}

.deamung_affiliate .box_col02 > div .desc {
  line-height: 2.13;
  color: #333;
  font-size: 16px;
}

.affi_cont_box {
  position: relative;
}

.affi_cont_box .affi_sub_tit {
  margin-top: 30px;
}

.affi_cont_box .affi_sub_tit:first-child {
  margin-top: 0;
}

.affi_cont_box .affi_sub_tit + .board_wrap {
  margin-top: 20px;
}

.affi_cont_box .board_wrap + .dash_list {
  margin-top: 15px;
}

.affi_bg_box {
  display: block;
  margin-top: 30px;
  background-color: #fcfcfd;
}

.affi_bg_box .ico_deamyung_service {
  display: block;
  height: 78px;
  background: url("../../images/ko/secom/img_deamyung_service.png") no-repeat center;
}

.affi_bg_box .ico_deamyung_service + .affi_sub_tit {
  margin-top: 30px;
  color: #122861;
}

.affi_bg_box .text_desc {
  display: inline-block;
  margin-top: 10px;
  line-height: 1.63;
  color: #333;
  font-size: 16px;
}

.affi_bg_box .service_box {
  padding: 50px 40px 40px;
  border-bottom: 1px solid #c7c7c7;
}

.affi_bg_box .service_box .text_desc {
  margin-top: 20px;
}

.affi_bg_box .service_detail_box {
  padding: 0 40px 20px;
}

.affi_bg_box .service_detail_box .sec_detail {
  padding: 40px 0;
}

.affi_bg_box .service_detail_box .sec_detail + .sec_detail {
  border-top: 1px solid #c7c7c7;
}

.affi_bg_box .service_detail_box .box_item_dm {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.affi_bg_box .service_detail_box .box_item_dm > div {
  margin-top: 30px;
  text-align: center;
}

.affi_bg_box .service_detail_box .box_item_dm.col05 {
  padding: 0 45px;
}

.affi_bg_box .service_detail_box .box_item_dm.col03 > div {
  width: 33.33%;
}

.affi_bg_box .service_detail_box .box_item_dm.col05 > div {
  width: 20%;
}

.affi_bg_box .service_detail_box .ico_dm + p {
  margin-top: 12px;
}

.affi_bg_box .service_detail_box .box_item_dm p {
  line-height: 1.25;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.affi_bg_box .service_detail_box .box_item_dm p + span {
  display: inline-block;
  line-height: 1.43;
  font-size: 14px;
  font-weight: 400;
  vertical-align: top;
}

.affi_bg_box .service_detail_box .ico_dm {
  display: block;
  width: 88px;
  height: 88px;
  margin: 0 auto;
}

.affi_bg_box .service_detail_box .ico_dm01 {
  background: url("../../images/ko/secom/ico_dm01.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm02 {
  background: url("../../images/ko/secom/ico_dm02.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm03 {
  background: url("../../images/ko/secom/ico_dm03.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm04 {
  background: url("../../images/ko/secom/ico_dm04.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm05 {
  background: url("../../images/ko/secom/ico_dm05.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm06 {
  background: url("../../images/ko/secom/ico_dm06.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm07 {
  background: url("../../images/ko/secom/ico_dm07.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm08 {
  background: url("../../images/ko/secom/ico_dm08.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm09 {
  background: url("../../images/ko/secom/ico_dm09.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm10 {
  background: url("../../images/ko/secom/ico_dm10.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm11 {
  background: url("../../images/ko/secom/ico_dm11.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm12 {
  background: url("../../images/ko/secom/ico_dm12.png") no-repeat center;
}

.affi_bg_box .service_detail_box .ico_dm13 {
  background: url("../../images/ko/secom/ico_dm13.png") no-repeat center;
}

.deamung_affiliate + .sub_txt03 {
  margin-top: 15px;
}

.title_wrap a.site_link {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* 제휴카드 */
.board_tbl .td_li li {
  display: inline-table;
  width: -webkit-calc(33% - 2px);
  width: -moz-calc(33% - 2px);
  width: calc(33% - 2px);
}

.board_tbl .svc_img:before {
  content: "";
  display: block;
  width: 86px;
  height: 86px;
  margin: 0 auto 15px;
}

.board_tbl .svc_img.ico01:before {
  background: url("../../images/ko/secom/ico_svc_01.png") no-repeat;
}

.board_tbl .svc_img.ico02:before {
  background: url("../../images/ko/secom/ico_svc_02.png") no-repeat;
}

.board_tbl .svc_img.ico03:before {
  background: url("../../images/ko/secom/ico_svc_03.png") no-repeat;
}

.board_tbl .svc_img.ico04:before {
  background: url("../../images/ko/secom/ico_svc_04.png") no-repeat;
}

.wrap_affi_card {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap_affi_card .affiliate_card {
  width: 48%;
  text-align: center;
}

.affiliate_card .name {
  margin-top: 60px;
  font-size: 40px;
  font-weight: bold;
  line-height: 1.25;
}

.affiliate_card .txt {
  margin-top: 28px;
  color: #333;
  font-size: 28px;
}

.affiliate_card .txt em {
  font-weight: bold;
  font-style: normal;
  color: #2278e7;
}

.affiliate_card .arw_bg {
  display: inline-block;
  position: relative;
  width: 90px;
  height: 60px;
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
  line-height: 54px;
  color: #fff;
  vertical-align: middle;
}

.affiliate_card .arw_bg:before {
  content: "";
  position: absolute;
  width: 66px;
  height: 40px;
  left: 50%;
  margin-left: -33px;
  background: #2278e7;
  z-index: -1;
}

.affiliate_card .arw_bg:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #2278e7;
  z-index: -1;
}

.affiliate_card .txt_small {
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.89;
  color: #555;
}

.affiliate_card .btn_m.bg_type2 {
  margin-top: 50px;
}

.affiliate_card .board_wrap {
  margin-top: 50px;
}

.affiliate_card .txt_dl_flt {
  margin-top: 20px;
}

.affiliate_card .txt_dl_flt dt,
.affiliate_card .txt_dl_flt dd {
  float: left;
  font-size: 16px;
  color: #666;
}

.affiliate_card .txt_dl_flt dt {
  font-weight: bold;
}

.affiliate_card .txt_dl_flt dd {
  margin-left: 10px;
}

.affiliate_card .board_tbl {
  border-collapse: separate;
}

.affiliate_card .board_tbl thead tr th,
.affiliate_card .board_tbl tbody tr th {
  padding: 16px 0 17px;
  font-size: 18px;
}

.affiliate_card .board_tbl tbody tr td {
  padding: 16px 10px;
  font-size: 18px;
}

.affiliate_card .board_tbl tbody tr td:first-child {
  border-left: 1px solid #ddd;
}

.affiliate_card .board_wrap {
  position: relative;
}

.affiliate_card .board_wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  z-index: 1;
}

.affiliate_card .board_tbl tbody tr [class*=ico] {
  font-size: 16px;
}

.affiliate_card .board_tbl .td_height td {
  height: 120px;
}

.box_notice {
  margin-top: 60px;
}

.box_notice .box {
  margin-top: 15px;
}

.box_notice .tit {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.box_notice .tit:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 2px;
  background: url("../../images/ko/common/ico_note.png") no-repeat;
}

.box_notice .sub_tit {
  color: #333;
  font-weight: 500;
}

.box_notice .bul_list li {
  margin-top: 0;
  font-size: 18px;
  color: #555;
}

.box_notice .bul_list li:before {
  top: 10px;
  background-color: #555;
}

.box_notice .sub_list li {
  padding-left: 0;
}

.box_notice .sub_list li:before {
  content: none;
}

.box_notice .txt {
  letter-spacing: -0.2px;
}

.box_notice.type_card {
  padding: 40px 60px;
  background: #f9fafb;
}

.box_notice.type_card .sub_tit,
.box_notice.type_card .bul_list li {
  font-size: 20px;
  line-height: 1.4;
}

.box_notice.type_card .box + .box {
  margin-top: 25px;
}

/* 고객 소개 */
.cont_wrap.benefit_wrap {
  margin-bottom: 97px;
}

.benefit_wrap .bnr_bnf_area {
  margin-top: 80px;
  padding: 60px 0;
  background: url("../../images/ko/secom/bg_benefit_area.png") no-repeat;
  text-align: center;
}

.bnr_bnf_area .txt_area .txt {
  font-size: 25px;
  line-height: 1.92;
  color: #002a5f;
}

.bnr_bnf_area .txt_area .emphs {
  margin-top: 12px;
  font-size: 40px;
  line-height: 1.4;
  color: #fff;
}

.bnr_bnf_area .txt_area .t_bd {
  font-weight: bold;
}

.bnr_bnf_area .txt_area .point {
  font-weight: bold;
  color: #ffce5e;
}

.bnr_bnf_area .box_btn {
  margin-top: 50px;
}

.bnr_bnf_area .btn_apply {
  display: inline-block;
  width: 172px;
  height: 56px;
  background: #fff;
  -moz-border-radius: 4px;
       border-radius: 4px;
  font-weight: bold;
  color: #0072ce;
  text-align: center;
}

.benefit_wrap .cont_bnf {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 70px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.benefit_wrap .cont_bnf > div {
  position: relative;
  width: 622px;
  height: 263px;
  padding: 12px;
  border: 2px solid #0167c3;
  -webkit-box-shadow: 0 2px 14px 0 rgba(0, 114, 206, 0.2);
     -moz-box-shadow: 0 2px 14px 0 rgba(0, 114, 206, 0.2);
          box-shadow: 0 2px 14px 0 rgba(0, 114, 206, 0.2);
}

.benefit_wrap .cont_bnf > div:before {
  content: "";
  position: absolute;
  right: -14px;
  width: 0px;
  bottom: -15px;
  height: 0px;
  border-top: 90px solid transparent;
  border-right: 90px solid #fff;
}

.benefit_wrap .cont_bnf > div:after {
  content: "";
  position: absolute;
  right: -15px;
  width: 91px;
  bottom: 30px;
  border-top: 2px solid #0167c3;
  height: 1px;
  display: block;
  -webkit-box-shadow: 0 2px 14px 1px rgba(0, 114, 206, 0.2);
     -moz-box-shadow: 0 2px 14px 1px rgba(0, 114, 206, 0.2);
          box-shadow: 0 2px 14px 1px rgba(0, 114, 206, 0.2);
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.benefit_wrap .cont_bnf .label {
  display: inline-block;
  position: relative;
  padding: 17px;
  font-size: 24px;
  font-weight: 700;
  color: #0072ce;
}

.benefit_wrap .cont_bnf .label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 8px;
  width: 6px;
  height: 6px;
  background-color: #ef3737;
}

.benefit_wrap .cont_bnf .txt {
  padding: 5px 38px 10px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.53;
}

.benefit_wrap .cont_bnf .txt em {
  font-weight: 700;
  color: #0072ce;
}

.benefit_wrap .cont_bnf .sub_txt {
  padding-left: 38px;
  font-size: 16px;
  color: #333;
}

.benefit_wrap .bul_list {
  margin-top: 60px;
}

.benefit_wrap .bul_list li {
  margin-top: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.63;
}

.benefit_wrap .bul_list li:before {
  top: 10px;
  background-color: #333;
}

.target_wrap {
  padding: 100px 0 120px;
  background-color: #f0f8ff;
}

.target_wrap .sub_tit {
  margin-top: 30px;
}

.target_wrap .target_list {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin: 80px auto 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.target_wrap .target_list li {
  width: 240px;
  margin: 0 30px;
  text-align: center;
}

.target_wrap .target_list li:before {
  content: "";
  display: block;
  width: 147px;
  height: 147px;
  margin: 0 auto 20px;
}

.target_wrap .target_list li.ico01:before {
  background: url("../../images/ko/secom/ico_tg_01.png") no-repeat;
}

.target_wrap .target_list li.ico02:before {
  background: url("../../images/ko/secom/ico_tg_02.png") no-repeat;
}

.target_wrap .target_list li.ico03:before {
  background: url("../../images/ko/secom/ico_tg_03.png") no-repeat;
}

.target_wrap .target_list li em {
  font-weight: bold;
}

.step_aply_wrap {
  background-color: #4e93ec;
}

.step_aply_wrap.type_bk {
  background-color: transparent;
}

.step_aply_wrap.type_bk .step,
.step_aply_wrap.type_bk .cnt {
  color: #333;
}

.step_aply_wrap > div {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1320px;
  padding: 80px 20px;
  margin: 0 auto;
}

.cont_wrap .step_aply_wrap > div {
  padding: 80px 0;
  max-width: 1280px;
}

.step_aply_wrap .title_wrap {
  width: auto;
  min-width: 160px;
}

.step_aply_wrap,
.step_aply_wrap .title04 {
  color: #fff;
}

.step_aply_wrap.type_bk {
  color: #333;
}

.step_aply_wrap.no_tit .step_aply {
  margin-left: 0;
}

.step_aply_wrap .step_aply {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 820px;
  /* margin-left:310px; */
  text-align: center;
}

.step_aply_wrap .step_aply > li {
  position: relative;
  width: 33%;
}

.step_aply_wrap .step_aply > li + li:before {
  content: "";
  display: inline-block;
  width: 138px;
  height: 2px;
  margin-left: -176px;
  margin-right: 36px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(31%, #c7c7c7), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, #c7c7c7 31%, rgba(255, 255, 255, 0) 0%);
  background-image: -moz-linear-gradient(left, #c7c7c7 31%, rgba(255, 255, 255, 0) 0%);
  background-image: -o-linear-gradient(left, #c7c7c7 31%, rgba(255, 255, 255, 0) 0%);
  background-image: linear-gradient(to right, #c7c7c7 31%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  -webkit-background-size: 7px 2px;
     -moz-background-size: 7px 2px;
          background-size: 7px 2px;
  background-repeat: repeat-x;
  vertical-align: middle;
}

.step_aply_wrap .step_aply .step {
  font-weight: bold;
}

.step_aply_wrap .step_aply .cnt:before {
  content: "";
  display: block;
  width: 114px;
  height: 114px;
  margin: 30px auto;
}

.step_aply_wrap .step_aply .sp1 .cnt:before {
  background: url("../../images/ko/secom/ico_aply_sp011.png") no-repeat;
}

.step_aply_wrap .step_aply .sp2 .cnt:before {
  background: url("../../images/ko/secom/ico_aply_sp012.png") no-repeat;
}

.step_aply_wrap .step_aply .sp3 .cnt:before {
  background: url("../../images/ko/secom/ico_aply_sp03.png") no-repeat;
}

.step_aply_wrap .step_aply .sp3.ty2 .cnt:before {
  background: url("../../images/ko/secom/ico_aply_sp013.png") no-repeat;
}

.step_aply_wrap .step_aply .sp4 .cnt:before {
  background: url("../../images/ko/secom/ico_aply_sp014.png") no-repeat;
}

.step_aply_wrap .step_aply .sp5 .cnt:before {
  background: url("../../images/ko/secom/ico_aply_sp05.png") no-repeat;
}

.step_aply_wrap .step_aply .sp6 .cnt:before {
  background: url("../../images/ko/secom/ico_aply_sp06.png") no-repeat;
}

.step_aply_wrap .step_aply .sp7 .cnt:before {
  background: url("../../images/ko/secom/ico_aply_sp07.png") no-repeat;
}

.step_aply_wrap .step_aply strong {
  display: block;
  font-weight: bold;
}

.step_aply_wrap .step_aply strong > span {
  font-size: 16px;
}

.step_aply_wrap .step_aply small {
  display: block;
  margin-top: 2px;
  font-size: 16px;
  letter-spacing: -0.2px;
}

.step_aply_wrap .step_aply .cnt dl {
  margin-top: 10px;
}

.step_aply_wrap .step_aply .cnt dt {
  font-size: 18px;
}

.step_aply_wrap .step_aply .cnt dd {
  margin-top: 5px;
  font-size: 16px;
  color: #666;
}

.step_aply_wrap .step_aply .cnt dd::before {
  content: "-";
  display: inline-block;
  margin-right: 3px;
}

.step_aply_wrap .step_aply .help_txt {
  position: absolute;
  top: 91px;
  left: 202px;
  color: #ff9949;
  font-weight: 700;
}

.step_aply_wrap .cnt .sub_txt {
  display: inline-block;
  margin-top: 10px;
  font-size: 16px;
}

.step_aply_wrap.col4 .step_aply {
  width: 985px;
  /* margin-left:150px; */
}

.step_aply_wrap.col4 .step_aply li {
  width: 25%;
}

.step_aply_wrap.col4 .step_aply li + li {
  margin-left: 50px;
}

.step_aply_wrap.col4 .step_aply li + li:before {
  width: 128px;
  margin-left: -163px;
  margin-right: 30px;
}

.cont_wide.bg_blue .step_aply_wrap > div {
  padding-bottom: 0;
}

.step_aply_wrap.col5 .step_aply,
.step_aply_wrap.col6 .step_aply {
  width: 100%;
}

.step_aply_wrap.col5 li,
.step_aply_wrap.col6 li {
  text-align: left;
}

.step_aply_wrap.col5 li {
  width: 218px;
}

.step_aply_wrap.col6 li {
  width: 168px;
}

.step_aply_wrap .step_aply .cnt.type2 strong {
  padding: 15px 0;
}

.step_aply_wrap .step_aply .cnt.type2 small {
  margin-top: 10px;
}

.step_aply_wrap.col5 .step_aply .cnt:before,
.step_aply_wrap.col6 .step_aply .cnt:before {
  margin-left: 0;
}

.step_aply_wrap.col5 strong,
.step_aply_wrap.col6 strong {
  font-size: 20px;
}

.step_aply_wrap.col5 .cnt small,
.step_aply_wrap.col6 .cnt small {
  margin-top: 15px;
  font-size: 18px;
}

.step_aply_wrap.col5 .step_aply > li + li:before {
  width: 157px;
  margin-left: -160px;
  margin-right: -6px;
}

.step_aply_wrap.col6 .step_aply > li + li:before {
  width: 113px;
  margin-left: -112px;
  margin-right: -5px;
}

.step_aply_wrap.col5 .step_aply .step,
.step_aply_wrap.col6 .step_aply .step {
  display: inline-block;
  margin-left: 32px;
}

.aply_right {
  width: 838px;
  margin-left: auto;
}

.aply_right .step_aply {
  margin-left: 0;
  width: 100%;
}

.apl_path {
  margin-top: 60px;
  padding: 40px 50px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.apl_path.bg_box {
  background-color: #f6fbff;
}

.apl_path dl {
  overflow: hidden;
}

.apl_path dt,
.apl_path dd {
  float: left;
  line-height: 1.78;
}

.apl_path dt {
  font-weight: bold;
}

.apl_path dd {
  padding-left: 20px;
}

/* 상업용 세콤 */
.review_cont_wrap {
  padding: 120px 0;
  background-color: #f1f1f1;
}

.review_cont_wrap .wrap_review {
  width: 1280px;
  margin: 60px auto 0;
}

.review_cont_wrap .review {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.review_cont_wrap .wrap_review li {
  width: 405px;
  padding: 45px 40px;
  background-color: #fff;
  -moz-border-radius: 4px;
       border-radius: 4px;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.12);
     -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.12);
}

.review_cont_wrap .wrap_review li + li {
  margin-left: 32px;
}

.review_cont_wrap .update {
  margin-top: 11px;
  font-size: 12px;
  color: #666;
}

.wrap_review .txt_area .tit {
  font-size: 24px;
  font-weight: bold;
}

.wrap_review .txt_area .txt {
  display: -webkit-box;
  overflow: hidden;
  height: 78px;
  margin-top: 16px;
  font-size: 16px;
  color: #666;
  line-height: 1.63;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.wrap_review .score {
  margin-top: 50px;
}

.wrap_review .user_info span {
  font-size: 15px;
  color: #666;
}

.wrap_review .user_info span + span:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 8px;
  background: #ddd;
  vertical-align: middle;
}

.wrap_review .btn_more_box {
  margin-top: 30px;
}

.wrap_sugge_btn {
  padding: 85px 0;
  height: 380px;
  background: #133aa1;
  color: #fff;
}

.wrap_sugge_btn .sub_tit {
  margin-top: 30px;
  font-weight: 400;
  color: #fff;
}

.wrap_sugge_btn .box_btn {
  margin-top: 40px;
}

.wrap_sugge_btn .box_btn button {
  position: relative;
  display: block;
  height: 56px;
  padding: 0 56px 0 23px;
  margin: 0 auto;
  -moz-border-radius: 4px;
       border-radius: 4px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.18);
     -moz-box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.18);
          box-shadow: 0 7px 16px 0 rgba(0, 0, 0, 0.18);
}

.wrap_sugge_btn .box_btn button span:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: -33px;
  width: 18px;
  height: 18px;
  background: url("../../images/ko/secom/bg_btn_srh.png") 50% 50% no-repeat;
}

.wrap_tab_conts {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 1280px;
  margin: 60px auto 0;
}

.wrap_tab_conts .box_tab_menu {
  width: 240px;
  padding-top: 18px;
}

.wrap_tab_conts .tab_container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 0;
}

.cont_wrap.cstom_svc_wrap {
  padding: 150px 20px 30px;
}

.cstom_svc_wrap .txt_link {
  margin-top: 30px;
  color: #333;
  text-align: right;
}

.wrap_bnr_area {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap_bnr_area div {
  position: relative;
  width: 624px;
  margin-top: 120px;
  padding: 60px 40px;
}

.wrap_bnr_area div + div {
  margin-left: 32px;
}

.wrap_bnr_area div.bnr01 {
  background: url("../../images/ko/secom/bg_secom_bnr01.png");
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
}

.wrap_bnr_area div.bnr02 {
  background: url("../../images/ko/secom/bg_secom_bnr02.png");
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
}

.wrap_bnr_area div.bnr03 {
  padding: 56px 40px;
  background: url("../../images/ko/secom/bg_secom_bnr03.png");
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
}

.wrap_bnr_area div.bnr04 {
  background: url("../../images/ko/secom/bg_secom_bnr04.png");
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
}

.wrap_bnr_area div:after {
  content: "";
  display: block;
  position: absolute;
}

.wrap_bnr_area div.bnr01:after {
  width: 136px;
  height: 113px;
  top: 58px;
  right: 60px;
  background: url("../../images/ko/secom/img_secom_cctv.png");
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
}

.wrap_bnr_area div.bnr02:after {
  width: 104px;
  height: 104px;
  top: 45px;
  right: 78px;
  background: url("../../images/ko/secom/img_apv_i.png");
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
}

.wrap_bnr_area div.bnr03:after {
  width: 86px;
  height: 88px;
  top: 86px;
  right: 30px;
  background: url("../../images/ko/secom/img_safety_01.png") no-repeat center;
}

.wrap_bnr_area div.bnr04:after {
  width: 128px;
  height: 120px;
  top: 70px;
  right: 30px;
  background: url("../../images/ko/secom/img_safety_02.png") no-repeat center;
}

.wrap_bnr_area .txt {
  font-size: 26px;
  color: #fff;
  line-height: 1.46;
}

.wrap_bnr_area a {
  display: inline-block;
  opacity: 0.8;
  position: relative;
  margin-top: 14px;
  font-size: 16px;
  color: #fff;
}

.wrap_bnr_area a:after {
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  right: -15px;
  top: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.wrap_bnr_area .desc {
  display: inline-block;
  margin-top: 14px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.44px;
}

.wrap_bnr_area .desc2 {
  display: block;
  margin-top: 3px;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.4px;
  opacity: 0.8;
}

/* 가정용 세콤 */
.cont_wrap.major_svc_wrap {
  margin: 120px auto;
}

.major_svc_wrap .title_wrap em {
  font-weight: bold;
  color: #2278e7;
}

.box_prdt_info {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 70px;
}

.box_prdt_info div {
  width: 50%;
}

.box_prdt_info .txt_box {
  margin-left: 50px;
}

.box_prdt_info .txt_box .tit {
  font-size: 38px;
  font-weight: bold;
  color: #0072ce;
  line-height: 1.26;
}

.box_prdt_info .txt_box .txt_m {
  margin-top: 50px;
  font-size: 24px;
  font-weight: bold;
}

.box_prdt_info .txt_box .txt_s {
  margin-top: 15px;
  font-size: 18px;
  color: #555;
}

.wrap_list_svc {
  margin-top: 120px;
}

.wrap_list_svc .title_wrap strong {
  font-weight: bold;
}

.wrap_list_svc .list_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap_list_svc .list_box li {
  width: 300px;
}

.wrap_list_svc .txt_box {
  margin-top: 30px;
  text-align: center;
}

.wrap_list_svc .txt_box .tit {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 1.7;
}

.wrap_list_svc .txt_box .txt_m {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.63;
}

.wrap_list_svc .txt_box .txt_s {
  margin-top: 10px;
  font-size: 16px;
  color: #555;
  line-height: 1.63;
}

/* s: 230120 수정 */
.wrap_list_svc.type2 {
  width: 952px;
  margin-top: 0;
}

/* e: 230120 수정 */
.wrap_list_svc.type2 .list_box {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -20px;
}

.wrap_list_svc.type2 .list_box li {
  width: 328px;
  margin-top: 30px;
}

.wrap_list_svc.type2 .list_box li + li {
  margin-left: 28px;
}

.wrap_list_svc.type2 .list_box li:nth-of-type(3n + 1) {
  margin-left: 0;
}

.wrap_list_svc.type2 .txt_box {
  margin-top: 20px;
}

.wrap_list_svc.type2 .txt_box .tit {
  font-size: 18px;
  color: #000;
}

.wrap_list_svc.type2 .txt_box .txt_m {
  color: #555;
}

.wrap_list_svc.type2 .img_box {
  position: relative;
  width: 328px;
  height: 236px;
  background: #f9f9f9;
}

.wrap_list_svc.type2 .img_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* 고객소개 popup */
.info_apply .sel_tit {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: bold;
}

.info_apply .wrap_sel_box {
  margin-top: 30px;
}

.info_apply .form_box .input_box label {
  font-size: 16px;
}

.info_apply .form_box .wrap_sel_box + .input_box {
  margin-top: 30px;
}

.info_apply .form_box input[type=text] {
  font-size: 16px;
}

.info_apply .form_box .sel {
  font-size: 16px;
  font-weight: normal;
  color: #666;
}

.info_apply .box_agree {
  margin-top: 40px;
}

.info_apply .box_agree .sub_tit {
  font-size: 20px;
  font-weight: bold;
  color: #202020;
}

.info_apply .box_agree .sub_tit span {
  font-size: 16px;
  font-weight: normal;
  color: #0072ce;
}

.info_apply .box_agree .input_chk {
  margin-right: 0;
  color: #666;
}

.info_apply .box_agree .tit_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.info_apply .box_agree .cont_wrap {
  margin-top: 20px;
  padding: 30px;
  background: #f9fafb;
  font-size: 14px;
  color: #333;
}

.info_apply .box_agree li {
  margin-top: 20px;
}

.info_apply .box_agree li:first-child {
  margin-top: 0;
}

.info_apply .box_agree dt {
  font-weight: bold;
}

.info_apply .box_agree dd {
  margin-top: 10px;
}

.info_apply .bul_txt {
  margin-top: 10px;
}

/* 궁금해요 에스원 */
/* board_option 1개인경우 */
.board_option_area.single {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
  /* margin-top: 80px; */
}

/* 검색된 문구 color */
.search_point {
  color: #0072ce;
}

/* category selected */
.cate_wrap {
  padding: 35px 55px;
  background: #f9fafb;
}

.cate_wrap .cate_type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cate_wrap .cate_type ~ .cate_type {
  margin-top: 20px;
}

.cate_list {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.cate_wrap .cate_tit {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 45px;
  vertical-align: middle;
}

.cate_wrap + .board_option_area {
  margin-top: 50px;
}

.cate_list .cate_btn {
  display: inline-block;
  position: relative;
}

.cate_list .cate_btn ~ .cate_btn {
  margin-left: 10px;
}

.cate_list .cate_btn input {
  position: absolute;
  top: 0;
  left: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  opacity: 0;
}

.cate_list .cate_btn label {
  padding: 5px 20px 6px;
  border: 1px solid #ddd;
  -moz-border-radius: 19px;
       border-radius: 19px;
  background: #fff;
  cursor: pointer;
  white-space: nowrap;
}

.cate_list .cate_btn label i {
  color: #888;
  font-style: normal;
}

.cate_list .cate_btn input:checked + label {
  border: 1px solid #0072ce;
}

.cate_list .cate_btn input:checked + label:before {
  color: #0072ce;
  border-color: #0072ce;
}

.cate_list .cate_btn input:checked + label i {
  color: #0072ce;
}

.cate_list .cate_btn input:focus + label i {
  text-decoration: underline;
}

.cate_type .cate_list .cate_btn label:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 7px;
  margin: -4px 5px 0 0;
  border: solid #6e6e6e;
  border-width: 0 1px 1px 0;
  -moz-transform: rotate(-315deg);
       transform: rotate(-315deg);
  -webkit-transform: rotate(-315deg);
  -ms-transform: rotate(-315deg);
  vertical-align: middle;
}

/* 궁금해요 에스원 목록 */
.board_wrap.box_list {
  border: none;
}

.board_wrap.box_list .board_nodata {
  border-top: 3px solid #333;
}

.list_detail + .btn_area,
.board_wrap + .btn_area {
  margin-top: 50px;
}

.box_list_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  margin-top: 22px;
}

.box_list_wrap .item {
  width: 405px;
  height: 374px;
  margin-top: 40px;
  padding: 50px 40px 20px;
  border: 1px solid #ddd;
}

.box_list_wrap .item ~ .item {
  margin-left: 32px;
}

.box_list_wrap .item:nth-child(-n+3) {
  margin-top: 0;
}

.box_list_wrap .item:nth-child(3n+1) {
  margin-left: 0;
}

.box_list_wrap .item_cont {
  position: relative;
}

.box_list_wrap .item_cont .item_link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box_list_wrap .item_cont .item_tit {
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 58px;
  max-height: 58px;
  font-size: 20px;
  font-weight: 800;
  color: #333;
}

.box_list_wrap .item_cont .item_txt {
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 78px;
  max-height: 78px;
  margin-top: 10px;
  line-height: 26px;
  font-size: 16px;
  color: #888;
}

.item_cont .tag_wrap {
  margin-top: 45px;
}

.detail_cont .tag_list,
.item_cont .tag_list {
  display: inline-block;
  min-width: 69px;
  height: 30px;
  padding: 0 14px;
  line-height: 30px;
  -moz-border-radius: 19px;
       border-radius: 19px;
  background: #eee;
  font-size: 16px;
  font-weight: 500;
  color: #666;
  text-align: center;
}

.detail_cont .tag_list ~ .tag_list,
.item_cont .tag_list ~ .tag_list {
  margin-left: 5px;
}

.detail_cont .tag_wrap {
  margin-bottom: 40px;
}

.detail_cont .tag_list {
  min-width: 77px;
  height: 35px;
  line-height: 35px;
  opacity: 1;
}

.box_list_wrap .item_info {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.box_list_wrap .item_info {
  font-size: 16px;
  color: #666;
}

.detail_info .recom_btn,
.item_info .recom_btn {
  position: relative;
}

.detail_info .recom_btn input,
.item_info .recom_btn input {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  opacity: 0;
  vertical-align: top;
  cursor: pointer;
}

.detail_info .recom_btn label,
.item_info .recom_btn label {
  cursor: pointer;
  vertical-align: middle;
}

.detail_info .recom_btn label:before,
.item_info .recom_btn label:before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  margin: 0px 3px 3px 0;
  vertical-align: middle;
  background: url("../../images/ko/customer/ico_like_off.png") no-repeat;
}

.detail_info .recom_btn input:checked + label:before,
.item_info .recom_btn input:checked + label:before {
  background: url("../../images/ko/customer/ico_like_on.png") no-repeat;
}

.detail_info .recom_count,
.item_info .recom_count {
  vertical-align: middle;
}

.item_info .recom_num {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* 궁금해요 에스원 상세 */
.bottom_area .recom_txt {
  font-size: 16px;
  color: #333;
  vertical-align: middle;
}

.bottom_area .recom_btn {
  display: inline-block;
  position: relative;
  height: 46px;
  margin-left: 20px;
  padding: 9px 18px 10px;
  border: 1px solid #ddd;
  vertical-align: middle;
  text-align: center;
}

.bottom_area .recom_btn input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  opacity: 0;
  vertical-align: top;
  cursor: pointer;
}

.bottom_area .recom_btn label {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  vertical-align: middle;
}

.bottom_area .recom_btn input + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: url("../../images/ko/customer/ico_like_off.png");
  vertical-align: -3px;
}

.bottom_area .recom_btn input:checked + label::before {
  background: url("../../images/ko/customer/ico_like_on.png");
}

.list_detail .detail_top {
  padding: 32px 0;
  border-top: 3px solid #333;
}

.list_detail .detail_tit {
  font-size: 24px;
  color: #000;
}

.list_detail .detail_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-top: 15px;
  font-size: 16px;
}

.list_detail .detail_cont {
  padding: 50px 25px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  color: #000;
  line-height: 30px;
}

.list_detail .detail_comment {
  padding: 50px 37px 77px;
  border-bottom: 1px solid #ddd;
  background: #f9fafb;
}

.list_detail .detail_info span ~ span {
  margin-left: 30px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
}

.detail_comment .comment_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.comment_top .profile_img {
  display: inline-block;
  overflow: hidden;
  width: 75px;
  height: 75px;
  -moz-border-radius: 50%;
       border-radius: 50%;
}

.comment_top .profile_img img {
  width: 100%;
}

.comment_top .profile_info {
  margin-left: 30px;
}

.comment_top .profile_info .writer {
  font-weight: 800;
  font-size: 20px;
  letter-spacing: 0.42px;
  color: #000;
}

.comment_top .date {
  margin-top: 7px;
}

.sep_list {
  font-size: 16px;
  color: #666;
}

.sep_list span {
  color: #000;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  vertical-align: top;
}

.sep_list span:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 18px;
  margin: 0 10px 2px;
  background: #ddd;
  position: relative;
  top: 3px;
}

.sep_list span.noline:before {
  display: none;
}

.detail_comment .comment_txt {
  margin: 42px 105px 0;
}

/* 궁금해요 에스원 등록 */
.ico_recom {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  margin: 0px 3px 3px 0;
  vertical-align: middle;
  background: url("../../images/ko/customer/ico_like_off.png") no-repeat;
}

.board_form {
  padding: 40px 25px;
}

.board_form .icon_require:before {
  margin: 0 0 0 2px;
}

.board_form .form_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.board_form .form_area .input_chk {
  margin-right: 25px;
}

.board_form .form_area ~ .form_area {
  margin-top: 30px;
  white-space: nowrap;
}

.board_form .form_area .form_tit {
  min-width: 220px;
  font-weight: 700;
}

.board_form .form_area .form_tit .tooltip_box {
  font-weight: 400;
}

.board_form .form_area .input_area {
  position: relative;
}

.board_form .form_area .has_count {
  position: relative;
  display: inline-block;
}

.board_form .form_area .input_area .txt_count {
  position: absolute;
  right: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 14px;
  color: #0072ce;
}

.board_form .form_area .input_area .txt_count.bt {
  -webkit-transform: inherit;
     -moz-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  top: inherit;
  bottom: 16px;
}

.board_form .form_area .self_top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  margin-top: 10px;
}

.board_form .form_area.type_line {
  border-top: 1px solid #eee;
  margin-top: 50px;
  padding-top: 40px;
}

.board_form .box_file_add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.board_form .box_file_add .file_wrap {
  width: 346px;
  margin: 0 8px 0 0;
  background: #fff;
  font-size: 16px;
}

.board_form .box_file_add .file_wrap li {
  padding: 0;
}

.board_form .box_file_add .file_wrap li:before {
  display: none;
}

.board_form .box_file_add .file_wrap .btn_del {
  position: static;
  margin: 5px 0 0 9px;
}

.board_form .number_box input {
  margin: 0 8px 0 0;
}

.board_form .email_box .at {
  margin: 0 4px;
}

.board_form .input_area textarea.type2 {
  background: #f7f7f7;
  border: 0;
}

.valid_txt {
  position: relative;
  top: -2px;
  font-size: 14px;
  color: #0072ce;
  font-weight: 400;
}

.valid_txt i {
  font-style: normal;
}

.agreement_area {
  padding: 39px 25px 40px;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
}

.agreement_area .input_chk {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 0;
}

.agreement_area.type02 {
  margin-top: 50px;
  border-top: 2px solid #333;
}

.agreement_area .tit_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-bottom: 20px;
}

.agreement_area .tit_wrap h4 {
  font-size: 20px;
}

.agreement_area .tit_wrap h4 span {
  margin-left: 5px;
  font-weight: 500;
  font-size: 16px;
  color: #0072ce;
}

.agreement_area .cont_wrap {
  padding: 20px 25px;
  background: #f9fafb;
}

.agreement_area .cont_wrap .inner_txt {
  overflow-y: auto;
  height: 160px;
  line-height: 22px;
  font-size: 14px;
}

.agreement_area .cont_wrap + .tit_wrap {
  margin-top: 40px;
}

.input_area {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.input_area.limit_check {
  position: relative;
}

.input_area.limit_check input[type=text] {
  padding-right: 80px;
}

.input_area.limit_check textarea {
  padding-right: 60px;
}

.limit {
  position: absolute;
  bottom: 16px;
  right: 16px;
  font-size: 14px;
  color: #0072ce;
}

/* 고마워요 에스원 목록 */
.board_option_area .option_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
}

.board_option_area .option_right > div + div {
  margin-left: 10px;
}

.best_group {
  display: block;
  content: "";
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding: 90px 0;
  background: #4096db;
}

.best_group .box_list_wrap .item {
  padding: 45px 40px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  border: none;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.12);
     -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.12);
  background: #fff;
}

.best_group .box_list_wrap .item .item_tag {
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  color: #0072ce;
  line-height: 32px;
}

/* 별점 */
.score {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 88px;
  height: 15px;
  background: url("../../images/ko/customer/ico_star_off_s.png");
}

.score .star {
  position: absolute;
  left: -80%;
  top: 0;
  width: 88px;
  height: 15px;
  background: url("../../images/ko/customer/ico_star_on_s.png");
}

.score .star_2 {
  left: -60%;
}

.score .star_3 {
  left: -40%;
}

.score .star_4 {
  left: -20%;
}

.score .star_5 {
  left: 0;
}

.best_group h4 {
  text-align: center;
  font-size: 36px;
  font-weight: 800;
  color: #fff;
}

.best_group .box_list_wrap .score {
  margin-top: 40px;
}

.best_group .box_list_wrap {
  margin-top: 65px;
}

.best_group .box_list_wrap .item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 403px;
}

.best_group .box_list_wrap .item:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: -12px;
  right: 11px;
  width: 70px;
  height: 89px;
  background: url("../../images/ko/customer/ico_badge_best.png") no-repeat;
}

.best_group .box_list_wrap .item .item_info {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 10px;
  padding: 0;
  border: 0;
  font-size: 15px;
  color: #666;
}

.best_group .box_list_wrap .item .item_info li {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.best_group .box_list_wrap .item .item_info li ~ li:before {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  content: "";
  position: relative;
  top: 4px;
  width: 1px;
  height: 14px;
  margin: 0 8px;
  background: #ddd;
}

.best_group .box_list_wrap .item_cont .item_tit {
  display: inline-block;
  display: -webkit-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  height: 72px;
  max-height: 72px;
  font-size: 24px;
  color: #000;
  margin-top: 20px;
}

.verti_list_wrap .item {
  position: relative;
  padding: 40px 0;
  border-bottom: 1px solid #dadada;
}

.verti_list_wrap .item .item_icon {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 50%;
  left: 40px;
  width: 100px;
  height: 94px;
  margin-top: -47px;
  line-height: 22px;
  font-size: 16px;
  font-style: normal;
  letter-spacing: -0.7px;
  color: #0072ce;
  border: 1px solid #0072ce;
}

.verti_list_wrap .item .item_icon:before {
  display: block;
  content: "";
  position: absolute;
  bottom: -10px;
  right: -10px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 20px;
  height: 20px;
  border-left: 1px solid #0072ce;
  background: #fff;
}

.verti_list_wrap .item .item_icon span {
  padding: 0 10px;
  text-align: center;
  font-weight: 700;
}

.verti_list_wrap .item .item_cont {
  position: relative;
  padding: 0 40px 0 180px;
}

.verti_list_wrap .item .item_cont > a {
  display: block;
}

.verti_list_wrap .item .item_cont .item_tit {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 800;
  color: #333;
}

.verti_list_wrap .item .item_cont .item_txt {
  display: block;
  overflow: hidden;
  margin-top: 6px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  color: #333;
}

.verti_list_wrap .item .item_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-top: 20px;
}

.verti_list_wrap .item .item_info li {
  margin: 0;
  font-size: 16px;
  color: #000;
  white-space: nowrap;
}

.verti_list_wrap .item .item_info li ~ li:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 14px;
  margin: -2px 5px 0 10px;
  background: #ddd;
  vertical-align: middle;
}

.verti_list_wrap .item .item_info .category {
  color: #0072ce;
}

.verti_list_wrap.noicon_type .item {
  padding: 35px 0;
}

.verti_list_wrap.noicon_type .item .item_cont {
  padding: 0 30px;
}

.verti_list_wrap.noicon_type .item .item_info {
  margin-top: 15px;
}

.verti_list_wrap.noicon_type .item .item_info .score {
  top: 2px;
}

.verti_list_wrap.icon_type2 .item {
  padding: 30px 0;
}

.verti_list_wrap.icon_type2 .item .item_cont {
  padding: 0 30px 0 145px;
}

.verti_list_wrap.icon_type2 .item .item_icon {
  width: 85px;
  height: 80px;
  left: 30px;
  font-size: 15px;
  font-weight: 700;
}

.verti_list_wrap.icon_type2 .item .item_icon.waiting {
  color: #888;
  border-color: #888;
}

.verti_list_wrap.icon_type2 .item .item_icon.waiting:before {
  border-color: #888;
}

.verti_list_wrap.icon_type2 .item .item_info {
  margin-top: 15px;
}

.verti_list_wrap.icon_type2 .item .item_info .keyword span {
  margin-right: 10px;
  font-size: 16px;
  color: #0072ce;
}

/* 고마워요 에스원 등록 */
.star_radio {
  display: inline-block;
}

.star_radio:after {
  display: block;
  content: "";
  position: relative;
  z-index: 1;
  height: 25px;
  background: url("../../images/ko/customer/ico_star_off_m.png") repeat-x 0 0;
}

.input_star {
  position: relative;
  z-index: 2;
  float: left;
  width: 33px;
  height: 25px;
  cursor: pointer;
}

.star {
  position: absolute;
  left: 0;
  width: 25px;
  height: 25px;
  pointer-events: none;
}

.star.on {
  width: 100%;
  background: url("../../images/ko/customer/ico_star_on_m.png") repeat-x;
}

/* 자주하는 질문 1:1 문의 */
.modal_cont .form_area .form_tit {
  min-width: 130px;
}

.modal_cont .board_form {
  padding: 40px 0;
}

.sub_txt02 + .board_option_area {
  margin-top: 30px;
}

.captcha {
  width: 200px;
  height: 90px;
  margin-bottom: 12px;
  background: red;
}

.captcha img {
  width: 100%;
}

.ico_refresh:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("../../images/ko/customer/ico_refresh.png") no-repeat right top;
  margin-right: 8px;
}

/* 리더스스토리 - 에스원성공사례 목록 */
.card_slick_slide .txt_box .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card_slick_slide .txt_box .info li {
  font-size: 16px;
  color: #000;
}

.card_slick_slide .txt_box .info li ~ li:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 10px;
  background: #ddd;
}

.success_case {
  padding: 70px 0 80px;
  background: #f7f7f7;
}

.cont_wide.success_case .cont_wrap .title_wrap .title03 {
  margin-top: 40px;
}

.cont_wide.success_case .col_item .txt_box {
  height: 182px;
  overflow: hidden;
}

.colum_box.card_item {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.title_wrap + .colum_box.card_item {
  margin-top: 40px;
}

.board_option_area + .colum_box.card_item {
  margin-top: 22px;
}

.colum_box.card_item .col_item {
  width: 406px;
  border: 1px solid #e0e0e0;
}

.colum_box.card_item .col_item ~ .col_item {
  margin-left: 30px;
}

.colum_box.card_item .col_item:nth-child(n+4) {
  margin-top: 40px;
}

.colum_box.card_item .col_item:nth-child(3n+1) {
  margin-left: 0;
}

.colum_box.card_item .img_box {
  width: 406px;
  height: 230px;
}

.colum_box.card_item .img_box img {
  width: 100%;
  height: 100%;
}

.colum_box.card_item .txt_box {
  margin: 0;
  padding: 30px 30px 36px;
  background: #fff;
  text-align: left;
}

.colum_box.card_item .txt_box.type2 {
  padding: 30px;
}

.colum_box.card_item .title_wrap {
  height: 60px;
  overflow: hidden;
}

.colum_box.card_item .title_wrap.type2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.colum_box.card_item .title_wrap.type3 {
  height: 97px;
}

.colum_box.card_item .title_wrap.type2 .title {
  width: 290px;
  display: -webkit-box;
  overflow: hidden;
  height: 59px;
  font-size: 20px;
  color: #333;
  line-height: 1.63;
  font-weight: 700;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.colum_box.card_item .title_wrap.type2 .sns_type .ico {
  display: inline-block;
  width: 36px;
  height: 30px;
  margin-left: 0;
}

.colum_box.card_item .sns_type .youtube {
  background: url("../../images/ko/company/pr_center/ico_youtube_off.png") no-repeat center center;
}

.colum_box.card_item .col_item a:hover .youtube {
  background: url("../../images/ko/company/pr_center/ico_youtube_on.png") no-repeat center center;
}

.colum_box.card_item .sns_type .facebook {
  background: url("../../images/ko/company/pr_center/ico_facebook_off.png") no-repeat center right;
}

.colum_box.card_item .col_item a:hover .facebook {
  background: url("../../images/ko/company/pr_center/ico_facebook_on.png") no-repeat center right;
}

.colum_box.card_item .sns_type .blog {
  background: url("../../images/ko/company/pr_center/ico_blog_off.png") no-repeat center center;
}

.colum_box.card_item .col_item a:hover .blog {
  background: url("../../images/ko/company/pr_center/ico_blog_on.png") no-repeat center center;
}

.colum_box.card_item .title_wrap h4 {
  margin-top: 5px;
  font-weight: 800;
  font-size: 20px;
  color: #333;
}

.colum_box.card_item .title_wrap h4.ellipsis {
  width: 100%;
  display: -webkit-box;
  overflow: hidden;
  height: 92px;
  font-size: 20px;
  color: #333;
  line-height: 1.63;
  font-weight: 700;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.colum_box.card_item .title_wrap .cate {
  font-weight: 800;
  font-size: 16px;
  color: #0072ce;
}

.colum_box.card_item .txt_box .sep_list {
  margin-top: 30px;
}

.colum_box.card_item .txt_box .badge {
  width: 65px;
  height: 34px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  line-height: 34px;
}

.colum_box.card_item .txt_box .badge.ing {
  background-color: #0072ce;
}

.colum_box.card_item .txt_box .badge.end {
  background-color: #aaa;
}

.colum_box.card_item .txt_box .badge + .title_wrap {
  margin-top: 13px;
}

.colum_box.card_item .col_item a {
  display: block;
}

.colum_box.card_item + .btn_more_box {
  margin-top: 30px;
}

.cont_wide.success_case + .cont_wrap .title_wrap .title03 {
  margin: 80px 0 40px 0;
}

.colum_box.card_item .info_box {
  margin-top: 15px;
}

.colum_box.card_item .title_wrap.type3 + .info_box {
  margin-top: 30px;
}

.colum_box.card_item .info_box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}

.colum_box.card_item .info_box dl ~ dl {
  margin-top: 5px;
}

.colum_box.card_item .info_box dl dt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 85px;
  font-size: 16px;
  color: #888;
}

.colum_box.card_item .info_box dl dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 68px;
  font-size: 16px;
  color: #000;
  overflow: hidden;
}

.colum_box.card_item .info_box .date {
  font-size: 16px;
  color: #666;
}

/* 리더스스토리 - 에스원구축사례 목록 */
.item_cate {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 16px;
  color: #0072ce;
}

.verti_list_wrap.img_type .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 40px 70px 40px 25px;
}

.verti_list_wrap.img_type .item .item_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
}

.verti_list_wrap.img_type .item .item_img img {
  width: 320px;
  height: 180px;
}

.verti_list_wrap.img_type .item .item_cont {
  padding: 0 0 0 35px;
  width: 830px;
}

.verti_list_wrap.img_type .item .item_cont,
.verti_list_wrap.img_type .item .item_txt {
  -o-text-overflow: initial;
     text-overflow: initial;
  white-space: normal;
}

/* 리더스스토리 구축사례 - 상세 */
.detail_cont.story {
  padding-bottom: 80px;
}

.story_wrap .story_txt {
  font-size: 18px;
  color: #666;
}

.story_wrap .story_txt + .img_area {
  margin-top: 40px;
}

.story_wrap .img_area {
  position: relative;
}

.story_wrap .img_area .info_box {
  position: relative;
  width: 100%;
  padding: 50px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}

.story_wrap .img_area > img + .info_box {
  position: absolute;
  right: 40px;
  bottom: 40px;
  width: 460px;
}

.story_wrap .info_box .tit {
  margin-bottom: 30px;
  font-weight: 800;
  font-size: 24px;
  text-transform: uppercase;
}

.story_wrap .info_box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
}

.story_wrap .info_box dl ~ dl {
  margin-top: 10px;
}

.story_wrap .info_box dl dt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 143px;
  font-weight: 700;
  font-size: 18px;
}

.story_wrap .info_box dl dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
}

.story_wrap .story_tit {
  margin-top: 40px;
}

.story_wrap .story_tit h3 {
  font-size: 24px;
  font-weight: 800;
  color: #000;
}

.story_wrap .story_tit p {
  margin-top: 10px;
  font-size: 18px;
  color: #666;
}

.story_wrap .story_item {
  margin-top: 80px;
}

.story_wrap .story_item .item_tit {
  font-weight: 800;
  font-size: 24px;
  color: #888;
  text-transform: uppercase;
}

.story_wrap .story_item .item_txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 30px;
  font-size: 18;
  color: #000;
}

.story_wrap .story_item .txt_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  margin-top: 20px;
}

.story_wrap .story_item .txt_wrap .img_area + .item_txt {
  margin-left: 25px;
}

.article {
  padding: 80px 0;
}

.article_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 30px;
}

.article_list .img_txt {
  margin-top: 20px;
  font-weight: 500;
  font-size: 18px;
  color: #000;
}

.article.bg_gray {
  background: #f7f7f7;
  padding: 80px 0 40px 0;
}

.article.bg_gray .cont_wrap .title_wrap .title03 {
  margin-top: 0;
}

.article .tit_wrap h3 {
  font-weight: 800;
  font-size: 24px;
  color: #000;
}

.article .tit_wrap p {
  font-size: 18px;
  color: #666;
}

.slick_wrap.basic {
  padding: 40px 0 0;
}

.basic .card_slick_slide .case_card .txt_box {
  background: #fff;
}

.basic .card_slick_slide img {
  width: 406px;
}

.basic .card_slick_slide .case_card .txt_box .tit {
  font-size: 20px;
}

.basic .card_slick_slide .case_card .txt_box .txt {
  margin-top: 5px;
  font-size: 16px;
}

.slick_wrap.basic .slick-button-box {
  top: 234px;
}

.article + .btn_area {
  margin-top: 50px;
}

/* 리더스스토리 - Insight & Report */
.board_tbl .badge_blue {
  display: inline-block;
  width: 65px;
  height: 35px;
  line-height: 35px;
  -moz-border-radius: 3px;
       border-radius: 3px;
  background: #0072ce;
  font-weight: 800;
  color: #fff;
  text-align: center;
}

.board_tbl .badge_blue.line {
  border: 1px solid #0072ce;
  background: #fff;
  color: #0072ce;
}

.board_tbl .badge_new span {
  margin-right: 10px;
  font-size: 16px;
  color: #0072ce;
  font-weight: 700;
}

/* 자료실 */
.box_tab_menu + .board_option_area {
  margin-top: 70px;
}

/* table inner 말줄임 */
.board_wrap .board_tbl .ellipsis {
  display: block;
}

.list_detail.data_room .detail_top {
  padding: 32px 0 0;
}

.list_detail.data_room .detail_info {
  padding-bottom: 30px;
}

.detail_top .attach_file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 25px;
  font-size: 16px;
  background: #f9fafb;
}

.detail_top .attach_file ul li {
  color: #666;
}

.detail_top .attach_file ul li ~ li {
  margin-top: 5px;
}

.detail_top .attach_file p:after {
  display: inline-block;
  content: "";
  margin: 2px 15px 0;
  width: 1px;
  height: 18px;
  background: #ddd;
  vertical-align: top;
}

.detail_top .attach_file ul li:before {
  display: inline-block;
  content: "";
  margin: 0 6px -2px 0;
  width: 8px;
  height: 16px;
  background: url("../../images/ko/customer/ico_attach.png") no-repeat;
}

.ico_attach_rotate {
  display: inline-block;
  width: 20px;
  height: 23px;
  background: url("../../images/ko/customer/ico_attach_rotate.png") no-repeat;
}

/* 가입상담신청 */
.cont_tit h3 + p {
  margin-top: 30px;
}

.adress_detail {
  margin-top: 12px;
}

.agreement_area + .board_bottom_txt {
  margin-top: 50px;
}

/* 마이에스원 서브메인 */
.menu_ty_ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 95px;
}

.menu_ty_ico li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 248px;
  background: #fff;
  text-align: center;
}

.menu_ty_ico li:hover {
  background: #f6fbff;
}

.menu_ty_ico li > a {
  display: block;
  padding: 36px 0;
  width: 100%;
  height: 100%;
}

.menu_ty_ico li ~ li {
  margin-left: 10px;
}

.menu_ty_ico li span {
  display: block;
  margin-top: 10px;
  font-weight: 500;
  color: #333;
}

.menu_ty_ico li span:before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
}

.box_list_mys .list_mys {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 50px;
}

.list_mys li {
  position: relative;
  width: 310px;
  margin-left: 12px;
  margin-top: 12px;
  padding: 20px;
  background: #f9fafb;
  -moz-border-radius: 2px;
       border-radius: 2px;
}

.list_mys li a {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.list_mys li:nth-of-type(4n + 1) {
  margin-left: 0;
  white-space: nowrap;
}

.list_mys .tit {
  color: #333;
  font-weight: 500;
}

.list_mys .sb_txt {
  float: right;
  font-size: 16px;
  color: #666;
}

.list_mys .dt_cnt {
  float: right;
  margin-top: 35px;
  font-size: 20px;
  font-weight: 500;
}

.list_mys .dt_cnt:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 3px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  vertical-align: 1px;
}

.list_mys .dt_cnt em {
  font-size: 22px;
  font-weight: 500;
}

.list_mys .dt_cnt.point {
  color: #0072ce;
}

.list_mys .dt_cnt.point:after {
  border-color: #0072ce;
}

.box_list_mys ~ .btm_text {
  margin-top: 50px;
  text-align: center;
  font-size: 16px;
  color: #202020;
}

.box_list_mys ~ .btm_text a {
  font-size: 14px;
}

.menu_ty_ico li.li01 span:before {
  background: url("../../images/ko/mys1/ico_sb_menu01.png");
}

.menu_ty_ico li.li02 span:before {
  background: url("../../images/ko/mys1/ico_sb_menu02.png");
}

.menu_ty_ico li.li03 span:before {
  background: url("../../images/ko/mys1/ico_sb_menu03.png");
}

.menu_ty_ico li.li04 span:before {
  background: url("../../images/ko/mys1/ico_sb_menu04.png");
}

.menu_ty_ico li.li05 span:before {
  background: url("../../images/ko/mys1/ico_sb_menu05.png");
}

/* 마이에스원 - 요금정보 */
.nav_tab_wrap + .cont_wrap > .box_tab_menu._4depth {
  margin-top: 50px;
}

.client_info {
  position: relative;
}

.client_info .contract_num {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}

.client_info .contract_num .name {
  margin-right: 20px;
  font-weight: 500;
  font-size: 36px;
  color: #000;
}

.client_info .info_txt {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 50px;
  font-size: 20px;
  color: #333;
}

.client_info .info_txt .tooltip_wrap {
  margin-left: 5px;
  top: -2px;
}

.client_info .btn_area {
  position: absolute;
  top: 0;
  right: 0;
}

.client_info .btn_area .btn_m {
  width: 140px;
  padding: 0;
}

.client_info + .box_tab_menu._5depth {
  margin-top: 50px;
}

.tab_container > .tab_cont > .box_item_wrap {
  margin-top: 0;
}

.box_item_wrap {
  position: relative;
  margin-top: 50px;
}

.box_item_wrap .title_wrap {
  margin-bottom: 24px;
}

.box_item_wrap .item_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  position: relative;
}

.box_item_wrap .item_list > li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 40px;
  border: 1px solid #ddd;
  background: #fff;
}

.box_item_wrap .item_list.type2 > li {
  height: 314px;
}

.box_item_wrap .item_list > li ~ li {
  margin-left: 20px;
}

.box_item_wrap .item_list > li > p {
  font-size: 24px;
  color: #000;
}

.box_item_wrap .txt_list {
  margin-top: 8px;
}

.box_item_wrap .txt_list li {
  color: #888;
}

.box_item_wrap .txt_list li:before {
  content: "*";
  display: inline-block;
  margin-right: 5px;
}

.box_item_wrap .alg_rgt {
  position: absolute;
  top: 50%;
  right: 40px;
  margin-top: -28px;
}

.box_datepicker .ui-datepicker-trigger {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.box_datepicker input {
  background: #fff;
}

.box_datepicker input::-webkit-input-placeholder {
  font-size: 16px;
  color: #333;
}

.box_datepicker input:-moz-placeholder {
  font-size: 16px;
  color: #333;
}

.box_datepicker input::-moz-placeholder {
  font-size: 16px;
  color: #333;
}

.box_datepicker input:-ms-input-placeholder {
  font-size: 16px;
  color: #333;
}

.box_datepicker input::-ms-input-placeholder {
  font-size: 16px;
  color: #333;
}

.box_datepicker input::placeholder {
  font-size: 16px;
  color: #333;
}

.box_item_wrap + .board_option_area {
  margin-top: 50px;
}

.item_list .item_btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 30px;
}

.item_list .item_btn_wrap.single {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
}

.item_list .item_btn_wrap .box_datepicker {
  white-space: nowrap;
}

.item_list .item_btn_wrap .box_datepicker + a {
  display: inline-block;
  margin-left: 10px;
}

.box_item_wrap .item_list .txt {
  display: block;
  margin-top: 16px;
  font-size: 18px;
  color: #888;
}

.box_item_wrap .item_list.type2 .btn_m {
  position: absolute;
  right: 40px;
  bottom: 40px;
}

.box_item_wrap.gray .item_list > li {
  padding: 24px;
  border: none;
  background: #f9fafb;
}

.box_item_wrap.gray .item_list > li .date {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 18px;
  color: #888;
}

.box_item_wrap.gray .item_list > li ~ li {
  margin-left: 10px;
}

.box_item_wrap .item_list > em {
  line-height: 26px;
  font-size: 18px;
  color: #333;
}

.box_item_wrap .item_list .sum {
  margin-top: 40px;
  font-weight: 500;
  font-size: 28px;
  text-align: right;
  color: #0072ce;
}

.win_pop .popup_header {
  padding: 40px 40px 50px;
}

.win_pop .popup_header h1 {
  font-size: 28px;
  color: #000;
}

.win_pop .board_tbl thead tr th,
.win_pop .board_tbl tbody tr th {
  padding: 20px;
  text-align: left;
}

.win_pop .board_tbl tbody tr td {
  padding: 20px;
  text-align: left;
  color: #888;
}

.sign_wrap {
  position: relative;
  margin: 20px 0;
  font-weight: 800;
  font-size: 24px;
  text-align: right;
  color: #333;
}

.sign_wrap .sign_img {
  margin-left: 16px;
  vertical-align: middle;
}

.inquiry_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  padding: 30px;
  font-size: 20px;
  color: #000;
  background: #f9fafb;
}

.win_pop .btn_area button {
  margin: 40px auto;
  width: 300px;
}

.swung_dash:before {
  display: inline-block;
  content: "~";
  margin: 0 5px;
  width: 14px;
  height: 24px;
  vertical-align: middle;
}

/* 마이에스원 - 현금영수증 */
.client_info + .board_option_area {
  margin-top: 50px;
}

.line_box {
  padding: 30px;
  border: 1px solid #ddd;
}

.line_box .bul_list li:before {
  background: #333;
}

.line_box .bul_list li {
  line-height: 24px;
  font-size: 16px;
  color: #333;
}

.line_box + .wrap_apply_form {
  margin-top: 50px;
}

/* 마이에스원 - 발송신청 */
.wrap_cont_sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}

.wrap_cont_sort.ty_line {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #e1e1e1;
}

.wrap_cont_sort.ty_line2 {
  margin-top: 50px;
  padding-top: 40px;
  border-top: 1px solid #ddd;
}

.wrap_cont_sort .box_tab_menu {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.wrap_cont_sort .sub_tit {
  font-size: 24px;
  font-weight: bold;
}

.wrap_cont_sort .sub_tit + .col_type2 {
  margin-top: 5px;
}

.wrap_cont_sort .sub_tit + .from_box {
  margin-left: 20px;
}

.wrap_cont_sort + .step_hsty_wrap {
  margin-top: 60px;
}

.wrap_cont_sort .selbox_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap_cont_sort .sel_tit {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.wrap_cont_sort .sel_tit + .select_box {
  margin-left: 20px;
}

.wrap_cont_sort + .tab_container {
  position: relative;
  padding-top: 0;
}

.wrap_cont_sort + .tab_container .top_btn_box {
  position: absolute;
  top: -96px;
  right: 0;
}

.wrap_cont_sort + .tab_container .top_btn_box > a {
  margin-left: 5px;
}

.wrap_cont_sort .box_datepicker {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrap_cont_sort .box_datepicker .swung_dash:before {
  vertical-align: inherit;
}

.wrap_cont_sort .btn_area {
  white-space: nowrap;
}

.wrap_apply_form {
  margin-top: 60px;
}

.wrap_apply_form .tit_wrap strong {
  font-size: 24px;
  font-weight: bold;
}

.wrap_apply_form .tit_wrap .sub_txt {
  margin-top: 6px;
  font-size: 16px;
  color: #888;
}

.wrap_apply_form + .btn_area {
  margin-top: 40px;
}

.wrap_apply_form .tit_wrap {
  margin-top: 60px;
}

.wrap_apply_form .form_area.align_top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.wrap_apply_form .align_top .form_tit {
  margin: 15px 0;
}

.wrap_apply_form .file_add.drag {
  display: inline-block;
  width: 100%;
  padding: 45px 0;
  background-color: #f7f7f7;
  -moz-border-radius: 2px;
       border-radius: 2px;
  text-align: center;
}

.wrap_apply_form .file_add + .file_wrap {
  margin-top: 15px;
}

.wrap_apply_form .file_add.drag .text,
.wrap_apply_form .file_add.drag > button {
  display: inline-block;
  vertical-align: middle;
}

.wrap_apply_form .file_add.drag .text {
  font-size: 16px;
  color: #888;
}

.wrap_apply_form .file_add.drag > button {
  margin-left: 10px;
  background: #fff;
}

.wrap_apply_form input[type=text],
.wrap_apply_form textarea {
  font-size: 16px;
  color: #000;
}

.wrap_apply_form input[type=text]:disabled,
.wrap_apply_form textarea:disabled {
  background: #f7f7f7;
  border: 0;
}

.wrap_apply_form input[type=text] + .unit {
  font-style: normal;
}

.wrap_apply_form .aply_card > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  padding: 30px 0;
}

.wrap_apply_form .aply_card > div + div {
  border-top: 1px solid #ddd;
}

.wrap_apply_form .aply_card .box_img {
  width: 120px;
  text-align: center;
}

.wrap_apply_form .aply_card .box_img img {
  max-width: 120px;
  max-height: 80px;
}

.wrap_apply_form .aply_card .box_txt {
  margin-left: 20px;
}

.wrap_apply_form .aply_card .box_img img {
  max-width: 120px;
  max-height: 80px;
}

.wrap_apply_form .aply_card .box_txt {
  margin-left: 20px;
  font-size: 16px;
}

.wrap_apply_form .aply_card .box_txt .tit {
  font-weight: 500;
  color: #000;
  line-height: 1.5;
}

.wrap_apply_form .aply_card .box_txt .txt {
  margin-top: 5px;
  color: #666;
}

.wrap_apply_form .aply_card .box_input {
  margin-left: 55px;
}

.apl_form_area .form_area.alg_top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.apl_form_area .form_area.alg_top .form_tit {
  margin-top: 15px;
}

.apl_form_area .form_area.alg_top.ty2 .form_tit {
  margin-top: 57px;
}

.apl_form_area .file_wrap {
  width: 100%;
  margin-top: 0;
  padding: 0;
  border: 0;
}

.apl_form_area .file_wrap li {
  padding: 16px;
  background-color: #f7f7f7;
}

.apl_form_area .file_wrap li:before {
  content: none;
}

.apl_form_area .file_wrap .btn_del:before,
.apl_form_area .file_wrap .btn_del:after {
  content: none;
}

.apl_form_area .file_wrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.apl_form_area .file_wrap li > div {
  -webkit-box-flex: 4;
  -webkit-flex: 4;
     -moz-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.apl_form_area .file_wrap .btn_area {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}

.apl_form_area .file_wrap button {
  background-color: #fff;
}

.apl_form_area .file_wrap .btn_del {
  width: auto;
  height: 35px;
  padding: 0 8px;
  margin: 0 0 0 5px;
  border: 1px solid #ccc;
  color: #373737;
  font-size: 14px;
  line-height: 35px;
  -moz-border-radius: 4px;
       border-radius: 4px;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.apl_form_area + .bul_list {
  margin-top: 20px;
}

.apl_form_area + .bul_list li.point:before {
  background-color: #f1525f;
}

.apl_form_area + .bul_list em {
  font-weight: bold;
  color: #f1525f;
}

.wrap_contract_no {
  margin-top: 50px;
}

.wrap_contract_no .title {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.wrap_contract_no .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  padding: 40px 0;
  border-top: 3px solid #000;
  border-bottom: 1px solid #ddd;
}

.wrap_contract_no .info dt {
  width: 180px;
  font-size: 16px;
  font-weight: bold;
  color: #888;
}

.wrap_contract_no .info dd {
  font-size: 16px;
  font-weight: bold;
}

.wrap_contract_no + .wrap_tbl_mysone {
  margin-top: 60px;
}

.wrap_tbl_mysone + .btn_area {
  margin-top: 40px;
}

.apl_form_area {
  margin-top: 20px;
  padding: 25px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.apl_form_area .self_top {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}

.apl_form_area .radio_tab {
  display: none;
  margin-top: 15px;
}

.apl_form_area .radio_tab.on {
  display: block;
}

.apl_form_area .form_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 15px 0;
}

.apl_form_area .form_tit {
  width: 210px;
  font-size: 18px;
  font-weight: bold;
}

.apl_form_area .wrap_unit {
  position: relative;
}

.apl_form_area .form_cont {
  white-space: nowrap;
}

.apl_form_area .form_cont .unit {
  display: inline-block;
  margin-left: 15px;
  font-weight: bold;
}

.apl_form_area .form_cont .unit.type2 {
  position: absolute;
  top: 16px;
  right: 16px;
}

.apl_form_area .form_cont .box + .box {
  margin-top: 30px;
}

.apl_form_area .form_cont > p {
  font-size: 16px;
}

.apl_form_area .input_area + .input_area {
  margin-top: 16px;
}

.apl_form_area .flt_area {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -22.5px;
}

.apl_form_area + .input_area {
  margin-top: 20px;
  white-space: nowrap;
}

.apl_form_area + .input_area + .btn_area {
  margin-top: 50px;
}

.bottom_area + .bul_list,
.board_wrap + .bul_list.point2 {
  margin-top: 20px;
}

.bottom_area + .bul_txt {
  margin-top: 20px;
}

/* 마이에스원 - 부가서비스 */
.cont_wrap + .cont_wide > .tab_container {
  padding-top: 50px;
}

.wrap_extra_svc {
  margin-top: 82px;
}

.wrap_extra_svc .board_wrap {
  margin-top: 32px;
}

.wrap_extra_svc.using {
  padding: 80px 0;
  margin: 0 auto;
  background: #f6fbff;
}

.wrap_extra_svc + .wrap_extra_svc {
  margin-top: 80px;
}

.wrap_extra_svc .title_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrap_extra_svc .title_wrap strong {
  font-size: 28px;
  font-weight: bold;
  color: #333;
}

.wrap_extra_svc .title_wrap em {
  display: inline-block;
  margin-left: 8px;
  font-weight: bold;
  color: #0072ce;
}

.wrap_extra_svc .list_svc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -10px;
}

.wrap_extra_svc .list_svc li {
  margin-top: 28px;
  min-width: 330px;
  width: -webkit-calc(33.333% - 10px);
  width: -moz-calc(33.333% - 10px);
  width: calc(33.333% - 10px);
  margin-left: 10px;
  background: #fff;
  border: 1px solid #ddd;
}

.wrap_extra_svc .list_svc label {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 32px 28px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.wrap_extra_svc .list_svc i {
  position: absolute;
  right: 28px;
  top: 50%;
  width: 16px;
  padding: 0;
  margin-top: -8px;
  height: 16px;
}

.wrap_extra_svc .list_svc .name span {
  display: inline-block;
  vertical-align: middle;
}

.wrap_extra_svc .list_svc .name:before {
  content: "";
  display: inline-block;
  width: 48px;
  height: 48px;
  margin-right: 15px;
  vertical-align: middle;
}

.wrap_extra_svc .list_svc .name.ico01:before {
  background: url("../../images/ko/mys1/ico_ext_svc01.png");
}

.wrap_extra_svc .list_svc .name.ico02:before {
  background: url("../../images/ko/mys1/ico_ext_svc02.png");
}

.wrap_extra_svc .list_svc .name.ico03:before {
  background: url("../../images/ko/mys1/ico_ext_svc03.png");
}

.wrap_extra_svc .list_svc .name.ico04:before {
  background: url("../../images/ko/mys1/ico_ext_svc04.png");
}

.wrap_extra_svc .list_svc .name.ico05:before {
  background: url("../../images/ko/mys1/ico_ext_svc05.png");
}

.wrap_extra_svc .list_svc .name.ico06:before {
  background: url("../../images/ko/mys1/ico_ext_svc06.png");
}

.wrap_extra_svc .list_svc .name.ico07:before {
  background: url("../../images/ko/mys1/ico_ext_svc07.png");
}

.wrap_extra_svc .list_svc .name.ico08:before {
  background: url("../../images/ko/mys1/ico_ext_svc08.png");
}

.wrap_extra_svc .list_svc .name.ico09:before {
  background: url("../../images/ko/mys1/ico_ext_svc09.png");
}

.wrap_extra_svc .list_svc .name.ico10:before {
  background: url("../../images/ko/mys1/ico_ext_svc10.png");
}

.wrap_extra_svc .list_svc .name.ico11:before {
  background: url("../../images/ko/mys1/ico_ext_svc11.png");
}

.wrap_extra_svc .list_svc .name.ico12:before {
  background: url("../../images/ko/mys1/ico_ext_svc12.png");
}

.wrap_extra_svc .list_svc .name.ico13:before {
  background: url("../../images/ko/mys1/ico_ext_svc13.png");
}

/* 마이에스원 부가서비스 툴팁 */
.list_svc li .input_chk .input_focus:before {
  outline: 2px solid #000;
}

.list_svc li input {
  width: -webkit-calc(100% - 28px);
  width: -moz-calc(100% - 28px);
  width: calc(100% - 28px);
  height: 100%;
  z-index: 10;
}

.list_svc .explain {
  display: none;
  position: absolute;
  top: 100px;
  left: 0px;
  min-width: 332px;
  padding: 20px 0 20px;
  background: #fff;
  -moz-border-radius: 10px;
       border-radius: 10px;
  -webkit-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24);
     -moz-box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24);
          box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.24);
  z-index: 8;
}

.list_svc .explain:before,
.list_svc .explain:after {
  content: "";
  display: block;
  position: absolute;
  width: 226px;
}

.list_svc .explain:before {
  background-color: #fff;
  content: " ";
  display: block;
  width: 26px;
  height: 21px;
  position: absolute;
  top: -7px;
  left: 35px;
  transform: rotate(129deg) skew(-14deg);
  -moz-transform: rotate(129deg) skew(-14deg);
  -ms-transform: rotate(129deg) skew(-14deg);
  -webkit-transform: rotate(129deg) skew(-14deg);
  -webkit-box-shadow: -5px 1px 12px -14px rgba(0, 0, 0, 0.44);
     -moz-box-shadow: -5px 1px 12px -14px rgba(0, 0, 0, 0.44);
          box-shadow: -5px 1px 12px -14px rgba(0, 0, 0, 0.44);
}

.list_svc .explain p {
  position: relative;
  padding: 0px 59px 0 30px;
  font-size: 16px;
  word-break: keep-all;
}

/* .list_svc li input:focus + i + .explain, */
.list_svc li:hover .explain {
  display: block;
}

.wrap_tbl_mysone {
  margin-top: 40px;
}

.wrap_apply_form.no_mt,
.wrap_apply_form .no_mt {
  margin-top: 0;
}

.wrap_tbl_mysone .t_total {
  color: #888;
  line-height: 1.44;
}

.wrap_tbl_mysone .board_wrap {
  margin-top: 24px;
}

.wrap_tbl_mysone .btm_area {
  position: relative;
  overflow: hidden;
  height: 95px;
  white-space: nowrap;
}

.wrap_tbl_mysone .input_chk i {
  position: static;
  padding-left: 0;
}

.wrap_tbl_mysone .input_chk {
  margin-right: 0;
}

.wrap_tbl_mysone .tbl_sub_tit {
  margin-top: 30px;
}

.btm_area .btn_agn_rgt {
  position: absolute;
  right: 0;
  bottom: 0;
}

.btm_area .btn_agn_rgt.large {
  margin-top: -42px;
}

.btm_area .btn_agn_rgt button {
  width: 120px;
}

.btm_area .btn_agn_rgt button + button {
  margin-left: 5px;
}

.sub_tit_area {
  margin-top: 60px;
}

.sub_tit_area .tit {
  font-size: 20px;
  font-weight: 500;
  color: #333;
}

.sub_tit_area + .step_hsty_wrap {
  margin-top: 20px;
}

.step_hsty_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.step_hsty_wrap li {
  padding: 24px 0;
  border-top: 2px solid #ddd;
}

.step_hsty_wrap.step3 li {
  width: 420px;
}

.step_hsty_wrap li p {
  font-size: 20px;
  color: #888;
}

.step_hsty_wrap li em {
  font-size: 28px;
}

.step_hsty_wrap li p + p {
  font-weight: 500;
}

.step_hsty_wrap.step5 li {
  width: 248px;
}

.step_hsty_wrap.type2 li em {
  font-size: 20px;
  font-weight: 500;
}

.step_hsty_wrap li.active {
  border-color: #0072ce;
}

.step_hsty_wrap li.active p {
  color: #0072ce;
}

.step_hsty_wrap + .board_wrap {
  margin-top: 100px;
}

/* 마이에스원 - 내정보*/
.apl_form_area + .input_chk {
  margin-top: 20px;
}

.apl_form_area + .input_chk + .btn_area {
  margin-top: 50px;
}

.form_cont + .form_cont .email_box {
  margin-left: 16px;
}

.form_cont + .form_cont .email_box input[type=text] {
  width: 176px;
}

.form_cont + .form_cont .email_box .select_box {
  width: 130px;
}

.box_tab_menu + .myinfo_form .board_option_area {
  margin-top: 50px;
}

.myinfo_form + .myinfo_form {
  margin-top: 80px;
}

.myinfo_form .sub_txt01 {
  font-size: 20px;
  margin-top: 50px;
}

.myinfo_form .sub_txt01.type2 {
  margin-top: 40px;
}

.myinfo_form .board_option_area strong {
  font-size: 24px;
  font-weight: 700;
}

.myinfo_form .board_option_area .board_option_txt {
  line-height: 45px;
}

.myinfo_form .sub_txt01 + .board_option_area {
  margin-top: 50px;
}

.myinfo_form .sub_txt01 + .apl_form_area {
  margin-top: 50px;
}

.myinfo_form .apl_form_area + .btn_area {
  margin-top: 50px;
}

.myinfo_form .terms_list + .apl_form_area {
  margin-top: 50px;
}

.myinfo_form .apl_form_area + .bul_list {
  margin-top: 20px;
}

.myinfo_form .apl_form_area + .bul_list + .bul_list {
  margin-top: 8px;
}

.myinfo_form .apl_form_area + .bul_txt + .bul_list {
  margin-top: 8px;
}

.myinfo_form .apl_form_area .number_box {
  white-space: nowrap;
}

.myinfo_form .bul_txt.point2 + .btn_area {
  margin-top: 50px;
}

.myinfo_form .bul_list + .btn_area {
  margin-top: 50px;
}

.myinfo_form .apl_form_area.type2 {
  margin-top: 0;
}

.myinfo_form .apl_form_area.scroll {
  max-height: 1320px;
  overflow-y: auto;
}

.myinfo_form .apl_form_area.type2 .form_tit {
  width: 150px;
}

.myinfo_form .apl_form_area .align_top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.myinfo_form .apl_form_area .align_top .form_tit {
  margin: 14px 0;
}

.myinfo_form .apl_form_area.type3 .form_tit {
  width: 210px;
}

.myinfo_form .apl_form_area.type2 .form_cont + .form_tit {
  margin-left: 80px;
}

.myinfo_form .apl_form_area.type2 .form_cont + .form_cont {
  margin-left: 16px;
}

.myinfo_form .apl_form_area .number_box .select_box + input {
  margin-left: -8px;
}

.myinfo_form .apl_form_area .form_cont .box + .box {
  margin-top: 16px;
}

.myinfo_form .apl_form_area .form_cont .box.input_area + .box {
  margin-top: 30px;
}

.myinfo_form .apl_form_area .form_cont input + input {
  margin-left: 4px;
}

.cont_wide + .anchor-scroll .myinfo_form {
  margin-top: 55px;
}

.cont_wrap + .anchor-scroll .myinfo_form {
  margin-top: 80px;
}

.sticky_wrap.myinfo_sticky {
  margin-top: 50px;
}

.sticky_wrap.myinfo_sticky .sticky_link {
  width: 100%;
}

.sticky_wrap.myinfo_sticky .sticky_link .inner_box {
  max-width: 1320px;
}

.myinfo_form .board_option_area.type2 .tit_wrap {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.myinfo_form .board_option_area.type2 strong {
  line-height: 45px;
}

.myinfo_form .board_option_area.type2 button {
  width: 120px;
}

.myinfo_form .board_option_area.type2 .txt_info {
  position: relative;
  padding-left: 8px;
  font-size: 14px;
  color: #0072ce;
}

.myinfo_form .board_option_area.type2 .txt_info:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background: #0072ce;
  -moz-border-radius: 2px;
       border-radius: 2px;
}

.myinfo_form .board_option_area.type2 .txt_info a {
  text-decoration: underline;
}

/* 마이에스원 layer popup */
.modal_cont .contract_no {
  margin-top: 50px;
  font-size: 20px;
}

.contract_no span {
  display: inline-block;
}

.contract_no span + span {
  margin-left: 10px;
}

.li_card_wrap {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}

.li_card_wrap li {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0;
}

.li_card_wrap li p {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.li_card_wrap li p + input,
.li_card_wrap li p + .select_box {
  margin-left: 16px;
}

.li_card_wrap li input + p {
  margin-left: 24px;
}

.myinfo_wrap .title {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 48px;
}

.myinfo_wrap .title h3 {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  line-height: 45px;
}

.myinfo_wrap .info_form {
  border-top: 1px solid #eee;
  padding-top: 30px;
  margin-top: 20px;
}

.myinfo_wrap .info_form .form_area {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.myinfo_wrap .info_form .form_tit {
  min-width: 80px;
  font-size: 16px;
  font-weight: 700;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
}

.myinfo_wrap .info_form .input_area {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.myinfo_wrap .info_form.type2 .form_tit {
  min-width: 107px;
}

.myinfo_wrap .info_form.type3 {
  border-top: none;
  padding-top: 0;
  margin-top: 15px;
}

.myinfo_wrap .info_form.type3 .form_tit {
  min-width: 150px;
}

.myinfo_wrap .info_form .form_area + .form_area {
  margin-top: 30px;
}

.myinfo_wrap .info_form .select_box,
.myinfo_wrap .info_form .number_box input {
  margin: 0;
}

.myinfo_wrap .info_form .at {
  margin: 0;
}

.myinfo_wrap .board_wrap {
  margin-top: 15px;
}

.myinfo_wrap .board_wrap.type2 {
  margin-top: 40px;
}

.myinfo_wrap .board_wrap .form_tit {
  min-width: 118px;
  font-size: 16px;
}

.myinfo_wrap .board_wrap + .title {
  margin-top: 0;
}

.myinfo_wrap .info_form .input_area .select_box + input[type=text] {
  margin-left: 0;
}

/* 마이에스원 - 출동보고서 */
.wrap_secur_report .sub_txt {
  margin-top: 50px;
  font-size: 20px;
  color: #333;
}

.wrap_secur_report .secur_report {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 25px;
}

.wrap_secur_report .secur_report li {
  position: relative;
  width: 311px;
  height: 397px;
  margin-top: 24px;
  margin-left: 12px;
  border: 1px solid #ddd;
}

.wrap_secur_report .secur_report li img {
  width: 100%;
  height: 100%;
}

.wrap_secur_report .secur_report li:nth-child(4n+1) {
  margin-left: 0;
}

.wrap_secur_report .board_wrap {
  margin-top: 50px;
}

.secur_report .d_modal_open {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
}

.secur_report .modal_header {
  padding-bottom: 0;
}

.secur_report .cont_area {
  margin-top: 45px;
  padding-right: 0;
}

.secur_report .cont_area:after {
  content: "";
  display: block;
  clear: both;
}

.secur_report .cont_area .img_box {
  width: 458px;
  height: auto;
  float: left;
  border: 1px solid #ddd;
}

.secur_report .cont_area .txt_box {
  float: left;
  width: 320px;
  margin-left: 24px;
  font-size: 16px;
  color: #666;
  line-height: 24px;
}

/* 마이에스원 카드템플릿 */
.card_template .sort_box input[type=checkbox] {
  opacity: 0;
  filter: alpha(opacity=0);
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
  vertical-align: top;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
}

.card_template .wrap_grid_col2 {
  margin-top: 20px;
  padding-top: 50px;
  border-top: 1px solid #e1e1e1;
}

.wrap_grid_col2 {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.wrap_grid_col2 .align_lft {
  width: 300px;
  padding: 28px 24px;
  border: 1px solid #ddd;
}

.wrap_grid_col2 .align_lft .btn_area {
  margin-top: 28px;
}

.wrap_grid_col2 .align_lft .btn_area a {
  width: 100%;
}

.card_template {
  margin-top: 80px;
}

.card_template .sub_tit {
  font-size: 24px;
  font-weight: bold;
}

.card_template .t_tit {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.card_template .t_tit button {
  float: right;
  font-size: 16px;
  color: #888;
}

.card_template .sort_box {
  margin-top: 20px;
  border: 1px solid #ddd;
  border-top: 0;
}

.card_template .sort_box li {
  border-top: 1px solid #ddd;
}

.card_template .sort_box label {
  display: block;
  width: 100%;
  padding: 16px 0;
  text-align: center;
}

.card_template .sort_box.col2 {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.card_template .sort_box.col2 li {
  width: 50%;
  border-left: 1px solid #ddd;
}

.card_template .sort_box.col2 li:nth-child(2n-1) {
  border-left: 0;
}

.card_template .sort_box input[type=checkbox]:focus + label {
  text-decoration: underline;
}

.card_template .sort_box input[type=checkbox]:checked + label {
  background-color: #e5f0fa;
  color: #0072ce;
}

.card_template .sort_box + .t_tit {
  margin-top: 28px;
}

.card_template .wrap_template_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 945px;
  margin-left: 36px;
}

.wrap_template_box + .pagination {
  margin-top: 0;
}

/* 카드 템플릿 슬라이드 */
.wrap_template_box .template {
  width: 458px;
  margin-bottom: 80px;
}

.template .slick_wrap .slick-prev,
.template .slick_wrap .slick-next {
  width: 56px;
  height: 56px;
  background: transparent;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translate(0);
     -moz-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  top: 0;
}

.template .slick_wrap .slick-prev i:after,
.template .slick_wrap .slick-next i:after {
  top: 22px;
  border-color: #050505;
}

.template .slick_wrap .slick-prev i:after {
  right: 20px;
}

.template .slick_wrap .slick-next i:after {
  left: 20px;
}

.modal_cont .template {
  width: 458px;
}

.modal_cont .card_temp_slide {
  margin-top: 30px;
  border: 0;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal_cont .card_temp_slide .slick_wrap.card_temp_slide {
  margin-top: 0;
}

.modal_cont .card_temp_slide .slick_nav {
  padding: 20px 0 0;
}

.modal_cont .dtail_wrap {
  width: 338px;
}

.modal_cont .slick_nav {
  margin-top: 120px;
}

.slick_wrap.card_temp_slide {
  padding-top: 0;
  margin: 20px auto 0;
  width: 100%;
}

.card_temp_slide {
  margin-top: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.card_temp_slide .slick_slide {
  position: relative;
  background-color: #f7f7f7;
  width: 100%;
  height: 458px;
}

.card_temp_slide .slick_nav {
  width: 300px;
  padding: 20px 0;
}

.card_temp_slide .slick_nav .img_nav {
  display: inline-block;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  background-color: #f7f7f7;
  cursor: pointer;
}

.card_temp_slide .slick_nav .img_nav.slick-current {
  background-color: #e8f1fc;
}

.card_temp_slide .slick_nav .img_nav + .img_nav {
  margin-left: 5px;
}

.card_temp_slide .slick_nav .img_nav img {
  position: absolute;
  width: auto;
  max-width: 56px;
  max-height: 56px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.card_temp_slide .slick-button-box {
  top: 200px;
  height: 56px;
}

.card_temp_slide .slick-slide {
  position: relative;
}

.card_temp_slide .image_item {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 314px;
  height: 314px;
  margin: 72px;
}

.card_temp_slide .image_item img {
  max-width: 314px;
  max-height: 314px;
  width: auto;
}

.card_temp_slide .label {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 8px 12px;
  background-color: #e5f0fa;
  font-size: 14px;
  color: #0072ce;
  -moz-border-radius: 4px;
       border-radius: 4px;
}

.card_temp_slide .d_modal_open {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 460px;
  z-index: 1;
}

.card_temp_slide .cont_slide_dt {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.cont_slide_dt .detail {
  text-align: right;
}

.card_temp_slide .detail .ifo_em {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.card_temp_slide .detail .ifo {
  margin-top: 5px;
  font-size: 18px;
  color: #888;
}

.card_temp_slide .detail ul {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.card_temp_slide .detail li {
  font-size: 16px;
  color: #666;
}

.sleeper_wrap {
  width: 700px;
  margin: 120px auto 0;
}

.sleeper_wrap .title_wrap strong {
  display: block;
  text-align: center;
}

.sleeper_wrap .title_wrap div,
.sleeper_wrap .btn_area {
  text-align: center;
}

/* 로그인 */
.member_wrap {
  width: 400px;
  margin: 120px auto 0;
}

.member_wrap .form_box .input_box label {
  font-size: 16px;
}

.member_wrap .form_box .input_box input {
  width: 100%;
  margin-top: 12px;
}

.member_wrap .login_box .btn_area .btn_l {
  width: 100%;
}

.member_wrap .pw_chg_box .btn_area .btn_l {
  min-width: 196px;
}

.member_wrap .pw_chg_box .btn_tooltip {
  width: 18px;
  height: 18px;
}

.member_wrap .title_wrap + .form_box {
  margin-top: 60px;
}

.member_wrap .form_box .input_box + .input_box {
  margin-top: 30px;
}

.modal_inner .form_box .input_box + .input_box {
  margin-top: 28px;
}

.member_wrap .title_wrap .title04 + div {
  margin-top: 20px;
}

.member_wrap .form_box + .sub_txt02 {
  margin-top: 77px;
}

.member_wrap .form_box .input_area + .btn_area {
  margin-top: 30px;
}

.member_wrap .pw_chg_box .input_area + .btn_area {
  margin-top: 40px;
}

.member_wrap .form_box .btn_area + .btn_area {
  margin-top: 20px;
}

.member_wrap .login_box .input_chk {
  margin-top: 20px;
  white-space: nowrap;
}

.modal_inner .form_box .input_box label {
  display: block;
  margin-bottom: 12px;
}

.modal_inner .form_box .input_area + .sub_txt03 {
  margin-top: 10px;
}

.modal_inner .modal_cont + .btn_area {
  margin-top: 40px;
}

.modal_inner .modal_cont + .btn_area.ag_cntr {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal_inner .modal_cont + .btn_area.ag_sb {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.modal_inner .modal_cont + .btn_area .input_chk.as_center {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
}

.btn_area.flx {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.modal_inner .pw_chg .input_area + .input_area {
  margin-top: 30px;
}

.modal_inner .pw_chg {
  margin-top: 30px;
}

.modal_inner .pw_chg label + input {
  margin-top: 12px;
}

.modal_inner .agreement_area {
  padding: 39px 0 40px;
}

.modal_inner .sub_txt02 + .box_tab_menu.popup {
  margin-top: 23px;
}

/* 인증번호 input */
.certification_num_box {
  position: relative;
  width: 100%;
  margin-top: 30px;
}

.certification_num_box input {
  padding-right: 60px;
}

.certification_num_box .time {
  position: absolute;
  right: 16px;
  top: 50%;
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY-(50%);
  font-size: 14px;
  color: #0072ce;
  line-height: 1.5;
}

.certification_num_box .time.on {
  color: #f1525f;
}

/* Data input*/
.data_input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  background-color: #f7f7f7;
  padding: 17px 16px;
  height: 56px;
}

.data_input + .data_input {
  margin-top: 16px;
}

.data_input dt {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  min-width: 64px;
}

.data_input dt::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 20px;
  background-color: #ddd;
  position: absolute;
  right: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
       transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY-(50%);
}

.data_input dd {
  font-size: 14px;
  color: #000;
  padding-left: 24px;
  width: 100%;
}

.data_input dd.point {
  font-size: 18px;
  color: #0072ce;
}

.id_info .data_input {
  padding: 14px 16px;
  height: 56px;
}

.id_info .data_input dt {
  line-height: 26px;
}

.id_multi {
  max-height: 200px;
  margin-top: 15px;
  overflow-x: hidden;
}

.id_multi .data_input {
  padding: 24px 16px;
  height: 80px;
}

.id_multi .data_input dt {
  line-height: 28px;
  min-width: 100px;
}

.id_multi .input_rdo,
.id_multi .input_chk {
  font-size: 16px;
  color: #666;
  margin-right: 0px;
}

.id_multi .data_input + .data_input {
  margin-top: 12px;
}

/* 회원가입 */
.join_wrap {
  width: 900px;
  margin: 120px auto 0;
}

.join_wrap .title_wrap .title05 + .sub_txt01 {
  margin-top: 20px;
}

.join_wrap .link_box {
  width: 100%;
  margin: 80px 0 56px;
}

.join_wrap .link_box li {
  display: inline-block;
  width: 400px;
  height: 315px;
  margin: 0 6px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  border: 1px solid #ddd;
}

.join_wrap .link_box a {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-top: 44px;
  border: 1px solid #fff;
}

.join_wrap .link_box a.on .link_tit {
  color: #0072ce;
}

.join_wrap .link_box a .sub_txt01.col_type3 {
  color: #888;
}

.join_wrap .link_box a.on .sub_txt01 {
  color: #0072ce !important;
}

.join_wrap .link_box a .link_tit {
  font-size: 20px;
  color: #000;
  margin: 16px 0 6px;
}

.join_wrap .sub_txt03.point {
  color: #0072ce;
}

.join_wrap .sub_txt03 + .sub_txt03 {
  margin-top: 30px;
}

.join_wrap .sub_txt03 + .sub_txt02 {
  margin-top: 56px;
}

.icon_header01 {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url("../../images/ko/header/icon_header01.png") no-repeat;
}

.icon_header02 {
  display: inline-block;
  width: 120px;
  height: 120px;
  background: url("../../images/ko/header/icon_header02.png") no-repeat;
}

.join_wrap .link_box li:hover {
  border-color: #0072ce;
  -webkit-box-shadow: 0 28px 40px 0 rgba(0, 0, 0, 0.08);
     -moz-box-shadow: 0 28px 40px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 28px 40px 0 rgba(0, 0, 0, 0.08);
}

.join_wrap .link_box a:hover {
  border-color: #0072ce;
}

.join_wrap .link_box a:hover .link_tit,
.join_wrap .link_box a:hover .sub_txt01 {
  color: #0072ce;
}

.join_wrap .link_box a:hover .icon_header01 {
  background: url("../../images/ko/header/icon_header01_on.png");
}

.join_wrap .link_box a:hover .icon_header02 {
  background: url("../../images/ko/header/icon_header02_on.png");
}

.join_wrap .link_box li a:focus {
  border-color: #0072ce;
  -webkit-box-shadow: 0 28px 40px 0 rgba(0, 0, 0, 0.08);
     -moz-box-shadow: 0 28px 40px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 28px 40px 0 rgba(0, 0, 0, 0.08);
}

.join_wrap .link_box a:focus .link_tit,
.join_wrap .link_box a:focus .sub_txt01 {
  color: #0072ce;
}

.join_wrap .link_box a:focus .icon_header01 {
  background: url("../../images/ko/header/icon_header01_on.png");
}

.join_wrap .link_box a:focus .icon_header02 {
  background: url("../../images/ko/header/icon_header02_on.png");
}

.join_wrap .sub_txt03.point + .sub_txt03.point {
  margin-top: 28px;
}

/* 약관동의 */
.join_wrap .title_wrap {
  position: relative;
}

.join_wrap .step {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.join_wrap .step li {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #e8f1fc;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 32px;
}

.join_wrap .step li.on {
  background-color: #0072ce;
}

.terms_list li {
  margin-top: 50px;
}

.terms_list .chk_area {
  white-space: nowrap;
}

.terms_list .chk_area i {
  font-size: 20px;
  color: #202020;
}

.terms_list .chk_area span {
  font-size: 14px;
  color: #0072ce;
}

.terms_list .terms_box {
  width: 100%;
  margin-top: 20px;
  border-top: 2px solid #202020;
  padding-top: 20px;
  height: 180px;
  overflow-y: auto;
}

.terms_list .terms_box .terms_article:first-child {
  margin-top: 0;
}

.terms_list .terms_box .terms_article {
  margin-top: 30px;
}

.terms_list .terms_box p {
  font-size: 14px;
  color: #333;
}

.terms_list .terms_box p.point {
  color: #e02020;
}

.terms_list .terms_box .board_tbl tbody tr td {
  font-size: 14px;
}

.join_wrap .btn_area {
  width: 100%;
  border-top: 2px solid #eee;
  padding-top: 50px;
  margin-top: 40px;
}

.join_wrap .terms_list + .sub_txt03 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.agree_form .form_box {
  margin-top: 50px;
}

.agree_form .form_box .input_chk {
  position: relative;
  width: 100%;
  height: 72px;
  line-height: 70px;
  margin-right: 0;
}

.agree_form .form_box .input_chk i {
  padding-left: 59px;
  width: 100%;
  height: 72px;
  line-height: 70px;
  font-size: 20px;
  font-weight: 700;
  z-index: 2;
  color: #202020;
}

.agree_form .form_box .input_chk i:before {
  top: 27px;
  left: 28px;
}

.agree_form .form_box .input_chk i:after {
  top: 31px;
  left: 33px;
}

.agree_form .form_box .input_chk em:before {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
}

.agree_form .form_box .input_chk i span {
  font-size: 16px;
  color: #666;
  font-weight: 500;
  margin-left: 15px;
}

.agree_form .form_box .input_chk input:checked + i + em:before {
  content: "";
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #e8f1fc;
}

/* 회원가입 정보입력 */
.join_wrap .board_form {
  padding: 40px 23px;
}

.join_wrap .title_wrap + .board_option_area {
  margin: 50px 0 15px;
}

.join_wrap .board_form .form_area .form_tit {
  min-width: 200px;
}

.join_wrap .email_box .at {
  color: #202020;
  font-size: 14px;
  margin: 0 1px;
}

.join_modal_cont .sub_txt02 + .list_tit {
  margin-top: 30px;
}

.join_modal_cont .board_tit {
  font-size: 16px;
  font-weight: 700;
  color: #202020;
}

.join_modal_cont .sub_txt02 {
  font-size: 14px;
}

.join_modal_cont .sub_txt02 a {
  font-size: 14px;
}

.popup_cont .search_area {
  margin-top: 30px;
}

/* 회원가입 완료 */
.join_complete {
  width: 410px;
  margin: 120px auto 0;
}

.join_complete .register_info {
  margin: 40px 0;
}

.icon_header03 {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../../images/ko/header/icon_header03.png") no-repeat;
  margin: auto;
  margin-bottom: 15px;
}

.join_complete + .sub_txt02 {
  margin-top: 60px;
}

.join_complete .title04 + .sub_txt01 {
  margin-top: 20px;
}

.find_area .number_box .select_box,
.find_area .number_box input[type=text] {
  margin: 0;
}

/* Footer */
.ft_cont_wrap .title_wrap {
  margin-top: 80px;
}

.ft_cont_wrap .title_wrap:first-child {
  margin-top: 0;
}

.ft_cont_wrap .ft_desc {
  margin-top: 25px;
  line-height: 1.44;
  color: #333;
}

.ft_cont_wrap .ft_desc.font_bold + .ft_desc {
  margin-top: 15px;
}

.ft_cont_wrap ol li {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.5;
  color: #666;
}

.sub_txt01 + .ft_cont_wrap {
  margin-top: 80px;
}

.ft_cont_wrap .board_wrap td {
  padding: 17px 40px;
  text-align: left;
}

.ft_cont_wrap .board_wrap .type2 {
  border-collapse: initial;
}

.ft_cont_wrap .board_wrap .type2 td {
  text-align: center;
}

.ft_cont_wrap .title_wrap + .ft_cont + .board_wrap {
  margin-top: 35px;
}

.ft_cont_wrap .board_wrap + .sub_txt01 {
  margin-top: 30px;
}

.ft_cont_wrap .title_wrap + .board_wrap {
  margin-top: 30px;
}

.ft_cont_wrap .title_wrap + .tbl_tit {
  margin-top: 40px;
}

.ft_cont_wrap .tbl_tit + .board_wrap {
  margin-top: 20px;
}

.ft_cont_wrap .board_wrap + .sub_txt02 {
  margin-top: 20px;
}

.ft_cont_wrap .board_wrap + .sub_txt02.col_type4 {
  color: #0072ce;
}

.ft_cont_wrap .board_wrap + .sub_txt02 + .sub_txt02 {
  margin: 9px 0 40px;
}

.ft_cont_wrap .board_wrap .bul_list {
  padding: 25px 0;
  border-bottom: 1px solid #ddd;
}

.ft_cont_wrap .board_wrap .bul_list li {
  line-height: 1.67;
}

.ft_cont_wrap .board_wrap .bul_list li .sub_txt02 {
  margin-top: 10px;
}

.ft_cont_wrap .sub_txt02 + .bul_list {
  margin-top: 30px;
}

.ft_cont_wrap .sub_txt02 + .bul_list li + li {
  margin-top: 15px;
}

.ft_cont_wrap .title_wrap + .partner_list {
  margin-top: 30px;
}

.ft_cont_wrap .partner_list {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  border-top: 3px solid #333;
  border-bottom: 1px solid #ddd;
}

.ft_cont_wrap .partner_list ul {
  width: 25%;
  text-align: center;
  padding: 30px 0;
}

.ft_cont_wrap .partner_list ul + ul {
  border-left: 1px solid #ddd;
}

.ft_cont_wrap .partner_list ul li {
  line-height: 2.22;
}

.ft_cont_wrap .bottom_link {
  border-top: 2px solid #ddd;
  padding-top: 60px;
  margin-top: 80px;
}

.ft_bottom_wrap .ft_select_area {
  margin-top: 60px;
  position: relative;
  width: 432px;
}

.ft_bottom_wrap .expanded_select_box {
  height: 56px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -moz-border-radius: 2px;
       border-radius: 2px;
}

.ft_bottom_wrap .expanded_select_box .expanded_anchor {
  position: relative;
}

.ft_bottom_wrap .expanded_select_box .btn_link {
  display: block;
  width: 100%;
  height: 56px;
  padding-left: 15px;
  font-size: 16px;
  text-align: left;
}

.ft_bottom_wrap .expanded_select_box .btn_link:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 22px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #050505;
  border-left: 1px solid #050505;
  -moz-transform: rotate(225deg);
       transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
}

.ft_bottom_wrap .expanded_select_box.on .btn_link:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 25px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #050505;
  border-left: 1px solid #050505;
  -moz-transform: rotate(45deg);
       transform: rotate(45deg);
  -webkit-transform: rotate(45eg);
  -ms-transform: rotate(45deg);
}

.ft_bottom_wrap .expanded_select_box .selected {
  cursor: pointer;
}

.ft_bottom_wrap .expanded_select_box .expanded_select {
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ddd;
  padding: 10px 14px;
  text-align: center;
  z-index: 13;
}

.ft_bottom_wrap .expanded_select_box.on .expanded_select {
  display: block;
}

.ft_bottom_wrap .expanded_select_box .expanded_select * {
  font-size: 14px;
  text-align: left;
}

.ft_bottom_wrap .expanded_select_box .expanded_select li + li {
  margin: 7px 0 0;
}

.ft_cont_wrap .list_order {
  padding: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 30px;
}

.ft_cont_wrap .list_order ul {
  width: 50%;
}

.ft_cont_wrap .list_order ul li + li {
  margin-top: 20px;
}

.security_form .bul_list {
  margin-top: 10px;
}

.popup_cont .security_form .tbl_tit {
  margin-top: 50px;
}

.security_form .tbl_tit + .board_wrap {
  margin-top: 20px;
}

.security_form .board_wrap + .bul_list {
  margin-bottom: 40px;
}

.security_form .form_area .form_tit {
  min-width: 130px;
}

.security_form .agreement_area {
  border-bottom: none;
}

.security_form .popup_cont + .btn_area button {
  width: 200px;
}

/* 세콤견적 */
.esitmate_form {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.esitmate_form .title_wrap {
  width: 276px;
  padding-left: 20px;
}

.esitmate_form .title_wrap .title {
  width: 100%;
  font-size: 44px;
  color: #000;
  line-height: 1.27;
  margin-top: 110px;
}

.esitmate_form .title span {
  color: #2278e7;
}

.esitmate_form .title_wrap .sub_tit {
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.63;
}

.esitmate_form .img_list {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  padding-top: 88px;
  margin-bottom: 102px;
}

.esitmate_form .img_list.type1 {
  padding-left: 84px;
}

.esitmate_form .img_list.type2 {
  padding-left: 97px;
}

.esitmate_form .img_list.type3 {
  padding-left: 214px;
  padding-top: 98px;
  margin-bottom: 146px;
}

.esitmate_form .img_list li {
  margin-right: 30px;
}

.esitmate_form .img_list.type3 li {
  margin-right: 60px;
}

.esitmate_form .img_list li .tit {
  text-align: center;
  margin-top: 30px;
}

.esitmate_form li label {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
          flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  cursor: pointer;
}

.esitmate_form .img_list a {
  display: inline-block;
}

.esitmate_form .img_list .input_rdo {
  margin-right: 0;
  width: 200px;
  text-align: center;
  cursor: pointer;
}

.esitmate_form .img_list .input_rdo i {
  padding-left: 0;
  font-size: 24px;
  margin-top: 30px;
}

.esitmate_form .box_list .input_rdo i {
  margin-top: 25px;
}

.esitmate_form .img_list .input_rdo i:before,
.esitmate_form .img_list .input_rdo input:checked + i:after {
  display: none;
}

/* .esitmate_form .img_list .input_rdo input:hover + i:before,
.esitmate_form .img_list .input_rdo input:focus + i:before,*/
.esitmate_form .img_list .input_rdo input:checked + i:before {
  border: none;
}

/* .esitmate_form .img_list .input_rdo:hover input + i,
.esitmate_form .img_list .input_rdo input:focus + i, */
.esitmate_form .img_list .input_rdo input:checked + i {
  font-weight: 700;
}

/* .esitmate_form .img_list .input_rdo:hover input + i + .img_box, */
.esitmate_form .img_list .input_rdo input:focus + i + .img_box,
.esitmate_form .img_list .input_rdo input:checked + i + .img_box {
  margin: -30px 0 30px;
  -webkit-box-shadow: 0 27px 32px 0 rgba(0, 0, 0, 0.19);
     -moz-box-shadow: 0 27px 32px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 27px 32px 0 rgba(0, 0, 0, 0.19);
}

.esitmate_form .img_list .input_rdo input:checked + i + .img_box::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 270px;
  border: 2px solid #0072ce;
}

.esitmate_form .input_rdo input:focus + i,
.esitmate_form .input_rdo input:focus + i {
  outline-color: transparent;
}

.esitmate_form .box_list {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.esitmate_form .box_list li {
  margin: 0 30px 40px 0;
}

.esitmate_form .box_list li:nth-child(3),
.esitmate_form .box_list li:nth-child(4) {
  margin-bottom: 0;
}

.esitmate_form .box_list li:nth-child(2),
.esitmate_form .box_list li:nth-child(4) {
  margin-right: 0;
}

.esitmate_form .box_list.type3 li {
  margin-right: 0;
}

.esitmate_form .box_list.type1 {
  width: 800px;
  padding-top: 36px;
  padding-left: 234px;
  margin-bottom: 52px;
}

.esitmate_form .box_list.type2 {
  width: 755px;
  padding-top: 10px;
  padding-left: 233px;
  margin-bottom: 32px;
}

.esitmate_form .box_list .input_rdo i,
.esitmate_form .box_list .input_chk i {
  font-size: 24px;
  text-align: center;
  margin-top: 30px;
  padding-left: 0;
}

.esitmate_form .box_list .input_chk i:before,
.esitmate_form .box_list .input_rdo i:before,
.esitmate_form .box_list .input_chk input:checked + i:after,
.esitmate_form .box_list .input_rdo input:checked + i:after {
  display: none;
}

.esitmate_form .box_list.type2 .img_box {
  background-color: #f7f7f7;
  border: 2px solid #f7f7f7;
}

.esitmate_form .box_list .img_box::before {
  content: "";
  position: absolute;
  width: 230px;
  height: 146px;
  border: 2px solid #f7f7f7;
}

.esitmate_form .box_list .input_rdo input:checked + i + .img_box::before {
  border: 2px solid #0072ce;
  -webkit-box-shadow: 0 27px 32px 0 rgba(0, 0, 0, 0.19);
     -moz-box-shadow: 0 27px 32px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 27px 32px 0 rgba(0, 0, 0, 0.19);
}

/* .esitmate_form .box_list .input_rdo input:focus + i,
.esitmate_form .box_list .input_chk input:focus + i,
.esitmate_form .box_list .input_chk:hover input + i
.esitmate_form .box_list .input_rdo:hover input + i,,*/
.esitmate_form .box_list .input_rdo input:checked + i,
.esitmate_form .box_list .input_chk input:checked + i {
  font-weight: 700;
}

/* .esitmate_form .box_list .input_chk:hover input + i + .img_box, */
.esitmate_form .box_list .input_chk input:checked + i + .img_box {
  background-color: #fff;
}

.esitmate_form .box_list .input_chk input:checked + i + .img_box::before {
  border: 2px solid #0072ce;
  -webkit-box-shadow: 0 27px 32px 0 rgba(0, 0, 0, 0.19);
     -moz-box-shadow: 0 27px 32px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 27px 32px 0 rgba(0, 0, 0, 0.19);
}

/* .esitmate_form .box_list .input_chk input:focus + i + .img_box::before{
	box-shadow: 0 27px 32px 0 rgba(0, 0, 0, 0.19);
} */
.esitmate_form .text_type_list {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding-top: 42px;
  padding-left: 126px;
  width: 844px;
  margin-bottom: 64px;
}

.esitmate_form .text_type_list.type1 {
  padding-top: 60px;
}

.esitmate_form .text_type_list.type2 {
  padding-top: 110px;
  margin-bottom: 186px;
}

.esitmate_form .text_type_list.type3 {
  padding-top: 110px;
  margin-bottom: 214px;
}

.esitmate_form .text_type_list li {
  display: block;
  width: 100%;
}

.esitmate_form .text_type_list li + li {
  margin-top: 10px;
}

.esitmate_form .input_chk {
  margin-right: 0;
  cursor: pointer;
}

.esitmate_form .text_type_list label {
  width: 100%;
  line-height: 90px;
  cursor: pointer;
}

.esitmate_form .text_type_list.type2 label {
  line-height: 104px;
  cursor: pointer;
}

.esitmate_form .text_type_list .input_chk input:focus + i,
.esitmate_form .text_type_list .input_chk input:focus + i {
  outline-color: transparent;
}

.esitmate_form .text_type_list .input_chk i::before,
.esitmate_form .text_type_list .input_rdo i::before {
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.esitmate_form .text_type_list .input_chk i::after {
  left: 35px;
  top: 41px;
}

.esitmate_form .text_type_list.type3 .input_rdo i::after {
  left: 34px;
  top: 41px;
}

.esitmate_form .text_type_list.type2 .input_rdo i::after {
  left: 34px;
  top: 48px;
}

.esitmate_form .text_type_list .input_chk em::before,
.esitmate_form .text_type_list .input_rdo em::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #ddd;
}

.esitmate_form .text_type_list .input_chk i,
.esitmate_form .text_type_list .input_rdo i {
  padding-left: 76px;
  font-size: 22px;
  font-weight: 700;
  position: relative;
}

.esitmate_form .text_type_list .input_chk i span,
.esitmate_form .text_type_list .input_rdo i span {
  position: absolute;
  left: 260px;
  font-size: 16px;
  color: #666;
  font-weight: 400;
  line-height: 1.38;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.esitmate_form .text_type_list .input_chk input:checked + i + em::before,
.esitmate_form .text_type_list .input_rdo input:checked + i + em::before {
  border: 2px solid #0072ce;
  -webkit-box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.23);
     -moz-box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.23);
          box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.23);
}

/* .esitmate_form .text_type_list .input_chk input:focus + i,
.esitmate_form .text_type_list .input_rdo input:focus + i, */
.esitmate_form .text_type_list .input_chk input:checked + i,
.esitmate_form .text_type_list .input_rdo input:checked + i {
  -webkit-box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.23);
     -moz-box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.23);
          box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.23);
  color: #0072ce;
}

/* .esitmate_form .text_type_list .input_chk:hover i,
.esitmate_form .text_type_list .input_rdo:hover i{
	color:#0072ce;
}*/
.esitmate_form .img_list.type3 .img_box {
  background-color: #f9f9f9;
}

.esitmate_form .img_list li.count_area {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}

.esitmate_form .img_list li.count_area .tit {
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 30px;
}

.esitmate_form .img_list.type4 .img_box {
  background-color: #f7f7f7;
}

.esitmate_form .img_list.type4 .input_rdo input:checked + i + .img_box {
  background-color: #fff;
}

.esitmate_result_form .result_cont {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 40px;
  padding-bottom: 40px;
  border-bottom: 2px solid #333;
}

.esitmate_result_form .title_wrap {
  width: 410px;
  padding-left: 20px;
}

.esitmate_result_form .title_wrap .title {
  font-size: 44px;
  line-height: 1.27;
}

.esitmate_result_form .title_wrap .title span {
  color: #0072ce;
}

.esitmate_result_form .sub_top_wrap {
  padding: 15px 0 0;
}

.esitmate_result_form .text_area {
  padding-left: 150px;
}

.esitmate_result_form .text_area .price {
  font-size: 18px;
  margin: 15px 0 25px;
  line-height: 0.9;
}

.esitmate_result_form .text_area .price span {
  font-size: 30px;
  color: #0072ce;
  font-weight: 700;
}

.esitmate_result_form .text_area .btn_area {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 40px;
}

.esitmate_result_form .text_area .btn_area2 {
  margin-top: 15px;
}

.esitmate_result_form .text_area .btn_area2 .btn_write {
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  text-align: center;
  background: #e8e3ff;
  -moz-border-radius: 4px;
       border-radius: 4px;
  font-size: 16px;
  color: #5b15ff;
  font-weight: 700;
}

.esitmate_result_form .text_area .btn_area2 .btn_write span {
  position: relative;
  padding-right: 25px;
}

.esitmate_result_form .text_area .btn_area2 .btn_write span:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 0;
  width: 17px;
  height: 17px;
  background: url("../../images/ko/common/ico_write.png") 0 0 no-repeat;
}

.esitmate_result_form .customer_review {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  padding: 60px 0 74px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.esitmate_result_form .customer_review > li {
  width: 33%;
  position: relative;
}

.esitmate_result_form .customer_review > li + li {
  padding-left: 49px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(36%, #ddd), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(#ddd 36%, rgba(255, 255, 255, 0) 0%);
  background-image: -moz-linear-gradient(#ddd 36%, rgba(255, 255, 255, 0) 0%);
  background-image: -o-linear-gradient(#ddd 36%, rgba(255, 255, 255, 0) 0%);
  background-image: linear-gradient(#ddd 36%, rgba(255, 255, 255, 0) 0%);
  background-position: left;
  -webkit-background-size: 1px 5px;
     -moz-background-size: 1px 5px;
          background-size: 1px 5px;
  background-repeat: repeat-y;
}

.esitmate_result_form .customer_review li .tit {
  font-size: 24px;
  color: #666;
  font-weight: 700;
  line-height: 1.33;
  padding-left: 20px;
}

.esitmate_result_form .customer_review li .btn_s {
  margin: 15px 0 0 20px;
}

.esitmate_result_form .customer_review .review_cont {
  width: 230px;
  font-size: 18px;
  color: #666;
  font-weight: 700;
}

.esitmate_result_form .customer_review .user_info {
  margin-top: 18px;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  position: relative;
}

.esitmate_result_form .customer_review .user_info li {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  display: inline-flex;
  font-size: 14px;
  color: #666;
}

.esitmate_result_form .customer_review .user_info li span {
  white-space: nowrap;
}

.esitmate_result_form .customer_review .user_info li:first-child:after {
  content: "";
  display: inline-block;
  position: relative;
  top: 3px;
  width: 1px;
  height: 15px;
  background-color: #ededed;
  margin: 0 11px;
}

.esitmate_result_form .cns_guide {
  width: 100%;
  background-color: #f9fafb;
  padding: 30px 40px;
  height: 120px;
  position: relative;
  margin-top: 40px;
}

.esitmate_result_form .cns_guide .link a {
  margin-right: 13px;
}

.esitmate_result_form .cns_guide .main_number {
  position: absolute;
  right: 40px;
  top: 37px;
  padding-left: 33px;
  font-size: 14px;
  color: #0072ce;
  background: url("../../images/ko/common/ico_phone.png") no-repeat 0 70%;
}

.esitmate_result_form .cns_guide .main_number strong {
  display: block;
  line-height: 30px;
  font-size: 24px;
  font-weight: 700;
}

/* emoticon */
.ico_estimate {
  display: inline-block;
  width: 36px;
  height: 36px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center center;
  margin: -14px 0 0 0;
  position: absolute;
  right: 25px;
}

.ico_estimate.smile {
  background-image: url("../../images/ko/common/ico_estimate_img01.png");
}

.ico_estimate.thumbs_up {
  background-image: url("../../images/ko/common/ico_estimate_img02.png");
}

/* Count Button*/
.btn_number_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  position: relative;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 154px;
}

.btn_number_box input {
  width: 60px;
  height: 50px;
  line-height: 50px;
  padding: 0;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  color: #0072ce;
  border: none;
}

.btn_number_box .btn_amount {
  display: block;
  position: relative;
  width: 27px;
  height: 27px;
  border: 1px solid #737373;
  color: #999;
  -moz-border-radius: 2px;
       border-radius: 2px;
  background-repeat: no-repeat;
  background-position: center center;
}

.btn_number_box .btn_amount[disabled] {
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  color: #999;
  -moz-border-radius: 2px;
       border-radius: 2px;
}

.btn_number_box .minus {
  background-image: url("../../images/ko/common/btn_minus.png");
}

.btn_number_box .minus[disabled] {
  background-image: url("../../images/ko/common/btn_minus_disable.png");
}

.btn_number_box .plus {
  background-image: url("../../images/ko/common/btn_plus.png");
}

.btn_number_box .plus[disabled] {
  background-image: url("../../images/ko/common/btn_plus_disable.png");
}

/* 채널링 */
.sub_top_wrap.channel_title {
  padding-top: 80px;
}

.sub_top_wrap.channel_title .title_wrap strong {
  line-height: 1.16;
}

.sub_top_wrap.channel_title .title_wrap .sub_txt01 {
  margin-top: 40px;
}

.channel_cont .info_wrap {
  padding: 80px 0 200px;
}

.channel_cont .info_wrap.pt_none {
  padding-top: 0;
}

.channel_cont .info_wrap.bg_type {
  background: #f5f5f5;
}

.channel_cont .info_wrap .sub_txt01 {
  margin-top: 20px;
  color: #000;
}

.channel_cont .control_img {
  margin-top: 80px;
}

.channel_cont .info_wrap .control_img {
  margin-top: 50px;
}

.channel_cont .info_wrap.channel_control {
  padding: 100px 0;
  background-color: #f6fbff;
}

.control_wrap {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
}

.control_wrap:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 83px;
  height: 62px;
  background: url("../../images/ko/channel/bg_arrow.png") 0 0 no-repeat;
}

.control_wrap .control_box {
  width: 548px;
  padding: 45px 85px 55px;
  background: #4e93ec;
  -webkit-box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
     -moz-box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
  color: #fff;
  text-align: center;
}

.control_wrap .control_box + .control_box {
  margin-left: 184px;
}

.control_wrap .control_box .tit {
  position: relative;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
}

.control_wrap .control_box .tit span {
  position: relative;
  z-index: 1;
}

.control_wrap .control_box .tit:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -60px;
  width: 120px;
  height: 15px;
  background: rgba(255, 255, 255, 0.3);
}

.control_wrap .control_box .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 45px;
}

.control_wrap .control_box .info li {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

.control_wrap .control_box .info li:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: -70px;
  width: 52px;
  height: 3px;
  color: #fff;
  background: url("../../images/ko/channel/bg_line2.png") no-repeat;
}

.control_wrap .control_box .info li:first-child:before {
  display: none;
}

.control_wrap .control_box .info li span {
  position: relative;
  display: block;
  padding-top: 55px;
}

.control_wrap .control_box .info li span:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -20px;
  width: 41px;
  height: 41px;
  background: url("../../images/ko/channel/ico_control_check.png") no-repeat;
}

.control_wrap .control_box.uncontrol {
  color: #333;
  background: #fff;
}

.control_wrap .control_box.uncontrol .tit {
  color: #000;
}

.control_wrap .control_box.uncontrol .tit:before {
  background: rgba(87, 150, 231, 0.3);
}

.control_wrap .control_box.uncontrol .info li:before {
  background: url("../../images/ko/channel/bg_line1.png") no-repeat;
}

.control_wrap .control_box.uncontrol .info li span:before {
  top: 0;
  width: 28px;
  height: 28px;
  margin-left: -14px;
  border: 2px solid #333;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.control_ele {
  margin-top: 80px;
}

.channel_cont .colum_box.info .col_item {
  width: 438px;
}

.channel_cont .colum_box.info .col_item .img_box {
  height: 250px;
  line-height: 250px;
}

.channel_cont .colum_box.info .col_item .img_box img {
  vertical-align: middle;
}

.channel_cont .colum_box.info .col_item .txt_box {
  margin-top: 36px;
  color: #333;
}

.channel_cont .colum_box.info .col_item .txt_box .tit {
  line-height: 1.42;
  font-size: 24px;
  font-weight: 700;
}

.channel_cont .colum_box.info .col_item .txt_box .txt {
  display: block;
  margin-top: 10px;
  line-height: 1.67;
  font-size: 18px;
}

.channel_cont .step_aply_wrap > div {
  position: relative;
}

.channel_cont .step_aply_wrap > div + div:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 50%;
  width: 1280px;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  -moz-transform: translateX(50%);
       transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
}

.channel_cont .step_aply_wrap .title_wrap .sub_desc {
  width: 370px;
  line-height: 1.44;
  margin-top: 10px;
}

.channel_cont .step_aply_wrap .step_aply {
  margin-left: 90px;
}

.step_aply_wrap .step_aply .ch1 .cnt:before {
  background: url("../../images/ko/channel/ico_aply_ch01.png") no-repeat;
}

.step_aply_wrap .step_aply .ch2 .cnt:before {
  background: url("../../images/ko/channel/ico_aply_ch02.png") no-repeat;
}

.step_aply_wrap .step_aply .ch3 .cnt:before {
  background: url("../../images/ko/channel/ico_aply_ch03.png") no-repeat;
}

.step_aply_wrap .step_aply .ch4 .cnt:before {
  background: url("../../images/ko/channel/ico_aply_ch04.png") no-repeat;
}

.step_aply_wrap .step_aply .ch5 .cnt:before {
  background: url("../../images/ko/channel/ico_aply_ch05.png") no-repeat;
}

.step_aply_wrap .step_aply .ch6 .cnt:before {
  background: url("../../images/ko/channel/ico_aply_ch06.png") no-repeat;
}

.colum_box.relief {
  margin-top: 80px;
}

.colum_box.col02.relief {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.colum_box.col02.relief .col_item {
  width: 624px;
}

.colum_box.col03.relief .col_item {
  width: 406px;
}

.colum_box.col03.relief .col_item + .col_item {
  margin-left: 30px;
}

.colum_box.col03.relief .title_wrap {
  text-align: left;
}

.colum_box.relief .title06 {
  margin-top: 30px;
  line-height: 1.25;
  color: #000;
}

.colum_box.col03.relief .title06 .sub_txt01 {
  color: #0072c0;
}

.colum_box.col03.relief .sub_desc {
  display: block;
  margin-top: 10px;
  line-height: 1.75;
  color: #333;
  font-size: 16px;
}

.colum_box.col03.relief .sub_desc2 {
  display: block;
  margin-top: 9px;
  line-height: 1.56;
  color: #333;
  font-size: 18px;
}

.colum_box.relief .bul_list {
  margin-top: 10px;
}

.inquiry_join_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 150px;
}

.inquiry_join_wrap .title_wrap {
  width: auto;
}

.inquiry_join_wrap .number_box {
  width: 677px;
  padding: 33px 0 50px;
  border-top: 3px solid #000;
}

.inquiry_join_wrap .number_box li {
  float: left;
  width: 50%;
  padding: 0 40px;
}

.inquiry_join_wrap .number_box li:nth-child(n+3) {
  margin-top: 75px;
}

.inquiry_join_wrap .number_box li .name {
  line-height: 1.56;
}

.inquiry_join_wrap .number_box li .name span {
  line-height: 1;
  color: #666;
  font-size: 16px;
}

.inquiry_join_wrap .number_box li .number {
  display: block;
  margin-top: 10px;
  line-height: 1.14;
  font-size: 35px;
  font-weight: 700;
}

.safety_mobile {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 70px;
}

.safety_mobile .img_box {
  width: 575px;
}

.safety_mobile .img_box img {
  vertical-align: top;
}

.safety_mobile .txt_box {
  margin-left: 70px;
}

.safety_mobile .txt_box .tit {
  line-height: 1.26;
  color: #0072ce;
  font-size: 38px;
  font-weight: 700;
}

.safety_mobile .txt_box .sub_tit {
  margin-top: 30px;
  line-height: 1.5;
  font-size: 24px;
  font-weight: 700;
}

.safety_mobile .txt_box .txt {
  display: block;
  margin-top: 10px;
  line-height: 1.33;
  color: #555;
  font-size: 18px;
}

.safety_mobile .txt_box .btn_wrap {
  margin-top: 50px;
}

.slick_wrap.channel_slick_wrap {
  margin-top: 80px;
}

.slick_wrap.channel_slick_wrap .slick-button-box {
  top: 155px;
}

.channel_slick_wrap .channel_slide {
  margin-left: -30px;
}

.channel_slick_wrap .channel_slide .slick-slide {
  padding-left: 30px;
}

.channel_slick_wrap .channel_item .img_box img {
  vertical-align: top;
}

.channel_slick_wrap .channel_item .txt_box {
  margin-top: 30px;
}

.channel_slick_wrap .channel_item .txt_box .tit {
  line-height: 1.25;
  font-size: 24px;
  font-weight: 700;
}

.channel_slick_wrap .channel_item .txt_box .bul_list {
  margin-top: 10px;
}

.channel_slick_wrap .channel_item .txt_box .bul_list li {
  color: #333;
}

.channel_slick_wrap .channel_item .ico_box {
  margin-top: 40px;
}

.channel_slick_wrap .channel_item .ico_box span {
  display: inline-block;
  line-height: 1.86;
  color: #333;
  font-size: 14px;
}

.channel_slick_wrap .channel_item .ico_box span + span {
  margin-left: 46px;
}

.channel_slick_wrap .channel_item .ico_box .ico_moniter {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  vertical-align: middle;
}

.channel_slick_wrap .channel_item .ico_box .ico_moniter.ico01 {
  background: url("../../images/ko/channel/ico_channel_slide1.png") no-repeat center;
}

.channel_slick_wrap .channel_item .ico_box .ico_moniter.ico02 {
  background: url("../../images/ko/channel/ico_channel_slide2.png") no-repeat center;
}

.rent_service_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  position: relative;
  margin-top: 80px;
  padding-bottom: 32px;
}

.rent_service_wrap > div {
  position: relative;
  width: 625px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

.rent_service_wrap.type2 {
  margin-top: -40px;
  padding-bottom: 0;
}

.rent_service_wrap.type2 > div {
  border-bottom: 0;
  margin-top: 110px;
  padding-bottom: 0;
}

.rent_service_wrap.type2 .badge_mark.large {
  min-width: auto;
}

.rent_service_wrap .img_box {
  position: relative;
}

.rent_service_wrap .col02 {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 30px;
}

.rent_service_wrap .col02 > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
  padding-right: 10px;
}

.rent_service_wrap .col02.flex_bot {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.rent_service_wrap .col02 .bul_list {
  margin-top: 10px;
  min-height: 73px;
}

.rent_service_wrap .col02 .bul_list li {
  line-height: 28px;
}

.rent_service_wrap .col02 .caution {
  margin-top: 5px;
  font-size: 14px;
  color: #ff312c;
}

.rent_service_wrap .col02 .add_solution {
  position: relative;
  top: -19px;
  padding: 24px 0 24px 82px;
  border: 1px dashed #979797;
}

.rent_service_wrap .col02 .add_solution .add_plus {
  position: absolute;
  top: 37px;
  left: 32px;
  width: 30px;
  height: 30px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #9cb6cd;
}

.rent_service_wrap .col02 .add_solution .add_plus:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 14px;
  width: 2px;
  height: 16px;
  background-color: #ffffff;
}

.rent_service_wrap .col02 .add_solution .add_plus:after {
  content: "";
  position: absolute;
  top: 14px;
  left: 7px;
  width: 16px;
  height: 2px;
  background-color: #ffffff;
}

.rent_service_wrap .col02 .add_solution p {
  line-height: 1.78;
  font-size: 18px;
  font-weight: 700;
}

.rent_service_wrap .col02 .add_solution span {
  line-height: 1.5;
  font-size: 16px;
}

.rent_service_wrap .rent_solution .txt_notice {
  position: absolute;
  bottom: -32px;
  line-height: 1.57;
  color: #888888;
  font-size: 14px;
}

.rent_service_wrap .txt_list {
  padding-top: 10px;
}

.rent_service_wrap .txt_list strong {
  display: block;
  margin-top: 20px;
  color: #333;
}

.rent_service_wrap .txt_list p {
  margin-top: 5px;
  font-size: 16px;
  color: #333;
}

.smartapp_key_wrap {
  position: relative;
  margin-top: 80px;
}

.smartapp_key_wrap .title_area {
  position: relative;
  padding-left: 290px;
  color: #333;
}

.smartapp_key_wrap .smartapp_cont {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
  padding: 60px 50px;
}

.smartapp_key_wrap .smartapp_cont > div {
  width: 570px;
  text-align: center;
}

.smartapp_key_wrap .smartapp_cont .tit {
  line-height: 1.5;
  color: #333;
  font-size: 20px;
  font-weight: 700;
  text-decoration: underline;
}

.smartapp_key_wrap .app_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 36px;
}

.smartapp_key_wrap .app_wrap > div {
  width: 284px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.smartapp_key_wrap .app_wrap .img_box img {
  vertical-align: top;
}

.smartapp_key_wrap .app_wrap .txt_box {
  margin-top: 40px;
  padding: 0 20px;
  color: #333;
}

.smartapp_key_wrap .app_wrap .txt_box .sub_tit {
  color: #333;
  font-weight: 700;
}

.smartapp_key_wrap .app_wrap .txt_box .sub_tit + .bul_list.type3 {
  margin-top: 15px;
}

.smartapp_key_wrap .app_wrap .txt_box .bul_list.type3 .caution {
  margin-top: 0;
}

.smartapp_key_wrap .app_wrap .txt_box .desc {
  display: block;
  margin-top: 15px;
  line-height: 1.75;
  font-size: 16px;
}

.smartapp_key_wrap .app_wrap .txt_box .caution {
  display: block;
  margin-top: 5px;
  line-height: 1.71;
  color: #ff312c;
  font-size: 14px;
}

.uvis_info_wrap {
  min-width: 1320px;
  padding: 52px 0;
  background-color: #233971;
  color: #fff;
}

.uvis_info_wrap .uvis_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}

.uvis_info_wrap .uvis_box .inquiry_area {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.uvis_info_wrap .uvis_box .inquiry_area .phone_num {
  margin: 0 50px 0 5px;
  font-weight: 700;
  font-size: 28px;
}

.uvis_info_wrap .txt {
  font-size: 28px;
  font-weight: 700;
}

.uvis_info_wrap .txt em {
  font-size: 32px;
  font-weight: 700;
  margin-left: 7px;
}

.uvis_info_wrap .btn_wrap {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.uvis_info_wrap .btn_wrap a + a {
  margin-left: 6px;
}

.dtg_wrap {
  position: relative;
  margin-top: 60px;
}

.dtg_wrap .badge_mark {
  position: relative;
}

.dtg_wrap .bul_tit {
  position: relative;
  margin-top: 60px;
  padding-left: 20px;
  color: #0072ce;
  line-height: 0.88;
  font-size: 24px;
  font-weight: 700;
}

.dtg_wrap .bul_tit:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 8px;
  height: 8px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background: #0072ce;
}

.dtg_wrap .bul_tit span {
  font-size: 18px;
  font-weight: 400;
}

.dtg_wrap .colum_area {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  background: #4e93ec;
  -webkit-box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.1);
}

.dtg_wrap .colum_area > div {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  width: 410px;
  height: 157px;
  padding: 0 30px 0 150px;
  background-position: left 30px bottom 30px;
  background-repeat: no-repeat;
}

.dtg_wrap .ico01 {
  background-image: url("../../images/ko/channel/ico_dtg1.png");
}

.dtg_wrap .ico02 {
  background-image: url("../../images/ko/channel/ico_dtg2.png");
}

.dtg_wrap .ico03 {
  background-image: url("../../images/ko/channel/ico_dtg3.png");
}

.dtg_wrap .colum_area > div p {
  line-height: 1.4;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.dtg_wrap .dtg_statute {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  margin-top: 20px;
  padding: 35px 30px 30px;
  background-color: #f6fbff;
  -webkit-box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
     -moz-box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
}

.dtg_wrap .dtg_statute .tit_box {
  width: 240px;
}

.dtg_wrap .dtg_statute .tit_box .tit {
  line-height: 1.38;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}

.dtg_wrap .dtg_statute .tit_box .desc {
  display: inline-block;
  margin-top: 12px;
  line-height: 1.38;
  color: #999999;
  font-size: 16px;
  font-weight: 500;
}

.dtg_wrap .dtg_statute .cont_box {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dtg_wrap .dtg_statute .cont_box ul {
  display: block;
  position: relative;
}

.dtg_wrap .dtg_statute .cont_box ul + ul {
  margin-top: 5px;
}

.dtg_wrap .dtg_statute .cont_box ul:after {
  content: "";
  clear: both;
  display: block;
}

.dtg_wrap .dtg_statute .cont_box ul li {
  float: left;
  width: 150px;
  margin-left: 15px;
  line-height: 1.5;
  color: #333;
  font-size: 16px;
  font-weight: 500;
}

.dtg_wrap .dtg_statute .cont_box ul li:first-child {
  margin-left: 0;
}

.dtg_wrap .dtg_statute .cont_box ul li strong {
  color: #0072ce;
  font-weight: 700;
}

.dtg_wrap .dtg_statute + .bul_list {
  margin-top: 20px;
}

.dtg_wrap + .colum_box {
  margin-top: 60px;
}

.channel_cont .secom_service .sub_caution {
  display: block;
  margin: 2px 0 5px;
  line-height: 1.71;
  color: #ff312c;
  font-size: 14px;
}

/* 통합보안솔루션 */
.solution_wrap {
  padding: 120px 0;
  background: #f9fafb;
}

.cont_wrap + .solution_wrap {
  margin-top: 150px;
}

[class*=solution_wrap] .title_wrap .sub_txt01 {
  margin-top: 20px;
  color: #000;
  line-height: 1.56;
}

.solution_wrap2 .title04 {
  color: #000;
}

[class*=solution_wrap] .img_wrap {
  position: relative;
  margin-top: 80px;
}

.round_box {
  margin: 70px auto 0;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background: url("../../images/ko/common/bg_roundbox.png") no-repeat;
}

.round_box.type2 {
  width: 1104px;
  padding: 0 20px;
  margin-top: 60px;
  background: url("../../images/ko/common/bg_roundbox2.png") no-repeat;
}

.round_box.type3 {
  width: 1044px;
  padding: 0 20px;
  margin: 60px auto 0;
  background: url("../../images/ko/common/bg_roundbox3.png") no-repeat;
}

.round_box.type4 {
  width: 1230px;
  padding: 0 26px;
  margin: 220px auto 0;
  background: url("../../images/ko/common/bg_roundbox4.png") no-repeat;
}

.round_box.sngl_line {
  padding: 0 47px;
}

.round_box.sngl_line .box_item {
  width: 340px;
}

.round_box.sngl_line .box_item .round_tit {
  padding: 43px 0;
}

.round_box .box_item .round_tit {
  padding: 26px 0;
  font-size: 24px;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

.round_box.type4 .round_tit {
  padding: 21px 0;
  font-size: 20px;
}

.round_box .box_item .box_cont {
  position: relative;
  width: 406px;
  height: 420px;
  margin-top: 80px;
  padding: 50px 40px;
  background: #fff;
  -webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.19);
     -moz-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.19);
}

.round_box .box_item .box_cont:before {
  content: "";
  width: 1px;
  height: 50px;
  background: #979797;
  position: absolute;
  top: -65px;
  left: 50%;
  -moz-transform: translate(-50%);
       transform: translate(-50%);
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
}

.round_box .box_item .box_cont .tit {
  font-size: 36px;
  font-weight: 700;
}

.round_box .box_item .box_cont .sub_tit {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
}

.round_box .box_item .box_cont .txt {
  margin-top: 30px;
  font-size: 16px;
  color: #666;
  line-height: 1.75;
}

.round_box .box_item {
  position: relative;
  width: 406px;
}

.round_box.type2 .box_item {
  width: 33.33%;
}

.round_box.type4 .box_item {
  width: 178px;
}

.round_box.type2 .box_item .round_tit {
  padding: 21px 0;
  font-size: 20px;
}

.round_box.type2 .box_item .bul_list {
  margin: 30px 0 0 40px;
}

.round_box.type2 .box_item .bul_list .caution {
  padding-left: 20px;
  text-indent: -20px;
  font-size: 16px;
  color: #555;
  line-height: 1.5;
}

.round_box .box_item .txt_cont {
  width: 300px;
  margin-left: -62px;
  text-align: center;
}

.round_box .box_item .txt_cont .txt {
  font-size: 16px;
  color: #333;
}

.round_box .box_item .txt_cont.even:before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  margin: 15px auto;
  background-color: #979797;
}

.round_box .box_item .txt_cont.odd {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 122px;
  margin-top: -194px;
}

.round_box .box_item .txt_cont.odd:after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  margin: 15px auto;
  background-color: #979797;
}

.colum_box.solution {
  margin-left: -30px;
  margin-top: 80px;
}

.colum_box.solution.col02 .col_item {
  margin-top: 70px;
}

.colum_box.solution.col02 .col_item:first-child,
.colum_box.solution.col02 .col_item:nth-child(2) {
  margin-top: 0;
}

.colum_box.solution .col_item {
  margin-left: 30px;
}

.colum_box.solution .txt_box {
  text-align: left;
}

.colum_box.solution .title_wrap {
  margin-top: 30px;
}

.colum_box.solution .title06 {
  color: #000;
}

.colum_box.solution .txt_box p {
  margin-top: 8px;
  font-size: 18px;
  line-height: 1.67;
  color: #000;
}

.colum_box.solution .bul_list.type2 {
  margin-top: 10px;
}

.colum_box.solution .txt_box .caution {
  margin-top: 15px;
  color: #ff312c;
}

.colum_box.icon_box {
  margin-top: 70px;
  margin-left: -30px;
}

.colum_box.icon_box.col04 .col_box {
  height: 480px;
}

.colum_box.icon_box .col_item {
  margin-left: 30px;
}

.colum_box.icon_box .col_box {
  min-height: 322px;
  margin-top: 30px;
  padding: 40px 30px 40px 40px;
  background: #f9fafb;
  text-align: left;
}

.title_wrap + .colum_box.icon_box {
  margin-top: 0;
}

.colum_box.icon_box .col_box .ico_wrap [class*=ico_partner] {
  display: block;
  width: 108px;
  height: 108px;
  background: url("../../images/ko/solution/ico_partner01.png") no-repeat;
  margin-bottom: 30px;
}

.colum_box.icon_box .col_box .ico_wrap .ico_partner02 {
  background-image: url("../../images/ko/solution/ico_partner02.png");
}

.colum_box.icon_box .col_box .ico_wrap .ico_partner03 {
  background-image: url("../../images/ko/solution/ico_partner03.png");
}

.colum_box.icon_box .col_box .ico_wrap .ico_partner04 {
  background-image: url("../../images/ko/solution/ico_partner04.png");
}

.colum_box.icon_box .col_box .ico_wrap .ico_partner05 {
  background-image: url("../../images/ko/solution/ico_partner05.png");
}

.colum_box.icon_box .col_box .ico_wrap .ico_partner06 {
  background-image: url("../../images/ko/solution/ico_partner06.png");
}

.colum_box.icon_box .col_box .title_wrap {
  margin-bottom: 30px;
}

.colum_box.icon_box .col_box .title06 {
  color: #000;
}

.colum_box.icon_box .title_wrap {
  text-align: left;
}

.colum_box.icon_box .col_box .txt {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  line-height: 1.56;
}

.colum_box.icon_box .col_box .bul_list {
  margin-top: 15px;
}

.colum_box.icon_box .col_box .bul_list:after {
  content: "";
  display: block;
  clear: both;
}

.colum_box.icon_box .col_box .bul_list li {
  float: left;
  width: 50%;
  margin-top: 0;
  font-size: 16px;
  color: #333;
  line-height: 1.75;
}

.colum_box.icon_box .col_box .bul_list li.full {
  width: 100% !important;
}

.colum_box.icon_box .col_box .bul_list li:before {
  top: 12px;
  background-color: #bbb;
}

.colum_box.icon_box .col_box .bul_list.type2 li:nth-child(2n-1) {
  width: 60%;
}

.colum_box.icon_box .col_box .bul_list.type2 li:nth-child(2n) {
  width: 40%;
}

.colum_box.icon_box .col_box .bul_list.type3 li {
  width: 24%;
}

.colum_box.icon_box .col_box .bul_list.type3 li:nth-child(4n+1) {
  width: 34%;
}

.colum_box.icon_box .col_box .bul_list.type3 li:nth-child(4) {
  width: 18%;
}

.colum_box.icon_box .col_box .bul_list.type4 li {
  width: 28%;
}

.businessline_wrap {
  position: relative;
  margin-top: 80px;
}

.businessline_wrap [class*=link] {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 12px 42px 12px 24px;
  background: #0153b5;
  font-size: 18px;
  color: #fff;
  opacity: 0.85;
  -moz-border-radius: 25px;
       border-radius: 25px;
}

.businessline_wrap [class*=link]:before {
  content: "";
  display: block;
  position: absolute;
  top: 19px;
  right: 22px;
  width: 10px;
  height: 14px;
  background: url("../../images/ko/solution/bg_link_arrow.png") no-repeat;
}

.businessline_wrap .link01 {
  top: 123px;
  left: 174px;
}

.businessline_wrap .link02 {
  top: 27px;
  left: 531px;
}

.businessline_wrap .link03 {
  top: 133px;
  left: 671px;
}

.businessline_wrap .link04 {
  top: 409px;
  left: 242px;
}

.businessline_wrap .link05 {
  top: 483px;
  left: 473px;
}

.businessline_wrap .link06 {
  top: 534px;
  left: 904px;
}

.businessline_wrap .link07 {
  top: 735px;
  left: 567px;
}

.businessline_wrap + .sub_txt01 {
  margin-top: 20px;
  font-size: 16px;
  color: #0072ce;
  text-align: center;
}

.cles_prd_tab .box_tab_menu {
  padding-top: 130px;
}

.cles_prd_tab .box_tab_menu.horizontal .tab_menu {
  margin-top: 18px;
}

.cles_prd_tab .txt_intro {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #333;
}

.cles_prd_tab .wrap_list_svc .list_box {
  margin-top: -60px;
}

.cles_prd_tab .wrap_list_svc .list_box > li {
  margin-top: 60px;
  position: relative;
}

.cles_prd_tab .wrap_list_svc .list_box a {
  display: block;
}

.cles_prd_tab .wrap_list_svc .img_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #f7f7f7;
  height: 280px;
}

.cles_prd_tab .wrap_list_svc .txt_box {
  text-align: left;
  margin-top: 30px;
}

.cles_prd_tab .wrap_list_svc .txt_box .title06 {
  display: inline-block;
  color: #000;
}

.cles_prd_tab .wrap_list_svc .txt_box .title06:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: -4px;
  margin-left: 3px;
  border-right: 3px solid #222;
  border-bottom: 3px solid #222;
  -moz-border-radius: 2px;
       border-radius: 2px;
  vertical-align: middle;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.cles_prd_tab .wrap_list_svc .txt_box .bul_list {
  margin-top: 10px;
}

.cles_prd_tab .wrap_list_svc .txt_box .bul_list li {
  margin-left: 0;
  margin-top: 0;
}

.cles_prd_tab .wrap_list_svc .btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
  color: transparent;
}

/* 스텝 유형 슬라이드 */
.step_slick_wrap {
  position: relative;
  padding-top: 145px;
}

.step_slick_wrap .slick-dots {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: flex !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  overflow: hidden;
  padding-left: 20px;
  margin-top: 0;
}

.step_slick_wrap .slick-dots:before {
  content: "";
  display: block;
  position: absolute;
  top: 49px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #ff312c;
}

.step_slick_wrap .slick-dots li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: flex !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end;
}

.step_slick_wrap .slick-dots li:before {
  content: "";
  display: block;
  position: absolute;
  top: 49px;
  left: 0;
  width: 0;
  height: 2px;
  background: #ff312c;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.step_slick_wrap .slick-dots li.slick-active ~ li:before {
  content: "";
  display: block;
  position: absolute;
  top: 49px;
  left: -15px;
  width: 0;
  height: 2px;
  background: #ddd;
  width: 10000%;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.step_slick_wrap .slick-dots li > div {
  position: relative;
  width: 32px;
}

.step_slick_wrap .slick-dots li button {
  width: 32px;
  height: auto;
  margin: 0;
  text-indent: 0;
  font-size: 24px;
  color: #ff312c;
  font-weight: 500;
  background: none;
  -moz-border-radius: 0;
       border-radius: 0;
}

.step_slick_wrap .slick-dots li button:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin: 10px auto 0;
  background: #ff312c;
  -moz-border-radius: 8px;
       border-radius: 8px;
  position: relative;
  z-index: 1;
}

.step_slick_wrap .slick-dots li.slick-active button {
  width: auto;
  height: auto;
  background: none;
  color: #ff312c;
}

.step_slick_wrap .slick-dots li.slick-active ~ li button {
  color: #000;
}

.step_slick_wrap .slick-dots li.slick-active button:before {
  content: "";
  display: block;
  position: absolute;
  top: 35px;
  left: 0;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background: #ff312c;
  opacity: 0.1;
  -moz-border-radius: 30px;
       border-radius: 30px;
}

.step_slick_wrap .step_item {
  position: relative;
  padding-top: 44px;
}

.step_slick_wrap .step_item:after {
  content: "";
  display: block;
  clear: both;
}

.step_slick_wrap .step_item .img_box {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 836px;
}

.step_slick_wrap .step_item .img_box img {
  width: 836px;
  height: 599px;
}

.step_slick_wrap .step_item .txt_box {
  float: right;
  width: 836px;
  height: 635px;
  padding: 90px 45px 80px 450px;
  background: #fff;
}

.step_slick_wrap .step_item .txt_box .subTit {
  font-size: 24px;
  color: #0072ce;
  font-weight: 700;
}

.step_slick_wrap .step_item .txt_box .tit {
  margin-top: 50px;
  font-size: 36px;
  color: #000;
  font-weight: 700;
}

.step_slick_wrap .step_item .txt_box .tit span {
  font-weight: 800;
}

.step_slick_wrap .step_item .txt_box .txt_indent {
  margin-top: 20px;
  font-size: 18px;
  color: #333;
  line-height: 1.8;
  text-indent: -110px;
  padding-left: 110px;
}

.step_slick_wrap .step_item .txt_box .bul_list {
  margin-top: 30px;
}

.step_slick_wrap .step_item .txt_box .bul_list li {
  line-height: 1.89;
}

.step_slick_wrap .step_item .txt_box .bul_list li + li {
  margin-top: 10px;
}

.step_slick_wrap .step_item .txt_box .bul_list li:before {
  width: 2px;
  height: 2px;
  top: 16px;
}

.step_slick_wrap .slick-button-box {
  top: 705px;
  left: 694px;
  width: 142px;
  font-size: 0;
  background: #fff;
  -webkit-box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.07);
     -moz-box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0 7px 11px 0 rgba(0, 0, 0, 0.07);
  border: 1px solid #ddd;
}

.step_slick_wrap .slick-button-box:before {
  content: "";
  display: block;
  width: 1px;
  height: 36px;
  background: #eee;
  position: absolute;
  top: 18px;
  left: 70px;
}

.step_slick_wrap .slick-button-box .slick-prev,
.step_slick_wrap .slick-button-box .slick-next {
  width: 70px;
  height: 70px;
  position: static;
  top: 0;
  -moz-transform: translate(0);
       transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  background: #fff;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.step_slick_wrap .slick-button-box .slick-prev {
  background: url("../../images/ko/common/btn_stepslide_prev.png") 50% 50% no-repeat;
}

.step_slick_wrap .slick-button-box .slick-next {
  background: url("../../images/ko/common/btn_stepslide_next.png") 50% 50% no-repeat;
}

.step_slick_wrap .slick-button-box .slick-prev i:after,
.step_slick_wrap .slick-button-box .slick-next i:after {
  display: none;
}

/* 통합보안솔루션 - CLES 팝업*/
.prd_info_wrap .modal_tit {
  margin-top: 30px;
  font-size: 24px;
  font-weight: 700;
}

.prd_info_wrap .tit_s {
  font-size: 20px;
  color: #000;
  font-weight: 700;
}

.prd_info_wrap .board_wrap {
  margin-top: 40px;
}

.prd_info_wrap .tbl_tit + .board_wrap {
  margin-top: 20px;
}

.prd_info_wrap .tit_s {
  margin-top: 30px;
}

.prd_info_wrap .tit_s + .bul_list.type2 {
  margin-top: 10px;
}

.prd_info_wrap .bul_list.type2 + .prd_info_box {
  margin-top: 40px;
}

.prd_info_wrap .bul_list.type2 li {
  font-size: 16px;
  line-height: 2.25;
  font-weight: 500;
}

.prd_info_wrap .bul_list.type2 li:before {
  top: 15px;
}

.prd_info_wrap .bul_list.type2 li p {
  margin-bottom: 8px;
  font-weight: 400;
  line-height: 1.5;
}

.prd_info_wrap .bul_list.type2 li p.txt_noti {
  font-size: 14px;
}

.prd_info_box {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  min-height: 400px;
  margin-top: 30px;
  background: #f7f7f7;
}

.prd_info_box .img_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1 auto;
     -moz-box-flex: 1;
      -ms-flex: 1 auto;
          flex: 1 auto;
  min-height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.prd_info_box .info_box {
  -webkit-box-flex: 0;
  -webkit-flex: 0 300px;
     -moz-box-flex: 0;
      -ms-flex: 0 300px;
          flex: 0 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  padding: 0 0 0 40px;
}

.prd_info_box .info_box > ol li {
  position: relative;
  margin-top: 25px;
  padding-left: 33px;
  font-size: 16px;
  color: #333;
  line-height: 23px;
}

.prd_info_box .info_box > ol li:first-child {
  margin-top: 0;
}

.prd_info_box .info_box > ol li span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  font-size: 14px;
  color: #fff;
  background: #0072ce;
  -moz-border-radius: 100%;
       border-radius: 100%;
  text-align: center;
}

.prd_info_box .info_box > ol li p {
  font-size: 14px;
  color: #666;
  line-height: 1.5;
}

.prd_info_wrap .img_system .tit_s {
  margin: 40px 0 20px;
  padding-bottom: 20px;
  border-bottom: 3px solid #333;
  line-height: 1.1;
}

.prd_info_wrap .img_system .tit_s + .bul_list {
  margin-top: 20px;
  padding: 0 10px;
}

.prd_info_wrap .img_system .img_line {
  border-top: 1px solid #ddd;
  margin-top: 40px;
  padding-top: 40px;
}

.ble_wrap {
  margin-top: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
}

.ble_wrap .ico_wrap {
  text-align: center;
}

.ble_wrap .ico_wrap [class*=ico_ble] {
  display: block;
  width: 114px;
  height: 114px;
  margin: 0 auto 20px;
  border: 1px solid #ddd;
  -moz-border-radius: 100%;
       border-radius: 100%;
  background: url("../../images/ko/solution/ico_ble01.png") 50% 50% no-repeat;
}

.ble_wrap .ico_wrap .ico_ble2 {
  background-image: url("../../images/ko/solution/ico_ble02.png");
}

.ble_wrap .ico_wrap strong {
  font-size: 16px;
  font-weight: 700;
}

.ble_wrap .ble_item {
  margin-left: 20px;
}

.ble_wrap .ble_item .board_wrap {
  margin-top: 30px;
}

/* 부동산종합서비스 - 사업소개 */
.article_gray {
  padding: 120px 0;
  min-height: 620px;
  background: #f7f7f7;
}

.article_gray.pdb70 {
  padding-bottom: 70px;
  margin-bottom: 70px;
}

.cont_wrap + .article_gray {
  margin-top: 150px;
}

.article_gray .step_slick_wrap .step_item .txt_box {
  height: 635px;
  background: #fff;
}

.article_gray .step_slick_wrap .step_item .txt_box .bul_list li {
  font-size: 20px;
  line-height: 1.8;
}

.article_gray .step_slick_wrap .step_item .txt_box .bul_list li + li {
  margin-top: 0;
}

.title_wrap + .video_box {
  margin-top: 80px;
}

.article_gray .intro_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.article_gray .intro_wrap {
  position: relative;
}

.article_gray .intro_wrap .txt_box {
  width: 472px;
  margin-right: 45px;
  line-height: 26px;
  letter-spacing: -0.3px;
  font-size: 18px;
  color: #000;
}

.article_gray .intro_wrap .img_box {
  position: absolute;
  top: 0;
  right: 20px;
  height: 537px;
}

.article_gray .intro_wrap .btn_wrap {
  margin-top: 50px;
}

.article_gray .intro_wrap .btn_wrap a {
  background: #fff;
}

.blue_asset_logo:before {
  content: "";
  display: block;
  margin-bottom: 40px;
  width: 387px;
  height: 35px;
  background: url("../../images/ko/estate/ico_blue_asset.png");
}

.colum_box + .title_wrap {
  margin-top: 200px;
}

.colum_box.col03.asset .col_item {
  width: 406px;
}

.colum_box.col03.asset .col_item + .col_item {
  margin-left: 30px;
}

.colum_box.col03.asset .col_item > a {
  display: block;
}

.colum_box.asset .txt_box {
  margin-top: 0;
  padding: 39px 30px 46px;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.04);
     -moz-box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.04);
}

.colum_box.asset .txt_box .link_tit {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: -4px;
  margin-left: 7px;
  border-right: 3px solid #222;
  border-bottom: 3px solid #222;
  -moz-border-radius: 2px;
       border-radius: 2px;
  vertical-align: middle;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.colum_box.asset .txt_box p {
  margin-top: 10px;
  line-height: 1.63;
}

/* 부동산 - 자산관리 */
.cont_wide.bg_sky {
  padding: 100px 0 120px;
  background: #f6fbff;
}

.cont_wide.bg_sky .cont_wrap .title_wrap .title03 {
  margin: 0;
}

.bg_sky .cont_wrap .title_wrap .title03 + .sub_tit {
  margin-top: 50px;
}

.diagram_wrap {
  margin-top: 84px;
  text-align: center;
}

.round_list {
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-bottom: 50px;
}

.round_list li {
  position: relative;
  height: 83px;
  -moz-border-radius: 40px;
       border-radius: 40px;
  border: 4px solid #97d2ff;
  background-color: #fff;
  font-size: 24px;
  color: #333;
  line-height: 76px;
  z-index: 1;
}

/* col4 : round_list 기준*/
.round_list.col4 li {
  width: 210px;
  margin: 0 32px;
}

.round_list li.list02 {
  border-color: #62bbff;
}

.round_list li.list03 {
  border-color: #0091ff;
}

.round_list li.list04 {
  border-color: #0072ce;
}

.diag_txt {
  position: relative;
  font-size: 24px;
  color: #0072ce;
  font-weight: 700;
}

.diag_txtround {
  display: inline-block;
  padding: 27px 134px;
  background: #4e93ec;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  -moz-border-radius: 45px;
       border-radius: 45px;
  white-space: nowrap;
}

.diag_txt::after {
  content: "";
  display: block;
  width: 62px;
  height: 50px;
  margin: 30px auto;
  background: url("../../images/ko/estate/ico_change_arrow02.png");
}

.round_list li + li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 40px;
  left: -73px;
  width: 68px;
  height: 3px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(31%, #99d3ff), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, #99d3ff 31%, rgba(255, 255, 255, 0) 0%);
  background-image: -moz-linear-gradient(left, #99d3ff 31%, rgba(255, 255, 255, 0) 0%);
  background-image: -o-linear-gradient(left, #99d3ff 31%, rgba(255, 255, 255, 0) 0%);
  background-image: linear-gradient(to right, #99d3ff 31%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  -webkit-background-size: 19px 3px;
     -moz-background-size: 19px 3px;
          background-size: 19px 3px;
  background-repeat: repeat-x;
  vertical-align: middle;
}

/*  col3 : round_list */
.round_list.col3 li {
  width: 268px;
  height: 86px;
  margin: 0 44px;
}

.round_list.col3 li + li:before {
  left: -83px;
}

.round_list li.list03:before {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(31%, #52a5e7), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, #52a5e7 31%, rgba(255, 255, 255, 0) 0%);
  background-image: -moz-linear-gradient(left, #52a5e7 31%, rgba(255, 255, 255, 0) 0%);
  background-image: -o-linear-gradient(left, #52a5e7 31%, rgba(255, 255, 255, 0) 0%);
  background-image: linear-gradient(to right, #52a5e7 31%, rgba(255, 255, 255, 0) 0%);
}

.round_list li.list04:before {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(31%, #0b79d1), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, #0b79d1 31%, rgba(255, 255, 255, 0) 0%);
  background-image: -moz-linear-gradient(left, #0b79d1 31%, rgba(255, 255, 255, 0) 0%);
  background-image: -o-linear-gradient(left, #0b79d1 31%, rgba(255, 255, 255, 0) 0%);
  background-image: linear-gradient(to right, #0b79d1 31%, rgba(255, 255, 255, 0) 0%);
}

i.ico_fa,
i.ico_pm {
  display: block;
  margin: 0 auto 20px;
  width: 114px;
  height: 114px;
}

i.ico_pm.icon01 {
  background: url("../../images/ko/estate/ico_pm_01.png");
}

i.ico_pm.icon02 {
  background: url("../../images/ko/estate/ico_pm_02.png");
}

i.ico_pm.icon03 {
  background: url("../../images/ko/estate/ico_pm_03.png");
}

i.ico_pm.icon04 {
  background: url("../../images/ko/estate/ico_pm_04.png");
}

i.ico_pm.icon05 {
  background: url("../../images/ko/estate/ico_pm_05.png");
}

.colum_box.col03.adv {
  margin-top: 80px;
  margin-left: -30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.colum_box.col02.adv .col_item + .col_item {
  margin-left: 30px;
}

.colum_box.col03.adv .col_item {
  margin-left: 30px;
}

.colum_box.col03.adv .col_item:nth-child(n+4) {
  margin-top: 60px;
}

.colum_box.col03.adv .col_item .txt_box {
  margin-top: 20px;
  word-break: keep-all;
  text-align: left;
}

.colum_box.col03.adv .col_item .txt_box .title06 {
  color: #000;
}

.colum_box.col03.adv .col_item .txt_box .title06 + .sub_txt02 {
  margin-top: 10px;
}

.colum_box.col03.adv .col_item .txt_box .sub_txt02 {
  color: #666;
}

.colum_box.col03.adv .col_item .txt_box .bul_list {
  margin-top: 10px;
}

.colum_box.col03.adv .col_item .txt_box.type2 {
  margin-top: 30px;
}

.cont_wide.bg_sky + .cont_wrap .title_wrap:first-child .title03 {
  margin-top: 150px;
}

.colum_box.major {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
  margin-top: 80px;
}

/* col3 기준 major  */
.colum_box.major .col_item {
  width: 33.33333%;
}

.colum_box.major.col05 {
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

/* .colum_box.major .col_item + .col_item {
	margin-left: 30px;
} */
.colum_box.major .txt_box {
  margin-top: 40px;
}

.colum_box.major .bul_list {
  margin-top: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.colum_box.major .bul_list li {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.major .ico_major {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}

/* col6 - major  */
.colum_box.major.col06 {
  margin: 80px auto 0;
}

.major i.ico_major.ico01 {
  background: url("../../images/ko/estate/ico_major_01.png");
}

.major i.ico_major.ico02 {
  background: url("../../images/ko/estate/ico_major_02.png");
}

.major i.ico_major.ico03 {
  background: url("../../images/ko/estate/ico_major_03.png");
}

.colum_box.major.col05 .col_item {
  margin-left: 0;
  width: 20%;
}

.colum_box.major.col05 .txt_box {
  text-align: center;
}

.major.col05 .ico_major {
  margin: 0 auto;
}

.colum_box.major.col06 .col_item {
  width: 400px;
  margin-left: 40px;
}

.colum_box.major.col06 .col_item:nth-child(n+4) {
  margin-top: 95px;
}

.colum_box.major.col06 .col_item:nth-child(3n+1) {
  margin-left: 0;
}

.colum_box.major.type2.col06 {
  width: 844px;
  margin: 80px auto 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.colum_box.major.type2.col06 .col_item {
  width: 33.33%;
  margin-left: 0;
}

.major.col06.type2 .ico_major {
  margin: 0 auto;
}

/* 부동산 - 시설관리 */
.colum_box.col03.estate .col_item {
  width: 180px;
}

.colum_box.col03.estate .col_item + .col_item {
  margin-left: 60px;
}

i.ico_fa.icon01 {
  background: url("../../images/ko/estate/ico_fa_01.png");
}

i.ico_fa.icon02 {
  background: url("../../images/ko/estate/ico_fa_02.png");
}

i.ico_fa.icon03 {
  background: url("../../images/ko/estate/ico_fa_03.png");
}

i.ico_major.fa_ico01 {
  background: url("../../images/ko/estate/ico_major_fa01.png");
}

i.ico_major.fa_ico02 {
  background: url("../../images/ko/estate/ico_major_fa02.png");
}

i.ico_major.fa_ico03 {
  background: url("../../images/ko/estate/ico_major_fa03.png");
}

i.ico_major.fa_ico04 {
  background: url("../../images/ko/estate/ico_major_fa04.png");
}

i.ico_major.fa_ico05 {
  background: url("../../images/ko/estate/ico_major_fa05.png");
}

i.ico_major.fa_ico06 {
  background: url("../../images/ko/estate/ico_major_fa06.png");
}

/* 부동산 스마트건물 */
.recom_traget_wrap.smart .tit {
  display: inline-block;
  margin: 12px 0 5px;
  font-weight: 700;
  font-size: 20px;
}

.recom_traget_wrap.smart .txt {
  color: #333;
}

.cont_wide.bg_sky.smart_sup {
  margin-top: 150px;
  padding: 120px 0 160px;
}

.cont_wide.bg_sky.smart_sup + .cont_wrap {
  margin-top: 150px;
}

.compar_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-top: 80px;
}

.smart_sup .tit_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 200px;
  color: #fff;
}

.smart_sup .before .tit_wrap {
  width: 486px;
  height: 200px;
  background: url("../../images/ko/estate/img_before.png");
}

.smart_sup .after .tit_wrap {
  width: 568px;
  height: 220px;
  background: url("../../images/ko/estate/img_after.png");
}

.ico_change_arrow {
  content: "";
  display: inline-block;
  width: 83px;
  height: 62px;
  margin: 0 70px;
  background: url("../../images/ko/estate/ico_change_arrow.png");
}

.smart_sup .tit_wrap .tit {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.smart_sup .tit_wrap .tit > span {
  position: relative;
  z-index: 2;
}

.smart_sup .tit_wrap .tit:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  width: 190px;
  height: 14px;
  background: #5796e7;
  opacity: 0.8;
}

.compar_box.before {
  -webkit-box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
     -moz-box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
}

.compar_box.after {
  -webkit-box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 14px 13px 0 rgba(0, 0, 0, 0.1);
}

.compar_box .list_wrap {
  padding: 50px 50px 70px;
}

.compar_box .list_wrap li {
  position: relative;
  padding-left: 80px;
  min-height: 56px;
  font-size: 18px;
  color: #333;
}

.compar_box.after .list_wrap li {
  color: #fff;
}

.compar_box .list_wrap li ~ li {
  margin-top: 30px;
}

.compar_box .list_wrap li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50px;
  height: 50px;
}

.compar_box.before .list_wrap {
  background: #fff;
}

.compar_box.after .list_wrap {
  background: #4e93ec;
}

.compar_box.before .list_wrap li:nth-child(1):before {
  background: url("../../images/ko/estate/ico_before_01.png") no-repeat;
}

.compar_box.before .list_wrap li:nth-child(2):before {
  background: url("../../images/ko/estate/ico_before_02.png") no-repeat;
}

.compar_box.before .list_wrap li:nth-child(3):before {
  background: url("../../images/ko/estate/ico_before_03.png") no-repeat;
}

.compar_box.before .list_wrap li:nth-child(4):before {
  background: url("../../images/ko/estate/ico_before_04.png") no-repeat;
}

.compar_box.after .list_wrap li:nth-child(1):before {
  background: url("../../images/ko/estate/ico_after_01.png") no-repeat;
}

.compar_box.after .list_wrap li:nth-child(2):before {
  background: url("../../images/ko/estate/ico_after_02.png") no-repeat;
}

.compar_box.after .list_wrap li:nth-child(3):before {
  background: url("../../images/ko/estate/ico_after_03.png") no-repeat;
}

.compar_box.after .list_wrap li:nth-child(4):before {
  background: url("../../images/ko/estate/ico_after_04.png") no-repeat;
}

.service_config {
  margin-top: 70px;
}

.service_config + .title_wrap {
  margin-top: 150px;
}

.colum_box.col03.adv .bul_list li {
  line-height: 1.63;
  font-size: 16px;
}

.colum_box.col03.adv .bul_list li ~ li {
  margin-top: 0;
}

.colum_box.col03.adv .bul_list + p {
  margin-top: 10px;
  font-size: 15px;
}

.colum_box.col03.adv .bul_list li.sub {
  color: #666;
  font-size: 15px;
}

.colum_box.col03.adv .bul_list li.sub:before {
  display: none;
}

.ico_major.smart_ico01 {
  background: url("../../images/ko/estate/ico_major_smart01.png") no-repeat;
}

.ico_major.smart_ico02 {
  background: url("../../images/ko/estate/ico_major_smart02.png") no-repeat;
}

.ico_major.smart_ico03 {
  background: url("../../images/ko/estate/ico_major_smart03.png") no-repeat;
}

.ico_major.smart_ico04 {
  background: url("../../images/ko/estate/ico_major_smart04.png") no-repeat;
}

.ico_major.smart_ico05 {
  background: url("../../images/ko/estate/ico_major_smart05.png") no-repeat;
}

.ico_major.smart_ico06 {
  background: url("../../images/ko/estate/ico_major_smart06.png") no-repeat;
}

.ico_major.smart_ico07 {
  background: url("../../images/ko/estate/ico_major_smart07.png") no-repeat;
}

.ico_major.smart_ico08 {
  background: url("../../images/ko/estate/ico_major_smart08.png") no-repeat;
}

.ico_major.smart_ico09 {
  background: url("../../images/ko/estate/ico_major_smart09.png") no-repeat;
}

.ico_major.smart_ico10 {
  background: url("../../images/ko/estate/ico_major_smart10.png") no-repeat;
}

.ico_major.smart_ico11 {
  background: url("../../images/ko/estate/ico_major_smart11.png") no-repeat;
}

.ico_major.smart_ico12 {
  background: url("../../images/ko/estate/ico_major_smart12.png") no-repeat;
}

.ico_major.smart_ico13 {
  background: url("../../images/ko/estate/ico_major_smart13.png") no-repeat;
}

.ico_major.smart_ico14 {
  background: url("../../images/ko/estate/ico_major_smart14.png") no-repeat;
}

.ico_major.smart_ico15 {
  background: url("../../images/ko/estate/ico_major_smart15.png") no-repeat;
}

.ico_major.smart_ico16 {
  background: url("../../images/ko/estate/ico_major_smart16.png") no-repeat;
}

.sel_service {
  margin-top: 80px;
}

.sel_service .sel_wrap + .sel_wrap {
  margin-top: 60px;
}

.sel_service .sel_wrap .tit_wrap h4 {
  margin-bottom: 30px;
  line-height: 0.75;
  font-weight: 800;
  font-size: 28px;
  color: #000;
}

.sel_service .sel_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  border: 1px solid #ddd;
  overflow: hidden;
}

.sel_service .sel_list .sel_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  width: 164px;
  height: 157px;
  line-height: 1.38;
  background: #56a0ff;
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  text-align: center;
  position: relative;
}

.sel_service .sel_list .sel_tit:before {
  content: "";
  background: #56a0ff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -100%;
  left: 0;
}

.sel_service .sel_list .sel_tit:after {
  content: "";
  background: #56a0ff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
  left: 0;
}

.sel_service .sel_list .sel_txt {
  position: relative;
  padding-left: 40px;
  width: 340px;
  line-height: 1.5;
  font-size: 20px;
  font-weight: 500;
}

.sel_service .sel_list .sel_txt:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 80px;
  background: #ddd;
}

.sel_service .sel_list .sel_txt.sel_txtx2:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 215px;
  background: #ddd;
}

.sel_service .sel_list ~ .sel_list {
  margin-top: 20px;
}

.sel_service .sel_item.col01 {
  margin-left: 40px;
}

.sel_service .sel_item.col05,
.sel_service .sel_item.col04 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 75px 0 40px;
}

.sel_service .sel_item.col05 {
  padding: 0 20px 0;
}

.sel_service .sel_item.col04 > li {
  width: 25%;
  text-align: center;
}

.sel_service .sel_item.col05 > li {
  width: 20%;
  text-align: center;
}

.sel_service .sel_item.col06 > li {
  width: 16.66%;
}

.sel_service .sel_item > li {
  position: relative;
  line-height: 1.5;
  font-size: 18px;
  font-weight: 500;
  color: #333;
}

.sel_service .sel_item > li:first-child i:before,
.sel_service .sel_item > li:first-child i:after {
  display: none;
}

.sel_service .sel_item > li i:after,
.sel_service .sel_item > li i:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 24px;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #56a0ff;
}

.sel_service .add .sel_tit {
  background: #55759d;
}

.sel_service .add .sel_list .sel_txt {
  color: #1d3a60;
}

.sel_service .sel_list .sel_info {
  padding: 0 40px;
}

.sel_service .sel_list .sel_info p {
  font-size: 19px;
  color: #333;
  font-weight: 500;
}

.sel_service .sel_list .sel_info span {
  display: block;
  margin-top: 10px;
  font-size: 15px;
  color: #555;
}

.sel_service .sel_list .sel_info .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between;
  position: relative;
  margin: 30px -10px 0 -10px;
}

.sel_service .sel_list .sel_info .step::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 100%;
  height: 1px;
  background: url("../../images/ko/estate/bg_sellist_line.png");
}

.sel_service .sel_list .sel_info .step li {
  position: relative;
  padding: 5px 22px;
  line-height: 1.5;
  -moz-border-radius: 20px;
       border-radius: 20px;
  font-weight: 500;
  font-size: 16px;
  background: #fff;
  color: #333;
  z-index: 1;
}

.sel_service .sel_list .sel_info .step li ~ li:before,
.sel_service .sel_list .sel_info .step li ~ li:after {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  background: #99d3ff;
}

.sel_service .sel_list .sel_info .step li:nth-child(3):before,
.sel_service .sel_list .sel_info .step li:nth-child(3):after {
  background: #66bdff;
}

.sel_service .sel_list .sel_info .step li:nth-child(4):before,
.sel_service .sel_list .sel_info .step li:nth-child(4):after {
  background: #0091ff;
}

.sel_service .sel_list .sel_info .step li ~ li:before {
  top: 9px;
  width: 2px;
  height: 10px;
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sel_service .sel_list .sel_info .step li ~ li:after {
  top: 15px;
  width: 2px;
  height: 10px;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sel_service .sel_list .sel_info .step li:nth-child(1) {
  border: solid 2px rgba(0, 145, 255, 0.4);
}

.sel_service .sel_list .sel_info .step li:nth-child(2) {
  border: solid 2px rgba(0, 145, 255, 0.6);
}

.sel_service .sel_list .sel_info .step li:nth-child(3) {
  border: solid 2px #0091ff;
}

.sel_service .sel_list .sel_info .step li:nth-child(4) {
  border: solid 2px #0072ce;
}

.sel_service .sel_item > li i:before {
  width: 1px;
  height: 14px;
}

.sel_service .sel_item > li i:after {
  width: 14px;
  height: 1px;
}

.ico_sel {
  content: "";
  display: block;
  margin: 0 auto 16px;
  width: 48px;
  height: 48px;
}

.ico_sel.item01 {
  background: url("../../images/ko/estate/ico_sel_item01.png") center/cover no-repeat;
}

.ico_sel.item02 {
  background: url("../../images/ko/estate/ico_sel_item02.png") center/cover no-repeat;
}

.ico_sel.item03 {
  background: url("../../images/ko/estate/ico_sel_item03.png") center/cover no-repeat;
}

.ico_sel.item04 {
  background: url("../../images/ko/estate/ico_sel_item04.png") center/cover no-repeat;
}

.ico_sel.item05 {
  background: url("../../images/ko/estate/ico_sel_item05.png") center/cover no-repeat;
}

.ico_sel.item06 {
  background: url("../../images/ko/estate/ico_sel_item06.png") center/cover no-repeat;
}

.ico_sel.item07 {
  background: url("../../images/ko/estate/ico_sel_item07.png") center/cover no-repeat;
}

.ico_sel.item08 {
  background: url("../../images/ko/estate/ico_sel_item08.png") center/cover no-repeat;
}

.ico_sel.item09 {
  background: url("../../images/ko/estate/ico_sel_item09.png") center/cover no-repeat;
}

.ico_sel.item10 {
  background: url("../../images/ko/estate/ico_sel_item10.png") center/cover no-repeat;
}

.ico_sel.item11 {
  background: url("../../images/ko/estate/ico_sel_item11.png") center/cover no-repeat;
}

.ico_sel.item12 {
  background: url("../../images/ko/estate/ico_sel_item12.png") center/cover no-repeat;
}

.ico_sel.item13 {
  background: url("../../images/ko/estate/ico_sel_item13.png") center/cover no-repeat;
}

.ico_sel.item14 {
  background: url("../../images/ko/estate/ico_sel_item14.png") center/cover no-repeat;
}

.ico_sel.item15 {
  background: url("../../images/ko/estate/ico_sel_item15.png") center/cover no-repeat;
}

.ico_sel.item16 {
  background: url("../../images/ko/estate/ico_sel_item16.png") center/cover no-repeat;
}

.ico_sel.item17 {
  background: url("../../images/ko/estate/ico_sel_item17.png") center/cover no-repeat;
}

.ico_smart_recom01 {
  background: url("../../images/ko/estate/ico_smart_recom01.png") no-repeat;
}

.ico_smart_recom02 {
  background: url("../../images/ko/estate/ico_smart_recom02.png") no-repeat;
}

.ico_smart_recom03 {
  background: url("../../images/ko/estate/ico_smart_recom03.png") no-repeat;
}

.ico_smart_recom04 {
  background: url("../../images/ko/estate/ico_smart_recom04.png") no-repeat;
}

.ico_smart_recom05 {
  background: url("../../images/ko/estate/ico_smart_recom05.png") no-repeat;
}

.ico_smart_recom06 {
  background: url("../../images/ko/estate/ico_smart_recom06.png") no-repeat;
}

.ico_smart_recom07 {
  background: url("../../images/ko/estate/ico_smart_recom07.png") no-repeat;
}

.ico_smart_recom08 {
  background: url("../../images/ko/estate/ico_smart_recom08.png") no-repeat;
}

.wrap2 {
  width: 775px;
  padding: 30px 0;
}

.wrap2 > ul:last-child {
  margin-top: 30px;
}

.smart_app {
  position: relative;
  padding: 60px 220px;
  margin: 80px auto 0;
  max-width: 1720px;
  height: 460px;
  background: url("../../images/ko/estate/img_smart_app_banner.png");
  color: #fff;
}

/* .smart_app .txt_wrap span {
	line-height: 1.08;
	font-size: 24px;
} */
.smart_app .txt_wrap p {
  margin-top: 20px;
  line-height: 1.25;
  font-weight: 800;
  font-size: 48px;
}

.smart_app .app_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 60px;
  left: 220px;
  z-index: 1;
}

.smart_app.kakaot {
  height: 380px;
  background: url("../../images/ko/estate/img_kakaot_banner.png");
}

.smart_app.kakaot em {
  font-weight: 600;
  color: #ffe800;
}

.smart_app.kakaot .txt_wrap p {
  font-size: 46px;
  font-weight: 500;
}

.smart_app.kakaot a {
  display: inline-block;
  margin-top: 25px;
}

/* .smart_app.kakaot a:after {
	content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    vertical-align: 2px;
} */
.btn_img {
  display: block;
  width: 250px;
  height: 80px;
  -moz-border-radius: 4px;
       border-radius: 4px;
}

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

.btn_img.google {
  background: url("../../images/ko/estate/btn_google.png");
}

.btn_img.apple {
  background: url("../../images/ko/estate/btn_apple.png");
}

/* 부동산 - 스마트주차관리 */
.colum_box.recom_parking {
  /* margin-top: 80px; */
}

.recom_traget_wrap .recom_parking .ico_wrap {
  margin-bottom: 0;
}

.colum_box.recom_parking .txt_box {
  margin-top: 20px;
}

.colum_box.recom_parking .txt_box .sub_txt02 {
  color: #333;
}

.smart_sup.parking .before .tit_wrap {
  width: 486px;
  height: 200px;
  background: url("../../images/ko/estate/img_before_pa.png");
}

.smart_sup.parking .after .tit_wrap {
  width: 568px;
  height: 220px;
  background: url("../../images/ko/estate/img_after_pa.png");
}

.parking .compar_box.before .list_wrap li:nth-child(1):before {
  background: url("../../images/ko/estate/ico_parking_be01.png") no-repeat;
}

.parking .compar_box.before .list_wrap li:nth-child(2):before {
  background: url("../../images/ko/estate/ico_parking_be02.png") no-repeat;
}

.parking .compar_box.before .list_wrap li:nth-child(3):before {
  background: url("../../images/ko/estate/ico_parking_be03.png") no-repeat;
}

.parking .compar_box.before .list_wrap li:nth-child(4):before {
  background: url("../../images/ko/estate/ico_parking_be04.png") no-repeat;
}

.parking .compar_box.after .list_wrap li:nth-child(1):before {
  background: url("../../images/ko/estate/ico_parking_af01.png") no-repeat;
}

.parking .compar_box.after .list_wrap li:nth-child(2):before {
  background: url("../../images/ko/estate/ico_parking_af02.png") no-repeat;
}

.parking .compar_box.after .list_wrap li:nth-child(3):before {
  background: url("../../images/ko/estate/ico_parking_af03.png") no-repeat;
}

.parking .compar_box.after .list_wrap li:nth-child(4):before {
  background: url("../../images/ko/estate/ico_parking_af04.png") no-repeat;
}

.colum_box.contC {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
}

.colum_box.contC .col_item {
  width: 320px;
}

.colum_box.contC .col_item i {
  margin: 0 auto;
}

.sel_list + p {
  margin-top: 20px;
}

.sel_service .sel_wrap.guide .sel_list .sel_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  padding: 0 40px;
  width: 504px;
  height: 157px;
  background: rgba(139, 190, 255, 0.2);
  font-weight: 500;
}

.sel_service .sel_wrap.guide .sel_list .sel_txt:after {
  display: none;
}

.bullet:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: -1px 7px 0 0;
  -moz-border-radius: 2px;
       border-radius: 2px;
  background: #333;
  vertical-align: middle;
}

/* .recom_parking .col_item + .col_item {
	margin-left: 30px;
} */
.recom_parking .title_wrap .tit {
  font-weight: 700;
  font-size: 20px;
}

.recom_parking .title_wrap ul {
  margin-top: 10px;
  text-align: center;
  font-size: 18px;
  color: #333;
}

.cont_wrap + .cont_wide.bg_sky {
  margin-top: 150px;
}

/* 부동산 - 스마트케어 */
.verti_dash {
  line-height: 1.67;
  font-weight: 500;
  font-size: 18px;
  color: #000;
}

.verti_dash:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 2px;
  height: 16px;
  background: #737373;
}

.smart_sup.care .before .tit_wrap {
  width: 486px;
  height: 200px;
  background: url("../../images/ko/estate/img_before_ca.png");
}

.smart_sup.care .after .tit_wrap {
  width: 568px;
  height: 220px;
  background: url("../../images/ko/estate/img_after_ca.png");
}

.care .compar_box.before .list_wrap li:nth-child(1):before {
  background: url("../../images/ko/estate/ico_care_be01.png") no-repeat;
}

.care .compar_box.before .list_wrap li:nth-child(2):before {
  background: url("../../images/ko/estate/ico_care_be02.png") no-repeat;
}

.care .compar_box.before .list_wrap li:nth-child(3):before {
  background: url("../../images/ko/estate/ico_care_be03.png") no-repeat;
}

.care .compar_box.before .list_wrap li:nth-child(4):before {
  background: url("../../images/ko/estate/ico_care_be04.png") no-repeat;
}

.care .compar_box.after .list_wrap li:nth-child(1):before {
  background: url("../../images/ko/estate/ico_care_af01.png") no-repeat;
}

.care .compar_box.after .list_wrap li:nth-child(2):before {
  background: url("../../images/ko/estate/ico_care_af02.png") no-repeat;
}

.care .compar_box.after .list_wrap li:nth-child(3):before {
  background: url("../../images/ko/estate/ico_care_af03.png") no-repeat;
}

.care .compar_box.after .list_wrap li:nth-child(4):before {
  background: url("../../images/ko/estate/ico_care_af04.png") no-repeat;
}

.colum_box.adv .bul_list.type2 li:before {
  top: 11px;
}

.colum_box.adv .bul_list li > .inner_list li {
  line-height: 1.6;
  font-size: 15px;
  color: #666;
}

.colum_box.adv .bul_list li > .inner_list li:before {
  top: -2px;
  background: none;
}

.colum_box.adv .txt_box.type2 .title_wrap {
  margin-top: 30px;
  text-align: left;
}

.colum_box.adv .txt_box.type2 .sub_txt01 {
  margin-top: 10px;
}

.sel_list.rowspan .sel_tit {
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
              -ms-grid-row-align: stretch;
          align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  height: auto;
}

.sel_list.rowspan .col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}

.sel_list.rowspan .cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 40px 0;
}

.sel_list.rowspan .cell + .cell {
  border-top: 1px solid #ddd;
}

/* 부동산 - 투자자문,매매컨설팅 */
.step_aply_wrap.solution {
  padding: 120px 0;
}

.step_aply_wrap.solution .step_aply > li {
  width: 25%;
}

.step_aply_wrap.solution .step_aply strong {
  font-size: 20px;
}

.step_aply_wrap.solution > .title_wrap {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}

.step_aply_wrap.solution .step_aply {
  width: 100%;
  margin: 80px auto 0;
}

.step_txt {
  margin-top: 15px;
}

.step_txt + span {
  font-size: 16px;
}

.step_txt .bullet:before {
  background: #fff;
}

.step_aply_wrap.solution .step_aply .ch1 .cnt:before {
  background: url("../../images/ko/estate/ico_solution_step01.png");
}

.step_aply_wrap.solution .step_aply .ch2 .cnt:before {
  background: url("../../images/ko/estate/ico_solution_step02.png");
}

.step_aply_wrap.solution .step_aply .ch3 .cnt:before {
  background: url("../../images/ko/estate/ico_solution_step03.png");
}

.step_aply_wrap.solution .step_aply .ch4 .cnt:before {
  background: url("../../images/ko/estate/ico_solution_step04.png");
}

/* 부동산 - 임대차컨설팅 */
.consult_flow {
  position: relative;
  margin: 80px 0 50px;
}

.consult_flow::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 525px;
  height: 1px;
  background: url("../../images/ko/estate/bg_consult_flow_line.png");
  z-index: 0;
}

.consult_flow ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.consult_flow ul li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 250px;
  height: 76px;
  padding: 0 14px;
  -moz-border-radius: 50px;
       border-radius: 50px;
  background: #fff;
  line-height: 24px;
  font-weight: 800;
  font-size: 18px;
  color: #333;
  z-index: 1;
}

.consult_flow ul li:nth-child(1) {
  border: 3px solid #99d3ff;
}

.consult_flow ul li:nth-child(2) {
  border: 3px solid #0091ff;
}

.consult_flow ul li:nth-child(3) {
  border: 3px solid #0072ce;
}

.consult_flow ul li + li {
  margin-left: 90px;
}

.consult_flow + .compar_wrap .compar_box ul {
  margin: 0 auto;
  text-align: left;
}

.consult_flow + .compar_wrap .compar_box.before ul {
  width: 323px;
}

.consult_flow + .compar_wrap .compar_box.after ul {
  width: 493px;
}

.cont_wide.consult_box {
  padding: 80px 0;
}

.cont_wide.consult_box > .title_wrap {
  margin-top: 40px;
}

.cont_wide.consult_box > .title_wrap p {
  margin-top: 50px;
}

.cont_wide.consult_box .compar_wrap {
  margin-top: 0;
}

.consult_box .compar_wrap .compar_box {
  width: 620px;
  padding: 60px 0;
  text-align: center;
}

.consult_box .compar_wrap .compar_box ul li {
  font-size: 22px;
}

.consult_box .compar_wrap .compar_box .tit_wrap {
  margin-bottom: 38px;
}

.consult_box .compar_wrap .compar_box .tit_wrap .tit {
  position: relative;
}

.consult_box .compar_wrap .compar_box .tit_wrap .tit span {
  position: relative;
  z-index: 1;
}

.consult_box .compar_wrap .compar_box .tit_wrap .tit:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-calc(100% + 20px);
  width: -moz-calc(100% + 20px);
  width: calc(100% + 20px);
  height: 14px;
  background: #ccdff8;
}

.consult_box .compar_wrap .compar_box.after .tit_wrap .tit:before {
  background: #73b0ff;
}

.consult_box .compar_wrap .compar_box .tit_wrap .tit {
  font-weight: 700;
  font-size: 24px;
}

.consult_box .compar_wrap .compar_box.before {
  background: #fff;
}

.consult_box .compar_wrap .compar_box.after {
  margin-left: 40px;
  background: #4e93ec;
  color: #fff;
}

.consult_box .compar_wrap .ico_change_arrow + .compar_box.after {
  margin-left: 0;
}

.consult_box .compar_wrap .compar_box.after .bullet:before {
  background: #fff;
}

/* 부동산 - 임대차컨설팅 */
.cont_wide.bg_sky + .cont_wrap .title_wrap h3 + p,
.cont_wide.bg_sky .title_wrap h3 + p {
  margin-top: 40px;
}

.colum_box.col03.construct .col_item + .col_item {
  margin-left: 30px;
}

.colum_box.construct {
  margin-top: 70px;
}

.colum_box.construct .col_item {
  position: relative;
  width: 397px;
}

.colum_box.construct .col_item .txt_box {
  position: absolute;
  left: 30px;
  bottom: 23px;
  text-align: left;
  color: #fff;
}

.colum_box.construct .col_item .txt_box h4 {
  font-weight: 500;
  font-size: 24px;
}

.colum_box.construct .col_item .txt_box span {
  display: block;
  margin-top: 10px;
  font-size: 16px;
}

.sharing_office {
  margin-top: 120px;
}

.sharing_office .sharing_sort .sort_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}

.sharing_office .sharing_sort + .sharing_sort {
  margin-top: 80px;
  padding-top: 80px;
  border-top: 1px solid #ddd;
}

.sharing_sort .sort_list .img_wrap {
  width: 622px;
}

.sharing_sort .sort_list .info_wrap {
  padding: 20px 0 0 80px;
}

.sharing_sort .sort_list .info_wrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 18px;
  color: #666;
}

.sharing_sort .sort_list .info_wrap dl + dl {
  margin-top: 5px;
}

.sharing_sort .sort_list .info_wrap dl dt {
  min-width: 110px;
}

.sharing_sort .sort_list .info_wrap dl dd {
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: calc(100% - 110px);
  margin-left: 60px;
  color: #333;
}

.sharing_sort .sort_list .info_wrap dl dd > ul li {
  margin-top: 5px;
  font-size: 16px;
  color: #555;
}

.sharing_sort .title_wrap + .sort_list {
  margin-top: 30px;
}

.sharing_sort .sort_list + .sort_list {
  margin-top: 80px;
}

/* 부동산 - 기술컨설팅 */
.consult_box.skill .compar_wrap .compar_box {
  width: 560px;
  height: 844px;
  padding: 60px 0 110px;
}

.consult_box.skill .compar_wrap .compar_box.after {
  padding: 60px 0 50px;
}

.consult_box.skill .ico_change_arrow {
  margin: 0 30px;
}

.consult_box.skill .compar_wrap .compar_box.after .img_wrap {
  margin-top: 30px;
}

.consult_box.skill .compar_wrap .img_wrap {
  margin-top: 50px;
}

.consult_box.skill .compar_wrap ul {
  margin-top: 20px;
  text-align: left;
  padding: 0 89px;
}

.consult_box.skill .compar_wrap ul > li {
  line-height: 1.7;
  font-size: 20px;
  color: #333;
}

.consult_box.skill .effect_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.38;
  margin-top: 40px;
  font-size: 16px;
}

.consult_box.skill .result_txt + .effect_list {
  margin-top: 0;
}

.consult_box.skill .effect_list dl {
  width: 210px;
}

.consult_box.skill .effect_list dl + dl {
  margin-left: 30px;
}

.consult_box.skill .effect_list dl dt {
  position: relative;
  font-weight: 500;
  z-index: 1;
}

.consult_box.skill .effect_list dl dt::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 9px;
  bottom: 0;
  background: #73b0ff;
  z-index: -1;
}

.consult_box.skill .effect_list dl dd {
  margin-top: 10px;
  font-weight: 400;
}

.consult_box.skill .result_txt {
  padding: 10px 26px 10px 27px;
  margin: 26px 90px;
  font-weight: 500;
  font-size: 16px;
  -moz-border-radius: 23.5px;
       border-radius: 23.5px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #054b8a;
}

.round_box.type3 .box_item .round_tit {
  padding: 21px 0 22px;
  font-size: 20px;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

.round_box.type3 .box_item:nth-child(3) .round_tit {
  margin-right: 20px;
}

.round_box.type3 .box_item {
  width: 25%;
}

.step_list_wrap ul {
  position: relative;
  width: 100%;
  margin-top: 50px;
  text-align: center;
}

.step_list_wrap .step3 {
  padding-bottom: 180px;
  background: url("../../images/ko/estate/bg_step_03.png") center 35px no-repeat;
}

.step_list_wrap ul li {
  position: absolute;
  top: 0;
  left: 0;
}

.step_list_wrap .step3 li:nth-child(1) {
  left: 47px;
}

.step_list_wrap .step3 li:nth-child(2) {
  left: 495px;
}

.step_list_wrap .step3 li:nth-child(3) {
  left: 973px;
}

.step_list_wrap .step4 {
  padding-bottom: 180px;
  background: url("../../images/ko/company/human_develop/bg_step_04.png") center 35px no-repeat;
}

.step_list_wrap .step4 li:nth-child(1) {
  left: 25px;
}

.step_list_wrap .step4 li:nth-child(2) {
  left: 360px;
}

.step_list_wrap .step4 li:nth-child(3) {
  left: 770px;
}

.step_list_wrap .step4 li:nth-child(4) {
  left: 1125px;
}

.step_list_wrap ul.step4 li > span {
  margin-top: 3px;
}

.step_list_wrap .step5 {
  padding-bottom: 180px;
  background: url("../../images/ko/estate/bg_step_05.png") center 35px no-repeat;
}

.step_list_wrap .step5 li:nth-child(1) {
  left: 10px;
}

.step_list_wrap .step5 li:nth-child(2) {
  left: 292px;
}

.step_list_wrap .step5 li:nth-child(3) {
  left: 548px;
}

.step_list_wrap .step5 li:nth-child(4) {
  left: 843px;
}

.step_list_wrap .step5 li:nth-child(5) {
  left: 1120px;
}

.step_list_wrap ul li > p {
  padding-top: 60px;
  font-weight: 500;
}

.step_list_wrap ul li > em {
  font-weight: 800;
  font-size: 20px;
  color: #333;
}

.step_list_wrap ul li > span {
  display: inline-block;
  margin-top: 15px;
  font-size: 16px;
  color: #555;
  white-space: nowrap;
}

.cont_wrap .title_wrap .title03 + .sub_tit {
  margin-top: 30px;
}

/* 부동산종합서비스 - 빌딩인프라 */
.infra_wrap {
  background: #f6fbff;
  padding: 80px 0;
  text-align: center;
}

.infra_wrap .title_wrap {
  margin: 40px 0 80px;
}

.infra_wrap .title_wrap p {
  margin-top: 50px;
}

.colum_box.estate2.col05 {
  margin-top: 60px;
}

.colum_box.estate2.col05 .col_item {
  width: 20%;
  padding: 0 28px;
}

.colum_box.estate2.col05 dl dd {
  margin-top: 10px;
  font-size: 16px;
  color: #333;
  line-height: 1.5;
}

i.ico_pm.ico_infra01 {
  background: url("../../images/ko/estate/ico_infra01.png");
}

i.ico_pm.ico_infra02 {
  background: url("../../images/ko/estate/ico_infra02.png");
}

i.ico_pm.ico_infra03 {
  background: url("../../images/ko/estate/ico_infra03.png");
}

i.ico_pm.ico_infra04 {
  background: url("../../images/ko/estate/ico_infra04.png");
}

i.ico_pm.ico_infra05 {
  background: url("../../images/ko/estate/ico_infra05.png");
}

/* 정보보안 */
.infosc_img_wrap {
  margin-top: 80px;
}

.infosc_banner {
  max-width: 1720px;
  height: 460px;
  padding: 90px 0;
  margin: 80px auto 0;
  background: #0072ce;
}

.infosc_banner .inner {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

.infosc_banner .inner:before {
  position: absolute;
  top: 15px;
  right: 0;
  content: "";
  display: block;
  width: 460px;
  height: 269px;
  background: url(../../images/ko/info_sc/img_infosc_banner.png) 0 0 no-repeat;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100%;
          background-size: 100%;
}

.infosc_banner h4 {
  font-size: 36px;
  color: #fff;
  line-height: 1.67;
}

.infosc_banner p {
  font-size: 48px;
  color: #fff;
  font-weight: 500;
  line-height: 60px;
}

.infosc_banner p em {
  color: #222222;
}

.infosc_banner .btn_m {
  width: 200px;
  margin-top: 40px;
  font-size: 18px;
  border: 0;
}

.ico_infosc01_01 {
  background: transparent url("../../images/ko/info_sc/icon_infosc01_01.png") no-repeat center;
}

.ico_infosc01_02 {
  background: transparent url("../../images/ko/info_sc/icon_infosc01_02.png") no-repeat center;
}

.ico_infosc01_03 {
  background: transparent url("../../images/ko/info_sc/icon_infosc01_03.png") no-repeat center;
}

.ico_infosc01_04 {
  background: transparent url("../../images/ko/info_sc/icon_infosc01_04.png") no-repeat center;
}

.ico_infosc02_01 {
  background: transparent url("../../images/ko/info_sc/icon_infosc02_01.png") no-repeat center;
}

.ico_infosc02_02 {
  background: transparent url("../../images/ko/info_sc/icon_infosc02_02.png") no-repeat center;
}

.ico_infosc02_03 {
  background: transparent url("../../images/ko/info_sc/icon_infosc02_03.png") no-repeat center;
}

.ico_infosc03_01 {
  background: transparent url("../../images/ko/info_sc/icon_infosc03_01.png") no-repeat center;
}

.ico_infosc03_02 {
  background: transparent url("../../images/ko/info_sc/icon_infosc03_02.png") no-repeat center;
}

.ico_infosc03_03 {
  background: transparent url("../../images/ko/info_sc/icon_infosc03_03.png") no-repeat center;
}

.ico_infosc03_04 {
  background: transparent url("../../images/ko/info_sc/icon_infosc03_04.png") no-repeat center;
}

.ico_infosc04_01 {
  background: transparent url("../../images/ko/info_sc/icon_infosc04_01.png") no-repeat center;
}

.ico_infosc04_02 {
  background: transparent url("../../images/ko/info_sc/icon_infosc04_02.png") no-repeat center;
}

.ico_infosc04_03 {
  background: transparent url("../../images/ko/info_sc/icon_infosc04_03.png") no-repeat center;
}

.ico_infosc05_01 {
  background: transparent url("../../images/ko/info_sc/icon_infosc05_01.png") no-repeat center;
}

.ico_infosc05_02 {
  background: transparent url("../../images/ko/info_sc/icon_infosc05_02.png") no-repeat center;
}

.ico_infosc05_03 {
  background: transparent url("../../images/ko/info_sc/icon_infosc05_03.png") no-repeat center;
}

.ico_infosc06_01 {
  background: transparent url("../../images/ko/info_sc/icon_infosc06_01.png") no-repeat center;
}

.ico_infosc06_02 {
  background: transparent url("../../images/ko/info_sc/icon_infosc06_02.png") no-repeat center;
}

.ico_infosc06_03 {
  background: transparent url("../../images/ko/info_sc/icon_infosc06_03.png") no-repeat center;
}

.ico_infosc07_01 {
  background: transparent url("../../images/ko/info_sc/icon_infosc07_01.png") no-repeat center;
}

.ico_infosc07_02 {
  background: transparent url("../../images/ko/info_sc/icon_infosc07_02.png") no-repeat center;
}

.ico_infosc07_03 {
  background: transparent url("../../images/ko/info_sc/icon_infosc07_03.png") no-repeat center;
}

.ico_infosc08_01 {
  background: transparent url("../../images/ko/info_sc/icon_infosc08_01.png") no-repeat center;
}

.ico_infosc08_02 {
  background: transparent url("../../images/ko/info_sc/icon_infosc08_02.png") no-repeat center;
}

.ico_infosc09_01 {
  background: transparent url("../../images/ko/info_sc/icon_infosc09_01.png") no-repeat center;
}

.ico_infosc09_02 {
  background: transparent url("../../images/ko/info_sc/icon_infosc09_02.png") no-repeat center;
}

.ico_infosc09_03 {
  background: transparent url("../../images/ko/info_sc/icon_infosc09_03.png") no-repeat center;
}

.package_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin-top: 150px;
}

.package_wrap .thumb {
  -webkit-box-flex: 0;
  -webkit-flex: 0 575px;
     -moz-box-flex: 0;
      -ms-flex: 0 575px;
          flex: 0 575px;
}

.package_wrap .item_info {
  padding-left: 100px;
}

.package_wrap .item_info .title {
  display: block;
  font-size: 50px;
  color: #000;
  font-weight: 700;
}

.package_wrap .item_info .title span {
  display: none;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
}

.package_wrap .item_info p {
  margin-top: 30px;
  font-size: 20px;
  line-height: 1.5;
}

.colum_box.package_sv {
  margin-top: -10px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start;
}

.colum_box.package_sv .col_item {
  width: 300px;
  margin-left: 26px;
  margin-top: 60px;
}

.colum_box.package_sv .col_item:nth-child(4n+1) {
  margin-left: 0;
}

.colum_box.package_sv .img_box {
  position: relative;
  width: 100%;
  height: 300px;
  background: #f8f8f8;
}

.colum_box.package_sv .img_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -moz-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.colum_box.package_sv .info_box {
  margin-top: 30px;
}

.colum_box.package_sv .info_box .tit {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}

.colum_box.package_sv .info_box p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.63;
}

/* CCTV */
.video_slide_wrap,
.video_slide_wrap .image_slide {
  max-width: 1440px;
  margin: 0 auto;
  overflow: hidden;
}

.video_slide_wrap .slick-wrap {
  overflow: visible;
}

.video_slide_wrap .slick-list {
  width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}

.video_slide_wrap .slick-button-box {
  top: 420px;
}

.video_slide_wrap .slick-button-box .slick-prev,
.video_slide_wrap .slick-button-box .slick-next {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border: 0;
  background: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  -webkit-transform: inherit;
     -moz-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
}

.video_slide_wrap .slick-button-box .slick-prev:before,
.video_slide_wrap .slick-button-box .slick-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15px;
  margin-left: -8px;
  display: block;
  width: 30px;
  height: 30px;
  border-top: 2px solid #737373;
  border-left: 2px solid #737373;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.video_slide_wrap .slick-button-box .slick-next {
  left: auto;
  right: 0;
}

.video_slide_wrap .slick-button-box .slick-next:before {
  margin-left: -20px;
  -moz-transform: rotate(135deg);
       transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
}

.video_slide_wrap .slick-button-box .slick-prev i:after,
.video_slide_wrap .slick-button-box .slick-next i:after {
  display: none;
}

.cctv_prd_tab .box_tab_menu {
  padding-top: 160px;
}

.cctv_prd_tab .box_tab_menu.horizontal .tab_menu {
  margin-top: 65px;
}

.cctv_prd_tab .txt_intro {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
  color: #333;
}

.cctv_prd_tab .wrap_list_svc .list_box {
  margin-top: -67px;
}

.cctv_prd_tab .wrap_list_svc .list_box > li {
  margin-top: 60px;
  position: relative;
}

.cctv_prd_tab .wrap_list_svc .list_box a {
  display: block;
}

.cctv_prd_tab .wrap_list_svc .img_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 300px;
  background: transparent;
}

.cctv_prd_tab .wrap_list_svc .txt_box {
  text-align: left;
  margin-top: 30px;
  padding-left: 13px;
}

.cctv_prd_tab .wrap_list_svc .txt_box .title06 {
  display: inline-block;
  color: #000;
}

.cctv_prd_tab .wrap_list_svc .txt_box .bul_list {
  margin-top: 10px;
}

.cctv_prd_tab .wrap_list_svc .txt_box .bul_list li {
  margin-left: 0;
  margin-top: 0;
}

.cctv_prd_tab .wrap_list_svc .btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
  color: transparent;
}

.cctv_prd_tab .wrap_list_svc .txt_box .title {
  font-size: 20px;
  color: #333;
  font-weight: 700;
}

.cctv_prd_tab .wrap_list_svc .txt_box .sub_txt {
  margin-top: 10px;
  line-height: 1.63;
  font-size: 16px;
  color: #000;
}

.cctv_prd_tab .wrap_list_svc > .title_wrap {
  padding-left: 13px;
  margin-top: 80px;
  margin-bottom: 30px;
}

.cctv_prd_tab .wrap_list_svc > .title_wrap.top {
  margin-top: 0;
}

.cctv_prd_tab .box_tab_menu.horizontal .tab button {
  text-align: left;
}

.cctv_prd_tab .box_tab_menu.horizontal .tab.on button {
  position: relative;
  padding-right: 20px;
}

.cctv_prd_tab .box_tab_menu.horizontal .tab.on button::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  border-bottom: 2px solid #0072ce;
  border-right: 2px solid #0072ce;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  position: absolute;
  top: 9px;
  right: 5px;
}

.ico_m_intel1 {
  background: url("../../images/ko/cctv/ico_m_intel1.png") no-repeat center;
}

.ico_m_intel2 {
  background: url("../../images/ko/cctv/ico_m_intel2.png") no-repeat center;
}

.ico_m_intel3 {
  background: url("../../images/ko/cctv/ico_m_intel3.png") no-repeat center;
}

.ico_m_intel4 {
  background: url("../../images/ko/cctv/ico_m_intel4.png") no-repeat center;
}

.intel_video_wrap {
  background-color: #f5f5f5;
  padding: 120px 0;
  margin-top: 150px;
}

.intel_video_list {
  margin-top: 70px;
}

.intel_video_list .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.intel_video_list .item + .item {
  margin-top: 80px;
}

.intel_video_list .ico_area {
  padding-left: 100px;
  width: 700px;
}

.intel_video_list .ico_area .title_wrap {
  margin-top: 6px;
}

.intel_video_list .ico_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  text-align: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.intel_video_list .ico_list li {
  margin: 0 60px 30px 0;
}

.intel_video_list .ico_list i {
  display: block;
  width: 89px;
  height: 89px;
}

.intel_video_list .ico_list .txt {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  display: block;
  line-height: 1.33;
  color: #333;
}

.ico_intel1 {
  background: url("../../images/ko/cctv/ico_intel1.png") no-repeat center;
}

.ico_intel2 {
  background: url("../../images/ko/cctv/ico_intel2.png") no-repeat center;
}

.ico_intel3 {
  background: url("../../images/ko/cctv/ico_intel3.png") no-repeat center;
}

.ico_intel4 {
  background: url("../../images/ko/cctv/ico_intel4.png") no-repeat center;
}

.ico_intel5 {
  background: url("../../images/ko/cctv/ico_intel5.png") no-repeat center;
}

.ico_intel6 {
  background: url("../../images/ko/cctv/ico_intel6.png") no-repeat center;
}

.ico_intel7 {
  background: url("../../images/ko/cctv/ico_intel7.png") no-repeat center;
}

.ico_intel8 {
  background: url("../../images/ko/cctv/ico_intel8.png") no-repeat center;
}

.ico_intel9 {
  background: url("../../images/ko/cctv/ico_intel9.png") no-repeat center;
}

.ico_intel10 {
  background: url("../../images/ko/cctv/ico_intel10.png") no-repeat center;
}

.ico_intel11 {
  background: url("../../images/ko/cctv/ico_intel11.png") no-repeat center;
}

.ico_intel12 {
  background: url("../../images/ko/cctv/ico_intel12.png") no-repeat center;
}

.ico_intel13 {
  background: url("../../images/ko/cctv/ico_intel13.png") no-repeat center;
}

.ico_intel14 {
  background: url("../../images/ko/cctv/ico_intel14.png") no-repeat center;
}

.ico_intel15 {
  background: url(../../images/ko/cctv/ico_intel15.png) no-repeat center;
}

.ico_intel16 {
  background: url(../../images/ko/cctv/ico_intel16.png) no-repeat center;
}

.cctv_video_detail {
  margin-top: 44px;
  padding-bottom: 40px;
}

.cctv_video_detail .img_box {
  margin-top: 30px;
  background-color: #f7f7f7;
  height: 400px;
  line-height: 400px;
  width: 100%;
  text-align: center;
}

/* 부동산 - 공간유형별제안 */
.space_config {
  position: relative;
  width: 100%;
  height: 1531px;
  margin-top: 80px;
  border: 1px solid #ddd;
  background: url("../../images/ko/estate/bg_space_config.png");
}

.space_config:after {
  content: "";
  display: block;
  clear: both;
}

.space_config .badge_mark.large {
  min-width: auto;
}

.space_config .config_item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.space_config .config_item .item {
  position: absolute;
}

.space_config .config_item .item > em {
  position: absolute;
  right: 10px;
  width: 28px;
  height: 28px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  line-height: 28px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  z-index: 1;
}

.space_config .config_item .item .cont_box:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
     -moz-transform: translateX(-50%) rotate(45deg);
      -ms-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  width: 20px;
  height: 20px;
  background: #fff;
}

.space_config .config_item .item .cont_box {
  display: none;
  position: absolute;
  bottom: 140px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 342px;
  min-height: 184px;
  padding: 27px 22px;
  background: #fff;
  -webkit-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.2);
  text-align: left;
  z-index: 2;
}

.space_config .config_item .item .cont_box > p {
  font-weight: 700;
  font-size: 18px;
  color: #000;
}

.space_config .config_item .item .cont_box > span {
  display: block;
  margin-top: 10px;
  min-height: 45px;
  line-height: 22px;
  font-size: 14px;
  color: #000;
}

.space_config .config_item .item .cont_box .btn_s {
  margin-top: 13px;
}

.space_config .config_item .item .cont_box .close_btn {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px;
  height: 15px;
}

.space_config .config_item .item .cont_box .close_btn::after,
.space_config .config_item .item .cont_box .close_btn::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
  background: #000;
}

.space_config .config_item .item .cont_box .close_btn::before {
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.space_config .config_item .item .cont_box .close_btn::after {
  -moz-transform: rotate(45deg);
       transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.space_config .config_item .item.on::before {
  content: "";
  display: block;
  position: absolute;
  width: 122px;
  height: 122px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  border: 3px solid #0072ce;
  z-index: 1;
}

.space_config .config_item .item.on .cont_box {
  display: block;
}

.space_config .btn_s {
  font-size: 13px;
  padding: 0 25px 0 15px;
}

.space_config .cont_box .btn_s.arrow_type2 span:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 7px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  vertical-align: 1px;
}

.space_config .config_list {
  width: 430px;
  margin: 150px 55px;
  float: right;
}

.space_config .config_list .tit {
  font-weight: 700;
  font-size: 24px;
  color: #000;
}

.space_config .list_sec ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 10px;
  padding-top: 24px;
}

.space_config .list_sec + .list_sec {
  margin-top: 60px;
}

.space_config .list_sec ol li {
  position: relative;
  min-width: 50%;
  padding-left: 38px;
  font-weight: 500;
  font-size: 18px;
  color: #000;
  letter-spacing: -0.3px;
}

.space_config .list_sec ol li:nth-child(n+3) {
  margin-top: 22px;
}

.space_config .list_sec ol li em {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 28px;
  height: 28px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}

.space_config .list_sec ol li span {
  font-size: 14px;
}

.list_sec .config_col1 {
  border-top: 1px solid #0072ce;
}

.list_sec .config_col2 {
  border-top: 1px solid #38a6ff;
}

.list_sec .config_col3 {
  border-top: 1px solid #7cc4ff;
}

.list_sec .config_col4 {
  border-top: 1px solid #bee2ff;
}

.list_sec .config_col5 {
  border-top: 1px solid #e1f1ff;
}

.config_col1 em {
  background: #0072ce;
  color: #fff;
}

.config_col2 em {
  background: #0072ce;
  color: #fff;
}

.config_col3 em {
  background: #0072ce;
  color: #fff;
}

.config_col4 em {
  background: #0072ce;
  color: #fff;
}

.config_col5 em {
  background: #0072ce;
  color: #fff;
}

/* 아이템 위치 */
.space_config .config_item .item.item_01 {
  bottom: 15px;
  left: 300px;
}

.space_config .config_item .item.item_02 {
  top: 520px;
  left: 400px;
}

.space_config .config_item .item.item_03 {
  top: 1020px;
  left: 160px;
}

.space_config .config_item .item.item_04 {
  top: 850px;
  left: 380px;
}

.space_config .config_item .item.item_05 {
  top: 760px;
  left: 530px;
}

.space_config .config_item .item.item_06 {
  top: 720px;
  left: 140px;
}

.space_config .config_item .item.item_07 {
  bottom: 100px;
  left: 910px;
}

.space_config .config_item .item.item_07_1 {
  bottom: 150px;
  left: 600px;
}

.space_config .config_item .item.item_07_2 {
  bottom: 250px;
  left: 740px;
}

.space_config .config_item .item.item_08 {
  bottom: 130px;
  left: 80px;
}

.space_config .config_item .item.item_09 {
  bottom: 250px;
  left: 280px;
}

.space_config .config_item .item.item_10 {
  bottom: 370px;
  left: 460px;
}

.space_config .config_item .item.item_11 {
  top: 510px;
  left: 210px;
}

.s1_sg_slide {
  padding: 0 24px;
}

/* 프로모션 제휴혜택신청 */
.promotion_wrap {
  margin-bottom: 70px;
}

/* 에스원 고객센터 성공사례 반응형 */
.contents.responsive {
  min-width: 100%;
}

.responsive .story_wrap .story_txt .block {
  display: block;
}

.responsive .article_list {
  margin: 30px -10px 0;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}

.responsive .article_list li {
  margin: 0 10px;
  width: 33.33%;
}

.responsive .article_list li img {
  width: 100%;
}

.responsive .story_info {
  display: none;
  margin-top: 20px;
}

.responsive .story_info dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.responsive .story_info dt {
  margin-right: 15px;
  font-weight: 500;
  font-size: 14px;
  color: #888;
}

.responsive .story_info dd {
  font-size: 14px;
  color: #000;
}

@media (max-width: 1024px) {
  .responsive .story_tit,
.responsive .info_box {
    display: none;
  }
  .responsive .story_info {
    display: block;
  }
  .responsive .list_detail .detail_cont {
    padding: 40px 0px;
    border-top: 2px solid #000;
  }
  .responsive .story_wrap .story_item {
    margin-top: 40px;
  }
  .responsive .story_wrap .story_item .txt_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 15px;
  }
  .responsive .story_wrap .story_item .img_area,
.responsive .story_wrap .story_item .img_area img {
    width: 100%;
  }
  .responsive .story_wrap .story_item .txt_wrap .img_area + .item_txt {
    margin: 20px 0 0 0;
  }
  .responsive .story_wrap .story_txt + .img_area {
    margin-top: 20px;
  }
  .responsive .story_wrap .story_txt .block {
    display: inline;
  }
  .responsive .article {
    padding: 40px 0;
  }
  .responsive .article_list li:nth-child(2n) {
    margin: 0;
  }
  .responsive .article_list li:nth-child(n+3) {
    margin-top: 50px;
  }
  .responsive .article_list {
    margin: 30px 0 0;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .responsive .article_list li {
    margin: 0 20px 0 0;
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
  }
  .responsive .story_wrap .story_item .item_tit,
.responsive .article .tit_wrap h3 {
    font-size: 18px;
  }
  .responsive .story_wrap .story_txt,
.responsive .article_list .img_txt {
    font-size: 15px;
  }
}
@media (max-width: 1640px) {
  .wrap_extra_svc .list_svc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
  .wrap_extra_svc .list_svc li {
    width: 80%;
  }
}
@media (max-width: 1340px) {
  .experience_item .tab_menu {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
  .experience_item .tab_menu .tab + .tab {
    margin-left: 0;
  }
  .experience_item .tab_menu .tab_link {
    width: 120px;
  }
}
@media print {
  .btn_area .print {
    display: none !important;
  }
}
/*20211005 메인 원스톱 통합서비스 추가*/
.media_con .inner01 {
  width: 1280px;
  margin: 150px auto 0;
}

.media_con .btt01 {
  position: relative;
  margin-bottom: 80px;
  text-align: center;
}

.media_con .btt01 strong {
  font-weight: 700;
  font-size: 52px;
}

.sone_service {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.sone_service li {
  position: relative;
  width: 426px;
  margin-right: -1px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
}

.sone_service li a {
  display: block;
  width: 426px;
  height: 660px;
  padding: 80px 60px 0 50px;
}

.sone_service li.cont01 {
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  z-index: 2;
}

.sone_service li.cont02 {
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  z-index: 1;
}

.sone_service li.cont03 {
  -webkit-transition: all 0.1s;
  -o-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}

.sone_service li.cont02.cont03 a {
  padding: 45px 0 0 30px;
}

.sone_service li div {
  /* transition: all 0.1s; */
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  clear: both;
  width: 376px;
  height: 300px;
  -webkit-transform-origin: left;
     -moz-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}

.sone_service li.cont01 div {
  background: url("../../images/ko/main/img_intr_servs01.jpg") 0 100% no-repeat;
}

.sone_service li.cont02 div {
  background: url("../../images/ko/main/img_intr_servs02.jpg") 0 100% no-repeat;
}

.sone_service li.cont03 div {
  background: url("../../images/ko/main/img_intr_servs03.jpg") 0 100% no-repeat;
  -webkit-background-size: 460px 460px;
     -moz-background-size: 460px;
          background-size: 460px;
}

.sone_service li:hover {
  background: #2278e7;
  /* transform: translateY(-20px);
  transition-timing-function: ease-in-out;
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); */
  -webkit-box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.19);
     -moz-box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 15px 10px 0 rgba(0, 0, 0, 0.19);
}

.sone_service li a.pdnot {
  display: block;
  background: 100%;
  height: 300px;
}

.sone_service li:hover div {
  /* transform:scaleX(1.13); */
  -webkit-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  width: 430px;
  left: 50px;
  z-index: 11;
}

.sone_service .servs_txt {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  color: #000;
}

.sone_service li:hover .servs_txt {
  color: #fff;
}

.sone_service li span {
  padding-bottom: 96px;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -1px;
  color: #333;
  background: url("../../images/ko/main/ico_bn01.png") 0 100% no-repeat;
  -webkit-transition: ease-out 0.1s;
  -o-transition: ease-out 0.1s;
  -moz-transition: ease-out 0.1s;
  transition: ease-out 0.1s;
}

.sone_service li:hover span {
  color: #fff;
  letter-spacing: -1px;
  background: url("../../images/ko/main/ico_bn_on.png") 0 100% no-repeat;
  -webkit-transition: ease-in 0.1s;
  -o-transition: ease-in 0.1s;
  -moz-transition: ease-in 0.1s;
  transition: ease-in 0.1s;
}

/* 202109 고도화 추가 */
.input_rdo i label,
.input_chk i label {
  vertical-align: inherit;
}

.input_chk i label:after,
.input_rdo i label:after {
  content: "";
  position: absolute;
  left: -26px;
  top: 0;
  right: 0;
  bottom: 0;
}

.board_form.form_inq_service .number_box .dash ~ input[type=text] {
  margin-left: 6px;
}

.board_form.form_inq_service .number_box .select_box + .dash {
  margin-left: -2px;
}

.board_form.form_inq_service .list_checkbox li {
  padding: 10px 0;
}

.board_form.form_inq_service .list_checkbox li ~ li {
  margin-top: 10px;
}

.board_form.form_inq_service .list_checkbox li em {
  display: inline-block;
  width: 130px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: bold;
}

/* 20211006 초고층 빌딩 메인팝업  */
.popup_wrap {
  content: "";
  display: block;
  clear: both;
}

.popup_box {
  margin-top: 60px;
}

.modal_inner.pop_wid {
  width: 1200px;
  height: 742px;
  position: relative;
}

.pop_left {
  position: fixed;
  width: 400px;
  height: 742px;
  background: url("../../images/ko/main/main_popimg.jpg") no-repeat;
  -webkit-background-size: 400px 742px;
     -moz-background-size: 400px 742px;
          background-size: 400px 742px;
}

.pop_left.pop_left_img02 {
  background: url("../../images/ko/main/main_popimg02.jpg") no-repeat;
  -webkit-background-size: 400px 742px;
     -moz-background-size: 400px 742px;
          background-size: 400px 742px;
}

.pop_left.pop_left_img03 {
  background: url("../../images/ko/main/main_popimg03.jpg") no-repeat;
  -webkit-background-size: 400px 742px;
     -moz-background-size: 400px 742px;
          background-size: 400px 742px;
}

.pop_right {
  width: 800px;
  margin-left: 400px;
}

.pop_tit {
  padding: 0px 0 20px;
}

.pop_cont_wrap::after {
  content: "";
  display: block;
  clear: both;
}

.pop_cont_wrap:last-child {
  margin-bottom: 60px;
}

.pop_cont_tit {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: 700px;
  padding-bottom: 30px;
  line-height: 160px;
  margin: 60px auto 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}

.pop_cont_tit:after {
  content: "";
  display: inline-block;
  clear: both;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: -1;
  height: 13px;
  background-color: #5796e7;
  opacity: 0.7;
}

.pop_band01:after {
  padding: 0 7%;
}

.pop_band02:after {
  padding: 0 10%;
}

.pop_tit_img01 {
  background: url("../../images/ko/main/pop_img01.jpg") no-repeat;
}

.pop_tit_img02 {
  background: url("../../images/ko/main/pop_img02.jpg") no-repeat;
}

.pop_tit_img03 {
  background: url("../../images/ko/main/pop_img03.jpg") no-repeat;
}

.popup_tit.pop_band02:after {
  padding: 0 10%;
}

.pop_tit_dat {
  position: relative;
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.pop_tit_dat::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  left: -9px;
  top: 10px;
  width: 4px;
  height: 4px;
  background: #333;
}

.pop_list li {
  font-size: 16px;
}

.pop_cont_info {
  width: 320px;
  margin-left: 14px;
  font-size: 16px;
  color: #333;
}

.pop_cont_info li {
  position: relative;
  margin-bottom: 10px;
}

.pop_arr {
  padding-right: 13px;
  background: url(../../images/ko/common/bg_gnb_arrow.png) right center no-repeat;
}

.pop_cont_info {
  float: left;
}

.mgt20 {
  margin-top: 20px;
}

/*covid 19예방 이미지*/
.popup_box {
  width: 342px;
}

.popup_box.left {
  float: left;
}

.popup_box.right {
  float: right;
}

.popup_tit {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: 342px;
  padding-bottom: 20px;
  line-height: 160px;
  margin: 0px auto 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}

.popup_tit:after {
  content: "";
  display: inline-block;
  clear: both;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: -1;
  height: 13px;
  background-color: #5796e7;
  opacity: 0.7;
}

.popup_band01:after {
  padding: 0 25%;
}

.popup_band02:after {
  padding: 0 28%;
}

.popup_band03:after {
  padding: 0 37%;
}

.popup_img04 {
  background: url("../../images/ko/main/covid_img01.jpg") no-repeat;
}

.popup_img05 {
  background: url("../../images/ko/main/covid_img02.jpg") no-repeat;
}

.popup_img06 {
  background: url("../../images/ko/main/covid_img03.jpg") no-repeat;
}

.popup_img07 {
  background: url("../../images/ko/main/covid_img04.jpg") no-repeat;
}

.popup_img08 {
  background: url("../../images/ko/main/covid_img05.jpg") no-repeat;
}

.popup_img09 {
  background: url("../../images/ko/main/covid_img06.jpg") no-repeat;
}

.popup_img10 {
  background: url("../../images/ko/main/covid_img07.jpg") no-repeat;
}

.popup_tit_small {
  position: relative;
  margin: 0 0 10px 0;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.popup_box.pbt60 {
  padding-bottom: 60px;
}

.ico_download.mgl6:after {
  margin-left: 6px;
}

/*에스원 소개 bg추가*/
.bg_viewer01 {
  position: relative;
  background: url("../../images/ko/secom/bg_secom_viewer01.jpg") center no-repeat;
}

.mgt200 {
  margin-top: 200px;
}

.bg_viewer01 .txt01 {
  text-align: center;
  line-height: 480px;
  padding-top: 87px;
  height: 480px;
  font-size: 30px;
  color: #fff;
  background: url("../../images/ko/secom/s1_secom.png") center 186px no-repeat;
}

.f_bold {
  font-weight: 700;
}

/*no.1 브랜드 에스원 세콤*/
.title_wrap.txt_c {
  text-align: center;
}

.title_wrap.mat150 {
  margin-top: 150px;
}

.s1_brand {
  width: 960px;
  margin: 60px auto 0;
}

.s1_brand ul {
  position: relative;
  overflow: hidden;
}

.s1_brand ul::before {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 0.5px;
  height: 1100px;
  background: #d8d8d8;
}

.s1_brand ul::after {
  content: "";
  display: block;
  clear: both;
  position: absolute;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 55%;
  left: 50%;
  width: 959px;
  height: 0.5px;
  background: #d8d8d8;
}

.s1_brand li {
  width: 50%;
  float: left;
  font-size: 18px;
  color: #333;
  text-align: center;
}

.s1_brand li:nth-child(1) {
  padding: 60px 70px 0 0;
}

.s1_brand li:nth-child(2) {
  padding: 60px 0 60px 70px;
}

.s1_brand li:nth-child(3) {
  padding: 60px 70px 0 0;
}

.s1_brand li:nth-child(4) {
  padding: 60px 0 0 70px;
}

.s1_brand li span {
  display: inline-block;
}

.brand_info {
  margin: 15px 0 10px;
}

.c_blue {
  line-height: 81px;
  letter-spacing: -4px;
  font-size: 72px;
  font-weight: 700;
  color: #0072ce;
}

.c_block {
  font-size: 42px;
  font-weight: 700;
  color: #333;
}

.c_gray {
  font-size: 18px;
  color: #888;
}

/*한국산업 브랜드파워*/
.bg_viewer02 {
  position: relative;
  height: 380px;
  background: url("../../images/ko/secom/bg_secom_viewer02.jpg") no-repeat;
}

.bg_viewer02.mgt200 {
  margin-top: 200px;
}

.bg_viewer02 .txt01 {
  position: relative;
  left: 0;
  top: 80px;
  line-height: 1.39;
  font-weight: normal;
  font-size: 36px;
  color: #fff;
}

.bg_viewer02 .txt02 {
  margin-top: 104px;
  font-size: 18px;
  color: #fff;
  font-weight: 100;
  opacity: 0.8;
  line-height: 1.8;
}

/*수상내역*/
.colum_box .img_box.h150 {
  position: relative;
  width: 240px;
  height: 140px;
  background: #f8f8f8;
}

.colum_box .img_box.h150 img {
  background-image: 240px 150px;
}

.colum_box.service .col_item.mgl2 {
  margin-left: 12px;
}

.colum_box.col05 .col_item.wid240 {
  width: 19%;
}

/*수상내역*/
.sub_txt04 {
  font-size: 18px !important;
  color: #888 !important;
}

.colum_box.service.mgt80 {
  margin-top: 80px;
}

/*에스원 BLUE ASSET*/
.bg_viewer03 {
  position: relative;
  background: url("../../images/ko/company/s1_intro/bg_secom_viewer03.jpg") center no-repeat;
}

.bg_viewer03.mgt200 {
  margin-top: 200px;
}

.bg_viewer03 .txt03 {
  text-align: center;
  padding-top: 259px;
  height: 480px;
  font-size: 30px;
  color: #fff;
  background: url("../../images/ko/company/s1_intro/s1_blueasset.png") center 140px no-repeat;
}

/*건물관리업계 최초*/
.txt04 {
  margin-top: 82px;
  font-size: 24px;
  color: #fff;
  opacity: 0.8;
}

.bg_viewer .txt.txthig {
  top: 38%;
}

.bg_viewer .img_viewer01 {
  height: 380px;
  background: url("../../images/ko/secom/img_secom_viewer01.png") no-repeat right top;
}

/*인증내역*/
.col_item .img_box.hie350 {
  height: 350px;
}

.col_item .ftd {
  font-weight: bold;
}

/*Premium Landmark*/
.conts_wrap {
  overflow: hidden;
}

.mgt80 {
  margin-top: 80px;
}

.conts_item {
  width: 406px;
  float: left;
  margin-right: 30px;
  margin-bottom: 40px;
  border: 1px solid #e0e0e0;
}

.conts_item.mgl0 {
  margin: 0;
}

.conts_info {
  padding: 30px 30px 40px;
}

.conts_info strong {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  color: #333;
  font-weight: 700;
}

.conts_info span {
  display: block;
  font-size: 16px;
  color: #333;
}

/*통합보안솔루션 SI컨설팅*/
.colum_box.wid406 .col_item {
  width: 406px;
}

.colum_box.service .img_box.h190 {
  height: 190px;
}

.major i.ico_major.ico17 {
  background: url("../../images/ko/estate/ico_major_consulting01.png");
}

.major i.ico_major.ico18 {
  background: url("../../images/ko/estate/ico_major_consulting02.png");
}

.major i.ico_major.ico19 {
  background: url("../../images/ko/estate/ico_major_consulting03.png");
}

.major i.ico_major.ico20 {
  background: url("../../images/ko/estate/ico_major_consulting04.png");
}

.major i.ico_major.ico21 {
  background: url("../../images/ko/estate/ico_major_consulting05.png");
}

.round_list li.list05 {
  border-color: #0072ce;
}

.round_list.items02 {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}

.round_list.items02 li + li:before {
  display: none;
}

.round_list.items02 li + li:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: -45px;
  top: 34px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.round_list.items02 li.list04.cor04 {
  border-color: #2278e7;
}

.round_list.items02 li.list02:after {
  border-color: rgb(0, 145, 255);
}

.round_list.items02 li.list03:after {
  border-color: #0091ff;
}

.round_list.items02 li.list04:after {
  border-color: #0072ce;
}

.round_list.items02 li.list05:after {
  border-color: #2278e7;
}

.round_list.ft20 li {
  font-size: 20px;
  font-weight: 700;
}

/**/
.cont_wide .square_cont_dl.version01 {
  width: 1280px;
}

.cont_wide .square_cont_dl.version01 {
  max-width: 1280px;
  padding: 0 120px;
  margin: 0 auto;
}

.square_cont_dl.version01 dl {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  background-color: #446a9b;
}

.square_cont_dl.version01 dt {
  width: 185px;
  text-align: center;
}

.square_cont_dl.version01 dt span {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}

.square_cont_dl.version01 dd {
  width: -webkit-calc(100% - 185px);
  width: -moz-calc(100% - 185px);
  width: calc(100% - 185px);
  padding: 40px;
  background-color: #fff;
  border: 1px solid #ddd;
  overflow: hidden;
}

.square_cont_dl.version01 dd p {
  width: 50%;
  font-size: 20px;
  line-height: 1.5;
  float: left;
}

.square_cont_dl.version01 dd p.arr01 {
  position: relative;
  padding-left: 83px;
}

.square_cont_dl.version01 dd p.arr01:before {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(41%, rgba(0, 105, 255, 0.8)), color-stop(0%, #fff));
  background-image: -webkit-linear-gradient(left, rgba(0, 105, 255, 0.8) 41%, #fff 0%);
  background-image: -moz-linear-gradient(left, rgba(0, 105, 255, 0.8) 41%, #fff 0%);
  background-image: -o-linear-gradient(left, rgba(0, 105, 255, 0.8) 41%, #fff 0%);
  background-image: linear-gradient(to right, rgba(0, 105, 255, 0.8) 41%, #fff 0%);
}

.square_cont_dl.version01 dd p.arr01:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 2px;
  top: 15px;
  left: -19px;
  background-position: bottom;
  -webkit-background-size: 11px 2px;
     -moz-background-size: 11px 2px;
          background-size: 11px 2px;
  background-repeat: repeat-x;
  vertical-align: middle;
}

.square_cont_dl.version01 dd p.arr01:after {
  border-color: rgba(0, 105, 255, 0.8);
}

.square_cont_dl.version01 dd .arr01:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 28px;
  top: 9px;
  border-top: 2px solid;
  border-right: 2px solid;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.square_cont_dl.version01 dd {
  width: -webkit-calc(100% - 164px);
  width: -moz-calc(100% - 164px);
  width: calc(100% - 164px);
  padding: 53px 40px;
}

.colum_box.service .img_box.wekimg {
  line-height: 190px;
  text-align: center;
}

.colum_box.service .img_box.wekimg img {
  position: inherit;
  left: 0;
  top: 0;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
          transform: none;
  line-height: 190px;
  text-align: center;
}

/* 정보보안 */
.clearfix:before,
.clearfix:after {
  display: block;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.info_se_wrap.channel_cont .info_wrap {
  padding-top: 0;
  padding: 0 0 150px;
}

.info_se_cont {
  background: #f6fbff;
  text-align: center;
  position: relative;
}

.info_se_cont.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.info_se_cont.flex > div {
  width: 614px;
}

.info_se_cont.flex > div:last-child {
  margin-left: 52px;
}

.info_se_cont.flex > div * {
  text-align: left;
}

.info_se_cont.deep {
  background: #3f9ae3;
}

.info_se_cont .graphic {
  position: relative;
}

.info_se_cont .graphic2 {
  width: 614px;
}

.info_se_cont .graphic2 .graphic_txt {
  padding: 40px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  min-height: 420px;
}

.info_se_cont .graphic2 .graphic_txt strong {
  display: block;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000;
}

.info_se_cont .graphic2 .graphic_txt span {
  margin-top: 10px;
  display: block;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333;
}

.info_se_cont .graphic2 .graphic_txt span m {
  text-indent: 18px;
  display: block;
}

.background {
  position: absolute;
  width: 1920px !important;
  background: #f6fbff;
  height: 1094px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: -1;
}

.info_se_cont .title_wrap.alC {
  position: relative;
}

.info_se_cont .title_wrap.alC:before {
  position: absolute;
  content: "";
  width: 315px;
  height: 100%;
  background: #f6fbff;
  left: -310px;
  top: 0;
  z-index: -1;
}

.info_se_cont .title_wrap.alC:after {
  position: absolute;
  content: "";
  width: 315px;
  height: 100%;
  background: #f6fbff;
  right: -310px;
  top: 0;
  z-index: -1;
}

.info_se_cont .graphic:before {
  position: absolute;
  content: "";
  width: 315px;
  height: 100%;
  background: #f6fbff;
  left: -398px;
  top: 0;
  z-index: -1;
}

.info_se_cont .graphic:after {
  position: absolute;
  content: "";
  width: 315px;
  height: 100%;
  background: #f6fbff;
  right: -398px;
  top: 0;
  z-index: -1;
}

.info_se_cont .title_wrap.alC.deep:before {
  background: #3f9ae3;
  left: -310px;
  top: 0;
  z-index: -1;
}

.info_se_cont .title_wrap.alC.deep:after {
  background: #3f9ae3;
  right: -310px;
  top: 0;
  z-index: -1;
}

.info_se_cont .graphic.deep:before {
  background: #3f9ae3;
  left: -398px;
  top: 0;
  z-index: -1;
}

.info_se_cont .graphic.deep:after {
  background: #3f9ae3;
  right: -398px;
  top: 0;
  z-index: -1;
}

.info_se_cont.nographic .title_wrap.alC:before {
  background: #fff;
}

.info_se_cont.nographic .title_wrap.alC:after {
  background: #fff;
}

.info_se_cont.nographic .graphic:before {
  background: #fff;
}

.info_se_cont.nographic .graphic:after {
  background: #fff;
}

.info_se_cont .title_wrap {
  padding-top: 100px;
  margin-top: 0;
}

.info_se_cont .title_wrap.top0 {
  padding-top: 0;
  margin-top: 0;
}

.bottom0 {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.info_se_cont .title02 {
  font-size: 40px;
  padding: 0 0 50px 0;
  display: block;
}

.info_se_cont.flex .title02 {
  padding-bottom: 0;
}

.channel_cont .info_wrap .flex .sub_txt01 {
  margin-bottom: 30px;
}

.info_se_cont.deep .title02 {
  color: #fff;
}

.info_se_cont .sub_txt01 {
  font-size: 18px;
}

.info_se_cont .graphic {
  position: relative;
  margin: 0 auto;
  width: 1104px;
  padding: 60px 0 100px;
}

.info_se_cont .round_box2 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 80px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}

.info_se_cont .box_item {
  width: 33.33%;
  text-align: center;
}

.info_se_cont .info_txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}

.info_se_cont .info_txt .box_item {
  text-align: left;
  padding-left: 40px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.info_se_cont .info_txt .dot_tit {
  font-size: 18px;
  color: #333333;
  display: block;
  line-height: 1.67;
  font-weight: 400;
  position: relative;
  margin-bottom: 4px;
}

.info_se_cont .info_txt .dot_tit:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  -moz-border-radius: 50%;
       border-radius: 50%;
  top: 14px;
  left: -8px;
  background: #333;
}

.info_se_cont .info_txt .dot_desc {
  font-size: 16px;
  color: #555555;
  display: block;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 30px;
}

.info_se_cont2 {
  background: #fff;
}

.info_se_cont2 .fl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  float: none;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.info_se_cont2 .merit_box_item {
  width: 33.33%;
  text-align: center;
}

.info_se_cont2 .merit_box_item.w25 {
  width: 25%;
}

.info_se_cont2 .merit_box_item.w50 {
  width: 624px;
}

.info_se_cont2 .merit_box_item.w50:last-child {
  margin-left: 30px;
}

.info_se_cont2 .merit_box_item strong {
  margin-top: 40px;
  margin-bottom: 15px;
  display: block;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: center;
  color: #333;
  font-size: 24px;
  font-weight: 800;
}

.info_se_cont2 .merit_box_item.w50 strong,
.info_se_cont2 .merit_box_item.w50 span {
  text-align: left;
}

.info_se_cont2 .merit_box_item strong.onlytit {
  margin-bottom: 180px;
}

.info_se_cont2 .merit_box_item span {
  margin-bottom: 150px;
  display: block;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: center;
  color: #333;
  font-size: 18px;
}

.info_se_cont2 .merit_box_item span.desc_list {
  position: relative;
  margin-bottom: 0;
}

.info_se_cont2 .merit_box_item span:last-child {
  margin-bottom: 150px;
}

.info_se_cont2 .merit_box_item span.desc_list1 {
  margin-bottom: 80px !important;
}

.info_se_cont2 .merit_box_item span.desc_list.sub {
  font-size: 16px;
  color: #666;
  text-indent: 18px;
}

.info_se_wrap .flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.info_se_wrap .flex .flex_cell3 {
  width: 406px;
  margin-right: 30px;
}

.info_se_wrap .flex .flex_cell3:last-child {
  margin-right: 0;
}

.ico_secom22 {
  background: url(../../images/ko/secom/ico_m_secom22.png) no-repeat center;
}

.ico_secom23 {
  background: url(../../images/ko/secom/ico_m_secom23.png) no-repeat center;
}

.prd_btn {
  position: relative;
  background: #0072ce;
  max-width: 124px;
  width: 100%;
  height: 36px;
  -moz-border-radius: 2px;
       border-radius: 2px;
  color: #fff;
  font-size: 13px;
  line-height: 1.33;
  letter-spacing: 0.14px;
  padding-left: 20px;
  text-align: left;
  border: none;
}

.prd_btn:after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  right: 23px;
  top: 47%;
  border-top: 1px solid;
  border-right: 1px solid;
  -webkit-transform: rotate(45deg) translateY(-50%);
     -moz-transform: rotate(45deg) translateY(-50%);
      -ms-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  border-color: #fff;
}

.modal_cont .scroll_area .consult_btn {
  width: 80px;
  height: 80px;
  background-color: #e60012;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  display: inline-block;
  float: right;
}

.modal_cont .scroll_area .consult_btn img {
  width: 40px;
  display: block;
  margin: 10px auto 0;
}

.cont_wide .cont_wrap .title_wrap span.package {
  display: block;
  text-align: center;
  font-size: 18px;
  margin-top: 50px;
  color: #333;
}

.table_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  margin: 80px 0;
}

.table_box > div {
  width: 100%;
}

.table_box > div:last-child {
  margin-left: 40px;
}

.table_box table tr td:nth-child(1),
.table_box table tr td:nth-child(4) {
  border-left: none;
}

.table_box table tr td:nth-child(3),
.table_box table tr td:nth-child(6) {
  border-right: none;
}

.table_box2 table tr td:nth-child(1),
.table_box2 table tr td:nth-child(3) {
  border-left: none;
}

.table_box2 table tr td:nth-child(2),
.table_box2 table tr td:nth-child(4) {
  border-right: none;
}

.table_box td {
  border-collapse: collapse;
  border: 1px solid #dddddd;
  padding: 18px 0;
}

.table_box td span {
  font-size: 14px;
  color: #666;
  display: block;
  margin-top: 8px;
}

.table_box .theader {
  padding: 17px 0;
  color: #fff;
  font-size: 18px;
  line-height: 14px;
  border: none;
  border-top: 3px solid #333;
}

.table_box .theader.table1 {
  background: #446a9b;
}

.table_box .theader.table2 {
  background: #0072ce;
}

.bonus_table {
  border: 3px solid #0072ce;
}

.plus {
  width: 28px;
  height: 28px;
  margin: 20px auto;
}

.store_llu {
  margin-bottom: 80px;
}

.store_llu.last {
  margin-bottom: 150px;
}

.ico_secom24 {
  background: url("../../images/ko/secom/ico_m_secom24.png") no-repeat center;
}

.ico_secom25 {
  background: url("../../images/ko/secom/ico_m_secom25.png") no-repeat center;
}

.ico_secom26 {
  background: url("../../images/ko/secom/ico_m_secom26.png") no-repeat center;
}

.ico_secom27 {
  background: url("../../images/ko/secom/ico_m_secom27.png") no-repeat center;
}

.secom_item .tit {
  line-height: 1.25;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 25px;
}

.ico_secom28 {
  background: url("../../images/ko/secom/ico_m_secom28.png") no-repeat center;
}

.ico_secom29 {
  background: url("../../images/ko/secom/ico_m_secom29.png") no-repeat center;
}

.ico_secom30 {
  background: url("../../images/ko/secom/ico_m_secom30.png") no-repeat center;
}

/* s: 230215 수정 */
.recom_traget_wrap.hitscan .colum_box .txt {
  font-size: 20px;
  color: #000;
  line-height: 1.4;
}

/* e: 230215 수정 */
.title_wrap .title06 {
  font-weight: 700;
  font-size: 24px;
  color: #000;
  line-height: 30px;
}

.title_wrap .title03 {
  font-weight: 700;
  font-size: 42px;
  line-height: 58px;
  letter-spacing: -1.05px;
}

.title_wrap .title08 {
  font-weight: 700;
  font-size: 50px;
  line-height: 58px;
  letter-spacing: -1.25px;
}

.title_wrap .sub_title {
  font-weight: 700;
  font-size: 24px;
  line-height: 35px;
  color: #333;
  margin-top: 50px;
}

.sol {
  margin-top: 80px;
}

.tb_title {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #333;
  padding: 18px 0 8px;
}

.tb_desc {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  color: #666;
  vertical-align: top;
  padding-bottom: 18px;
}

.table_wrap tr td {
  position: relative;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  text-align: center;
  word-break: keep-all;
  height: 134px;
}

.table_wrap tr td:first-child {
  border-left: 0;
}

.colum_box_02 {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 100px;
  text-align: center;
}

.colum_box_02 .col_item_02 {
  width: 300px;
  margin-left: 30px;
}

.colum_box_02 .col_item_02:nth-child(1) {
  margin-left: 0;
}

.sol_table {
  width: 100%;
  border-top: 3px solid #333;
}

.recom_traget_wrap.hitscan .btn_m {
  margin-top: 10px;
}

.col_type5 .ico_new_window_w:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 13px;
  height: 11px;
  background: url(../../images/ko/common/ico_new_window_w.png) no-repeat right top;
  margin-left: 15px;
}

.title_wrap .sub_tit_w {
  color: #fff;
  font-size: 25px;
  line-height: 28px;
}

.fc-w {
  color: #fff !important;
}

.round_box .round_tit.type1 {
  background-color: #0071ce;
}

.round_box .round_tit.type2 {
  background-color: #0261ac;
}

.round_box .round_tit.type3 {
  background-color: #00467f;
}

.prod_tb {
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #333;
  line-height: 26px;
}

.prod_tb tr:first-child {
  background: #f9fafb;
  border-top: 3px solid #333;
}

.prod_tb tr th {
  height: 60px;
  font-weight: 500;
}

.prod_tb tr:not(:first-child) {
  border-bottom: 1px solid #ddd;
}

.prod_tb tr td:not(:first-child),
.prod_tb tr th:not(:first-child) {
  border-left: 1px solid #ddd;
}

.ip_tb tr td:nth-child(2) {
  font-weight: 500;
}

.ip_tb tr td,
.ahd_tb tr td {
  height: 80px;
}

.nvr_tb tr td,
.dvr_tb tr td,
.cloude_tb tr td {
  height: 106px;
}

.bg_viewer .img_viewer button {
  display: block;
}

.huen .tb_title {
  font-size: 28px;
  line-height: 1.07;
  padding: 30px 0 12px 0;
  color: #0072ce;
  font-weight: bold;
}

.huen .tb_desc {
  font-size: 16px;
  line-height: 1.6;
  padding-bottom: 30px;
}

.huen.wide_wrap {
  background: #f6fbff;
  width: 100%;
  margin-top: 150px;
}

.huen.wide_wrap .inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 120px 0 100px 0;
  text-align: center;
}

.huen.wide_wrap .inner .tit h3 {
  display: block;
  font-size: 42px;
  padding-bottom: 50px;
  font-weight: bold;
  line-height: 1.2;
}

.huen.wide_wrap .inner .tit h3 p {
  display: block;
  font-size: 36px;
  padding-top: 10px;
  color: #0072ce;
}

.huen.wide_wrap .inner .tit span {
  display: block;
  font-size: 18px;
  color: #333;
  margin-bottom: 92px;
}

.huen .compare {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.huen .compare .box1 {
  width: 486px;
}

.huen .compare .box2 {
  position: relative;
  width: 568px;
  top: -12px;
}

.huen .compare .box > div {
  position: relative;
}

.huen .compare > div:not(.box) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.huen .compare .box > div strong {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
  color: #fff;
  padding-bottom: 5px;
}

.huen .compare .box > div strong:after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-calc(100% + 20px);
  width: -moz-calc(100% + 20px);
  width: calc(100% + 20px);
  height: 15px;
  background: #5796e7;
  opacity: 0.8;
  z-index: -1;
}

.huen .compare .box ul {
  -webkit-box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
     -moz-box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
          box-shadow: 0 13px 12px 0 rgba(0, 0, 0, 0.04);
}

.huen .compare .box1 ul {
  padding: 50px 0 70px 50px;
  background: #fff;
  color: #333;
}

.huen .compare .box2 ul {
  padding: 50px 0 70px 60px;
  background: #4e93ec;
  color: #fff;
}

.huen .compare .box ul li {
  position: relative;
  font-size: 18px;
  padding-left: 84px;
  margin-bottom: 30px;
  line-height: 1.7;
  text-align: left;
}

.huen .compare .box ul li:last-child {
  margin-bottom: 0;
}

.huen .compare .box ul li b {
  font-weight: bold;
}

.huen .compare .box ul li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
}

.huen .compare .box ul li.icon1:before {
  background: url("../../images/ko/secom/huen_icon1.png") no-repeat;
}

.huen .compare .box ul li.icon2:before {
  background: url("../../images/ko/secom/huen_icon2.png") no-repeat;
}

.huen .compare .box ul li.icon3:before {
  background: url("../../images/ko/secom/huen_icon3.png") no-repeat;
}

.huen .compare .box ul li.icon1_2:before {
  background: url("../../images/ko/secom/huen_icon1_2.png") no-repeat;
}

.huen .compare .box ul li.icon2_2:before {
  background: url("../../images/ko/secom/huen_icon2_2.png") no-repeat;
}

.huen .compare .box ul li.icon3_2:before {
  background: url("../../images/ko/secom/huen_icon3_2.png") no-repeat;
}

.huen_component {
  margin-top: 100px;
}

.huen_component h3 {
  font-size: 28px;
  line-height: 0.75;
  font-weight: bold;
  margin-bottom: 30px;
}

.huen_component > div {
  -webkit-box-shadow: inset 0px 0px 0 1px #ddd;
     -moz-box-shadow: inset 0px 0px 0 1px #ddd;
          box-shadow: inset 0px 0px 0 1px #ddd;
  background: #f9fafb;
  padding: 50px;
  margin-bottom: 60px;
}

.huen_component .iot_sensor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  background: #fff;
  -moz-border-radius: 30px;
       border-radius: 30px;
  padding: 50px 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.huen_component .iot_sensor strong {
  display: block;
  min-width: 195px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  margin-right: 75px;
  color: #333;
  text-align: left;
}

.huen_component .iot_sensor strong p {
  display: block;
  font-size: 16px;
  font-weight: normal;
  margin-top: 7px;
  color: #000;
}

.huen_component .iot_sensor ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.huen_component .iot_sensor ul li {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  min-width: 48px;
  text-align: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.huen_component .iot_sensor ul li > span {
  display: block;
  margin-top: 10px;
}

.huen_arrow {
  position: relative;
  top: -8px;
  text-align: center;
  width: 100%;
  max-width: 143px;
  margin: 0 auto;
}

.huen_arrow p {
  position: relative;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border: 1px dashed #355292;
  -moz-border-radius: 50%;
       border-radius: 50%;
  margin-bottom: 16px;
}

.huen_arrow p:after {
  content: "";
  position: absolute;
  background: #355292;
  -moz-border-radius: 50%;
       border-radius: 50%;
  width: 9px;
  height: 9px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.huen_arrow p:before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2px;
  height: 15px;
  background: #355292;
}

.huen_arrow span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  color: #333;
}

.huen_arrow:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2px;
  height: 25px;
  background: #355292;
}

.huen_arrow:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: rotate(135deg) translateX(-50%);
     -moz-transform: rotate(135deg) translateX(-50%);
      -ms-transform: rotate(135deg) translateX(-50%);
          transform: rotate(135deg) translateX(-50%);
  -webkit-transform-origin: left;
     -moz-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
  width: 15px;
  height: 15px;
  border-color: #355292;
  border-style: solid solid;
  border-width: 2px 2px 0 0;
}

.huen_component .row2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 60px auto 20px;
  width: 610px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.huen_component .row2 p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  width: 300px;
  height: 108px;
  border: 1px dashed #b6b6b6;
  background: #e8f1fc;
  -moz-border-radius: 5px;
       border-radius: 5px;
  text-align: center;
}

.huen_component .row2 p strong {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #4e93ec;
}

.huen_component .row2 p strong span {
  display: block;
  font-size: 16px;
  color: #666;
  font-weight: normal;
}

.huen_component > div > p {
  display: block;
  font-size: 20px;
  line-height: 1.15;
  color: #333;
  text-align: center;
  font-weight: 500;
}

.huen_component > div > p span {
  display: block;
  font-size: 14px;
  line-height: 1.7;
  color: #666;
  margin-top: 5px;
  font-weight: 400;
}

.huen_component > a {
  display: block;
  width: 340px;
  background: #0072ce;
  -moz-border-radius: 4px;
       border-radius: 4px;
  margin: 0 auto;
  padding: 15px 0 17px 0;
  text-align: center;
  color: #fff;
  font-weight: 500;
}

.t_depth {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
  width: 720px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ico_secom31 {
  background: url(../../images/ko/secom/ico_m_secom31.png) no-repeat center;
}

.ico_secom32 {
  background: url(../../images/ko/secom/ico_m_secom32.png) no-repeat center;
}

.huen.recom_traget_wrap::before {
  top: 220px;
}

.colum_box.facial .col_item {
  width: 406px;
}

.colum_box.facial .txt_box .sub_desc2 {
  display: block;
  margin-top: 10px;
  line-height: 1.55;
  font-size: 18px;
  color: #333;
}

.colum_box.facial .caution,
.prd_facial .caution {
  display: block;
  margin-top: 10px;
  color: #888;
  line-height: 1.57;
  font-size: 14px;
}

.colum_box.facial .title_wrap {
  margin-top: 30px;
}

.colum_box.facial {
  gap: 30px;
  margin-top: 80px;
  margin-bottom: 23px;
}

.prd_facial {
  margin-top: 120px;
}

.prd_facial .item {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 40px;
}

.prd_facial .item .prd_info {
  position: relative;
  width: 398px;
  padding: 50px 41.5px 50px 37.5px;
  background-color: #fafafa;
}

.prd_facial .item .prd_info::after {
  content: "*직사광선이 있을 경우, 정상적인 얼굴촬영이 불가하여 실외 사용 불가";
  color: #888;
  line-height: 1.57;
  font-size: 14px;
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 410px;
}

.prd_facial .item .prd_info li {
  font-size: 16px;
  line-height: 1.75;
  color: #333333;
}

.prd_facial .item .prd_info li .tit {
  font-size: 18px;
  line-height: 1.55;
  color: #000000;
  font-weight: 700;
}

.prd_facial .item .prd_info li + li {
  margin-top: 20px;
}

.ico_facial_01 {
  background: transparent url(../../images/ko/secom/ico_facial01.png) no-repeat center;
}

.ico_facial_02 {
  background: transparent url(../../images/ko/secom/ico_facial02.png) no-repeat center;
}

.ico_facial_03 {
  background: transparent url(../../images/ko/secom/ico_facial03.png) no-repeat center;
}

.colum_box.safety2 .col_item {
  width: 400px;
}

.colum_box.safety2 .col_item:nth-child(-n+3) {
  margin-bottom: 120px;
}

.colum_box.safety2 {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.safety_wrap .ico_safety.icon01 {
  background-image: url(../../images/ko/secom/ico_aed_service01.png);
}

.safety_wrap .ico_safety.icon02 {
  background-image: url(../../images/ko/secom/ico_aed_service02.png);
}

.safety_wrap .ico_safety.icon03 {
  background-image: url(../../images/ko/secom/ico_aed_service03.png);
}

.safety_wrap .ico_safety.icon04 {
  background-image: url(../../images/ko/secom/ico_aed_service04.png);
}

.safety_wrap .ico_safety.icon05 {
  background-image: url(../../images/ko/secom/ico_aed_service05.png);
}

.safety_wrap .ico_safety.icon06 {
  background-image: url(../../images/ko/secom/ico_aed_service06.png);
}

.opt_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 120px;
}

.opt_box div {
  margin-left: 50px;
}

.opt_box div h4 {
  font-size: 24px;
  line-height: 1.08;
  font-weight: 700;
}

.opt_box div span {
  font-size: 16px;
  line-height: 2.25;
}

.opt_box div p {
  font-size: 18px;
  line-height: 1.33;
  color: #555;
  margin-top: 20px;
}

.colum_box.opt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 70px;
}

.colum_box.opt img {
  width: 100%;
}

.colum_box.opt .col_item {
  width: 300px;
}

.colum_box.opt .col_item .title_wrap h4 {
  font-size: 20px;
  line-height: 1.7;
  color: #333;
  font-weight: 700;
  margin: 30px 0 10px;
}

.colum_box.opt .col_item .title_wrap span {
  font-size: 16px;
  line-height: 1.625;
}

.colum_box.aed .col_item {
  width: 325px;
}

.ico_aed01 {
  background: transparent url(../../images/ko/secom/ico_aed01.png) no-repeat center;
}

.ico_aed02 {
  background: transparent url(../../images/ko/secom/ico_aed02.png) no-repeat center;
}

.ico_aed03 {
  background: transparent url(../../images/ko/secom/ico_aed03.png) no-repeat center;
}

.box_notice.shocker_notice h6 {
  color: #0072ce;
  line-height: 1.66;
  margin-bottom: 5px;
}

.box_notice.shocker_notice .wbox {
  width: 100%;
  background: #fff;
  padding: 20px 40px;
  font-size: 16px;
  line-height: 1.625;
  color: #555;
  margin-top: 20px;
}

.box_notice.shocker_notice .notem {
  margin: 20px 0 25px;
}

.shocker_holder_desc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.shocker_holder_desc p {
  font-size: 16px;
  width: 622px;
  text-align: left;
  padding-left: 128px;
}

.shocker_holder_desc .font_bold {
  font-size: 18px;
}

.product_wrap .item .prd_img .pin_item.pin13 {
  top: 115px;
  left: 678px;
}

.product_wrap .item .prd_img .pin_item.pin13 .pin {
  top: 161px;
  left: -269px;
}

.product_wrap .item .prd_img .pin_item.pin13 .line {
  top: 13px;
  left: -124px;
  width: 80px;
}

.product_wrap .item .prd_img .pin_item.pin13 .diagonal {
  top: 13px;
  left: -259px;
  bottom: -164px;
  width: 260px;
}

.product_wrap .item .prd_img .pin_item.pin13 .diagonal:after {
  -moz-transform: rotate(-48deg);
       transform: rotate(-48deg);
  -ms-transform: rotate(-48deg);
  -webkit-transform: rotate(-48deg);
}

.product_wrap .item .prd_img .pin_item.pin14 {
  top: 180px;
  left: 639px;
}

.product_wrap .item .prd_img .pin_item.pin14 .pin {
  top: 125px;
  left: -377px;
}

.product_wrap .item .prd_img .pin_item.pin14 .line {
  top: 13px;
  left: -197px;
  width: 153px;
}

.product_wrap .item .prd_img .pin_item.pin14 .diagonal {
  top: 13px;
  left: -368px;
  bottom: -132px;
  width: 241px;
}

.product_wrap .item .prd_img .pin_item.pin14 .diagonal:after {
  -moz-transform: rotate(-35deg);
       transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -webkit-transform: rotate(-35deg);
}

.product_wrap .item .prd_img .pin_item.pin15 {
  top: 297px;
  left: 678px;
}

.product_wrap .item .prd_img .pin_item.pin15 .pin {
  top: 6px;
  left: -186px;
}

.product_wrap .item .prd_img .pin_item.pin15 .line {
  top: 13px;
  left: -180px;
  width: 135px;
}

.product_wrap .item .prd_img .pin_item.pin16 {
  top: 340px;
  left: 716px;
}

.product_wrap .item .prd_img .pin_item.pin16 .pin {
  top: 6px;
  left: -274px;
}

.product_wrap .item .prd_img .pin_item.pin16 .line {
  top: 13px;
  left: -260px;
  width: 214px;
}

.product_wrap .item .prd_img .pin_item.pin17 {
  top: 380px;
  left: 716px;
}

.product_wrap .item .prd_img .pin_item.pin17 .pin {
  top: 6px;
  left: -320px;
}

.product_wrap .item .prd_img .pin_item.pin17 .line {
  top: 13px;
  left: -312px;
  width: 270px;
}

.product_wrap .item .prd_img .pin_item.pin18 {
  top: 441px;
  left: 699px;
}

.product_wrap .item .prd_img .pin_item.pin18 .pin {
  top: 6px;
  left: -217px;
}

.product_wrap .item .prd_img .pin_item.pin18 .line {
  top: 13px;
  left: -204px;
  width: 160px;
}

.product_wrap .item .prd_img .pin_item.pin08 .pin {
  top: 98px;
  left: -431px;
}

.product_wrap .item .prd_img .pin_item.pin08 .diagonal {
  top: 13px;
  left: -420px;
  bottom: -104px;
  width: 270px;
}

.product_wrap .item .prd_img .pin_item.pin08 .diagonal:after {
  -moz-transform: rotate(-18.5deg);
       transform: rotate(-18.5deg);
  -ms-transform: rotate(-18.5deg);
  -webkit-transform: rotate(-18.5deg);
}

.product_wrap .item .prd_img .pin_item.pin09 {
  top: 312px;
  left: 638px;
}

.product_wrap .item .prd_img .pin_item.pin09 .pin {
  top: 131px;
  left: -503px;
}

.product_wrap .item .prd_img .pin_item.pin09 .diagonal {
  top: 13px;
  left: -495px;
  bottom: -139px;
  width: 346px;
}

.product_wrap .item .prd_img .pin_item.pin09 .diagonal:after {
  -moz-transform: rotate(-20deg);
       transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
}

.product_wrap .item .prd_img .pin_item.pin11 {
  top: 473px;
  left: 713px;
}

.product_wrap .item .prd_img .pin_item.pin11 .pin {
  top: 6px;
  left: -504px;
}

.product_wrap .item .prd_img .pin_item.pin11 .line {
  top: 13px;
  left: -492px;
  width: 450px;
}

.product_wrap .item .prd_img .pin_item.pin12 .pin {
  top: -103px;
  left: -588px;
}

.colum_box.holder {
  margin-top: 84px;
}

.safe_prod_wrap {
  margin-top: 120px;
}

.colum_box.safe {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.colum_box.safe .col_item {
  width: 370px;
}

.colum_box.safe .col_item:nth-child(n+4) {
  margin-top: 88px;
}

.colum_box.safe .ico_safe {
  display: inline-block;
  width: 114px;
  height: 114px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: top;
}

.colum_box.safe .ico_safe.icon01 {
  background-image: url(../../images/ko/secom/ico_safe_service01.png);
}

.colum_box.safe .ico_safe.icon02 {
  background-image: url(../../images/ko/secom/ico_safe_service02.png);
}

.colum_box.safe .ico_safe.icon03 {
  background-image: url(../../images/ko/secom/ico_safe_service03.png);
}

.colum_box.safe .ico_safe.icon04 {
  background-image: url(../../images/ko/secom/ico_safe_service04.png);
}

.colum_box.safe .ico_safe.icon05 {
  background-image: url(../../images/ko/secom/ico_safe_service05.png);
}

.prod_tb.safe tr td {
  height: 110px;
  font-size: 16px;
  line-height: 1.375;
  color: #666;
}

.prod_tb.safe tr:first-child {
  border-bottom: 1px solid #ddd;
}

.prod_info.safe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 60px;
}

.prod_info.safe > div {
  background: #fafafa;
  padding: 40px 50px 28px;
  width: 100%;
}

.prod_info.safe h4 {
  font-size: 24px;
  line-height: 1.16;
  font-weight: 700;
  margin-bottom: 12px;
}

.prod_info.safe .prod_desc li {
  position: relative;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  padding-left: 15px;
}

.prod_info.safe .prod_desc li::before {
  position: absolute;
  content: "·";
  left: 0;
}

.prod_info.safe .prod_icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  margin-top: 30px;
}

.prod_info.safe .prod_icon li {
  width: 80px;
}

.prod_info.safe .prod_icon p {
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}

.list_frame_item li .info_box .text_list > li > ul {
  padding-bottom: 10px;
}

/*-------------------------------------------------------------------
    2023-04-25 신규 페이지
-------------------------------------------------------------------*/
.sub_txt01.col_type3 {
  color: #888;
}

.select_box .sel:disabled {
  background: #f7f7f7;
  border: none;
}

.certification_num_box.narrow {
  margin-top: 12px;
}

/* 폼 에러 메세지 */
.txt_possible {
  position: relative;
  margin-top: 10px;
  padding-left: 18px;
  font-size: 14px;
  color: #0072ce;
}

.txt_impossible {
  position: relative;
  margin-top: 10px;
  padding-left: 18px;
  font-size: 14px;
  color: #e02020;
}

.txt_possible span:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 14px;
  height: 14px;
  background: #0072ce;
  -moz-border-radius: 100%;
       border-radius: 100%;
}

.txt_possible span:after {
  content: "";
  width: 6px;
  height: 4px;
  position: absolute;
  top: 8px;
  left: 4px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -moz-transform: rotate(-45deg);
       transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.txt_impossible:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 14px;
  height: 14px;
  background: #e02020;
  -moz-border-radius: 100%;
       border-radius: 100%;
}

.txt_impossible span:before,
.txt_impossible span:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 3px;
  width: 7px;
  height: 1px;
  background: #fff;
}

.txt_impossible span:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.txt_impossible span:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 안심 보고서 */
.security_sys_relax .myinfo_form .board_option_area .sub_cap {
  margin-top: 8px;
  color: #333;
  font-size: 20px;
}

.security_sys_relax .myinfo_form .board_option_area.type3 {
  -webkit-box-align: start;
     -moz-box-align: start;
          align-items: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.security_sys_relax .myinfo_form .board_option_area.type2 .sub_tit {
  font-size: 20px;
}

.security_sys_relax .myinfo_form .board_option_area.type2 {
  margin-top: 48px;
}

.security_sys_relax .myinfo_form .tip_area {
  position: relative;
}

.security_sys_relax .myinfo_form .tip_area .tip_tit {
  margin: 22px 0 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.security_sys_relax .myinfo_form .tip_area .bul_list span.point {
  color: #f1525f;
  font-weight: 700;
}

.security_sys_relax .myinfo_form .tip_area .fixR {
  top: 20px;
}

/* 계약정보 */
.myinfo_form .board_option_area.type2 button {
  min-width: 120px;
  width: auto;
}

/* 종합안심플랜 가입내역 팝업 */
.contract_info_insure {
  padding-top: 26px;
}

.contract_info_insure .apl_form_area + .myinfo_form {
  margin-top: 40px;
}

.contract_info_insure .myinfo_form .board_option_area.type2 .tit_wrap {
  line-height: 36px;
}

.contract_info_insure .tbl_sub_tit {
  margin-top: 8px;
  color: #888;
  font-weight: 400;
}

.contract_info_insure .tbl_sub_tit + .board_wrap {
  margin-top: 20px;
}

.contract_info_insure .board_wrap .board_tbl tbody .sub_tit {
  margin-bottom: 8px;
  font-weight: 400;
}

.contract_info_insure .board_wrap .board_tbl .dash_list {
  margin-top: 14px;
}

.contract_info_insure .board_wrap .board_tbl .desc_nowrap p {
  display: inline-block;
  margin-right: 4px;
}

.contract_info_insure .board_wrap .board_tbl.row_type tbody tr th {
  font-weight: 700;
}

.contract_info_insure + .btn_area .btn_l {
  width: 300px;
}

.contract_info_insure .board_tbl .dash_list li {
  position: relative;
  padding-left: 13px;
  font-size: 14px;
  line-height: 1.57;
  color: #666;
  word-break: keep-all;
}

/* 약관 */
.terms_cont + .btn_area a + a {
  margin-left: 10px;
}

.terms_cont .point,
.terms_cont .point .num {
  color: #0072ce !important;
}

.terms_cont .pop_title {
  margin: 25px 0 40px;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.terms_cont .terms_tit {
  color: #0072ce;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
}

.terms_cont .terms_tit .tit_caption {
  display: block;
  position: relative;
  margin-top: 8px;
  padding-left: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.terms_cont .terms_tit .tit_caption span {
  position: absolute;
  top: 0;
  left: 0;
}

.terms_cont .terms_desc {
  padding-bottom: 40px;
  border-bottom: 2px solid #eee;
}

.terms_cont .terms_desc + .terms_tit {
  margin-top: 40px;
}

.terms_cont .terms_desc .sub_tit {
  margin: 30px 0 8px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
}

.terms_cont .terms_desc .sub_tit:first-child {
  margin-top: 20px;
}

.terms_cont .terms_desc .desc {
  color: #333;
  font-size: 14px;
  line-height: 140%;
}

.terms_cont .terms_desc ul li {
  position: relative;
}

.terms_cont .terms_desc ul li .num {
  position: absolute;
  top: 0;
  left: 0;
}

.terms_cont .terms_desc ul li .round_num {
  font-family: "AppleGothic", "Malgun Gothic", "맑은 고딕", "돋음", "Dotum", "Apple SD Gothic Neo", Arial, Helvetica, sans-serif;
  line-height: 100%;
}

.terms_cont .terms_desc > ul > li {
  padding-left: 22px;
  margin-top: 8px;
  color: #333;
  font-size: 14px;
  line-height: 140%;
}

.terms_cont .terms_desc > ul > li:first-child {
  margin-top: 0;
}

.terms_cont .terms_desc .desc + ul {
  margin-top: 8px;
}

.terms_cont .terms_desc > ul > li > ul li {
  padding-left: 22px;
  color: #666;
  font-size: 14px;
  line-height: 140%;
}

.terms_cont .terms_desc > ul > li > ul li:first-child {
  margin-top: 0;
}

.terms_cont .terms_desc .bul_list li:before {
  top: 4px;
}

.terms_cont .terms_desc table {
  margin-top: 14px;
}

.terms_cont .terms_desc table tr th {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  padding: 16px 10px;
  text-align: center;
  background: #f9fafb;
}

.terms_cont .terms_desc table tr:first-child th {
  border-top: 3px solid #333;
}

.terms_cont .terms_desc table tr td {
  padding: 16px 6px;
  color: #333;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.terms_cont .terms_desc table tr .txt_left {
  text-align: left;
}

.terms_cont .terms_desc table tr .txt_gray {
  color: #666;
}

.terms_cont .terms_desc table tr .txt_medium {
  font-weight: 500;
}

.terms_cont .terms_desc table tr td:last-child {
  border-right: 0;
}

.terms_cont .terms_desc table tr .dash_list li {
  display: inline-block;
  color: #333;
  font-size: 16px;
}

.terms_cont .terms_desc .tbl_row tr:first-child th,
.terms_cont .terms_desc .tbl_row tr:first-child td {
  border-top: 1px solid #333;
}

.terms_cont .terms_desc .tbl_row tr:not(:first-child) th {
  border-right: none;
}

.terms_cont .terms_desc .tbl_row tr th {
  border-bottom: 1px solid #ddd;
}

.terms_cont .terms_desc .table_unit {
  margin-top: 14px;
  color: #333;
  font-size: 12px;
  text-align: right;
}

.terms_cont .terms_desc .table_unit + table {
  margin-top: 6px;
}

.terms_cont .detail_notic {
  position: relative;
  margin-top: 24px;
  padding-left: 20px;
  color: #888;
  font-size: 16px;
}

.terms_cont .detail_notic span {
  position: absolute;
  top: 0;
  left: 0;
}

.terms_cont table tbody tr th,
.terms_cont .terms_desc table tbody tr:first-child th {
  border-top-color: #ddd;
}

.terms_cont .insure_calc {
  margin: 8px 0 20px;
  text-indent: 0;
}

.terms_cont .insure_calc .calc_left {
  display: inline-block;
  margin-right: 8px;
  margin-top: 18px;
  text-align: left;
  vertical-align: top;
}

.terms_cont .insure_calc .calc_right {
  display: inline-block;
  text-align: center;
}

.terms_cont .insure_calc .calc_right span {
  display: block;
}

.terms_cont .insure_calc .txt_down {
  position: relative;
  margin-top: 18px;
}

.terms_cont .insure_calc .txt_down:before {
  content: "";
  display: block;
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #333;
}

.terms_cont > ul > li > .insure_calc {
  margin-left: 0;
}

.terms_cont > ul > li > ul li > .insure_calc {
  margin-left: -17px;
}

.ft_cont_wrap .terms_cont .terms_tit {
  font-size: 36px;
  color: #333;
}

.ft_cont_wrap .terms_cont .terms_desc ul li .num {
  position: static;
  display: inline-block;
  line-height: 20px;
  margin-right: 6px;
  vertical-align: top;
}

.ft_cont_wrap .terms_cont .terms_desc > li > ul > li {
  font-weight: 500;
}

.ft_cont_wrap .terms_cont .terms_desc {
  margin-top: 80px;
  padding-bottom: 60px;
}

.ft_cont_wrap .terms_cont .terms_desc:last-child {
  margin-top: 25px;
  padding-bottom: 0;
  border-bottom: none;
}

.ft_cont_wrap .terms_cont .terms_desc + .terms_tit {
  margin-top: 80px;
}

.ft_cont_wrap .terms_cont .terms_desc .bul_list {
  margin: 10px 0 25px;
}

.ft_cont_wrap .terms_cont .terms_desc .bul_list li {
  line-height: 1.44;
  margin-left: 22px;
  font-weight: 400;
  font-size: 16px;
}

.ft_cont_wrap .terms_cont .terms_desc .bul_list li:before {
  top: 9px;
}

.ft_cont_wrap .terms_cont .terms_desc > li.sub_tit {
  margin-top: 80px;
  margin-bottom: 25px;
  font-size: 28px;
}

.ft_cont_wrap .terms_cont .terms_desc > li > ul > li {
  margin-top: 25px;
  line-height: 1.44;
  font-size: 18px;
}

.ft_cont_wrap .terms_cont .terms_desc > li > ul > li > ul li {
  margin-top: 10px;
}

.ft_cont_wrap .terms_cont .terms_desc > li.desc {
  line-height: 1.44;
  font-size: 18px;
}

.ft_cont_wrap .terms_cont .terms_desc > li > ul > li > ul li {
  line-height: 1.44;
  font-weight: 400;
  font-size: 16px;
}

.ft_cont_wrap .terms_cont .terms_desc > li {
  color: #333;
}

.ft_cont_wrap .terms_cont .terms_desc > li > ul > li {
  color: #333;
}

.ft_cont_wrap .terms_cont .terms_desc > li > ul > li > ul > li {
  color: #666;
}

.ft_cont_wrap .terms_cont .terms_desc li.point > ul > li {
  color: #0072ce;
}

.ft_cont_wrap .terms_cont .terms_desc li.point > ul > li > ul > li {
  color: #0072ce;
}

.ft_cont_wrap .terms_cont .terms_desc .section_link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 30px;
  padding: 40px;
  background-color: #f9fafb;
}

.ft_cont_wrap .terms_cont .terms_desc .section_link li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
     -moz-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.ft_cont_wrap .terms_cont .terms_desc .section_link li a {
  font-weight: 400;
  color: #0072ce;
  border-bottom: 1px solid #0072ce;
}

.ft_cont_wrap .terms_cont .terms_desc .section_link > li {
  margin-top: 20px;
}

.ft_cont_wrap .terms_cont .caption:first-child + .terms_tit {
  margin-top: 80px;
}

.ft_cont_wrap .terms_cont .caption:first-child + .terms_tit + .terms_desc {
  margin-top: 25px;
}

.ft_cont_wrap .terms_cont .bottom_link {
  margin-top: 0;
  padding-top: 80px;
  border-top: none;
}

.ft_cont_wrap .terms_cont .terms_desc table {
  margin-top: 30px;
}

/* 방문점검 신청 */
.wrap_apply_form .select_box .sel:disabled {
  color: #000;
}

.wrap_apply_form .select_box.disabled:after {
  display: none;
}

.wrap_apply_form .form_cont {
  position: relative;
}

.wrap_apply_form textarea {
  padding-right: 60px;
}

.wrap_apply_form textarea + .valid_txt {
  position: absolute;
  top: auto;
  bottom: 16px;
  right: 16px;
}

/* 세금계산서 */
.client_info .info_txt {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.client_info .info_txt .tooltip_wrap + p {
  width: 100%;
}

/* 부가서비스 */
.wrap_extra_svc.using {
  padding-bottom: 120px;
}

.wrap_extra_svc .list_svc {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr 10px 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  row-gap: 28px;
  margin-top: 20px;
  margin-left: 0;
}

.wrap_extra_svc .list_svc li {
  width: 100%;
  margin-top: 0;
  margin-left: 0;
}

.wrap_extra_svc .list_svc label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 29px;
  height: 80px;
  padding: 0 28px;
}

.wrap_extra_svc .list_svc i {
  margin-top: 0;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.wrap_extra_svc .list_svc i:before {
  top: 0;
  border-color: #d7d7d7;
}

.wrap_extra_svc .list_svc .input_chk input:checked + i:after {
  top: 4px;
}

.wrap_extra_svc .list_svc input {
  left: 0;
  width: 100%;
}

.wrap_extra_svc .list_svc .name:before {
  display: none;
}

.wrap_extra_svc .sec_extra_svc ~ .sec_extra_svc {
  margin-top: 80px;
}

.wrap_extra_svc .sec_extra_svc .svc_tit {
  display: block;
  position: relative;
  line-height: 50px;
  margin-top: 32px;
  padding-left: 52px;
  font-weight: bold;
  font-size: 24px;
}

.wrap_extra_svc .sec_extra_svc .svc_tit:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.wrap_extra_svc .sec_extra_svc.sys .svc_tit:before {
  background-image: url(../../images/icon/ico_svc_security.png);
}

.wrap_extra_svc .sec_extra_svc.video .svc_tit:before {
  background-image: url(../../images/icon/ico_svc_video.png);
}

.wrap_extra_svc .sec_extra_svc.door .svc_tit:before {
  background-image: url(../../images/icon/ico_svc_door.png);
}

.wrap_extra_svc .sec_extra_svc.manager .svc_tit:before {
  background-image: url(../../images/icon/ico_svc_manager.png);
}

.wrap_extra_svc .sec_extra_svc.food .svc_tit:before {
  background-image: url(../../images/icon/ico_svc_food.png);
}

.wrap_extra_svc .sec_extra_svc.life .svc_tit:before {
  background-image: url(../../images/icon/ico_svc_AED.png);
}

.wrap_extra_svc .sec_extra_svc.security .svc_tit:before {
  background-image: url(../../images/icon/ico_svc_pc_security.png);
}

.wrap_extra_svc .sec_extra_svc.car .svc_tit:before {
  background-image: url(../../images/icon/ico_svc_op_history.png);
}

.wrap_extra_svc .sec_extra_svc.etc .svc_tit:before {
  background-image: url(../../images/icon/ico_svc_etc.png);
}

.popup_cont .apl_form_area .form_tit {
  width: 10%;
  min-width: 110px;
}

/* 로그인 */
.login_new .box_tab_menu.line {
  border-bottom: 1px solid #e0e0e0;
}

.login_new .box_tab_menu.default {
  margin-top: 40px;
  font-size: 22px;
  line-height: 33px;
}

/*고마워요에스원*/
.bul_txt.line {
  margin-top: 0;
  padding: 35px 30px 0;
  border-top: 2px solid #eee;
}

/** 소상공인 패키지 **/
.s_business_box .discription {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}

.s_business_box .discription li {
  line-height: 22px;
}

/* 소상공인 패키지 - 서비스 소개*/
.s_business_service > li {
  margin-top: 80px;
}

.s_business_service > li > div {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.s_business_service .img_box {
  width: 540px;
}

.s_business_service .title_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-calc(100% - 540px);
  width: -moz-calc(100% - 540px);
  width: calc(100% - 540px);
  padding-left: 50px;
}

.s_business_service .title04 {
  font-weight: bold;
  margin-bottom: 40px;
}

.s_business_service .title_wrap ul {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.s_business_service .title_wrap li {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 50%;
}

.s_business_service .title_wrap li:nth-child(3),
.s_business_service .title_wrap li:nth-child(4) {
  margin-top: 39px;
}

.s_business_service .title_wrap .txt_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 20px;
}

.s_business_service .title_wrap .tit {
  margin-bottom: 7px;
  font-weight: bold;
}

.s_business_service .title_wrap .txt {
  display: block;
  font-size: 16px;
}

.s_business_service .service_sub {
  margin-top: 30px;
}

.s_business_service .service_sub {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.s_business_service .service_sub > li {
  padding: 43px 25px;
  width: 410px;
  background-color: #f8f8f8;
  text-align: center;
}

.s_business_service .service_sub li > .tit {
  margin-bottom: 9px;
  font-size: 20px;
  font-weight: bold;
}

.s_business_service .service_sub li .txt {
  display: block;
  font-size: 16px;
}

.s_business_service .service_sub li > ul {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.s_business_service .service_sub li > ul li {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  margin-top: 25px;
  padding: 15px 0 15px 10px;
  -moz-border-radius: 10px;
       border-radius: 10px;
  text-align: left;
  background-color: #fff;
}

.s_business_service .service_sub li .txt_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
  padding-left: 10px;
}

.s_business_service .service_sub li .txt_box .tit {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: bold;
}

.s_business_service .service_sub.in_txt_box > li {
  width: 625px;
  padding: 30px 25px;
}

.s_business_service .service_sub.in_txt_box i {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 소상공인 패키지 - 패키지 구성*/
.s_business_pack {
  margin-top: 140px;
  text-align: center;
}

.s_business_pack .title_wrap.blank15 {
  margin: 0 0 30px;
}

.s_business_pack > ul {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 90px;
}

.s_business_pack ul li {
  margin-right: 30px;
}

.s_business_pack ul li:last-child {
  margin: 0;
}

.s_business_pack .thumb {
  display: block;
}

.s_business_pack .thumb > img {
  max-width: 147px;
}

.s_business_pack ul li span {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding: 4px 12px 4px 40px;
  -moz-border-radius: 9px;
       border-radius: 9px;
  font-size: 18px;
  color: #fff;
  background-color: #7b7e88;
}

.s_business_pack ul li span.defualt_service {
  background-color: #0072ce;
}

.s_business_pack ul li span::after {
  position: absolute;
  top: 50%;
  left: 14px;
  content: "";
  width: 17px;
  height: 13px;
  background: url(../../images/ko/secom/option_check.png) no-repeat center center;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.s_business_pack ul li .txt_box {
  margin-top: 20px;
}

.s_business_pack ul li .txt_box dt {
  font-size: 24px;
  font-weight: bold;
}

.s_business_pack ul li .txt_box dd {
  width: 220px;
  margin-top: 15px;
  font-size: 18px;
}

/* 소상공인 패키지 - 패키지 혜택가*/
.pack_price .title_wrap .title04 {
  margin: 30px 0 10px;
  color: #e02020;
}

.pack_price .table_wrap {
  border-top: 3px solid #333;
  margin-top: 23px;
}

.pack_price .table_wrap th,
.pack_price .table_wrap td {
  padding: 18px 0;
  height: auto;
}

.pack_price .table_wrap th {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  word-break: keep-all;
  font-weight: 500;
}

.pack_price .table_wrap th:first-child {
  border-left: 0;
}

.pack_price .table_wrap th {
  font-size: 18px;
  color: #333;
  background-color: #f9fafb;
}

.pack_price .table_wrap td {
  font-size: 16px;
  color: #666;
}

.pack_price .table_wrap td del {
  display: block;
  font-size: 14px;
}

.pack_price .table_wrap ul {
  display: inline-block;
  text-align: left;
}

.pack_price .table_box {
  margin-bottom: 0;
}

.pack_price .table_box h4 {
  font-size: 24px;
  font-weight: bold;
}

.pack_price .table_box > div:first-child table {
  width: 800px;
}

.pack_price .table_box > div:last-child table {
  width: 450px;
}

.pack_price .table_box table tr td:nth-child(4) {
  border-left: 1px solid #ddd;
}

.pack_price .table_box table tr td:last-child {
  border-right: 0px;
}

.pack_price table .bul_list li {
  margin-top: 0;
}

/* 소상공인 패키지 - 올인원 패키지 추천*/
.ico_s_business01 {
  background: transparent url(../../images/ko/secom/ico_s_business01.png) no-repeat center;
}

.ico_s_business02 {
  background: transparent url(../../images/ko/secom/ico_s_business02.png) no-repeat center;
}

.ico_s_business03 {
  background: transparent url(../../images/ko/secom/ico_s_business03.png) no-repeat center;
}

.ico_caht:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  background: url(../../images/ko/secom/ico_chat_wh.png) no-repeat right top;
  margin-left: 8px;
  vertical-align: middle;
}

/** 소상공인 패키지 **/
.s_business_box .discription {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}

.s_business_box .discription li {
  line-height: 22px;
}

/* 소상공인 패키지 - 서비스 소개*/
.s_business_service > li {
  margin-top: 80px;
}

.s_business_service > li > div {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.s_business_service .img_box {
  width: 540px;
}

.s_business_service .title_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-calc(100% - 540px);
  width: -moz-calc(100% - 540px);
  width: calc(100% - 540px);
  padding-left: 50px;
}

.s_business_service .title04 {
  font-weight: bold;
  margin-bottom: 40px;
}

.s_business_service .title_wrap ul {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.s_business_service .title_wrap li {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 50%;
}

.s_business_service .title_wrap li:nth-child(3),
.s_business_service .title_wrap li:nth-child(4) {
  margin-top: 39px;
}

.s_business_service .title_wrap .txt_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 20px;
}

.s_business_service .title_wrap .tit {
  margin-bottom: 7px;
  font-weight: bold;
}

.s_business_service .title_wrap .txt {
  display: block;
  font-size: 16px;
}

.s_business_service .service_sub {
  margin-top: 30px;
}

.s_business_service .service_sub {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.s_business_service .service_sub > li {
  padding: 43px 25px;
  width: 410px;
  background-color: #f8f8f8;
  text-align: center;
}

.s_business_service .service_sub li > .tit {
  margin-bottom: 9px;
  font-size: 20px;
  font-weight: bold;
}

.s_business_service .service_sub li .txt {
  display: block;
  font-size: 16px;
}

.s_business_service .service_sub li > ul {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.s_business_service .service_sub li > ul li {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  margin-top: 25px;
  padding: 15px 0 15px 10px;
  -moz-border-radius: 10px;
       border-radius: 10px;
  text-align: left;
  background-color: #fff;
}

.s_business_service .service_sub li .txt_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
  padding-left: 10px;
}

.s_business_service .service_sub li .txt_box .tit {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: bold;
}

.s_business_service .service_sub.in_txt_box > li {
  width: 625px;
  padding: 30px 25px;
}

.s_business_service .service_sub.in_txt_box i {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 소상공인 패키지 - 패키지 구성*/
.s_business_pack {
  margin-top: 140px;
  text-align: center;
}

.s_business_pack .title_wrap.blank15 {
  margin: 0 0 30px;
}

.s_business_pack > ul {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 90px;
}

.s_business_pack ul li {
  margin-right: 30px;
}

.s_business_pack ul li:last-child {
  margin: 0;
}

.s_business_pack .thumb {
  display: block;
}

.s_business_pack .thumb > img {
  max-width: 147px;
}

.s_business_pack ul li span {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding: 4px 12px 4px 40px;
  -moz-border-radius: 9px;
       border-radius: 9px;
  font-size: 18px;
  color: #fff;
  background-color: #7b7e88;
}

.s_business_pack ul li span.defualt_service {
  background-color: #0072ce;
}

.s_business_pack ul li span::after {
  position: absolute;
  top: 50%;
  left: 14px;
  content: "";
  width: 17px;
  height: 13px;
  background: url(../../images/ko/secom/option_check.png) no-repeat center center;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.s_business_pack ul li .txt_box {
  margin-top: 20px;
}

.s_business_pack ul li .txt_box dt {
  font-size: 24px;
  font-weight: bold;
}

.s_business_pack ul li .txt_box dd {
  width: 220px;
  margin-top: 15px;
  font-size: 18px;
}

/* 소상공인 패키지 - 패키지 혜택가*/
.pack_price .title_wrap .title04 {
  margin: 30px 0 10px;
  color: #e02020;
}

.pack_price .table_wrap {
  border-top: 3px solid #333;
  margin-top: 23px;
}

.pack_price .table_wrap th,
.pack_price .table_wrap td {
  padding: 18px 0;
  height: auto;
}

.pack_price .table_wrap th {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  word-break: keep-all;
  font-weight: 500;
}

.pack_price .table_wrap th:first-child {
  border-left: 0;
}

.pack_price .table_wrap th {
  font-size: 18px;
  color: #333;
  background-color: #f9fafb;
}

.pack_price .table_wrap td {
  font-size: 16px;
  color: #666;
}

.pack_price .table_wrap td del {
  display: block;
  font-size: 14px;
}

.pack_price .table_wrap ul {
  display: inline-block;
  text-align: left;
}

.pack_price .table_box {
  margin-bottom: 0;
}

.pack_price .table_box h4 {
  font-size: 24px;
  font-weight: bold;
}

.pack_price .table_box > div:first-child table {
  width: 800px;
}

.pack_price .table_box > div:last-child table {
  width: 450px;
}

.pack_price .table_box table tr td:nth-child(4) {
  border-left: 1px solid #ddd;
}

.pack_price .table_box table tr td:last-child {
  border-right: 0px;
}

.pack_price table .bul_list li {
  margin-top: 0;
}

/* 소상공인 패키지 - 올인원 패키지 추천*/
.ico_s_business01 {
  background: transparent url(../../images/ko/secom/ico_s_business01.png) no-repeat center;
}

.ico_s_business02 {
  background: transparent url(../../images/ko/secom/ico_s_business02.png) no-repeat center;
}

.ico_s_business03 {
  background: transparent url(../../images/ko/secom/ico_s_business03.png) no-repeat center;
}

.ico_caht:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  background: url(../../images/ko/secom/ico_chat_wh.png) no-repeat right top;
  margin-left: 8px;
  vertical-align: middle;
}

/**** 맞춤 패키지 ****/
.custom_package_box .discription {
  margin-top: 20px;
  font-size: 14px;
  color: #666;
}

.custom_package_box .discription li {
  position: relative;
  padding-left: 20px;
  line-height: 22px;
}

.custom_package_box .discription li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "※";
}

/* 맞춤 패키지 - 서비스 소개*/
.custom_package_service > li {
  margin-top: 80px;
}

.custom_package_service > li > div {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
}

.custom_package_service .img_box {
  width: 540px;
}

.custom_package_service .title_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-calc(100% - 540px);
  width: -moz-calc(100% - 540px);
  width: calc(100% - 540px);
  padding-left: 50px;
}

.custom_package_service .title04 {
  font-weight: bold;
  margin-bottom: 40px;
}

.custom_package_service .title_wrap ul {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.custom_package_service .title_wrap li {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  width: 50%;
}

.custom_package_service .title_wrap li:nth-child(3),
.custom_package_service .title_wrap li:nth-child(4) {
  margin-top: 39px;
}

.custom_package_service .title_wrap .thumb {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
}

.custom_package_service .title_wrap .txt_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
}

.custom_package_service .title_wrap .tit {
  margin-bottom: 7px;
  font-weight: bold;
}

.custom_package_service .title_wrap .txt {
  display: block;
  font-size: 16px;
  color: #333;
}

.custom_package_service .service_sub {
  margin-top: 30px;
}

.custom_package_service .service_sub {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.custom_package_service .service_sub > li {
  padding: 43px 25px;
  width: 627px;
  background-color: #f8f8f8;
  text-align: center;
}

.custom_package_service .service_sub li > .tit {
  margin-bottom: 9px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}

.custom_package_service .service_sub li > .tit > small {
  display: inline-block;
  width: 100%;
  font-size: 14px;
}

.custom_package_service .service_sub li .txt {
  display: block;
  font-size: 16px;
}

.custom_package_service .service_sub li > ul {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.custom_package_service .service_sub li > ul li {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 280px;
  margin-top: 25px;
  padding: 15px 0 15px 10px;
  -moz-border-radius: 10px;
       border-radius: 10px;
  text-align: left;
  background-color: #fff;
}

.custom_package_service .service_sub li .txt_box {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
  padding-left: 10px;
}

.custom_package_service .service_sub li .txt_box .tit {
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: bold;
}

/* 맞춤 패키지 - 패키지 구성*/
.custom_package_pack {
  margin-top: 140px;
  text-align: center;
}

.custom_package_pack .title_wrap.blank15 {
  margin: 0 0 30px;
}

.custom_package_pack > ul {
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 90px;
}

.custom_package_pack ul li {
  margin-right: 100px;
}

.custom_package_pack ul li:last-child {
  margin: 0;
}

.custom_package_pack .thumb {
  display: block;
}

.custom_package_pack .thumb > img {
  max-width: 147px;
}

.custom_package_pack ul li span {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  padding: 4px 12px 4px 40px;
  -moz-border-radius: 9px;
       border-radius: 9px;
  font-size: 18px;
  color: #fff;
  background-color: #7b7e88;
}

.custom_package_pack ul li span.defualt_service {
  background-color: #0072ce;
}

.custom_package_pack ul li span::after {
  position: absolute;
  top: 50%;
  left: 14px;
  content: "";
  width: 17px;
  height: 13px;
  background: url(../../images/ko/secom/option_check.png) no-repeat center center;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.custom_package_pack ul li .txt_box {
  margin-top: 20px;
}

.custom_package_pack ul li .txt_box dt {
  font-size: 26px;
  font-weight: bold;
}

.custom_package_pack ul li .txt_box dd {
  width: 250px;
  margin-top: 15px;
  font-size: 20px;
}

/* 맞춤 패키지 - 패키지 혜택가*/
.pack_price .title_wrap .title06 {
  margin: 30px 0 10px;
  color: #e02020;
}

.price_table_box {
  position: relative;
  padding-top: 44px;
}

.price_table_box + .price_table_box {
  margin-top: 80px;
}

.price_table_box > h4 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
}

.price_table_box > span {
  position: absolute;
  top: 14px;
  right: 0;
  font-size: 14px;
  color: #666;
}

.pack_price .table_wrap {
  border-top: 3px solid #333;
}

.pack_price .table_wrap th,
.pack_price .table_wrap td {
  padding: 18px 0;
  height: auto;
}

.pack_price .table_wrap th {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  word-break: keep-all;
  font-weight: 500;
}

.pack_price .table_wrap th:first-child {
  border-left: 0;
}

.pack_price .table_wrap th {
  font-size: 18px;
  color: #333;
  background-color: #f9fafb;
}

.pack_price .table_wrap td {
  border-right: 1px solid #ddd;
  font-size: 16px;
  color: #666;
}

.pack_price .table_wrap td:last-child {
  border-right: 0;
}

.pack_price .table_wrap td del {
  display: block;
  font-size: 14px;
}

.pack_price .table_wrap ul {
  display: inline-block;
  text-align: left;
}

.pack_price table .bul_list li {
  margin-top: 0;
  font-size: 16px;
}

/* 맞춤 패키지 - 올인원 패키지 추천*/
.ico_custom_package01 {
  background: transparent url(../../images/ko/secom/ico_custom_package01.png) no-repeat center;
}

.ico_custom_package02 {
  background: transparent url(../../images/ko/secom/ico_custom_package02.png) no-repeat center;
}

.ico_custom_package03 {
  background: transparent url(../../images/ko/secom/ico_custom_package03.png) no-repeat center;
}

.ico_caht:after {
  content: "";
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  background: url(../../images/ko/secom/ico_chat_wh.png) no-repeat right top;
  margin-left: 8px;
  vertical-align: middle;
}

/* 제휴상품 - 숨고 추가 23.12.04 */
.soomgo .btn_lines.bg_type4.col_type {
  border: 1px solid #ccc;
}

.soomgo .btn_lines.bg_type2.col_type5 {
  border: 1px solid #0072ce;
}
/*# sourceMappingURL=../maps/ko/s1_contents.css.map */