@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 200;
  src: url("../font/NotoSans-Thin.woff"), url("../font/NotoSans-Thin.woff2"),
    url("../font/NotoSans-Thin.eot");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  src: url("../font/NotoSans-Light.woff"), url("../font/NotoSans-Light.woff2"),
    url("../font/NotoSans-Light.eot");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: url("../font/NotoSans-Regular.woff"),
    url("../font/NotoSans-Regular.woff2"), url("../font/NotoSans-Regular.eot");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: url("../font/NotoSans-Medium.woff"), url("../font/NotoSans-Medium.woff2"),
    url("../font/NotoSans-Medium.eot");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 600;
  src: url("../font/NotoSans-Bold.woff"), url("../font/NotoSans-Bold.woff2"),
    url("../font/NotoSans-Bold.eot");
}

::-moz-selection {
  background: #1d336f;
  color: #fff;
}
::selection {
  background: #1d336f;
  color: #fff;
}

/* 초기화 */
html {
  overflow-x: hidden;
}
body {
  margin: 0;
  padding: 0;
  font-size: 0.75em;
  font-family: "Noto Sans KR", dotum, sans-serif;
  background: #fff;
}
html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
  margin: 0;
  padding: 0;
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
  font-family: "Noto Sans KR", dotum, sans-serif !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ul,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
label,
input,
button,
select,
img {
  vertical-align: middle;
  font-size: 1em;
}
input,
button {
  margin: 0;
  padding: 0;
  font-family: "Noto Sans KR", dotum, sans-serif;
  font-size: 1em;
}
input[type="submit"] {
  cursor: pointer;
}
button {
  cursor: pointer;
}

textarea,
select {
  font-family: "Noto Sans KR", dotum, sans-serif;
  font-size: 1em;
}
select {
  margin: 0;
}
p {
  margin: 0;
  padding: 0;
  word-break: break-all;
}
/* hr { display:none } */
pre {
  overflow-x: scroll;
  font-size: 1.1em;
}
a {
  color: #000;
  text-decoration: none;
}

.br1200 {
  display: block;
}
.br980 {
  display: none;
}
.br840 {
  display: none;
}

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

input[type="text"],
input[type="password"],
textarea {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  -webkit-box-shadow: 0 0 5px #9ed4ff;
  -moz-box-shadow: 0 0 5px #9ed4ff;
  box-shadow: 0 0 5px #9ed4ff;
  border: 1px solid #558ab7 !important;
}
.placeholdersjs {
  color: #aaa !important;
}

/* 레이아웃 크기 지정 */
#hd,
#wrapper,
#ft {
  min-width: 1200px;
}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr {
  width: 1200px;
}

/* 팝업레이어 */
#hd_pop {
  z-index: 1000;
  position: relative;
  margin: 0 auto;
  height: 0;
  width: 100%;
}
#hd_pop h2 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.hd_pops {
  position: absolute;
  border: 1px solid #e9e9e9;
  background: #fff;
}
.hd_pops img {
  max-width: 100%;
}
.hd_pops_footer {
  padding: 0;
  background: #000;
  color: #fff;
  text-align: left;
  position: relative;
}
.hd_pops_footer:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.hd_pops_footer button {
  padding: 10px;
  border: 0;
  color: #fff;
}
.hd_pops_footer .hd_pops_reject {
  background: #000;
  text-align: left;
}
.hd_pops_footer .hd_pops_play {
  /* background: #1693ecf7; */
  background: #125ef0; /* 디자인이 아닌 화면에서 색상찍어서 입력함. 디자인 색상 확인요망  */
  position: absolute;
  top: 0;
  right: 43px;
  padding: 10px 20px;
}
.hd_pops_footer .hd_pops_close {
  background: #393939;
  position: absolute;
  top: 0;
  right: 0;
}

/*영상팝업*/
.hd_pops_video_parent {
  display: none;
  position: fixed !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.5);
}

.hd_pops_video {
  position: fixed;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  transform: translate(-50%, -50%);
  background: #000;
}
.hd_pops_video img {
  max-width: 100%;
}

.hd_pops_con iframe {
  max-width: 100%;
  max-height: 100%;
}

.hd_pops_video .hd_pops_footer {
  padding: 0;
  background: #000;
  color: #fff;
  text-align: left;
  position: relative;
  left: 51px;
}
.hd_pops_video .hd_pops_footer:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.hd_pops_video .hd_pops_footer button {
  padding: 10px;
  border: 0;
  color: #fff;
}
.hd_pops_video .hd_pops_footer .hd_pops_reject {
  background: #000;
  text-align: left;
}
.hd_pops_video .hd_pops_footer .hd_pops_close {
  background: #000;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  padding: 0;
  /* font-size: 23px;
  height: 50px; */
}
.hd_pops_video .hd_pops_footer .hd_pops_close:after {
  content: "\00d7";
  display: block;
  font-size: 2.5em;
  font-weight: 300; /* X 굵기조절하려면 숫자조정하면 됨 */
  line-height: 50px;
}

/* 상단 레이아웃 */
#hd {
  border-top: 2px solid #253dbe;
}
#hd_h1 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

#hd_wrapper {
  position: relative;
  margin: 0 auto;
  padding: 10px 0;
  height: 115px;
  zoom: 1;
}
#hd_wrapper:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}

#logo {
  float: left;
  padding: 30px 0 0;
}

.hd_sch_wr {
  position: absolute;
  top: 25px;
  left: 50%;
  width: 430px;
  margin-left: -215px;
}
#hd_sch h3 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#hd_sch {
  border: 2px solid #556ada;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
#hd_sch #sch_stx {
  padding-left: 10px;
  height: 40px;
  width: 376px;
  border: 0;
  border-right: 0;
  float: left;
  font-size: 1.25em;
}
#hd_sch #sch_submit {
  height: 40px;
  border: 0;
  background: #fff;
  color: #253dbe;
  width: 50px;
  float: left;
  cursor: pointer;
  font-size: 18px;
}

#sbn_side {
  position: absolute;
  top: 20px;
  right: 0;
}

#tnb {
  border-bottom: 1px solid #ddd;
  background: #fff;
}
#tnb h3 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#tnb ul {
  margin: 0 auto;
  zoom: 1;
}
#tnb ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#tnb li {
  float: right;
  border-left: 1px solid #ddd;
  margin-bottom: -1px;
  font-size: 0.92em;
}
#tnb a {
  display: inline-block;
  padding: 0 10px;
  color: #646464;
  line-height: 35px;
}
#tnb a:focus,
#tnb a:hover {
  color: #253dbe;
  background: #fafafa;
}
#tnb .tnb_admin a {
  color: #ff0000;
}
#tnb .tnb_left {
  float: left;
}
#tnb .tnb_left a {
  padding: 0 14px;
}
#tnb .tnb_cart {
  border-right: 1px solid #ddd;
}
#tnb .tnb_community {
  border-right: 1px solid #ddd;
}
#tnb .tnb_community i {
  font-size: 15px;
}
#tnb .tnb_community {
  background: #e7e7e7;
  font-weight: bold;
}
#tnb .tnb_community:focus,
#tnb .tnb_community:hover {
  color: #333;
  border-bottom: 0;
}
#tnb .tnb_community a {
  color: #253dbe;
  border-bottom: 1px solid #e7e7e7;
}

#hd_qnb {
  float: right;
  margin-top: 20px;
}
#hd_qnb:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#hd_qnb li {
  float: left;
  font-size: 1.083em;
  line-height: 15px;
  position: relative;
  text-align: center;
  margin: 0 10px;
}
#hd_qnb li span {
  display: block;
  margin-top: 5px;
  font-size: 0.92em;
}
#hd_qnb li a {
  display: block;
}
#hd_qnb li i {
  display: inline-block;
  width: 40px;
  line-height: 40px;
  border-radius: 25px;
  background: #fff;
  text-align: center;
  margin: 0;
  color: #fff;
}
#hd_qnb .visit .visit-num {
  display: inline-block;
  line-height: 18px;
  padding: 0 5px;
  border-radius: 10px;
  background: #f04e00;
  color: #fff;
  font-size: 10px;
  position: absolute;
  top: 0;
  right: 0;
}
#hd_qnb li .fa-question {
  background: #e83a5f;
  font-size: 20px;
}
#hd_qnb li .fa-question:hover {
  background: #e41b45;
}
#hd_qnb li .fa-comments {
  background: #82c13f;
  font-size: 16px;
}
#hd_qnb li .fa-comments:hover {
  background: #5aa708;
}
#hd_qnb li .fa-users {
  background: #f0ba00;
  font-size: 15px;
}
#hd_qnb li .fa-users:hover {
  background: #f06f00;
}
#hd_qnb li .fa-history {
  background: #8522c4;
  font-size: 15px;
}
#hd_qnb li .fa-history:hover {
  background: #6700a9;
}

/* 메인메뉴 */
#gnb {
  position: relative;
}
#gnb h2 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#gnb .gnb_wrap {
  margin: 0 auto;
  position: relative;
}
#gnb #gnb_1dul {
  font-size: 1.083em;
  padding: 0;
  background: #253dbe;
  zoom: 1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#gnb ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#gnb .gnb_1dli {
  float: left;
  line-height: 50px;
  padding: 0 15px;
  position: relative;
}
#gnb .gnb_1dli:hover {
  background: #1a30a7;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

.gnb_1dli .bg {
  display: inline-block;
  width: 10px;
  height: 10px;
  overflow: hidden;
  background: url(../img/gnb_bg2.gif) no-repeat 50% 50%;
  text-indent: -999px;
}
.gnb_1da {
  display: inline-block;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
.gnb_2dli {
  border-top: 1px solid #253dbe;
}
.gnb_2dli:first-child {
  border: 0;
}
.gnb_2dul {
  display: none;
  position: absolute;
  top: 50px;
  min-width: 140px;
  background: #1a30a7;
  padding: 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.gnb_2da {
  display: block;
  padding: 0 10px;
  line-height: 40px;
  color: #c3cbf7;
  text-align: left;
  text-decoration: none;
}
a.gnb_2da:hover {
  background: #0e2080;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.gnb_2da:focus,
.gnb_2da:hover {
  color: #fff;
}
.gnb_1dli_over .gnb_2dul {
  display: block;
  left: 0;
}
.gnb_1dli_over2 .gnb_2dul {
  display: block;
  right: 0;
}
.gnb_wrap .gnb_empty {
  padding: 10px 0;
  width: 100%;
  text-align: center;
  line-height: 2em;
  color: #fff;
}
.gnb_wrap .gnb_empty a {
  color: #fff;
  text-decoration: underline;
}
.gnb_wrap .gnb_al_ul .gnb_empty,
.gnb_wrap .gnb_al_ul .gnb_empty a {
  color: #555;
}

#gnb .gnb_menu_btn {
  background: #4158d1;
  color: #fff;
  width: 50px;
  height: 50px;
  border: 0;
  vertical-align: top;
  font-size: 18px;
}
#gnb .gnb_close_btn {
  background: #4158d1;
  color: #fff;
  width: 50px;
  height: 50px;
  border: 0;
  vertical-align: top;
  font-size: 18px;
  position: absolute;
  top: -50px;
  left: 0;
}
#gnb .gnb_mnal {
  padding: 0;
}

#gnb_all {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 99;
}
#gnb_all .gnb_al_ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#gnb_all .gnb_al_ul {
  background: #fff;
  border: 1px solid #4158d1;
  padding: 20px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
#gnb_all .gnb_al_li {
  background: #fff;
  float: left;
  min-width: 20%;
  padding: 5px;
}
#gnb_all .gnb_al_li .gnb_al_a {
  font-size: 1.083em;
  padding: 10px;
  display: block;
  position: relative;
  margin-bottom: 10px;
  background: #eff1f9;
  border-bottom: 1px solid #dee2f1;
  font-weight: bold;
  color: #243071;
}
#gnb_all .gnb_al_li li {
  padding-left: 10px;
  line-height: 2em;
}
#gnb_all .gnb_al_li li i {
  color: #9ca6cc;
}
#gnb_all .gnb_al_li li a {
  color: #555;
}

/* 중간 레이아웃 */
#container_wr:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#container_wr {
  z-index: 5;
  margin: 0 auto;
  height: 100%;
  zoom: 1;
}
#aside {
  float: right;
  width: 305px;
  padding: 0;
  background: #e7ebf3;
  height: 100%;
  border: 1px solid #adbfd2;
  margin: 20px 0 20px 20px;
}

#container {
  z-index: 4;
  position: relative;
  float: left;
  min-height: 500px;
  height: auto !important;
  margin: 20px 0;
  height: 500px;
  font-size: 1em;
  width: 875px;
  zoom: 1;
}
#container:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#container_title {
  font-size: 1.333em;
  margin: 0 auto;
  font-weight: bold;
}
#container_title span {
  margin: 0 auto 10px;
  display: block;
  line-height: 30px;
}
/*.latest_wr:after { display:block; visibility:hidden; clear:both; content:"" } */
.lt_wr {
  width: 49%;
}
.lt_wr:nth-child(2n + 1) {
  clear: both;
}
.latest_wr:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
/* 하단 레이아웃 */
#ft {
  border-top: 1px solid #d5d5d5;
  background: #fff;
  padding-bottom: 30px;
  margin: 0 auto;
  text-align: center;
}
#ft h1 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#ft_wr {
  margin: 0 auto;
  position: relative;
}
#ft_link {
  padding: 15px 0;
  border-bottom: 1px solid #eee;
}
#ft_link a {
  display: inline-block;
  padding: 0 8px;
  line-height: 1.083em;
  font-weight: bold;
}
#ft_catch {
  margin: 20px 0 10px;
}
#ft_copy {
  color: #555;
  font-size: 0.92em;
}
#top_btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  line-height: 46px;
  border: 2px solid #333;
  color: #333;
  text-align: center;
  font-size: 15px;
  z-index: 90;
  background: rgba(255, 255, 255, 0.5);
}
#top_btn:hover {
  border-color: #3059c7;
  background: #3059c7;
  color: #fff;
}

/* 게시물 선택복사 선택이동 */
#copymove .win_desc {
  text-align: center;
  display: block;
}
#copymove .tbl_wrap {
  margin: 20px;
}
#copymove .win_btn {
  padding: 0 20px 20px;
}
.copymove_current {
  float: right;
  background: #ff3061;
  padding: 5px;
  color: #fff;
  border-radius: 3px;
}
.copymove_currentbg {
  background: #f4f4f4;
}

/* 화면낭독기 사용자용 */
#hd_login_msg {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.msg_sound_only,
.sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important;
}
/* 본문 바로가기 */
#skip_to_container a {
  z-index: 100000;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#skip_to_container a:focus,
#skip_to_container a:active {
  width: 100%;
  height: 75px;
  background: #21272e;
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 3.3em;
}

/* ie6 이미지 너비 지정 */
.img_fix {
  width: 100%;
  height: auto;
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
  display: inline-block;
  position: relative;
}
#captcha legend {
  position: absolute;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden;
}
#captcha #captcha_img {
  height: 40px;
  border: 1px solid #898989;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
#captcha #captcha_mp3 {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url("../img/captcha2.png") no-repeat;
  text-indent: -999px;
  border-radius: 3px;
}
#captcha #captcha_reload {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url("../img/captcha2.png") no-repeat 0 -40px;
  text-indent: -999px;
  border-radius: 3px;
}
#captcha #captcha_key {
  margin: 0 0 0 3px;
  padding: 0 5px;
  width: 90px;
  height: 40px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 1.333em;
  font-weight: bold;
  text-align: center;
  border-radius: 3px;
  vertical-align: top;
}
#captcha #captcha_info {
  display: block;
  margin: 5px 0 0;
  font-size: 0.95em;
  letter-spacing: -0.1em;
}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {
  display: block;
  margin: 0 0 5px;
  width: 187px;
}
#captcha.m_captcha #captcha_img {
  width: 160px;
  height: 60px;
  border: 1px solid #e9e9e9;
  margin-bottom: 3px;
  margin-top: 5px;
  display: block;
}
#captcha.m_captcha #captcha_reload {
  position: static;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 0;
  background: transparent;
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  background: url("../img/captcha2.png") no-repeat 0 -40px;
  text-indent: -999px;
}
#captcha.m_captcha #captcha_reload span {
  display: none;
}
#captcha.m_captcha #captcha_key {
  margin: 0;
  padding: 0 5px;
  width: 115px;
  height: 29px;
  border: 1px solid #b8c9c2;
  background: #f7f7f7;
  font-size: 1.333em;
  font-weight: bold;
  text-align: center;
  line-height: 29px;
  margin-left: 3px;
}
#captcha.m_captcha #captcha_info {
  display: block;
  margin: 5px 0 0;
  font-size: 0.95em;
  letter-spacing: -0.1em;
}
#captcha.m_captcha #captcha_mp3 {
  width: 31px;
  height: 31px;
  background: url("../img/captcha2.png") no-repeat 0 0;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
  border: none;
}

/* ckeditor 단축키 */
.cke_sc {
  margin: 0 0 5px;
  text-align: right;
}
.btn_cke_sc {
  display: inline-block;
  padding: 0 10px;
  height: 23px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  line-height: 1.9em;
  vertical-align: middle;
  cursor: pointer;
}
.cke_sc_def {
  margin: 0 0 5px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  text-align: center;
}
.cke_sc_def dl {
  margin: 0 0 5px;
  text-align: left;
  zoom: 1;
}
.cke_sc_def dl:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.cke_sc_def dt,
.cke_sc_def dd {
  float: left;
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #e9e9e9;
}
.cke_sc_def dt {
  width: 20%;
  font-weight: bold;
}
.cke_sc_def dd {
  width: 30%;
}

/* 버튼 */
a.btn,
.btn {
  line-height: 35px;
  height: 35px;
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
  border: 0;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

a.btn01 {
  display: inline-block;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
  vertical-align: middle;
}
a.btn01:focus,
a.btn01:hover {
  text-decoration: none;
}
button.btn01 {
  display: inline-block;
  margin: 0;
  padding: 7px;
  border: 1px solid #ccc;
  background: #fafafa;
  color: #000;
  text-decoration: none;
}
a.btn02 {
  display: inline-block;
  padding: 7px;
  border: 1px solid #3b3c3f;
  background: #4b545e;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}
a.btn02:focus,
.btn02:hover {
  text-decoration: none;
}
button.btn02 {
  display: inline-block;
  margin: 0;
  padding: 7px;
  border: 1px solid #3b3c3f;
  background: #4b545e;
  color: #fff;
  text-decoration: none;
}

.btn_confirm {
  text-align: right;
} /* 서식단계 진행 */

.btn_submit {
  border: 0;
  background: #253dbe;
  color: #fff;
  cursor: pointer;
  border: 0;
}
.btn_submit:hover {
  background: #0025eb;
}

a.btn_cancel {
  display: inline-block;
  background: #969696;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}
button.btn_cancel {
  display: inline-block;
  background: #969696;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}
.btn_cancel:hover {
  background: #aaa;
}
a.btn_frmline,
button.btn_frmline {
  display: inline-block;
  padding: 0 5px;
  height: 40px;
  border: 0;
  background: #3c3c3c;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  vertical-align: top;
} /* 우편번호검색버튼 등 */
button.btn_frmline {
  font-size: 1em;
}

/* 게시판용 버튼 */
a.btn_b01,
.btn_b01 {
  display: inline-block;
  background: #4c4f6f;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
}
.btn_b01:hover,
.btn_b01:hover {
  background: #54598c;
}
a.btn_b02,
.btn_b02 {
  display: inline-block;
  background: #253dbe;
  padding: 0 10px;
  color: #fff;
  text-decoration: none;
  border: 0;
  vertical-align: middle;
}
a.btn_b02:hover,
.btn_b02:hover {
  background: #0025eb;
}
a.btn_b03,
.btn_b03 {
  display: inline-block;
  background: #fff;
  border: 1px solid #b9bdd3;
  color: #646982;
  text-decoration: none;
  vertical-align: middle;
}
a.btn_b03:hover,
.btn_b03:hover {
  background: #ebedf6;
}
a.btn_b04,
.btn_b04 {
  display: inline-block;
  background: #fff;
  border: 1px solid #ccc;
  color: #707070;
  text-decoration: none;
  vertical-align: middle;
}
a.btn_b04:hover,
.btn_b04:hover {
  color: #333;
  background: #f9f9f9;
}
a.btn_admin,
.btn_admin {
  display: inline-block;
  background: #d13f4a;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
} /* 관리자 전용 버튼 */
.btn_admin:hover,
a.btn_admin:hover {
  background: #ff3746;
}

/*컬러*/
.color_1 {
  background: #169dd6;
}
.color_2 {
  background: #14d53d;
}
.color_3 {
  background: #3814ff;
}
.color_4 {
  background: #7520c5;
}

/* 기본테이블 */
.tbl_wrap table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0 5px;
  border: 1px solid #ccc;
}
.tbl_wrap caption {
  padding: 10px 0;
  font-weight: bold;
  text-align: left;
}
.tbl_head01 {
  margin: 0 0 10px;
}
.tbl_head01 caption {
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.tbl_head01 thead th {
  padding: 10px 0;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #ddd;
  background: #fafafa;
  height: 40px;
}
.tbl_head01 thead th input {
  vertical-align: top;
} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,
.tbl_head01 tfoot td {
  padding: 10px 0;
  border-top: 1px solid #c1d1d5;
  border-bottom: 1px solid #c1d1d5;
  background: #d7e0e2;
  text-align: center;
}
.tbl_head01 tbody th {
  padding: 8px 0;
  border-bottom: 1px solid #e8e8e8;
}
.tbl_head01 td {
  color: #666;
  background: #fff;
  padding: 10px 5px;
  border-top: 1px solid #ecf0f1;
  line-height: 1.4em;
  height: 60px;
  word-break: break-all;
}
.tbl_head01 tbody tr:hover td {
  background: #fafafa;
}
.tbl_head01 a:hover {
  text-decoration: underline;
}

.tbl_head02 {
  margin: 0 0 10px;
}
.tbl_head02 caption {
  padding: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.tbl_head02 thead th {
  padding: 5px 0;
  border-top: 1px solid #d1dee2;
  border-bottom: 1px solid #d1dee2;
  background: #e5ecef;
  color: #383838;
  font-size: 0.95em;
  text-align: center;
  letter-spacing: -0.1em;
}
.tbl_head02 thead a {
  color: #383838;
}
.tbl_head02 thead th input {
  vertical-align: top;
} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th,
.tbl_head02 tfoot td {
  padding: 10px 0;
  border-top: 1px solid #c1d1d5;
  border-bottom: 1px solid #c1d1d5;
  background: #d7e0e2;
  text-align: center;
}
.tbl_head02 tbody th {
  padding: 5px 0;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: #fff;
}
.tbl_head02 td {
  padding: 5px 3px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: #fff;
  line-height: 1.4em;
  word-break: break-all;
}

/* 폼 테이블 */
.tbl_frm01 {
  margin: 0 0 20px;
}
.tbl_frm01 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl_frm01 th {
  width: 70px;
  padding: 7px 13px;
  border: 1px solid #e9e9e9;
  border-left: 0;
  background: #f5f8f9;
  text-align: left;
}
.tbl_frm01 td {
  padding: 7px 10px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background: transparent;
}
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input {
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  vertical-align: middle;
  border-radius: 3px;
  padding: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tbl_frm01 textarea {
  padding: 2px 2px 3px;
}
.frm_input {
  height: 40px;
}

.full_input {
  width: 100%;
}
.half_input {
  width: 49.5%;
}
.tbl_frm01 textarea,
.write_div textarea {
  width: 100%;
  height: 100px;
}
.tbl_frm01 a {
  text-decoration: none;
}
.tbl_frm01 .frm_file {
  display: block;
  margin-bottom: 5px;
}
.tbl_frm01 .frm_info {
  display: block;
  padding: 0 0 5px;
  line-height: 1.4em;
}

/*기본 리스트*/
.list_01 li {
  border: 1px solid #dbdbdb;
  background: #fff;
  border-radius: 3px;
  margin: 3px 0;
  padding: 10px 15px;
  list-style: none;
  position: relative;
}
.list_01 li:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.list_01 li:hover {
  background: #f9f9f9;
}
.list_01 li.empty_li {
  text-align: center;
  padding: 20px 0;
  color: #666;
}
/*폼 리스트*/
.form_01 h2 {
  margin: 0 0 10px;
  font-size: 1.167em;
}
.form_01 li {
  margin: 10px 0;
}
.form_01 li:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.form_01 li .right_input {
  float: right;
}
.form_01 textarea {
  height: 100px;
  width: 100%;
}
.form_01 .frm_label {
  display: inline-block;
  width: 130px;
}

/* 자료 없는 목록 */
.empty_table {
  padding: 200px 0 !important;
  font-size: 16px;
  color: #666;
  text-align: center;
}
.empty_list {
  padding: 20px 0 !important;
  color: #666;
  text-align: center;
}

/* 필수입력 */
.required,
textarea.required {
  background-image: url("../img/require.png") !important;
  background-repeat: no-repeat !important;
  background-position: right top !important;
}

/* 테이블 항목별 정의 */
.td_board {
  width: 80px;
  text-align: center;
}
.td_category {
  width: 80px;
  text-align: center;
}
.td_chk {
  width: 60px;
  /* text-align: center; */
  display: inline-block; /*체크박스*/
}
.td_date {
  width: 60px;
  text-align: center;
}
.td_datetime {
  width: 110px;
  text-align: center;
}
.td_group {
  width: 80px;
  text-align: center;
}
.td_mb_id {
  width: 100px;
  text-align: center;
}
.td_mng {
  width: 80px;
  text-align: center;
}
.td_name {
  width: 100px;
  text-align: left;
}
.td_nick {
  width: 100px;
  text-align: center;
}
.td_num {
  width: 50px;
  text-align: center;
}
.td_numbig {
  width: 80px;
  text-align: center;
}
.td_stat {
  width: 60px;
  text-align: center;
}

.txt_active {
  color: #5d910b;
}
.txt_done {
  color: #e8180c;
}
.txt_expired {
  color: #ccc;
}
.txt_rdy {
  color: #8abc2a;
}

/* 새창 기본 스타일 */
.new_win {
  position: relative;
}
.new_win .tbl_wrap {
  margin: 0 20px;
}
.new_win #win_title {
  font-size: 1.25em;
  height: 50px;
  line-height: 30px;
  padding: 10px 20px;
  background: #333;
  color: #fff;
}
.new_win #win_title .sv {
  font-size: 0.75em;
  line-height: 1.2em;
}
.new_win .win_ul {
  border-right: 1px solid #dfe6e7;
}
.new_win .win_ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.new_win .win_ul li {
  float: left;
  background: #fff;
  width: 33.333%;
  text-align: center;
  border: 1px solid #ccc;
  margin-left: -1px;
}
.new_win .win_ul li a {
  display: block;
  padding: 10px 0;
}
.new_win .win_ul .selected {
  background: #fff;
  border-color: #253dbe;
  position: relative;
  z-index: 5;
}
.new_win .win_ul .selected a {
  color: #253dbe;
  font-weight: bold;
}
.new_win .win_desc {
  margin: 5px 0;
  font-size: 0.92em;
  color: #3598db;
}
.new_win .frm_info {
  font-size: 0.92em;
  color: #3598db;
}
.new_win .win_total {
  text-align: right;
  margin: 10px 0;
}
.new_win .win_total span {
  display: inline-block;
  line-height: 30px;
  font-size: 0.92em;
  color: #4e546f;
  background: #d4d4d4;
  padding: 0 10px;
  border-radius: 5px;
}
.new_win .new_win_con {
  margin: 20px;
}
.new_win .new_win_con:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.new_win .btn_confirm:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.new_win .win_btn {
  text-align: right;
}
.new_win .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  background: url(../img/close_btn.gif) no-repeat 50% 50%;
  border: 0;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
}
.new_win .btn_submit {
  padding: 0 20px;
  height: 40px;
  font-weight: bold;
  font-size: 1.083em;
  float: right;
}

/* 검색결과 색상 */
.sch_word {
  color: #00c4ac;
}

/* 자바스크립트 alert 대안 */
#validation_check {
  margin: 100px auto;
  width: 500px;
}
#validation_check h1 {
  margin-bottom: 20px;
  font-size: 1.3em;
}
#validation_check p {
  margin-bottom: 20px;
  padding: 30px 20px;
  border: 1px solid #e9e9e9;
  background: #fff;
}

/* 사이드뷰 */
.sv_wrap {
  position: relative;
  font-weight: normal;
}
.sv_wrap .sv {
  z-index: 1000;
  display: none;
  margin: 5px 0 0;
  font-size: 0.92em;
  background: #333;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
.sv_wrap .sv:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #333 transparent;
}
.sv_wrap .sv a {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  line-height: 30px;
  width: 100px;
  font-weight: normal;
  color: #bbb;
}
.sv_wrap .sv a:hover {
  background: #000;
  color: #fff;
}
.sv_member {
  color: #333;
}
.sv_on {
  display: block !important;
  position: absolute;
  top: 23px;
  left: 0px;
  width: auto;
  height: auto;
}
.sv_nojs .sv {
  display: block;
}

/* 페이징 */
.pg_wrap {
  clear: both;
  margin: 30px 0;
  text-align: center;
}
.pg_wrap:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
.pg_page,
.pg_current {
  display: inline-block;
  vertical-align: middle;
  background: #f3f3f3;
  border: 1px solid #bbbcc3;
}
.pg a:focus,
.pg a:hover {
  text-decoration: none;
}
.pg_page {
  color: #555;
  font-size: 1.083em;
  height: 30px;
  line-height: 28px;
  padding: 0 5px;
  min-width: 30px;
  text-decoration: none;
  border-radius: 3px;
}
.pg_page:hover {
  background-color: #ddd;
}
.pg_start {
  text-indent: -999px;
  overflow: hidden;
  background: url("../img/btn_first.gif") no-repeat 50% 50% #fff;
  padding: 0;
  border: 1px solid #bbb;
}
.pg_prev {
  text-indent: -999px;
  overflow: hidden;
  background: url("../img/btn_prev.gif") no-repeat 50% 50% #fff;
  padding: 0;
  border: 1px solid #bbb;
}
.pg_end {
  text-indent: -999px;
  overflow: hidden;
  background: url("../img/btn_end.gif") no-repeat 50% 50% #fff;
  padding: 0;
  border: 1px solid #bbb;
}
.pg_next {
  text-indent: -999px;
  overflow: hidden;
  background: url("../img/btn_next.gif") no-repeat 50% 50% #fff;
  padding: 0;
  border: 1px solid #bbb;
}
.pg_start:hover,
.pg_prev:hover,
.pg_end:hover,
.pg_next:hover {
  background-color: #fafafa;
}

.pg_current {
  display: inline-block;
  background: #4c4f6f;
  color: #fff;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  min-width: 30px;
  border-radius: 3px;
  -webkit-box-shadow: inset 1px 1px 2px #222542;
  -moz-box-shadow: inset 1px 1px 2px #222542;
  box-shadow: inset 1px 1px 2px #222542;
}

/* cheditor 이슈 */
.cheditor-popup-window *,
.cheditor-popup-window :after,
.cheditor-popup-window :before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {
  display: block;
  margin: 0.3em;
  padding: 0.5em 0;
  border: 1px solid #eee;
  border-radius: 2em;
  background: #fff;
  color: #000;
  font-size: 2em;
  text-decoration: none;
  text-align: center;
}

.select.select--white .placeholder {
  font-size: 1.25em;
  color: #333;
  position: relative;
  display: block;
  z-index: 1;
  padding: 1em 1.8em;
  cursor: pointer;
  letter-spacing: 0.5px;
}
.select.select--white .placeholder a {
  color: #333;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}
.select ul li {
  text-align: left;
  padding: 1em 1.8em;
  color: #fff;
  font-size: 1.1em;
  cursor: pointer;
  padding-left: 30px;
  background: #1d336f;
}
.select ul li + li {
  border-top: 1px solid #fff;
}
.select02.select--white02 .placeholder02 {
  font-weight: bold;
  font-size: 1.35em;
  color: #333;
  position: relative;
  display: block;
  z-index: 1;
  padding: 1em 1.8em;
  cursor: pointer;
}

.select02 ul li {
  text-align: left;
  padding: 1em 1.8em;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
  padding-left: 30px;
  background: #005b93;
}

/*메인 new */

#sub_top_warp {
  width: 100%;
  height: 560px;
  background: url("/images/sub01_top.png") center top;
}

#main_new_top {
  position: absolute;
  width: 100%;
  left: 0;
  padding-right: 0px;
  top: 0px;
  z-index: 999;
}
#sub_top {
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #ccc;
}
.sub_logo {
  position: absolute;
  top: 12px;
  left: 0%;
  width: 170px;
  float: left;
  text-align: center;
}
.sub_menu {
  width: 820px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.25em;
}
.sub_menu ul li {
  position: relative;
  float: left;
  padding: 34px 12px;
}
.sub_menu ul li.active:before {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 60px;
  height: 3px;
  content: "";
  background-color: #fff;
  transform: translateX(-50%);
}
.sub_menu a {
  color: #fff;
}
.sub_menu a:hover {
  color: #fff;
}
.sub_quick_menu {
  width: 365px;
  float: right;
}
.sub_quick_menu ul li {
  height: 24px;
  float: left;
  margin-top: 30px;
  padding: 0 32px;
  font-size: 1.25em;
}
.sub_quick {
  width: 129px;
  height: 90px;
  background: url("/images/sub_quick_back.png") center top;
  float: right;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  padding-top: 30px;
  text-align: center;
}

#main_new_bar {
  width: 100%;
  height: 160px;
  background: #1d336f;
  margin-top: -4px;
}
.main_bar {
  width: 1200px;
  margin: 0 auto;
  padding-top: 26px;
}
.main_bar_left {
  width: 600px;
  float: left;
}
.main_bar_left_m {
  display: none;
}
.main_bar_right {
  width: 600px;
  float: left;
}

.main_bar .main_bar_left,
.main_bar .main_bar_right {
  display: flex;
  color: #fff;
  align-items: center;
}
.main_bar .txt_left .tit {
  display: block;
  font-size: 27px;
  font-weight: 500;
}
.main_bar .txt_left .s_tit {
  display: block;
  font-size: 16px;
  font-weight: 300;
  margin-top: 2px;
}
.main_bar .txt_right .num {
  font-size: 62px;
  font-weight: 500;
  margin-left: 45px;
}

#main_new_con01_warp {
  width: 100%;
  height: 700px;
  padding-top: 100px;
}
.main_new_con01_title {
  width: 365px;
  margin: 0 auto;
}
.main_new_con01 {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.main_new_con01_btn_left {
  position: absolute;
  margin-top: 250px;
  left: 50%;
  margin-left: -550px;
}
.main_new_con01_btn_right {
  position: absolute;
  margin-top: 250px;
  left: 50%;
  margin-left: 550px;
}
.main_new_con01_logo {
  padding-top: 60px;
}
.main_new_con01_text01 {
  font-size: 2em;
  font-weight: bold;
}
.main_new_con01_text02 {
  font-size: 1.4em;
  line-height: 1.5em;
}
.main_new_con01_text03 {
  padding: 40px 0;
}

.slide_btn {
  width: 140px;
  margin: 0 auto;
  padding-top: 40px;
}
.slide_btn ul li {
  float: left;
  padding: 0 5px;
}

#main_new_con02_warp {
  width: 100%;
  height: 190px;
  background: #f0f3f7;
  margin-top: 100px;
}
.main_new_con02 {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.main_new_con02_text01 {
  font-size: 1.45em;
  color: #666;
  padding-top: 60px;
}

#main_new_con02_warp_over {
  width: 100%;
  height: 1040px;
  background: #f6f7fb;
}
.main_new_con02_over {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.main_new_con02_text01_over {
  font-size: 1.45em;
  color: #000;
  padding-top: 60px;
}
.main_new_con02_over_logo {
  padding-top: 20px;
}

#main_new_con03_warp {
  width: 100%;
  height: 792px;
  background: url("/images/main_new_con03_bg.png") center top;
  margin-top: 250px;
}
.main_new_con03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 250px;
}

#main_new_con04_warp {
  width: 100%;
  height: 1400px;
  background: #f0f1f6;
  margin-top: 100px;
}
.main_new_con04 {
  width: 1200px;
  margin: 0 auto;
}
.main_new_con04_title {
  width: 500px;
  margin: 0 auto;
  padding-top: 100px;
}
.main_new_con04_box {
  width: 1200px;
  height: 314px;
  background: #fff;
  margin-top: 60px;
  padding: 35px;
}
.main_new_con04_box2 {
  width: 1200px;
  height: 314px;
  background: #fff;
  margin-top: 60px;
  padding: 35px;
}
.main_new_con04_box_m {
  display: none;
  width: 1200px;
  height: 314px;
  background: #fff;
  margin-top: 60px;
  padding: 35px;
}
.main_new_con04_box_left {
  width: 740px;
  float: left;
}
.main_new_con04_box_right {
  width: 370px;
  float: left;
  padding-left: 30px;
}
.main_new_con04_box_right02 {
  width: 370px;
  float: left;
  padding-left: 10px;
}
.main_new_con04_text01 {
  font-size: 3em;
  letter-spacing: -1px;
  color: #46505a;
  font-weight: bold;
}
.main_new_con04_text02 {
  font-size: 1.75em;
  line-height: 1.5em;
  color: #46505a;
  padding-top: 10px;
}
.main_new_con04_text03 {
  font-size: 1.55em;
  line-height: 1.5em;
  color: #00afc8;
  padding-top: 80px;
}

#main_new_con05_warp {
  width: 100%;
  height: 560px;
  background: #dee1ec;
}
.main_new_con05 {
  width: 1200px;
  margin: 0 auto;
}
.main_new_con05 ul {
  padding-top: 120px;
}
.main_new_con05 ul li {
  width: 580px;
  height: 300px;
  background: #fff;
  float: left;
  margin: 0 10px;
}

.main_new_con05_text07 {
  font-size: 2.2em;
  margin-top: 20px;
  padding-left: 30px;
  overflow: hidden;
}
.main_new_con05_text08 {
  font-size: 1.65em;
  color: #333;
  padding: 0 30px;
  float: right;
  margin-top: -15px;
}
.main_new_con05_text09 {
  font-size: 1.65em;
  color: #333;
  padding: 0 30px;
  float: right;
  margin-top: -15px;
}

#main_new_con06_warp {
  clear: both;
  width: 100%;
  height: 1000px;
  background: #142850;
}
#main_new_con06_warp_sub {
  clear: both;
  width: 100%;
  height: 980px;
  background: #142850;
  margin-top: 40px;
}
.main_new_con06 {
  width: 1200px;
  margin: 0 auto;
}
.main_new_con06_left {
  width: 350px;
  float: left;
}
.main_new_con06_right {
  width: 800px;
  float: left;
  padding-left: 50px;
  padding-top: 80px;
}
.main_new_con06_text01 {
  font-family: "NotoSansKr-Light";
  font-size: 2.615em;
  color: #fff;
  padding-top: 80px;
  line-height: 1.3em;
  letter-spacing: -1px;
}
.main_new_con06_text02 {
  font-size: 1.25em;
  color: #fff;
  padding-top: 30px;
  line-height: 1.5em;
}
.main_new_con06_text03 {
  font-size: 1.65em;
  color: #fff;
  padding-top: 0px;
}
.main_new_con06_text04 {
  font-size: 1.25em;
  color: #fff;
  padding-top: 15px;
}

/* 2021.06.09 추가 contact us */
#main_new_con06_warp .c_blue {
  font-size: 16px;
  font-weight: bold;
  color: #07b7d1;
  margin-top: 5px;
}
#main_new_con06_warp .main_text15 {
  padding-top: 0;
}
.main_text15 span {
  display: inline-block;
  padding-top: 10px;
}

@media screen and (max-width: 840px) {
  #main_new_con06_warp .width100 {
    width: 100% !important;
  }
}

/*sub 네비 공통 */
.sub_cursor_box {
  width: 100%;
  height: 33px;
  position: absolute;
  left: 0;
  overflow: hidden;
}
@media screen and (max-width: 1200px) {
  .sub_cursor_box {
    height: 36px;
  }
}
.sub_cursor {
  width: 100%;
  height: 7px;
  position: absolute;
  left: 0;
  bottom: -18px;
  border-bottom: 1px solid #1d336f;
  opacity: 0;
  background: url("/images/ico_sub_navi_cursor02.png") no-repeat center 0;
  transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1),
    bottom 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.sub_over .sub_cursor {
  opacity: 1;
  bottom: 1px;
}
.sub_over a {
  color: #1d336f;
}

/*sub 네비 공통02 */
.sub_cursor_box02 {
  width: 100%;
  height: 32px;
  position: absolute;
  left: 0;
  overflow: hidden;
}
.sub_cursor02 {
  width: 100%;
  height: 7px;
  position: absolute;
  left: 0;
  bottom: -18px;
  border-bottom: 1px solid #005b93;
  opacity: 0;
  background: url("/images/ico_sub_navi_cursor02.png") no-repeat center 0;
  transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1),
    bottom 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
.sub_over02 .sub_cursor02 {
  opacity: 1;
  bottom: 0px;
}
.sub_over02 a {
  color: #005b93;
}

/* 게이트페이지 */

#sub_title {
  width: 100%;
  color: #222;
  background: #fafafa;
  text-align: center;
  padding-top: 70px;
  padding-bottom: 90px;
}
.sub_text01 {
  font-size: 4.4em;
  font-weight: 500;
  letter-spacing: -1px;
}
.sub_text02 {
  font-size: 1.45em;
  padding-top: 20px;
}
.sub_text03 {
  font-size: 1.25em;
  padding-top: 10px;
}
.sub_text04 {
  font-size: 1.25em;
}

/* main */

#sample_image img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#sample_image:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

#sample_image {
  overflow: hidden;
}

#sub_top_title {
  width: 100%;
  color: #fff;
  text-align: center;
  padding-top: 120px;
}

#quick_warp {
  display: none;
  position: absolute;
  width: 515px;
  right: -515px;
  z-index: 10000;
}

.quick_title {
  height: 64px;
  background: #1d336f;
}
.quick_title_left {
  width: 100px;
  float: left;
  padding-top: 18px;
  padding-left: 16px;
}
.quick_title_right {
  width: 415px;
  float: left;
  font-size: 2em;
  color: #fff;
  font-weight: bold;
  padding-top: 10px;
  padding-left: 125px;
}
.quick_stitle {
  height: 114px;
  background: #fff;
  padding-top: 12px;
  padding-left: 20px;
}

.quick_text01 {
  font-size: 2.6em;
  font-weight: bold;
}
.quick_text02 {
  font-size: 1.65em;
}

.quick_list {
  width: 100%;
}
.quick_list ul li {
  border-bottom: 1px solid #2f2f2f;
}

#main_top {
  width: 100%;
  height: 90px;
  box-shadow: -3px -3px 6px 6px #f0f0f0;
}
.main_logo {
  position: absolute;
  top: 12px;
  left: 0%;
  width: 170px;
  float: left;
  text-align: center;
}
.main_menu {
  width: 900px;
  margin: 0 auto;
  text-align: center;
  font-size: 1.25em;
}
.main_menu ul li {
  float: left;
  padding: 30px 20px;
}
.main_menu a:hover {
  color: #1d336f;
}
.quick_menu {
  width: 275px;
  float: right;
}
.quick_menu ul li {
  height: 24px;
  float: left;
  margin-top: 30px;
  padding: 0 15px;
  border-right: 1px solid #ccc;
  font-size: 1.25em;
}
.quick_menu li:last-child {
  border-right: 1px solid #fff;
}
.quick {
  width: 138px;
  height: 90px;
  background: #1d336f;
  float: right;
  color: #fff;
  font-size: 1.25em;
  font-weight: bold;
  padding-top: 30px;
  text-align: center;
}

#main_visual_m {
  display: none;
  width: 800px;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}

.main_circle {
  position: absolute;
  width: 100%;
  top: 150px;
  text-align: center;
  left: 50%;
  margin-left: -345px;
}
.main_circle .circle {
  position: absolute;
  opacity: 0;
}

#main_visual {
  display: block;
  width: 800px;
  background: url("/images/main_visual.png") center top;
  height: 710px;
  margin: 0 auto;
  margin-top: 0px;
  text-align: center;
}
#main_visual2 {
  display: block;
  width: 800px;
  background: url("/images/main_visual.png") center top;
  height: 710px;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}
.main_visual_btn {
  padding-top: 40px;
}
.main_title {
  clear: both;
  font-size: 3.5em;
  color: #222;
  font-weight: bold;
  padding-left: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  letter-spacing: -2px;
}

.main_text01 {
  font-size: 3.8em;
  color: #bfbfbf;
  font-weight: bold;
  padding-top: 225px;
  letter-spacing: -1px;
}
.main_text02 {
  font-size: 8em;
  color: #222;
  font-weight: bold;
  padding-top: 260px;
  letter-spacing: -3px;
}
.main_text03 {
  font-size: 1.5em;
  color: #929292;
  padding-top: 20px;
}
.main_text04 {
  font-size: 5.5em;
  font-weight: bold;
}
.main_text05 {
  font-size: 1.65em;
}
.main_text06 {
  font-size: 2.8em;
  font-weight: bold;
  letter-spacing: -2px;
}
.main_text07 {
  font-size: 4.2em;
  font-weight: bold;
  letter-spacing: -2px;
}
.main_text08 {
  font-size: 1.45em;
  text-align: center;
  color: #d4d4d4;
  padding-top: 5px;
}
.main_text09 {
  font-size: 3.2em;
  font-weight: bold;
  text-align: center;
  color: #fff;
  padding-top: 0px;
}
.main_text10 {
  font-size: 1.45em;
  text-align: center;
  color: #fff;
  padding-top: 10px;
}
.main_text11 {
  font-size: 1.25em;
  text-align: center;
  color: #fff;
  padding-top: 10px;
}
.main_text12 {
  font-family: "NotoSansKr-Light";
  font-size: 2.615em;
  color: #fff;
  padding-top: 60px;
  line-height: 1.3em;
  letter-spacing: -1px;
}
.main_text13 {
  font-size: 1.25em;
  color: #fff;
  padding-top: 30px;
  line-height: 1.5em;
}
.main_text14 {
  font-size: 1.65em;
  color: #fff;
  padding-top: 0px;
}
.main_text15 {
  font-size: 1.25em;
  color: #fff;
  padding-top: 15px;
}
.main_text15 span {
  display: inline-block;
}

#main_con01 {
  width: 100%;
  height: 525px;
  background: url("/images/main_con01bg.png") center top no-repeat;
  margin-top: 70px;
  text-align: center;
  color: #fff;
}
.main_con01_left {
  width: 50%;
  float: left;
  padding-top: 145px;
}
.main_con01_right {
  width: 50%;
  float: left;
  padding-top: 145px;
}

#main_con02_warp {
  width: 100%;
  margin-top: 0px;
}
.main_con02 {
  width: 1800px;
  margin: 0 auto;
}
.main_con02_left {
  width: 50%;
  float: left;
  padding-top: 0px;
  padding-left: 0px;
}
.main_con02_left img {
  width: 100%;
}
.main_con02_right {
  width: 50%;
  float: left;
  padding-top: 0px;
  padding-left: 0px;
}
.main_con02_right img {
  width: 100%;
}

#main_con03_warp {
  clear: both;
  width: 100%;
  height: 520px;
  background: url("/images/main_con03bg.png") center top no-repeat;
  padding-top: 100px;
}
.main_con03 {
  width: 1400px;
  margin: 0 auto;
  color: #fff;
}
.main_con03_text {
  clear: both;
  text-align: center;
  font-size: 1.65em;
  padding-top: 60px;
}
.main_con03_logo {
  clear: both;
  width: 80%;
  margin: 0 auto;
}
.main_con03_logo ul li {
  width: 200px;
  height: 50px;
  float: left;
  margin: 35px 35px;
}
.main_con03 ul li {
  height: 80px;
  float: left;
  margin-top: 40px;
  padding: 0 80px;
  border-right: 1px solid #ccc;
}
.main_con03 li:last-child {
  border: none;
}

#main_con04_warp {
  clear: both;
  width: 100%;
  height: 630px;
  background: #f5f5f5;
  margin-top: 620px;
}
.main_con04 {
  width: 1800px;
  margin: 0 auto;
}
.main_con04 ul li {
  width: 584px;
  height: 408px;
  float: left;
  margin: 0 0 0 10px;
  padding-top: 85px;
}
.main_con04 li:first-child {
  background: url("/images/main_con04-1.png") center top;
}
.main_con04 li:nth-child(2) {
  background: url("/images/main_con04-2.png") center top;
}
.main_con04 li:last-child {
  background: url("/images/main_con04-3.png") center top;
}

#main_con05_warp {
  clear: both;
  width: 100%;
  height: 850px;
  background: url("/images/main_con05_bg.png") center top;
}
.main_con05 {
  width: 1200px;
  margin: 0 auto;
}
.main_con05_left {
  width: 350px;
  float: left;
}
.main_con05_right {
  width: 800px;
  float: left;
  padding-left: 50px;
  padding-top: 60px;
}

.input01 {
  width: 204px;
  height: 34px;
  border: none;
  border-bottom: 1px solid #fff;
  background: none;
  font-size: 1.24em;
  padding-left: 4px;
  margin-top: 20px;
  color: #fff;
}
.input02 {
  width: 660px;
  height: 34px;
  border: none;
  border-bottom: 1px solid #fff;
  background: none;
  font-size: 1.24em;
  padding-left: 4px;
  margin-top: 20px;
  color: #fff;
}

/* sub27 */

.sub27_text01 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 0px;
}
.sub27_text02 {
  font-size: 3em;
  font-weight: bold;
  padding-top: 0px;
  line-height: 1.3em;
  letter-spacing: -1px;
}
.sub27_text03 {
  font-size: 1.35em;
  line-height: 1.6em;
  color: #454545;
  padding-top: 15px;
}
.sub27_text04 {
  font-size: 1.45em;
  padding-top: 12px;
  line-height: 1.6em;
}

#sub27_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

#sub27_con01 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

#sub27_con02 {
  width: 974px;
  margin: 0 auto;
  margin-top: 100px;
}
.sub27_con02_left {
  width: 470px;
  float: left;
  padding-left: 50px;
  padding-top: 80px;
}
.sub27_con02_right {
  width: 470px;
  float: left;
  padding-left: 50px;
  padding-top: 35px;
}

#sub27_btn_warp {
  width: 530px;
  margin: 0 auto;
}
#sub27_btn_warp ul li {
  /* float: left;
  padding: 0px 10px 60px 0; */
}

#sub27_btn {
  width: 255px;
  height: 60px;
  margin: 0 auto;
  border: 1px solid #ccc;
  text-align: center;
  margin-top: 40px;
}
#sub27_con03 {
  width: 1200px;
  margin: 0 auto;
  padding: 20px 80px 0 0px;
  font-size: 1.45em;
  line-height: 2.1em;
}

/* sub21 */

.sub21_text02 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 50px;
}
.sub21_text03 {
  font-size: 1.45em;
  padding-top: 10px;
  padding-left: 15px;
  color: #434343;
  line-height: 1.5em;
  padding-left: 0px;
  padding-top: 20px;
}
.sub21_text04 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub21_text05 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 10px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub21_text06 {
  padding-left: 25px;
}
.sub21_text07 {
  font-size: 2.2em;
  font-weight: bold;
  padding-top: 10px;
  color: #222;
  letter-spacing: -1px;
}
.sub21_text08 {
  font-size: 1.65em;
  padding-top: 40px;
  color: #222;
}
.sub21_text09 {
  text-align: center;
  padding-top: 30px;
}
.sub21_text10 {
  font-size: 2.1em;
  padding-top: 40px;
  line-height: 1.6em;
  text-align: center;
}
.sub21_text11 {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  padding-top: 40px;
}
.sub21_text12 {
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub21_text13 {
  font-size: 1.65em;
  line-height: 1.6em;
  padding-top: 30px;
}
.sub21_text14 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 0px;
}
.sub21_text15 {
  font-size: 1.25em;
  padding-top: 12px;
  line-height: 1.6em;
}
.sub21_text16 {
  width: 217px;
  margin: 0 auto;
  padding-top: 30px;
}
.sub21_text17 {
  padding-top: 50px;
}
.sub21_text18 {
  font-size: 1.45em;
  padding-top: 12px;
  line-height: 1.6em;
}

.sub21_hr01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 400px;
  height: 1px;
  border-top: 1px solid #ccc;
}

#sub21_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

#sub21_video_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub21_video {
  width: 1200px;
  height: 675px;
  padding-top: 0px;
}

#sub21_con_warp01 {
  clear: both;
  width: 100%;
  padding-top: 40px;
  margin-top: 0px;
}
.sub21_con_text01 {
  width: 1200px;
  margin: 0 auto;
}
.sub21_con01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub21_con01_left {
  width: 600px;
  float: left;
  padding-top: 40px;
}
.sub21_con01_left01 {
  width: 300px;
  float: left;
  padding-top: 45px;
}
.sub21_con01_left02 {
  width: 300px;
  float: left;
}
.sub21_con01_right {
  width: 600px;
  float: left;
  padding-top: 40px;
}
.sub21_con01_right01 {
  width: 250px;
  float: left;
  padding-top: 45px;
}
.sub21_con01_right02 {
  width: 350px;
  float: left;
}
.sub21_con01-2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub21_con01-2_left {
  width: 600px;
  float: left;
  padding-left: 80px;
}
.sub21_con01-2_right {
  width: 600px;
  float: left;
  padding-top: 60px;
  padding-left: 180px;
}

#sub21_con_warp02 {
  clear: both;
  width: 100%;
  padding-top: 80px;
  margin-top: 20px;
}
.sub21_con_text02 {
  width: 1200px;
  margin: 0 auto;
}
.sub21_con_text03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.sub21_con_text03_left {
  width: 475px;
  float: left;
}
.sub21_con_text03_right {
  width: 715px;
  float: left;
  padding-left: 30px;
  padding-top: 50px;
}

#sub21_con03_warp {
  clear: both;
  width: 100%;
  height: 1000px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 370px;
}
.sub21_con03 {
  width: 1200px;
  margin: 0 auto;
}
.sub21_con03_title {
  width: 1200px;
  margin: 0 auto;
}

#sub21_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
}
.sub21_con04_title {
  width: 1200px;
  margin: 0 auto;
}

#sub21_con05_warp {
  clear: both;
  width: 100%;
  height: 600px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 50px;
}
.sub21_con05 {
  width: 1200px;
  margin: 0 auto;
}
.sub21_con05_title {
  width: 1200px;
  margin: 0 auto;
}

#sub21_con06_warp {
  clear: both;
  width: 900px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub21_con06 {
  width: 1020px;
  margin: 0 auto;
}
.sub21_con06 ul li {
  text-align: center;
  float: left;
  padding: 60px 15px;
}

#sub21_btn {
  width: 255px;
  height: 60px;
  margin: 0 auto;
  border: 1px solid #ccc;
  text-align: center;
  margin-top: 40px;
}

#sub21_con07 {
  width: 825px;
  height: 150px;
  margin: 0 auto;
}
#sub21_con07 ul {
  /*추가*/
  margin: 0 auto;
  display: table;
}
#sub21_con07 ul li {
  /* float: left; */
  display: table-cell;
  padding: 10px;
}

/* sub22 */

.sub22_text02 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 50px;
}
.sub22_text03 {
  font-size: 1.45em;
  padding-top: 10px;
  padding-left: 15px;
  color: #434343;
  line-height: 1.5em;
  padding-left: 0px;
  padding-top: 20px;
}
.sub22_text04 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub22_text05 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub22_text06 {
  padding-left: 25px;
}
.sub22_text07 {
  font-size: 2.2em;
  font-weight: bold;
  padding-top: 10px;
  color: #222;
  letter-spacing: -1px;
}
.sub22_text08 {
  font-size: 1.65em;
  padding-top: 10px;
  color: #222;
}
.sub22_text09 {
  text-align: center;
}
.sub22_text10 {
  font-size: 2.1em;
  padding-top: 40px;
  line-height: 1.6em;
  text-align: center;
}
.sub22_text11 {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  padding-top: 40px;
}
.sub22_text12 {
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub22_text13 {
  font-size: 1.65em;
  line-height: 1.6em;
}
.sub22_text14 {
  font-size: 2.2em;
  line-height: 1.8em;
  padding-top: 0px;
  color: #222;
}
.sub22_text15 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 0px;
}
.sub22_text16 {
  font-size: 1.25em;
  padding-top: 14px;
  line-height: 1.6em;
}

.sub22_hr01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 400px;
  height: 1px;
  border-top: 1px solid #ccc;
}

#sub22_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
#sub22_title02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

#sub22_con_warp01 {
  clear: both;
  width: 100%;
  padding-top: 50px;
}
.sub22_con_text01 {
  width: 1200px;
  margin: 0 auto;
  padding-left: 0px;
}
.sub22_con01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub22_con01_left {
  width: 500px;
  float: left;
  padding-top: 0px;
  padding-left: 0px;
}
.sub22_con01_right {
  width: 700px;
  float: left;
  padding-top: 70px;
}
.sub22_con01-2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub22_con01-2_left {
  width: 600px;
  float: left;
  padding-left: 0px;
}
.sub22_con01-2_right {
  width: 600px;
  float: left;
  padding-top: 70px;
  padding-left: 60px;
}

#sub22_con03_warp {
  clear: both;
  width: 100%;
  height: 1150px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 50px;
}
.sub22_con03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

#sub22_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

#sub22_con05_warp {
  clear: both;
  width: 100%;
  height: 700px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 100px;
}
#sub22_con05 {
  clear: both;
  width: 1040px;
  margin: 0 auto;
  padding-top: 50px;
}

#sub22_con06_warp {
  clear: both;
  width: 1036px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub22_con06 {
  width: 1020px;
  margin: 0 auto;
}
.sub22_con06 ul li {
  text-align: center;
  float: left;
  padding: 60px 15px;
}

#sub22_con07 {
  width: 825px;
  height: 150px;
  margin: 0 auto;
}
#sub22_con07 ul {
  /* float: left; */
  padding: 10px;
  display: table;
  margin: 0 auto;
}
#sub22_con07 ul li {
  /* float: left; */
  padding: 10px;
  display: table-cell;
}

#sub22_btn {
  width: 255px;
  height: 60px;
  margin: 0 auto;
  border: 1px solid #ccc;
  text-align: center;
  margin-top: 40px;
}

.sub_btn01 {
  width: 175px;
  height: 40px;
  background: #222;
  color: #fff;
  font-size: 1.25em;
  text-align: center;
  line-height: 2.2em;
  margin-top: 40px;
}
.sub_btn01 a:hover {
  width: 175px;
  height: 40px;
  background: #ff0000;
}

/* sub23 */

.sub23_text02 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 50px;
}
.sub23_text03 {
  font-size: 1.45em;
  padding-top: 10px;
  padding-left: 15px;
  color: #434343;
  line-height: 1.5em;
  padding-left: 0px;
  padding-top: 20px;
}
.sub23_text04 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub23_text05 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub23_text06 {
  padding-left: 25px;
}
.sub23_text07 {
  font-size: 3.2em;
  font-weight: bold;
  padding-top: 10px;
  color: #222;
  letter-spacing: -1px;
}
.sub23_text08 {
  font-size: 1.85em;
  padding-top: 10px;
  color: #222;
}
.sub23_text09 {
  text-align: center;
  padding-top: 30px;
}
.sub23_text10 {
  font-size: 2.1em;
  padding-top: 40px;
  line-height: 1.6em;
  text-align: center;
}
.sub23_text11 {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  padding-top: 40px;
}
.sub23_text12 {
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub23_text13 {
  font-size: 1.65em;
  line-height: 1.6em;
}
.sub23_text14 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 50px;
}
.sub23_text15 {
  font-size: 2.2em;
  font-weight: bold;
  padding-top: 10px;
  color: #222;
  letter-spacing: -1px;
}
.sub23_text16 {
  font-size: 1.65em;
  padding-top: 10px;
  color: #222;
}
.sub23_text17 {
  width: 217px;
  margin: 0 auto;
  padding-top: 60px;
  font-size: 1.25em;
  padding-top: 12px;
  line-height: 1.6em;
}
.sub23_text18 {
  padding-top: 50px;
}
.sub23_text19 {
  margin: 0 auto;
  /* padding-top: 60px; */
  font-size: 1.25em;
  padding-top: 14px;
  line-height: 1.6em;
}

.sub23_hr01 {
  width: 1200px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  margin-top: 480px;
}

#sub23_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
}

#sub23_con01_warp {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub23_con01 {
  width: 100%;
  padding-top: 50px;
}
.sub23_con01_left {
  width: 500px;
  float: left;
  padding-left: 80px;
}
.sub23_con01_right {
  width: 700px;
  float: left;
  padding-top: 120px;
  padding-left: 40px;
}

#sub23_con_warp02 {
  clear: both;
  width: 100%;
  padding-top: 0px;
  margin-top: 0px;
}
.sub23_con02 {
  width: 1200px;
  margin: 0 auto;
}
.sub23_con02_left {
  width: 550px;
  float: left;
  padding-top: 40px;
}
.sub23_con02_right {
  width: 650px;
  float: left;
  padding-top: 90px;
  padding-left: 0px;
}

#sub23_con03_warp {
  clear: both;
  width: 100%;
  height: 800px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 600px;
}
.sub21_con03 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
}
.sub21_con03_title {
  width: 1200px;
  margin: 0 auto;
}

#sub23_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

#sub23_con05_warp {
  clear: both;
  width: 100%;
  height: 800px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 50px;
}
.sub23_con05 {
  width: 1200px;
  margin: 0 auto;
}

#sub23_con06_warp {
  clear: both;
  width: 1200px;
  padding: 20px;
  margin: 0 auto;
  padding-top: 40px;
}
#sub23_con06_warp img {
  width: 100%;
}

#sub23_con07 {
  width: 825px;
  height: 150px;
  margin: 0 auto;
}
#sub23_con07 ul {
  display: table;
  margin: 0 auto;
}
#sub23_con07 ul li {
  /* float: left; */
  padding: 10px;
  display: table-cell;
}

#sub23_btn {
  width: 255px;
  height: 60px;
  margin: 0 auto;
  border: 1px solid #ccc;
  text-align: center;
  margin-top: 40px;
}

/* sub24*/

.sub24_text02 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 50px;
}
.sub24_text03 {
  font-size: 1.45em;
  padding-left: 10px;
  color: #8b8b8b;
  line-height: 1.5em;
  margin-top: 30px;
  border-left: 2px solid #222;
}
.sub24_text04 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub24_text05 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub24_text06 {
  padding-left: 50px;
}
.sub24_text07 {
  font-size: 3.2em;
  font-weight: bold;
  padding-top: 10px;
  color: #222;
  letter-spacing: -1px;
}
.sub24_text08 {
  font-size: 1.85em;
  padding-top: 10px;
  color: #222;
}
.sub21_text09 {
  text-align: center;
}
.sub21_text10 {
  font-size: 2.1em;
  padding-top: 40px;
  line-height: 1.6em;
  text-align: center;
}
.sub21_text11 {
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  padding-top: 40px;
}
.sub21_text12 {
  width: 1000px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub24_text13 {
  font-size: 1.65em;
  line-height: 1.6em;
  padding-top: 30px;
}
.sub24_text14 {
  font-size: 2.6em;
  font-weight: bold;
}
.sub24_text15 {
  font-size: 1.25em;
  padding-top: 14px;
  line-height: 1.6em;
}
.sub24_text16 {
  padding-top: 30px;
}
.sub24_text17 {
  width: 217px;
  margin: 0 auto;
  padding-top: 30px;
}

.sub24_hr01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 550px;
  height: 1px;
  border-top: 1px solid #ccc;
}

#sub24_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

.sub24_con01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub24_con01_left {
  width: 600px;
  float: left;
  padding-left: 80px;
}
.sub24_con01_right {
  width: 600px;
  float: left;
  padding-left: 60px;
  padding-top: 120px;
}
.sub24_con01_right_m {
  display: none;
  width: 600px;
  float: left;
  padding-left: 60px;
  padding-top: 120px;
}

#sub24_con_warp02 {
  clear: both;
  width: 100%;
  padding-top: 40px;
  margin-top: 20px;
}
.sub24_con02 {
  width: 1200px;
  margin: 0 auto;
}
.sub24_con02_left {
  width: 600px;
  float: left;
  padding-top: 120px;
  padding-left: 50px;
}
.sub24_con02_right {
  width: 600px;
  float: left;
  padding-top: 0px;
  padding-left: 0px;
}

#sub24_con03_warp {
  clear: both;
  width: 100%;
  height: 1200px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 370px;
}
.sub24_con03 {
  width: 1200px;
  margin: 0 auto;
}
.sub24_con03_title {
  width: 1200px;
  margin: 0 auto;
}

#sub24_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
}
.sub24_con04_title {
  width: 1200px;
  margin: 0 auto;
}

#sub24_con05_warp {
  clear: both;
  width: 100%;
  height: 850px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 50px;
}
.sub24_con05 {
  width: 1200px;
  margin: 0 auto;
}
.sub24_con05_title {
  width: 1200px;
  margin: 0 auto;
}

#sub24_con06_warp {
  clear: both;
  width: 100%;
  height: 1400px;
  background: #fff;
  margin: 0 auto;
  margin-top: 50px;
}
.sub24_con06 {
  width: 1200px;
  margin: 0 auto;
}

#sub24_con07 {
  width: 825px;
  height: 150px;
  margin: 0 auto;
}
#sub24_con07 ul {
  display: table;
  margin: 0 auto;
}
#sub24_con07 ul li {
  /* float: left; */
  display: table-cell;
  padding: 10px;
}

#sub24_btn {
  width: 255px;
  height: 60px;
  margin: 0 auto;
  border: 1px solid #ccc;
  text-align: center;
  margin-top: 40px;
}

/* sub25 */

.sub25_text02 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 50px;
}
.sub25_text03 {
  font-size: 1.45em;
  padding-left: 10px;
  color: #8b8b8b;
  line-height: 1.5em;
  margin-top: 30px;
  border-left: 2px solid #222;
  padding-top: 0px;
}
.sub25_text04 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub25_text05 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub25_text06 {
  padding-left: 50px;
}
.sub25_text07 {
  font-size: 3.2em;
  font-weight: bold;
  padding-top: 10px;
  color: #222;
  letter-spacing: -1px;
}
.sub25_text08 {
  font-size: 1.85em;
  padding-top: 10px;
  color: #222;
}
.sub25_text09 {
  text-align: center;
}
.sub25_text10 {
  font-size: 2.1em;
  padding-top: 40px;
  line-height: 1.6em;
  text-align: center;
}
.sub25_text11 {
  text-align: right;
  font-size: 1.5em;
  font-weight: bold;
  padding-top: 40px;
}
.sub25_text12 {
  width: 1000px;
  margin: 0 auto;
  padding-top: 0px;
}
.sub25_text13 {
  font-size: 1.65em;
  line-height: 1.6em;
}
.sub25_text14 {
  font-size: 2.6em;
  font-weight: bold;
}

#sub25_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

.sub25_con01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub25_con01_left {
  width: 600px;
  float: left;
  padding-left: 0px;
}
.sub25_con01_right {
  width: 600px;
  float: left;
  padding-left: 0px;
  padding-top: 20px;
}

.sub25_con02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub25_con02_left {
  width: 600px;
  float: left;
  padding-left: 0px;
  padding-top: 40px;
}
.sub25_con02_right {
  width: 600px;
  float: left;
  padding-left: 0px;
}

#sub25_con03_warp {
  clear: both;
  width: 1200px;
  margin: 0 auto;
}
.sub25_con03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

#sub25_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

#sub25_con05 {
  clear: both;
  width: 1040px;
  margin: 0 auto;
  padding-top: 50px;
}

/* sub26 */

#sub21_menu_warp {
  width: 100%;
  height: 150px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.sub21_menu {
  width: 915px; /*990px*/
  margin: 0 auto;
}
.sub21_menu ul li {
  position: relative;
  width: 195px;
  padding: 0 0px;
  height: 20px;
  float: left;
  text-align: center;
  margin: 25px 0px;
  border-right: 1px solid #ccc;
}
.sub21_menu li:last-child {
  border-right: 1px solid #fff;
}

#sub26_con01_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

#sub26_new_warp01 {
  width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
}
.sub26_new_con01 {
  width: 1200px;
  margin: 0 auto;
}
.sub26_new_con01_left {
  width: 600px;
  float: left;
}
.sub26_new_con01_right {
  width: 600px;
  float: left;
}
.sub26_new_con01_img {
  clear: both;
  width: 900px;
  margin: 0 auto;
  padding-top: 70px;
}
.sub26_new_con01_img2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 70px;
}

.sub26_text01 {
  font-size: 2.6em;
  color: #00afc8;
  font-weight: bold;
}
.sub26_text02 {
  font-size: 3.4em;
  color: #222;
  font-weight: bold;
}
.sub26_text03 {
  font-size: 2.2em;
  color: #222;
  line-height: 1.6em;
  padding-top: 50px;
}
.sub26_text04 {
  font-size: 1.6em;
  font-weight: bold;
  color: #222;
  line-height: 1.6em;
  padding: 10px 0;
}
.sub26_text05 {
  font-size: 1.55em;
  line-height: 1.5em;
  color: #00afc8;
  padding-top: 20px;
}
.sub26_text06 {
  padding-top: 10px;
}
.sub26_text07 {
  font-size: 2.8em;
  line-height: 1.5em;
  font-weight: bold;
  color: #1d336f;
  padding-top: 20px;
}
.sub26_text08 {
  height: 150px;
}
.sub26_text09 {
  height: 130px;
}
.sub26_text10 {
  font-size: 1.6em;
  color: #222;
  line-height: 1.6em;
  padding: 10px 0;
}
.sub26_text11 {
  font-size: 1.6em;
  color: #222;
  line-height: 1.6em;
  padding: 10px 0;
}

#sub26_new_warp02 {
  width: 100%;
  height: 730px;
  background: #e7ebf1;
  margin: 0 auto;
  margin-top: 60px;
}
.sub26_new_con02 {
  width: 1200px;
  margin: 0 auto;
}
.sub26_new_con02_title {
  width: 100%;
  padding-top: 70px;
}
.sub26_new_con02_box {
  clear: both;
  width: 100%;
  padding-top: 70px;
  text-align: center;
}
.sub26_new_con02_box ul {
  padding-top: 30px;
}
.sub26_new_con02_box ul li {
  width: 220px;
  height: 320px;
  background: #fff;
  float: left;
  padding: 20px;
  margin: 0 20px 0 0;
}
.sub26_new_con02_box ul li:last-child > a {
  /* display: none; */
}

#sub26_new_warp03 {
  width: 1200px;
  height: 730px;
  margin: 0 auto;
  padding-top: 70px;
}
.sub26_new_con03_title {
  width: 100%;
}
.sub26_new_con03 {
  width: 100%;
  padding-top: 70px;
  text-align: center;
}
.sub26_new_con03_left {
  width: 400px;
  height: 250px;
  float: left;
  border-right: 1px solid #ccc;
}
.sub26_new_con03_center {
  width: 400px;
  height: 250px;
  float: left;
  border-right: 1px solid #ccc;
}
.sub26_new_con03_right {
  width: 400px;
  height: 250px;
  float: left;
  padding-top: 20px;
}
.sub26_new_con03_btn {
  clear: both;
  width: 540px;
  margin: 0 auto;
  padding-top: 70px;
}
.sub26_new_con03_btn ul li {
  /* width: 270px;
  float: left; */
  padding: 0 0px 0 0;
}

#sub26_new_warp05 {
  width: 1200px;
  height: 650px;
  margin: 0 auto;
  padding-top: 70px;
}
.sub26_new_con05_title {
  width: 100%;
}
.sub26_new_con05 {
  width: 100%;
  padding-top: 70px;
}
.sub26_new_con05 ul li {
  width: 400px;
  float: left;
}

/* sub28 */

#sub28_title {
  width: 492px;
  margin: 0 auto;
  padding-top: 60px;
}
#sub28_title02 {
  width: 292px;
  margin: 0 auto;
  height: 72px;
  padding-bottom: 100px;
}
#sub28_title03 {
  width: 100%;
  margin: 0 auto;
  padding-top: 0px;
}
#sub28_con01_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub28_con01-1 {
  width: 100%;
  margin: 0 auto;
}
.sub28_con01-1_left {
  width: 700px;
  float: left;
}
.sub28_con01-1_right {
  width: 500px;
  float: left;
}
.sub28_con01-2 {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding-top: 60px;
}

#sub28_con02_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub28_con02-1 {
  width: 100%;
  margin: 0 auto;
}
.sub28_con02-1_left {
  width: 700px;
  float: left;
}
.sub28_con02-1_right {
  width: 500px;
  float: left;
}
.sub28_con02-2 {
  clear: both;
  width: 970px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub28_con02-3 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub28_con03_warp {
  width: 100%;
  height: 1300px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 60px;
  padding-top: 60px;
}
.sub28_con03 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}
.sub28_con03_left {
  width: 70px;
  float: left;
}
.sub28_con03_right {
  width: 1130px;
  float: left;
  font-size: 24px;
  padding-left: 20px;
  padding-top: 17px;
}
.sub28_con03-2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.sub28_con03-2 ul li {
  float: left;
  padding: 0 20px 0 0;
}

#sub28_con04_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub28_con05_warp {
  width: 100%;
  height: 1100px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 60px;
  padding-top: 60px;
}
.sub28_con05 {
  width: 1200px;
  margin: 0 auto;
}
.sub28_con05-2 {
  width: 1060px;
  margin: 0 auto;
  padding-top: 60px;
}

.sub28_text01 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub28_text02 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
}
.sub28_text03 {
  font-size: 18px;
  color: #666666;
  line-height: 1.6em;
  padding-top: 20px;
}
.sub28_text04 {
  font-size: 2.6em;
  font-weight: bold;
}
.sub28_text05 {
  font-size: 1.65em;
  line-height: 1.6em;
  padding-top: 30px;
}

.sub28_hr01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
  height: 1px;
  border-top: 1px solid #ccc;
}
.sub28_hr02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 100px;
  height: 1px;
  border-top: 1px solid #ccc;
}

/* sub29 */

#sub29_title {
  width: 492px;
  margin: 0 auto;
  padding-top: 60px;
}
#sub29_title02 {
  width: 292px;
  margin: 0 auto;
  height: 72px;
  padding-bottom: 100px;
}
#sub29_title03 {
  width: 100%;
  margin: 0 auto;
  padding-top: 0px;
}
#sub29_con01_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub29_con01-1 {
  width: 100%;
  margin: 0 auto;
}
.sub29_con01-1_left {
  width: 700px;
  float: left;
  padding-top: 60px;
}
.sub29_con01-1_right {
  width: 500px;
  float: left;
  padding-top: 60px;
}
.sub29_con01-2 {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding-top: 0px;
}

#sub29_con02_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub29_con02-1 {
  width: 100%;
  margin: 0 auto;
}
.sub29_con02-1_left {
  width: 600px;
  float: left;
}
.sub29_con02-1_right {
  width: 600px;
  float: left;
}
.sub29_con02-2 {
  clear: both;
  width: 840px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub29_con03_warp {
  width: 100%;
  height: 1300px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 60px;
  padding-top: 60px;
}
.sub29_con03 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}
.sub29_con03_left {
  width: 70px;
  float: left;
}
.sub29_con03_right {
  width: 1130px;
  float: left;
  font-size: 24px;
  padding-left: 20px;
  padding-top: 17px;
}
.sub29_con03-2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.sub29_con03-2 ul li {
  float: left;
  padding: 0 20px 0 0;
}

#sub29_con04_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub29_con05_warp {
  width: 100%;
  height: 1300px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 60px;
  padding-top: 60px;
}
.sub29_con05 {
  width: 1200px;
  margin: 0 auto;
}
.sub29_con05-2 {
  width: 1060px;
  margin: 0 auto;
  padding-top: 60px;
}

.sub29_text01 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub29_text02 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
}
.sub29_text03 {
  font-size: 18px;
  color: #666666;
  line-height: 1.6em;
  padding-top: 20px;
}
.sub29_text04 {
  font-size: 2.6em;
  font-weight: bold;
}
.sub29_text05 {
  font-size: 1.65em;
  line-height: 1.6em;
  padding-top: 30px;
}

.sub29_hr01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 400px;
  height: 1px;
  border-top: 1px solid #ccc;
}
.sub29_hr02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 100px;
  height: 1px;
  border-top: 1px solid #ccc;
}

/* sub291 */

#sub291_title {
  width: 492px;
  margin: 0 auto;
  padding-top: 60px;
}
#sub291_title02 {
  width: 292px;
  margin: 0 auto;
  height: 72px;
  padding-bottom: 100px;
}
#sub291_title03 {
  width: 100%;
  margin: 0 auto;
  padding-top: 0px;
}

#sub291_con01_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub291_con01-1 {
  width: 100%;
  margin: 0 auto;
}
.sub291_con01-1_left {
  width: 600px;
  float: left;
  padding-top: 60px;
}
.sub291_con01-1_right {
  width: 600px;
  float: left;
  padding-top: 140px;
}
.sub291_con01-2 {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding-top: 0px;
}

#sub291_con02_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub291_con02-1 {
  width: 100%;
  margin: 0 auto;
}
.sub291_con02-1_left {
  width: 600px;
  float: left;
  padding-top: 60px;
}
.sub291_con02-1_right {
  width: 600px;
  float: left;
  padding-left: 30px;
  padding-top: 140px;
}
.sub291_con02-2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub291_con03_warp {
  width: 100%;
  height: 1300px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 60px;
  padding-top: 60px;
}
.sub291_con03 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}
.sub291_con03_left {
  width: 70px;
  float: left;
}
.sub291_con03_right {
  width: 1130px;
  float: left;
  font-size: 24px;
  padding-left: 20px;
  padding-top: 17px;
}
.sub291_con03-2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.sub291_con03-2 ul li {
  float: left;
  padding: 0 20px 0 0;
}

#sub291_con04_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub291_con05_warp {
  width: 100%;
  height: 1300px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 60px;
  padding-top: 60px;
}
.sub291_con05 {
  width: 1200px;
  margin: 0 auto;
}
.sub291_con05-2 {
  width: 1060px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub291_con06_warp {
  width: 1200px;
  height: 900px;
  margin: 0 auto;
  padding-top: 60px;
}

.sub291_text01 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub291_text02 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
}
.sub291_text03 {
  font-size: 18px;
  color: #666666;
  line-height: 1.6em;
  padding-top: 20px;
}
.sub291_text04 {
  font-size: 2.6em;
  font-weight: bold;
}
.sub291_text05 {
  font-size: 1.65em;
  line-height: 1.6em;
  padding-top: 30px;
}

.sub291_hr01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 550px;
  height: 1px;
  border-top: 1px solid #ccc;
}
.sub291_hr02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 100px;
  height: 1px;
  border-top: 1px solid #ccc;
}

/* sub292 */

#sub292_title {
  width: 492px;
  margin: 0 auto;
  padding-top: 60px;
}
#sub292_title02 {
  width: 292px;
  margin: 0 auto;
  height: 72px;
  padding-bottom: 100px;
}
#sub292_title03 {
  width: 100%;
  margin: 0 auto;
  padding-top: 0px;
}
#sub292_con01_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub292_con01-1 {
  width: 100%;
  margin: 0 auto;
}
.sub292_con01-1_left {
  width: 600px;
  float: left;
}
.sub292_con01-1_right {
  width: 600px;
  float: left;
  padding-top: 80px;
}

#sub292_con02_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub292_con02-1 {
  width: 100%;
  margin: 0 auto;
}
.sub292_con02-1_left {
  width: 600px;
  float: left;
}
.sub292_con02-1_right {
  width: 600px;
  float: left;
}
.sub292_con02-2 {
  clear: both;
  width: 780px;
  margin: 0 auto;
  padding-top: 90px;
}

#sub292_con03_warp {
  width: 100%;
  height: 1350px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 90px;
  padding-top: 60px;
}
.sub292_con03 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}
.sub292_con03_left {
  width: 70px;
  float: left;
}
.sub292_con03_right {
  width: 1130px;
  float: left;
  font-size: 24px;
  padding-left: 20px;
  padding-top: 17px;
}
.sub292_con03-2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.sub292_con03-2 ul li {
  float: left;
  padding: 0 20px 0 0;
}

#sub292_con04_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub292_con05_warp {
  width: 100%;
  height: 1100px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 60px;
  padding-top: 60px;
}
.sub292_con05 {
  width: 1200px;
  margin: 0 auto;
}
.sub292_con05-2 {
  width: 1060px;
  margin: 0 auto;
  padding-top: 60px;
}

.sub292_text01 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub292_text02 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
}
.sub292_text03 {
  font-size: 18px;
  color: #666666;
  line-height: 1.6em;
  padding-top: 20px;
}
.sub292_text04 {
  font-size: 2.6em;
  font-weight: bold;
}
.sub292_text05 {
  font-size: 1.65em;
  line-height: 1.6em;
  padding-top: 30px;
}
.sub292_text06 {
  font-size: 18px;
  color: #666666;
  line-height: 1.6em;
  padding-top: 20px;
  padding-left: 0px;
}

.sub292_hr01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 510px;
  height: 1px;
  border-top: 1px solid #ccc;
}
.sub292_hr02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 100px;
  height: 1px;
  border-top: 1px solid #ccc;
}

/* sub293 */

#sub293_title {
  width: 492px;
  margin: 0 auto;
  padding-top: 60px;
}
#sub293_title02 {
  width: 292px;
  margin: 0 auto;
  height: 72px;
  padding-bottom: 100px;
}
#sub293_title03 {
  width: 100%;
  margin: 0 auto;
  padding-top: 0px;
}

#sub293_con01_warp {
  width: 100%;
  height: 700px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub293_con01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}
.sub293_con01_left {
  width: 70px;
  float: left;
}
.sub293_con01_right {
  width: 1130px;
  float: left;
  font-size: 24px;
  padding-left: 20px;
  padding-top: 17px;
}

#sub293_con02_warp {
  width: 100%;
  height: 650px;
  background: url("/images/sub293-1.png") no-repeat center top;
  margin: 0 auto;
  padding-top: 60px;
}
.sub293_con02 {
  width: 1200px;
  margin: 0 auto;
}
.sub293_con02-1 {
  width: 464px;
  float: right;
  padding-top: 30px;
}

#sub293_con03_warp {
  clear: both;
  width: 100%;
  height: 580px;
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 0px;
}
.sub293_con03 {
  width: 1200px;
  margin: 0 auto;
}
.sub293_con03_title {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub293_con04_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub293_con05_warp {
  width: 100%;
  /* height: 1150px; */
  background: #f5f5f5;
  margin: 0 auto;
  margin-top: 60px;
  /* padding-top: 60px; */
  padding: 60px 0;
}
.sub293_con05 {
  width: 1200px;
  margin: 0 auto;
}
.sub293_con05-2 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub293_con06_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub293_con06 {
  /* width: 1000px; */
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}
.sub293_con06 img {
  display: block;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
}

#sub293_con07 {
  /* width: 825px;
  height: 150px; */
  width: 1200px;
  height: auto !important;
  margin: 0 auto;
}
#sub293_con07 ul:after {
  content: "";
  display: block;
  clear: both;
}
#sub293_con07 ul {
  display: table;
  margin: 0 auto;
}
#sub293_con07 ul li {
  /* float: left; */
  display: table-cell;
  padding: 10px;
}
#sub293_con07 ul li #sub21_btn {
  margin: 0;
}

.sub293_text01 {
  font-size: 2.6em;
  font-weight: bold;
}
.sub293_text02 {
  font-size: 1.65em;
  line-height: 1.6em;
  padding-top: 30px;
}

.sub293_hr01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 100px;
  height: 1px;
  border-top: 1px solid #ccc;
}

/* sub11 */

.sub11_text02 {
  font-size: 2.6em;
  font-weight: bold;
  letter-spacing: -2px;
}
.sub11_text03 {
  font-size: 1.45em;
  padding-top: 10px;
  padding-left: 15px;
  color: #434343;
  line-height: 1.5em;
  padding-left: 33px;
  padding-top: 20px;
}
.sub11_text04 {
  font-size: 50px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
}
.sub11_text05 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  line-height: 1.2em;
  padding-left: 30px;
  letter-spacing: -2px;
}
.sub11_text06 {
  font-size: 80px;
  font-weight: bold;
  color: #cdcdcd;
  line-height: 1.2em;
  padding-left: 30px;
  letter-spacing: -2px;
}
.sub11_text07 {
  font-size: 1.45em;
  color: #222;
  line-height: 1.2em;
  padding-left: 35px;
}
.sub11_text08 {
  font-size: 1.45em;
  color: #222;
  line-height: 1.2em;
  padding-top: 10px;
  padding-left: 6px;
}
.sub11_text09 {
  padding-top: 0px;
}

.sub11_text10 {
  font-size: 28px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  text-align: center;
  font-weight: bold;
  color: #222;
}
.sub11_text11 {
  padding-top: 20px;
}
.sub11_text12 {
  font-size: 1.45em;
  padding-top: 20px;
  line-height: 1.5em;
}
.sub11_text13 {
  font-size: 2.4em;
  font-weight: bold;
  padding-top: 15px;
  line-height: 1.5em;
}

.sub11_text14 {
  font-size: 1.45em;
  padding-top: 10px;
  padding-left: 15px;
  color: #434343;
  line-height: 1.5em;
  padding-left: 0px;
  padding-top: 20px;
}
.sub11_text15 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub11_text16 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub11_text17 {
  padding-left: 25px;
}
.sub11_text18 {
  padding-top: 30px;
}

#sub11_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub11_title_left {
  float: left;
}
.sub11_title_right {
  float: left;
  padding-top: 10px;
}

#sub11_menu_warp {
  width: 100%;
  height: 80px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;
}
.sub11_menu {
  width: 1320px;
  margin: 0 auto;
}
/* .sub11_menu ul {
  display: flex;
} */
.sub11_menu ul li {
  /* width: 12.5%; */
  position: relative;
  float: left;
  padding: 0px 24px;
  margin-top: 25px;
  border-right: 1px solid #ccc;
}
.sub11_menu li:last-child {
  border-right: 1px solid #fff;
}
.sub11_text01 {
  font-size: 1.25em;
}

#sub11_con_warp {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub11_con01 {
  clear: both;
  width: 100%;
  padding-top: 0px;
}
.sub11_con01_left {
  width: 700px;
  float: left;
}
.sub11_con01_right {
  width: 500px;
  float: left;
  padding-top: 140px;
  padding-left: 20px;
}
.sub11_con01_right_m {
  display: none;
  width: 500px;
  float: left;
  padding-top: 140px;
  padding-left: 20px;
}
.sub11_con02 {
  clear: both;
  width: 100%;
  padding-top: 50px;
  margin-top: 580px;
  border-top: 1px solid #ccc;
}
.sub11_con02_left {
  width: 700px;
  float: left;
  padding-top: 50px;
}
.sub11_con02_right {
  width: 500px;
  float: left;
  padding-top: 50px;
}

#sub11_con03_warp {
  clear: both;
  width: 100%;
  height: 1320px;
  background: #f5f5f5;
  margin-top: 480px;
}
.sub11_con03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}
.sub11_con03 ul li {
  float: left;
  padding: 60px 50px 0 0px;
  font-size: 1.45em;
  line-height: 2.1em;
}

.sub11_con03_box {
  clear: both;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-top: 280px;
  padding-top: 60px;
}
.sub11_con03_box_01 {
  padding-top: 0px;
}

.sub11_con03_box_list {
  clear: both;
  width: 100%;
  padding-top: 40px;
}
.sub11_con03_box_left {
  width: 400px;
  float: left;
}
.sub11_con03_box_right {
  width: 750px;
  padding-left: 50px;
  float: left;
}

.sub01_text07 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub01_text08 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub01_text09 {
  padding-left: 25px;
}
.sub01_text10 {
  font-size: 1.45em;
  padding-left: 10px;
  color: #8b8b8b;
  line-height: 1.5em;
  padding-top: 0px;
  border-left: 2px solid #222;
}

#sub11_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

/* sub12 */

.sub12_text02 {
  width: 1200px;
  margin: 0 auto;
  font-size: 50px;
  font-weight: bold;
  letter-spacing: -2px;
  padding-top: 50px;
}
.sub12_text03 {
  font-size: 1.45em;
  margin-top: 30px;
  padding-left: 10px;
  color: #8b8b8b;
  line-height: 1.5em;
  border-left: 2px solid #222;
}
.sub12_text04 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: 0px;
  padding-left: 0px;
}
.sub12_text05 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: 0px;
  padding-top: 30px;
}
.sub12_text06 {
  padding-left: 25px;
}
.sub12_text07 {
  font-size: 18.5px;
  line-height: 1.8em;
  padding-top: 20px;
}
.sub12_text08 {
  padding-top: 20px;
}
.sub12_text09 {
  font-size: 1.45em;
  padding-top: 20px;
  line-height: 1.5em;
}
.sub12_text10 {
  padding-top: 30px;
}
.sub12_text11 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 50px;
}
.sub12_text12 {
  width: 100%;
}
.sub12_text13 {
  width: 100%;
}
.sub12_text14 {
  display: none;
}

.sub12_hr01 {
  width: 1200px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  margin-top: 80px;
}

.sub12_btn01 {
  clear: both;
  width: 217px;
  padding-top: 40px;
}

#sub12_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
}

#sub12_con_warp01 {
  clear: both;
  width: 100%;
  height: 530px;
  background: url("/images/sub12-1.png") no-repeat center top;
  padding-top: 80px;
  margin-top: 50px;
}
.sub12_con_text01 {
  width: 50%;
  float: right;
  padding-left: 60px;
}

#sub12_con_warp02 {
  clear: both;
  width: 100%;
  height: 530px;
  background: url("/images/sub12-3.png") no-repeat center top;
  padding-top: 80px;
  margin-top: 50px;
}
.sub12_con_text02 {
  width: 1200px;
  margin: 0 auto;
}

#sub12_con03_warp {
  clear: both;
  width: 100%;
  height: 1500px;
  background: #f5f5f5;
  margin-top: 60px;
}
.sub12_con03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 25px;
}
.sub12_con03 ul li {
  float: left;
  padding: 60px 50px 0 0px;
  font-size: 1.45em;
  line-height: 2.1em;
}
.sub12_con03_box {
  clear: both;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-top: 230px;
  padding-top: 60px;
}
.sub12_con03_box_left {
  float: left;
}
.sub12_con03_box_right {
  float: left;
  padding-left: 50px;
  padding-top: 50px;
}
.sub12_con03-2_box {
  clear: both;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-top: 500px;
  padding-top: 60px;
}
.sub12_con03-2_box_left {
  float: left;
}
.sub12_con03-2_box_right {
  float: left;
  padding-left: 50px;
  padding-top: 50px;
}

#sub12_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

/* sub13 */

.sub13_text03 {
  clear: both;
  font-size: 1.45em;
  margin-top: 30px;
  padding-left: 10px;
  color: #8b8b8b;
  line-height: 1.5em;
  border-left: 2px solid #222;
}
.sub13_text04 {
  float: left;
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: 0px;
  padding-left: 0px;
}
.sub13_text05 {
  float: left;
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 10px;
  letter-spacing: 0px;
  padding-top: 15px;
  padding-bottom: 20px;
}

.sub13_text07 {
  clear: both;
  width: 1080px;
  margin: 0 auto;
  padding-top: 40px;
}
.sub13_text08 {
  clear: both;
  width: 1180px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub13_text09 {
  font-size: 28px;
  padding-top: 20px;
}
.sub13_text10 {
  padding-top: 20px;
}
.sub13_text11 {
  font-size: 1.45em;
  padding-top: 20px;
  line-height: 1.5em;
}
.sub13_text12 {
  padding: 0 0 50px;
}
.sub13_text13 {
  font-size: 2.8em;
  font-weight: bold;
  line-height: 1.8em;
  letter-spacing: -2px;
}
.sub13_text14 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 50px;
}
.sub13_text15 {
  display: none;
}
.sub13_text16 {
  font-size: 18.5px;
  line-height: 1.8em;
  padding-top: 20px;
}

#sub13_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
}

#sub13_con01_warp {
  /*width: 100%;
  margin: 0 auto;
  padding-top: 40px;*/
  clear: both;
  width: 1200px;
  margin: 0 auto;
}

.ko #sub13_con01_warp .content-box {
  margin-left: 442px !important;
}

.sub13_con01-1 {
  width: 1200px;
  padding-top: 40px;
}
.sub13_title {
  width: 100%;
  padding-top: 30px;
}
.sub13_con01 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
}
.sub13_con01-2 {
  clear: both;
  width: 100%;
  height: 342px;
  background: url("/images/sub13-21.png") no-repeat center top;
  margin-top: 100px;
}
/* .sub13_con01-3 {
  width: 1200px;
  margin: 0 auto;
  padding-left: 650px;
} */
#sub13_con01_warp .title {
  margin: 40px 0 30px;
}
#sub13_con01_warp .content-box:after {
  content: "";
  display: block;
  clear: both;
}
#sub13_con01_warp .img-box {
  float: left;
  width: 56%;
  margin-right: 4%;
}
#sub13_con01_warp .img-box img {
  width: auto;
  max-width: 100%;
}
.sub13_con01-4 {
  float: right;
  width: 40%;
}
.sub13_con01-4 > img {
  width: auto;
  max-width: 100%;
}
.sub13_con01-4 .sub12_text07 {
  font-weight: normal !important;
}

#sub13_con02_warp {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
  border-top: 1px solid #ccc;
}
.sub13_con02 {
  width: 100%;
  padding-top: 30px;
}
.sub13_con02_left {
  width: 600px;
  float: left;
  padding-left: 50px;
}
.sub13_con02_right {
  width: 600px;
  float: left;
  padding-left: 100px;
  padding-top: 40px;
}
.sub13_con02_right_box {
  width: 400px;
  height: 280px;
  font-size: 1.85em;
  line-height: 1.8em;
  padding-top: 50px;
  margin-top: 50px;
}

#sub13_con03_warp {
  clear: both;
  width: 100%;
  height: 2500px;
  background: #f5f5f5;
  margin-top: 60px;
}
.sub13_con03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 25px;
}
.sub13_con03 ul li {
  float: left;
  padding: 60px 50px 0 10px;
  font-size: 1.45em;
  line-height: 2.1em;
}
.sub13_con03_box {
  clear: both;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-top: 60px;
  padding-top: 60px;
}
.sub13_con03_box_left {
  float: left;
}
.sub13_con03_box_right {
  float: left;
  padding-left: 50px;
  padding-top: 50px;
}
.sub13_con03-2_box {
  clear: both;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-top: 500px;
  padding-top: 60px;
}
.sub13_con03-2_box_left {
  float: left;
}
.sub13_con03-2_box_right {
  float: left;
  padding-left: 50px;
  padding-top: 50px;
}

#sub13_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

#sub13_con05_warp {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
  border-top: 1px solid #ccc;
  margin-top: 100px;
}
.sub13_con05 {
  width: 1200px;
  margin: 0 auto;
}
.sub13_con05 ul li {
  float: left;
  padding: 80px 20px;
}
.sub13_con05 li:nth-child(2) {
  padding-top: 200px;
}

/* sub14 */

#sub14_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
#sub14_title02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub14_text02 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 0px;
}

.sub14_text03 {
  font-size: 1.45em;
  padding-top: 0px;
  padding-left: 10px;
  color: #8b8b8b;
  border-left: 1px solid #222;
  line-height: 1.5em;
  margin-top: 30px;
}
.sub14_text04 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub14_text05 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub14_text06 {
  padding-left: 50px;
}
.sub14_text07 {
  display: none;
}

.sub14_hr01 {
  width: 1200px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  margin-top: 80px;
}

#sub14_con_warp01 {
  clear: both;
  width: 100%;
  height: 530px;
  background: url("/images/sub14-1.png") no-repeat center top;
  padding-top: 80px;
  margin-top: 50px;
}
.sub14_con_text01 {
  width: 50%;
  float: right;
  padding-left: 60px;
}

#sub14_con_warp02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  height: 530px;
  padding-top: 20px;
  margin-top: 20px;
}
.sub14_con_text02 {
  width: 600px;
  float: left;
  padding-top: 100px;
}
.sub14_con_text03 {
  width: 600px;
  float: left;
  padding-left: 0px;
}

#sub14_con03_warp {
  clear: both;
  width: 100%;
  height: 400px;
  background: #f5f5f5;
  margin-top: 60px;
}
.sub14_con03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
}
.sub14_con03 ul li {
  float: left;
  padding: 60px 50px 0 0px;
  font-size: 1.45em;
  line-height: 2.1em;
}

#sub14_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

/* sub15 */

.sub15_text01 {
  font-size: 50px;
  font-weight: bold;
  letter-spacing: -2px;
  padding-top: 50px;
}
.sub15_text02 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  line-height: 1.2em;
  padding-left: 25px;
  letter-spacing: -2px;
  padding-top: 30px;
}
.sub15_text03 {
  width: 870px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
}
.sub15_text04 {
  font-size: 2.6em;
  padding-top: 30px;
  letter-spacing: -1px;
  line-height: 1.6em;
  text-align: center;
}
.sub15_text05 {
  padding-top: 50px;
}
.sub15_text06 {
  font-size: 2.6em;
  color: #222;
  padding-top: 30px;
  line-height: 1.6em;
  font-weight: bold;
  padding-left: 0px;
}
.sub15_text07 {
  padding-top: 0px;
}
.sub15_text08 {
  font-size: 2.6em;
  font-weight: bold;
}
.sub15_text09 {
  font-size: 1.25em;
  padding-top: 10px;
}
.sub15_text10 {
  font-size: 1.6em;
  color: #222;
  padding-top: 5px;
  line-height: 1.6em;
  padding-left: 0px;
}

#sub15_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
#sub15_title02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub15_con01 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub15_con01_left {
  width: 650px;
  float: left;
}
.sub15_con01_right {
  width: 550px;
  float: left;
  padding-left: 60px;
  padding-top: 80px;
}
.sub15_con01_right_m {
  display: none;
  width: 550px;
  float: left;
  padding-left: 60px;
  padding-top: 80px;
}
#sub15_con02 {
  clear: both;
  width: 1200px;
  border-top: 1px solid #ccc;
  margin: 0 auto;
  margin-top: 530px;
  padding-top: 80px;
}
.sub15_con02_left {
  width: 650px;
  float: left;
  padding-top: 30px;
}
.sub15_con02_right {
  width: 550px;
  float: left;
  padding-left: 0px;
  padding-top: 0px;
}

#sub15_con03_warp {
  clear: both;
  width: 100%;
  height: 430px;
  background: #f5f5f5;
  margin-top: 460px;
}
.sub15_con03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.sub15_con03_left {
  width: 300px;
  float: left;
}
.sub15_con03_right {
  width: 900px;
  float: left;
}
.sub15_con03_right ul li {
  float: left;
  padding: 30px 40px 0 0px;
  font-size: 1.45em;
  line-height: 2.1em;
}

#sub15_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

/* sub16 */

.sub16_text01 {
  font-size: 50px;
  font-weight: bold;
  letter-spacing: -2px;
  padding-top: 50px;
}
.sub16_text02 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  line-height: 1.2em;
  padding-left: 25px;
  letter-spacing: -2px;
  padding-top: 30px;
}
.sub16_text03 {
  padding-top: 10px;
}
.sub16_text04 {
  font-size: 2.6em;
  padding-top: 30px;
  letter-spacing: -1px;
  line-height: 1.6em;
  text-align: center;
}
.sub16_text05 {
  padding-top: 50px;
}
.sub16_text06 {
  font-size: 20px;
  padding-top: 20px;
}
.sub16_text07 {
  padding-top: 20px;
}
.sub16_text08 {
  font-size: 1.45em;
  padding-top: 20px;
  line-height: 1.5em;
}
.sub16_text09 {
  padding-top: 0px;
}
.sub16_text10 {
  font-size: 2.6em;
  font-weight: bold;
}
.sub16_text11 {
  width: 100%;
}
.sub16_text12 {
  font-size: 1.25em;
  text-align: center;
  padding-top: 20px;
}
.sub16_text13 {
  font-size: 3.2em;
  font-weight: bold;
  color: #fff;
  letter-spacing: -2px;
  padding-top: 100px;
}
.sub16_text14 {
  font-size: 1.45em;
  color: #c0c0c0;
  padding-top: 10px;
}
.sub16_text15 {
  width: 175px;
  margin: 0 auto;
  padding-top: 0px;
}
.sub16_text16 {
  font-size: 2.1em;
  text-align: center;
  padding-top: 50px;
  letter-spacing: -1px;
}
.sub16_text17 {
  padding-top: 20px;
}

#sub16_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
#sub16_title02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub16_con01 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}
.sub16_con01_left {
  width: 600px;
  float: left;
}
.sub16_con01_right {
  width: 600px;
  float: left;
  padding-left: 50px;
  padding-top: 15px;
}
.sub16_con01_right_m {
  display: none;
  width: 600px;
  float: left;
  padding-left: 50px;
  padding-top: 15px;
}

#sub16_con02 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
  border-top: 1px solid #ccc;
  margin-top: 420px;
}
.sub16_con02_left {
  width: 600px;
  float: left;
}
.sub16_con02_right {
  width: 600px;
  float: left;
  padding-left: 50px;
  padding-top: 15px;
}

#sub16_con03_warp {
  clear: both;
  width: 100%;
  height: 670px;
  background: #f5f5f5;
  margin-top: 0px;
}
.sub16_con03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
}
.sub16_con03 ul li {
  padding: 40px 80px 0 0px;
  font-size: 1.45em;
  line-height: 2.1em;
}
.sub16_con03_box {
  clear: both;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-top: 50px;
  padding-top: 60px;
}
.sub16_con03_box_left {
  float: left;
  padding-left: 0px;
  padding-top: 0px;
}
.sub16_con03_box_right {
  float: left;
  padding-left: 0px;
  padding-left: 60px;
  padding-top: 120px;
}

#sub16_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

#sub16_con05_warp {
  clear: both;
  width: 100%;
  /* height: 420px; */
  height: auto !important;
  background: #0b0312;
  margin-top: 470px;
}
.sub16_con05 {
  width: 1200px;
  margin: 0 auto;
}
.sub16_con05_left {
  /* width: 600px; */
  /* float: left; */
  /* padding-top: 60px; */
  /*padding-top: 15px;*/
  padding: 15px 0 30px;
  text-align: center;
}
.sub16_con05_right {
  width: 600px;
  float: left;
  padding-left: 30px;
}

/* sub17 */

.sub17_text01 {
  font-size: 50px;
  font-weight: bold;
  letter-spacing: -2px;
  padding-top: 50px;
}
.sub17_text02 {
}
.sub17_text03 {
  font-size: 1.45em;
  padding-top: 0px;
  padding-left: 0px;
  color: #8b8b8b;
  border-left: 1px solid #222;
  line-height: 1.5em;
  margin-top: 30px;
  padding-top: 0px;
}
.sub17_text04 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: -2px;
  padding-left: 0px;
}
.sub17_text05 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 0px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub17_text06 {
  padding-left: 25px;
}
.sub17_text07 {
  font-size: 1.45em;
  line-height: 1.8em;
  padding-top: 20px;
  color: #8b8b8b;
}
.sub17_text08 {
  font-size: 28px;
  padding-top: 20px;
}
.sub17_text09 {
  padding-top: 20px;
}
.sub17_text10 {
  font-size: 1.45em;
  padding-top: 20px;
  line-height: 1.5em;
}
.sub17_text11 {
  padding-top: 50px;
}
.sub17_text12 {
  font-size: 2.6em;
  font-weight: bold;
  padding-top: 50px;
}
.sub17_text13 {
  font-size: 1.45em;
  line-height: 1.8em;
  padding-top: 20px;
}
.sub17_text14 {
  padding-top: 40px;
}
.sub17_text15 {
  width: 175px;
  margin: 0 auto;
  padding-top: 0px;
}
.sub17_text16 {
  font-size: 28px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  text-align: center;
  font-weight: bold;
  color: #222;
}
.sub17_text17 {
  display: none;
}

.sub17_hr01 {
  width: 1200px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
  margin-top: 80px;
}

#sub17_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
}

#sub17_con01_warp {
  width: 1200px;
  margin: 0 auto;
}
.sub17_con01 {
  width: 100%;
  padding-top: 50px;
}
.sub17_con01_left {
  width: 600px;
  float: left;
}
.sub17_con01_right {
  width: 600px;
  float: left;
}
.sub17_con02 {
  clear: both;
  width: 100%;
  padding-top: 80px;
}

#sub17_con_warp01 {
  clear: both;
  width: 100%;
  height: 530px;
  background: url("/images/sub17-5.png") no-repeat center top;
  padding-top: 80px;
  margin-top: 50px;
}
.sub17_con_text01 {
  width: 50%;
  float: right;
  padding-left: 80px;
}

#sub17_con_warp02 {
  clear: both;
  width: 100%;
  height: 530px;
  background: url("/images/sub17-6.png") no-repeat center top;
  padding-top: 80px;
  margin-top: 80px;
}
.sub17_con_text02 {
  width: 1200px;
  margin: 0 auto;
}

#sub17_con03_warp {
  clear: both;
  width: 100%;
  height: 1050px;
  background: #f5f5f5;
  margin-top: 80px;
}
.sub17_con03 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.sub17_con03 ul li {
  padding: 40px 80px 0 0px;
  font-size: 1.45em;
  line-height: 2.1em;
}
.sub17_con03_box {
  clear: both;
  width: 100%;
  margin-top: 50px;
  padding-top: 0px;
}
.sub17_con03_box_left {
  width: 100%;
  padding-top: 10px;
}
.sub17_con03_box_right {
  text-align: center;
  padding-left: 0px;
  padding-top: 50px;
}
.sub17_con03-2_box {
  clear: both;
  width: 100%;
  border-top: 1px solid #ccc;
  margin-top: 500px;
  padding-top: 60px;
}
.sub17_con03-2_box_left {
  float: left;
}
.sub17_con03-2_box_right {
  float: left;
  padding-left: 50px;
  padding-top: 50px;
}

#sub17_con04 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
}

.sub_btn17 {
  width: 175px;
  height: 40px;
  margin: 0 auto;
  background: #222;
  color: #fff;
  font-size: 1.25em;
  text-align: center;
  line-height: 2.2em;
  margin-top: 40px;
}
.sub_btn17 a:hover {
  width: 175px;
  height: 40px;
  background: #ff0000;
}

/* sub18 */

#sub18_new_warp01 {
  width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
}
.sub18_new_con01 {
  width: 1200px;
  margin: 0 auto;
}
.sub18_new_con01_left {
  width: 600px;
  float: left;
}
.sub18_new_con01_right {
  width: 600px;
  float: left;
}
.sub18_new_con01_img {
  clear: both;
  width: 900px;
  margin: 0 auto;
  padding-top: 70px;
}
.sub18_new_con01_img2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 70px;
}

#sub18_new_warp02 {
  width: 100%;
  height: 1450px;
  background: #e7ebf1;
  margin-top: 60px;
}
.sub18_new_con02 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 70px;
}
.sub18_new_con02_left {
  width: 600px;
  float: left;
}
.sub18_new_con02_right {
  width: 600px;
  float: left;
}
.sub18_new_con02-2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 70px;
}
.sub18_new_con02-2_left {
  width: 580px;
  height: 320px;
  background: #fff;
  float: left;
  margin-top: 30px;
}
.sub18_new_con02-2_left01 {
  width: 100%;
}
.sub18_new_con02-2_left01 ul li {
  float: left;
}
.sub18_new_con02-2_left02 {
  clear: both;
  width: 100%;
}
.sub18_new_con02-2_left02 ul {
  clear: both;
  padding-top: 15px;
  padding-left: 60px;
}
.sub18_new_con02-2_left02 ul li {
  float: left;
  padding-left: 20px;
}

.sub18_new_con02-2_right {
  width: 580px;
  height: 320px;
  background: #fff;
  float: left;
  margin-top: 30px;
  margin-left: 40px;
}
.sub18_new_con02-2_right01 {
  width: 100%;
}
.sub18_new_con02-2_right01 ul li {
  float: left;
}
.sub18_new_con02-2_right02 {
  clear: both;
  width: 100%;
}
.sub18_new_con02-2_right02 ul {
  clear: both;
  padding-top: 15px;
  padding-left: 60px;
}
.sub18_new_con02-2_right02 ul li {
  float: left;
  width: 200px;
  padding-left: 20px;
}

.sub18_new_con02-2_center {
  clear: both;
  width: 100%;
  height: 550px;
  background: #fff;
  margin-top: 500px;
}
.sub18_new_con02-2_center_title {
  text-align: center;
  padding-top: 120px;
}
.sub18_new_con02-2_center ul {
  padding: 60px 100px;
}
.sub18_new_con02-2_center ul li {
  float: left;
  padding: 0 40px;
}

.sub18_new_con02-2_btn {
  position: absolute;
  left: 48%;
  margin-top: 450px;
}

#sub18_new_warp03 {
  width: 1200px;
  margin: 0 auto;
  margin-top: 60px;
}
.sub18_new_con03 {
  width: 100%;
  margin: 0 auto;
  padding-top: 70px;
  text-align: center;
}
.sub18_new_con03_title {
  width: 100%;
  margin: 0 auto;
}
.sub18_new_con03_left {
  float: left;
  width: 400px;
  height: 500px;
  background: #373935;
  padding-top: 50px;
}
.sub18_new_con03_center {
  float: left;
  width: 400px;
  height: 500px;
  background: #004a98;
  padding-top: 50px;
}
.sub18_new_con03_right {
  float: left;
  width: 400px;
  height: 500px;
  background: #00afc8;
  padding-top: 50px;
}
.sub18_new_con03_ico01 {
  width: 300px;
  height: 130px;
  margin: 0 auto;
  margin-top: 30px;
}
.sub18_new_con03_ico02 {
  width: 300px;
  height: 130px;
  margin: 0 auto;
  margin-top: 30px;
}
.sub18_new_con03_ico03 {
  width: 300px;
  height: 130px;
  margin: 0 auto;
  margin-top: 30px;
}
.sub18_hr {
  width: 20%;
  margin-top: 30px;
}

#sub18_new_warp04 {
  clear: both;
  width: 100%;
  height: 1450px;
  background: #e7ebf1;
  margin-top: 580px;
}
.sub18_new_con04 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 70px;
}
.sub18_new_con04_left {
  width: 600px;
  float: left;
}
.sub18_new_con04_right {
  width: 600px;
  float: left;
}

.sub18_new_con04-2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 70px;
}
.sub18_new_con04-2_left {
  width: 580px;
  height: 410px;
  background: #fff;
  float: left;
  margin-top: 30px;
}
.sub18_new_con04-2_left01 {
  width: 100%;
}
.sub18_new_con04-2_left01 ul li {
  float: left;
}
.sub18_new_con04-2_left02 {
  clear: both;
  width: 100%;
}
.sub18_new_con04-2_left02 ul {
  clear: both;
  padding-top: 15px;
  padding-left: 60px;
}
.sub18_new_con04-2_left02 ul li {
  float: left;
  padding-left: 12px;
}

.sub18_new_con04-2_right {
  width: 280px;
  height: 410px;
  background: #fff;
  float: left;
  margin-top: 30px;
  margin-left: 20px;
}
.sub18_new_con04-2_right01 {
  width: 100%;
}
.sub18_new_con04-2_right01 ul li {
  float: left;
}
.sub18_new_con04-2_right02 {
  clear: both;
  width: 100%;
}
.sub18_new_con04-2_right02 ul {
  clear: both;
  padding-top: 15px;
  padding-left: 60px;
}
.sub18_new_con04-2_right02 ul li {
  float: left;
  width: 200px;
  padding-left: 20px;
}

.sub18_new_con04-2_center {
  clear: both;
  width: 100%;
  height: 550px;
  background: #fff;
  margin-top: 500px;
}
.sub18_new_con04-2_center_title {
  text-align: center;
  padding-top: 120px;
}
.sub18_new_con04-2_center ul {
  padding: 60px 80px;
}
.sub18_new_con04-2_center ul li {
  float: left;
  padding: 0 40px;
}
.sub18_new_con04-2_center img {
  padding-top: 50px;
}

#sub18_new_warp05 {
  width: 1200px;
  height: 650px;
  margin: 0 auto;
  margin-top: 60px;
}
.sub18_new_con05 {
  width: 100%;
  margin: 0 auto;
  padding-top: 70px;
  text-align: center;
}
.sub18_new_con05_title {
  width: 100%;
  margin: 0 auto;
}
.sub18_new_con05_left {
  float: left;
  width: 600px;
  height: 450px;
  background: #26bbd0;
  padding-top: 70px;
}
.sub18_new_con05_right {
  float: left;
  width: 600px;
  height: 450px;
  background: #1d336f;
  padding-top: 70px;
}

.sub18_text01 {
  font-size: 2.2em;
  color: #00afc8;
  font-weight: bold;
}
.sub18_text02 {
  font-size: 3.4em;
  color: #222;
  font-weight: bold;
}
.sub18_text03 {
  font-size: 2.2em;
  color: #222;
  line-height: 1.6em;
  padding-top: 50px;
}
.sub18_text04 {
  width: 500px;
  font-size: 1.8em;
  color: #222;
  padding-left: 20px;
  padding-top: 15px;
}
.sub18_text05 {
  font-size: 1.65em;
  line-height: 2em;
  color: #464d64;
}
.sub18_text06 {
  font-size: 1.45em;
  color: #464d64;
  margin-top: 7px;
}
.sub18_text07 {
  font-size: 2.6em;
  font-weight: bold;
  color: #464d64;
  margin-top: 10px;
}
.sub18_text08 {
  font-size: 1.45em;
  color: #464d64;
  margin-top: 10px;
}
.sub18_text09 {
  font-size: 1.45em;
  line-height: 1.8em;
  color: #464d64;
  margin-top: 30px;
}
.sub18_text10 {
  font-size: 2.8em;
  line-height: 1.8em;
  font-weight: bold;
  color: #1d336f;
}
.sub18_text11 {
  font-size: 1.65em;
  line-height: 1.8em;
  color: #fff;
  margin-top: 30px;
}
.sub18_text12 {
  width: 200px;
  font-size: 1.8em;
  color: #222;
  padding-left: 20px;
  padding-top: 15px;
}

#sub31_menu_warp {
  width: 100%;
  height: 80px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.sub31_menu {
  width: 650px;
  margin: 0 auto;
}
.sub31_menu ul li {
  position: relative;
  padding: 0 42px;
  height: 20px;
  float: left;
  text-align: center;
  margin: 25px 0px;
  border-right: 1px solid #ccc;
}
.sub31_menu li:last-child {
  border-right: 1px solid #fff;
}

#sub43_menu_warp {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
#sub43_menu_warp ul li {
  float: left;
  width: 98px;
  height: 60px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 1.25em;
}

#sub43_menu_warp ul li a:hover {
  width: 98px;
  height: 60px;
}
#sub43_menu_warp li:last-child {
  border-right: 1px solid #ccc;
}

#fot_warp {
  clear: both;
  max-width: 1280px;
  margin: 0 auto;
}
.fot_menu {
  width: 100%;
  padding-top: 30px;
}
.fot_menu02 {
  max-width: 1280px;
  /* float: left; */
}
.fot_menu02 ul {
  /*추가*/
  display: table;
  margin: 0 auto;
}
.fot_menu ul li {
  width: 160px;
  /* float: left; */
  padding: 0 3px;
  font-size: 1.15em;
  line-height: 1.8em;
  display: table-cell;
}
.fot_menu a {
  color: #8b8b8b;
}
.fot_menu a:hover {
  color: #222;
}
.fot {
  clear: both;
  width: 100%;
  /* margin-top: 230px; */
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #ccc;
  color: #8b8b8b;
  line-height: 1.5em;
  font-size: 1.15em;
}
.fot a {
  color: #8b8b8b;
}
.fot a:hover {
  color: #222;
}

@media screen and (max-width: 1280px) {
  .fot_menu ul li {
    font-size: 1.12em;
    width: 155px;
  }
}

/* success_story */

#sub04_con01_warp {
  width: 1200px;
  margin: 0 auto;
}
.sub04_con01 {
  width: 100%;
  height: 360px;
  padding-top: 60px;
  border-bottom: 1px solid #ccc;
}
.sub04_con01_left {
  width: 300px;
  float: left;
}
.sub04_con01_right {
  width: 900px;
  float: left;
  padding-top: 0px;
}

.sub04_con02 {
  width: 100%;
  height: 360px;
  padding-top: 60px;
  border-bottom: 1px solid #ccc;
}
.sub04_con02_left {
  width: 300px;
  float: left;
}
.sub04_con02_right {
  width: 900px;
  float: left;
  padding-top: 0px;
}

.sub04_con03 {
  width: 100%;
  height: 360px;
  padding-top: 60px;
  border-bottom: 1px solid #ccc;
}
.sub04_con03_left {
  width: 300px;
  float: left;
}
.sub04_con03_right {
  width: 900px;
  float: left;
}

.sub04_con04 {
  width: 100%;
  height: 360px;
  padding-top: 60px;
  border-bottom: 1px solid #ccc;
}
.sub04_con04_left {
  width: 300px;
  float: left;
}
.sub04_con04_right {
  width: 900px;
  float: left;
  padding-top: 30px;
}

.sub04_con05 {
  width: 100%;
  height: 450px;
  padding-top: 60px;
  border-bottom: 1px solid #ccc;
}
.sub04_con05_left {
  width: 300px;
  float: left;
}
.sub04_con05_right {
  width: 900px;
  float: left;
}

.sub04_con06 {
  width: 100%;
  height: 360px;
  padding-top: 60px;
}
.sub04_con06_left {
  width: 300px;
  float: left;
}
.sub04_con06_right {
  width: 900px;
  float: left;
}

#sub04_con07_warp {
  width: 100%;
  height: 428px;
  background: url("/images/sub03-7.png") center top;
  margin-top: 35px;
}
.sub04_con07 {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-top: 120px;
}

.sub04_con08 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.sub04_con08 ul {
  padding-top: 5px;
}
.sub04_con08 ul li {
  float: left;
  width: 116px;
  height: 116px;
  margin: 4px 4px 0 0;
}

#sub04_con09_warp {
  position: absolute;
  width: 100%;
  height: 1800px;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  top: 3000px;
  z-index: 1;
}
.sub04_con09 {
  position: absolute;
  width: 1055px;
  height: 1460px;
  background: #fff;
  left: 50%;
  margin-left: -530px;
  top: 3200px;
  border-radius: 20px;
  z-index: 2;
}
.sub04_con09_01 {
  height: 100px;
  background: #005b93;
  border-radius: 20px 20px 0 0;
}
.sub04_con09_title {
  width: 100%;
  padding-left: 30px;
  padding-top: 25px;
  color: #fff;
}
.sub04_con09_title_01 {
  width: 205px;
  font-size: 34px;
  letter-spacing: -1px;
  font-weight: bold;
  float: left;
}
.sub04_con09_title_02 {
  width: 200px;
  font-size: 18px;
  padding-top: 15px;
  float: left;
}
.sub04_con09_title_03 {
  width: 80px;
  float: right;
}
.sub04_con09_coment {
  clear: both;
  width: 100%;
  padding-left: 30px;
  padding-top: 60px;
}
.sub04_con09_coment_left {
  float: left;
  padding-left: 60px;
}
.sub04_con09_coment_right {
  float: left;
  font-size: 1.45em;
  padding-left: 30px;
}
.sub04_con09_con {
  width: 722px;
  margin: 0 auto;
  padding-top: 40px;
}

.sub04_text01 {
  font-size: 2.8em;
  font-weight: bold;
  letter-spacing: -1px;
}
.sub04_text02 {
  font-size: 1.45em;
  color: #666;
  padding-left: 10px;
}
.sub04_text03 {
  font-size: 1.45em;
  color: #222;
  padding-top: 10px;
}
.sub04_text04 {
  font-size: 4.85em;
  font-weight: bold;
  color: #fff;
  letter-spacing: -1px;
}
.sub04_text05 {
  font-size: 2em;
  color: #fff;
  padding-top: 25px;
}
.sub04_text06 {
  font-size: 3.6em;
  color: #222;
  text-align: center;
  padding-bottom: 25px;
  padding-top: 25px;
  letter-spacing: -1px;
}
.sub04_text07 {
  clear: both;
  text-align: center;
  padding-top: 35px;
}

/* 서브 공통 */

#sub_board {
  width: 1200px;
  margin: 0 auto;
}

/* sub41 */

#sub41_menu_warp {
  width: 100%;
  height: 80px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.sub41_menu {
  width: 960px;
  margin: 0 auto;
}
.sub41_menu ul li {
  position: relative;
  padding: 0 42px;
  height: 20px;
  float: left;
  text-align: center;
  margin: 25px 0px;
  border-right: 1px solid #ccc;
}
.sub41_menu li:last-child {
  border-right: 1px solid #fff;
}

.sub41_text01 {
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -2px;
}
.sub41_text02 {
  font-size: 32px;
  color: #fff;
  padding-left: 0px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub41_text03 {
  font-size: 4em;
  color: #fff;
  padding-left: 0px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub41_text04 {
  font-size: 1.5em;
  color: #fff;
  padding-left: 0px;
}
.sub41_text05 {
  font-size: 1.8em;
  color: #d4d4d4;
  padding-left: 0px;
}
.sub41_text06 {
  font-size: 1.25em;
  color: #d4d4d4;
  padding-left: 0px;
}
.sub41_text07 {
  margin-top: 140px;
}

#sub41_title {
  clear: both;
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
  font-size: 2.4em;
  letter-spacing: -1px;
  padding-top: 50px;
}
#sub41_title02 {
  clear: both;
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
  font-size: 2.4em;
  letter-spacing: -1px;
  padding-top: 50px;
  color: #fff;
}

#sub41_con01 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

#sub41_con02_warp {
  width: 100%;
  height: 1050px;
  background: url("/images/sub41-5.png") center top;
  margin: 0 auto;
  padding-top: 50px;
  margin-top: 20px;
}
.sub41_con02 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}
.sub41_con02-1 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub41_con02-1 ul li {
  float: left;
  padding: 20px 20px;
  text-align: center;
}
.sub41_con02-2 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

#sub41_con03 {
  width: 1200px;
  height: 630px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub41_con03-1 {
  width: 100%;
  padding-top: 50px;
}
.sub41_con03-1 ul li {
  float: left;
  padding: 0 30px;
}

/* sub42 */

#sub42_con01 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
}
.sub42_con01_left {
  width: 750px;
  float: left;
}
.sub42_con01_right {
  width: 450px;
  float: left;
}
.sub42_text01 {
  font-size: 1.8em;
  font-weight: bold;
  color: #757575;
}
.sub42_text02 {
  font-size: 3.6em;
  padding-top: 10px;
  letter-spacing: -3px;
  font-weight: bold;
  color: #222;
}
.sub42_text03 {
  font-size: 1.45em;
  padding-top: 30px;
  color: #222;
}

.sub42_text04 {
  font-size: 1.8em;
  font-weight: bold;
  color: #00b0c8;
}
.sub42_text05 {
  font-size: 3.6em;
  padding-top: 10px;
  letter-spacing: -3px;
  font-weight: bold;
  color: #00b0c8;
}
.sub42_text06 {
  font-size: 1.45em;
  padding-top: 30px;
  color: #fff;
}

.sub42_con02 {
  position: absolute;
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  margin-top: 380px;
}
.sub42_con02_m {
  display: none;
  position: absolute;
  width: 1200px;
  left: 50%;
  margin-left: -600px;
  margin-top: 380px;
}

#sub42_con03_warp {
  clear: both;
  width: 100%;
  height: 1150px;
  background: #1d336f;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 40px;
  border-top: 1px solid #ccc;
  margin-top: 590px;
}
.sub42_con03 {
  width: 1200px;
  margin: 0 auto;
  margin-top: 230px;
}
.sub42_con03-2 {
  width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
}
.sub42_con03-2 ul li {
  float: left;
  padding: 20px 20px;
}

/* sub43 */

.sub43_text01 {
  font-size: 2.6em;
  padding-top: 15px;
}
.sub43_text02 {
  padding-top: 5px;
}
.sub43_text03 {
  font-size: 1.85em;
  padding-top: 30px;
  padding-bottom: 30px;
}

#sub43_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

#sub43_con01 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
}
#sub43_con01 ul li {
  float: left;
  padding: 10px 10px 0 0;
}

#sub43_con02 {
  clear: both;
  width: 1200px;
  height: 800px;
  margin: 0 auto;
  padding-top: 60px;
}
#sub43_con02 ul {
  padding-top: 30px;
}
#sub43_con02 ul li {
  float: left;
  padding: 10px 10px 0 0;
}

/* sub45 */

.sub45_text01 {
  font-size: 2.6em;
  padding-top: 15px;
}
.sub45_text02 {
  font-size: 1.85em;
  font-weight: bold;
}
.sub45_text03 {
  font-size: 1.25em;
  padding-top: 10px;
  color: #717171;
}
.sub45_text04 {
  font-size: 1.3em;
  line-height: 1.5em;
  font-weight: bold;
  padding-top: 20px;
}
.sub45_text05 {
  font-size: 1.1em;
  color: #333;
  line-height: 1.8em;
  padding-top: 5px;
}

#sub45_con_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}
.sub45_con01 {
  float: left;
  width: 35%;
  padding-top: 40px;
}
.sub45_con01-1 {
  float: left;
}
.sub45_con01-2 {
  float: left;
  padding-left: 20px;
}
.sub45_con01-2_m {
  display: none;
  float: left;
  padding-left: 20px;
}

.sub45_con02 {
  float: left;
  width: 65%;
  padding-top: 40px;
}
.sub45_con03 {
  clear: both;
  width: 100%;
  height: 250px;
  padding-top: 60px;
}
.sub45_con03 ul li {
  width: 600px;
  float: left;
  padding: 0px;
}
.sub45_con03_left {
  width: 100px;
  float: left;
}
.sub45_con03_right {
  width: 500px;
  float: left;
}

#sub45_title {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
}

/* sub51 */
.sub51_hr01 {
  margin-top: 30px;
  border-top: 1px solid #ccc;
}
.sub51_hr01_m {
  display: none;
  margin-top: 30px;
  border-top: 1px solid #ccc;
}

#sub51_menu_warp {
  width: 100%;
  height: 80px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.sub51_menu {
  width: 570px;
  margin: 0 auto;
}
.sub51_menu ul li {
  position: relative;
  padding: 0 42px;
  height: 20px;
  float: left;
  text-align: center;
  margin: 25px 0px;
  border-right: 1px solid #ccc;
}
.sub51_menu li:last-child {
  border-right: 1px solid #fff;
}

#sub51_con01_warp {
  width: 100%;
}
.sub51_con01 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
}
.sub51_con01_left {
  width: 330px;
  float: left;
}
.sub51_con01_right {
  width: 870px;
  float: left;
  padding-top: 25px;
  padding-left: 70px;
}

.sub51_con01-2 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub51_con01-2_left {
  width: 330px;
  float: left;
}
.sub51_con01-2_right {
  width: 870px;
  float: left;
  padding-top: 0px;
  padding-left: 70px;
}

.sub51_con01-3 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub51_con01-3_left {
  width: 330px;
  float: left;
}
.sub51_con01-3_right {
  width: 870px;
  float: left;
  padding-top: 0px;
  padding-left: 70px;
}
.sub51_con01-3_right ul li {
  float: left;
  padding: 10px 20px;
}

.sub51_con01-4 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}
.sub51_con01-4_left {
  width: 330px;
  float: left;
}
.sub51_con01-4_right {
  width: 870px;
  float: left;
  padding-top: 0px;
  padding-left: 70px;
}
.sub51_con01-4_right ul li {
  padding: 1px;
}

.sub51_text01 {
  font-size: 32px;
  letter-spacing: -1px;
  font-weight: bold;
}
.sub51_text02 {
  font-size: 1.4em;
  color: #737373;
}
.sub51_text03 {
  font-size: 2em;
  letter-spacing: 0px;
  font-weight: bold;
}
.sub51_text04 {
  font-size: 2em;
  font-weight: bold;
}
.sub51_text05 {
  font-size: 1.4em;
  color: #737373;
  line-height: 1.2em;
  padding-top: 10px;
}
.sub51_text06 {
  margin-top: 30px;
}
.sub51_text07 {
  font-size: 3.2em;
  line-height: 1.3em;
  padding-top: 40px;
  letter-spacing: -1px;
  font-weight: bold;
}
.sub51_text08 {
  font-size: 1.45em;
  line-height: 1.5em;
  padding-top: 40px;
}
.sub51_text09 {
  font-size: 1.45em;
  font-weight: bold;
  padding-top: 40px;
}
.sub51_text10 {
  font-size: 2.4em;
  font-weight: bold;
  padding-top: 10px;
}
.sub51_text11 {
  font-size: 2.2em;
  font-weight: bold;
  letter-spacing: -1px;
  padding-top: 10px;
}
.sub51_text12 {
  font-size: 1.45em;
  color: #444442;
  padding-top: 20px;
}

#sub51_con02_warp {
  clear: both;
  width: 100%;
  height: 1680px;
  background: #fafafa;
  margin-top: 240px;
}
.sub51_con02 {
  width: 100%;
  margin: 0 auto;
  padding-top: 100px;
  padding-left: 100px;
}
.sub51_con02_left {
  float: left;
}
.sub51_con02_right {
  float: left;
  padding-left: 50px;
  padding-top: 65px;
}

.sub51_con02-2 {
  clear: both;
  width: 100%;
  margin: 0 auto;
  padding-top: 100px;
  padding-left: 320px;
}
.sub51_con02-2_left {
  float: left;
  padding-top: 65px;
}
.sub51_con02-2_right {
  float: left;
  padding-left: 50px;
}

#sub51_con03 {
  clear: both;
  width: 1200px;
  margin: 0 auto;
  margin-top: 50px;
}
.sub51_con03_title {
  text-align: center;
}
.sub51_con03_con01 {
  width: 100%;
  height: 370px;
  background: #f6f6f6;
  margin-top: 50px;
}
.sub51_con03_left {
  float: left;
  width: 600px;
  padding-top: 70px;
  padding-left: 70px;
}
.sub51_con03_right {
  float: left;
  width: 600px;
}

.sub51_con03-2_con01 {
  width: 100%;
  height: 370px;
  background: #fff;
  margin-top: 0px;
}
.sub51_con03-2_left {
  float: left;
  width: 600px;
}
.sub51_con03-2_right {
  float: left;
  width: 600px;
  padding-top: 70px;
  padding-left: 100px;
}

.sub51_con03-3_con01 {
  width: 100%;
  height: 370px;
  background: #f6f6f6;
}
.sub51_con03-3_left {
  float: left;
  width: 600px;
  padding-top: 80px;
  padding-left: 70px;
}
.sub51_con03-3_right {
  float: left;
  width: 600px;
}

.sub51_con03-4_con01 {
  width: 100%;
  height: 370px;
  background: #fff;
  margin-top: 0px;
}
.sub51_con03-4_left {
  float: left;
  width: 600px;
}
.sub51_con03-4_right {
  float: left;
  width: 600px;
  padding-top: 80px;
  padding-left: 100px;
}

#sub51_con04_warp {
  clear: both;
  width: 100%;
  height: 650px;
  background: #fafafa;
  margin-top: 80px;
  padding-top: 50px;
}
.sub51_con04 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

/* sub52 */

#sub52_con01_warp {
  width: 100%;
  height: 580px;
  margin-top: 50px;
}
.sub52_con01 {
  width: 1200px;
  margin: 0 auto;
}
.sub52_con01_left {
  width: 700px;
  float: left;
  padding-top: 50px;
}
.sub52_con01_right {
  width: 500px;
  float: left;
  padding-top: 50px;
}
.sub52_con01_right img {
  width: 500px;
}
.sub52_con01_title {
  width: 100%;
  font-size: 2.4em;
  font-weight: bold;
  padding-top: 20px;
  letter-spacing: -0.5px;
}
.sub52_con01_menu {
  width: 600px;
  padding-top: 20px;
  font-size: 1.4em;
  letter-spacing: 0.5px;
  color: #797979;
}
.sub52_con01_menu ul li {
  float: left;
  padding: 0 20px 0 0;
}

.sub52_con01_contents {
  width: 100%;
  padding-top: 20px;
}
.sub52_con01_text {
  padding-top: 20px;
}

.sub52_con01_text_m {
  display: none;
  padding-top: 20px;
}
.sub52_text03_m {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5em;
  margin-top: 5px;
  color: #222;
  border-right: 1px solid #fff;
}

.sub52_con01_text_left {
  width: 90px;
  float: left;
}
.sub52_con01_text_right {
  width: 450px;
  padding-left: 20px;
  float: left;
}

.sub52_con04_text_left {
  width: 150px;
  float: left;
}
.sub52_con04_text_right {
  width: 390px;
  padding-left: 20px;
  float: left;
}

.sub52_con02_contents {
  width: 100%;
  padding-top: 20px;
}
.sub52_con02_text {
  padding-top: 20px;
}
.sub52_con02_text_left {
  width: 450px;
  float: left;
}

.sub52_text01 {
  font-size: 2.4em;
  font-weight: bold;
}
.sub52_text02 {
  font-size: 1.45em;
  line-height: 1.5em;
  padding-top: 20px;
  color: #222;
  font-weight: bold;
}
.sub52_text03 {
  font-size: 1.25em;
  line-height: 1.8em;
  margin-top: 5px;
  color: #797979;
  border-right: 1px solid #ccc;
}
.sub52_text04 {
  font-size: 1.25em;
  line-height: 1.8em;
  margin-top: 5px;
  color: #797979;
}
.sub52_text05 {
  font-size: 1.25em;
  line-height: 1.8em;
  margin-top: 5px;
  color: #797979;
}
.sub52_text06 {
  font-size: 1.35em;
  line-height: 1.5em;
  padding-top: 5px;
  color: #666;
}

.sub52_btn_left {
  position: absolute;
  margin-top: 250px;
  left: 50%;
  margin-left: -700px;
}
.sub52_btn_right {
  position: absolute;
  margin-top: 250px;
  left: 50%;
  margin-left: 600px;
}

.sub_position {
  display: none;
  width: 100%;
  padding-left: 20px;
  padding-top: 20px;
}

/* sub71 */

#sub71_menu_warp {
  width: 100%;
  height: 80px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.sub71_menu {
  width: 500px;
  margin: 0 auto;
}
.sub71_menu ul li {
  position: relative;
  padding: 0 42px;
  height: 20px;
  float: left;
  text-align: center;
  margin: 25px 0px;
  border-right: 1px solid #ccc;
}
.sub71_menu li:last-child {
  border-right: 1px solid #fff;
}

#sub71_con01_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub71_con01_img {
  width: 370px;
  margin: 0 auto;
}
.sub71_con01_text {
  margin: 0 auto;
  text-align: center;
  padding-top: 60px;
}

#sub71_con02_warp {
  width: 100%;
  height: 600px;
  background: url("/images/sub71-2.png") center top;
  margin: 0 auto;
  margin-top: 60px;
}
.sub71_con02 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 80px;
}
.sub71_con02 ul li {
  float: left;
  width: 370px;
  height: 290px;
  padding: 20px;
  background: #fff;
  padding-top: 40px;
  margin-top: 60px;
  margin-right: 30px;
}

#sub71_con03_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
}
.sub71_con03 {
  clear: both;
  width: 100%;
  height: 300px;
  padding-top: 60px;
}
.sub71_con03_left {
  width: 600px;
  float: left;
}
.sub71_con03_right {
  width: 600px;
  float: left;
}
.sub71_con03_right2 {
  display: none;
  width: 600px;
  float: left;
}

#sub71_title {
  padding-top: 60px;
}

.sub71_text01 {
  font-size: 1.8em;
  line-height: 1.6em;
  color: #222;
  text-align: center;
}
.sub71_text02 {
  font-size: 2.6em;
  font-weight: bold;
  color: #fff;
}
.sub71_text03 {
  font-size: 18px;
  color: #222;
}
.sub71_text04 {
  font-size: 32px;
  letter-spacing: -2px;
  font-weight: bold;
  color: #1d336f;
}
.sub71_text05 {
  line-height: 2.6em;
}
.sub71_text06 {
  font-size: 15px;
  line-height: 1.5em;
  color: #222;
  padding-top: 20px;
}
.sub71_text07 {
  font-size: 32px;
  font-weight: bold;
  padding-top: 0px;
}
.sub71_text08 {
  font-size: 36px;
  font-weight: bold;
}
.sub71_text09 {
  font-size: 16px;
  color: #666;
}
.sub71_text10 {
  font-size: 16px;
  color: #222;
  padding-top: 30px;
}
.sub71_text11 {
  padding-left: 50px;
  padding-top: 40px;
}

/* sub72 */

#sub72_con01_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub72_con01_img {
  width: 930px;
  margin: 0 auto;
}
.sub72_con01_text01 {
  width: 930px;
  height: 170px;
  margin: 0 auto;
  margin-top: 60px;
  padding-top: 30px;
  border-top: 2px solid #222;
}
.sub72_con01_text01_left {
  float: left;
  width: 300px;
  font-size: 50px;
  padding-top: 10px;
  letter-spacing: -1px;
  color: #1d336f;
  font-weight: bold;
}
.sub72_con01_text01_right {
  float: left;
  font-size: 18px;
  line-height: 1.8em;
  width: 630px;
}

.sub72_con01_text02 {
  width: 930px;
  height: 170px;
  margin: 0 auto;
  margin-top: 10px;
  padding-top: 30px;
  border-top: 1px solid #ccc;
}
.sub72_con01_text02_left {
  float: left;
  width: 300px;
  font-size: 50px;
  letter-spacing: -1px;
  color: #1d336f;
  font-weight: bold;
}
.sub72_con01_text02_right {
  float: left;
  font-size: 18px;
  line-height: 1.8em;
  width: 630px;
  padding-top: 10px;
}

#sub72_con02_warp {
  clear: both;
  width: 100%;
  height: 1350px;
  background: #f8f8f8;
  margin: 0 auto;
  padding-top: 0px;
}
.sub72_con02 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}
.sub72_con02_text01 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#sub72_con03_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
}

#sub72_con04_warp {
  clear: both;
  width: 100%;
  height: 700px;
  background: #f8f8f8;
  margin: 0 auto;
  padding-top: 0px;
}
.sub72_con04 {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

#sub72_title {
  width: 1200px;
  margin: 0 auto;
  padding-top: 60px;
}

.sub72_text01 {
  font-size: 1.8em;
  line-height: 1.6em;
  color: #222;
  text-align: center;
}
.sub72_text02 {
  font-size: 32px;
  font-weight: bold;
  padding-top: 0px;
}
.sub72_text03 {
  font-size: 42px;
  font-weight: bold;
  color: #222;
  letter-spacing: 2px;
  padding-left: 0px;
}
.sub72_text04 {
  font-size: 32px;
  color: #222;
  line-height: 1.2em;
  padding-left: 10px;
  letter-spacing: -1.5px;
  padding-top: 30px;
}
.sub72_text05 {
  padding-top: 40px;
}

/* sub73 */

#sub73_con01_warp {
  width: 1200px;
  margin: 0 auto;
  padding-top: 0px;
  margin-bottom: 30px;
}
#sub73_title {
  padding-top: 30px;
}
.sub73_text01 {
  font-size: 32px;
  font-weight: bold;
  padding-top: 0px;
}
.sub73_text02 {
  text-align: center;
}

/* sub 91 */
#sub91_menu_warp {
  width: 100%;
  height: 80px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.sub91_menu ul {
  text-align: center;
}
.sub91_menu ul li {
  display: inline-block;
  position: relative;
  width: 170px;
  height: 20px;
  text-align: center;
  margin: 25px 0px;
  border-right: 1px solid #ccc;
}
.sub91_menu li:last-child {
  border-right: 1px solid #fff;
}

/*-------------------- Line Animation --------------------*/
.lineAni {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 10px;
  overflow: hidden;
}
.lineAni_top {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: #fff;
  opacity: 0;
  transition: all 0.5s ease-out;
}
.lineAni_bottom {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 1px;
  background: #fff;
  opacity: 0;
  transition: all 0.5s ease-out;
}
a:focus .lineAni .lineAni_top,
.lineAni:hover .lineAni_top {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
a:focus .lineAni .lineAni_bottom,
.lineAni:hover .lineAni_bottom {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.lineAni_right {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 1px;
  height: 0%;
  background: #fff;
  opacity: 0;
  transition: all 0.5s ease-out;
}
.lineAni_left {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1px;
  height: 0%;
  background: #fff;
  opacity: 0;
  transition: all 0.5s ease-out;
}
a:focus .lineAni .lineAni_right,
.lineAni:hover .lineAni_right {
  height: 100%;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
a:focus .lineAni .lineAni_left,
.lineAni:hover .lineAni_left {
  height: 100%;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

/*--------- head ---------*/
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";
/* 상단 레이아웃 */
#m_hd:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#m_hd_h1 {
  position: absolute;
  font-size: 0;
  text-indent: -9999em;
  line-height: 0;
  overflow: hidden;
}
#m_hd_wrapper {
  background: #fff;
  border-bottom: 1px solid #ccc;
}
#m_logo {
  width: 144px;
  padding: 16px 12px 14px;
}

#m_gnb_open {
  position: absolute;
  top: 16px;
  left: 20px;
  height: 2.6em;
  border: 0;
  width: 20px;
  background: #fff;
}
#m_gnb_open2 {
  position: absolute;
  top: 16px;
  right: 13px;
  height: 2.6em;
  border: 0;
  width: 20px;
  background: #fff;
}
#m_gnb {
  display: none;
  background: #282828;
}
#m_gnb a {
  display: block;
  color: #efefef;
}
#lnb ul {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e7f1ed;
  list-style: none;
}
#lnb ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#lnb li {
  float: left;
  margin-bottom: -1px;
  width: 25%;
}
#lnb a {
  display: block;
  padding: 10px 0;
  border-right: 1px solid #e7f1ed;
  border-bottom: 1px solid #e7f1ed;
  color: #000;
  text-align: center;
  text-decoration: none;
}
#lnb li:nth-of-type(4n) a {
  border-right: 0;
}
.select {
  position: relative;
  display: block;
  width: 100%;
  margin-left: 10px;
  max-width: 360px;
  color: #cccccc;
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.select .placeholder02 {
  position: relative;
  display: block;
  z-index: 1;
  padding: 1.4em;
  cursor: pointer;
}
.select .placeholder:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "FontAwesome";
  content: "\f078";
  z-index: 10;
}
.select.is-open .placeholder:after {
  content: "\f077";
}
.select.select--white .placeholder02 {
  color: #5a5a5a;
}
#slide_menu {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fafafa;
}
#slide_menu .select {
  max-width: 100%;
  margin-left: 0;
}
#slide_menu .logo_wrap {
  width: 100%;
  height: 60px;
  background: #fff;
}
#slide_menu .m_list {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
#slide_menu .m_list li {
  width: 50%;
  float: left;
  height: 100px;
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  background: #1d9cdf;
  font-weight: bold;
  letter-spacing: -1px;
}
#slide_menu .m_list li a {
  text-decoration: none;
}
#menu_box_warp {
  width: calc(100% - 20px) !important;
}
#menu_box_warp .menu_box > div {
  width: 33%;
}
#menu_box_warp .menu_box .menu_box02 {
  width: 32%;
}
#m_close {
  width: 20px;
  float: right;
  margin-right: 13px;
  margin-top: 22px;
}
.submenu_wrap {
  left: -1000px;
  z-index: 10000;
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
#m_logo2 {
  width: 144px;
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  padding: 16px 10px 14px;
}
/*--------- 모바일 head end ---------*/

@media (max-width: 1200px) and (min-width: 840px) {
  .br1200 {
    display: none;
  }
  .br980 {
    display: block;
  }
  .br840 {
    display: none;
  }

  /*--- 메인 ---*/

  #main_new_top {
    position: absolute;
    width: 100%;
    left: 0;
    padding-right: 0px;
    top: 0px;
    z-index: 999;
  }
  #sub_top {
    width: 100%;
    height: 86px;
    border-bottom: 1px solid #ccc;
  }
  .sub_logo {
    position: absolute;
    top: 20px;
    left: 0%;
    width: 170px;
    float: left;
    text-align: center;
  }
  .sub_logo img {
    width: 80%;
  }
  .sub_menu {
    width: 630px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.1em;
  }
  .sub_menu ul li {
    float: left;
    padding: 33px 8px;
  }
  .sub_menu a {
    color: #fff;
  }
  .sub_menu a:hover {
    color: #fff;
  }
  .sub_quick_menu {
    width: 230px;
    float: right;
  }
  .sub_quick_menu img {
    width: 20px;
  }
  .sub_quick_menu ul li {
    height: 24px;
    float: left;
    margin-top: 30px;
    padding: 0 5px;
    font-size: 1.1em;
  }
  .sub_quick {
    width: 138px;
    height: 86px;
    background: url("/images/sub_quick_back.png") center top;
    float: right;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 30px;
    text-align: center;
  }

  #quick_warp {
    display: none;
    position: absolute;
    width: 515px;
    right: -515px;
    z-index: 1000;
  }

  .quick_title {
    height: 64px;
    background: #005b93;
  }
  .quick_title_left {
    width: 100px;
    float: left;
    padding-top: 18px;
    padding-left: 16px;
  }
  .quick_title_right {
    width: 415px;
    float: left;
    font-size: 2em;
    color: #fff;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 75px;
  }
  .quick_stitle {
    height: 114px;
    background: #fff;
    padding-top: 12px;
    padding-left: 20px;
  }

  .quick_text01 {
    font-size: 2.6em;
    font-weight: bold;
  }
  .quick_text02 {
    font-size: 1.65em;
  }

  .quick_list {
    width: 100%;
  }
  .quick_list ul li {
    border-bottom: 1px solid #2f2f2f;
  }

  #main_new_bar {
    width: 100%;
    height: 132px;
    background: #1d336f;
    margin-top: -4px;
  }

  .main_bar {
    width: 840px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .main_bar_left {
    width: 380px;
    float: left;
  }
  .main_bar_left_m {
    display: none;
  }
  .main_bar_left img {
    width: 70%;
  }
  .main_bar_right {
    width: 460px;
    float: left;
  }
  .main_bar_right img {
    width: 100%;
  }

  .main_bar .txt_left .tit {
    font-size: 23px;
  }
  .main_bar .txt_left .s_tit {
    font-size: 13px;
  }
  .main_bar .txt_right .num {
    font-size: 45px;
    margin-left: 30px;
  }

  #main_new_con01_warp {
    width: 100%;
    height: 700px;
    padding-top: 100px;
  }
  .main_new_con01_title {
    width: 365px;
    text-align: center;
    margin: 0 auto;
  }
  .main_new_con01_title img {
    width: 80%;
  }
  .main_new_con01 {
    width: 840px;
    margin: 0 auto;
    text-align: center;
  }

  #main_new_con02_warp {
    width: 100%;
    height: 190px;
    background: #f0f3f7;
    margin-top: 100px;
  }
  .main_new_con02 {
    width: 840px;
    margin: 0 auto;
    text-align: center;
  }
  .main_new_con02_text01 {
    font-size: 1.45em;
    color: #666;
    padding-top: 60px;
  }

  #main_new_con02_warp_over {
    width: 100%;
    height: 840px;
    background: #f6f7fb;
  }
  .main_new_con02_over {
    width: 840px;
    margin: 0 auto;
    text-align: center;
  }
  .main_new_con02_text01_over {
    font-size: 1.45em;
    color: #000;
    padding-top: 60px;
  }
  .main_new_con02_over_logo {
    padding-top: 20px;
  }
  .main_new_con02_over_logo img {
    width: 100%;
  }

  #main_new_con03_warp {
    width: 100%;
    height: 792px;
    background: url("/images/main_new_con03_bg.png") center top;
    margin-top: 200px;
  }
  .main_new_con03 {
    width: 840px;
    margin: 0 auto;
    padding-top: 250px;
  }
  .main_new_con03 img {
    width: 50%;
  }

  #main_new_con04_warp {
    width: 100%;
    height: 1800px;
    background: #f0f1f6;
    margin-top: 100px;
  }
  .main_new_con04 {
    width: 840px;
    margin: 0 auto;
  }
  .main_new_con04_title {
    width: 500px;
    text-align: center;
    margin: 0 auto;
    padding-top: 60px;
  }
  .main_new_con04_title img {
    width: 80%;
  }
  .main_new_con04_box {
    width: 840px;
    height: 500px;
    background: #fff;
    margin-top: 30px;
    padding: 35px;
  }
  .main_new_con04_box2 {
    display: none;
    width: 840px;
    height: 500px;
    background: #fff;
    margin-top: 30px;
    padding: 35px;
  }
  .main_new_con04_box_m {
    display: block;
    width: 840px;
    height: 500px;
    background: #fff;
    margin-top: 30px;
    padding: 35px;
  }
  .main_new_con04_box_left {
    width: 740px;
    float: none;
  }
  .main_new_con04_box_right {
    width: 370px;
    float: none;
    padding-left: 0px;
  }
  .main_new_con04_box_right02 {
    width: 370px;
    float: none;
    padding-left: 10px;
  }
  .main_new_con04_text01 {
    font-size: 2.4em;
    letter-spacing: -1px;
    color: #46505a;
    font-weight: bold;
    padding-top: 20px;
  }
  .main_new_con04_text02 {
    font-size: 1.55em;
    line-height: 1.5em;
    color: #46505a;
    padding-top: 10px;
  }
  .main_new_con04_text03 {
    font-size: 1.25em;
    line-height: 1.5em;
    color: #00afc8;
    padding-top: 20px;
  }

  #main_new_con05_warp {
    width: 100%;
    height: 460px;
    background: #dee1ec;
  }
  .main_new_con05 {
    width: 840px;
    margin: 0 auto;
  }
  .main_new_con05 ul {
    padding-top: 120px;
  }
  .main_new_con05 ul li {
    width: 400px;
    height: 250px;
    background: #fff;
    float: left;
    margin: 0 10px;
  }

  .main_new_con05_text07 {
    font-size: 1.8em;
    margin-top: 20px;
    padding-left: 30px;
  }
  .main_new_con05_text08 {
    font-size: 1.45em;
    color: #333;
  }
  .main_new_con05_text09 {
    font-size: 1.45em;
    color: #333;
  }

  #main_new_con06_warp {
    clear: both;
    width: 100%;
    height: 1120px;
    background: #142850;
  }
  #main_new_con06_warp_sub {
    clear: both;
    width: 100%;
    height: 1120px;
    background: #142850;
    margin-top: 40px;
  }
  .main_new_con06 {
    width: 840px;
    margin: 0 auto;
  }
  .main_new_con06_left {
    width: 320px;
    float: left;
  }
  .main_new_con06_right {
    width: 520px;
    float: left;
    padding-left: 20px;
    padding-top: 80px;
  }
  .main_new_con06_text01 {
    font-family: "NotoSansKr-Light";
    font-size: 1.8em;
    color: #fff;
    padding-top: 80px;
    line-height: 1.3em;
    letter-spacing: -1px;
  }
  .main_new_con06_text02 {
    font-size: 1.15em;
    color: #fff;
    padding-top: 30px;
    line-height: 1.5em;
  }
  .main_new_con06_text03 {
    font-size: 1.45em;
    color: #fff;
    padding-top: 0px;
  }
  .main_new_con06_text04 {
    font-size: 1.15em;
    color: #fff;
    padding-top: 15px;
  }

  /* 하단 */

  #fot_warp {
    clear: both;
    max-width: 840px;
    margin: 0 auto;
  }
  .fot_menu {
    display: none;
    width: 100%;
    padding-top: 30px;
  }
  .fot_menu02 {
    max-width: 840px;
    float: left;
  }
  .fot_menu ul li {
    width: 155px;
    float: left;
    padding: 0 3px;
    font-size: 1.12em;
    line-height: 1.8em;
  }
  .fot_menu a {
    color: #8b8b8b;
  }
  .fot_menu a:hover {
    color: #222;
  }
  .fot {
    clear: both;
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 20px;
    border-top: 1px solid #ccc;
    color: #8b8b8b;
    line-height: 1.5em;
    font-size: 1.15em;
  }
  .fot a {
    color: #8b8b8b;
  }
  .fot a:hover {
    color: #222;
  }

  /* 서브공통 */

  #sub_top_warp {
    width: 100%;
    height: 520px;
    background: url("/images/sub01_top.png") center top;
    background-position: center !important;
  }

  .sub_quick_menu {
    width: 245px;
    float: right;
  }
  .sub_quick_menu ul li {
    height: 24px;
    float: left;
    margin-top: 30px;
    padding: 0 15px;
    font-size: 1.25em;
  }
  .sub_quick {
    width: 132px;
    height: 86px;
    background: url("/images/sub_quick_back.png") center top;
    float: right;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 30px;
    text-align: center;
  }

  #sub_top_title {
    width: 100%;
    color: #fff;
    text-align: center;
    padding-top: 120px;
  }

  #sub_title {
    width: 100%;
    color: #222;
    background: #fafafa;
    text-align: center;
    padding-top: 70px;
    padding-bottom: 90px;
  }
  .sub_text01 {
    font-size: 3.4em;
    font-weight: bold;
    letter-spacing: -1px;
  }
  .sub_text02 {
    font-size: 1.25em;
    padding-top: 20px;
  }
  .sub_text03 {
    font-size: 1.15em;
    padding-top: 10px;
  }
  .sub_text04 {
    font-size: 1.15em;
  }

  /* sub18 */

  #sub18_new_warp01 {
    width: 840px;
    margin: 0 auto;
    margin-top: 60px;
  }
  .sub18_new_con01 {
    width: 840px;
    margin: 0 auto;
  }
  .sub18_new_con01_left {
    width: 420px;
    float: left;
  }
  .sub18_new_con01_right {
    width: 420px;
    float: left;
  }
  .sub18_new_con01_img {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub18_new_con01_img img {
    width: 840px;
  }
  .sub18_new_con01_img2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub18_new_con01_img2 img {
    width: 840px;
  }

  #sub18_new_warp02 {
    width: 100%;
    height: 1650px;
    background: #e7ebf1;
    margin-top: 60px;
  }
  .sub18_new_con02 {
    width: 840px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub18_new_con02_left {
    width: 420px;
    float: left;
  }
  .sub18_new_con02_right {
    width: 420px;
    float: left;
  }
  .sub18_new_con02-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub18_new_con02-2_left {
    width: 400px;
    height: 320px;
    background: #fff;
    float: left;
    margin-top: 30px;
  }
  .sub18_new_con02-2_left01 {
    width: 100%;
  }
  .sub18_new_con02-2_left01 ul li {
    float: left;
  }
  .sub18_new_con02-2_left02 {
    clear: both;
    width: 100%;
  }
  .sub18_new_con02-2_left02 ul {
    clear: both;
    padding-top: 15px;
    padding-left: 60px;
  }
  .sub18_new_con02-2_left02 ul li {
    float: left;
    padding-left: 20px;
  }

  .sub18_new_con02-2_right {
    width: 400px;
    height: 320px;
    background: #fff;
    float: left;
    margin-top: 30px;
    margin-left: 40px;
  }
  .sub18_new_con02-2_right01 {
    width: 100%;
  }
  .sub18_new_con02-2_right01 ul li {
    float: left;
  }
  .sub18_new_con02-2_right02 {
    clear: both;
    width: 100%;
  }
  .sub18_new_con02-2_right02 ul {
    clear: both;
    padding-top: 15px;
    padding-left: 60px;
  }
  .sub18_new_con02-2_right02 ul li {
    float: left;
    width: 200px;
    padding-left: 20px;
  }

  .sub18_new_con02-2_center {
    clear: both;
    width: 100%;
    height: 750px;
    background: #fff;
    margin-top: 500px;
  }
  .sub18_new_con02-2_center_title {
    text-align: center;
    padding-top: 120px;
  }
  .sub18_new_con02-2_center ul {
    padding: 60px 100px;
  }
  .sub18_new_con02-2_center ul li {
    float: left;
    padding: 0 40px;
  }

  .sub18_new_con02-2_btn {
    position: absolute;
    left: 48%;
    margin-top: 450px;
  }

  #sub18_new_warp03 {
    width: 840px;
    margin: 0 auto;
    margin-top: 60px;
  }
  .sub18_new_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 70px;
    text-align: center;
  }
  .sub18_new_con03_title {
    width: 100%;
    margin: 0 auto;
  }
  .sub18_new_con03_left {
    float: left;
    width: 280px;
    height: 500px;
    background: #373935;
    padding-top: 50px;
  }
  .sub18_new_con03_center {
    float: left;
    width: 280px;
    height: 500px;
    background: #004a98;
    padding-top: 50px;
  }
  .sub18_new_con03_right {
    float: left;
    width: 280px;
    height: 500px;
    background: #00afc8;
    padding-top: 50px;
  }
  .sub18_new_con03_ico01 {
    width: 300px;
    height: 130px;
    margin: 0 auto;
    margin-top: 30px;
  }
  .sub18_new_con03_ico02 {
    width: 300px;
    height: 130px;
    margin: 0 auto;
    margin-top: 30px;
  }
  .sub18_new_con03_ico03 {
    width: 300px;
    height: 130px;
    margin: 0 auto;
    margin-top: 30px;
  }
  .sub18_hr {
    width: 20%;
    margin-top: 30px;
  }

  #sub18_new_warp04 {
    clear: both;
    width: 100%;
    height: 1450px;
    background: #e7ebf1;
    margin-top: 580px;
  }
  .sub18_new_con04 {
    width: 840px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub18_new_con04_left {
    width: 420px;
    float: left;
  }
  .sub18_new_con04_right {
    width: 420px;
    float: left;
  }

  .sub18_new_con04-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub18_new_con04-2_left {
    width: 340px;
    height: 410px;
    background: #fff;
    float: left;
    margin-top: 30px;
  }
  .sub18_new_con04-2_left01 {
    width: 100%;
  }
  .sub18_new_con04-2_left01 ul li {
    float: left;
  }
  .sub18_new_con04-2_left02 {
    clear: both;
    width: 100%;
  }
  .sub18_new_con04-2_left02 ul {
    clear: both;
    padding-top: 15px;
    padding-left: 0px;
  }
  .sub18_new_con04-2_left02 ul li {
    float: left;
    padding-left: 10px;
  }

  .sub18_new_con04-2_right {
    width: 220px;
    height: 360px;
    background: #fff;
    float: left;
    margin-top: 30px;
    margin-left: 20px;
  }
  .sub18_new_con04-2_right01 {
    width: 100%;
  }
  .sub18_new_con04-2_right01 ul li {
    float: left;
  }
  .sub18_new_con04-2_right02 {
    clear: both;
    width: 100%;
  }
  .sub18_new_con04-2_right02 ul {
    clear: both;
    padding-top: 15px;
    padding-left: 0px;
  }
  .sub18_new_con04-2_right02 ul li {
    float: left;
    width: 200px;
    padding-left: 20px;
  }

  .sub18_new_con04-2_center {
    clear: both;
    width: 100%;
    height: 550px;
    background: #fff;
    margin-top: 500px;
  }
  .sub18_new_con04-2_center_title {
    text-align: center;
    padding-top: 60px;
  }
  .sub18_new_con04-2_center ul {
    padding: 60px 80px;
  }
  .sub18_new_con04-2_center ul li {
    float: left;
    padding: 0 40px;
  }
  .sub18_new_con04-2_center img {
    padding-top: 50px;
  }

  #sub18_new_warp05 {
    width: 840px;
    height: 650px;
    margin: 0 auto;
    margin-top: 60px;
  }
  .sub18_new_con05 {
    width: 100%;
    margin: 0 auto;
    padding-top: 70px;
    text-align: center;
  }
  .sub18_new_con05_title {
    width: 100%;
    margin: 0 auto;
  }
  .sub18_new_con05_left {
    float: left;
    width: 420px;
    height: 450px;
    background: #26bbd0;
    padding-top: 70px;
  }
  .sub18_new_con05_right {
    float: left;
    width: 420px;
    height: 450px;
    background: #1d336f;
    padding-top: 70px;
  }

  .sub18_text01 {
    font-size: 1.8em;
    color: #00afc8;
    font-weight: bold;
  }
  .sub18_text02 {
    font-size: 2.6em;
    color: #222;
    font-weight: bold;
  }
  .sub18_text03 {
    font-size: 1.8em;
    color: #222;
    line-height: 1.6em;
    padding-top: 50px;
  }
  .sub18_text04 {
    width: 320px;
    font-size: 1.8em;
    color: #222;
    padding-left: 20px;
    padding-top: 15px;
  }
  .sub18_text05 {
    font-size: 1.05em;
    line-height: 2em;
    color: #464d64;
  }
  .sub18_text06 {
    font-size: 1.1em;
    color: #464d64;
    margin-top: 7px;
  }
  .sub18_text07 {
    font-size: 2.6em;
    font-weight: bold;
    color: #464d64;
    margin-top: 10px;
  }
  .sub18_text08 {
    font-size: 1.45em;
    color: #464d64;
    margin-top: 10px;
  }
  .sub18_text09 {
    font-size: 1.45em;
    line-height: 1.8em;
    color: #464d64;
    margin-top: 30px;
  }
  .sub18_text10 {
    font-size: 2.2em;
    line-height: 1.8em;
    font-weight: bold;
    color: #1d336f;
  }
  .sub18_text11 {
    font-size: 1.65em;
    line-height: 1.8em;
    color: #fff;
    margin-top: 30px;
  }
  .sub18_text12 {
    width: 200px;
    font-size: 1.8em;
    color: #222;
    padding-left: 20px;
    padding-top: 15px;
  }

  /* sub11 */

  #sub11_menu_warp {
    width: 100%;
    height: 80px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
  }
  .sub11_menu {
    width: 840px;
    margin: 0 auto;
  }
  .sub11_menu ul li {
    position: relative;
    float: left;
    padding: 0px 8px;
    margin-top: 25px;
    border-right: 1px solid #ccc;
  }
  .sub11_menu li:last-child {
    border-right: 1px solid #fff;
  }
  .sub11_text01 {
    font-size: 1.1em;
  }

  #sub11_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub11_text02 {
    font-size: 2.2em;
    font-weight: bold;
    letter-spacing: -2px;
  }

  #sub11_con_warp {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub11_con01 {
    clear: both;
    width: 100%;
    padding-top: 0px;
  }
  .sub11_con01_left {
    width: 540px;
    float: left;
  }
  .sub11_con01_left img {
    width: 540px;
  }
  .sub11_con01_right {
    width: 300px;
    float: left;
    padding-top: 100px;
    padding-left: 20px;
  }
  .sub11_con01_right_m {
    display: none;
    width: 300px;
    float: left;
    padding-top: 100px;
    padding-left: 20px;
  }
  .sub11_con02 {
    clear: both;
    width: 100%;
    padding-top: 50px;
    margin-top: 520px;
    border-top: 1px solid #ccc;
  }
  .sub11_con02_left {
    width: 540px;
    float: left;
    padding-top: 50px;
  }
  .sub11_con02_left img {
    width: 540px;
  }
  .sub11_con02_right {
    width: 300px;
    float: left;
    padding-top: 50px;
  }
  .sub11_con02_right img {
    width: 300px;
  }

  .sub11_text15 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub11_text16 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }

  #sub11_con03_warp {
    clear: both;
    width: 100%;
    height: 1320px;
    background: #f5f5f5;
    margin-top: 380px;
  }
  .sub11_con03 {
    width: 840px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .sub11_con03 ul li {
    float: left;
    padding: 60px 20px 0 0px;
    font-size: 1.45em;
    line-height: 2.1em;
  }

  .sub11_con03_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 280px;
    padding-top: 60px;
  }
  .sub11_con03_box_01 {
    padding-top: 0px;
  }

  .sub11_con03_box_list {
    clear: both;
    width: 100%;
    padding-top: 40px;
  }
  .sub11_con03_box_left {
    width: 300px;
    float: left;
  }
  .sub11_con03_box_left img {
    width: 300px;
  }
  .sub11_con03_box_right {
    width: 500px;
    padding-left: 20px;
    float: left;
  }

  .sub11_text10 {
    font-size: 22px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    text-align: center;
    font-weight: bold;
    color: #222;
  }
  .sub11_text12 {
    font-size: 1.25em;
    padding-top: 20px;
    line-height: 1.5em;
  }
  .sub11_text13 {
    font-size: 1.8em;
    font-weight: bold;
    padding-top: 15px;
    line-height: 1.5em;
  }

  #sub11_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  #sub11_con04 img {
    width: 840px;
  }

  /* sub12 */

  .sub12_text02 {
    width: 840px;
    margin: 0 auto;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -2px;
    padding-top: 50px;
  }
  .sub12_text03 {
    font-size: 1.1em;
    margin-top: 30px;
    padding-left: 10px;
    color: #8b8b8b;
    line-height: 1.5em;
    border-left: 2px solid #222;
  }
  .sub12_text04 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub12_text05 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub12_text06 {
    padding-left: 25px;
  }
  .sub12_text07 {
    font-size: 14.5px;
    line-height: 1.8em;
    padding-top: 20px;
  }
  .sub12_text08 {
    padding-top: 20px;
  }
  .sub12_text09 {
    font-size: 1.15em;
    padding-top: 20px;
    line-height: 1.5em;
  }
  .sub12_text10 {
    padding-top: 30px;
  }
  .sub12_text11 {
    font-size: 2.6em;
    font-weight: bold;
    padding-top: 50px;
  }
  .sub12_text12 {
    width: 100%;
  }
  .sub12_text13 {
    width: 100%;
  }
  .sub12_text14 {
    display: none;
  }

  .sub12_hr01 {
    width: 840px;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    margin-top: 80px;
  }

  .sub12_btn01 {
    clear: both;
    width: 217px;
    padding-top: 40px;
  }

  #sub12_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
  }

  #sub12_con_warp01 {
    clear: both;
    width: 100%;
    height: 530px;
    background: url("/images/sub12-1.png") center top;
    padding-top: 80px;
    margin-top: 50px;
  }
  .sub12_con_text01 {
    width: 50%;
    float: right;
    padding-left: 60px;
  }

  #sub12_con_warp02 {
    clear: both;
    width: 100%;
    height: 530px;
    background: url("/images/sub12-3.png") center top;
    padding-top: 80px;
    margin-top: 50px;
  }
  .sub12_con_text02 {
    width: 1200px;
    margin: 0 auto;
  }

  #sub12_con03_warp {
    clear: both;
    width: 100%;
    height: 1350px;
    background: #f5f5f5;
    margin-top: 60px;
  }
  .sub12_con03 {
    width: 840px;
    margin: 0 auto;
    padding-top: 25px;
  }
  .sub12_con03 ul li {
    float: left;
    padding: 60px 20px 0 0px;
    font-size: 1.15em;
    line-height: 2.1em;
  }
  .sub12_con03_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 230px;
    padding-top: 60px;
  }
  .sub12_con03_box_left {
    float: left;
  }
  .sub12_con03_box_left img {
    width: 80%;
  }
  .sub12_con03_box_right {
    float: left;
    padding-left: 10px;
    padding-top: 30px;
  }
  .sub12_con03-2_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 420px;
    padding-top: 60px;
  }
  .sub12_con03-2_box_left {
    float: left;
  }
  .sub12_con03-2_box_left img {
    width: 80%;
  }
  .sub12_con03-2_box_right {
    float: left;
    padding-left: 10px;
    padding-top: 50px;
  }

  #sub12_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 30px;
  }
  #sub12_con04 img {
    width: 840px;
  }

  /* sub13 */

  .sub13_text03 {
    font-size: 1.1em;
    margin-top: 30px;
    padding-left: 10px;
    color: #8b8b8b;
    line-height: 1.5em;
    border-left: 2px solid #222;
  }
  .sub13_text04 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub13_text05 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 10px;
    letter-spacing: -1.5px;
    padding-top: 10px;
  }
  .sub13_text07 {
    clear: both;
    width: 1080px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub13_text08 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub13_text08 img {
    width: 100%;
  }
  .sub13_text09 {
    font-size: 28px;
    padding-top: 20px;
  }
  .sub13_text10 {
    padding-top: 20px;
  }
  .sub13_text11 {
    font-size: 1.15em;
    padding-top: 20px;
    line-height: 1.5em;
  }
  .sub13_text12 {
    padding-top: 0px;
  }
  .sub13_text13 {
    font-size: 2.8em;
    font-weight: bold;
    line-height: 1.8em;
    letter-spacing: -2px;
  }
  .sub13_text14 {
    font-size: 2.6em;
    font-weight: bold;
    padding-top: 50px;
  }
  .sub13_text15 {
    display: none;
  }
  .sub13_text16 {
    font-size: 14.5px;
    line-height: 1.8em;
    padding-top: 20px;
  }

  #sub13_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
  }

  #sub13_con01_warp {
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub13_con01-1 {
    width: 840px;
    padding-top: 40px;
  }
  .sub13_title {
    width: 100%;
    padding-top: 30px;
  }
  .sub13_con01 {
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub13_con01-2 {
    width: 100%;
    height: 342px;
    background: url("/images/sub13-21.png") no-repeat center top;
    margin-top: 40px;
  }
  .sub13_con01-3 {
    width: 840px;
    margin: 0 auto;
    padding-left: 425px;
  }

  #sub13_con02_warp {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 30px;
    border-top: 1px solid #ccc;
  }
  .sub13_con02 {
    width: 100%;
    padding-top: 30px;
  }
  .sub13_con02_left {
    width: 420px;
    float: left;
    padding-left: 50px;
  }
  .sub13_con02_right {
    width: 420px;
    float: left;
    padding-left: 100px;
    padding-top: 40px;
  }
  .sub13_con02_right_box {
    width: 400px;
    height: 280px;
    font-size: 1.85em;
    line-height: 1.8em;
    padding-top: 50px;
    margin-top: 50px;
  }

  #sub13_con03_warp {
    clear: both;
    width: 100%;
    height: 2100px;
    background: #f5f5f5;
    margin-top: 60px;
  }
  .sub13_con03 {
    width: 840px;
    margin: 0 auto;
    padding-top: 25px;
  }
  .sub13_con03 ul li {
    float: left;
    padding: 60px 20px 0 10px;
    font-size: 1.15em;
    line-height: 2.1em;
  }
  .sub13_con03_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub13_con03_box_left {
    float: left;
  }
  .sub13_con03_box_left img {
    width: 80%;
  }
  .sub13_con03_box_right {
    float: left;
    padding-left: 10px;
    padding-top: 20px;
  }
  .sub13_con03-2_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 420px;
    padding-top: 60px;
  }
  .sub13_con03-2_box_left {
    float: left;
  }
  .sub13_con03-2_box_left img {
    width: 80%;
  }
  .sub13_con03-2_box_right {
    float: left;
    padding-left: 10px;
    padding-top: 20px;
  }

  #sub13_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  #sub13_con04 img {
    width: 840px;
  }

  #sub13_con01_warp {
    clear: both;
    width: 840px;
    margin: 0 auto;
  }
  #sub13_con05_warp {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
    border-top: 1px solid #ccc;
    margin-top: 100px;
  }
  .sub13_con05 {
    width: 840px;
    margin: 0 auto;
  }
  .sub13_con05 ul li {
    float: left;
    padding: 80px 20px;
  }
  .sub13_con05 li:nth-child(2) {
    padding-top: 200px;
  }
  .sub13_con05 img {
    width: 100%;
    padding-top: 30px;
  }

  /* sub14 */

  #sub14_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub14_text02 {
    font-size: 2.6em;
    font-weight: bold;
    padding-top: 0px;
  }

  .sub14_text03 {
    font-size: 1.25em;
    padding-top: 0px;
    padding-left: 10px;
    color: #8b8b8b;
    border-left: 1px solid #222;
    line-height: 1.5em;
    margin-top: 30px;
  }
  .sub14_text04 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub14_text05 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub14_text06 {
    padding-left: 50px;
  }
  .sub14_text07 {
    display: none;
  }

  .sub14_hr01 {
    width: 840px;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    margin-top: 80px;
  }

  #sub14_con_warp01 {
    clear: both;
    width: 100%;
    height: 530px;
    background: url("/images/sub14-1.png") center top;
    padding-top: 80px;
    margin-top: 50px;
  }
  .sub14_con_text01 {
    width: 50%;
    float: right;
    padding-left: 60px;
  }

  #sub14_con_warp02 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    height: 530px;
    padding-top: 20px;
    margin-top: 20px;
  }
  .sub14_con_text02 {
    width: 420px;
    float: left;
    padding-top: 100px;
  }
  .sub14_con_text03 {
    width: 420px;
    float: left;
    padding-left: 0px;
  }

  #sub14_con03_warp {
    clear: both;
    width: 100%;
    height: 400px;
    background: #f5f5f5;
    margin-top: 60px;
  }
  .sub14_con03 {
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub14_con03 ul li {
    float: left;
    padding: 60px 20px 0 0px;
    font-size: 1.45em;
    line-height: 2.1em;
  }

  #sub14_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  #sub14_con04 img {
    width: 100%;
  }

  /* sub15 */

  .sub15_text01 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -2px;
    padding-top: 50px;
  }
  .sub15_text02 {
    font-size: 42px;
    font-weight: bold;
    color: #222;
    line-height: 1.2em;
    padding-left: 25px;
    letter-spacing: -2px;
    padding-top: 30px;
  }
  .sub15_text03 {
    width: 870px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .sub15_text04 {
    font-size: 2.6em;
    padding-top: 30px;
    letter-spacing: -1px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub15_text05 {
    padding-top: 50px;
  }
  .sub15_text06 {
    font-size: 1.85em;
    color: #222;
    padding-top: 30px;
    line-height: 1.6em;
    font-weight: bold;
    padding-left: 0px;
  }
  .sub15_text07 {
    padding-top: 0px;
  }
  .sub15_text08 {
    font-size: 2.6em;
    font-weight: bold;
  }
  .sub15_text09 {
    font-size: 1.25em;
    padding-top: 10px;
  }
  .sub15_text10 {
    font-size: 1.25em;
    color: #222;
    padding-top: 5px;
    line-height: 1.6em;
    padding-left: 0px;
  }

  #sub15_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub15_con01 {
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub15_con01_left {
    width: 420px;
    float: left;
  }
  .sub15_con01_left img {
    width: 100%;
  }
  .sub15_con01_right {
    width: 420px;
    float: left;
    padding-left: 30px;
    padding-top: 30px;
  }
  .sub15_con01_right_m {
    display: none;
    width: 420px;
    float: left;
    padding-left: 30px;
    padding-top: 30px;
  }

  #sub15_con02 {
    clear: both;
    width: 840px;
    border-top: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 430px;
    padding-top: 80px;
  }
  .sub15_con02_left {
    width: 420px;
    float: left;
    padding-top: 30px;
  }
  .sub15_con02_right {
    width: 420px;
    float: left;
    padding-left: 0px;
    padding-top: 0px;
  }
  .sub15_con02_right img {
    width: 100%;
  }

  #sub15_con03_warp {
    clear: both;
    width: 100%;
    height: 430px;
    background: #f5f5f5;
    margin-top: 460px;
  }
  .sub15_con03 {
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub15_con03_left {
    width: 155px;
    float: left;
  }
  .sub15_con03_right {
    width: 585px;
    float: left;
  }
  .sub15_con03_right ul li {
    float: left;
    padding: 30px 10px 0 0px;
    font-size: 1.15em;
    line-height: 2.1em;
  }

  #sub15_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  #sub15_con04 img {
    width: 100%;
  }

  /* sub16 */

  .sub16_text01 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -2px;
    padding-top: 50px;
  }
  .sub16_text02 {
    font-size: 42px;
    font-weight: bold;
    color: #222;
    line-height: 1.2em;
    padding-left: 25px;
    letter-spacing: -2px;
    padding-top: 30px;
  }
  .sub16_text03 {
    padding-top: 10px;
  }
  .sub16_text04 {
    font-size: 2.6em;
    padding-top: 30px;
    letter-spacing: -1px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub16_text05 {
    padding-top: 50px;
  }
  .sub16_text06 {
    font-size: 20px;
    padding-top: 20px;
  }
  .sub16_text07 {
    padding-top: 20px;
  }
  .sub16_text08 {
    font-size: 1.15em;
    padding-top: 20px;
    line-height: 1.5em;
  }
  .sub16_text09 {
    padding-top: 0px;
  }
  .sub16_text10 {
    font-size: 2.6em;
    font-weight: bold;
  }
  .sub16_text11 {
    width: 100%;
  }
  .sub16_text11 img {
    width: 60%;
  }
  .sub16_text12 {
    font-size: 1.25em;
    text-align: center;
    padding-top: 20px;
  }
  .sub16_text13 {
    font-size: 3.2em;
    font-weight: bold;
    color: #fff;
    letter-spacing: -2px;
    padding-top: 100px;
  }
  .sub16_text14 {
    font-size: 1.45em;
    color: #c0c0c0;
    padding-top: 10px;
  }
  .sub16_text15 {
    width: 175px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub16_text16 {
    font-size: 2.1em;
    text-align: center;
    padding-top: 50px;
    letter-spacing: -1px;
  }
  .sub16_text17 {
    padding-top: 20px;
  }

  #sub16_title {
    clear: both;
    width: 840px;
    padding: 10px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub16_con01 {
    width: 840px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .sub16_con01_left {
    width: 420px;
    float: left;
  }
  .sub16_con01_left img {
    width: 100%;
  }
  .sub16_con01_right {
    width: 420px;
    float: left;
    padding-left: 30px;
    padding-top: 15px;
  }
  .sub16_con01_right_m {
    display: none;
    width: 420px;
    float: left;
    padding-left: 30px;
    padding-top: 15px;
  }

  #sub16_con02 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
    border-top: 1px solid #ccc;
    margin-top: 420px;
  }
  .sub16_con02_left {
    width: 420px;
    float: left;
  }
  .sub16_con02_right {
    width: 420px;
    float: left;
    padding-left: 30px;
    padding-top: 15px;
  }
  .sub16_con02_right img {
    width: 100%;
  }

  #sub16_con03_warp {
    clear: both;
    width: 100%;
    height: 670px;
    background: #f5f5f5;
    margin-top: 0px;
  }
  .sub16_con03 {
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub16_con03 ul li {
    padding: 40px 20px 0 0px;
    font-size: 1.45em;
    line-height: 2.1em;
  }
  .sub16_con03_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 50px;
    padding-top: 60px;
  }
  .sub16_con03_box_left {
    width: 420px;
    float: left;
    padding-left: 0px;
    padding-top: 0px;
  }
  .sub16_con03_box_right {
    width: 420px;
    float: left;
    padding-left: 0px;
    padding-top: 120px;
  }
  .sub16_con03_box_right img {
    width: 100%;
  }

  #sub16_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  #sub16_con04 img {
    width: 100%;
  }

  #sub16_con05_warp {
    clear: both;
    width: 100%;
    height: 420px;
    background: #0b0312;
    margin-top: 380px;
  }
  .sub16_con05 {
    width: 840px;
    margin: 0 auto;
  }
  .sub16_con05_left {
    /*width: 420px;
    float: left;*/
    width: 100%;
    float: none;
    /*padding-top: 100px;*/
  }
  .sub16_con05_left img {
    width: auto;
    max-width: 100%;
  }
  .sub16_con05_right {
    width: 420px;
    float: left;
    padding-left: 30px;
  }

  /* sub17 */

  .sub17_text01 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -2px;
    padding-top: 50px;
  }
  .sub17_text02 {
  }
  .sub17_text03 {
    font-size: 1.45em;
    padding-top: 0px;
    padding-left: 0px;
    color: #8b8b8b;
    border-left: 1px solid #222;
    line-height: 1.5em;
    margin-top: 30px;
    padding-top: 0px;
  }
  .sub17_text04 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub17_text05 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub17_text06 {
    padding-left: 25px;
  }
  .sub17_text07 {
    font-size: 1.45em;
    line-height: 1.8em;
    padding-top: 20px;
    color: #8b8b8b;
  }
  .sub17_text08 {
    font-size: 28px;
    padding-top: 20px;
  }
  .sub17_text09 {
    padding-top: 20px;
  }
  .sub17_text10 {
    font-size: 1.45em;
    padding-top: 20px;
    line-height: 1.5em;
  }
  .sub17_text11 {
    padding-top: 50px;
  }
  .sub17_text12 {
    font-size: 2.6em;
    font-weight: bold;
    padding-top: 50px;
  }
  .sub17_text13 {
    font-size: 1.15em;
    line-height: 1.8em;
    padding-top: 20px;
  }
  .sub17_text14 {
    padding-top: 40px;
  }
  .sub17_text15 {
    width: 175px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub17_text16 {
    font-size: 28px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    text-align: center;
    font-weight: bold;
    color: #222;
  }
  .sub17_text17 {
    display: none;
  }

  .sub17_hr01 {
    width: 840px;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    margin-top: 80px;
  }

  #sub17_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
  }

  #sub17_con01_warp {
    width: 840px;
    margin: 0 auto;
  }
  .sub17_con01 {
    width: 100%;
    padding-top: 50px;
  }
  .sub17_con01_left {
    width: 420px;
    float: left;
  }
  .sub17_con01_right {
    width: 420px;
    float: left;
  }
  .sub17_con02 {
    clear: both;
    width: 100%;
    padding-top: 80px;
  }

  #sub17_con_warp01 {
    clear: both;
    width: 100%;
    height: 530px;
    background: url("/images/sub17-5.png") center top;
    padding-top: 80px;
    margin-top: 50px;
  }
  .sub17_con_text01 {
    width: 50%;
    float: right;
    padding-left: 80px;
  }

  #sub17_con_warp02 {
    clear: both;
    width: 100%;
    height: 530px;
    background: url("/images/sub17-6.png") center top;
    padding-top: 80px;
    margin-top: 80px;
  }
  .sub17_con_text02 {
    width: 50%;
    float: left;
    padding-left: 150px;
    padding-top: 50px;
  }

  #sub17_con03_warp {
    clear: both;
    width: 100%;
    height: 1050px;
    background: #f5f5f5;
    margin-top: 80px;
  }
  .sub17_con03 {
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub17_con03 ul li {
    padding: 40px 80px 0 0px;
    font-size: 1.45em;
    line-height: 2.1em;
  }
  .sub17_con03_box {
    clear: both;
    width: 100%;
    margin-top: 50px;
    padding-top: 0px;
  }
  .sub17_con03_box_left {
    width: 100%;
    padding-top: 10px;
  }
  .sub17_con03_box_left img {
    width: 100%;
  }
  .sub17_con03_box_right {
    text-align: center;
    padding-left: 0px;
    padding-top: 50px;
  }
  .sub17_con03-2_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 500px;
    padding-top: 60px;
  }
  .sub17_con03-2_box_left {
    float: left;
  }
  .sub17_con03-2_box_right {
    float: left;
    padding-left: 50px;
    padding-top: 50px;
  }

  #sub17_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub17_con04 img {
    width: 100%;
  }

  .sub_btn17 {
    width: 175px;
    height: 40px;
    margin: 0 auto;
    background: #222;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
    line-height: 2.2em;
    margin-top: 40px;
  }
  .sub_btn17 a:hover {
    width: 175px;
    height: 40px;
    background: #ff0000;
  }

  /* sub26 */

  #sub21_menu_warp {
    width: 100%;
    height: 218px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sub21_menu {
    width: 840px;
    margin: 0 auto;
  }
  .sub21_menu ul li {
    position: relative;
    width: 195px;
    padding: 0 0px;
    height: 20px;
    float: left;
    text-align: center;
    margin: 25px 0px;
    border-right: 1px solid #ccc;
  }
  .sub21_menu li:last-child {
    border-right: 1px solid #fff;
  }
  .sub21_menu .sub11_text01:first-child li:last-child {
    border-right: 1px solid #ccc;
  }

  #sub26_con01_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }

  #sub26_new_warp01 {
    width: 840px;
    margin: 0 auto;
    margin-top: 60px;
  }
  .sub26_new_con01 {
    width: 840px;
    margin: 0 auto;
  }
  .sub26_new_con01_left {
    width: 420px;
    float: left;
  }
  .sub26_new_con01_right {
    width: 420px;
    float: left;
  }
  .sub26_new_con01_img {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub26_new_con01_img img {
    width: 100%;
  }
  .sub26_new_con01_img2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub26_new_con01_img2 img {
    width: 100%;
  }

  .sub26_text01 {
    font-size: 1.6em;
    color: #00afc8;
    font-weight: bold;
  }
  .sub26_text02 {
    font-size: 2.4em;
    color: #222;
    font-weight: bold;
  }
  .sub26_text03 {
    font-size: 1.45em;
    color: #222;
    line-height: 1.6em;
    padding-top: 30px;
  }
  .sub26_text04 {
    font-size: 1.6em;
    font-weight: bold;
    color: #222;
    line-height: 1.6em;
    padding: 10px 0;
  }
  .sub26_text05 {
    font-size: 1.55em;
    line-height: 1.5em;
    color: #00afc8;
    padding-top: 20px;
  }
  .sub26_text06 {
    padding-top: 10px;
  }
  .sub26_text07 {
    font-size: 1.8em;
    line-height: 1.5em;
    font-weight: bold;
    color: #1d336f;
    padding-top: 20px;
  }
  .sub26_text08 {
    height: 150px;
  }
  .sub26_text09 {
    height: 130px;
  }
  .sub26_text10 {
    font-size: 1.6em;
    color: #222;
    line-height: 1.6em;
    padding: 10px 0;
  }
  .sub26_text11 {
    font-size: 1.6em;
    color: #222;
    line-height: 1.6em;
    padding: 10px 0;
  }

  #sub26_new_warp02 {
    width: 100%;
    height: 630px;
    background: #e7ebf1;
    margin: 0 auto;
    margin-top: 60px;
  }
  .sub26_new_con02 {
    width: 840px;
    margin: 0 auto;
  }
  .sub26_new_con02_title {
    width: 100%;
    padding-top: 70px;
  }
  .sub26_new_con02_box {
    clear: both;
    width: 100%;
    padding-top: 50px;
    text-align: center;
  }
  .sub26_new_con02_box ul {
    padding-top: 30px;
  }
  .sub26_new_con02_box ul li {
    width: 150px;
    height: 300px;
    background: #fff;
    float: left;
    padding: 20px;
    margin: 0 8px 0 0;
  }
  .sub26_new_con02_box img {
    width: 70%;
  }

  #sub26_new_warp03 {
    width: 840px;
    height: 730px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub26_new_con03_title {
    width: 100%;
  }
  .sub26_new_con03 {
    width: 100%;
    padding-top: 70px;
    text-align: center;
  }
  .sub26_new_con03_left {
    width: 280px;
    height: 250px;
    float: left;
    border-right: 1px solid #ccc;
  }
  .sub26_new_con03_center {
    width: 280px;
    height: 250px;
    float: left;
    border-right: 1px solid #ccc;
  }
  .sub26_new_con03_right {
    width: 280px;
    height: 250px;
    float: left;
    padding-top: 20px;
  }
  .sub26_new_con03_btn {
    clear: both;
    width: 540px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub26_new_con03_btn ul li {
    width: 270px;
    float: left;
    padding: 0 0px 0 0;
  }

  #sub26_new_warp05 {
    width: 840px;
    height: 550px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub26_new_con05_title {
    width: 100%;
  }
  .sub26_new_con05 {
    width: 100%;
    padding-top: 70px;
  }
  .sub26_new_con05 ul li {
    width: 280px;
    float: left;
  }
  .sub26_new_con05 img {
    width: 100%;
  }

  /* sub27 */

  .sub27_text01 {
    font-size: 2.6em;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub27_text02 {
    font-size: 3em;
    font-weight: bold;
    padding-top: 0px;
    line-height: 1.3em;
    letter-spacing: -1px;
  }
  .sub27_text03 {
    font-size: 1.35em;
    line-height: 1.6em;
    color: #454545;
    padding-top: 15px;
  }
  .sub27_text04 {
    font-size: 1.15em;
    padding-top: 12px;
    line-height: 1.6em;
  }

  #sub27_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }

  #sub27_con01 {
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  #sub27_con01 img {
    width: 100%;
  }

  #sub27_con02 {
    width: 840px;
    margin: 0 auto;
    margin-top: 40px;
  }
  #sub27_con02 img {
    width: 100%;
  }

  #sub27_btn_warp {
    width: 530px;
    margin: 0 auto;
  }
  #sub27_btn_warp ul li {
    float: left;
    padding: 0px 10px 60px 0;
  }

  #sub27_btn {
    width: 255px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 40px;
  }
  #sub27_con03 {
    width: 840px;
    margin: 0 auto;
    padding: 20px 80px 0 0px;
    font-size: 1.45em;
    line-height: 2.1em;
  }

  /* sub21 */

  .sub21_text02 {
    font-size: 1.85em;
    font-weight: bold;
    padding-top: 50px;
  }
  .sub21_text03 {
    font-size: 1.45em;
    padding-top: 10px;
    padding-left: 15px;
    color: #434343;
    line-height: 1.5em;
    padding-left: 0px;
    padding-top: 20px;
  }
  .sub21_text04 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub21_text05 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub21_text06 {
    padding-left: 25px;
  }
  .sub21_text07 {
    font-size: 1.85em;
    font-weight: bold;
    padding-top: 10px;
    color: #222;
    letter-spacing: -1px;
  }
  .sub21_text08 {
    font-size: 1.45em;
    padding-top: 40px;
    color: #222;
  }
  .sub21_text09 {
    text-align: center;
    padding-top: 30px;
  }
  .sub21_text10 {
    font-size: 1.45em;
    padding-top: 40px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub21_text11 {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 40px;
  }
  .sub21_text12 {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub21_text12 img {
    width: 100%;
  }
  .sub21_text13 {
    font-size: 1.65em;
    line-height: 1.6em;
    padding-top: 30px;
  }
  .sub21_text14 {
    font-size: 1.85em;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub21_text16 {
    width: 217px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .sub21_text17 {
    width: 840px;
    padding-top: 50px;
  }
  .sub21_text17 img {
    width: 100%;
  }
  .sub21_text18 {
    font-size: 1.15em;
    padding-top: 12px;
    line-height: 1.6em;
  }

  .sub21_hr01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 340px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  #sub21_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }

  #sub21_video_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub21_video {
    width: 840px;
    height: 675px;
    padding-top: 0px;
  }

  #sub21_con_warp01 {
    clear: both;
    width: 100%;
    padding-top: 40px;
    margin-top: 0px;
  }
  .sub21_con_text01 {
    width: 840px;
    margin: 0 auto;
  }
  .sub21_con01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub21_con01_left {
    width: 420px;
    float: left;
    padding-top: 40px;
  }
  .sub21_con01_left01 {
    width: 210px;
    float: left;
    padding-top: 45px;
  }
  .sub21_con01_left02 {
    width: 210px;
    float: left;
  }
  .sub21_con01_left02 img {
    width: 80%;
  }
  .sub21_con01_right {
    width: 420px;
    float: left;
    padding-top: 40px;
  }
  .sub21_con01_right01 {
    width: 210px;
    float: left;
    padding-top: 45px;
  }
  .sub21_con01_right02 {
    width: 210px;
    float: left;
  }
  .sub21_con01_right02 img {
    width: 80%;
  }
  .sub21_con01-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub21_con01-2_left {
    width: 420px;
    float: left;
    padding-left: 80px;
  }
  .sub21_con01-2_right {
    width: 420px;
    float: left;
    padding-top: 60px;
    padding-left: 180px;
  }

  #sub21_con_warp02 {
    clear: both;
    width: 100%;
    padding-top: 80px;
    margin-top: 0px;
  }
  .sub21_con_text02 {
    width: 840px;
    margin: 0 auto;
  }
  .sub21_con_text03 {
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub21_con_text03_left {
    width: 420px;
    float: left;
  }
  .sub21_con_text03_left img {
    width: 90%;
  }
  .sub21_con_text03_right {
    width: 420px;
    float: left;
    padding-left: 30px;
    padding-top: 50px;
  }

  #sub21_con03_warp {
    clear: both;
    width: 100%;
    height: 900px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 370px;
  }
  .sub21_con03 {
    width: 840px;
    margin: 0 auto;
  }
  .sub21_con03_title {
    width: 840px;
    margin: 0 auto;
  }

  #sub21_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub21_con04_title {
    width: 840px;
    margin: 0 auto;
  }

  #sub21_con05_warp {
    clear: both;
    width: 100%;
    height: 500px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub21_con05 {
    width: 840px;
    margin: 0 auto;
  }
  .sub21_con05_title {
    width: 840px;
    margin: 0 auto;
  }

  #sub21_con06_warp {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  #sub21_con06_warp img {
    width: 100%;
  }
  .sub21_con06 {
    width: 840px;
    margin: 0 auto;
  }
  .sub21_con06 ul li {
    text-align: center;
    float: left;
    padding: 60px 10px;
  }

  #sub21_btn {
    width: 255px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 40px;
  }

  #sub21_con07 {
    width: 825px;
    height: 150px;
    margin: 0 auto;
  }
  #sub21_con07 ul li {
    float: left;
    padding: 10px;
  }

  /* sub22 */

  .sub22_text02 {
    font-size: 1.85em;
    font-weight: bold;
    padding-top: 50px;
  }
  .sub22_text03 {
    font-size: 1.45em;
    padding-top: 10px;
    padding-left: 15px;
    color: #434343;
    line-height: 1.5em;
    padding-left: 0px;
    padding-top: 20px;
  }
  .sub22_text04 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub22_text05 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub22_text06 {
    padding-left: 25px;
  }
  .sub22_text07 {
    font-size: 2.2em;
    font-weight: bold;
    padding-top: 10px;
    color: #222;
    letter-spacing: -1px;
  }
  .sub22_text08 {
    font-size: 1.65em;
    padding-top: 10px;
    color: #222;
  }
  .sub22_text09 {
    text-align: center;
  }
  .sub22_text10 {
    font-size: 1.45em;
    padding-top: 40px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub22_text11 {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 40px;
  }
  .sub22_text12 {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub22_text12 img {
    width: 100%;
  }
  .sub22_text13 {
    font-size: 1.65em;
    line-height: 1.6em;
  }
  .sub22_text14 {
    font-size: 2.2em;
    line-height: 1.8em;
    padding-top: 0px;
    color: #222;
  }
  .sub22_text15 {
    font-size: 1.85em;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub22_text16 {
    font-size: 1.25em;
    padding-top: 12px;
    line-height: 1.6em;
  }

  .sub22_hr01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 300px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  #sub22_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }

  #sub22_con_warp01 {
    clear: both;
    width: 100%;
    padding-top: 50px;
  }
  .sub22_con_text01 {
    width: 840px;
    margin: 0 auto;
    padding-left: 0px;
  }
  .sub22_con01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub22_con01_left {
    width: 420px;
    float: left;
    padding-top: 0px;
    padding-left: 0px;
  }
  .sub22_con01_left img {
    width: 80%;
  }
  .sub22_con01_right {
    width: 420px;
    float: left;
    padding-top: 70px;
  }
  .sub22_con01-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub22_con01-2 img {
    width: 100%;
  }

  #sub22_con03_warp {
    clear: both;
    width: 100%;
    height: 1050px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub22_con03 {
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }

  #sub22_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }

  #sub22_con05_warp {
    clear: both;
    width: 100%;
    height: 650px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 100px;
  }
  #sub22_con05 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  #sub22_con05 img {
    width: 100%;
  }

  #sub12_con06_warp {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  #sub12_con06_warp img {
    width: 100%;
  }
  .sub12_con06 {
    width: 840px;
    margin: 0 auto;
  }
  .sub12_con06 ul li {
    text-align: center;
    float: left;
    padding: 60px 15px;
  }

  #sub22_con07 {
    width: 825px;
    height: 150px;
    margin: 0 auto;
  }
  #sub22_con07 ul li {
    float: left;
    padding: 10px;
  }

  #sub22_btn {
    width: 255px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 40px;
  }

  .sub_btn01 {
    width: 175px;
    height: 40px;
    background: #222;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
    line-height: 2.2em;
    margin-top: 40px;
  }
  .sub_btn01 a:hover {
    width: 175px;
    height: 40px;
    background: #ff0000;
  }

  /* sub23 */

  .sub23_text02 {
    font-size: 1.8em;
    font-weight: bold;
    padding-top: 50px;
  }
  .sub23_text03 {
    font-size: 1.45em;
    padding-top: 10px;
    padding-left: 15px;
    color: #434343;
    line-height: 1.5em;
    padding-left: 0px;
    padding-top: 20px;
  }
  .sub23_text04 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub23_text05 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub23_text06 {
    padding-left: 25px;
  }
  .sub23_text07 {
    font-size: 3.2em;
    font-weight: bold;
    padding-top: 10px;
    color: #222;
    letter-spacing: -1px;
  }
  .sub23_text08 {
    font-size: 1.85em;
    padding-top: 10px;
    color: #222;
  }
  .sub23_text09 {
    text-align: center;
    padding-top: 30px;
  }
  .sub23_text10 {
    font-size: 1.8em;
    padding-top: 40px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub23_text11 {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 40px;
  }
  .sub23_text12 {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub23_text12 img {
    width: 100%;
  }
  .sub23_text13 {
    font-size: 1.65em;
    line-height: 1.6em;
  }
  .sub23_text14 {
    font-size: 1.8em;
    font-weight: bold;
    padding-top: 50px;
  }
  .sub23_text15 {
    font-size: 1.8em;
    font-weight: bold;
    padding-top: 10px;
    color: #222;
    letter-spacing: -1px;
  }
  .sub23_text16 {
    font-size: 1.4em;
    padding-top: 10px;
    color: #222;
  }
  .sub23_text17 {
    width: 217px;
    margin: 0 auto;
    padding-top: 60px;
    font-size: 1.25em;
    padding-top: 12px;
    line-height: 1.6em;
  }
  .sub23_text18 {
    width: 840px;
    padding-top: 50px;
  }
  .sub23_text18 img {
    width: 100%;
  }
  .sub23_text19 {
    margin: 0 auto;
    padding-top: 60px;
    font-size: 1.25em;
    padding-top: 12px;
    line-height: 1.6em;
  }

  .sub23_hr01 {
    width: 840px;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    margin-top: 480px;
  }

  #sub23_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
  }

  #sub23_con01_warp {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub23_con01 {
    width: 100%;
    padding-top: 50px;
  }
  .sub23_con01_left {
    width: 420px;
    float: left;
    padding-left: 0px;
  }
  .sub23_con01_right {
    width: 420px;
    float: left;
    padding-top: 120px;
    padding-left: 40px;
  }

  #sub23_con_warp02 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
    margin-top: 0px;
  }
  .sub23_con02 {
    width: 100%;
  }
  .sub23_con02_left {
    width: 420px;
    float: left;
    padding-top: 40px;
  }
  .sub23_con02_right {
    width: 420px;
    float: left;
    padding-top: 90px;
    padding-left: 0px;
  }
  .sub23_con02_right img {
    width: 100%;
  }

  #sub23_con03_warp {
    clear: both;
    width: 100%;
    height: 800px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 450px;
  }
  .sub21_con03 {
    clear: both;
    width: 840px;
    margin: 0 auto;
  }
  .sub21_con03_title {
    width: 840px;
    margin: 0 auto;
  }

  #sub23_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }

  #sub23_con05_warp {
    clear: both;
    width: 100%;
    height: 650px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub23_con05 {
    width: 840px;
    margin: 0 auto;
  }

  #sub23_con07 {
    width: 825px;
    height: 150px;
    margin: 0 auto;
  }
  #sub23_con07 ul li {
    float: left;
    padding: 10px;
  }

  #sub23_btn {
    width: 255px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 40px;
  }

  /* sub24*/

  .sub24_text02 {
    font-size: 1.8em;
    font-weight: bold;
    padding-top: 50px;
  }
  .sub24_text03 {
    font-size: 1.45em;
    padding-left: 10px;
    color: #8b8b8b;
    line-height: 1.5em;
    margin-top: 30px;
    border-left: 2px solid #222;
  }
  .sub24_text04 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub24_text05 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub24_text06 {
    padding-left: 50px;
  }
  .sub24_text07 {
    font-size: 3.2em;
    font-weight: bold;
    padding-top: 10px;
    color: #222;
    letter-spacing: -1px;
  }
  .sub24_text08 {
    font-size: 1.85em;
    padding-top: 10px;
    color: #222;
  }
  .sub21_text09 {
    text-align: center;
  }
  .sub21_text10 {
    font-size: 1.4em;
    padding-top: 40px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub21_text11 {
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 40px;
  }
  .sub21_text12 {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub21_text12 img {
    width: 100%;
  }
  .sub24_text13 {
    font-size: 1.45em;
    line-height: 1.6em;
    padding-top: 30px;
  }
  .sub24_text14 {
    font-size: 1.8em;
    font-weight: bold;
  }
  .sub24_text15 {
    font-size: 1.25em;
    padding-top: 12px;
    line-height: 1.6em;
  }
  .sub24_text16 {
    width: 840px;
    padding-top: 30px;
  }
  .sub24_text16 img {
    width: 100%;
  }
  .sub24_text17 {
    width: 217px;
    margin: 0 auto;
    padding-top: 30px;
  }

  .sub24_hr01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 550px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  #sub24_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }

  .sub24_con01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub24_con01_left {
    width: 420px;
    float: left;
    padding-left: 0px;
  }
  .sub24_con01_left img {
    width: 100%;
  }
  .sub24_con01_right {
    width: 420px;
    float: left;
    padding-left: 60px;
    padding-top: 120px;
  }
  .sub24_con01_right_m {
    display: none;
    width: 420px;
    float: left;
    padding-left: 60px;
    padding-top: 120px;
  }

  #sub24_con_warp02 {
    clear: both;
    width: 100%;
    padding-top: 40px;
    margin-top: 20px;
  }
  .sub24_con02 {
    width: 840px;
    margin: 0 auto;
  }
  .sub24_con02_left {
    width: 420px;
    float: left;
    padding-top: 120px;
    padding-left: 50px;
  }
  .sub24_con02_right {
    width: 420px;
    float: left;
    padding-top: 0px;
    padding-left: 0px;
  }

  #sub24_con03_warp {
    clear: both;
    width: 100%;
    height: 1050px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 370px;
  }
  .sub24_con03 {
    width: 840px;
    margin: 0 auto;
  }
  .sub24_con03_title {
    width: 840px;
    margin: 0 auto;
  }

  #sub24_con04 {
    clear: both;
    width: 840px;
    margin: 0 auto;
  }
  .sub24_con04_title {
    width: 840px;
    margin: 0 auto;
  }

  #sub24_con05_warp {
    clear: both;
    width: 100%;
    height: 700px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub24_con05 {
    width: 840px;
    margin: 0 auto;
  }
  .sub24_con05_title {
    width: 840px;
    margin: 0 auto;
  }

  #sub24_con06_warp {
    clear: both;
    width: 100%;
    height: 1000px;
    background: #fff;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub24_con06 {
    width: 840px;
    margin: 0 auto;
  }
  .sub24_con06 img {
    width: 100%;
  }

  #sub24_con07 {
    width: 825px;
    height: 150px;
    margin: 0 auto;
  }
  #sub24_con07 ul li {
    float: left;
    padding: 10px;
  }

  #sub24_btn {
    width: 255px;
    height: 60px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 40px;
  }

  /* sub28 */

  #sub28_title {
    width: 492px;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }
  #sub28_title img {
    width: 80%;
  }
  #sub28_title02 {
    width: 292px;
    margin: 0 auto;
    height: 72px;
    padding-bottom: 100px;
  }
  #sub28_title02 img {
    width: 80%;
  }
  #sub28_title03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub28_con01_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub28_con01-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub28_con01-1_left {
    width: 420px;
    float: left;
  }
  .sub28_con01-1_right {
    width: 420px;
    float: left;
  }
  .sub28_con01-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub28_con01-2 img {
    width: 100%;
  }

  #sub28_con02_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub28_con02-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub28_con02-1_left {
    width: 420px;
    float: left;
  }
  .sub28_con02-1_right {
    width: 420px;
    float: left;
  }
  .sub28_con02-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub28_con02-2 img {
    width: 100%;
  }
  .sub28_con02-3 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub28_con02-3 img {
    width: 100%;
  }

  #sub28_con03_warp {
    width: 100%;
    height: 1300px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub28_con03 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub28_con03_left {
    width: 70px;
    float: left;
  }
  .sub28_con03_left img {
    width: 80%;
  }
  .sub28_con03_right {
    width: 770px;
    float: left;
    font-size: 18px;
    padding-left: 20px;
    padding-top: 17px;
  }
  .sub28_con03-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub28_con03-2 img {
    width: 100%;
  }
  .sub28_con03-2 ul li {
    float: left;
    padding: 0 20px 0 0;
  }

  #sub28_con04_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub28_con05_warp {
    width: 100%;
    height: 900px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub28_con05 {
    width: 840px;
    margin: 0 auto;
  }
  .sub28_con05-2 {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub28_con05-2 img {
    width: 100%;
  }

  .sub28_text01 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub28_text02 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
  }
  .sub28_text03 {
    font-size: 14px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 20px;
  }
  .sub28_text04 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub28_text05 {
    font-size: 16px;
    line-height: 1.6em;
    padding-top: 30px;
  }

  .sub28_hr01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 60px;
    height: 1px;
    border-top: 1px solid #ccc;
  }
  .sub28_hr02 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 100px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  /* sub29 */

  #sub29_title {
    width: 492px;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }
  #sub29_title img {
    width: 80%;
  }
  #sub29_title02 {
    width: 292px;
    margin: 0 auto;
    height: 72px;
    padding-bottom: 100px;
  }
  #sub29_title02 img {
    width: 80%;
  }
  #sub29_title03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub29_con01_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub29_con01-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub29_con01-1_left {
    width: 420px;
    float: left;
  }
  .sub29_con01-1_left img {
    width: 100%;
  }
  .sub29_con01-1_right {
    width: 420px;
    padding-left: 10px;
    float: left;
  }
  .sub29_con01-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub29_con01-2 img {
    width: 100%;
  }

  #sub29_con02_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub29_con02-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub29_con02-1_left {
    width: 420px;
    float: left;
  }
  .sub29_con02-2_right {
    width: 420px;
    float: left;
  }
  .sub29_con02-2_right img {
    width: 100%;
  }
  .sub29_con02-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub29_con02-2 img {
    width: 100%;
  }
  .sub29_con02-3 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub29_con02-3 img {
    width: 100%;
  }

  #sub29_con03_warp {
    width: 100%;
    height: 1300px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub29_con03 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub29_con03_left {
    width: 70px;
    float: left;
  }
  .sub29_con03_left img {
    width: 80%;
  }
  .sub29_con03_right {
    width: 770px;
    float: left;
    font-size: 18px;
    padding-left: 20px;
    padding-top: 17px;
  }
  .sub29_con03-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub29_con03-2 img {
    width: 100%;
  }
  .sub29_con03-2 ul li {
    float: left;
    padding: 0 20px 0 0;
  }

  #sub29_con04_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub29_con05_warp {
    width: 100%;
    height: 900px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub29_con05 {
    width: 840px;
    margin: 0 auto;
  }
  .sub29_con05-2 {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub29_con05-2 img {
    width: 100%;
  }

  .sub29_text01 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub29_text02 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
  }
  .sub29_text03 {
    font-size: 14px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 20px;
  }
  .sub29_text04 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub29_text05 {
    font-size: 16px;
    line-height: 1.6em;
    padding-top: 30px;
  }

  .sub29_hr01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 350px;
    height: 1px;
    border-top: 1px solid #ccc;
  }
  .sub29_hr02 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 100px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  /* sub291 */

  #sub291_title {
    width: 492px;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }
  #sub291_title img {
    width: 80%;
  }
  #sub291_title02 {
    width: 292px;
    margin: 0 auto;
    height: 72px;
    padding-bottom: 100px;
  }
  #sub291_title02 img {
    width: 80%;
  }
  #sub291_title03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub291_con01_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub291_con01-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub291_con01-1_left {
    width: 420px;
    float: left;
  }
  .sub291_con01-1_left img {
    width: 100%;
  }
  .sub291_con01-1_right {
    width: 420px;
    padding-left: 10px;
    float: left;
  }
  .sub291_con01-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub291_con01-2 img {
    width: 100%;
  }

  #sub291_con02_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub291_con02-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub291_con02-1_left {
    width: 420px;
    float: left;
  }
  .sub291_con02-1_left img {
    width: 100%;
  }
  .sub291_con02-1_right {
    width: 420px;
    float: left;
  }
  .sub291_con02-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub291_con02-2 img {
    width: 100%;
  }
  .sub291_con02-3 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub291_con02-3 img {
    width: 100%;
  }

  #sub291_con03_warp {
    width: 100%;
    height: 1300px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub291_con03 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub291_con03_left {
    width: 70px;
    float: left;
  }
  .sub291_con03_left img {
    width: 80%;
  }
  .sub291_con03_right {
    width: 770px;
    float: left;
    font-size: 18px;
    padding-left: 20px;
    padding-top: 17px;
  }
  .sub291_con03-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub291_con03-2 img {
    width: 100%;
  }
  .sub291_con03-2 ul li {
    float: left;
    padding: 0 20px 0 0;
  }

  #sub291_con04_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub291_con05_warp {
    width: 100%;
    height: 1100px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub291_con05 {
    width: 840px;
    margin: 0 auto;
  }
  .sub291_con05-2 {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub291_con05-2 img {
    width: 100%;
  }

  #sub291_con06_warp {
    width: 840px;
    height: 700px;
    margin: 0 auto;
    padding-top: 60px;
  }

  .sub291_text01 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub291_text02 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
  }
  .sub291_text03 {
    font-size: 14px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 20px;
  }
  .sub291_text04 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub291_text05 {
    font-size: 16px;
    line-height: 1.6em;
    padding-top: 30px;
  }
  .sub291_text05 img {
    width: 100%;
  }

  .sub291_hr01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 350px;
    height: 1px;
    border-top: 1px solid #ccc;
  }
  .sub291_hr02 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 100px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  /* sub292 */

  #sub292_title {
    width: 492px;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }
  #sub292_title img {
    width: 80%;
  }
  #sub292_title02 {
    width: 292px;
    margin: 0 auto;
    text-align: center;
    height: 72px;
    padding-bottom: 100px;
  }
  #sub292_title02 img {
    width: 80%;
  }
  #sub292_title03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub292_con01_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub292_con01-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub292_con01-1_left {
    width: 420px;
    float: left;
  }
  .sub292_con01-1_left img {
    width: 100%;
  }
  .sub292_con01-1_right {
    width: 420px;
    float: left;
    padding-left: 20px;
    padding-top: 80px;
  }

  #sub292_con02_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub292_con02-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub292_con02-1_left {
    width: 420px;
    float: left;
  }
  .sub292_con02-1_right {
    width: 420px;
    float: left;
  }
  .sub292_con02-2 {
    clear: both;
    width: 780px;
    margin: 0 auto;
    text-align: center;
    padding-top: 90px;
  }
  .sub292_con02-2 img {
    width: 80%;
  }

  #sub292_con03_warp {
    width: 100%;
    height: 1150px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 90px;
    padding-top: 60px;
  }
  .sub292_con03 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub292_con03_left {
    width: 70px;
    float: left;
  }
  .sub292_con03_right {
    width: 770px;
    float: left;
    font-size: 18px;
    padding-left: 20px;
    padding-top: 17px;
  }
  .sub292_con03-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub292_con03-2 img {
    width: 100%;
  }
  .sub292_con03-2 ul li {
    float: left;
    padding: 0 20px 0 0;
  }

  #sub292_con04_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub292_con05_warp {
    width: 100%;
    height: 900px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub292_con05 {
    width: 840px;
    margin: 0 auto;
  }
  .sub292_con05-2 {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub292_con05-2 img {
    width: 100%;
  }

  .sub292_text01 {
    font-size: 32px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub292_text02 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
  }
  .sub292_text03 {
    font-size: 18px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 20px;
  }
  .sub292_text04 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub292_text05 {
    font-size: 18px;
    line-height: 1.6em;
    padding-top: 30px;
  }
  .sub292_text06 {
    font-size: 18px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 20px;
    padding-left: 76px;
  }

  .sub292_hr01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 450px;
    height: 1px;
    border-top: 1px solid #ccc;
  }
  .sub292_hr02 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 100px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  /* sub293 */

  #sub293_title {
    width: 492px;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }
  #sub293_title img {
    width: 80%;
  }
  #sub293_title02 {
    width: 292px;
    margin: 0 auto;
    text-align: center;
    height: 72px;
    padding-bottom: 100px;
  }
  #sub293_title02 img {
    width: 80%;
  }
  #sub293_title03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }

  #sub293_con01_warp {
    width: 100%;
    height: 700px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub293_con01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub293_con01_left {
    width: 70px;
    float: left;
  }
  .sub293_con01_right {
    width: 770px;
    float: left;
    font-size: 18px;
    padding-left: 20px;
    padding-top: 22px;
  }

  #sub293_con02_warp {
    width: 100%;
    height: 650px;
    background: url("/images/sub293-1.png") no-repeat center top;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub293_con02 {
    width: 840px;
    margin: 0 auto;
  }
  .sub293_con02-1 {
    width: 464px;
    float: right;
    padding-top: 30px;
  }

  #sub293_con03_warp {
    clear: both;
    width: 100%;
    height: 480px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 0px;
  }
  .sub293_con03 {
    width: 840px;
    margin: 0 auto;
  }
  .sub293_con03_title {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub293_con04_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub293_con05_warp {
    width: 100%;
    height: 850px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub293_con05 {
    width: 840px;
    margin: 0 auto;
  }
  .sub293_con05-2 {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub293_con05-2 img {
    width: 100%;
  }

  #sub293_con06_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub293_con06 {
    width: 840px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .sub293_con06 img {
    width: 100%;
  }

  #sub293_con07 {
    width: 840px;
    /* height: 150px; */
    margin: 0 auto;
  }
  #sub293_con07 ul li {
    float: left;
    padding: 10px;
  }

  .sub293_text01 {
    font-size: 2.6em;
    font-weight: bold;
  }
  .sub293_text02 {
    font-size: 1.65em;
    line-height: 1.6em;
    padding-top: 30px;
  }

  .sub293_hr01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 100px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  /* success_story */

  #sub04_con01_warp {
    width: 840px;
    margin: 0 auto;
  }
  .sub04_con01 {
    width: 100%;
    height: 320px;
    padding-top: 60px;
    border-bottom: 1px solid #ccc;
  }
  .sub04_con01_left {
    width: 240px;
    float: left;
  }
  .sub04_con01_right {
    width: 600px;
    float: left;
    padding-top: 0px;
  }

  .sub04_con02 {
    width: 100%;
    height: 320px;
    padding-top: 60px;
    border-bottom: 1px solid #ccc;
  }
  .sub04_con02_left {
    width: 240px;
    float: left;
  }
  .sub04_con02_right {
    width: 600px;
    float: left;
    padding-top: 0px;
  }

  .sub04_con03 {
    width: 100%;
    height: 360px;
    padding-top: 60px;
    border-bottom: 1px solid #ccc;
  }
  .sub04_con03_left {
    width: 240px;
    float: left;
  }
  .sub04_con03_right {
    width: 600px;
    float: left;
  }

  .sub04_con04 {
    width: 100%;
    height: 320px;
    padding-top: 60px;
    border-bottom: 1px solid #ccc;
  }
  .sub04_con04_left {
    width: 240px;
    float: left;
  }
  .sub04_con04_right {
    width: 600px;
    float: left;
    padding-top: 30px;
  }

  .sub04_con05 {
    width: 100%;
    height: 420px;
    padding-top: 60px;
    border-bottom: 1px solid #ccc;
  }
  .sub04_con05_left {
    width: 240px;
    float: left;
  }
  .sub04_con05_right {
    width: 600px;
    float: left;
  }

  .sub04_con06 {
    width: 100%;
    height: 320px;
    padding-top: 60px;
  }
  .sub04_con06_left {
    width: 240px;
    float: left;
  }
  .sub04_con06_right {
    width: 600px;
    float: left;
  }

  #sub04_con07_warp {
    width: 100%;
    height: 350px;
    background: url("/images/sub03-7.png") center top;
    margin-top: 35px;
  }
  .sub04_con07 {
    width: 840px;
    margin: 0 auto;
    text-align: center;
    padding-top: 120px;
  }

  .sub04_con08 {
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub04_con08 ul {
    padding-top: 5px;
  }
  .sub04_con08 ul li {
    float: left;
    width: 116px;
    height: 116px;
    margin: 4px 4px 0 0;
  }

  #sub04_con09_warp {
    position: absolute;
    width: 100%;
    height: 1800px;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    top: 3000px;
    z-index: 1;
  }
  .sub04_con09 {
    position: absolute;
    width: 1055px;
    height: 1460px;
    background: #fff;
    left: 50%;
    margin-left: -530px;
    top: 3200px;
    border-radius: 20px;
    z-index: 2;
  }
  .sub04_con09_01 {
    height: 100px;
    background: #005b93;
    border-radius: 20px 20px 0 0;
  }
  .sub04_con09_title {
    width: 100%;
    padding-left: 30px;
    padding-top: 25px;
    color: #fff;
  }
  .sub04_con09_title_01 {
    width: 205px;
    font-size: 34px;
    letter-spacing: -1px;
    font-weight: bold;
    float: left;
  }
  .sub04_con09_title_02 {
    width: 200px;
    font-size: 18px;
    padding-top: 15px;
    float: left;
  }
  .sub04_con09_title_03 {
    width: 80px;
    float: right;
  }
  .sub04_con09_coment {
    clear: both;
    width: 100%;
    padding-left: 30px;
    padding-top: 60px;
  }
  .sub04_con09_coment_left {
    float: left;
    padding-left: 60px;
  }
  .sub04_con09_coment_right {
    float: left;
    font-size: 1.45em;
    padding-left: 30px;
  }
  .sub04_con09_con {
    width: 722px;
    margin: 0 auto;
    padding-top: 40px;
  }

  .sub04_text01 {
    font-size: 2.1em;
    font-weight: bold;
    letter-spacing: -1px;
  }
  .sub04_text02 {
    font-size: 1.45em;
    color: #666;
    padding-left: 10px;
  }
  .sub04_text03 {
    font-size: 1.25em;
    color: #222;
    padding-top: 10px;
  }
  .sub04_text04 {
    font-size: 3.85em;
    font-weight: bold;
    color: #fff;
    letter-spacing: -1px;
  }
  .sub04_text05 {
    font-size: 1.65em;
    color: #fff;
    padding-top: 25px;
  }
  .sub04_text06 {
    font-size: 3.2em;
    color: #222;
    text-align: center;
    padding-bottom: 25px;
    padding-top: 25px;
    letter-spacing: -1px;
  }
  .sub04_text07 {
    clear: both;
    text-align: center;
    padding-top: 35px;
  }

  /* sub32 */

  #sub31_menu_warp {
    width: 100%;
    height: 80px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sub31_menu {
    width: 530px;
    margin: 0 auto;
  }
  .sub31_menu ul li {
    position: relative;
    padding: 0 42px;
    height: 20px;
    float: left;
    text-align: center;
    margin: 25px 0px;
    border-right: 1px solid #ccc;
  }
  .sub31_menu li:last-child {
    border-right: 1px solid #fff;
  }

  /* 서브 공통 */

  #sub_board {
    width: 840px;
    margin: 0 auto;
  }

  /* sub41 */

  #sub41_menu_warp {
    width: 100%;
    height: 78px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sub41_menu {
    width: 960px;
    margin: 0 auto;
  }
  .sub41_menu ul li {
    position: relative;
    padding: 0 42px;
    height: 20px;
    float: left;
    text-align: center;
    margin: 25px 0px;
    border-right: 1px solid #ccc;
  }
  .sub41_menu li:last-child {
    border-right: 1px solid #fff;
  }

  .sub41_text01 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -2px;
  }
  .sub41_text02 {
    font-size: 22px;
    color: #fff;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub41_text03 {
    font-size: 2em;
    color: #fff;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub41_text04 {
    font-size: 1.25em;
    color: #fff;
    padding-left: 0px;
  }
  .sub41_text05 {
    font-size: 1.4em;
    color: #d4d4d4;
    padding-left: 0px;
  }
  .sub41_text06 {
    font-size: 1.25em;
    color: #d4d4d4;
    padding-left: 0px;
  }
  .sub41_text07 {
    margin-top: 70px;
  }

  #sub41_title {
    clear: both;
    text-align: center;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
    font-size: 1.8em;
    letter-spacing: -1px;
    padding-top: 50px;
  }
  #sub41_title02 {
    clear: both;
    text-align: center;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
    font-size: 1.8em;
    letter-spacing: -1px;
    padding-top: 50px;
    color: #fff;
  }

  #sub41_con01 {
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  #sub41_con01 img {
    width: 100%;
  }

  #sub41_con02_warp {
    width: 100%;
    height: 780px;
    background: url("/images/sub41-5.png") center top;
    margin: 0 auto;
    padding-top: 50px;
    margin-top: 20px;
  }
  .sub41_con02 {
    width: 840px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub41_con02-1 {
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub41_con02-1 ul li {
    float: left;
    padding: 20px 5px;
    text-align: center;
  }
  .sub41_con02-1 ul li p img {
    width: 33%;
  }
  .sub41_con02-2 {
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub41_con02-2 img {
    width: 100%;
  }

  #sub41_con03 {
    width: 840px;
    height: 560px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub41_con03-1 {
    width: 100%;
    padding-top: 50px;
  }
  .sub41_con03-1 ul li {
    width: 420px;
    float: left;
    padding: 0 10px;
  }
  .sub41_con03-1 ul li img {
    width: 100%;
  }

  /* sub42 */

  #sub42_con01 {
    width: 840px;
    margin: 0 auto;
    padding-top: 80px;
  }
  .sub42_con01_left {
    width: 420px;
    float: left;
  }
  .sub42_con01_right {
    width: 420px;
    padding-top: 50px;
    padding-left: 40px;
    float: left;
  }
  .sub42_con01_right img {
    width: 80%;
  }
  .sub42_text01 {
    font-size: 1.4em;
    font-weight: bold;
    color: #757575;
  }
  .sub42_text02 {
    font-size: 2.1em;
    padding-top: 10px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #222;
  }
  .sub42_text03 {
    font-size: 1.15em;
    padding-top: 30px;
    color: #222;
  }

  .sub42_text04 {
    font-size: 1.4em;
    font-weight: bold;
    color: #00b0c8;
  }
  .sub42_text05 {
    font-size: 2.1em;
    padding-top: 10px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #00b0c8;
  }
  .sub42_text06 {
    font-size: 1.15em;
    padding-top: 30px;
    color: #fff;
  }

  .sub42_con02 {
    position: absolute;
    width: 840px;
    left: 50%;
    margin-left: -420px;
    margin-top: 380px;
  }
  .sub42_con02_m {
    display: none;
    position: absolute;
    width: 840px;
    left: 50%;
    margin-left: -420px;
    margin-top: 380px;
  }
  .sub42_con02 img {
    width: 100%;
  }

  #sub42_con03_warp {
    clear: both;
    width: 100%;
    height: 900px;
    background: #1d336f;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 40px;
    border-top: 1px solid #ccc;
    margin-top: 590px;
  }
  .sub42_con03 {
    width: 840px;
    margin: 0 auto;
    margin-top: 100px;
  }
  .sub42_con03-2 {
    width: 840px;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub42_con03-2 ul li {
    width: 210px;
    float: left;
    padding: 20px 5px;
  }
  .sub42_con03-2 ul li img {
    width: 100%;
  }

  /* sub43 */

  #sub43_menu_warp {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  #sub43_menu_warp ul li {
    float: left;
    width: 98px;
    height: 60px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 1.15em;
  }

  #sub43_menu_warp ul li a:hover {
    width: 98px;
    height: 60px;
  }
  #sub43_menu_warp ul li {
    margin-top: 10px;
  }
  #sub43_menu_warp li:last-child {
    border-right: 1px solid #ccc;
  }
  #sub43_menu_warp li:nth-child(8) {
    border-right: 1px solid #ccc;
  }

  .sub43_text01 {
    font-size: 2.1em;
    padding-top: 15px;
  }
  .sub43_text02 {
    padding-top: 5px;
  }
  .sub43_text03 {
    font-size: 1.45em;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #sub43_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }

  #sub43_con01 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub43_con01 ul li {
    width: 25%;
    float: left;
    padding: 10px 10px 0 0;
  }
  #sub43_con01 ul li img {
    width: 100%;
  }

  #sub43_con02 {
    clear: both;
    width: 840px;
    height: 800px;
    margin: 0 auto;
    padding-top: 60px;
  }
  #sub43_con02 ul {
    padding-top: 30px;
  }
  #sub43_con02 ul li {
    width: 25%;
    float: left;
    padding: 10px 10px 0 0;
  }
  #sub43_con02 ul li img {
    width: 100%;
  }

  /* sub45 */

  .sub45_text01 {
    font-size: 2.6em;
    padding-top: 15px;
  }
  .sub45_text02 {
    font-size: 1.85em;
    font-weight: bold;
  }
  .sub45_text03 {
    font-size: 1.25em;
    padding-top: 10px;
    color: #717171;
  }
  .sub45_text04 {
    font-size: 1.3em;
    line-height: 1.5em;
    font-weight: bold;
    padding-top: 20px;
  }
  .sub45_text05 {
    font-size: 1.1em;
    color: #333;
    line-height: 1.8em;
    padding-top: 5px;
  }

  #sub45_con_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub45_con01 {
    float: left;
    width: 25%;
    padding-top: 40px;
  }
  .sub45_con01-1 {
    float: left;
  }
  .sub45_con01-2 {
    float: left;
    padding-left: 0px;
  }

  .sub45_con02 {
    float: left;
    width: 65%;
    padding-top: 40px;
  }
  .sub45_con03 {
    clear: both;
    width: 100%;
    height: 350px;
    padding-top: 60px;
  }
  .sub45_con03 ul li {
    width: 420px;
    float: left;
    padding: 0px 10px 0 0;
  }
  .sub45_con03_left {
    width: 100px;
    float: left;
  }
  .sub45_con03_right {
    width: 320px;
    float: left;
  }

  #sub45_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }

  /* sub51 */
  .sub51_hr01 {
    margin-top: 30px;
    border-top: 1px solid #ccc;
  }
  .sub51_hr01_m {
    display: none;
    margin-top: 30px;
    border-top: 1px solid #ccc;
  }

  #sub51_menu_warp {
    width: 100%;
    height: 80px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sub51_menu {
    width: 570px;
    margin: 0 auto;
  }
  .sub51_menu ul li {
    position: relative;
    padding: 0 42px;
    height: 20px;
    float: left;
    text-align: center;
    margin: 25px 0px;
    border-right: 1px solid #ccc;
  }
  .sub51_menu li:last-child {
    border-right: 1px solid #fff;
  }

  #sub51_con01_warp {
    width: 100%;
  }
  .sub51_con01 {
    width: 840px;
    margin: 0 auto;
    padding-top: 80px;
  }
  .sub51_con01_left {
    width: 240px;
    float: left;
  }
  .sub51_con01_right {
    width: 600px;
    float: left;
    padding-top: 25px;
    padding-left: 70px;
  }

  .sub51_con01-2 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub51_con01-2_left {
    width: 240px;
    float: left;
  }
  .sub51_con01-2_right {
    width: 600px;
    float: left;
    padding-top: 0px;
    padding-left: 70px;
  }

  .sub51_con01-3 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub51_con01-3_left {
    width: 240px;
    float: left;
  }
  .sub51_con01-3_right {
    width: 600px;
    float: left;
    padding-top: 0px;
    padding-left: 70px;
  }
  .sub51_con01-3_right ul li {
    float: left;
    padding: 10px 5px;
  }

  .sub51_con01-4 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub51_con01-4_left {
    width: 240px;
    float: left;
  }
  .sub51_con01-4_right {
    width: 600px;
    float: left;
    padding-top: 0px;
    padding-left: 70px;
  }
  .sub51_con01-4_right ul li {
    padding: 1px;
  }

  .sub51_text01 {
    font-size: 22px;
    letter-spacing: -1px;
    font-weight: bold;
  }
  .sub51_text02 {
    font-size: 1.15em;
    color: #737373;
  }
  .sub51_text03 {
    font-size: 1.4em;
    letter-spacing: 0px;
    font-weight: bold;
  }
  .sub51_text04 {
    font-size: 1.4em;
    font-weight: bold;
  }
  .sub51_text05 {
    font-size: 1.15em;
    color: #737373;
    line-height: 1.2em;
    padding-top: 10px;
  }
  .sub51_text06 {
    margin-top: 30px;
  }
  .sub51_text07 {
    font-size: 2.1em;
    line-height: 1.3em;
    padding-top: 40px;
    letter-spacing: -1px;
    font-weight: bold;
  }
  .sub51_text08 {
    font-size: 1.25em;
    line-height: 1.5em;
    padding-top: 40px;
  }
  .sub51_text09 {
    font-size: 1.45em;
    font-weight: bold;
    padding-top: 40px;
  }
  .sub51_text10 {
    font-size: 2.4em;
    font-weight: bold;
    padding-top: 10px;
  }
  .sub51_text11 {
    font-size: 1.8em;
    font-weight: bold;
    letter-spacing: -1px;
    padding-top: 10px;
  }
  .sub51_text12 {
    font-size: 1.45em;
    color: #444442;
    padding-top: 20px;
  }

  #sub51_con02_warp {
    clear: both;
    width: 100%;
    height: 1380px;
    background: #fafafa;
    margin-top: 240px;
  }
  .sub51_con02 {
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
    padding-left: 100px;
  }
  .sub51_con02_left {
    width: 420px;
    float: left;
  }
  .sub51_con02_left img {
    width: 80%;
  }
  .sub51_con02_right {
    width: 420px;
    float: left;
    padding-left: 10px;
    padding-top: 20px;
  }

  .sub51_con02-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
    padding-left: 100px;
  }
  .sub51_con02-2_left {
    width: 420px;
    float: left;
    padding-top: 65px;
  }
  .sub51_con02-2_right {
    width: 420px;
    float: left;
    padding-left: 10px;
  }
  .sub51_con02-2_right img {
    width: 100%;
  }

  #sub51_con03 {
    clear: both;
    width: 840px;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub51_con03_title {
    text-align: center;
  }
  .sub51_con03_con01 {
    width: 100%;
    height: 259px;
    background: #f6f6f6;
    margin-top: 50px;
  }
  .sub51_con03_left {
    float: left;
    width: 420px;
    padding-top: 30px;
    padding-left: 40px;
  }
  .sub51_con03_right {
    float: left;
    width: 420px;
  }
  .sub51_con03_right img {
    width: 100%;
  }

  .sub51_con03-2_con01 {
    width: 100%;
    height: 259px;
    background: #fff;
    margin-top: 0px;
  }
  .sub51_con03-2_left {
    float: left;
    width: 420px;
  }
  .sub51_con03-2_left img {
    width: 100%;
  }
  .sub51_con03-2_right {
    float: left;
    width: 420px;
    padding-top: 30px;
    padding-left: 40px;
  }

  .sub51_con03-3_con01 {
    width: 100%;
    height: 259px;
    background: #f6f6f6;
  }
  .sub51_con03-3_left {
    float: left;
    width: 420px;
    padding-top: 30px;
    padding-left: 40px;
  }
  .sub51_con03-3_right {
    float: left;
    width: 420px;
  }
  .sub51_con03-3_right img {
    width: 100%;
  }

  .sub51_con03-4_con01 {
    width: 100%;
    height: 259px;
    background: #fff;
    margin-top: 0px;
  }
  .sub51_con03-4_left {
    float: left;
    width: 420px;
  }
  .sub51_con03-4_left img {
    width: 100%;
  }
  .sub51_con03-4_right {
    float: left;
    width: 420px;
    padding-top: 30px;
    padding-left: 40px;
  }

  #sub51_con04_warp {
    clear: both;
    width: 100%;
    padding: 10px;
    height: 500px;
    background: #fafafa;
    margin-top: 80px;
    padding-top: 50px;
  }
  .sub51_con04 {
    width: 840px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub51_con04 img {
    width: 100%;
  }

  /* sub52 */

  #sub52_con01_warp {
    width: 100%;
    height: 480px;
    margin-top: 50px;
  }
  .sub52_con01 {
    width: 840px;
    margin: 0 auto;
  }
  .sub52_con01_left {
    width: 520px;
    float: left;
    padding-top: 50px;
  }
  .sub52_con01_right {
    width: 320px;
    float: left;
    padding-top: 120px;
  }
  .sub52_con01_right img {
    width: 100%;
  }
  .sub52_con01_title {
    width: 100%;
    font-size: 1.8em;
    font-weight: bold;
    padding-top: 20px;
    letter-spacing: -0.5px;
  }
  .sub52_con01_menu {
    width: 420px;
    padding-top: 20px;
    font-size: 1.4em;
    letter-spacing: 0.5px;
    color: #797979;
  }
  .sub52_con01_menu ul li {
    float: left;
    padding: 0 20px 0 0;
  }

  .sub52_con01_contents {
    width: 100%;
    padding-top: 20px;
  }
  .sub52_con01_text {
    padding-top: 20px;
  }

  .sub52_con01_text_m {
    display: none;
    padding-top: 20px;
  }
  .sub52_text03_m {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5em;
    margin-top: 5px;
    color: #222;
    border-right: 1px solid #fff;
  }

  .sub52_con01_text_left {
    width: 80px;
    float: left;
  }
  .sub52_con01_text_right {
    width: 440px;
    padding-left: 10px;
    float: left;
  }

  .sub52_con04_text_left {
    width: 140px;
    float: left;
  }
  .sub52_con04_text_right {
    width: 380px;
    padding-left: 20px;
    float: left;
  }

  .sub52_con02_contents {
    width: 100%;
    padding-top: 20px;
  }
  .sub52_con02_text {
    padding-top: 20px;
  }
  .sub52_con02_text_left {
    width: 450px;
    float: left;
  }

  .sub52_text01 {
    font-size: 1.8em;
    font-weight: bold;
  }
  .sub52_text02 {
    font-size: 1.25em;
    line-height: 1.5em;
    padding-top: 20px;
    color: #222;
    font-weight: bold;
  }
  .sub52_text03 {
    font-size: 1.15em;
    line-height: 1.5em;
    margin-top: 5px;
    color: #797979;
    border-right: 1px solid #ccc;
  }
  .sub52_text04 {
    font-size: 1.15em;
    line-height: 1.5em;
    margin-top: 5px;
    color: #797979;
  }
  .sub52_text05 {
    font-size: 1.25em;
    line-height: 1.8em;
    margin-top: 5px;
    color: #797979;
  }
  .sub52_text06 {
    font-size: 1.15em;
    line-height: 1.5em;
    padding-top: 5px;
    color: #666;
  }

  .sub52_btn_left {
    position: absolute;
    margin-top: 250px;
    left: 50%;
    margin-left: -700px;
  }
  .sub52_btn_right {
    position: absolute;
    margin-top: 250px;
    left: 50%;
    margin-left: 600px;
  }

  .sub_position {
    display: none;
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
  }

  /* sub71 */

  #sub71_menu_warp {
    width: 100%;
    height: 80px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sub71_menu {
    width: 500px;
    margin: 0 auto;
  }
  .sub71_menu ul li {
    position: relative;
    padding: 0 42px;
    height: 20px;
    float: left;
    text-align: center;
    margin: 25px 0px;
    border-right: 1px solid #ccc;
  }
  .sub71_menu li:last-child {
    border-right: 1px solid #fff;
  }

  #sub71_con01_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub71_con01_img {
    width: 370px;
    margin: 0 auto;
  }
  .sub71_con01_text {
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }

  #sub71_con02_warp {
    width: 100%;
    height: 550px;
    background: url("/images/sub71-2.png") center top;
    margin: 0 auto;
    margin-top: 60px;
  }
  .sub71_con02 {
    width: 840px;
    margin: 0 auto;
    padding-top: 80px;
  }
  .sub71_con02 ul li {
    float: left;
    width: 260px;
    height: 250px;
    padding: 20px;
    background: #fff;
    padding-top: 40px;
    margin-top: 60px;
    margin-right: 20px;
  }

  #sub71_con03_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub71_con03 {
    clear: both;
    width: 100%;
    height: 250px;
    padding-top: 60px;
  }
  .sub71_con03_left {
    width: 420px;
    float: left;
  }
  .sub71_con03_right {
    width: 420px;
    float: left;
  }
  .sub71_con03_right2 {
    display: none;
    width: 420px;
    float: left;
  }

  #sub71_title {
    padding-top: 60px;
  }

  .sub71_text01 {
    font-size: 16px;
    line-height: 1.6em;
    color: #222;
    text-align: center;
  }
  .sub71_text02 {
    font-size: 2.6em;
    font-weight: bold;
    color: #fff;
  }
  .sub71_text03 {
    font-size: 14px;
    color: #222;
  }
  .sub71_text04 {
    font-size: 22px;
    letter-spacing: -2px;
    font-weight: bold;
    color: #1d336f;
  }
  .sub71_text05 {
    line-height: 2.6em;
  }
  .sub71_text06 {
    font-size: 12px;
    line-height: 1.5em;
    color: #222;
    padding-top: 20px;
  }
  .sub71_text07 {
    font-size: 32px;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub71_text08 {
    font-size: 26px;
    font-weight: bold;
  }
  .sub71_text09 {
    font-size: 14px;
    color: #666;
  }
  .sub71_text10 {
    font-size: 14px;
    color: #222;
    padding-top: 30px;
  }
  .sub71_text11 {
    padding-left: 50px;
    padding-top: 40px;
  }
  .sub71_text11 img {
    width: 60%;
  }

  /* sub72 */

  #sub72_con01_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub72_con01_img {
    width: 840px;
    margin: 0 auto;
    text-align: center;
  }
  .sub72_con01_img img {
    width: 80%;
  }
  .sub72_con01_text01 {
    width: 840px;
    height: 140px;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 30px;
    border-top: 2px solid #222;
  }
  .sub72_con01_text01_left {
    float: left;
    width: 300px;
    font-size: 30px;
    padding-top: 10px;
    letter-spacing: -1px;
    color: #1d336f;
    font-weight: bold;
  }
  .sub72_con01_text01_right {
    float: left;
    font-size: 14px;
    line-height: 1.8em;
    width: 540px;
    padding-top: 10px;
  }

  .sub72_con01_text02 {
    width: 840px;
    height: 140px;
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
  }
  .sub72_con01_text02_left {
    float: left;
    width: 300px;
    font-size: 30px;
    letter-spacing: -1px;
    color: #1d336f;
    font-weight: bold;
  }
  .sub72_con01_text02_right {
    float: left;
    font-size: 14px;
    line-height: 1.8em;
    width: 540px;
    padding-top: 10px;
  }

  #sub72_con02_warp {
    clear: both;
    width: 100%;
    height: 1000px;
    background: #f8f8f8;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub72_con02 {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub72_con02 img {
    width: 100%;
  }
  .sub72_con02_text01 {
    width: 840px;
    margin: 0 auto;
    padding-top: 30px;
  }

  #sub72_con03_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }

  #sub72_con04_warp {
    clear: both;
    width: 100%;
    height: 600px;
    background: #f8f8f8;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub72_con04 {
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub72_con04 img {
    width: 100%;
  }

  #sub72_title {
    width: 840px;
    margin: 0 auto;
    padding-top: 60px;
  }

  .sub72_text01 {
    font-size: 1.8em;
    line-height: 1.6em;
    color: #222;
    text-align: center;
  }
  .sub72_text02 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub72_text03 {
    font-size: 22px;
    font-weight: bold;
    color: #222;
    letter-spacing: 2px;
    padding-left: 0px;
  }
  .sub72_text04 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 10px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub72_text05 {
    padding-top: 40px;
  }
  .sub72_text05 img {
    width: 100%;
  }

  /* sub73 */

  #sub73_con01_warp {
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
    margin-bottom: 30px;
  }
  #sub73_title {
    padding-top: 30px;
  }
  .sub73_text01 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub73_text02 {
    text-align: center;
  }
}

/* mobile1 */
@media screen and (max-width: 840px) {
  .br1200 {
    display: none;
  }
  .br980 {
    display: none;
  }
  .br840 {
    display: block;
  }

  #head_wrap {
    display: none;
  }
  .main_title {
    display: none;
  }
  #mainvisual {
    height: 400px;
  }

  /* 메인 */

  #main_new_top {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    padding-right: 0px;
    top: 0px;
    z-index: 999;
  }
  #sub_top {
    width: 100%;
    height: 90px;
    border-bottom: 1px solid #ccc;
  }
  .sub_logo {
    display: none;
    position: absolute;
    top: 20px;
    left: 0%;
    width: 130px;
    float: left;
    text-align: center;
  }
  .sub_logo img {
    width: 80%;
  }
  .sub_menu {
    display: none;
    width: 600px;
    margin: 0 auto;
    text-align: center;
    font-size: 1.1em;
  }
  .sub_menu ul li {
    float: left;
    padding: 30px 10px;
  }
  .sub_menu a {
    color: #fff;
  }
  .sub_menu a:hover {
    color: #fff;
  }
  .sub_quick_menu {
    display: none;
    width: 250px;
    float: right;
  }
  .sub_quick_menu img {
    width: 20px;
  }
  .sub_quick_menu ul li {
    height: 24px;
    float: left;
    margin-top: 30px;
    padding: 0 5px;
    font-size: 1.1em;
  }
  .sub_quick {
    width: 138px;
    height: 90px;
    background: url("/images/sub_quick_back.png") center top;
    float: right;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 30px;
    text-align: center;
  }

  #quick_warp {
    display: none;
    position: absolute;
    width: 100%;
    right: -515px;
    z-index: 1000;
  }

  .quick_title {
    height: 64px;
    background: #1d336f;
  }
  .quick_title_left {
    width: 100px;
    float: left;
    padding-top: 18px;
    padding-left: 16px;
  }
  .quick_title_right {
    width: 200px;
    margin: 0 auto;
    text-align: center;
    float: left;
    font-size: 2em;
    color: #fff;
    font-weight: bold;
    padding-top: 10px;
    padding-left: 0px;
  }
  .quick_stitle {
    height: 114px;
    background: #fff;
    padding-top: 12px;
    padding-left: 20px;
  }

  .quick_text01 {
    font-size: 2.6em;
    font-weight: bold;
  }
  .quick_text02 {
    font-size: 1.65em;
  }

  .quick_list {
    width: 100%;
  }
  .quick_list img {
    width: 100%;
  }
  .quick_list ul li {
    border-bottom: 1px solid #2f2f2f;
  }

  #main_new_bar {
    width: 100%;
    height: 155px;
    background: #1d336f;
    margin-top: -4px;
  }
  .main_bar {
    width: 100%;
    margin: 0 auto;
    padding-top: 22px;
    padding-left: 20px;
  }
  .main_bar_left {
    display: none;
    width: 100%;
    float: none;
  }
  .main_bar_left_m {
    display: block;
    width: 100%;
    float: none;
  }
  .main_bar_left_m img {
    width: 56%;
  }
  .main_bar_right {
    width: 100%;
    float: none;
    padding-top: 10px;
  }
  .main_bar_right img {
    width: 74%;
  }

  .main_bar .txt_left .tit {
    font-size: 18px;
  }
  .main_bar .txt_left .s_tit {
    font-size: 11px;
  }
  .main_bar .txt_right .num {
    font-size: 26px;
    margin-left: 25px;
  }

  #main_new_con01_warp {
    width: 100%;
    height: 500px;
    padding-top: 50px;
  }
  .main_new_con01_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .main_new_con01_title img {
    width: 50%;
  }
  .main_new_con01 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    margin-top: -30px;
  }

  #main_new_con02_warp {
    display: none;
    width: 100%;
    height: 130px;
    background: #f0f3f7;
    margin-top: 60px;
  }
  .main_new_con02 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .main_new_con02_text01 {
    font-size: 1.25em;
    color: #666;
    padding-top: 30px;
  }

  #main_new_con02_warp_over {
    width: 100%;
    height: 440px;
    background: #f6f7fb;
    margin-top: 100px;
  }
  .main_new_con02_over {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .main_new_con02_text01_over {
    font-size: 1.45em;
    color: #000;
    padding-top: 30px;
  }
  .main_new_con02_over_logo {
    padding-top: 20px;
  }
  .main_new_con02_over_logo img {
    width: 100%;
  }

  #main_new_con03_warp {
    display: none;
    width: 100%;
    height: 400px;
    background: url("/images/main_new_con03_bg_m.png") center top;
    margin-top: 250px;
  }
  .main_new_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 150px;
    padding-left: 30px;
  }
  .main_new_con03 img {
    width: 50%;
  }

  #main_new_con04_warp {
    display: none;
    width: 100%;
    height: 1300px;
    background: #f0f1f6;
    margin-top: 100px;
  }
  .main_new_con04 {
    width: 100%;
    margin: 0 auto;
  }
  .main_new_con04_title {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding-top: 60px;
  }
  .main_new_con04_title img {
    width: 80%;
  }
  .main_new_con04_box {
    width: 100%;
    height: 350px;
    background: #fff;
    margin-top: 30px;
    padding: 35px;
  }
  .main_new_con04_box2 {
    display: none;
    width: 100%;
    height: 350px;
    background: #fff;
    margin-top: 30px;
    padding: 35px;
  }
  .main_new_con04_box_m {
    display: block;
    width: 100%;
    height: 350px;
    background: #fff;
    margin-top: 30px;
    padding: 35px;
  }
  .main_new_con04_box_left {
    width: 100%;
    float: none;
  }
  .main_new_con04_box_left img {
    width: 100%;
  }
  .main_new_con04_box_right {
    width: 100%;
    float: none;
    padding-left: 0px;
  }
  .main_new_con04_box_right02 {
    width: 100%;
    float: none;
    padding-left: 10px;
  }
  .main_new_con04_text01 {
    font-size: 2em;
    letter-spacing: -1px;
    color: #46505a;
    font-weight: bold;
    padding-top: 20px;
  }
  .main_new_con04_text02 {
    font-size: 1.35em;
    line-height: 1.5em;
    color: #46505a;
    padding-top: 10px;
  }
  .main_new_con04_text03 {
    font-size: 1.15em;
    line-height: 1.5em;
    color: #00afc8;
    padding-top: 20px;
  }

  #main_new_con05_warp {
    width: 100%;
    height: 600px;
    background: #dee1ec;
    margin-top: 40px;
  }
  .main_new_con05 {
    width: 100%;
    margin: 0 auto;
  }
  .main_new_con05 ul {
    padding: 40px 15px 0;
  }
  .main_new_con05 ul li {
    width: 100%;
    height: 230px;
    background: #fff;
    float: none;
    margin: 0 0px;
  }

  .main_new_con05_text07 {
    font-size: 22px;
    margin-top: 20px;
    padding-top: 20px;
    padding-left: 20px;
  }
  .main_new_con05_text08 {
    font-size: 1.25em;
    color: #333;
    padding: 0 20px;
  }
  .main_new_con05_text09 {
    font-size: 1.25em;
    color: #333;
    padding: 0 20px;
  }

  #main_new_con06_warp {
    clear: both;
    width: 100%;
    height: auto;
    background: #142850;
  }
  #main_new_con06_warp_sub {
    display: none;
    clear: both;
    width: 100%;
    height: 1250px;
    background: #142850;
    margin-top: 40px;
  }
  .main_new_con06 {
    width: 100%;
    margin: 0 auto;
  }
  .main_new_con06_left {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding: 20px;
    padding-top: 0;
  }
  .main_new_con06_right {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding: 20px;
    padding-top: 20px;
  }
  .main_new_con06_text01 {
    font-family: "NotoSansKr-Light";
    font-size: 1.8em;
    color: #fff;
    padding-top: 20px;
    line-height: 1.3em;
    letter-spacing: -1px;
  }
  .main_new_con06_text02 {
    font-size: 1.1em;
    color: #fff;
    padding-top: 30px;
    line-height: 1.5em;
  }
  .main_new_con06_text03 {
    font-size: 1.3em;
    color: #fff;
    padding-top: 0px;
  }
  .main_new_con06_text04 {
    font-size: 1.1em;
    color: #fff;
    padding-top: 15px;
  }

  /* 하단 */

  #fot_warp {
    clear: both;
    width: 100%;
    margin: 0 auto;
  }
  .fot_menu {
    display: none;
    width: 100%;
    padding-top: 30px;
  }
  .fot_menu02 {
    width: 100%;
    float: left;
  }
  .fot_menu ul li {
    width: 170px;
    float: left;
    padding: 0 3px;
    font-size: 1.15em;
    line-height: 1.8em;
  }
  .fot_menu a {
    color: #8b8b8b;
  }
  .fot_menu a:hover {
    color: #222;
  }
  .fot {
    clear: both;
    width: 100%;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding: 20px;
    border-top: 1px solid #ccc;
    color: #8b8b8b;
    line-height: 1.5em;
    font-size: 1.15em;
  }
  .fot a {
    color: #8b8b8b;
  }
  .fot a:hover {
    color: #222;
  }

  /* 서브공통 */

  #sub_top_warp {
    width: 100%;
    height: 250px;
    background: url("/images/sub01_top.png") center top;
    background-size: cover !important;
    background-position: 50% !important;
  }

  .sub_quick_menu {
    width: 270px;
    float: right;
  }
  .sub_quick_menu ul li {
    height: 24px;
    float: left;
    margin-top: 30px;
    padding: 0 15px;
    font-size: 1.25em;
  }
  .sub_quick {
    width: 138px;
    height: 90px;
    background: url("/images/sub_quick_back.png") center top;
    float: right;
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    padding-top: 30px;
    text-align: center;
  }

  #sub_top_title {
    width: 100%;
    color: #fff;
    text-align: center;
    padding-top: 50px;
  }

  #sub_title {
    width: 100%;
    color: #222;
    background: #fafafa;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .sub_text01 {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: -2px;
  }
  .sub_text02 {
    font-size: 14px;
    padding-top: 20px;
  }
  .sub_text03 {
    font-size: 1em;
    padding-top: 10px;
  }
  .sub_text04 {
    font-size: 1em;
  }

  /* sub18 */

  #sub18_new_warp01 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
  }
  .sub18_new_con01 {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
  }
  .sub18_new_con01_left {
    width: 100%;
    float: none;
  }
  .sub18_new_con01_right {
    width: 100%;
    float: none;
  }
  .sub18_new_con01_img {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub18_new_con01_img img {
    width: 100%;
  }
  .sub18_new_con01_img2 {
    display: none;
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub18_new_con01_img2 img {
    width: 100%;
  }

  #sub18_new_warp02 {
    width: 100%;
    height: 1450px;
    background: #fff;
    margin-top: 20px;
  }
  .sub18_new_con02 {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub18_new_con02_left {
    width: 100%;
    float: none;
  }
  .sub18_new_con02_right {
    width: 100%;
    float: none;
  }
  .sub18_new_con02-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub18_new_con02-2_left {
    width: 90%;
    height: 280px;
    margin: 0 auto;
    background: #e7ebf1;
    float: none;
    margin-top: 10px;
  }
  .sub18_new_con02-2_left01 {
    width: 100%;
    margin: 0 auto;
  }
  .sub18_new_con02-2_left01 ul li {
    float: left;
  }
  .sub18_new_con02-2_left02 {
    clear: both;
    width: 100%;
  }
  .sub18_new_con02-2_left02 ul {
    clear: both;
    padding-top: 15px;
    padding-left: 10px;
  }
  .sub18_new_con02-2_left02 ul li {
    float: left;
    padding-left: 10px;
  }

  .sub18_new_con02-2_right {
    width: 90%;
    margin: 0 auto;
    height: 320px;
    background: #e7ebf1;
    float: none;
    margin-top: 30px;
  }
  .sub18_new_con02-2_right01 {
    width: 100%;
  }
  .sub18_new_con02-2_right01 ul li {
    float: left;
  }
  .sub18_new_con02-2_right02 {
    clear: both;
    width: 100%;
  }
  .sub18_new_con02-2_right02 ul {
    clear: both;
    padding-top: 15px;
    padding-left: 60px;
  }
  .sub18_new_con02-2_right02 ul li {
    float: left;
    width: 100%;
    padding-left: 20px;
  }

  .sub18_new_con02-2_center {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 400px;
    background: #fff;
    margin-top: 20px;
  }
  .sub18_new_con02-2_center img {
    width: 50%;
  }
  .sub18_new_con02-2_center_title {
    text-align: center;
    padding-top: 40px;
  }
  .sub18_new_con02-2_center ul {
    padding: 60px 0px;
  }
  .sub18_new_con02-2_center ul li {
    float: none;
    text-align: center;
    padding: 0 0px;
  }

  .sub18_new_con02-2_btn {
    display: none;
    position: absolute;
    left: 48%;
    margin-top: 450px;
  }
  .sub18_new_con02-2_btn img {
    width: 100%;
  }

  #sub18_new_warp03 {
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
  }
  .sub18_new_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
  }
  .sub18_new_con03_title {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
  }
  .sub18_new_con03_left {
    float: left;
    width: 33%;
    margin: 0 auto;
    height: 350px;
    background: #373935;
    padding-top: 20px;
  }
  .sub18_new_con03_center {
    float: left;
    width: 33%;
    margin: 0 auto;
    margin-top: 0px;
    height: 350px;
    background: #004a98;
    padding-top: 20px;
  }
  .sub18_new_con03_right {
    float: left;
    width: 33%;
    margin: 0 auto;
    margin-top: 0px;
    height: 350px;
    background: #00afc8;
    padding-top: 20px;
  }
  .sub18_new_con03_ico01 {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    margin-top: 10px;
    margin-top: 30px;
  }
  .sub18_new_con03_ico01 img {
    width: 50%;
  }
  .sub18_new_con03_ico02 {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    margin-top: 10px;
    margin-top: 30px;
  }
  .sub18_new_con03_ico02 img {
    width: 50%;
  }
  .sub18_new_con03_ico03 {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    margin-top: 10px;
    margin-top: 30px;
  }
  .sub18_new_con03_ico03 img {
    width: 30%;
  }

  .sub18_hr {
    width: 20%;
    margin-top: 30px;
  }

  #sub18_new_warp04 {
    clear: both;
    width: 100%;
    height: 1030px;
    background: #fff;
    margin-top: 20px;
  }
  .sub18_new_con04 {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub18_new_con04_left {
    width: 100%;
    float: none;
  }
  .sub18_new_con04_right {
    width: 100%;
    float: none;
  }

  .sub18_new_con04-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub18_new_con04-2_left {
    width: 90%;
    margin: 0 auto;
    height: 260px;
    background: #e7ebf1;
    float: none;
    margin-top: 0px;
  }
  .sub18_new_con04-2_left01 {
    width: 100%;
  }
  .sub18_new_con04-2_left01 ul li {
    float: left;
  }
  .sub18_new_con04-2_left02 {
    clear: both;
    width: 100%;
  }
  .sub18_new_con04-2_left02 ul {
    clear: both;
    padding-top: 15px;
    padding-left: 0px;
  }
  .sub18_new_con04-2_left02 ul li {
    float: left;
    padding-left: 20px;
  }

  .sub18_new_con04-2_right {
    width: 90%;
    margin: 0 auto;
    height: 262px;
    background: #e7ebf1;
    float: none;
    margin-top: 30px;
  }
  .sub18_new_con04-2_right01 {
    width: 100%;
  }
  .sub18_new_con04-2_right01 ul li {
    float: left;
  }
  .sub18_new_con04-2_right02 {
    clear: both;
    width: 100%;
  }
  .sub18_new_con04-2_right02 ul {
    clear: both;
    padding-top: 15px;
    padding-left: 0px;
  }
  .sub18_new_con04-2_right02 ul li {
    float: left;
    width: 100%;
    padding-left: 20px;
  }

  .sub18_new_con04-2_center {
    clear: both;
    width: 100%;
    height: 400px;
    background: #fff;
    margin-top: 10px;
  }
  .sub18_new_con04-2_center img {
    width: 60%;
  }
  .sub18_new_con04-2_center_title {
    text-align: center;
    padding-top: 60px;
  }
  .sub18_new_con04-2_center ul {
    padding: 20px 0px;
  }
  .sub18_new_con04-2_center ul li {
    float: none;
    text-align: center;
    padding: 0 0px;
  }
  .sub18_new_con04-2_center img {
    width: 60%;
    padding-top: 50px;
  }

  #sub18_new_warp05 {
    clear: both;
    width: 100%;
    height: 570px;
    margin: 0 auto;
    margin-top: 400px;
  }
  .sub18_new_con05 {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
  }
  .sub18_new_con05 img {
    width: 60%;
  }
  .sub18_new_con05_title {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
  }
  .sub18_new_con05_left {
    float: left;
    width: 50%;
    margin: 0 auto;
    height: 320px;
    background: #26bbd0;
    padding: 10px;
    padding-top: 30px;
  }
  .sub18_new_con05_right {
    float: left;
    width: 50%;
    margin: 0 auto;
    height: 320px;
    background: #1d336f;
    padding: 10px;
    padding-top: 30px;
    margin-top: 0px;
  }

  .sub18_text01 {
    font-size: 18px;
    color: #00afc8;
    font-weight: bold;
    letter-spacing: -1px;
  }
  .sub18_text02 {
    font-size: 24px;
    color: #222;
    font-weight: bold;
    letter-spacing: -1px;
  }
  .sub18_text03 {
    font-size: 14px;
    color: #222;
    line-height: 1.6em;
    padding-top: 20px;
  }
  .sub18_text04 {
    width: 60%;
    font-size: 22px;
    color: #222;
    padding-left: 20px;
    padding-top: 15px;
  }
  .sub18_text05 {
    font-size: 1.02em;
    line-height: 2em;
    color: #464d64;
  }
  .sub18_text06 {
    font-size: 1.1em;
    color: #464d64;
    margin-top: 5px;
  }
  .sub18_text07 {
    font-size: 2.1em;
    font-weight: bold;
    color: #464d64;
    margin-top: 10px;
  }
  .sub18_text08 {
    font-size: 1.45em;
    color: #464d64;
    margin-top: 10px;
  }
  .sub18_text09 {
    font-size: 1.25em;
    text-align: center;
    line-height: 1.8em;
    color: #464d64;
    margin-top: 30px;
  }
  .sub18_text10 {
    font-size: 1.6em;
    line-height: 1.8em;
    font-weight: bold;
    color: #1d336f;
  }
  .sub18_text11 {
    font-size: 1.25em;
    line-height: 1.8em;
    color: #fff;
    margin-top: 30px;
  }
  .sub18_text12 {
    width: 200px;
    font-size: 1.8em;
    color: #222;
    padding-left: 20px;
    padding-top: 15px;
  }

  /* sub11 */

  #sub11_menu_warp {
    display: none;
    width: 100%;
    height: 180px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background: #fff;
  }
  .sub11_menu {
    width: 100%;
    margin: 0 auto;
  }
  .sub11_menu ul li {
    position: relative;
    width: 33.3%;
    height: 30px;
    float: left;
    padding: 0px 4px;
    text-align: center;
    margin-top: 25px;
    border-right: 1px solid #ccc;
  }
  .sub11_menu li:last-child {
    border-right: 1px solid #fff;
  }
  .sub11_text01 {
    font-size: 1em;
  }

  /*sub 네비 공통 */
  .sub_cursor_box {
    width: 100%;
    height: 22px;
    position: absolute;
    left: 0;
    overflow: hidden;
  }
  .sub_cursor {
    width: 100%;
    height: 7px;
    position: absolute;
    left: 0;
    bottom: -18px;
    border-bottom: 0px solid #1d336f;
    opacity: 0;
    background: url("/images/ico_sub_navi_cursor02.png") no-repeat center 0;
    transition: opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1),
      bottom 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  }
  .sub_over .sub_cursor {
    opacity: 1;
    bottom: 0px;
  }
  .sub_over a {
    color: #1d336f;
  }

  #sub11_title {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    padding-top: 30px;
  }
  #sub11_title02 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    padding-top: 30px;
  }
  .sub11_text02 {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0px;
  }
  .sub11_text02 img {
    width: 5px;
  }

  #sub11_con_warp {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub11_con01 {
    clear: both;
    width: 100%;
    padding-top: 0px;
    padding: 20px;
  }
  .sub11_con01_left {
    width: 100%;
    float: none;
  }
  .sub11_con01_left img {
    width: 80%;
  }
  .sub11_con01_right {
    display: none;
    width: 100%;
    float: none;
    padding-top: 20px;
    padding-left: 0px;
  }
  .sub11_con01_right_m {
    display: block;
    width: 100%;
    float: none;
    padding-top: 0px;
    padding-left: 0px;
  }
  .sub11_con02 {
    clear: both;
    width: 100%;
    padding: 20px;
    padding-top: 20px;
    margin-top: 30px;
    border-top: 1px solid #ccc;
  }
  .sub11_con02_left {
    width: 100%;
    float: none;
    padding-top: 20px;
  }
  .sub11_con02_left img {
    width: 85%;
  }
  .sub11_con02_right {
    width: 100%;
    float: none;
    padding-top: 20px;
  }
  .sub11_con02_right img {
    width: 55%;
  }

  .sub11_text15 {
    font-size: 26px;
    float: left;
    font-weight: bold;
    color: #222;
    letter-spacing: 0px;
    padding-left: 0px;
  }
  .sub11_text16 {
    font-size: 18px;
    float: left;
    color: #222;
    line-height: 1.5em;
    padding-left: 10px;
    letter-spacing: 0px;
    padding-top: 5px;
    padding-bottom: 30px;
  }

  #sub11_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 1600px;
    background: #f5f5f5;
    margin-top: 10px;
  }
  .sub11_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub11_con03 ul li {
    float: none;
    padding: 20px 0px 0 0px;
    font-size: 13px;
    line-height: 1.7em;
  }

  .sub11_con03_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 50px;
    padding-top: 60px;
  }
  .sub11_con03_box_01 {
    padding-top: 0px;
  }

  .sub11_con03_box_list {
    clear: both;
    width: 100%;
    padding: 10px;
    padding-top: 40px;
  }
  .sub11_con03_box_left {
    width: 100%;
    float: left;
  }
  .sub11_con03_box_left img {
    width: 100%;
  }
  .sub11_con03_box_right {
    width: 100%;
    padding-left: 0px;
    float: left;
  }

  .sub11_text10 {
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    text-align: center;
    font-weight: bold;
    color: #222;
  }
  .sub11_text10 img {
    width: 20%;
  }
  .sub11_text12 {
    font-size: 1.1em;
    padding-top: 20px;
    line-height: 1.5em;
  }
  .sub11_text13 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 15px;
    line-height: 1.5em;
  }

  #sub11_con04 {
    clear: both;
    width: 100%;
    height: 250px;
    margin: 0 auto;
    padding: 10px;
    padding-top: 20px;
  }
  #sub11_con04 img {
    width: 100%;
  }

  /* sub12 */

  .sub12_text02 {
    width: 100%;
    margin: 0 auto;
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -2px;
    padding-top: 50px;
  }
  .sub12_text03 {
    clear: both;
    font-size: 1.1em;
    margin-top: 30px;
    padding-left: 0px;
    color: #8b8b8b;
    line-height: 1.5em;
    border-left: 0px solid #fff;
  }
  .sub12_text04 {
    font-size: 26px;
    float: left;
    font-weight: bold;
    color: #222;
    letter-spacing: -0px;
    padding-left: 0px;
  }
  .sub12_text05 {
    font-size: 18px;
    float: left;
    color: #222;
    line-height: 1.2em;
    padding-left: 10px;
    letter-spacing: -0px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .sub12_text06 {
    padding-left: 25px;
  }
  .sub12_text07 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.8em;
    padding-top: 20px;
  }
  .sub12_text08 {
    padding-top: 20px;
  }
  .sub12_text09 {
    font-size: 14px;
    padding-top: 20px;
    line-height: 1.5em;
  }
  .sub12_text10 {
    padding-top: 30px;
  }
  .sub12_text11 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 20px;
  }
  .sub12_text12 {
    width: 100%;
  }
  .sub12_text12 img {
    width: 60%;
  }
  .sub12_text13 {
    width: 100%;
  }
  .sub12_text13 img {
    width: 25%;
  }
  .sub12_text14 {
    display: block;
    padding: 10px;
    margin-top: 20px;
  }
  .sub12_text14 img {
    width: 100%;
  }

  .sub12_hr01 {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    margin-top: 0px;
  }

  .sub12_btn01 {
    clear: both;
    width: 160px;
    padding-top: 40px;
  }
  .sub12_btn01 img {
    width: 100%;
  }

  #sub12_title {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
  }
  #sub12_title02 {
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
  }

  #sub12_con_warp01 {
    clear: both;
    width: 100%;
    height: 500px;
    padding: 20px;
    background: #fff;
    padding-top: 0px;
    margin-top: 0px;
  }
  .sub12_con_text01 {
    width: 100%;
    float: none;
    padding-left: 0px;
  }

  #sub12_con_warp02 {
    clear: both;
    width: 100%;
    height: 500px;
    padding: 20px;
    background: #fff;
    padding-top: 40px;
    margin-top: 0px;
  }
  .sub12_con_text02 {
    width: 100%;
    margin: 0 auto;
  }

  #sub12_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 2000px;
    background: #f5f5f5;
    margin-top: 20px;
  }
  .sub12_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 25px;
  }
  .sub12_con03 ul li {
    float: left;
    padding: 10px 20px 0 0px;
    font-size: 13px;
    line-height: 1.7em;
  }
  .sub12_con03_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 230px;
    padding-top: 60px;
  }
  .sub12_con03_box_left {
    float: none;
  }
  .sub12_con03_box_left img {
    width: 60%;
  }
  .sub12_con03_box_right {
    float: none;
    padding-left: 10px;
    padding-top: 30px;
  }
  .sub12_con03-2_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub12_con03-2_box_left {
    float: left;
  }
  .sub12_con03-2_box_left img {
    width: 80%;
  }
  .sub12_con03-2_box_right {
    float: left;
    padding-left: 10px;
    padding-top: 50px;
  }

  #sub12_con04 {
    clear: both;
    width: 100%;
    height: 350px;
    padding: 10px;
    margin: 0 auto;
    padding-top: 30px;
  }
  #sub12_con04 img {
    width: 100%;
  }

  /* sub13 */

  .sub13_text03 {
    clear: both;
    font-size: 1.1em;
    margin-top: 30px;
    padding-left: 0px;
    color: #8b8b8b;
    line-height: 1.5em;
    border-left: 0px solid #fff;
  }
  .sub13_text04 {
    font-size: 26px;
    float: left;
    font-weight: bold;
    color: #222;
    letter-spacing: -0px;
    padding-left: 0px;
  }
  .sub13_text05 {
    font-size: 18px;
    float: left;
    color: #222;
    line-height: 1.2em;
    padding-left: 10px;
    letter-spacing: -0px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .sub13_text07 {
    clear: both;
    width: 1080px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub13_text08 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub13_text08 img {
    width: 100%;
  }
  .sub13_text09 {
    font-size: 28px;
    padding-top: 20px;
  }
  .sub13_text10 {
    padding-top: 20px;
  }

  .sub13_text11 {
    font-size: 13px;
    padding-top: 20px;
    line-height: 1.5em;
  }
  .sub13_text12 {
    padding-top: 0px;
  }
  .sub13_text13 {
    font-size: 2.8em;
    font-weight: bold;
    line-height: 1.8em;
    letter-spacing: -2px;
  }
  .sub13_text14 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 10px;
  }
  .sub13_text15 {
    display: block;
    width: 100%;
    margin-top: 30px;
  }
  .sub13_text15 img {
    width: 100%;
  }
  .sub13_text16 {
    font-size: 14px;
    letter-spacing: -1px;
    line-height: 1.8em;
    padding-top: 20px;
  }
  .sub13_text17 {
    width: 100%;
  }
  .sub13_text17 img {
    width: 50%;
  }

  #sub13_title {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }
  #sub13_title02 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0px;
  }

  #sub13_con01_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
  }

  .ko #sub13_con01_warp .content-box {
    margin-left: 0 !important;
  }

  .sub13_con01-1 {
    width: 100%;
    padding-top: 40px;
  }
  .sub13_title {
    width: 100%;
    padding-top: 30px;
  }
  .sub13_con01 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
    padding: 0px;
  }
  .sub13_con01-2 {
    width: 100%;
    height: 342px;
    background: #fff;
    margin-top: 10px;
  }
  .sub13_con01-3 {
    width: 100%;
    margin: 0 auto;
    padding-left: 0px;
  }
  .sub13_con01-3 img {
    width: 100%;
  }
  #sub13_con01_warp .title {
    margin: 0;
  }
  #sub13_con01_warp .img-box {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  #sub13_con01_warp .sub13_con01-4 {
    float: none;
    width: 100%;
  }

  #sub13_con02_warp {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 30px;
    border-top: 1px solid #ccc;
  }
  .sub13_con02 {
    width: 100%;
    padding-top: 30px;
  }
  .sub13_con02_left {
    width: 420px;
    float: left;
    padding-left: 50px;
  }
  .sub13_con02_right {
    width: 420px;
    float: left;
    padding-left: 100px;
    padding-top: 40px;
  }
  .sub13_con02_right_box {
    width: 400px;
    height: 280px;
    font-size: 1.85em;
    line-height: 1.8em;
    padding-top: 50px;
    margin-top: 50px;
  }

  #sub13_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 2500px;
    background: #f5f5f5;
    margin-top: 60px;
  }
  .sub13_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 25px;
  }
  .sub13_con03 ul li {
    float: left;
    padding: 60px 20px 0 10px;
    font-size: 1.15em;
    line-height: 2.1em;
  }
  .sub13_con03_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 60px;
    padding-top: 60px;
  }
  .sub13_con03_box_left {
    float: none;
  }
  .sub13_con03_box_left img {
    width: 60%;
  }
  .sub13_con03_box_right {
    float: none;
    padding-left: 10px;
    padding-top: 20px;
  }
  .sub13_con03-2_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 40px;
    padding-top: 60px;
  }
  .sub13_con03-2_box_left {
    float: none;
  }
  .sub13_con03-2_box_left img {
    width: 60%;
  }
  .sub13_con03-2_box_right {
    float: none;
    padding-left: 10px;
    padding-top: 20px;
  }

  #sub13_con04 {
    clear: both;
    width: 100%;
    height: 300px;
    padding: 20px;
    margin: 0 auto;
    padding-top: 20px;
  }
  #sub13_con04 img {
    width: 100%;
  }

  #sub13_con05_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 0px;
    border-top: 1px solid #ccc;
    margin-top: 140px;
  }
  .sub13_con05 {
    width: 100%;
    margin: 0 auto;
  }
  .sub13_con05 ul li {
    float: none;
    padding: 80px 20px;
  }
  .sub13_con05 li:nth-child(2) {
    padding-top: 200px;
  }
  .sub13_con05 img {
    width: 100%;
    padding-top: 30px;
  }

  /* sub14 */

  #sub14_title {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 30px;
  }
  #sub14_title02 {
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .sub14_text02 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 0px;
  }

  .sub14_text03 {
    clear: both;
    font-size: 1.25em;
    padding-top: 0px;
    padding-left: 0px;
    color: #8b8b8b;
    border-left: 0px solid #222;
    line-height: 1.5em;
    margin-top: 30px;
  }
  .sub14_text04 {
    font-size: 26px;
    float: left;
    font-weight: bold;
    color: #222;
    letter-spacing: 0px;
    padding-left: 0px;
  }
  .sub14_text05 {
    font-size: 18px;
    float: left;
    color: #222;
    line-height: 1.2em;
    padding-left: 10px;
    letter-spacing: 0px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .sub14_text06 {
    padding-left: 50px;
  }
  .sub14_text07 {
    display: block;
    padding-top: 30px;
  }
  .sub14_text07 img {
    width: 100%;
  }

  .sub14_hr01 {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    margin-top: 80px;
  }

  #sub14_con_warp01 {
    clear: both;
    width: 100%;
    height: 400px;
    padding: 20px;
    background: #fff;
    padding-top: 10px;
    margin-top: 0px;
  }
  .sub14_con_text01 {
    width: 100%;
    float: right;
    padding-left: 0px;
  }

  #sub14_con_warp02 {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    height: 550px;
    padding-top: 0px;
    margin-top: 20px;
  }
  .sub14_con_text02 {
    width: 100%;
    float: none;
    padding-top: 20px;
  }
  .sub14_con_text03 {
    width: 100%;
    float: none;
    padding-left: 0px;
  }
  .sub14_con_text03 img {
    width: 100%;
  }

  #sub14_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 400px;
    background: #f5f5f5;
    margin-top: 60px;
  }
  .sub14_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub14_con03 ul li {
    float: none;
    padding: 20px 20px 0 0px;
    font-size: 1.1em;
    line-height: 2.1em;
  }

  #sub14_con04 {
    clear: both;
    width: 100%;
    height: 300px;
    padding: 20px;
    margin: 0 auto;
    padding-top: 30px;
  }
  #sub14_con04 img {
    width: 100%;
  }

  /* sub15 */

  .sub15_text01 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -2px;
    padding-top: 50px;
  }
  .sub15_text02 {
    font-size: 42px;
    font-weight: bold;
    color: #222;
    line-height: 1.2em;
    padding-left: 25px;
    letter-spacing: -2px;
    padding-top: 30px;
  }
  .sub15_text03 {
    width: 870px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .sub15_text04 {
    font-size: 1.4em;
    padding-top: 30px;
    letter-spacing: -1px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub15_text05 {
    padding-top: 50px;
  }
  .sub15_text06 {
    font-size: 1.85em;
    color: #222;
    padding-top: 30px;
    line-height: 1.6em;
    font-weight: bold;
    padding-left: 0px;
  }
  .sub15_text07 {
    padding-top: 0px;
  }
  .sub15_text08 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub15_text09 {
    font-size: 1.25em;
    padding-top: 10px;
  }
  .sub15_text10 {
    font-size: 1.25em;
    color: #222;
    padding-top: 5px;
    line-height: 1.6em;
    padding-left: 0px;
  }

  #sub15_title {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 30px;
  }
  #sub15_title02 {
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    padding-top: 0px;
  }

  #sub15_con01 {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub15_con01_left {
    width: 100%;
    float: none;
  }
  .sub15_con01_left img {
    width: 100%;
  }
  .sub15_con01_right {
    display: none;
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 30px;
  }
  .sub15_con01_right_m {
    display: block;
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 0px;
  }

  #sub15_con02 {
    clear: both;
    width: 100%;
    padding: 20px;
    border-top: 1px solid #ccc;
    margin: 0 auto;
    margin-top: 30px;
    padding-top: 0px;
  }
  .sub15_con02_left {
    width: 100%;
    float: none;
    padding-top: 30px;
  }
  .sub15_con02_right {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 30px;
  }
  .sub15_con02_right img {
    width: 100%;
  }

  #sub15_con03_warp {
    clear: both;
    padding: 20px;
    width: 100%;
    height: 630px;
    background: #f5f5f5;
    margin-top: 30px;
  }
  .sub15_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub15_con03_left {
    width: 100%;
    padding-left: 0px;
    float: none;
  }
  .sub15_con03_right {
    width: 100%;
    padding-left: 0px;
    float: none;
  }
  .sub15_con03_right ul li {
    float: none;
    padding: 30px 10px 0 0px;
    font-size: 1.1em;
    line-height: 2.1em;
  }

  #sub15_con04 {
    clear: both;
    width: 100%;
    height: 240px;
    padding: 20px;
    margin: 0 auto;
    padding-top: 30px;
  }
  #sub15_con04 img {
    width: 100%;
  }

  /* sub16 */

  .sub16_text01 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -2px;
    padding-top: 50px;
  }
  .sub16_text02 {
    font-size: 42px;
    font-weight: bold;
    color: #222;
    line-height: 1.2em;
    padding-left: 25px;
    letter-spacing: -2px;
    padding-top: 30px;
  }
  .sub16_text03 {
    padding-top: 10px;
  }
  .sub16_text04 {
    font-size: 2.6em;
    padding-top: 30px;
    letter-spacing: -1px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub16_text05 {
    padding-top: 50px;
  }
  .sub16_text06 {
    font-size: 1.1em;
    padding-top: 20px;
  }
  .sub16_text07 {
    padding-top: 20px;
  }
  .sub16_text08 {
    font-size: 1.15em;
    padding-top: 20px;
    line-height: 1.5em;
  }
  .sub16_text09 {
    padding-top: 0px;
  }
  .sub16_text10 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub16_text11 {
    width: 100%;
  }
  .sub16_text11 img {
    width: 60%;
  }
  .sub16_text12 {
    font-size: 1.25em;
    text-align: center;
    padding-top: 20px;
  }
  .sub16_text13 {
    font-size: 1.85em;
    font-weight: bold;
    color: #fff;
    letter-spacing: -2px;
    padding-top: 30px;
  }
  .sub16_text14 {
    font-size: 1.1em;
    color: #c0c0c0;
    padding-top: 10px;
  }
  .sub16_text15 {
    width: 175px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub16_text16 {
    font-size: 2.1em;
    text-align: center;
    padding-top: 50px;
    letter-spacing: -1px;
  }
  .sub16_text17 {
    width: 160px;
    padding-top: 20px;
  }
  .sub16_text17 img {
    width: 100%;
  }

  #sub16_title {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 30px;
  }
  #sub16_title02 {
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    padding-top: 30px;
  }

  #sub16_con01 {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    padding-top: 0px;
  }
  .sub16_con01_left {
    width: 100%;
    float: none;
    padding-top: 15px;
  }
  .sub16_con01_left img {
    width: 100%;
  }
  .sub16_con01_right {
    display: none;
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 0px;
  }
  .sub16_con01_right_m {
    display: block;
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 15px;
  }

  #sub16_con02 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    padding-top: 60px;
    border-top: 1px solid #ccc;
    margin-top: 60px;
  }
  .sub16_con02_left {
    width: 100%;
    float: none;
  }
  .sub16_con02_right {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 50px;
  }
  .sub16_con02_right img {
    width: 100%;
  }

  #sub16_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 700px;
    background: #f5f5f5;
    margin-top: 0px;
  }
  .sub16_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub16_con03 ul li {
    padding: 40px 20px 0 0px;
    font-size: 1.1em;
    line-height: 2.1em;
  }
  .sub16_con03_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 50px;
    padding-top: 60px;
  }
  .sub16_con03_box_left {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 0px;
  }
  .sub16_con03_box_right {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 60px;
  }
  .sub16_con03_box_right img {
    width: 60%;
  }

  #sub16_con04 {
    clear: both;
    width: 100%;
    height: 380px;
    padding: 20px;
    margin: 0 auto;
    padding-top: 30px;
  }
  #sub16_con04 img {
    width: 100%;
  }

  #sub16_con05_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 500px;
    background: #0b0312;
    margin-top: 60px;
  }
  .sub16_con05 {
    width: 100%;
    margin: 0 auto;
  }
  .sub16_con05_left {
    width: 100%;
    float: none;
    padding-top: 20px;
  }
  /*.sub16_con05_left img {
    width: 100%;
  }*/
  .sub16_con05_right {
    width: 100%;
    float: none;
    padding-left: 0px;
  }

  /* sub17 */

  .sub17_text01 {
    font-size: 50px;
    font-weight: bold;
    letter-spacing: -2px;
    padding-top: 50px;
  }
  .sub17_text02 {
  }
  .sub17_text03 {
    font-size: 1.45em;
    padding-top: 0px;
    padding-left: 0px;
    color: #8b8b8b;
    border-left: 1px solid #222;
    line-height: 1.5em;
    margin-top: 30px;
    padding-top: 0px;
  }
  .sub17_text04 {
    font-size: 26px;
    float: left;
    font-weight: bold;
    color: #222;
    letter-spacing: 0px;
    padding-left: 0px;
  }
  .sub17_text05 {
    font-size: 18px;
    float: left;
    color: #222;
    line-height: 1.2em;
    padding-left: 10px;
    letter-spacing: -1.5px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .sub17_text06 {
    padding-left: 25px;
  }
  .sub17_text07 {
    font-size: 1.1em;
    line-height: 1.8em;
    padding-top: 20px;
    color: #8b8b8b;
  }
  .sub17_text08 {
    font-size: 28px;
    padding-top: 20px;
  }
  .sub17_text09 {
    padding-top: 20px;
  }
  .sub17_text10 {
    font-size: 14px;
    padding-top: 20px;
    line-height: 1.5em;
  }
  .sub17_text11 {
    padding-top: 50px;
  }
  .sub17_text12 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 30px;
  }
  .sub17_text13 {
    clear: both;
    font-size: 1.15em;
    line-height: 1.8em;
    padding-top: 0px;
  }
  .sub17_text14 {
    padding-top: 40px;
  }
  .sub17_text15 {
    width: 175px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub17_text16 {
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    text-align: center;
    font-weight: bold;
    color: #222;
  }
  .sub17_text16 img {
    width: 30%;
  }
  .sub17_text17 {
    display: block;
  }
  .sub17_text17 img {
    width: 100%;
    padding-top: 40px;
  }

  .sub17_hr01 {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    margin-top: 100px;
  }

  #sub17_title {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
  }
  #sub17_title02 {
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
  }

  #sub17_con01_warp {
    width: 100%;
    margin: 0 auto;
  }
  .sub17_con01 {
    width: 100%;
    padding-top: 30px;
  }
  .sub17_con01_left {
    width: 100%;
    float: none;
  }
  .sub17_con01_right {
    width: 100%;
    float: none;
  }
  .sub17_con02 {
    clear: both;
    width: 100%;
    padding-top: 80px;
  }

  #sub17_con_warp01 {
    clear: both;
    width: 100%;
    height: 500px;
    padding: 20px;
    background: #fff;
    padding-top: 10px;
    margin-top: 0px;
  }
  .sub17_con_text01 {
    width: 100%;
    padding: 10px;
    float: none;
    padding-left: 0px;
  }

  #sub17_con_warp02 {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 530px;
    background: #fff;
    padding-top: 40px;
    margin-top: 0px;
  }
  .sub17_con_text02 {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 0px;
  }

  #sub17_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 760px;
    background: #f5f5f5;
    margin-top: 80px;
  }
  .sub17_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 10px;
  }
  .sub17_con03 ul li {
    padding: 40px 0px 0 0px;
    font-size: 1.1em;
    line-height: 2.1em;
  }
  .sub17_con03_box {
    clear: both;
    width: 100%;
    margin-top: 50px;
    padding-top: 0px;
  }
  .sub17_con03_box_left {
    width: 100%;
    padding-top: 10px;
  }
  .sub17_con03_box_left img {
    width: 100%;
  }
  .sub17_con03_box_right {
    text-align: center;
    padding-left: 0px;
    padding-top: 50px;
  }
  .sub17_con03-2_box {
    clear: both;
    width: 100%;
    border-top: 1px solid #ccc;
    margin-top: 500px;
    padding-top: 60px;
  }
  .sub17_con03-2_box_left {
    float: none;
  }
  .sub17_con03-2_box_right {
    float: none;
    padding-left: 50px;
    padding-top: 50px;
  }

  #sub17_con04 {
    clear: both;
    width: 100%;
    height: 350px;
    padding: 20px;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub17_con04 img {
    width: 100%;
  }

  .sub_btn17 {
    width: 175px;
    height: 40px;
    margin: 0 auto;
    background: #222;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
    line-height: 2.2em;
    margin-top: 40px;
  }
  .sub_btn17 a:hover {
    width: 175px;
    height: 40px;
    background: #ff0000;
  }

  /* sub26 */

  #sub21_menu_warp {
    display: none;
    width: 100%;
    height: 180px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sub21_menu {
    width: 100%;
    margin: 0 auto;
  }
  .sub21_menu ul li {
    position: relative;
    padding: 0 42px;
    width: 33.3%;
    height: 30px;
    float: left;
    padding: 0px 4px;
    text-align: center;
    margin: 25px 0px;
    border-right: 1px solid #ccc;
  }
  .sub21_menu li:last-child {
    border-right: 1px solid #fff;
  }

  #sub26_con01_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 40px;
  }

  #sub26_new_warp01 {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    margin-top: 30px;
  }
  .sub26_new_con01 {
    width: 100%;
    margin: 0 auto;
  }
  .sub26_new_con01_left {
    width: 100%;
    float: none;
  }
  .sub26_new_con01_right {
    width: 100%;
    float: none;
  }
  .sub26_new_con01_img {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub26_new_con01_img img {
    width: 100%;
  }
  .sub26_new_con01_img2 {
    display: none;
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub26_new_con01_img2 img {
    width: 100%;
  }

  .sub26_text01 {
    font-size: 16px;
    color: #00afc8;
    font-weight: bold;
    letter-spacing: -1px;
  }
  .sub26_text02 {
    font-size: 24px;
    color: #222;
    font-weight: bold;
    letter-spacing: -1px;
  }
  .sub26_text03 {
    font-size: 1.1em;
    color: #222;
    line-height: 1.6em;
    padding-top: 30px;
  }
  .sub26_text04 {
    font-size: 1.6em;
    font-weight: bold;
    color: #222;
    line-height: 1.6em;
    padding: 10px 0;
  }
  .sub26_text05 {
    font-size: 1.55em;
    line-height: 1.5em;
    color: #00afc8;
    padding-top: 20px;
  }
  .sub26_text06 {
    padding-top: 10px;
  }
  .sub26_text07 {
    font-size: 1.8em;
    line-height: 1.5em;
    font-weight: bold;
    color: #1d336f;
    padding-top: 20px;
  }
  .sub26_text08 {
    height: 150px;
  }
  .sub26_text09 {
    height: 130px;
  }
  .sub26_text10 {
    font-size: 1.1em;
    color: #222;
    line-height: 1.6em;
    padding: 10px 0;
  }
  .sub26_text11 {
    font-size: 1.6em;
    color: #222;
    line-height: 1.6em;
    padding: 10px 0;
  }

  #sub26_new_warp02 {
    width: 100%;
    padding: 20px;
    height: 1850px;
    background: #fff;
    margin: 0 auto;
    margin-top: 0px;
  }
  .sub26_new_con02 {
    width: 100%;
    margin: 0 auto;
  }
  .sub26_new_con02_title {
    width: 100%;
    padding-top: 70px;
  }
  .sub26_new_con02_box {
    clear: both;
    width: 100%;
    padding-top: 50px;
    text-align: center;
  }
  .sub26_new_con02_box ul {
    padding-top: 30px;
  }
  .sub26_new_con02_box ul li {
    width: 60%;
    height: 290px;
    background: #e7ebf1;
    float: none;
    padding: 20px;
    margin: 0 auto;
    margin-top: 10px;
  }
  .sub26_new_con02_box img {
    width: 40%;
  }

  #sub26_new_warp03 {
    display: none;
    width: 100%;
    padding: 20px;
    height: 1200px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub26_new_con03_title {
    width: 100%;
  }
  .sub26_new_con03 {
    width: 100%;
    padding-top: 70px;
    text-align: center;
  }
  .sub26_new_con03_left {
    width: 100%;
    height: 250px;
    float: none;
    border-right: 1px solid #fff;
  }
  .sub26_new_con03_center {
    width: 100%;
    height: 250px;
    float: none;
    border-right: 1px solid #fff;
  }
  .sub26_new_con03_right {
    width: 100%;
    height: 250px;
    float: none;
    padding-top: 20px;
  }
  .sub26_new_con03_btn {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub26_new_con03_btn ul li {
    width: 270px;
    float: none;
    padding: 0 0px 0 0;
    margin: 0 auto;
  }

  #sub26_new_warp05 {
    display: none;
    width: 100%;
    padding: 10px;
    height: 1000px;
    margin: 0 auto;
    padding-top: 70px;
  }
  .sub26_new_con05_title {
    width: 100%;
  }
  .sub26_new_con05 {
    width: 100%;
    padding-top: 70px;
  }
  .sub26_new_con05 ul li {
    width: 280px;
    margin: 0 auto;
    float: none;
  }
  .sub26_new_con05 img {
    width: 100%;
  }

  /* sub27 */

  .sub27_text01 {
    font-size: 2.6em;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub27_text02 {
    font-size: 3em;
    font-weight: bold;
    padding-top: 0px;
    line-height: 1.3em;
    letter-spacing: -1px;
  }
  .sub27_text03 {
    font-size: 1.35em;
    line-height: 1.6em;
    color: #454545;
    padding-top: 15px;
  }
  .sub27_text04 {
    font-size: 1.15em;
    padding-top: 12px;
    line-height: 1.6em;
  }

  #sub27_title {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }

  #sub27_con01 {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  #sub27_con01 img {
    width: 100%;
  }

  #sub27_con02 {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    margin-top: 0px;
  }
  #sub27_con02 img {
    width: 100%;
  }

  #sub27_btn_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
  }
  #sub27_btn_warp ul li {
    float: none;
    padding: 0px 0px 10px 0;
  }

  #sub27_btn {
    width: 255px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 10px;
  }
  #sub27_con03 {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    font-size: 13px;
    line-height: 2.1em;
  }

  /* sub21 */

  .sub21_text02 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 30px;
  }
  .sub21_text03 {
    font-size: 1.45em;
    padding-top: 10px;
    padding-left: 15px;
    color: #434343;
    line-height: 1.5em;
    padding-left: 0px;
    padding-top: 20px;
  }
  .sub21_text04 {
    float: left;
    font-size: 26px;
    font-weight: bold;
    color: #222;
    letter-spacing: 0px;
    padding-left: 0px;
  }
  .sub21_text05 {
    float: left;
    font-size: 18px;
    color: #222;
    line-height: 1.2em;
    padding-left: 10px;
    letter-spacing: 0px;
    padding-top: 10px;
  }
  .sub21_text06 {
    padding-left: 25px;
  }
  .sub21_text07 {
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: bold;
    padding-top: 10px;
    color: #222;
    letter-spacing: -1px;
  }
  .sub21_text08 {
    font-size: 13px;
    padding-top: 10px;
    color: #222;
  }
  .sub21_text09 {
    text-align: center;
    padding-top: 30px;
  }
  .sub21_text10 {
    font-size: 13px;
    padding-top: 40px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub21_text11 {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 40px;
  }
  .sub21_text12 {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub21_text12 img {
    width: 100%;
  }
  .sub21_text13 {
    font-size: 13px;
    line-height: 1.6em;
    padding-top: 30px;
  }
  .sub21_text14 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub21_text16 {
    width: 160px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .sub21_text16 img {
    width: 100%;
  }
  .sub21_text17 {
    width: 100%;
    padding-top: 50px;
  }
  .sub21_text17 img {
    width: 100%;
  }
  .sub21_text18 {
    font-size: 1.1em;
    padding-top: 12px;
    line-height: 1.6em;
  }

  .sub21_hr01 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 340px;
    heighr: 1px;
    border-top: 1px solid #ccc;
  }

  #sub21_title {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 20px;
  }

  #sub21_video_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub21_video {
    width: 100%;
    height: 275px;
    padding-top: 0px;
  }

  #sub21_con_warp01 {
    clear: both;
    width: 100%;
    padding: 20px;
    padding-top: 10px;
    margin-top: 0px;
  }
  .sub21_con_text01 {
    width: 100%;
    margin: 0 auto;
  }
  .sub21_con01 {
    clear: both;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    padding-top: 10px;
  }
  .sub21_con01_left {
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
  }
  .sub21_con01_left01 {
    width: 100%;
    float: none;
    padding-top: 0px;
  }
  .sub21_con01_left02 {
    width: 100%;
    padding-top: 30px;
    float: none;
  }
  .sub21_con01_left02 img {
    width: 60%;
  }
  .sub21_con01_right {
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
  }
  .sub21_con01_right01 {
    width: 100%;
    float: left;
    padding-top: 0px;
  }
  .sub21_con01_right02 {
    width: 100%;
    float: left;
  }
  .sub21_con01_right02 img {
    width: 60%;
  }
  .sub21_con01-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub21_con01-2_left {
    width: 100%;
    float: none;
    padding-left: 80px;
  }
  .sub21_con01-2_right {
    width: 100%;
    float: none;
    padding-top: 60px;
    padding-left: 180px;
  }

  #sub21_con_warp02 {
    clear: both;
    width: 100%;
    padding: 20px;
    padding-top: 40px;
    margin-top: 0px;
  }
  .sub21_con_text02 {
    width: 100%;
    margin: 0 auto;
  }
  .sub21_con_text03 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
  }
  .sub21_con_text03_left {
    width: 100%;
    float: none;
    padding-top: 40px;
  }
  .sub21_con_text03_left img {
    width: 90%;
  }
  .sub21_con_text03_right {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 50px;
  }

  #sub21_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 820px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 40px;
  }
  .sub21_con03 {
    width: 100%;
    margin: 0 auto;
  }
  .sub21_con03_title {
    width: 100%;
    margin: 0 auto;
  }

  #sub21_con04 {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub21_con04_title {
    width: 100%;
    margin: 0 auto;
  }

  #sub21_con05_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 350px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub21_con05 {
    width: 100%;
    margin: 0 auto;
  }
  .sub21_con05_title {
    width: 100%;
    margin: 0 auto;
  }

  #sub21_con06_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub21_con06_warp img {
    width: 100%;
  }
  .sub21_con06 {
    width: 100%;
    margin: 0 auto;
  }
  .sub21_con06 ul li {
    text-align: center;
    float: none;
    padding: 10px 10px;
  }

  #sub21_btn {
    width: 255px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 10px;
  }

  #sub21_con07 {
    width: 100%;
    height: 250px;
    margin: 0 auto;
  }
  #sub21_con07 ul li {
    float: none;
    padding: 0 0 10px 0;
  }

  /* sub22 */

  .sub22_text02 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 20px;
  }
  .sub22_text03 {
    font-size: 1.45em;
    padding-top: 10px;
    padding-left: 15px;
    color: #434343;
    line-height: 1.5em;
    padding-left: 0px;
    padding-top: 20px;
  }
  .sub22_text04 {
    font-size: 22px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub22_text05 {
    font-size: 18px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub22_text06 {
    padding-left: 25px;
  }
  .sub22_text07 {
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    color: #222;
    letter-spacing: -1px;
  }
  .sub22_text08 {
    font-size: 13px;
    padding-top: 10px;
    color: #222;
  }
  .sub22_text09 {
    text-align: center;
  }
  .sub22_text10 {
    font-size: 13px;
    padding-top: 40px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub22_text11 {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 40px;
  }
  .sub22_text12 {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub22_text12 img {
    width: 100%;
  }
  .sub22_text13 {
    font-size: 1.1em;
    line-height: 1.6em;
  }
  .sub22_text14 {
    font-size: 2.2em;
    line-height: 1.8em;
    padding-top: 0px;
    color: #222;
  }
  .sub22_text15 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub22_text16 {
    font-size: 1.25em;
    padding-top: 12px;
    line-height: 1.6em;
  }

  .sub22_hr01 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  #sub22_title {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 20px;
  }
  #sub22_title02 {
    clear: both;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
    padding-top: 20px;
  }

  #sub22_con_warp01 {
    clear: both;
    width: 100%;
    padding: 20px;
    padding-top: 10px;
  }
  .sub22_con_text01 {
    width: 100%;
    margin: 0 auto;
    padding-left: 0px;
  }
  .sub22_con01 {
    clear: both;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub22_con01_left {
    width: 100%;
    float: none;
    padding-top: 0px;
    padding-left: 0px;
  }
  .sub22_con01_left img {
    width: 60%;
  }
  .sub22_con01_right {
    width: 100%;
    float: none;
    padding-top: 10px;
  }
  .sub22_con01-2 {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 10px;
  }
  .sub22_con01-2 img {
    width: 100%;
  }

  #sub22_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 850px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 30px;
  }
  .sub22_con03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }

  #sub22_con04 {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 0px;
  }

  #sub22_con05_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 330px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 30px;
  }
  #sub22_con05 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  #sub22_con05 img {
    width: 100%;
  }

  #sub22_con06_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 10px;
  }
  #sub22_con06_warp img {
    width: 100%;
  }
  .sub22_con06 {
    width: 100%;
    margin: 0 auto;
  }
  .sub22_con06 ul li {
    text-align: center;
    float: left;
    padding: 60px 15px;
  }

  #sub22_con07 {
    width: 100%;
    height: 250px;
    margin: 0 auto;
  }
  #sub22_con07 ul li {
    float: none;
    padding: 0 0 10px 0;
  }

  #sub22_btn {
    width: 255px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 10px;
  }

  .sub_btn01 {
    width: 175px;
    height: 40px;
    background: #222;
    color: #fff;
    font-size: 1.25em;
    text-align: center;
    line-height: 2.2em;
    margin-top: 40px;
  }
  .sub_btn01 a:hover {
    width: 175px;
    height: 40px;
    background: #ff0000;
  }

  /* sub23 */

  .sub23_text02 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 50px;
  }
  .sub23_text03 {
    clear: both;
    font-size: 1.45em;
    padding-top: 10px;
    padding-left: 15px;
    color: #434343;
    line-height: 1.5em;
    padding-left: 0px;
    padding-top: 20px;
  }
  .sub23_text04 {
    float: left;
    font-size: 26px;
    font-weight: bold;
    color: #222;
    letter-spacing: 0px;
    padding-left: 0px;
  }
  .sub23_text05 {
    float: left;
    font-size: 18px;
    color: #222;
    line-height: 1.2em;
    padding-left: 10px;
    letter-spacing: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
  }
  .sub23_text06 {
    padding-left: 25px;
  }
  .sub23_text07 {
    font-size: 3.2em;
    font-weight: bold;
    padding-top: 10px;
    color: #222;
    letter-spacing: -1px;
  }
  .sub23_text08 {
    font-size: 1.85em;
    padding-top: 10px;
    color: #222;
  }
  .sub23_text09 {
    text-align: center;
    padding-top: 30px;
  }
  .sub23_text10 {
    font-size: 13px;
    padding-top: 40px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub23_text11 {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 40px;
  }
  .sub23_text12 {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub23_text12 img {
    width: 100%;
  }
  .sub23_text13 {
    font-size: 1.1em;
    line-height: 1.6em;
  }
  .sub23_text14 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 10px;
  }
  .sub23_text15 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 10px;
    color: #222;
    letter-spacing: -1px;
  }
  .sub23_text16 {
    font-size: 13px;
    padding-top: 10px;
    color: #222;
  }
  .sub23_text17 {
    width: 160px;
    margin: 0 auto;
    padding-top: 60px;
    font-size: 1.25em;
    padding-top: 12px;
    line-height: 1.6em;
  }
  .sub23_text17 img {
    width: 100%;
  }
  .sub23_text18 {
    width: 100%;
    padding-top: 50px;
  }
  .sub23_text18 img {
    width: 100%;
  }
  .sub23_text19 {
    margin: 0 auto;
    padding-top: 60px;
    font-size: 1.25em;
    padding-top: 12px;
    line-height: 1.6em;
  }

  .sub23_hr01 {
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #ccc;
    margin-top: 80px;
  }

  #sub23_title {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
  }

  #sub23_con01_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 10px;
  }
  .sub23_con01 {
    width: 100%;
    padding-top: 80px;
    text-align: center;
  }
  .sub23_con01_left {
    width: 100%;
    float: none;
    padding-left: 0px;
  }
  .sub23_con01_left img {
    width: 60%;
  }
  .sub23_con01_right {
    width: 100%;
    float: none;
    padding-top: 40px;
    padding-left: 0px;
  }

  #sub23_con_warp02 {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 0px;
    margin-top: 0px;
  }
  .sub23_con02 {
    width: 100%;
  }
  .sub23_con02_left {
    width: 100%;
    float: none;
    padding-top: 40px;
  }
  .sub23_con02_right {
    width: 100%;
    float: none;
    padding-top: 90px;
    padding-left: 0px;
  }
  .sub23_con02_right img {
    width: 100%;
  }

  #sub23_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 600px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub21_con03 {
    clear: both;
    width: 100%;
    margin: 0 auto;
  }
  .sub21_con03_title {
    width: 100%;
    margin: 0 auto;
  }

  #sub23_con04 {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 10px;
  }

  #sub23_con05_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 400px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub23_con05 {
    width: 100%;
    margin: 0 auto;
  }

  #sub23_con06_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 10px;
  }
  #sub23_con06_warp img {
    width: 100%;
  }

  #sub23_con07 {
    width: 100%;
    height: 250px;
    margin: 0 auto;
  }
  #sub23_con07 ul li {
    float: none;
    padding: 0 0 10px 0;
  }

  #sub23_btn {
    width: 255px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 10px;
  }

  /* sub24*/

  .sub24_text02 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 50px;
  }
  .sub24_text03 {
    clear: both;
    font-size: 13px;
    padding-left: 0px;
    color: #8b8b8b;
    line-height: 1.5em;
    padding-top: 10px;
    margin-top: 30px;
    border-left: 2px solid #fff;
  }
  .sub24_text04 {
    float: left;
    font-size: 26px;
    font-weight: bold;
    color: #222;
    letter-spacing: 0px;
    padding-left: 0px;
  }
  .sub24_text05 {
    float: left;
    font-size: 18px;
    color: #222;
    line-height: 1.2em;
    padding-left: 10px;
    letter-spacing: 0px;
    padding-top: 10px;
  }
  .sub24_text06 {
    padding-left: 50px;
  }
  .sub24_text07 {
    font-size: 3.2em;
    font-weight: bold;
    padding-top: 10px;
    color: #222;
    letter-spacing: -1px;
  }
  .sub24_text08 {
    font-size: 1.85em;
    padding-top: 10px;
    color: #222;
  }
  .sub21_text09 {
    text-align: center;
  }
  .sub21_text10 {
    font-size: 13px;
    padding-top: 40px;
    line-height: 1.6em;
    text-align: center;
  }
  .sub21_text11 {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    padding-top: 40px;
  }
  .sub21_text12 {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub21_text12 img {
    width: 100%;
  }
  .sub24_text13 {
    font-size: 1.1em;
    line-height: 1.6em;
    padding-top: 30px;
  }
  .sub24_text14 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub24_text15 {
    font-size: 1.25em;
    padding-top: 12px;
    line-height: 1.6em;
  }
  .sub24_text16 {
    width: 100%;
    padding-top: 30px;
  }
  .sub24_text16 img {
    width: 100%;
  }
  .sub24_text17 {
    width: 160px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .sub24_text17 img {
    width: 100%;
  }

  .sub24_hr01 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 60px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  #sub24_title {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 10px;
  }

  .sub24_con01 {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub24_con01_left {
    width: 100%;
    float: none;
    text-align: center;
    padding-left: 0px;
    padding-top: 30px;
  }
  .sub24_con01_left img {
    width: 60%;
  }
  .sub24_con01_right {
    display: none;
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 40px;
  }
  .sub24_con01_right_m {
    display: block;
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 0px;
  }

  #sub24_con_warp02 {
    clear: both;
    width: 100%;
    padding: 20px;
    padding-top: 10px;
    margin-top: 0px;
  }
  .sub24_con02 {
    width: 100%;
    margin: 0 auto;
  }
  .sub24_con02_left {
    width: 100%;
    float: left;
    padding-top: 40px;
    padding-left: 0px;
  }
  .sub24_con02_right {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 20px;
    padding-left: 0px;
  }
  .sub24_con02_right img {
    width: 60%;
  }

  #sub24_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 850px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 470px;
  }
  .sub24_con03 {
    width: 100%;
    margin: 0 auto;
  }
  .sub24_con03_title {
    width: 100%;
    margin: 0 auto;
  }

  #sub24_con04 {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
  }
  .sub24_con04_title {
    width: 100%;
    margin: 0 auto;
  }

  #sub24_con05_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 450px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub24_con05 {
    width: 100%;
    margin: 0 auto;
  }
  .sub24_con05_title {
    width: 100%;
    margin: 0 auto;
  }

  #sub24_con06_warp {
    clear: both;
    width: 100%;
    padding: 10px;
    height: 550px;
    background: #fff;
    margin: 0 auto;
    margin-top: 0px;
  }
  .sub24_con06 {
    width: 100%;
    margin: 0 auto;
  }
  .sub24_con06 img {
    width: 100%;
  }

  #sub24_con07 {
    width: 100%;
    height: 250px;
    margin: 0 auto;
    margin-top: 150px;
  }
  #sub24_con07 ul li {
    float: none;
    padding: 0 0 10px 0;
  }

  #sub24_btn {
    width: 255px;
    height: 50px;
    margin: 0 auto;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 10px;
  }

  /* sub28 */

  #sub28_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }
  #sub28_title img {
    width: 40%;
  }
  #sub28_title02 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 32px;
    padding-bottom: 0px;
  }
  #sub28_title02 img {
    width: 25%;
  }
  #sub28_title03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub28_con01_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub28_con01-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub28_con01-1_left {
    width: 100%;
    float: none;
  }
  .sub28_con01-1_right {
    width: 100%;
    float: none;
  }
  .sub28_con01-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub28_con01-2 img {
    width: 100%;
  }

  #sub28_con02_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub28_con02-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub28_con02-1_left {
    width: 100%;
    float: none;
  }
  .sub28_con02-1_right {
    width: 100%;
    float: none;
  }
  .sub28_con02-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub28_con02-2 img {
    width: 100%;
  }
  .sub28_con02-3 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub28_con02-3 img {
    width: 100%;
  }

  #sub28_con03_warp {
    width: 100%;
    height: 800px;
    padding: 20px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 40px;
  }
  .sub28_con03 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub28_con03_left {
    width: 70px;
    float: left;
  }
  .sub28_con03_left img {
    width: 60%;
  }
  .sub28_con03_right {
    width: 100%;
    float: left;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 17px;
  }
  .sub28_con03-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub28_con03-2 img {
    width: 100%;
  }
  .sub28_con03-2 ul li {
    float: left;
    padding: 0 20px 0 0;
  }

  #sub28_con04_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub28_con05_warp {
    width: 100%;
    padding: 20px;
    height: 500px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 40px;
  }
  .sub28_con05 {
    width: 100%;
    margin: 0 auto;
  }
  .sub28_con05-2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub28_con05-2 img {
    width: 100%;
  }

  .sub28_text01 {
    font-size: 22px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub28_text02 {
    font-size: 18px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
  }
  .sub28_text03 {
    font-size: 14px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 20px;
  }
  .sub28_text04 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub28_text05 {
    font-size: 13px;
    line-height: 1.6em;
    padding-top: 30px;
  }

  .sub28_hr01 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 60px;
    height: 1px;
    border-top: 1px solid #ccc;
  }
  .sub28_hr02 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  /* sub29 */

  #sub29_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }
  #sub29_title img {
    width: 40%;
  }
  #sub29_title02 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 32px;
    padding-bottom: 0px;
  }
  #sub29_title02 img {
    width: 25%;
  }
  #sub29_title03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub29_con01_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub29_con01-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub29_con01-1_left {
    width: 100%;
    float: none;
  }
  .sub29_con01-1_left img {
    width: 100%;
  }
  .sub29_con01-1_right {
    width: 100%;
    float: none;
  }
  .sub29_con01-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub29_con01-2 img {
    width: 100%;
  }

  #sub29_con02_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub29_con02-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub29_con02-1_left {
    width: 100%;
    float: none;
  }
  .sub29_con02-2_right {
    width: 100%;
    padding-top: 30px;
    float: none;
  }
  .sub29_con02-2_right img {
    width: 100%;
  }
  .sub29_con02-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub29_con02-2 img {
    width: 100%;
  }
  .sub29_con02-3 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub29_con02-3 img {
    width: 100%;
  }

  #sub29_con03_warp {
    width: 100%;
    height: 800px;
    padding: 20px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 40px;
  }
  .sub29_con03 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub29_con03_left {
    width: 70px;
    float: left;
  }
  .sub29_con03_left img {
    width: 60%;
  }
  .sub29_con03_right {
    width: 100%;
    float: left;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 17px;
  }
  .sub29_con03-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub29_con03-2 img {
    width: 100%;
  }
  .sub29_con03-2 ul li {
    float: left;
    padding: 0 20px 0 0;
  }

  #sub29_con04_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub29_con05_warp {
    width: 100%;
    padding: 20px;
    height: 600px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 40px;
  }
  .sub29_con05 {
    width: 100%;
    margin: 0 auto;
  }
  .sub29_con05-2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub29_con05-2 img {
    width: 100%;
  }

  .sub29_text01 {
    font-size: 22px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub29_text02 {
    font-size: 18px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
  }
  .sub29_text03 {
    font-size: 14px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 20px;
  }
  .sub29_text04 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub29_text05 {
    font-size: 13px;
    line-height: 1.6em;
    padding-top: 30px;
  }

  .sub29_hr01 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 60px;
    height: 1px;
    border-top: 1px solid #ccc;
  }
  .sub29_hr02 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  /* sub291 */

  #sub291_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }
  #sub291_title img {
    width: 40%;
  }
  #sub291_title02 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 32px;
    padding-bottom: 0px;
  }
  #sub291_title02 img {
    width: 25%;
  }
  #sub291_title03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub291_con01_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub291_con01-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub291_con01-1_left {
    width: 100%;
    float: none;
  }
  .sub291_con01-1_left img {
    width: 100%;
  }
  .sub291_con01-1_right {
    width: 100%;
    float: none;
    padding-top: 0;
  }
  .sub291_con01-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub291_con01-2 img {
    width: 100%;
  }

  #sub291_con02_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub291_con02-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub291_con02-1_left {
    width: 100%;
    float: none;
  }
  .sub291_con02-1_left img {
    width: 100%;
  }
  .sub291_con02-1_right {
    width: 100%;
    padding-top: 0px;
    float: none;
  }
  .sub291_con02-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub291_con02-2 img {
    width: 100%;
  }
  .sub291_con02-3 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub291_con02-3 img {
    width: 100%;
  }

  #sub291_con03_warp {
    width: 100%;
    height: 800px;
    padding: 20px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 40px;
  }
  .sub291_con03 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub291_con03_left {
    width: 70px;
    float: left;
  }
  .sub291_con03_left img {
    width: 60%;
  }
  .sub291_con03_right {
    width: 100%;
    float: left;
    font-size: 14px;
    padding-left: 10px;
    padding-top: 17px;
  }
  .sub291_con03-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub291_con03-2 img {
    width: 100%;
  }
  .sub291_con03-2 ul li {
    float: left;
    padding: 0 20px 0 0;
  }

  #sub291_con04_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub291_con05_warp {
    width: 100%;
    padding: 20px;
    height: 600px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 40px;
  }
  .sub291_con05 {
    width: 100%;
    margin: 0 auto;
  }
  .sub291_con05-2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub291_con05-2 img {
    width: 100%;
  }

  #sub291_con06_warp {
    width: 100%;
    padding: 20px;
    height: 400px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 40px;
  }

  .sub291_text01 {
    font-size: 22px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub291_text02 {
    font-size: 18px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
  }
  .sub291_text03 {
    font-size: 14px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 20px;
  }
  .sub291_text04 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub291_text05 {
    font-size: 13px;
    line-height: 1.6em;
    padding-top: 30px;
  }
  .sub291_text05 img {
    width: 100%;
  }

  .sub291_hr01 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 60px;
    height: 1px;
    border-top: 1px solid #ccc;
  }
  .sub291_hr02 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  /* sub292 */

  #sub292_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }
  #sub292_title img {
    width: 40%;
  }
  #sub292_title02 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 32px;
    padding-bottom: 20px;
  }
  #sub292_title02 img {
    width: 25%;
  }
  #sub292_title03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub292_con01_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub292_con01-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub292_con01-1_left {
    width: 100%;
    float: none;
  }
  .sub292_con01-1_left img {
    width: 100%;
  }
  .sub292_con01-1_right {
    width: 100%;
    float: none;
    padding-left: 20px;
    padding-top: 40px;
  }

  #sub292_con02_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub292_con02-1 {
    width: 100%;
    margin: 0 auto;
  }
  .sub292_con02-1_left {
    width: 100%;
    float: none;
  }
  .sub292_con02-1_right {
    width: 100%;
    float: none;
  }
  .sub292_con02-1_right img {
    width: 100%;
  }
  .sub292_con02-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 90px;
  }
  .sub292_con02-2 img {
    width: 80%;
  }

  #sub292_con03_warp {
    width: 100%;
    padding: 20px;
    height: 850px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 90px;
    padding-top: 40px;
  }
  .sub292_con03 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub292_con03_left {
    width: 70px;
    float: left;
  }
  .sub292_con03_left img {
    width: 60%;
  }
  .sub292_con03_right {
    width: 100%;
    float: left;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 17px;
  }
  .sub292_con03-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub292_con03-2 img {
    width: 100%;
  }
  .sub292_con03-2 ul li {
    float: left;
    padding: 0 20px 0 0;
  }

  #sub292_con04_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }

  #sub292_con05_warp {
    width: 100%;
    padding: 20px;
    height: 500px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 40px;
  }
  .sub292_con05 {
    width: 100%;
    margin: 0 auto;
  }
  .sub292_con05-2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub292_con05-2 img {
    width: 100%;
  }

  .sub292_text01 {
    font-size: 22px;
    font-weight: bold;
    color: #222;
    letter-spacing: -2px;
    padding-left: 0px;
  }
  .sub292_text02 {
    font-size: 18px;
    color: #222;
    line-height: 1.2em;
    padding-left: 0px;
    letter-spacing: -1.5px;
  }
  .sub292_text03 {
    font-size: 14px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 20px;
  }
  .sub292_text04 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub292_text05 {
    font-size: 14px;
    line-height: 1.6em;
    padding-top: 30px;
  }
  .sub292_text06 {
    font-size: 14px;
    color: #666666;
    line-height: 1.6em;
    padding-top: 20px;
    padding-left: 0px;
  }

  .sub292_hr01 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    height: 1px;
    border-top: 1px solid #ccc;
  }
  .sub292_hr02 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  /* sub293 */

  #sub293_title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }
  #sub293_title img {
    width: 40%;
  }
  #sub293_title02 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    height: 32px;
    padding-bottom: 30px;
  }
  #sub293_title02 img {
    width: 25%;
  }
  #sub293_title03 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }

  #sub293_con01_warp {
    width: 100%;
    padding: 20px;
    height: 700px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub293_con01 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub293_con01_left {
    width: 70px;
    float: none;
  }
  .sub293_con01_left img {
    width: 60%;
  }
  .sub293_con01_right {
    width: 100%;
    float: none;
    font-size: 14px;
    padding-left: 0px;
    padding-top: 22px;
  }

  #sub293_con02_warp {
    width: 100%;
    padding: 20px;
    height: 450px;
    background: url("/images/sub293-1.png") center top;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub293_con02 {
    width: 100%;
    margin: 0 auto;
  }
  .sub293_con02-1 {
    width: 100%;
    float: right;
    padding-top: 30px;
  }
  .sub293_con02-1 img {
    width: 80%;
  }

  #sub293_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 480px;
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 0px;
  }
  .sub293_con03 {
    width: 100%;
    margin: 0 auto;
  }
  .sub293_con03_title {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub293_con04_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 60px;
  }

  #sub293_con05_warp {
    width: 100%;
    padding: 40px 20px;
    /* height: 450px; */
    background: #f5f5f5;
    margin: 0 auto;
    margin-top: 60px;
    /* padding-top: 60px; */
  }
  .sub293_con05 {
    width: 100%;
    margin: 0 auto;
  }
  .sub293_con05-2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub293_con05-2 img {
    width: 100%;
  }

  #sub293_con06_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub293_con06 {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
  }
  .sub293_con06 img {
    width: 100%;
  }

  #sub293_con07 {
    width: 100%;
    /* height: 300px; */
    padding: 20px;
    margin: 0 auto;
  }
  #sub293_con07 ul {
    /* float: none; */
    /* padding: 0 0 10px 0; */
    display: table;
    margin: 0 auto;
  }
  #sub293_con07 ul li {
    /* float: none; */
    display: table-cell;
    padding: 0 0 10px 0;
  }

  .sub293_text01 {
    font-size: 22px;
    font-weight: bold;
  }
  .sub293_text02 {
    font-size: 14px;
    line-height: 1.6em;
    padding-top: 30px;
  }

  .sub293_hr01 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    margin-top: 40px;
    height: 1px;
    border-top: 1px solid #ccc;
  }

  /* success_story */

  #sub04_con01_warp {
    width: 100%;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
  }
  .sub04_con01 {
    width: 100%;
    height: 440px;
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
  }
  .sub04_con01_left {
    width: 100%;
    float: none;
  }
  .sub04_con01_left img {
    width: 30%;
  }
  .sub04_con01_right {
    width: 100%;
    float: none;
    padding: 20px;
    padding-top: 0px;
  }

  .sub04_con02 {
    width: 100%;
    height: 420px;
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
  }
  .sub04_con02_left {
    width: 100%;
    float: none;
  }
  .sub04_con02_left img {
    width: 30%;
  }
  .sub04_con02_right {
    width: 100%;
    float: none;
    padding: 20px;
    padding-top: 0px;
  }

  .sub04_con03 {
    width: 100%;
    height: 520px;
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
  }
  .sub04_con03_left {
    width: 100%;
    float: none;
  }
  .sub04_con03_left img {
    width: 30%;
  }
  .sub04_con03_right {
    width: 100%;
    float: none;
    padding: 20px;
    padding-top: 0px;
  }

  .sub04_con04 {
    width: 100%;
    height: 380px;
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
  }
  .sub04_con04_left {
    width: 100%;
    float: none;
  }
  .sub04_con04_left img {
    width: 30%;
  }
  .sub04_con04_right {
    width: 100%;
    float: none;
    padding: 20px;
    padding-top: 0px;
  }

  .sub04_con05 {
    width: 100%;
    height: 620px;
    padding-top: 20px;
    border-bottom: 1px solid #ccc;
  }
  .sub04_con05_left {
    width: 100%;
    float: none;
  }
  .sub04_con05_left img {
    width: 30%;
  }
  .sub04_con05_right {
    width: 100%;
    float: none;
    padding: 20px;
    padding-top: 0px;
  }

  .sub04_con06 {
    width: 100%;
    height: 440px;
    padding-top: 20px;
  }
  .sub04_con06_left {
    width: 100%;
    float: none;
  }
  .sub04_con06_left img {
    width: 30%;
  }
  .sub04_con06_right {
    width: 100%;
    float: none;
    padding: 20px;
    padding-top: 0px;
  }

  #sub04_con07_warp {
    width: 100%;
    height: 220px;
    background: url("/images/sub03-7.png") center top;
    margin-top: 35px;
  }
  .sub04_con07 {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
  }

  .sub04_con08 {
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub04_con08 ul {
    padding-top: 5px;
  }
  .sub04_con08 ul li {
    float: left;
    width: 116px;
    height: 116px;
    margin: 4px 4px 0 0;
  }

  #sub04_con09_warp {
    position: absolute;
    width: 100%;
    height: 1800px;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    top: 3000px;
    z-index: 1;
  }
  .sub04_con09 {
    position: absolute;
    width: 1055px;
    height: 1460px;
    background: #fff;
    left: 50%;
    margin-left: -530px;
    top: 3200px;
    border-radius: 20px;
    z-index: 2;
  }
  .sub04_con09_01 {
    height: 100px;
    background: #005b93;
    border-radius: 20px 20px 0 0;
  }
  .sub04_con09_title {
    width: 100%;
    padding-left: 30px;
    padding-top: 25px;
    color: #fff;
  }
  .sub04_con09_title_01 {
    width: 205px;
    font-size: 34px;
    letter-spacing: -1px;
    font-weight: bold;
    float: left;
  }
  .sub04_con09_title_02 {
    width: 200px;
    font-size: 18px;
    padding-top: 15px;
    float: left;
  }
  .sub04_con09_title_03 {
    width: 80px;
    float: right;
  }
  .sub04_con09_coment {
    clear: both;
    width: 100%;
    padding-left: 30px;
    padding-top: 60px;
  }
  .sub04_con09_coment_left {
    float: left;
    padding-left: 60px;
  }
  .sub04_con09_coment_right {
    float: left;
    font-size: 1.45em;
    padding-left: 30px;
  }
  .sub04_con09_con {
    width: 722px;
    margin: 0 auto;
    padding-top: 40px;
  }

  .sub04_text01 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
  }
  .sub04_text02 {
    font-size: 1.1em;
    color: #666;
    padding-left: 10px;
  }
  .sub04_text03 {
    font-size: 1.25em;
    color: #222;
    padding-top: 10px;
  }
  .sub04_text04 {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -1px;
  }
  .sub04_text05 {
    font-size: 16px;
    color: #fff;
    padding-top: 25px;
  }
  .sub04_text06 {
    font-size: 1.8em;
    color: #222;
    text-align: center;
    padding-bottom: 25px;
    padding-top: 25px;
    letter-spacing: -1px;
  }
  .sub04_text07 {
    clear: both;
    text-align: center;
    padding-top: 35px;
  }

  /* sub32 */

  #sub31_menu_warp {
    display: none;
    width: 100%;
    height: 180px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sub31_menu {
    width: 100%;
    margin: 0 auto;
  }
  .sub31_menu ul li {
    position: relative;
    padding: 0 42px;
    width: 33.3%;
    height: 30px;
    float: left;
    text-align: center;
    margin: 25px 0px;
    border-right: 1px solid #ccc;
  }
  .sub31_menu li:last-child {
    border-right: 1px solid #fff;
  }

  /* 서브 공통 */

  #sub_board {
    width: 100%;
    margin: 0 auto;
  }

  /* sub41 */

  #sub41_menu_warp {
    display: none;
    width: 100%;
    height: 180px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sub41_menu {
    width: 100%;
    margin: 0 auto;
  }
  .sub41_menu ul li {
    position: relative;
    padding: 0 42px;
    width: 33.3%;
    height: 30px;
    float: left;
    text-align: center;
    margin: 25px 0px;
    border-right: 1px solid #ccc;
  }
  .sub41_menu li:last-child {
    border-right: 1px solid #fff;
  }

  .sub41_text01 {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -2px;
  }
  .sub41_text02 {
    font-size: 18px;
    color: #fff;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub41_text03 {
    font-size: 22px;
    color: #fff;
    padding-left: 0px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub41_text04 {
    font-size: 14px;
    color: #fff;
    padding-left: 0px;
  }
  .sub41_text05 {
    font-size: 16px;
    color: #d4d4d4;
    padding-left: 0px;
  }
  .sub41_text06 {
    font-size: 1.25em;
    color: #d4d4d4;
    padding-left: 0px;
  }
  .sub41_text07 {
    display: none;
    margin-top: 70px;
  }

  #sub41_title {
    clear: both;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    font-size: 1.4em;
    letter-spacing: -1px;
    padding-top: 150px;
  }
  #sub41_title02 {
    clear: both;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
    font-size: 22px;
    letter-spacing: -1px;
    padding-top: 50px;
    color: #fff;
  }

  #sub41_con01 {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    padding-top: 50px;
  }
  #sub41_con01 img {
    width: 100%;
  }

  #sub41_con02_warp {
    width: 100%;
    padding: 10px;
    height: 1400px;
    background: url("/images/sub41-5.png") center top;
    margin: 0 auto;
    padding-top: 50px;
    margin-top: 20px;
  }
  .sub41_con02 {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
  }
  .sub41_con02-1 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub41_con02-1 ul li {
    float: none;
    padding: 20px 0px;
    text-align: center;
  }
  .sub41_con02-1 ul li p img {
    width: 33%;
  }
  .sub41_con02-2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub41_con02-2 img {
    width: 100%;
  }

  #sub41_con03 {
    width: 100%;
    padding: 10px;
    height: 680px;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub41_con03-1 {
    width: 100%;
    text-align: center;
    padding-top: 50px;
  }
  .sub41_con03-1 ul li {
    width: 100%;
    float: none;
    padding: 10px 0px;
  }
  .sub41_con03-1 ul li img {
    width: 60%;
  }

  /* sub42 */

  #sub42_con01 {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 30px;
  }
  .sub42_con01_left {
    width: 100%;
    float: none;
  }
  .sub42_con01_right {
    width: 100%;
    padding-top: 50px;
    padding-left: 0px;
    float: none;
  }
  .sub42_con01_right img {
    width: 100%;
  }
  .sub42_text01 {
    font-size: 14px;
    font-weight: bold;
    color: #757575;
  }
  .sub42_text02 {
    font-size: 22px;
    padding-top: 0px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #222;
  }
  .sub42_text03 {
    font-size: 14px;
    padding-top: 30px;
    line-height: 1.5em;
    color: #222;
  }

  .sub42_text04 {
    font-size: 1.25em;
    font-weight: bold;
    color: #00b0c8;
  }
  .sub42_text05 {
    font-size: 1.4em;
    padding-top: 10px;
    letter-spacing: -1px;
    font-weight: bold;
    color: #00b0c8;
  }
  .sub42_text06 {
    font-size: 1.1em;
    padding-top: 30px;
    color: #fff;
  }

  .sub42_con02 {
    display: none;
    position: absolute;
    width: 100%;
    left: 0%;
    margin-left: 0px;
    margin-top: 40px;
  }
  .sub42_con02_m {
    display: block;
    position: absolute;
    width: 100%;
    left: 0%;
    margin-left: 0px;
    margin-top: 40px;
  }
  .sub42_con02_m img {
    width: 100%;
  }

  #sub42_con03_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 750px;
    background: #1d336f;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #ccc;
    margin-top: 160px;
  }
  .sub42_con03 {
    width: 100%;
    margin: 0 auto;
    margin-top: 60px;
  }
  .sub42_con03-2 {
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
  }
  .sub42_con03-2 ul li {
    width: 25%;
    float: left;
    padding: 20px 0px;
  }
  .sub42_con03-2 ul li img {
    width: 100%;
  }

  /* sub43 */

  #sub43_menu_warp {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  #sub43_menu_warp ul li {
    float: left;
    width: 33.3%;
    height: 60px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 1.1em;
  }

  #sub43_menu_warp ul li a:hover {
    width: 33.3%;
    height: 60px;
  }
  #sub43_menu_warp ul li:not(:first-child, :nth-child(2), :nth-child(3)) {
    margin-top: 10px;
  }
  #sub43_menu_warp li:last-child {
    border-right: 1px solid #ccc;
  }
  #sub43_menu_warp li:nth-child(3) {
    border-right: 1px solid #ccc;
  }
  #sub43_menu_warp li:nth-child(6) {
    border-right: 1px solid #ccc;
  }
  #sub43_menu_warp li:nth-child(9) {
    border-right: 1px solid #ccc;
  }

  .sub43_text01 {
    font-size: 1.8em;
    padding-top: 15px;
  }
  .sub43_text02 {
    padding-top: 5px;
  }
  .sub43_text03 {
    font-size: 1.4em;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #sub43_title {
    clear: both;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    padding-top: 40px;
  }

  #sub43_con01 {
    clear: both;
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    padding-top: 0px;
  }
  #sub43_con01 ul li {
    width: 33%;
    float: left;
    padding: 10px 10px 0 0;
  }
  #sub43_con01 ul li img {
    width: 100%;
  }

  #sub43_con02 {
    clear: both;
    width: 100%;
    height: 800px;
    margin: 0 auto;
    padding-top: 60px;
  }
  #sub43_con02 ul {
    padding-top: 30px;
  }
  #sub43_con02 ul li {
    width: 33%;
    float: left;
    padding: 10px 10px 0 0;
  }
  #sub43_con02 ul li img {
    width: 100%;
  }

  /* sub45 */

  .sub45_text01 {
    font-size: 2.6em;
    padding-top: 15px;
  }
  .sub45_text02 {
    font-size: 1.4em;
    font-weight: bold;
  }
  .sub45_text03 {
    font-size: 1.1em;
    padding-top: 10px;
    color: #717171;
  }
  .sub45_text04 {
    font-size: 1.3em;
    line-height: 1.5em;
    font-weight: bold;
    padding-top: 20px;
  }
  .sub45_text05 {
    font-size: 1.1em;
    color: #333;
    line-height: 1.8em;
    padding-top: 5px;
  }

  #sub45_con_warp {
    width: 100%;
    padding: 10px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub45_con01 {
    float: none;
    width: 100%;
    padding-top: 20px;
  }
  .sub45_con01-1 {
    display: none;
    float: left;
  }
  .sub45_con01-2 {
    display: none;
    float: left;
    padding-left: 20px;
  }
  .sub45_con01-2_m {
    display: block;
    float: none;
    padding-left: 0px;
  }
  .sub45_con01-2_m ul li {
    float: left;
    padding: 10px 0px 0 10px;
  }

  .sub45_con02 {
    float: none;
    width: 100%;
    padding-top: 40px;
    margin-top: 120px;
  }
  .sub45_con03 {
    clear: both;
    width: 100%;
    height: 350px;
    padding-top: 20px;
  }
  .sub45_con03 ul li {
    width: 100%;
    float: left;
    padding: 20px 0px 0 0;
  }
  .sub45_con03_left {
    width: 10%;
    float: left;
  }
  .sub45_con03_left img {
    width: 100%;
  }
  .sub45_con03_right {
    width: 85%;
    padding-left: 10px;
    float: left;
  }

  #sub45_title {
    clear: both;
    width: 840px;
    margin: 0 auto;
    padding-top: 0px;
  }

  /* sub51 */

  .sub51_hr01 {
    display: none;
    margin-top: 30px;
    border-top: 1px solid #ccc;
  }
  .sub51_hr01_m {
    display: block;
    margin-top: 30px;
    border-top: 1px solid #ccc;
  }

  #sub51_menu_warp {
    display: none;
    width: 100%;
    height: 100px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sub51_menu {
    width: 100%;
    margin: 0 auto;
  }
  .sub51_menu ul li {
    position: relative;
    width: 33.3%;
    padding: 0 42px;
    height: 30px;
    float: left;
    text-align: center;
    margin: 25px 0px;
    border-right: 1px solid #ccc;
  }
  .sub51_menu li:last-child {
    border-right: 1px solid #fff;
  }

  #sub51_con01_warp {
    width: 100%;
    padding: 20px;
  }
  .sub51_con01 {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
  }
  .sub51_con01_left {
    width: 100%;
    float: none;
  }
  .sub51_con01_right {
    width: 100%;
    float: none;
    padding-top: 25px;
    padding-left: 0px;
  }

  .sub51_con01-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub51_con01-2_left {
    width: 100%;
    float: none;
  }
  .sub51_con01-2_right {
    width: 100%;
    float: none;
    padding-top: 20px;
    padding-left: 0px;
  }

  .sub51_con01-3 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub51_con01-3_left {
    width: 100%;
    float: none;
  }
  .sub51_con01-3_right {
    width: 100%;
    float: none;
    padding-top: 0px;
    padding-left: 0px;
  }
  .sub51_con01-3_right ul li {
    width: 33.3%;
    float: left;
    padding: 10px 5px;
  }

  .sub51_con01-4 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub51_con01-4_left {
    width: 100%;
    float: none;
  }
  .sub51_con01-4_right {
    width: 100%;
    float: none;
    padding-top: 20px;
    padding-left: 0px;
  }
  .sub51_con01-4_right ul li {
    padding: 1px;
  }

  .sub51_text01 {
    font-size: 22px;
    color: #1d336f;
    letter-spacing: -1px;
    font-weight: bold;
  }
  .sub51_text02 {
    font-size: 1.1em;
    color: #737373;
  }
  .sub51_text03 {
    font-size: 1.25em;
    letter-spacing: 0px;
    font-weight: bold;
  }
  .sub51_text04 {
    font-size: 1.25em;
    font-weight: bold;
  }
  .sub51_text05 {
    font-size: 1.15em;
    color: #737373;
    line-height: 1.2em;
    padding-top: 10px;
  }
  .sub51_text06 {
    display: none;
    margin-top: 30px;
  }
  .sub51_text07 {
    font-size: 1.4em;
    line-height: 1.3em;
    padding-top: 20px;
    letter-spacing: -1px;
    font-weight: bold;
  }
  .sub51_text08 {
    font-size: 1.1em;
    line-height: 1.5em;
    padding-top: 20px;
  }
  .sub51_text09 {
    font-size: 1.1em;
    font-weight: bold;
    padding-top: 40px;
  }
  .sub51_text10 {
    font-size: 1.8em;
    font-weight: bold;
    padding-top: 10px;
  }
  .sub51_text11 {
    font-size: 1.4em;
    font-weight: bold;
    letter-spacing: -1px;
    padding-top: 10px;
  }
  .sub51_text12 {
    font-size: 1.1em;
    color: #444442;
    padding-top: 20px;
  }

  #sub51_con02_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 1480px;
    background: #fafafa;
    margin-top: 40px;
  }
  .sub51_con02 {
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
    padding-left: 0px;
  }
  .sub51_con02_left {
    width: 100%;
    float: none;
  }
  .sub51_con02_left img {
    width: 80%;
  }
  .sub51_con02_right {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 20px;
  }

  .sub51_con02-2 {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding-top: 0px;
    padding-left: 0px;
  }
  .sub51_con02-2_left {
    width: 100%;
    float: none;
    padding-top: 65px;
  }
  .sub51_con02-2_right {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-top: 30px;
  }
  .sub51_con02-2_right img {
    width: 80%;
  }

  #sub51_con03 {
    clear: both;
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    margin-top: 150px;
  }
  .sub51_con03_title {
    text-align: center;
  }
  .sub51_con03_con01 {
    width: 100%;
    height: 500px;
    background: #f6f6f6;
    margin-top: 50px;
  }
  .sub51_con03_left {
    float: none;
    width: 100%;
    padding-top: 30px;
    padding-left: 10px;
  }
  .sub51_con03_right {
    float: none;
    width: 100%;
    padding-top: 30px;
  }
  .sub51_con03_right img {
    width: 100%;
  }

  .sub51_con03-2_con01 {
    width: 100%;
    height: 500px;
    background: #fff;
    margin-top: 0px;
  }
  .sub51_con03-2_left {
    float: none;
    width: 100%;
  }
  .sub51_con03-2_left img {
    width: 100%;
  }
  .sub51_con03-2_right {
    float: none;
    width: 100%;
    padding-top: 30px;
    padding-left: 10px;
  }

  .sub51_con03-3_con01 {
    width: 100%;
    height: 500px;
    background: #f6f6f6;
  }
  .sub51_con03-3_left {
    float: none;
    width: 100%;
    padding-top: 30px;
    padding-left: 10px;
  }
  .sub51_con03-3_right {
    float: none;
    width: 100%;
    padding-top: 30px;
  }
  .sub51_con03-3_right img {
    width: 100%;
  }

  .sub51_con03-4_con01 {
    width: 100%;
    height: 430px;
    background: #fff;
    margin-top: 0px;
  }
  .sub51_con03-4_left {
    float: none;
    width: 100%;
  }
  .sub51_con03-4_left img {
    width: 100%;
  }
  .sub51_con03-4_right {
    float: none;
    width: 100%;
    padding-top: 30px;
    padding-left: 10px;
  }

  #sub51_con04_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 380px;
    background: #fafafa;
    margin-top: 0px;
    padding-top: 50px;
  }
  .sub51_con04 {
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
  }
  .sub51_con04 img {
    width: 100%;
  }

  /* sub52 */

  #sub52_con01_warp {
    width: 100%;
    padding: 20px;
    height: 950px;
    margin-top: 0px;
  }
  .sub52_con01 {
    width: 100%;
    margin: 0 auto;
  }
  .sub52_con01_left {
    width: 100%;
    height: 300px;
    float: none;
    padding-top: 0px;
  }
  .sub52_con01_right {
    clear: both;
    width: 100%;
    float: none;
    padding-top: 0px;
    margin-top: 220px;
  }
  .sub52_con01_right img {
    width: 100%;
  }
  .sub52_con01_title {
    width: 100%;
    font-size: 1.4em;
    font-weight: bold;
    padding-top: 20px;
    letter-spacing: -0.5px;
  }
  .sub52_con01_menu {
    width: 100%;
    padding-top: 20px;
    font-size: 1.25em;
    letter-spacing: 0.5px;
    color: #797979;
  }
  .sub52_con01_menu ul li {
    float: left;
    padding: 0 20px 0 0;
  }

  .sub52_con01_contents {
    width: 100%;
    padding-top: 20px;
  }
  .sub52_con01_text {
    display: none;
    padding-top: 20px;
  }

  .sub52_con01_text_m {
    display: block;
    padding-top: 20px;
  }
  .sub52_text03_m {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.5em;
    margin-top: 5px;
    color: #222;
    border-right: 1px solid #fff;
  }

  .sub52_con01_text_left {
    width: 20%;
    float: left;
  }
  .sub52_con01_text_right {
    width: 80%;
    padding-left: 0px;
    float: left;
  }

  .sub52_con04_text_left {
    width: 100%;
    float: none;
  }
  .sub52_con04_text_right {
    width: 100%;
    padding-left: 0px;
    float: none;
  }

  .sub52_con02_contents {
    width: 100%;
    padding-top: 20px;
  }
  .sub52_con02_text {
    padding-top: 20px;
  }
  .sub52_con02_text_left {
    width: 100%;
    float: none;
  }

  .sub52_text01 {
    font-size: 1.4em;
    font-weight: bold;
  }
  .sub52_text02 {
    font-size: 1.1em;
    line-height: 1.5em;
    padding-top: 20px;
    color: #222;
    font-weight: bold;
  }
  .sub52_text03 {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-top: 5px;
    color: #797979;
    border-right: 1px solid #fff;
  }
  .sub52_text04 {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-top: 5px;
    color: #797979;
  }
  .sub52_text05 {
    font-size: 1.1em;
    line-height: 1.8em;
    margin-top: 5px;
    color: #797979;
  }
  .sub52_text06 {
    font-size: 1.15em;
    line-height: 1.5em;
    padding-top: 5px;
    color: #666;
  }

  .sub52_btn_left {
    display: none;
    position: absolute;
    margin-top: 250px;
    left: 50%;
    margin-left: -700px;
  }
  .sub52_btn_right {
    display: none;
    position: absolute;
    margin-top: 250px;
    left: 50%;
    margin-left: 600px;
  }

  .input01 {
    width: 30%;
    height: 34px;
    border: none;
    border-bottom: 1px solid #fff;
    background: none;
    font-size: 1.24em;
    padding-left: 4px;
    margin-top: 20px;
    color: #fff;
    border-radius: 0;
  }

  .sub_position {
    display: block;
    width: 100%;
    height: 60px;
    font-size: 14px;
    padding: 20px;
    border-bottom: 1px solid #ccc;
  }

  /* sub71 */

  #sub71_menu_warp {
    display: none;
    width: 100%;
    height: 80px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
  .sub71_menu {
    width: 500px;
    margin: 0 auto;
  }
  .sub71_menu ul li {
    position: relative;
    padding: 0 42px;
    height: 20px;
    float: left;
    text-align: center;
    margin: 25px 0px;
    border-right: 1px solid #ccc;
  }
  .sub71_menu li:last-child {
    border-right: 1px solid #fff;
  }

  #sub71_con01_warp {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub71_con01_img {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .sub71_con01_img img {
    width: 60%;
  }
  .sub71_con01_text {
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
  }

  #sub71_con02_warp {
    width: 100%;
    padding: 20px;
    height: 1100px;
    background: url("/images/sub71-2.png") center top;
    margin: 0 auto;
    margin-top: 60px;
  }
  .sub71_con02 {
    width: 100%;
    margin: 0 auto;
    padding-top: 80px;
  }
  .sub71_con02 ul li {
    float: none;
    width: 100%;
    height: 250px;
    padding: 20px;
    background: #fff;
    padding-top: 40px;
    margin-top: 40px;
    margin-right: 0px;
  }

  #sub71_con03_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub71_con03 {
    clear: both;
    width: 100%;
    height: 400px;
    padding-top: 60px;
  }
  .sub71_con03_left {
    width: 100%;
    float: none;
  }
  .sub71_con03_right {
    display: none;
    width: 100%;
    float: none;
  }
  .sub71_con03_right2 {
    display: block;
    width: 100%;
    float: none;
  }

  #sub71_title {
    padding-top: 60px;
  }

  .sub71_text01 {
    font-size: 16px;
    line-height: 1.6em;
    color: #222;
    text-align: center;
  }
  .sub71_text02 {
    font-size: 2.6em;
    font-weight: bold;
    color: #fff;
  }
  .sub71_text03 {
    font-size: 14px;
    color: #222;
  }
  .sub71_text04 {
    font-size: 22px;
    letter-spacing: -2px;
    font-weight: bold;
    color: #1d336f;
  }
  .sub71_text05 {
    line-height: 2.6em;
  }
  .sub71_text06 {
    font-size: 12px;
    line-height: 1.5em;
    color: #222;
    padding-top: 20px;
  }
  .sub71_text07 {
    font-size: 32px;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub71_text08 {
    font-size: 26px;
    font-weight: bold;
  }
  .sub71_text09 {
    font-size: 14px;
    color: #666;
  }
  .sub71_text10 {
    font-size: 14px;
    color: #222;
    padding-top: 30px;
  }
  .sub71_text11 {
    padding-left: 0px;
    padding-top: 40px;
  }
  .sub71_text11 img {
    width: 60%;
  }

  /* sub72 */

  #sub72_con01_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub72_con01_img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .sub72_con01_img img {
    width: 80%;
  }
  .sub72_con01_text01 {
    width: 100%;
    height: 180px;
    margin: 0 auto;
    margin-top: 60px;
    padding-top: 30px;
    border-top: 2px solid #222;
  }
  .sub72_con01_text01_left {
    float: none;
    width: 100%;
    font-size: 25px;
    padding-top: 10px;
    letter-spacing: -1px;
    color: #1d336f;
    font-weight: bold;
  }
  .sub72_con01_text01_right {
    float: none;
    font-size: 12px;
    line-height: 1.8em;
    width: 100%;
    padding-top: 10px;
  }

  .sub72_con01_text02 {
    width: 100%;
    height: 180px;
    margin: 0 auto;
    margin-top: 10px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
  }
  .sub72_con01_text02_left {
    float: left;
    width: 100%;
    font-size: 25px;
    letter-spacing: -1px;
    color: #1d336f;
    font-weight: bold;
  }
  .sub72_con01_text02_right {
    float: left;
    font-size: 12px;
    line-height: 1.8em;
    width: 100%;
    padding-top: 10px;
  }

  #sub72_con02_warp {
    clear: both;
    padding: 20px;
    width: 100%;
    height: 800px;
    background: #f8f8f8;
    margin: 0 auto;
    padding-top: 0px;
  }
  .sub72_con02 {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }
  .sub72_con02 img {
    width: 100%;
  }
  .sub72_con02_text01 {
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
  }

  #sub72_con03_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 0px;
  }

  #sub72_con04_warp {
    clear: both;
    width: 100%;
    padding: 20px;
    height: 400px;
    background: #f8f8f8;
    margin: 0 auto;
    margin-top: 40px;
    padding-top: 0px;
  }
  .sub72_con04 {
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
  }
  .sub72_con04 img {
    width: 100%;
  }

  #sub72_title {
    width: 100%;
    margin: 0 auto;
    padding-top: 60px;
  }

  .sub72_text01 {
    font-size: 1.8em;
    line-height: 1.6em;
    color: #222;
    text-align: center;
  }
  .sub72_text02 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub72_text03 {
    font-size: 22px;
    font-weight: bold;
    color: #222;
    letter-spacing: 2px;
    padding-left: 0px;
  }
  .sub72_text04 {
    font-size: 22px;
    color: #222;
    line-height: 1.2em;
    padding-left: 10px;
    letter-spacing: -1.5px;
    padding-top: 30px;
  }
  .sub72_text05 {
    padding-top: 40px;
  }
  .sub72_text05 img {
    width: 100%;
  }

  /* sub73 */

  #sub73_con01_warp {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
    padding-top: 0px;
    margin-bottom: 30px;
  }
  #sub73_title {
    padding-top: 30px;
  }
  .sub73_text01 {
    font-size: 22px;
    font-weight: bold;
    padding-top: 0px;
  }
  .sub73_text02 {
    text-align: center;
  }
  .sub73_text02 img {
    width: 50%;
  }

  /* sub91 */
  #sub91_menu_warp {
    display: none;
    width: 100%;
    height: 100px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}

/* 210412 */

.page_content .subnavi {
  text-align: center;
}
.page_content .subnavi li {
  display: inline-block;
  float: none;
}
.page_content .subnavi li a {
  display: block;
}

/* 공통 */
.fa-star.yellow {
  color: #ffd955;
}

@media screen and (min-width: 768px) {
  .line1 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* 태그 */
.tags {
  margin-left: -12px;
  padding: 8px 0 0;
}
.tags span {
  display: inline-block;
  margin-left: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #1d336f;
}
.tags.white span {
  color: #fff;
}

.datetime {
  padding: 20px 0 0;
  font-size: 16px;
  font-weight: 400;
  color: #666;
}
.inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.gall_img img {
  width: 100%;
}

.ug_board_view {
}
.ug_board_view .top_content {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 170px 0 80px;
}
.ug_board_view .top_content header .ca_name {
  display: inline-block;
  left: 0;
  width: auto;
  height: auto;
  margin: 0 0 20px;
  padding: 7px 24px;
  border: 1px solid #fff;
  border-radius: 20px;
  font-size: 16px;
  color: #fff;
  line-height: 1.3;
  background: transparent;
}
.ug_board_view .top_content header > p {
  font-size: 20px;
  color: #fff;
}
.ug_board_view .top_content .arrow {
  position: fixed;
  top: 165px;
  z-index: 10;
  transform: translateX(-170%);
}
.ug_board_view .top_content .arrow a {
  display: block;
  width: 90px;
}
.ug_board_view .top_content .arrow a img {
  width: 100%;
}
.ug_board_view .top_content .arrow .up {
  margin-top: -10px;
}
.ug_board_view .top_content .ico_mouse {
  position: absolute;
  right: -100px;
  top: 90vh;
}
.ug_board_view .related h3 {
  padding: 80px 0 40px;
  font-size: 32px;
}
.ug_board_view .related .bo_title {
  padding: 9px 0 0;
  line-height: 1.5;
}
.ug_board_view .related .gall_row {
  margin: 0 -16px;
}
.ug_board_view .white_box {
  max-width: 1200px;
  width: 100%;
  margin: 20px auto 0;
  padding: 60px;
  background-color: #fff;
  box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.06);
}
.ug_board_view .white_box:first-child {
  margin-top: 0;
}
.ug_board_view .white_box h3 {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #ccc;
  font-size: 24px;
}
.ug_board_view .white_box h3 img {
  margin-right: 15px;
}
.ug_board_view .white_box p {
  font-size: 16px;
}
.ug_board_view .white_box ul li {
  font-size: 16px;
}
.ug_board_view .white_box.noborder h3 {
  margin: 0;
  border-bottom: 0;
}
.bo_list {
  margin: 60px 0;
}

#bo_v_title .bo_v_tit {
  display: block;
  font-size: 36px;
  line-height: 1.5;
  word-break: break-all;
  color: #fff;
}
#bo_v_title p {
  padding: 14px 0 0;
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}

/* Our works : 교육 후기 */
.ug_board_view.works .top_wrap {
  background: none;
}
.ug_board_view.works .top_content {
  min-height: auto;
}
.ug_board_view.works .tags span {
  color: #fff;
}
.ug_board_view.works .year {
  display: block;
  padding: 8px 0 0;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

/* 분류 */
#bo_cate {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(100%, 0px);
}
#bo_cate h2 {
  position: absolute;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
#bo_cate ul {
  display: block;
  width: auto;
  margin-left: 17px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.04);
}
#bo_cate ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  content: "";
}
#bo_cate li {
  width: 136px;
}
#bo_cate a {
  display: block;
  line-height: 26px;
  padding: 0 10px;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 48px;
  text-align: center;
  color: #666;
  background-color: #fff;
}
#bo_cate a:focus,
#bo_cate a:hover,
#bo_cate a:active {
  text-decoration: none;
  background: #d2d6dc;
}
#bo_cate .swiper-container {
  overflow: visible;
}
#bo_cate #bo_cate_on {
  z-index: 2;
  background: #1d336f;
  color: #fff;
}
#bo_cate.static {
  position: absolute;
}

/* (공통)works 게시판 : 리뷰, 평가 */
.ug_board_view .review_item {
  padding: 24px;
  color: #fff;
  background-color: #1d336f;
}
.ug_board_view .review_item p {
  font-weight: 300;
}
.ug_board_view .review_item .text:before {
  display: block;
  width: 30px;
  height: 23px;
  margin-bottom: 15px;
  content: "";
  background: url(/img/invalid-name.png) no-repeat;
}
.ug_board_view .review_item .text:after {
  display: block;
  width: 30px;
  height: 23px;
  margin-top: 15px;
  margin-left: auto;
  content: "";
  background: url(/img/combined-shape.png) no-repeat;
}

/* (공통)게시판 목록 */
.board_list01 > li {
  position: relative;
  margin: 12px 0 0;
  padding: 28px;
  border: 1px solid #ccc;
  background-color: #fff;
  transition: border-color 0.3s;
}
.board_list01 > li:hover {
  border-color: #1d336f;
}
.board_list01 > li:first-child {
  margin: 0;
}
.board_list01 a {
  display: block;
}
.board_list01 a:hover {
  text-decoration: none;
}
.board_list01 .href {
  position: relative;
}
.board_list01 .fa-angle-right {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 28px;
  color: #ccc;
}
.board_list01 .bo_title {
  padding: 20px 0 0;
  font-size: 28px;
  font-weight: 700;
  color: #202020;
  line-height: 1.3;
}
.board_list01 .bo_content {
  margin: 10px 0 0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}

/* (공통)swiper button */
body .swiper-button {
  position: absolute;
  right: 0;
  top: -48px;
}
body .swiper-button > * {
  display: inline-block;
  position: static;
  width: 24px;
  height: 24px;
  margin-top: 0;
  vertical-align: middle;
}
body .swiper-button .swiper-pagination {
  width: auto;
  margin-right: 9px;
  font-size: 16px;
  letter-spacing: -1px;
}
body .swiper-button .swiper-button-prev {
  margin-right: 9px;
  background: url(/img/icon-arrow-left@3x.png) no-repeat;
  background-size: cover;
}
body .swiper-button .swiper-button-next {
  background: url(/img/icon-arrow-active@3x.png) no-repeat;
  background-size: cover;
}

/* (공통)수출 바우처, 비대면 바우처 */
.c_red {
  color: #e50b0b;
}
.c_yellow {
  color: #ffd955;
}
.text-right {
  text-align: right;
}
.btn_ty01 {
  display: inline-block;
  padding: 15px 30px;
  border-radius: 30px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #1d336f;
}
.sub10 .col_wrap {
  display: flex;
}
.sub10 .col_wrap > * {
  width: 50%;
}
.sub10 .section_title {
  padding: 0 0 80px;
  font-size: 42px;
  line-height: 1.5;
}
.sub10 .section_title.white {
  color: #fff;
}
.sub10 .section01 .left {
  padding: 55px 0 0;
}
.sub10 .section01 .left p {
  font-size: 24px;
  font-weight: 600;
  color: #07b7d1;
}
.sub10 .section01 .left h5 {
  font-size: 42px;
  font-weight: 600;
}
.sub10 .section01 .right {
  padding: 120px 60px;
  font-size: 32px;
  color: #1d336f;
  font-weight: 300;
  background-color: #f5f5f5;
}
.sub10 .section02 {
  background: #1d336f url(/images/img-gv-02.jpg) no-repeat 50%;
}
.sub10 .section02 .right {
  margin-left: auto;
  padding: 120px 60px 440px;
  font-size: 32px;
  color: #1d336f;
  font-weight: 300;
  background-color: #fff;
}
.sub10 .section03 {
  padding: 120px 0 85px;
  background-color: #1d336f;
}
.sub10 .section03 .item_list {
  font-size: 0;
}
.sub10 .section03 .item_list > li {
  display: inline-flex;
  position: relative;
  width: calc(33% - 36px);
  max-width: 376px;
  height: 100%;
  min-height: 376px;
  margin: 0 36px 36px 0;
  padding: 28px;
  background: url(/images/img-gv-box-02.png) no-repeat 50% 50% / cover;
  flex-direction: column;
  vertical-align: top;
}
.sub10 .section03 .item_list > li:nth-child(4n) {
  margin-right: 0;
}
.sub10 .section03 .item_list > li:nth-child(1) {
  background-image: url(/images/img-box-01.png);
}
.sub10 .section03 .item_list > li:nth-child(2) {
  background-image: url(/images/img-box-02.png);
}
.sub10 .section03 .item_list > li:nth-child(3) {
  background-image: url(/images/img-box-03.png);
}
.sub10 .section03 .item_list > li:nth-child(4) {
  background-image: url(/images/img-box-04.png);
}
.sub10 .section03 .item_list > li:nth-child(5) {
  background-image: url(/images/img-box-05.png);
}
.sub10 .section03 .item_list > li h4 {
  padding: 142px 0 0;
  font-size: 28px;
  line-height: 1.4;
  color: #1d336f;
}
.sub10 .section03 .item_list .logo {
  position: absolute;
  right: 24px;
  top: 24px;
  font-size: 28px;
  line-height: 1.4;
  color: #1d336f;
}
.sub10 .section03 .item_list .bottom {
  margin-top: auto;
}
.sub10 .section03 .item_list .bottom a {
  display: flex;
  font-size: 16px;
  color: #666;
  justify-content: space-between;
  align-items: center;
}
.sub10 .section04 {
  position: relative;
  padding: 120px 0;
}
.sub10 .section04:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(50% - 840px);
  height: 500px;
  content: "";
  background-color: #1d336f;
}
.sub10 .section04 .why_list {
  display: flex;
  justify-content: space-between;
}
.sub10 .section04 .why_list > li {
  text-align: center;
}
.sub10 .section04 .why_list > li:nth-child(2) {
  margin-top: 180px;
}
.sub10 .section04 .why_list > li dt {
  display: flex;
  width: 360px;
  height: 360px;
  margin: 0 auto;
  font-size: 82px;
  font-weight: 200;
  line-height: 1;
  color: #ffff;
  background: url(/images/img-circle-01.png) no-repeat;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.sub10 .section04 .why_list > li dt b {
  display: block;
  padding: 12px 0 0;
  font-size: 46px;
  font-weight: 700;
}
.sub10 .section04 .why_list > li:nth-child(2) dt {
  background: url(/images/img-circle-02.png) no-repeat 50% 50% / cover;
}
.sub10 .section04 .why_list > li:nth-child(3) dt {
  background: url(/images/img-circle-03.png) no-repeat 50% 50% / cover;
}
.sub10 .section04 .why_list > li dd {
  padding: 40px 0 0;
  font-size: 20px;
}
.sub10 .section05 {
  padding: 120px 0;
  background-color: #f5f5f5;
}
.sub10 .section05 article .section_title {
  padding: 0 0 28px;
}
.sub10 .section05 article p {
  font-size: 20px;
}
.sub10 .section05 .upper {
  margin: 0 0 50px;
  padding: 0 0 60px;
  border-bottom: 1px solid #ccc;
}
.sub10 .section05 .upper .right a {
  margin: 28px 0 0;
}
.sub10 .section05 .lower .title {
  padding: 0 0 60px;
}
/* .sub10 .section05 .upper .title { margin:0 0 60px; border-bottom:1px solid #ccc } */
.sub10 .section05 .step_list {
  display: flex;
}
.sub10 .section05 .step_list > li {
  position: relative;
  width: 18%;
  margin-left: 2.5%;
  padding: 28px 25px;
  border-radius: 28px;
  color: #2983ff;
  text-align: center;
  vertical-align: top;
  background-color: #fff;
}
.sub10 .section05 .step_list > li:before {
  display: block;
  position: absolute;
  left: -23px;
  top: 50%;
  width: 16px;
  height: 10px;
  content: "";
  background: url(/images/path-7-copy-3@2x.png) no-repeat 50% 50% / cover;
  transform: translateY(-50%) rotate(-90deg);
}
.sub10 .section05 .step_list > li:first-child {
  margin-left: 0;
}
.sub10 .section05 .step_list > li:first-child:before {
  display: none;
}
.sub10 .section05 .step_list > li img {
  display: inline-block;
  margin: 28px 0;
}
.sub10 .section05 .step_list > li span {
  font-size: 24px;
  font-weight: 200;
}
.sub10 .section05 .step_list > li .text {
  font-size: 16px;
  font-weight: 500;
}
.sub10 .section05 .step_list > li.orange {
  color: #ff9815;
}
.sub10 .section06 {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  background-color: #142850;
}
.sub10 .section06 .inner {
  overflow: hidden;
  position: relative;
  padding: 200px 0 0;
  max-width: unset;
}
.sub10 .section06 .swiper-container {
  overflow: visible;
  max-width: 1560px;
  background: #1d336f;
  float: left;
  width: 100%;
}
.sub10 .section06 .left .logo {
  display: flex;
  width: 520px;
  height: 520px;
  margin-top: -80px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
.sub10 .section06 .right {
  width: 43.6%;
  padding: 80px;
}
.sub10 .section06 .right dl {
  margin: 40px 0 0;
}
.sub10 .section06 .right dt {
  padding: 0 0 12px;
  font-size: 20px;
  font-weight: 500;
}
.sub10 .section06 .right dd {
  line-height: 1.7;
  font-weight: 200;
  word-break: keep-all;
}
.sub10 .section06 .right dd p {
  padding: 12px 0 0;
  color: #9aa4be;
}
.sub10 .section06 .right .col_wrap dl {
  margin: 0;
}
.sub10 .section06 .right .btn_wrap {
  text-align: right;
}
.sub10 .section06 .right .btn_more {
  display: inline-block;
  margin: 40px 0 0;
  color: #fff;
}
.sub10 .section06 .right .btn_more span {
  display: inline-block;
  position: relative;
  width: 52px;
  height: 1px;
  margin-left: 20px;
  vertical-align: middle;
  background-color: #fff;
}
.sub10 .section06 .right .btn_more span:after {
  display: block;
  position: absolute;
  right: -2px;
  top: -6px;
  width: 15px;
  height: 1px;
  background-color: #fff;
  transform: rotate(50deg);
  content: "";
}
.sub10 .section07 {
  padding: 120px 0 200px;
}
.sub10 .section07 .col_wrap {
  background-color: #f5f5f5;
}
.sub10 .section07 .col_wrap .col {
  position: relative;
  padding: 60px;
}
.sub10 .section07 .col_wrap .col:first-child:after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 110px;
  background-color: #ccc;
  content: "";
  transform: translateY(-50%);
}
.sub10 .section07 .col_wrap .col h5 {
  margin: 0 0 28px;
  font-size: 28px;
}
.sub10 .section07 .col_wrap .col h5 span {
  padding: 0 0 0 10px;
  font-size: 16px;
  font-weight: 300;
  color: #999;
}
.sub10 .section07 .col_wrap .col li {
  display: inline-block;
  font-size: 16px;
}
.sub10 .section07 .col_wrap .col li:first-child {
  margin-right: 55px;
}
.sub10 .section07 .col_wrap .col li img {
  margin-right: 12px;
}

/* 수출 바우처 */
.sub101 .section02 {
  background: #1d336f url(/images/img-gv-01.jpg) no-repeat 50% 80px;
}
.sub101 .section02 .right {
  padding-bottom: 20px;
}
.sub101 .section02 .right h5 {
  padding: 60px 0 45px;
  font-size: 20px;
  color: #ccc;
}
.sub101 .section02 .right ul {
  display: flex;
  flex-wrap: wrap;
}
.sub101 .section02 .right li {
  width: 28.5%;
  height: 110px;
  margin-left: 7.25%;
  padding: 10px 0 0;
  border-top: 1px solid #2983ff;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #2983ff;
  letter-spacing: -1px;
}
.sub101 .section02 .right li:nth-child(3n + 1) {
  margin-left: 0;
}
.sub101 .section02 .right li span {
  display: block;
  padding: 0 0 2px;
  font-size: 20px;
  color: #ccc;
}
.sub101 .section03 .item_list .bottom {
  margin-top: 0;
}
.sub101 .section03 .item_list > li h4 {
  margin-top: auto;
  padding: 0 0 30px;
}
.sub101 .section04 .why_list > li dt {
  font-size: 100px;
}
.sub101 .section04 .why_list > li dt b {
  font-size: 20px;
  font-weight: 400;
}
.sub101 .section04 .why_list > li dt span {
  padding-left: 5px;
  font-size: 32px;
  vertical-align: middle;
}
.sub101 .section04 .why_list > li dt .per {
  font-size: 56px;
}
.sub101 .section05 .step_list > li .text {
  color: #999;
  font-weight: 300;
}
.sub101 .section05 .step_list > li .text strong {
  display: none;
}
.sub101 .section05 .step_list > li strong {
  display: block;
  font-size: 16px;
  color: #2983ff;
}

/* 비대면 바우처 */
.sub102 .section03 .item_list > li h4 img {
  margin: 0 0 8px;
}
.sub102 .section05 .upper .liner {
  display: block;
  padding: 30px 0 0;
}
.sub102 .section03 .item_list > li:nth-child(1) {
  background-image: url(/images/img-box-06.png);
}
.sub102 .section03 .item_list > li:nth-child(3) {
  background-image: url(/images/img-box-07.png);
}

.bo_v {
  padding-bottom: 100px;
  background: url(/img/our_works_bg.png) no-repeat 50% 0;
  background-color: #f5f5f5;
}

.only_mobile {
  display: none;
}

/* 20210526 추가 */
/* (공통) button */
.btn_ty01.white {
  display: inline-block;
  padding: 15px 40px;
  border-radius: 30px;
  font-size: 16px;
  color: #000;
  text-align: center;
  background-color: #fff;
}

/* 교육 후기 영역 깨짐 보안 */
.page_content {
  overflow: hidden;
  padding-bottom: 50px;
}

/* 상담바로가기 링크 */
.request_form_link {
  width: 100%;
  height: 330px;
  background: url(/img/img-background.png) no-repeat;
  background-size: cover;
  text-align: center;
}
.request_form_link h3 {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  padding: 50px 0 60px;
}

/* sub111 */
.only_tablet {
  display: none;
}
#sub111_menu_warp {
  width: 100%;
  height: 80px !important;
  border-bottom: 1px solid #ccc;
}
#sub111_menu_warp .sub_over .sub_cursor {
  bottom: 0;
}
.sub111_menu {
  width: 530px;
  margin: 0 auto;
}
.sub111_menu ul li {
  position: relative;
  padding: 0 42px;
  height: 20px;
  float: left;
  text-align: center;
  margin: 25px 0px;
  border-right: 1px solid #ccc;
}
.sub111_menu li:last-child {
  border: none;
}
.sub111 .bg_gray {
  background: #f5f5f5;
}
.sub111 .inner {
  padding: 0 15px;
}
/* (공통) text */
.sub111_text01 {
  font-size: 2.2em;
  color: #07b7d1;
  font-weight: bold;
}
.sub111_text02 {
  font-size: 3.4em;
  color: #000;
  font-weight: bold;
  line-height: 1.3;
}
.sub111_text02.white {
  color: #fff;
}
.sub111_text03 {
  font-size: 16px;
  font-weight: bold;
}
.sub111_text04 {
  font-size: 20px;
  font-weight: 300;
}
.sub111_text05 {
  font-size: 32px;
  font-weight: bold;
}
/* section01 */
.sub111 .section01 {
  margin: 0 auto;
  padding: 100px 15px 120px;
}
.sub111 .section01 .sub111_text01 {
  line-height: 2;
}
.sub111 .section01 .circle_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 60px;
}
.sub111 .section01 .circle_wrap .circle {
  width: 280px;
  height: 280px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background: transparent;
  border: 1px dashed #2983ff;
  color: #2983ff;
}
.sub111 .section01 .circle_wrap .circle p {
  margin-top: 110px;
}
.sub111 .section01 .circle_wrap .circle_group {
  position: relative;
}
.sub111 .section01 .circle_wrap .circle_group::before {
  content: "";
  position: absolute;
  left: -24px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/images/icon-arrow-blue-right.png) no-repeat center / cover;
  width: 44px;
  height: 24px;
}
.sub111 .section01 .circle_wrap .circle_group::after {
  content: "";
  position: absolute;
  right: -23px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/images/icon-arrow-blue-right.png) no-repeat center / cover;
  width: 44px;
  height: 24px;
}
.sub111 .section01 .circle_wrap .circle_group .circle {
  width: 560px;
  height: 280px;
  transform: translateX(20px);
  background: url(/images/img-green_circle.png) no-repeat 0 center,
    url(/images/img-blue_circle.png) no-repeat calc(100% - 45px) center;
  color: #fff;
  border: none;
  background-blend-mode: multiply;
  border-radius: 0;
  background-size: contain;
}
.sub111 .section01 .circle_wrap .circle_group .circle p:first-child {
  position: absolute;
  left: 65px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.sub111 .section01 .circle_wrap .circle_group .circle p:last-child {
  position: absolute;
  right: 115px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}
.sub111 .section01 .circle_wrap .circle_group span {
  position: absolute;
  left: 49.5%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #fff;
}
/* section02 */
.sub111 .section02 {
  background: #000;
  padding: 120px 0;
  height: 760px;
}
.sub111 .section02 .sec02_content {
  overflow: hidden;
}
.sub111 .section02 .sec02_content .cont {
  width: 50%;
  display: inline-block;
  float: left;
  color: #fff;
  overflow: hidden;
  margin: 60px 0 0;
}
.sub111 .section02 .sec02_content .cont img {
  float: left;
  margin-right: 27px;
}
.sub111 .section02 .sec02_content .cont span {
  font-size: 42px;
  font-weight: 500;
}
.sub111 .section02 .sec02_content .cont p {
  font-size: 32px;
  font-weight: bold;
}
/* section03 */
.sub111 .section03 {
  position: relative;
  padding-bottom: 120px;
}
.sub111 .section03 iframe {
  width: 100%;
  height: 658px;
  background: #cdcfda;
  margin-top: -120px;
}
.sub111 .section03::before {
  content: "";
  width: 240px;
  height: 380px;
  position: absolute;
  left: 0;
  bottom: 105px;
  background: url(/images/img-bg-01.png) no-repeat;
}
/* .sub111 .section03::after { content: ''; width: 520px; height: 1055px; position: absolute; right: 0; top: -100px; background: url(/images/img-bg-02.png) no-repeat; } */
.right_img_wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 100%;
}
.right_img_wrap .right_img_top {
  position: absolute;
  top: -100px;
  right: 0;
}
.right_img_wrap .right_img_top img {
  width: 200px;
}
.right_img_wrap .right_img_bottom {
  position: absolute;
  bottom: -170px;
  right: 0;
}
.right_img_wrap .right_img_bottom img {
  width: 460px;
}
/* slide_content */
.sub111 .slide_content .inner {
  position: relative;
  padding: 300px 15px 0;
  overflow: hidden;
}
.sub111 .slide_content .swiper-container {
  position: static;
  overflow: visible;
}
.sub111 .slide_content .swiper-slide {
  display: flex;
  justify-content: space-between;
}
.sub111 .slide_content .swiper-slide .text_wrap,
.sub111 .slide_content .swiper-slide .img_wrap {
  width: 50%;
  position: relative;
}
.sub111 .slide_content .swiper-slide .img_wrap img {
  width: 100%;
}
.sub111 .slide_content .sub111_text02 {
  padding: 60px 0 40px;
}
.sub111
  .slide_content
  .swiper-container-horizontal
  > .swiper-pagination-bullets {
  text-align: left;
  top: 650px;
  bottom: auto;
}
.sub111 .slide_content .swiper-pagination-bullet {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #ccc;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
}
.sub111 .slide_content .swiper-pagination-bullet-active {
  background: #000;
}
/* section04 */
.sub111 .section04 .slide01 img {
  transform: translate(0, -130px);
}
/* section05 */
.sub111 .section05 {
  padding: 0 0 100px;
}
.sub111 .section05 .slide03 img {
  position: absolute;
  left: 30px;
  top: -150px;
}
.sub111 .section05 .slide03 img.img01 {
  left: auto;
  right: 0;
  width: 363px !important;
}
.sub111 .section05 .slide03 img.img02 {
  top: -70px;
  width: 369px !important;
}
.sub111 .section05 .slide03 img.img03 {
  left: auto;
  right: 0;
  top: 10px;
  width: 363px !important;
}
.sub111 .section05 .slide03 img.img04 {
  top: 90px;
  width: 453px !important;
}
.sub111 .section05 .slide03 img.img05 {
  top: 190px;
  left: 0;
}
.sub111 .section05 .slide04 img {
  transform: translate(0, -100px);
}
/* section06 */
.sub111 .section06 .swiper-slide img {
  transform: translate(0, -105px);
}
.sub111 .section06 .slide06 img {
  transform: translate(0, -90px);
}
.sub111 .section06 .slide06 img.img02 {
  opacity: 0;
  position: absolute;
  left: -80px;
  bottom: -50px;
  width: 490px;
  transition: all 0.7s 0.6s;
}
.sub111 .section06 .slide06.swiper-slide-active img.img02 {
  opacity: 1;
  bottom: -30px;
}
/* section07 */
.sub111 .section07 .inner {
  max-width: 1400px;
  width: 1400px;
}
.sub111 .section07 .text_wrap,
.sub111 .section07 .swiper-container-horizontal > .swiper-pagination-bullets {
  left: 100px;
}
.sub111 .section07 .slide07 img {
  transform: translate(0, -150px);
}
.sub111 .section07 .slide08 img {
  transform: translate(0, -120px);
  max-width: 288px;
}
.sub111 .section07 .slide08 img.img02 {
  transform: translate(0, 20px);
}
/* section08 */
.sub111 .section08 {
  width: 100%;
  height: 756px;
  background: url(/images/img-how-we-make.png) no-repeat;
  text-align: center;
  color: #fff;
  padding-top: 120px;
  background-size: cover;
}
.sub111 .section08 .inner > .sub111_text04 {
  margin: 12px 0 60px;
}
.sub111 .section08 .circle_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sub111 .section08 .circle_wrap .circle {
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.sub111 .section08 .circle_wrap .circle.white {
  background: #fff;
  color: #1d336f;
}
.sub111 .section08 .circle_wrap .circle p.sub111_text04 {
  font-weight: 500;
}
.sub111 .section08 .circle_wrap .circle img {
  margin-top: 12px;
}
.sub111 .section08 .circle_wrap .circle p.sub111_text05 {
  line-height: 2;
}
/* section09 */
.sub111 .section09 {
  background: #000;
  color: #fff;
  padding: 132px 0;
}
.sub111 .section09 .list li {
  display: flex;
  align-items: center;
  padding: 40px 0;
  border-bottom: 1px solid #333;
}
.sub111 .section09 .list li:last-child {
  border: none;
}
.sub111 .section09 .list li .sub111_text05 {
  flex: auto;
  margin-left: 40px;
}
.sub111 .section09 .list li a {
  font-size: 16px;
  font-weight: 300;
  color: #fff;
  border: 1px solid #666;
  border-radius: 26px;
  padding: 14px 24px;
  display: inline-block;
}
/* section10 */
.sub111 .section10 {
  padding: 120px 0;
}
.sub111 .section10 .inner {
  padding: 0;
  position: relative;
}
.sub111 .section10 .sub111_text02 {
  margin-bottom: 80px;
  text-align: center;
}
.sub111 .section10 ul li {
  display: inline-block;
  border: 1px solid #eaeaea;
  overflow: hidden;
}
.sub111 .section10 ul li img {
  width: 100%;
  height: 374px;
}
.sub111 .section10 ul li .text_wrap {
  padding: 18px;
  height: 160px;
}
.sub111 .section10 ul li .sub111_text04 {
  margin-bottom: 16px;
  font-weight: bold;
}
.sub111 .section10 ul li .sub111_text03 {
  font-weight: normal;
}
.sub111 .section10 .swiper-button-prev {
  background: url(/images/icon-arrow-left.png) no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  top: 60%;
  left: -80px;
}
.sub111 .section10 .swiper-button-next {
  background: url(/images/icon-arrow-left.png) no-repeat;
  background-size: cover;
  transform: rotate(180deg);
  width: 60px;
  height: 60px;
  top: 60%;
  right: -80px;
}

/* section11 */
.sub111 .section11 .view {
  color: #fff;
}
@media screen and (max-width: 840px) {
  #sub111_menu_warp {
    display: none;
  }
}
/* download modal */
#down_modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: none;
}
#down_modal::before {
  content: "";
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#down_modal .modal {
  width: 360px;
  height: 736px;
  padding: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -47%);
  z-index: 99;
  background: #fff;
  border-radius: 20px;
  transition: all 0.6s;
}
#down_modal .modal .modal_head {
  position: relative;
  margin-bottom: 20px;
}
#down_modal .modal .modal_head span {
  position: absolute;
  right: -20px;
  top: -20px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  width: 30px;
  text-align: center;
}
#down_modal .modal .modal_head .sub111_text04 {
  font-weight: bold;
}
#down_modal .modal .modal_body .form-group {
  margin-bottom: 20px;
}
#down_modal .modal .modal_body .form-group label {
  display: block;
  font-weight: bold;
  font-size: 14px;
  color: #999;
  margin-bottom: 5px;
}
#down_modal .modal .modal_body .form-group input {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 12px;
  font-size: 16px;
}
#down_modal .modal .modal_body .form-group input::placeholder {
  font-size: 16px;
  color: #ccc;
}
#down_modal .modal .modal_body .form-group.part input {
  width: 48%;
}
#down_modal .modal .modal_body .form-group.part input:first-of-type {
  margin-right: 2%;
}
#down_modal .modal .modal_body .form-group.agree input {
  overflow: hidden;
  width: 0;
  height: 0;
  margin: 0;
  border: 0;
  padding: 0;
  text-indent: -99999999px;
  appearance: none;
  outline: none;
}
#down_modal .modal .modal_body .form-group.agree label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 23px;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
  color: #000;
}
#down_modal .modal .modal_body .form-group.agree label a {
  text-decoration: underline;
}
#down_modal .modal .modal_body .form-group.agree label::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 1.5px;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle;
  background: url(/images/icon-checkbox-off.png) no-repeat center / cover;
}
#down_modal .modal .modal_body .form-group.agree input:checked + label::before {
  background: url(/images/icon-checkbox-on.png) no-repeat center / cover;
}
#down_modal .modal .modal_foot {
  text-align: center;
}
#down_modal .modal .modal_foot button {
  width: 172px;
  height: 52px;
  line-height: 52px;
  background: #b9b9b9;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  color: #fff;
  border-radius: 26px;
  border: none;
}
#down_modal .modal .modal_foot button.active {
  background: #2983ff;
}

@media screen and (min-width: 1500px) {
  #bo_cate ul {
    transform: translate3d(0, 0px, 0px) !important;
  }

  /*.ko #sub13_con01_warp .content-box{
    margin-left: 165px !important;
    }*/
  .ko #sub13_con01_warp .content-box {
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 1500px) {
  #bo_cate {
    position: static !important;
    margin: 0 0 20px;
    transform: translate(0, 0) !important;
  }
  #bo_cate ul {
    display: flex;
    margin-left: 0;
    box-shadow: none;
  }
  #bo_cate li {
    width: auto;
    margin-left: 8px;
  }
  #bo_cate li:first-child {
    margin-left: 15px;
  }
  #bo_cate li:last-child {
    margin-right: 15px;
  }
  #bo_cate a {
    padding: 0 30px;
    border: 1px solid #999;
    border-radius: 20px;
    font-size: 14px;
    line-height: 38px;
    white-space: nowrap;
  }
  #bo_cate a:hover {
    background-color: transparent;
  }
  #bo_cate #bo_cate_on {
    border-color: #1d336f;
    color: #1d336f;
    background-color: transparent;
  }
  #bo_cate .swiper-container {
    overflow: hidden;
  }

  .board_list01 {
    padding: 0 15px;
  }

  .bo_list {
    margin: 20px 0;
  }

  .ug_board_view .top_content .ico_mouse {
    position: static;
  }
  .ug_board_view .top_content .arrow {
    top: auto;
    bottom: 50px;
    right: 0;
    transform: translateX(0);
  }

  .ko #sub13_con01_warp .content-box {
    /*margin-left: 98px !important;*/
    margin: 0 auto !important;
  }
}
@media screen and (max-width: 1440px) {
  /* section07 */
  .sub111 .section07 .inner {
    max-width: 1200px;
    width: 100%;
  }
  .sub111 .section07 .text_wrap {
    left: 0;
  }
  .sub111
    .slide_content
    .swiper-container-horizontal
    > .swiper-pagination-bullets {
    left: 11px;
  }
  /* section10 */
  .sub111 .section10 .inner {
    max-width: unset;
  }
  .sub111 .section10 .swiper-button-prev,
  .sub111 .section10 .swiper-button-next {
    display: none;
  }
  /*.ko #sub13_con01_warp .content-box{
    margin-left: 0 !important;
  }*/
}
@media screen and (max-width: 1200px) {
  /* sub111 */
  .only_tablet {
    display: block;
  }
  /* section01 */
  .sub111 .section01 .circle_wrap .circle {
    width: 220px;
    height: 220px;
  }
  .sub111 .section01 .circle_wrap .circle p {
    margin-top: 80px;
  }
  .sub111 .section01 .circle_wrap .circle_group .circle {
    width: 440px;
    height: 220px;
    margin: 50px 0;
    background: url(/images/img-green_circle.png) no-repeat 0 center,
      url(/images/img-blue_circle.png) no-repeat calc(100% - 38px) center;
    background-size: contain;
  }
  .sub111 .section01 .circle_wrap .circle_group span {
    left: 50%;
  }
  .sub111 .section01 .circle_wrap .circle_group::before {
    left: -50px;
  }
  .sub111 .section01 .circle_wrap .circle_group::after {
    right: -50px;
  }
  .sub111 .section01 .circle_wrap .circle_group .circle p:first-child {
    left: 35px;
  }
  .sub111 .section01 .circle_wrap .circle_group .circle p:last-child {
    right: 75px;
  }
  /* section03 */
  .sub111 .section03,
  .sub111 .section03 .inner {
    padding: 0;
  }
  .sub111 .section03 iframe {
    margin: 0;
    height: 540px;
    vertical-align: top;
  }
  .sub111 .section03::before,
  .sub111 .section03::after {
    display: none;
  }
  .right_img_wrap {
    display: none;
  }
  /* section07 */
  .sub111 .slide_content .swiper-slide.slide08 .img_wrap img {
    width: 48%;
  }
  /* section08 */
  .sub111 .section08 .circle_wrap {
    justify-content: space-evenly;
  }
  .sub111 .section08 .circle_wrap .circle {
    width: 280px;
    height: 280px;
  }
  .sub111 .section08 .circle_wrap .circle img {
    width: 155px;
  }
}
@media all and (max-width: 1024px) {
  /* sub111 */
  /* section01 */
  .sub111 .section01 .circle_wrap .circle {
    width: 180px;
    height: 180px;
    font-size: 14px;
  }
  .sub111 .section01 .circle_wrap .circle p {
    margin-top: 70px;
  }
  .sub111 .section01 .circle_wrap .circle_group .circle {
    width: 360px;
    height: 180px;
    margin: 50px 0;
    background: url(/images/img-green_circle.png) no-repeat 0 center,
      url(/images/img-blue_circle.png) no-repeat calc(100% - 38px) center;
    background-size: contain;
  }
  .sub111 .section01 {
    padding: 20px 0 40px;
    text-align: center;
  }
  .sub111 .section01 .circle_wrap {
    flex-direction: column;
    margin-top: 40px;
  }
  .sub111 .section01 .circle_wrap .circle_group .circle p:first-child {
    left: 32px;
  }
  .sub111 .section01 .circle_wrap .circle_group .circle p:last-child {
    right: 74px;
  }
  .sub111 .section01 .circle_wrap .circle_group span {
    left: 50%;
  }
  .sub111 .section01 .circle_wrap .circle_group::before,
  .sub111 .section01 .circle_wrap .circle_group::after {
    transform: translate(-50%, 0) rotate(90deg);
    left: 50%;
    right: auto;
    top: 20px;
  }
  .sub111 .section01 .circle_wrap .circle_group::after {
    top: auto;
    bottom: 20px;
  }
}
@media screen and (max-width: 991px) {
  #m_hd {
    display: block !important;
  }
  #sub_top,
  #main_new_top {
    display: none;
  }
  /* sub111 */
  /* (공통) text */
  .sub111_text01 {
    font-size: 14px;
  }
  .sub111_text02 {
    font-size: 20px;
  }
  .sub111_text04 {
    font-size: 16px;
  }
  /* section02 */
  .sub111 .section02 {
    padding: 40px 0;
    height: auto;
    text-align: center;
  }
  .sub111 .section02 .sec02_content {
    margin-top: 20px;
  }
  .sub111 .section02 .sec02_content .cont {
    width: 100%;
    margin: 20px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sub111 .section02 .sec02_content .cont span {
    font-weight: 300;
  }
  .sub111 .section02 .sec02_content .cont p {
    font-size: 16px;
    display: inline-block;
    width: 130px;
    text-align: left;
    margin-left: 15px;
  }
  .sub111 .section02 .sec02_content .cont img {
    width: 80px;
    margin-right: 20px;
  }
  /* slide_content */
  .sub111 .slide_content .inner {
    padding: 40px 15px 80px;
  }
  .sub111 .slide_content .swiper-slide {
    text-align: center;
    flex-direction: column;
  }
  .sub111 .slide_content .swiper-slide .text_wrap,
  .sub111 .slide_content .swiper-slide .img_wrap {
    width: 100%;
  }
  .sub111 .slide_content .swiper-slide .img_wrap img {
    width: 50%;
    margin-top: 30px;
  }
  .sub111 .section04 .slide01 img,
  .sub111 .section05 .slide04 img,
  .sub111 .section06 .swiper-slide img,
  .sub111 .section06 .slide06 img,
  .sub111 .section07 .slide07 img,
  .sub111 .section07 .slide08 img {
    transform: translate(0, 0);
  }
  .sub111 .slide_content .sub111_text02 {
    padding: 40px 0 12px;
  }
  .sub111
    .slide_content
    .swiper-container-horizontal
    > .swiper-pagination-bullets {
    left: 0;
    text-align: center;
    top: auto;
    bottom: 40px;
  }
  /* section05 */
  .sub111 .section05 {
    padding: 0;
  }
  .sub111 .section05 .inner {
    padding-bottom: 200px;
  }
  .sub111 .section05 .slide03 .img_wrap {
    width: 50%;
    margin: 0 auto;
  }
  .sub111 .section05 .slide03 img {
    top: 0;
  }
  .sub111 .section05 .slide03 img.img01 {
    width: 180px !important;
    right: 60px;
  }
  .sub111 .section05 .slide03 img.img02 {
    top: 45px;
    width: 185px !important;
  }
  .sub111 .section05 .slide03 img.img03 {
    top: 90px;
    right: 60px;
    width: 180px !important;
  }
  .sub111 .section05 .slide03 img.img04 {
    top: 135px;
    width: 225px !important;
  }
  .sub111 .section05 .slide03 img.img05 {
    top: 180px;
    left: 6px;
    width: 100%;
  }
  .sub111 .section05 .slide04 img {
    margin-left: 6px;
  }
  /* section06 */
  .sub111 .section06 .slide06 img.img02 {
    left: 135px;
  }
  /* section07 */
  .sub111 .section07 .inner {
    padding-bottom: 100px;
  }
  .sub111 .section07 .slide07 img {
    margin-left: 15px;
  }
  .sub111 .section07 .slide08 .img_wrap img {
    margin-top: 0;
  }
  .sub111 .section07 .slide08 img.img02 {
    transform: translate(0, 80px);
  }
  /* section08 */
  .sub111 .section08 {
    background: url(/images/img-how-we-make-mo.png) no-repeat center 73%;
    height: auto;
    background-size: cover;
    padding: 40px 15px;
  }
  .sub111 .section08 .circle_wrap {
    flex-direction: column;
  }
  .sub111 .section08 .sub111_text02 {
    font-size: 28px;
  }
  .sub111 .section08 .sub111_text04 {
    font-size: 14px;
  }
  .sub111 .section08 .inner > .sub111_text04 {
    margin: 4px 0 40px;
  }
  .sub111 .section08 .circle_wrap .circle {
    width: 180px;
    height: 180px;
  }
  .sub111 .section08 .circle_wrap .circle p.sub111_text05 {
    font-size: 20px;
  }
  .sub111 .section08 .circle_wrap .circle img {
    width: 105px;
  }
  .sub111 .section08 span.sub111_text02 {
    font-size: 32px;
    margin: 10px 0;
  }
  .sub111 .section08 .circle_wrap .circle p.sub111_text04.blue {
    color: #2983ff;
  }
  /* section09 */
  .sub111 .section09 {
    padding: 40px 0;
  }
  .sub111 .section09 .list li {
    position: relative;
    align-items: flex-start;
    padding: 20px 0;
  }
  .sub111 .section09 .list li img {
    width: 80px;
  }
  .sub111 .section09 .list li .sub111_text05 {
    font-size: 16px;
    margin-left: 16px;
  }
  .sub111 .section09 .list li a {
    position: absolute;
    left: 90px;
    font-size: 14px;
    border: none;
    border-radius: 0;
    padding: 5px;
    text-decoration: underline;
    bottom: 15px;
  }
  .sub111 .section09 .list li:last-child a {
    bottom: -8px;
  }
  /* section10 */
  .sub111 .section10 {
    padding: 40px 0;
  }
  .sub111 .section10 .sub111_text02 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .only_pc {
    display: none;
  }
  .only_mobile {
    display: block;
  }
  body .swiper-button > * {
    width: 32px;
    height: 32px;
  }
  .bo_v {
    background: #f5f5f5 url(/img/img-bg-success-story-mo@2x.png) no-repeat 50% 0 /
      contain;
  }
  .btn_ty01 {
    padding: 13px 20px;
    font-size: 14px;
  }

  /* (공통)게시판 목록 */
  .board_list01 > li {
    margin: 35px 0 0;
    padding: 40px 15px 20px;
  }
  .board_list01 > li:first-child {
    margin: 40px 0 0;
  }
  .board_list01 .bo_title {
    padding: 0;
    font-size: 20px;
  }
  .board_list01 .bo_content {
    font-size: 14px;
    color: #666;
  }
  .board_list01 .ca_name {
    position: absolute;
    left: 10px;
    top: -22px;
  }
  .board_list01 .fa-angle-right {
    font-size: 24px;
  }

  /* 태그 */
  .tags span {
    font-size: 14px;
    line-height: 1.7;
  }

  /* 게시판 */
  #bo_v_title {
    text-align: center;
  }
  #bo_v_title .bo_v_tit {
    font-size: 28px;
    line-height: 1.4;
  }
  #bo_v_title p {
    padding: 0;
    font-size: 14px;
  }
  .ug_board_view .top_content {
    padding: 40px 0 15px;
  }
  .ug_board_view .top_content header .ca_name {
    margin: 0 0 10px;
    font-size: 14px;
  }
  .ug_board_view .top_content .arrow a {
    width: 70px;
  }
  .ug_board_view #bo_v .related .board_list01 > li {
    background-color: #fff;
  }
  .ug_board_view .white_box {
    padding: 40px 16px;
  }
  .ug_board_view .white_box h3 {
    font-size: 20px;
  }
  .ug_board_view .white_box h3 img {
    margin-right: 10px;
  }
  .ug_board_view .white_box p {
    margin: 0 0 60px;
    font-size: 14px;
  }
  .ug_board_view .white_box ul li {
    margin: 0 0 60px;
    font-size: 14px;
  }
  .ug_board_view .review_item {
    position: relative;
    padding: 16px;
  }
  .ug_board_view .review_item p:after {
    position: absolute;
    right: 16px;
    bottom: 16px;
  }
  .ug_board_view .related h3 {
    padding-top: 60px;
    font-size: 20px;
  }
  .ug_board_view .related .bo_title {
    padding: 0;
  }
  .ug_board_view .related .gall_row {
    margin: 0;
  }
  .ug_board_view .top_content header > p {
    padding: 10px 0;
    font-size: 14px;
  }
  .ug_board_view.works .tags span {
    font-weight: 300;
  }

  .datetime {
    font-size: 14px;
  }

  /* (공통)수출바우처, 비대면바우처 */
  .sub10 .section_title {
    padding: 0 0 40px;
    font-size: 20px;
    text-align: center;
  }
  .sub10 .col_wrap {
    display: block;
  }
  .sub10 .col_wrap > * {
    width: 100%;
  }

  .sub10 .section01 .left {
    padding: 20px 0;
    text-align: center;
  }
  .sub10 .section01 .left h5 {
    font-size: 28px;
  }
  .sub10 .section01 .left p {
    padding: 0 0 3px;
    font-size: 14px;
  }
  .sub10 .section01 .right {
    padding: 40px 15px;
    font-size: 20px;
  }
  .sub10 .section02 .right {
    padding: 40px 16px 0;
    color: #fff;
    background-color: #000;
  }
  .sub10 .section02 .right strong {
    font-size: 20px;
    line-height: 1.4;
  }
  .sub10 .section02 .right h5 {
    padding: 40px 0;
    font-size: 16px;
    color: #666;
  }
  .sub10 .section03 {
    padding: 40px 0 35px;
  }
  .sub10 .section03 .item_list {
    padding: 0 16px;
  }
  .sub10 .section03 .item_list > li {
    max-width: 100%;
    width: 100%;
    min-height: 122px;
    margin: 0 0 8px;
    padding: 20px;
  }
  .sub10 .section03 .item_list > li:nth-child(1) {
    background-image: url(/images/img-box-01-2x.png);
  }
  .sub10 .section03 .item_list > li:nth-child(2) {
    background-image: url(/images/img-box-02-2x.png);
  }
  .sub10 .section03 .item_list > li:nth-child(3) {
    background-image: url(/images/img-box-03-2x.png);
  }
  .sub10 .section03 .item_list > li:nth-child(4) {
    background-image: url(/images/img-box-04-2x.png);
  }
  .sub10 .section03 .item_list > li:nth-child(5) {
    background-image: url(/images/img-box-05-2x.png);
  }
  .sub10 .section03 .item_list > li h4 {
    font-size: 16px;
  }
  .sub10 .section03 .item_list .bottom a {
    font-size: 12px;
  }
  .sub10 .section03 .item_list .bottom a img {
    width: 45px;
  }
  .sub10 .section03 .item_list .logo {
    width: 87px;
  }
  .sub10 .section04 {
    padding: 40px 0;
  }
  .sub10 .section04 .why_list {
    flex-direction: column;
  }
  .sub10 .section04 .why_list > li {
    margin-top: 40px;
  }
  .sub10 .section04 .why_list > li dt {
    width: 180px;
    height: 180px;
    font-size: 48px;
    background-size: cover;
  }
  .sub10 .section04 .why_list > li dd {
    padding: 20px 0 0;
    font-size: 14px;
  }
  .sub10 .section04 .why_list > li:nth-child(2) {
    margin-top: 40px;
  }
  .sub10 .section04 .section_title {
    padding: 0;
  }
  .sub10 .section05 {
    padding: 40px 16px;
  }
  .sub10 .section05 article p {
    font-size: 14px;
  }
  .sub10 .section05 .section_title {
    text-align: left;
  }
  .sub10 .section05 .title {
    padding: 0;
  }
  .sub10 .section05 .upper .title {
    margin: 0 0 40px;
    border: 0;
  }
  .sub10 .section05 article .section_title {
    padding: 0 0 15px;
  }
  .sub10 .section05 .upper {
    margin: 0;
    padding: 0;
    border-bottom: 0;
  }
  .sub10 .section05 .upper .right a {
    margin: 16px 0 0;
  }
  .sub10 .section05 .step_list {
    margin: 16px 0 0;
    flex-direction: column;
  }
  .sub10 .section05 .step_list > li {
    display: flex;
    width: 100%;
    margin: 24px 0 0;
    padding: 16px;
    text-align: left;
    align-items: center;
  }
  .sub10 .section05 .step_list > li:first-child {
    margin: 0;
  }
  .sub10 .section05 .step_list > li:before {
    left: 50%;
    top: -17px;
    transform: translateX(-50%);
  }
  .sub10 .section05 .step_list > li img {
    width: 80px;
    margin: 0 12px;
  }
  .sub10 .section06 .inner {
    padding: 40px 0 0;
  }
  .sub10 .section06 .swiper-container {
    background: unset;
    float: none;
    width: auto;
  }
  .sub10 .section06 .left:after {
    display: block;
    position: absolute;
    left: 30%;
    right: 0;
    top: -40px;
    height: 350px;
    content: "";
    background-color: #1d336f;
  }
  .sub10 .section06 .left .logo {
    position: relative;
    z-index: 10;
    width: 240px;
    height: 240px;
    margin: 0 auto;
  }
  .sub10 .section06 .left .logo img {
    width: 128px;
  }
  .sub10 .section06 .swiper-button {
    top: 260px;
    left: 50%;
    right: auto;
    z-index: 100;
    transform: translateX(-50%);
  }
  .sub10 .section06 .swiper-slide {
    background-color: transparent;
  }
  .sub10 .section06 .right {
    width: 100%;
    padding: 100px 16px 40px;
    background-color: #142850;
  }
  .sub10 .section06 .right dl {
    margin: 25px 0 0;
  }
  .sub10 .section06 .right dt {
    padding: 0 0 5px;
    font-size: 16px;
  }
  .sub10 .section06 .right dd {
    font-size: 14px;
  }
  .sub10 .section06 .right .col_wrap {
    display: flex;
  }
  .sub10 .section06 .right .col_wrap > * {
    width: 50%;
  }
  .sub10 .section06 .right .btn_wrap {
    text-align: center;
  }
  .sub10 .section06 .right .btn_more {
    width: 140px;
    height: 48px;
    border-radius: 30px;
    font-size: 14px;
    line-height: 48px;
    color: #000;
    text-align: center;
    background-color: #fff;
  }
  .sub10 .section06 .right .btn_more span {
    display: none;
  }
  .sub10 .section07 {
    padding: 40px 0;
  }
  .sub10 .section07 .col_wrap {
    margin: 0 15px;
  }
  .sub10 .section07 .col_wrap .col {
    padding: 40px 24px;
  }
  .sub10 .section07 .col_wrap .col h5 {
    margin: 0 0 20px;
    font-size: 20px;
  }
  .sub10 .section07 .col_wrap .col h5 span {
    font-size: 14px;
  }
  .sub10 .section07 .col_wrap .col:first-child:after {
    top: auto;
    left: 16px;
    right: auto;
    bottom: 0;
    width: calc(100% - 32px);
    height: 1px;
    transform: translateY(0);
  }
  .sub10 .section07 .col_wrap .col li {
    font-size: 14px;
  }
  .sub10 .section07 .col_wrap .col li:first-child {
    margin-bottom: 8px;
  }
  .sub10 .section07 .col_wrap .col li img {
    width: 28px;
  }

  /* 수출바우처 */
  .sub101 .section02 {
    background: none;
  }
  .sub101 .section02 .right {
    padding: 40px 15px;
    font-size: 20px;
  }
  .sub101 .section02 .right li {
    width: 47%;
    height: 100px;
    margin-left: 0;
    padding-top: 13px;
    border-top-color: #fff;
    font-size: 16px;
    color: #fff;
  }
  .sub101 .section02 .right li:nth-child(3n + 1) {
    margin-left: 0;
  }
  .sub101 .section02 .right li:nth-child(even) {
    margin-left: 6%;
  }
  .sub101 .section02 .right li span {
    font-size: 16px;
    line-height: 1;
    color: #666;
  }
  .sub101 .section04 .why_list > li dt .per {
    font-size: 32px;
  }
  .sub101 .section04 .why_list > li dt b {
    font-size: 14px;
  }
  .sub101 .section05 .step_list > li .text {
    font-size: 14px;
    line-height: 1.4;
  }
  .sub101 .section05 .step_list > li .text strong {
    display: block;
    padding: 0 0 5px;
  }
  .sub101 .section05 .step_list > li span strong {
    display: none;
  }
  .sub101 .section05 .lower .title {
    padding: 0;
  }

  /* 비대면바우처 */
  .sub102 .section02 .right {
    padding: 40px 16px;
    font-size: 20px;
    color: #fff;
    background-color: #000;
  }
  .sub102 .section03 .item_list > li h4 {
    padding: 0 0 18px;
  }
  .sub102 .section03 .item_list > li h4 img {
    width: 96px;
  }
  .sub102 .section04 .why_list > li dt b {
    padding: 8px 0 0;
    font-size: 32px;
  }
  .sub102 .section05 .col_wrap > * {
    margin: 0 0 40px;
  }
  .sub102 .section05 .upper .liner {
    padding: 20px 0 0;
  }
  .sub102 .section05 .step_list {
    margin: 0;
  }
  .sub102 .section03 .item_list > li:nth-child(1) {
    background-image: url(/images/img-box-06-2x.png);
  }
  .sub102 .section03 .item_list > li:nth-child(3) {
    background-image: url(/images/img-box-07-2x.png);
  }

  /* 20210526 */
  /* (공통) button */
  .btn_ty01.white {
    font-size: 14px;
    padding: 13px 30px;
  }
  /* 공통 상담바로가기 링크 */
  .request_form_link {
    height: 360px;
    background: url(/img/img-background-mo.png) no-repeat;
    background-size: cover;
  }
  .request_form_link h3 {
    font-size: 20px;
    line-height: 1.5;
    padding: 100px 0 60px;
  }

  /* sub111 */
  /* (공통) text */
  .sub111_text03 {
    font-size: 12px;
  }
  /* section01 */
  .sub111 .section01 .circle_wrap .circle {
    width: 180px;
    height: 180px;
    font-size: 14px;
  }
  .sub111 .section01 .circle_wrap .circle p {
    margin-top: 70px;
  }
  .sub111 .section01 .circle_wrap .circle_group .circle {
    width: 325px;
    height: 180px;
    margin: 50px auto;
    background: url(/images/img-green_circle.png) no-repeat 0 center,
      url(/images/img-blue_circle.png) no-repeat 100% center;
    background-size: contain;
    transform: translateX(0);
  }
  .sub111 .section01 .circle_wrap .circle_group .circle p:first-child {
    left: 34px;
  }
  .sub111 .section01 .circle_wrap .circle_group .circle p:last-child {
    right: 38px;
  }
  /* section03 */
  .sub111 .section03 iframe {
    height: 240px;
  }
  /* slide_content */
  .sub111 .slide_content .sub111_text02 {
    font-size: 24px;
  }
  .sub111 .slide_content .sub111_text04 {
    font-size: 14px;
  }
  .sub111 .slide_content .swiper-slide .img_wrap img,
  .sub111 .section05 .slide03 .img_wrap {
    width: 100%;
  }
  /* section05 */
  .sub111 .section05 .inner {
    padding-bottom: 140px;
  }
  .sub111 .section05 .slide03 img {
    left: 40px;
  }
  .sub111 .section05 .slide03 img.img01,
  .sub111 .section05 .slide03 img.img03 {
    right: 40px;
  }
  /* section06 */
  .sub111 .section06 .inner {
    padding-bottom: 140px;
  }
  .sub111 .section06 .slide06 .img_wrap img:first-child {
    width: 90%;
  }
  .sub111 .section06 .slide06 img.img02 {
    opacity: 0;
    left: -10px;
    bottom: -80px;
    width: 80%;
  }
  .sub111 .section06 .slide06.swiper-slide-active img.img02 {
    bottom: -65px;
  }
  /* section07 */
  .sub111 .section07 .slide08 .img_wrap {
    margin-top: 20px;
  }
  /* section10 */
  .sub111 .section10 ul li img {
    height: 260px;
  }
  /* download modal */
  #down_modal .modal {
    width: 80%;
    height: 590px;
    padding: 20px;
  }
  #down_modal .modal .modal_head span {
    right: -5px;
    top: -12px;
  }
  #down_modal .modal .modal_body .form-group label {
    font-size: 12px;
  }
  #down_modal .modal .modal_body .form-group input {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 8px;
  }
  #down_modal .modal .modal_body .form-group input::placeholder {
    font-size: 14px;
  }
  #down_modal .modal .modal_foot button {
    width: 140px;
    height: 45px;
    line-height: 45px;
  }
}
@media screen and (max-width: 320px) {
  .sub111_text02 {
    font-size: 18px;
  }
  .sub111 .section09 .list li .sub111_text05 {
    font-size: 14px;
  }
}

/*ellie - header 언어 스위치 추가*/
.lang {
  display: inline-block;
  margin-top: 30px;
}
.lang p {
  font-size: 15px;
  line-height: 22px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}
.lang #drop-content {
  display: none;
}
.lang {
  margin-right: 32px;
  position: relative;
}
.lang #drop-content {
  padding: 16px 20px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #ccc;
  position: absolute;
  top: 34px;
  left: 50%;
  transform: translateX(-50%);
}
.lang #drop-content li {
  padding: 0;
  margin-top: 0;
}
.lang #drop-content li a {
  padding: 6px 10px;
  font-size: 15px;
  font-weight: 700;
  color: #999;
}
.lang #drop-content li:first-child {
  margin-bottom: 6px;
}

/*국문 신규 페이지*/
.kor .pc-view {
  display: block;
}
.kor .mo-view {
  display: none;
}
.kor > div {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 20px;
}
.kor .section03 > div {
  padding: 80px 20px 30px;
}
.kor .section-title {
  position: relative;
  padding-left: 15px;
  font-size: 31px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 50px;
}
.kor .section-title::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  background-color: #1d336f;
  top: 0;
  left: 0;
}
.section01 ul {
  display: flex;
  justify-content: space-between;
}
.section01 ul li {
  width: calc(50% - 75px);
}

.section01 ul li img {
  width: 100%;
  height: 100%;
}
.section01 ul li .title {
  font-size: 42px;
  font-weight: 700;
  line-height: 61px;
}
.section01 ul li p:nth-child(2) {
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
  margin: 30px 0;
}
.section01 ul li .content {
  position: relative;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
  color: #8b8b8b;
  padding-left: 10px;
}
.section01 ul li .content::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #b8b8b8;
}
.section02 {
  background-color: #f4f4f4;
}
.section02 ul {
  display: flex;
  justify-content: space-between;
}
.section02 ul li {
  width: calc(20% - 20px);
  text-align: center;
  background-color: #fff;
  padding: 30px 20px;
  box-shadow: 2px 2px 14px 0px #00000012;
}
.section02 ul li .top {
  border-bottom: 1px solid #ccc;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.section02 ul li:first-child .top img,
.section02 ul li:nth-child(4) .top img {
  width: 100%;
}
.section02 ul li .top img {
  max-height: 60px;
  height: 60px;
}
.section02 ul li .name {
  margin-top: 14px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #222;
}
.section02 ul li .bottom {
  height: 108px;
}
.section02 ul li .bottom p {
  font-size: 18px;
  line-height: 26px;
  color: #222;
}
.kor.section03 > div {
  padding-bottom: 0;
}
.section03 .content:nth-child(2) {
  border-bottom: 1px solid #ccc;
}
.section03 .content .title {
  font-size: 42px;
  line-height: 61px;
  font-weight: 700;
  margin-bottom: 40px;
}
.section03 .circle-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.section03 .content02 .circle-box {
  margin-bottom: 30px;
}
.section03 .circle-box.right {
  justify-content: end;
}
.section03 .circle-box.right li:last-child {
  margin-left: 20px;
}
.section03 .circle-box > li {
  position: relative;
  width: calc(33% - 10px);
}
.section03 .circle-box.left > li:first-child .circle::after,
.section03 .circle-box.left > li:nth-child(2) .circle::after,
.section03 .content02 .circle-box > li:first-child .circle::after,
.section03 .content02 .circle-box > li:nth-child(2) .circle::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 100%;
  transform: translate(1.7%, -6%);
  background: url("/img/kor/icon_arrow.png") no-repeat;
  width: 100%;
  height: 100%;
}
.section03 .circle-box > li::after {
  padding-bottom: 100%;
  content: "";
  display: block;
}
.section03 .circle-box > li::before {
  position: absolute;
  content: "";
  width: 90%;
  height: 90%;
  background-color: #1d336f;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 12px;
}
.section03 .circle-box > li .circle {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #1d336f3d;
  border-radius: 12px;
  padding: 60px 20px 20px;
}
.section03 .circle .text-area {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  width: 90%;
}
.section03 .right .circle .text-area {
  top: 50%;
  transform: translate(-50%, -50%);
}
.section03 .circle .text-area .step {
  padding: 4px 20px;
  background-color: #fff;
  border-radius: 50px;
  font-size: 20px;
  line-height: 29px;
  color: #1d336f;
  width: fit-content;
  font-weight: 700;
  margin: 0 auto;
}
.section03 .circle .text-area ul {
  text-align: left;
  padding-left: 40px;
}
.section03 .circle .text-area ul li {
  font-size: 16px;
  line-height: 23px;
  font-weight: 500;
}
.section03 .circle .text-area ul li + li {
  margin-top: 12px;
}
.section03 .circle .text-area .title {
  font-size: 24px;
  line-height: 35px;
  font-weight: 700;
  margin: 20px 0;
}
.section03 .circle .text-area .sub-title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  margin-bottom: 10px;
}
.section03 .circle .text-area .content-text {
  font-size: 20px;
  line-height: 29px;
  font-weight: 500;
}
.section03 .content01 {
  padding-bottom: 80px;
}
.section03 .content02 {
  margin-top: 80px;
}
.section03 .content02 .circle-box > li::before,
.section03 .content02 .circle-box > li .circle {
  border-radius: 50%;
}
.section03 .content02 .text-area .title {
  margin: 30px 0 20px;
}
.section03 .content-img {
  display: none;
}

@media screen and (max-width: 1200px) {
  .kor .pc-view {
    display: none;
  }
  .kor .mo-view {
    display: block;
  }
  .section03 .circle-box {
    display: none;
  }
  .section03 .content-img {
    display: block;
    width: 100%;
  }
  .section03 .content01 {
    padding-bottom: 40px;
  }
  .section03 .content01 img {
    width: 100%;
  }
  .section03 .content:nth-child(2) .content-img {
    margin-bottom: 40px;
  }
  .section03 .content:nth-child(2) {
    border-bottom: none;
  }
  .section03 .content02 {
    margin-top: 0;
  }
}
@media screen and (max-width: 990px) {
  .kor > div {
    padding: 40px 20px;
  }
  .kor .section03 > div {
    padding: 40px 20px 0;
  }
  .kor .section-title {
    font-size: 22px;
    margin-bottom: 40px;
  }
  .section01 > div:first-child {
    border-bottom: 1px solid #ccc;
    padding-bottom: 129px;
  }
  .section01 ul {
    flex-direction: column;
  }
  .section01 ul li {
    width: 100%;
  }
  .section01 ul li:first-child {
    order: 2;
    margin-top: 20px;
  }
  .section01 ul li:last-child {
    margin-left: 0;
    order: 1;
  }
  .section01 ul.content-box-02 li:first-child {
    order: 1;
    margin: 0 0 20px;
  }
  .section01 ul li .title {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
  }
  .section01 ul li .title span {
    font-size: 26px;
    line-height: 38px;
  }
  .section01 ul li p:nth-child(2) {
    font-size: 15px;
    line-height: 22px;
    margin: 20px 0;
  }
  .section01 ul li .content {
    font-size: 13px;
    line-height: 19px;
  }
  .section02 ul {
    flex-wrap: wrap;
  }
  .section02 ul li {
    width: calc(50% - 10px);
    padding: 30px 10px;
  }
  .section02 ul li:not(:last-child) {
    margin-bottom: 20px;
  }
  .section02 ul li .top {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .section02 ul li .top img {
    width: 100%;
    height: 36px;
    max-height: 36px;
  }

  .section02 ul li:nth-child(2) img,
  .section02 ul li:last-child .top img {
    width: 43px;
  }
  .section02 ul li .name {
    margin-top: 10px;
    font-size: 13px;
    line-height: 19px;
  }
  .section02 ul li .bottom {
    height: 76px;
  }
  .section02 ul li .bottom p {
    font-size: 13px;
    line-height: 19px;
  }
  .section03 .content .title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .section03 .content .title span {
    font-size: 26px;
    line-height: 38px;
  }
}