/* mobile */
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css);* {
    font-family: Pretendard,sans-serif
}

body,p,h1,h2,h3,h4,h5,h6,span,a,div,td,th,li,b{font-family: Pretendard,NanumSquare,Apple Gothic,MalgunGothic,sans-serif; generic-font: "Apple Gothic","MalgunGothic",sans-serif; font-display: swap}
@font-face {
    font-family: 'SG-Icon-Font';
    src: url('/font/SG-Icon-Font.ttf');
    font-weight: normal;
    font-style: normal
}


@media (min-width: 1px) and (max-width: 1089px) {

	.login{display:block}
	.mpage{display:block;}
	.spage{overflow-x:auto;white-space: nowrap;}
	
}

/* desktop */
@media (min-width: 1090px) {

	.login{display:none}
	.mpage{display:none;}


	/* header */
	
	.top-line { background:#333333; }
	.fixed-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}


}
body{background:#fff;}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.mb_logo{display:none;}
.mba_ssdiv{display:none;}
.mba_ssdiv2{display:none;}
.navbar-expand-lg .nav-link .fa-angle-double-right{display:none;}
.nab_box .nav_info .nav-item{position:relative; padding:10px 20px;}
@media (max-width: 1279px) {
  .container {
    max-width: 100%;
  }
  .mb_logo{display:block; padding:15px; background:#fff; text-align:center;}
  .mb_logo img{height:54px;}
  .mb_logo .mb_logo_logo .logo_black{display:block;}
  .mb_logo .mb_logo_logo .logo_white{display:block;}
  body.dark .mb_logo .mb_logo_logo .logo_black{display:none;}
  body.dark .mb_logo .mb_logo_logo .logo_white{display:block;}
	
	
}
.navbar .mbs_top{background:#161A1E; }
	.navbar-expand-lg .show .nav-link .fa-angle-double-right{float:right; line-height:46px;}

	.mba_ssdiv2{width:50%; margin:15px auto; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background:#fff; padding:5px 0; display:flex; justify-content:center; align-items:center; gap:10px;}
	.mba_ssdiv2 .center_mma{text-align:center;}
	.mba_ssdiv2 a{ font-size:14px; color:#404040; display:inline-block; padding:7px 12px; font-weight:500;}
	.mba_ssdiv2 a.logi{color:#fd557e;}
	.mba_ssdiv2 .left_mma .names{margin-bottom:10px;}

	.mba_ssdiv{display:block; width:100%; background:#fff; padding:10px 0; border-bottom:1px solid #eaeaea;}
	.mba_ssdiv .mba_sslogin{display:flex; padding:10px;}
	.mba_ssdiv .mba_sslogin .money{margin-top:10px;}
	.mba_ssdiv .mba_sslogin a{  font-size:14px; font-weight:500; color:#000;}
	.mba_ssdiv .mba_sslogin .left_mma{display:flex; flex-direction:column; width:100%; align-items:center;}

  
	
	
	.navbar-light.collapsed .navbar-toggler-icon{background-image:url('/img/eco/ico_menu.svg'); width:36px; height:36px;}
	body.dark .navbar-light.collapsed .navbar-toggler-icon{background-image:url('/img/eco/ico_menu.svg');}
	.navbar-light .navbar-toggler-icon{background-image:url('/img/close_white.png'); width:36px; height:36px;}
	
  .navbar-expand-lg .navbar-toggler{display:block!important; z-index:7778; position:static; right:10px; padding:0 5px;}
  .navbar-expand-lg .collapsed{right:10px; left:auto; top:3px;}
  .navbar-expand-lg .navbar-toggler:focus{outline:0;}
   .navbar-expand-lg > .container > .show{display:block!important;}
 .navbar-expand-lg .navbar-nav {flex-direction : column; margin-top:0; background:#fff;}
 .navbar-expand-lg .navbar-nav .nav-item{width:100%; padding:0;}
 
 .navbar-expand-lg .navbar-nav .nav-item .nav-link{position:relative; height:50px; line-height:50px; padding:0 20px; display:block; font-size:16px; color:#aebbcd;}
 
	#navbarResponsive{
	position:fixed;
	width:100%;
	height:calc(100% - 76px);
	top:76px;
	right:0;
	background:#fff;
	overflow-y:scroll;
	z-index:7777;
  }
  body.dark #navbarResponsive{background:#272727;}
  .navbar-expand-lg .navbar-collapse:not(.show){
	display:none !important;
  }
  .navbar-expand-lg .show{
	display:block !important;
  }
  .navbar-expand-lg .show .nav-link .fa-angle-double-right{
	display:inline-block !important;
  }
  
	.navbar_sslogin{display:flex; align-items:center; height:100%;}
	.left_smenb .left_iuser{margin-left:10px;}
	.left_smenb .left_iuser a{font-size:14px;  color:#000;}
	.left_smenb .left_iuser a.money{margin-left:10px; display:none;}
	.nab_box .nabs_botop .navbar_ssbtn{display:block; padding:0 20px; margin:0 4px; border:1px solid #2c3db8; border-radius:20px; background:#fff; color:#2c3db8; font-size:14px; line-height:35px;}
	.nab_box .nabs_botop .navbar_ssbtn.join_btn{background:#2c3db8; color:#fff;}
	.nab_box .nabs_botop .navbar_sstxt{font-size:12px;  color:#000; margin-left:20px; display:inline-block; height:34px; line-height:34px;}

    .navbar .mbs_top{}
.nab_box{width:100%; position:relative; display:flex;}
.main_top{background:#2b2b2b;}

.nab_box .nab_top{display:flex; justify-content: flex-start; width:20%; padding:0;}
.nab_box .mb_visit{width:20%;}
.nab_box .mb_visit p{margin-bottom:0; padding:0; font-size:16px; color:#fff;}

.nab_box .nabb_sub {display:none;}
.nab_box .nabs_botop{width:100%; height:100%; display:flex; justify-content:flex-end; align-items:center;}

.nab_box .nab_top .navbar_ssdiv{position:absolute; right:0; top:20px;}
.nab_box .nav_info{display:flex; justify-content: flex-start; width:100%;}

.nab_box .nav_info .nav-item .nav_item_div{z-index:2; border-top:1px solid rgba(0, 0, 0, .15); position:absolute; top:100%; bottom:auto; left:0%; right:auto; display:none;}
.nab_box .nav_info .nav-item .nav_item_div a{color:#333; font-weight:bold; display:block;}
.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box{width:320px; background:#fff; border:1px solid rgba(0, 0, 0, .15); border-top-style:none; flex-direction:column; padding:30px; transition:color .2s, background-color .2s; display:flex;}
.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box:hover{color:#ff574a;}
.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box h2{font-size:18px; font-weight:700; transition:opacity .2s;}
.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box p{font-size:14px; margin:8px 0 0; line-height:24px; transition:opacity .2s;}


@media (min-width: 1200px) {
	.navbar .container{max-width:100%;}
	.id_max .container{max-width:100%;}
	
	  .container {
		max-width: 1280px;
	  }
	
	.navbar-nav li{padding:20px 0 20px 24px;}
	.navbar-expand-lg .navbar_ssdiv .navbar_ssbtn:last-child{margin-right:0;}
	
	.left_smenb{
		display:inline-block;
		margin-right:20px;
	}
	.left_smenb:after{clear:both; display:block; content:"";}
	.nab_box .nabs_botop{justify-content:flex-end;}
	.navbar_sslogin{display:flex;}
	.left_smenb .left_iuser{margin-left:10px;}
	.left_smenb .left_iuser a{font-size:12px;  color:#393939;}
	.left_smenb .left_iuser a.money{margin-left:10px;}
	.ma_trand{max-width:1280px; margin:0 auto; height:350px;}

	#navbarResponsive{padding:30px 40px; width:400px; border-left:1px solid #ddd;}
	.navbar-light .navbar-toggler-icon{position:fixed; top:20px; right:40px;}
	.navbar-light.collapsed .navbar-toggler-icon{position:static;}

}
.ma_trand{height:350px;}
.navbar-expand-lg .navbar_ssdiv .navbar_ssbtn i{display:inline-block; width:18px; height:18px; margin: 0 5px 0 0;}



.fixed-top { padding:0; background:#fff; display:block;}
.navbar .navbar_cont{width:100%;}
.navbar .navbar_cont .navcont_info{width:100%; max-width:1400px; margin:0 auto;}
.navbar .navbar_subcont{width:80%; max-width:1300px; margin:0 auto; display:flex; align-items:center;}  
.fixed-top .logo .logo_black{display:none;}
body.dark .fixed-top .logo .logo_black{display:none;}
.fixed-top .logo .logo_white{display:block;}
body.dark .fixed-top .logo .logo_white{display:block;}


.fixed-top .navbar-collapse .nav-item .nav-link{color:#000; font-size:16px; font-weight:500; text-align:left; }

.fixed-top .navbar-collapse .nav-item .nav-link img{height:23px; margin-right:5px;}
.fixed-top .navbar-collapse .nav-item .nav-link:after{display:none;}

.bg-bo {background-color:#1C2230!important;}
.navbar-expand-lg .ml-auto{margin-left:auto;}

.c, .c-full { max-width: 1400px; margin:0 auto;}
.sec-main-visual { position:relative; padding-top: 0px; background:transparent; background-size:cover; }

.top_cts{padding-top:50px; width:100%; max-width:1400px; margin:0 auto;}
.top_cts .cts_inner{display:flex; flex-wrap:wrap; position:relative; padding-left:630px; width:100%; max-width:1720px; margin:0 auto;}
.top_cts .cts_inner .visual_wrap{width:570px; height:500px; position:absolute; left:0; top:0; z-index:1;}
.top_cts .cts_inner .visual_wrap .visual_banner{display:flex; flex-direction:column;  height:500px; position:relative; box-shadow:2px 2px 15px rgb(0 0 0 / 24%); border-radius:30px; overflow:hidden;}
.top_cts .cts_inner .visual_wrap .visual_banner .visual-slider{height:450px; margin:0;}
.top_cts .cts_inner .visual_wrap .visual_banner .visual-slider .slick-list{height:100%;}
.top_cts .cts_inner .visual_wrap .visual_banner .visual-slider .slick-list .slick-track{height:100%;}
.top_cts .cts_inner .visual_wrap .visual_banner .visual-slider .slick-list .slick-track div{height:100%;}
.top_cts .cts_inner .visual_wrap .visual_banner .slick-arrow{position:absolute; top:calc(50% + 15px); transform:translateY(-50%); width:35px; height:60px; font-size:0; line-height:0; z-index:5; background-image:url("/img/eco/ico_sprite.png"); background-repeat:no-repeat;}
.top_cts .cts_inner .visual_wrap .visual_banner .slick-next{right:18px; background-position:-339px -240px;}
.top_cts .cts_inner .visual_wrap .visual_banner .slick-prev{left:20px; background-position:-278px -240px;}
.top_cts .cts_inner .visual_wrap .visual_banner .slick-next:before, .top_cts .cts_inner .visual_wrap .visual_banner .slick-prev:before{display:none;}
.top_cts .cts_inner .visual_wrap .visual_banner .slick-dots{display:flex; align-items:center; gap:12px; position:absolute; right:55px; bottom:-50px; height:50px; z-index:2; width:auto;}
.top_cts .cts_inner .visual_wrap .visual_banner .slick-dots li{width:auto; height:auto; margin:0; padding:0;}
.top_cts .cts_inner .visual_wrap .visual_banner .slick-dots button{all:unset; display:block; width:12px; height:12px; background:#d1d1d1; border-radius:50%; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;}
.top_cts .cts_inner .visual_wrap .visual_banner .slick-dots .slick-active button{background:#1c8be0;}
.top_cts .cts_inner .visual_wrap .visual_banner img{display:block; border-radius:30px 30px 0 0; width:100%; height:100%;}
.top_cts .cts_inner .visual_wrap .visual_banner .control{height:50px; width:100%; top:auto; bottom:0; background:#fff; position:absolute; right:0;}
.top_cts .cts_inner .visual_wrap .visual_banner .control button{width:14px; height:14px; font-size:0; position:absolute; line-height:0; background:none; background-image:url("/img/eco/ico_sprite.png"); background-repeat:no-repeat; border:0;}
.top_cts .cts_inner .visual_wrap .visual_banner .control button.ctr_btn{top:18px; right:30px; z-index:3;}
.top_cts .cts_inner .visual_wrap .visual_banner .control button.pause{background-position:-68px -8px;}
.top_cts .cts_inner .visual_wrap .visual_banner .control button.play{background-position:-96px -8px;}


.top_cts .main_quickmenu{width:100%; text-align:center; margin-bottom:50px;}
.top_cts .main_quickmenu h2{font-weight:700; font-size:38px; line-height:60px;}
.top_cts .main_quickmenu h2 strong{color:#1864cb; font-weight:700;}
.top_cts .board_wrap{width:100%;}
.top_cts .board_wrap .bw_inner{display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; width:100%; gap:0 20px;}
.top_cts .board_wrap .bw_inner .item{flex:1 1 auto; }
.top_cts .board_wrap .bw_inner .item .in_box{display:flex; flex-direction:column; height:100%; padding:28px 30px; border:0.5px solid #e0e1e2; border-radius:20px; background:#fff; box-shadow:0px 3px 10px rgba(104, 111, 115, 0.15);}
.top_cts .board_wrap .bw_inner .item .in_box .txt{font-size:24px; line-height:34px; font-weight:700; margin:0; padding:0;}
.top_cts .board_wrap .bw_inner .item .in_box .ico{width:72px; height:72px; margin-top:24px; background-repeat:no-repeat; background-position:center; background-size:contain;}
.top_cts .board_wrap .bw_inner .item img{width:100%;}
.top_cts .board_wrap .bw_tab{margin:30px auto 0; max-width:700px; width:100%;}
.top_cts .board_wrap .bw_tab a{ border-radius:20px; overflow:hidden; width:100%; display:block;}
.top_cts .board_wrap .bw_tab a img{width:100%;}

#main-slide,
#main-slide .swiper-container { overflow:hidden; height: 920px; position:relative;}
#main-slide .swiper-slide { overflow:hidden; }
#main-slide .swiper-slide .img { position:absolute; left:0; top:0; width:100%; height:100%; }
#main-slide .swiper-slide .img::after { content: ""; display: block; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.1); }
/*#main-slide .swiper-slide-active .img { transform:scale(1.1); transition:all 5.5s linear; }
#main-slide .swiper-slide-prev .img { transition:all 1s; }*/

#main-slide .ctrl { position:absolute; left: 50%; transform: translateX(-50%); bottom: 50px; z-index:2; }
#main-slide .ctrl .pg { position:static; display:inline-block; width:auto;}
#main-slide .ctrl .pg span { width:14px; height:14px; background:white; opacity:0.8; margin:0 9px; transition:all .2s ease; }
#main-slide .ctrl .pg span.swiper-pagination-bullet-active { position:relative; }
#main-slide .ctrl .pg span.swiper-pagination-bullet-active::after { content:""; position:absolute; left:-7px; top:-7px; right:-7px; bottom:-7px; border:1px solid white; border-radius:50%; }
#main-slide .ctrl .playstop { display:inline-block; position:relative; cursor:pointer; margin-left:15px; width:14px; height:14px; color:white; }
#main-slide .ctrl .playstop::before { content:""; position:absolute; left:-10px; top:-10px; right:-10px; bottom:-10px; border:1px solid white; border-radius:50%; }
#main-slide .ctrl .playstop i { position:absolute; }
#main-slide .ctrl .playstop .fa-play { display:block; }
#main-slide .ctrl .playstop .fa-pause { display:none; }
#main-slide .ctrl .playstop.on .fa-play { display:none; }
#main-slide .ctrl .playstop.on .fa-pause { display:block; }
#main-slide .ctrl .playstop:hover { color:#333; }
#main-slide .ctrl .playstop:hover::before { background:white; color:#333; }

#main-slide .nav { display: flex; align-items: center; position:absolute; top: 0; bottom: 0; width: 14%; z-index:2; cursor:pointer; }
#main-slide .nav i {  z-index:2; color: rgba(255, 255, 255, 0.5); font-size: 80px; }
#main-slide .prev { left: 0; justify-content: flex-end; padding-right: 3%;}
#main-slide .next { right: 0; justify-content: flex-start; padding-left: 3%;}
#main-slide .nav:hover i { color: white; }

#main-slide .swiper-slide .c { position: relative; height:100%; padding:0; border:1px solid transparent;/*IE Bug:: border 부분을 넣어야함*/ }
#main-slide .content { display:flex; width:100%; height:100%; flex-direction:column; justify-content:center; align-items:center; gap:15px; color:#fff; }

#main-slide .content .head { margin-bottom: 0; font-family: 'NSR'; }
#main-slide .content .desc { margin-top: -10px; animation-delay: 600ms;  font-size:42px;}
#main-slide .content .desc2 { margin-top: 5px; animation-delay: 700ms;  font-size:21px;}
#main-slide .content .btn-area { margin-top: 30px; animation-delay: 800ms; }
#main-slide .content .btn-view { position: relative; display: inline-block; padding: 0 30px; height: 46px; line-height: 44px; color: #333; }
#main-slide .content .btn-view::before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 23px; background: white; transition-duration: 300ms; }
#main-slide .content .btn-view:hover::before { transform: scale(0.9); }
#main-slide .content .btn-view span { position: relative; }

#main-slide .sli1 .bg-cover{background-image:url("/img/grit/pc_main01.png"); background-size:100%; background-repeat:no-repeat;}
#main-slide .sli2 .bg-cover{background-image:url("/img/grit/pc_main02.png"); background-size:100%; background-repeat:no-repeat;}
#main-slide .sli3 .bg-cover{background-image:url("/img/grit/pc_main03.png"); background-size:100%; background-repeat:no-repeat;}

.title_box { display: flex; align-items: flex-start; margin-top: 80px; } 
.title_box .title { font-size: 50px; line-height: 70px; font-weight: 700; } 
.title_box .more { margin: 24px 0 0 auto; padding-right: 22px; background: url(/resources/images/ico_more_gray.svg) no-repeat right center; color: #666; font-size: 18px; line-height: 23px; } 
.title_box .s_txt { margin: 70px 0 0 auto; color: #666; font-size: 14px; line-height: 18px; font-weight: 300; } 

.main_slides{width:100%;}
.main_slides .slides_info{max-width:92vw; height:890px; margin:0 auto; background:url("/img/grit/QSHero-Feb2022-noLogo-rounded.jpg")no-repeat; background-size:100%; display:flex; justify-content:center;}
.main_slides .slides_info .slides_txt{display:flex; flex-direction:column; padding-top:100px; text-align:center; gap:20px;}
.main_slides .slides_info .slides_txt h2{font-size:40px; color:#fff; font-weight:bold;}
.main_slides .slides_info .slides_txt p{font-size:24px; color:#f7f7f7; font-weight:500;}

.ma_environment_wrap { background: #fff; width:100%; max-width:1400px; margin:50px auto; } 
.ma_environment { display: flex; margin-top: 26px; padding-bottom: 90px; } 
.ma_environment .datalist { flex: 1; } 
.ma_environment .datalist > li + li { margin-top: 16px; } 
.ma_environment .datalist .inbox { display: flex; align-items: center; padding: 28px 40px 28px 30px; border: 0.5px solid #e0e1e2; border-radius: 20px; background: #fff; box-shadow: 0px 3px 10px 0px rgba(104, 111, 115, 0.15); } 
.ma_environment .datalist .inbox .ico { width: 75px; height: 75px; margin-right: 20px; border-radius: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; } 
.ma_environment .datalist .inbox .tit { font-size: 24px; line-height: 31px; font-weight: 700; } 
.ma_environment .datalist .inbox .con { position: relative; margin-left: auto; text-align: right; } 
.ma_environment .datalist .inbox .con .txt { font-size: 35px; line-height: 49px; font-weight: 700; } 
.ma_environment .datalist .inbox .con .cnt { position: absolute; right: 0; top: 100%; margin-top: -2px; color: #ff5042; font-size: 12px; line-height: 16px; } 
.ma_environment .databox { flex: 1; position: relative; margin-left: 20px; border-radius: 20px; background: url(/img/eco/ma_bg_environment01.png) no-repeat center bottom #e9faf4; background-size: cover; } 
.ma_environment .databox .leftbox { display: flex; flex-direction: column; align-items: flex-start; position: absolute; top: 43px; left: 40px; } 
.ma_environment .databox .leftbox .tit { font-size: 24px; line-height: 31px; font-weight: 700; } 
.ma_environment .databox .leftbox .con .txt { font-size: 35px; line-height: 49px; font-weight: 700; } 
.ma_environment .databox .leftbox .con .cnt { margin-top: -2px; padding-right: 2px; color: #2ebab4; font-size: 12px; line-height: 16px; text-align: right; } 
.ma_environment .databox .rightbox { position: absolute; top: 42px; left: 237px; color: #393f44; font-size: 26px; line-height: 34px; font-weight: 700; } 
.ma_environment .databox .rightbox em { color: #2ebab4; }

.enviroment{ margin:0 auto; max-width: 1400px; display: flex; flex-direction: column; gap: 20px; }
.enviroment .slick-slide { margin: 0 10px;}
.enviroment .slick-list { margin: 0 -10px;}
.enviroment .top-section { width:100%; }
.enviroment .icon-box {  display: flex !important; background-color: #f7fef7; border: 1px solid #d9f2d9; border-radius: 10px; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; }
.enviroment .icon-box img { width: 50px; height: 50px; object-fit:cover; margin-right: 20px; }
.enviroment .icon-box .icon-text{display:flex; flex-direction:column; gap:5px; text-align:left;}
.enviroment .icon-box .icon-text span{font-size: 16px; font-weight:700;}
.enviroment .icon-box .icon-text p{font-size:20px; font-weight:700; margin:0;}
.enviroment .bottom-section { width:100%; }
.enviroment .content-box { flex: 1; display: flex !important; justify-content: space-between; background-color: #dfffd9; border: 1px solid #b8f5b3; border-radius: 10px; padding: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center; }
.enviroment .content-box img {  height: 230px; }
.enviroment .content-box .content-text{display:flex; flex-direction:column; gap:30px; text-align:left;}
.enviroment .content-box .content-text span { font-size: 26px; font-weight: 700; }
.enviroment .content-box .content-text p { font-size: 48px; font-weight: 700; margin:0;}



.contents02{width:100%; max-height:780px; padding:90px 0 120px 6vw; background-color:#f0f0f0; margin-top:40px;}
.contents02 .flt_clr{width:100%; display:flex;}
.contents02 .flt_clr .tit_box{max-width:258px; margin-top:100px; margin-bottom:60px;}
.contents02 .flt_clr .tit_box .tit{font-size:45px; letter-spacing:-0.01em; line-height:1.11; font-weight:700; color:#000; margin:0; padding:0;}
.contents02 .flt_clr .tit_box .sub_tit{margin:20px 0 0; font-weight:300; color:#777;}
.contents02 .flt_clr .tit_box .btn_box{margin-top:60px;}
.contents02 .flt_clr .tit_box .btn_box .btn{display:inline-block; position:relative; width:50px; height:50px; vertical-align:top; border:1px solid #b7b7b7; cursor:pointer;}
.contents02 .flt_clr .tit_box .btn_box .btn i{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.contents02 .flt_clr .tit_box .btn_box .btn i img{max-width:100%;}
.contents02 .flt_clr .product_list{width:calc(100% - 308px); margin-left:50px; }
.contents02 .flt_clr .product_list .swiper-container2{padding-top:30px; overflow:hidden;}
.contents02 .flt_clr .product_list .swiper-container2 li{max-width:360px; width:25%;}
.contents02 .flt_clr .product_list .swiper-container2 .product{position:relative; transition:all 0.5s; margin-bottom:20px;}
.contents02 .flt_clr .product_list .swiper-container2 li.active .product{transform:translateY(-30px);}
.contents02 .flt_clr .product_list .swiper-container2 li.active .product::after{content:''; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(31,31,31,0.31); box-shadow:12.3px 13.2px 29px 0 rgba(0, 0, 0, 0.36);}
.contents02 .flt_clr .product_list .swiper-container2 .product .img_box{}
.contents02 .flt_clr .product_list .swiper-container2 .product .img_box img{width:100%; height:500px; object-fit:cover;}
.contents02 .flt_clr .product_list .swiper-container2 .product .info_box{display:none; position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; padding:0 30px; text-align:center;}
.contents02 .flt_clr .product_list .swiper-container2 .product .info_box h2{font-size:40px; font-weight:bold; letter-spacing:-0.4px; color:#fff; margin:0;}
.contents02 .flt_clr .product_list .swiper-container2 .product .info_box p{margin:20px 0 0; color:#e2e2e2;}
.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box{margin-top:64px;}
.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box a{max-width:240px; display:inline-block; width:100%; height:60px; line-height:60px; color:#fff; text-align:center; cursor:pointer; border:2px solid #fff; padding:0 20px;}
.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box a i{margin-left:10px;}


.contents02 .flt_clr .product_list .swiper-container2 li.active .product .info_box{display:block;}
.contents02 .flt_clr .product_list .swiper-container2 li .sub_t{font-size:28px; line-height:1.5; letter-spacing:-0.01em; font-weight:400; text-align:center; margin:0; padding:0;}
.contents02 .flt_clr .product_list .swiper-container2 li .more_box{display:none;}
.contents02 .flt_clr .product_list .swiper-container2 li .more_box a{display:inline-block; padding:5px 0; font-weight:500;}
.contents02 .flt_clr .product_list .swiper-container2 li .more_box a i{display:inline-block; margin-left:20px;}

.contents02 .flt_clr .product_list .swiper-container2 li.active .sub_t{display:none;}
.contents02 .flt_clr .product_list .swiper-container2 li.active .more_box{display:block;}


.btm_cts{width:100%; background:#F0F0F0; height:830px;}
.btm_cts .cts_inner{width:100%; max-width:1720px; margin:0 auto; position:relative;}
.btm_cts .cts_inner .business_wrap{position:relative; overflow-x:hidden;}
.btm_cts .cts_inner .business_wrap .business_paging{position:absolute; left:0; top:185px; display:flex; align-items:center; gap:41px; z-index:2;}
.btm_cts .cts_inner .business_wrap .business_paging li{ position:relative; cursor:pointer;}
.btm_cts .cts_inner .business_wrap .business_paging li a{transition:all .1s; font-size:24px; color:#666;}
.btm_cts .cts_inner .business_wrap .business_paging li:first-child a:after{content:""; width:1px; height:24px; background-color:#c2c6c7; display:inline-block; position:absolute; right:-21px; top:6px;}
.btm_cts .cts_inner .business_wrap .business_paging li.on a{font-size:28px; color:#1864cb; font-weight:600;}
.btm_cts .cts_inner .business_wrap .domestic{width:100%; padding-left:275px;}
.btm_cts .cts_inner .business_wrap .domestic .inner{max-width:935px; height:730px; background:url("/img/eco/domestic_busi_bg.png")center top no-repeat; padding:0 28px;}
.btm_cts .cts_inner .business_wrap .overseas{width:100%; padding-left:200px; padding-top:70px;}
.btm_cts .cts_inner .business_wrap .overseas .inner{max-width:1135px; height:660px; background:url("/img/eco/overseas_busi_bg11.png") left top 30px no-repeat;}
.btm_cts .cts_inner .business_wrap .overseas .overseas_tit{display:flex; justify-content:center; gap:30px;}
.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span{display:flex; gap:8px; font-size;14px;}
.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span:before{content:''; width:16px; height:22px; background-image:url("/img/eco/overseas_ico.png"); background-repeat:no-repeat; display:block;}
.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span.tit01:before{background-position:0 0;}
.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span.tit02:before{background-position:0 -32px;}
.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span.tit03:before{background-position:0 -64px;}
.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span.tit04:before{background-position:0 -96px;}

.btm_cts .cts_inner .business_wrap .text_info{position:absolute; left:0; top:240px; font-size:15px; line-height:1.7; width:100%; margin:0; padding:0;}
.btm_cts .cts_inner .business_wrap .more{position:absolute; left:0; top:395px; display:flex; align-items:center; justify-content:space-between; height:50px; border:1px solid #242424; border-radius:15px; padding:6px 15px 4px; width:100%; max-width:200px; background-image:linear-gradient(#003461, #003461); background-size:0 100%; background-repeat:no-repeat; transition:.4s; color:#242424;}
.btm_cts .cts_inner .business_wrap .more:after{content:""; background:url("/img/eco/ico_sprite.png") -44px -10px no-repeat; width:8px; height:14px; display:block;}

.btm_cts .cts_inner .business_wrap .control{width:90px; display:flex; align-items:center; right:auto; left:0; top:335px; height:20px; position:absolute;}
.btm_cts .cts_inner .business_wrap .control button{width:30px; height:30px; font-size:0; line-height:0; background:0; border:0; background-image:url("/img/eco/ico_sprite.png"); background-repeat:no-repeat; color:#242424;}
.btm_cts .cts_inner .business_wrap .control button.prev_btn{background-position:0 0;}
.btm_cts .cts_inner .business_wrap .control button.next_btn{background-position:-30px 0; margin-left:4px;}
.btm_cts .cts_inner .business_wrap .control button.crt_btn{width:20px; margin-left:auto; position:relative; top:auto;}
.btm_cts .cts_inner .business_wrap .control button.play{background-position:-90px 0;}
.btm_cts .cts_inner .business_wrap .control button.pause{background-position:-60px 0;}





.btm_cts .cts_inner .info_center_wrap{position:absolute; right:0; top:150px; z-index:2; width:450px; height:440px; border-radius:30px; box-shadow:1px 2px 8px 0 rgba(0, 1, 1, 0.24); padding:40px; background:url("/img/eco/info_center_bg2.png") right bottom 18px no-repeat, linear-gradient(to bottom, #edf0fa 150px, #fff 150px);}
.btm_cts .cts_inner .info_center_wrap .info_center{width:100%;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts{position:relative; display:flex;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts > li.on > a{color:#1864cb; font-size:28px; font-weight:600; display:block; line-height:30px; transition:all .1s; position:relative;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current{display:flex; flex-wrap:wrap; margin-top:15px; position:absolute; left:0; top:40px; width:100%;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current .txt{font-size:15px; width:100%; line-height:1.7; margin:0; padding:0;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current .txt br{display:none;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul{width:100%; margin-top:55px; display:flex; flex-direction:column; gap:20px;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul a{display:flex; align-items:center; gap:18px;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul a:before{content:"";width:40px;height:40px;min-width:40px;display:block;background-color:#1c8be0;background-image:url("/img/eco/info_center_ico.png");background-repeat:no-repeat;background-size:cover;border-radius:6px;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list01 a:before{background-position:0 0;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list02 a:before{background-position:0 -50px;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list03 a:before{background-position:0 -100px;}
.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list04 a:before{background-position:0 -150px;}

.sec_customer_1{padding:100px 0; text-align:center; background:url("/img/ocen/main-contact.png")top/cover no-repeat;}
.sec_customer_1 .info{text-align:center;}
.sec_customer_1 .info p{margin:0; font-size:16px; font-weight:bold; color:#fff; text-shadow:1px 1px #000;}



@media (max-width:1550px){
	.top_cts{height:auto; background:none; position:relative;}
	.top_cts .cts_inner{padding:0 30px;}
	.top_cts .cts_inner .visual_wrap{left:auto; position:relative;}
	.top_cts .cts_inner .main_quickmenu{padding-left:50px; width:calc(100% - 570px); height:auto;}
	.top_cts .cts_inner .main_quickmenu h2{padding-top:40px;}
	.top_cts .board_wrap:before{content:''; width:100%; height:420px; background:#ecf2f5; position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:-1;}
	.top_cts .board_wrap .bw_inner{padding:0;}
	.top_cts .board_wrap .bw_inner .item{margin-top:45px;}
	.top_cts .board_wrap .bw_tab{padding-left:0;}
	.btm_cts{height:auto; margin-top:0; background:none;}
	.btm_cts .cts_inner{}
	.btm_cts .cts_inner .business_wrap{height:730px; overflow:hidden; padding:0 30px; background:#d8edf6;}
	.btm_cts .cts_inner .business_wrap .business_paging{left:30px;}
	.btm_cts .cts_inner .business_wrap .control{left:30px;}
	.btm_cts .cts_inner .business_wrap .domestic{padding-left:260px;}
	.btm_cts .cts_inner .business_wrap .domestic .inner{width:100%; max-width:none;}
	.btm_cts .cts_inner .business_wrap .overseas{padding-left:220px;}
	.btm_cts .cts_inner .business_wrap .overseas .inner{width:100%; max-width:1135px; margin:0 auto; background-size:contain;}
	.btm_cts .cts_inner .info_center_wrap{position:relative; right:auto; top:auto; width:100%; background:#fff; box-shadow:none; border-radius:0; padding:50px 30px; height:265px;}
	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul{margin-top:48px; flex-direction:row;}
	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li{width:calc(100% / 4);}
}


@media (max-width: 1024px) {
	#main-slide .nav { width: 60px; padding: 0 !important; }
	#main-slide .prev { padding-right: 15px; }
	#main-slide .next { padding-left: 15px; }
}
.pc_y{display:block;}
.mobile_y{display:none;}
@media (max-width: 900px) {
	.sec-main-visual { height:300px;padding-top: 0; }
	
	
	.navbar.in_mohd .navbar_cont{border-bottom:0;}

	.pc_y{display:none;}
	.mobile_y{display:block;}

	.top_cts .board_wrap .bw_tab{padding-left:0;}

	#main-slide .sli1 .bg-cover{background-size:100% 100%; background-image:url("/img/grit/m_main01.png");}
	#main-slide .sli2 .bg-cover{background-size:100% 100%; background-image:url("/img/grit/m_main02.png");}
	#main-slide .sli3 .bg-cover{background-size:100% 100%; background-image:url("/img/grit/m_main03.png");}

	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul a{justify-content:flex-end;}	
	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list02 a{justify-content:flex-start;}
	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li.list04 a{justify-content:flex-start;}

	
	#main-slide, #main-slide .swiper-container{height:470px;}
	#main-slide .content { position:static; width:100%; height:100%; padding:0 20px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:white; }
	#main-slide .ctrl{display:none;}
	#main-slide .nav{display:none;}
	#main-slide .content .head { font-size:26px; font-weight:bold; }
	#main-slide .content .desc { font-size:20px; margin-top:10px; }
	#main-slide .content .desc2{width:80%; font-size:18px;}

	.navbar_sslogin{flex-wrap:wrap;}
	.nab_box .nabs_botop .navbar_ssbtn{font-size:12px; margin-left:10px; height:30px; line-height:30px; padding:0 8px; display:none;}
	.nab_box .nabs_botop .navbar_sstxt{display:none;}
	.nab_box .nabs_botop .navbar_sstxt.money{display:none;}

	
	.ma_environment_wrap .inner_center{padding:0 20px;}
	.title_box{flex-wrap:wrap;}
	.title_box .title{font-size:28px; line-height:34px; margin:0; text-align:center; width:100%;}
	.title_box .s_txt{margin:10px 0 0 auto;}
	.ma_environment{flex-wrap:wrap;}
	.ma_environment .datalist{flex:auto; width:100%;}
	.ma_environment .datalist .inbox{padding:15px 30px 15px 20px;}
	.ma_environment .datalist .inbox .ico{width:60px; height:60px;}
	.ma_environment .datalist .inbox .tit{font-size:16px; line-height:30px; margin:0;}
	.ma_environment .datalist .inbox .con .txt{font-size:24px; line-height:26px; margin:0;}
	.ma_environment .datalist .inbox .con .cnt{margin-top:5px;}
	.ma_environment .databox{flex:auto; width:100%; display:flex; justify-content:space-between; padding:20px 20px 60px; margin-left:0;}
	.ma_environment .databox .leftbox{position:static;}
	.ma_environment .databox .leftbox .tit{font-size:16px; line-height:28px; margin-bottom:10px;}
	.ma_environment .databox .leftbox .con .txt{font-size:24px; line-height:34px; margin-bottom:10px;}
	.ma_environment .databox .rightbox{font-size:16px; line-height:26px; position:static;}

	.enviroment .bottom-section{flex-direction:column; gap:20px;}
	.enviroment .content-box .content-text span{font-size:16px;}
	.enviroment .content-box .content-text p{font-size:28px;}
	.enviroment .content-box img{height:130px;}


}





.home_slider{width:100%; max-width:1400px; max-height:815px; min-height:720px; height:91vh; margin:0 auto;}
.home_slider .slick-slider-wrapper{width:100%; height:100%; position:relative;}
.main-slider{width:100%; height:100%;}
.main-slider .slick-list{width:100%; height:100%; position:relative; overflow:hidden;}
.main-slider .slick-list .slick-track{width:100%; height:100%;}
.main-slider .slick-list .slick-track .slick-item{width:100%; height:100%; display:block;}
.main-slider .slick-list .slick-track .slick-slide > div{width:100%; height:100%;}
.main-slider .slick-list .slick-track .slick-item .slick_item_info{display:flex; height:100%; width:100%;}
.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text{display:flex; flex-direction:column; width:40%; height:100%;}
.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt{height:calc(100% - 70px); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 70px;}
.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt h2{font-size:32px; font-weight:normal; line-height:42px; margin:0;}
.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt p{margin:15px 0 0; font-size:16px; line-height:28px; word-break:break-word;}
.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text a{display:flex; width:100%; height:70px; align-items:center; background:#321850; color:#fff; padding-left:72px;}
.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_img{width:60%; height:100%;}
.main-slider .slick-list .slick-track .slick-item .slick_item_info .slick_img .slick_background{width:100%; height:100%; background-position:right center; background-repeat:no-repeat; background-size:cover; display:block;}
.slick_background1{background-image:url("/img/eco/main-1.jpg");}
.slick_background2{background-image:url("/img/eco/main-2.jpg");}
.slick_background3{background-image:url("/img/eco/main-3.jpg");}
.home_slider .slick-slider-absolute-pagination{position:absolute; bottom:0; left:0; right:0;}
.home_slider .slick-slider-absolute-pagination .item{width:100%; max-width:16%; margin:0 auto;}
.slick-slider-pagination-wrapper{background:#e8e8e8; height:70px; position:relative; z-index:2; margin-left:-28px;}
.slick-slider-pagination-wrapper p{margin:0;}
.slick-slider-pagination-wrapper .slick-arrow{transform:translateX(-50%); bottom:16px; left:50%; margin-left:-40px; transition:color ease-in-out .15s; color:#321850; cursor:pointer; display:inline-block; position:absolute; }
.slick-slider-pagination-wrapper .slick-arrow i{display:inline-block; font-size:20px; padding:5px 5px;}
.slick-slider-pagination-wrapper .slick-arrow + .slick-arrow{margin-left:40px;}
.slick-slider-pagination{list-style:none; margin:0; padding:0;}
.slick-slider-pagination li{transform:translateX(-50%); bottom:16px; left:50%; position:absolute; display:inline-block;}
.slick-slider-pagination li .h3{display:inline-block; font-size:20px; font-weight:normal; line-height:30px; margin:0;}
.slick-slider-pagination li .u-caption{display:inline-block; color:#878787; font-size:14px; line-height:24px; margin-left:5px; position:relative;}
.slick-slider-pagination li + li{margin-top:0;}
.slick-slider-pagination li:not(.slick-active){display:none;}


.main_news{width:100%; max-width:1400px; margin:0 auto;}
.main_news .news_info{width:100%; display:flex;}
.main_news .news_info .news_list{width:40%; padding:100px 70px; display:flex; flex-direction:column; gap:40px; background:#ebe8ee;}
.main_news .news_info .news_list .item{width:100%;}
.main_news .news_info .news_list .item h2{font-size:24px; font-weight:500; margin:0;}
.main_news .news_info .news_list .item ul{width:100%; margin:20px 0 0; display:flex; flex-direction:column; gap:20px;}
.main_news .news_info .news_list .item ul li{width:100%;}
.main_news .news_info .news_list .item ul li a{display:block; width:100%; font-size:16px;}
.main_news .news_info .news_content{width:60%; padding:100px 70px;}
.main_news .news_info .news_content .item{max-width:550px; margin:0 auto;}
.main_news .news_info .news_content h4{font-size:16px; font-weight:normal; margin:0 0 15px;}
.main_news .news_info .news_content h2{font-size:30px; font-weight:500; margin:0 0 30px;}
.main_news .news_info .news_content p{margin-bottom:30px; font-size:16px; font-weight:normal;}
.main_news .news_info .news_content a{display:inline-block; padding:10px 20px; border:1px solid #000; font-weight:500; font-size:16px;}


.main_sub{width:100%; max-width:1400px; height:710px; margin:0 auto; overflow:hidden;}
.main_sub .sub_slide{width:100%; height:100%;}
.main_sub .sub_slide .slick-slider-wrapper{width:100%; height:100%; position:relative;}
.main_sub .sub_slide .slick-slider-wrapper .sub-slider{width:100%; height:100%;}
.main_sub .sub_slide .slick-slider-wrapper .sub-slider > div{width:100%; height:100%;}
.main_sub .sub_slide .slick-slider-wrapper .sub-slider .slick-track{width:100%; height:100%;}
.main_sub .sub_slide .slick-slider-wrapper .sub-slider .slick-track .slick-slide > div{width:100%; height:100%;}
.sub-slider .sub_item{width:100%; height:100%; display:block; position:relative;}
.sub-slider .sub_item .sub_txt{width:100%; padding:100px 72px; position:relative; z-index:1;}
.sub-slider .sub_item .sub_txt .sub_text{padding:0 12px; max-width:41%; margin-left:7%;}
.sub-slider .sub_item .sub_txt .sub_text h4{font-size:14px; font-weight:500; margin:0;}
.sub-slider .sub_item .sub_txt .sub_text h2{font-size:24px; font-weight:500; margin:30px 0 0;}
.sub-slider .sub_item .sub_txt .sub_text p{font-size:14px; line-height:26px; font-weight:normal; margin-top:20px; margin-bottom:0;}
.sub-slider .sub_item .sub_txt .sub_text a{font-size:16px; margin-top:20px; font-weight:500; display:block; color:#000;}
.sub-slider .sub_item .sub_txt .sub_text.sub_white{color:#fff;}
.sub-slider .sub_item .sub_txt .sub_text.sub_white a{color:#fff;}
.sub-slider .sub_item .sub_background{top:0; left:0; right:0; bottom:0; z-index:0; position:absolute;}
.sub-slider .sub_item .sub_background .bg_img{top:0; left:0; right:0; bottom:0; position:absolute; background-size:cover; background-repeat:no-repeat; background-position:center center; height:100%; display:block;}
.sub_background .bg_img1{background-image:url("/img/eco/mainsub-1.jpg");}
.sub_background .bg_img2{background-image:url("/img/eco/mainsub-2.jpg");}
.sub_background .bg_img3{background-image:url("/img/eco/mainsub-3.jpg");}
.slick-slider-wrapper .sub_pagenation{position:absolute; bottom:100px; left:0; right:0; z-index:3; padding:0 72px;}
.slick-slider-wrapper .sub_pagenation .info{display:flex; padding:0 12px; margin-left:7%;}
.slick-slider-wrapper .sub_pagenation .info .sub_tab{font-weight:bold; transition:opacity linear .5s; display:flex; flex-direction:column; align-items:center;}
.slick-slider-wrapper .sub_pagenation .info .sub_tab .link_txt{margin-top:10px; padding-left:0; color:#321850; transition:all ease-in-out .15s; cursor:pointer; display:inline;}
.slick-slider-wrapper .sub_pagenation .info .sub_tab .sg-icon{font-size:60px; color:#321850; transition:all ease-in-out .15s; cursor:pointer;}
.slick-slider-wrapper .sub_pagenation .info .sub_tab + .sub_tab {margin-left:60px;}
.slick-slider-wrapper .sub_pagenation .info .sub_tab:not(.active){opacity:.5;}

.sg-icon{font-family: 'SG-Icon-Font' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale}
.sg-icon-location_blade:before {
    content: ""
}

.sg-icon-location_factory:before {
    content: ""
}

.sg-icon-location_pin:before {
    content: ""
}

.sg-icon-location_service:before {
    content: ""
}

.sg-icon-location_store:before {
    content: ""
}

.sg-icon-collapse:before {
    content: ""
}

.sg-icon-country:before {
    content: ""
}

.sg-icon-special_features:before {
    content: ""
}

.sg-icon-download_down:before {
    content: ""
}

.sg-icon-download_up:before {
    content: ""
}

.sg-icon-expand:before {
    content: ""
}

.sg-icon-location:before {
    content: ""
}

.sg-icon-output:before {
    content: ""
}

.sg-icon-partner:before {
    content: ""
}

.sg-icon-pause_video:before {
    content: ""
}

.sg-icon-play_video:before {
    content: ""
}

.sg-icon-scope:before {
    content: ""
}

.sg-icon-sound_off:before {
    content: ""
}

.sg-icon-sound_on:before {
    content: ""
}

.sg-icon-year:before {
    content: ""
}

.sg-icon-customer_benefit:before {
    content: ""
}

.sg-icon-experience_since:before {
    content: ""
}

.sg-icon-fleet_availabilty:before {
    content: ""
}

.sg-icon-issues_resolved:before {
    content: ""
}

.sg-icon-life_time:before {
    content: ""
}

.sg-icon-production_increase:before {
    content: ""
}

.sg-icon-serial_production:before {
    content: ""
}

.sg-icon-service_category:before {
    content: ""
}

.sg-icon-weather_uptime:before {
    content: ""
}

.sg-icon-backlog:before {
    content: ""
}

.sg-icon-blade:before {
    content: ""
}

.sg-icon-client:before {
    content: ""
}

.sg-icon-commonfile:before {
    content: ""
}

.sg-icon-commonphone:before {
    content: ""
}

.sg-icon-communications:before {
    content: ""
}

.sg-icon-community:before {
    content: ""
}

.sg-icon-compliance:before {
    content: ""
}

.sg-icon-conference:before {
    content: ""
}

.sg-icon-construction:before {
    content: ""
}

.sg-icon-efficiency:before {
    content: ""
}

.sg-icon-employees:before {
    content: ""
}

.sg-icon-energy:before {
    content: ""
}

.sg-icon-grid:before {
    content: ""
}

.sg-icon-gwinstalled:before {
    content: ""
}

.sg-icon-hseq:before {
    content: ""
}

.sg-icon-humanresources:before {
    content: ""
}

.sg-icon-internet:before {
    content: ""
}

.sg-icon-it:before {
    content: ""
}

.sg-icon-itapplication:before {
    content: ""
}

.sg-icon-lightbulb:before {
    content: ""
}

.sg-icon-manufacturing:before {
    content: ""
}

.sg-icon-money:before {
    content: ""
}

.sg-icon-nacelle:before {
    content: ""
}

.sg-icon-noise_emissions:before {
    content: ""
}

.sg-icon-nominal_power2:before {
    content: ""
}

.sg-icon-pm:before {
    content: ""
}

.sg-icon-procurement:before {
    content: ""
}

.sg-icon-profit:before {
    content: ""
}

.sg-icon-quality:before {
    content: ""
}

.sg-icon-realtime:before {
    content: ""
}

.sg-icon-revenue:before {
    content: ""
}

.sg-icon-sales:before {
    content: ""
}

.sg-icon-scale:before {
    content: ""
}

.sg-icon-securefile:before {
    content: ""
}

.sg-icon-supplychain:before {
    content: ""
}

.sg-icon-sustainability:before {
    content: ""
}

.sg-icon-tower:before {
    content: ""
}

.sg-icon-training:before {
    content: ""
}

.sg-icon-appaccess:before {
    content: ""
}

.sg-icon-shareprice_down:before {
    content: ""
}

.sg-icon-shareprice_up:before {
    content: ""
}

.sg-icon-swipen_mobile:before {
    content: ""
}

.sg-icon-youtube:before {
    content: ""
}

.sg-icon-twitter:before {
    content: ""
}

.sg-icon-linkedin:before {
    content: ""
}

.sg-icon-instagram:before {
    content: ""
}

.sg-icon-facebook:before {
    content: ""
}

.sg-icon-windenergy:before {
    content: ""
}

.sg-icon-service:before {
    content: ""
}

.sg-icon-onshore:before {
    content: ""
}

.sg-icon-offshore:before {
    content: ""
}

.sg-icon-wind_class:before {
    content: ""
}

.sg-icon-technology:before {
    content: ""
}

.sg-icon-rotor_diameter:before {
    content: ""
}

.sg-icon-nominal_power:before {
    content: ""
}

.sg-icon-hub_high:before {
    content: ""
}

.sg-icon-available_certificate:before {
    content: ""
}

.sg-icon-telefonnummer:before {
    content: ""
}

.sg-icon-sorting:before {
    content: ""
}

.sg-icon-service_benefits:before {
    content: ""
}

.sg-icon-search:before {
    content: ""
}

.sg-icon-plus:before {
    content: ""
}

.occupation{width:100%; max-width:1400px; margin:0 auto;}
.occupation .occupation_info{width:100%; display:flex;}
.occupation .occupation_info .left_txt{width:40%; padding:100px 70px; background:#f4f4f4;}
.occupation .occupation_info .left_txt h4{font-size:16px; font-weight:500; margin:0;}
.occupation .occupation_info .left_txt h2{font-size:24px; font-weight:500; margin:30px 0 0;}
.occupation .occupation_info .left_txt p{margin:20px 0 0; font-size:14px;}
.occupation .occupation_info .left_txt a{display:block; font-size:14px; margin-top:20px; font-weight:500; color:#000;}
.occupation .occupation_info .right_txt{width:60%; padding:100px 70px;}
.occupation .occupation_info .right_txt .item{max-width:550px; margin:0 auto;}
.occupation .occupation_info .right_txt h4{font-size:16px; font-weight:normal; margin:0 0 15px;}
.occupation .occupation_info .right_txt h2{font-size:30px; font-weight:500; margin:0 0 30px;}
.occupation .occupation_info .right_txt p{margin-bottom:30px; font-size:16px; font-weight:normal;}
.occupation .occupation_info .right_txt a{display:inline-block; padding:10px 20px; border:1px solid #000; font-weight:500; font-size:16px;}


.tile_img{width:100%; max-width:1400px; margin:0 auto; padding:100px 0;}
.tile_img .tile_imgwrapper{width:100%; height:100%; position:relative;}
.tile_img .tile_imgwrapper .tile_imgwrapper_pagination{width:100%; height:36px;}
.tile_img .tile_imgwrapper .tile_imgwrapper_pagination .item{width:100%; height:100%;}
.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper{width:110px; height:100%; position:relative;}
.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-arrow{transform:translateX(-50%); bottom:0; left:50%; margin-left:-40px; transition:color ease-in-out .15s; color:#321850; cursor:pointer; display:inline-block; margin-top:0; margin-bottom:0; position:absolute; }
.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-arrow + .tile-arrow{margin-left:40px;}
.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination{height:100%;}
.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination li{transform:translateX(-50%); bottom:0; left:50%; display:inline-block; position:absolute;}
.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination li .h3{display:inline-block; font-size:20px; font-weight:normal; line-height:30px; margin:0;}
.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination li .u-caption{display:inline-block; color:#878787; font-size:14px; line-height:24px; margin-left:5px; position:relative;}
.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination li + li{margin-top:0;}
.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper .tile-slider-pagination li:not(.active){display:none;}

.tile_img .tile_imgwrapper .tile_img_slider{height:100%; margin-top:60px;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item{width:100%; padding:0;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_top{width:100%;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_top h4{font-size:16px; font-weight:500; margin:0;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_top h2{font-size:26px; font-weight:500; margin:30px 0 0;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info{width:100%; display:flex; margin-top:40px;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text{width:50%; padding:0 100px;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text p{font-size:16px; line-height:28px; margin:0;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text p + p{margin-top:20px;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text a{margin-top:20px; display:inline-block; padding:10px 20px; border:1px solid #321850; font-weight:500; font-size:16px; background:#321850; color:#fff;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_img{width:50%;}
.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_img img{width:100%;}

.interest{width:100%; max-width:1400px; margin:0 auto 40px;}
.interest .interest_top{width:100%;}
.interest .interest_top h2{font-size:26px; font-weight:500; margin:0;}
.interest .interest_top .interest_item{width:100%; margin-top:40px; display:flex; justify-content:space-between;}
.interest .interest_top .interest_item .item{width:30%;}
.interest .interest_top .interest_item .item img{width:100%;}
.interest .interest_top .interest_item .item h4{font-size:16px; margin:30px 0 0; font-weight:500;}
.interest .interest_top .interest_item .item h3{font-size:24px; font-weight:500; margin:20px 0 0;}
.interest .interest_top .interest_item .item p{margin:30px 0 0; font-size:16px; line-height:28px;}
.interest .interest_top .interest_item .item ul{width:100%; margin-top:20px; display:flex; flex-wrap:wrap;}
.interest .interest_top .interest_item .item ul li{width:50%; margin-bottom:10px;}
.interest .interest_top .interest_item .item ul li b{margin-left:10px; font-size:16px;}

.review_content{width:100%; background:#f8f8fc; padding:100px 0; margin:40px 0;}
.review_content .yotube_review{width:100%; max-width:1400px; margin:0 auto 100px;}
.review_content .yotube_review .top{width:100%; margin-bottom:40px; text-align:center;}
.review_content .yotube_review .top h2{font-size:40px; font-weight:700; line-height:56px; text-align:center; color:#12124f; margin:0 0 30px;}
.review_content .yotube_review .top a{font-size:24px; font-weight:500; line-height:48px; text-align:center; color:#fd5572;}
.review_content .yotube_review .content{display:flex; gap:20px;}
.review_content .yotube_review .content .item{flex:1 1 auto; width:calc(33.3333% - 10px); }
.review_content .yotube_review .content .item img{width:100%; border-radius:10px;}
.review_content .yotube_review .content .item h4{margin:24px 0 0; font-size:20px; font-weight:500; text-align:center;}

.review_content .site_review{width:100%; max-width:1400px; margin:0 auto;}
.review_content .site_review .top{width:100%; margin-bottom:30px; text-align:center;}
.review_content .site_review .top h2{font-size:36px; font-weight:700; line-height:52px; text-align:center; color:#12124f; margin:0 0 30px;}
.review_content .site_review .top p{font-size:20px; font-weight:400; line-height:30px; text-align:center; color:#404040; padding:16px 0 40px; margin:0;}
.review_content .site_review .top a{font-size:20px; font-weight:500; line-height:48px; text-align:center; color:#404040;}
.review_content .site_review .top a i{color:#fd5572;}
.review_content .site_review .content{display:flex; gap:20px;}
.review_content .site_review .content .item{flex:1 1 auto; width:calc(33.3333% - 10px);  padding:30px 20px; overflow:hidden;}
.review_content .site_review .content .item img{width:100%; border-radius:10px;}
.review_content .site_review .content .item p{font-size:20px; font-weight:500; line-height:16px; padding-top:16px; margin:0; text-align:center;}

.sunlisk{width:100%; }
.sunlisk .sunlist_info{width:100%; max-width:1280px; margin:50px auto;}
.sunlisk .sunlist_info .sunlist_content{width:100%; display:flex; gap:20px; margin-top:30px;}
.sunlisk .sunlist_info .sunlist_content .item{flex:1 1 auto; width:calc(33.3333% - 10px);  padding:30px 20px; overflow:hidden; border:1px solid #ddd; border-radius:7px;}
.sunlisk .sunlist_info .sunlist_content .item h2{color:#fd5572; font-size:24px; font-weight:500; text-align:center; margin:0 0 30px;}
.sunlisk .sunlist_info .sunlist_content .item p{color:#404040; font-size:18px; font-weight:500; line-height:30px; margin:0;}


.footer {
  color: #fff;
  background-color: #141625;
  justify-content: center;
  width: 100%;
  padding: 60px 95px;
  display: flex;
}
.footer_block {
  flex-direction: column;
  width:100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}
.f_link_box {
  font-size: 15px;
  line-height: 27px;
}
.f_link {
  color: #fff;
  margin-right: 16px;
  text-decoration: none;
  transition: color .2s;
}
.f_info {
  border-top: 1px solid rgba(255, 255, 255, .5);
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}
.f_warp1 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: row;
  align-items: flex-start;
  width: 50%;
  min-width: 699px;
  padding-top: 20px;
  display: flex;
}
.f_logo_warp {
  align-items: center;
  width: 150px;
  margin-bottom: 14px;
  font-family: GmarketSans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}
.f_logo {
  width: 100%;
}

.f_warp2 {
  width: 40%;
  min-width: 400px;
  display: flex;
}
.f_warp2 .kakao_cs{display:flex; align-items:center; gap:10px; padding:5px 7px; justify-content:center; width:100%; background:#ffe812; color:#000; border-radius:10px;}
.f_warp2 .kakao_cs img{width:30px;}
.bold-text-3 {
  margin-right: 4px;
  font-family: GmarketSans, sans-serif;
  font-weight: 700;
}

.fixed-top .logo img{height:auto; width:100%; max-width:152px;}

.pc_img{display:block; max-width:100%;}
.m_img{display:none; max-width:100%;}

.ma_business{margin:20px auto; width:100%; max-width:1400px; text-align:center;}
.ma_company{margin:20px auto; width:100%; max-width:1400px;}
.ma_company h1{text-align:center; font-size:43px; font-weight:700; margin-bottom:10px;}
.ma_company h4{font-size:18px; text-align:center; margin-bottom:30px;}
.ma_company .mc_cond{width:100%; display:flex; gap:20px; flex-wrap:wrap;}
.ma_company .mc_cond .mc_item{width:calc(25% - 15px); display:flex; flex-direction:column; align-items:center; justify-content:center;}
.ma_company .mc_cond .mc_item .mc_icon{font-size:146px;}
.ma_company .mc_cond .mc_item .mc_txt{font-size:24px; margin-top:10px; font-weight:500;}
.ma_ksdmain{margin:20px auto; width:100%; max-width:1400px;}
.ma_news{margin:20px auto; width:100%; max-width:1400px;}
.ma_news h1{text-align:center; font-size:43px; font-weight:700; margin-bottom:10px;}
.ma_news h4{font-size:18px; text-align:center; margin-bottom:30px;}
.ma_news .newsSwiper{padding: 30px; text-align: center;}
.ma_news .newsSwiper .swiper-button-next, .ma_news .newsSwiper .swiper-button-prev{}
.ma_news .newsSwiper .swiper-slide { font-size: 16px; background: #fff; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: 10px; padding:70px 40px;}
.ma_news .newsSwiper .swiper-slide h3{font-size:40px; font-weight:700; margin-bottom:25px;}
.ma_news .newsSwiper .swiper-slide .news_con{margin:0 auto; width:70%;}
.ma_news .newsSwiper .swiper-slide .news_con p{font-size:24px; margin:0;}
.ma_news .newsSwiper .date { margin-top: 20px; font-size: 16px; color: gray; }
@media (min-width: 1280px) {

	
	.main_bg .main_tss{top:100px; left:100px;}
	.container .ma_batext .ma_title{font-size:16px;}
	.container .ma_batext .ma_txt{font-size:16px;}
	body .sub_banner .sub_img .sub_txt{top:50px; left:50px;}
	body .mj_title p{font-size:20px;}
}

@media (max-width: 900px) {
	
	.pc_img{display:none;}
	.m_img{display:block;}
	
	#main-slide .mb_slide .content{top:40px; left:20px;}
	#main-slide .mb_slide .content .desc2{font-size:18px; margin-top:10px;}

	.home_slider{min-height:870px; max-height:none;}
	.slick-slider .slick-list .slick-track .slick-item .slick_item_info{flex-wrap:wrap;}
	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_img{width:100%; height:35%; order:1;}
	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text{width:100%; order:2;}
	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt{justify-content:flex-start; padding:30px 20px; height:calc(100% - 375px);}
	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt h2{font-size:24px; line-height:34px;}
	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text .slick_txt p{font-size:14px; line-height:24px;}

	.home_slider .slick-slider-absolute-pagination{top:35%; bottom:auto; margin-top:-70px; padding:0;}
	.home_slider .slick-slider-absolute-pagination .item{width:154px; max-width:none; margin:0;}
	.slick-slider-pagination-wrapper{margin-left:0;}
	.slick-slider .slick-list .slick-track .slick-item .slick_item_info .slick_text a{padding-left:20px;}

	.main_news .news_info{flex-wrap:wrap;}
	.main_news .news_info .news_list{width:100%; padding:35px 20px;}
	.main_news .news_info .news_content{width:100%; padding:35px 20px;}
	.main_news .news_info .news_list .item h2{font-size:22px;}
	.main_news .news_info .news_list .item ul li a{font-size:14px;}
	.main_news .news_info .news_content h2{font-size:24px;}
	.main_news .news_info .news_content p{font-size:14px;}

	.main_sub{height:510px;}
	.sub-slider .sub_item .sub_txt{padding:35px 20px;}
	.sub-slider .sub_item .sub_txt .sub_text{padding:0; margin-left:0; max-width:none;}
	.sub-slider .sub_item .sub_txt .sub_text h2{font-size:22px;}
	.slick-slider-wrapper .sub_pagenation{bottom:40px; padding:0 20px;}
	.slick-slider-wrapper .sub_pagenation .info{padding:0; margin:0;}
	.slick-slider-wrapper .sub_pagenation .info .sub_tab .link_txt{display:none;}
	.slick-slider-wrapper .sub_pagenation .info .sub_tab + .sub_tab{margin-left:20px;}

	.occupation .occupation_info{flex-wrap:wrap;}
	.occupation .occupation_info .left_txt{width:100%; padding:35px 20px;}
	.occupation .occupation_info .left_txt h2{font-size:22px;}
	.occupation .occupation_info .right_txt{width:100%; padding:35px 20px;}
	.occupation .occupation_info .right_txt h2{font-size:26px;}
	.occupation .occupation_info .right_txt p{font-size:14px; line-height:26px;}

	.tile_imgwrapper_pagination .item .tile_imgwrapper_pagination_wrapper{margin:0 auto;}
	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_top h2{font-size:22px;}
	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_top{padding:0 20px;}
	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info{flex-wrap:wrap;}
	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_img{width:100%;}
	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text{width:100%; padding:35px 20px;}
	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text p{font-size:14px; line-height:26px;}
	.tile_img .tile_imgwrapper .tile_img_slider .tile_item .tile_item_info .tile_item_text a{width:100%; text-align:center;}

	.interest .interest_top{padding:0 20px;}
	.interest .interest_top h2{font-size:22px;}
	.interest .interest_top .interest_item{flex-wrap:wrap; gap:20px;}
	.interest .interest_top .interest_item .item{width:100%;}
	.interest .interest_top .interest_item .item h3{font-size:22px;}
	.interest .interest_top .interest_item .item p{margin:20px 0 0; font-size:14px;}
	.interest .interest_top .interest_item .item ul li b{font-size:14px;}
}

.modal-backdrop{background:rgba(0,0,0,0.4);}
#memo_modal .modal-content .modal-header{border-bottom:1px solid #365291; position:relative;}
#memo_modal .modal-content .modal-header h2{margin:0; padding:0; text-align:center; width:100%; font-size:24px; font-weight:500; color:#365291}
#memo_modal .modal-content .modal-header h2 img{height:50px;}
#memo_modal .modal-content .modal-header button{color:#000; text-shadow:none; font-size:35px; padding:0; margin:0; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.memo_content{width:100%;}
.memo_content .memo_top{width:100%; position:relative;}
.memo_content .memo_top ul{margin:0; padding:0; display:flex;}
.memo_content .memo_top ul li a{display:block; border:1px solid transparent; padding:15px 25px; text-align:center; color:#777; margin:0 0 -1px;}
.memo_content .memo_top ul li a.on{border:1px solid #ddd; border-top:3px solid #365291; border-bottom:1px solid #fff; color:#333;}
.memo_content .memo_top .sub_a{position:absolute; right:0; top:0; padding:15px 10px; color:#666;}
.memo_content .memo_table{width:100%; border-top:1px solid #ddd; padding:10px 0;} 
.memo_content .memo_table table{width:100%;}
.memo_content .memo_table table tr{line-height:32px; font-weight:600;}
.memo_content .memo_table table th{padding:5px; text-align:center; background:#f7f7f7; color:#000; font-size:14px;}
.memo_content .memo_table table td{padding:5px; background:#fff; color:#333; font-size:13px; border-bottom:1px solid #eaeaea;}
.memo_content .memo_table table td a{color:#333;}
.memo_content .memo_table table td.date{width:20%; text-align:center;}
.memo_content .memo_table table td .cards{width:100%; font-size:13px; margin-bottom:10px; border:1px solid #365291;}
.memo_content .memo_table table td .cards .card_body{background:#f7f7f7; color:#333; padding:20px;}
.memo_content .memo_table table td .cards .card_body p{margin-bottom:5px;}
.memo_content .memo_table table td .cards .card_body .card_body_title{margin-top:10px; color:#333; font-size:16px; font-weight:600; padding:5px 0;}
.memo_content .memo_input_table{width:100%;border-top:1px solid #ddd; padding:10px 0;}
.memo_content .memo_input_table table{width:100%;}
.memo_content .memo_input_table table th{width:35%; padding:7px 5px; background:#f7f7f7; border-bottom:1px solid #ddd; text-align:center;}
.memo_content .memo_input_table table td{width:65%; padding:7px 5px; border-bottom:1px solid #ddd;}
.memo_content .memo_input_table table td input{width:100%; height:40px; padding:0 5px;}
.memo_content .memo_input_table table td textarea{width:100%; height:150px; padding:0 5px;}
.memo_content .memo_input_table .memo_btn{width:100%; text-align:center; margin-top:10px;}
.memo_content .memo_input_table .memo_btn button{width:49%; height:40px; background:#fff; color:#000; font-size:13px; border:1px solid #365291;}

.partner{width:100%; max-width:1400px; margin:50px auto;}
.partner h2{font-size:36px; font-weight:bold;}
.partner ul{margin-top:30px;}
.partner ul li a{width:100%; display:flex; flex-direction:column; padding:30px 40px; border-radius:7px; border:1px solid #eaeaea; gap:20px; color:#000; max-width:96%;}
.partner ul li a h2{font-size:24px; font-weight:500;}
.partner ul li a p{font-size:14px;}

.id_max{width:100%; overflow:hidden;}

.main_market{width:100%; position:relative;}
.main_market .main_market_info{width:100%; max-width:1400px; margin:0 auto;}
.main_market .main_market_info h4{font-size:14px;}
.main_market .main_market_info h2{font-size:24px; font-weight:bold;}
.main_market .main_market_info .main_market_info_content{width:100%; display:flex; justify-content:space-between; margin-top:20px;}
.main_market .main_market_info .main_market_info_content .item{width:30%; padding:40px; border:1px solid #eaeaea; border-radius:12px;}
.main_market .main_market_info .main_market_info_content .item h5{margin-bottom:10px; font-size:16px; font-weight:bold;}
.main_market .main_market_info .main_market_info_content .item p{margin-bottom:0; font-size:14px;}

.main_market .main_market_sub{width:100%; max-width:1400px; margin:40px auto 0;}
.main_market .main_market_sub h2{font-size:20px; font-weight:bold; margin-bottom:10px;}
.main_market .main_market_sub p{font-size:14px; margin-bottom:0; max-width:800px;}

.main_group{width:100%; background:#1f3374; padding:70px 0;}
.main_group .main_group_info{width:100%; max-width:1400px; margin:0 auto;}
.main_group .main_group_info .item{margin-bottom:20px;}
.main_group .main_group_info .item h2{font-size:24px; font-weight:bold; color:#fff; margin:0;}
.main_group .main_group_info .items{width:100%; display:flex; justify-content:space-between;}
.main_group .main_group_info .items p{font-size:14px; max-width:600px; color:#fff; margin:0;}
.main_group .main_group_info .items a{display:block; padding:10px 20px; width:140px; text-align:center; border:1px solid #fff; color:#fff; font-size:16px;}

.main_fomc{width:100%;}
.main_fomc .main_fomc_info{width:100%; max-width:1400px; margin:0 auto;}
.main_fomc .main_fomc_info .title{width:100%; margin-bottom:30px;}
.main_fomc .main_fomc_info .title h2{font-size:24px; font-weight:bold; margin-bottom:15px;}
.main_fomc .main_fomc_info .title p{font-size:16px; margin:0; padding:0;}
.main_fomc .main_fomc_info .content{width:100%; display:flex; align-items:center; background:#F1F5F7;}
.main_fomc .main_fomc_info .content .item_img{width:40%;}
.main_fomc .main_fomc_info .content .item_img img{width:100%;}
.main_fomc .main_fomc_info .content .item_txt{width:60%; text-align:center;} 
.main_fomc .main_fomc_info .content .item_txt h2{font-size:24px; font-weight:bold; margin-bottom:15px;}
.main_fomc .main_fomc_info .content .item_txt p{font-size:16px; margin-bottom:20px;}
.main_fomc .main_fomc_info .content .item_txt a{display:inline-block; padding:5px 30px; border:1px solid #006eb6; color:#fff; background:#006eb6; box-shadow:0 0.0625rem 0.125rem 0 rgba(60,64,67,.3), 0 0.125rem 0.375rem 0.125rem rgba(60,64,67,.15); border-radius:7px;}

.footer { background: #f2f2f2; padding:30px 20px;  border-top: 1px solid #ddd; }
.footer .footer_wrapper{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width:100%; margin:0 auto; max-width:1320px;}
.footer .left-section { display: flex; align-items: center; max-width: 50%; }
.footer .logo { margin-right: 15px; }
.footer .logo img { height: 100px; }
.footer .left-section p { margin: 5px 0; color: #333; }
.footer .right-section { text-align: right; }
.footer .right-section .links { display: flex; justify-content: flex-end; gap: 15px; margin-bottom: 20px; }
.footer .right-section .links a { color: #333; text-decoration: none; font-size: 14px; }
.footer .right-section .info { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-bottom: 10px; }
.footer .right-section .info img { height: 20px; vertical-align: middle; }
.footer .right-section .social-icons { display: flex; justify-content: flex-end; gap: 10px; }
.footer .right-section .social-icons a img { height: 44px; }

@media (max-width: 768px) {
	.main_slides .slides_info{max-width:96vw; height:620px; background-size:300%; background-position:top center;}
	.main_slides .slides_info .slides_txt{padding-top:70px;}
	.main_slides .slides_info .slides_txt h2{font-size:22px;}
	.main_slides .slides_info .slides_txt p{font-size:14px;}

	.footer { padding: 20px 10px; }
	.footer .footer_wrapper{flex-direction: column; align-items: flex-start;}
	.footer .logo img { height: 70px; }
	.footer .left-section { max-width: 100%; margin-bottom: 15px; flex-direction:column; justify-content:center; align-items:flex-start;}
	.footer .right-section { text-align: left; width: 100%; }
	.footer .right-section .links { justify-content: flex-start; }
	.footer .right-section .info { justify-content: flex-start; }
	.footer .right-section .social-icons { justify-content: flex-start; }
}

.logo_black{display:block; margin:0 auto;}
body.dark .logo_black{display:none;}
.logo_white{display:none;}
body.dark .logo_white{display:block; margin:0 auto;}

.pc_banner{display:none;}
.tablet_banner{display:block;}
.mobile_banner{display:none;}
.pc_middle_banner{display:none;}
.tablet_middle_banner{display:block;}
.mobile_middle_banner{display:none;}
.siteb_pc{display:none;}
.siteb_tablet{display:block;}
.siteb_mobile{display:none;}

.head_submenu{width:100%; height:100%; display:flex; align-items:center;}
.head_submenu .submenu_ul{width:65%; margin:0; display:flex; align-items:center; justify-content: flex-start; height:60px; gap: 54px;}
.head_submenu .submenu_ul .submenu_li{position:relative; height:100%; display:flex; align-items:center;}
.head_submenu .submenu_ul .submenu_li .submenu_a{position:relative; display:flex; align-items:center; justify-content:center; height:100%; width:100%; font-size:16px; color:#404040; font-weight:600;}
.head_submenu .submenu_ul .submenu_li .tab_driver{width:1px; height:10px; background:#bbb;}
.head_submenu .submenu_ul .submenu_li ul{display:none; position:absolute; top:80px; width:144px; left:50%; transform:translateX(-50%); padding:0; margin:0; z-index:9999;}
.head_submenu .submenu_ul .submenu_li ul li{width:100%; }
.head_submenu .submenu_ul .submenu_li ul li a{width:100%; display:block; padding:7px 0; text-align:center; font-size:14px; color:#000;  }
.head_submenu .submenu_ul .submenu_li ul li dl{margin:0;}
.head_submenu .submenu_ul .submenu_li ul li dl dd{margin:0;}
.head_submenu .submenu_ul .submenu_li ul li dl dd a{font-size:13px; color:#4b4b4b; padding:3px 0;}
.head_submenu .submenu_ul .submenu_li ul li:last-child a{border-bottom:0;}

.head_submenu .tops_moa{width:35%; display:flex; height:100%;}
.head_submenu .tops_moa .left_txt{width:calc(100% - 90px); height:100%; justify-content:center; align-items:center; display:flex; gap:25px; }
.head_submenu .tops_moa .left_txt a{font-size:16px; color:#000; font-weight:600;}
.head_submenu .tops_moa .right_icon{width:90px; height:100%; background:#0046c0; color:#fff; font-size:36px; display:flex; align-items:center; justify-content:center; cursor:pointer;}


.navbar_subcont .submenu-bg { display: none; position: fixed; top: 80px; left: 0; width: 100%; height: 297px; background: #f0f0f0; z-index: 9; }

.hd_drop_down{height:215px; margin:0; min-width:312px; padding:4px 16px 16px; right:auto; left:-60px; position:absolute; top:40px; background:#fff; border-radius:14px; box-shadow:0 8px 10px rgba(0, 0, 0, 0.08); z-index:11;}
.hd_drop_link{margin-top:12px; color:#606772; background:#f1f2f4; border-radius:12px; display:flex; align-items:center; justify-content:center;}
.hd_drop_link .hd_drop_link_a{height:48px; font-size:16px; width:100%; display:flex; align-items:center; justify-content:center; color:#606772;}
.hd_drop_link i{display:block; height:18px; width:1px; background:#dddfe2; margin:0;}
.hd_drop_bon{height:48px; color:#000; font-size:16px; font-weight:600; background:#fff; border:1px solid #ccc; margin-top:16px; border-radius:7px; display:flex;  align-items:center; justify-content:center;}

.mba_sslogin .hd_drop_bon{display:none;}

#sub-visual { position:relative; height: 340px; background-color:#888; background-size: cover; background-position: center; overflow:hidden;}
#sub-visual::after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background-color:rgba(0, 0, 0, .3); }
#sub-visual .c { position:relative; text-align:center; z-index:2;  width:100%; height:100%;}
#sub-visual .content { width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; }
#sub-visual .title { font-size: 35px; font-weight: 900; line-height:125%; }
#sub-visual .desc { margin-top: 10px; line-height:150%; font-size: 20px; font-weight: 500; animation-delay:0.5s; }

@media (max-width: 767px) {
	#sub-visual { position:relative; height: 210px; background-color:#888; background-size: cover; background-position: center; overflow:hidden; }
	#sub-visual .content { margin-top: 0; }
	#sub-visual .title { font-size: 26px; }
	#sub-visual .desc{font-size:14px;}
}

.sub_topmenu {background-color: #fff; border-bottom: 2px solid #ddd; margin-bottom:40px;}
.sub_topmenu .sub_topwrap{width:100%; max-width:1400px; margin:0 auto; display: flex;}
.sub_topmenu .home { display: flex; align-items: center; padding: 15px 15px; background-color: #0046c0; color: white; text-decoration: none; font-weight: bold; font-size: 16px; }
.sub_topmenu .home:hover { background-color: #003399; }
.sub_topmenu .st_menu { display: flex; }
.sub_topmenu .st_menu_item { position: relative; width:200px; }
.sub_topmenu .st_menu_item .st_a { font-size: 16px; font-weight: 500; cursor: pointer; padding: 15px 20px; width:100%; display:flex; justify-content:space-between; align-items:center; color: black; position:relative; border-right:1px solid #ddd;}
.sub_topmenu .st_dropdown { display: none; position: absolute; top: 100%; left: 0; background-color: white; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); width:100%;  z-index: 10; }
.sub_topmenu .st_dropdown a { display: block; padding: 10px; text-decoration: none; color: black; font-size: 16px; }
.sub_topmenu .st_dropdown a:hover { background-color: #f0f0f0; }
.sub_topmenu .st_menu_item:hover .st_dropdown { display: block; }

.mof_my{display:none;}

@media (min-width: 1280px) {
	.pc_banner{display:block;}
	.tablet_banner{display:none;}
	.mobile_banner{display:none;}
	.pc_middle_banner{display:block;}
	.tablet_middle_banner{display:none;}
	.mobile_middle_banner{display:none;}
	.siteb_pc{display:block;}
	.siteb_tablet{display:none;}
	.siteb_mobile{display:none;}
}
@media (max-width: 900px) {
	.pc_banner{display:none;}
	.tablet_banner{display:none;}
	.mobile_banner{display:block;}
	.pc_middle_banner{display:none;}
	.tablet_middle_banner{display:none;}
	.mobile_middle_banner{display:block; text-align:center;}
	.sub_banner .sub_img .sub_iimg img{width:100%;}
	.mobile_middle_banner h2{font-size:18px; text-align:center; margin:20px 0 10px;  font-weight:bold; color:#fff;}
	.mobile_middle_banner p{font-size:12px; text-align:center;  color:#fff;}
	.siteb_mobile{display:block;}
	.siteb_tablet{display:none;}
	.siteb_pc{display:none;}

	.mof_my{display:block; width:100%;}
	.mof_my h2{margin:0;}
	.mof_my p{margin:0;}
	.mof_my .total_title{font-size:18px; font-weight:700; max-width:800px; margin:0 auto 10px; padding:0 10px;}
	.mof_my .total_bg{width:100%; background:#eaeaea; padding:15px 10px;}
	.mof_my .total_bg .tb_wrap{width:100%; max-width:800px; margin:0 auto;}
	.mof_my .total_bg .tb_wrap .tb_top{width:100%; display:flex; flex-direction:column; margin-bottom:15px;}
	.mof_my .total_bg .tb_wrap .tb_top h2{font-size:14px; font-weight:500;}
	.mof_my .total_bg .tb_wrap .tb_top h2 b{font-size:18px; font-weight:700;}
	.mof_my .total_bg .tb_wrap .tb_top p{font-size:15px; font-weight:500;}
	.mof_my .total_bg .tb_wrap .tb_top p b{font-size:19px; font-weight:700;}
	.mof_my .total_bg .tb_wrap .tb_item{width:100%; display:flex; justify-content:space-between; margin-bottom:20px;}
	.mof_my .total_bg .tb_wrap .tb_item .tb_box{width:50%; display:flex; flex-direction:column; gap:5px;}
	.mof_my .total_bg .tb_wrap .tb_item .tb_box:last-child{text-align:right;}
	.mof_my .total_bg .tb_wrap .tb_item .tb_box p{font-size:13px;}
	.mof_my .total_bg .tb_wrap .tb_item .tb_box h2{font-size:13px; font-weight:500;}
	.mof_my .total_bg .tb_wrap .tb_item .tb_box h2 b{font-size:17px; font-weight:700;}
	.mof_my .total_bg .tb_wrap table{width:100%;}
	.mof_my .total_bg .tb_wrap table th{background:none; color:#000; font-weight:500; font-size:12px; padding:5px 0; width:23%;}
	.mof_my .total_bg .tb_wrap table th.right{text-align:right;}
	.mof_my .total_bg .tb_wrap table td{font-size:12px; padding:5px 0; width:27%; color:#000;}
	.mof_my .total_bg .tb_wrap table td.right{text-align:right;}
	.mof_my .total_bg .tb_wrap table td span{color:#ff0000; font-weight:700;}

	.ma_company .mc_cond .mc_item{width:calc(50% - 15px);}
	.ma_company .mc_cond .mc_item .mc_icon{font-size:76px;}
	.ma_company .mc_cond .mc_item .mc_txt{font-size:16px; margin-top:5px;}

	.ma_news .newsSwiper .swiper-slide h3{font-size:24px;}
	.ma_news .newsSwiper .swiper-slide .news_con p{font-size:18px;}

	.sub_topmenu .st_menu{width:calc(100% - 48px);}
	.sub_topmenu .st_menu_item{width:50%;}

	.hd_drop_down{display:none !important;}
	.hd_drop_link{width:100%;}
	.hd_drop_link .hd_drop_link_a{height:40px;}
	.hd_drop_bon{width:100%; font-size:14px; height:44px; mragin-top:10px; display:flex;}
	.mba_sslogin .hd_drop_bon{display:flex;}

	.fixed-top{padding:0;}
	.navbar .navbar_cont .navcont_info{padding:0 10px;}
	.head_submenu{padding:0;}
	.head_submenu .submenu_ul{height:42px;}
	.head_submenu .submenu_ul .submenu_li .submenu_a{font-size:14px;}
	.nab_box{flex-wrap:wrap;}
	.nab_box .nab_top{width:45%; padding:10px 0;}
	.nab_box .nab_top .navbar-brand{padding:0; margin:0;}
	.nab_box .nab_top .navbar-brand img{max-width:120px;}
	.nab_box .nabb_sub{width:55%; display:block;}
	.navbar-expand-lg .navbar-toggler{position:static;}
	.nab_box .mb_visit{width:47%;}
	.nab_box .mb_visit p{font-size:10px;}
	.nab_box .nabs_botop .botop_su{padding:0; position:relative; z-index:9999;}
	.fixed-top .navbar-collapse .nav-item .nav-link{color:#000;}
	.nab_box .nav_info .nav-item .nav_item_div{position:relative; width:100%; top:auto;left:auto;right:auto;bottom:auto;}
	.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box{width:100%; padding:20px;}
	.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box h2{font-size:14px;}
	.nab_box .nav_info .nav-item .nav_item_div a .nav_item_div_box p{font-size:10px;}

	.navbar .navbar_subcont{display:none;}

	.head_submenu .submenu_ul .submenu_li ul{display:none !important;}
	.mba_ssdiv .mba_sslogin{flex-wrap:wrap;}


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

	.main_bg{height:90vh; object-fit:cover;}
	.main_bg .main_box{width:100%;}
	.main_bg .main_box .main_txt{padding:20px;}
	.main_bg .main_box .main_txt h2{font-size:18px; line-height:24px;}
	.main_bg .main_box .main_txt p{font-size:12px;}
	.main_bg .main_box .main_bo_txt{padding:0 20px;}
	.main_bg .main_box .main_bo_txt li{width:50%; min-width:0; height:120px; padding:20px 10px;}
	.main_bg .main_box .main_bo_txt li p{font-size:14px;  line-height:10px;}
	.main_bg .main_box .main_bo_txt li h4{font-size:10px; line-height:10px;}
	.main_bg .main_box .main_bo_txt li h2{font-size:18px;  line-height:22px;}
	.main_bg .main_box .main_bo_txt li h5{font-size:10px; line-height:10px;}

	.top_cts{padding-top:20px;}
	.top_cts .cts_inner{justify-content:center; padding:0 20px;}
	.top_cts .cts_inner .visual_wrap{width:100%; height:80vw; order:2;}
	.top_cts .cts_inner .visual_wrap .visual_banner{height:100%;}
	.top_cts .cts_inner .visual_wrap .visual_banner .visual-slider{height:calc(100% - 50px);}
	.top_cts .main_quickmenu{width:100%; order:1; padding-left:0;}
	.top_cts .main_quickmenu h2{font-size:24px; padding-top:10px; line-height:1.5; text-align:center;}
	.top_cts .board_wrap{margin-top:30px; position:relative; background:#ecf2f5; padding:20px 10px;}

	.top_cts .board_wrap:before{display:none;}
	.top_cts .board_wrap .bw_inner{gap:10px; flex-wrap:wrap;}
	.top_cts .board_wrap .bw_inner .item{width:calc(50% - 5px); margin-top:0;}
	.top_cts .board_wrap .bw_inner .item .in_box{text-align:center;}
	.top_cts .board_wrap .bw_inner .item .in_box .txt{font-size:12px; line-height:22px; order:2; text-align:center;}
	.top_cts .board_wrap .bw_inner .item .in_box .ico{width:40px; height:40px; margin:0 auto 10px; order:1;}
	.top_cts .board_wrap .bw_inner .item img{height:100%;}

	.contents02{position:relative; max-height:780px; min-height:470px; height:111vw; padding:60px 0 60px 15px; margin-top:10px;}
	.contents02 .flt_clr{flex-wrap:wrap;}
	.contents02 .flt_clr .tit_box{width:100%; margin-top:0; margin-bottom:20px; text-align:center; max-width:none; padding-right:15px;}
	.contents02 .flt_clr .tit_box .tit{font-size:25px; line-height:1;}
	.contents02 .flt_clr .tit_box .tit br{display:none;}
	.contents02 .flt_clr .tit_box .sub_tit{font-size:13px;}
	.contents02 .flt_clr .tit_box .btn_box{margin-top:15px;}
	.contents02 .flt_clr .tit_box .btn_box .btn{width:30px; height:30px;}
	.contents02 .flt_clr .product_list{width:100%; margin-left:0;}
	.contents02 .flt_clr .product_list .swiper-container2{padding-top:15px;}
	.contents02 .flt_clr .product_list .swiper-container2 li{width:33%; max-width:360px; margin-bottom:10px;}
	.contents02 .flt_clr .product_list .swiper-container2 li.active .product{transform:translateY(-15px);}
	.contents02 .flt_clr .product_list .swiper-container2 .product{margin-bottom:10px;}
	.contents02 .flt_clr .product_list .swiper-container2 .product .img_box{}
	.contents02 .flt_clr .product_list .swiper-container2 .product .img_box img{height:170px;}
	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box{padding:0 10px;}
	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box h2{font-size:20px;}
	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box p{margin-top:10px; font-size:10px;}
	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box{margin-top:30px; font-size:12px; }
	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box a{padding:0 5px; height:30px; line-height:30px; font-size:11px; border:1px solid #fff;}
	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box a i{margin-left:5px;}
	.contents02 .flt_clr .product_list .swiper-container2 .product .info_box .btn_box a img{width:6px; height:9px;}
	.contents02 .flt_clr .product_list .swiper-container2 li .sub_t{font-size:17px; line-height:1.7;}
	.contents02 .flt_clr .product_list .swiper-container2 li .more_box a{font-size:12px;}
	.contents02 .flt_clr .product_list .swiper-container2 li .more_box a i{margin-left:10px;}
	.contents02 .flt_clr .product_list .swiper-container2 li .more_box a i img{width:18px; height:6px;}

	.btm_cts{position:relative;}
	.btm_cts .cts_inner{padding:0;}
	.btm_cts .cts_inner .business_wrap{height:500px; padding:0;}
	.btm_cts .cts_inner .business_wrap .business_paging{top:25px; left:50%; transform:translateX(-50%); margin:0; width:100%; justify-content:center;}
	.btm_cts .cts_inner .business_slide{height:100%;}
	.btm_cts .cts_inner .business_slide .slick-list{height:100%;}
	.btm_cts .cts_inner .business_slide .slick-list .slick-track{height:100%;}
	.btm_cts .cts_inner .business_wrap .domestic{padding-left:0;}
	.btm_cts .cts_inner .business_wrap .domestic .inner{height:490px; padding:0; background-size:contain; background-position:bottom;}
	.btm_cts .cts_inner .business_wrap .overseas .overseas_tit{gap:20px; top:90px; position:relative;}
	.btm_cts .cts_inner .business_wrap .overseas .overseas_tit span{font-size:12px;}

	.btm_cts .cts_inner .business_wrap .text_info{top:80px; text-align:center; z-index:1; font-size:17px; }
	.btm_cts .cts_inner .business_wrap .more{bottom:30px; top:auto; left:50%; transform:translateX(-50%);}
	.btm_cts .cts_inner .business_wrap .overseas{padding-left:0; padding-right:0;}
	.btm_cts .cts_inner .business_wrap .overseas .inner{height:490px; background:url("/img/eco/overseas_busi_bg3.png") center no-repeat; background-size:contain;}
	.btm_cts .cts_inner .business_wrap .control{display:none;}
	.btm_cts .cts_inner .info_center_wrap{padding:30px 20px; height:295px;}
	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts{justify-content:center;}
	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current .txt{text-align:center;}
	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul{flex-wrap:wrap; margin-top:28px;}
	.btm_cts .cts_inner .info_center_wrap .info_center .info_cts .current ul li{width:calc((100% - 20px) / 2);}

	.review_content{padding:60px 0;}
	.review_content .yotube_review{margin-bottom:60px;}
	.review_content .yotube_review .top{margin-bottom:30px;}
	.review_content .yotube_review .top h2{font-size:24px; line-height:40px; margin-bottom:10px;}
	.review_content .yotube_review .top a{font-size:18px;}
	.review_content .yotube_review .content{flex-wrap:wrap; justify-content:center; }
	.review_content .yotube_review .content .item{width:90%; flex:none;}
	.review_content .yotube_review .content .item h4{font-size:16px; margin-top:12px;}
	
	.review_content .site_review .top{margin-bottom:30px;}
	.review_content .site_review .top h2{font-size:24px; line-height:40px; margin-bottom:10px;}
	.review_content .site_review .top a{font-size:18px;}
	.review_content .site_review .content{flex-wrap:wrap; justify-content:center;}
	.review_content .site_review .content .item{width:90%; flex:none; padding:10px 20px;}
	.review_content .site_review .content .item h2{font-size:18px; height:52px;}
	.review_content .site_review .content .item h4{font-size:14px; height:120px; line-height:24px;}
	.review_content .site_review .content .item h6{font-size:14px; line-height:20px;}
	.review_content .site_review .content .item p{font-size:14px;}

	.main_market{padding:0 20px;}
	.main_market .main_market_info h2{font-size:18px; width:80%;}
	.main_market .main_market_info .main_market_info_content{flex-wrap:wrap;}
	.main_market .main_market_info .main_market_info_content .item{width:100%; margin-bottom:20px; padding:30px 20px;}

	.main_market .main_market_sub h2{font-size:16px;}
	.main_group{padding:70px 20px;}
	.main_group .main_group_info .items p{margin-bottom:20px;}
	.main_group .main_group_info .items{flex-wrap:wrap;}

	.main_fomc{padding:0 20px;}
	.main_fomc .main_fomc_info .title h2{font-size:18px;}
	.main_fomc .main_fomc_info .title p{font-size:14px;}

	.main_fomc .main_fomc_info .content{flex-wrap:wrap;}
	.main_fomc .main_fomc_info .content .item_img{width:100%;}
	.main_fomc .main_fomc_info .content .item_txt{width:100%; padding:30px 20px;}
	.main_fomc .main_fomc_info .content .item_txt h2{font-size:18px;}
	.main_fomc .main_fomc_info .content .item_txt p{font-size:14px;}

	.sunlisk .sunlist_info{padding:0 10px;}
	.sunlisk .sunlist_info .sunlist_content{flex-wrap:wrap;}
	.sunlisk .sunlist_info .sunlist_content .item{width:100%;}
	.sunlisk .sunlist_info .sunlist_content .item h2{font-size:20px; margin-bottom:15px;}
	.sunlisk .sunlist_info .sunlist_content .item p{font-size:14px; line-height:24px;}

	.footer{padding:20px 15px; font-size:14px; line-height:24px;}
	.footer_block{width:100%; padding:0;}
	.f_link_box{width:100%;}
	.f_link{margin-right:12px; font-size:14px; line-height:24px;}
	.f_info{flex-direction:column; min-width:auto; flex-wrap:wrap;}
	.f_warp1{width:100%; min-width:auto; flex-direction:column;}
	.f_logo_warp{margin-bottom:1vw; font-size:14px; line-height:24px;}
	.text-block{font-size:12px; line-height:24px;}
	.f_warp2{width:100%; min-width:auto; margin-top:8vw; font-size:12px; line-height:24px;}
}



.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-first{
	padding: 50px 0px 50px 20px;
    background: #4c4f6f;
    font-size: 20px;
	color:#fff;
    font-weight: bold;
    border-top: 3px solid #313450;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.carousel-item a{color:#fff;}

/* 네비게이션 수정 */
.dropdown-menu {
    border-radius: 0px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 7px 15px;
    clear: both;
    font-weight: 400;
    color: #000;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover {
	background:#f5f5f5;
}

.color-gray{color:#666}
.color-red{color:#ff0000}


.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}

/* pages */
.info-2 i{font-size:20px;}
table th, table td{ font-family: 'S-CoreDream-4Regular';font-size: 14px;}



#bo_v_sns li span{display:none;}
#bo_v_sns {display:none;position:absolute;top:-50px;right:0px;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}


.dropdown-menu{background:#fff;}
body.dark .dropdown-menu{background:#272727;}
.dropdown-menu .dropdown-item{color:#000; padding:0 15px; border-right:1px solid #777; text-align:center; font-size:13px;}
.dropdown-menu li:last-child .dropdown-item{border-right:0;}

.dropdown-menu.drops_subd{ flex-direction:column;}
.dropdown-menu.drops_subd li{display:flex; flex-direction:column;}
.dropdown-menu.drops_subd .dropdown-item{border-right:0; text-align:left;}
.dropdown-menu.drops_subd li dl{display:flex; padding-left:10px; margin-bottom:0;}
.dropdown-menu.drops_subd li dl dd{padding:3px 0; margin-bottom:0;}
.dropdown-menu.drops_subd li dl dd a{font-size:12px; color:#555; padding:0 10px; border-right:1px solid #777;}
.dropdown-menu.drops_subd li dl dd:last-child a{border-right:0;}

.menu_logo{width:100%; display:flex; justify-content:center; padding:20px 0; background:#eaeaea;}
.menu_logo img{height:60px;}

body.dark .dropdown-menu .dropdown-item{color:#fff;}
.dropdown-menu .dropdown-item:hover{background:#fff;}
body.dark .dropdown-menu .dropdown-item:hover{background:#373737;}
.mohide_top{display:none;}
@media (max-width:992px){
	.navbar-nav li{padding:5px 0;}
	.navbar-nav > li > .dropdown-menu{display:flex; flex-wrap:wrap; background:#eaeaea;}

}
@media (max-width:769px){
	.mohide_top{display:flex; padding-right:10px; gap:10px; align-items:center;}
	.mohide_top a{font-size:16px; font-weight:500; color:#000;}
}



#kakao{position:fixed; bottom:20px; right:20px; width:50px; height:50px; z-index:90; border-radius:50%;}
#kakao img{width:100%;}
#star{position:fixed; bottom:70px; right:20px; width:50px; height:50px; z-index:90; border-radius:50%; border:1px solid #ccc; background:#fff;}
#star img{width:100%;}
.img_light{display:none;}
body.dark .img_light{display:block;}
body.dark .img_dark{display:none;}



@media (max-width:900px){
	#kakao{right:10px; bottom:20px;}
}