@charset "UTF-8";

/* 필요한 폰트만 사용할것 나머지 주석처리*/
/*@import url(fontawesome-all.css);   폰트어썸 : cdn 작동하지 않을때 주석풀것 */
/*@import url(nanumbarungothic.css);  나눔바른고딕 :    font-family: 'Nanum Barun Gothic', sans-serif; font-weight:400;    */
/*@import url(nanumsquare.css); /* 나눔스퀘어 :    font-family: 'NanumSquare', sans-serif; font-weight:400;    */
@import url(notosanskr.css); /*   NotoSanskr :   font-family: 'Noto Sans KR', sans-serif;  font-weight:400;         */
@import url(font_etc.css); /*   font-family: 'Do Hyeon', sans-serif;         */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins:wght@200;300;400;500;600;700;800&display=swap'); /* font-family:'Poppins', sans-serif; font-weight:400; */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap'); /* font-family: 'Noto Sans KR', sans-serif; */

body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button {margin:0;padding:0; font-size:14px; color:#000; line-height:1.6em; font-family: 'Noto Sans KR', sans-serif; font-weight:400; letter-spacing:-0.02em;}
ul,ol,li{margin:0;padding:0;list-style:none;}

a, img{border:0px; vertical-align:middle;}
a{text-decoration:none; color:#000;}
strong{font-weight:700;}


.lview{}
.mview{display:none !important;}
.sview{display:none !important;}

.pc_only {display:block !important;}
.mobile_only {display:none !important;}


#top_btn  {display:block; }

#mobile_header {position:relative; width:100%; height:60px;  line-height:60px; border:0px solid red; z-index:99997; display:none;}
#mobile_header .inner {top:0; left:0; z-index:50; width:100%; height:60px; line-height:60px; overflow:hidden; background-color:#fff;}
#mobile_header h1 { width:220px; padding-top:8px; text-align:center; margin:0 auto; }
#mobile_header h1 img { max-width:84%; overflow:hidden;}
#mobile_header .m_gnb li {list-style:none;}
#mobile_header .m_gnb li a {display:block; top:0; width:100%; text-align:center; color:transparent;}
#mobile_header .m_gnb li.category a i{float:left; position:absolute; width:20px; height:20px; line-height:20px; left:15px; top:20px; font-size:20px; color:#333;}
#mobile_header .m_gnb li.home a i { float:left; position:absolute; width:20px; height:20px; line-height:20px; right:15px; top:20px; font-size:20px; color:#333; }
.jbmFixed{position:fixed !important; top:0; left:0;}
.jbmFixed .inner{border-bottom:1px solid #ddd !important;}



/* 사이드메뉴_블랙ver */
#back_cover {position:absolute; display:none; left:0; top:0;  width:100%; height:100%; top:0px; background:rgba(0,0,0,0.5); z-index:99998;}
#sideMenu {position:fixed; top:0; left:-250px; width:250px; height:100%; background:rgba(0,0,0,0.7); z-index:100001; overflow: auto}
#sideMenu .side_title{position:relative; height:60px; line-height:60px; background-color:none; color:#fff; text-align:center; font-size:1.3em; font-weight:700; }
#sideMenu .side_close{position:absolute; top:15px; right:10px; color:#fff; font-size:1.5em; cursor:pointer;}
#sideMenu .navi_bg{ width:100%;}
#sideMenu .nav { width:100%; margin:0 auto;  padding:0; list-style: none; overflow:hidden;  box-sizing:border-box;}/*주메뉴 마우스 아웃*/
#sideMenu .nav ul { width:100%; margin:0; padding:0;}
#sideMenu .navi_set{ display:inline;  margin:0; padding:10px 0 10px 0; text-align:center;  }
#sideMenu .navi_set > div {display:block; width:100%; height:50px; line-height:50px; border-bottom:1px solid rgba(255,255,255,.1); text-align:left; background-color:none; font-size:1.1em; color:#fff; text-indent:15px; cursor:pointer;}
#sideMenu .navi_set > div a {display:block; width:100%; font-family:'Poppins', sans-serif; font-weight:400;}
#sideMenu .navi_set > div i{float:right; margin-right:10px; margin-top:18px;}
#sideMenu .navi_set ul {display:none;}
#sideMenu .navi_set ul li {list-style:none; border-bottom:1px solid rgba(0,0,0,.1);}
#sideMenu .navi_set ul li a{position:relative; display:block; width:100%; height:40px; line-height:40px; text-align:left; font-size:1em; color:#333; cursor:pointer; padding-left:25px; background-color:#fff; }
#sideMenu .navi_set ul li a:hover{color:#fff; background-color:#26ace0; }
#sideMenu .navi_btn {width:100%; text-align:center; font-weight:700;  margin-top:20px; }
#sideMenu .navi_btn a {color:#fff; display:block; font-size:1.15em;  padding:6px 0;}
#sideMenu .navi_btn a span {display:inline-block; color:#fff; background-color:#1167b4; border-radius:50px; padding:2px 10px; margin-right:8px; font-size:0.75em;}
#sideMenu .navi_btn a span.hp {background:#2097e0;}



#header_wrap{ width:100%;  background-color:#fff; }
#header_wrap:after{content:""; display:block; clear:both;}
.header_area {position:relative; width:100%; max-width:1200px; margin:0 auto;  height:110px; }
.header_area:after{content:""; display:block; clear:both;}
h1.top_logo {position:absolute; left:0px; top:23px; transition:all 0.3s;}
h1.top_logo img {max-width:100%;}

#lnb_wrap {position:absolute; right:0; top:0;}
#lnb_wrap:after{content:""; display:block; clear:both;}
.lnb { width:100%; height:110px; text-align:center;  }
.lnb:after{content:""; display:block; clear:both;}
.lnb ul { padding:0; margin:0; font-size:0; }
.lnb ul li {position:relative; display:inline-block; margin:0; padding:0 38px; font-size:20px; text-align:center; z-index: 9999999999;}
.lnb ul li:last-child {padding-right:0;}
.lnb ul li a { display:table; margin:0; padding:0; width:100%; height:110px; line-height:1.4em; cursor:pointer; }
.lnb ul li a span { display:table-cell; vertical-align:middle; height:100%; font-size:1em; color:#000; letter-spacing:0; font-weight:400; }
.lnb ul li:hover a span {color:#26ace0; }
.lnb ul li .sub_menu { position:absolute; top:110px; left:50%; margin-left:-90px; text-align:center; background:rgba(0,0,0,.75);  overflow:hidden; padding:0; height:0px; -webkit-transition: all 200ms ease-in;	-ms-transition: all 200ms ease-in;	-moz-transition: all 200ms ease-in;	transition: all 200ms ease-in; }
.lnb ul li .sub_menu a {display:block; width:180px; height:40px !important; line-height:40px !important; font-size:1em; color:#fff; border:0px solid #eee; border-top:0; box-sizing:border-box;	-webkit-transition: all 0.3s ease;		-moz-transition: all 0.3s ease;		-o-transition: all 0.3s ease;		transition: all 0.3s ease;	}
.lnb ul li .sub_menu a:hover {width:180px; height:40px; line-height:40px; background-color:#26ace0; color:#fff;}
.lnb ul li:last-child .sub_menu {margin-left:-70px;}
.lnb ul li:hover > a{margin:0; padding:0; cursor:pointer; color:#26ace0;}
.lnb ul li:hover .sub_menu {-webkit-transition: all 200ms ease-in;	-ms-transition: all 200ms ease-in;	-moz-transition: all 200ms ease-in;	transition: all 200ms ease-in; }
.lnb ul li:nth-child(1):hover .sub_menu {height:240px;} 
.lnb ul li:nth-child(2):hover .sub_menu {height:240px;}
.lnb ul li:nth-child(3):hover .sub_menu {height:0;} 
.lnb ul li:nth-child(4):hover .sub_menu {height:120px;}
.lnb ul li:nth-child(5):hover .sub_menu {height:80px;}

#header_wrap.header_fixed{position:fixed; top:-30px; left:0; z-index:9; border-bottom:1px solid #eee; z-index:99997; }
#header_wrap.header_fixed h1.top_logo { top:45px;}
#header_wrap.header_fixed h1.top_logo img {max-width:80%; }
#header_wrap.header_fixed .lnb  { margin-top:30px; height:77px; }
#header_wrap.header_fixed .lnb ul li a { height:77px; }
#header_wrap.header_fixed .lnb ul li .sub_menu {top:81px; transition:all 0.3s;}




#main_visual{ width:100%; min-width:320px; padding:0; }
#main_visual:after{ content:""; display:block; clear:both;}
#main_visual .swiper-slide{width:100%; height:700px; padding:0; background-color:#000; overflow:hidden;}
#main_visual .swiper-slide .backgroundimg1 {width:100%; height:100%; background:url('/html/image/main_visual01.jpg')no-repeat; background-position:50% 50%; background-size:cover; }
#main_visual .swiper-slide .backgroundimg2 {width:100%; height:100%; background:url('/html/image/main_visual02.jpg')no-repeat; background-position:50% 50%; background-size:cover; }
#main_visual .sliderkit-text {z-index:1; width:100%; max-width:1200px; border:0px solid red; position:absolute; top:38%; left:50%; text-align:center; transform:translate(-50%,0); margin-left:0px; }
#main_visual .sliderkit-text h1.sviewa{font-size:1em; color:#fff; line-height:1.4em; letter-spacing:0.5em; text-shadow: 0px 0px 1px #000; font-family: 'Poppins', sans-serif; font-weight:300; transition:all 0.3s;}
#main_visual .sliderkit-text h1.lviewa{margin-top:5px; font-size:3.4em;  color:#fff; line-height:1.2em; letter-spacing:-0.03em; text-shadow:0px 0px 1px #000; font-family: 'Noto Sans KR', sans-serif; font-weight:300; text-transform:uppercase; transition:all 0.3s;}
#main_visual .sliderkit-text h1.lviewa span {display:block; color:#fff; font-size:1em; font-weight:700; line-height:1.2em;}
#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:100px; top:50%; margin-top:-36.5px; display:block; background:url("/html/image/btn_prev.png")  center left no-repeat; opacity : 0.7; width:26px; height:51px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:100px; top:50%; margin-top:-36.5px; display:block; background:url("/html/image/btn_next.png") center right no-repeat; opacity : 0.7; width:26px; height:51px; color:rgba(255,255,255,0); transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease;}
#main_visual .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{opacity :1; }
#main_visual .swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{opacity :1; }
#main_visual .swiper-pagination-bullet-active{ background-color:#2097e0 !important; }
#main_visual .swiper-container-horizontal > .swiper-pagination-bullets {  bottom:14%;}




/* 사업분야 */
.business_wrap{width:100%; padding:90px 0 50px 0; max-width:1200px; margin:0 auto; }
.business_wrap:after{content:''; display:block; clear:both;}
.business_wrap .business_title {position:relative; text-align:center;}
.business_wrap .business_title:before {position:absolute; content:""; display:block; position:absolute; top:-80px; left:50%; margin-left:-1px; width:1px; height:50px; background:#fff;}
.business_wrap .business_title h2.tit1{ font-size:2.85em; font-weight:700; color:#000; line-height:1.2em; font-family: 'Poppins', sans-serif;}
.business_wrap .business_title p{ font-size:1.25em; color:#333; font-weight:400; margin-top:10px; word-break:keep-all;}

.business_wrap .con_box{width:100%; margin-top:50px; overflow:hidden; }
.business_wrap .con_box:after{ content:""; display:block; clear:both;}
.business_wrap .con_box ul {float:left; text-align:center; width:100%; margin:0; padding:0; font-size:0;}
.business_wrap .con_box ul li{ display:inline-block; vertical-align:top; text-align:center;  width:380px; padding:0; margin-right:30px; overflow:hidden; box-sizing:border-box; transition: 0.5s all ease; }
.business_wrap .con_box ul li:nth-child(3n) {margin-right:0;}
.business_wrap .con_box ul li a{width:100%; display:block; overflow:hidden;}
.business_wrap .con_box ul li .imgs {position:relative; width:100%; display:block; overflow:hidden;}
.business_wrap .con_box ul li .imgs:before {z-index:1; opacity:0; content:''; position:absolute; right:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); }
.business_wrap .con_box ul li .imgs img{width:100%; transition: 0.5s all ease; }
.business_wrap .con_box ul li:hover img{transform: scale(1.1);}
.business_wrap .con_box ul li:hover .imgs:before { opacity:1;}

.business_wrap .con_box ul li .txtBox{width:100%; background:#fff; padding:20px 15px 50px 15px;}
.business_wrap .con_box ul li .txtBox .tit{ display:block; width:100%; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; overflow:hidden; font-size:1.5em; color:#000; line-height:30px; }
.business_wrap .con_box ul li .txtBox .txt{display : -webkit-box;  -webkit-line-clamp : 2;  -webkit-box-orient : vertical; overflow:hidden; font-size:1em; color:#666;  line-height:1.5em;  margin-top:10px; letter-spacing:0;}
.business_wrap .con_box ul li .txtBox span.btn_view{opacity:.5; position:relative; display:inline-block; font-size:1.05em; color:#000; margin-top:15px; padding-right:50px; transition: 0.5s all ease; }
.business_wrap .con_box ul li .txtBox span.btn_view:after { filter: grayscale(100%); content:''; position:absolute; right:0; top:4px; width:37px; height:18px; background:url('../image/btn_view.png')no-repeat 100% 50%;}
.business_wrap .con_box ul li:hover .txtBox span.btn_view {opacity:1; padding-right:60px;}
.business_wrap .con_box ul li:hover .txtBox span.btn_view:after { filter: grayscale(0);}




/* 고객센터 */
.comm_wrap {width:100%; padding:50px 0 135px 0; background:#394154;}
.comm_wrap:after{content:''; display:block; clear:both;}
.comm_area{width:100%; max-width:1200px; margin:0 auto; }
.comm_area:after{content:''; display:block; clear:both;}
.comm_area h4.comm_tit { margin-bottom:15px;  font-size:1.7em; color:#fff; }

.comm_area .comm_box.con01 {float:left; width:380px; height:300px;}
.comm_area .comm_box.con01:after{content:''; display:block; clear:both;}
.comm_area .comm_box.con01 .tb {display:table; width:100%; height:100%; padding:0 20px; background:#fff;}
.comm_area .comm_box.con01 .tb .tb-cell {display:table-cell; vertical-align:middle; width:100%;  text-align:center; }
.comm_area .comm_box.con01 .tb .tb-cell .txt1 {font-size:2em; font-weight:700; line-height:1.2em;}
.comm_area .comm_box.con01 .tb .tb-cell .txt2 { margin-top:5px; font-size:1.35em; font-weight:400;}
.comm_area .comm_box.con01 .tb .tb-cell .txt3 { margin-top:5px; font-size:1.1em; font-weight:400;}
.comm_area .comm_box.con01 .tb .tb-cell .txt4 { margin-top:20px; font-size:1em; font-weight:400; color:#666; line-height:1.6em; letter-spacing:-0.05em;}

.comm_area .comm_box.con02 {float:left; width:380px; height:300px; margin:0 30px;}
.comm_area .comm_box.con02:after{content:''; display:block; clear:both;}
.comm_area .comm_box.con02 dl {width:100%; background:#fff; }
.comm_area .comm_box.con02 dl:after{content:''; display:block; clear:both;}
.comm_area .comm_box.con02 dl dd { position:relative; float:left; display:table; width:50%; height:150px; text-align:center;}
.comm_area .comm_box.con02 dl dd:before {content:''; position:absolute; bottom:0; left:0; width:1px; height:100%; background:#eee;}
.comm_area .comm_box.con02 dl dd:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#eee;}
.comm_area .comm_box.con02 dl dd a { display:table-cell; vertical-align:middle; font-size:1.25em; }
.comm_area .comm_box.con02 dl dd a i {display:block; font-size:1.85em; margin-bottom:15px; transition: 0.5s all ease;}
.comm_area .comm_box.con02 dl dd:hover {background:#f5f5f5;}
.comm_area .comm_box.con02 dl dd:hover a i {color:#26ace0; transition: 0.5s all ease;}

.comm_area .comm_box.con03 {float:left; width:380px; height:300px;}
.comm_area .comm_box.con03:after{content:''; display:block; clear:both;}
.comm_area .comm_box.con03 dl {width:100%;}
.comm_area .comm_box.con03 dl:after{content:''; display:block; clear:both;}
.comm_area .comm_box.con03 dl dd { position:relative; float:left; display:table; width:100%; height:100px; transition: 0.5s all ease; }
.comm_area .comm_box.con03 dl dd a { display:table-cell; vertical-align:middle; padding:0 30px; font-size:1.25em; color:#fff; text-align:left; background:url('../image/comm_arr.png')no-repeat 95% 50%; transition: 0.5s all ease; }
.comm_area .comm_box.con03 dl dd:nth-child(1) {background:#26ace0;}
.comm_area .comm_box.con03 dl dd:nth-child(2) {background:#2d4cb5;}
.comm_area .comm_box.con03 dl dd:nth-child(3) {background:#1a2754;}
.comm_area .comm_box.con03 dl dd:hover a {background-position:90% 50%;}




#footer{clear:both; width:100%; min-width:320px; padding:50px 0; background-color:#fff; border-top:1px solid #ddd;}
#footer:after{ content:""; display:block; clear:both;}
#footer .copy_area{ width:100%; max-width:1200px; margin:0 auto; }
#footer .copy_area:after{ content:""; display:block; clear:both;}
#footer .copy_area .copy_logo {float:left; width:30%;}
#footer .copy_area .copy_logo img {max-width:100%; }
#footer .copy_area .copyright {float:left;width:70%; line-height:2em;}
#footer .copy_area .copyright span{ display:inline-block; color:#666; font-size:1em; font-weight:400; margin-right:15px;}
#footer .copy_area .copyright span em {display:inline-block; text-align:center; width:60px; margin-right:4px; font-style:normal; font-size:0.95em; color:#fff; background:#1a2754; border-radius:2px;}
#footer .copy_area .copyright span em.bonjeom { background:#2d4cb5; }
#footer .copy_area .copyright p{margin-top:10px; color:#666; }





#sub_visual{  width:100%; min-width:320px; height:240px; text-align:center; background-color:#000; overflow:hidden;  transition: 0.5s all ease;}
#sub_visual .visual_area {width:100%; max-width:2000px; height:240px; margin:0 auto; }
#sub_visual .visual_area div.blind{width:100%; height:100%; background:rgba(0,0,0,.1);}


#sub_wrapper{ width:100%; min-width:320px; margin:0 auto; border-top: 1px solid #ddd; }
#sub_wrapper:after{ content:""; display:block; clear:both;}
#sub_tab{ position:relative;  top:0px;  display:block; width:100%; margin:0px auto; border-bottom: 1px solid #ddd;   }
#sub_tab .sub_tab{width:100%; max-width:1200px; text-align:left; margin:0 auto; }


.sub_location{ width:100%; max-width:1200px; height:60px; font-size:0; background-color:#fff; margin:0 auto;}
.sub_location > div{font-size: 0;}
.sub_location > div .cen{ float:left; width:60px; height:60px; line-height:60px; text-align:center; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.sub_location > div .cen i{ color:#000; font-size:1em;}
.sub_location ul{width:100%; max-width:1200px; padding:0; margin:0; display: inline-block; width:250px; border-right: 1px solid #ddd;vertical-align: top; box-sizing:border-box; }
.sub_location ul:first-child{ border-left: 1px solid #ddd; }
.sub_location ul li{position: relative; width:100%; border-bottom:1px solid rgba(0,0,0,.1);}
.sub_location ul li:last-child{ border-bottom:0;}
.sub_location ul li span{display: block; padding: 0 15px; line-height: 60px; font-size:1.1em; color:#000; cursor: pointer;}
.sub_location ul li span::before { content: '';    position: absolute;    top: 50%;    right: 15px;    width: 0;    height: 0;    border-style: solid;    border-width: 5px;    border-color:#000 transparent transparent transparent;}
.sub_location ul.on li span::before { content: '';  position: absolute;  top: 42%;  right: 15px;  width: 0;  height: 0;  border-style: solid;  border-width: 5px;  border-color:  transparent transparent #655a54 transparent;}
.sub_location ul li a{width:100%; display: block; padding: 8px 15px; color:#fff; }
.sub_location ul li a:hover{color:#fff; background-color:#222; box-sizing:border-box;}
.sub_location ul ul{display: none;position: absolute;top:60px; left: -1px; padding: 0px 0; background-color:#fff; border: 1px solid #ddd;  border-top:none; z-index:999; width:calc(100% + 2px) !important; }
.sub_location ul.on li ul{display: block;}
.sub_location ul.dep2 li span{color:#000; }
.sub_location ul.dep2 ul{width:230px;}
.sub_location ul li a {color:#000; background-color:#fff;}


#sub_tit { position:relative; width:100%; min-width:320px; padding:0 4%; max-width:1200px; margin:0px auto; text-align:center; top:-210px; left:50%;  margin-left:-600px; border:0px solid red;}
#sub_tit .path { position:absolute; top:170px; right:0;  }
#sub_tit .path li { float: left; text-align:center; font-size:0.9em; padding: 0 8px 0 12px; margin:0; color:#000; background:url('/html/image/ico_path.gif') no-repeat left center; }
#sub_tit .path li a span.ic-home {padding: 0;cursor: pointer;}
#sub_tit .path li a span.ic-home i { background:url('/html/image/icon_home.png')no-repeat left center; display:inline-block; width:11px; height:11px;}
#sub_tit .path li:first-child { background:none;}
#sub_tit .path li:last-child { color:#000; font-weight:700;}
#sub_tit .title2{ font-size:2.5em; line-height:1.4em; font-weight:500; color:rgba(255,255,255,1); text-align:center; letter-spacing:0em; text-transform:uppercase; text-shadow: 0px 0px 2px #333;  transition: 0.5s all ease;} 
#sub_tit .title2 span {font-size:1em; font-weight:700; color:#fff; line-height:1.2em; letter-spacing:-0.05em; }
#sub_tit .normal_txt{display:none; margin:0px 0; font-size:1.2em; font-weight:700; color:#fff; opacity:0.9; text-transform:uppercase; text-align:center; line-height:1.4em; word-break: keep-all; text-shadow: 0px 1px 4px #333; }


.scontents{position:relative; width:100%; min-width:320px; max-width:1200px; padding-bottom:80px; margin:0px auto;  min-height:500px;}
.scontents:after{ content:""; display:block; clear:both;}
.scontents .sub_title_wr {text-align:center; margin-bottom:50px;}
.scontents .sub_title_wr h2.sub_title { position:relative; display:block; font-size:2.5em; font-weight:700; padding-bottom:10px; }
.scontents .sub_title_wr h2.sub_title:after{display:block; content:"";  position: absolute;   bottom:0px;   left:calc(50% - 25px);  width:50px; height:1px; background:#000; /*ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);*/}
.scontents .sub_title_wr p {font-size:1.25em; color:#333; line-height:1.4em; word-break:keep-all; }
.scontents .con_arrow {position:relative; font-size:1.6em; font-weight:700; line-height:30px;  color:#000; margin:60px 0 30px 0; padding-left:15px;}
.scontents .con_arrow:before { content: ""; position:absolute; left:0; top:6px; width:6px; height:20px; display:inline-block; border-radius:10px; background-color:#e47333; }


.scontents h2.Tit_1 { display:block; clear:both;  font-size:1.65em; font-weight: 600; line-height: 1.4em; letter-spacing: -0.25px;  color: #000; margin:50px 0 20px 0; }
.scontents h2.Tit_1:before { position: relative; top:8px; content: ""; display: inline-block; vertical-align: top; margin-right:10px; width:18px; height:18px; border-radius: 50%; border:4px solid #2d4cb5;}
.scontents h2.Tit_1:first-child {margin-top:0;}


.scontents h4.Tit_2 { display:block; clear:both;  font-size:1.4em; font-weight:500; line-height: 1.4em; letter-spacing: -0.25px;  color: #000; margin-top:30px;  }
.scontents h4.Tit_2:before { position: relative; top:7px; content: ""; display: inline-block; vertical-align: top; margin-right:10px; width:5px; height:15px; border-radius:5px; background:#26ace0;}
.scontents h4.Tit_2:first-child {margin-top:0;}



/* 인사말 */
#company_wrap {position:relative; width:100%; }
#company_wrap:after{ content:""; display:block; clear:both;  }   
#company_wrap .img_box {float:left; width:35%; } 
#company_wrap .img_box img { max-width:100%; }
#company_wrap .txt_box { float:left; width:60%; margin:0 auto; padding-left:4%; background:#fff;}
#company_wrap .txt_box h3.t1 { margin-top:40px; color:#000; font-size:2em; font-weight:300; line-height:1.4em; word-break:keep-all;}
#company_wrap .txt_box h3.t1 strong {display:inline-block; color:#000; font-size:1em; font-weight:600;}
#company_wrap .txt_box div.ceo_msg {margin-top:30px;}
#company_wrap .txt_box div.ceo_msg p { font-size:1.2em; color:#666; line-height:1.8em; word-break:keep-all;}
#company_wrap .txt_box div.ceo_msg p span {font-size:1em; color:#af941b; font-weight:700;}
#company_wrap .txt_box div.ceo_sign {margin-top:30px; vertical-align:middle; font-size:1.2em; color:#222; font-weight:700;}
#company_wrap .txt_box div.ceo_sign span {display:inline-block; margin-left:10px; font-size:1.5em; font-weight:400; letter-spacing:0.15em;}

table.tbl_company05{ width:100%; border-top:2px solid #2d4cb5; border-collapse:separate; border-spacing:0;  }
table.tbl_company05 thead th{position:relative; padding:15px 10px; color:#000; font-weight:700; font-size:1.1em; line-height: 1.6em; border-bottom:1px solid #ddd; background:#f5f5f5; /*background:#2d4cb5; */}
table.tbl_company05 thead th:last-child { /*background:#1a2754;*/}
table.tbl_company05 tbody td{ padding:15px 20px; text-align:center; color:#222;  font-size:1em; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
table.tbl_company05 tbody td:first-child {border-left:0;}




/* 연혁&조직도 */
.history {width:100%;}
.history .his_area {position:relative; text-align:center;}
.history .his_area .his_top { z-index:2; position:relative; top:9.25%; margin:0 auto; padding:5px; width:240px; background:#26ace0; border-radius:50px; overflow:hidden; }
.history .his_area .his_top p {padding:10px; font-size:1.5em; color:#26ace0; background:#fff;  border-radius:50px;}
.history .his_area ul.his_list {position:relative; padding:50px 0; }
.history .his_area ul.his_list:after {z-index:0; content:''; display:block; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#eee; }
.history .his_area ul.his_list > li {display:flex; margin-top:40px;}
.history .his_area ul.his_list > li:first-child {margin-top:0;}
.history .his_area ul.his_list > li:nth-child(odd) {flex-direction:row;}
.history .his_area ul.his_list > li:nth-child(even) {flex-direction:row-reverse;}
.history .his_area ul.his_list > li .his_w50 {position:relative; width:50%;}
.history .his_area ul.his_list > li .his_w50:before  {z-index:1; content:''; display:block; position:absolute; top:26px; right:0; margin-right:-3px; width:6px; height:6px; background:#26ace0; border-radius:8px; }
.history .his_area ul.his_list > li .his_w50:after {z-index:0; content:''; display:block; position:absolute; top:28px; right:0; margin-right:-3px; width:8%; height:1px; background:#ddd; }
.history .his_area ul.his_list > li:nth-child(odd) .his_w50 {text-align:right; padding:0 5% 0 0; }
.history .his_area ul.his_list > li:nth-child(even) .his_w50 {text-align:left; padding:0 0 0 5%;}
.history .his_area ul.his_list > li:nth-child(even) .his_w50:before  { right:unset; left:0; margin-left:-3px;}
.history .his_area ul.his_list > li:nth-child(even) .his_w50:after  { right:unset; left:0; margin-left:-3px;}
.history .his_area ul.his_list > li .his_w50 h2.his_year {font-size:2.5em; font-weight:700; color:#26ace0;}
.history .his_area ul.his_list > li .his_w50 > ul {width:100%; margin-top:20px;  }
.history .his_area ul.his_list > li .his_w50 > ul li {display:block; margin-bottom:25px;}
.history .his_area ul.his_list > li .his_w50 > ul li:after {content:''; display:block; clear:both;}
.history .his_area ul.his_list > li .his_w50 > ul li:last-child {margin-bottom:0;}
.history .his_area ul.his_list > li .his_w50 > ul li em { width:80px; font-size:1.25em; color:#000; line-height:1.2em; font-style:normal;}
.history .his_area ul.his_list > li .his_w50 > ul li p { width:calc(100% - 80px); font-size:1em; color:#333; word-break:keep-all;}
.history .his_area ul.his_list > li .his_w50 > ul li p strong {margin-bottom:10px; display:block; font-size:1.25em; color:#000; font-weight:500; }
.history .his_area ul.his_list > li:nth-child(odd) .his_w50 > ul li em,
.history .his_area ul.his_list > li:nth-child(odd) .his_w50 > ul li p {float:right;}
.history .his_area ul.his_list > li:nth-child(even) .his_w50 > ul li em,
.history .his_area ul.his_list > li:nth-child(even) .his_w50 > ul li p {float:left;}

.or_img {width:100%; text-align:center;}
.or_img img {max-width:100%; }


/* 오시는길 */
#map_wrap{position:relative; width:100%; background:#f5f5f5; margin:50px auto; overflow:hidden;}
#map_wrap .map_info {z-index:2; position:absolute; top:50%; right:50px; margin-top:-190px; width:350px; min-height:380px; padding:25px 2%; background-color:#222; opacity:0.9;}
#map_wrap .map_info h2 {padding-bottom:5px; text-align:center; color:#fff; font-size:1.5em; border-bottom:1px solid rgba(255,255,255,.5); }
#map_wrap .map_info dl {width:100%;}
#map_wrap .map_info dl dt {color:#999; font-size:1em; margin-top:20px; }
#map_wrap .map_info dl dd {color:#fff; font-size:1em; margin-top:5px;}
#map_wrap .map_info .more_view { margin-top:20px; width:100%; height:40px; background-color:#fff; }
#map_wrap .map_info .more_view a {display:block; text-align:center;  line-height:40px; color:#000; font-size:14px; padding:0 12px; text-decoration:none;}
#map_wrap .map_info .more_view a span {float:right;}
#map_wrap .map_info .more_view a:hover {color:#fff; background-color:#26ace0;}
#map_wrap .map_info.bonjeom {background:#2d4cb5;} 
#map_wrap .map_info.bonjeom dl dt {color:#fff;}
#map_wrap .g_map {width:100%; height:500px; }
#map_wrap .g_map:after{ content:""; display:block; clear:both;}



/* 테이블스크롤공통 */
.tbl_scroll{width:100%; text-align:right; margin-bottom:10px; display:none;}
.tbl_scroll_wrap { width:100%; overflow-x:auto;  white-space: nowrap; margin-bottom:15px;}
.tbl_scroll_wrap::-webkit-scrollbar { -webkit-appearance: none; } 
.tbl_scroll_wrap::-webkit-scrollbar:vertical { width: 12px; } 
.tbl_scroll_wrap::-webkit-scrollbar:horizontal { height: 8px; } 
.tbl_scroll_wrap::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
.tbl_scroll_wrap::-webkit-scrollbar-track { border-radius: 10px; background-color:#fff; }


table.tbl_type03{ width:100%; border-top:2px solid #222;  border-collapse:separate; border-spacing:0; }
table.tbl_type03 thead th{position:relative; padding:15px 10px; color:#000; font-weight:700; font-size:1.1em; line-height: 1.6em; border-bottom:1px solid #ddd; background:#f5f5f5; }
table.tbl_type03 thead th:after {z-index:0; content:''; display:block; position:absolute; top:0; right:0; width:1px; height:10px; background:#ccc; }
table.tbl_type03 thead th:last-child:after {display:none; }
table.tbl_type03 tbody td{padding:15px 20px; text-align:center; color:#222;  font-size:1em; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
table.tbl_type03 tbody td:first-child {border-left:none;}


table.tbl_type04{ width:100%; border-top:2px solid #222;  border-collapse:separate; border-spacing:0; }
table.tbl_type04 thead th{position:relative; padding:15px 10px; color:#000; font-weight:700; font-size:1.1em; line-height: 1.6em; border-bottom:1px solid #ddd; background:#f5f5f5; }
table.tbl_type04 thead th:after {z-index:0; content:''; display:block; position:absolute; top:0; right:0; width:1px; height:10px; background:#ccc; }
table.tbl_type04 thead th:last-child:after {display:none; }
table.tbl_type04 tbody td{padding:15px 20px; text-align:center; color:#222;  font-size:1em; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
table.tbl_type04 tbody td:first-child {border-left:none;}




/* 사업분야 */
.busi_top {width:100%; }
.busi_top img {max-width:100%;}
.busi_top .busi_top_tit {position:relative; top:-40px; width:90%; padding:30px 40px; margin:0 auto -25px; background:#fff;}
.busi_top .busi_top_tit h2 { width:22%; padding:10px; text-align:center; display:inline-block; vertical-align:middle; font-size:1.5em; color:#fff; background:#2d4cb5; line-height:1.2em; font-weight:700; border-radius:50px;}
.busi_top .busi_top_tit p { margin-left:2%; width:75%;  display:inline-block; vertical-align:middle; font-size:1.1em; color:#000; line-height:1.6em; word-break:keep-all;}
.busi_top .busi_top_tit p span {color:#a20909; word-break:keep-all;}

.busi_txts {margin:10px 0 20px 0; padding:0 15px; font-size:1em; line-height:1.6em; word-break:keep-all; }
.busi_txts span {color:#a20909; word-break:keep-all;}

.busi_imgs {margin:15px 0 40px 0; padding:40px 20px; text-align:center; border:1px solid #ddd; box-sizing:border-box;  }
.busi_imgs img {max-width:100%;}


.w_half {float:left; }
.w_half.w00 { width:40%; }


dl.busi_list1 {position:relative; width:100%; margin-bottom:40px; }
dl.busi_list1:after{ content:""; display:block; clear:both;  }   
dl.busi_list1:last-child {margin-bottom:0;}
dl.busi_list1.bg_type {background:#f8f8f8; padding:25px 40px; margin-top:20px; border:1px solid #ddd;  box-sizing:border-box;}
dl.busi_list1 h4 {font-size:1.15em; color:#222; font-weight:400;}
dl.busi_list1 h4 strong {display:inline-block; font-size:1em; color:#2d4cb5; font-weight:500;}
dl.busi_list1 i { position:absolute; top:50%; margin-top:-3%; right:5%; font-size:5em;}
dl.busi_list1 dt {font-size:1.1em; font-weight:500; margin-top:20px;}
dl.busi_list1 dd {position:relative; margin-top:5px; padding-left:10px; line-height:1.6em;}
dl.busi_list1 dd:before {content:''; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background:#333; }


dl.busi_list2 { width:100%; margin:0; padding:0; overflow: hidden; }
dl.busi_list2 dd { width:100%; margin-bottom:10px; padding:10px 2%; font-size:1.15em; line-height:1.6em; border:1px solid #ddd; background:#fff; box-sizing:border-box; }
dl.busi_list2 dd:first-child { margin-top:0; }
dl.busi_list2 dd:nth-child(even) { background:rgba(45,76,181,.05);}


dl.busi_list_num {width:100%;}
dl.busi_list_num dd {position:relative; margin-bottom:8px; line-height:1.6em;}


/* 사업분야01_재해예방기술지도_기술지도 진행과정 */
.busi01_process { width:100%; margin-top:30px;}
.busi01_process:after{content:""; display:block; clear:both;}
.busi01_process ul { float:left; width:100%; margin:0; padding:0; text-align:center; font-size:0;} 
.busi01_process ul li {display:inline-block; position:relative; text-align:center; width:28%; height:220px; padding:20px 15px; margin:0 2%; margin-bottom:2%; background:linear-gradient(to top, #f8f8f8 10%, #fff 40%); border:1px solid #ddd; box-shadow: 3px 3px 8px rgba(0,0,0,0.05); transition: 0.5s all ease; }
.busi01_process ul li:after {  opacity:1; content: ""; position: absolute; width:30px; height:30px; top:50%; right:0; margin-top:-15px; margin-right:-12%; background:url('/html/business/image/process_arr.png')no-repeat;}
.busi01_process ul li:nth-child(3):after {display:none; }
.busi01_process ul li:last-child:after {display:none; }
.busi01_process ul li em { content: ""; position: absolute; left:15px; top:15px; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; font-size:3em; font-weight:700; color:rgba(0,0,0,.1); font-style:normal;}
.busi01_process ul li div.tb {display:table; width:100%; height:100%; text-align:center;}
.busi01_process ul li div.tb .tb-cell {display:table-cell; vertical-align:middle;}
.busi01_process ul li div.tb .tb-cell p {display:block; line-height:1.4em; font-size:1.4em; color:#000; word-break:keep-all;}
.busi01_process ul li div.tb .tb-cell span {  margin-top:15px; display:block; line-height:1.4em; font-size:1em; color:#555; word-break:keep-all;}


/* 사업분야05_건설안전컨설팅_점검내용 */
.busi05_box1 {width:100%;}
.busi05_box1:after{content:""; display:block; clear:both;}
.busi05_box1 ul {width:100%; margin:0; padding:0;}
.busi05_box1 ul li {float:left; width:31%; margin-right:3.5%; }
.busi05_box1 ul li:nth-child(3n)  {margin-right:0;}
.busi05_box1 ul li dl { width:100%; margin-bottom:25px; overflow: hidden; }
.busi05_box1 ul li dl:after{content:""; display:block; clear:both;}
.busi05_box1 ul li dl dt { padding:10px 10px; font-size:1em; color:#fff; word-break:keep-all;}
.busi05_box1 ul li:nth-child(1) dl dt {background:#394154; }
.busi05_box1 ul li:nth-child(2) dl dt {background:#747a87; }
.busi05_box1 ul li:nth-child(3) dl dt {background:#a6a9b2; }
.busi05_box1 ul li dl dd { position:relative;  margin-top:8px; padding-left:10px; line-height:1.6em;}
.busi05_box1 ul li dl dd:before {content:''; display:block; position:absolute; top:10px; left:0; width:3px; height:3px; background:#333; }
.busi05_box1 ul li dl dd strong {display:block; }


/* 사업분야05_건설안전컨설팅_안전컨설팅 */
.busi05_box2 {width:100%;}
.busi05_box2:after{content:""; display:block; clear:both;}
.busi05_box2 ul {width:100%; margin:0; padding:0;}
.busi05_box2 ul li {float:left; width:48%; padding:20px; margin-right:4%; border:1px solid #ddd; background:#2d4cb5; box-sizing:border-box; }
.busi05_box2 ul li:nth-child(even)  {margin-right:0; background:#1a2754;}
.busi05_box2 ul li dl { width:100%; margin-bottom:20px;  overflow: hidden; }
.busi05_box2 ul li dl:after{content:""; display:block; clear:both;}
.busi05_box2 ul li dl dt { margin-bottom:15px; text-align:center; font-size:1.5em; color:#fff; font-weight:700; word-break:keep-all; }
.busi05_box2 ul li dl dt i {display:block; font-size:2em; color:#fff; margin-bottom:8px;}
.busi05_box2 ul li dl dd { position:relative;  padding:10px 15px 10px 40px; font-size:1em; color:#fff; line-height:1.6em;}
.busi05_box2 ul li dl dd:before {content:'\f058'; display:block; position:absolute; top:11px; left:15px; font-size:1em; font-weight:400; font-family: "Font Awesome 5 Free"; }
.busi05_box2 ul li dl dd strong {display:block; }
.busi05_box2 ul li dl dd:nth-child(even) { color:#000; background:rgba(255,255,255,1); border-radius:4px; }




/*관계법령*/
.laws_wrap { width:100%; border:0px solid #ddd; border-top: 2px solid #666; text-align: center;  }
.laws_wrap ul {width:100%; margin:0; padding:0; font-size:0;  }
.laws_wrap ul li { padding:30px 15px; border-bottom:1px solid #eee; overflow: hidden;}
.laws_wrap ul li:nth-child(even) {background:rgba(45,76,181,.05);}
.laws_wrap ul li:last-child {border-bottom:0; }
.laws_wrap ul li  > * {display: inline-block; vertical-align: middle; }
.laws_wrap ul li .laws_tit {width: 18%;}
.laws_wrap ul li .laws_tit p {font-size:1.25em; color: #000;}
.laws_wrap ul li .laws_tit p i {display:block; font-size:2em; margin-bottom:10px;}
.laws_wrap ul li .laws_cont {width: 80%; padding-left:50px; text-align:left; font-size:0;}
.laws_wrap ul li .laws_cont a { display:inline-block; width:48%;  margin:5px 1%; padding:12px 15px; font-size:14px	; color: #333; line-height:1.4em; border:1px solid #ddd; background:#fff url('/html/image/icon_target.png')no-repeat 95% 50%;}
.laws_wrap ul li .laws_cont a:hover { color:#fff; border:1px solid #2d4cb5;  background:#2d4cb5 url('/html/image/icon_target_on.png')no-repeat 95% 50%;}





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

	#main_visual .swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:40px; }
	#main_visual .swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:40px}

}


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


	.lnb ul li { padding:0 15px; font-size:16px;}

	.business_wrap{width:100%; max-width:100%; padding:60px 4% 50px 4%;}
	.business_wrap .business_title h2.tit1 {font-size:2.5em;}
	.business_wrap .con_box ul li {width:32%; margin-right:2%;}
	.business_wrap .con_box ul li .txtBox { padding:20px 10px 50px 10px;}
	.business_wrap .con_box ul li .txtBox .txt{ max-height:auto; min-height:auto;} 
	.business_wrap .con_box ul li .txtBox span.btn_room{font-size:1em; margin-top:15px;}


	.comm_wrap {padding:50px 4% 120px 4%; }
	.comm_area .comm_box.con01 {width:32%;}
	.comm_area .comm_box.con01 .tb .tb-cell .txt1 {font-size:1.85em; }
	.comm_area .comm_box.con01 .tb .tb-cell .txt2 {font-size:1.25em;}
	.comm_area .comm_box.con01 .tb .tb-cell .txt3 {font-size:1em; }
	.comm_area .comm_box.con02 {width:32%;margin:0 2%;}
	.comm_area .comm_box.con02 dl dd a {font-size:1.1em; }
	.comm_area .comm_box.con03 {width:32%; }


	#footer .copy_area .copy_logo img {max-width:80%; }


	#sub_tit { left:0%; margin-left:0px; background:none;}


	#company_wrap .txt_box h3.t1 { margin-top:20px; font-size:1.85em; }
	#company_wrap .txt_box div.ceo_msg p { font-size:1.1em; }


}




@media all and (max-width:1100px){	
	#mobile_header{display:block; min-width:320px; }
	#header_wrap {display:none;}
	#sub_menu{display:block;}
	#header_wrap .header_area{width:100%;}

	
	.lview{display:none !important;}
	.mview{display:block !important;}	
	.mnone{display:none !important;}	


	#main_visual .swiper-slide{width:100%;}
	#main_visual .sliderkit-text h1.lviewa{font-size:3em;}



	#backtotop{right:15px;}


	#sub_visual{height:200px; }
	#sub_visual .visual_area {height:200px; background-position:center top; background-size:cover;}	


	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}


	#sub_tit {top:-180px;}
	#sub_tit .path { display:none; }
	#sub_tit .title2{  font-size:2em;  } 
	#sub_tit .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family: 'Noto Sans KR', sans-serif;}
	#sub_tit .normal_txt .color1{color:#fd7701;}



}



@media all and (max-width:1024px){
   
	.history .his_area figure img {width:40px;}


	.busi_top .busi_top_tit h2 { width:30%;}
	.busi_top .busi_top_tit p { width:65%;}


}



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

	
	#main_visual .sliderkit-text h1.lviewa{ font-size:2.5em; }
	#main_visual .scroll {display:none;}
	#main_visual .swiper-slide .backgroundimg1 {background:url('/html/image/main_visual01_m.jpg')no-repeat; background-position:50% 50%; background-size:cover; }
	#main_visual .swiper-slide .backgroundimg2 {background:url('/html/image/main_visual02_m.jpg')no-repeat; background-position:50% 50%; background-size:cover; }


	#company_wrap .txt_box h3.t1 { font-size:1.5em; }



	.comm_wrap {padding:50px 4%; }
	.comm_area .comm_box.con01 {width:100%; height:auto;}
	.comm_area .comm_box.con01 .tb {padding:40px 20px;}
	.comm_area .comm_box.con02 {width:100%; height:auto; margin:25px 0;}
	.comm_area .comm_box.con02 dl dd {width:25%; height:120px;}
	.comm_area .comm_box.con03 {width:100%; height:auto;}
	.comm_area .comm_box.con03 dl dd {height:80px; }



	.busi01_process ul li {width:44%; height:220px; margin:0 3%; margin-bottom:4%; }
	.busi01_process ul li:after {  margin-right:-11%;}
	.busi01_process ul li:nth-child(3):after {display:block; }
	.busi01_process ul li:nth-child(even):after {display:none; }


	.laws_wrap ul li .laws_tit {width: 100%;}
	.laws_wrap ul li .laws_cont {width: 100%; padding-left:0; margin-top:20px; }


	.w_half.w00 { width:50%; }


}



@media screen and (max-width: 768px) {
	
	.mnone{display:none;}


	.business_wrap{ padding:60px 3% 30px 3%;}
	.business_wrap .business_title h2.tit1 {font-size:2.25em;}
	.business_wrap .business_title p {font-size:1em;}
	.business_wrap .con_box ul li {width:50%; margin:0; padding:0 1%; }


	#footer {padding:50px 4%;}
	#footer .copy_area .copy_logo { float:none; width:200px; margin:0 auto;}
	#footer .copy_area .copy_logo img {max-width:100%; }
	#footer .copy_area .copyright {width:100%; margin-top:20px; text-align:center;}



	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}
	.sub_location ul.wid100{width:100% !important; background-color:none;}

	#top_btn  {display:block; }


	.scontents {padding:0 4% 50px 4%;}
	.scontents .sub_title_wr {padding:0 4%; margin-bottom:30px; }
	.scontents .sub_title_wr h2.sub_title {font-size:1.8em;}
	.scontents .sub_title_wr p {font-size:1.15em;}


	#company_wrap .img_box {width:100%; text-align:center; } 
	#company_wrap .txt_box { width:100%; padding:0; margin-top:20px; }


	#map_wrap {height:auto;}
	#map_wrap .map_info {position:relative; top:unset; right:unset; margin-top:0px; width:100%; padding:25px; min-height:auto;}
	#map_wrap .g_map {width:100%; height:340px; }


	.history .his_area .his_top {position:relative; text-align:center; margin-left:0; padding:5px; width:100%; background:#26ace0; }
    .history .his_area ul.his_list:after { top:-15px; left:7px; }
    .history .his_area ul.his_list > li .his_w50 {width:100%;}
	.history .his_area ul.his_list > li .his_w50:before  { top:20px; right:unset; left:0; margin-left:4px; }
	.history .his_area ul.his_list > li .his_w50:after  { top:23px; right:unset; left:0; margin-left:4px; width:6%; }
    .history .his_area ul.his_list > li:nth-child(odd) .his_w50,
    .history .his_area ul.his_list > li:nth-child(even) .his_w50 {text-align:left; padding:0 0 0 10%;}
	.history .his_area ul.his_list > li:nth-child(even) .his_w50:before  { margin-left:4px;}
	.history .his_area ul.his_list > li:nth-child(even) .his_w50:after  { margin-left:4px;}
	.history .his_area ul.his_list > li .his_w50 h2.his_year {font-size:2em;}
	.history .his_area ul.his_list > li .his_w50 > ul li p strong { font-size:1.15em; }
	.history .his_area ul.his_list > li:nth-child(odd) .his_w50 > ul li em,
	.history .his_area ul.his_list > li:nth-child(odd) .his_w50 > ul li p {float:left;}


	.tbl_scroll {display:block;}


	.busi_top .busi_top_tit h2 { width:100%;}
	.busi_top .busi_top_tit p { width:100%; margin-left:0; padding:20px 15px;  }


	dl.busi_list1.bg_type {padding:20px 20px;}
	dl.busi_list1 i { font-size:3em; opacity:.2; }


	.busi05_box1 ul li {width:100%; margin-right:0; margin-bottom:20px;}
	.busi05_box1 ul li:last-child { margin-bottom:0;}
	
	.busi05_box2 ul li {width:100%; margin-right:0; margin-bottom:20px; }


	.laws_wrap ul li .laws_cont a {width:100%; margin:0; margin-bottom:-1px;}


	.w_half.w00 { width:100%; }

}

@media screen and (max-width: 640px) {

	.pc_only {display:none !important;}
	.mobile_only {display:block !important;}


	#main_visual .swiper-slide{ height:500px; }
	#main_visual .sliderkit-text h1.sviewa{ font-size:0.85em; }
	#main_visual .sliderkit-text h1.lviewa{font-size:1.85em; }

	.swiper-button-next, .swiper-button-prev{display:none !important;}
	#main_visual .swiper-container-horizontal > .swiper-pagination-bullets {  bottom:10%;}



	#sub_tit .normal_txt{font-size:1em;}

	.busi_top {margin-bottom:40px;}
	.busi_top .busi_top_tit {top:0; padding:0 0px; width:100%; margin-bottom:0; text-align:center;}
	.busi_top .busi_top_tit h2 { font-size:1.25em; border-radius:0;}
	.busi_top .busi_top_tit p { background:rgba(45,76,181,.05); }


	.busi01_process ul li {width:100%; height:auto; margin:0; margin-bottom:50px; }
	.busi01_process ul li em {font-size:2em;}
	.busi01_process ul li:after { top:unset; bottom:-40px; left:0; right:0; margin:0 auto; transform: rotate(90deg);}
	.busi01_process ul li:nth-child(even):after {display:block; }

}


@media screen and (max-width: 480px) {
	
	body,td,span,h1,h2,h3,h4,h5,div,p,li,ul,ol,dd,dt,section,input,textarea,select,button {font-size:13px;}

	.snone{display:none !important;}
	.sview{display:block !important;}	

	#sub_tit .title2{font-size:1.5em;}



	.business_wrap .business_title h2.tit1 {font-size:1.85em;}
	.business_wrap .con_box { margin-top:25px;}
	.business_wrap .con_box ul li {width:100%; padding:0; }

	.comm_area .comm_box.con02 {margin-top:0; border-top:1px solid #eee;}
	.comm_area .comm_box.con02 h4.comm_tit {display:none; }
	.comm_area .comm_box.con02 dl dd {width:25%; height:100px;}
	.comm_area .comm_box.con02 dl dd a i { font-size:1.5em; margin-bottom:10px;}


	#footer {padding:40px 4%;}
	#footer .copy_area .copyright {line-height:1.2em;}
	#footer .copy_area .copyright span em {display:block; margin:10px auto 5px;}




	#sub_visual{height:150px; }
	#sub_visual .visual_area {height:150px; background-position:center top; background-size:cover;}	

	#sub_tit {top:-155px;}

	.scontents .con_arrow {margin-top:40px; font-size:1.3em;}

	.scontents h2.Tit_1 { font-size:1.4em;  }
	.scontents h2.Tit_1:before { top:6px; margin-right:8px; width:16px; height:16px;}

	.scontents h4.Tit_2 {  font-size:1.25em; }
	.scontents h4.Tit_2:before { top:4px; margin-right:8px;  }


}


@media screen and (max-width: 360px) {	




}