@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url(https://use.fontawesome.com/releases/v5.7.0/css/all.css);
@charset "utf-8";

* {
  font-family: "Noto Sans KR", sans-serif;
}

/* Reset CSS  */
html {height: 100%;overflow-y: scroll;}
body {font-size: 14px;font-weight: 300;font-family: "Noto Sans KR", sans-serif;color: #333;overflow-x: hidden;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p {margin: 0px;padding: 0px;list-style: none;  word-break: keep-all;}
fieldset {border: 0px;}
a {font-style: normal;text-decoration: none;color: #555;}
hr, legend {height: 0;left: -5000px;line-height: 0;overflow-x: hidden;overflow-y: hidden;position: absolute;visibility: hidden;width: 0;}
caption {font-size: 0;height: 0;line-height: 0;visibility: hidden;  width: 0;}
* {-webkit-text-size-adjust: none;}
* {margin: 0;padding: 0;border: 0;outline: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img, video {max-width: 100%;  border: 0;  vertical-align: top;}
table {border-collapse: collapse;border-spacing: 0;border: 0px solid #E5E5E5;}
input, select {vertical-align: middle;}
label {  cursor: pointer;}
.blind, legend, hr, caption {display: block;overflow: hidden;position: absolute;top: 0;left: -1000em;}
i, em, address {font-style: normal;font-weight: normal;}
td, th {vertical-align: middle;}
td strong {font-weight: 100;font-size: 5px;vertical-align: bottom;}
a:hover {text-decoration: none;}
ul:after {content: "";display: block;clear: both;}
/*bbs*/
#container_title {display: none;}
#bo_list_total {display: none;}
#bo_v_table {display: none;}
#bo_vc_w {border-bottom: 0;}
#bo_vc {background: none;}

/************* css ******************/
.container {max-width: 1400px;margin: 0 auto;padding: 0 20px;box-sizing: border-box;position: relative;}
.container:after {content: "";display: block;clear: both;}
.content_pad{ padding: 100px 0;  min-height: 500px;}
.content_bottom{ padding-bottom: 80px;}
.clear::after{content: "";display: block;clear: both;}
.bbs_container {max-width: 1200px;margin: 0 auto;padding: 100px 20px;box-sizing: border-box;position: relative;}
.bbs_container:after {content: "";display: block;clear: both;}
/* g5 default */
#bo_gall *,
#bo_list *,
#bo_w *,
#bo_v *,
#bo_cate *,
#bo_sch * {box-sizing: border-box;}

/* site-header */
.site-header {height: 100px;line-height: 100px;transition: 0.3s;position: absolute;z-index: 30;left: 0;right: 0;top: 0;}
.h_container {max-width: 1400px;margin: 0 auto;padding: 0 20px;}
.site-header>div {overflow: hidden;}
.site-header:hover {background: #fff;}
.site-header:hover .logo .white {display: none;}
.site-header:hover .logo .color {  display: inline-block;}
.site-header:hover .gnb>ul>li>a {color: #333;}
.site-header .logo {float: left;padding-top: 28px;}
.site-header .logo a {display: block;}
.site-header .logo .white {display: inline-block;}
.site-header .logo .color {display: none;}
.site-header .mobile-menu {display: none;}
.site-header .gnb {float: right;}
.site-header .gnb>ul a {display: block;transition: 0.3s;}
.site-header .gnb>ul:before {content: "";position: absolute;left: 0;right: 0;top: 100px;height: 40px;background: #fff;display: block;display: none;border-top: 1px solid #ddd;}
.site-header .gnb>ul:hover:before {display: block;}
.site-header .gnb>ul>li:hover>a {color: #006aff;}
.site-header .gnb>ul>li:hover>ul {display: block;}
.site-header .gnb>ul>li>a {padding: 0 40px;font-size: 17px;color: #fff;letter-spacing: -0.5px;font-weight: 700;}
.site-header .gnb>ul>li:nth-child(2)>ul {margin-left: 22px;}
.site-header .gnb>ul>li>ul {display: none;position: absolute;line-height: 40px;margin-left: 20px;}
.site-header .gnb>ul>li>ul:after {content: "";display: block;clear: both;}
.site-header .gnb>ul>li>ul li {float: left;}
.site-header .gnb>ul>li>ul a {  padding: 0 20px;font-size: 15px;font-weight: 500;color: #444444;}
.site-header .gnb>ul>li>ul a:hover {color: #999;}

#mobile-btn{display:none ;position:absolute; z-index: 9999; right: 40px; top:50%; transform:translateY(-50%); cursor: pointer;}

#mobile-menu,
#mobile-menu span {display: inline-block; transition: all .4s;box-sizing: border-box;}
#mobile-menu {position: relative; width: 40px; height: 30px;}
#mobile-menu span {position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; border-radius: 2px;}

#mobile-menu span:nth-of-type(1) {top: 0;}
#mobile-menu span:nth-of-type(2) {top: 14px;}
#mobile-menu span:nth-of-type(3) {bottom: 0;}
#mobile-menu.active span{background-color: #000;}
#mobile-menu.active span:nth-of-type(1) {-webkit-transform: translateY(14px) rotate(-45deg); transform: translateY(14px) rotate(-45deg);}
#mobile-menu.active span:nth-of-type(2) {opacity: 0;}
#mobile-menu.active span:nth-of-type(3) {-webkit-transform: translateY(-14px) rotate(45deg);transform: translateY(-14px) rotate(45deg);}
.top_bar_fix {position: fixed;top: 0;left: 0;width: 100%;}
.pd_top_80 {padding-top: 80px;}
.top_con_zone {padding-top: 40px;margin-bottom: 40px;}

/* float */
.float-wrap>* {  float: left;}
.float-wrap:after {content: "";display: block;clear: both;}

/* main*/
#m_slider {overflow: hidden;position: relative;}
#m_slider .breadcrumb{position: absolute;left: 48.5%;  bottom: 3%;}
#m_slider .breadcrumb li{float:left;margin-right:5px;}
#m_slider .breadcrumb li span{width: 12px;height: 12px;display: block;border: 2px solid #fff;cursor: pointer;border-radius: 50px;}
#m_slider .breadcrumb li.on span{background: #fff;}
#m_slider .arrow {position: absolute;top: 48%;z-index: 99;cursor: pointer;display: none;}
#m_slider .prev {left: 40px;}
#m_slider .next {right: 40px;}
#m_slider .content {width: 400%;}
#m_slider .content li {text-align: center;width: 25%;float: left;min-height: calc(100vh)}
#m_slider .content li:nth-child(1){background:url(../img/m_slider01_bg.png)  no-repeat center center / cover;}
#m_slider .content li:nth-child(2){background:url(../img/m_slider02_bg.png)  no-repeat center center / cover;}
#m_slider .content li:nth-child(3){background:url(../img/m_slider03_bg.png)  no-repeat center center / cover;}
#m_slider .content li:nth-child(4){background:url(../img/m_slider01_bg.png)  no-repeat center center / cover;}
#m_slider .m_scroll{position: absolute;bottom: 150px;width: 150px;padding-bottom: 5px;font-size: 13px;color: #fff;letter-spacing: 3px;transform-origin: left bottom;transform: rotate(90deg);font-weight: 600;}
#m_slider .m_scroll::after{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #fff;
animation: 1s infinite alternate scrollguide;}
#m_slider .main_text {padding-top:250px;text-align: left;}
#m_slider .main_text h2 {color: #fff;font-size: 90px;padding-bottom: 50px;line-height: 107px;}
#m_slider .main_text h2 span {font-weight: 700;}

/*main-content*/
.main_text {padding-top: 50px;}
.main_text p{ font-size:20px; color: #919191; font-weight: 600; }
.main_text h2{ font-size: 63px; padding-bottom: 40px;}
.main_text.white{color: #fff;}
.main_text.white p{color: #fff;}
#main_wr{background: #fcfcfc;}
#main01.bg{background:url(../img/main01_bg.png)  no-repeat center center / cover;padding: 40px 0;}
#main01 .con01{float: left;width: 50%; padding-top: 60px}
#main01 .con02{float: right;}
#main01 .con02 img{border-radius: 20px;}


#main02 .con01{float: left;width: 50%;}
#main02 .con01 img{border-radius: 20px;}
#main02 .con02{float: left; padding-left: 100px;}
#main02 .con::after{content: "";display: block;clear: both;}

#main03.bg{background:url(../img/main-img03.png)  no-repeat left center / cover;padding: 150px 0;}
#main03::after{content: "";display: block;clear: both;}
#main03 .con01{float: right; }
#main03 .main_text{padding-top: 0;}

#main04.bg{background: #2d2d2e; text-align: center;}
#main04 .main_text{padding-top: 0;padding-bottom: 40px;}
#main04 .main_text h2{padding-bottom: 0;}
#main04 .main_text p{font-weight: 400;padding-bottom: 40px;}
#main04 .more_btn{margin: 0 auto;}

#main05.bg{background: #1e1e1e; }
#main05 .con01{float: left;padding-top: 40px}
#main05 .con02{float: right;width: 60%;}
#main05 .con02 ul li{float: left;width: 33.33%;padding: 10px;text-align: center;}
#main05 .con02 ul li div{background: #000;padding: 50px 20px;  color: #fff;    border-radius: 20px;}
#main05 .con02 ul li div a{display:block;}
#main05 .con02 ul li div:hover{background: #006aff;}
#main05 .con02 ul li h3{font-size: 24px;padding: 10px 0;}
#main05  .main_text h2{padding-bottom: 20px;}

.more_btn02{color: #fff;font-size: 16px;}
.more_btn{padding: 13px;color: #fff;display: block;background: #006aff;border-radius:100px;width: 190px;height: 52px;text-align: center;}
.more_btn:hover{color: #fff;background: #0044a5;transition: 0.3s;}
.more_btn.white{background: #fff;border: 1px solid #dcdcdc;color:#006aff;}
.more_btn.white:hover{background: #006aff;border: 1px solid #006aff;color: #fff;}

/* visual */
.visual {background: no-repeat center / cover;height: calc(520px);padding-top: 200px;position: relative;z-index: 20;text-align: center;}
.visual.bg1 {background-image: url(../img/bg-main1.png);}
.visual.bg2 {background-image: url(../img/bg-main2.png);}
.visual.bg2-2{background-image: url(../img/bg-main2-2.png);}
.visual.bg2-3{background-image: url(../img/bg-main2-3.png);}
.visual.bg2-4{background-image: url(../img/bg-main2-5.png);}
.visual.bg2-5{background-image: url(../img/bg-main2-5.png);}
.visual.bg3 {background-image: url(../img/bg-main3.png);}
.visual.bg4 {background-image: url(../img/bg-main4.png);}
.visual.bg5 {background-image: url(../img/bg-main5.png);}
.visual .visual-wrap {color: #fff;}
.visual .visual-title {font-size: 65px;font-weight: 400;}
.visual .slogan {font-size: 21px;}
.visual .route {text-align: center;margin-top: 20px;color: #fff;display: inline-block;font-size: 13px;font-weight: 100;}
.visual .route i {color: #fff;}
.visual .route a {color: #fff;}
.visual .route>* {float: left;}
.visual .route .arrow {margin: 0 10px;}

/* snb */
.snb {position: absolute;line-height: 65px;	height: 65px;background: rgba(0, 0, 0, 0.5);text-align: center;bottom: 0;left: 0;right: 0;}
.snb ul {display: inline-block;vertical-align: bottom;border: solid rgba(255, 255, 255, 0.25);border-width: 0 1px;}
.snb li {border-right: 1px solid rgba(255, 255, 255, 0.3);}
.snb li:first-child{border-left: 1px solid rgba(255, 255, 255, 0.3);}
.snb a {  display: block;width: 200px;font-size: 17px;font-weight: 500;color: #fff;}
.snb a.active {background: #ffffff;color: #333;font-weight: 700;}

/* sub content */
.content-sub p{font-size: 16px;line-height: 30px;font-weight: 400;color: #333;}

/*sub0101*/
#sub0101 .con01{text-align: center;}
#sub0101 .con01 h2{font-size: 40px;padding-bottom:40px;font-weight: 400;}
#sub0101 .con02{padding-top: 50px}
#sub0101 .con02 div{float: left;width: 50%;}
#sub0101 .con02 h3{font-size: 30px;}

/*sub0102*/
#sub0102{text-align: center;}


/*sub0104-location*/
#sub0104{ text-align: center; }
#sub0104 > div{margin-bottom: 30px;}
#sub0104 ul{padding-top: 40px;}
#sub0104 ul li span, #sub0104 span{  color: #006aff; font-weight: 500; font-size: 20px;}
#sub0104 ul li{float: left; width: 33.33%;border-left: 1px solid #ddd;}
#sub0104 ul li:first-child{border-left: 0}

/*sub0301*/
#sub0301 h2{font-size: 28px;padding-bottom: 5px;}
#sub0301 .con01 {text-align: center;}
#sub0301 .con01 h2{padding-bottom: 40px;}
#sub0301 .con01 .img{text-align: center;}
#sub0301 .content_bottom{padding-bottom: 100px;}

#sub0301 .bg{background-color: #f2f2f2;margin-bottom: 100px;}
#sub0301 .con02 > div{text-align: center; }
#sub0301 .con02 .text{padding-bottom: 40px;}
#sub0301 .con02 img{ padding-left: 20px;}
#sub0301 .con02 .outline{text-align: center; background: #f9f9f9; border-radius: 20px;;padding:30px;}
#sub0301 .con02 ul{padding-top: 40px;}
#sub0301 .con02 ul li{float: left; width: 50%;}
#sub0301 .con02 ul li h3{font-size: 20px; padding-bottom: 5px;}
#sub0301 .con02 ul li p{padding-bottom: 20px}

#sub0301 .con03 ul{ padding-top: 40px;}
#sub0301 .con03 ul li{float: left; width: 50%;}
#sub0301 .con03 ul li:first-child{padding-right: 80px;}
#sub0301 .con03 ul li p{padding-bottom: 40px;}

#sub0301 .con04 ul{ padding-top: 40px;}
#sub0301 .con04 ul li{float: left; width: 50%;}

#sub0301 .con05  p{padding-bottom: 30px;}
#sub0301 .con05 ul li{float: left; width: 50%;}
#sub0301 .con05 ul li:first-child{padding-right: 80px;}

#sub0301 .con06 h2 {margin-bottom: 30px;}
#sub0301 .con06 .con06_img {width: 55vw; margin: 0 auto;}

#sub0301 .con07 h2 {margin-bottom: 2vw; text-align: center;}
#sub0301 .con07 ul li {width: 48%; float: left; margin-right: 1vw;}
#sub0301 .con07 ul li .con07_img {width: 63%; margin: 0 auto;}
#sub0301 .con07 ul li .con07_img img {margin-bottom: 1vw; display: block;}

#sub0301 .con08 h2 {margin-bottom: 2vw;}
#sub0301 .con08 tbody {background-color: rgba(255,255,255,0.4);}

#sub0301 .con09 ul li{float: left; width: 50%;}
#sub0301 .con09 tbody {background-color: #f2f2f2;}
#sub0301 .con09 ul li:first-child{padding-right: 20px;}
#sub0301 .con09 ul li:last-child{padding-left: 20px;}
#sub0301 .con09 ul li p {float: right;}

/*sub0302*/
#sub0302 h2 {font-size: 32px; margin-bottom: 2vw;}
#sub0302 .c-table .bg0 {background-color: #f9f9f9;}
#sub0302 .c-table .bg1 {background-color: #f7f7f7;}
#sub0302 .c-table .bg2 {background-color: #f9f9f9;}
#sub0302 .c-table td {padding: 1vw;}
#sub0302 .con02 ul li {float: left;width: 23%; margin-right: 1.88vw; margin-bottom: 1vw;}
#sub0302 .con02 ul li:nth-child(4n) {margin-right: 0;}

.c-table{ width:100%; border-top:2px solid #000; font-size:14px;}
.c-table tr .pro_th_bg{ border-top: 2px solid #266096; padding: 15px 3px;text-align: center;}
.c-table tr th, .c-table tr td{padding: 20px;border-bottom:1px solid #ddd;font-size: 17px; text-align:center;}
.table_scroll{padding-bottom: 40px;}


/* sub0403 fields */
.fields {position: relative;}
.fields legend {font-size: 25px;margin-bottom: 15px;}
.fields legend:before {content: "";width: 5px;height: 23px;background: #e60021;display: inline-block;margin-right: 10px;vertical-align: middle;}
.fields .comment {position: absolute;right: 0;top: 0;}
.fields ul {border-top: 2px solid #151515;}
.fields li {display: flex;border-bottom: 1px solid #ddd;align-items: center;}
.fields .lbl {width: 25%;box-sizing: border-box;padding: 15px 30px;font-size: 19px;}
.fields .desc {width: 75%;padding: 15px;}
.fields .dxee-input {border: 1px solid #ddd;padding: 15px 10px;box-sizing: border-box;}
.fields .dxee-input.full {width: 100%;}
.fields .more_btn{margin: 0 auto;background: #151515;}
.fields .more_btn:hover{background: #033d8f;}
.btn-group {text-align: center;padding: 40px 0;}
.dxee-btn.main {background: #c30000;color: #fff;}
.dxee-btn.big {font-size: 19px;padding: 15px 30px;line-height: 1;}

/* footer*/
#footer {background: #151515;padding-bottom: 30px;margin: 0 auto;}
.ft_top {padding: 16px 0;border-bottom: 1px solid #555;}
.ft_top a {font-size: 14px;color: #a0a0a0;font-weight: 800;}
.ft_top ul {float: right; display: flex; width: 9%; }
.ft_top li {width: 100%; margin-left: 16px;}
.ft_bt {  padding-top: 24px;}
.ft_copy {color: #a0a0a0;float: left;line-height: 24px;}
.ft_logo {float: right;  padding-top: 20px;}

.mob_menu_close { display: none; color: #006aff; position: absolute; right: 12px; top: 12px; font-size: 18px; }
.mob_menu { display: none; color: #fff; font-size: 20px; padding-left: 20px; position: relative; top: 2px; }

@media (max-width:1379px) {
  #main01 .con02 {width: 50%;}
  .site-header .gnb>ul>li>ul a {padding: 0 15px;}
  .site-header .gnb>ul>li:nth-child(4)>ul {margin-left: -185px;}
}
@media (max-width:1200px) {
  .site-header .logo { width: 160px; padding-top: 0; }
  .site-header { line-height: normal; height: auto; }
  .site-header .gnb { padding-right: 0; float: none; position: fixed; right: -50%; top: 0; background: rgba(255,255,255,0.95); height: 100%; padding-top: 75px; width: 50%; box-shadow: -3px 0px 10px rgba(0, 0, 0, 0.3); transition: 0.3s; }
  .site-header .gnb.on { right: 0; }
  .site-header .gnb .float-wrap > * { float: none; }
  /* .site-header .gnb .float-wrap li > a { color: #333; font-size: 16px; font-weight: 400; padding: 5px 20px; } */
  .site-header .gnb .float-wrap li > a { color: #333; text-align: center;  font-size: 36px; font-weight: 400; padding: 15px 20px; }

  .site-header .gnb .float-wrap li ul { opacity: 0; }
  .site-header:hover { background: none; }
  .site-header .gnb>ul:before { opacity: 0; }
  .site-header .gnb>ul>li:hover>ul {display: none;}
  .mob_menu, .mob_menu_close { display: inline-block; }
  .h_container { padding: 15px; }
  .site-header:hover .langs > a { color: #fff; }
  .site-header:hover .logo .white { display: inline-block; }
  .site-header:hover .logo .color { display: none; }

  #m_slider .main_text h2 {font-size: 60px;line-height: 74px;}



  .snb li:first-child {border-left: none;}
  .snb li:last-child {border-right: none;}
  #mobile-btn{display:block;}
  #mobile-btn {right: 20px;top: 18px;transform: initial;}
  .site-header .gnb>ul:hover:before {display: none;}
  #m_slider .content li { min-height: 50vh; }
  .main_text{text-align: center;}
  .main_text h2 {font-size: 42px;padding-bottom: 25px;text-align: center;}
  #main01 .con01 {width: 100%;text-align: center;padding-top: 0;float: none;}
  #main01 .con02 {padding-top: 30px;float: none;width: initial;}
  #sub0101 .con01 h2 {font-size: 36px;}
  #main01 .con02 img {margin: 0 auto;display: block;}
  .content_pad {padding: 75px 0;}
  #main02 .con01 {width: 100%;float: none;}
  #main02 .con01 img {margin: 0 auto;display: block;}
  #main02 .con02 {padding-left: 0;width: 100%;float: none;}
  .content_bottom {padding-bottom: 45px;}
  .iframe{position: relative;padding: 56% 10px 0;width: 100%;height: 0;}
  .iframe > iframe{position: absolute;top: 0;left: 0; width: 100%; height: 100%;}
  #main02 .content_pad {padding: 0;}
  #main04 .main_text {padding-top: 40px;width: 100%}
  #main05 .con01 {padding-top: 20px;width: 100%;}
  #main05 .con02 {width: 100%;}
  #main_wr {overflow: hidden;}
  .ft_bt {padding-top: 12px;}
  .ft_logo {max-width: 150px;}
  .ft_top ul {width: auto; *display: none;}
  .ft_top li {margin-left: 8px;}
  .visual { padding-top: 130px; text-align: center; height: 400px; }
  .visual .visual-title { font-size: 48px; }
  #m_slider .main_text {padding-top: 90px;}
  .container {padding: 0 30px;}
  .snb a {width: 190px;}
  #sub0101 .con01 img:first-child  {width: 20px;}
  #sub0101 .con02 {padding-top: 25px;}
  #sub0101 .con02 div {width: 100%;text-align: center;}
  .content-sub p {padding-top: 15px;line-height: 26px !important;}
  .mc_con {margin-top: 0;margin-left: 0;}
  #sub0301 .content_bottom {padding-bottom: 50px;text-align: center;}
  #sub0301 .bg {margin-bottom: 50px;}
  #sub0301 .con02 img {padding-left: 0;}
  #sub0301 .con02 img:first-child  {padding-bottom: 25px;}
  #sub0301 .con02 .outline {padding: 10px;}
  #sub0301 .con02 ul {padding-top: 20px;}
  #sub0301 .con02 ul li {width: 100%;padding-bottom: 20px;}
  #sub0301 .con03 ul li:first-child {padding-right: 0;}
  #sub0301 .con03 ul li {width: 100%;}
  #sub0301 .con05{text-align: center;}
  #sub0301 .con05 ul li:first-child {padding-right: 0;}
  #sub0301 .con05 ul li {width: 100%;padding-bottom: 20px;}
  #sub0301 .con06 .con06_img {width: 100%;}
  #sub0301 .con06{text-align: center;}
  #sub0301 .con07 ul li {width: 100%;margin-right: 0;padding-bottom: 20px;}
  #sub0301 .con07 ul li .con07_img {width: 100%;}
  #sub0301 .con07 ul li .con07_img img {width: 100%;}
  #sub0301 .con09 ul li:first-child {padding-right: 0;}
  #sub0301 .con09 ul li:last-child {padding-left: 0;}
  #sub0301 .con09 ul li {width: 100%;}
  #sub0302 .con02 ul li {width: 33.3%;margin-right: 0;}
  .table_scroll {padding-bottom: 0;overflow-x: scroll;}
  .more_btn {margin: 0 auto;}











}
@media (max-width:768px) {
  #m_slider .prev{left: 16px;}
  #m_slider .next{right: 40px;}
  #m_slider .arrow{width: 30px;}
  #m_slider .breadcrumb {display: none;}
  .more_btn {width: 120px;height: 45px;margin: 0 auto;}
  .main_box_wr ul li { width: 100%; }
  .site-header .logo { width: 110px; padding-top: 10px; }
  .site-header { line-height: normal; height: auto; }
  .site-header .gnb { padding-right: 0; float: none; position: fixed; right: -50%; top: 0; background: rgba(255,255,255,0.95); height: 100%; padding-top: 65px; width: 50%; border-left: 1px solid #ddd; transition: 0.3s; }
  .site-header .gnb.on { right: 0; }
  .site-header .gnb .float-wrap > * { float: none; }
  .site-header .gnb .float-wrap li ul { opacity: 0; }
  .site-header:hover { background: none; }
  .site-header .gnb>ul:before { opacity: 0; }

  .site-header .gnb .float-wrap li > a { color: #333; font-size: 24px; font-weight: 400; padding: 15px 20px; }
  .mob_menu, .mob_menu_close { display: inline-block; }
  .h_container { padding: 15px; }
  .site-header:hover .langs > a { color: #fff; }
  .site-header:hover .logo .white { display: inline-block; }
  .site-header:hover .logo .color { display: none; }
  #m_slider .main_text img{    width: 158px;}
  #m_slider .main_text {padding-top: 100px; }
  #m_slider .main_text h2 {font-size: 32px;line-height: 40px;text-align: center;padding-bottom: 10px;}


  .main_text p {font-size: 24px;}
  .main_text h2 {font-size: 32px;padding-bottom: 15px;}

  .content_pad {padding: 0;min-height: auto;}
  #main05 .con02 ul li {width: 100%;}
  #sub0101 .con01 h2 {font-size: 30px;padding-bottom: 20px;}
  #sub0101 .con02 h3 {font-size: 22px;}
  #sub0301 h2 {font-size: 20px;text-align: center;}
  #sub0301 .con07 h2{font-size: 20px; text-align: center;}
  .c-table tr th, .c-table tr td {padding: 10px;font-size: 14px;}
  #sub0302 h2 {font-size: 22px;text-align: center;padding-bottom: 20px;}
  #sub0302 .con02 ul li {width: 50%;margin-right: 0;}
  .fields .lbl {width: 35%;padding: 10px 0;font-size: 16px;}
  .container {padding: 0 10px;}
  .fields .desc {width: 65%;padding: 15px 0;}
  .fields ul li:last-child{flex-direction: column;}
  .fields ul li:last-child .desc {width: 100%;}


  .m_scroll { display: none; }

  .main_top { padding: 40px 0; }
  .main_top p { font-size: 14px; line-height: 22px; }
  .main_box01, .main_box04 { padding: 30px; height: auto; text-align: center; }
  .main_box01 span, .main_box04 span { margin-top: 45px; }
  .main_box_wr h2 { font-size: 24px; }
  .main_box_wr p { font-size: 14px; line-height: 22px; font-weight: 300; }
  .main_box02, .main_box03 { display: none; }
  .main_box_wr h2:after { margin: 19px auto; }
  .main_con02_wr .main_con02 { width: 100%; }
  .main_con02_wr { padding: 30px 20px; }
  .main_box_wr.container { padding: 0; }
  .main_con03_wr { padding: 40px 0;  }
  .main_con03_wr p { font-size: 14px; font-weight: 300; }
  .ft_top { text-align: center; padding: 40px 0;}
  .ft_bt.container { text-align: center; padding-top: 0; }
  .ft_top a { font-weight: 400; float: left; }
  .ft_logo { width: 100px;float: none; padding-bottom: 20px; margin: 0 auto;}
  .ft_copy { text-align: center;font-size: 14px; letter-spacing: -1px; line-height: 22px;width: 100%;}
  .visual { padding-top: 75px; text-align: center; height: 250px; }
  .visual .visual-title { font-size: 32px; margin-bottom: 0; }
  .visual .route { display: none;margin-top: 8px; }
  .snb ul { display: block; }
  .snb li {width: 50%;float: none; display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
  .snb li:nth-child(odd) {border-right: 1px solid rgba(255, 255, 255, 0.3);border-left:none;}
  .snb li:nth-child(even) {border-right:none;}
  .snb li:nth-child(3), .snb li:nth-child(4){border-bottom:none;}
  .snb a { width: auto; padding: 6px 8px; font-size: 16px; }
  .snb { height: auto; line-height: normal; }
  .content-sub { padding: 60px 10px; }
  .content-sub .sub-title p { font-size: 16px; line-height: normal; }
  .content-sub .sub-title .content-title { font-size: 26px; margin-bottom: 0; }
  #sub0403 .s_ceo_tex { width: 100%; padding-right: 0; float: none; }
  .content-sub p { font-size: 14px; line-height: normal; float: none !important;}
  #sub0403 .s_ceo_tex h2 { font-size: 15px; line-height: normal; }
  .s_ceo_img { padding-top: 30px; }
  #sub0403 .s_ceo_img02 { display: none; }
  #sub0403 { padding-bottom: 0; }
  .s_ceo_sign { text-align: right; padding-top: 20px; }
  .moto_wr { padding-top: 20px; padding-bottom: 30px; }
  .company-table tr th, .company-table tr td { padding: 5px 8px; font-size: 12px; width: auto; text-align: left; border: 1px solid #eee; }
  .history-content>li { width: auto; }
  .history-content>li:before, .history-content:after, .history-content:before, .history-content>li dt:before { display: none; }
  .history-content { padding-top: 20px; }
  .history-content>li dt { font-size: 26px; padding-bottom: 10px; }
  .history-content>li p .month { font-size: 14px; width: 100px; }
  .history-content>li p { line-height: normal; }
  #sub0104 ul li{float: left; width: 100%;border:none;}
  .contents_nav { margin-top: 30px; }
  .contents_nav li { font-size: 11px; letter-spacing: -0.5px; }
  .content-sub .pro_wr > div:nth-of-type(1) ul li { width: 100%; padding: 0; }
  .content-sub .pro_wr > div:nth-of-type(1) ul { padding: 20px 0; }
  .content-sub .pro_wr > div:nth-of-type(1) ul li h2 { padding-top: 20px; }
  .content-sub .pro_wr p { line-height: normal; }
  .content-sub .pro_wr > div:nth-of-type(2) img { padding-top: 50px; }
  .content-sub .pro_wr { padding-bottom: 30px; }
  .content-sub .pro_wr > div:nth-of-type(2) h2 { padding-top: 30px; }
  .content-sub .pro_wr > div:nth-of-type(3) h3 { font-size: 12px; padding-top: 5px; padding-bottom: 20px; }
  #sub0201 .con03 .con0301 ul li  { width: 100%; }
  .content-sub .pro_wr > div:nth-of-type(3) ul { padding-top: 30px; }
  .content-sub .pro_wr > div:nth-of-type(3) h2 { padding-top: 0; }
  .pro_cate { padding-top: 20px; padding-bottom: 50px; }
  .pro_cate li h1 { margin-top: -15px; }
  .tbl_wrap { padding-top: 20px; }
}