@charset "UTF-8";
/* **************************************************************************** */
/*	@CreateDate   :   */
/*	@ModifyDate   :             */
/*	@Description  : scss build  */
/*	@Author       :         */
/* ***************************************************************************** */
/* ==================================================MEDIAQUERY GRAMMER============================================================== */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap"); 
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

big, strong, b, dt, th {
  font-weight: 400;
}

body {
  font-family: 'Roboto','NotoSans', sans-serif;
  overflow-x:hidden;
}

html {
      /* Prevent font scaling in landscape */
    -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
    -moz-text-size-adjust: none; /*Firefox*/
    -ms-text-size-adjust: none;  /*Ie*/
    -o-text-size-adjust: none; /*old versions of Opera*/
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
article, aside, canvas, details, embed, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img, fieldset, form, label, legend, figure, figcaption, input, button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

select {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
}

img {
  line-height: 0;
  font-size: 0;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}
 

table {
  table-layout: fixed;
  empty-cells: show;
  border-collapse: collapse;
  border: 0;
  border-spacing: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
br { letter-spacing: 0; } 
button {
  cursor: pointer;
  font-family: 'NotoSans', sans-serif;
  font-weight: 400;
}

input, select {
  font-family: 'NotoSans', sans-serif;
}

input::-webkit-input-placeholder {
  font-family: 'NotoSans', sans-serif;
  font-weight: 300;
}

textarea {
  font-family: 'NotoSans', sans-serif;
  resize: none;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 300;
  border: 1px solid #d5d5d6;
  padding: 1.429em 2.143em;
  color: #666;
  background: #f5f6f8;
  border-radius: 5px;
  letter-spacing: -0.03rem;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}

a {
  text-decoration: none;
  color: inherit;
}
 
/* Skip Navigation */
.skip_nav {font-family:dotum;text-align:left;margin:0;padding:0;position:absolute;} /*All incl Opera*/
.skip_nav {display:block;} /*Seen by IE*/
:root .skip_nav {display:block;} /*Seen by Moz, FF and Safari*/
.skip_nav a {position:absolute;left:-200em;width:14em;padding:0 0.5em;display:inline;text-decoration:none;z-index:1000;}
.skip_nav a:focus, .skip_nav a:active {position:absolute;left:0;padding:10px;border:solid #333 1px;color:#fff;background:#000;}
.skip_nav a:hover {cursor:default;}
.btn_down{position:absolute; bottom:0; text-indent:-9999px}


/* IE 6/7 .clearfix { zoom: 1; } */
.skip a {
  display: block;
  height: 1px;
  width: 1px;
  margin: 0 -1px -1px 0;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.skip a:hover, .skip a:active, .skip a:focus {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 10px 0;
  text-indent: 10px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  line-height: 1;
  text-decoration: none !important;
  position: relative;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
}

caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.hidden,
legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

select {
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
}

select::-ms-expand {
  display: none;
}

input[type="text"],
input[type="tel"] {
  background: #fff;
}

input[placeholder]::-webkit-input-placeholder,
textarea[placeholder]::-webkit-input-placeholder {
  color: #666;
}

input[placeholder]:-moz-placeholder,
textarea[placeholder]:-moz-placeholder {
  color: #666;
}

input[placeholder]::-moz-placeholder,
textarea[placeholder]::-moz-placeholder {
  color: #666;
}

input[placeholder]:-ms-input-placeholder,
textarea[placeholder]:-ms-input-placeholder {
  color: #666;
}

input[placeholder].placeholder,
textarea[placeholder].placeholder {
  color: #666;
}

html {
  font-size: 62.5%;
  overflow: auto;
  position: relative;
  min-height: 100%;
}

html.sc-lock,
body.sc-lock{
  overflow-y: hidden !important;
}

body {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: -0.03rem;
  color: #333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
  margin: 0;
  padding: 0;
  height: 100%;
  word-break: keep-all;
  letter-spacing: -0.03em;
  overflow: hidden;
}

body.fp-viewing-Main .sc-top {
  display: none;
}
 

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.skip {
  width: 100%;
}

.skip .skip a {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);
  text-align: center;
  color: #fff;
  z-index: 10000;
  line-height: 35px;
  top: -35px;
  opacity: 0;
}

.skip .skip a:focus {
  opacity: 1;
}

.clear:before, .clear:after {
  content: "";
  display: table;
}

.clear:after {
  clear: both;
}

.cell_box {
  display: table-cell;
  vertical-align: middle;
}

.inner {
  max-width: 1280px;
  margin: 0 auto;
}

.c-hl {
  color: #00aeef;
}

.v-more {
  font-size: 16px;
  display: block;
  margin: 40px auto 0;
  width: 200px;
  height: 55px;
  color: #00aeef;
  text-align: center;
  line-height:55px;
  border: 1px solid #00aeef;
  background: #fff;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

.v-more:hover {
  background: #00aeef;
  color: #fff;
  border-color: transparent;
}

/* menu */
/* sitemap */
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  height: 80px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  text-align: center;
}

.header .logo {
  position: absolute;
  left: 50px;
  top: 14px;
  display: block;
  width: 182px;
  height: 48px;
  background: url("/static/images/logo_w.png") no-repeat 50%;
}

.header.on:after {
  opacity: 1;
  transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
  -moz-transition: all ease .6s;
  -ms-transition: all ease .6s; 
	content:''; 
	width:100%; 
	height:1px;
	background:#e8e8e8;
	position:absolute;
	left:0;
	top:80px;
}
   
.header:before {
  content: '';
  width: 100%;
  height: 80px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0;
  transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
  -moz-transition: all ease .6s;
  -ms-transition: all ease .6s;
}

.header.on {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
  background: #fff;
}

.header.on .hd_link{
	border-left:1px solid #e8e8e8
}
.header.on .hd_link a{
	color:#333; 
}
.header.on .hd_link a:before{
	background: url("/static/images/ic_notice.png") no-repeat 0 0; 
}
.header.on:before {
  opacity: 1;
}

.header.on .logo {
  background-image: url("/static/images/logo.png");
}

.header.on .nav:after {
  display: none;
}

.header.on .nav > li > h2 {
  color: #333;
}

.header.on .nav > li > h2 a {
  color: #333;
}

.header.on .nav > li:hover > h2 {
  color: #0078c2;
}

.header.on .nav > li:hover > h2 a,
.header.on .nav > li > h2 a:focus{
  color: #0078c2;
}

.hd_link {
  width: 165px;
  height: 80px; 
  z-index: 2;
  position: absolute;
  right: 80px;
  top: 0;
  line-height: 80px;
  border-left:1px solid rgba(255, 255, 255, 0.15)
}

.hd_link a {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-size: 18px;
  display: block;
  height: 100%;
  cursor:pointer;
}
.hd_link a:before{
	content:'';
	width:18px;
	height:20px;
	display:inline-block;
	background:url('/static/images/ic_notice_w.png') no-repeat 0 0;
	vertical-align:middle;
	margin-top:-2px;
	margin-right:10px;
}

.hd_notice_pop{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:url('/static/images/hnp_bg.png') #162d48 no-repeat right 10% bottom;
	z-index:999;
	color:#fff; 
	display:none;
	text-align:left;
}
.hd_notice_pop .hnp_close{text-indent:-9999px; width:50px; height:50px; background:url('/static/images/ic_close_w.png') no-repeat center center; position:absolute; right:20px; top:20px; cursor:pointer;}
.hd_notice_pop h3{font-size:24px; font-weight:500; padding:10px 0 10px 30px; background:url('/static/images/ic_notice.png') no-repeat left center;}
.hd_notice_pop h3 small{font-size:14px; vertical-align:baseline; }
.hd_notice_pop .hnp_list{max-width:1280px; margin:0 auto; width:95%;  padding:25px 0 50px;}
.hd_notice_pop .hnp_list li{border-top:1px solid rgba(255,255,255,0.2); overflow:hidden; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
.hd_notice_pop .hnp_list li:last-child{border-bottom:1px solid rgba(255,255,255,0.2);}
.hd_notice_pop .hnp_list li a{padding:15px; display:block; font-size:16px; 
position:relative; color:rgba(255,255,255,0.6); 
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.hd_notice_pop .hnp_list li a:hover{color:#fff;}
.hd_notice_pop .hnp_list li a img{vertical-align:middle; margin-left:5px; margin-top:-3px}
.hd_notice_pop .hnp_list li .date{font-size:15px; float:right; font-weight:300;}


.header.stm-hd {
  background: #fff;
  border-bottom: 0;
  box-shadow: unset;
}

.header.stm-hd:after {
	content: unset;
}

.header.stm-hd .hd_link {
  display: none;
}

.header.stm-hd .logo {
  background-image: url("/static/images/logo.png");
}

.header.stm-hd .nav {
  display: none;
}

.header.stm-hd .lang {
  display: none;
}

.nav {
  display: inline-block;
}

.nav:after {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  position: fixed;
  left: 0;
  top: 80px;
}

.nav > li {
  float: left;
  position:relative;
}

.nav > li h2 {
  color: #fff;
  font-size: 18px;
  padding: 0 35px;
  line-height: 80px;
  font-weight: bold;
  position: relative;
  z-index: 2;
  font-weight: 500;
  cursor: pointer;
}

.nav > li h3 {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.nav > li h3 a {
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  font-weight: 400;
}

.nav > li h3 a:hover,
.nav > li h3 a:focus{
  color: #00aeef;
}

.nav > li > a {
  color: #666;
  font-size: 15px;
}

.nav > li > .depth {
  width: 100%;
  height: 0;
  padding: 0;
  overflow: hidden;
  min-width:1040px;
  position: absolute;
  top: 80px;
  left: 0;
  text-align: center;
}

.nav > li > .depth ul {
  height: 100%; 
  text-align:left;
}
  
.nav > li > .depth ul > li {
  display: inline-block;
  text-align: left;
  padding: 20px 35px;
  opacity: 0;
  transition: all ease .6s;
  -webkit-transition: all ease .6s;
  -o-transition: all ease .6s;
  -moz-transition: all ease .6s;
  -ms-transition: all ease .6s;
  position: relative;
  z-index: 2;
}

.nav > li > .depth ul > li:not(:last-of-type):after {
  content: '';
  position: absolute;
  right: 0;
  top:25px;
  width: 1px;
  height: 16px;
  background: #ddd;
}

.nav > li > .depth ul > li > h3 { 
  font-size: 17px;
}

.nav > li > .depth ul > li > a {
  display: block;
  padding: 5px 10px 5px 0;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  position: relative;
}

.nav > li > .depth ul > li > a:hover {
  color: #00aeef;
  padding: 5px 0 5px 10px;
}

.nav > li > .depth ul > li > a:hover:before {
  left: 0;
  opacity: 1;
}

.nav > li > .depth ul > li > a:before {
  content: '';
  background: #00aeef;
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 13px;
  opacity: 0;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

.nav > li.open .depth {
  height: 67px; 
  background: #fff;
}

.nav > li.open > div {
  text-align: left;
  padding-top: 0;
}

.nav > li.open > div ul > li {
  opacity: 1;
}

.btn-category {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  cursor: pointer; 
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.header.on .btn-category,
.btn-category.map{ 
  background: #00aeef; 
}

.btn-category .bar {
  max-width: 30px;
  position: absolute;
  right: 24px;
  width: 100%;
  height: 2px;
  border: 0;
  background: #fff;
  -webkit-transition: opacity 0.3s, top 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, top 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, top 0.3s, transform 0.5s;
  transition: opacity 0.3s, top 0.3s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 0.3s, 0.3s, 0s;
          transition-delay: 0.3s, 0.3s, 0s;
}

.btn-category .bar:nth-child(1) {
  top: 31px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.btn-category .bar:nth-child(2) {
  top: 40px;
  opacity: 1;
  width: 60%;
}

.btn-category .bar:nth-child(3) {
  top: 49px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
 

.btn-category.map .bar {
  background: #fff;
  -webkit-transition: background 1s, opacity 0.3s, top 0.3s, -webkit-transform 0.5s;
  transition: background 1s, opacity 0.3s, top 0.3s, -webkit-transform 0.5s;
  transition: background 1s, opacity 0.3s, top 0.3s, transform 0.5s;
  transition: background 1s, opacity 0.3s, top 0.3s, transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 0s, 0s, 0s, 0.3s;
          transition-delay: 0s, 0s, 0s, 0.3s;
  z-index: 1;
}

.btn-category.map .bar:nth-child(1) {
  top: 40px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.btn-category.map .bar:nth-child(2) {
  opacity: 0;
}

.btn-category.map .bar:nth-child(3) {
  top: 40px;
  background: #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#sitemap {
  position: fixed;
  top: -100%;
  width: 100%;
  height: 462px;
  background: #fff; 
  z-index: 99;
  transition: all ease .5s;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  overflow: hidden; 
  border-bottom: 1px solid #dad9d9;
}

#sitemap > ul {
  width:100%;
  max-width: 1112px;
  overflow: hidden;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

#sitemap > ul > li {
  float: left;
  width: 16%;
  overflow: hidden;
}

#sitemap > ul > li:nth-of-type(3) {
  width: 20%;
}

#sitemap > ul > li h2 {
  font-size: 22px;
  color: #333;
  width: 100%;
  margin-bottom: 23px;
  font-weight:500;
}

#sitemap > ul > li h3 a {
  display:block;
  font-size: 15px;
  color:#333;
  font-weight:400;
  padding: 12px 0;
}

#sitemap > ul > li h3 a:hover {
  color: #41aced; 
}

#sitemap > ul > li > ul > li > a {
  color: #999;
  font-size: 15px;
  padding: 7px 0;
  display: block;
  display: block;
  padding: 5px 10px 5px 0;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  color: #666;
  font-size: 14px;
  font-weight: 300;
  position: relative;
}
#sitemap > ul > li > ul > li:last-child{margin-right:0;}
#sitemap > ul > li > ul > li > a:hover {
  color: #00aeef;
  padding: 5px 0 5px 10px;
}

#sitemap > ul > li > ul > li > a:hover:before {
  left: 0;
  opacity: 1;
}

#sitemap > ul > li > ul > li > a:before {
  content: '';
  background: #00aeef;
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  position: absolute;
  left: -10px;
  top: 13px;
  opacity: 0;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

#sitemap.open {
  top: 79px;
  transition: all ease .5s;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5s;
  -moz-transition: all ease .5s;
  -ms-transition: all ease .5s;
  /* right: 0;
  right: 0; */
}

.quick {
  position: fixed;
  right: 50px;
  bottom: 50px;
  z-index: 101;
}

.quick a, .quick button {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  display: block;
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 3px 3px 10px 0px rgba(1, 1, 1, 0.15);
          box-shadow: 3px 3px 10px 0px rgba(1, 1, 1, 0.15);
}

.quick a:not(:first-child), .quick button:not(:first-child) {
  margin-top: 10px;
}

.quick a span, .quick button span {
  position: relative;
  padding-top: 45.5px;
  display: block;
}

.quick a span:before, .quick button span:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  background: no-repeat center center / 100%;
}

.quick a.btn-q01, .quick button.btn-q01 {
  background: #00aeef;
}
.quick a.btn-q00, .quick button.btn-q00 {
  background: #0072bd;
}

.quick a.btn-q00 span:before, .quick button.btn-q00 span:before {
  top: 17px;
  width: 25px;
  height: 25px;
  background-image: url("/static/images/quick-ico00.png");
}
.quick a.btn-q01 span:before, .quick button.btn-q01 span:before {
  top: 17px;
  width: 21px;
  height: 22px;
  background-image: url("/static/images/quick-ico01.png");
}

.quick a.btn-q02, .quick button.btn-q02 {
  background: #f26522;
}

.quick a.btn-q02 span:before, .quick button.btn-q02 span:before {
  top: 20px;
  width: 22px;
  height: 19px;
  background-image: url("/static/images/quick-ico02.png");
}

.quick a.btn-q03, .quick button.btn-q03 {
  background: url("/static/images/sc-top.png") rgba(1, 1, 1, 0.5) no-repeat center center/15px;
}

.quick a.btn-q03 span, .quick button.btn-q03 span {
  display: block;
  text-indent: -9999px;
}

.quick a.btn-q03 span:before, .quick button.btn-q03 span:before {
  content: none;
}
 


.pop_layer{position:absolute; top:0; left:0; z-index:999; width:100%;}
.pop_layer .checkbox{position:relative; padding:20px; background:#fff;}
.pop_layer input[type=checkbox]{ width: 20px; cursor: pointer; height: 20px; display: block; position: absolute; top: 0; left: 0; margin: 0;z-index: 1;opacity: 0; }
.pop_layer input[type=checkbox]+ label{position:relative; font-weight: normal;  padding:0 0 0 35px; display:block; height:20px; font-size:14px;}
.pop_layer input[type=checkbox]+ label:before {content: ""; display: inline-block; width:20px; height:20px; background:url('/static/images/pop_ck_off.png')no-repeat 50% 50%; position:absolute; top:0; left:0;}
.pop_layer input[type=checkbox]:checked + label:before {content: ""; background:url('/static/images/pop_ck_on.png')no-repeat 50% 50%; width:20px; height:20px;}
.pop_layer .pop_01{border:1px solid #ddd; display:inline-block; position:absolute;  top:100px; right:200px;}
.pop_close{
  display: block;
  text-indent: -9999px;
  position: absolute;
  right: 18px;
  top: 18px;
  width: 25px;
  height: 25px;
  background: url("/static/images/sub/close-g.png") no-repeat center center/100%;
 }




.footer {
  position: relative;
  z-index: 2;
}

.footerBottom {
  background: #222222;
  color: #ddd;
  font-size: 14px;
}

.footerBottom .ft-link {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.footerBottom .ft-wr {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
 

.footerBottom .ft-wr:before, .footerBottom .ft-wr:after {
  content: "";
  display: table;
}

.footerBottom .ft-wr:after {
  clear: both;
}

.footerBottom .ft-wr .ft-navigator {
  float: left;
  padding: 30px 0;
  position: relative;
  font-size: 0;
}

.footerBottom .ft-wr .ft-navigator li {
  display: inline-block;
}

.footerBottom .ft-wr .ft-navigator li a {
	display:inline-block; 
  font-size: 14px;
  color: #ddd;
  margin-right: 18px;
  position: relative;
}
.footerBottom .ft-wr .ft-navigator li:first-child a{
	font-weight:600;
	color:#fff;
}
.footerBottom .ft-wr .ft-navigator li a:after {
  content: '';
  width: 1px;
  height: 10px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  right: -10px;
  top: 5px;
}

.footerBottom .ft-wr .ft-navigator li a:last-child:after {
  display: none;
}

.footerBottom .ft-wr .familysite {
  float: right;
  margin-top: 18px;
  z-index: 10;
}

.footerBottom .ft-wr .familysite h3 {
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 11px 20px 11px 20px;
  font-weight: 300;
  font-size: 14px;
  cursor: pointer;
  background: url("/static/images/arr_top.png") no-repeat center right 20px;
  width: 180px;
}
.footerBottom .ft-wr .familysite h3.on{
  background: url("/static/images/arr_btm.png") no-repeat center right 20px;
}

.footerBottom .ft-wr .familysite > .fam-w {
  background: #fff;
  position: absolute;
  width: 2000px;
  left: 50%;
  margin-left: -1000px;
  bottom: 100%; 
  -webkit-box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.1);
          box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.1);
  height:0; 
  transition:all ease .5s;
  overflow:hidden;
}
.footerBottom .ft-wr .familysite > .fam-w.open{height:284px; }
.footerBottom .ft-wr .familysite > .fam-w .close{display:block; position:absolute; right:-20px; top:15px; z-index:2} 

.footerBottom .ft-wr .familysite > .fam-w .fam-list-w {
  max-width: 1280px;
  margin: 0 auto;
  padding: 50px 0; 
  position:relative;
}

.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li {
  float: left;
  width: 16.66666666666667%;
  min-height: 184px;
  position: relative;
  z-index: 2;
}

.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li:not(:first-of-type) {
  padding-left: 30px;
  border-left: 1px solid #ddd;
}

.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li h4 {
  font-size: 18px;
  font-weight: 500;
  display: block;
  color: #000;
  margin-bottom: 20px;
}

.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li > .fam-list > li > a {
  display: block;
  font-size: 15px;
  color: #666;
  padding: 5px 0;
}

.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li > .fam-list > li > a:hover, .footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li > .fam-list > li > a:focus {
  color: #0072bd;
}

.ft-bi{
	float:right;
	width:120px;
	padding:30px 0;
}
.ft-bi a{margin:0 0 5px; display:block;}


.ft-info {
  float:left;
  padding: 30px 0 50px;
  position: relative;
  padding-left: 200px;
  width: calc(100% - 140px);
  width: -moz-calc(100% - 140px);
  width: -webkit-calc(100% - 140px);
  width: -o-calc(100% - 140px);
  width: -ms-calc(100% - 140px);
}

.ft-info p {
  position: relative;
  padding: 5px 0 5px 100px;
  font-weight: 300; 
}

.ft-info p span {
  position: absolute;
  color: #eee;
  left: 0;
  top: 5px;
}

.ft-info p b {
  color: #888;
  font-weight: 300;
  vertical-align: baseline;
  margin: 0 7px;
}
.ft-info p b:nth-of-type(1){
	margin-left:0;
}

.ft-info p.copy {
  color: #888;
  padding: 20px 0 0;
  text-indent:0;
}

.ft-logo {
  position: absolute;
  top: 30px;
  left: 0;
}

.fp-section.fp-table {
  overflow: inherit !important;
}

.fp-slide.fp-table {
  overflow: inherit !important;
}

.agreeParagraph:before, .agreeParagraph:after {
  content: "";
  display: table;
}

.agreeParagraph:after {
  clear: both;
}

.chk_wrapper {
  position: relative;
  display: inline-block;
}

/*style label to give some more space*/
.chk_wrapper label {
  display: block;
  padding-left: 24px;
}

/*style and hide original checkbox*/
.chk_wrapper input {
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  opacity: 0;
}

/*position new box*/
.chk_wrapper input + label::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #858585;
}

/*svg background styles*/
.chk_wrapper input + label::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 3px;
  display: block;
  opacity: 0;
  width: 11px;
  height: 11px;
  background: url("static/images/common/checked.png") no-repeat;
}

/*reveal check for 'on' state*/
.chk_wrapper input:checked + label::after {
  opacity: 1;
}

/*focus styles*/
.chk_wrapper input:focus + label::before {
  -webkit-box-shadow: 0 0 0 2px #000;
          box-shadow: 0 0 0 2px #000;
  outline: 2px solid transparent;
  /* For Windows high contrast mode. */
}

.radio_wrapper {
  position: relative;
  display: inline-block;
}

/*style label to give some more space*/
.radio_wrapper label {
  display: block;
  padding-left: 24px;
}

/*style and hide original checkbox*/
.radio_wrapper input {
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  opacity: 0;
}

/*position new box*/
.radio_wrapper input + label::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #858585;
  border-radius: 50%;
}

/*radio pseudo element styles*/
.radio_wrapper input + label::after {
  content: "";
  opacity: 0;
  border: 4px solid;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 7px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

/*reveal check for 'on' state*/
.radio_wrapper input:checked + label::after {
  opacity: 1;
}

/*focus styles*/
.radio_wrapper input:focus + label::before {
  -webkit-box-shadow: 0 0 0 3px #ffbf47;
          box-shadow: 0 0 0 3px #ffbf47;
  outline: 3px solid transparent;
  /* For Windows high contrast mode. */
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-list, .slick-track {
  height: 100%;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.main-visual {
  height: 100%;
  position:relative;
}

.main-visual .in .item .item-bg::after{
	content:'';
	width:100%;
	height:100%;
	/* background:rgba(0,0,0,0.2); */
	position:absolute; 
	left:0;
	top:0;
	z-index:1;
}
.main-visual .in {
  height: 100%;
  overflow: hidden;
}

.main-visual .in .item {
  height: 100%;
  background: #000;
  position: relative;
  overflow: hidden;
}

.main-visual .in .item.active-item .item-bg {
  -webkit-transform: scale(1, 1) rotate(0.001deg);
  transform: scale(1, 1) rotate(0.001deg);
}

.main-visual .in .item.active-item .mask {
  width: 0 !important;
  opacity: 0 !important;
}

.main-visual .in .item .mask {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  opacity: 1;
  border-left: 1px #000 solid;
  background-color: #000;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  z-index: 100;
}

.main-visual .in .item .mask-a {
  left: 0;
  width: 25%;
  -webkit-transition: width 0.4s 0.4s, opacity 0.4s 0.8s;
  transition: width 0.4s 0.4s, opacity 0.4s 0.8s;
}

.main-visual .in .item .mask-b {
  left: 25%;
  width: 25%;
  -webkit-transition: width 0.4s 0.4s, opacity 0.4s 0.8s;
  transition: width 0.4s 0.4s, opacity 0.4s 0.8s;
}

.main-visual .in .item .mask-c {
  left: 50%;
  width: 25%;
  -webkit-transition: width 0.4s 0.4s, opacity 0.4s 0.8s;
  transition: width 0.4s 0.4s, opacity 0.4s 0.8s;
}

.main-visual .in .item .mask-d {
  left: 75%;
  width: 25%;
  -webkit-transition: width 0.4s 0.4s, opacity 0.6s 0.8s;
  transition: width 0.4s 0.4s, opacity 0.6s 0.8s;
}
 
.main-visual .in .item .item-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  -webkit-transition: all 5s;
  transition: all 5s;
  -webkit-transform: scale(1.2, 1.2) rotate(0.001deg);
          transform: scale(1.2, 1.2) rotate(0.001deg);
}

.main-visual .in .item .visual-txt {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 35%;
  text-align: left;
  color: #fff;
  width: 1200px;
}

.main-visual .in .item .visual-txt p {
  line-height: 1;
  font-weight: 400;
}

.main-visual .in .item .visual-txt p:nth-of-type(1) {
  font-size: 24px;
}

.main-visual .in .item .visual-txt p:nth-of-type(2) {
  font-size: 62px;
  line-height: 1.29;
  font-weight: 700;
  margin: 20px 0 20px;
}

.main-visual .in .item .visual-txt p:nth-of-type(3) {
  font-size: 20px;
}

.main-visual .in .item div.visual-Tit {
	position:absolute;
	bottom: 50px;
	right: 320px;
	width: 275px;
    text-align: right;
	line-height:1;
	color:#fff;
}

.main-visual .in .item div.visual-Tit .group {
	padding-bottom: 24px;
    border-bottom: 2px solid #fff;
}

.main-visual .in .item div.visual-Tit .group strong {
  position:relative;
  display: block;
  font-size:24px;
  font-weight: 400;
}

.main-visual .in .item div.visual-Tit .group strong:before{
	content:'';
	width:40px;
	height:36px; 
	position:absolute;
	left:0;
	background-position:center center;
	background-repeat: no-repeat;
}
.main-visual .in .item div.visual-Tit .group.type01 strong:before{ 
	top: -8px;
	background-image:url('/static/images/mv_bar_ic01.png'); 
}
.main-visual .in .item div.visual-Tit .group.type02 strong:before{
	top: -7px;
	background-image:url('/static/images/mv_bar_ic02.png'); 
}
.main-visual .in .item div.visual-Tit .group.type03 strong:before{
	top: -6px;
	background-image:url('/static/images/mv_bar_ic03.png'); 
}

.main-visual .in .item div.visual-Tit .architecture {
  margin-top: 20px;
  font-size:15px; 
}

@media (max-width: 1280px) {
  .main-visual .in .item .visual-txt {
    left: 0;
    right: 0;
	top:45%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    display: block;
    width: 100%;
	padding:50px;
  }
}

.main-visual .vtc-banner {
  position: absolute;
  right: 80px;
  top: 130px;
  width: 530px;
  z-index: 9;
  padding: 14.5px 0;
  background: rgba(1, 1, 1, 0.7);
  font-size: 14px;
  display: none !important;
}

.main-visual .vtc-banner:before, .main-visual .vtc-banner:after {
  content: "";
  display: table;
}

.main-visual .vtc-banner:after {
  clear: both;
}

.main-visual .vtc-banner .title {
  float: left;
  font-weight: 700;
  width: 95px;
  text-align: center;
  color: #fff;
}

.main-visual .vtc-banner .vtc-w {
  float: left;
  width: calc(100% - 95px);
  width: -moz-calc(100% - 95px);
  width: -webkit-calc(100% - 95px);
  width: -o-calc(100% - 95px);
  width: -ms-calc(100% - 95px);
  position: relative;
}

.main-visual .vtc-banner .vtc-w .banner-item > a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  visibility: visible;
  padding: 0 30px 0 35px;
  color: #fff;
}

.main-visual .vtc-banner .controls {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 95px;
}

.main-visual .vtc-banner .controls > button {
  font-size: 10px;
  font-size: 1rem;
  width: 1em;
  height: .6em;
  background: no-repeat center center / 100%;
  display: block;
  text-indent: -9999px;
  padding: .8em 0;
}

.main-visual .vtc-banner .controls > button.ar-prev {
  background-image: url("/static/images/ar-up-w.png");
}

.main-visual .vtc-banner .controls > button.ar-next {
  background-image: url("/static/images/ar-down-w.png");
}

.main-visual .main-visual-controls {
  position: absolute;
  bottom: 68px;
  left: 100px;
  width: 355px;
  text-align: center;
  z-index: 11;
}

@media (max-width: 1280px) {
  .main-visual .main-visual-controls {
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 25%;
    width: 100%;
  }
}

.main-visual .main-visual-controls > div {
  display: inline-block;
  vertical-align: middle;
}

.main-visual .main-visual-controls .arrow-controls button {
  width: 3.75em;
  height: 3.75em;
  background: center center / 100%;
}

.main-visual .main-visual-controls .arrow-controls button.mv-prev {
  margin-right: .438em;
  background-image: url("static/images/main/mv-prev.png");
}

.main-visual .main-visual-controls .arrow-controls button.mv-next {
  background-image: url("static/images/main/mv-next.png");
}

.main-visual .main-visual-controls .paging-controls {
  text-align: center;
  margin: 0 20px 0 30px;
  color: #fff;
}

.main-visual .main-visual-controls .paging-controls .cur {
  font-size: 24px;
}

.main-visual .main-visual-controls .paging-controls .total {
  font-size: 20px;
  font-weight: 300;
}

.main-visual .main-visual-controls .paging-controls em {
  margin: 0 5px;
}

.main-visual .main-visual-controls .snp {
  position: relative;
  display: block;
  text-indent: -9999px;
  display: inline-block;
  width: 12px;
  height: 15px;
  background: url("static/images/main/mv-pause.png") no-repeat center center/100%;
}

.main-visual .main-visual-controls .snp.play {
  width: 11px;
  height: 14px;
  background: url("static/images/main/mv-play.png") no-repeat center center/100%;
}

#sub .sc-top {
  position: fixed;
  z-index: 101;
  bottom: 50px;
  right: 50px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: #fff; 
  border-radius: 50%;
  text-align: center;
  -webkit-box-shadow: 3px 3px 10px 0px rgba(1, 1, 1, 0.15);
          box-shadow: 3px 3px 10px 0px rgba(1, 1, 1, 0.15);
  background: url("/static/images/sc-top.png") rgba(1, 1, 1, 0.5) no-repeat center center/15px;
  display: none;
  text-indent: -9999px;
}

#sub .sub_visual {
  background: no-repeat center center / cover;
  height: 400px;
  position: relative;
  color: #fff;
  text-align: center;
}

#sub .sub_visual.sv-company {
  background-image: url("/static/images/sub/subvisual-01.jpg");
}

#sub .sub_visual.sv-business {
  background-image: url("/static/images/sub/subvisual-02.jpg");
}

#sub .sub_visual.sv-management {
  background-image: url("/static/images/sub/subvisual-03.jpg");
}

#sub .sub_visual.sv-media {
  background-image: url("/static/images/sub/subvisual-04.jpg");
}
#sub .sub_visual.sv-customer {
  background-image: url("/static/images/sub/subvisual-05.jpg");
}
#sub .sub_visual.sv-hr {
  background-image: url("/static/images/sub/subvisual-06.jpg");
}


#sub .sub_visual .sv-txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 55%;
  -webkit-transform: translateY(-55%);
          transform: translateY(-55%);
  text-align: center;
  padding:0 50px
}

#sub .sub_visual h1 {
  font-size: 48px;
  font-weight: 500;
  letter-spacing: -0.04em;
  margin: 0 0 5px; 
}

#sub .sub_visual p {
  font-size: 18px;
  font-weight: 400; 
}

#sub .wr {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

#sub .sub_navi {
  margin-top: -35px;
  height: 70px;
  z-index: 5;
  position: relative;
}

#sub .sub_navi .wr {
  background: #fff;
  height: 70px;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}

#sub .sub_navi .home {
  width: 70px;
  height: 70px;
  float: left;
  background: url("/static/images/ic_home.png") #00aeef no-repeat center center;
}

#sub .sub_navi .sub_dep {
  float: left;
  width: 250px;
  border-right: 1px solid #e8e8e8;
  position: relative;
}

#sub .sub_navi .sub_dep .current {
  font-size: 16px;
  display: block;
  line-height: 70px;
  position: relative;
  padding: 0 20px;
  color: #666;
  cursor: pointer;
  font-weight:500;
}

#sub .sub_navi .sub_dep .current:before {
  content: '';
  width: 55px;
  height: 70px;
  position: absolute;
  top: 0;
  right: 0;
  background: url("/static/images/arr_top.png") no-repeat center center;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

#sub .sub_navi .sub_dep ul {
  position: absolute;
  width: 100%;
  left: 0;
  top: 69px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: 0;
  display: none;
}

#sub .sub_navi .sub_dep ul li a {
  display: block;
  border-top: 1px solid #e8e8e8;
  padding: 15px 20px;
  font-size:16px;
  color:#666;
  font-weight:400;
}

#sub .sub_navi .sub_dep ul li a:hover {
  color: #00aeef;
}

#sub .sub_con {
  padding: 50px 0;
  margin: 30px 0 0;
  overflow:hidden;
}

#sub .sub_con .c-hl {
  font-weight: 500;
  color: #00aeef;
}

#sub .sub_con .hd-s-cont {
  text-align: center;
  margin-bottom: 52px;
}

#sub .sub_con .hd-s-cont .tit {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 21.5px;
}

#sub .sub_con .hd-s-cont .tit strong {
	font-weight: bold;
}

#sub .sub_con .hd-s-cont .tit-des {
  font-size: 16px;
  color: #666;
}

#sub .sub_con .hd-sub {
  max-width: 1280px;
  margin: 0 auto 70px;
  text-align: center;
  padding: 0 50px;
}

#sub .sub_con .hd-sub .sub_tit_paragraph {
  font-size: 36px;
  font-weight: 400;
  color: #333;
  text-align: center;
  letter-spacing: -0.04em;
  line-height: 1.4;
}

#sub .sub_con .hd-sub .sub_tit_paragraph strong {
  font-weight: 500;
}

#sub .sub_con .hd-sub .sub_tit_des {
  font-size: 18px;
  color: #999; 
  margin-top: 15px;
}

#sub .sub_con .tab-paging {
  font-size: 0;
  text-align: center;
  margin-bottom: 60px;
}

#sub .sub_con .tab-paging li {
  display: inline-block;
  border: 1px solid #ddd;
  margin: 0 5px;
}

#sub .sub_con .tab-paging li a {
  font-size: 18px;
  font-weight: 400;
  display: block;
  width: 200px;
  text-align: center;
  color: #666;
  padding: 14px 5px;
  cursor:pointer;
}

#sub .sub_con .tab-paging li.on {
  border: 1px solid transparent;
}

#sub .sub_con .tab-paging li.on a {
  font-weight: 500;
  background: #00aeef;
  color: #fff;

}

#sub .sub_con .sub-atc {
  padding-bottom: 100px;
}

#sub .sub_con .sub-atc.c-overview .list-hasbg li:before, #sub .sub_con .sub-atc.c-overview .list-hasbg li:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-overview .list-hasbg li:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-overview .list-hasbg li:not(:last-of-type) {
  margin-bottom: 80px;
}

#sub .sub_con .sub-atc.c-overview .list-hasbg li > * {
  float: left;
  width: calc(50% - 20px);
  width: -moz-calc(50% - 20px);
  width: -webkit-calc(50% - 20px);
  width: -o-calc(50% - 20px);
  width: -ms-calc(50% - 20px);
}

#sub .sub_con .sub-atc.c-overview .list-hasbg li h3 {
  font-size: 36px;
  font-weight: 400;
  color: #333;
  line-height: 1.389;
  margin-bottom: 40px;
}

#sub .sub_con .sub-atc.c-overview .list-hasbg li .des {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  line-height: 1.75;
}

#sub .sub_con .sub-atc.c-overview .list-hasbg li .des:not(:last-of-type) {
  margin-bottom: 16px;
}

#sub .sub_con .sub-atc.c-overview .list-hasbg li:nth-of-type(odd) .txt {
  padding-left: 60px;
}

#sub .sub_con .sub-atc.c-overview .col-a {
  position: relative;
  padding-bottom: 120px;
}

#sub .sub_con .sub-atc.c-overview .col-a.draw:before {
  width: 100%;
  opacity: 1;
}

#sub .sub_con .sub-atc.c-overview .col-a.draw:after {
  -webkit-transform: scale(1, 1) rotate(0);
  transform: scale(1, 1) rotate(0);
}

#sub .sub_con .sub-atc.c-overview .col-a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: -webkit-calc(100% - 60px);
  height: -o-calc(100% - 60px);
  height: -ms-calc(100% - 60px);
  background: #f6f6f6;
  z-index: -2;
  transition: all ease 1.5s;
  -webkit-transition: all ease 1.5s;
  -o-transition: all ease 1.5s;
  -moz-transition: all ease 1.5s;
  -ms-transition: all ease 1.5s;
  opacity: 0;
}

#sub .sub_con .sub-atc.c-overview .col-a:after {
  content: '';
  position: absolute;
  left: 80px;
  top: 273px;
  width: 425px;
  height: 417px;
  background: url("/static/images/sub/cir-a.png") no-repeat center center/100%;
  z-index: -1;
  -webkit-transform: scale(1.2, 1.2) rotate(30deg);
  transform: scale(1.2, 1.2) rotate(30deg);
  -webkit-transition: transform 2000ms ease-in-out;
  -webkit-transition: -webkit-transform 2000ms ease-in-out;
  transition: -webkit-transform 2000ms ease-in-out;
  transition: transform 2000ms ease-in-out;
  transition: transform 2000ms ease-in-out, -webkit-transform 2000ms ease-in-out;
}

#sub .sub_con .sub-atc.c-overview .col-a .list-hasbg li:nth-of-type(even) .img {
  margin-left: 40px;
  float:right;
}

#sub .sub_con .sub-atc.c-overview .col-a .list-hasbg li:nth-of-type(even) .txt {
  padding-top: 100px;
 padding-right:30px;
}

#sub .sub_con .sub-atc.c-overview .col-a .list-hasbg li:nth-of-type(odd) .img {
  margin-right: 40px;
}

#sub .sub_con .sub-atc.c-overview .col-a .list-hasbg li:nth-of-type(odd) .txt {
  padding-top: 150px;
}

#sub .sub_con .sub-atc.c-overview .col-b {
  position: relative;
  padding:120px 50px;
  background: url("/static/images/sub/c_overview_bg02.jpg") no-repeat center center/cover;
}

#sub .sub_con .sub-atc.c-overview .col-b .txt { 
  margin: 0 auto; 
  text-align: center;
}

#sub .sub_con .sub-atc.c-overview .col-b .txt .tit {
  font-size: 36px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 26.5px;
  line-height:1.4;
}

#sub .sub_con .sub-atc.c-overview .col-b .txt .des {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
}

#sub .sub_con .sub-atc.c-overview .col-c {
  padding: 120px 0 50px;
  position: relative;
}

#sub .sub_con .sub-atc.c-overview .col-c .main-sec-con-bg-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#sub .sub_con .sub-atc.c-overview .col-c .main-sec-con-bg-wrapper .main-sec-con-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: transform 2000ms ease-in-out;
  -webkit-transition: -webkit-transform 2000ms ease-in-out;
  transition: -webkit-transform 2000ms ease-in-out;
  transition: transform 2000ms ease-in-out;
  transition: transform 2000ms ease-in-out, -webkit-transform 2000ms ease-in-out;
}

#sub .sub_con .sub-atc.c-overview .col-c.draw .main-sec-con-bg {
  -webkit-transform: scale(1, 1) rotate(0.002deg);
  transform: scale(1, 1) rotate(0.002deg);
}

#sub .sub_con .sub-atc.c-overview .col-c .inner {
  position: relative;
}

#sub .sub_con .sub-atc.c-overview .col-c .list-hasbg li:nth-of-type(odd) .img {
  margin-right: 40px;
}

#sub .sub_con .sub-atc.c-overview .col-c .list-hasbg li:nth-of-type(odd) .txt {
  padding-top: 110px;
}

#sub .sub_con .sub-atc.c-overview .col-c .list-hasbg li:nth-of-type(even) .img {
  margin-left: 40px;
  float:right;
}

#sub .sub_con .sub-atc.c-overview .col-c .list-hasbg li:nth-of-type(even) .txt {
  padding-top: 140px;
}

/** 
지속가능경영 품질ㆍ안전ㆍ 환경경영 페이지 추가 
2021.12.17.
**/
#sub .sub_con .hd-sub.esg {
	padding:0;
	margin-bottom:100px;
}
#sub .sub_con .hd-s-cont2 {
	margin-top:60px;
	position:relative;
}
#sub .sub_con .hd-s-cont2.safety {
	margin-top:80px;
}
#sub .sub_con .hd-s-cont2.environment:before {
	display:block;
	width:648px;
	height:642px;
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	background:url('/static/images/sub/ESG/bg-top-earth.jpg') 0 0 no-repeat;
	z-index:-1;
	content:'';
}
#sub .sub_con .hd-s-cont2 h3 {
	padding:55px 0 85px;
	font-size:4.8rem;
	font-weight:600;
}
#sub .sub_con .hd-s-cont2.environment ul:after {
	display:block;
	clear:both;
	content:'';
}
#sub .sub_con .hd-s-cont2.environment ul li {
	width:28%;
	float:left;
	border:7px solid #cbcbcb;
	padding:240px 5px 35px;
	position:relative; 
	background-color:#fff;
	min-height:425px;
}
#sub .sub_con .hd-s-cont2.environment ul li:before {
	display:block;
	position:absolute;
	top:75px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	content:'';
}
#sub .sub_con .hd-s-cont2.environment ul li:first-of-type:before {
	width:92px;
	height:112px;
	background:url('/static/images/sub/ESG/ico-environment-01.gif') 0 0 no-repeat;
}
#sub .sub_con .hd-s-cont2.environment ul li:nth-of-type(2):before {
	width:79px;
	height:107px;
	background:url('/static/images/sub/ESG/ico-environment-02.gif') 0 0 no-repeat;
}
#sub .sub_con .hd-s-cont2.environment ul li:nth-of-type(3):before {
	width:94px;
	height:95px;
	background:url('/static/images/sub/ESG/ico-environment-03.gif') 0 0 no-repeat;
}
#sub .sub_con .hd-s-cont2.environment ul li + li {
	margin-left:8%;
}
#sub .sub_con .hd-s-cont2.environment ul li > i.empty {
	display:block;
	width:110px;
	height:7px;
	background-color:#fff;
	position:absolute;
	top:-7px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}
#sub .sub_con .hd-s-cont2.environment ul li > i.empty:before,
#sub .sub_con .hd-s-cont2.environment ul li > i.empty:after {
	display:block;
	width:10px;
	height:100%;
	position:absolute;
	top:0;
	background-color:#cbcbcb;
	content:'';
}
#sub .sub_con .hd-s-cont2.environment ul li > i.empty:before {
	left:0;
	border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
#sub .sub_con .hd-s-cont2.environment ul li > i.empty:after {
	right:0;
	border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
#sub .sub_con .hd-s-cont2.environment ul li em {
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:1;
	font-style:normal;
	text-decoration:none;
	font-size:4.8rem;
	position:absolute;
	top:-30px;
	left:50%;
	font-weight:100;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}
#sub .sub_con .hd-s-cont2.environment ul li span {
	font-size:2.1rem;
	letter-spacing:-1.5px;
	font-weight:500;
}
#sub .sub_con .sub-atc.c-ESG:not(.safety ) {
	padding-bottom:0;
}
#sub .sub_con .sub-atc.c-ESG .list-hasbg li > div {
	background-color:#fff;
}
#sub .sub_con .sub-atc.c-ESG .list-hasbg li:before, 
#sub .sub_con .sub-atc.c-ESG .list-hasbg li:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-ESG .list-hasbg li:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-ESG .list-hasbg li:not(:last-of-type) {
  margin-bottom: 80px;
}

#sub .sub_con .sub-atc.c-ESG .list-hasbg li > * {
  float: left;
  width: calc(50% - 22px);
  width: -moz-calc(50% - 22px);
  width: -webkit-calc(50% - 22px);
  width: -o-calc(50% - 22px);
  width: -ms-calc(50% - 22px);
}

#sub .sub_con .sub-atc.c-ESG .list-hasbg li h3 {
  font-size: 36px;
  font-weight: 400;
  color: #333;
  line-height: 1.389;
  margin-bottom: 40px;
}

#sub .sub_con .sub-atc.c-ESG .list-hasbg li h3 strong {
  font-weight:500;
}

#sub .sub_con .sub-atc.c-ESG .list-hasbg li .des {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  line-height: 1.75;
}

#sub .sub_con .sub-atc.c-ESG .list-hasbg li .des:not(:last-of-type) {
  margin-bottom: 16px;
}

#sub .sub_con .sub-atc.c-ESG .list-hasbg li:nth-of-type(odd) .txt {
  padding-left: 60px;
}

#sub .sub_con .sub-atc.c-ESG .col-a {
  position: relative;
}
#sub .sub_con .sub-atc.c-ESG .col-a

#sub .sub_con .sub-atc.c-ESG .col-a.draw:before {
  width: 100%;
  opacity: 1;
}

#sub .sub_con .sub-atc.c-ESG .col-a.draw:after {
  -webkit-transform: scale(1, 1) rotate(0);
  transform: scale(1, 1) rotate(0);
}

#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .img {
  position:relative;
  border:1px solid #ddd;
  text-align:center;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .quality {
	padding-top:0 !important;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .quality dl dt {
  font-size:3.2rem;
  color:#333;
  line-height:1;
  font-weight:500;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .quality dl dd {
  font-size:1.6rem;
  color:#666;
  line-height:1.5;
  margin-top:35px;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .quality dl dd strong {
  font-size:2rem;
  color:#00a0e9;
}

#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .quality dl + dl {
  margin-top:60px;
}

#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li:nth-of-type(even) .img {
  margin-left: 40px;
  float:right;
}

#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li:nth-of-type(even) .txt {
  padding-top: 100px;
  padding-right:30px;
}

#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li:nth-of-type(odd) .img {
  margin-right: 40px;
}

#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li:nth-of-type(odd) .txt {
  padding-top: 137px;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li > .table {
  padding-top:55px !important;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li.bg-gray {
	position:relative;
	padding:80px 0;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li.bg-gray > div:first-of-type {
	background:none;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li.bg-gray > div:not(.background-area) {
	min-height:445px;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li.bg-gray .background-area {
	width:100vw;
	height:100%;
	background-color:#f8f8f8;
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	z-index:-1;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .img.organization {
  padding:40px 20px 75px;
  background-color:#f8f8f8; 
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .img.bdNone {
  border:none;
  padding:10px 0;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .img.center {
  text-align:center;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .img span {
  display:block;
  padding:0 20px;
  line-height:40px;
  position:absolute;
  bottom:0;
  right:0;
  color:#fff;
  background:rgba(0,0,0,0.5);
  font-size:1.5rem;
}

#sub .sub_con .sub-atc.c-ESG .col-b {
  position: relative;
  padding:120px 50px;
  background: url("/static/images/sub/c_overview_bg02.jpg") no-repeat center center/cover;
}

#sub .sub_con .sub-atc.c-ESG .col-b .txt { 
  margin: 0 auto; 
  text-align: center;
}

#sub .sub_con .sub-atc.c-ESG .col-b .txt .tit {
  font-size: 36px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 26.5px;
  line-height:1.4;
}

#sub .sub_con .sub-atc.c-ESG .col-b .txt .des {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
}

#sub .sub_con .sub-atc.c-ESG .col-c {
  padding: 120px 0 50px;
  position: relative;
}

#sub .sub_con .sub-atc.c-ESG .col-c .main-sec-con-bg-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#sub .sub_con .sub-atc.c-ESG .col-c .main-sec-con-bg-wrapper .main-sec-con-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: transform 2000ms ease-in-out;
  -webkit-transition: -webkit-transform 2000ms ease-in-out;
  transition: -webkit-transform 2000ms ease-in-out;
  transition: transform 2000ms ease-in-out;
  transition: transform 2000ms ease-in-out, -webkit-transform 2000ms ease-in-out;
}

#sub .sub_con .sub-atc.c-ESG .col-c.draw .main-sec-con-bg {
  -webkit-transform: scale(1, 1) rotate(0.002deg);
  transform: scale(1, 1) rotate(0.002deg);
}

#sub .sub_con .sub-atc.c-ESG .col-c .inner {
  position: relative;
}

#sub .sub_con .sub-atc.c-Esg .col-c .list-hasbg li:nth-of-type(odd) .img {
  margin-right: 40px;
}

#sub .sub_con .sub-atc.c-ESG .col-c .list-hasbg li:nth-of-type(odd) .txt {
  padding-top: 110px;
}

#sub .sub_con .sub-atc.c-ESG .col-c .list-hasbg li:nth-of-type(even) .img {
  margin-left: 40px;
  float:right;
}

#sub .sub_con .sub-atc.c-ESG .col-c .list-hasbg li:nth-of-type(even) .txt {
  padding-top: 140px;
}
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .tb-type-02 {
  border-top: 2px solid #00aeef;
}

#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .tb-type-02 table {
  font-size: 16px;
  text-align: center;
}

#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .tb-type-02 table tr th,
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .tb-type-02 table tr td {
  vertical-align: middle;
  border-width:0 1px 1px 0;
  border-color:#ddd;
  border-style:solid;
  padding: 18px 5px;
  background-color:#fff;
  color: #666;	
  font-weight:400;
}

#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .tb-type-02 table tr td {
  border-width:0 0 1px 0;
  padding-left:40px;
  text-align:left;
}

#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .tb-type-02 table tr:first-of-type th,
#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .tb-type-02 table tr:first-of-type td {
  background-color:transparent;	
  font-weight: 500;
  color:#000;
}

#sub .sub_con .safety .btn-view {
  font-size: 16px;
  display: block;
  width: 260px;
  margin: 60px auto 0; 
  background: #fff;
  border: 1px solid #333;
  padding: 20px;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

#sub .sub_con .safety .btn-view:hover {
  border-color: transparent;
  color: #fff;
  background: #00aeef;
}

#sub .sub_con .safety .btn-view span {
  position: relative;
  padding-right: 45px;
  display:block;
}

#sub .sub_con .safety .btn-view span:after {
  content: '';
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  right: 0;
  top: 5px;
  width: 17px;
  height: 16px;
  background: url("/static/images/sub/acc-view-b.png") no-repeat center center/100%;
}

#sub .sub_con .safety .btn-view:hover span:after {
  background: url("/static/images/sub/acc-view-w.png") no-repeat center center ;
}

#sub .sub_con .sub-atc.c-ESG .chart {
	/* height:480px; */
	background-color:#f8f8f8 !important;
	border:1px solid #ddd;
	padding:30px 20px;
}
#sub .sub_con .sub-atc.c-ESG .chart .chartTit {
	display:block;
	text-align:center;
	position:relative;
	line-height:1;
	margin-bottom:30px;
}
#sub .sub_con .sub-atc.c-ESG .chart .chartTit * {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#sub .sub_con .sub-atc.c-ESG .chart .chartTit strong {
	color:#1c1c1c;
	font-size:2.4rem;
}
#sub .sub_con .sub-atc.c-ESG .chart .chartTit span {
	color:#1c1c1c;
	font-size:2rem;
	margin-top:10px;
}
#sub .sub_con .sub-atc.c-ESG .chart .chartTit em {
	position:absolute;
	bottom:0;
	right:20px;
	font-size:1.2rem;
	color:#666;
	text-decoration:none;
	font-style:normal;
}
#sub .sub_con .sub-atc.c-ESG .chart-area {
	padding: 100px 0 0;
	position:relative;
}
#sub .sub_con .sub-atc.c-ESG .chart-layer {
	width:100%;
	height:100%;
}
/*
#sub .sub_con .sub-atc.c-ESG .chart-layer > div,
#sub .sub_con .sub-atc.c-ESG .chart-layer > div canvas {
	width:100% !important;
	height:auto !important; 
}
*/
#sub .sub_con .sub-atc.c-ESG .chart-layer > div {
	margin:0 auto;
}
.customedTooltip {
	position:relative; 
	border:1px solid #01b0f3; 
	transform:translateX(-50%); 
	-webkit-transform:translateX(-50%); 
	-moz-transform:translateX(-50%); 
	-ms-transform:translateX(-50%);
}
.customedTooltip > div {
	position:relative; 
	padding:10px 24px;
	min-width:118px; 
	background-color:#f8f8f8; 
	color:#666666; 
	text-align:center; 
	font-size:16px; 
	z-index:10;
}
.customedTooltip:after {
	display:inline-block; 
	*display:inline; 
	*zoom:1; 
	position:absolute; 
	width:23px; 
	height:23px; 
	bottom:-11px; 
	left:50%; 
	background-color:#f8f8f8; 
	border:1px solid #01b0f3; 
	transform: rotate(-45deg) translateX(-50%); 
	-webkit-transform:translateX(-50%) rotate(-45deg); 
	-moz-transform:translateX(-50%) rotate(-45deg); 
	-ms-transform:translateX(-50%) rotate(-45deg); 
	z-index:1; 
	content:'';
}

#sub .sub_con .sub-atc.c-greeting .grt-rec {
  background: url("/static/images/sub/c_greeting_bg01.jpg") no-repeat center center/cover;
  text-align: center;
  padding: 72.5px 20px 75.5px;
  margin-bottom: 60px;
}

#sub .sub_con .sub-atc.c-greeting .grt-rec .tit {
  font-size: 30px;
  margin-bottom: 15px;
}

#sub .sub_con .sub-atc.c-greeting .grt-rec .des {
  font-size: 18px;
  font-weight: 400;
  color: #666;
}

#sub .sub_con .sub-atc.c-greeting .greeting-paragraph {
  position: relative;
  padding-bottom: 100px;
  padding-left:50px;
}

#sub .sub_con .sub-atc.c-greeting .greeting-paragraph:after {
  content: '';
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background:url("/static/images/sub/ceo.png") no-repeat center bottom / auto 100%;
  width: 37.5em;
  height: 51.9em;
}

#sub .sub_con .sub-atc.c-greeting .greeting-paragraph .des {
  font-size: 18px;
  font-weight: 400;
  color: #666;
}

#sub .sub_con .sub-atc.c-greeting .greeting-paragraph .des:not(:last-of-type) {
  margin-bottom: 32px;
}

#sub .sub_con .sub-atc.c-greeting .signature {
  border-top: 1px solid #ddd;
  padding-top: 30px;
}

#sub .sub_con .sub-atc.c-greeting .signature:before, #sub .sub_con .sub-atc.c-greeting .signature:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-greeting .signature:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-greeting .signature p {
  float: right;
}

#sub .sub_con .sub-atc.c-greeting .signature p strong {
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 30px;
}

#sub .sub_con .sub-atc.c-greeting .signature p span {
  display: inline-block;
  vertical-align: bottom;
  font-size: 10px;
  font-size: 1rem;
  width: 12.7em;
  height: 3.7em;
  text-indent: -9999px;
  background: url("/static/images/sub/signature.png") no-repeat center center/100%;
}

#sub .sub_con .sub-atc.c-history .bn-atc { 
  width:auto;
  margin: 0 150px;
  text-align: center;
  padding:120px 50px;
  position: relative;
}

#sub .sub_con .sub-atc.c-history .bn-atc .txt { 
  margin: 0 auto;
}

#sub .sub_con .sub-atc.c-history .bn-atc .txt .tit-des {
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}

#sub .sub_con .sub-atc.c-history .bn-atc .txt .tit {
  font-size: 46px;
  font-size: 4.6rem;
  font-weight: 700;
  color: #fff;
}

#sub .sub_con .sub-atc.c-history .bn-atc.his-a {
  background: url("/static/images/sub/history-bn-bg02.jpg") no-repeat center center/cover;
}

#sub .sub_con .sub-atc.c-history .bn-atc.his-b {
  background: url("/static/images/sub/history-bn-bg02.jpg") no-repeat center center/cover;
}

#sub .sub_con .sub-atc.c-history .bn-atc.his-c {
  background: url("/static/images/sub/history-bn-bg03.jpg") no-repeat center center/cover;
}

#sub .sub_con .sub-atc.c-history .bn-atc.his-d {
  background: url("/static/images/sub/history-bn-bg04.jpg") no-repeat center center/cover;
}

#sub .sub_con .sub-atc.c-history .bn-atc.his-e {
  background: url("/static/images/sub/history-bn-bg05.jpg") no-repeat center center/cover;
}

#sub .sub_con .sub-atc.c-history .c-history-w {
  margin-top: 65px;
}

#sub .sub_con .sub-atc.c-history .c-history-w:before, #sub .sub_con .sub-atc.c-history .c-history-w:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-history .c-history-w:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-history .c-history-w > * {
  float: left;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-list {
  width: 370px;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-list li:not(:last-of-type) {
  margin-bottom: 23.5px;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-list li.on a {
  color: #00aeef;
  border-bottom: 2px solid #00aeef;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-list li a {
  font-size: 24px;
  color: #ccc;
  padding: 4px 0;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content {
  width: calc(100% - 370px);
  width: -moz-calc(100% - 370px);
  width: -webkit-calc(100% - 370px);
  width: -o-calc(100% - 370px);
  width: -ms-calc(100% - 370px);
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li {
  position: relative;
  font-size: 0;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li:last-of-type:after {
  display: none;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li:after {
  content: '';
  position: absolute;
  left: 5.5px;
  top: 30px;
  width: 1px;
  height: 100%;
  background: #ddd;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li > * {
  display: inline-block;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .year {
  font-size: 32px;
  font-weight: 500;
  width: 200px;
  padding-left: 90px;
  position: relative;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .year:before {
  content: '';
  position: absolute;
  left: 0;
  top: 18px;
  width: 12px;
  height: 12px;
  border: 3px solid #00aeef;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list {
  width: calc(100% - 200px);
  width: -moz-calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
  width: -o-calc(100% - 200px);
  width: -ms-calc(100% - 200px);
  padding: 10px 0 60px 0;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list:before, #sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li:before, #sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li:not(:last-of-type) {
  margin-bottom: 10px;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li > * {
  float: left;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li .month {
  width: 40px;
  font-size: 18px;
  color: #666;
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li .cont-w {
  font-size: 16px;
  width: calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  width: -o-calc(100% - 40px);
  width: -ms-calc(100% - 40px);
}

#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li .cont-w .cont {
  color: #666;
  display: block;
}

#sub .sub_con .sub-atc.c-organization {
  padding-bottom: 0;
}

#sub .sub_con .sub-atc.c-organization .col-a {
  margin-top: 20px;
  text-align: center;
  padding: 50px 0 170px;
}

#sub .sub_con .sub-atc.c-organization .col-b {
  background: #f6f6f6;
  padding: 100px 0 120px;
}

#sub .sub_con .sub-atc.c-organization .col-b h3 {
  font-size: 35px;
  font-weight: 500;
  color: #333;
  text-align: center;
  margin-bottom: 42.5px;
}
.m-img{display:none;}
#sub .sub_con .sub-atc.c-organization .col-b .org-profile {
  margin-left: -30px;
}

#sub .sub_con .sub-atc.c-organization .col-b .org-profile:before, #sub .sub_con .sub-atc.c-organization .col-b .org-profile:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-organization .col-b .org-profile:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-organization .col-b .org-profile > li {
  float: left;
  margin-left: 30px;
  width: calc(20% - 30px);
  width: -moz-calc(20% - 30px);
  width: -webkit-calc(20% - 30px);
  width: -o-calc(20% - 30px);
  width: -ms-calc(20% - 30px);
  text-align: center;
}

#sub .sub_con .sub-atc.c-organization .col-b .org-profile > li:hover .img img.img-c {
  display: block;
}

#sub .sub_con .sub-atc.c-organization .col-b .org-profile > li:hover .img img.img-g {
  display: none;
}

#sub .sub_con .sub-atc.c-organization .col-b .org-profile > li .img {
  border: 1px solid #ddd;
  overflow: hidden;
}

#sub .sub_con .sub-atc.c-organization .col-b .org-profile > li .img img.img-c {
  display: none;
}

#sub .sub_con .sub-atc.c-organization .col-b .org-profile > li .position {
  font-size: 15px;
  font-weight: 400;
  color: #00aeef;
  margin: 16.5px 0 6.5px;
}

#sub .sub_con .sub-atc.c-organization .col-b .org-profile > li .name {
  font-size: 22px;
  font-weight: 400;
}

#sub .sub_con .sub-atc.c-organization .col-b .org-profile > li .name strong {
  font-weight: 500;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(1, 1, 1, 0.5);
  display: none;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 auto;
  max-width: 830px;
  width: 100%;
  background: #fff;
  padding: 40px;
  display: none;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item:before, #sub .sub_con .sub-atc.c-organization .profile-modal-w .item:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item.visible {
  display: block;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item > * {
  float: left;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .l {
  position: relative;
  width: 320px;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .l .img {
  border: 1px solid #ddd;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .r {
  padding: 20px 0 0 60px;
  width: calc(100% - 320px);
  width: -moz-calc(100% - 320px);
  width: -webkit-calc(100% - 320px);
  width: -o-calc(100% - 320px);
  width: -ms-calc(100% - 320px);
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .r .top {
  border-bottom: 1px solid #ddd;
  padding-bottom: 22.5px;
  margin-bottom: 26px;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .r .top .position {
  font-size: 16px;
  color: #00aeef;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .r .top .name {
  font-size: 30px;
  font-weight: 500;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .r .career {
  height: 247px;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .r .career .tit {
  font-size: 16px;
  font-weight: 500;
  color: #666;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .r .career ul {
  margin-top: 13px;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .r .career ul li {
  font-size: 15px;
  position: relative;
  padding: 4px 0 4px 14px;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .r .career ul li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  background: #00aeef;
  border-radius: 50%;
}

#sub .sub_con .sub-atc.c-organization .profile-modal-w .item .btn-close {
  display: block;
  text-indent: -9999px;
  position: absolute;
  right: 40px;
  top: 40px;
  width: 25px;
  height: 25px;
  background: url("/static/images/sub/close-g.png") no-repeat center center/100%;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr .br516 {
	display: none;
}

#sub .sub_con .sub-atc.c-invest {
	padding-bottom: 160px;
}
#sub .sub_con .sub-atc.c-invest .finan_title {
	margin-bottom: 80px;
}

#sub .sub_con .sub-atc.c-invest h2{
	padding-bottom: 20px;
	font-size: 26px;
    color: #333;
    font-weight: 500;
}

#sub .sub_con .sub-atc.c-invest .finan_table {
	margin-bottom: 110px;
}

#sub .sub_con .sub-atc.c-invest .tableInfo {
    display: block;    
	margin-bottom: 5px;
    text-align: right;
    font-size: 13px;
    color: #555;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1{
	border-top: 3px solid #333;
    border-bottom: 1px solid #bdbdbd;
    vertical-align: middle;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1 .c {
    text-align: center !important;
}
#sub .sub_con .sub-atc.c-invest .finan_table_type1 .r {
    text-align: right !important;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1 th,
#sub .sub_con .sub-atc.c-invest .finan_table_type1 td {
    border: 0px;
    word-break: keep-all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
	vertical-align: middle;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1 thead th {
	height: 46px;
    padding: 3px 20px;
    border-left: 1px solid #dfdfdf;
    font-size: 15px;
    color: #555;
    text-align: center;
    font-weight: 500;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1 thead th:first-child {
	border-left: 0px;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody th {
    padding: 3px 25px;
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    font-size: 15px;
    text-align: left;
    font-weight: 500;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody th.first {
	border-left: 0px;
	font-weight: 400;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody th.first.bold {
	font-weight: 500;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody td {
    height: 46px;
    padding: 3px 25px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    font-size: 15px;
    text-align: left;
    color:#444;
    font-weight: 300;
}

#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr.sum th,
#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr.sum td {
    background-color: #f4f4f4;
}

#sub .sub_con .sub-atc.c-invest .finan_table2 {
	margin-bottom: 113px;
}

#sub .sub_con .sub-atc.c-invest .finan_table2 .graph_income_wrap {
	overflow: hidden;
	margin-bottom: 80px;
}

#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_wrap3{
	float: left;
	margin-top: 26px;
}

#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_type3 li{
	margin-bottom: 13px;
	width: 330px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    border: 1px solid #666;
}
#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_type3 li:last-child{
	margin-bottom: 0;
}

#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_type3 li.on{
    border: 2px solid #00a0e9;	
}

#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_type3 li a {
    display: block;
	width: 100%;
    height: 100%;
    font-size: 18px;
    color: #666;
}

#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_type3 li.on a {
	font-weight: 500;
	color: #00a0e9;
}

#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_container{
	float: right;
    width: 880px;
}

#sub .sub_con .sub-atc.c-invest .finan_down {
	overflow: hidden;
}
#sub .sub_con .sub-atc.c-invest .finan_down h2 {
	float: left;
	padding-bottom: 0;
	line-height: 65px;
}

#sub .sub_con .sub-atc.c-invest .finan_down div {
	float: right;
}

#sub .sub_con .sub-atc.c-invest .finan_btn {
	display: inline-block;
	margin-right: 10px;
    padding-left: 30px;
	width: 290px;
    height: 65px;
    line-height: 65px;
    color: #333;
    font-size: 16px;
    border: 1px solid #333;
    background: url(/static/images/sub/acc-down-black.png) no-repeat right 20px center/20px;
}

#sub .sub_con .sub-atc.c-invest .finan_down div .finan_btn:last-child {
	margin-right: 0;
}

#sub .sub_con .sub-atc.c-invest #tabCredit .inner {
	background: #f8f8f8;
    padding: 78px 312px 70px;
}

#sub .sub_con .sub-atc.c-invest #tabCredit .inner .credit_img {
	position: relative;
    overflow: hidden;
    height: 476px;
}

#sub .sub_con .sub-atc.c-invest #tabCredit .inner .credit_img img {
	position: absolute;
    z-index: 1;
}

#sub .sub_con .sub-atc.c-invest #tabCredit .inner .credit_img .shadow {
    position: absolute;
    left: 50%;
    bottom: 70px;
    transform: translateX(-50%);
	width: 280px;
    height: 8px;
    border-radius: 50%;
    font-size: 0;
    box-shadow: 1px 20px 40px 3px black;
}

#sub .sub_con .sub-atc.c-invest #tabCredit p {
	text-align: center;
    font-size: 14px;
    color: #666;
}

#sub .sub_con .sub-atc.c-invest #tabCredit .finan_btn {
	margin: 50px auto 0;
    display: block;
}


#sub .sub_con .sub-atc.c-directions h3 {
  font-size: 36px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 60px;
}

#sub .sub_con .sub-atc.c-directions h3 strong {
  font-weight: 500;
}

#sub .sub_con .sub-atc.c-directions .list-contact {
  margin-top: 40px;
}

#sub .sub_con .sub-atc.c-directions .list-contact:before, #sub .sub_con .sub-atc.c-directions .list-contact:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-directions .list-contact:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-directions .list-contact li {
  float: left;
  width: 48.4375%;
  font-size: 0;
  overflow:hidden;
}

#sub .sub_con .sub-atc.c-directions .list-contact li > * {
  float:left;
}

#sub .sub_con .sub-atc.c-directions .list-contact li .tit {
  font-size: 20px;
  font-weight: 500;
  position: relative;
}

#sub .sub_con .sub-atc.c-directions .list-contact li .tit:before {
  content: '';
  position: absolute;
  left: 0;
  background: no-repeat center center / 100%;
}

#sub .sub_con .sub-atc.c-directions .list-contact li .val {
  font-size: 16px;
  color: #666;
  margin-top: 3px;
  width:calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: -o-calc(100% - 100px);
  width: -ms-calc(100% - 100px);
}
#sub .sub_con .sub-atc.c-directions .list-contact li:nth-of-type(1) .val{
  width:calc(100% - 150px);
  width: -moz-calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
  width: -o-calc(100% - 150px);
  width: -ms-calc(100% - 150px);

}

#sub .sub_con .sub-atc.c-directions .list-contact li:nth-of-type(1) {
  margin-right: 3.125%;
}

#sub .sub_con .sub-atc.c-directions .list-contact li:nth-of-type(1) .tit {
  padding: 0 40px 0 40px;
  width:150px;
}

#sub .sub_con .sub-atc.c-directions .list-contact li:nth-of-type(1) .tit:before {
  width: 18px;
  height: 19px;
  top: 5.5px;
  background-image: url("/static/images/sub/ico-tel.png");
}

#sub .sub_con .sub-atc.c-directions .list-contact li:nth-of-type(2) .tit {
  padding: 0 30px 0 30px;
}

#sub .sub_con .sub-atc.c-directions .list-contact li:nth-of-type(2) .tit:before {
  width: 14px;
  height: 18px;
  top: 6px;
  background-image: url("/static/images/sub/ico-marker.png");
}

#sub .sub_con .sub-atc.c-directions .list-sc {
  font-size: 0;
  text-align: center;
  margin-top: 50px;
}

#sub .sub_con .sub-atc.c-directions .list-sc li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}

#sub .sub_con .sub-atc.c-directions .list-sc li a {
  font-size: 16px;
  font-weight: 500;
  display: block;
  width: 220px;
  padding: 17.5px 0;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

#sub .sub_con .sub-atc.c-directions .list-sc li a span {
  position: relative;
}

#sub .sub_con .sub-atc.c-directions .list-sc li a span:before {
  content: '';
  position: absolute;
  left: 0;
  background: no-repeat center center / 100%;
}

#sub .sub_con .sub-atc.c-directions .list-sc li.sc-naver a {
  color: #00c73d;
  background: #fff;
  border: 2px solid #00c73c;
}

#sub .sub_con .sub-atc.c-directions .list-sc li.sc-naver a:hover, #sub .sub_con .sub-atc.c-directions .list-sc li.sc-naver a:focus {
  background: #00c73c;
  color: #fff;
}

#sub .sub_con .sub-atc.c-directions .list-sc li.sc-naver a:hover span:before, #sub .sub_con .sub-atc.c-directions .list-sc li.sc-naver a:focus span:before {
  background-image: url("/static/images/sub/ico-naver-w.png");
}

#sub .sub_con .sub-atc.c-directions .list-sc li.sc-naver a span {
  padding-left: 24px;
}

#sub .sub_con .sub-atc.c-directions .list-sc li.sc-naver a span:before {
  top: 2.5px;
  width: 15px;
  height: 14px;
  background-image: url("/static/images/sub/ico-naver.png");
}

#sub .sub_con .sub-atc.c-directions .list-sc li.sc-kmap a {
  background: #fff;
  color: #333;
  border: 2px solid #ffcd00;
}

#sub .sub_con .sub-atc.c-directions .list-sc li.sc-kmap a span {
  padding-left: 26px;
}

#sub .sub_con .sub-atc.c-directions .list-sc li.sc-kmap a span:before {
  top: -.5px;
  width: 14px;
  height: 20px;
  background: url("/static/images/sub/ico-kakaomarker.png");
}

#sub .sub_con .sub-atc.c-directions .list-sc li.sc-kmap a:hover, #sub .sub_con .sub-atc.c-directions .list-sc li.sc-kmap a:focus {
  background: #ffcd00;
}

#sub .sub_con .sub-atc.c-directions .list-sc li.dw-apply a {
  background: #fff;
  border: 2px solid #0072bd;
  color: #0072bd;
}

#sub .sub_con .sub-atc.c-directions .list-sc li.dw-apply a span {
  padding-left: 28px;
}

#sub .sub_con .sub-atc.c-directions .list-sc li.dw-apply a span:before {
  top: 1px;
  width: 15px;
  height: 17px;
  background-image: url("/static/images/sub/ico-dw.png");
}

#sub .sub_con .sub-atc.c-directions .list-sc li.dw-apply a:hover, #sub .sub_con .sub-atc.c-directions .list-sc li.dw-apply a:focus {
  color: #fff;
  background: #00aeef;
  border-color: transparent;
}

#sub .sub_con .sub-atc.c-directions .list-sc li.dw-apply a:hover span:before, #sub .sub_con .sub-atc.c-directions .list-sc li.dw-apply a:focus span:before {
  background-image: url("/static/images/sub/ico-dw-w.png");
}

#sub .sub_con .sub-atc.c-directions .col-a {
  padding-bottom: 80px;
  border-bottom: 1px solid #ddd;
}

#sub .sub_con .sub-atc.c-directions .col-b {
  margin-top: 80px;
}

#sub .sub_con .sub-atc.c-partner .tab-w {
  width:auto;
  margin: 0 150px;
  background: url("/static/images/sub/partner-bg01.jpg") no-repeat center center/cover;
  padding:100px 50px;
  position: relative;
}

#sub .sub_con .sub-atc.c-partner .tab-w .in { 
}

#sub .sub_con .sub-atc.c-partner .tab-w .in .tit {
  font-size: 54px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  margin-bottom: 12.5px;
}

#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list {
  text-align: center;
  font-size: 0;
}

#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list li {
  display: inline-block;
}

#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list li a {
  font-size: 18px;
  position: relative;
  display: block;
  padding: 0 20px;
  color: rgba(255, 255, 255, 0.8);
}

#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list li a:hover {
  color: #fff;
}

#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list li a:hover span:before {
  opacity: 1;
  width: 100%;
  height: 2px;
}

#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list li a span {
  position: relative;
}

#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list li a span:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -8px;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list li:not(:last-of-type) a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 6px;
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.3);
}

#sub .sub_con .sub-atc.c-partner .tab-content {
  padding:5em 0 2em;
}

#sub .sub_con .sub-atc.c-partner .tab-content:before, #sub .sub_con .sub-atc.c-partner .tab-content:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-partner .tab-content:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-partner .tab-content:not(:last-of-type) {
  border-bottom: 1px solid #ddd;
}

#sub .sub_con .sub-atc.c-partner .tab-content > * {
  float: left;
}

#sub .sub_con .sub-atc.c-partner .tab-content > .tit {
  width: 330px;
  font-size: 32px;
  font-weight: 500;
}

#sub .sub_con .sub-atc.c-partner .tab-content .el-partner {
  width: calc(100% - 330px); 
  width: -moz-calc(100% - 330px);
  width: -webkit-calc(100% - 330px);
  width: -o-calc(100% - 330px);
  width: -ms-calc(100% - 330px);
}

#sub .sub_con .sub-atc.c-partner .tab-content .el-partner:before, #sub .sub_con .sub-atc.c-partner .tab-content .el-partner:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-partner .tab-content .el-partner:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li {
  float: left;
  margin-left: 40px;
  width: calc(33.333% - 40px);
  width: -moz-calc(33.333% - 40px);
  width: -webkit-calc(33.333% - 40px);
  width: -o-calc(33.333% - 40px);
  width: -ms-calc(33.333% - 40px);
  margin-bottom: 50px;
}
#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li img{width:100%;}

#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li:nth-of-type(4n) {
  clear: left;
} 

#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li a {
  display: block;
}

#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li a .tit-el {
  font-size: 20px;
  font-weight: 500;
  margin: 25px 0 6px;
}

#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li a .des-el {
  font-size: 16px;
  color: #666;
  letter-spacing: -1px;
}

#sub .sub_con .sub-atc.c-architecture .col-a {
  position: relative;
  padding-bottom:120px;
}

#sub .sub_con .sub-atc.c-architecture .col-a.draw:after {
  width: 100%;
  opacity: 1;
}

#sub .sub_con .sub-atc.c-architecture .col-a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  /*
  width: 0;
  opacity: 0;
  */
  height: 60%;
  background: #f6f6f6;
  z-index: -2;
  transition: all ease 1.5s;
  -webkit-transition: all ease 1.5s;
  -o-transition: all ease 1.5s;
  -moz-transition: all ease 1.5s;
  -ms-transition: all ease 1.5s; 
  width: 100%;
  opacity: 1;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 { 
  margin: 0 150px;
  width:auto;
  height: 500px;
  background: #016cb3;
  overflow:hidden;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 > * {
  float: left;
  height: 100%;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .l {
  width:58%;
  background: url("/static/images/sub/c_architecture_bg01.jpg") no-repeat center center/cover;
  position: relative;
}
#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .l .img-tit {
  display:inline-block;
  *display:inline;
  *zoom:1;
  position:absolute;
  line-height:40px;
  padding:0 20px;
  background:rgba(0,0,0,0.5);
  color:#fff;
  bottom:0;
  right:0;	
}
#sub .sub_con .sub-atc.c-architecture #arc-02 .col-a .col-a-01 .l { 
  background: url("/static/images/sub/c_infra_bg01.jpg") no-repeat center center/cover; 
}
#sub .sub_con .sub-atc.c-architecture #arc-03 .col-a .col-a-01 .l { 
  background: url("/static/images/sub/c_realestate_bg03.jpg") no-repeat center center/cover; 
}



#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .l:before {
  content: '';
  position: absolute;
  left: -120px;
  bottom: -120px;
  width: 220px;
  height: 220px;
  z-index: -1;
  background: url("/static/images/sub/cir-oblique.png") no-repeat center center/100%;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r {
  width: 42%;
  padding: 100px 80px 80px;
  background: #016cb3;
  padding-left: 80px;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r .tit {
  font-size: 20px;
  position: relative;
  color: rgba(255, 255, 255, 0.8);
  display: block;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r .tit:after {
  content: '';
  display: block;
  background: rgba(255, 255, 255, 0.3);
  width: 30px;
  height: 1px;
  margin: 25px 0 20px;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r .tit-des {
  font-size: 36px;
  color: #fff;
  font-weight: 300;
  line-height: 1.45;
}
#sub .sub_con .sub-atc.c-architecture .b-more{
	display:block;
	padding: 10px 20px;
	font-size: 16px;
    font-weight: 400;
    position: relative;
	width: 170px;
    border: 1px solid #ddd;
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s; 
	margin:30px 0 0;
	text-align:center;
	color:#999;
}
#sub .sub_con .sub-atc.c-architecture .b-more:hover{
	border:1px solid #00aeef;
	color:#00aeef;
	padding-right:0; 

}
#sub .sub_con .sub-atc.c-architecture .b-more:hover span{
	background:none;
}


#sub .sub_con .sub-atc.c-architecture .b-more span{
	display:inline-block;
	background:url('/static/images/ar_g_next.png') no-repeat center right;
	padding-right:20px;
	background-size:6px
} 
 
#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r .tit-des strong {
  font-weight: 700;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02 {
  padding: 80px 50px 0;
  max-width:1380px;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02:before, #sub .sub_con .sub-atc.c-architecture .col-a .col-a-02:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02 > * {
  float: left;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02 .tit {
  font-size: 30px;
  font-weight: 500;
  width:40%;
}

#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02 .des {
  font-size: 18px;
  color: #666;
  width:57%;
  float:right;
}

#sub .sub_con .sub-atc.c-architecture .col-b {
  padding-top: 100px;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:before, #sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li  {
  margin-bottom: 100px;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li > * {
  float: left;
  width: calc(50% - 20px);
  width: -moz-calc(50% - 20px);
  width: -webkit-calc(50% - 20px);
  width: -o-calc(50% - 20px);
  width: -ms-calc(50% - 20px);
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li h3 {
  font-size: 32px;
  font-weight: 500;
  color: #333;
  line-height: 1.389;
  margin-bottom: 17px;
  position: relative;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li h3:before {
  content: '';
  display: block;
  width: 90px;
  height: 90px;
  background: #f1f4f9 no-repeat center center;
  border-radius: 50%;
  margin-bottom: 30px;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .txt {
  padding-left: 70px;
  padding-top: 40px;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .txt .tit-des {
  font-size: 20px;
  color: #00aeef;
  margin-bottom: 11px;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .txt .des {
  font-size: 16px;
  color: #666;
  font-weight: 400;
  line-height: 1.75;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(odd) .img {
  margin-right: 40px;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(even) .img {
  margin-left: 40px;
  float:right;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .img {
	position:relative;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .img .img-tit {
	position:absolute;
	line-height:40px;
	padding:0 20px;
	background:rgba(0,0,0,0.5);
	color:#fff;
	bottom:0;
	right:0;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(1) .txt h3:before {
  background-image: url("/static/images/sub/c_architecture_acc01.png");
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(2) .txt h3:before {
  background-image: url("/static/images/sub/c_architecture_acc02.png");
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(2) .img {
  position: relative;
  float:right;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(2) .img:before {
  content: '';
  position: absolute;
  right: -120px;
  bottom: -120px;
  width: 220px;
  height: 220px;
  z-index: -1;
  background: url("/static/images/sub/cir-oblique.png") no-repeat center center/100%;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(3) .txt h3:before {
  background-image: url("/static/images/sub/c_architecture_acc03.png");
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(4) .txt {
  padding-top: 50px;
}

#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(4) .txt h3:before {
  background-image: url("/static/images/sub/c_architecture_acc04.png");
}

#sub .sub_con .sub-atc.c-architecture .tit-tab {
  font-size: 36px;
  font-weight: 500;
  text-align: center;
}




#sub .sub_con .sub-atc.c-architecture .col-d{
  background: url("/static/images/sub/c_realestate_bg02.jpg") no-repeat center center / cover;
	color:#fff;
	 
}
#sub .sub_con .sub-atc.c-architecture .col-d .inner{
	overflow:hidden;
	padding:100px 50px;
}
#sub .sub_con .sub-atc.c-architecture .col-d .left{
	float:left;
	width:48%; 
	padding-top:50px
}
#sub .sub_con .sub-atc.c-architecture .col-d .left .line{
	display:block;
	background:#fff;
	opacity:.2;
	width:100%;
	height:1px;
	margin:30px 0;
}
#sub .sub_con .sub-atc.c-architecture .col-d .left p{
	padding:10px 0;
	font-size:18px
}
#sub .sub_con .sub-atc.c-architecture .col-d .right{
	float:right;
	width:48%;
	text-align:right;
}
#sub .sub_con .sub-atc.c-architecture .col-d h3{
  font-size: 24px;
  color: #28bcff;
  margin: 20px 0 11px;
  line-height:1.4;
      font-weight: 500;
}


#sub .sub_con .sub-atc.c-architecture .col-c{text-align:center; padding:100px 0;}
#sub .sub_con .sub-atc.c-architecture .col-c  h3 {
  font-size: 32px;
  font-weight: 500;
  color: #333;
  line-height: 1.389;
  margin-bottom: 17px;
  position: relative;
}
#sub .sub_con .sub-atc.c-architecture .col-c h4{
  font-size: 20px;
  color: #333;
  margin-bottom: 11px;
  font-weight:500;
 }
#sub .sub_con .sub-atc.c-architecture .col-c .list-real ul{
	overflow:hidden;
	max-width:1200px;
	margin:60px auto 0;
}
#sub .sub_con .sub-atc.c-architecture .col-c .list-real ul li{
	float:left; width:23%; padding:50px 20px;
	border:1px solid #e8e8e8;
	margin:0 1%;
	min-height:350px;
	background:#fff;
} 
#sub .sub_con .sub-atc.c-architecture .col-c .list-real .ico{
	display:block;
	background:#f8f8f8;
	border-radius:50%;
	width:60%;
	height:0; 
	padding-bottom:60%;
	margin:0 auto 20px;
	text-align:center; 
	position:relative;
}
#sub .sub_con .sub-atc.c-architecture .col-c .list-real .ico img{
	position:absolute;
	top:50%; 
	transform:translate(-50%,-50%);
	left:50%; 
}
#sub .sub_con .sub-atc.c-architecture .col-c .dpms-link{
	text-align:right;
  padding:30px 1% 0;
  max-width:1200px; 
  margin:0 auto;
}
#sub .sub_con .sub-atc.c-architecture .col-c .tit-des {
  font-size: 18px;
  color: #00aeef;
  margin-bottom: 11px; 
  display:inline-block; 
  border-bottom:1px solid #00aeef;
}

#sub .sub_con .sub-atc.c-architecture .col-c p{
  font-size: 16px;
  color: #999;
  font-weight: 400; 
  line-height:1.6;
 } 



/* 부동산 자산관리 */ 
#sub .realestate .real-tab{border:1px solid #ddd; display:inline-block; width:100%;}
#sub .realestate .real-tab li{float:left; width:25%; border-right:1px solid #ddd}
#sub .realestate .real-tab li:last-child{border-right:0;}
#sub .realestate .real-tab li a{display:block; height:60px; line-height:60px; text-align:center; font-size:16px; position:relative; transition:all ease .3s;-webkit-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s;}
#sub .realestate .real-tab li a:hover{color:#00aeef}
#sub .realestate .real-tab li a:after{content:'';  transition:all ease .3s;-webkit-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s;  width:100%; height:100%; position:absolute; left:-1px; top:-1px; border:1px solid #00aeef; z-index:1; opacity:0;}
#sub .realestate .real-tab li a:hover:after{content:''; opacity:1;}


#sub .realestate .sub-atc.c-architecture .col-b .list-hasbg li .dpms-link{text-align:right;}
#sub .realestate .sub-atc.c-architecture .col-b .list-hasbg li .dpms-link .tit-des{color:#016cb3; font-size:15px; right:0; border-bottom:1px solid #016cb3; padding-bottom:4px}
#sub .realestate .sub-atc.c-architecture .col-b .list-hasbg li .txt h3:before{display:none !important;}
#sub .realestate .sub-atc.c-architecture .real-icon{margin:30px 0 0; }
#sub .realestate .sub-atc.c-architecture .real-icon a{display:inline-block; margin-right:20px; background:transparent; font-size:16px; text-align:center; cursor:pointer; margin-bottom:20px;} 
#sub .realestate .sub-atc.c-architecture .real-icon .icon{display:block; width:85px; height:85px; background-color:#f1f4f9; border-radius:50%; margin:0 auto 10px;  background-repeat:no-repeat; background-position:center center; transition:all ease .3s; -webkit-transition:all ease .3s; -ms-transition:all ease .3s; -o-transition:all ease .3s; -moz-transition:all ease .3s;} 

#sub .real-icon .cric01 .icon{background-image:url('/static/images/sub/c_real_ic01.png');}
#sub .real-icon .cric02 .icon{background-image:url('/static/images/sub/c_real_ic02.png');}
#sub .real-icon .cric03 .icon{background-image:url('/static/images/sub/c_real_ic03.png');}
#sub .real-icon .cric04 .icon{background-image:url('/static/images/sub/c_real_ic04.png');}
#sub .real-icon .cric05 .icon{background-image:url('/static/images/sub/c_real_ic05.png');}
#sub .real-icon .cric06 .icon{background-image:url('/static/images/sub/c_real_ic06.png');}
#sub .real-icon .cric07 .icon{background-image:url('/static/images/sub/c_real_ic07.png');}
#sub .real-icon .cric08 .icon{background-image:url('/static/images/sub/c_real_ic08.png');}
#sub .real-icon .cric09 .icon{background-image:url('/static/images/sub/c_real_ic09.png');}
#sub .real-icon .cric10 .icon{background-image:url('/static/images/sub/c_real_ic10.png');}
#sub .real-icon .cric11 .icon{background-image:url('/static/images/sub/c_real_ic11.png');}
#sub .real-icon .cric12 .icon{background-image:url('/static/images/sub/c_real_ic12.png');}
 
@media screen and (min-width:768px){  
	/* icon hover */
	#sub .realestate .sub-atc.c-architecture .real-icon a:hover .icon{background-color:#00a0e9;} 
	#sub .real-icon .cric01:hover .icon{background-image:url('/static/images/sub/c_real_ic01_w.png');}  
	#sub .real-icon .cric02:hover .icon{background-image:url('/static/images/sub/c_real_ic02_w.png');}  
	#sub .real-icon .cric03:hover .icon{background-image:url('/static/images/sub/c_real_ic03_w.png');}  
	#sub .real-icon .cric04:hover .icon{background-image:url('/static/images/sub/c_real_ic04_w.png');}  
	#sub .real-icon .cric05:hover .icon{background-image:url('/static/images/sub/c_real_ic05_w.png');}  
	#sub .real-icon .cric06:hover .icon{background-image:url('/static/images/sub/c_real_ic06_w.png');}  
	#sub .real-icon .cric07:hover .icon{background-image:url('/static/images/sub/c_real_ic07_w.png');}  
	#sub .real-icon .cric08:hover .icon{background-image:url('/static/images/sub/c_real_ic08_w.png');}  
	#sub .real-icon .cric09:hover .icon{background-image:url('/static/images/sub/c_real_ic09_w.png');}  
	#sub .real-icon .cric10:hover .icon{background-image:url('/static/images/sub/c_real_ic10_w.png');}  
	#sub .real-icon .cric11:hover .icon{background-image:url('/static/images/sub/c_real_ic11_w.png');}  
	#sub .real-icon .cric12:hover .icon{background-image:url('/static/images/sub/c_real_ic12_w.png');} 
}

#sub .realestate .modal-box {
  display: none;
  position: fixed;
  z-index: 1000;  
  background-clip: padding-box;
}  

#sub .realestate .modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(1, 1, 1, 0.5) !important;
}
 

#sub .realestate .modal-box { 
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
  background: #fff;
  padding: 50px;
  display: none;
   overflow-y:auto;
}

#sub .realestate .modal-box:before, #sub .realestate .modal-box:after {
  content: "";
  display: table;
}

#sub .realestate .modal-box:after {
  clear: both;
}

#sub .realestate .modal-box.visible {
  display: block;
}

#sub .realestate .modal-body > div {
  float: left;
  width: 50%;
}

#sub .realestate .modal-box .l {
  position: relative;
  height: 500px; 
  background-size:cover;
  background-position:center center;
}

#sub .realestate .modal-box .l .in {
  height: 100%;
}

#sub .realestate .modal-box .l .in .item {
  width: 100%;
  height: 100%;
  background: no-repeat center center / cover;
}

#sub .realestate .modal-box .l .controls button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  background: rgba(51, 51, 51, 0.85) no-repeat center center;
}
#sub .realestate .modal-body .r {
    padding: 30px 0 0 50px;
}
#sub .realestate .modal-body .r .cate {
    font-size: 18px;
    font-weight: 400; 
    vertical-align: middle;
    color: #00aeef;
    position: relative;
	margin-bottom: 10px;
}
#sub .realestate .modal-body .r .tit {
    font-size: 34px;
    font-weight: 500;
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
    line-height: 1.4;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom:10px;
}
#sub .realestate .modal-body .r ul{
	max-height:345px;
	overflow-y:auto;
}
#sub .realestate .modal-body .r ul li{
	padding:5px 0 5px 10px;
	position:relative;
	font-size:16px;
}
#sub .realestate .modal-body .r ul p{
	padding-left:10px;
	font-size:15px;
	margin-bottom:5px;
	color:#666
}
#sub .realestate .modal-body .r ul li:before{
	content:'';
	width:4px; 
	height:4px;
	border-radius:50%;
	position:absolute;
	left:0;
	top:15px;
	background:#00aeef;
}


#sub .realestate .modal-box .close {
  display: block;
  text-indent: -9999px;
  position: absolute;
  right: 30px;
  top: 30px;
  width: 25px;
  height: 25px;
  background: url("/static/images/sub/close-g.png") no-repeat center center/100%;
  cursor:pointer;
}

.bi-search-w {
  margin-top: 31px;
  border: 1px solid #ddd;
  border-top-color: #000;
  padding: 40px 50px;
  position: relative;
}

.bi-search-w .list-tb {
  width: 100%;
  font-size: 0;
  margin-bottom: 20px;
}

.bi-search-w .list-tb .list-tr {
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding:0 10px
}
.bi-search-w .list-tb .list-tr:first-of-type .ls-tb{
	height:auto;
}
.bi-search-w .list-tb .list-tr:first-of-type .ls-tb li{
	margin-bottom:5px;
}
.bi-search-w .list-tb .list-tr:before, .bi-search-w .list-tb .list-tr:after {
  content: "";
  display: table;
}

.bi-search-w .list-tb .list-tr:after {
  clear: both;
}

.bi-search-w .list-tb .list-tr:not(:first-of-type) {
  width: 50%;
  display: inline-table;
}

.bi-search-w .list-tb .list-tr > * {
  float: left;
  padding: 20px 0;
  height: 85px;
}

.bi-search-w .list-tb .list-tr .ls-th {
  font-size: 16px;
  font-weight: 500;
  width: 107px;
  padding: 30px 0;
}

.bi-search-w .list-tb .list-tr .ls-tb {
  width: calc(100% - 107px);
  width: -moz-calc(100% - 107px);
  width: -webkit-calc(100% - 107px);
  width: -o-calc(100% - 107px);
  width: -ms-calc(100% - 107px);
}

.bi-search-w .list-tb .list-tr .ls-tb:before, .bi-search-w .list-tb .list-tr .ls-tb:after {
  content: "";
  display: table;
}

.bi-search-w .list-tb .list-tr .ls-tb:after {
  clear: both;
}

.bi-search-w .list-tb .list-tr .ls-tb.w-inline {
  font-size: 0;
}

.bi-search-w .list-tb .list-tr .ls-tb.w-inline > * {
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}

.bi-search-w .list-tb .list-tr .ls-tb select {
  font-size: 14px;
  color: #666;
  height: 45px;
  border: 1px solid #ddd;
  padding-left: 15px;
  background: url("/static/images/sel-down.png") no-repeat center right 10%;
}

.bi-search-w .list-tb .list-tr .ls-tb select.sel-w-150 {
  width: 150px;
}

.bi-search-w .list-tb .list-tr .ls-tb select.sel-w-120 {
  width: 120px;
}

.bi-search-w .list-tb .list-tr .ls-tb select.sel-period {
  margin-right: 10px;
}

.bi-search-w .list-tb .list-tr .ls-tb input {
  font-size: 14px;
  height: 45px;
  border: 1px solid #ddd;
  padding-left: 15px;
  font-weight:400;
}
.bi-search-w .list-tb .list-tr .ls-tb input::placeholder{
	font-weight:400;
}
.bi-search-w .list-tb .list-tr .ls-tb input.ipt-kwd {
  width: 100%;
}

.bi-search-w .list-tb .list-tr .ls-tb .picker-list {
  font-size: 0;
}

.bi-search-w .list-tb .list-tr .ls-tb .picker-list li {
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  border: 1px solid #d6d6d6;
  text-align: center;
}

.bi-search-w .list-tb .list-tr .ls-tb .picker-list li:not(:last-of-type) {
  margin-right: 10px;
}

.bi-search-w .list-tb .list-tr .ls-tb .picker-list li.on {
  background: #00aeef;
  color: #fff;
  border-color: transparent;
}

.bi-search-w .list-tb .list-tr .ls-tb .picker-list li a {
  display: block;
  padding: 10px 20px;
}

.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list {
  font-size: 0;
}

@media (max-width: 1280px) {
  .bi-search-w .list-tb .list-tr .ls-tb .datepicker-list {
    float: none;
    width: 100%; 
    margin: 1em 0 0 0;
  }
}

.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list .tilde {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  color: #666;
}

.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list .picker-li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list .picker-li .ipt-cal {
  width: 150px;
  height: 45px;
  display: inline-block;
  vertical-align: middle;
}

.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list .picker-li .ui-datepicker-trigger {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list .picker-li .ui-datepicker-trigger img {
  position: absolute;
  right: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.bi-search-w .btn-submit {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: #444;
  width: 200px;
  padding: 13px;
  display: block;
  margin: 0 auto;
}

.bi-search-w .btn-reset {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  position: absolute;
  right: 50px;
  bottom: 50px;
  background: transparent;
}

.bi-search-w .btn-reset span {
  position: relative;
  padding-left: 26px;
}

.bi-search-w .btn-reset span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url("/static/images/ico-reset.png") no-repeat center center/100%;
}
.bi-search-w .list-tb .list-tr > .btn-fold{
	height:44px;
}
.bi-search-w .btn-fold {
  position: absolute;
  right: 50px;
  top: 60px;
  background: transparent;
  width: 22px;
  height: 12px;
  display: block;
  text-indent: -9999px;
  background: url("/static/images/btn-fold.png") no-repeat center center/100%;
}

.bi-search-w .btn-fold.close {
  background: url("/static/images/btn-fold-r.png") no-repeat center center/100%;
}

#sub .sub_con .sub-atc.c-architecture .search-result {
  margin: 60px 0 20px;
}

#sub .sub_con .sub-atc.c-architecture .search-result:before, #sub .sub_con .sub-atc.c-architecture .search-result:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-architecture .search-result:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-architecture .search-result .count {
  font-size: 16px;
  font-weight: 400;
}

#sub .sub_con .sub-atc.c-architecture .search-result .count strong {
  color: #00aeef;
  font-weight: 400;
}

#sub .sub_con .sub-atc.c-architecture .list-modal {
  margin: 0 0 20px -40px;
}

#sub .sub_con .sub-atc.c-architecture .list-modal:before, #sub .sub_con .sub-atc.c-architecture .list-modal:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-architecture .list-modal:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li {
  float: left;
  width: calc(33.333% - 40px);
  width: -moz-calc(33.333% - 40px);
  width: -webkit-calc(33.333% - 40px);
  width: -o-calc(33.333% - 40px);
  width: -ms-calc(33.333% - 40px);
  height: 350px;
  margin: 0 0 40px 40px;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a {
  position: relative;
  display: block;
  height: 100%;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a:hover .txt .tit, 
#sub .sub_con .sub-atc.c-architecture .list-modal > li > a:focus .txt .tit {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a:hover .txt .list-detailed, 
#sub .sub_con .sub-atc.c-architecture .list-modal > li > a:focus .txt .list-detailed {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.md-project-viewer .md-project-w .l .condition {
  font-size: 14px;
  color: #fff;
  width: 60px;
  text-align: center;
  padding: 2.5px; 
  display:block;
  margin: 0 0 10px;
}

.md-project-viewer .md-project-w .l .condition.type-a {
  background: #f36523;
}

.md-project-viewer .md-project-w .l .condition.type-b {
  background: #222;
}


#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .condition {
  font-size: 14px;
  color: #fff;
  width: 60px;
  text-align: center;
  padding: 4.5px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .condition.type-a {
  background: #f36523;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .condition.type-b {
  background: #222;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .bg-img {
  background: no-repeat center center / cover;
  overflow: hidden;
  position: relative;
  height: 100%;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .bg-img:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(black));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, black 100%);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt {
  padding: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .tit {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  word-break: keep-all;
  -webkit-transform: translateY(70px);
          transform: translateY(70px);
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .list-detailed {
  margin-top: 15px;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .list-detailed li {
  font-size: 15px;
  color: #fff;
  position: relative;
  padding-left: 12px;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .list-detailed li:not(:last-of-type) {
  margin-bottom: 8px;
}

#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .list-detailed li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w {
  margin: 0 auto 0;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .year {
  font-size: 50px;
  font-weight: 700;
  display: block;
  color: #00aeef;
  margin-bottom: 10px;
  position:relative;
  padding: 40px 0 0;
}
#sub .sub_con .sub-atc.c-performance .history-carousel-w .year:after{
	content:''; 
	width:100%;
	background:#ddd;
	height:1px; 
	position:absolute;
	top:0;
	left:0;
}
#sub .sub_con .sub-atc.c-performance .history-carousel-w .year:before{
	content:''; 
	width:112px;
	background:#00aeef;
	height:2px; 
	position:absolute;
	top:0;
	left:0;
	z-index: 2;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .counter {
  position: absolute;
  right: 120px;
  top: 67px;
  font-size: 15px;
  font-weight: 400;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .counter .c-hl {
  font-weight: 400;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel {
  position: relative;
  margin-bottom: 70px;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel:not(:last-of-type) {
  margin-bottom: 80px;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .controls button {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 52.5px;
  display: block;
  text-indent: -9999px;
  border: 1px solid #ddd;
  background: no-repeat center center;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .controls button:hover, #sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .controls button:focus {
  background-color: #f8f8f8;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .controls button.ar-prev {
  right: 50px;
  border-right: none;
  background-image: url("/static/images/sub/p-ar-prev.png");
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .controls button.ar-next {
  right: 0;
  background-image: url("/static/images/sub/p-ar-next.png");
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .progress {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  margin-bottom: 37.5px;
  position: relative;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .progress .progress-poll {
  position: absolute;
  bottom: 0;
  display: block;
  height: 2px;
  z-index: 2;
  background-image: -webkit-gradient(linear, left top, right top, from(#00aeef), to(#00aeef));
  background-image: linear-gradient(to right, #00aeef, #00aeef);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  width: 100%;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .in {
  margin: 0 -20px;
  height: 365px;
} 
#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item {
  position: relative;
  display: block;
  height: 100%;
  width:23.125%;
  margin-right:2.5%;
  margin-bottom:2.5%;
  float:left;

}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item:nth-child(4n){margin-right:0;}
#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item:hover .bg-img:before {
  opacity: 1;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .condition {
  font-size: 14px;
  color: #fff;
  width: 60px;
  text-align: center;
  padding: 4.5px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .condition.type-a {
  background: #f36523;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .condition.type-b {
  background: #222;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .bg-img {
  background: no-repeat center center / cover;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom:90%;
  width:100%;

}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .bg-img:before {
  opacity: 0.5;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: white;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(34, 34, 34, 0.6)));
  background: linear-gradient(to bottom, transparent 0%, rgba(34, 34, 34, 0.6) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1e1e1e',GradientType=0 );
  /* IE6-9 */
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .txt {
  padding: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .txt .tit {
  font-size: 16px;
  color: #fff;
  text-align:center;
  font-weight: 500;
  word-break: keep-all;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-list{
	overflow:hidden;
}

#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .v-more{
	border:1px solid #ddd;
	color:#666;
	cursor:pointer;
	font-weight:500;
	font-size:14px;
	margin: 20px auto 0;
}
#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .v-more span{
	color:#999
}
#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .v-more:hover{
	background:#fff;
	border-color:#aaa;
}
#sub .sub_con .sub-atc.c-news .bbs-gall-cont {
  padding-bottom: 0;
} 
#sub .sub_con .sub-atc.c-news .bbs-search {
  max-width: 1280px;
  margin: 0 auto 50px;
  background: #f8f8f8;
  position: relative;
  height: 100px;
}

#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category {
  position: absolute;
  left: 80px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category:before, #sub .sub_con .sub-atc.c-news .bbs-search .bbs-category:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category li {
  font-size: 15px;
  position: relative;
  float: left;
}

#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category li.on a {
  background: #00aeef;
  color: #fff;
  font-weight: 500;
  padding: 11px 21.5px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.12);
          box-shadow: 0px 0px 5px rgba(1, 1, 1, 0.12);
}

#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category li:not(:last-of-type) {
  padding-right: 24px;
  margin-right: 24px;
}

#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category li:not(:last-of-type):after {
  content: '';
  position: absolute;
  right: 0;
  top: 5px;
  width: 1px;
  height: 12px;
  background: #000;
}

#sub .sub_con .sub-atc.c-news .bbs-search .search-w {
  position: absolute;
  right: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 20px;
  width: 550px;
  border-bottom: 1px solid #333;
  padding-bottom: 10px;
}

#sub .sub_con .sub-atc.c-news .bbs-search .search-w .ipt-search {
  width: 100%;
  font-size: 18px;
  background: transparent;
  padding-left: 10px;
  padding-right:40px;
  vertical-align:middle;
}

#sub .sub_con .sub-atc.c-news .bbs-search .search-w .ipt-search::-webkit-input-placeholder {
  font-size: 18px;
  color: #aaa;
}

#sub .sub_con .sub-atc.c-news .bbs-search .search-w .ipt-search:-ms-input-placeholder {
  font-size: 18px;
  color: #aaa;
}

#sub .sub_con .sub-atc.c-news .bbs-search .search-w .ipt-search::-ms-input-placeholder {
  font-size: 18px;
  color: #aaa;
}

#sub .sub_con .sub-atc.c-news .bbs-search .search-w .ipt-search::placeholder {
  font-size: 18px;
  color: #aaa;
}

#sub .sub_con .sub-atc.c-news .bbs-search .search-w .btn-search {
  display: block;
  text-indent: -9999px;
  width: 25px;
  height: 26px;
  background: url("/static/images/ico-search.png") no-repeat center center/100%;
  position: absolute;
  right: 0;
  bottom: 10px;
  vertical-align:middle;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont {
  background: #fff;
  padding: 0 0 130px;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-count {
  font-size: 16px;
  padding-bottom: 16px; 
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall {
  margin-left: -40px;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall:before, #sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li {
  float: left;
  width: calc(33.333% - 40px);
  width: -moz-calc(33.333% - 40px);
  width: -webkit-calc(33.333% - 40px);
  width: -o-calc(33.333% - 40px);
  width: -ms-calc(33.333% - 40px);
  margin: 0 0 40px 40px;
  position: relative;
  -webkit-box-shadow: 0px 0px 0px 1px #ddd;
          box-shadow: 0px 0px 0px 1px #ddd;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a {
  display: block;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a:hover .txt .tit, #sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a:focus .txt .tit {
  text-decoration: underline;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a:hover .img img, #sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a:focus .img img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .img {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 68.8535%;
  background-size:cover;
  background-position:center center;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .img img {
  width: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt {
  background: #fff;
  padding: 25px 30px 26.5px;
  border-top: 1px solid #ddd;
  position: relative;
  min-height: 158px;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt .tit {
  overflow: hidden;
  max-height: 60px;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  visibility: visible;
  text-overflow: -o-ellipsis-lastline;
  font-size: 20px;
  margin-bottom: 23.5px;
  word-break: keep-all;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt .date {
  font-size: 15px;
  font-weight: 300;
  color: #999;
  position: absolute;
  left: 30px;
  bottom: 26.5px;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt .cate {
  position: absolute;
  right: 30px;
  bottom: 26.5px;
  color: #00aeef;
  font-size: 15px;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt .cate.has-d {
  padding-left: 33px;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt .cate.has-d:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 19px;
  height: 17px;
  background: url("/static/images/acc-down-g.png") no-repeat center center/100%;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination {
  font-size: 0;
  text-align: center;
  margin-top: 5rem;
}

@media (max-width: 640px) {
  #sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination {
    margin-top: 6rem;
  }
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination a {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius:50%;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination a:not(.num) {
  border: 1px solid #ddd;
  background: transparent no-repeat center center;
  display: block;
  text-indent: -9999px;
  display: inline-block;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination a:not(.num).prev-end {
  background-image: url("/static/images/pg-prev-end.png");
  margin-right: 5px;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination a:not(.num).prev {
  background-image: url("/static/images/pg-prev.png");
  margin-right: 10px;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination a:not(.num).next {
  background-image: url("/static/images/pg-next.png");
  margin-left: 10px;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination a:not(.num).next-end {
  margin-left: 5px;
  background-image: url("/static/images/pg-next-end.png");
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination a.num {
  color: #666;
  margin: 0 .7em;
  font-size:16px; 
  width:auto;
}

#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination a.num.current {
  color: #00aeef;
}


/* basic 문의내역확인 추가 */
#sub .sub_con .bbs-basic{width:100%;  text-align:center;}
#sub .sub_con .bbs-basic thead{border-top:1px solid #333; }
#sub .sub_con .bbs-basic th{border-bottom:1px solid #ddd; padding:20px 10px;}
#sub .sub_con .bbs-basic td{border-bottom:1px solid #ddd; padding:20px 10px;}
#sub .sub_con .bbs-basic tbody .tit{text-align:left}



#sub .sub_con .sub-atc.c-news .bbs-view:before, #sub .sub_con .sub-atc.c-news .bbs-view:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-news .bbs-view:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in {
  border-top: 2px solid #000;
  border-bottom: 1px solid #000;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top {
  width: 100%;
  padding: 33.5px 0 40px;
  border-bottom: 1px solid #d8d8d8;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area {
  padding :0 20px;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area .tit {
  font-size: 26px;
  font-weight: 500;
  margin-bottom: 10px;
}
#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area .tit .cate{
	font-size:16px;
	color:#00aeef ;
	display:block;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area .tit strong {
  font-weight: 500;
  display:block;
  margin:5px 0 0;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area .date {
  letter-spacing: -0.05rem;
  font-weight: 300;
  font-size: 0;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area .date span {
  font-size: 14px;
  color: #666;
  display: inline-block;
  position: relative;
  font-weight: 400;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area .date span .ymd {
  margin-left: 10px;
  padding-left: 12px;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area .date span .ymd:before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 10px;
  background: #ddd;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file {
  font-size: 16px;
  background: #f8f8f8;
  padding: 20px;
  margin-top: 36px;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file:before, #sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .l {
  float: left;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .l .sbj {
  color: #666;
  position: relative;
  padding-right: 14px;
  margin-right: 14px;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .l .sbj:after {
  content: '';
  position: absolute;
  right: 0;
  top: 3.5px;
  width: 1px;
  height: 12px;
  background: #ddd;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .l .v-down {
  font-weight: 300;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .r {
  float: right;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .r .v-link {
  color: #333;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .r .v-link span {
  position: relative;
  padding: 4px 37px 0 0;
  background: url("/static/images/acc-down.png") no-repeat center right;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .cont {
  font-size: 16px;
  font-weight: 300;
  color: #666;
  padding: 80px 40px 190px;
  text-align: left;
  overflow: auto;
  letter-spacing: -0.035rem;
}

#sub .sub_con .sub-atc.c-news .bbs-view .in .cont2 {
  font-size: 16px;
  font-weight: 300;
  color: #666;
  padding: 40px;
  background:#f8f8f8;
  margin:20px;
  text-align: left;
  overflow: auto;
  letter-spacing: -0.035rem;
}
#sub .sub_con .sub-atc.c-news .bbs-view .in .cont strong,
#sub .sub_con .sub-atc.c-news .bbs-view .in .cont2 strong {
	font-weight:600;
}
 
#sub .sub_con .sub-atc.c-news .bbs-view .in .cont2 * {
	font-family: 'Roboto','NotoSans', sans-serif !important;
}
#sub .sub_con .sub-atc.c-news .bbs-view .in .qTit{
	padding:0 20px; font-size:20px; font-weight:500;
	margin:50px 0 0;
}
#sub .sub_con .sub-atc.c-news .bbs-view .in .date{
	font-size:14px;
	font-weight:400; 
	padding:0 20px;
	margin: 0 0 50px;
}
#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w {
  margin-top: 40px;
  text-align: center;
  position: relative;
}

#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w .btn-list {
  color: #333;
  font-size: 16px;
  width: 140px;
  height: 50px;
  border: 1px solid #ddd;
  text-align: center;
  background: #fff;
  font-weight: 400;
  margin: 0 auto;
}

#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w .btn-list:hover {
  color: #fff;
  background: #00aeef;
}

#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w .btn-list:hover span {
  background: url("/static/images/sub/btn-list-w.png") right center no-repeat;
}

#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w .btn-list span {
  padding-right: 2.143em;
  background: url("/static/images/sub/btn-list.png") right center no-repeat;
}

#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w .v-prev {
  position: absolute;
  left: 0;
  top: 16.5px;
}

#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w .v-prev span {
  position: relative;
  padding-left: 25px;
  background: url("/static/images/sub/v-prev.png") no-repeat left center;
}

#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w .v-next {
  position: absolute;
  right: 0;
  top: 16.5px;
}

#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w .v-next span {
  position: relative;
  padding-right: 25px;
  background: url("/static/images/sub/v-next.png") no-repeat right center;
}

.brand_br {
	display: none;
}

#sub .sub_con .sub-atc.c-brand {
  padding-bottom: 0;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-a {
  padding: 90px 50px 100px;
  background: url("/static/images/sub/bi-cola-bg01.jpg") no-repeat center center/cover;
  position: relative; 
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-a img { 
  margin: 0 auto; 
  display:block;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b {
  padding: 100px 0 120px;
  position: relative;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 58.0645%;
  background: #f8f8f8;
  z-index: -1;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .inner:before, #sub .sub_con .sub-atc.c-brand #tabCi .col-b .inner:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .inner:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid {
  position: relative;
  width: 100%;
  height: 310px;
  border: 1px solid #eee;
  background: url("/static/images/sub/bg-grid.png");
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid span {
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  background: no-repeat center center / 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  text-indent: -9999px;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid span.ci-hor {
  width: 20.2em;
  height: 10.7em;
  left: 50%;
  margin-left:-30.3em;
  background-image: url("/static/images/sub/ci-hor.png");
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid span.ci-ver {
  width: 32.9em;
  height: 8.5em;
  left: 50%;
  margin-left:11em;
  background-image: url("/static/images/sub/ci-ver.png");
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li {
  padding: 42.5px 40px;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li:before, #sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li:not(:last-of-type) {
  border-bottom: 1px solid #ddd;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li > * {
  float: left;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .tit-area {
  width: 290px;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .tit-area .tit {
  font-size: 30px;
  color: #00aeef;
  font-weight: 500;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .tit-area .tit-des {
  font-size: 16px;
  color: #999;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .cont {
  font-size: 16px;
  width: calc(100% - 290px);
  width: -moz-calc(100% - 290px);
  width: -webkit-calc(100% - 290px);
  width: -o-calc(100% - 290px);
  width: -ms-calc(100% - 290px);
  color: #666;
  padding-top: 7.5px;
  word-break: keep-all;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .btn-down.type-a {
  font-size: 16px;
  display: block;
  width: 260px;
  margin: 0 auto; 
  background: #fff;
  border: 1px solid #333;
  padding: 20px;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  float: right;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .btn-down.type-a:hover {
  border-color: transparent;
  color: #fff;
  background: #00aeef;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .btn-down.type-a:hover span:after {
  background: url("/static/images/sub/acc-down-white.png") no-repeat center center ;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .btn-down.type-a span {
  position: relative;
  padding-right: 45px;
  display:block;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-b .btn-down.type-a span:after {
  content: '';
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  right: 0;
  top: 2px;
  width: 22px;
  height: 19px;
  background: url("/static/images/sub/acc-down-black.png") no-repeat center center/100%;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c {
  padding: 100px 0 110px;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .inner:before, #sub .sub_con .sub-atc.c-brand #tabCi .col-c .inner:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .inner:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system {
  display: table;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system:before, #sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li {
  float: left;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li:before, #sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li:nth-of-type(1) {
  margin-right: 100px;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li > * {
  float: left;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .cir {
  width: 180px;
  height: 180px;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  border-radius: 50%;
  display: table;
  text-align: center;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .cir span {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code {
  margin-top: 45.5px;
  margin-left: 35px;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li:before, #sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li:not(:last-of-type) {
  margin-bottom: 11px;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li > * {
  float: left;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li .tit {
  font-size: 18px;
  font-weight: 500;
  width: 90px;
  letter-spacing: 1px;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li .val {
  font-size: 18px;
  font-weight: 300;
  color: #666;
  width: calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  width: -webkit-calc(100% - 90px);
  width: -o-calc(100% - 90px);
  width: -ms-calc(100% - 90px);
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li:nth-of-type(1) .cir {
  background: #0078c1;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li:nth-of-type(2) .cir {
  background: #00aeef;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-d {
  padding: 90px 0 130px;
  background: #f8f8f8;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type {
  margin-left: -16px;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type:before, #sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li {
  float: left;
  width: calc(25% - 16px);
  width: -moz-calc(25% - 16px);
  width: -webkit-calc(25% - 16px);
  width: -o-calc(25% - 16px);
  width: -ms-calc(25% - 16px);
  margin-left: 16px;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li a {
  display: block;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li a:hover .txt {
	background: url(/static/images/sub/acc-down-white.png) #00aeef no-repeat right 20px center; 
  color:#fff; 
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li a .img {
  position: relative;
  height: 208px;
  border: 1px solid #e8e8e8;
  background: #fff;
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li a .img img {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li a .txt {
  font-size: 16px; 
  margin-top: 13.5px;
  background: url("/static/images/sub/acc-down-white.png") #a5a5a5 no-repeat right 20px center;
  padding:20px;  
  color:#fff;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-a {
  background: #f1f4f9;
  padding: 110px 0;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner {
  position: relative;
  padding-left: 620px;
  padding-right:50px;
}
 
#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner .bi-tit{
  position: absolute;
  left: 50px;  
}
#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner .bi-tit p{
	font-size:18px;
	color:#0039a6;
	font-weight:500;
	margin:15px 0 0;
}
#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner .i-benest {
  display: block;
  text-indent: -9999px;  
  width: 308px;
  height: 53px;
  background: url("/static/images/sub/benest.png") no-repeat center center/100%;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner .des {
  font-size: 16px;
  color: #666;
  line-height: 1.875;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b:before, #sub .sub_con .sub-atc.c-brand #tabBi .col-b:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .inner {
  margin-top: -70px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid {
  width: 100%;
  height: 310px;
  border: 1px solid #ddd;
  background: url("/static/images/sub/bg-grid.png") ;
  position: relative;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid span {
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  background: no-repeat center center / 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  text-indent: -9999px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid span.bi-hor {
  width: 38.5em;
    height: 4.6em;
    left: 50%;
    margin-left: -19.25em;
  background-image: url("/static/images/sub/benest-hor.png");
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid span.bi-ver {
  width: 15.1em;
  height: 14.2em;
  left: 50%;
  margin-left: -35em;
  background-image: url("/static/images/sub/benest-ver.jpg"); 
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap {
  background: #0039a6;
  padding: 25px 50px;
  margin-bottom: 40px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap:before, #sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap > * {
  float: left;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap .tit {
  font-size: 20px;
  color: #fff;
  width: 145px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap .des {
  font-size: 16px;
  color: #fff;
  width: calc(100% - 145px);
  width: -moz-calc(100% - 145px);
  width: -webkit-calc(100% - 145px);
  width: -o-calc(100% - 145px);
  width: -ms-calc(100% - 145px);
  letter-spacing: -0.05rem;
  line-height: 1.875;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .btn-down.type-a {
  font-size: 16px;
  display: block;
  width: 260px;
  margin: 0 auto; 
  background: #fff;
  border: 1px solid #333;
  padding: 20px;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  float: right;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .btn-down.type-a:hover {
  border-color: transparent;
  color: #fff;
  background: #0039a6;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .btn-down.type-a:hover span:after {
  background: url("/static/images/sub/acc-down-white.png") no-repeat center center;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .btn-down.type-a span {
  position: relative;
  padding-right: 45px;
  display:block;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-b .btn-down.type-a span:after {
  content: '';
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  right: 0;
  top: 2px;
  width: 22px;
  height: 19px;
  background: url("/static/images/sub/acc-down-black.png") no-repeat center center;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c {
  padding: 50px 0 115px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .in {
  max-width: 480px;
  margin: 0 auto;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .in:before, #sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .in:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .in:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .in > * {
  float: left;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .cir {
  width: 180px;
  height: 180px;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  border-radius: 50%;
  display: table;
  text-align: center;
  background: #0039a6;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .cir span {
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code {
  margin-top: 45.5px;
  margin-left: 35px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code li:before, #sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code li:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code li:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code li:not(:last-of-type) {
  margin-bottom: 11px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code li > * {
  float: left;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code li .tit {
  font-size: 18px;
  font-weight: 500;
  width: 90px;
  letter-spacing: 1px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code li .val {
  font-size: 18px;
  font-weight: 300;
  color: #666;
  width: calc(100% - 90px);
  width: -moz-calc(100% - 90px);
  width: -webkit-calc(100% - 90px);
  width: -o-calc(100% - 90px);
  width: -ms-calc(100% - 90px);
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d {
  background: #f8f8f8;
  padding: 100px 0 120px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization {
  margin-left: -40px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization:before, #sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li {
  float: left;
  width: calc(33.333% - 40px);
  width: -moz-calc(33.333% - 40px);
  width: -webkit-calc(33.333% - 40px);
  width: -o-calc(33.333% - 40px);
  width: -ms-calc(33.333% - 40px);
  margin-left: 40px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li:before, #sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li .img {
  border: 1px solid #ddd;
  position: relative;
  height: 250px;
  background: #fff;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li .img img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0; 
  margin: -17.5px auto 0;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li .caption {
  font-size: 18px;
  color: #fff;
  padding: 16.5px 30px;
  width: 70%;
  float: right;
  margin-top: -30px;
  position: relative;
  z-index: 1;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li .caption span {
  padding-right: 13px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li:nth-of-type(1) .caption {
  background: #201d1e;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li:nth-of-type(2) .caption {
  background: #927d46;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li:nth-of-type(3) .caption {
  background: #888a90;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e {
  padding: 120px 0 130px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li {
  height: 220px;
  border: 1px solid #e8e8e8;
  padding-left: 440px;
  position: relative; 
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li:before, #sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li:not(:last-of-type) {
  margin-bottom: 17px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .sub-brand-logo {
  font-size: 16px;
  position: relative;
  position: absolute;
  left: 70px;
  top: 65px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .sub-brand-logo .sup {
  font-size: 16px;
  display: block;
  margin-bottom: 6px;
  font-weight:500;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .sub-brand-logo .brand-logo {
  display: block;
  text-indent: -9999px;
  display: block;
  width: 255px;
  height: 29px;
  background: no-repeat center center / 100%;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .txt {
  padding-top: 60px;
  padding-right:50px;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .txt .tit {
  font-size: 22px;
  margin-bottom: 10.5px;
  font-weight: 500;
  line-height:1.4;
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .txt .des {
  font-size: 16px;
  color: #666; 
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li:nth-of-type(1) .sub-brand-logo .brand-logo {
  background-image: url("/static/images/sub/benest-house.png");
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li:nth-of-type(2) .sub-brand-logo .brand-logo {
  background-image: url("/static/images/sub/benest-loft.png");
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li:nth-of-type(3) .sub-brand-logo .brand-logo {
  background-image: url("/static/images/sub/benest-sens.png");
}

#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li:nth-of-type(4) .sub-brand-logo .brand-logo {
  background-image: url("/static/images/sub/benest-work.png");
}

#sub .sub_con .sub-atc.c-brand #tabBr .col-a {
	width: 100%;
	height: 460px;
	margin-bottom: 160px;
}

#sub .sub_con .sub-atc.c-brand #tabBr .br-left {
	width: 50%;
	height: 100%;
	float: left;
}

#sub .sub_con .sub-atc.c-brand #tabBr .br-right {
    padding: 77px;
	width: 50%;
	height: 100%;
	float: right;
	text-align: center;
}

#sub .sub_con .sub-atc.c-brand #tabBr .br-right h4 {
	font-size: 30px;
    color: #333;
    font-weight: 500;
}

#sub .sub_con .sub-atc.c-brand #tabBr .br-right p {
	padding-bottom: 62px;
	font-size: 18px;
    color: #666;
}

#sub .sub_con .sub-atc.c-brand #tabBr .br-right .br-btn a {
    display: block;
    margin: 0 auto;
    padding-left: 30px;
	width: 290px;
    height: 65px;
    line-height: 65px;
    border: 1px solid #333;
    color: #333;
    text-align: left;
    font-size: 16px;
    background: url(/static/images/sub/acc-down-black.png) no-repeat right 20px center/20px;
}

#sub .sub_con .sub-atc.c-brand #tabBr .br-right .br-btn a:hover {
    color: #fff;
    border: none;
    background: #00a0e9 url(/static/images/sub/acc-down-white.png) no-repeat right 20px center/20px;
}

#sub .sub_con .sub-atc.c-brand #tabBr .br-right .br-btn a:first-child {
	margin-bottom: 20px;
}



#sub .sub_con .sub-atc.c-vision .bn-t { 
  padding:100px 50px;
  position: relative;
  text-align: center;
  background: url("/static/images/sub/vision-bn01.jpg") no-repeat center center/cover;
  margin-bottom: 95px;
}

#sub .sub_con .sub-atc.c-vision .bn-t .txt {  
}

#sub .sub_con .sub-atc.c-vision .bn-t .txt .tit {
  font-size: 36px;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}

#sub .sub_con .sub-atc.c-vision .bn-t .txt .tit:after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  margin: 22.5px auto 26px;
  background: rgba(255, 255, 255, 0.5);
}

#sub .sub_con .sub-atc.c-vision .bn-t .txt .tit-des {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.667;
}

#sub .sub_con .sub-atc.c-vision .slg-list {
  margin-left: -40px;
  padding: 0 5px 50px;
}

#sub .sub_con .sub-atc.c-vision .slg-list:before, #sub .sub_con .sub-atc.c-vision .slg-list:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-vision .slg-list:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-vision .slg-list li {
  text-align: center;
  float: left;
  width: calc(33.333% - 40px);
  width: -moz-calc(33.333% - 40px);
  width: -webkit-calc(33.333% - 40px);
  width: -o-calc(33.333% - 40px);
  width: -ms-calc(33.333% - 40px);
  margin-left: 40px;
}

#sub .sub_con .sub-atc.c-vision .slg-list li:nth-of-type(1) .tit:before {
  background-image: url("/static/images/sub/vision-ico01.png");
  width: 80px;
  height: 80px;
}

#sub .sub_con .sub-atc.c-vision .slg-list li:nth-of-type(2) .tit:before {
  background-image: url("/static/images/sub/vision-ico02.png");
  width: 80px;
  height: 87px;
}

#sub .sub_con .sub-atc.c-vision .slg-list li:nth-of-type(3) .tit:before {
  background-image: url("/static/images/sub/vision-ico03.png");
  width: 96px;
  height: 92px;
}

#sub .sub_con .sub-atc.c-vision .slg-list li .tit {
  font-size: 26px;
  position: relative;
  padding-top: 125px;
}

#sub .sub_con .sub-atc.c-vision .slg-list li .tit:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  background: no-repeat center center / 100%;
}

#sub .sub_con .sub-atc.c-vision .slg-list li .tit:after {
  content: '';
  display: block;
  width: 30px;
  height: 1px;
  margin: 22.5px auto 26px;
  background: #ddd;
}

#sub .sub_con .sub-atc.c-vision .slg-list li .des {
  font-size: 16px;
  color: #666;
  line-height: 1.875;
  word-break: keep-all;
}

#sub .sub_con .sub-atc.c-ethics {
  padding-bottom: 0;
}

#sub .sub_con .sub-atc.c-ethics .col-a {
  padding-bottom: 50px;
}

#sub .sub_con .sub-atc.c-ethics .col-a .img {
  text-align: center;
  margin-bottom: 70px;
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step {
  margin-left: -20px;
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step:before, #sub .sub_con .sub-atc.c-ethics .col-a .ethics-step:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li {
  float: left;
  width: calc(33.333% - 20px);
  width: -moz-calc(33.333% - 20px);
  width: -webkit-calc(33.333% - 20px);
  width: -o-calc(33.333% - 20px);
  width: -ms-calc(33.333% - 20px);
  margin-bottom: 70px;
  padding-left: 170px;
  position: relative;
  margin-left: 20px;
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li .tit {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 13px;
  padding-top: 10px;
  letter-spacing: -0.2rem;
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li .des-list li {
  font-size: 16px;
  color: #666;
  padding: 3px 0;
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li:before {
  content: '';
  width: 140px;
  height: 140px;
  border-radius: 50%;
  border: 1px dashed #00aeef;
  position: absolute;
  left: 0;
  top: 0;
  background: no-repeat center center;
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li:nth-of-type(1):before {
  background-image: url("/static/images/sub/ethics-ico01.png");
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li:nth-of-type(2):before {
  background-image: url("/static/images/sub/ethics-ico02.png");
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li:nth-of-type(3):before {
  background-image: url("/static/images/sub/ethics-ico03.png");
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li:nth-of-type(4):before {
  background-image: url("/static/images/sub/ethics-ico04.png");
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li:nth-of-type(5):before {
  background-image: url("/static/images/sub/ethics-ico05.png");
}

#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li:nth-of-type(6):before {
  background-image: url("/static/images/sub/ethics-ico06.png");
}

#sub .sub_con .sub-atc.c-ethics .col-b {
  background: #f8f8f8;
  padding: 100px 0 90px;
}

#sub .sub_con .sub-atc.c-ethics .col-b .charter {
  margin-left: -30px;
}

#sub .sub_con .sub-atc.c-ethics .col-b .charter:before, #sub .sub_con .sub-atc.c-ethics .col-b .charter:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-ethics .col-b .charter:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-ethics .col-b .charter li {
  float: left;
  width: calc(33.333% - 30px);
  width: -moz-calc(33.333% - 30px);
  width: -webkit-calc(33.333% - 30px);
  width: -o-calc(33.333% - 30px);
  width: -ms-calc(33.333% - 30px);
  height: 255px;
  margin: 0 0 30px 30px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 45px 30px;
}

#sub .sub_con .sub-atc.c-ethics .col-b .charter li .top {
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

#sub .sub_con .sub-atc.c-ethics .col-b .charter li .top strong {
  font-weight: 500;
  position: relative;
}

#sub .sub_con .sub-atc.c-ethics .col-b .charter li .top strong:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 100%;
  height: 2px;
  background: #00aeef;
}

#sub .sub_con .sub-atc.c-ethics .col-b .charter li .des {
  font-size: 16px;
  color: #666;
  line-height: 1.875;
  letter-spacing: -0.1rem;
}

#sub .sub_con .sub-atc.c-growup .cir-step {
  max-width: 1220px;
  margin: 0 auto;
}

#sub .sub_con .sub-atc.c-growup .cir-step:before, #sub .sub_con .sub-atc.c-growup .cir-step:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-growup .cir-step:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li {
  width: 20%;
  float: left;
  margin: 0 -5px;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir {
  width: 260px;
  height: 260px;
  border-radius: 50%;
  padding-top: 75px;
  padding-left: 60px;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir .no {
  font-size: 40px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.8);
  display: block;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir .tit {
  font-size: 18px;
  font-weight: 500;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des {
  font-size: 15px;
  padding-left: 60px;
  position: relative;
  margin-top: 26.5px;
  width: 250px;
  color: #666;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des .has-clip span {
  position: relative;
  padding-right: 20px;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des .has-clip span:after {
  content: '';
  position: absolute;
  right: 0;
  top: 2.5px;
  width: 14px;
  height: 13px;
  background: url("/static/images/sub/acc-clip.png") no-repeat center center/100%;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des:before {
  content: '';
  position: absolute;
  left: 44px;
  top: 4px;
  width: 3px;
  height: 14px;
  background: #00aeef;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des li {
  color: #666;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des li a {
  display: block;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des li:not(:last-of-type) {
  margin-bottom: 7.5px;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des li strong {
  font-weight: 500;
  display: block;
  margin-bottom: 3px;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-of-type(1) .cir {
  background: rgba(22, 45, 72, 0.08);
}

#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-of-type(1) .cir .no {
  color: #ccc;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-of-type(2) .cir {
  background: rgba(22, 45, 72, 0.2);
}

#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-of-type(2) .cir .no {
  color: #999;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-of-type(3) .cir {
  background: rgba(22, 45, 72, 0.6);
}

#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-of-type(3) .tit {
  color: #fff;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-of-type(4) .cir {
  background: rgba(22, 45, 72, 0.8);
}

#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-of-type(4) .tit {
  color: #fff;
}

#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-of-type(5) .cir {
  background: rgba(0, 114, 189, 0.8);
}

#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-of-type(5) .tit {
  color: #fff;
}

#sub .sub_con .sub-atc.c-growup .tit-s-l {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 24px;
}

#sub .sub_con .sub-atc.c-growup .downlist-type-a {
  margin-left: -25px;
}

#sub .sub_con .sub-atc.c-growup .downlist-type-a:before, #sub .sub_con .sub-atc.c-growup .downlist-type-a:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-growup .downlist-type-a:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-growup .downlist-type-a li {
  float: left;
  width: calc(33.333% - 25px);
  width: -moz-calc(33.333% - 25px);
  width: -webkit-calc(33.333% - 25px);
  width: -o-calc(33.333% - 25px);
  width: -ms-calc(33.333% - 25px);
  margin-left: 25px;
  height: 100px; 
  display: table;
}
#sub .sub_con .sub-atc.c-growup .downlist-type-a li.link-ic a{
  background: url("/static/images/sub/link-ic.png") #fff no-repeat right 35px center; 
}
#sub .sub_con .sub-atc.c-growup .downlist-type-a li.link-ic a:hover, #sub .sub_con .sub-atc.c-growup .downlist-type-a li.link-ic a:focus {
  background: url("/static/images/sub/link-ic-w.png") #00aeef no-repeat right 35px center; 
}
#sub .sub_con .sub-atc.c-growup .downlist-type-a li a {
  font-size: 18px;
  font-weight: 500;
  display: table-cell;
  vertical-align: middle;
  padding: 0 25px;
  background: url("/static/images/sub/acc-down-black.png") #fff no-repeat right 35px center;
  border: 1px solid #333;
  /*transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;*/
}

#sub .sub_con .sub-atc.c-growup .downlist-type-a li a .des-hl {
  display: block;
  color: #00aeef;
  font-size: 15px;
}

#sub .sub_con .sub-atc.c-growup .downlist-type-a li a:hover, #sub .sub_con .sub-atc.c-growup .downlist-type-a li a:focus {
  background: url("/static/images/sub/acc-down-white.png") #00aeef no-repeat right 35px center;
  color: #fff;
  border-color:#00aeef;
}

#sub .sub_con .sub-atc.c-growup .downlist-type-a li a:hover .des-hl, #sub .sub_con .sub-atc.c-growup .downlist-type-a li a:focus .des-hl {
  color: rgba(255, 255, 255, 0.8);
}

#sub .sub_con .sub-atc.c-growup .ico-desbox {
  margin-top: 27px;
  padding: 37px 80px;
  background: #f1f4f9;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox:before, #sub .sub_con .sub-atc.c-growup .ico-desbox:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox > * {
  float: left;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox > .tit {
  font-size: 24px;
  font-weight: 500;
  width: 210px;
  position: relative;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox > .tit:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #ddd;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list {
  width: calc(100% - 210px);
  width: -moz-calc(100% - 210px);
  width: -webkit-calc(100% - 210px);
  width: -o-calc(100% - 210px);
  width: -ms-calc(100% - 210px);
  padding-left: 60px;
  margin-top: 6px;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list li {
  font-size: 16px;
  font-weight: 300;
  float: left;
  position: relative;
  color: #666;
  padding-left: 27px;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list li .tit {
  font-weight: 400;
  color: #333;
  margin-right: 15px;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list li .ar {
  content: '';
  width: 12px;
  height: 9px;
  background: url("/static/images/sub/acc-ar.png") no-repeat center center/100%;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 10px 0;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list li:before {
  position: absolute;
  left: 0;
  background: no-repeat center center / 100%;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list li:nth-of-type(1) {
  margin-right: 50px;
}

#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list li:nth-of-type(1):before {
  content: '';
  font-size: 10px;
  font-size: 1rem;
  width: 18px;
  height: 19px;
  top: 2.5px;
  background-image: url("/static/images/sub/ico-tel.png");
}

#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list li:nth-of-type(2):before {
  content: '';
  font-size: 10px;
  font-size: 1rem;
  width: 16px;
  height: 16px;
  top: 4px;
  background-image: url("/static/images/sub/ico-fax.png");
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-a {
  background: #f1f4f9;
  padding: 90px 0;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b {
  background: #fff;
  padding: 90px 0 0;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step {
  margin-bottom: 50px;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step:before, #sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li {
  float: left;
  width: 25%;
  text-align: center;
  position: relative;
  padding: 0 5px;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li:not(:last-of-type):before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #ddd;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li .tit {
  font-size: 20px;
  font-weight: 500;
  display: block;
  position: relative;
  padding-top: 95px;
  margin: 0 0 5px;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li .tit:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  background: no-repeat center center / 100%;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li .des {
  font-size: 16px;
  color: #666;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li:nth-of-type(1) .tit:before {
  width: 62px;
  height: 71px;
  background-image: url("/static/images/sub/grow-ico1.png");
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li:nth-of-type(2) .tit:before {
  width: 62px;
  height: 61px;
  background-image: url("/static/images/sub/grow-ico2.png");
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li:nth-of-type(3) .tit:before {
  width: 62px;
  height: 64px;
  background-image: url("/static/images/sub/grow-ico3.png");
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li:nth-of-type(4) .tit:before {
  width: 62px;
  height: 64px;
  background-image: url("/static/images/sub/grow-ico4.png");
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .deslist-g {
  background: #f8f8f8;
  padding: 26px 40px;
  margin-bottom: 74px;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .deslist-g li {
  font-size: 15px;
  position: relative;
  padding-left: 12px;
  color: #666;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .deslist-g li:not(:last-of-type) {
  margin-bottom: 8px;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .deslist-g li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  background: #00aeef;
  border-radius: 50%;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 {
  border-top: 2px solid #00aeef;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 table {
  font-size: 16px;
  text-align: center;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 table thead {
  background: #f8f8f8;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 table thead tr th {
  font-weight: 500;
  border-left: 1px solid #ddd;
  vertical-align: middle;
  padding: 18px 5px;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 table thead tr th:first-of-type {
  border-left: none;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 table tbody tr td {
  color: #666;
  border: 1px solid #ddd;
  vertical-align: middle;
  padding: 16px 5px;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 table tbody tr td:first-of-type {
  border-left: none;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 table tbody tr td:last-of-type {
  border-right: none;
}

#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 .tb-des {
  margin: 20px 0 74px;
  font-size: 15px;
  color: #999;
  line-height: 1.733;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-a {
  background: #f1f4f9;
  padding: 90px 0;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-b {
  padding: 90px 0 0;
  background: #fff;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w {
  border-top: 2px solid #00aeef;
  border-bottom: 1px solid #ddd;
  margin-bottom: 94px;
  padding: 35.5px 20px;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w:before, #sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w:after {
  content: "";
  display: table;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w:after {
  clear: both;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li {
  float: left;
  font-size: 0;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li:nth-of-type(1) {
  margin-right: 145px;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li > * {
  display: inline-block;
  vertical-align: middle;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li .tit {
  font-size: 18px;
  font-weight: 500;
  position: relative;
  padding-right: 25px;
  margin-right: 25px;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li .tit:after {
  content: '';
  position: absolute;
  right: 0;
  top: 6px;
  width: 1px;
  height: 15px;
  background: #ddd;
}

#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li .val {
  font-size: 16px;
  color: #666;
}

#sub .sub_con .sub-atc.c-policy {
  word-break: keep-all;
}

#sub .sub_con .sub-atc.c-policy h3 {
  font-size: 36px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 60px;
}

#sub .sub_con .sub-atc.c-policy .tit {
  font-size: 18px;
  margin-bottom: 30px; 
}

#sub .sub_con .sub-atc.c-policy dl:not(:last-of-type) {
  margin-bottom: 30px;
}

#sub .sub_con .sub-atc.c-policy dl dt {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
}

#sub .sub_con .sub-atc.c-policy dl dd {
  color: #666;
  padding: 5px 0 5px 15px;
}
#sub .sub_con .sub-atc.c-policy dl dd a{
	text-decoration:underline;
}



/* 추가페이지 faq */
#sub .sub_con .c-faq{ padding: 0 0 100px;}
#sub .sub_con .c-faq .faq-list{border-top:1px solid #333;}
#sub .sub_con .c-faq .faq-list li{ border-bottom:1px solid #ddd; }
#sub .sub_con .c-faq .faq-list li .tit{padding: 30px;  font-size:18px; color:#333; font-weight:500; position:relative; padding-left:90px; cursor:pointer;}
#sub .sub_con .c-faq .faq-list li .tit:before{content:'Q'; width:40px; height:40px; font-size:20px; background:#333; color:#fff; border-radius:50%; display:inline-block; text-align:center; line-height:40px; position:absolute; left:30px; top:25px;}
#sub .sub_con .c-faq .faq-list li .cont{background:#f8f8f8; padding:0 30px; font-size:16px; position:relative; padding-left:90px; border-top:1px solid #ddd; display:none;} 
#sub .sub_con .c-faq .faq-list li .cont:before{content:'A'; width:40px; height:40px; font-size:20px; background:#00aeef ; color:#fff; border-radius:50%; display:inline-block; text-align:center; line-height:40px; position:absolute; left:30px; top:30px;}
#sub .sub_con .c-faq .faq-list li .cont div{padding:40px 0;}
#sub .sub_con .c-faq .faq-list .sm-list{padding-left:15px; display:block; margin:10px 0;}
#sub .sub_con .c-faq .faq-list a.btn{ background:#fff;  color:#333; padding:5px 30px; margin:30px 0 0; display:inline-block; border:1px solid #ddd;}


/* 추가페이지 문의접수 */
#sub .sub_con .c-quest .qst-step{overflow:hidden; max-width:900px; margin:0 auto 50px}
#sub .sub_con .c-quest .qst-step li:after{content:''; width:60%; height:1px; background:url('/static/images/dot_line.png'); position:absolute; top:25px; left:70%; z-index:-1;}
#sub .sub_con .c-quest .qst-step li{float:left; width:25%; text-align:center; position:relative;}
#sub .sub_con .c-quest .qst-step li:after{content:''; width:60%; height:1px; background:url('/static/images/dot_line.png'); position:absolute; top:25px; left:70%; z-index:-1;}
/*
#sub .sub_con .c-quest .qst-step li:last-child span{background:url('/static/images/sub/chk_white.png') #00aeef no-repeat center center;}*/
#sub .sub_con .c-quest .qst-step li:last-child:after{display:none;}
#sub .sub_con .c-quest .qst-step li span{display:block; margin:0 auto 20px; border-radius:50%; width:50px; height:50px; border:1px solid #00aeef; line-height:50px; background:#fff; text-align:center; font-size:20px; color:#00aeef;} 
#sub .sub_con .c-quest .qst-step li p{font-size:16px; color:#666;}
#sub .sub_con .c-quest .qst-list{border-top:1px solid #333;}
#sub .sub_con .c-quest .qst-list li{padding:15px 20px; border-bottom:1px solid #ddd; display:table; width:100%;}
#sub .sub_con .c-quest .qst-list .ncsr{color:#cd0000; line-height: 1;  vertical-align: middle;}
#sub .sub_con .c-quest .qst-list .ls-th{font-size:16px; color:#333; display:table-cell; vertical-align:middle; width:200px; }
#sub .sub_con .c-quest .qst-list .ls-td{display:table-cell; vertical-align:middle; width:100%; float:left} 
#sub .sub_con .c-quest .v-more{background:#666; color:#fff; border:0}
#sub .sub_con .c-quest .v-more:hover{background:#00aeef; }  
#sub .sub_con .c-quest .qst-list input {
  font-size: 14px;
  height: 45px;
  border: 1px solid #ddd;
  padding-left: 15px;
  font-weight:400;
  width:400px;
}
#sub .sub_con .c-quest .qst-list input::placeholder{
	font-weight:400;
}  

#sub .sub_con .c-quest .qst-list .file_input label {
    position:relative;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    overflow:hidden;
    width:100px;
    height:45px;
    background:#333;
    color:#fff;
    text-align:center;
    line-height:45px;
}
#sub .sub_con .c-quest .qst-list .file_input label input[type=file] {
    position:absolute;
    width:0;
    height:0;
    overflow:hidden;
	font-size:0;
	padding:0;
	border:0;
}
#sub .sub_con .c-quest .qst-list .file_input input[type=text] {
    vertical-align:middle;
    display:inline-block;
    width:400px;  
    border:0;
    border:1px solid #ddd;
} 

#sub .sub_con .c-quest .privacy-check li{border-bottom:1px solid #e8e8e8}
#sub .sub_con .c-quest .privacy-check li .checkbox{margin:15px 0;}
#sub .sub_con .c-quest .checkbox .privacy-btn{cursor:pointer; color:#fff; padding:5px 30px 5px 10px; border-radius:4px;font-weight:300; font-size:14px; vertical-align: baseline; display:inline-block; margin-top:-3px; float:right; background: url(/static/images/arr_btm.png) #222 no-repeat center right 10px;}
#sub .sub_con .c-quest .checkbox .privacy-btn.on{background: url(/static/images/arr_top.png) #222 no-repeat center right 10px;}
#sub .sub_con .c-quest .checkbox{position:relative; margin:20px 0 0;}
#sub .sub_con .c-quest .privacy-con{ display:none;}
#sub .sub_con .c-quest .privacy-con div{border:1px solid #ddd; padding:20px; border-radius:0; margin:0 0 20px; width:100%; height:auto; background:#f8f8f8; }
#sub .sub_con .c-quest input[type=checkbox]{ width: 26px; cursor: pointer; height: 26px; display: block; position: absolute; top: 0; left: 0; margin: 0;z-index: 1;opacity: 0;  }
#sub .sub_con .c-quest input[type=checkbox]+ label{position:relative; font-weight: normal;  padding:0 0 0 35px; display:inline-block; height:26px; font-size:16px;}
#sub .sub_con .c-quest input[type=checkbox]+ label:before {content: ""; display: inline-block; width:26px; height:26px; background:url('/static/images/check_off.png')no-repeat 50% 50%; position:absolute; top:0; left:0;}
#sub .sub_con .c-quest input[type=checkbox]:checked + label:before {content: ""; background:url('/static/images/check_on.png')no-repeat 50% 50%; width:26px; height:26px;}
#sub .sub_con .c-quest .qst-list textarea{border:1px solid #ddd; background:#fff; height:200px ; border-radius:0; padding:20px; width:100%;}
#sub .sub_con .c-quest .qst-list select {
  font-size: 14px;
  color: #666;
  height: 45px;
  border: 1px solid #ddd;
  padding-left: 15px;
  background: url("/static/images/sel-down.png") no-repeat center right 10%;
  width:200px;
}
#sub .sub_con .c-quest .qst-list .email #capcha{font-size:18px; font-weight: bold; line-height: 1;}
#sub .sub_con .c-quest .qst-list .email .ls-td{width:400px} 
#sub .sub_con .c-quest .qst-list .email .ls-td input{width:47%} 
#sub .sub_con .c-quest .qst-list .email span{margin:10px 0 0; display:inline-block;}
#sub .sub_con .c-quest .qst-list .pnumber .ls-td{width:400px} 
#sub .sub_con .c-quest .qst-list .pnumber .ls-td input{width:31%} 
#sub .sub_con .c-quest .qst-list .pnumber span{margin:10px 0 0; display:inline-block;}



/* 추가페이지 문의접수2 */ 
#sub .sub_con .c-service .svc-inner{display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;}
#sub .sub_con .c-service .svc-inner > * { width:48%; padding:60px 40px;}
#sub .sub_con .c-service .svc-left{border:10px solid #e8e8e8;  margin-right:2%; background:url('../../../static/images/sub/q-service-ic.png') no-repeat bottom 60px right 40px;}
#sub .sub_con .c-service .svc-right{  border:1px solid #e8e8e8; }
#sub .sub_con .c-service .svc-inner .tit { font-size: 30px; font-weight: 500; margin-bottom: 21.5px; }
 
#sub .sub_con .c-service .svc-left p{font-size:16px} 
#sub .sub_con .c-service .svc-left .v-more{background:#00aeef; color:#fff; margin:40px 0 0; border-radius:50px;} 

#sub .sub_con .c-service .svc-right .v-more{width:100%; background: #333; border-color:#666;  color: #fff; margin:20px 0 0;}
 
#sub .sub_con .c-service .svc-list{ }
#sub .sub_con .c-service .svc-list li{padding:5px;  display:table; width:100%;}
#sub .sub_con .c-service .svc-list .ncsr{color:#cd0000; line-height: 1;  vertical-align: middle;}
#sub .sub_con .c-service .svc-list .ls-th{font-size:16px; color:#333; display:table-cell; vertical-align:middle; width:122px; }
#sub .sub_con .c-service .svc-list .ls-td{display:table-cell; vertical-align:middle; width:100%; float:left}  
#sub .sub_con .c-service .svc-list input {
  font-size: 14px;
  height: 45px;
  border: 1px solid #ddd;
  padding-left: 15px;
  font-weight:400;
  width:100%;
}
#sub .sub_con .c-service .svc-list input::placeholder{
	font-weight:400;
}  
   
#sub .sub_con .c-service .svc-list .pnumber .ls-td{width:100%} 
#sub .sub_con .c-service .svc-list .pnumber .ls-td input{width:31%} 
#sub .sub_con .c-service .svc-list .pnumber span{margin:10px 0 0; display:inline-block;}



/* 홍보영상 */
.mob_only {display: none;}
#sub .sub_con .c-video {position: relative; max-width: 1280px; margin: 0 auto;}
#sub .sub_con .c-video .col-a {width:100%; height:550px;}

#sub .sub_con .c-video .col-b {margin-top: 40px; padding-bottom: 60px; width: 100%;}
#sub .sub_con .c-video .col-b .v_tit {padding-bottom: 20px; font-size: 24px; color: #333;}
#sub .sub_con .c-video .col-b .v_txt {padding-bottom: 60px; font-size: 16px; color: #666;}
#sub .sub_con .c-video .col-b .v_sub {width:100%; border: 1px solid #dadedf; border-right: none; border-left: none;}
#sub .sub_con .c-video .col-b .v_sub .v_subtitle {position: relative; width:100%; border-bottom: 1px solid #dadedf; background: #f1f4f9;}
#sub .sub_con .c-video .col-b .v_sub .v_subtitle > div {padding: 15px 30px; height: 49px; font-size: 14px; color: #666;}
#sub .sub_con .c-video .col-b .v_sub .v_subtitle > div .fold {width: 78px; cursor: pointer;}
#sub .sub_con .c-video .col-b .v_sub .v_subtitle > div .fold .v-fold {position: absolute; display: block; left: 90px; top: 20px; width: 17px; height: 8px; background: transparent; text-indent: -9999px; background: url("/static/images/btn-fold.png") no-repeat center center/93%;}
#sub .sub_con .c-video .col-b .v_sub .v_subtitle > div .fold .v-fold.close {background: url("/static/images/btn-fold-r.png") no-repeat center center/93%;}
#sub .sub_con .c-video .col-b .v_sub .vfold-h {padding: 0 30px; margin: 20px 10px 25px 0; line-height: 2; height: 185px; overflow-y: auto;}
#sub .sub_con .c-video .col-b .v_sub .vfold-h::-webkit-scrollbar {width: 8px;}
#sub .sub_con .c-video .col-b .v_sub .vfold-h::-webkit-scrollbar-track {background: gainsboro; border-radius: 5px;}
#sub .sub_con .c-video .col-b .v_sub .vfold-h::-webkit-scrollbar-thumb {background: #666; border-radius: 5px;}
#sub .sub_con .c-video .col-b .v_sub .vfold-h::-webkit-scrollbar-thumb:hover {background: #ddd;}

#sub .sub_con .c-video .col-c {position: absolute; top: 0; right: 0; width: 280px; height: 548px;}
#sub .sub_con .c-video .col-c .videotit {float: left; width: 950px;}
#sub .sub_con .c-video .col-c .videolist {float: left; width: 220px;}
#sub .sub_con .c-video .col-c .videolist li {position:relative; margin-bottom: 20px; cursor: pointer;}
#sub .sub_con .c-video .col-c .videolist li div:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: url("/static/images/sub/play_dim.png");}
#sub .sub_con .c-video .col-c .videolist li div.v_play:after {background: transparent;}
#sub .sub_con .c-video .col-c .videolist li:nth-of-type(4) div {margin-bottom: 0;}
#sub .sub_con .c-video .col-c .videolist li div img {width: 220px; height: 122px; object-fit: cover;}
#sub .sub_con .c-video .col-c .paging {float: right; margin-right: 10px; width: 30px; height: 100%; text-align: center; background: #fff;}
#sub .sub_con .c-video .col-c .paging .page {position: relative; margin: 160px 0;}
#sub .sub_con .c-video .col-c .paging .page .pageback {border-radius: 15px; background: #f1f4f9;}
#sub .sub_con .c-video .col-c .paging .page .pagenum {position: absolute; top: -50px; left: 0; width: 30px; color: #999;}
#sub .sub_con .c-video .col-c .paging .page .pagenum em {font-style: normal;}
#sub .sub_con .c-video .col-c .paging .page .pagenum em.num_cur {color: #666; font-weight: bold;}
#sub .sub_con .c-video .col-c .paging .page .pagenum em.num_cur:after {content: ""; display: block; width: 17px; margin-left: 7px; border-bottom: 1px solid #d1d1d1;}
#sub .sub_con .c-video .col-c .paging .page .pagedot {background: #f1f4f9; border-radius: 15px; overflow: hidden;}
#sub .sub_con .c-video .col-c .paging .page .pagedot a {display: block; width: 30px; height: 30px; border-radius: 50%; border: 10px solid #f1f4f9; background: #00aeef; cursor: pointer; color: transparent;}
#sub .sub_con .c-video .col-c .paging .page .pagedot a.active {margin: 0; width: 30px; height: 30px; border: 8px solid #cceffc;animation: fadein 1s; -moz-animation: fadein 1s; /* Firefox */ -webkit-animation: fadein 1s; /* Safari and Chrome */ -o-animation: fadein 1s; /* Opera */}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
#sub .sub_con .c-video .col-c .paging .page .prev,
#sub .sub_con .c-video .col-c .paging .page .next {opacity: 1; position: relative; width: 30px; height: 30px; border: 1px solid #d1d1d1; border-radius: 50%;}
#sub .sub_con .c-video .col-c .paging .page .prev.on,
#sub .sub_con .c-video .col-c .paging .page .next.on {border: 1px solid #666;cursor: pointer;}
#sub .sub_con .c-video .col-c .paging .page .prev {margin-bottom: 10px;}
#sub .sub_con .c-video .col-c .paging .page .next {margin-top: 10px;}
#sub .sub_con .c-video .col-c .paging .page .prev .arrow1,
#sub .sub_con .c-video .col-c .paging .page .next .arrow1 {position: absolute; left: 9px; width: 10px; height: 10px;} 
#sub .sub_con .c-video .col-c .paging .page .prev .arrow1 {top: 11px;}
#sub .sub_con .c-video .col-c .paging .page .next .arrow1 {top: 7px;} 
#sub .sub_con .c-video .col-c .paging .page .prev .arrow2,
#sub .sub_con .c-video .col-c .paging .page .next .arrow2 {border: 2px solid #d1d1d1; border-top: 0; border-right: 0;}
#sub .sub_con .c-video .col-c .paging .page .prev .arrow2 {transform: rotate(135deg);}
#sub .sub_con .c-video .col-c .paging .page .next .arrow2 {transform: rotate(-45deg);}
#sub .sub_con .c-video .col-c .paging .page .prev.on .arrow2,
#sub .sub_con .c-video .col-c .paging .page .next.on .arrow2 {border: 2px solid #666; border-top: 0; border-right: 0;}
/*#sub .sub_con .c-video .col-c .page .pagedot .over {cursor: pointer;}*/




.err-page{text-align:center;  height:90vh; display: table; width: 100%;}
.err-page .inner{ padding:0 20px; display:table-cell; vertical-align:middle; margin:0 auto;}
.err-page h3{font-size:32px; color:#333; margin:50px 0 20px;}
.err-page p{font-size:16px; color:#666}
.err-page .er-box{overflow:hidden; max-width:400px; width:90%; margin:50px auto 0;}
.err-page .er-box a{float:left; width:49%; display:block; height:50px; line-height:50px; text-align:center; background:#666; color:#fff;}
.err-page .er-box a:last-child{float:right; background:#00aeef;}



.more-bbs {
  font-size: 15px;
  width: 220px;
  display: block;
  color: #666;
  text-align: center;
  padding: 19px 5px;
  background: #fff;
  border: 1px solid #ddd;
  margin: 0 auto;
  transition: all ease-in .3s;
  -webkit-transition: all ease-in .3s;
  -o-transition: all ease-in .3s;
  -moz-transition: all ease-in .3s;
  -ms-transition: all ease-in .3s;
}

.more-bbs:hover {
  background: #f8f8f8;
}

.more-bbs .status {
  color: #aaa;
  padding-left: 15px;
}

.md-project-viewer {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  z-index: 10000;
  background: rgba(1, 1, 1, 0.5);
  display: block;
}

.md-project-viewer .md-project {
	position: relative;
	margin: 0 auto;
	max-width: 1280px;
	width: 90%;
	height: 100%;
	display: blcok;
	overflow-y:auto;
}

.md-project-viewer .md-project.visible {
	display: block;
}

.md-project-viewer .md-project-w {
  position: absolute;
  left: 0;
  right: 0;
  top: 88px;
  background: #fff;
  padding: 50px;
}

.md-project-viewer .md-project-w:before, .md-project-viewer .md-project-w:after {
  content: "";
  display: table;
}

.md-project-viewer .md-project-w:after {
  clear: both;
}

.md-project-viewer .md-project-w > * {
  float: left;
  width: 50%;
}

.md-project-viewer .md-project-w .r {
	position: relative;
	height: 490px;
    width: 50%;
}

.md-project-viewer .md-project-w .r .in {
    height: 100%;
    background: no-repeat center center / cover;
    overflow: hidden;
	width: 540px;
    float: right;
}

.md-project-viewer .md-project-w .r .in .item {
  width: 100%;
  height: 100%;
  background: no-repeat center center / cover;
}

.md-project-viewer .md-project-w .controls {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
	width: 540px;
    height: 60px;
}

.md-project-viewer .md-project-w .in_nav .controls {
	top: 0;
    width: 100%;
    margin-top: 144px;
    height: 30px;
}

.md-project-viewer .md-project-w .in_nav .controls .ar-prev,
.md-project-viewer .md-project-w .in_nav .controls .ar-next {
	top: -80px; 
	transform: unset;
}

.md-project-viewer .md-project-w .controls button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  text-indent: -9999px;
  width: 60px;
  height: 60px;
  background: rgba(51, 51, 51, 0.85) no-repeat center center;
}

.md-project-viewer .md-project-w .controls button.ar-prev {
  left: 0;
  background-image: url("/static/images/sub/v-ar-prev.png");
}

.md-project-viewer .md-project-w .controls button.ar-next {
  right: 0;
  background-image: url("/static/images/sub/v-ar-next.png");
}

.md-project-viewer .md-project-w .r .controls button {
	opacity:0 !important;
}

.md-project-viewer .md-project-w .r:hover .controls button {
	opacity: 1 !important;
	transition: 0.2s;
}

/* .md-project-viewer .md-project-w .r .md-dots {
  position: absolute;
  bottom: 17px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}

.md-project-viewer .md-project-w .r .md-dots .slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  padding: 0;
  margin: 0 10px;
  cursor: pointer;
}

.md-project-viewer .md-project-w .r .md-dots .slick-dots li button {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  line-height: 0;
  display: block;
  cursor: pointer;
  color: transparent;
  outline: none;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  padding: 0;
  position: relative;
  z-index: 1;
  border: none;
}

.md-project-viewer .md-project-w .r .md-dots .slick-dots li.slick-active button {
  background: rgba(255, 255, 255, 0.8);
} */

.md-project-viewer .md-project-w .l {
  padding: 30px 0 16px;
}

.md-project-viewer .md-project-w .l .cur-status {
  font-size: 0;
  margin-bottom: 10px;
}

.md-project-viewer .md-project-w .l .cur-status li {
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  color: #00aeef;
  position: relative;
}

.md-project-viewer .md-project-w .l .cur-status li:not(:last-of-type) {
  margin-right: 20px;
  padding-right: 20px;
}

.md-project-viewer .md-project-w .l .cur-status li:not(:last-of-type):before {
  content: '';
  position: absolute;
  right: 0;
  top: 6.5px;
  width: 1px;
  height: 14px;
  background: #ddd;
}

.md-project-viewer .md-project-w .l .tit {
  font-size: 26px;
  font-weight: 500;
  overflow: hidden; 
  display: block;
  /*
  max-height: 78px; 
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  visibility: visible;
  text-overflow: -o-ellipsis-lastline;
  */
  margin-bottom: 30px;
  line-height:1.4
}

.md-project-viewer .md-project-w .l .viewer-tb {
  border-top: 1px solid #333;
}

.md-project-viewer .md-project-w .l .viewer-tb li {
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  position: relative;
  height: 75px;
  overflow: hidden;
}

.md-project-viewer .md-project-w .l .viewer-tb li .tb-th {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 130px;
  font-weight: 500;
  padding-left: 16px;
}

.md-project-viewer .md-project-w .l .viewer-tb li .tb-td {
  font-weight: 400;
  color: #666;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 130px;
  padding-left: 16px;
  width: calc(100% - 130px);
  width: -moz-calc(100% - 130px);
  width: -webkit-calc(100% - 130px);
  width: -o-calc(100% - 130px);
  width: -ms-calc(100% - 130px);
  overflow: hidden;
  max-height: 48px;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  visibility: visible;
  text-overflow: -o-ellipsis-lastline;
}

.md-project-viewer .md-project-w .in_nav {
	position: relative;
	margin-top: 20px;
	width: 100%;
	overflow: hidden;
}
.md-project-viewer .md-project-w .in_nav .item_nav {
	width: 100%;
}

.md-project-viewer .md-project-w .in_nav .nav_item {
	position: relative;
	display: inline-block;
	width: 156px;
	height: 129px;
	margin: 0 7.5px;
	background-size: 100%;
	background: no-repeat center center / cover;
}

.md-project-viewer .md-project-w .in_nav .nav_item:hover {
	cursor: pointer;
}

.md-project-viewer .md-project-w .in_nav .nav_item.slick-current {
	
	box-sizing: border-box;
}

.md-project-viewer .md-project-w .in_nav .nav_item .nav_tit {
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.md-project-viewer .md-project-w .in_nav .nav_item .nav_tit > div {
	position: absolute;
	bottom: 0;
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background: rgba(0,0,0,0.4);
    font-size: 14px;
    color: #fff;
}

.md-project-viewer .md-project-w .in_nav .nav_item .nav_tit > div.date_none {
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 26px;
    background: transparent;
}

.md-project-viewer .md-project-w .in_nav .nav_item.nav_thum .nav_tit > div,
.md-project-viewer .md-project-w .in_nav .nav_item.nav_thum.slick-current .nav_tit > div,
.md-project-viewer .md-project-w .in_nav .nav_item.nav_thum:hover .nav_tit > div {
	background: transparent;
}

.md-project-viewer .md-project-w .in_nav .nav_item.slick-current .nav_tit,
.md-project-viewer .md-project-w .in_nav .nav_item:hover .nav_tit {
    border: 3px solid #41aced;
    border-bottom: 0;
}

.md-project-viewer .md-project-w .in_nav .nav_item.slick-current .nav_tit > div.date_none,
.md-project-viewer .md-project-w .in_nav .nav_item:hover .nav_tit > div.date_none {
	background: transparent;
    border-bottom: 3px solid #41aced;
}

.md-project-viewer .md-project-w .in_nav .nav_item.slick-current .nav_tit > div,
.md-project-viewer .md-project-w .in_nav .nav_item:hover .nav_tit > div {
	background: #41aced;
	font-weight: 500;
}

.md-project-viewer .md-project-w .in_nav .nav_item.nav_thum.slick-current .nav_tit,
.md-project-viewer .md-project-w .in_nav .nav_item.nav_thum:hover .nav_tit {
    border: 3px solid #41aced;
}

.md-project-viewer .md-project-w .in_nav .controls .ar-prev,
.md-project-viewer .md-project-w .in_nav .controls .ar-next {
	display: block;
    width: 30px;
    height: 30px;
    background-color: rgba(255,255,255,0.8);
}

.md-project-viewer .md-project-w .in_nav .controls .ar-prev {
	background-image: url(/static/images/sub/v_prev_g.png);
}

.md-project-viewer .md-project-w .in_nav .controls .ar-next {
	background-image: url(/static/images/sub/v_next_g.png);
}

.md-project-viewer .md-project-b {
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 15px;
	  margin: 0 auto;
	  max-width: 1280px;
	  height: 73px;
}

.md-project-viewer .md-project-b .btn-close {
  display: block;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  top: 0;
  width: 73px;
  height: 73px;
  background: #41aced url("/static/images/sub/close-w.png") no-repeat center center/25px;
}

.scroll-slide-wrap {
  padding: 0 0 0 17%;
}

.scroll-slide-wrap .title-area {
  width: 40rem;
}

.scroll-slide-wrap .subj-slider {
  width: 74%;
  margin: 0;
}

.scroll-slide-wrap .title-copy {
  position: absolute;
  bottom: 9%;
  left: 18%;
}

.subj-slider {
  padding: 0 0 5%;
}

.subj-slider .img-area {
  padding: 68.86% 0 0;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.subj-slider .swiper-slide-active .img-ani {
  -webkit-animation: scl3 3s forwards ease;
          animation: scl3 3s forwards ease;
}

.subj-slider.swiper-container-horizontal > .swiper-scrollbar {
  width: 80%;
}

.swiper-scrollbar-drag {
  background: #999;
}

.img-ani {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.img-ani img {
  width: 100%;
  height: 100%;
}

#mainSection04 .card .img {
  position: relative;
}

.mark {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #fff;
  position: relative;
  position: absolute;
  top: 20px;
  right: 20px;
  background: #f26522;
  z-index: 2;
}

.mark span {
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  left: 0;
  text-align: center;
  line-height: 1.2;
}

.mark.syma2 {
  background: #00aeef;
}

.prc {
  overflow: hidden;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  height: 580px;
  text-align: left;
}

.prc .left {
  float: left;
  width: calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: -o-calc(50% - 10px);
  width: -ms-calc(50% - 10px);
  height: 100%;
  color: #fff;
}

.prc .left .intro {
  width: 100%;
  overflow: hidden;
  height: calc(50% - 10px);
  height: -moz-calc(50% - 10px);
  height: -webkit-calc(50% - 10px);
  height: -o-calc(50% - 10px);
  height: -ms-calc(50% - 10px);
  background: url("/static/images/section05_img01.jpg") center center/cover;
}

.prc .left .tbox {
  display: block;
  padding: 50px;
  width: 100%;
  height: 100%;
  color: #fff;
}

.prc .left .prbn {
  width: 100%;
  height: calc(50% - 10px);
  height: -moz-calc(50% - 10px);
  height: -webkit-calc(50% - 10px);
  height: -o-calc(50% - 10px);
  height: -ms-calc(50% - 10px);
  margin-top: 20px;
  padding: 33px 40px;
  background: #fff;
  color:#333;
}

.prc .prbn h4 {
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 8px;
}

.prc .prbn p {
    margin-bottom: 23px;
	font-size: 16px;
    color: #666;
}

.prc .left .prbn ul {
	padding: 25px;
	width: 100%;
	background: #f1f4f8;
}	
.prc .left .prbn ul.prbn_one {
	padding: 45px 25px;
}

.prc .left .prbn li.prbn_last {
	margin-top: 10px;
}

.prc .left .prbn li.prbn_none {
	/* display: none; */
	text-align: center;	
}

.prc .left .prbn li.prbn_none .prbn_tit {
	color: #999;
}

.prc .left .prbn li a {
    display: block;
}

.prc .left .prbn li .prbn_emplo {
	display: inline-block;
    margin-right: 10px;
	width: 70px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #0072bd;
    color: #0072bd;
    font-size: 13px;
    text-align: center;
}

.prc .left .prbn li .prbn_tit {
    display: inline-block;    
    width: 350px;
	font-size: 16px;
    color: #333;
    font-weight: 400;    
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.prc .left .prbn li a:hover .prbn_tit {
	font-weight: 500;
}

.prc .left .prbn li .prbn_date {
	display: inline-block;
    float: right;
    line-height: 25px;
	font-size: 13px;
    color: #666;
    text-align: right;
}

.prc .left h3 {
  font-size: 32px;
  margin: 0 0 20px;
  font-weight: 700;
}

.prc .left p {
  font-size: 16px;
}

.prc .right {
  float: right;
  width: calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: -o-calc(50% - 10px);
  width: -ms-calc(50% - 10px);
  height: 100%;
}

.prc .right .notice {
  float: left;
  width: calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: -o-calc(100% - 10px);
  width: -ms-calc(100% - 10px);
  height: 100%;
  background: #fff;
  padding: 30px 40px;
  position: relative;
}

.prc .right .notice .slick-arrow {
  width: 8px;
  height: 14px;
  display: block;
  border: 0;
  cursor: pointer;
  font-size: 0;
  position: absolute;
  top: 42px;
  right: 30px;
}

.prc .right .notice .slick-arrow.ar-prev {
  background: url("/static/images/ar_g_prev.png") no-repeat center center/100%;
  right: 60px;
}

.prc .right .notice .slick-arrow.ar-prev:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 14px;
  background: #ddd;
  right: -12px;
  top: 0;
}

.prc .right .notice .slick-arrow.ar-next {
  background: url("/static/images/ar_g_next.png") no-repeat center center/100%;
}

.prc .right .notice a {
  display: block;
  overflow: hidden;
  height: 100%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  visibility: visible;
  text-overflow: -o-ellipsis-lastline;
}

.prc .right .notice a:hover p {
  text-decoration: underline;
  text-underline-position: under;
}

.prc .right .notice a .nt_img {
	width: 540px;
	height: 379px;
	overflow: hidden;
	margin-bottom: 22px;
	background-size: cover;
    background-position: center center;
}

.prc .right .notice .nt {
  padding: 0px 12px;
  margin-right: 14px;
  width: 70px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  font-size: 13px;
  border-radius: 40px;
}

.prc .right .notice .nt.type-a {
  background: #f26522;
}

.prc .right .notice .nt.type-b {
  background: #0072bd;
}

.prc .right .notice .nt_title {
	margin: 10px 0;
}

.prc .right .notice .nt_tit {
    display: inline-block;
    max-width: 370px;
    line-height: 25px;
	font-size: 18px;
    color: #333;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.prc .right .notice .nt_date {
    float: right;
    margin-right: 5px;
    line-height: 25px;
    text-align: right;
	font-size: 13px;
    color: #666;
}

.prc .right .notice p {
  font-size: 14px;
  font-weight: 400;
  color: #666;
}

.prc .right .brochure {
  float: right;
  width: calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: -o-calc(50% - 10px);
  width: -ms-calc(50% - 10px);
  height: 100%;
  background: #0072bd;
  color: #fff;
  padding: 30px;
}

.prc .right .brochure p {
  margin: -20px 0 20px;
  font-size: 15px;
}

.prc .right .brochure a {
  display: block;
  border: 1px solid #fff;
  color: #fff; 
  padding: 10px 20px;
  font-size: 14px;
  margin: 10px 0 0;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  background: url("/static/images/sub/acc-down-white.png") no-repeat right 20px center/20px;
}

.prc .right .brochure a:hover {
  background: url("/static/images/sub/acc-down-black.png") #fff no-repeat right 20px center/20px;
  color: #666;
}

.prc .right h4 {
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 20px;
}

.prc .right p {
  font-size: 16px;
}

#mainSection02 ul {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}

#mainSection02 ul li {
  float: left;
  width: 31.333%;
  margin-right: 3%;
  padding-bottom: 40%;
  height: 0;
  position: relative;
  color: #fff;
  text-align: left;
  background: #000;
}

#mainSection02 ul li .bg {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-position: center center;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#mainSection02 ul li:hover .bg {
  background-size: 105% 105%;
  opacity: .8;
}

#mainSection02 ul li:hover .tbt {
  bottom: 0;
  opacity: 1;
}

#mainSection02 ul li:last-child {
  margin-right: 0;
}

#mainSection02 ul li .ttt {
  position: absolute;
  width: 100%;
  padding: 50px 40px;
  left: 0;
  top: 0;
  z-index: 2;
}

#mainSection02 ul li .ttt h3 {
  font-size: 32px;
  font-weight: 700;
}

#mainSection02 ul li .ttt p {
  font-size: 18px;
  margin: 10px 0 0;
  color: rgba(255, 255, 255, 0.8);
}

#mainSection02 ul li .tbt {
  position: absolute;
  width: 100%;
  padding: 50px 40px;
  bottom: -40px;
  left: 0;
  z-index: 2;
  opacity: 0;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
}

#mainSection02 ul li .tbt a {
  display: block;
  width: 205px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -ms-transition: all ease .3s;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  position: relative;
  padding: 9.5px 20px 9.5px;
  background: no-repeat center right 20px;
  background-image: url("/static/images/sc-ar-w.png");
}

#mainSection02 ul li .tbt a:hover {
  border-color: transparent;
  background-color: #fff;
  background-image: url("/static/images/sc-ar.png");
  color: #666;
}

#mainSection02 ul li .tbt a:not(:last-of-type) {
  margin-bottom: 10px;
}

.main-tit-con {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    opacity: 0.3;
  }
  5% {
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
    opacity: 0.3;
  }
  5% {
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.main-visual-con {
  height: 100%;
  z-index: 1;
}

.main-visual-con .slick-track {
  -webkit-perspective: 2000;
  -webkit-backface-visibility: hidden;
  height: 100%;
}

.main-visual-con .slick-list {
  -webkit-perspective: 2000;
  -webkit-backface-visibility: hidden;
  height: 100%;
}

.main-visual-con .slick-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 6%;
}

.main-visual-con .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.main-visual-con .slick-dots li button {
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  background: none;
  font-size: 0;
  width: 8px;
  height: 8px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.main-visual-con .slick-dots li.slick-active button {
  width: 28px;
  background-color: #0c1015;
}

.main-visual-item {
  height: 100%;
  position: relative;
}

.main-visual-item .main-visual-pc-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: transform 2s ease-in-out, opacity 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out, -webkit-transform 2s ease-in-out;
  transition: opacity 2s ease-in-out, -webkit-transform 2s ease-in-out;
  transition: transform 2s ease-in-out, opacity 2s ease-in-out;
  transition: transform 2s ease-in-out, opacity 2s ease-in-out, -webkit-transform 2s ease-in-out;
  -webkit-transform: scale(1.2) rotate(0.003deg);
          transform: scale(1.2) rotate(0.003deg);
  opacity: 0.4;
}

.main-visual-item .main-visual-m-img {
  display: none;
}

.main-visual-item .main-visual-txt-con {
  position: absolute;
  top: 50%;
  margin-top: -230px;
  left: 0px;
  width: 100%;
  z-index: 1;
  text-align: center;
}

.main-visual-item .main-visual-txt-con .main-visual-txt-inner {
  position: relative;
  -ms-word-break: keep-all;
  word-break: keep-all;
}

.main-visual-item .main-visual-txt-con .main-visual-txt1 {
  opacity: 0;
  filter: Alpha(opacity=0);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1.0s, transform 1.0s;
  -webkit-transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, transform 1.0s;
  transition: opacity 1.0s, transform 1.0s, -webkit-transform 1.0s;
  font-size: 60px;
  line-height: 70px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 20px;
}

.main-visual-item .main-visual-txt-con .main-visual-txt2 {
  opacity: 0;
  filter: Alpha(opacity=0);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1.0s, transform 1.0s;
  -webkit-transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, transform 1.0s;
  transition: opacity 1.0s, transform 1.0s, -webkit-transform 1.0s;
  font-size: 22px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 300;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.main-visual-item .main-visual-txt-con .main-visual-txt2 .m-br {
  display: none;
}

.main-visual-item .main-visual-over-bx > div {
  opacity: 0;
  filter: Alpha(opacity=0);
  -webkit-transition: all 0.3s;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.main-visual-item .ball-scale-multiple {
  opacity: 1.0;
  filter: Alpha(opacity=100);
}

.main-visual-item .circle-animation > .list-box {
  opacity: 1.0;
  filter: Alpha(opacity=100);
}

.main-visual-item.active-item .main-visual-pc-img {
  -webkit-transform: scale(1) rotate(0.003deg);
  transform: scale(1) rotate(0.003deg);
  opacity: 1;
}

.main-visual-item.active-item .main-visual-m-img {
  -webkit-transform: scale(1) rotate(0.003deg);
  transform: scale(1) rotate(0.003deg);
  opacity: 1;
}

.main-visual-item.active-item .main-visual-txt1 {
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.main-visual-item.active-item .main-visual-txt2 {
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.main-visual-item.active-item .main-visual-more-btn {
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.main-visual-item.active-item .main-visual-over-bx > div {
  opacity: 1;
  filter: Alpha(opacity=100);
}

.main-visual-item.active-item .main-visual-over-bx > div:first-child {
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

.main-visual-item.active-item .main-visual-over-bx > div:nth-child(2) {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}

.main-visual-item.active-item .main-visual-over-bx > div:nth-child(3) {
  -webkit-transition-delay: 2.5s;
  transition-delay: 2.5s;
}

.main-visual-item.active-item .main-visual-over-bx > div:nth-child(4) {
  -webkit-transition-delay: 3s;
  transition-delay: 3s;
}

.main-visual-item.active-item .main-visual-over-bx > div:nth-child(5) {
  -webkit-transition-delay: 3.5s;
  transition-delay: 3.5s;
}

.main-visual-item.active-item .main-visual-over-bx > div:nth-child(6) {
  -webkit-transition-delay: 4s;
  transition-delay: 4s;
}

.main-visual-item.active-item .main-visual-over-bx > div:nth-child(7) {
  -webkit-transition-delay: 4.5s;
  transition-delay: 4.5s;
}

.plus-icon-m {
  display: none !important;
}

.main-visual-over-bx {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.main-visual-over-bx > div {
  position: absolute;
}

.main-visual-01 .v-list01 {
  top: 50%;
  left: 50%;
  margin-top: 150px;
  margin-left: -305px;
}

.main-visual-01 .v-list02 {
  top: 50%;
  left: 50%;
  margin-top: 195px;
  margin-left: -235px;
}

.main-visual-01 .v-list03 {
  top: 50%;
  right: 50%;
  margin-top: 155px;
  margin-left: -95px;
}

.main-visual-01 .v-list04 {
  top: 50%;
  right: 50%;
  margin-top: 195px;
  margin-right: -140px;
}

.main-visual-01 .v-list05 {
  top: 50%;
  right: 50%;
  margin-top: 195px;
  margin-right: -280px;
}

.main-visual-02 .v-list01 {
  top: 50%;
  left: 50%;
  margin-top: 150px;
  margin-left: -305px;
}

.main-visual-02 .v-list02 {
  top: 50%;
  left: 50%;
  margin-top: 195px;
  margin-left: -235px;
}

.main-visual-02 .v-list03 {
  top: 50%;
  right: 50%;
  margin-top: 155px;
  margin-left: -95px;
}

.main-visual-02 .v-list04 {
  top: 50%;
  right: 50%;
  margin-top: 195px;
  margin-right: -140px;
}

.main-visual-02 .v-list05 {
  top: 50%;
  right: 50%;
  margin-top: 195px;
  margin-right: -280px;
}

.circle-animation {
  height: 80px;
  width: 80px;
  margin: 0px auto;
  width: 80px;
  height: 80px;
}

.circle-animation:after {
  position: absolute;
  left: 50%;
  bottom: 50%;
  -webkit-transition: height 0.5s, opacity 1.0s;
  transition: height 0.5s, opacity 1.0s;
}

.circle-animation > .list-box {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: Alpha(opacity=0);
  -webkit-transition: all 0.5s, opacity 1.0s;
  transition: all 0.5s, opacity 1.0s;
  line-height: 80px;
  text-align: center;
}

.ball-scale-multiple {
  position: relative;
  opacity: 0;
  filter: Alpha(opacity=0);
  -webkit-transition: all 0.7s, opacity 1.0s;
  transition: all 0.7s, opacity 1.0s;
}

.ball-scale-multiple > div {
  border-radius: 100%;
  position: absolute;
  top: -3px;
  left: -3px;
  opacity: 0;
  margin: 0;
  width: 74px;
  height: 74px;
  border: 3px solid #1a978e;
  background-color: #1a978e;
  -webkit-animation: ball-scale-multiple 3s 0s linear infinite;
  animation: ball-scale-multiple 3s 0s linear infinite;
  width: 80px;
  height: 80px;
}

.ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: -2s;
  animation-delay: -2s;
}

.list-txt-thum {
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 2;
  display: table;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 50%;
  margin-left: -16px;
  display: block;
  line-height: 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #1a978e;
}

.list-txt-thum i {
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 32px;
}

.list-bg {
  position: absolute;
  top: 0;
  margin-top: -90.5px;
  left: 50%;
  z-index: 11;
  margin-left: -90.5px;
  visibility: hidden;
  opacity: 0;
  filter: Alpha(opacity=0);
  width: 181px;
  height: 181px;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
}

.list-bg:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 100%;
  margin-left: -104.5px;
  margin-top: -104.5px;
  border: 14px solid rgba(26, 151, 142, 0.5);
}

.list-bg:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 100%;
  margin-left: -98.5px;
  margin-top: -98.5px;
  border: 8px solid rgba(26, 151, 142, 0.5);
}

.list-bg img {
  width: 100%;
  height: 100%;
}

.list-box.hover .list-bg {
  opacity: 1.0;
  filter: Alpha(opacity=100);
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.mainFooter{z-index:100; position:relative;}
#fp-nav.left {
  left: 50px !important;
}

#fp-nav.left ul li .fp-tooltip {
  font-family: 'Roboto','Noto Sans KR',sans-serif !important;
  letter-spacing: 1px;
  width: 0;
  height: 25px;
  font-weight: 400;
  line-height: 25px;
  font-size: 14px;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
  -webkit-transition: width .3s ease 0s;
  transition: width .3s ease 0s;
}

#fp-nav.left ul li .fp-tooltip span {
  opacity: 1;
  filter: Alpha(opacity=100);
  -webkit-transition: opacity .3s ease 0s;
  transition: opacity .3s ease 0s;
}

#fp-nav.left ul li a {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  float: left;
}

#fp-nav.left ul li a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 25px;
  height: 25px;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
}

#fp-nav.left ul li a span {
  background-color: #fff;
}

#fp-nav.left ul li a.active {
  border-color: #fff;
}

#fp-nav.left ul li a.active:before {
  border-color: #fff;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
}

#fp-nav.left ul li a.active .fp-tooltip {
  color: #fff;
}

#fp-nav.left ul li .fp-tooltip.left {
  top: 0px;
  left: 35px;
}

#fp-nav.left ul li:hover .fp-tooltip {
  width: 170px;
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transition: width .7s ease 0s;
  transition: width .7s ease 0s;
}

#fp-nav.left ul li:hover .fp-tooltip span {
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transition: opacity .7s ease 0s;
  transition: opacity .7s ease 0s;
}

#fp-nav.left a.active + .fp-tooltip {
  width: 170px;
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transition: width .7s ease 0s;
  transition: width .7s ease 0s;
}

#fp-nav.left a.active + .fp-tooltip span {
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transition: opacity .7s ease 0s;
  transition: opacity .7s ease 0s;
}

#fp-nav.left.right {
  opacity: 1;
  left: 3%;
  -webkit-transition: left 0.3s, opacity 1s;
  -webkit-transition: right 0.3s, opacity 1s;
  transition: right 0.3s, opacity 1s;
}

#fp-nav.left.left ul li {
  width: 35px;
  height: 20px;
  margin: 25px 0px;
}

#fp-nav.left.left ul li:last-child {
  display: none !important;
}

.fp-slidesNav ul li {
  width: 35px;
  height: 20px;
  margin: 25px 0px;
}

.fp-slidesNav ul li:last-child {
  display: none !important;
}

.fp-slidesNav ul li a {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  float: left;
}

.fp-slidesNav ul li a:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 25px;
  height: 25px;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
}

.fp-slidesNav ul li a span {
  background-color: #fff;
  border-radius: 50% !important;
}

.fp-slidesNav ul li a.active {
  border-color: #fff;
}

.fp-slidesNav ul li a.active:before {
  border-color: #fff;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
}

.fp-slidesNav ul li a.active span {
  border-radius: 50% !important;
}

.fp-slidesNav ul li:hover a.active span {
  border-radius: 50% !important;
}

#fp-nav ul li a span {
  border-radius: 50% !important;
}

#fp-nav ul li a.active span {
  border-radius: 50% !important;
}

#fp-nav ul li:hover a.active span {
  border-radius: 50% !important;
}

#fp-nav.black.left ul li .fp-tooltip {
  color: rgba(74, 74, 74, 0.9);
}

#fp-nav.black.left ul li a span {
  background-color: #454545;
}

#fp-nav.black.left ul li a.active {
  border-color: rgba(0, 0, 0, 0.5);
}

#fp-nav.black.left ul li a.active:before {
  border-color: #000;
}

#fp-nav.black .fp-slidesNav ul li a span {
  background-color: #454545;
}

#fp-nav.black .fp-slidesNav ul li a.active:before {
  border-color: #000;
}

#fp-nav.black fp-slidesNav ul li a.active {
  border-color: rgba(0, 0, 0, 0.5);
}

.main-sec-con-bg-wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.main-sec-con-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover !important;
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-transition: transform 2000ms ease-in-out;
  -webkit-transition: -webkit-transform 2000ms ease-in-out;
  transition: -webkit-transform 2000ms ease-in-out;
  transition: transform 2000ms ease-in-out;
  transition: transform 2000ms ease-in-out, -webkit-transform 2000ms ease-in-out;
}

.main-tit-con {
  margin-top: 50px;
  color: #333;
  text-align: center;
}

.main-tit-con .tit {
  font-size: 46px;
  font-weight: 500;
  line-height: 1;
  opacity: 1;
/*  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1.0s, transform 1.0s;
  -webkit-transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, transform 1.0s;
  transition: opacity 1.0s, transform 1.0s, -webkit-transform 1.0s; */
}

.main-tit-con .txt {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1.6;
  color: #666;
  margin: 10px 0 40px;
  opacity: 1;
/*  filter: Alpha(opacity=0);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1.0s, transform 1.0s;
  -webkit-transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, transform 1.0s;
  transition: opacity 1.0s, transform 1.0s, -webkit-transform 1.0s; */
}

#mainSection02 {
  height: 100%;
}

#mainSection02 .main-tit-con ul li {
  opacity: 1.0;
/*  filter: Alpha(opacity=0);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
   -webkit-transition: opacity 1.0s, transform 1.0s;
  -webkit-transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, transform 1.0s;
  transition: opacity 1.0s, transform 1.0s, -webkit-transform 1.0s; */
}

/* #mainSection02.active .main-sec-con-bg {
  -webkit-transform: scale(1, 1) rotate(0.002deg);
  transform: scale(1, 1) rotate(0.002deg);
} */

#mainSection02.active .main-tit-con .tit {
  /* -webkit-transition-delay: .15s;
          transition-delay: .15s; */
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#mainSection02.active .main-tit-con .txt {
  /* -webkit-transition-delay: .3s;
          transition-delay: .3s; */
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#mainSection02.active .main-tit-con ul li {
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

/* #mainSection02.active .main-tit-con ul li:nth-child(1) {
  -webkit-transition-delay: .45s;
          transition-delay: .45s;
}

#mainSection02.active .main-tit-con ul li:nth-child(2) {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

#mainSection02.active .main-tit-con ul li:nth-child(3) {
  -webkit-transition-delay: .75s;
          transition-delay: .75s;
} */

#mainSection03 .pf-list {
  margin-left: -10px;
  position: relative;
}

#mainSection03 .pf-list:before, #mainSection03 .pf-list:after {
  content: "";
  display: table;
}

#mainSection03 .pf-list:after {
  clear: both;
}

#mainSection03 .pf-list > li {
  float: left;
  margin: 0 0 10px 10px;
  width: calc(25% - 10px);
  width: -moz-calc(25% - 10px);
  width: -webkit-calc(25% - 10px);
  width: -o-calc(25% - 10px);
  width: -ms-calc(25% - 10px);
  height: 270px;
  position: relative;
  opacity: 1;
  /* filter: Alpha(opacity=0);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1.0s, transform 1.0s;
  -webkit-transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, transform 1.0s;
  transition: opacity 1.0s, transform 1.0s, -webkit-transform 1.0s; */
}

#mainSection03 .pf-list > li > a {
  position: relative;
  display: block;
  height: 100%;
}

#mainSection03 .pf-list > li > a:hover .bg-img:before, #mainSection03 .pf-list > li > a:focus .bg-img:before {
  opacity: 0.8;
}

#mainSection03 .pf-list > li > a:hover .txt-project, #mainSection03 .pf-list > li > a:focus .txt-project{
  bottom:0;
  opacity:1;
}
 

#mainSection03 .pf-list > li > a .condition {
  font-size: 14px;
  color: #fff;
  width: 60px;
  text-align: center;
  padding: 4.5px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

#mainSection03 .pf-list > li > a .condition.type-a {
  background: #f36523;
}

#mainSection03 .pf-list > li > a .condition.type-b {
  background: #222;
}

#mainSection03 .pf-list > li > a .bg-img {
  background: no-repeat center center / cover;
  overflow: hidden;
  position: relative;
  height: 100%;
}

#mainSection03 .pf-list > li > a .bg-img:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(black));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, black 100%);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

#mainSection03 .pf-list > li > a .txt-project { 
  padding: 30px;
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  overflow:hidden; 
  transition: all ease .4s;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  -moz-transition: all ease .4s;
  -ms-transition: all ease .4s;
  opacity:0;
}

#mainSection03 .pf-list > li > a .txt-project .tit-project { 
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  word-break: keep-all; 
}

/* #mainSection03.active .main-sec-con-bg {
  -webkit-transform: scale(1, 1) rotate(0.002deg);
  transform: scale(1, 1) rotate(0.002deg);
}
 */
#mainSection03.active .main-tit-con .tit {
  /* -webkit-transition-delay: .15s;
          transition-delay: .15s; */
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#mainSection03.active .main-tit-con .txt {
  /* -webkit-transition-delay: .3s;
          transition-delay: .3s; */
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#mainSection03.active .pf-list > li {
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

/* #mainSection03.active .pf-list > li:nth-of-type(1) {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

#mainSection03.active .pf-list > li:nth-of-type(2) {
  -webkit-transition-delay: .35s;
          transition-delay: .35s;
}

#mainSection03.active .pf-list > li:nth-of-type(3) {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}

#mainSection03.active .pf-list > li:nth-of-type(4) {
  -webkit-transition-delay: .45s;
          transition-delay: .45s;
}

#mainSection03.active .pf-list > li:nth-of-type(5) {
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}

#mainSection03.active .pf-list > li:nth-of-type(6) {
  -webkit-transition-delay: .55s;
          transition-delay: .55s;
}

#mainSection03.active .pf-list > li:nth-of-type(7) {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

#mainSection03.active .pf-list > li:nth-of-type(8) {
  -webkit-transition-delay: .65s;
          transition-delay: .65s;
} */

#mainSection04 {
  opacity: 1;
  height: 100%;
}

/* #mainSection04.active .main-sec-con-bg {
  -webkit-transform: scale(1, 1) rotate(0.002deg);
  transform: scale(1, 1) rotate(0.002deg);
} */

#mainSection04 .main-tit-con .tit {
  margin-top: 4rem;
  font-size: 60px;
  margin-bottom: 20px;
/*   -webkit-transition-delay: .15s;
          transition-delay: .15s; */
  opacity: 1;
  /* filter: Alpha(opacity=100); */
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  color: #fff;
}

#mainSection04 .main-tit-con .txt {
/*   -webkit-transition-delay: .3s;
          transition-delay: .3s; */
  opacity: 1;
  /* filter: Alpha(opacity=100); 
  -webkit-transform: translateX(0px);
  transform: translateX(0px);*/
  color: #fff;
}

#mainSection05 {
  height: 100%;
  background: #f6f6f6;
}

#mainSection05 .prc {
  opacity: 1;
  /* filter: Alpha(opacity=0);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity 1.0s, transform 1.0s;
  -webkit-transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, -webkit-transform 1.0s;
  transition: opacity 1.0s, transform 1.0s;
  transition: opacity 1.0s, transform 1.0s, -webkit-transform 1.0s; */
}

#mainSection05.active .main-tit-con .tit {
/*   -webkit-transition-delay: .15s;
          transition-delay: .15s; */
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#mainSection05.active .main-tit-con .txt {
/*   -webkit-transition-delay: .3s;
          transition-delay: .3s; */
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#mainSection05.active .prc {
/*   -webkit-transition-delay: .45s;
          transition-delay: .45s; */
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#mainSection05.active2 .prc {
/*   -webkit-transition-delay: .45s;
          transition-delay: .45s; */
  opacity: 1.0;
  filter: Alpha(opacity=100);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

@media all and (min-width: 800px) {
  .list-box:hover .list-bg {
    opacity: 1.0;
    filter: Alpha(opacity=100);
    visibility: visible;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@media all and (max-width: 1570px) {
  #fp-nav {
    display: none !important;
  }
}

#link-service {
  display: none;
}

#header {
  position: absolute;
  width: 100%;
  z-index: 9;
  opacity: 0;
  -webkit-transform: translateY(-4.8rem);
  transform: translateY(-4.8rem);
  -webkit-transition: all 1s;
  transition: all 1s;
}

#header .top-bar {
  background: #2e2e2e;
}

#main {
  position: relative;
  z-index: 1;
  background: #eee;
}

#mainSection04 {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

#mainSection04 .container {
  width: 100%;
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
  z-index: 1;
  padding: 0 0 12.8rem;
  text-align: left;
}

#mainSection04 .container .title {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
/*   -webkit-transition: all .5s;
  transition: all .5s; */
  color: #fff;
}

#mainSection04 .container .title .eng {
  display: block;
  font-size: 2.5rem;
  font-family: Montserrat;
  margin-bottom: .48rem;
}

#mainSection04 .container .title .kor {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
}

#mainSection04::before {
  content: '';
  width: 75%;
  height: 100%;
  background: #0072bd no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
/*   -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all .5s;
  transition: all .5s; */
  opacity: 1;
  z-index: 1;
}

#mainSection04 .issue-area {
  margin-left: 38.4rem;
  margin-top: 13.2rem;
  width: 144rem;
  z-index: 3;
  position: relative;
/*   -webkit-transition: all 1s;
  transition: all 1s; 
  -webkit-transform: translateX(4.8rem);
  transform: translateX(4.8rem);*/
  opacity: 1;
}

#mainSection04 .is-slide {
  height: auto;
  padding-bottom: 3.2rem;
  width: auto;
  margin: 0 1.6rem;
}

#mainSection04 .is-slide.slick-active .card {
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.07);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.07);
}

#mainSection04 .card {
  background: #fff;
  padding: 0;
  display: block;
  width: 40rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.07);
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.07);
}

#mainSection04 .card .img {
  text-align: right;
  margin-bottom: 3.2rem;
  overflow: hidden;
  height: 32rem;
}

#mainSection04 .card .img img {
  display: inline-block;
  min-width: 100%;
  min-height: 100%;
}

#mainSection04 .card .txt2 {
  word-break: keep-all;
  padding-right: 2.4rem;
  padding: 0 30px 40px;
}

#mainSection04 .card .txt2 .caption {
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: #000;
  margin-bottom: .32rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  visibility: visible;
}

#mainSection04 .card .txt2 .desc {
  font-size: 16px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  visibility: visible;
  margin-bottom: 1.44rem;
  color: #666;
}

#mainSection04 .card .txt2 b {
  font-size: 32px;
  font-weight: 500;
  display: block;
  color: #837163;
}

#mainSection04 .slick-arrow {
  width: 60px;
  height: 60px;
  display: block;
  border: 0;
  cursor: pointer;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 0;
  position: absolute;
  top: 50%;
  margin-top: 50px;
  left: -38.4rem;
  z-index:9;
}

#mainSection04 .slick-arrow.slick-prev {
  background: url("/static/images/issue-slider-prev.png") 0 0;
}

#mainSection04 .slick-arrow.slick-prev:hover {
  background: url("/static/images/issue-slider-prev-on.png") 0 0;
}

#mainSection04 .slick-arrow.slick-next {
  margin-left: 70px;
  background: url("/static/images/issue-slider-next.png") 0 0;
}

#mainSection04 .slick-arrow.slick-next:hover {
  background: url("/static/images/issue-slider-next-on.png") 0 0;
}

#mainSection04 .more {
  display: block;
  position: absolute;
  bottom: 68.8rem;
  left: 0;
  color: #fff;
  font-family: Montserrat;
  font-weight: 600;
}

#mainSection04 .more i {
  display: inline-block;
  margin-left: .64rem;
}
 
/*
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #0c385a;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #0c385a;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #0c385a;
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #0c385a;
} 
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.2);
}

*/
#mainSection04.active::before {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

#mainSection04.active .container .title {
  opacity: 1;
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

#mainSection04.active .issue-area {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
/*
html.fp-enabled {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*/
#superContainer {
  height: 100%;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fp-slide {
  float: left;
  height: 100%;
  display: block;
}

.fp-slidesContainer {
  height: 100%;
  display: block;
  float: left;
  position: relative;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.fp-section.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}

.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.fp-controlArrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: hidden;
  position: relative;
}

.fp-scroller {
  overflow: hidden;
}

.iScrollIndicator {
  border: 0 !important;
}

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 9;
  margin-top: -112.5px !important;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

#fp-nav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#fp-nav ul li a.active span {
  height: 3px;
  width: 3px;
  margin: -1.5px 0 0 -1.5px;
  border-radius: 100%;
}

#fp-nav ul li:hover a.active span {
  height: 3px;
  width: 3px;
  margin: -1.5px 0 0 -1.5px;
  border-radius: 100%;
}

#fp-nav ul li:hover .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 1;
  width: 0;
  cursor: pointer;
}

#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}

#fp-nav.right {
  right: 17px;
}

#fp-nav.left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
  display: inline-block;
}

.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.fp-slidesNav ul li a.active span {
  height: 3px;
  width: 3px;
  margin: -1.5px 0 0 -1.5px;
  border-radius: 100%;
}

.fp-slidesNav ul li:hover a.active span {
  height: 3px;
  width: 3px;
  margin: -1.5px 0 0 -1.5px;
  border-radius: 100%;
}

.fp-slidesNav.bottom {
  bottom: 17px;
}

.fp-slidesNav.top {
  top: 17px;
}

#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

.fp-auto-height.fp-section {
  height: auto !important;
}

.fp-auto-height .fp-slide {
  height: auto !important;
}

.fp-auto-height .fp-tableCell {
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section {
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-slide {
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important;
}

/* 인재육성페이지 생성 */
.sub-atc.c-hr br.hrmob-only,
.sub_con.education br.hrmob-only,
.sub_con.welfare br.hrmob-only,
.hr400-only,
.hr767-only {
	display:none;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li {
    margin-bottom: 100px;
    overflow: hidden;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li h3 {
    position: relative;
    margin-bottom: 25px;
    line-height: 1.389;
    text-align: center;
	font-size: 32px;
    font-weight: 500;
    color: #333;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li .txt .des {
    font-size: 16px;
    color: #666;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
}

#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li .img img {
	width: 92%;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) .txt {
	float:left;
    padding: 110px 0 0 140px;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(2) .txt {
	float:right;
	padding: 140px 180px 0 0;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(3) .txt {
	float:left;
	padding: 130px 0 0 150px;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li h3:before {
	content: '';
    position: absolute;
    z-index: -1;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) h3:before {
    bottom: -97px;
    left: -80px;
    width: 168px;
    height: 111px;
    background: url(/static/images/sub/hr_1_1.png) no-repeat;
    background-size: 95%;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(2) h3:before {
    bottom: -140px;
    right: -40px;
    width: 156px;
    height: 160px;
    background: url(/static/images/sub/hr_1_4.png) no-repeat;
    background-size: 95%;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(3) h3:before {
    bottom: -190px;
    left: -66px;
    width: 194px;
    height: 137px;
    background: url(/static/images/sub/hr_1_5.png) no-repeat;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) .img{
  position: relative;
  float:right;
  margin: 15px 100px 0 0;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(2) .img {
  position: relative;
  float:left;
  margin: 15px 0 0 100px;
}
#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(3) .img {
  position: relative;
  float:right;
  margin: 15px 50px 0 0;
}

/* 인재육성 - 교육제도 */
#sub .sub_con.education {
	padding: 50px 0 0;
}
#sub .sub_con .sub-atc.c-education {
	padding-bottom: 0;
}
#sub .sub_con .sub-atc.c-education > div {
  position: relative;
  padding-bottom: 120px;
}
#sub .sub_con .sub-atc.c-education > div .txt {
	text-align: center;
    padding: 110px 0 80px;
}
#sub .sub_con .sub-atc.c-education > div .txt h3 {
	font-size: 32px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}
#sub .sub_con .sub-atc.c-education > div .txt .des {
	font-size: 18px;
    color: #666;
}
#sub .sub_con .sub-atc.c-education > div ul {
	width: 100%;
	display: flex;
}
#sub .sub_con .sub-atc.c-education > div ul li {
	flex: 1;
	margin-right: 40px;
}
#sub .sub_con .sub-atc.c-education > div ul li:nth-of-type(3){
	margin-right: 0;
}
#sub .sub_con .sub-atc.c-education > div ul li > div:nth-of-type(1) {
	height: 100px;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
#sub .sub_con .sub-atc.c-education > div ul li > div:nth-of-type(2) {
    font-size: 16px;
    color: #666;
}
#sub .sub_con .sub-atc.c-education > div ul li > div > div {
    height: 100px;
    line-height: 100px;
}


#sub .sub_con .sub-atc.c-education .col-a.draw:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}
#sub .sub_con .sub-atc.c-education .col-a.draw:after {
  -webkit-transform: scale(1, 1) rotate(0);
  transform: scale(1, 1) rotate(0);
}
#sub .sub_con .sub-atc.c-education .col-a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: -webkit-calc(100% - 60px);
  height: -o-calc(100% - 60px);
  height: -ms-calc(100% - 60px);
  background: #f6f6f6;
  z-index: -2;
  transition: all ease 1.5s;
  -webkit-transition: all ease 1.5s;
  -o-transition: all ease 1.5s;
  -moz-transition: all ease 1.5s;
  -ms-transition: all ease 1.5s;
  opacity: 0;
}
#sub .sub_con .sub-atc.c-education .col-a:after {
  content: '';
  position: absolute;
  left: 80px;
  top: 200px;
  width: 425px;
  height: 417px;
  background: url("/static/images/sub/cir-a.png") no-repeat center center/100%;
  z-index: -1;
  -webkit-transform: scale(1.2, 1.2) rotate(30deg);
  transform: scale(1.2, 1.2) rotate(30deg);
  -webkit-transition: transform 2000ms ease-in-out;
  -webkit-transition: -webkit-transform 2000ms ease-in-out;
  transition: -webkit-transform 2000ms ease-in-out;
  transition: transform 2000ms ease-in-out;
  transition: transform 2000ms ease-in-out, -webkit-transform 2000ms ease-in-out;
}
#sub .sub_con .sub-atc.c-education .col-a ul li .ed_blue {
    background: #00a0e9;
    display: flex;
}
#sub .sub_con .sub-atc.c-education .col-a ul li .ed_blue > div:nth-of-type(1) {
    width: 110px;
    font-size: 42px;
    font-weight: bold;
}
#sub .sub_con .sub-atc.c-education .col-a ul li .ed_blue > div:nth-of-type(2) {
	flex:1;
    padding-right: 40px;
	text-align: right;
	font-size: 20px;
}
#sub .sub_con .sub-atc.c-education .col-a ul li .ed_white {
	height: 150px;
    padding: 40px 50px;
    background: #fff;
}

#sub .sub_con .sub-atc.c-education .col-b ul li {
	position: relative;
}
#sub .sub_con .sub-atc.c-education .col-b ul li:before {
	content: '';
	position: absolute;
	left: 28px;
}
#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(1):before {
	background: url(/static/images/sub/hr_2_1.png) no-repeat;
	top: -45px;
	width: 105px;
	height: 85px;
}

#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(2):before {
	background: url(/static/images/sub/hr_2_2.png) no-repeat;
	top: -51px;
	width: 94px;
	height: 90px;
}

#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(3):before {
	background: url(/static/images/sub/hr_2_3.png) no-repeat;
	top: -50px;
	width: 94px;
	height: 87px;
}
#sub .sub_con .sub-atc.c-education .col-b ul li .ed_brown {
	background: #837163;
}
#sub .sub_con .sub-atc.c-education .col-b ul li .ed_brown div {
	font-size: 22px;
}
#sub .sub_con .sub-atc.c-education .col-b ul li .ed_gray {
	height: 175px;
	padding: 50px;
    background: #f2f1ef;
    font-size: 16px;
    color: #666;
    text-align: center;
}

#sub .sub_con .sub-atc.c-education .col-c {
	padding-bottom: 100px;
}
#sub .sub_con .sub-atc.c-education .col-c:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: calc(100% - 60px);
  height: -moz-calc(100% - 60px);
  height: -webkit-calc(100% - 60px);
  height: -o-calc(100% - 60px);
  height: -ms-calc(100% - 60px);
  background: url(/static/images/sub/hr_2_4.png) no-repeat 100%;
  z-index: -2;
  transition: all ease 1.5s;
  -webkit-transition: all ease 1.5s;
  -o-transition: all ease 1.5s;
  -moz-transition: all ease 1.5s;
  -ms-transition: all ease 1.5s;
  opacity: 0;
}
#sub .sub_con .sub-atc.c-education .col-c.draw:before {
	width: 100%;
    height: 100%;
    opacity: 1;
}
#sub .sub_con .sub-atc.c-education .col-c ul li {
	background: #fff;
}
#sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit {
	height: 125px;
	font-size: 22px;
	font-weight: bold;
	color: #333;
}
#sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit div {
	height: 125px;
    line-height: 140px;
}
#sub .sub_con .sub-atc.c-education .col-c ul li .ed_white {
	padding: 60px;
    padding-top: 0;
    text-align: center;
}


#sub .sub_con.welfare,
#sub .sub_con .sub-atc.c-welfare {
	padding-bottom: 0;
}
#sub .sub_con .sub-atc.c-welfare .col-a {
	padding-bottom: 120px;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li {
	display: flex;
	height: 540px;
	overflow: hidden;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li > div {
	flex: 1;
	position: relative;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt img {
	margin-bottom: 55px;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt h3 {
    margin-bottom: 20px;
	font-size: 24px;
    color: #333;
    font-weight: bold;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt .des {
	font-size: 16px;
    color: #666;
    line-height: 1.5;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .txt {
	padding: 105px 0 0 70px;
	flex: 0.9;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .img:before {
	content: '';
    position: absolute;
    background: #f6f6f6;
    width: 570px;
    height: 548px;
    top: 30px;
    left: 0;
    z-index: -1;
    border-radius: 0 120px 0 0;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .img img {
	float: right;
    margin-right: 33px;
    width: 80%;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .img:before {
	content: '';
    position: absolute;
    background: #f6f6f6;
    width: 570px;
    height: 530px;
    top: 0px;
    right: -9px;
    z-index: -1;
    border-radius: 0 0 0 120px;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .img img {
	margin-top: 80px;
}
#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .txt {
	padding: 55px 70px 0 0;
	text-align: right;
	flex: 0.9;
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner {
	padding: 80px 220px;
	display: flex;
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner > div {
	width: 300px;
	padding-top: 25px;
    z-index: 1;
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner > div h3 {
	position: relative;
	font-size: 32px;
    color: #333;
    font-weight: bold;
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner > div h3:after {
	content: '';
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 320px;
    height: 1px;
    border-bottom: 1px solid #333;
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul {
	width: 550px;
    display: flex;
    flex-wrap: wrap;	
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li {
	position: relative;
	padding: 30px;
	border: 1px solid #e1e1e1;
    background: #fff;
    width: 258px;
    height: 180px;
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li:nth-of-type(odd) {
	margin-right: 27px;
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li:nth-of-type(1),
#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li:nth-of-type(2) {
	margin-bottom: 35px;
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li div {
	font-size: 19px;
    color: #333;
    font-weight: bold;
    position: relative;
    line-height: 1.4;
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li div:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 47px;
	height: 40px;
	background: url(/static/images/sub/hr_3_icon.png) no-repeat 100%;
}
#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li p {
	position: absolute;
    bottom: 25px;
    width: 76%;
	font-size: 15px;
    color: #666;
    line-height: 1.4;
}
#sub .sub_con .sub-atc.c-welfare .col-b {
	background: #f6f6f6;
}
#sub .sub_con .sub-atc.c-welfare .col-b .inner > ul li:nth-of-type(1) div:after {
	background-position: 0 0;
}
#sub .sub_con .sub-atc.c-welfare .col-b .inner > ul li:nth-of-type(2) div:after {
	background-position: -47px 0;
}
#sub .sub_con .sub-atc.c-welfare .col-b .inner > ul li:nth-of-type(3) div:after {
	background-position: -94px 0;
}
#sub .sub_con .sub-atc.c-welfare .col-b .inner > ul li:nth-of-type(4) div:after {
	background-position: -141px 0;
}
#sub .sub_con .sub-atc.c-welfare .col-c {
	background: url(/static/images/sub/hr_3_5.png) no-repeat;
    background-size: 100%;
}
#sub .sub_con .sub-atc.c-welfare .col-c .inner > ul li:nth-of-type(1) div:after {
	background-position: 0 -40px;
}
#sub .sub_con .sub-atc.c-welfare .col-c .inner > ul li:nth-of-type(2) div:after {
	background-position: -47px -40px;
}
#sub .sub_con .sub-atc.c-welfare .col-c .inner > ul li:nth-of-type(3) div:after {
	background-position: -94px -40px;
}
#sub .sub_con .sub-atc.c-welfare .col-c .inner > ul li:nth-of-type(4) div:after {
	background-position: -141px -40px;
}
#sub .sub_con .sub-atc.c-welfare .col-d {
	background: #f2f8fc;
	padding-bottom: 40px;
}
#sub .sub_con .sub-atc.c-welfare .col-d .inner > ul li:nth-of-type(1) div:after {
	background-position: 0 -80px;
}
#sub .sub_con .sub-atc.c-welfare .col-d .inner > ul li:nth-of-type(2) div:after {
	background-position: -47px -80px;
}
#sub .sub_con .sub-atc.c-welfare .col-d .inner > ul li:nth-of-type(3) div:after {
	background-position: -94px -80px;
}
#sub .sub_con .sub-atc.c-welfare .col-d .inner > ul li:nth-of-type(4) div:after {
	background-position: -141px -80px;
}


/**메인 레이어 팝업**/
.openPop {
	display:none;
	width:100%;
	max-width:550px;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-webkit-transform:translate(-50%,-50%);
	-ms-webkit-transform:translate(-50%,-50%);
	z-index: 10010;
}
.openPop#NoticePop02 {
	top:150px;
	right:20px;
	left: unset;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-webkit-transform:translate(0,0);
	-ms-webkit-transform:translate(0,0);
}
.openPop#NoticePop03 {
	top:150px;
	left: 19%;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
	-moz-webkit-transform:translate(0,0);
	-ms-webkit-transform:translate(0,0);
}
.openPop * {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.openPop .btn-close {
	position:absolute;
	right:-35px;
	top:0;
	display:block;
	background:url('/static/images/sub/close-g.png') 0 0 no-repeat;
	width:20px;
	height:20px;
	background-size:100%;	
}
.openPop#NoticePop02 .btn-close,
.openPop#NoticePop03 .btn-close {
	right:0;
	top:-35px;
}
.openPop .pop_cts {
	width:100%;
	overflow:hidden;
	overflow-y:auto;
	background-color:#fff;
	padding-bottom:30px;
	text-align:center;
}
.openPop .popCheck {
	width:100%;
	font-size:0;
	background-color:#017ec3;
	text-align:right;
	padding:10px;
}
.openPop .popCheck * {
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:1.3rem;
	line-height:20px;
	vertical-align:middle;
	color:#fff;
}
.openPop .popCheck label {
	position:relative;
	padding-left:27px;
}
.openPop .popCheck input[type=checkbox] + label:before {
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	left:0;
	top:0;
	background:url('/static/images/pop_ck_off.png') 0 0 no-repeat;
	content:'';
}
.openPop .popCheck input[type=checkbox]:checked + label:before {
	background:url('/static/images/pop_ck_on.png') 0 0 no-repeat;
}
.openPop .popCheck button {
	background:none;
	border:1px solid #fff;
	padding:0 5px;
	margin-left:20px;
}

/** 레이어 팝업 **/
.lpop {
	display:none;
	width:92%;
	max-width:460px;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-webkit-transform:translate(-50%,-50%);
	-ms-webkit-transform:translate(-50%,-50%);
	z-index: 10010;
}
.lpop * {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.lpop .btn-close {
	position:absolute;
	right:0;
	top:-35px;
	display:block;
	background:url('/static/images/sub/close-g.png') 0 0 no-repeat;
	width:20px;
	height:20px;
	background-size:100%;	
}
.lpop .pop_cts {
	width:100%;
	overflow:hidden;
	overflow-y:auto;
	max-height:80vh;
	background-color:#fff;
	padding-bottom:30px;
	text-align:center;
}

#dimmedBk {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background: rgba(1, 1, 1, 0.5);
}
 
/* br */
.pc-only{display:block;}

/* 250411 */
#NoticePop04 { display: block; max-width: 525px; left: 56%; top: 150px; -webkit-transform: translate(0, 0); transform: translate(0, 0);}
#NoticePop04 > button { right: 0; top: -35px;}

/* 250411 */


/******************************* responsive *******************************/
 
@media screen and (max-width:1400px){
	.nav{display:none;}
	#sub .sub_con .sub-atc.c-history .bn-atc{margin:0 50px}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01{margin:0 50px;}
	#sub .sub_con .sub-atc.c-partner .tab-w{margin:0 50px; }
	#sub .sub_con .sub-atc.c-brand #tabBr .br-right {padding: 6%;}
	#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_type3 li {width: 260px;}
	#sub .sub_con .sub-atc.c-invest #tabCredit .inner .credit_img {height: auto;}
	#sub .sub_con .sub-atc.c-invest #tabCredit .inner .credit_img .shadow {position: relative; margin: 62% auto 12%; left: unset; bottom: unset; transform: unset;}
	.md-project-viewer .md-project-w .l {padding: 0 70px 0 0;}
	.md-project-viewer .md-project-w .r {height: 100%;}
	.md-project-viewer .md-project-w .r .in {width: 382px;height: 347px;margin: 8% auto; float: unset;}
	.md-project-viewer .md-project-w .controls {width: 100%;}
	

	.prc .left .prbn li .prbn_tit {width: 60%; min-width: 210px; font-size: 14px; line-height: 25px;}
	.inner{padding:0 50px; max-width:1380px}
	.main-visual .in .item div.visual-Tit {right: 200px;}
}
@media screen and (max-width:1366px){
	.main-tit-con{padding:0 50px}
	#mainSection03 .pf-list > li{height:200px;}
	.main-tit-con .tit{font-size:40px;}
	.main-tit-con .txt{font-size:16px;}
	.prc{height:500px;}
	.footerBottom .ft-link{padding:0 50px;}
	.ft-bt{padding:0 50px;}
	.prc .right .notice{padding:20px 30px;}
	.prc .right .brochure{padding:20px 30px;}
	.prc .right .brochure p{    margin: -30px 0 10px;}
	.prc .right h4{font-size:24px;}
	.prc .left .prbn{padding:20px 30px;}
	.prc .left .prbn h4{font-size:24px;}
	.prc .left .prbn ul.prbn_one {padding: 40px 25px;}
	/* .prc .left .prbn li a {padding: 20px;} */
	.prc .left .prbn li .prbn_tit {width: 270px;}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r .tit-des{font-size:36px;}
	#sub .sc-top{ right:10px; bottom:10px;width:50px; height:50px; } 
	#sitemap > ul > li h2{width:180px;}
	#sitemap{ overflow-y:auto;}
	#sitemap > ul{position:relative; top:0; left:0; max-width: none; transform:none; padding:30px; }
	
	.prc .right .notice a .nt_img {height: 320px;}
	
	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) .txt {padding: 9% 0 0 7%;}
	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) .img {margin: 1% 0 0 0;}
	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(2) .txt {padding: 11% 3% 0 0;}
	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(2) .img {margin: 1% 0 0 0;}
	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(3) .txt {padding: 10% 0 0 6%;}
	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(3) .img {margin: 1% 0 0 0;}
	
	/* br */
	.pc-only{display:none;} 
	#sub .sub_con.education br.pc-only {display:block;}
}
@media screen and (max-width:1280px){
	#mainSection03 .pf-list > li > a .txt-project .tit-project {font-size:14px; }
	.v-more{margin:20px auto 0;}
	#sub .sub_con .c-quest .v-more{margin:40px auto;}
	.prc .right h4 {font-size:20px;}
	.prc .right .notice .slick-arrow{top:28px;}
	.prc .right .brochure p br{display:none;}
	.prc .right .brochure p{font-size:14px}	
	.prc .prbn p {margin-bottom: 14px;}
	.prc .left .prbn ul {padding: 10px 20px;}
	.prc .left .prbn h4 {display: block; margin: 0 0 10px; font-size:20px;}
	.prc .left .prbn li .prbn_emplo {display: block; width: 60px; height: 20px; line-height: 20px; font-size: 11px;}
	.prc .left .prbn li .prbn_date {line-height: unset;}
	.footerBottom .ft-wr .familysite > .fam-w{left: -50px;
    width: calc(100% + 100px);
	  width: -moz-calc(100% + 100px);
	  width: -webkit-calc(100% + 100px);
	  width: -o-calc(100% + 100px);
	  width: -ms-calc(100% + 100px);
    margin: 0; }
	.footerBottom .ft-wr .familysite > .fam-w .fam-list-w{padding: 50px; overflow:hidden;}
	.footerBottom .ft-wr .familysite > .fam-w .close{right:15px;}
	.bi-search-w .list-tb .list-tr .ls-tb select.sel-period{width:100px;}
	.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list .picker-li .ipt-cal{width:120px;}
	#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li{width: calc(50% - 40px);
	  width: -moz-calc(50% - 40px);
	  width: -webkit-calc(50% - 40px);
	  width: -o-calc(50% - 40px);
	  width: -ms-calc(50% - 40px);}
	#sub .sub_con .sub-atc.c-ethics .col-b .charter li{width: calc(50% - 40px);
	  width: -moz-calc(50% - 40px);
	  width: -webkit-calc(50% - 40px);
	  width: -o-calc(50% - 40px);
	  width: -ms-calc(50% - 40px);}
	#sub .sub_con .sub-atc.c-news .bbs-search{margin:0 50px 50px;}
	#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category{left:30px} 
	#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category li:not(:last-of-type){padding-right:10px; margin-right:10px}
	#sub .sub_con .sub-atc.c-news .bbs-search .search-w{width:300px; right:30px}
	#sub .sub_con .sub-atc.c-news .bbs-search .search-w .ipt-search{font-size:14px}
	#sub .sub_con .sub-atc.c-news .bbs-search .search-w .ipt-search::placeholder{font-size:14px}

	#sub .sub_con .c-service .svc-list .ls-th{width:80px; font-size:14px;}
	#sub .sub_con .c-service .svc-inner > *{padding:50px 30px;}
	
	#sub .sub_con .hd-s-cont2.environment ul {
		padding:0 20px;
	}
	#sub .sub_con .hd-s-cont2.environment ul li {
		width:30%;
	}
	#sub .sub_con .hd-s-cont2.environment ul li + li {
		margin-left:5%;
	}
	#sub .sub_con .hd-s-cont2.environment ul li span {
		font-size:1.8rem;
	}
}
@media screen and (max-width:1248px){
	#sub .sub_con.video {padding-bottom: 0;}
	#sub .sub_con .sub-atc.c-video {padding-bottom: 0;}
	#sub .sub_con .c-video .col-a {max-width: 950px; margin: 0 auto;}
	#sub .sub_con .c-video .videotit {float: unset !important;}
	#sub .sub_con .c-video .col-b {margin: 40px 30px 0; width: unset;}
	#sub .sub_con .c-video .col-c {position: unset; padding: 60px 0 100px; width: 100%; height: unset; background: #f8f8f8; overflow: hidden;}
	#sub .sub_con .c-video .col-c .videolist {float: unset; padding: 0 30px; width: 100%; overflow: hidden;}
	#sub .sub_con .c-video .col-c .videolist li {width: 25%; float: left;}
	#sub .sub_con .c-video .col-c .videolist li div {position:relative; margin: 0 auto; width: 220px; height: 122px;}
	#sub .sub_con .c-video .col-c .paging {width: 100%; text-align: center; transform: unset; background: transparent; float: unset; height: unset;}
	#sub .sub_con .c-video .col-c .paging .page {width: 222px; height: 30px; margin: 0 auto;}
	#sub .sub_con .c-video .col-c .paging .page .pageback {border-radius: 15px; background: #f1f4f9;}
	#sub .sub_con .c-video .col-c .paging .page .pagenum {top: 0; left: -105px; width: 100px; height: 30px; line-height: 30px; color: #999;}
	#sub .sub_con .c-video .col-c .paging .page .pagenum em {font-style: normal;}
	#sub .sub_con .c-video .col-c .paging .page .pagenum em.num_cur {display: inline-block; color: #666; font-weight: bold;}
	#sub .sub_con .c-video .col-c .paging .page .pagenum em.num_cur:after {transform: rotate(122deg); margin-left: 41px; margin-top: -17px;}
	#sub .sub_con .c-video .col-c .paging .page .pagedot {display: inline-block; background: #f1f4f9; border-radius: 15px; overflow: hidden; font-size: 0;}
	#sub .sub_con .c-video .col-c .paging .page .pagedot a {display: inline-block; border-radius: 50%; background: #00aeef; vertical-align: middle;}
	#sub .sub_con .c-video .col-c .paging .page .pagedot a:nth-of-type(1) {margin-top: 0;}
	#sub .sub_con .c-video .col-c .paging .page .pagedot a.active {width: 30px; height: 30px; border: 8px solid #cceffc;}
	#sub .sub_con .c-video .col-c .paging .page .prev {opacity: 1; position: relative; display: inline-block; margin: 0 5px 0 0; width: 30px; height: 30px; border: 1px solid #d1d1d1; border-radius: 50%;}
	#sub .sub_con .c-video .col-c .paging .page .prev .arrow1 {position: absolute; top: 9px; left: 11px; width: 10px; height: 10px;} 
	#sub .sub_con .c-video .col-c .paging .page .prev .arrow2 {border: 2px solid #d1d1d1; border-top: 0; border-right: 0; transform: rotate(45deg);}
	#sub .sub_con .c-video .col-c .paging .page .next {opacity: 1; position: relative; display: inline-block; margin-top: 0; width: 30px; height: 30px; border: 1px solid #666; border-radius: 50%;}
	#sub .sub_con .c-video .col-c .paging .page .next .arrow1 {position: absolute; top: 9px; left: 8px; width: 10px; height: 10px;} 
	#sub .sub_con .c-video .col-c .paging .page .next .arrow2 {border: 2px solid #666; border-top: 0; border-right: 0; transform: rotate(-135deg);}
	#sub .sub_con .c-video .col-c .paging .page .prev.over,
	#sub .sub_con .c-video .col-c .paging .page .next.over {display: block;}
	
	#sub .sub_con .sub-atc.c-welfare .col-a ul li {display: block; position: relative; height: 900px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) > div:nth-of-type(2){position: absolute; top: 0; right: 0;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:before {content: ''; position: absolute; background: #f6f6f6; width: 97%; height: 380px; top: 30px; z-index: -1;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1):before {left: -50px; border-radius: 0 120px 0 0;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2):before {right: -50px; border-radius: 0 0 0 120px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .img:before,
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .img:before {content: none;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .img img {width: 66%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .img img {width: 38%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .txt {position: absolute; top: 0; right: 0;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .txt img {margin: 0 55px 155px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .txt img {margin: 50px 55px 155px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt h3 {margin: 50px 0; font-size: 3.6rem;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt .des {font-size: 2.5rem; margin-bottom: 100px;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner {display: block;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > div {width: 100%; padding-top: 0; text-align: center;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > div h3 {font-size: 3.6rem;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > div h3:after {content: none;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul {width: 100%; margin-top: 4%;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li {width: 48%; height: 230px;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li:nth-of-type(odd) {margin-right: 4%;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li div {padding-bottom: 10%; font-size: 2.8rem; line-height: 1.2;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li p {bottom: 35px; font-size: 2.2rem; line-height: 1.2;}
	#sub .sub_con .sub-atc.c-invest #tabCredit .inner {padding: 78px 80px 70px;}
	#sub .sub_con .sub-atc.c-invest #tabCredit .finan_btn {height: 60px; line-height: 60px;}
 	#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_wrap3 {float: unset; margin-top: 0;}
 	#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_type3 {display: flex;}
 	#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_type3 li,
 	#sub .sub_con .sub-atc.c-invest .finan_down div .finan_btn {flex: 1; margin-right: 10px; height: 60px; line-height: 60px;}
 	#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_type3 li:last-child,
 	#sub .sub_con .sub-atc.c-invest .finan_down div .finan_btn:last-child {margin-right: 0;}
 	#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_container {float: unset; width: 100%;}
 	#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_container img {display: block; margin: 0 auto;}
 	
 	.prc .left .prbn li a {position: relative;}
 	.prc .left .prbn li .prbn_date {position: absolute; top: 0; left: 75px;}
 	.prc .left .prbn li .prbn_tit {width: 100%;}
 	.prc .prbn p {font-size: 14px; line-height: 1;}
	.sub-atc.c-welfare br.hrpc-only {display:none;}
}
@media screen and (max-width:1140px){
	#sub .sub_con .sub-atc.c-ESG .chart-area {padding: 130px 0 0;}
	
	#sub .sub_con .hd-sub.hr,
 	#sub .sub_con .hd-sub.hr .hd-s-cont {padding:0; margin: 0;}
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li {margin-bottom: 70px;}
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) .txt,
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(2) .txt,
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(3) .txt {float: unset; padding: 0;}
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li h3 {margin: 0 auto 15px; padding: 30px 0 10px;  width: 160px; font-size: 24px; border-bottom: 1px solid;}
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) h3 {width: 210px;}
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) h3:before {bottom: -60%; left: -33%; background-size: 70%;}
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(2) h3:before {bottom: -120%; right: -58%; background-size: 70%;}
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(3) h3:before {bottom: -100%; left: -50%; background-size: 80%;}
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li .txt .des {font-size: 20px;}
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) .img,
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(2) .img,
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(3) .img {float: unset; margin: 50px 0 0 0;}
 	#sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li .img img {display: block; margin: 0 auto; width: 90%;}
 	
 	.prc .prbn p {margin-bottom: 10px;}
} 
@media screen and (max-width:1024px){ 
	.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li h4{font-size:16px;}
	.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li > .fam-list > li > a{font-size:14px;}
	.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li:not(:first-of-type){border:0;} 
	.quick { right:20px; bottom:20px;}
	.quick a{display:none;}
	.quick button{width:50px; height:50px; } 

	#mainSection02 ul li .ttt,#mainSection02 ul li .tbt{padding:40px 30px}
	#mainSection02 ul li .ttt h3{font-size:26px;}
	#mainSection02 ul li .ttt p{font-size:16px}
	#mainSection02 ul li .tbt a{width:100%;}
	
	.main-visual .in .item div.visual-Tit{right: 50px;}


	/* br */
	.pc-only{display:none;}  
	#sub .sub_con .sub-atc.c-overview .list-hasbg li h3 .pc-only{display:block;}
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li h3 .pc-only{display:block;}
	#sub .sub_con .hd-sub .sub_tit_paragraph .pc-only{display:block;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li .cir .tit .pc-only{display:block;}


	/* sub */   
	#sub .sub_visual h1{font-size:40px;}
	#sub .sub_visual p{font-size:16px;} 
	#sub .sub_con .hd-sub .sub_tit_paragraph{font-size:30px}
	#sub .sub_con .hd-s-cont .tit{font-size:30px}
	#sub .sub_con .hd-sub{margin:0 auto 50px}
	#sub .sub_con .sub-atc.c-greeting .grt-rec .tit{font-size:26px;}
	#sub .sub_con .sub-atc.c-greeting .grt-rec .des{font-size:16px;} 
	#sub .sub_con .sub-atc.c-greeting .greeting-paragraph{padding:0 50px; overflow:hidden;}
	#sub .sub_con .sub-atc.c-greeting .greeting-paragraph .des{font-size:16px;}
	#sub .sub_con .sub-atc.c-greeting .greeting-paragraph:after{position:relative; display:block; float:right;}
	#sub .sub_con .hd-sub .sub_tit_des{font-size:16px;}
	
	#sub .sub_con .sub-atc.c-overview .list-hasbg li h3{font-size:30px;}
	#sub .sub_con .sub-atc.c-overview .col-a .list-hasbg li:nth-of-type(odd) .txt{padding-top:100px;}
	#sub .sub_con .sub-atc.c-overview .col-a:before{height: calc(100% - 40px);
	  height: -moz-calc(100% - 40px);
	  height: -webkit-calc(100% - 40px);
	  height: -o-calc(100% - 40px);
	  height: -ms-calc(100% - 40px);}
	#sub .sub_con .sub-atc.c-overview .list-hasbg li h3{margin:0 0 30px;}
	#sub .sub_con .sub-atc.c-overview .list-hasbg li:nth-of-type(odd) .txt{padding-left:30px;}
	#sub .sub_con .sub-atc.c-overview .col-a .list-hasbg li:nth-of-type(even) .txt{padding-top:50px} 
	#sub .sub_con .sub-atc.c-overview .col-b .txt .tit{margin-bottom:10px; font-size:30px;} 
	#sub .sub_con .sub-atc.c-overview .col-c .list-hasbg li:nth-of-type(odd) .txt{padding-top:50px;}
	#sub .sub_con .sub-atc.c-overview .col-c .list-hasbg li:nth-of-type(even) .txt{padding-top:50px;}
	#sub .sub_con .sub-atc.c-overview .col-a{padding:0 0 100px}
	#sub .sub_con .sub-atc.c-overview .col-c{padding:100px 0 50px;}
	#sub .sub_con .sub-atc.c-overview .col-b{padding:100px 50px;}
	
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li h3{font-size:30px;}
	#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li:nth-of-type(odd) .txt{padding-top:100px;}
	#sub .sub_con .sub-atc.c-ESG .col-a:before{height: calc(100% - 40px);
	  height: -moz-calc(100% - 40px);
	  height: -webkit-calc(100% - 40px);
	  height: -o-calc(100% - 40px);
	  height: -ms-calc(100% - 40px);}
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li h3{margin:0 0 30px;}
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li:nth-of-type(odd) .txt{padding-left:30px;}
	#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li:nth-of-type(even) .txt{padding-top:50px} 
	#sub .sub_con .sub-atc.c-ESG .col-b .txt .tit{margin-bottom:10px; font-size:30px;} 
	#sub .sub_con .sub-atc.c-ESG .col-c .list-hasbg li:nth-of-type(odd) .txt{padding-top:50px;}
	#sub .sub_con .sub-atc.c-ESG .col-c .list-hasbg li:nth-of-type(even) .txt{padding-top:50px;}
	#sub .sub_con .sub-atc.c-ESG .col-c{padding:100px 0 50px;}
	#sub .sub_con .sub-atc.c-ESG .col-b{padding:100px 50px;}
	
	#sub .sub_con .hd-s-cont2.environment ul li {width:32%;}
	#sub .sub_con .hd-s-cont2.environment ul li + li {margin-left:2%;}
	#sub .sub_con .hd-s-cont2.environment ul li span {font-size:1.6rem;}
	
	#sub .sub_con .sub-atc{padding-bottom:30px;}
	#sub .sub_con .sub-atc.c-history .bn-atc .txt .tit{font-size:4rem;}
	#sub .sub_con .sub-atc.c-history .bn-atc .txt .tit-des{font-size:18px;}
	#sub .sub_con .sub-atc.c-history .bn-atc{padding: 100px 50px;}
	#sub .sub_con .sub-atc.c-history .c-history-w{margin:50px 0 0}
	#sub .sub_con .sub-atc.c-partner .tab-w{ padding:100px 50px}
	#sub .sub_con .sub-atc.c-partner .tab-w .in .tit{font-size:40px;}
	#sub .sub_con .sub-atc.c-partner .tab-content > .tit{font-size:30px;}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li{margin-left:20px; width:calc(50% - 20px);
	  width: -moz-calc(50% - 20px);
	  width: -webkit-calc(50% - 20px);
	  width: -o-calc(50% - 20px);
	  width: -ms-calc(50% - 20px);}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li:nth-child(2n+1){clear:both;}
	#sub .sub_con .sub-atc.c-partner .tab-content{padding:4em 0 1em;}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner{    width: calc(100% - 300px);
	  width: -moz-calc(100% - 300px);
	  width: -webkit-calc(100% - 300px);
	  width: -o-calc(100% - 300px);
	  width: -ms-calc(100% - 300px);}
	#sub .sub_con .sub-atc.c-partner .tab-content > .tit{width:300px;}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li:nth-of-type(4n){clear:none;}
	#sub .sub_con .sub-atc.c-directions .col-b{margin-bottom:50px} 
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .l{width:50%;}
	#sub .sub_con .sub-atc.c-architecture .col-c .list-real ul li{min-height:342px}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r{padding:100px 50px; width:50%;}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r .tit-des{font-size:30px;}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01{height:500px}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(odd) .img{margin-right:0;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .txt{padding-top:0;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-of-type(4) .txt{padding-top:0;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:nth-child(2n) .txt{padding-left:0;}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02{padding:50px 50px 0;}
	.bi-search-w{padding:0px 10px 20px;}
	.bi-search-w .btn-fold{top:20px; width:15px; right:30px;}
	.bi-search-w .list-tb .list-tr .ls-tb .picker-list li a{padding:10px;}
	.bi-search-w .list-tb .list-tr:not(:first-of-type){width:100%;}
	.bi-search-w .btn-reset{bottom:35px;}
	#sub .sub_con .sub-atc.c-vision .bn-t .txt .tit{font-size:30px;} 
	#sub .sub_con .sub-atc.c-growup .downlist-type-a li{height:90px} 
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid span.ci-ver{margin-left:5em;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li:nth-of-type(1){margin-right:4%;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li{width:48%;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system{width:100%;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .cir,
	#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .cir{width:150px; height:150px; font-size:16px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code,
	#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code{margin-top:25px; margin-left:30px;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li a .img img{padding:0 20px;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner{padding-left:450px;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid span.bi-ver{margin-left:-28em;}
	/*#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid span.bi-hor{margin-left:1em;}*/
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner .i-benest{width:250px; height:43px;}

	#sub .sub_con .c-service .svc-inner > *{width:100%;} 
	#sub .sub_con .c-service .svc-inner > *{margin-right:0; margin-bottom:4%;}
	#sub .sub_con .c-service .svc-inner .tit{font-size:24px;}
	
	#sub .sub_con .sub-atc.c-education .col-a ul li .ed_white {padding: 10%;}
	#sub .sub_con .sub-atc.c-education .col-b ul li:before {left: 20px;}
	#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(1):before {top: -32px; background-size: 72%;}
	#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(2):before,
	#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(3):before {top: -37px; background-size: 72%;}
	#sub .sub_con .sub-atc.c-education .col-b ul li .ed_gray {height: 130px; padding: 10%;}
	#sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit {height: 100px;}
	#sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit div {height: 100px; line-height: 110px;}
	#sub .sub_con .sub-atc.c-education .col-c ul li .ed_white {padding: 10%; padding-top: 0;}
	
	#sub .sub_con .sub-atc.c-welfare .col-a ul li {height: 800px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt h3,
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > div h3 {font-size: 3rem;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt .des,
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li p {font-size: 2rem;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li p {height: 60px;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li {height: 200px;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li div {font-size: 2.3rem;}
	
 	#sub .sub_con .sub-atc.c-brand #tabBr .br-right p {padding-bottom: 7%;}
 	
 	#sub .sub_con .sub-atc.c-invest {padding-bottom: 80px;}
 	#sub .sub_con .sub-atc.c-invest .finan_title {margin-bottom: 40px;}
 	#sub .sub_con .sub-atc.c-invest .finan_table,
 	#sub .sub_con .sub-atc.c-invest .finan_table2 {margin-bottom: 80px;}
 	#sub .sub_con .sub-atc.c-invest .finan_down h2 {float: unset;}
 	#sub .sub_con .sub-atc.c-invest .finan_down div {float: unset; display: flex;}
 	#sub .sub_con .sub-atc.c-invest .finan_down div .finan_btn {flex:1;}
 	
 	.md-project-viewer .md-project-w .l {padding: 0 20px 0 0;}
 	.md-project-viewer .md-project-w .r .in {margin: 11.7% auto;}
 	.md-project-viewer .md-project-w .controls {width: 100%; height: 50px;}
 	.md-project-viewer .md-project-w .controls button {width: 50px; height: 50px;}
 	
}
@media screen and (max-width:1023px){ 
	.fp-tableCell{display:block !important; height:auto !important;} 
	#mainSection02,#mainSection03,#mainSection04,#mainSection05{padding:100px 0; height:auto !important;}
	.main-tit-con{margin-top:0;}
	#mainSection04 .issue-area{margin-top:0;}
	#mainSection04 .container{padding:0;} 
	#mainVisual .fp-tableCell{height:100vh !important;}  
	.footerBottom .ft-wr .ft-navigator{padding:20px 0 10px;}
	.footerBottom .ft-wr .ft-navigator li a{ margin-bottom:5px;}
	.footerBottom .ft-wr .familysite{width:100%; margin:0 0 20px} 
}
@media screen and (min-width: 961px) and (max-width: 1024px) {  
	.prc .right .brochure a{background-image:none; text-align:center;} 
	#sub .sub_con .sub-atc.c-growup .cir-step > li{width:33.33%; margin: 0 -5px 20px;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li:nth-child(3n+1){clear:both;}
}
@media screen and (max-width: 961px){
	.fp-section.fp-table{height:auto !important;}
}
@media screen and (max-width:960px){        
	#mainVisual .fp-tableCell{height:800px !important;} 
	#sitemap{right: -100%; top: 79px; height: 100%; background: #0072bd; border-bottom: none;}
	#sitemap.open{right: 0;}
	#sitemap > ul{padding:50px}
	#sitemap > ul{position:relative; top:auto; transform:none; left:0;}
	#sitemap > ul > li h2{width:100%;  color:#fff; position:relative; padding:0 10px; margin: 5px 0;}
	#sitemap > ul > li h2:after{content:''; color:#fff; position:absolute; right:10px; top:6px; width:20px; height:20px; background:url('/static/images/ic_plus.png') no-repeat center center; z-index:2;}
	#sitemap > ul > li h2:before{content:''; width:100%; z-index:1; height:100%; position:absolute; left:0; top:0;}
	#sitemap > ul > li.dep-none h2:before{display:none;}
	#sitemap > ul > li.active h2:after{ background:url('/static/images/ic_minus.png') no-repeat center center;}
	#sitemap > ul > li{float: unset; padding: 25px 0; width: 100%; border-bottom:1px solid rgba(255,255,255,0.3);}
	#sitemap > ul > li:nth-of-type(3) {width: 100%;}
	#sitemap > ul > li > .depth-1{ width:100%; padding:10px 0;}
	#sitemap > ul > li > ul > li{display:block; margin:0;}
	#sitemap > ul > li > ul{display:none;}
	#sitemap > ul > li h3 {margin: 5px 0; line-height: 36px;}
	#sitemap > ul > li h3 a{font-size: 18px; font-weight: 400; color:rgba(255,255,255,0.7); padding:0 10px;} 
	#sitemap > ul > li h2 a{display:block;}
	#sitemap > ul > li.dep-none h2:after{display:none;} 
	.main-visual .in .item .mask-a {
	  left: 0;
	  width: 50%;
	  -webkit-transition: width 0.4s 0.4s, opacity 0.4s 0.8s;
	  transition: width 0.4s 0.4s, opacity 0.4s 0.8s;
	}

	.main-visual .in .item .mask-b {
	  left: 50%;
	  width: 50%;
	  -webkit-transition: width 0.4s 0.4s, opacity 0.4s 0.8s;
	  transition: width 0.4s 0.4s, opacity 0.4s 0.8s;
	} 
	.main-visual .in .item .mask-c,.main-visual .in .item .mask-d {display:none;} 
 
	/* main contents */
	.main-visual .in .item .visual-txt p:nth-of-type(1){font-size:20px;}
	.main-visual .in .item .visual-txt p:nth-of-type(2){font-size:50px;}
	.main-visual .in .item .visual-txt p:nth-of-type(3){font-size:18px;}
	.main-visual .in .item div.visual-Tit {width: 200px;}
	.main-visual .in .item div.visual-Tit .group {padding-bottom: 16px;}
	.main-visual .in .item div.visual-Tit .group strong {font-size: 20px;}
	.main-visual .in .item div.visual-Tit .group strong:before {width: 36px; height: 32px; background-size: 80%;}
	.main-visual .in .item div.visual-Tit .group.type01 strong:before {top: -7px;}
	.main-visual .in .item div.visual-Tit .group.type02 strong:before {top: -6px;}
	.main-visual .in .item div.visual-Tit .architecture {margin-top: 16px; font-size: 14px;}
	
	.main-visual .vtc-banner{width:calc(100% - 100px);
	  width: -moz-calc(100% - 100px);
	  width: -webkit-calc(100% - 100px);
	  width: -o-calc(100% - 100px);
	  width: -ms-calc(100% - 100px); right:50px;  top:auto; bottom:100px; }
	.main-visual .vtc-banner .title{width:80px;}
	.main-visual .vtc-banner .vtc-w .banner-item > a{padding:0 0 0 35px}
	.main-visual .vtc-banner .controls{left:85px}
	
	#mainSection02, #mainSection03, #mainSection04, #mainSection05{padding:100px 0;} 
	#mainSection02 ul li{width:100%; margin-right:0; padding-bottom:0; height:auto; margin-bottom:2%;}
	.main-tit-con{padding:0 50px;}
	.main-tit-con .txt{font-size:16px; width:80%;}
	.main-tit-con .tit{font-size:36px;}
	#mainSection02 ul li .ttt{padding:50px 30px 20px; position:relative;}
	#mainSection02 ul li .tbt{padding:0 30px 50px; position:relative; bottom:0; opacity:1; bottom:0;}
	#mainSection02 ul li .ttt h3{font-size:30px;}
	#mainSection02 ul li .ttt p{font-size:16px; margin:0;} 
	#mainSection02 ul li .tbt a{ display: inline-block; font-size:14px; width:120px;     padding: 7px 10px; background: no-repeat center right 10px; background-image: url(/static/images/sc-ar-w.png); margin-right:5px;     background-size: 5px;}
	#mainSection02 ul li .tbt a:not(:last-of-type){ margin-right:5px;}
	#mainSection02 ul li .bg { background-size:cover !important;  opacity: .6; }
	#mainSection03 .pf-list > li{width: calc(50% - 10px);
	  width: -moz-calc(50% - 10px);
	  width: -webkit-calc(50% - 10px);
	  width: -o-calc(50% - 10px);
	  width: -ms-calc(50% - 10px); height:270px;} 
	#mainSection03 .pf-list > li > a .txt-project{padding:20px;}
	#mainSection03 .pf-list > li > a .txt-project, #mainSection03 .pf-list > li > a:focus .txt-project {bottom:0; opacity:1;}
	#mainSection03 .pf-list > li > a .bg-img:before{background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, black 100%);
    -webkit-transition: all .2s ease-out;} 
	#mainSection04 .container .title{position:relative; padding-left:30px;}
	#mainSection04::before{width:100%;}
	#mainSection04.active .main-tit-con .tit{font-size:50px; margin-top:0;}
	#mainSection04 .issue-area{margin-left:20rem;}
	#mainSection04 .card{width:32rem;}
	#mainSection04 .card .img{height:25rem; margin-bottom:2rem;}
	#mainSection04 .card .txt2 .caption{font-size:24px;}
	#mainSection04 .card .txt2{padding:0 20px 20px;}
	#mainSection04 .card .txt2 .desc{font-size:16px}
	#mainSection04 .card .txt2 b{font-size:28px;} 
	#mainSection04 .slick-arrow{left:-17rem; top:auto; bottom:3.3rem;}
	#mainSection03 .pf-list > li > a .txt-project .tit-project{font-size:18px}
	.prc{height:auto;}
	.prc .prbn p {margin-bottom: 20px;}
	.prc .left{width:100%}
	.prc .left .prbn ul {padding: 30px;}
	.prc .left .prbn h4 {margin: 0 0 20px; font-size:24px;}
	.prc .left .prbn li {height: 40px;}
	.prc .left .prbn li.prbn_last {margin-top: 20px;}
	.prc .left .prbn li.prbn_none .prbn_tit {line-height: 40px;}
	.prc .right{width:100%; margin-top: 20px;}
	.prc .right h4 {font-size:24px;}
	.prc .right .bbs{height:290px;}
	.prc .right .notice{width:100%;}
	.prc .right .brochure{width:50%;}
	.prc .right .prbn{margin:0;}
	.prc .left .tbox{padding:50px 30px 100px;}
	.prc .right .notice{padding:40px 30px;}
	.prc .right .brochure,
	.prc .right .prbn{padding:40px 30px 50px;}
	.prc .right .brochure p{margin: -20px 0 10px;}
	.prc .right .notice .slick-arrow{top:50px;}
	.prc .right .notice a .nt_img {height: 340px; width: 100%;}
	.footerBottom .ft-wr .ft-navigator li a{font-size:12px;}
	.footerBottom .ft-wr .familysite > .fam-w .fam-list-w{padding:30px 20px;}
	.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li h4{margin-bottom:10px;}
	.ft-info{width:100%;}
	.ft-bi{width:100%; padding:0 0 30px;}
	.ft-bi a{float:left; width:25%; padding:0 20px}

	.md-project-viewer {padding: 0; background: #fff;}
	.md-project-viewer .md-project {width: 100%; height: 100%; overflow: auto;}
	.md-project-viewer .md-project-w {height: 100%; padding: 60px 20px 30px;}
	.md-project-viewer .md-project-w > *{width:100%;}
	.md-project-viewer .md-project-w .r{width: 100%; height:410px;}
	.md-project-viewer .md-project-w .l{padding:0;}
	.md-project-viewer .md-project-b,
    .md-project-viewer .md-project-w {top: 0;}
    .md-project-viewer .md-project-w .r .in {margin: 5% auto;}
    .md-project-viewer .md-project-b {height: 60px;}
    .md-project-viewer .md-project-b .btn-close {width: 60px; height: 60px; background: transparent url(/static/images/sub/close-g.png) no-repeat center center/25px;}

	#sub .realestate .modal-box{width:100%; top:0 !important; left:0 !important; padding:70px; height:100%;}
	#sub .realestate .modal-body{height:100%; width:100%; }
	#sub .realestate .modal-body > div{width:100%;}
	#sub .realestate .modal-body .r{height:350px;} 
	#sub .realestate .modal-body .l{padding:30px 0;}
	#sub .realestate .modal-body .l ul{max-height:none;} 



	#fullpage .inner{padding:0;}


	/* sub */
	#sub .sub_con .hd-sub .sub_tit_paragraph .pc-only{display:none;}
	#sub .sub_navi .wr{border-right:0;}
	#sub .sub_navi .sub_dep{    width: calc(50% - 35px); 
	  width: -moz-calc(50% - 35px);
	  width: -webkit-calc(50% - 35px);
	  width: -o-calc(50% - 35px);
	  width: -ms-calc(50% - 35px);} 
	#sub .sub_navi .sub_dep:last-child{border-right:0;}
	#sub .sub_visual h1{font-size:36px;}
	#sub .sub_con .hd-sub .sub_tit_paragraph{font-size:28px;}
	#sub .sub_con .sub-atc.c-directions h3{font-size:28px; margin-bottom:50px}
	#sub .sub_con .sub-atc.c-greeting .grt-rec{padding:50px 20px;}
	#sub .sub_con .sub-atc.c-greeting .greeting-paragraph{padding:0 30px;}
	
	#sub .sub_con .sub-atc.c-overview .list-hasbg li h3{font-size:28px}
	#sub .sub_con .sub-atc.c-overview .list-hasbg li > *{width:100%;}
	#sub .sub_con .sub-atc.c-overview .list-hasbg li .img{width:100%; margin-right:0; height:250px; position:relative; overflow:hidden;}
	#sub .sub_con .sub-atc.c-overview .list-hasbg li .img img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
	#sub .sub_con .sub-atc.c-overview .list-hasbg li .txt{padding:50px 30px !important; width:100%;}
	#sub .sub_con .sub-atc.c-overview .list-hasbg li:not(:last-of-type){margin-bottom:30px;}
	#sub .sub_con .sub-atc.c-overview .col-a{padding:0 0 30px;}
	#sub .sub_con .sub-atc.c-overview .col-b{padding:80px;}
	#sub .sub_con .sub-atc.c-overview .col-c{padding:80px 0 0;}
	
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li h3 {font-size:28px}
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li > * {width:100%;}
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li .img {width:100%; margin-right:0; height:auto; position:relative; overflow:hidden;}
	/* #sub .sub_con .sub-atc.c-ESG .list-hasbg li .img img {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);} */
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li .txt {padding:50px 30px !important; width:100%;}
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li:not(:last-of-type) {margin-bottom:30px;}
	#sub .sub_con .sub-atc.c-ESG .col-b {padding:80px;}
	#sub .sub_con .sub-atc.c-ESG .col-c {padding:80px 0 0;}
	#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li.bg-gray {padding:0 0 50px 0;}
	#sub .sub_con .sub-atc.c-ESG .chart {height:auto;}
	
	#sub .sub_con .sub-atc.c-history .bn-atc .txt .tit{font-size:3rem;}
	#sub .sub_con .sub-atc.c-history .bn-atc{padding:80px 30px}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-list li a{font-size:20px;}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-list{width:170px}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .year:before{top:12px}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li:after{top:24px}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content{width:calc(100% - 170px); 
	  width: -moz-calc(100% - 170px);
	  width: -webkit-calc(100% - 170px);
	  width: -o-calc(100% - 170px);
	  width: -ms-calc(100% - 170px);
	}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .year{font-size:30px;}
	#sub .sub_con .sub-atc.c-partner .tab-w{padding:80px 30px;}
	#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list li a{font-size:14px;}
	#sub .sub_con .sub-atc.c-partner .tab-content > .tit{font-size:26px;}
	#sub .sub_con .sub-atc.c-partner .tab-content > .tit{width:170px}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner{width:calc(100% - 170px);
	  width: -moz-calc(100% - 170px);
	  width: -webkit-calc(100% - 170px);
	  width: -o-calc(100% - 170px);
	  width: -ms-calc(100% - 170px);}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li:nth-child(2n+1){clear:both;}
	#sub .sub_con .sub-atc.c-directions .list-sc{overflow:hidden;}
	#sub .sub_con .sub-atc.c-directions .list-sc li{float:left; width:32%; margin:0; margin-right:2%;}
	#sub .sub_con .sub-atc.c-directions .list-sc li:last-child{margin-right:0;}
	#sub .sub_con .sub-atc.c-directions .list-sc li a{width:100%;}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01{height:auto;}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .l{width:100%; height:250px;}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r{width:100%; height:auto; padding:70px 50px; margin:0 0  } 
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02 .tit{font-size:24px}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02 .des{font-size:16px}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li{margin-bottom:30px;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li > *{width:100%;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .img{width:100%; margin-right:0; height:250px; position:relative; overflow:hidden;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .img img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .txt{padding:50px 30px !important; width:100%;}
	#sub .sub_con .sub-atc.c-architecture .b-more{font-size:14px;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li:not(:last-of-type){margin-bottom:30px;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li h3{font-size:28px}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .txt .tit-des{font-size:18px}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li h3:before{margin-bottom:20px}
	#sub .sub_con .sub-atc.c-architecture .tit-tab{font-size:28px}
	#sub .sub_con .tab-paging{margin-bottom: 50px;}
	.bi-search-w .list-tb .list-tr .ls-th{width:90px;}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li{width:calc(50% - 40px);
	  width: -moz-calc(50% - 40px);
	  width: -webkit-calc(50% - 40px);
	  width: -o-calc(50% - 40px);
	  width: -ms-calc(50% - 40px);}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .tit{font-size:18px;}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .tit, #sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .tit,#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .list-detailed{transform: translateY(0); opacity:1;}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .list-detailed li{font-size:14px;}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .list-detailed li:not(:last-of-type){margin-bottom:0;}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .bg-img:before{    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), to(black));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, black 100%);}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li{width:calc(50% - 10px);
	  width: -moz-calc(50% - 10px);
	  width: -webkit-calc(50% - 10px);
	  width: -o-calc(50% - 10px);
	  width: -ms-calc(50% - 10px);}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li{margin:0 0 10px 10px}
	#sub .sub_con .sub-atc.c-architecture .list-modal{    margin: 0 0 20px -10px;}
	#sub .sub_con .sub-atc.c-architecture .search-result{margin:40px 0 10px} 
	#sub .sub_con .sub-atc.c-architecture .col-b{padding-top:50px;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .in{margin:0 -5px;    height: 350px;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item{ width:49%; margin-right:2%;  margin-bottom:2%;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item:nth-child(2n){margin-right:0;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .txt .tit{font-size:18px;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .bg-img:before{opacity:1;} 
	#sub .sub_con .tab-paging li a{font-size:16px}
	#sub .sub_con .sub-atc.c-vision .bn-t{padding:80px 30px; margin:0 0 50px}
	#sub .sub_con .sub-atc.c-vision .bn-t .txt .tit-des{font-size:16px}
	#sub .sub_con .sub-atc.c-vision .slg-list li{width:100%; margin:0 0 80px;}
	#sub .sub_con .sub-atc.c-vision .slg-list li:last-child{margin:0;}
	#sub .sub_con .sub-atc.c-vision .slg-list{margin-left:0;}
	#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step{margin-left:0;}
	#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li:before{width:100px; height:100px; background-size:40px}
	#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li{width:50%; margin:0 0 50px; padding-left:120px;}
	#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li .tit{font-size:20px}
	#sub .sub_con .sub-atc.c-ethics .col-b .charter li{width: calc(50% - 20px);
	  width: -moz-calc(50% - 20px);
	  width: -webkit-calc(50% - 20px);
	  width: -o-calc(50% - 20px);
	  width: -ms-calc(50% - 20px); margin: 0 0 20px 20px;}
	#sub .sub_con .sub-atc.c-ethics .col-b .charter{margin-left:-20px}
	#sub .sub_con .sub-atc.c-ethics .col-a .img{max-width: 400px; margin: 0 auto 50px;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li{width:100%; overflow:hidden; margin: -15px 0;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li .cir{float:left; width:240px; height:240px; padding-top:60px}
	#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des{float:left;     width: calc(100% - 240px);
	  width: -moz-calc(100% - 240px);
	  width: -webkit-calc(100% - 240px);
	  width: -o-calc(100% - 240px);
	  width: -ms-calc(100% - 240px); margin-top:60px; font-size:16px} 
	#sub .sub_con .hd-s-cont .tit{font-size:28px;}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li{width:50%; padding:40px 20px}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li:nth-child(2):before{display:none;}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li:nth-child(2n+1){clear:both;}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li:nth-last-child(-n+2){border-top:1px solid #ddd;} 
	#sub .sub_con .sub-atc.c-growup .downlist-type-a li{width:100%; margin:0 0 20px}
	#sub .sub_con .sub-atc.c-growup .downlist-type-a li:last-child{margin:0;}
	#sub .sub_con .sub-atc.c-growup .downlist-type-a{margin:0;}
	#sub .sub_con .sub-atc.c-growup .ico-desbox{padding:30px;}
	#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list{padding-left:40px}
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li {width:100%; margin: 0 0 10px; margin-right:0 !important;}
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w{margin:0 0 74px}
	#sub .sub_con .sub-atc.c-news .bbs-search{margin:0 20px 30px; height:auto; padding:0; background:#fff;} 
	#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category{position:relative; transform:none; left:auto; top:auto;} 
	#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category{left:0}
	#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category li{font-size:13px}
	#sub .sub_con .sub-atc.c-news .bbs-search .search-w{width:100%; position:relative; transform:none; right:auto; top:auto; margin: 30px 0 0;}
	#sub .sub_con .sub-atc.c-news .bbs-search .bbs-category li:not(:last-of-type){padding-right:13px; margin-right:13px;} 
	#sub .sub_con .sub-atc.c-news .bbs-search .search-w .ipt-search,
	#sub .sub_con .sub-atc.c-news .bbs-search .search-w .ipt-search::placeholder{font-size:14px}
	#sub .sub_con .sub-atc.c-news .bbs-search{height:80px; margin:0 50px 30px}
	#sub .sub_con .sub-atc.c-news .bbs-search .search-w .btn-search{width:20px; height:21px;}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li{margin:0 0 20px 20px; width: calc(50% - 20px);
	  width: -moz-calc(50% - 20px);
	  width: -webkit-calc(50% - 20px);
	  width: -o-calc(50% - 20px);
	  width: -ms-calc(50% - 20px);}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall{margin-left:-20px}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt .tit{font-size:18px;}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination a.num{font-size:14px}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area .tit{font-size:20px}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .l .sbj:after{display:none;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file{font-size:14px}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .l{width:100%;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .l span{width: 100%; display: block; word-break: break-all; line-height: 1.4;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .r{width:100%; display:block;  border-top: 1px solid #ddd; padding: 15px 0 0;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .cont{padding:50px 30px 100px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid span.ci-hor{width:15em; height:15em; margin-left:-24em;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid span.ci-ver{width:24em; margin-left: 3em;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid{height:200px;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li{padding:30px 20px;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .tit-area{width:200px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .cont{ 
    width: calc(100% - 200px);
	  width: -moz-calc(100% - 200px);
	  width: -webkit-calc(100% - 200px);
	  width: -o-calc(100% - 200px);
	  width: -ms-calc(100% - 200px);}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .tit-area .tit{font-size:26px;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b:before{height:63%;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li{width: calc(50% - 16px);
	  width: -moz-calc(50% - 16px);
	  width: -webkit-calc(50% - 16px);
	  width: -o-calc(50% - 16px);
	  width: -ms-calc(50% - 16px); margin-bottom:30px;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-d{padding:90px 0}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a{padding:80px 0;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner .i-benest{width:200px;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner{padding-left:300px; padding-bottom:50px}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid span.bi-ver{width:13em; margin-left: -20em;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid span.bi-hor{width:24em; margin-left:-12em;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid{height:200px;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap{padding:20px 30px;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .btn-down.type-a,
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .btn-down.type-a,
	#sub .sub_con .safety .btn-view {width:235px;}
	#sub .sub_con .hd-s-cont{padding:0 5%;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization{margin-left:-20px;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li{margin-left:20px; 
    width: calc(33.333% - 20px);
	  width: -moz-calc(33.333% - 20px);
	  width: -webkit-calc(33.333% - 20px);
	  width: -o-calc(33.333% - 20px);
	  width: -ms-calc(33.333% - 20px); }
	#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li .caption{font-size:16px; width:80%;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li{padding:40px; height:auto;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .sub-brand-logo{position:relative; left:auto; top:auto; border-bottom: 1px solid #ddd;
    padding-bottom: 40px;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .txt{padding:40px 0 0;}  
	#sub .sub_con .sub-atc.c-architecture .col-c .list-real ul li{width:48%;  margin-bottom:2%; min-height:390px}
	#sub .sub_con .sub-atc.c-architecture .col-c p{font-size:16px}
	#sub .sub_con .sub-atc.c-architecture .col-d .left{padding-top:0;}
	#sub .sub_con .c-faq{ padding: 0 0 50px;}

	.err-page h3{font-size:20px; margin:20px 0 10px;}
	.err-page p{font-size:14px}
	.err-page .er-box{margin:20px auto 0;}
	.err-page img{width:50px}

	#sub .sub_con .c-quest .qst-list .file_input input[type=text]{width: calc(100% - 120px);}

	#sub .sub_con .c-service .svc-left{background-position: bottom 20px right 20px; background-size: 80px;}
	#sub .sub_con .c-service .svc-left p{font-size:14px;}
	
	#sub .sub_con .hd-s-cont2 h3 {font-size:3.8rem;}
 
 	#sub .sub_con .c-video .col-a {height: unset;}
 	#sub .sub_con .c-video .col-a .videotit {width: 480px; margin: 0 auto;}
 	#sub .sub_con .c-video .col-a .videotit iframe {width: 480px; height: 270px;}
 	#sub .sub_con .c-video .col-c .videolist li {width: 50%;}
    #sub .sub_con .c-video .col-c .videolist li:nth-of-type(odd) {padding-right: 6px;}
    #sub .sub_con .c-video .col-c .videolist li:nth-of-type(even) {padding-left: 6px;}
 	#sub .sub_con .c-video .col-c .videolist li:nth-of-type(1),
 	#sub .sub_con .c-video .col-c .videolist li:nth-of-type(2) {margin-bottom: 20px;}
 	#sub .sub_con .c-video .col-c .videolist li:nth-of-type(3),
 	#sub .sub_con .c-video .col-c .videolist li:nth-of-type(4) {margin-bottom: 0;}
 	#sub .sub_con .c-video .col-c .videolist li div {max-widht: 350px; width: 220px; height: 100%;}
 	#sub .sub_con .c-video .col-c .videolist li div img {width: 100%;}
 	#sub .sub_con .c-video .col-c .paging {padding-top: 20px;}
 	
	#sub .sub_con .sub-atc.c-brand #tabBr .col-a {width: 100%;height: 100%; margin-bottom: 130px; overflow: hidden;}
	#sub .sub_con .sub-atc.c-brand #tabBr .col-a .br-left,
	#sub .sub_con .sub-atc.c-brand #tabBr .col-a .br-right {padding: 6% 0 0 0; width: 100%; height: 100%; float: unset;}
	#sub .sub_con .sub-atc.c-brand #tabBr .col-a .br-left img {display: block; margin: 0 auto;}
	#sub .sub_con .sub-atc.c-brand #tabBr .br-right .br-btn a {padding-left: 20px; width: 235px; height: 64px; line-height: 64px; font-size: 14px;}
    #sub .sub_con .sub-atc.c-brand #tabBr .br-right .br-btn a:first-child {margin-bottom: 3%;}
    
}

@media screen and (max-width:767px){   
	#mainVisual .fp-tableCell{height:800px !important;} 

	.header:before{height:60px !important;}
	.header{height:60px !important;}
	.header.on:after{top:60px;}
	.header .logo{width:140px; height:37px;top:11.5px; left:20px; background-size:cover; background-position:center center;}
	.hd_link{width:auto; height:60px; padding:0 10px; line-height:60px; right:60px;}
	.hd_link a{font-size:12px;} 
	.btn-category{width:60px; height:60px;}
	.btn-category .bar{right:18px; height:1px; max-width:25px;}
	.btn-category .bar:nth-child(1){top: 21px;}
	.btn-category .bar:nth-child(2){top: 30px;}
	.btn-category .bar:nth-child(3){top: 39px;}
	.btn-category.map .bar:nth-child(1){top: 30px;}
	.btn-category.map .bar:nth-child(3){top: 30px;}
	#sitemap{top:60px; height: calc(100% - 60px);
	  height: -moz-calc(100% - 60px);
	  height: -webkit-calc(100% - 60px);
	  height: -o-calc(100% - 60px);
	  height: -ms-calc(100% - 60px); }
	#sitemap.open{top: 60px;}
	#sitemap > ul{padding:30px;}
	#sitemap > ul > li h2{font-size:18px}
	#sitemap > ul > li{padding:10px 0;}
	#sitemap > ul > li h3 a{font-size:16px; line-height:30px;}
	#sitemap > ul > li h2:after{top:6px; width:15px; height:15px;}

	.main-visual .in .item .visual-txt {padding:40px}
	.main-visual .in .item .visual-txt p:nth-of-type(1){font-size:18px}
	.main-visual .in .item .visual-txt p:nth-of-type(2){font-size:30px;}
	.main-visual .in .item .visual-txt p:nth-of-type(3){line-height:1.5; font-size:14px;}
	.main-visual .vtc-banner{width:calc(100% - 40px);
	  width: -moz-calc(100% - 40px);
	  width: -webkit-calc(100% - 40px);
	  width: -o-calc(100% - 40px);
	  width: -ms-calc(100% - 40px);  right:20px; font-size: 12px;  padding:10px 0;
	 }
	 .main-visual .in .item div.visual-Tit {right: 40px;}
	.main-visual .vtc-banner .controls > button{padding:.6em 0;} 

	.ft-bi a{width:22.75%; padding:5px 0; margin-right:3%;}
	.ft-bi a:last-child{margin-right:0;}


	.main-visual .slick-dots{padding:0 40px; bottom:40px;}
	.main-visual .slick-dots li{width:100%; margin-right:0; margin-top:10px;}
	.main-visual .slick-dots li .loading-bar-paging-tit ,
	.main-visual .slick-dots li.active-item .loading-bar-paging-tit { }
	.main-visual .slick-dots li .loading-bar-paging-tit strong,
	.main-visual .slick-dots li.active-item .loading-bar-paging-tit strong{font-size:13px; vertical-align:middle; display:block;}
	.main-visual .slick-dots li .loading-bar-line{height:1px;}
	
	/* main contents */
	#mainSection02, #mainSection03, #mainSection04, #mainSection05{padding:70px 0;}
	.main-tit-con{padding:0 20px;}
	.main-tit-con .txt{font-size:14px; margin:15px auto 30px;}
	.main-tit-con .tit{font-size:30px;}
	#mainSection02 ul li .ttt h3{font-size:24px;}
	#mainSection02 ul li .ttt p{font-size:14px; margin:0;}
	#mainSection02 ul li .tbt a{  font-size:14px; }
	#mainSection02 ul li .ttt{padding:40px 20px 20px; }
	#mainSection02 ul li .tbt{padding:0 20px 30px; }
	#mainSection03 .pf-list > li > a .txt-project .tit-project{font-size:14px}
	#mainSection03 .pf-list > li{height:200px;}
	#mainSection03 .pf-list > li > a .txt-project{padding:10px;} 
	#mainSection02 ul li .ttt p{font-size:16px; } 
	#mainSection02 ul li .tbt a{ font-size:12px; width:100px;} 
	#mainSection03 .pf-list > li{ height:200px;}
	#mainSection03 .pf-list > li > a .condition{font-size:12px; width:50px;}
	.md-project-viewer .md-project-w .r .condition{font-size:12px; width:50px;}
	#mainSection04.active .main-tit-con .tit{font-size:40px; }
	#mainSection04 .card .txt2 .caption{font-size:18px;}
	#mainSection04 .card .txt2{padding:0 20px 20px;}
	#mainSection04 .card .txt2 .desc{font-size:14px}
	#mainSection04 .card .txt2 b{font-size:24px;} 
	#mainSection04 .issue-area{margin-left:5rem; width:calc(100% - 5rem); 
	  width: -moz-calc(100% - 5rem);
	  width: -webkit-calc(100% - 5rem);
	  width: -o-calc(100% - 5rem);
	  width: -ms-calc(100% - 5rem); }
	#mainSection04 .card{width:auto;}
	#mainSection04 .card .img{height:20rem;}
	.v-more{height:50px; line-height:50px;}
	#mainSection04 .slick-arrow{bottom:0; left:-3rem;}
	#mainSection04 .is-slide{padding-bottom:8rem;}
	#mainSection04 .container .title{padding-left:2rem;}
	#mainSection04 .slick-arrow{width:50px; height:50px; background-size:cover !important;}
	#mainSection04 .slick-arrow.slick-next{margin-left:60px;}
	#mainSection04.active .main-tit-con .txt{margin:10px 0 30px;}
	.prc .right .bbs{height:auto;}
	.prc .right .notice{width:100%;}
	.prc .right .notice, .prc .right .brochure{width:100%;} 
	.prc .right .brochure p{margin: -10px 0 20px;}
	.prc .left h3{font-size:24px;}
	.prc .right h4,
	.prc .left .prbn h4 {font-size:20px; margin:0 0 20px;}	
	.prc .right p{font-size:14px;}
	.footerBottom .ft-link{padding:0 20px;}
	.ft-bt{padding:0 20px;} 
	.ft-logo{display:none;}
	.ft-info{padding:20px 0;}
	.ft-info p span{position:relative; top:auto; left:auto; display:block; font-size:14px; margin:0 0 10px;}
	.ft-info p{padding: 5px 0 5px; font-size:12px;} 
	.footerBottom .ft-wr .familysite h3{padding:7px 15px; width:100%;}
	#fullpage{transform:none !important;}
	.footerBottom .ft-wr .familysite > .fam-w{position:fixed; top:auto; bottom:0; left:0; width:100%;  z-index:8; overflow-y:auto !important; }
	.footerBottom .ft-wr .familysite > .fam-w.open{ height:calc(100% - 60px); 
	  height: -moz-calc(100% - 60px);
	  height: -webkit-calc(100% - 60px);
	  height: -o-calc(100% - 60px);
	  height: -ms-calc(100% - 60px); }
	.footerBottom .ft-wr .familysite > .fam-w .fam-list-w{ padding:20px;}
	.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li{width:50%; padding:0 10px; min-height:auto; margin:20px 0;}
	.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li:nth-child(2n+1){clear:both;}
	.footerBottom .ft-wr .familysite > .fam-w .fam-list-w > li:not(:first-of-type){padding:0 10px;}
 
	.footerBottom .ft-wr .familysite > .fam-w .close{ right:15px; top:15px; z-index:2}
	.mark{width:50px; height:50px; right:10px; top:10px;}
	.mark span{font-size:12px;}

	.md-project-viewer .md-project {padding:60px 20px 30px;  top:0; transform:none;}
	.md-project-viewer .md-project-w .btn-close{top:20px; right:20px; width:20px; height:20px;}
	.md-project-viewer .md-project-w .r .controls button{width:40px; height:40px; background-size:10px;}
	.md-project-viewer .md-project-w .r{height: 400px;}
	.md-project-viewer .md-project-w .l .cur-status li{font-size:14px;}
	.md-project-viewer .md-project-w .l .cur-status li:not(:last-of-type):before{top:5px}
	.md-project-viewer .md-project-w .l .cur-status li:not(:last-of-type){margin-right:10px; padding-right:10px;}
	.md-project-viewer .md-project-w .l .tit{font-size:20px; line-height:1.4;}
	.md-project-viewer .md-project-w .l .viewer-tb li{font-size:14px;height: 70px;}
	.md-project-viewer .md-project-w .l .viewer-tb li .tb-th{width:100px; padding-left:10px;}
	.md-project-viewer .md-project-w .l .viewer-tb li .tb-td{left:100px; width: calc(100% - 100px); 
	  width: -moz-calc(100% - 100px);
	  width: -webkit-calc(100% - 100px);
	  width: -o-calc(100% - 100px);
	  width: -ms-calc(100% - 100px); }
	.md-project-viewer .md-project-w .r .viewer-tb li{height:70px;}
	.md-project-viewer .md-project-b{top: 0px;}

	#sub .realestate .modal-box{padding: 60px 20px 30px;}
	#sub .realestate .modal-body .l{height:250px;}
	#sub .realestate .modal-box .close{top:20px; right:20px; width:20px; height:20px;}
	#sub .realestate .modal-body .r .cate{font-size:14px;}
	#sub .realestate .modal-body .r .tit{font-size:24px;}
	#sub .realestate .modal-body .r ul li{font-size:14px;}
	#sub .realestate .modal-body .r ul p{font-size:13px}
	#sub .realestate .modal-body .r ul li:before{top:12px;}
	#sub .realestate .sub-atc.c-architecture .real-icon a{font-size:14px;}
	#sub .realestate .sub-atc.c-architecture .real-icon .icon{width:70px; height:70px; background-size:50px;} 

	#sub .sub_visual h1{font-size:24px;}
	#sub .sub_visual p{font-size:14px}
	#sub .sub_visual{height:300px;}
	#sub .sub_visual .sv-txt{padding:0 30px}
	#sub .sub_navi,#sub .sub_navi .wr{height:50px;}
	#sub .sub_navi .home{width:50px; height:50px; background-size: 17px;}
	#sub .sub_navi .sub_dep{ width: calc(100% - 50px); 
	  width: -moz-calc(100% - 50px);
	  width: -webkit-calc(100% - 50px);
	  width: -o-calc(100% - 50px);
	  width: -ms-calc(100% - 50px); }
	#sub .sub_navi .sub_dep .current{font-size:14px; line-height:50px}
	#sub .sub_navi .sub_dep .current:before{width:45px; height:50px;}
	#sub .sub_navi .sub_dep:nth-of-type(1){display:none; }
	#sub .sub_navi .sub_dep ul{top:49px;}
	#sub .sub_navi .sub_dep ul li a{font-size:13px; padding: 10px 20px;}
	.inner{padding:0 20px}
	#sub .sub_con .hd-sub .sub_tit_paragraph{font-size:20px;}
	#sub .sub_con .hd-sub{padding:0 20px;}
	#sub .sub_con{margin:0;}
	#sub .sub_con .sub-atc.c-greeting .grt-rec{    background-position: center right 20%; margin:0 0 30px}
	#sub .sub_con .sub-atc.c-greeting .grt-rec .tit{font-size:20px;} 
	#sub .sub_con .sub-atc.c-greeting .grt-rec .des{font-size:14px;}
	#sub .sub_con .sub-atc.c-greeting .greeting-paragraph{padding:0 20px}
	#sub .sub_con .sub-atc.c-greeting .greeting-paragraph .des{font-size:14px;}
	#sub .sub_con .sub-atc.c-greeting .greeting-paragraph:after{width:27em; height:37em;}
	#sub .sub_con .sub-atc.c-greeting .signature p strong{font-size:16px}
	
	#sub .sub_con .sub-atc.c-overview .list-hasbg li .txt{padding:50px 20px !important;}
	#sub .sub_con .sub-atc.c-overview .list-hasbg li h3{font-size:24px; margin:0 0 20px}
	#sub .sub_con .sub-atc.c-overview .list-hasbg li .des{font-size:14px}
	#sub .sub_con .sub-atc.c-overview .col-b{padding:80px 20px}
	#sub .sub_con .sub-atc.c-overview .col-b .txt .tit{font-size:24px;}
	#sub .sub_con .sub-atc.c-overview .col-b .txt .des{font-size:16px}
	
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li .txt{padding:50px 20px !important;}
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li h3{font-size:24px; margin:0 0 20px}
	#sub .sub_con .sub-atc.c-ESG .list-hasbg li .des{font-size:14px}
	#sub .sub_con .sub-atc.c-ESG .col-b{padding:80px 20px}
	#sub .sub_con .sub-atc.c-ESG .col-b .txt .tit{font-size:24px;}
	#sub .sub_con .sub-atc.c-ESG .col-b .txt .des{font-size:16px}
	
	#sub .sub_con .hd-s-cont2.environment ul li {width:100%; max-width:420px; margin:0 auto; padding:190px 30px 30px; min-height:auto; float:none;}
	#sub .sub_con .hd-s-cont2.environment ul li + li {margin:40px auto 0;}
	#sub .sub_con .hd-s-cont2.environment ul li span {font-size:1.4rem;}
	#sub .sub_con .hd-s-cont2.environment ul li:before {top:50px;}
	
	#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .quality dl dt {font-size:2.6rem;}
	#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .quality dl dd strong {font-size:1.8rem;}
	#sub .sub_con .sub-atc.c-ESG .col-a .list-hasbg li .quality dl dd {font-size:1.4rem;}
	
	
	#sub .sub_con .sub-atc{padding-bottom:0;}
	#sub .sub_con .sub-atc.c-history .bn-atc{margin:0 20px; padding:50px 30px;}
	#sub .sub_con .sub-atc.c-history .bn-atc .txt .tit-des{font-size:16px; margin:0 0 10px}
	#sub .sub_con .sub-atc.c-history .bn-atc .txt .tit{font-size:2.4rem;}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-list li a{font-size:15px}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-list{width:100px;}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content{width: calc(100% - 100px); 
	  width: -moz-calc(100% - 100px);
	  width: -webkit-calc(100% - 100px);
	  width: -o-calc(100% - 100px);
	  width: -ms-calc(100% - 100px); }
	#sub .sub_con .sub-atc.c-history .bn-atc .txt .tit{line-height : 1.4;}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li{ }
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .year{font-size:22px; padding-left:20px; width:80px}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li .month{font-size:16px;}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li .cont-w{font-size:14px; width:100%;}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list{width: 100%; padding-left:40px}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .acv-list > li .month{font-weight:500; color:#00aeef;}
	#sub .sub_con .sub-atc.c-history .c-history-w .tab-content .list-history > li .year:before{z-index:2;}
	#sub .sub_con .sub-atc.c-partner .tab-w{padding:50px 10px; margin:0 20px}
	#sub .sub_con .sub-atc.c-partner .tab-w .in .tit{font-size:24px}
	#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list li{width:49%;}
	#sub .sub_con .sub-atc.c-partner .tab-w .in .tab-list li:nth-child(2n) a:after{display:none;}
	#sub .sub_con .sub-atc.c-partner .tab-content > .tit{width:100%; font-size:24px; margin:0 0 20px}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li{width:100%; margin-bottom:30px}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li a .tit-el{font-size:18px}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li a .des-el{font-size:14px;}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner{width:100%;}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li{width:calc(50% - 10px); 
	  width: -moz-calc(50% - 10px);
	  width: -webkit-calc(50% - 10px);
	  width: -o-calc(50% - 10px);
	  width: -ms-calc(50% - 10px);}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li:nth-child(2n+1){margin-left:0;}
	#sub .sub_con .sub-atc.c-partner .tab-content{padding:40px 0 0}
	#sub .sub_con .sub-atc.c-partner .tab-content .el-partner li a .tit-el{margin:20px 0 4px;}
	#sub .sub_con .sub-atc.c-directions h3{font-size:24px; margin-bottom:30px}

	.map{height:60px !important;}
	#sub .sub_con .sub-atc.c-directions .list-contact li{width:100%; margin:0 0 15px;}
	#sub .sub_con .sub-atc.c-directions .list-contact li:nth-of-type(1){margin-right:0;}
	#sub .sub_con .sub-atc.c-directions .list-contact li:nth-of-type(1) .tit,
	#sub .sub_con .sub-atc.c-directions .list-contact li .tit{padding:0 0 0 25px; font-size:16px;     width: 100px;}
	#sub .sub_con .sub-atc.c-directions .list-contact li .val{width:100%; font-size:14px; width: calc(100% - 100px);
	  width: -moz-calc(100% - 100px);
	  width: -webkit-calc(100% - 100px);
	  width: -o-calc(100% - 100px);
	  width: -ms-calc(100% - 100px); float:right;} 
	#sub .sub_con .sub-atc.c-directions .list-contact li:nth-of-type(1) .val{width: calc(100% - 100px);
	  width: -moz-calc(100% - 100px);
	  width: -webkit-calc(100% - 100px);
	  width: -o-calc(100% - 100px);
	  width: -ms-calc(100% - 100px);}
	#sub .sub_con .sub-atc.c-directions .list-contact li .tit:before{width:15px !important; height:15px !important; background-size:auto 100% !important;}
	#sub .sub_con .sub-atc.c-directions .list-contact li:nth-of-type(2) .tit{padding:0 0 0 25px}
	#sub .sub_con .sub-atc.c-directions .list-sc li{width:100%; margin:0 0 2%;}
	#sub .sub_con .sub-atc.c-directions .list-sc li a{font-size:14px; padding:15px 0;}
	#sub .sub_con .sub-atc.c-directions .list-sc{margin-top:30px}
	#sub .sub_con .sub-atc.c-directions .col-a{padding-bottom:50px;}
	#sub .sub_con .sub-atc.c-directions .col-b{margin:50px 0;}
	#sub .sub_con .sub-atc.c-directions .list-contact{margin-top:30px;}
	#sub .sub_con .tab-paging li a{width:100%; font-size:14px; padding: 12px 5px;}
	#sub .sub_con .tab-paging li{width:40%;}
	#sub .sub_con .sub-atc.c-architecture .col-a{padding-bottom:50px}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01{margin:0 20px}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r{padding:50px 30px}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r .tit-des{font-size:24px}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .r .tit{font-size:16px}
	#sub .sub_con .tab-paging{margin-bottom:30px;}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02{padding: 40px 40px 0}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02 .tit{width:100%;}
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-02 .des{width:100%; font-size:14px; margin:20px 0 0;}
	#sub .sub_con .sub-atc.c-architecture .col-b{padding-top:50px}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li h3:before{width:70px; height:70px; background-size: 30px;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li h3{font-size:24px;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .txt .tit-des{font-size:16px}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .txt .des{font-size:14px}
	#sub .realestate .sub-atc.c-architecture .col-b .list-hasbg li .dpms-link .tit-des{font-size:14px;}
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .txt{padding:30px !important;}
	#sub .sub_con .sub-atc.c-architecture .tit-tab{font-size:24px;   }
	#sub .realestate .real-tab li a{font-size:14px; height:50px; line-height:50px}  
	.bi-search-w .list-tb .list-tr{padding:15px 0;}
	.bi-search-w .list-tb .list-tr .ls-th{font-size:14px; width:70px; padding:  0 0 0 10px;  width:100%;  background: url(/static/images/btn-fold.png) no-repeat center right 10px; background-size:10px}  
	.bi-search-w .list-tb .list-tr .ls-th.close{background: url(/static/images/btn-fold-r.png) no-repeat center right 10px;
    background-size: 10px;} 
	.bi-search-w .list-tb .list-tr .ls-tb{display:block; width:100%;/* display:none;*/}
	.bi-search-w .list-tb .fold-h{display:block !important;}  
	.bi-search-w .list-tb .list-tr > *{height:auto; padding: 10px 10px 0;} 
	.bi-search-w .btn-fold{display:none;}

	.bi-search-w .list-tb .list-tr .ls-tb .picker-list li{font-size:12px;} 
	.bi-search-w .list-tb .list-tr .ls-tb .picker-list li a{padding:5px 10px;  }
	.bi-search-w .list-tb .list-tr .ls-tb .picker-list li{margin-bottom:5px}
	.bi-search-w .list-tb .list-tr .ls-tb .picker-list li:not(:last-of-type){margin-right:5px;} 
	.bi-search-w .btn-fold{top:20px; right:20px;}
	.bi-search-w .list-tb .list-tr .ls-tb.w-inline > *{font-size:12px}
	.bi-search-w .list-tb .list-tr .ls-tb select,
	.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list .picker-li .ipt-cal,
	.bi-search-w .list-tb .list-tr .ls-tb input{height:35px; padding-left:10px; font-size:12px}
	.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list .picker-li .ipt-cal{width:110px}
	.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list{margin:0;}
	.bi-search-w .list-tb .list-tr .ls-tb .datepicker-list .picker-li{margin:0 0 5px}
  

	.bi-search-w .btn-submit{font-size:12px; margin:0; width:auto; padding:5px 20px;}
	.bi-search-w .btn-reset{right:20px; bottom:15px}
	.bi-search-w .list-tb{margin-bottom:10px;}
	.bi-search-w{padding:0 10px 10px; margin-top:25px}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li{height:200px;}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .condition{font-size:12px; width:50px;}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .tit{font-size:14px; }
	#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt .list-detailed{display:none;}
	#sub .sub_con .sub-atc.c-architecture .list-modal > li > a .txt{padding:10px;}
	.more-bbs{padding:15px; font-size:14px; width:150px}
	#sub .sub_con .sub-atc.c-architecture .search-result .count{font-size:14px} 
 

	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .in { height: 200px;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .condition{font-size:12px; width:50px;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .txt{padding:10px;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .item .txt .tit{ font-size:14px;} 
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel:not(:last-of-type){margin-bottom:50px}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .year{font-size:34px; padding: 20px 0 0;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .controls button{width:30px; height:30px; top:50px;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .history-carousel .controls button.ar-prev{right:30px;}
	#sub .sub_con .sub-atc.c-performance .history-carousel-w .counter{top:55px; right:75px; font-size:12px} 

	.bi-search-w .btn-reset span{font-size:12px}

	#sub .sub_con .sub-atc.c-vision .bn-t .txt .tit{font-size:24px}
	#sub .sub_con .sub-atc.c-vision .bn-t .txt .tit-des{font-size:14px}
	#sub .sub_con .sub-atc.c-vision .bn-t{padding:50px 30px}
	#sub .sub_con .sub-atc.c-vision .slg-list li .tit{font-size:20px;}
	#sub .sub_con .sub-atc.c-vision .slg-list li .tit{padding-top:100px;}
	#sub .sub_con .sub-atc.c-vision .slg-list li .des{font-size:14px} 
	#sub .sub_con .sub-atc.c-vision .slg-list li{margin:0 0 50px}
	#sub .sub_con .hd-sub .sub_tit_des{font-size:14px}
	#sub .sub_con .hd-sub{margin:0 auto 30px}
	#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li{width:100%;}
	#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li .tit{font-size:18px;     margin: 10px 0;}
	#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li .des-list li{font-size:14px}
	#sub .sub_con .sub-atc.c-ethics .col-a .ethics-step > li{margin:0 0 20px}
	#sub .sub_con .hd-s-cont .tit{font-size:24px; margin:0 0 15px}
	#sub .sub_con .hd-s-cont .tit-des{font-size:14px}
	#sub .sub_con .hd-s-cont{margin:0 0 30px}
	#sub .sub_con .sub-atc.c-ethics .col-b{padding:50px 0;}
	#sub .sub_con .sub-atc.c-ethics .col-b .charter li{width:100%; margin:0 0 10px; height:auto; padding:30px}
	#sub .sub_con .sub-atc.c-ethics .col-b .charter{margin-left:0;}
	#sub .sub_con .sub-atc.c-ethics .col-b .charter li .des{font-size:14px}
	#sub .sub_con .sub-atc.c-ethics .col-b .charter li .top{margin-bottom:20px; font-size:18px}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-a{padding:50px 0;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li:first-child {margin-top:0;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li:last-child{margin-bottom:0;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li .cir{width:140px; height:140px; padding: 20px;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li .cir .no{font-size:20px;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li .cir .tit{font-size:14px; line-height: 1.4; display:block;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des{margin-top:10px; font-size:14px; width: calc(100% - 140px);
	  width: -moz-calc(100% - 140px);
	  width: -webkit-calc(100% - 140px);
	  width: -o-calc(100% - 140px);
	  width: -ms-calc(100% - 140px);     padding-left: 30px;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des li:not(:last-of-type){line-height:1.4;}
	#sub .sub_con .sub-atc.c-growup .cir-step > li .cir-des:before{left:14px; top:3px}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b{padding:50px 0 0;}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li .tit{font-size:16px}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li .des{font-size:14px;}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li .tit:before{background-size:50px}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li .tit{padding-top:75px;}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step li{padding: 30px 10px;}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .deslist-g{padding:20px}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .deslist-g li{font-size:14px}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .regi-step{margin-bottom:30px;}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .deslist-g{margin-bottom:50px}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 table{font-size:12px}
	#sub .sub_con .sub-atc.c-growup #growup-01 .col-b .tb-type-01 .tb-des{font-size:12px; margin:20px 0 50px}
	#sub .sub_con .sub-atc.c-growup .tit-s-l{line-height:1.4;}
	#sub .sub_con .sub-atc.c-growup .downlist-type-a li{margin:0 0 10px; height:80px}
	#sub .sub_con .sub-atc.c-growup .downlist-type-a li a .des-hl{font-size:14px}
	#sub .sub_con .sub-atc.c-growup .downlist-type-a li a{background-size:20px;     background-position: center right 25px; font-size:17px}
	#sub .sub_con .sub-atc.c-growup .ico-desbox > .tit{width:100%; font-size:20px;}
	#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list{width:100%; padding: 20px 0 0; border-top: 1px solid #ddd; margin-top:10px}
	#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list li:nth-of-type(1){margin-right:0;}
	#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list li{font-size:14px; margin:0 0 10px}
	#sub .sub_con .sub-atc.c-growup .ico-desbox > .tit:after{display:none;}
	#sub .sub_con .sub-atc.c-growup .ico-desbox .val-list li:before{width: 15px !important; height: 15px !important;}
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-a{padding:50px 0;}
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-b{padding:50px 0 0;}
	#sub .sub_con .sub-atc.c-growup .tit-s-l{font-size:20px} 
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li{margin:0 0 20px}
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li:last-child{margin:0;}
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li .tit{font-size:16px; display:block;}
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li .val{font-size:14px}
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w li .tit:after{display:none;}
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w{padding:20px;}
	#sub .sub_con .sub-atc.c-growup #growup-02 .col-b .deslist-w{margin:0 0 50px} 
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-count{font-size:14px;} 
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li{width:100%; margin:0 0 20px}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall{margin-left:0;}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt{padding:25px 20px;}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt .tit{font-size:17px}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt .date{left:20px; font-size:14px;}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .bbs-gall > li > a .txt .cate{font-size:14px; right:20px;}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination{margin:30px 0 0;}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont{padding:0 0 80px}
	#sub .sub_con .sub-atc.c-news .bbs-gall-cont .pagination a{width:30px; height:30px; line-height:30px;} 
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top{padding:30px 0;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area .tit{font-size:18px; line-height:1.4;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area{padding:0 10px}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file{padding:15px 10px; margin:20px 0 0;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .v-file .r{margin:10px 0 0; }
	#sub .sub_con .sub-atc.c-news .bbs-view .in .cont{padding:30px 10px 50px;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .qTit{margin:30px 0 0; font-size:16px; padding:0 10px;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .cont2{padding:20px; margin:10px;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .cont2 *{font-size:13px;}
	#sub .sub_con .sub-atc.c-news .bbs-view .in .date{font-size:12px; margin:0 0 30px; padding:0 10px;}
	#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w .btn-list{margin:70px auto 0;}
	#sub .sub_con .sub-atc.c-news .bbs-view .btn-list_w{margin-top:10px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-a{padding:50px 20px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b{padding:50px 0;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid{height:auto; padding:50px 30px 80px;  }
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid span.ci-hor{position:relative; left:auto; top:auto; margin:0 auto 50px; transform:none; height:8.2em;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-grid span.ci-ver{position:relative; left:auto; top:auto; margin:0 auto; transform:none;     height: 6.5em;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .tit-area{width:100%;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .cont{width:100%; font-size:14px; padding-top:15px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .tit-area .tit{font-size:24px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .btn-down.type-a{float:none; font-size:14px}
	#sub .sub_con .safety .btn-view {font-size:14px;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c{padding:50px 0;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-b .sym-des > li .tit-area .tit-des{font-size:14px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code, #sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code{margin-left:0;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li .tit,
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li .val{font-size:14px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li .tit{width:100%}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code li .val{width: 100%;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .cir, #sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .cir{float:none; margin: 0 auto; width:130px; height:130px; font-size:14px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system{text-align:center;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-d{padding:50px 0;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type{margin-left:0}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li{width:100%; margin:0 0 20px}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li a .txt{font-size:16px;     background-size: 20px;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-d .sig-type li a .img{    height: 200px;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner .bi-tit{position:relative; left:auto;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner{padding:0 0 50px}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a{padding:50px}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner .i-benest{width:180px; height:35px}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner .bi-tit p{font-size:16px; margin:10px 0 0;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-a .inner .des{font-size:14px; margin:20px 0 0;}  
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid{height:auto; padding:50px 30px 80px;  }
	/*
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid span.bi-hor{position:relative; left:auto; top:auto; margin:0 auto ; transform:none; height:4em;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-grid span.bi-ver{position:relative; left:auto; top:auto; margin:0 auto 50px; transform:none;    } 
	*/
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap .des{font-size:14px; width:100%;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap{padding:30px 20px;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .sym-cap .tit{font-size:18px; margin:0 0 10px}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-b .btn-down.type-a{font-size:14px; float:none;}

	#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code li .tit,#sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code li .val{font-size:14px; width:100%; float:none; text-align:center;     display: block;}
	#sub .sub_con .sub-atc.c-brand #tabCi .col-c .c-system > li .code, #sub .sub_con .sub-atc.c-brand #tabBi .col-c .c-system .code{width:100%;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-c{padding:50px 0;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-d{padding:50px 0;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization{margin-left:0;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li{margin:0 auto 20px; width:100%}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li .caption{padding:10px 30px;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-d .c-utilization li .img{height:200px}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-e{padding:50px 0;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .txt .tit{font-size:18px}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .txt .des,#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .sub-brand-logo .sup{font-size:14px}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .sub-brand-logo .brand-logo{width:200px;}
	#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .sub-brand-logo{padding-bottom:20px;} 
	#sub .sub_con .sub-atc.c-brand #tabBi .col-e .sub-brand li .txt{padding:20px 0 0;}


	#sub .sub_con .c-quest .qst-list li{padding:10px 0;}
	#sub .sub_con .c-quest .qst-step li p{font-size:13px; line-height:1.2;}
	#sub .sub_con .c-quest .qst-step li span{width:40px; height:40px; line-height:40px; font-size:16px}
	#sub .sub_con .c-quest .qst-list .ls-th{font-size:14px; width:100px;}
	#sub .sub_con .c-quest .qst-list input{width:100%; font-size:13px; padding-left:10px;}
	#sub .sub_con .c-quest .qst-list .pnumber .ls-td{width:100%;}
	#sub .sub_con .c-quest .qst-list .email .ls-td{width:100%;} 
	#sub .sub_con .c-quest .qst-list .email .ls-td input{width:45%}
	#sub .sub_con .c-quest .qst-list select{padding-left:10px; width:100%;}
	#sub .sub_con .c-quest .qst-list .pnumber .ls-td input{width:30%}
	#sub .sub_con .c-quest input[type=checkbox]+ label{font-size:14px; padding: 0 0 0 30px;}
	#sub .sub_con .c-quest input[type=checkbox]+ label:before{top:-3px; }
	#sub .sub_con .c-quest .checkbox .privacy-btn{ font-size:12px; display:block;}
	#sub .sub_con .c-quest .privacy-con div{font-size:13px;}


 
	#sub .sub_con .c-service .svc-list .ls-th{font-size:14px; }
	#sub .sub_con .c-service .svc-list input{width:100%; font-size:13px; padding-left:10px;}
	#sub .sub_con .c-service .svc-list .pnumber .ls-td{width:100%;} 
	#sub .sub_con .c-service .svc-list select{padding-left:10px; width:100%;}
	#sub .sub_con .c-service .svc-list .pnumber .ls-td input{width:30%} 


 
	#sub .sub_con .c-faq .faq-list li .tit:before{width:36px; height:36px; line-height:36px; left:10px; top:14px;}
	#sub .sub_con .c-faq .faq-list li .tit{ padding:20px; padding-left:60px; font-size:16px}
	#sub .sub_con .c-faq .faq-list li .cont:before{width:36px; height:36px; line-height:36px; left:10px; top:14px;}
	#sub .sub_con .c-faq .faq-list li .cont{ padding:0 20px; padding-left:60px; font-size:15px}
	#sub .sub_con .c-faq .faq-list li .cont div{padding:20px 0;}
	#sub .sub_con .c-faq .faq-list a{margin:20px 0 0; font-size:14px;}

	#sub .sub_con .sub-atc.c-architecture .col-c h3{font-size:24px}
	#sub .sub_con .sub-atc.c-architecture .col-c{padding:50px 0;}
	#sub .sub_con .sub-atc.c-architecture .col-c p{font-size:14px}
	#sub .sub_con .sub-atc.c-architecture .col-c h4{font-size:16px}
	#sub .sub_con .sub-atc.c-architecture .col-c .list-real ul li{padding:30px 10px; min-height:250px; height:250px}
	#sub .sub_con .sub-atc.c-architecture .col-c .list-real .ico img{width:50%;}
	#sub .sub_con .sub-atc.c-architecture .col-c .dpms-link{text-align:center;}
	#sub .sub_con .sub-atc.c-architecture .col-c .tit-des{font-size:14px;}
	#sub .sub_con .sub-atc.c-architecture .col-c .list-real ul{margin:30px auto 0;}
	#sub .sub_con .sub-atc.c-architecture .col-d .left{width:100%;}
	#sub .sub_con .sub-atc.c-architecture .col-d .right{width:100%; margin:20px 0 0;}
	#sub .sub_con .sub-atc.c-architecture .col-d .left p{font-size:14px;}
	#sub .sub_con .sub-atc.c-architecture .col-d h3{font-size:18px}
	#sub .sub_con .sub-atc.c-architecture .col-d .inner{padding:50px 30px}

	#sub .sub_con .sub-atc.c-news .bbs-view .in .v-top .tit-area .tit .cate{font-size:14px}
	.hd_notice_pop{background-size:100px; }
	.hd_notice_pop .hnp_list{ padding: 10px 0 30px;}
	.hd_notice_pop .hnp_list li a{font-size:14px; padding:10px 30px 10px 10px;}
	.hd_notice_pop .hnp_list li a img{position:absolute;     top: 12px; right:10px; margin:0;}
	.hd_notice_pop .hnp_list li .date{font-size:14px; float:none; display:block;}
	.hd_notice_pop h3{font-size:18px}
	.hd_notice_pop .hnp_list{width:90%}
	.hd_notice_pop .hnp_close{right:4px; top:10px;}

	#sub .sub_con .sub-atc.c-policy dl dd{padding:5px 0;}
	#sub .sub_con .sub-atc.c-policy h3{font-size:24px; margin-bottom:20px;}
	#sub .sub_con .sub-atc.c-policy .tit{font-size:15px}

	#sub .sub_con .sub-atc.c-organization .col-a{padding:0 0 100px}

	.pop_layer .pop_01{top:0; left:0; max-width:320px; width:100%;}

	#sub .sub_con .sub-atc.c-news .bbs-search{margin:0 20px 20px}

	#sub .sub_con .bbs-basic{font-size:14px;} 
	#sub .sub_con .bbs-basic thead{font-size:13px; }
	#sub .sub_con .bbs-basic td{word-break: break-all; width:100px; padding:20px 0;} 
	#sub .sub_con .bbs-basic th{ padding:20px 0;}
	
	#sub .sub_con.education .hd-sub .sub_tit_paragraph {font-size: 3rem;}
	#sub .sub_con .sub-atc.c-education > div {padding-bottom: 60px;}
	#sub .sub_con .sub-atc.c-education > div .txt {padding: 60px 0;}
	#sub .sub_con .sub-atc.c-education > div .txt h3 {font-size: 2.8rem;}
	#sub .sub_con .sub-atc.c-education > div ul {display: unset;}
	#sub .sub_con .sub-atc.c-education > div ul li {flex: unset; margin-right: 0; margin-bottom: 20px;}
	#sub .sub_con .sub-atc.c-education > div ul li:nth-of-type(3) {margin-bottom: 0;}
	#sub .sub_con .sub-atc.c-education > div ul li > div:nth-of-type(1) {height: 70px;}
	#sub .sub_con .sub-atc.c-education > div ul li > div > div {height: 70px; line-height: 70px;}
	#sub .sub_con .sub-atc.c-education .col-a:after {content: none;}
	#sub .sub_con .sub-atc.c-education .col-a ul li .ed_white {height: auto; padding: 4% 5%;}
	#sub .sub_con .sub-atc.c-education .col-a ul li .ed_blue > div:nth-of-type(2) {text-align: right; margin-right: 40px;}
	#sub .sub_con .sub-atc.c-education .col-b ul li:before {left: 40px;}
	#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(1):before {top: -15px;}
	#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(2):before, #sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(3):before {top: -17px;}
	#sub .sub_con .sub-atc.c-education .col-b ul li .ed_gray {height: auto; padding: 5%;}
	#sub .sub_con .sub-atc.c-education .col-c:before {background-size: 300%;}
	#sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit, #sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit div {height: 80px;}
	#sub .sub_con .sub-atc.c-education .col-c ul li .ed_white {padding: 5%; padding-top: 0;}
	
	#sub .sub_con.welfare .hd-sub .sub_tit_paragraph {font-size: 2.5rem;}
	#sub .sub_con .sub-atc.c-welfare .col-a {padding: 0 0 120px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li {height: 700px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .txt {padding: 105px 0 0;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt h3 {margin: 40px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .txt .des {margin-left: 40px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .txt .des {margin-right: 40px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt h3,
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > div h3{font-size: 2.5rem; line-height: 1.3;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt .des, #sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li p {font-size: 1.5rem;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li p {height: 40px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .img img {width: 55%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .txt {padding: 55px 0;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner {padding: 80px 40px;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li div {font-size: 2rem;}
	
	#sub .sub_con.education br.pc-only {display:none;}		
	#sub .sub_con.education br.hrmob-only,
	#sub .sub_con.welfare br.hrmob-only,
	.hr767-only {display:block;}
	
	#sub .sub_con .c-brand .tab-paging li {width: 30%;}
	#sub .sub_con .sub-atc.c-brand #tabBr .br-right h4 {font-size: 24px;}
	#sub .sub_con .sub-atc.c-brand #tabBr .br-right p {padding-bottom: 4%; font-size: 14px;}
	#sub .sub_con .sub-atc.c-brand #tabBr .col-a {margin-bottom: 50px;}
	#sub .sub_con .sub-atc.c-brand #tabBr .col-a .br-left {padding: 0;}
	
	#sub .sub_con .sub-atc.c-invest {padding-bottom: 50px;}
	#sub .sub_con .sub-atc.c-invest h2 {font-size: 24px;}
	#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_type3 li a,
	#sub .sub_con .sub-atc.c-invest .finan_down div .finan_btn,
	#sub .sub_con .sub-atc.c-invest #tabCredit .finan_btn {font-size: 14px;}
	#sub .sub_con .sub-atc.c-invest .finan_table .finan_table_type1 colgroup col:nth-of-type(1) {width: 10%;}
	#sub .sub_con .sub-atc.c-invest .finan_table .finan_table_type1 colgroup col:nth-of-type(2) {width: 25%;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody th.thFirst  {padding: 0;}
	#sub .sub_con .sub-atc.c-invest .finan_down div .finan_btn,
	#sub .sub_con .sub-atc.c-invest #tabCredit .finan_btn {padding-left: 20px; background: url(/static/images/sub/acc-down-black.png) no-repeat right 10px center/14px;}
	#sub .sub_con .sub-atc.c-invest #tabCredit .inner {padding: 50px;}
	
	.prc .left .prbn ul {padding: 20px;}
	.prc .left .prbn li a {height: 45px;}
	.m-img{display:block;}
	.pc-img{display:none;}
	
	.openPop {width:80%; height:95%;}
	.openPop#NoticePop02 {width:92%; height:auto; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-webkit-transform:translate(-50%,-50%); -ms-webkit-transform:translate(-50%,-50%); top:50%; left:50%;}
	.openPop#NoticePop03,
	.openPop#NoticePop04 { width: 92%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
	.openPop .pop_cts {max-height:calc(100% - 42px); padding-bottom:10px;}
	.openPop .btn-close {right:-25px;}
}

@media screen and (max-width:654px){
	#sub .sub_con .sub-atc.c-welfare .col-a {padding: 0 0 80px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li {height: 620px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:before {height: 300px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .txt img {margin: 0 55px 108px; width: 20%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .txt img {margin: 50px 55px 109px; width: 28%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .img img {width: 55%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .img img {width: 52%; margin-left: 40px;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner {padding: 50px 40px;}
	
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 thead th,
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody th,
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody td {font-size: 14px;}
	#sub .sub_con .sub-atc.c-invest #tabCredit .inner .credit_img .shadow {box-shadow: 1px 0px 40px 3px black;}
	
	.md-project-viewer .md-project-b .btn-close {background: #fff url(/static/images/sub/close-g.png) no-repeat center center/25px;}
}

@media screen and (max-width:516px){
	#sub .sub_con .sub-atc.c-ESG .chart .chartTit em {
		bottom:-30px;
		right:50%;
		transform:translateX(50%);
		-webkit-transform:translateX(50%);
		-moz-transform:translateX(50%);
		-ms-transform:translateX(50%);
	}
	#sub .sub_con .sub-atc.c-invest .finan_down div {display: block;}
	#sub .sub_con .sub-atc.c-invest .finan_down div .finan_btn {display: block; width: 60%; margin: 0 auto 10px;}
	#sub .sub_con .sub-atc.c-invest #tabCredit .finan_btn {width: 60%;}
	#sub .sub_con .sub-atc.c-invest .finan_down div .finan_btn:last-child {margin: 0 auto;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody th {padding: 3px 10px;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr .br516 {display: block;}
}

@media screen and (max-width:480px){ 
	#mainVisual .fp-tableCell{height:100vh !important;}
	.prc .right h4, .prc .left .prbn h4 {margin: 0 0 10px;}
	.prc .left .prbn li {height: 65px;}
	.prc .left .prbn li a {position: relative; padding: 10px 0;}
	.prc .left .prbn li .prbn_emplo {display: block; margin-bottom: 6px; width: 60px; height: 20px; line-height: 20px; font-size: 11px;}
	.prc .left .prbn li .prbn_tit {display: block; width: 100%; font-size: 14px;}
	.prc .left .prbn li .prbn_date {position: absolute; top: 7px; left: 75px;}
	.prc .left .prbn ul.prbn_one {padding: 18px 25px;}
	.prc .left .prbn ul.prbn_one li a {padding: 8px 0;}
	.prc .left .prbn ul.prbn_one .prbn_date {line-height: 22px;}
	.prc .left .prbn li.prbn_none .prbn_tit {line-height: 65px;}
	.prc .left .prbn li.prbn_none li a {padding: 0;}
	.prc .right .notice {padding: 20px 30px;}
	.prc .right .notice .slick-arrow {top: 28px;}
	.prc .right .notice .nt {padding: 0px 10px; width: 60px; height: 20px; line-height: 21px; font-size: 11px;}
	.prc .right .notice .nt_title {position: relative; margin: 10px 0 0; font-size: 16px;}
	.prc .right .notice .nt_tit {max-width: 100%;}
	.prc .right .notice .nt_date {position: absolute; top: -32px; right: 0px;}
	
	
	#sub .sub_con .sub-atc.c-architecture .col-b .list-hasbg li .img .img-tit,
	#sub .sub_con .sub-atc.c-architecture .col-a .col-a-01 .l .img-tit {pdding:0;width:100%;text-align:center;background:rgba(0,0,0,0.4);}
	.customedTooltip > div {padding: 7px 10px; min-width: auto; font-size: 1.4rem;}    
    #sub .sub_con .c-video .col-a .videotit {width: 330px;}
    #sub .sub_con .c-video .col-a .videotit iframe {width: 330px; height: 185px;}
    #sub .sub_con .c-video .col-b {margin: 20px; padding-bottom: 10px;}
    #sub .sub_con .c-video .col-b .v_tit {padding-bottom: 12px; font-size: 1.5rem;}
    #sub .sub_con .c-video .col-b .v_txt {padding-bottom: 25px;font-size: 1.3rem;}
    #sub .sub_con .c-video .col-b .v_sub .v_subtitle > div {padding: 5px 15px; height: 25px; font-size: 1rem;}
    #sub .sub_con .c-video .col-b .v_sub .v_subtitle > div .fold {width: 55px;}
    #sub .sub_con .c-video .col-b .v_sub .v_subtitle > div .fold .v-fold {left: 58px; top: 8px; width: 12px;}
    #sub .sub_con .c-video .col-b .v_sub .vfold-h {padding: 0 15px; margin: 15px 0; height: 155px; line-hegiht: 1.6; font-size: 0.9rem;}
    #sub .sub_con .c-video .col-c {padding: 30px 0 50px;}
    #sub .sub_con .c-video .col-c .videolist li div {width: 100%; height: 100%;}
	#sub .sub_con .c-video .col-c .videolist li div:after {background: url(/static/images/sub/play_dim.png) no-repeat; background-size: cover; background-position: 50%;}
    #sub .sub_con .c-video .col-c .videolist li div img {height: auto}
    #sub .sub_con .c-video .col-c .paging .page {width: 179px; height: 23px;}
    #sub .sub_con .c-video .col-c .paging .page .pagenum {left: -90px; height: 25px; line-height: 25px; font-size: 1.1rem;}
    #sub .sub_con .c-video .col-c .paging .page .pagenum em.num_cur:after {margin-left: 30px; margin-top: -13px; width: 12px;}
    #sub .sub_con .c-video .col-c .paging .page .pagedot {width: 115px;}
    #sub .sub_con .c-video .col-c .paging .page .pagedot a {width: 23px; height: 23px; border: 8px solid #f1f4f9;}
    #sub .sub_con .c-video .col-c .paging .page .pagedot a.active {border: 6px solid #cceffc;}
    #sub .sub_con .c-video .col-c .paging .page .pagedot a.active,
    #sub .sub_con .c-video .col-c .paging .page .prev,
    #sub .sub_con .c-video .col-c .paging .page .next {width: 23px; height: 23px;}
    #sub .sub_con .c-video .col-c .paging .page .prev {margin: 0 1px 0 0;}
    #sub .sub_con .c-video .col-c .paging .page .prev .arrow1,
    #sub .sub_con .c-video .col-c .paging .page .next .arrow1 {top: 7px; width: 8px; height: 8px;}
    #sub .sub_con .c-video .col-c .paging .page .prev .arrow1 {left: 8px;}
    #sub .sub_con .c-video .col-c .paging .page .next .arrow1 {left: 5px;}
    
    #sub .sub_con .c-hr {padding-bottom: 30px;}
    #sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li {margin-bottom: 0;}
    #sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li h3 {font-size: 20px; padding: 30px 0 5px;}
    #sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) h3 {width: 175px;}
    #sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(1) h3:before {bottom: -90%; left: -35%; background-size: 60%;}
    #sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(2) h3,
    #sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(3) h3 {padding: 60px 0 5px;}
    #sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(2) h3:before {bottom: -110%; right: -60%; background-size: 63%;}
    #sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li:nth-of-type(3) h3:before {bottom: -95%; left: -36%; background-size: 65%;}
    #sub .sub_con .sub-atc.c-hr .col-a .list-hasbg li .txt .des {font-size: 16px;}
    
    #sub .sub_con.education .hd-sub .sub_tit_paragraph {font-size: 24px;}
    #sub .sub_con .sub-atc.c-education > div {padding-bottom: 45px;}
    #sub .sub_con .sub-atc.c-education > div .txt {padding: 50px 0;}
    #sub .sub_con .sub-atc.c-education > div .txt h3 {font-size: 21px;}
    #sub .sub_con .sub-atc.c-education > div .txt .des {line-height: 1.3; margin-top: 20px;} 
    #sub .sub_con .sub-atc.c-education .col-a ul li .ed_white {padding: 4% 9%;}
    #sub .sub_con .sub-atc.c-education .col-b ul li {margin-bottom: 30px;}
    #sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(1):before,
    #sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(2):before,
    #sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(3):before {background-size: 63%;}
    #sub .sub_con .sub-atc.c-education .col-c:before {background-size: 500%;}
    #sub .sub_con .sub-atc.c-education .col-c .txt {padding: 50px 0 30px;}
    #sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit > div {font-size:18px;}
    #sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit, #sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit div {height: 70px;}
    #sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit div {line-height: 100px;}
    #sub .sub_con .sub-atc.c-education .col-c ul li .ed_white {padding: 6%; padding-top: 0;}
    
    
    #sub .sub_con.welfare .hd-sub .sub_tit_paragraph {font-size: 20px;}
    #sub .sub_con .sub-atc.c-welfare .col-a {padding: 0;}
    #sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) {height: 570px;}
    #sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) {height: 640px}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:before {height: 43%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .txt {padding: 80px 0 0;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .txt .des {margin: 30px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .txt img {margin: 0 6% 19%; width: 25%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .img img {margin-right: 6%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt h3 {margin: 30px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt h3, #sub .sub_con .sub-atc.c-welfare .ulList .inner > div h3 {font-size: 20px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li .txt .des, #sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li p {font-size: 14px;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li p {height: 30px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .txt img {margin: 6% 4% 24%; width: 32%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .img img {width: 57%; margin-left: 4%; margin-top: 16%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) .txt .des {margin: 0 30px;}
    #sub .sub_con .sub-atc.c-welfare .ulList .inner {padding: 40px 15px;}
    #sub .sub_con .sub-atc.c-welfare .ulList .inner > ul {margin-top: 6%;}
    #sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li {padding: 30px 20px; height: 160px;}
    #sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li:nth-of-type(1),
    #sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li:nth-of-type(2) {margin-bottom: 4%;}
    #sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li div {font-size: 16px;}
    #sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li div:after {top: -7px;}
    #sub .sub_con .sub-atc.c-welfare .col-c {background: url(/static/images/sub/hr_3_5gray.png) no-repeat; background-size: 138%;}
    .hr767-only {display:none;}
    
    #sub .sub_con .sub-atc.c-brand #tabBr .br-right p {padding-bottom: 6%;}
    #sub .sub_con .sub-atc.c-invest h2 {padding-bottom: 0;}
    #sub .sub_con .sub-atc.c-invest #tabCredit .inner .credit_img .shadow {margin: 55% auto 20%; box-shadow: 1px 20px 40px 3px black;}
    
    .md-project-viewer .md-project-w .r {height: auto;}
    .md-project-viewer .md-project-w .r .in {width: 335px; height: 304px; margin: 15px auto 10px;}
    .md-project-viewer .md-project-w .in_nav {margin-top: 0;}
    .md-project-viewer .md-project-w .in_nav .nav_item {width: 92px;height: 76px; margin: 0 5px;}
    .md-project-viewer .md-project-w .in_nav .controls {margin-top: 91px;}
    .md-project-viewer .md-project-w .in_nav .controls .ar-prev,
    .md-project-viewer .md-project-w .in_nav .controls .ar-next {top: -53px;}
    
}

@media screen and (max-width:400px) {
	.pop_layer .pop_01{    width: 100%;}
	.pop_close{width:15px; height:15px; top:22.5px;}

	#sub .sub_con .c-quest .qst-list .file_input input[type=text]{width:100%; margin:0 0 10px}

	#sub .realestate .real-tab li{width:50%;}
	#sub .realestate .real-tab li:nth-child(2n){border-right:0;}
	#sub .realestate .real-tab li:nth-child(-n+2){border-bottom:1px solid #ddd;}
	#sub .realestate .real-tab li a{height:45px; line-height:45px;}
	
	.sub-atc.c-hr br.hrpc-only {display:none;}
	.sub-atc.c-hr br.hrmob-only {display:block;}
	
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:before {height: 36%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) {height: 500px;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .txt img {margin: 0 6% 16%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .img img {margin-right: 3%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(2) {height: 660px;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li {padding: 7% 3%; height: 150px;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li p {bottom: 15%; height: 50px;}
	#sub .sub_con .sub-atc.c-welfare .ulList .inner > ul li div:after {width: 35px; height: 30px; background-size: 400%;}
	#sub .sub_con .sub-atc.c-welfare .col-b .inner > ul li:nth-of-type(2) div:after {background-position: -35px 0;}
	#sub .sub_con .sub-atc.c-welfare .col-b .inner > ul li:nth-of-type(3) div:after {background-position: -70px 0;}
	#sub .sub_con .sub-atc.c-welfare .col-b .inner > ul li:nth-of-type(4) div:after {background-position: -105px 0;}
	#sub .sub_con .sub-atc.c-welfare .col-c .inner > ul li:nth-of-type(1) div:after {background-position: 0 -30px;}
	#sub .sub_con .sub-atc.c-welfare .col-c .inner > ul li:nth-of-type(2) div:after {background-position: -35px -30px;}
	#sub .sub_con .sub-atc.c-welfare .col-c .inner > ul li:nth-of-type(3) div:after {background-position: -70px -30px;}
	#sub .sub_con .sub-atc.c-welfare .col-c .inner > ul li:nth-of-type(4) div:after {background-position: -105px -30px;}
	#sub .sub_con .sub-atc.c-welfare .col-d .inner > ul li:nth-of-type(1) div:after {background-position: 0 -60px;}
	#sub .sub_con .sub-atc.c-welfare .col-d .inner > ul li:nth-of-type(2) div:after {background-position: -35px -60px;}
	#sub .sub_con .sub-atc.c-welfare .col-d .inner > ul li:nth-of-type(3) div:after {background-position: -70px -60px;}
	#sub .sub_con .sub-atc.c-welfare .col-d .inner > ul li:nth-of-type(4) div:after {background-position: -105px -60px;}
	#sub .sub_con .sub-atc.c-welfare .col-d .inner > ul li p {height: 40px;}
	
	#sub .sub_con .sub-atc.c-invest .finan_title {margin-bottom: 0; padding-bottom: 20px;}
	#sub .sub_con .sub-atc.c-invest .finan_tit {overflow-x: scroll;}
	#sub .sub_con .sub-atc.c-invest .finan_tit img {width: 100%; min-width: 600px;}
	#sub .sub_con .sub-atc.c-invest .finan_tit .tableInfo {position: relative; right: 0; top: 0; width: 600px; margin-bottom: 0;}
	#sub .sub_con .sub-atc.c-invest .finan_table,
	#sub .sub_con .sub-atc.c-invest .finan_table2 {margin-bottom: 50px;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 {border-top: none; border-bottom: 1px solid #bdbdbd;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1, 
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 thead, 
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody, 
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tr, 
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 th, 
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 td {display: block;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 thead {display: none;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody {overflow: hidden; width: 100%;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr,
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr th,
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr td {float: left; width: 100%;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr th {height: 46px; padding-top: 14px; border-left: 0px; background-color: #f4f4f4;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr th.thFirst {color: #fff; background-color: #333; line-height: 46px; border-top: none;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr td {position: relative; border-left: 0px; padding-top: 14px; padding-left: 170px;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tbody tr .br516 {display: none;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 tr td:before {content: attr(data-label); display: block; position: absolute; left: 0px; top: 0px; width: 170px; height: 100%; padding: 14px 10px 2px; text-align: left;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 .sum {margin-bottom: 20px;}
	#sub .sub_con .sub-atc.c-invest .finan_table_type1 .sum:last-child {margin-bottom: 0;}
	#sub .sub_con .sub-atc.c-invest .finan_table2 h2 {margin-bottom: 20px;}
	#sub .sub_con .sub-atc.c-invest .finan_table2 .finan_table_type1 {border-top: 2px solid #333;}
	#sub .sub_con .sub-atc.c-invest .finan_table2 .finan_table_type1 tr:first-child .first {border-top: none;}
	#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_container .tab_cont {overflow: auto;}
	#sub .sub_con .sub-atc.c-invest .finan_table2 .tab_container img {width: 100%;}
	#sub .sub_con .sub-atc.c-invest .finan_table2 .graph_income_wrap {margin-bottom: 20px;}
	#sub .sub_con .sub-atc.c-invest .finan_down h2 {line-height: unset; margin-bottom: 20px;}
	#sub .sub_con .sub-atc.c-invest .finan_down div .finan_btn {width: 100%;}
	#sub .sub_con .sub-atc.c-invest #tabCredit .inner .credit_img .shadow {width: 150px; height: 5px; box-shadow: 1px 15px 30px 3px black;}
	
	.md-project-viewer .md-project-w .r .in {width: 297px; height: 270px;}
	.md-project-viewer .md-project-w .controls {width: 100%;}
	
	.brand_br {display: block;}
	
	.hr400-only {display: block;}
}
@media screen and (max-width:375px) {
	#sub .sub_con.education .hd-sub .sub_tit_paragraph {font-size: 18px;}
	#sub .sub_con .sub-atc.c-education > div .txt h3 {font-size: 16px;}
	#sub .sub_con .sub-atc.c-education > div .txt .des {margin-top: 15px; font-size: 14px;}
	#sub .sub_con .sub-atc.c-education > div ul li > div:nth-of-type(1) {height: 50px;}
	#sub .sub_con .sub-atc.c-education > div ul li > div > div {height: 50px; line-height: 50px;}
	#sub .sub_con .sub-atc.c-education .col-a ul li .ed_blue > div:nth-of-type(1) {width: unset; font-size: 28px; padding-left: 9%;}
	#sub .sub_con .sub-atc.c-education .col-a ul li .ed_blue > div:nth-of-type(2) {font-size: 14px;}
	#sub .sub_con .sub-atc.c-education > div ul li > div:nth-of-type(2) {font-size: 14px;}
	#sub .sub_con .sub-atc.c-education > div .txt {padding: 40px 0;}
	#sub .sub_con .sub-atc.c-education .col-b ul li:before {left: 30px;}
	#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(1):before,
	#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(2):before,
	#sub .sub_con .sub-atc.c-education .col-b ul li:nth-of-type(3):before {background-size: 50%;}
	#sub .sub_con .sub-atc.c-education .col-b ul li .ed_brown div {font-size: 16px;}
	#sub .sub_con .sub-atc.c-education .col-b ul li .ed_gray {font-size: 14px;}
	#sub .sub_con .sub-atc.c-education .col-c:before {background-size: 600%;}
	#sub .sub_con .sub-atc.c-education .col-c .txt {padding: 40px 0 20px;}
	#sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit, #sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit div {height: 60px;}
	#sub .sub_con .sub-atc.c-education .col-c ul li .ed_whiteTit div {font-size: 16px;line-height: 80px;}
	#sub .sub_con .sub-atc.c-education .col-c ul li .ed_white {line-height: 1.5;}
	
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:before {height: 32%;}
	#sub .sub_con .sub-atc.c-welfare .col-a ul li:nth-of-type(1) .txt img {margin: 0 6% 12%;}
	
	.md-project-viewer{min-width: 375px;}
}
@media only screen and (orientation:landscape) and (max-height:900px) {
	.openPop {height:90%;}
	.openPop .pop_cts {max-height:calc(100% - 42px); padding-bottom:10px;}
}