@charset "UTF-8";

@media only screen and (min-width:100px) and (max-width:1199px){
  	html {font-size:10px;}
	body {background:#fff;}

	  #skipnavi,
	  #anchor_menu,
	  #gnb_area, .gnb_bg, .m_hid, .util, .top_search {display:none;}

 	/*skipnavi*/
	#skipnavi {position:relative;width:100%;z-index:2;}
	#skipnavi a {display:block;overflow:hidden;height:0px;width:0px;margin:-1px -1px -1px 0;font-size:0;line-height:0;text-align:center;}
	#skipnavi:focus {overflow:hidden;height:100px;background:#0d2f51;font-size:12px;font-weight:700;line-height:140%;}
	#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#0d2f51;font-size:12px;font-weight:700;line-height:1.4;color:#fff;}
	
	#wrapper {position:relative;display:block;width:100%;min-height:100%;}
	#header {position:fixed;z-index:1000; width:100%;height: 7rem;background:rgba(0,0,0,0.3);transition: all .3s ease;}
	#header::before {position: absolute;top: 7rem;left: 0;display: block;width: 100%;height: 1px;content: '';background: #e2e2e2;z-index: 1;}
	#header .header_box {position:relative;width:100%;height:7rem;margin:0 auto;padding: 1.8rem 2.5rem 0;}
	#header .logo {z-index:12;display: inline-block;width:60%;height:4.6rem;}
	#header .logo a {display: block;padding-top:0.1rem;width:100%; height:100%;}
	#header .logo a img {max-width:10rem;}
	#header.open .btn_allmenu {display:none;}
	#header.open::before {display:none;}
    
    .right_box {display:none}
	
	.util {position:absolute;top:30px;right:0;text-align: right;}
	.util a {display:inline-block;text-align: center;vertical-align: middle;color: #fff;width: 85px;font-size: 13px;line-height: 27px;font-weight: 400;border-radius: 19px;margin-right:5px;}
	.util .login {background: #27a2e7;}
	.util .join {background: #543ec9;}
	.util .lang {background: #8d8d8d;}
	.btn_allmenu {position:absolute; top:1.8rem; right: 2rem; width:4rem; height:4rem; text-align:center; text-indent:-9999px; background:url(../images/common/i_all_gnb.webp) no-repeat 50% 50%; z-index:10; background-size: auto 55%;}
    
	/*gnb*/
	.m_menu_bg {position:fixed;top:0;bottom:0;left:0;display:none;width:100%;background:rgba(0,0,0,0.7);}
	.m_menu {position:fixed;top:0;bottom:0;left:-100%;overflow-y:auto;width:96%;padding-right:5.2rem;transition: left 0.5s ease;}
	.menu_inner {position:relative;height:100%;padding: 0 0 4.5rem;background: #081955;}
	.menu_cont {position: relative;}
	.m_util {height:5.2rem;padding:1rem 5%;text-align: center;border-bottom:0.1rem solid #636668;background:#333333;}
	.m_util:after {display:table;clear:both; contnet:'';}
	.m_util a {display: block;float:left;width: 32%;color: #999999;border:0.1rem solid #999999;font-size: 1.5rem;line-height: 3.2rem;}
	.m_util a:nth-child(2) {margin:0 2%;}
	.m_gnb a {display:block;}
	.m_menu .one_dep {display: block;width: 100%;}
	.m_menu .one_dep > a {padding: 1.8rem 4%;color: #fff;border-bottom: 0.1rem solid #636668;background: url(../images/common/m_menu_off.webp) no-repeat right 5% center;background-size: 1.1rem;font-size: 1.8rem;font-weight:500;line-height:1;}
	.m_menu .two_depBox {display: none;/*padding-top: 1.5rem;padding-bottom: 2.5rem;*/background:#ffffff;}
	.m_menu .two_depBox a {display:block;padding:1.5rem 0 1.5rem 4%;color:#333333;border-bottom:0.1rem solid #e5e5e5;font-size: 1.5rem;}
	.m_menu .two_depBox a span {position:relative;display:block;padding-left:1rem;line-height:1.1;}
	.m_menu .two_depBox a span:before {position:absolute;top:50%; left:0;display:inline-block;width:0.3rem;height:0.3rem;content:'';background:#000000;}
    .depth3 li a {font-size:1.4rem !important; color:#888 !iimportant; position: relative; padding-left:9% !important;}
    .depth3 li a::before {position:absolute; top: 50%; left:5%; width:5px; height:2px; background:#2a69c0; content: ''}
	.m_menu .expanded .one_dep a {border-bottom: 0.1rem solid #e5e5e5;background: #0b4da2 url(../images/common/m_menu_on.webp) no-repeat right 5% center;background-size: 1.1rem;}
	#header.open .m_menu_bg {display:block;}
	#header.open .m_menu {left:0;}
	#header.open .menu_close {position:absolute;z-index: 1500;top:0;right:0;width:5.2rem; height:5.3rem;text-indent: -9999em;background:#0b4da2 url(../images/common/m_menu_close.webp) no-repeat 50% 50%;background-size: 50% auto;}
	#header.open .m_menu {display:block;}
	
	
	
		/*footer*/
	#footer {padding-top:0;}
	.footer_top {width:100%; margin:0 auto; position:relative;}
	.footer_top:after {display:table;content:'';clear:both;}
	
	.foot_inbox {position:relative; background:#2b2e3d}
	.foot_link {position: relative;display: table;width:100%;table-layout:fixed;}
	.foot_link li {position:relative;display: table-cell;vertical-align:middle;text-align: center;color: #bdbec1;border-bottom: 0.1rem solid #bdbec1;font-size: 1rem;font-weight: 300;line-height: 1.2; letter-spacing:-0.05em;}	
	.foot_link li a {display:block;padding:0.5rem 0;min-width:5.8rem;}
	.foot_link li a:after {position:absolute;top:20%;right:0;display:block;width:0.1rem;height:60%;content:'';background:#bdbec1;}
	.foot_link li:last-child a:after {display:none;} 
	/*family_site*/
	.m_family {display:none; position:absolute; top:6rem; right:2%;}
	.family_site {position:relative;display:block;float:right;width: 15rem; height:3rem;vertical-align:middle; background:#cdcdcd; border-radius:1.5rem;}
	.family_site::after {position: absolute;top: 11px;right: 20px;width: 13px;height: 8px;content: '';background:url(../images/main/bg_familysite.webp) no-repeat left top;}
	.family_site:hover::after {position: absolute;top: 12px;right: 20px;content: '';width: 13px;height: 8px;content: '';background:url(../images/main/bg_familysite.webp) no-repeat left top; transform: rotate(180deg);}
	.family_site * { margin:0; padding:0; cursor:pointer;font-size:1.2rem; color:#fff; font-family: 'Arial'; font-weight:800; letter-spacing:-0.05em;}
	.family_site .my_value {position:relative;z-index:2;top:-20px;left:0;overflow:visible;width:100%;height: 3rem;padding: 0 40px 0 20px;text-align:left;letter-spacing: -0.02em;color: #fff;border: 0;background: none;}
	.family_site .my_value.selected {font-weight:400;}
	.family_site div.my_value {height:38px; text-indent:8px;}
	.family_site ul {position:absolute;bottom: 3rem;left:0;overflow:hidden;width:100%;border: 1px solid #545d68;border-top: 0;  z-index:2}
	.family_site ul.a_list {display:none;}
	.family_site.open ul.a_list {display:block;}
	.family_site li {position:relative;  overflow:hidden; height:38px; white-space:nowrap;}
	.family_site li a {display:block; height:38px; padding-left: 20px;color:#b3b3b7; background:#313c49; line-height:41px;}
	.family_site li.hover * {color:#fff;background:#2b2e3d; }
	
	.footer_bot {position:relative;width:100%; margin:0 auto; padding:1.5rem 2% 0;}
	.foot_logo {display:none;  vertical-align:top; width:50%;}
	.foot_logo img {max-width:100%;}
	.foot_addr {display:block; padding:1rem 2rem 1rem 1rem; color:#999999; font-size:1.1rem;}
	.foot_addr > address {line-height:1.2; display:none;}
	.foot_addr > span {font-weight:600; font-family:'Montserrat'; font-size:1rem; line-height:1;}
	.scroll_top {position:absolute; top:-60%; right:1rem;display:block; width:3.5rem; height:3.5rem; line-height:3.5rem; text-align:center; background:#fff; border:1px solid #dad8d8; border-radius:5px; box-shadow:-2px 1px 10px 0px rgba(0,0,0,0.15);}
	
	/*main*/
	/*section0*/ 
    .main_visual {width: 100vw;height: 100%;}
    .btn_scroll {display: none;}
    /*visual*/
    .main_visual .bx-wrapper {position: relative;padding: 0;*zoom: 1;-ms-touch-action: pan-y;touch-action: pan-y;width: 100%;height: 100%;}
    .main_visual .bxslider {margin: 0;padding: 0;}
    .main_visual .bx-viewport {width: 100%;height: 100%;-webkit-transform: translatez(0);}
    .main_visual .slider_img {width: 100%;height: 100vh;}
    .main_visual .slider_img.bg01 {background:url(../images/main/main_slider01_m.webp) no-repeat 100% 50%;background-size: 100% 100%;}
    .main_visual .slider_img.bg02 {background:url(../images/main/main_slider02_m.webp) no-repeat 100% 50%;background-size: 100% 100%;}
    .main_visual .slider_img.bg03 {background:url(../images/main/main_slider03_m.webp) no-repeat 100% 50%;background-size: 100% 100%;}
    .main_visual .slider_img.bg04 {background:url(../images/main/main_slider04_m.webp) no-repeat 100% 50%;background-size: 100% 100%;}
    .main_visual .slider_img.bg05 {background:url(../images/main/main_slider05_m.webp) no-repeat 100% 50%;background-size: 100% 100%;}
    .main_visual .slider_img > img {display: none;width: 100%;line-height: 1;font-size:1%;}
    .main_visual .img_sea {display:none;} 
    .main_visual .bx-wrapper .bx-controls {position: absolute;left:0;bottom:10%;width:100%;}
    .main_visual .bx-wrapper .bx-controls-auto {display: inline-block;position:relative;vertical-align: middle;margin-right: 0.5rem;}
    .main_visual .bx-wrapper .bx-pager {display:inline-block;position:relative;vertical-align: middle;line-height: 1;z-index: 51;}
    .main_visual .bx-wrapper .bx-pager-item {position: relative;display: inline-block;line-height: 1;margin: 0 0.5rem;text-align: center;vertical-align: middle;}
    .main_visual .bx-wrapper .bx-pager-link {display: block; width: 0.8rem;height: 0.8rem;line-height: 1;font-size: 0;background:#21b8ce;border-radius:50%;}
    .main_visual .bx-wrapper .bx-pager-link.active {width: 1.4rem;height: 1.4rem;background:#dbdde4;}
    .main_visual .bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 1rem;height: 1.4rem;outline: 0;background: url(../images/main/slider_play.webp) no-repeat 50% 50%;}
    .main_visual .bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 0.8rem;height: 1.4rem;outline: 0;background: url(../images/main/slider_stop.webp) no-repeat 50% 50%;}
    .main_visual .slider_txt {position: absolute;left:5%;top:48%;text-align:center;width:90%;-ms-transform: translate(0,-60%); -moz-transform:translate(0,-60%); -webkit-transform: translate(0,-60%); transform: translate(0,-60%);color: #fff;z-index:1000;}
    .main_visual .slider_txt h2 .bold {font-weight:400;}
    .main_visual .slider_txt h2,
    .main_visual .slider_txt p {display:block; opacity:0;filter:Alpha(opacity=0);
    -moz-transform:translateY(10%);
    -ms-transform:translateY(10%);
    transform:translateY(10%);
    -moz-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;}
    .main_visual .slider_txt a {display:inline-block; opacity:0;filter:Alpha(opacity=0);
    -moz-transform:translateY(10%);
    -ms-transform:translateY(10%);
    transform:translateY(10%);
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;}
    .main_visual .active-slide .slider_txt h2,
    .main_visual .active-slide .slider_txt p {opacity:1.0;
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);}
    .main_visual .active-slide .slider_txt a {opacity:1.0;
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);}
    .main_visual .active-slide .slider_img {-webkit-animation: mainZoom 6s linear;-moz-animation: mainZoom 6s linear;-o-animation: mainZoom 6s linear;-ms-animation: mainZoom 6s linear;animation: mainZoom 6s linear;}
    .main_visual .slider_txt h2 {font-size:2.3rem; color:#fff; font-weight:600; text-shadow:0 0 2px #000}
    .main_visual .slider_txt .block {display: block;font-size: 3rem;}
    .main_visual .slider_txt h2 > span {font-size:3rem; color:#eecd06;}
    .main_visual .slider_txt p {font-size:1.8rem;font-weight:400;letter-spacing:-0.05em;color:rgba(255,255,255,1);transition-delay:0.2s;  text-shadow:0 0 2px #000; word-break: keep-all}
    .main_visual .slider_txt p .point {color:#eecd06;}
    .main_visual .slider_txt a {margin-top: 2.5rem;display: inline-block;width: 10rem;height: 3.5rem;line-height: 3.5rem;font-size: 1.2rem;text-align: center;color: #fff;border: 0.1rem solid #fff;}
	.main_visual #effect1{display:none;}
    
    /*section1*/
    .section1 {position: relative; padding:3rem 1.5rem;min-height:38rem;}
    .main_tit {position: absolute; top:10%; left:3%; font-size: 2.5rem;}
    .main_txt {position: absolute; top:22%; lefT:3%; font-size:1.3rem;}
    .cont_menu {/* position: relative; */width: 100%; min-height:32rem;margin-top: 40px;z-index: 2;}
    .cont_menu.num_click {display:none;}
    .cont_menu > div {margin-bottom:10px;cursor: pointer;}
    .cont_menu .num {margin-right: 10px;width: 47px;height: 47px;line-height: 47px;text-align: center;border-radius: 50%;border: 1px solid #dddddd;font-weight: 600;font-size: 18px;vertical-align: middle;}
    .cont_menu .tit {width: 280px;line-height: 47px;font-size: 20px;vertical-align: middle;font-weight: 600;}
    .cont_menu .active .num {background: #313c49;border-color: #313c49;font-weight: 700;color: #fff;}
    .cont_menu .active .tit {border-bottom: 1px solid #000000;background: url(../images/main/menu_arrow.webp) no-repeat 100% 50%;}
    .cont_menu .page_control {z-index:3;position:absolute; bottom:10%; left:50%;display: block;margin-top: 40px;width: 40%;height: 5rem;background: #222222; transform: translate(-40%, 100%);}
    .cont_menu .page_control > div {display: block;float: left;width: 50%;height: 5rem;background-repeat:no-repeat; transition: background 0.25s ease;}
    .cont_menu .menu-button-prev {background-image: url(../images/main/cont_prev.webp); background-position: 70% 50%; }
    .cont_menu .menu-button-next {background-image: url(../images/main/cont_next.webp); background-position: 30% 50%;}
    .cont_menu .menu-button-prev:hover {background-position: 50% 50%;}
    .cont_menu .menu-button-next:hover {background-position: 50% 50%;}
    .cont_slider {z-index:2;position: absolute;left: 0;right: 0;top:11.5rem;height: 30rem}
    .cont_slider .swiper-slide {width: 90%; min-height:30rem;}
    .cont_slider .swiper-slide-active .cont_box {opacity: 1;}
    .cont_slider .img_box {margin-left:10%;width: 95%;}
    .cont_slider .img_box img {width:100%;}
    .cont_box {position: absolute;left:1.5rem;bottom: 0;width:64%;height: 20rem;background: #2d4478;padding: 2.5rem 2.5rem 2.2rem;color: #fff;border-top-left-radius: 8px;border-bottom-right-radius: 8px;z-index:10;opacity: 0;transition: opacity 0.8s ease;}
    .cont_box > strong {position: relative;display: block;padding-bottom: 2rem;margin-bottom: 1rem;font-weight: 700;font-size: 2.1rem;line-height: 1.1;}
    .cont_box > strong::after {content: '';position: absolute;left: 0;bottom: 0;display: block;width: 68px;height: 1px;background: #a7b1c6;}
    .cont_box > strong span {font-weight: 300;}
    .cont_box > span {font-weight: 300; font-size:1.2rem;}
    .cont_box .more {position: relative;margin-top: 1.5rem;display: block;border: 1px solid #a7b1c6; font-size:1.2rem;width:10rem;height: 2.8rem;text-align: center;line-height: 2.8rem;z-index: 0;}
    .cont_box .more::before {content:'';display:block;position:absolute;left:0;top:0;height:100%;right:100%;background: #25a7df;transition: right 0.25s ease;z-index: -1;}
    .cont_box .more:hover {border-color: #25a7df;}
    .cont_box .more:hover::before {right: 0;}

    #rolling {padding:0 1.5rem;background: #f4f4f4;}
    #rolling .inner {padding:1.7rem 2.5rem;}
    #rolling .rolling-button-prev {position: absolute;left: 0;top: 2.8rem;width: 20px;height: 30px;background: url(../images/main/rolling_prev.webp) no-repeat 0 0;}
    #rolling .rolling-button-next {position: absolute;right: 0;top: 2.8rem;width: 20px;height: 30px;background: url(../images/main/rolling_next.webp) no-repeat 100% 0;}
    #rolling .swiper-slide a img {width:100%;}

    .box_banner {position:absolute; bottom:3%; left:0; width:100%;}
    .box_banner li {float:left; position:relative; width:47%; height:100%; margin-left:2%; background:rgba(9,25,85,0.7); border-radius:10px 0 10px 0}
    .box_banner li:last-child {background:rgba(234,176,0,0.7); border-radius:0 10px 0 10px}
    .box_banner li a {display:block; width:100%; height:100%;}
    .box_banner li a span {display:block; font-size:1.2rem; line-height: 2rem; text-align: center; color:#fff; font-weight: 300; padding-bottom:15%}
    .box_banner li a span i {font-weight: 600; font-size:1.4rem; font-style: normal; display: block; text-align: center;}
    .box_banner li a span.tit {font-size:2.2rem; font-weight:500; color:#fff; display: block;padding:20% 0}
    .box_banner li a span.tit::before {position: absolute;top:43%; left: 50%; display: inline-block; width: 30px; height: 2px;margin-left: -15px;content: ''; background: #fff;}
        
    /*section2*/
    #section2 {background:#f3f8ff; margin-top:20%}
    .solution_tab {text-align: center; width:90%; margin:8% auto 3% auto; height:50px;}
    .solution_tab li {float:left; width:50%; }
    .solution_tab li a {display: inline-block; font-size:2rem; color:#121212; font-weight: 300; line-height: 50px;}
    .solution_tab li:first-child a, .solution_tab li a:hover {border-bottom:3px solid #0b4da3}
    .solution_tab li a span {font-weight: 600; color:#0b4da3}
    
    .main_business {position: relative;width:100%; margin: 0 auto;}
    .main_tabarea {position: relative;}
    .main_tab {position:relative; width:100%; display: flex; margin:5% 0}
    .main_tab::after {content: "";display: table;clear: both;}
    .main_tab li {float: left; width:33%; text-align: center;line-height: 1.5rem; }
    .main_tab li a {font-size:1.2rem;; color:#1b1b1b; text-align: center; margin-bottom: 2%;}
    .main_tab li a span {display:none;}
    .main_tab li.current a, .main_tab li a:hover {font-weight: 500; color:#0b4da3}

    .main_tabcont {position: relative; width:96%; margin:0 auto}
    .main_tabcont .tab_cont {background:#fff; width:100%; height:100%; padding:10% 5%;; margin-bottom: 10%; position:relative; z-index:0;
    box-shadow:5px 5px 10px #e2e6ed; border-radius: 0 0 10px 0}
    .tab_tit {position: relative; padding-bottom:5%; margin-bottom:5%;line-height: 1.1;font-size:2.4rem;;font-weight: 600;color: #0b4da3;letter-spacing:-0.15rem;}
    .tab_tit::after {content: '';position:absolute; bottom:0; left:0;display: block;width: 68px;height: 1px;background: #0b4da3;}
    .tab_tit > span {display: block;width: 9.5rem;margin-bottom: 2rem;padding: 1rem 0;text-align: center;font-size: 1.5rem;color: #1d7d8b;border: 0.1rem solid #d1d1d1;font-weight:500;letter-spacing:-0.05rem;}
    .tab_info li {font-size:1.3rem;line-height:1.8rem;letter-spacing:-0.05rem; color:#555;}
    .tab_btns {position:relative; height:7vh; margin:5% 0 0 0 ;}
    .tab_btns li {float:left; width:49%; margin-right:1%; background:#535353}
    .tab_btns li:first-child {background:linear-gradient(90deg, rgba(22,108,226,1) 0%, rgba(8,47,98,1) 100%); }
    .tab_btns li a {display: block; width:100%; height:7vh; text-align:left; text-indent: 15%; color:#fff; font-weight: 300; line-height:7vh; background:url('../images/main/i_arrow_w.webp') no-repeat 80% center; transition: background 0.25s ease; font-size:1.3rem;}
    .tab_btns li a:hover {background-position:90% center; animation-play-state:running; animation:0.6s infinite;}
    
    /*tab slider*/
    .tab_slider_area {position:relative;  width:100%; height:100%; z-index: 1; box-shadow:5px 5px 10px #e2e6ed; border-radius: 10px 0 10px 0}
    .tab_slide_box {position: relative; }
    .tab_slide_box span {display:block;margin:0 1.7rem 3rem;overflow: hidden;
    -webkit-box-shadow:0.5rem 1rem 1rem rgba(0,0,0,0.3);
    -moz-box-shadow: 0.5rem 1rem 1rem rgba(0,0,0,0.3);
    box-shadow: 0.5rem 1rem 1rem rgba(0,0,0,0.3);}
    .tab_slide_box .bx-wrapper {position: relative;padding: 0;*zoom: 1;padding-right: 3.3rem;}
    .tab_slide_box .bxslider {margin: 0;padding: 0;}
    .tab_slide_box .bx-viewport {-webkit-transform: translatez(0);}
    .tab_slide_box img {width: 100%;display:block;line-height: 1;font-size:1%; border-radius: 10px 0 10px 0}
    .tab_slide_box .bx-wrapper .bx-controls {position: absolute;left:0;bottom:-2rem;width: 100%;z-index: 15;text-align: right;}
    .tab_slide_box .bx-wrapper .bx-controls-direction {display: inline-block;position: relative;height: 4.5rem;}
    .tab_slide_box .bx-wrapper .bx-controls-direction a {display:block;float: left;width: 4.6rem;height: 4.5rem;text-indent: -9999em;font-size: 0;}
    
    
    
    
    /*section3*/
    #section3 {position: relative;}
    .community {width:100%; margin:0 auto;}
    .community .top_icons {position: relative; width:100%; height:18vh; margin:0; background:#f8f8f8;}
    .community .top_icons ul {width:100%; display: flex;}
    .community .top_icons ul::after {clear:both;}
    .community .top_icons ul li {float:left; width:25%; height:12vh; border-right:1px solid #eee; margin-top:7%; padding-left:0;}
    .community .top_icons ul li:first-child {background: url('../images/main/sec04_01.webp') no-repeat center top; background-size:50%;}
    .community .top_icons ul li:nth-child(2) {background: url('../images/main/sec04_02.webp') no-repeat center top; background-size:50%;}
    .community .top_icons ul li:nth-child(3) {background: url('../images/main/sec04_03.webp') no-repeat center top; background-size:50%;}
    .community .top_icons ul li:last-child {border-right:0; background: url('../images/main/sec04_04.webp') no-repeat center top; background-size:50%;}
    .community .top_icons ul li a {display: block; text-align:center; word-spacing: -0.4rem; padding-right:0; margin-top:70%; font-size:1.4rem; color:#383838; font-weight: 600}
    .community .top_icons ul li a span {display: none;}
    
    .boards {clear:both; position: relative; margin:5% 3%; }
    .boards .notice {float:none; width:100%; margin-right:0;}
    .boards .notice h4 {width:100%; position: relative; margin-top:5%}
    .boards .notice h4 a {display: block; font-size:2rem; border-bottom:1px solid #166ce2; padding-bottom:2%; margin-bottom:3%}
    .boards .notice h4 a span {width:17px; height:17px; position: absolute; top:5px; right:0; background: url('../images/main/btn_more.webp') no-repeat center; text-indent: -9999px;}
    .boards .notice .recents li {position: relative;}
    .boards .notice .recents li a {display: block}
    .boards .notice .recents li:first-child a {font-size:1.6rem;; font-weight: 500; margin-bottom:2%; }
    .boards .notice .recents li:last-child a {font-size:1.3rem; font-weight:300; color:#777; height:100%; line-height:1.5rem;; overflow: hidden; text-overflow: ellipsis;}
    .boards .notice .lists {position: relative; padding-top:2%;border-top:1px dashed #d5d5d5; margin-top:3%;}
    .boards .notice .lists li::before {position: absolute; top:50%; left:0; display: block; width:4px; height: 4px; background:#0b4da3;content: '';}
    .boards .notice .lists li {position: relative;}
    .boards .notice .lists li a {display: block; width:100%; height:100%; line-height:2.5rem; font-size:1.3rem;; color:#444444; padding-left:12px;}
    
    .cs {float:none; background: url('../images/main/sec04_cs.webp') no-repeat center; background-size:cover; width:100%; height:45vh; text-align: center}
    .cs h5 {font-size:18px; color:#fff; font-weight: 500; margin:0; padding:8% 0 5% 0;}
    .cs h3 {font-family: 'Montserrat'; font-size:55px; font-weight: 600; color:#fff;}
    .cs p {font-size:15px; color:#8eafda; font-weight: 300; width:90%; margin:0 auto; padding-top:10px;}
    .cs .service {font-size:22px; color: #fff; font-weight: 200; padding-top:25px; margin-top:25px; border-top:1px solid #87acde;}
    
    
    
    
    
    
}