@charset "utf-8";
@import url('aos.css');
@import url('fonts.css');
@import url('swiper.min.css');
@import url('fullpage.css');

:root { 
    --red : #fe6b00; 
}
/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb6 { margin-bottom:6px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb110 { margin-bottom:110px !important }
.mt80 { margin-top:80px !important }

.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.pdtop40 { padding-top:40px }
.none-bor { border:0 !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important; line-height: 1.4em; }
.f16 { font-size:16px !important; line-height: 1.4em; }
.f17 { font-size:17px !important; line-height: 1.4em; }
.f18 { font-size:18px !important; line-height: 1.4em; }
.f19 { font-size:19px !important; line-height: 1.4em; }
.f20 { font-size:20px !important; line-height: 1.4em; }
.f24 { font-size:24px !important; line-height: 1.4em; }
.f25 { font-size:25px !important; line-height: 1.4em; }
.f29 { font-size:29px !important; line-height: 1.4em; }
.f31 { font-size:31px !important; line-height: 1.4em; }
.f34 { font-size:34px !important; line-height: 1.4em; }

.lh34 { line-height: 34px !important; }
.lh44 { line-height: 44px !important; }
.clear:after { display: block; content: ''; clear: both; }
.fl { float:left; }
.fr { float:right; }

/***********************************************************************************
	Common
************************************************************************************/

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
th { background: #eee;}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
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 none}
a { text-decoration:none; color:#000;  }
address,
em { font-style:normal }
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family:'Pretendard', sans-serif; font-size:13px; color: #000; /*letter-spacing: -0.5px;*/}
body,textarea,input,select { font-family:'Pretendard', sans-serif; font-size:13px; color: #222; text-decoration: none; font-weight:300;} 
textarea,.inp,select { border:0; outline:none; border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal;}
a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; background:none; }
form { padding: 0; margin: 0; }
* {box-sizing: border-box; -webkit-box-sizing:border-box;}
::-ms-clear { display: none;}
select::-ms-expand { display:none; }
.inner { max-width:1440px; margin: 0 auto; padding:0 20px; }
.inner2 { max-width:1740px; margin: 0 auto; padding:0 20px; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 30px auto;
}
.modal-content {
  position: relative;
  background-color: #fff;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
	overflow: hidden; padding:15px 15px 0 0;
}
.modal-header .close {
  float:right; width:35px; height:36px; background: url(../img/common/modal_close.png) no-repeat 0 0; text-align:left ; text-indent: -9999px 
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.dropdown button { display: block; width:100%; height:45px; background: #fff;  font-size:16px; color: #222; padding-left: 15px; line-height: 42px; border-bottom: 1px solid #ccc ; text-align: left; }
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: -10000px;
  left: 0;
	right:0; 
  z-index: 1000;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc; border-left: 0; border-right:0; box-shadow:0 5px 5px rgba(0,0,0,0.1);
	transition: opacity .6s,top 0s .6s,transform .6s,-webkit-transform .6s;
	transform: translate3d(0,-5px,0); -webkit-transform: translate3d(0,-5px,0);
	opacity:0;
  
}
.open > .dropdown-menu { top:42px; opacity:1; transition:opacity .6s,top 0s,transform .6s,-webkit-transform .6s; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); }
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 7px 15px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}


/* Form */
.select { height: 39px; border: 1px solid #e2e2e2; padding:0 30px 0 10px; font-size:17px; color: #222; background: #fff url(../img/common/bu_select.png) no-repeat 90% 50%;}

/* Button */
.btn { display: inline-block; vertical-align: middle; padding:0 50px; height: 50px; line-height: 48px; text-align: center; border: 1px solid #3f7ad2; font-size:20px; color: #3f7ad2; border-radius:3px; }
.btn.btn-blue { background: #3f7ad2; color: #fff; }

.select { vertical-align:middle; padding:0 40px 0 15px; height:40px; background:#eeeeee url(../img/common/bu_family.png) no-repeat 100% 50%; background-position:right 15px center; border:1px solid #eeeeee; font-size:16px; color:#222; }
.inp { vertical-align:middle; padding:0 0 0 15px; height:40px; background:#fff; border:1px solid #cccccc; font-size:17px; color:#444; }
#wr_content { padding:15px 10px; height:300px; background:#fff; border:1px solid #ccc; font-size:17px; line-height:1.6; color:#444; border-radius:0;box-shadow:none; }
.w100 { width:100% !important; }
.w50 { width:50% !important; }
.btn-type0 { display:inline-block; vertical-align:middle; border:0; width:120px; height:50px; line-height:49px; border-radius:50px; background:#1eb9ee ;font-size:20px; color:#fff;  text-align:center;}
.btn-type2 { display:inline-block; vertical-align:middle; border:0; width:120px; height:50px; line-height:49px; border-radius:50px; background:#cccccc; font-size:20px; color:#fff; text-align:center;}
.btn-type1 { display:inline-block; vertical-align:middle; border:0; width:120px; height:50px; line-height:49px; border-radius:50px;  background:#1eb9ee;  font-size:20px; color:#fff;  text-align:center;}
.board-box .inp { height:50px; border:0; border-bottom:1px solid #1eb9ee; width:280px; }
#bo_sch .inp:focus { box-shadow:none; border:0 !important; outline:none;  }


::-webkit-input-placeholder { color: #aaa;}
:-moz-placeholder { color: #aaa;}
:-ms-input-placeholder {  color: #aaa;}
:-moz-placeholder {  color: #aaa;}

a,a:active,a:visited { text-decoration:none !important; }
p,div { word-break:keep-all; }
img { max-width:100%; }

.checkbox { position: absolute; display: none;}
.checkbox + div { display: inline-block; vertical-align: middle; ;}
.checkbox + div em { display: inline-block; vertical-align: middle; width:20px; height: 20px; border:1px solid #888888; transition: all 0.5s ease;}
.checkbox + div p { display: inline-block; vertical-align: middle; font-size:15px; margin-left: 10px; ;}
.checkbox:checked + div em { background-color: var(--red); border-color:var(--red)}

/*********************************************************************************************************************************************************************
	Common
*********************************************************************************************************************************************************************/
#s-header { position: fixed; left: 0; right:0; top:0; height:135px; z-index:1000; transition: all 0.5s ease; background:#fff;}
.main #s-header { position: fixed;  background:transparent;}
.main #s-gnb .btn-dep1,
.main #s-gnb .btn-dep2 { color:#fff; }
.main #s-header h1 a { background-image: url(../img/common/logo.png);}
.main #s-header .etc .btn-search { background-image: url(../img/common/ico_search.png);}
.main #s-header .etc .lang-box .la { color:#fff; }
.main #s-header .etc .lang-box .la > div > i{ background-image: url(../img/common/ico_lang.png);}
.main #s-header .etc .btn-all span { background-color: #fff;}
.main #s-header .etc .lang-box .lang a { color:#fff; }

#s-header .header-inner { padding:0 15px; margin:0 auto; position: relative; }
#s-header h1 { position: absolute; left: 100px; top:55px;transition: all 0.5s ease; }
#s-header h1 a { display: block; background: url(../img/common/logo_red.png) no-repeat 0 0; width:192px; height:69px; text-indent: -9999px;transition: all 0.5s ease;}
#s-header .etc { position: absolute; right:100px; top: 78px; display: flex; align-items: center; transition: all 0.5s ease;}
#s-header .etc .btn-search { width:28px; height: 28px; background: url(../img/common/ico_search_black.png) no-repeat  50% 50%;}
#s-header .etc .lang-box { position: relative;margin-left:15px;  }
#s-header .etc .lang-box .la { display: flex; align-items: center; gap:5px; font-size:11px; font-weight:400; color:#222; }
#s-header .etc .lang-box .la > div { position: relative;}
#s-header .etc .lang-box .la > div > i {  display: block; width:26px; height: 26px; background: url(../img/common/ico_lang_black.png) no-repeat 50% 50%; ;}
#s-header .etc .lang-box .lang { position: absolute; left:50%; top:50px; width:40px; margin-left: -20px; background-color: #4e5968; visibility: hidden; opacity:0; transition: all 0.5s ease; padding:5px 0;}
#s-header .etc .lang-box .lang a { display: block; text-align: center; line-height: 23px; font-size:12px; color:#fff;}
#s-header .etc .lang-box .lang:before { content: ''; position: absolute; left:15px; top:-6px;; width: 0px;height: 0px;border-style: solid;border-width: 0 4px 6px 4px;border-color: transparent transparent #4e5968 transparent;transform: rotate(0deg);}
#s-header .etc .lang-box:hover .lang { opacity:1; visibility: visible; top:36px; }
#s-header .etc .btn-all { margin-left: 30px; width:33px; height: 23px; display: flex; flex-direction: column; justify-content: space-between; }
#s-header .etc .btn-all span { display:block; height:3px; background: #222; }
#s-gnb{  display: flex; justify-content: center; } 

#s-gnb > ul:after { display: block; content: ''; clear: both; }
#s-gnb > ul > li {float:left; position: relative; text-align: center; }
#s-gnb > ul > li em { position: absolute;left: 0; top:0; right:0; height: 0; background: rgba(78, 89, 104, 0.8); transition: all 0.5s ease; opacity:0; box-shadow:0 0 20px rgba(0,0,0,0.2); }
#s-gnb > ul > li:hover em { height: 100%; opacity: 1; }
#s-gnb > ul > li:hover .btn-dep1,
#s-gnb > ul > li:hover .btn-dep2 { color:#fff !important; }
#s-gnb > ul > li .btn-dep1:before { content: ''; position: absolute; left: 50%; top:135px; width:0%; transform:translateX(-50%); height: 1px; background: #63c4ea; opacity:0; transition: all 0.35s ease; transition-delay: 0.2s;}
/* #s-gnb > ul > li:hover .btn-dep1:before{width:70%; opacity:1;} */
#s-gnb .btn-dep1 { display: block; width:200px; height:100%; padding:75px 0 5px; letter-spacing:0.3px; font-family:'Poppins'; font-size:18px; color: #222; position: relative; z-index:2;transition: all 0.5s ease; text-transform:uppercase;}
#s-gnb .dep2 { display: none; padding:20px 0;z-index:2; position: relative; }
#s-gnb .btn-dep2 { display: block; line-height: 36px; font-size:16px; font-family:'Poppins'; color: #222; font-weight:300; position: relative; text-transform: uppercase;}
#s-gnb .btn-dep2:hover{ font-weight:500;  }



#s-header.active { background-color: rgba(255, 255, 255, 0.8); height: 90px; }	
#s-header.active h1 { top:15px; }
#s-header.active h1 a { background-image: url(../img/common/logo_red.png);}
#s-header.active #s-gnb .btn-dep1 { color:#000; padding:33px 0 30px;  }
#s-header.active .etc { top:32px; }
#s-header.active .etc .btn-all span { background-color:#000; }
#s-header.active .etc .btn-search { background-image: url(../img/common/ico_search_black.png);}
#s-header.active .etc .lang-box .la { color:#000; }
#s-header.active .etc .lang-box .la > div > i { background-image: url(../img/common/ico_lang_black.png);}
/*#s-header.hide { transform: translateY(-40px); }*/



.fp-viewing-page2 #s-header h1 a,
.fp-viewing-page4 #s-header h1 a,
.fp-viewing-page6 #s-header h1 a,
.fp-viewing-page7 #s-header h1 a{ background-image:url(../img/common/logo_red.png); }
.fp-viewing-page2 #s-header  #s-gnb .btn-dep1,
.fp-viewing-page4 #s-header  #s-gnb .btn-dep1,
.fp-viewing-page6 #s-header  #s-gnb .btn-dep1,
.fp-viewing-page7 #s-header  #s-gnb .btn-dep1{ color:#222; }
.fp-viewing-page2 #s-header .etc .btn-all span,
.fp-viewing-page4 #s-header .etc .btn-all span,
.fp-viewing-page6 #s-header .etc .btn-all span,
.fp-viewing-page7 #s-header .etc .btn-all span{ background-color:#000; }
.fp-viewing-page2 #s-header .etc .btn-search,
.fp-viewing-page4 #s-header .etc .btn-search,
.fp-viewing-page6 #s-header .etc .btn-search,
.fp-viewing-page7 #s-header .etc .btn-search{ background-image: url(../img/common/ico_search_black.png);}
.fp-viewing-page2 #s-header .etc .lang-box .la,
.fp-viewing-page4 #s-header .etc .lang-box .la,
.fp-viewing-page6 #s-header .etc .lang-box .la,
.fp-viewing-page7 #s-header .etc .lang-box .la{ color:#000; }
.fp-viewing-page2 #s-header .etc .lang-box .la > div > i,
.fp-viewing-page4 #s-header .etc .lang-box .la > div > i,
.fp-viewing-page6 #s-header .etc .lang-box .la > div > i,
.fp-viewing-page7 #s-header .etc .lang-box .la > div > i{ background-image: url(../img/common/ico_lang_black.png);}


.m-gnb { display: none; position: fixed; left: 0; right:0; top:0; bottom:0; background: #000; z-index:2000; padding-bottom: 50px; }
.m-gnb .btn-close { position: absolute; right:20px; top:20px; width:45px; height: 45px; border: 1px solid rgba(255,255,255,0.6); background: url(../img/common/ico_search_close.png) no-repeat 50% 50%; background-size:20px auto; z-index:100; }
.m-gnb .langs { display: none; position: absolute; right:0; left:0; bottom:25px; text-align: center; }
.m-gnb .langs a { display: inline-block; vertical-align: middle; font-size:13px; color: rgba(255,255,255,1); margin:0 10px;}
.m-gnb .scroll { overflow: auto; text-align: center; position: absolute; left: 0; right:0; bottom:0; top:0; display: flex; justify-content: center; align-items: center; padding:20px 0;}
.m-gnb .scroll > ul > li { margin-bottom:10px;}
.m-gnb .dep2 { display: none; padding-top:10px;}
.m-gnb .dep3 { display: none;}
.m-gnb .btn-dep1 { display: block; font-size:22px;color: #fff; padding-bottom:10px;  }
.m-gnb .btn-dep2 { display: block; font-size:16px;color: #fff; opacity:0.7; line-height: 1.5; }
.m-gnb .btn-dep3 { display: block; font-size:12px;color: #fff; opacity:0.5; line-height: 1.5; }

.allmenu { position: fixed; left:0; top:0; right:0; bottom:0; background-color: #000; z-index:2000; display: none;}
.allmenu .btn-close { position: absolute; right:100px; top:70px; width:40px; height: 40px; background: url(../img/common/ico_search_close.png) no-repeat 50% 50%;}
.allmenu h1 { position: absolute; left: 100px; top:55px; }
.allmenu h1 a { display: block; background: url(../img/common/logo.png) no-repeat 0 0; width:192px; height:69px; text-indent: -9999px;}
.allmenu .box {margin-top:15vh; margin-left:100px; display: flex; gap:4vw; align-items: center; padding-right:5vw; }
/*.allmenu .box:before { content: ''; width:30%; background: url(../img/common/bg_allmenu.jpg) no-repeat 50% 50%; background-size: cover; height: 100vh;}*/
.allmenu .box > ul  { flex:1;}
.allmenu .box > ul > li { display: flex; align-items: center; padding:70px 0; border-bottom: 1px solid rgba(255,255,255,0.4);}
.allmenu .box > ul > li .btn-dep1 { flex:0 0 400px;  font-size:3.3em; font-weight:700; color:#fff; }
.allmenu .box > ul > li .dep2 { display: flex; gap:10px 40px; }
.allmenu .box > ul > li .btn-dep2 { font-size:18px; color:#fff; transition: all 0.5s ease; }
.allmenu .box > ul > li .btn-dep2:hover { color:var(--red); }


/*********************************************************************************************************************************************************************
	Main
*********************************************************************************************************************************************************************/
.hidden { overflow: hidden; } /* 애니메이션 하단 잘리는 효과 적용 */


#fp-nav.fp-left {left: 90px; }
#fp-nav { top: calc(50% + 40px); }
#fp-nav ul li .fp-tooltip { display: none; }
#fp-nav ul li:last-child { display: none; }
#fp-nav ul li a span:before { content: ''; position: absolute;left: -8px;right:-8px; top:-8px; bottom:-8px;border-radius:100%; background:rgba(255,255,255,0.15); opacity:0; transition: all 0.3s ease;}
#fp-nav ul li a.active span:before { opacity:1;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { margin:0; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span { width:8px; height: 8px; }
#fp-nav ul li a span { width:8px; height: 8px; background: #fff; transition: all 0.3s ease;opacity:0.5;  margin: 0 !important; }
#fp-nav ul li a.active span { opacity:1;}

.fp-viewing-page2 .scroll p,
.fp-viewing-page4 .scroll p,
.fp-viewing-page6 .scroll p,
.fp-viewing-page7 .scroll p { color:#888; }
.fp-viewing-page2 .scroll:before,
.fp-viewing-page4 .scroll:before,
.fp-viewing-page6 .scroll:before,
.fp-viewing-page7 .scroll:before { background-color: #888 ;}
.fp-viewing-page2 #fp-nav ul li a span,
.fp-viewing-page4 #fp-nav ul li a span,
.fp-viewing-page6 #fp-nav ul li a span,
.fp-viewing-page7 #fp-nav ul li a span { background: rgba(135,135,135,0.5); }
.fp-viewing-page2 #fp-nav ul li a.active span,
.fp-viewing-page4 #fp-nav ul li a.active span,
.fp-viewing-page6 #fp-nav ul li a.active span,
.fp-viewing-page7 #fp-nav ul li a.active span { background: #888888;}
.fp-viewing-page2 #fp-nav ul li a span:before,
.fp-viewing-page4 #fp-nav ul li a span:before,
.fp-viewing-page6 #fp-nav ul li a span:before,
.fp-viewing-page7 #fp-nav ul li a span:before { background: rgba(135,135,135,0.15);}


.main .visual,
.main .visual .swiper-container,
.main .visual .swiper-wrapper,
.main .visual .swiper-slide { height: 100vh;}
.main .visual .swiper-slide { }
.main .visual .swiper-slide.bg:before { content: ''; position: absolute; left: 0; top:0; right:0; bottom:0;background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
.main .visual .swiper-slide.bg1:before { background-image: url(../img/main/main_visual1.jpg);}
.main .visual .swiper-slide.bg2:before { background-image: url(../img/main/main_visual2.jpg);}
.main .visual .swiper-slide.bg3:before { background-image: url(../img/main/main_visual3.jpg);}
.main .visual .swiper-slide.bg4:before { background-image: url(../img/main/main_visual4.jpg);}
.main .visual .swiper-slide.swiper-slide-active.bg:before{animation: image-zoom-out 2s 0s forwards;}
.main .visual .swiper-slide.swiper-slide-active.bg div { animation: textAni 2s 0s forwards; }

@keyframes image-zoom-out {
	from {
		transform: scale(1.1,1.1)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@keyframes textAni{
	from {
        left:5vw;
        opacity:0;
	}
	to {
		left:11vw;
        opacity:1;
	}
}

.main .visual .swiper-slide div { position: absolute; left:11vw; top:37%; color:#fff; }
.main .visual .swiper-slide div small { font-size:25px; font-weight:500; display: block; margin-bottom: 30px; }
.main .visual .swiper-slide div p{ font-size:70px; line-height: 1.2;  font-family:'Poppins'; font-weight:500; }
.main .visual .controls { position: absolute; left:0; right:0; bottom:120px; display: flex; justify-content: center; align-items: center;}
.main .visual .controls .swiper-button-prev,
.main .visual .controls .swiper-button-next { width:20px; height: 28px; position: static; margin:0; background: url(../img/main/btn_slider_next.png) no-repeat 50% 50%; outline:none; }
.main .visual .controls .swiper-button-prev { transform: scaleX(-1);}
.main .visual .controls .swiper-pagination { position: static; display: flex; justify-content: center; align-items: center; gap:6px; margin:0 10px 0 26px; }
.main .visual .controls .swiper-pagination .swiper-pagination-bullet { width:30px; height: 30px; border-radius:100%; background: none; border:1px solid #fff; position: relative; opacity:1; border-color:transparent; transition: all 0.7s ease;}
.main .visual .controls .swiper-pagination .swiper-pagination-bullet:before {content:''; position: absolute; left:50%; top:50%; width:8px; height: 8px; border-radius:100%; background-color: #fff; transform: translate(-4px,-4px);;}
.main .visual .controls .swiper-pagination .swiper-pagination-bullet-active { border-color:#fff; }
.main .visual .controls .playbtn { width:20px; height: 20px; position: relative; z-index:2; margin-right:26px; }
.main .visual .controls .playbtn button { width:20px; height: 20px; background:none; background-repeat: no-repeat; background-position: 50% 50%; outline:none;}
.main .visual .controls .playbtn button.off { display: none;}
.main .visual .controls .playbtn .pause { background-image: url(../img/main/ico_pause.png);}
.main .visual .controls .playbtn .play { background-image: url(../img/main/ico_play.png);}


.scroll { position: fixed; left: 89px; bottom:60px; z-index:10; }
.scroll:before {content: ''; position: absolute; left:11px; top:-70px; width:1px; height: 49px; background-color: #fff;}
.scroll p { writing-mode: vertical-rl;text-orientation: mixed; font-size:14px; color: #fff; }
.scroll span { display: block; width:12px; height: 30px; border: 1px solid #fff; border-radius:12px; position: relative;  margin-top:13px; display: none;}
.scroll span:before { content: ''; position: absolute;left: 4px;top:4px; width:2px; height: 2px; background: #c4cfd6; animation: scrollAni 3s cubic-bezier(0.4, 0, 0.2, 1) both infinite; }
@keyframes scrollAni {
	0% { top:4px; }
	50% { top:20px; }
	100% { top:4px; }
}

.h2-main { text-align:center; font-size:20px; font-weight:600; color:#fe6b00; position: relative; margin-bottom: 10px; text-transform: uppercase; padding-top:15px; margin-top:30px;}
.h2-main:before {content:''; position: absolute; left:50%; top:0; width:30px; margin-left: -15px; height: 1px; background-color: var(--red);}
.h3-main { text-align: center; font-size:70px; color:#010101;  font-family:'Poppins'; letter-spacing:-1px; font-weight:500; margin-bottom: 60px; line-height: 1.3;}
.main-tabs { display: flex; justify-content: center; gap:30px; margin-bottom: 60px;  flex-wrap: wrap;}
.main-tabs a { line-height: 60px; padding:0 10px; font-size:18px; font-family:'Poppins'; color:#000; position: relative;}
.main-tabs a:before { content: ''; position: absolute; left:50%; width:0;  bottom:0; height: 4px; background-color: var(--red); opacity:0;  transition: all 0.7s ease;}
.main-tabs a.active { color:var(--red)}
.main-tabs a.active:before { width:100%; left: 0; opacity:1; }

.main .port { padding: 100px 0  200px; }
.main .port .h3-main { font-weight:700;}
.main .port .slider-box { position: relative; height: 437px;}
.main .port .slider { position: absolute; left:0; right:0; top:0; z-index:-1; opacity:0;  }
.main .port .slider.active { opacity:1; z-index:10; }
.main .port .slider .inner { position: relative; max-width:1510px; }
.main .port .swiper-slide { width:440px !important}
.main .port .slider .swiper-button-next,
.main .port .slider .swiper-button-prev { top:130px; margin:0; opacity:1; width:80px; height: 80px; border-radius:100%; background: #cccccc url(../img/main/btn_slider_next2_black.png) no-repeat 50% 40%;   transition: all 0.5s ease;}
.main .port .slider .swiper-button-next { right:20px;}
.main .port .slider .swiper-button-prev { left:20px; transform: scaleX(-1);}
.main .port .slider .swiper-button-prev:hover,
.main .port .slider .swiper-button-next:hover { background-color: #4e5968; background-image: url(../img/main/btn_slider_next2.png);}
.main .port .item { display: block; ;}
.main .port .item img { width:100%; }
.main .port .item .img { margin-bottom: -17px;}
.main .port .item .cate { display: inline-block; padding: 0 12px; line-height: 35px; background-color: #222222; font-size:13px; color:#fff; font-weight:500;;}
.main .port .item .subj { margin:18px 0 5px; font-size:18px; }
.main .port .item .date { font-size:17px; color:#666; display: none; }

.main2 { height: 100vh;  position: relative;}
.main2 .swiper-container,
.main2 .swiper-wrapper,
.main2 .swiper-slide { height: 100%;}
.main2 .swiper-slide { display: flex; align-items: flex-end; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;}
.main2 .bg1 { background-image: url(../img/main/img_slider1.jpg); }
.main2 .bg2 { background-image: url(../img/main/img_slider2.jpg); }
.main2 .bg3 { background-image: url(../img/main/img_slider3.jpg); }
.main2 .bg4 { background-image: url(../img/main/img_slider4.jpg); }
.main2 .bg5 { background-image: url(../img/main/img_slider5.jpg); }
.main2 .bg6 { background-image: url(../img/main/img_slider6.jpg); }
.main2 .in { flex:1; max-width:1340px;  margin:0 auto; color:#fff; padding:0 20px 220px; }
.main2 .in .t1 { font-size:20px; font-weight:500; position: relative; padding-top:20px; text-transform: uppercase; }
.main2 .in .t1:before { content: ''; position: absolute; left:0; top:0 ;width:60px; height: 1px; background-color: #fff;}
.main2 .in .t2 { font-size:80px; font-family:'Poppins'; font-weight:500; line-height: 1; margin:10px 0 30px; }
.main2 .in .t3 { max-width:700px; font-family:'Poppins'; font-size:20px; line-height: 1.5;}
.main2 .in .btn-box { display: none;}
.main2 .btns { position: absolute; right:0; top:0 ;bottom:0; width:645px; background-color: rgba(0,0,0,0.3); z-index:10; }
.main2 .btns ul { height: 100%; display: flex; flex-direction: column; border-left: 1px solid rgba(255,255,255,0.3);}
.main2 .btns ul li { border-bottom: 1px solid rgba(255,255,255,0.3); height: calc(100% / 6);}
.main2 .btns ul li:last-child { border-bottom: 0;}
.main2 .btns ul li a { flex:1;  height: 100%; position: relative; }
.main2 .btns ul li a:before {content:''; position: absolute; right:70px; top:50%; margin-top:-25px; width:50px; height: 50px; border-radius:100%; background: rgba(0,0,0,0.2) url(../img/main/arr_slider.png) no-repeat 50% 50%; z-index:8;transition: all 0.7s ease}
.main2 .btns ul li a .txt { display: flex; height: 100%;  flex-direction: column;  justify-content: center; padding-left: 50px;}
.main2 .btns ul li a strong { font-size:28px; font-weight:500; font-family:'Poppins'; color:#fff; }
.main2 .btns ul li a p { display: none; font-size:16px; line-height: 1.5; font-weight:300; color:#fff; margin-top:20px; max-width:300px;}
.main2 .btns ul li a:after {content: ''; position: absolute; left:-50px; top:0; right:0; bottom:0; background-color: var(--red); opacity:0; transition: all 0.7s ease;}
.main2 .btns ul li.active { height: calc(100% / 6 + 60px);}
.main2 .btns ul li.active a p { display: block;}
.main2 .btns ul li.active a:after { opacity:1; }
.main2 .btns ul li.active { position: relative; z-index:10;}
.main2 .btns ul li.active a .txt { position: relative; z-index:8}
.main2 .btns ul li.active a:before { background-color: rgba(255,255,255,0.2);}
.main2 .controls { display: none;}


.main6 { position: relative;}
.main6,
.main6 .swiper-container,
.main6 .swiper-wrapper,
.main6 .swiper-slide,
.main6 .swiper-slide .img { height: 100vh; }
.main6 .swiper-slide .img img { width:100%; height: 100%; object-fit: cover;}
.main6 .swiper-slide { position: relative; }
.main6 .swiper-slide .title { position: absolute; left: 0; right:0; top:15vh; }
.main6 .swiper-slide .title .h3-main {font-size:60px; color:#fff; padding-top:20px;}
.main6 {position: relative;}
.main6 .btns { position: absolute; left:0; right:0; bottom:0; top:0; display: flex; justify-content: center; align-items: center; z-index:2; }
.main6 .btns a { flex:1; display: flex; justify-content: center; align-items: flex-end; height: 100%; position: relative; text-align: center; font-size:25px; color:#bbbbbb; padding-bottom:100px; }
.main6 .btns a + a { border-left: 1px solid rgba(255,255,255,0.2);}
.main6 .btns a.active { color:#fff; font-weight:600;}

.main7 { background: url(../img/main/bg_blog.jpg) no-repeat 50% 50%; background-size: cover; display: flex; align-items: center; height: 100vh; overflow: hidden;}
.main7 .inner { width:100%; }
.main7 h2 { font-size:60px; font-weight:500; color:#fff; }
.main7 .desc { font-size:20px; font-weight:300; color:#fff; margin:30px 0; }

.main7 .controls { display: flex; align-items: center; margin-bottom: 90px;}
.main7 .controls .swiper-button-next,
.main7 .controls .swiper-button-prev { position: static; width:20px; height: 20px;  background: none; margin:0;}
.main7 .controls .swiper-button-next:after,
.main7 .controls .swiper-button-prev:after { display: none;}
.main7 .controls .swiper-button-next svg,
.main7 .controls .swiper-button-prev svg { width:20px; height: auto; fill:#fff;;}
.main7 .controls .swiper-button-prev { transform: scaleX(-1);}
.main7 .controls .paging { display: flex; gap:10px; align-items: center; }
.main7 .controls .paging .num1,
.main7 .controls .paging .num2 { width:30px; font-size:var(--txt18); font-weight:700; color:#fff; text-align: center;}
.main7 .controls .paging .bar { width:200px;; height:1px; background-color: #fff; position: relative;;}
.main7 .controls .paging .bar em { position: absolute; left:0; top:0; width:0; height:100%; background-color: #fff; }


.main7 .controls .pg { display: flex; gap:10px; align-items: center; }
.main7 .controls .pg .swiper-pagination-current,
.main7 .controls .pg .swiper-pagination-total { width:30px; font-size:var(--txt18); font-weight:700; color:#fff; text-align: center;}
.main7 .controls .pg .bar { width:200px;; height:1px; background-color: #fff; position: relative;;}
.main7 .controls .pg .bar em { position: absolute; left:0; top:0; width:0; height:100%; background-color: #fff; }


.main7 .controls .play-stop { width:20px; height:20px; display: flex; align-items: center; justify-content: center; margin-right:15px;}
.main7 .controls .play-stop button { background: none;;}
.main7 .controls .play-stop .play { display: none;} 
.main7 .controls .play-stop svg { width:10px; fill:#fff;  vertical-align: middle;}
.main7 .controls .play-stop.active .play { display: block;}
.main7 .controls .play-stop.active .stop { display: none;}
.main7 .swiper-container { margin-right:calc(-1 * calc(50vw  / 2 + 15px) );}
.main7 .swiper-slide a { display: block; padding: 30px 37px; background-color: #fff; transition: all 0.5s ease; }
.main7 .swiper-slide a i svg { width:20px; height: auto; transition: all 0.5s ease;}
.main7 .swiper-slide a .tit { display: flex; align-items: flex-end; gap:20px;transition: all 0.5s ease; }
.main7 .swiper-slide a .tit span { font-size:20px; font-weight:500; color:#fe6b00}
.main7 .swiper-slide a .tit em { font-size:14px; color:#7c7c7c; }
.main7 .swiper-slide a h3 {font-size:20px; font-weight:600; color:#000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin:18px 0 50px;transition: all 0.5s ease;}
.main7 .swiper-slide a .txt { font-size:18px; color:#6e6e6e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 30px;transition: all 0.5s ease;}
.main7 .swiper-slide a:hover { background-color: #4e5968; ;}
.main7 .swiper-slide a:hover .tit em,
.main7 .swiper-slide a:hover h3,
.main7 .swiper-slide a:hover .txt  { color:#fff; }
.main7 .swiper-slide a:hover i svg { fill:#fff; transform: translateX(10px); }

.main8 { height: 100vh; position: relative; overflow: hidden;}
.main8 .inner { position: absolute; left: 50%; top:50%; transform: translate(-50%,-70%); width:100%; ; }
.main8 .inner .h2-main { text-align: left;}
.main8 .h2-main:before { left: 0; margin-left: 0; }
.main8 .inner .h3-main { text-align: left; font-size:60px; font-weight:600;}
.main8 .inner .desc { font-size:20px; line-height: 1.5; color:#444444;}
.main8 .map-box { position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); width:1920px; height: auto; aspect-ratio: 192/97;}
.main8 .map-box img { width:100%; }
.main8 .map-box .marker { position: absolute; }
.main8 .map-box .marker .dot { width:40px; height: 40px; border-radius:100%; border:1px solid #000; ;}
.main8 .map-box .marker .dot:before {content: ''; position: absolute; left: 16px; top:16px; right:16px; bottom:16px; border-radius:100%; background-color: #000;}
.main8 .map-box .marker .txt { position: absolute; top:50%; transform: translate(-100%, -50%); font-size:20px; white-space: nowrap }
.main8 .map-box .marker.m1 { left: 73.5%; top:44%;}
.main8 .map-box .marker.m2 { left: 85%; top:46%; }
.main8 .map-box .marker.m3 { left: 65.5%; top:57.5%;}
.main8 .map-box .marker.m4 { left: 67%; top:58%;}
.main8 .map-box .marker.m1 .txt { padding-right:10px; }
.main8 .map-box .marker.m3 .txt { padding-right:10px; }
.main8 .map-box .marker.m2 .txt { transform: translate(0, -50%); padding-left: 50px; }
.main8 .map-box .marker.m4 .txt { transform: translate(0, -50%); padding-left: 50px; }
.main8 .map-box .marker.m1 .dot { border-color: var(--red); }
.main8 .map-box .marker.m1 .dot:before { background-color: var(--red);transform: scale(1.5);}
.main8 .wave{position: absolute; width:3rem; height:3rem; top:50%; left:50%; transform:translate(-50%, -50%); border:1px solid #72A730; border-radius:50%; opacity:0.3;}

.main8 .wave{animation: countryWave 7s cubic-bezier(1, 2, 0.66, 3) infinite;}
.main8 .wave.wave01{animation-delay:1s;}
.main8 .wave.wave02{animation-delay:2s;}
.main8 .wave.wave03{animation-delay:3s;}
.main8 .wave.wave04{animation-delay:4s;}
.main8 .wave.wave05{animation-delay:5s;}
.main8 .wave.wave06{animation-delay:6s;}
.main8 .wave.wave07{animation-delay:7s;}

@keyframes countryWave {
	0% {
		opacity: 0.3; 
		width:3rem;
		height:3rem;
	}
	30%{
		opacity: 0.3; 
	}
	80%{
		opacity: 0; 
	}
	100% {
		opacity: 0; 
		width:90rem;
		height:90rem;
	}
}
@keyframes countryWaveM {
	0% {
		opacity: 0; 
		width:6px;
		height:6px;
	}
	30%{
		opacity: 0.1; 
	}
	80%{
		opacity: 0; 
	}
	100% {
		opacity: 0; 
		width:30px;
		height:30px;
	}
}


.main-partner { padding:100px 0 250px;  }
.main-partner  .swiper-wrapper{  -webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important;    position: relative; }
.main-partner .box div { animation: 40s linear infinite marquee; }
.main-partner .swiper-slide { width:auto; height: 110px; display: flex; justify-content: center; align-items: center;}
.main-partner .swiper-slide img { max-width:220px; max-height: 110px; padding:0 10px 0 10px;}
.main-partner .swiper-container { margin-bottom: 40px; ;}

@keyframes marquee { 
 from { transform: translateX(0); } 
 to { transform: translateX(-50%); } 
} 

.main-news { padding:120px 0 190px; background-color: #f2f2f2; overflow: hidden; height: 100%; display: flex; align-items: center;}
.main-news .title { position: relative; margin-bottom: 90px;}
.main-news .title h3 { font-size:70px;  font-family:'Poppins'; font-weight:500; position: relative;line-height: 1;}
.main-news .title h3:before {content: ''; position: absolute; left:0; top:-15px; width:30px; height: 1px; background-color: var(--red); }
.main-news .title .more { position: absolute; right:0; bottom:0; font-size:20px; font-weight:500; color:var(--red); padding-right:36px; line-height: 23px; background: url(../img/main/ico_more2.png) no-repeat right 50%; }
.main-news .swiper-container { padding-bottom: 100px; overflow: visible;}
.main-news .swiper-slide { width:400px !important; }
.main-news .swiper-slide .img { border-radius:10px; overflow: hidden; }
.main-news .swiper-slide .img img { width:100%; }
.main-news .swiper-slide .subj { font-size:16px; line-height: 1.5; padding:20px 0; border-bottom: 1px solid #bbbbbb; margin-bottom: 20px; ;}
.main-news .swiper-slide .date { font-size:16px; position: relative;}
.main-news .swiper-slide .date:before {content:''; position: absolute; right:0; top:0; width:40px; height: 40px; border-radius:100%; background: #fff url(../img/main/ico_more_off.png) no-repeat 50% 50%; transition: all 0.5s ease;}
.main-news .swiper-slide .item:hover .date:before { background-color:#4e5968 ; background-image: url(../img/main/ico_more.png); box-shadow:16px 16px 27px rgba(0,0,0,0.3); }
.main-news .swiper-pagination { position: static; height: 5px; background-color: #fff;}
.main-news .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #4e5968;}

.quick { position: fixed; right:100px; bottom:30px; z-index:100;}
.quick a { display: block; width:50px; height: 50px; border-radius:50px; background-repeat: no-repeat; background-position: 50% 50%; margin-bottom: 15px; transition: all 0.6s ease; margin-left: auto;}
.quick a.b1 { background-image: url(../img/common/ico_quick3.png); background-color: #4e5968; width:50px; height: 50px;  background-position: right 8px center;}
.quick a.b2 { background-image: url(../img/common/ico_quick2.png); background-color: #000000; transform: translateY(50px); opacity:0; }
.quick.active a.b1 {background-image: url(../img/common/ico_quick3.png); width:50px; height: 50px; background-position: right 8px center; }
.quick.active a.b1:before {content: 'Contact Us'; font-size:16px; color:#fff; font-family: 'Roboto'; line-height: 50px; white-space: nowrap; padding-left: 20px; opacity:0;  transition: all 0.5s ease; }
.quick.active a.b2 { transform: translateY(0); opacity:1; }
.quick.active a.b1:hover { width:160px; border-radius:50px;  background-color: #fe6b00; }
.quick.active a.b1:hover:before { opacity:1;transition-delay: 0.5s; }
.quick.active a.b2:hover { background-color: #222;}


.s-footer { padding: 60px 0; background-color: #333333;;}
.s-footer .text { display: flex; gap: 20px; font-size: 16px; color: #fff; font-weight: 300; padding-bottom: 30px; margin-bottom: 20px; border-bottom: 1px solid #5c5c5c; }
.s-footer .text .menu { display: flex; gap: 20px; }
.s-footer .text a { color: #fff; text-decoration: none; }
.s-footer .text a:visited { color: #fff; }
.s-footer .text a:hover { color: #bbbbbb; }
.s-footer .text .sns { margin-left: auto; display: flex; gap: 12px; list-style: none; padding: 0; }
.s-footer .text .sns a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; /*border: 1px solid rgba(255,255,255,0.3);*/ background-color:#444; border-radius: 50%; }
.s-footer .text .sns i { color: #ccc; font-size: 18px; line-height: 1; }
.s-footer .text .sns img { width: 18px; height: 18px; display: block; }
.s-footer .hed { display: flex; justify-content: space-between; color:#fff; }
.s-footer .hed .logo { margin-bottom: 45px; margin-top:10px;}
.s-footer .hed .addr { font-size:16px; font-weight:200; color:#fff; line-height: 1.3; ;}
.s-footer .hed .addr p { margin-bottom: 10px;}
.s-footer .hed .addr span + strong { margin-left: 20px;}
.s-footer .copy { font-size:15px; color:#bbbbbb; font-weight:200; padding-top:15px; /*margin-top:25px; border-top:1px solid #5c5c5c; */}
.s-footer .copy .adm {padding-left:10px;}
.s-footer select { width:230px; height: 60px; background: #fff url(../img/common/bu_family.png) no-repeat right 50%; background-position: right 15px center; font-size:16px; padding-left: 15px; border:0 !important; outline:none;}
.s-footer .right ul {display:flex;gap:15px;align-items:center;}
.s-footer .right i, .s-footer .right img {width:30px;height:30px;color:#fff;}
/*.s-footer .right { display: flex; gap:20px; }
.s-footer .right a { font-size:16px; color:#fff; font-weight:300; }*/


.search-wrap { position: fixed; left:0; top:0; right:0; padding:120px 0 110px; background-color: #000; z-index:1000; display: none;}
.search-wrap .in{ max-width:500px; margin:0 auto; }
.search-wrap h3 { text-align: center; font-size:44px; font-weight:500; color:#fff; margin-bottom: 50px; ;}
.search-wrap input { width:100%; height: 70px; border:0; border-bottom: 1px solid #fff; background: none; outline:none; font-size:25px; color:#fff; padding-right:80px; }
.search-wrap .inps { position: relative;}
.search-wrap .inps .btn-srch { position: absolute; right:0; top:0; width:70px; height: 70px; background: url(../img/common/ico_search_search.png) no-repeat 50% 50%;}
.search-wrap .btn-close { position: absolute; right:100px; top:50px; width:40px; height: 40px; background: url(../img/common/ico_search_close.png) no-repeat 50% 50%;;}



/*********************************************************************************************************************************************************************
	Sub
*********



************************************************************************************************************************************************************/
.container { padding-top:190px; padding-bottom: 200px; }
.full-inner { padding:0 100px; overflow: hidden; }
.full-inner > .inner { padding-bottom: 50px;}
.full-inner + .text-center { margin-top:30px; }
.path { display: flex; }
.path span { font-size:15px; color:#222; font-weight:500; font-family:'Poppins';  } 
.path span:before {content: ''; display: inline-block; vertical-align: middle; width:7px; height: 7px; border-left: 1px solid #666; border-bottom: 1px solid #666; transform: rotate(-135deg); margin:0 15px; }
.path span:first-child:before { display: none;}
.h2 { font-size:80px; color:#222; font-family:'Poppins'; font-weight:500; line-height: 1; margin:50px 0;;}
.submenu { position: relative; margin-bottom: 110px;; }
.submenu:before {content: ''; position: absolute; left: -10vw; right:-10vw; bottom:0; height: 1px; background-color: #dddddd;}
.submenu ul { display: flex; gap:55px; position: relative; z-index:2; }
.submenu ul li {}
.submenu ul li a { display: block; font-size:16px; font-family:'Poppins'; color:#222; font-weight:500; padding:0 10px; line-height: 55px; position: relative;}
.submenu ul li a:before {content: ''; position: absolute; left:50%; width:0; bottom:0; height: 4px; background-color: var(--red); opacity:0; transition: all 0.5s ease;}
.submenu ul li a:hover:before,
.submenu ul li.active a:before { left: 0; width:100%; opacity:1;;}
.is-sticky .submenu { z-index:100 !important;}
.is-sticky .submenu:after { content: ''; position: absolute; left: -10vw; top:0; right:-10vw; height: 55px; background-color: #fff; border-bottom: 1px solid #ddd;}
#sticky-wrapper { margin-bottom: 110px;}

.tit1 { font-size:70px; color:#222; margin-bottom: 20px; line-height: 1.4; font-weight:700;}
.tit2 { font-size:35px; color:#222; margin-bottom: 20px; line-height: 1.4; font-weight:700;}
.tit3 { font-size:60px; color:#222; margin-bottom: 50px; line-height: 1.4; font-weight:700;}
.tit4 { font-size:24px; color:#222; margin-bottom: 20px; line-height: 1.4; }

.txt1 { font-size:20px; line-height: 2; font-family:'Poppins'; color:#000000; word-break:break-all;}
.txt2 { font-size:18px; line-height: 1.5; word-break:break-all; }
.txt2 p { padding-left: 12px; position: relative;; margin-bottom: 30px;}
.txt2 p:before {content: ''; position: absolute; left: 0; top:13px; width:2px; height: 2px; background-color: #000;}

.img-box { height: 600px; background-position: 50% 50%; background-size: cover; background-attachment: fixed; margin:0 -100px 80px}
.img-box.img2-1 { background-image: url(../img/sub2/img1.jpg);}
.img-box.img2-2 { background-image: url(../img/sub2/img2.jpg);}
.img-box.img2-3 { background-image: url(../img/sub2/img3.jpg);}
.img-box.img2-4 { background-image: url(../img/sub2/img4.jpg);}
.img-box.img2-5 { background-image: url(../img/sub2/img5.jpg);}
.img-box.img2-6 { background-image: url(../img/sub2/img6.jpg);}
.img-box.img3-3 { background-image: url(../img/sub3/img.jpg);}
.info-box { padding-left: 35%; position: relative; }
.info-box .tit { position: absolute; left:0; top:0; font-size:45px; font-weight:700; line-height: 1.1; font-family:'Poppins'; color:#000;}
.info-box .text dl { display: flex; align-items: flex-start; font-size:20px; color:#222; font-weight:300; margin-bottom: 25px;  font-family: 'Roboto';line-height: 1.4;}
.info-box .text dl dt { flex:0 0 550px; font-weight:600; position: relative; padding-left: 34px;  }
.info-box .text dl dd {}
.info-box .text dl dt:before {content: ''; position: absolute; left:0; top:50%; width:7px; height: 7px; margin-top:-4px; border-radius:100%; background-color: var(--red);}
.info-box.type2 .text dl dt { flex:0 0 450px; }
.info-box.type3 .text dl dt { flex:0 0 300px; white-space: nowrap; }
.info-box.type4 .text dl dt { flex:0 0 370px; }

.youtube { position: relative; margin-top:70px; }
.youtube > a { position: relative; }
.youtube > a:before {content: ''; position: absolute; left:50%; top:50%; width:120px; height: 120px; background: url(../img/sub4/ico_youtube.png) no-repeat 50% 50%; margin:-60px 0 0 -60px; }
.youtube iframe { width:100%; height:auto; aspect-ratio:16/9; }
.youtube-layer { position: fixed; left: 0; top:0; right:0; bottom:0; z-index:1000; background-color: #000; display: none;}
.youtube-layer .mv { height:100%;  }
.youtube-layer iframe { width:100%; height: 100%; object-fit: cover;}
.youtube-layer .btn-close {  position: absolute; right:30px; top:30px; width:80px; height: 80px; background: url(../img/common/ico_search_close.png) no-repeat 50% 50%;z-index:90;}


.future { padding: 110px 0 70px; background-color: #eeeeee; margin:0 -100px; }
.future h3 { text-align: center; font-size:60px; font-weight: 400; margin-bottom: 130px; font-family:'Poppins'; }
.future ul { display: flex; justify-content: space-between; gap:20px; }
.future ul li { width:33%; text-align: center; padding:0 1vw }
.future ul li p { margin-top:60px; font-size:20px; line-height: 1.5; font-family: 'Roboto'; font-weight:400}
.future ul li p span { color:#6eaa48; font-weight:500;}

.profile { margin:0 -100px 80px; }
.profile .slider { position: relative;}
.profile .swiper-slide { height: 590px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.profile .swiper-slide.bg1 { background-image: url(../img/sub4/img1.jpg);}
.profile .swiper-slide.bg2 { background-image: url(../img/sub4/img2.jpg);}
.profile .swiper-button-next,
.profile .swiper-button-prev { top:50%; width:45px; height: 75px; background: url(../img/sub4/btn_slider_next.png) no-repeat 50% 50%; margin-top:-38px; }
.profile .swiper-button-prev { left: 5vw; transform: scaleX(-1);}
.profile .swiper-button-next { right: 5vw; }

.conf-list ul { margin:0 -12px; display: flex; flex-wrap: wrap; }
.conf-list ul li {width:25%; padding:0 12px 60px; }
.conf-list ul li .btn-down { display: block; position: relative;  transition: all 0.3s ease; border:1px solid #ccc;  -webkit-transition: all 0.3s ease; box-shadow:0 0 15px rgba(0,0,0,0.15); }
.conf-list ul li .btn-down:after { content:''; position: absolute; left:0; top:0; right:0;bottom:0; border:5px solid var(--red); opacity:0; transition: all 0.5s ease; }
.conf-list ul li .btn-down .img { padding:10px; }
.conf-list ul li .btn-down span { position: absolute; right:0; bottom:0; top:0; left:0; background:rgba(255,255,255,0.5) url(../img/common/ico_auto.png) no-repeat 50% 50%;  transition: all 0.3s ease; -webkit-transition: all 0.3s ease;  opacity:0;}
.conf-list ul li .btn-down img { width:100%; }
.conf-list ul li a .img-big { display:none; }
.conf-list ul li > p { padding-top:17px; text-align: center; font-size:18px; font-weight:400; }
.conf-list ul li a span { position: absolute; right:0; bottom:0; top:0; left:0; background: url(../img/common/ico_view.png) no-repeat 50% 50%;  transition: all 0.3s ease;   opacity:0;}
.conf-list ul li .btn-down:hover:after  { opacity:1; }
.conf-list ul li a:hover span { opacity:1; }
.conf-list ul li .download { text-align: center; padding-top:15px;  }
.conf-list ul li .download a { display: inline-block;vertical-align: middle; padding:0 23px; height: 40px;line-height: 40px; border-radius:40px; font-size:15px; color: #fff; background: #d5ca9e; }
.conf-list ul li .download a:after { content: ''; display: inline-block; vertical-align: middle; background: url(../img/sub1/ico_download.png) no-repeat 50% 50%; width:20px; height: 20px; margin:-4px 0 0 10px; }
.conf-list ul li .download a.active { background: #653a2b;}

.board-search { max-width:660px; margin:0 auto 80px; position: relative; border-bottom: 3px solid #000;}
.board-search select { width:110px; border:0; background: url(../img/common/bu_select_search.png) no-repeat right 50%; font-size:16px; padding-left: 20px; height: 46px; font-family: 'Roboto'; font-weight:500;}
.board-search input { width:480px; padding-left:50px; font-size:16px; font-weight:500; height: 46px; border:0; font-family: 'Roboto'}
.board-search input::placeholder  { color:#000; }
.board-search .btn-srch { position: absolute; right:20px; top:0; width:40px; height: 46px; background: url(../img/common/ico_board_search.png) no-repeat 50% 50%;}

.hornors-list ul { display: flex; flex-wrap: wrap; margin:0 -14px; gap:40px 0; }
.hornors-list ul li { width:33.3333%; padding:0 14px; }
.hornors-list ul li a { display: block; height: 100%; border:1px solid #cccccc;box-shadow:0 0 15px rgba(0,0,0,0.15)}
.hornors-list ul li a .img { overflow:hidden; }
.hornors-list ul li a img { width:100%; transition:all 1s ease; }
.hornors-list ul li a.none { pointer-events: none; }
.hornors-list ul li a .info { padding: 24px 30px 40px; }
.hornors-list ul li a .info .t1 { font-size:18px;  margin:20px 0 ; }
.hornors-list ul li a .info .t2 { font-size:24px; font-weight:600; margin-bottom: 15px; ;}
.hornors-list ul li a .info .t3 { font-size:16px; color:#444; line-height: 1.5; }
.hornors-list ul li a:hover img { transform:scale(1.1); }

.h3 { font-size:70px; font-family: 'Roboto'; font-weight:700; margin-bottom: 50px; ;}
.partners { margin-bottom: 90px;;}
.partners ul { display: flex; flex-wrap: wrap; margin:0 -18px; gap:30px 0;;}
.partners ul li { width:25%; padding:0 18px; }
.partners ul li a { display:flex; justify-content: center; align-items: center; height: 160px; border:1px solid #cccccc; overflow: hidden; cursor:default;}
.partners ul li a img {transition: all 1s ease; max-width:170px; max-height:80px;}
.partners ul li a img:hover  { transform: scale(1.1);}

.news-list ul  { display: flex; flex-wrap: wrap; margin:0 -14px; gap:50px 0; }
.news-list li { width:33.3333%; padding:0 14px; }
.news-list li a { display: block; height: 100%;  border:1px solid #cccccc;box-shadow:0 0 15px rgba(0,0,0,0.15)}
.news-list li a .info { padding: 25px 30px; }
.news-list li a .t1 { font-size:18px; line-height: 1.5; margin-bottom: 25px;  font-weight:400; }
.news-list li a .t2 { font-size:18px; color:#888888; font-weight:500; }
.news-list li a .img { overflow:hidden; }
.news-list li a img { transition: all 1s ease; width:100%;}
.news-list li a:hover img { transform: scale(1.1);}

.blog-list ul  { display: flex; flex-wrap: wrap; margin:0 -13px; gap:90px 0; }
.blog-list li { width:33.3333%; padding:0 13px; }
.blog-list li a { display: block; height: 100%;  }
.blog-list li a .info { padding-top:30px;  }
.blog-list li a .t1 { font-size:18px; line-height: 1.5; margin-bottom: 15px;  font-weight:600; }
.blog-list li a .t2 { font-size:18px;  font-weight:500; margin-bottom: 5px;}
.blog-list li a .t3 { font-size:18px; color:#888888; font-family: 'Roboto'; }
.blog-list li a .img { overflow:hidden; }
.blog-list li a img { transition: all 1s ease; width:100%;}
.blog-list li a:hover img { transform: scale(1.1);}



.flexslider .slides > li a { pointer-events:none; }












#bo_v { margin-top:20px; }
.showroom-list { margin-top:-50px; }
.showroom-list .tit {font-size:18px; font-weight:500; margin-bottom: 25px; font-family:'Poppins';}
.showroom-list .tit strong { font-weight:500; color:var(--red)}
.showroom-list ul { display: flex; flex-wrap: wrap; margin:0 -17px; gap:100px 0; }
.showroom-list ul li { width:25%; padding:0 17px; }
.showroom-list ul li a {display: block; ;}
.showroom-list ul li a .img { position: relative; overflow: hidden;}
.showroom-list ul li a .img img { width:100%; transition: all 1.3s ease; }
.showroom-list ul li a .img:before {content: ''; position: absolute; left:0; top:0; right:0; bottom:0; border:5px solid var(--red); opacity:0; transition: all 0.5s ease; z-index:2;}
.showroom-list ul li a .subj { font-size:18px; color:#666; line-height: 1.5; margin-top:15px; ;}
.showroom-list ul li a:hover .img img { transform: scale(1.15);}
.showroom-list ul li a:hover .img:before { opacity:1; }

.showroom .tit { font-size:36px; font-weight:600; }
.showroom .tit .btn-youtube { display: inline-block; vertical-align: middle; width:48px; height: 48px; background: url(../img/sub4/ico_youtube.png) no-repeat 50% 50%; background-size: contain; margin:-4px 0 0 20px}
.showroom .tit .btn-youku { display: inline-block; vertical-align: middle; width:48px; height: 48px;  background: url(../img/sub4/ico_youku.png) no-repeat 50% 50%; background-size: contain; margin:-4px 0 0 10px}
.showroom .tit .btn-qq { display: inline-block; vertical-align: middle; width:48px; height: 48px;  background: url(../img/sub4/ico_qq.png) no-repeat 50% 50%; background-size: contain; margin:-4px 0 0 10px}

/* 서브페이지 */
.title1 { text-align: center; font-size:50px; font-weight:300; line-height: 1.3; margin-bottom: 20px;}
.title1 strong { font-weight:600; }
.title1 em { display: block; font-size:22px; color:#2e8656; margin-bottom: 20px; font-family: 'Roboto'; font-weight:400; }
.title1.sub1-2 { margin-bottom: 90px;}
.title1.sub1-3 { margin-bottom: 90px;}
.title1.sub3-1 { margin-bottom: 30px;}
.title1.sub3-2 { margin-bottom: 30px;}
.desc1 { text-align: center; font-size:18px; line-height: 1.7; margin-bottom: 80px;}
.title3 { text-align: center; font-size:35px; font-weight:500; line-height: 1.3; margin-bottom: 60px;}

.top-visual { display: flex; align-items: flex-end; height:690px; background: url(../img/whowearea/top.jpg) no-repeat 50% 0%; background-size: cover; background-attachment: fixed; margin:0 -100px; }
.top-visual.sub1-2 { background-image: url(../img/weservice/top.jpg);}
.top-visual.sub1-3 { display: block; background-image: url(../img/team/top.jpg);}
.top-visual.sub3-1 { display: block; background-image: url(../img/esg/top.jpg);}
.top-visual.sub3-1 .logo { padding-top:50px; }
.top-visual.sub3-2 { background-image: url(../img/paper/top.jpg);}
.top-visual.eth { background-image: url(../img/sub/bg_ethical.jpg); height: 400px;}
.top-visual .t1 { font-size:35px; line-height: 1.2; color:#fff; font-weight:500; padding:80px 0 20px; ;}
.top-visual .t2 { font-size:18px; line-height: 1.6; color:#fff; }
.txt-ani { display: flex; white-space: nowrap; overflow: hidden; transform: translateY(25px); }
.txt-ani p { line-height: 1; display: flex; align-items: center;  font-size:160px; font-weight:600; color:rgba(255,255,255,0.5); animation:txtAni 30s linear infinite; }
@keyframes txtAni {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.weare { margin:0 -100px }
.weare .box { display: flex; justify-content: space-between; align-items: center; padding:30px 0; position: relative; }
.weare .box > div { flex:1; }
.weare .box .img { padding-right:70px; }
.weare .box .txt-box { padding-left: 70px; position: relative; }
.weare .box .txt-box .in { max-width:70%;}
.weare .box .txt-box .t1 { font-size:35px; line-height: 1.3; font-weight:600; margin-bottom: 50px;}
.weare .box .txt-box .t2 { font-size:18px; line-height: 1.55; ;}
.weare .box:nth-child(even) { flex-direction: row-reverse;}
.weare .box:nth-child(even) .img { padding:0 0 0 70px;}
.weare .box:nth-child(even) .txt-box { padding:0 70px 0 0;text-align: right;}
.weare .box:nth-child(even) .txt-box .in { margin-left:auto; }
.weare .box .line { position: absolute; left: 50%; top:0; width:1px; height: 100%; background-color: #d3d3d3;}
.weare .box .line span { position: absolute; left: 0; top:0; right:0; background-color: #fe6b00;}
.weare .box  em { position: absolute; left: 50%; margin-left: -5px;; top:50%; width:10px; height: 10px; border-radius:100%; background-color: #d3d3d3;}
.weare .box  em.active { background-color: #fe6b00;}
.weare .box:first-child { padding-top:200px; }
.weare .box:last-child .line { height: 50%;}

.service .title { font-size:120px; font-weight:800; line-height: 1;; text-transform: uppercase; padding:90px 0 160px; }
.service .title .t2 { color:#fff; text-shadow:-1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222,1px 1px 0 #222 }
.service .title2 { display: flex; margin-bottom: 55px;}
.service .title2 h3 { flex-shrink: 0; width:420px; font-size:35px; font-weight:600; line-height: 1; }
.service .title2 .txt { font-size:18px; line-height: 1.5; ;}
.service .slider { margin-bottom: 120px;}
.service .swiper-container { margin-right:-100px; overflow: visible; }
.service .swiper-wrapper { gap:30px; }
.service .swiper-slide { width:400px; }
.service .swiper-slide .item .t1 { font-size:24px; font-weight:500; margin:10px 0; }
.service .swiper-slide .item .t2 { font-size:18px; letter-spacing: -1px; }
.service .swiper-slide .item .t3 { font-size:18px; margin-top:15px; letter-spacing: -2px; }

/* 전체 섹션 레이아웃 (.org 클래스로 변경) */
.org { width: 100%; padding: 0px 0; background-color: #fff; }
.org-container { max-width: 1400px; margin: 0 auto; padding: 0 20px; }

/* 헤더 영역 */
.org-header { text-align: center; margin-bottom: 50px; }
.intro-text { font-size: 1.5rem; font-weight: 500; margin-bottom: 20px; line-height: 1.6; word-break: keep-all; }
.logo-wrap img { max-width: 300px; height: auto; }

/* 프로세스 리스트 (배경 설정 포함) */
.org .box { display: flex; gap: 30px; margin: 0px 0 50px; position: relative;/* background: url('../img/whowearea/org_bg.png') no-repeat top 20px */center; background-size: 100% auto; }

/* 개별 아이템 */
.org .item { flex: 1; display: flex; flex-direction: column; align-items: center; }

/* 원형 이미지 및 텍스트 영역 */
.circle-area { position: relative; width: 100%; max-width: 220px; margin-bottom: 30px; z-index: 1; }
.circle-area img { width: 100%; display: block; }
.circle-area h3 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.5px; width: 100%; text-align: center; }

/* 하단 설명 텍스트 영역 */
.text-area { text-align: left; width: 100%; padding: 0 5px; }
.text-area h4 { font-size: 1.2rem; font-weight: 700; color: #000; margin-bottom: 12px; word-break: keep-all; }
.text-area p { font-size: 1rem; color: #444; line-height: 1.6; word-break: keep-all; letter-spacing: -0.5px; }

/* 태블릿 (1024px 이하) */
@media screen and (max-width: 1024px) {
    .org .box { flex-wrap: wrap; justify-content: center; background: none; margin: 50px 0 100px; gap: 40px; }
    .org .item { flex: 0 0 45%; }
    .pc-br { display: none; }
}

/* 모바일 (768px 이하) */
@media screen and (max-width: 768px) {
    .org .item { flex: 0 0 100%; margin-bottom: 20px; }
    .intro-text { font-size: 0.95rem; }
    .circle-area { max-width: 180px; }
}

.team .box { display: flex; gap:30px; margin:100px 0 175px; }
.team .box .title { width:425px; flex-shrink: 0;}
.team .box .title h3 { font-size:40px; font-weight:600; margin-bottom: 30px; ;}
.team .box .title p { font-size:24px; line-height: 1.4; font-weight:300; }
.team .box .list { flex:1; }
.team .box .list ul { display: flex; flex-wrap: wrap; gap:30px 0; margin:0 -20px}
.team .box .list ul li { width:33.33333%; padding:0 20px;  }
.team .box .list ul li .item { height: 100%; border:1px solid #cccccc; padding:50px 20px;  text-align: center; ;}
.team .box .list ul li .t1 { font-size:22px; margin:25px 0 15px; font-weight:500; }
.team .box .list ul li .t2 { font-size:16px; line-height: 1.4; ;}
.team .box:last-child .list ul { margin:0 -35px;}
.team .box:last-child .list ul li{ width:50%; padding:0 35px;  }

.esg { padding:100px 0 0;  }
.esg .txt1 { text-align: center; font-size:24px; line-height: 1.5; margin-bottom: 90px; padding-top:20px; }
.esg .list .box { display:flex; justify-content: space-between; align-items: center; margin-bottom: 80px;}
.esg .list .box:nth-child(even) { flex-direction: row-reverse;}
.esg .list .box:nth-child(even) .txt-box { padding:0 75px 0 0; text-align: right;}
.esg .list .box > div { width:50%;  }
.esg .list .box .txt-box { padding-left:75px; }
.esg .list .box .txt-box h4 {font-size:35px; font-weight:600; margin-bottom: 15px; }
.esg .list .box .txt-box h5 { font-size:22px; color:#aaaaaa; font-weight:300; padding-bottom: 10px; margin-bottom: 50px; border-bottom: 1px solid #ccc;; }
.esg .list .box .txt-box .t1 { font-size:24px; line-height: 1.4; margin-bottom: 20px; letter-spacing: -1px; }
.esg .list .box .txt-box .t2 { font-size:18px; line-height: 1.6; letter-spacing: -0.5px; }

.description1 { text-align: center; margin:200px 0; text-align: center; font-size:50px; line-height: 1.3; font-weight:500; ;}
.description1 strong { color:var(--red); font-weight:700; }
.description1 p + p { margin-top:50px; }

.solution { margin:0 -100px; padding: 150px 0; background-color: #f8f8f8;}
.solution .title1 small { display: block; font-size:22px; color:#999999; margin-bottom: 10px; font-family: 'Roboto'; font-weight:500; }
.solution ul { display: flex;  gap:40px; padding-top:100px;}
.solution ul li { flex:1; }
.solution ul li .item { height: 100%; padding: 45px 20px 60px; background-color: #e7e7e7;;text-align: center; ;}
.solution ul li .item dl dt { font-size:22px; font-weight:600; margin: 50px 0 20px; letter-spacing: -1px; }
.solution ul li .item dl dd { font-size:18px;color:#444; max-width:310px; letter-spacing: -0.5px; margin:0 auto; }

.paper .title1 { margin:100px 0 50px;;}
.paper .list ul { display: flex; flex-wrap: wrap; gap:90px 0; margin:0 -20px; }
.paper .list ul li { width:33.33333%; padding: 0 20px; }
.paper .list ul li .item { height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.paper .list ul li .item img { width:100%; }
.paper .list ul li .item dl {  min-height: 250px; padding: 45px 20px; background-color: #f5f5f5; text-align: center; margin-top:15px;}
.paper .list ul li .item dl dt{  font-size:24px; font-weight:600; margin-bottom: 30px; }
.paper .list ul li .item dl dd { font-size:18px; line-height: 1.5; }

.paperus .list { margin:0 -100px 170px;}
.paperus .list .box { display: flex; justify-content: space-between; align-items: center;}
.paperus .list .box > div { width:50%; }
.paperus .list .box .img img { width:100%; }
.paperus .list .box .txt-box { padding-left: 90px; ;}
.paperus .list .box .txt-box .in{  }
.paperus .list .box .txt-box small { display: block; font-size:18px; font-weight:500; color:var(--red); }
.paperus .list .box .txt-box h3 { font-size:40px; line-height: 1.3; font-weight:300; margin:10px 0 30px; letter-spacing: -1.5px; }
.paperus .list .box .txt-box h3 strong { display: block; font-weight:600; ;}
.paperus .list .box .txt-box p { font-size:18px; line-height: 1.6; width:440px; }
.paperus .list .box:nth-child(even) { flex-direction: row-reverse;}
.paperus .list .box:nth-child(even) .txt-box { text-align: right; padding:0 90px 0 0;;}
.paperus .list .box:nth-child(even) .txt-box p { margin-left: auto;}
.paperus .list2 ul { margin:85px -22px 190px; display: flex; flex-wrap: wrap; gap:110px 0; }
.paperus .list2 ul li { width:50%; padding:0 22px;}
.paperus .list2 ul li .info { display: flex; justify-content: space-between; margin-top:20px; }
.paperus .list2 ul li .info dl dt { font-size:24px; font-weight:500; }
.paperus .list2 ul li .info dl dd { font-size:18px; }
.paperus .links { margin:0 -100px; padding: 100px 0; background-color: #f8f8f8; }
.paperus .links .inner { display: flex; justify-content: space-between;}
.paperus .links .inner .title .t1 { font-size:60px; font-weight:600;  }
.paperus .links .inner .title .t2 { font-size:24px; font-weight:500; margin:40px 0; }
.paperus .links .inner .title .t2 p + p { margin-top:30px; }
.paperus .links .inner .title .t3 a { display: inline-flex; width:215px; line-height: 60px; border-radius:60px; background-color: #000; font-size:22px; padding-left: 33px; color:#fff; position: relative; transition: all 0.5s ease;}
.paperus .links .inner .title .t3 a span { position: absolute; right:-7px; top:7px; width:46px; height: 46px; border-radius:100%; background-color: #fff; font-size:18px; text-align: center; line-height: 45px; color:#000; opacity:0; transition: all 0.5s ease;  }
.paperus .links .inner .title .t3 a:hover { width:280px; }
.paperus .links .inner .title .t3 a:hover span { right:7px; opacity:1; }
.paperus .links .nav { width:55%; display: grid; grid-template-columns: repeat(3, 1fr); gap:60px  20px; padding-top:30px; }
.paperus .links .nav a { text-align: center; font-size:22px; font-weight:500; ;}
.paperus .links .nav a p { margin-top:15px; }

.contactus { }
.contactus .map {  margin:0 -100px 60px;}
.contactus .map iframe { width:100%; height: 400px; }
.contactus .inner { display: flex; justify-content: space-between;}
.contactus .inner .tit { font-size:40px; font-weight:700; }
.contactus .inner .box { width:70%; }
.contactus .inner .box .info { border-top:3px solid #000; margin-bottom: 35px;; }
.contactus .inner .box .info dl { display: flex; align-items: center; padding:30px 15px; border-bottom: 1px solid #bebbbb; line-height: 1.4;; }
.contactus .inner .box .info dl dt { font-size:20px; font-weight:600; width:25%; }
.contactus .inner .box .info dl dd { font-size:18px; }
.contactus .inner .box .tit { display: flex; align-items: center; gap:15px; font-size:30px; font-weight:600; margin-bottom: 22px;;}
.contactus .inner .box .trans .sec { margin-bottom: 50px; padding: 30px 50px; background-color: #f6f6f6; display: flex; align-items: center; gap:90px; font-size:18px; line-height: 1.3;}
.contactus .inner .box .trans .sec i { flex-shrink: 0;}
.contactus .inner .box .trans .sec .text .t1 { font-size:22px; font-weight:500; color:#39b64a; margin-bottom: 10px;}
.contactus .inner .box .trans .sec .text .t3 p + p { margin-top:8px; }
.contactus .inner .box .trans .sec .text .t3 strong { margin-right:10px; }

.ethics .box { display: flex; justify-content: space-between; margin-top:85px; }
.ethics .box .tit { font-size:40px; font-weight:600; }
.ethics .box .list { width:70%; }
.ethics .box .list ul { display: flex; flex-wrap: wrap; margin: 0 -30px; gap:30px 0; ;}
.ethics .box .list ul li { width:50%; padding:0 30px; }
.ethics .box .list ul li .item { height: 100%; padding: 45px 30px; border:1px solid #cccccc; display: flex; align-items: center; gap:35px;}
.ethics .box .list ul li .item i { flex-shrink: 0;}
.ethics .box .list ul li .item p  { font-size:18px; line-height: 1.6;;}

.cyber-process{  padding: 70px 0 135px; background-color: #eeeeee; margin:0 -100px; }
.cyber-process h4 { font-size:40px; font-weight:600; margin-bottom: 70px;}
.cyber-process ul { display: grid; grid-template-columns: repeat(4, 1fr); gap:65px 40px;  }
.cyber-process ul li { padding: 20px 20px 10px; background-color: #ffffff; box-shadow:0 0 30px rgba(175,175,175,0.15); }
.cyber-process ul li .tit { display: flex; justify-content: space-between; align-items: flex-start; font-size:20px; color:#aaaaaa;}
.cyber-process ul li .tit span { padding-top:10px;}
.cyber-process ul li .txt { height: 95px; display: flex; justify-content: center; align-items: center; text-align: center; font-size:22px; line-height: 1.4;  font-weight:500;}








.board-btns { display: flex;justify-content: space-between;margin-top:60px; }
.board-btns .center { display: flex; gap:10px; justify-content: center; flex:1; }
.board-btns .left { display: flex; gap:10px; }
.board-btns .right { display: flex; gap:10px; }
.btn1 { width:130px; display: inline-block; vertical-align: middle; padding: 0 17px; height: 50px; line-height: 50px; font-size:18px; color:#fff; background-color: #000;outline:none;border:0;text-align:center;}
.btn2 { width:130px; display: inline-block; vertical-align: middle; padding: 0 17px; width:200px; height: 60px; line-height: 60px; font-size:20px; color:#fff; background-color: #000; text-align: center;}
.ico-prev,
.ico-next { display: inline-block; vertical-align: middle; width:11px; height: 18px; background: url(../img/common/ico_next.png) no-repeat 50% 50%;}
.ico-prev { transform: scaleX(-1); margin-right:15px}
.ico-next { margin-left: 15px;}
.ico-list { display: inline-block; vertical-align: middle; width:23px; height: 12px; background: url(../img/common/ico_list.png) no-repeat 50% 50%; margin-left: 15px;}
.ico-delete { display: inline-block; vertical-align: middle; width:23px; height: 12px; background: url(../img/common/ico_delete.png) no-repeat 50% 50%; margin-left: 15px;}
.ico-modify { display: inline-block; vertical-align: middle; width:23px; height: 12px; background: url(../img/common/ico_modify.png) no-repeat 50% 50%; margin-left: 15px;}



.board-head { padding:25px 35px; border-top:2px solid #000; border-bottom: 1px solid #ccc; }
.board-head h3 { font-size:20px; font-weight:600; line-height: 1.5; margin-bottom: 15px; }
.board-head .info { display: flex; gap:70px; flex-wrap: wrap;}
.board-head .info dl { display: flex; gap:5px; font-size:16px; }
.board-head .info dl dt { font-weight:600; }
.board-body { padding: 40px 100px; font-size:16px; letter-spacing:0.3px; line-height: 1.5; border-bottom: 1px solid #ccc;; }



.bottom-page {  }
.bottom-page li {position: relative;}
.bottom-page li a { display:block;padding:25px 50px 25px 190px; border-bottom:1px solid #ccc; font-size:18px; color:#888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative;}
.bottom-page li .nb_date { display:none; }
.bottom-page li a:before { content:''; position:absolute; left:100px; top:50%; width:13px; height:13px;margin-top:-7px; background:url(../img/common/ico_next_page.svg) no-repeat 50% 50%; }
.bottom-page li.btn_next a:before { transform:scaleY(-1);}
.bottom-page li span { position: absolute; left: 20px; top:50%; transform: translateY(-50%); font-size:20px; font-weight:600; }
.bottom-page li:after { content: ''; position: absolute; left: 150px; top:50%; margin-top:-10px; width:1px; height: 20px; background-color: #ccc;}




.board-write { border-top:1px solid #000; border-bottom: 1px solid #000;  }
.board-write dl:after { display:block; content:''; clear:both; }
.board-write dl { padding:20px 60px; border-bottom:1px solid #d9d9d9; }
.board-write dl dt { float:left; width:22%; font-size:20px; color:#444; line-height:48px; }
.board-write dl dt em { color:#dd0f0a; }
.board-write dl dd { float:left; width:78%; }

.board-write { border-top:2px solid #646465; margin-bottom: 25px; }
.board-write table { width:100%; border-collapse: collapse; margin-top:15px; margin-bottom:15px;}
.board-write table tbody th { width:20%; padding-left: 50px; font-size:18px; text-align: left; font-weight: 400;  background: none;}
.board-write table tbody td { padding:6px;  }
.board-write table .border-bottom { border-bottom:1px solid #ddd; }
.board-bottom-desc { font-size:16px; letter-spacing: -1px; line-height: 1.4; margin-bottom: 60px;}
.board-write table tbody th .blue { color:#ca1f23 }
.board-write .inp,
.board-write #wr_content {  background:#eeeeee; border-color:#eee; height: 40px; }
.board-write #wr_content { height:200px !important; }
.board-write .write_div { text-align:left; }
/*.board-write .prv { padding:20px 40px;background-color: #eee; font-size:15px; line-height: 1.4;}*/
.board-write .prv { padding:20px 40px; background-color:#eee; font-size:15px; line-height:1.4; max-height:220px; overflow-y:auto; overflow-x:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch; }

.btn-bottom { text-align:center; }

.agree { margin-top:10px; padding-bottom:20px; }
.inp-box1 { display:flex; align-items:center; gap:15px; }
.inp-box1 .inp { width:200px }
.inp-box1 span { font-size:18px; }


/* 견적요청 */

.table1 { margin-bottom:40px; }
.table1 table { width:100%; border-collapse: collapse; border-top:2px solid #000; }
.table1 table thead th { border-bottom: 1px solid #b2b2b2; padding:20px 10px; font-size:19px; color:#555555;  font-weight: 400; background:#f2f2f2}
.table1 table tbody th { background:#f5f5f5; }
.table1 table tbody td { border-bottom: 1px solid #b2b2b2; padding:13px 10px; font-size:18px; color:#444; }
.table1 table tbody td dl:after { display: block; content: ''; clear: both; }
.table1 table tbody td dl dt { float:left; }
.table1 table tbody td dl dd { float:right; }
.table1 table tbody td .arr { width:14px;}

#slider .flex-direction-nav a { width:120px; height:120px; background:url(../img/sub4/btn_slider_next.png) no-repeat 50% 50%; background-size:27px auto; border-radius:0;border:0; border-radius:100%; background-color:#ccc;}
#slider .flex-direction-nav a:before {display:none !important; }
#slider .flex-nav-prev a { transform:scaleX(-1); }

.pg_wrap { margin-bottom: 50px; float:none; display:block; text-align:center;  }
.pg_page { width:40px; height:40px; background:#fff; border:1px solid #cccccc; line-height:38px; border-radius:0; font-size:16px; color:#222; margin:0 2px; }
.pg_page:hover { background-color:transparent; border-color:#fe6b00; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
.pg_current { width:40px; height:40px; background:#fe6b00; border:1px solid #fe6b00; line-height:38px; font-size:16px; color:#fff; margin:0 2px;  font-weight:600; box-shadow:none;border-radius:0;}
.pg_start {  background:url(../img/common/page_first.png) no-repeat 50% 50%; }
.pg_prev{ background:url(../img/common/page_prev.png) no-repeat 50% 50%; }
.pg_next {  background:url(../img/common/page_next.png) no-repeat 50% 50%; }
.pg_end {  background:url(../img/common/page_last.png) no-repeat 50% 50%; }
/*#bo_cate {display:none; }*/
.auth-img img { max-width:550px; width:100%;}

.files-box { display:flex; flex-wrap:wrap; gap:15px 0;  }
.files-box > div{  width:33.33333%; }
.files-box .write_div { margin:0; }

/* GNU */
.bo_fx { float:none; margin-bottom:40px; margin-top:70px;  display: flex; justify-content: center; flex-wrap: wrap;}
.btn_bo_user li { margin-bottom:5px; }
.write_div { margin:30px 0; text-align:center;}

#sch_res_board { display:none; }
.sch_res_list { margin-top:20px; }

.mobile { display: none; }

.terms { font-size:15px; }

.inp-box2 .inp { width:300px; }
.inp-box2 .btn-srch {   width:130px; display: inline-block; vertical-align: middle; padding: 0 17px; height: 40px; line-height: 40px; font-size:16px; color:#fff; background-color: #000;outline:none;border:0;text-align:center; cursor:pointer;}
.inp-box2 .btn-srch .inp-file{ position: absolute;left: -9999px; }
#carousel { margin:0 !important; transform:translateX(-50%); }
#carousel img { aspect-ratio:16/13; object-fit:cover; }

.cate-tabs { display:flex; justify-content:center; gap:10px;  margin-bottom:70px; }
.cate-tabs li { }
.cate-tabs a { display:block; width:90px; height:40px; border-radius:40px; line-height:38px; text-align:center; border:1px solid #cccccc; font-size:16px; color:#222;  }
.cate-tabs #bo_cate_on { background:var(--red); color:#fff; border-color:var(--red); }


@media all and (min-width:1930px) {
    .main8 .map-box { transform: translate(-50%,-50%) scale(1.4);}
}

@media all and (max-width:1580px) {
	.h3-main { font-size:60px; margin-bottom:30px; }
    .main-news .title { margin-bottom: 30px;}
    .main-news .title h3 { font-size:60px; }
	.main-tabs { margin-bottom:30px; }
	.main .port .swiper-slide { width:320px !important; }
    .main8 .map-box { left: 35%;}
    .main8 .inner .h3-main { font-size:50px; }
    .main7 h2 { font-size:50px; }
}


@media all and (max-width:1025px) {
    .service .swiper-container{ margin-right:0;}
    .service .swiper-wrapper { gap:0;}
}



@media all and (max-width:1370px) {
    #s-gnb { display: none;}
	#s-header.hide { transform:translateY(0);}
    #s-header h1  { left: 20px; ;}
    #s-header .etc { right:20px; }
    .main2 .btns { width:37vw; }
    .main2 .btns ul li a .txt { padding-left: 20px;}
    .main2 .btns ul li a:before { right:20px; }
    .main2 .in .t2 { font-size:50px; }
    .main2 .in .t3 { max-width:52vw; font-size:15px; }
    .main2 .btns ul li a strong { font-size:20px; }
    .main2 .btns ul li a p { font-size:14px; margin-top:10px; }
    .allmenu h1 { left: 20px; ;}
    .allmenu .btn-close { right:20px; }
    .allmenu .box { height: 100vh; padding:0 5vw;}
    .allmenu .box:before { display: none;}
    .allmenu .box > ul > li { padding:50px 0;}
    .allmenu .box > ul > li .btn-dep1 { flex:0 0 200px; font-size:20px; }
    .allmenu .box > ul > li .dep2 {gap:10px 20px; }
    .allmenu .box > ul > li .btn-dep2 {font-size:16px; }
    .search-wrap { padding:60px 0; }
    .search-wrap h3 { font-size:30px; margin-bottom: 30px;}
    .search-wrap .btn-close { right:30px; top:30px; }
    .main .visual .swiper-slide div { font-size:60px; }
    .full-inner { padding:0 20px; }
    
    .profile { margin:0 -20px 50px; }
    .img-box { margin:0 -20px 50px; }
    .img-box { height: 600px; background-attachment:local;}
	.img-box.img2-1 { background-image: url(../img/sub2/img1_m.jpg);}
	.img-box.img2-2 { background-image: url(../img/sub2/img2_m.jpg);}
	.img-box.img2-3 { background-image: url(../img/sub2/img3_m.jpg);}
	.img-box.img2-4 { background-image: url(../img/sub2/img4_m.jpg);}
	.img-box.img2-5 { background-image: url(../img/sub2/img5_m.jpg);}
	.img-box.img2-6 { background-image: url(../img/sub2/img6_m.jpg);}
	.img-box.img3-3 { background-image: url(../img/sub3/img_m.jpg);}

	.quick { right:20px; bottom:10px; }
    #fp-nav.fp-left{ left: 20px; display:none; }
    .scroll { left: 20px; display:none;}
	.info-box { padding-left: 0;}
    .info-box .tit { position: static; margin-bottom: 30px; ;}
	.submenu ul li a { font-size:14px; padding:0 5px; line-	height:40px; }
	.hornors-list ul li a .info { padding:15px 20px 20px; }
	.hornors-list ul li a .info .t1 { font-size:22px; margin:10px 0; }
	.hornors-list ul li a .info .t2 { font-size:20px; }
	.hornors-list ul li a .info .t3 { font-size:14px; }

	.h2 { font-size:50px; margin:20px 0; }
	.h3 { font-size:40px; margin-bottom:30px; }
	.tit1 { font-size:40px; }
	.tit2 { font-size:28px; }
	.tit3 { font-size:40px; margin-bottom:30px; }
	.txt2 { font-size:16px; }
	.future { margin:0 -20px; }
	.future h3 { font-size:40px; margin-bottom:60px; }
	.future ul { padding:0 20px; }
	.future ul li p { margin-top:30px; font-size:15px; }
	.profile .swiper-slide { height:400px; }
	.partners ul { margin:0 -5px;  gap:20px 0;}
	.partners ul li { padding:0 5px; }
	.news-list li a .info { padding:15px 20px; }
	.news-list li a .t1 { font-size:16px; margin-bottom:15px; }
	.news-list li a .t2{ font-size:14px; }
	.board-head { padding:15px 20px; }
	.board-head h3 { font-size:18px; margin-bottom:10px; }
	.board-head .info { gap:30px; }
	.board-head .info dl { font-size:14px; }
	.board-body { padding:30px 50px; font-size:15px; }
	.bottom-page li a { padding:15px 20px 15px 90px;  font-size:15px; }
	.bottom-page li span { left:0; font-size:14px; }
	.bottom-page li:after { left:80px; }
	.bottom-page li a:before { left:55px; }
	.board-write table tbody th { padding-left:30px; font-size:15px; }
	.showroom-list ul { gap:50px 0; margin:0 -5px; }
	.showroom-list ul li { padding:0 5px; }
	.showroom-list ul li a .subj { font-size:16px; margin-top:10px; }

    .main6 .btns a { font-size:20px; }

    .cyber-process,
    .top-visual { margin:0 -40px; padding:40px 20px;}
    .contactus .map { margin:0 -40px 40px;}
    .paperus .links  { margin:0 -40px; padding:50px 20px;}

    .title1 { font-size:40px; }
    .title1 em { font-size:18px; margin-bottom: 10px;}
    .desc1 { font-size:16px; margin-bottom: 50px;}
    .title1.sub3-2 { margin-bottom: 15px;}
    .title3 { font-size:25px; margin-bottom: 40px;}
    .txt1 { font-size:16px; }
    .esg .txt1 { font-size:18px; margin-bottom: 50px; padding-top:0;}
    .description1 { margin:100px 0; font-size:35px; }
    .top-visual { height: 400px;}
    .top-visual .t1 { font-size:28px; padding:50px 0 15px; }
    .top-visual .t2 { font-size:16px; }
    
    .weare .box .txt-box .t1 { font-size:25px; margin-bottom: 20px;}
    .weare .box .txt-box .t2 { font-size:15px; }
    .paperus .list .box .txt-box h3 { font-size:35px; }
    .paperus .list .box .txt-box p { font-size:15px; }
    .paperus .links .inner .title .t1 { font-size:40px; }
    .paperus .links .inner .title .t2 { font-size:18px; margin:25px 0;}
    .paperus .links .nav a { font-size:18px; }
    .paperus .links .nav a img { width:60px; }
    .paperus .links .inner .title .t3 a { width:160px; line-height: 50px; font-size:18px; padding-left: 20px; ;}
    .paperus .links .inner .title .t3 a:hover { width:210px; }
    .paperus .links .inner .title .t3 a span { width:36px; height: 36px; line-height: 35px;;}
    .paper .title1 { margin:70px 0 25px; }
    .paper .list ul li .item dl { height:100%; min-height: unset; padding:35px 15px; ;}
    .paper .list ul li .item dl dt { font-size:20px; margin-bottom: 20px; ;}
    .paper .list ul li .item dl dd { font-size:15px; }
    .esg .list .box .txt-box h4 { font-size:28px; margin-bottom: 10px; ;}
    .esg .list .box .txt-box h5 { font-size:18px; margin-bottom:35px;;}
    .esg .list .box .txt-box .t1 { font-size:20px; margin-bottom: 12px;}
    .esg .list .box .txt-box .t2 { font-size:16px; }
    .solution { margin:0 -20px; padding:80px 0; }
    .solution .title1 small { font-size:18px; }
    .solution ul { padding-top:60px; }
    .solution ul li .item dl dt { font-size:18px; margin:30px 0 15px;  }
    .solution ul li .item dl dd { font-size:16px; }
    .team .box .title h3 { font-size:30px; margin-bottom: 15px;;}
    .team .box .title p { font-size:18px; }
    .team .box .list ul { margin:0 -10px; gap:20px 0; }
    .team .box .list ul li { padding:0 10px; }
    .team .box .list ul li .t1 { font-size:18px; margin:15px 0 10px; }
    .team .box .list ul li .t2 { font-size:15px; }
    .team .box:last-child .list ul { margin:0 -10px;  }
    .team .box:last-child .list ul li { padding:0 10px; }
    .service .title { font-size:80px; padding:50px 0 90px; }
    .service .title2 { margin-bottom: 40px;}
    .service .title2 h3 { font-size:28px; width:300px; }
    .service .title2 .txt { font-size:16px; }
    .service .swiper-slide .item .t1 { font-size:20px; }
    .service .swiper-slide .item .t2 { font-size:15px; }
    .service .swiper-slide .item .t3 { font-size:14px; }
    .service .swiper-slide { width:300px; }
    .weare { margin:0 -20px; }
    .paperus .list { margin:0 -20px 100px}
    .main .visual .swiper-slide div { left: 20px; ;}
    .main .visual .swiper-slide div small { font-size:15px; margin-bottom: 20px;}
    .main .visual .swiper-slide div p { font-size:40px; }
    @keyframes textAni{
        from {
            left:0;
            opacity:0;
        }
        to {
            left:40px;
            opacity:1;
        }
    }

}

/* 타블렛 시작 */
@media all and (max-width:960px) {
.main-news .title h3 { font-size:60px;}
}

@media all and (max-width:768px) {

	.pc { display: none; }
	.mobile { display: block }

    .scroll { display: none;}
    #s-header { height: 60px; ;background:#fff; transform:translateY(0) !important; opacity:1 !important; }
    #s-header.active { height: 60px; border-bottom: 1px solid #ccc; box-shadow:0 0 10px rgba(0,0,0,0.2);}
    #s-header h1 { top:15px; }
    #s-header h1 a { width:90px; height:26px; background-size: contain;}
    #s-header .etc { top:15px; }
    #s-header .etc .btn-all { display: none; width:25px; height: 18px; margin-left: 10px;}
    #s-header .etc .btn-all span { height: 2px;}
    #s-header .btn-m { margin-left: 10px; width:25px; height: 18px; display: flex; flex-direction: column; justify-content: space-between; }
    #s-header .btn-m span { display:block; height:2px; background: #222; }
	.main #s-header .btn-m span  { background:#fff; }
	
    #s-header.active .etc { top:15px; }
    #s-header.active .btn-m span { background-color: #000 !important;}

    .search-wrap { padding:40px 0; }
    .search-wrap h3 {font-size:20px; margin-bottom: 15px; ;}
    .search-wrap .inps { margin:0 30px; }
    .search-wrap input { height: 50px; font-size:16px; ;}
    .search-wrap .inps .btn-srch { width:50px; height: 50px; background-size: 20px auto;}
    .search-wrap .btn-close { right:20px; top:20px; width:30px; height: 30px; background-size: 20px auto;}

	.fp-section,
	.fp-tableCell{ height: auto !important; display: block !important; }

	.main .visual .swiper-slide div { font-size:45px; top:27% }
    .main .visual .swiper-slide div span { display: block; font-size:35px; }
    .main .visual .controls { bottom:40px; }
    .quick { right:20px; bottom:0px; }
    .quick a { width:40px; height: 40px; ;}
    .quick a.b1 { width:60px; height: 60px; background-size: 30px auto; ;}
    .quick.active a.b1 { width:40px; height: 40px; background-size: 20px auto;}
    .main .visual .controls .swiper-button-prev, 
    .main .visual .controls .swiper-button-next { width:15px; height: 20px; background-size: contain;}
    .main .visual .controls .swiper-pagination { margin-left: 15px; gap:4px; ;}
    .main .visual .controls .swiper-pagination .swiper-pagination-bullet { width:24px; height: 24px; ;}
    .main .port { padding:60px 0 0; }
	.main .port .slider-box { height:317px; }
    .h2-main { font-size:13px; margin-bottom: 20px; ;}
    .h3-main { font-size:30px; margin-bottom: 30px; ;}
    .main6 .swiper-slide .title .h3-main { font-size:30px; }
    .main-tabs { gap:10px ; margin-bottom: 30px;}
    .main-tabs a { line-height: 22px; font-size:12px; ;}
    .main-tabs a:before { height: 2px; ;}
    .main .port .swiper-container { padding:0 6vw;}
    .main .port .swiper-slide { width:200px !important}
    .main .port .slider .swiper-button-prev,
    .main .port .slider .swiper-button-next { width:40px; height: 40px; background-size: 30px auto; ;}
    .main .port .slider .swiper-button-prev { left: 10px; ;}
    .main .port .slider .swiper-button-next { right: 10px; ;}
	.main .port .slider .swiper-button-prev, .main .port .slider .swiper-button-next { top:100px; }
    .main .port .item .cate { line-height: 30px; font-size:11px; ;}
    .main .port .item .subj { font-size:15px; margin:10px 0 4px;}
    .main .port .item .date {font-size:13px; }
    .main2 .btns { display: none;}
    .main2 { height: 400px;}
    .main2 .swiper-slide { align-items: flex-start; position: relative;}
    .main2 .swiper-slide:before {content: ''; position: absolute;left: 0;top:0;right:0;bottom:0; background-color: rgba(0,0,0,0.4); ;}
    .main2 .in { display: block;padding:50px 20px 0; text-align: center;  position: relative;}
    .main2 .in .t1 { padding-top:0; font-size:13px; }
    .main2 .in .t1:before { display: none;}
    .main2 .in .t2 { font-size:40px; margin:8px 0 60px; }
    .main2 .in .t3 { font-size:12px; max-width:100%; }
    .main2 .in .btn-box { display: block; text-align: center;  margin-top:40px}
    .main2 .in .btn-box a { display: inline-block; width:90px; height: 30px; line-height: 30px; border-radius:30px; font-size:12px; color:#fff; background-color: var(--red);}
    .main2 .controls { display: block; position: absolute; right:20px; bottom:20px; display: flex; gap:15px}
    .main2 .controls .swiper-button-next, 
    .main2 .controls .swiper-button-prev { position: static; margin:0;  width:20px; height: 30px; background: url(../img/main/btn_slider_mobile.png) no-repeat 50% 50%; background-size: contain;}
    .main2 .controls .swiper-button-prev { transform: scaleX(-1);}
    .main-partner { padding:60px 0 90px; }
    .main-partner .swiper-slide { height: 55px;}
    .main-partner .swiper-slide img { max-width:100px; max-height: 55px;}
    .main-partner .swiper-container { margin-bottom: 10px;}
    .h2-main:before { width:40px; margin-left: -20px;}
    .main-news { padding:60px 0; display:block; height:auto; }
    .main-news .title { margin-bottom: 30px; padding-bottom: 40px;}
    .main-news .title h3 { text-align: center; font-size:30px; ;}
    .main-news .title h3:before { left:50%; width:40px; margin-left: -20px;}
    .main-news .title .more { font-size:13px; background-size: auto 15px; padding-right:25px; right:20px; }
    .main-news .swiper-slide { width:200px !important}
    .main-news .slider { padding:0 20px}
    .main-news .swiper-container { padding-bottom: 50px;}
    .main-news .swiper-slide .subj { padding:10px 0; font-size:13px; margin-bottom: 10px; ;}
    .main-news .swiper-slide .date { font-size:12px; }
    .main-news .swiper-slide .date:before { width:30px; height: 30px; background-size: 13px auto ;}

    .main6 .btns { top:unset; flex-direction: column; backdrop-filter: blur(10px);}
    .main6 .btns a { border-top:1px solid rgba(255,255,255,0.1); text-align: center; width:100%; line-height: 60px; padding:0;  }
    .main7 { height: auto; padding:80px 0;}
    .main7 .controls { margin-bottom: 40px;}
    .main7 .swiper-slide a { padding:20px; }
    .main7 .swiper-slide a h3 { margin:10px 0 30px; }
    .main8 { height: auto; padding:0;}
    .main8 .map-box { position: relative; left: 0; top:0; transform: unset; width:100%; overflow: hidden; }
    .main8 .map-box:before {content: ''; position: absolute; left: 0; right:0; bottom:0; height: 30%; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
    .main8 .inner { position: static;  transform: unset;; }
    .main8 .inner .h3-main { font-size:30px; }
    .main8 .inner .txt { font-size:15px; }
    .main8 .inner .btn-box { margin-top:40px;}
    .main8 .inner .btn-box a { width:100px; height: 30px; line-height: 30px; font-size:12px; ;}
    .main8 .inner .btn-box a:before { width:10px; height: 10px; ;}
    .main8 .inner .btn-box a:after { width:10px; height: 10px; ;}
    .main8 .map-box .marker .dot { border:0; }
    .main8 .map-box .marker .txt { display: none;}
    .main8 .map-box .marker.m1 { left: 72.4%; top:42%;}
    .main8 .map-box .marker.m2 {left: 82.4%; top:42%;}
    .main8 .map-box .marker.m3 { left:64.4%; top:49%; }
    .main8 .map-box .marker.m4 { left: 65.4%; top:55%; ;}
    .main8 .inner .desc { font-size:16px; padding-bottom: 100px; }

    .s-footer { padding:20px 0;}
	.s-footer .text { flex-direction: column; align-items: flex-start; gap: 15px; }
	.s-footer .text .menu { flex-wrap: wrap; gap: 12px; }
	.s-footer .text .sns { margin-left: 0; justify-content: flex-start; gap: 10px; }
	.s-footer .text .sns a { width: 32px; height: 32px; }
	.s-footer .text .sns i { font-size: 16px; }
	.s-footer .text .sns img { width: 16px; height: 16px; }
    .s-footer .hed {flex-direction: column-reverse; }
    .s-footer .hed .right { width:100%;  margin-bottom: 20px;;}
    .s-footer .hed select { width:100%; height: 40px; font-size:13px;;}
    .s-footer .hed .logo { margin-bottom: 20px; ;}
    .s-footer .hed .logo img { height: 30px; ;}
    .s-footer .hed .addr { font-size:12px; }
    .s-footer .copy { margin-top:15px; padding-top:15px; font-size:12px; }
	.s-footer .right a  { font-size:12px; }
    .submenu,
    #sticky-wrapper  { display: none;}
    .submenu-mobile { margin:0 -20px 40px; }
    .submenu-mobile button { position: relative; border-top:1px solid #ccc; }
    .submenu-mobile button:after {content: ''; position: absolute; right:0; top:0; width:45px; height: 45px; background: url(../img/common/ico_next_page.svg) no-repeat 50% 50%; background-size: 12px auto; transform: scaleY(-1);}
    .submenu-mobile .dropdown-menu a { display: block; line-height: 33px; padding-left: 20px; font-size:14px; font-weight:400;}
    .submenu-mobile + .inner { margin-top:20px; }
    .container { padding:90px 0 100px; }
    .path span { font-size:12px; }
    .path span img { width:16px; }
    .path span:before { width:5px; height: 5px; margin:0 10px;;}
    .h2 { font-size:35px; margin:20px 0; letter-spacing:-1px;}
    .full-inner > .inner { padding:0 0 20px; }
    .txt1 { font-size:15px; }
    .img-box { height: 400px; background-attachment:local;}
	.img-box.img2-1 { background-image: url(../img/sub2/img1_m.jpg);}
	.img-box.img2-2 { background-image: url(../img/sub2/img2_m.jpg);}
	.img-box.img2-3 { background-image: url(../img/sub2/img3_m.jpg);}
	.img-box.img2-4 { background-image: url(../img/sub2/img4_m.jpg);}
	.img-box.img2-5 { background-image: url(../img/sub2/img5_m.jpg);}
	.img-box.img2-6 { background-image: url(../img/sub2/img6_m.jpg);}
	.img-box.img3-3 { background-image: url(../img/sub3/img_m.jpg);}
    .info-box { padding: 0; }
    .info-box .tit { position: static; font-size:25px; margin-bottom: 20px; ;}
    .info-box .text dl { display: block; font-size:16px; margin-bottom: 15px; ;}
    .info-box .text dl dt { padding-left: 15px; ;}
    .info-box .text dl dt:before { width:4px; height: 4px; ;}
	.info-box .text dl dd {padding-left:15px; font-weight:400;}
    .tit1 { font-size:30px; }
    .tit2 { font-size:20px; }
    .txt2 { font-size:16px; }
    .future { padding:50px 0; margin:0 -20px; }
    .future h3 { font-size:30px; margin-bottom: 40px; ;}
    .future ul { display: block;;}
    .future ul li { width:auto; margin-bottom: 40px; }
    .future ul li img { width:90px; }
    .future ul li p { font-size:15px; margin-top:20px; }
    .profile .swiper-slide { height: 350px; ;}
	.profile .swiper-slide.bg1 { background-image: url(../img/sub4/img1_mobile.jpg);}
	.profile .swiper-slide.bg2 { background-image: url(../img/sub4/img2_mobile.jpg);}
	.profile .swiper-button-next, 
    .profile .swiper-button-prev { width:30px; height: 40px; background-size: 20px auto; margin-top:-20px;}
    .youtube a:before { width:60px; height: 40px;; background-size: contain; margin:-20px 0 0 -30px;}
    .youtube-layer .btn-close { right:0; }
    .h3 { font-size:29px; margin-bottom: 20px;}
    .partners { margin-bottom: 40px;}
    .partners ul { margin:0 -5px; gap:15px 0; }
    .partners ul li { width:50%; padding:0 5px; }
    .partners ul li a { height: 90px; padding:15px 20px; }
    .partners ul li a img { max-height: 80px;}
    .board-search { margin-bottom: 40px; border-width:2px; ;}
    .board-search select { width:80px; height: 40px; font-size:14px; ;}
    .board-search input { width:calc(100% - 140px); height: 40px; font-size:14px; padding-left: 10px;}
    .board-search .btn-srch { width:30px; height: 40px; ;}
    .conf-list ul { margin:0 -5px; }
    .conf-list ul li { width:50%; padding:0 5px 20px; }
    .conf-list ul li > p { font-size:12px; padding-top:10px; }
    .hornors-list ul { display: block; margin:0;  }
    .hornors-list ul li { width:auto; margin-bottom: 20px; padding:0; }
    .hornors-list ul li a .info { padding:15px; }
    .hornors-list ul li a .info .t1 { font-size:13px; margin:10px 0 5px; }
    .hornors-list ul li a .info .t2 { font-size:15px; margin-bottom: 10px;}
    .hornors-list ul li a .info .t3 { font-size:13px; }
    .tit3 { font-size:23px; margin-bottom: 30px;}
    .board-write table tbody th { padding-left: 0; font-size:13px; }
    .board-write .inp { height: 30px; padding-left: 10px; font-size:13px; ; }
    .board-write .prv { padding:10px; font-size:11px; }
    .checkbox + div em { width:15px; height: 15px; ;}
    .checkbox + div p { font-size:12px; }
    .news-list ul { display: block; margin:0;  }
    .news-list ul li { width:auto; margin-bottom: 20px; padding:0; }
    .news-list li a .info { padding:15px; }
    .news-list li a .info .t1 { font-size:14px; margin-bottom: 10px; }
    .news-list li a .info .t2 { font-size:13px; }
    .board-head { padding:10px; }
    .board-head h3 { font-size:15px; margin-bottom: 10px;}
    .board-head .info { gap:10px; }
    .board-head .info dl { font-size:12px; gap:3px; }
    .board-body { padding:20px; font-size:13px; }
    .bottom-page li a { padding:15px 15px 15px 50px;  font-size:13px; }
    .bottom-page li span { display: none;}
    .bottom-page li:after { display: none;}
    .bottom-page li a:before { left: 15px;}
    .showroom-list .tit { font-size:14px;  margin-bottom: 15px;}
    .showroom-list ul { margin:0 -5px; gap:40px 0;}
    .showroom-list ul li { width:100%; padding:0 5px; }
    .showroom-list ul li a .subj { font-size:17px; margin-top:8px; }
    .showroom .tit { font-size:20px; }
    .showroom .tit .btn-youtube { width:40px; height: 30px; background-size: contain; margin-left: 10px;}
	.showroom .tit .btn-youku {width:40px; height: 30px; background-size: contain; margin-left: 10px;}
	.showroom .tit .btn-qq {width:40px; height: 30px; background-size: contain; margin-left: 10px;}

    .title1 { font-size:30px; }
    .title3 { font-size:20px; margin-bottom: 30px;}
    .desc1 { font-size:15px; margin-bottom: 35px;}
    .txt-ani p { font-size:100px}
    .weare .box:first-child { padding-top:100px; }
    .weare .box .txt-box { padding:0; }
    .weare .box .img { padding:0; margin-bottom: 30px; }
    .weare .box { display: block; padding:20px 0 50px 60px; }
    .weare .box .line { left: 30px; ;}
    .weare .box em { left: 30px;}
    .weare .box:nth-child(even) .img { padding-left: 0;}
    .weare .box .txt-box .in { max-width: unset; text-align: left;}
    .cyber-process h4 { font-size:30px; margin-bottom: 30px;}
    .cyber-process ul { grid-template-columns: repeat(2, 1fr); gap:20px; }
    .cyber-process ul li .tit { font-size:18px; }
    .cyber-process ul li .txt { height: 70px; font-size:18px; ;}
    .ethics .box { margin-top:50px;}
    .ethics .box { display: block; ;}
    .ethics .box .tit { font-size:28px; margin-bottom: 30px;}
    .ethics .box .list ul { margin:0 -10px; gap:20px 0; }
    .ethics .box .list ul li { padding:0 10px; }
    .ethics .box .list { width:auto; }
    .ethics .box .list ul li .item { padding:20px; gap:20px; }
    .ethics .box .list ul li .item p { font-size:16px; }
    .contactus .map { margin-top:-40px; }
    .contactus .map iframe { height: 300px;}
    .contactus .inner { display: block; ;}
    .contactus .inner .tit {font-size:28px; margin-bottom: 30px; }
    .contactus .inner .box { width:auto; }
    .contactus .inner .box .info dl { padding:20px 10px; }
    .contactus .inner .box .info dl dt { font-size:18px; }
    .contactus .inner .box .info dl dd { font-size:16px; }
    .contactus .inner .box .tit { font-size:24px; margin-bottom: 15px; ;}
    .contactus .inner .box .trans .sec { padding:20px 30px; margin-bottom: 20px; gap:40px; font-size:15px; ;}


    .btn1 { padding:0 10px; height: 35px; line-height: 35px; font-size:13px; width:auto;}
    .btn2 { width:140px; height: 40px; line-height: 40px; font-size:14px; ;}
    .ico-prev, .ico-next { width:8px; height: 10px; background-size: contain;}
    .ico-list { width:18px; height: 10px; background-size: contain; margin-left: 10px;}
    .submenu-mobile #sticky-wrapper { display: block; margin-bottom: 0;}
    .submenu-mobile {  }
    .submenu-mobile .dropdown {background-color: #fff; z-index:100 !important;}
	.submenu-mobile + fieldset ,
	.submenu-mobile + .tit3,
	.submenu-mobile + .bo_list { margin-top:20px; }
	.board-view { margin-top:20px; }

	.table1 table thead th { ofnt-size:14px; padding:8px 5px; }
	.table1 table tbody td { font-size:13px; padding:5px; }

	.select { height:30px; font-size:13px; }
	.inp-box2 .inp { width:100px; }
	.inp-box2 .btn-srch { width:90px; padding:0 10px; height: 30px; line-height: 30px; font-size:13px; }

    .blog-list ul { margin:0 -10px; }
    .blog-list ul li { padding:0 10px; width:50%; }
    .paperus .list .box { display: block; margin-bottom: 60px;}
    .paperus .list .box > div { width:auto; }
    .paperus .list .box .txt-box { padding:0; margin-top:25px;  padding-left: 20px; }
    .paperus .list .box:nth-child(even) .txt-box { padding:0 0 0 20px; text-align: left;}
    .paperus .list .box .txt-box p { width:auto; }
    .paperus .list2 ul { margin:45px -10px 50px;gap:30px 0; }
    .paperus .list2 ul li { padding:0 10px; }
    .paperus .list2 ul li .info { display: block; ;}
    .paperus .list2 ul li .info i { display: block; margin-top:10px; ;}
    .paperus .list2 ul li .info dl dt { font-size:18px; }
    .paperus .list2 ul li .info dl dd { font-size:14px; }
    .paperus .links .inner .title .t1 {font-size:30px; }
    .paper .list ul { gap:40px 0; margin:0 -10px; }
    .paper .list ul li { width:50%; padding:0 10px; }
    .paper .list ul li .item dl dt { font-size:18px; }
    .paper .list ul li .item dl dd { font-size:14px; }
    .top-visual.sub3-1 .logo { padding-top:20px; width:120px; }
    .esg .list .box { display: block; margin-bottom: 60px ;}
    .esg .list .box > div { width:auto;}
    .esg .list .box .txt-box { padding:0; margin-top:25px;   }
    .esg .list .box:nth-child(even) .txt-box { padding:0 0 0 0; text-align: left;}
    .esg .list .box .txt-box p { width:auto; }
    .esg .list2 ul { margin:45px -10px 50px;gap:30px 0; }
    .esg .list2 ul li { padding:0 10px; }
    .esg .list2 ul li .info { display: block; ;}
    .description1 { font-size:25px; padding:60px 0;}
    .solution ul { display: block; padding-top:40px; ;}
    .solution ul li { margin-bottom: 20px; ;}
    .solution ul li i img { width:90px; }
    .solution ul li .item { padding:20px; gap:20px; }
    .solution ul li .item dl dt { font-size:18px; margin:15px 0 10px;  }
    .solution ul li .item dl dd { font-size:16px; }

    .team .box { display: block; margin:60px 0; }
    .team .box .title { width:auto; margin-bottom: 30px;}
    .team .box .title h3 { font-size:28px; margin-bottom: 10px;}
    .service .title { font-size:45px; padding:30px 0 50px; }
    .service .title2 { display: block; margin-bottom: 25px;}
    .service .title2 h3 { margin-bottom: 20px; width:auto; ;}
    .service .slider { margin-bottom: 60px;}
	

}


@media all and (max-width:640px) {
	
	.mb30 { margin-bottom:15px !important; }
	.mb60 { margin-bottom:30px !important; }
	.mb70 { margin-bottom:35px !important; }
	.mb90 { margin-bottom:45px !important }

    .main .visual .swiper-slide div small { font-size:14px; }
    .main .visual .swiper-slide div p { font-size:26px; }
    .main6 .btns a { font-size:15px; line-height: 45px;}
    .main7 h2 { font-size:30px; }
    .main7 .desc { font-size:15px; margin:15px 0; }
    .main7 .controls .pg .bar { width:60px; }
    .main7 .swiper-container { margin-right:-20px; }
    .main7 .swiper-slide a .tit span {font-size:15px; }
    .main7 .swiper-slide a .tit em { font-size:13px; }
    .main7 .swiper-slide a h3 { margin:8px 0 15px; font-size:16px; }
    .main7 .swiper-slide a .txt { font-size:14px; margin-bottom: 20px;}
    .main8 .map-box .marker.m1 { left: 69.4%; top:37%;}
    .main8 .map-box .marker.m2 { left: 79.4%; top:37%; ;}
    .main8 .map-box .marker.m3 { left: 61.4%; top:44%; ;}
    .main8 .map-box .marker.m4 { left: 62.4%; top:51%; ;}
    .main8 .inner .h3-main { font-size:23px; }
    .main8 .inner .desc { font-size:14px; }
    .main6 .swiper-slide .title .h3-main { font-size:25px; }
    .title1 { font-size:23px; }
    .title3 { font-size:18px; margin-bottom: 20px;}
    .desc1 { font-size:13px; }
    .desc1 br { display: none;}
    .txt-ani p { font-size:80px; }
    .weare .box .txt-box { padding-right:20px; }
    .weare .box .txt-box .t1 { font-size:20px; margin-bottom: 12px;}
    .weare .box .txt-box .t2 { font-size:13px; }
    .cyber-process h4 { font-size:25px; margin-bottom: 20px;}
    .cyber-process ul { display: block;}
    .cyber-process ul li { margin-bottom: 20px; padding:15px; }
    .cyber-process ul li .tit { font-size:16px; }
    .cyber-process ul li .tit img { width:55px; }
    .cyber-process ul li .txt { height: auto; font-size:16px;;;}
    .ethics .inner {padding:0; }
    .ethics .box .list ul { display: block; margin:0; ;}
    .ethics .box .list ul li { width:auto; padding:0; margin-bottom: 20px;;}
    .ethics .box .list ul li .item { padding:15px; }
    .ethics .box .list ul li .item img { width:75px; }
    .ethics .box .list ul li .item p {font-size:15px; }
    .contactus .map iframe { height: 200px ;}
    .contactus .inner { padding:0; }
    .contactus .inner .tit { font-size:25px; margin-bottom: 20px; ;}
    .contactus .inner .box .info dl { padding:15px 10px; display: block;; }
    .contactus .inner .box .info dl dt { font-size:16px; width:auto;  }
    .contactus .inner .box .info dl dd { font-size:15px; margin-top:10px; }
    .contactus .inner .box .tit { font-size:20px; }
    .contactus .inner .box .trans .sec { display: block; padding:15px; font-size:14px; }
    .contactus .inner .box .trans .sec i { display: block; margin-bottom: 15px; width:100px; }
    .contactus .inner .box .trans .sec .text .t1 { font-size:18px; }
    .blog-list ul { display: block; margin:0; ;}
    .blog-list ul li { width:auto; padding:0; margin-bottom: 50px;}
    .blog-list li a .info { padding-top:15px; }
    .blog-list li a .t1 { font-size:15px; margin-bottom: 10px;}
    .blog-list li a .t2 { font-size:16px; }
    .blog-list li a .t3 { font-size:14px; }

    .paperus .list .box .txt-box { padding-right:20px !important; margin-top:20px; }
    .paperus .list .box .txt-box small { font-size:15px; }
    .paperus .list .box .txt-box h3 { font-size:22px; margin:5px 0 20px; }
    .paperus .list .box .txt-box p { font-size:14px; }
    .paperus .inner { padding:0; }
    .paperus .list2 ul { margin:0 -5px; padding-bottom: 50px; }
    .paperus .list2 ul li { padding:0 5px;}
    .paperus .list2 ul li .info { margin-top:12px; }
    .paperus .list2 ul li .info dl dt { font-size:16px; }
    .paperus .list2 ul li .info dl dd { font-size:13px; }
    .paperus .links { margin:0 -20px; }
    .paperus .links .inner { display: block; ;}
    .paperus .links .inner .title .t1 { font-size:25px; }
    .paperus .links .inner .title .t2 { font-size:15px; margin:15px 0; }
    .paperus .links .inner .title .t3 a { width:180px; font-size:15px; line-height: 45px; padding-left: 20px;;}
    .paperus .links .inner .title .t3 a span { width:32px; height: 32px; line-height: 31px; opacity:1; right:7px; font-size:15px;}
    .paperus .links .nav { width:auto; gap:30px 20px; margin-top:30px;  }
    .paperus .links .nav a p { margin-top:10px; }
    .paperus .links .nav a { font-size:15px; }

    .paper .inner { padding:0; }
    .paper .list ul { display: block; margin:0;;}
    .paper .list ul li { width:auto; padding:0; margin-bottom: 50px;}
    .esg { padding:60px 0; }
    .esg .inner { padding:0; }
    .esg .txt1 { font-size:14px; margin-bottom: 30px;}
    .esg .list .box .txt-box h4 { font-size:22px;}
    .esg .list .box .txt-box h5 { font-size:15px; margin-bottom: 20px; }
    .esg .list .box .txt-box .t1 { font-size:16px; }
    .esg .list .box .txt-box .t2 { font-size:13px; }
    .esg .list .box .txt-box .t2 br { display: none;}
    .description1 { margin:50px 0; padding:30px 0; font-size:20px; }
    .solution { padding:50px 20px; }
    .solution .title1 small { font-size:15px; }
    .solution ul li .item dl dd { font-size:14px; }
    .top-visual .t1 { font-size:20px; padding:30px 0 10px; }
    .top-visual .t2 {font-size:14px; }
    .title1.sub1-3,
    .title1.sub1-2 { margin-bottom: 40px; ;}
    .team .box .title h3 { font-size:25px; }
    .team .box .title p { font-size:16px; }
    .team .box .list ul { margin:0; display: block; ;}
    .team .box .list ul li { width:auto; padding:0; margin-bottom: 20px; }
    .team .box .list ul li .item { padding:20px; }
    .team .box .list ul li .t1 { font-size:16px ; margin:10px 0 8px; }
    .team .box .list ul li .t2 { font-size:14px; }
    .team .box:last-child .list ul li { width: auto;}
    .service .title { font-size:25px; padding-bottom: 30px;; }
    .service .inner { padding:0; }
    .service .title2 h3 { font-size:20px; margin-bottom: 10px; ;}
    .service .title2 .txt { font-size:14px; }
    .service .swiper-slide{ width:200px;}
    .service .swiper-slide .item .t1 { font-size:16px; margin:10px 0 5px; }
    .service .swiper-slide .item .t2 { font-size:13px;  letter-spacing: -0.5px;}
    .service .swiper-slide .item .t3 { font-size:13px; letter-spacing: -0.5px;}

	.tit4 { font-size:20px; }
	.inp-box1 span { font-size:12px; }
	.inp-box1 .inp { width:100px; }

	.cate-tabs { margin-bottom:30px; gap:5px;  }
	.cate-tabs a { height:35px; line-height:33px; font-size:14px; width:60px; }

}