body {color:#373737;}



#section1{position:relative; width:100%; height:100vh; overflow:hidden}
#section2{position:relative; background: url(../img/main_bg_02.jpg) no-repeat center top; background-size:cover; width:100%; height:100vh;}
#section3{position:relative; background: url(../img/main_bg_03.png) repeat-x center top; background-size:auto; width:100%; height:830px; }
#section4{position:relative; background:#f3f3f3; width:100%; min-height:750px; }
#section5{position:relative; background: url(../img/main_bg_05.jpg) no-repeat center top;background-size:cover; width:100%; height:600px; padding-top:50px;}
#section6{position:relative; background:#f3f3f3; width:100%; }



.wrapper{position:relative; margin:0 auto; width:100%;}
.wrap{position:relative; margin:0 auto; width:100%;}

.clear-div {clear: both;}
/*우측네비동그라미*/
.right_nav{position:fixed; right:20px; width:50px; height:100vh; z-index:100}
.right_nav ul{position: absolute;	height: 30%;	width: 50px; right: 0px; top:40%;}
.right_nav li{display:block; cursor:pointer; background:rgba(255, 255, 255, 0.5); width:16px; height:16px; border-radius:8px;  margin:8px 0; color:rgba(255, 255, 255, 0)}
	/*원격지원안내*/
	.right_nav li.remoteinfo{width:66px; height:85px;margin-left:-25px; background: url(../img/icon-remote.png) center 10px no-repeat rgba(23,24,29,.8) !important ; text-align:center; border-radius:7px ;}

	.right_nav li.remoteinfo:hover{background: url(../img/icon-remote.png) center 10px no-repeat rgba(255,255,255,.8) !important ; transition-duration:.6s;  }
	.right_nav li.remoteinfo:selected{background: url(../img/icon-remote.png) center 10px no-repeat #ff8200 !important ;  }

	.right_nav li.remoteinfo span{color:#FF8200; display:inline-block; padding-top:60px; font-weight:600}


/* 모바일이동 */
.mm_arrow{display:none} 


/* 메인 슬라이딩 네비게이션 */
#header {width:100%; float:left; position:fixed; left:0px; top:0px; z-index:100; color:#fff; }
#header-inner{max-width: 1280px; width:100%; height: 50px; margin:50px auto 10px auto; 
	display:flex; justify-content:space-between;}
#header-inner-logo { width:150px; height:50px; padding-top:10px; cursor:pointer;}
#header-inner-nav {display:flex; justify-content:flex-end;}
#header-inner-nav p {font-size:16px; font-family:Noto Sans KRb; color:inherit; text-align:right; text-decoration: none; font-weight: 400; display: block; float:left; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; padding:20px 0px 20px 80px;white-space: nowrap;}
#header-inner-nav p:hover {color: rgba(255,255,255,1); background-color:rgba(0,0,0,0); cursor:pointer;}

/* 메인이미지 */

/*slider*/
.slider {z-index:97; position:relative; margin:0 auto}
.slider .jquery-reslider .slider-block {width: 100%;	height: 100vh;	position: absolute;	z-index: 97; background-position: center top;	background-size: cover;	opacity: 0;	margin: 0 auto}

.slider .jquery-reslider .slider-block ul{position: relative; max-width: 1280px; width:100%; margin:0 auto; text-align:center; top:33%; color:#fff}
.slider .jquery-reslider .slider-block li{width:100%;}
.slider .jquery-reslider .slider-block li.text1, 
.slider .jquery-reslider .slider-block li.text2, 
.slider .jquery-reslider .slider-block li.text3,
.slider .jquery-reslider .slider-block li.text4,
.slider .jquery-reslider .slider-block li.text5,
.slider .jquery-reslider .slider-block li.text6,
.slider .jquery-reslider .slider-block li.text7,
.slider .jquery-reslider .slider-block li.text8{font-family:Noto Sans KRb; text-align:left;font-weight:600;position: relative;  z-index: 2;}

.slider .jquery-reslider .slider-block li span{ color:#03AEC2}
.slider .jquery-reslider .slider-block li.text1{ font-size:40px;} 
.slider .jquery-reslider .slider-block li.text2{ display:flex; justify-content:space-between;align-items:center; font-size:100px; letter-spacing:3px}
.slider .jquery-reslider .slider-block li.text2 div + div{font-size:80px}
.slider .jquery-reslider .slider-block li.text2 div + div span{ background:rgba(0,184,204,.9); color:#fff; padding:0 5px ;letter-spacing:-3px;}
.slider .jquery-reslider .slider-block li.text3{ font-size:22px; font-weight:500; }
    .slider-block li.text3 br:nth-of-type(2){display:none}


.slider .jquery-reslider .slider-block li.text4{display:flex; justify-content:space-between;align-items:center; font-size:87px; margin-top:20px;}
.slider .jquery-reslider .slider-block li.text4 div + div{font-size:82px}
.slider .jquery-reslider .slider-block li.text4 div + div{ background:rgba(255,62,34,.6); color:#fff; padding:0 10px 0 5px ;letter-spacing:-3px;}
.slider .jquery-reslider .slider-block li.text5{ font-size:22px; font-weight:500; letter-spacing:-.5px; margin:0px 0px 0px 10px}
.slider .jquery-reslider .slider-block li.text5 p{ display:block;letter-spacing:1.2px}
.slider .jquery-reslider .slider-block li.text5 p span{color:#F87246;}

.slider .jquery-reslider .slider-block li.text6{ font-size:40px; }
.slider .jquery-reslider .slider-block li.text7{display:flex; justify-content:space-between;align-items:center; font-size:100px; letter-spacing:3px}
.slider .jquery-reslider .slider-block li.text7 div + div{font-size:48px;letter-spacing:-2px; }
.slider .jquery-reslider .slider-block li.text7 div + div span{background:rgba(0,184,204,.9); color:#fff; padding:0 5px;}
.slider .jquery-reslider .slider-block li.text7 div + div p{display:inline-block;letter-spacing:-3px}
.slider .jquery-reslider .slider-block li.text7 div + div p span{background:rgba(255,62,34,.6) ; color:#fff;padding:0 5px;letter-spacing:-5px;}
.slider .jquery-reslider .slider-block li.text8{ font-size:22px; font-weight:500;}


.slider .jquery-reslider .slider-dots {position:absolute; width:100%; text-align:center; height: 100vh;}
.slider .jquery-reslider .slider-dots ul{position:absolute; width:100%;  text-align:center; top:70%; } 
.slider .jquery-reslider .slider-dots li {width:62px; height:8px; margin:0px 5px; display:inline-block; background:#fff; cursor:pointer;}
.slider .jquery-reslider .slider-dots li.active {background-color:#e22419;}

.slider .jquery-reslider .slider-block ul._hero_01 {overflow: visible;  }
.slider .jquery-reslider .slider-block ul._hero_01::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12%;
  width: 425px;height: 425px;
  background: url(../img/main_bg_03_img01.png) no-repeat center ;

  opacity: 0;
  transform: translate(-50%, -50%) rotate(-30deg) scale(0.95);

  animation:
    fadeIn 1.5s ease-out forwards,
    slowRotate 50s linear infinite;

  z-index: 0;
  pointer-events: none;
}
.slider .jquery-reslider .slider-block ul._hero_02 {overflow: visible;  }
.slider .jquery-reslider .slider-block ul._hero_02::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 12%;
  width: 425px;height: 425px;
  background: url(../img/main_bg_03_img01.png) no-repeat center ;

  opacity: 0;
  transform: translate(-50%, -50%) rotate(-30deg) scale(0.95);

  animation:
    fadeIn 1.5s ease-out forwards,
    slowRotate 50s linear infinite;

  z-index: 0;
  pointer-events: none;
}

@keyframes fadeIn {
  to { opacity: 1; }
}

@keyframes slowRotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg) scale(0.85);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg) scale(0.95);
  }
}

@media (max-width: 768px) {
  ._hero_01::before {
    animation: none;
    opacity: 0.06;
    transform: translate(-50%, -50%) scale(0.9);
  }
}


/* R2soft */
.M_r2soft{display:none}
.r2soft{position:relative; margin:0 auto; width:990px; height:100%}
.overview ul{width:100%; position:relative; padding:160px 0px 50px 0px;}
.overview li{float:left; display:block}
.overview li.L{color:#FFF; background:url(../img/r2soft_bg01.png) no-repeat left center; height:352px; width:338px;text-align:right}
.overview li.R{ height:352px; width:650px;}
.overview li p.text1{font-size:60px; font-family:Verdana, Geneva, sans-serif;font-weight:600; padding:160px 34px 0px 0px}
.overview li p.text2{font-size:20px; padding:0px 34px 0px 0px}
.overview li p.text3{font-size:35px; color:#000; padding:185px 34px 0px 30px; font-weight:600; }
.overview li p.text4{font-size:16px; padding:10px 34px 0px 30px; line-height:23px;
	color: #000; background: url(../img/r2soft_arr1.png) no-repeat right bottom; height:120px;}
	.overview li p.text4 span{font-weight:600}

/*.overview li p.text4{font-size:16px; padding:10px 34px 0px 30px; line-height:23px;
	color: #fff; background: url(../img/r2soft_arr1.png) no-repeat right bottom; height:120px; text-shadow:1px 1px 2px rgba(0,0,0, 0.5);}*/
.overview:after{content:""; display:block; clear:both}

.r2soft_menu{position:absolute;	width:100%;	bottom:80px;}
.r2soft_menu ul{width:100%; display:block}
.r2soft_menu li{float:left; width:33.3%; height:170px; display:block;}
.r2soft_menu li.LL{display:none}
.r2soft_menu li.L{background:#fff; color:#000}
.r2soft_menu li.L a{color:#000}
.r2soft_menu li.C{background: url(../img/r2soft_bg02.png) repeat; color:#FFF}
.r2soft_menu li.C a{color:#FFF}

.r2soft_menu li.R{background: url(../img/r2soft_bg03.png) no-repeat; color:#000}
.r2soft_menu li.R a{color:#000}
.r2soft_menu li div{height:100%; width:96%;  background-repeat:no-repeat; background-position: right center; text-align:right;}


.r2soft_menu li.LL div{background-image:url(../img/r2soft_arr1.png)}
.r2soft_menu li.L div {background-image:url(../img/r2soft_arr1.png)}
.r2soft_menu li.C div {background-image:url(../img/r2soft_arr2.png)}
.r2soft_menu li.R div {background-image:url(../img/r2soft_arr3.png)}

.r2soft_menu p.text1{font-size:35px; font-weight:600;  padding:55px 75px 0px 0px; }
.r2soft_menu p.text2{font-size:16px;padding:0px 75px 0px 0px; opacity:0.7 }

/* business */

.M_business{display:none}

.business{position:relative; margin:0 auto; width:990px; height:100%}
.business h1{color:#fff; text-align:center; padding:100px 0px 50px 0px}


ul.tabs {margin: 0; padding:0;  list-style:none; width:100%; height: 330px;}
ul.tabs li:first-child {width:100%;}
ul.tabs li {float:left; margin:0; padding:0; height:100%; width:330px; position: relative;}
ul.tabs li a {text-decoration:none; display:block; height:100%; color:inherit;}
/*ul.tabs li.a1 a:hover {background:rgba(0,0,0,0.1)}
ul.tabs li.a2 a:hover {background:rgba(0,0,0,0.1)}	
ul.tabs li.a3 a:hover {background:rgba(255,255,255,0.5)}*/		

ul.tabs li.a1{background: url(../img/busi_bg01.png) no-repeat right center; background-size:cover ;}
ul.tabs li.a2{background: url(../img/business_02.jpg) no-repeat right center; color:#fff;background-size:cover }
ul.tabs li.a3{background: url(../img/business_04.jpg) no-repeat right bottom #0f7b9f;color:#162d4a; }

ul.tabs li.a1 p.text1{color:#000}

ul.tabs li p.text1{font-size:40px; font-weight:600; padding:35px 0px 0px 30px}
ul.tabs li p.text2{font-size:14px; padding:20px 30px 17px 30px; line-height:20px}
	ul.tabs li p.text2 span,
	ul.tabs li p.text3 span{ font-weight:600; color:#333}
	ul.tabs li p.text3 span{padding-bottom:3px; display:block}
ul.tabs li p.text3{font-size:14px; background:url(../img/blit_red.jpg) 5px 12px no-repeat  ; padding:5px 0px 0px 20px; margin-left:30px}
ul.tabs li p.text4{font-size:16px; opacity:0.7; padding:10px 0px 0px 30px; font-weight:600 }
ul.tabs li p.text5{font-size:28px; font-weight:600;background:url(../img/blit_red.jpg) 30px 30px no-repeat  ; background-size:15px 3px; padding:35px 0px 0px 30px; }
ul.tabs li p.text6{font-size:13px; font-weight:600; padding:3px 0px 0px 30px; opacity: 0.5; }

#tab1{background: #707478 url(../img/busi_arrow1.jpg) no-repeat 139px top;}
#tab1 ul{height:100% width:100%;}
#tab1 li{width:33.2%; height:75px; float:left} 
#tab1 li.b1{background: url(../img/icon_12.png) no-repeat 85% center; border-right:1px solid #fff;}
#tab1 li.b3{background: url(../img/icon_11.png) no-repeat 85% center; border-right:1px solid #fff}
#tab1 li.b4{background: url(../img/icon_14.png) no-repeat 85% center; border-right:0px solid #fff; float:right}
#tab1 li.b2{background: url(../img/icon_02.jpg) no-repeat 85% center; border-right:1px solid #fff}
#tab1 li.b5{}
#tab1 li h2{padding:8px 0px 0px 27px;}/*background: url(../img/blit_red.jpg) no-repeat 30px 0px;*/
#tab1 li h3{padding:8px 0px 0px 27px;}


#tab2{background: #486483 url(../img/busi_arrow2.jpg) no-repeat 795px top;}
#tab2 ul{height:100% width:100%;}
#tab2 li{width:49.5%; height:75px; float:left}
#tab2 li.b1{background: url(../img/icon_03.png) no-repeat 90% center; border-right:1px solid #fff}
#tab2 li.b2{background: url(../img/icon_02.png) no-repeat 90% center; }

#tab2 li h2{padding:8px 0px 0px 30px;}/*background: url(../img/blit_red.jpg) no-repeat 50px 0px;*/
#tab2 li h3{padding:8px 0px 0px 30px;}


#tab3{background: #2a82a9 url(../img/busi_arrow3.jpg) no-repeat 799px top;}
#tab3 ul{height:100% width:100%;}
#tab3 li{width:49.8%; height:75px; float:left}
#tab3 li.b1{background: url(../img/icon_08.jpg) no-repeat 300px center; border-right:1px solid #fff}
#tab3 li.b2{background: url(../img/icon_09.jpg) no-repeat 330px center;}
#tab3 li h2{padding:8px 0px 0px 90px;}
#tab3 li h3{ padding:8px 0px 0px 90px;}

.tab_container li {cursor:pointer}
.tab_content {padding:50px 0px; color:#fff; height:90px; margin-top:0px !important; }
.tab_content h2 {font-weight: 600; font-size: 24px; color: #fff; text-align:left;
	 background-size:20px 2px; line-height:22px}
.tab_content h3 {font-weight:600; font-size:13px; color:rgba(255, 255, 255, 0.7); text-align:left;}
.tab_content img {float: right; margin: 0 20px 20px 0; }

.tab_content li{}


/*work */
.work{position:relative; margin:0 auto; width:990px; height:100%}
.work h1{text-align:center; padding:100px 0px 50px 0px}

.work ul{width:320px; height:390px; display:block; float:left; color:#000; cursor:pointer;}
.work li.img{height: 45%; text-align: right; background: url(../img/plus.jpg) no-repeat right bottom; }
.work li.text{width:100%; height:55%; background:#FFF; text-align:center; display:block; cursor:pointer; overflow:hidden}

.work ul.work01{background: url(../img/work_01.jpg) no-repeat left top; }
.work ul.work02{background: url(../img/work_02.jpg) no-repeat center top; margin-left:10px}
.work ul.work03{background: url(../img/work_03.jpg) no-repeat center top; margin-left:10px}
.work ul.work04{background: url(../img/work_04.jpg) no-repeat center top; float:right;}


.work li p.text1{font-size:30px; font-weight:600; padding:21px 0px 0px 0px}
.work li p.text2{font-size:18px; font-weight:600; padding:35px 0px 15px 0px;}
.work li p.text3{font-size:15px; padding:0px 0px 15px 0px; }
.work li p.text4{font-size:12px; }
.work li p.text5{display:none}
.work li p.text6{font-size:15px; font-weight:600; padding:20px 0px 15px 0px;}

.work li.text:hover{background-color:#f40202; transition:background-color 1s; color:#fff!important} /*transition:background-color 3s ease-in-out*/

/*recruit */
.recruit{position:relative; margin:0 auto; width:990px; height:100% }
.recruit h1{text-align:center; padding:100px 0px 20px 0px}

.recruit_man{width:100%;text-align:center}
.recruit_man img{margin-top:10px}
.referenceBox{margin-top:20px; width:100%; text-align:center; display: inline-block}
.referenceBox ul{width:80%;margin: 0 auto;display:block}
.referenceBox li{float: left;width: 25% ;height: 150px;}
.referenceBox li i{display:none;}
.referenceBox li.rpa{ background:url(../img/reference_01.png) center top no-repeat}
.referenceBox li.rpa1{ background:url(../img/reference_02.png) center top no-repeat}
.referenceBox li.solution{ background:url(../img/reference_03.png) center top no-repeat}
.referenceBox li.rnd{ background:url(../img/reference_04.png) center top no-repeat}

.recruit_box{width:100%; clear:both; } 
.recruit_box h2{padding:100px 0px 30px 0px; text-align:center; }
.recruit h3{margin-top:30px; margin-bottom:30px}
.recruit_box ul{width:100%; }
.recruit_box li{float:left; width:33.3%; height:150px; margin:0 auto}
.recruit_box li.L{background:#fff; }
.recruit_box li L.p{hight:172px; width:100%; display:block}
.recruit_box li.C{background: url(../img/recruit_bg1.png) no-repeat right center; color:#fff}
.recruit_box li.R{background: url(../img/recruit_bg2.png) no-repeat right center; color:#000}

.recruit_box li.L div{background: url(../img/recruit_arr2.png) no-repeat right center; height:100%; margin-right:10px}
.recruit_box li.C div{background: url(../img/recruit_arr1.png) no-repeat right center; height:100%; margin-right:10px}

.recruit_box li div p.text1{font-size:26px; font-weight:600; padding:30px 0px 5px 40px}
.recruit_box li div p.text2{font-size:26px; font-weight:600; padding:0px 0px 5px 40px}
.recruit_box li div p.text3{font-size:13px; color:#666; padding:0px 0px 0px 40px}
.recruit_box li div p.text4{font-size:13px; color:#fff; padding:0px 0px 0px 40px}


/*contact */
.contact{position:relative; margin:0 auto; width:990px; padding-bottom:3%}
.contact h1{text-align:center; padding:100px 0px 30px 0px}

.contact_info{position:relative; background:#fff; padding:15px 0px 0px 30px; height:90px}
.contact_info ul{}
.contact_info li{display:block; height:35px; line-height:35px; float:left; margin-right:50px}
.contact_info li.tel{padding: 0px 30px 0px 40px; background: url(../img/contact_icon_01.png) no-repeat left center; }
.contact_info li.fax{padding: 0px 30px 0px 40px; background: url(../img/contact_icon_02.png) no-repeat left center; }
.contact_info li.e-mail{padding: 0px 30px 0px 40px; background: url(../img/contact_icon_03.png) no-repeat left center; }
.contact_info li.address{padding: 0px 30px 0px 40px; background: url(../img/contact_icon_04.png) no-repeat left center; clear:both; }
.contact_info li span{display:none}
.map{margin-top:5px; padding-bottom:10%; height:40vh}

/*remote */
.remote{position:relative; margin:0 auto; width:990px; height:100% }
.remote h1{text-align:center; padding:100px 0px 20px 0px}
.remote h1 a{text-align:center; padding:10px 30px; display:inline-block; font-size:1.5rem; background: url(../img/r2soft_bg02.png) repeat; vertical-align: middle; border-radius:50px; margin:0px 0px 7px 20px; color:#fff}
.remote h1 a:hover{background:#00a0e9;}

.recruit_man{width:100%;text-align:center}
.recruit_man img{margin-top:10px}
.remoteBox{margin-top:20px; width:100%; text-align:center; display: inline-block}
.remoteBox ul{width:95%;margin: 0 auto;display:block; }
.remoteBox li{float: left;width:15% ;height: 150px;}
.remoteBox li i{display:none;}
.remoteBox li.rpa{ background:url(../img/reference_01.png) center top no-repeat}
.remoteBox li.rpa1{ background:url(../img/reference_02.png) center top no-repeat}
.remoteBox li.solution{ background:url(../img/reference_03.png) center top no-repeat}
.remoteBox li.rnd{ background:url(../img/reference_04.png) center top no-repeat}

.howto-process-row{width:100%; margin:0 auto; margin-top:60px; display:flex; justify-content:space-around;}
.howto-process{width:10%;font-size:1.2em; font-weight:400; line-height:1.2em; word-break:keep-all; text-align:center;font-family:'나눔고딕', 'Nanum Gothic'; font-weight:600}
.howto-process img{width:100%; margin-bottom:10px;}
.howto-process-row .howto-process:nth-child(2){color:#00a0e9;}
.howto-process-row .howto-process:nth-child(3){color:#00a0e9;}
.howto-process-row .howto-process:nth-child(7){color:#00a0e9;}


.howto-contents-row{width:100%; display:table; padding:4% 4% 4% 2%; box-sizing:border-box}
.howto-contents-row:nth-child(2n+2){background-color:#fff;}
.howto-contents{display:table-cell;}
.howto-image{width:40%; vertical-align:middle;}
.howto-image img{width:100%;}
.howto-text{width:50%; vertical-align:top;}
.howto-text p{font-size:1.1em; line-height:1.5em; word-break:keep-all; padding:20px;text-align:left;}
.howto-contents-header{width:100%; display:table; border-bottom:solid 1px #e5e5e5;}
.howto-num{display:table-cell; width:10%; text-align:center; vertical-align: middle; font-size:4em; padding-left:10px;}
.hc-supporter .howto-num{color:#00a0e9;}
.howto-subject{display:table-cell; width:90%; vertical-align:middle; padding-left:10px;text-align:left; vertical-align:middle}
.howto-subject h3{font-weight:700; font-size:1.8em; margin:0 0 8px; text-align:left; word-break:keep-all;}
.howto-subject span{font-weight:500; font-size:1.2em; color:#333; word-break:keep-all; }
.hc-supporter:before{content:'상담원'; display:inline-block;border-radius:60px;  width:60px; height:60px; line-height:60px; position: relative; top:0px; left:0; z-index:2; font-size:0.75rem; font-weight:normal; color:#fff; background-color:#00a0e9; text-align:center}
.hc-customer:before{content:'고객';display:inline-block;border-radius:60px;width:60px; height:60px; line-height:60px;  position:relative; top:0px; left:0; z-index:2; font-size:0.75rem; font-weight:normal; color:#fff; background-color:#606f7d;text-align:center}
.mfr-first{border-top:solid 1px #e5e5e5;}

/*

@media screen and (max-height:460px) {
	
	
.slider .jquery-reslider .slider-block ul{top:20%;}
.slider .jquery-reslider .slider-block li.text1{font-size:60px;}
.slider .jquery-reslider .slider-block li.text2{ font-size:20px;}
.slider .jquery-reslider .slider-block li.text3{ font-size:13px;}
.slider .jquery-reslider .slider-block li.text4{font-family:Verdana; font-size:50px;}
.slider .jquery-reslider .slider-block li.text5{ font-size:16px}
.slider .jquery-reslider .slider-block li.text6{ font-size:13px;}
}*/

@media screen and (max-width:1280px) {
#header-inner {width:95%; }
.slider .jquery-reslider .slider-block ul{width:95%;}

}
@media screen and (max-width:1200px) {
.slider .jquery-reslider .slider-block li.text1{ font-size:40px;} 
.slider .jquery-reslider .slider-block li.text2{ font-size:85px; letter-spacing:-3px;}
.slider .jquery-reslider .slider-block li.text2 div + div{font-size:80px;letter-spacing:-3px;}

.slider .jquery-reslider .slider-block li.text4{font-size:80px;letter-spacing:-5px}
.slider .jquery-reslider .slider-block li.text4 div + div{font-size:80px;letter-spacing:-3px;}
.slider .jquery-reslider .slider-block li.text5{letter-spacing:-1.2px;}
.slider .jquery-reslider .slider-block li.text5 p{letter-spacing:.3px}
.slider .jquery-reslider .slider-block li.text5 p span{color:#F87246;}

.slider .jquery-reslider .slider-block li.text6{ font-size:40px; }
.slider .jquery-reslider .slider-block li.text7{font-size:85px; letter-spacing:-3px;}
.slider .jquery-reslider .slider-block li.text7 div + div{font-size:45px}

}
@media screen and (max-width:1000px) {
.slider .jquery-reslider .slider-block li.text2 div + div{font-size:70px;l}

.slider .jquery-reslider .slider-block li.text4 div + div{font-size:60px;letter-spacing:-3px;}
.slider .jquery-reslider .slider-block li.text5{letter-spacing:-1.2px;}

.slider .jquery-reslider .slider-block li.text7 div + div{font-size:40px}

}
@media screen and (max-width:990px) {
#section2{background: url(../img/m_main_bg_02.jpg) no-repeat center center;	background-size:auto; height:650px}
#section3{height:700px;	overflow:hidden}
#section4{min-height:600px; }
#section5{background-size:cover; width:100%; height:680px; }
#section6{position:relative; background:#f3f3f3; width:100%; }



	

/*우측네비동그라미 */
.right_nav{ width:30px;}
.right_nav ul{width: 30px;}



/* 메인 슬라이딩 네비게이션 */

#header-inner{width:90%;}
#header-inner-nav p {padding:20px 0px 0px 10%}


#header-inner-logo {width:130px;}
#header-inner-nav { width:100%}

	
	

.r2soft{position:relative; margin:0 auto; width:90%;} 
.overview ul{width:100%; position:relative; padding:160px 0px 50px 0px;}
.overview li{float:none; display:block}

.overview li.L{position:relative; color:#000; background:none; height:80px; width:100%; text-align:center}
.overview li.R{position:relative!important; height:200px; width:100%;}
.overview li.R br{display:none}

.overview li p.text1{position:relative; font-size:50px; padding:100px 10px 0px 0px; text-align:center}
.overview li p.text2{display:none}
.overview li p.text3{display:none; }
.overview li p.text4{position:relative; font-size:16px; padding:100px 34px 0px 30px; height:180px; text-align:center; background:none}
.overview:after{content:""; display:block; clear:both}

.r2soft_menu{position:relative;	width:100%; margin-top:200px}
.r2soft_menu ul{width:100%; display:block}
.r2soft_menu li{float:left; width:25%; max-height:240px; display:block;}	
	
.r2soft_menu li.LL{color:#FFF; 	display:block; background-image: url(../img/r2soft_bg01.png); background-repeat: repeat;}
.r2soft_menu li.L{background-color:rgba(255, 255, 255, 0.8)}

.r2soft_menu li div{background-size:45px;	background-position:right bottom;	height:90%; width:90%}


.r2soft_menu p.text1{font-size:28px; font-weight:600;  padding:40px 0px 0px 0px; }
.r2soft_menu p.text2{font-size:14px;padding:0px 0px 0px 0px; opacity:0.7 }

/*비즈니스*/

.business{width:90%; height:100%}
.business h1{color:#fff; text-align:center; padding:100px 0px 50px 0px}



ul.tabs {margin: 0; padding:0;  list-style:none; width:100%; height:280px;}
ul.tabs li:first-child{width:100%;}
ul.tabs li {float:left; margin:0; padding:0; height:100%; width:33.3%; position: relative;}

ul.tabs li p.text1{font-size:24px;}
ul.tabs li p.text2{font-size:13px; padding:15px 5px 13px 30px; line-height:16px}

#tab1{background: #707478 url(../img/busi_arrow1.jpg) no-repeat 33% top; background-size:20px 10px}
#tab2{background: #486483 url(../img/busi_arrow2.jpg) no-repeat 85% top; background-size:20px 10px}
#tab3{background: #2a82a9 url(../img/busi_arrow3.jpg) no-repeat 85% top; background-size:20px 10px}
.tab_content {padding:20px 0px; color:#fff; height:90px}

#tab1 li h2{padding:8px 0px 0px 13px;}/*background: url(../img/blit_red.jpg) no-repeat 30px 0px;*/
#tab1 li h3{padding:8px 0px 0px 13px;}

/*work */
.work{ width:90%; height:100%}
.work h1{text-align:center; padding:100px 0px 50px 0px}

.work ul{width:31.3%; height:330px; display:block; float:left; color:#000; cursor:pointer}
.work li.img{height: 35%; text-align: right; background-image: url(../img/plus.jpg); background-repeat: no-repeat; background-position: right bottom; }
.work li.text{width:100%; height:65%; background:#FFF; text-align:center; display:block; cursor:pointer}

.work ul.work01{background: url(../img/work_01.jpg) no-repeat left top; }
.work ul.work02{background: url(../img/work_02.jpg) no-repeat center top; margin-left:10px}
.work ul.work03{background: url(../img/work_03.jpg) no-repeat center top; margin-left:10px}
.work ul.work04{background: url(../img/work_04.jpg) no-repeat center top; float:right}


.work li p.text1{font-size:30px; font-weight:600; padding:21px 0px 0px 0px}
.work li p.text2{font-size:15px; font-weight:600; padding:20px 0px 15px 0px; }
.work li p.text3{font-size:13px; padding:0px 0px 10px 0px; }
.work li p.text4{font-size:12px; }
.work li p.text5{display:none}
.work li p.text6{font-size:13px; font-weight:600; padding:15px 0px 15px 0px; }
.work li p.text6 br{display:none}
.work li.text:hover{background-color:#f40202; transition:background-color 1s; color:#fff!important} /*transition:background-color 3s ease-in-out*/

/*recruit */
.recruit{width:90%; height:100% }
.recruit h1{text-align:center; padding:80px 0px 20px 0px}

.recruit_man{width:100%;text-align:center}
.recruit_man img{width:100%; margin-top:0px}

.referenceBox{margin-top:20px; width:100%; text-align:center; display: inline-block}
.referenceBox ul{width:80%;margin: 0 auto;display:block}
.referenceBox li{float: left;width: 25% ;height: 150px;}
.referenceBox li i{display:none;}
.referenceBox li.rpa{ background:url(../img/reference_01.png) center top no-repeat; background-size: contain}
.referenceBox li.rpa1{ background:url(../img/reference_02.png) center top no-repeat; background-size: contain}
.referenceBox li.solution{ background:url(../img/reference_03.png) center top no-repeat; background-size: contain}
.referenceBox li.rnd{ background:url(../img/reference_04.png) center top no-repeat; background-size: contain}

/*remote */
.remote{width:90%; height:100% }
.remote h1{text-align:center; padding:80px 0px 20px 0px}


/*contact */
.contact{width:90%;}
.contact h1{text-align:center; padding:80px 0px 20px 0px}

.contact_info{position:relative; background:#fff; padding:15px 0px 0px 30px; height:90px}
.contact_info ul{}
.contact_info li{display:block; height:28px; line-height:28px; float:left; margin-right:50px}
.contact_info li.tel{padding: 0px 25px 0px 30px; background-size:20px }
.contact_info li.fax{padding: 0px 25px 0px 30px; background-size:20px}
.contact_info li.e-mail{padding: 0px 25px 0px 30px; background-size:20px}
.contact_info li.address{padding: 0px 25px 0px 30px; background-size:20px}

.map img{width:100%;}


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


    #tab1 li.b1{background: url(../img/icon_01.jpg) no-repeat 85% center; border-right:1px solid #fff;}
    #tab1 li.b2{background:none}
    #tab1 li.b3{background: url(../img/icon_02.jpg) no-repeat 85% center; border-right:1px solid #fff;}
	#tab1 li.b4{background: url(../img/icon_03.jpg) no-repeat 85% center;}
}


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

    /*#tab1 li {width: 48%;height: 75px;float: left;}
	#tab1 li.b1{background:none}
    #tab1 li.b2{background:none}
    #tab1 li.b3{background:none}
	#tab1 li.b4{background:none}	
	#tab1 li.b5{background:none}*/

.slider .jquery-reslider .slider-block li.text2 div + div{font-size:47px;}

.slider .jquery-reslider .slider-block li.text4{/*flex-direction:column;align-items:flex-start;*/ }
.slider .jquery-reslider .slider-block li.text4 div + div{ font-size:47px;letter-spacing:-3px;}
.slider .jquery-reslider .slider-block li.text5{letter-spacing:-1.2px;}

.slider .jquery-reslider .slider-block li.text7 div + div{font-size:38px}
  
}
@media screen and (max-width:860px) {

.slider .jquery-reslider .slider-block li.text7 div + div p{display:block;margin-top:5px; letter-spacing:0px}
.slider .jquery-reslider .slider-block li.text7 div + div p span{letter-spacing:-2px;}

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


	#header{display:none}	
	/*우측네비동그라미*/
	.right_nav{display:none}

	/* 모바일이동 */
	.mm_arrow{text-align:center; position:absolute; left:45%; bottom:50px; z-index:100;display:block}
	.mm_arrow_top{text-align:center; position:absolute; left:45%; bottom:50px; z-index:100;display:block} 
	
	 
	/*slider*/

	.slider .jquery-reslider .slider-block ul{top:27%;}
	.slider .jquery-reslider .slider-dots ul{position:absolute; width:100%;  text-align:center; top:70%; } 
	
	.slider .jquery-reslider .slider-block li.text1, 
	.slider .jquery-reslider .slider-block li.text2, 
	.slider .jquery-reslider .slider-block li.text3,
	.slider .jquery-reslider .slider-block li.text4,
	.slider .jquery-reslider .slider-block li.text5, 
	.slider .jquery-reslider .slider-block li.text6,
	.slider .jquery-reslider .slider-block li.text7,
	.slider .jquery-reslider .slider-block li.text8{text-align:center;}
	
	.slider .jquery-reslider .slider-block li.text1{font-size:35px;} 
	.slider .jquery-reslider .slider-block li.text2{flex-direction:column; justify-content:center;align-items:center; font-size:80px;}
	.slider .jquery-reslider .slider-block li.text2 div + div{font-size:50px; margin:10px auto;}
	.slider .jquery-reslider .slider-block li.text2 div + div span{letter-spacing:-3px;}
	.slider .jquery-reslider .slider-block li.text3{margin:10px auto;letter-spacing:-2px; }
	
	.slider .jquery-reslider .slider-block li.text4{flex-direction:column; justify-content:center;align-items:center;  font-size:80px; margin-top:20px;}
	.slider .jquery-reslider .slider-block li.text4 div + div{font-size:50px; margin:10px auto;}
	.slider .jquery-reslider .slider-block li.text5{letter-spacing:-2px;  margin:10px auto;}
	
	.slider .jquery-reslider .slider-block li.text6{ font-size:35px; }
	.slider .jquery-reslider .slider-block li.text7{flex-direction:column; justify-content:center;align-items:center;  font-size:80px;}
	.slider .jquery-reslider .slider-block li.text7 div + div{font-size:40px;margin:10px auto;}
	.slider .jquery-reslider .slider-block li.text7 div + div p{display:inline-block;}
	.slider .jquery-reslider .slider-block li.text8{margin:10px auto;}

    .slider .jquery-reslider .slider-block ul._hero_01::before {left:50%;}
    .slider .jquery-reslider .slider-block ul._hero_02::before {left:50%;}
		
	.r2soft_menu p.text1{font-size:24px;}
	
	/*contact */
	.
	.contact h1{text-align:center; padding:80px 0px 30px 0px}

	.contact_info{position:relative; background:#fff; padding:15px 0px 0px 30px; height:90px}
	.contact_info ul{}
	.contact_info li{display:block; height:25px; line-height:25px; float:left; margin-right:10px}
	.contact_info li.tel{padding: 0px 25px ; background-size:20px }
	.contact_info li.fax{padding: 0px 25px; background-size:20px  }
	.contact_info li.e-mail{padding: 0px 25px; background-size:20px  }
	.contact_info li.address{padding: 0px 0px 0px 25px;  background-size:20px  }

	.map{margin-top:5px}
	
	
 	#tab2 li.b1{background:none}
    #tab2 li.b2{background:none}
    #tab2 li.b3{background:none}
    #tab2 li.b4{background:none}

    #tab3 li.b1{background:none}
    #tab3 li.b2{background:none}
	
	}



@media screen and (max-width:640px) {
	#section2{height:620px;background-size:cover;} 
	#section3{background-image: url(../img/r2soft/submenu_bg3.jpg);
		background-repeat: repeat;
		overflow:hidden; max-height:780px
	}
	#section4{min-height:650px; }
	#section5{background-size:cover; width:100%; height:650px; }
	#section6{position:relative; background:#f3f3f3; width:100%; }
	
	/*slider*/
	.slider-block li.text3 br:nth-of-type(2) {display: initial}


    /* 모바일이동 */
	.mm_arrow{bottom:20px;}
	.mm_arrow_top{bottom:20px;} 

	/* R2soft */
	.r2soft{display:none}

	.M_r2soft{display: block; width:90%; margin:0 auto}
	.M_r2soft h1{text-align:center; padding:80px 0px 10px 0px;}
	.M_r2soft ul{width:400px; margin:0 auto; text-align:center}
	.M_r2soft li{float:left; width:48%;  margin:3px; background:rgba(255, 255, 255, 0.5); color:#000; font-size:22px; font-weight:600; padding:40px 0px 30px 0px}
	.M_r2soft li p{padding-top:10px}
	.M_r2soft li a{color:inherit;}
	.M_r2soft li:hover{background:rgba(0, 0, 0, 0.3); cursor:pointer; color:#fff}


	/* business */
	.business{display:none}


	.M_business{display:block; width:90%; margin:0 auto}
	.M_business h1{color:#fff; text-align:center; padding:80px 0px 10px 0px}

	.M_bus_title{color:#fff; width:100%}
	.M_bus_title ul{width:100%}
	.M_bus_title li:first-child{width: 100%; }
	.M_bus_title li{width: 33.3%; float: left; background-size: 35px 2px; font-size: 27px; font-weight: 600; padding-top:30px; text-align:center; height:100px}
	.M_bus_title li.title01{position:relative; background:#FFF; color:#000;}
	.M_bus_title li.title02{position:relative; color: #FFF; background: url(../img/r2soft_bg02.png) repeat;}
	.M_bus_title li p.title{background: url(../img/blit_red.jpg) center top no-repeat;  padding-top:10px}
	.M_bus_title li p.plus{position: absolute; bottom: -18px; left: 45%; width: 39px; height: 39px}
    
	 
	.M_bus_menu{width:100%; margin-top:10px}
	.M_bus_menu ul{width: 100%; float: left; color:#fff; font-size:16px; font-weight:600}
	.M_bus_menu ul a{color:#fff; }
	.M_bus_menu ul.menu02{background:rgba(0,0,0, 0.1)}
	.M_bus_menu li{margin:10px; height:75px; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding-top:10px; display:block; width:90%; }
	.M_bus_menu li p{float:left;}
		.M_bus_menu li p + p{float: none; text-align:center}

	.M_bus_menu li img{padding-right:2px}
	.M_bus_menu ul li.bottom{ border-bottom:none; /*padding-bottom:50px*/}
	.M_bus_menu li p.top15{padding-top:15px} 
	.M_bus_menu li p.top8 {padding-top:8px}
	.M_bus_menu li p.top5 {padding-top:5px}  
	
	.M_bus_menu a li{} 




	/*work */

	.work{position:relative; margin:0 auto; width:90%; height:100%}
	.work h1{text-align:center; padding:80px 0px 10px 0px; }

	.work ul{width:46%; height:190px; margin:4px; display:block; float:left; color:#FFF; cursor:pointer}
	.work li.img{height: 0%; display:none}
	.work li.text{width:100%; height:100%; background:rgba(0, 0, 0, 0.5); text-align:center; display:block; cursor:pointer}

	.work ul.work01{position:relative; background: url(../img/work_01.jpg) no-repeat left top;  }
	.work ul.work02{position:relative; background: url(../img/work_02.jpg) no-repeat center top; margin-left:4px}
	.work ul.work03{position:relative; background: url(../img/work_03.jpg) no-repeat center top; margin-left:4px}
	.work ul.work04{position:relative; background: url(../img/work_04.jpg) no-repeat center top; float:left}


	.work li p.text1{font-size:30px; font-weight:600; padding:70px 0px 0px 0px}
	.work li p.text2{display:none}
	.work li p.text3{display:none}
	.work li p.text4{display:none}
	.work li p.text5{display:block; font-size:15px; color:rgba(255, 255, 255, 0.8); font-weight:600}
	.work li p.text6{display:none}
	.work li p.plus{background: url(../img/plus.jpg) no-repeat right bottom; position:absolute; bottom:0; right:0; width:42px ; height:42px; display:block }

	.work li.text:hover{background-color:#f40202; transition:background-color 1s; color:#fff!important}  


	/*work */
	
	.referenceBox li{float: left;width: 50% ;height: 150px;}
	.referenceBox li i{display:none;}
	.referenceBox li.rpa{ background:url(../img/reference_01.png) center top no-repeat; background-size: contain}
	.referenceBox li.rpa1{ background:url(../img/reference_02.png) center top no-repeat; background-size: contain}
	.referenceBox li.solution{ background:url(../img/reference_03.png) center top no-repeat; background-size: contain}
	.referenceBox li.rnd{ background:url(../img/reference_04.png) center top no-repeat; background-size: contain}

	
	/*remote */
	.remote{width:90%;}
	.remote h1 a{display:block; font-size:1.5rem; margin:20px auto; color:#fff}	
	.remote h3{font-size:20px; width:95%; margin:0 auto;}
	.remote h3 br{ display:none; }

	.howto-process-row{width:90%; margin:0 auto; margin-top:60px; display:flex; justify-content:space-around;}
	.howto-process{width:10%;font-size:1.0em; font-weight:400; line-height:1.2em; word-break:keep-all; text-align:center;font-family:'나눔고딕', 'Nanum Gothic'; font-weight:600}
	.howto-process img{width:100%; margin-bottom:10px;}
	.howto-process-row .howto-process:nth-child(2){color:#00a0e9;}
	.howto-process-row .howto-process:nth-child(3){color:#00a0e9;}
	.howto-process-row .howto-process:nth-child(7){color:#00a0e9;}
	
	.howto-contents-row{width:100%; display:table; padding:4% 4% 4% 2%; box-sizing:border-box}
	.howto-contents-row:nth-child(2n+2){background-color:#fff;}
	.howto-contents{display:table-cell;}
	.howto-image{width:0%; vertical-align:middle;}
	.howto-image img{width:100%;}
	.howto-text{width:100%; vertical-align:top;}
	.howto-text p{font-size:1.1em; line-height:1.5em; word-break:keep-all; padding:20px;text-align:left;}
	.howto-contents-header{width:100%; display:table; border-bottom:solid 1px #e5e5e5;}
	.howto-num{display:table-cell; width:10%; text-align:center; vertical-align: middle; font-size:4em; padding-left:10px;}
	.hc-supporter .howto-num{color:#00a0e9;}
	.howto-subject{display:table-cell; width:90%; vertical-align:middle; padding-left:10px;text-align:left; vertical-align:middle}
	.howto-subject h3{font-weight:700; font-size:1.8em; margin:0 0 8px; text-align:left; word-break:keep-all;}
	.howto-subject span{font-weight:500; font-size:1.2em; color:#333; word-break:keep-all; }
	.hc-supporter:before{content:'상담원'; display:none;}
	.hc-customer:before{content:'고객';display:none;}


	
}

@media screen and (max-width:520px) {
	
	/* business */
	
    #section3{overflow:hidden; max-height:560px	}
	.M_bus_title li{width: 33.3%; float: left; background-size: 35px 2px; font-size: 20px; font-weight: 600; padding-top:20px; text-align:center; height:95px}
	
	.M_bus_title li p.title{background: url(../img/blit_red.jpg) center top no-repeat;  padding-top:24px}
	.M_bus_title li p.plus{left:45%; bottom:-25px}
	.M_bus_title li p.plus img{width:25px}
    .M_bus_title li p.top15{padding-top:8px}
	.M_bus_title li p.top8{padding-top:3px}
	
	.M_bus_menu ul{font-size:14px;}
	.M_bus_menu li{margin:7px; height:35px; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding:10px 0px  }
	
	.M_bus_menu li img{padding-right:2px; width:35px; float:left}
	
	
	.M_bus_menu li p.top15{padding-top:8px} 
	.M_bus_menu li p.top8 {padding-top:00} 
	
	.remote h3{font-size:17px;}

	
}

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

    #section4{min-height:520px; }
	

	/* 메인이미지 */
	/*slider*/

	.slider .jquery-reslider .slider-block li.text4{font-size:30px;}
	.slider .jquery-reslider .slider-block li.text5{font-size:14px; margin:10px 0px 15px 0px;  width:90%; margin:0 auto}
	.slider .jquery-reslider .slider-block li.text6{font-size:20px;}
	.slider .jquery-reslider .slider-block li.text7{font-size:40px;}
	.slider .jquery-reslider .slider-block li.text8{font-size:13px;}
	
	
	
    .slider-block li.text5 br{display:none}
	
	.slider .jquery-reslider .slider-dots li  {width:40px; height:6px; margin:0px 3px;}
	
	/*slider*/

	.slider .jquery-reslider .slider-block ul{top:27%;}
	.slider .jquery-reslider .slider-dots ul{position:absolute; width:100%;  text-align:center; top:70%; } 
	
	.slider .jquery-reslider .slider-block li.text1, 
	.slider .jquery-reslider .slider-block li.text2, 
	.slider .jquery-reslider .slider-block li.text3,
	.slider .jquery-reslider .slider-block li.text4,
	.slider .jquery-reslider .slider-block li.text5, 
	.slider .jquery-reslider .slider-block li.text6,
	.slider .jquery-reslider .slider-block li.text7,
	.slider .jquery-reslider .slider-block li.text8{text-align:center;}
	
	.slider .jquery-reslider .slider-block li.text1{font-size:22px;} 
	.slider .jquery-reslider .slider-block li.text2{flex-direction:column; justify-content:center;align-items:center; font-size:65px;}
	.slider .jquery-reslider .slider-block li.text2 div + div{font-size:40px; margin:10px auto;}
	.slider .jquery-reslider .slider-block li.text2 div + div span{letter-spacing:-3px;}
	.slider .jquery-reslider .slider-block li.text3{ font-size:17px; margin:10px auto;letter-spacing:-1.5px; width:90% !important;}
	
	.slider .jquery-reslider .slider-block li.text4{flex-direction:column; justify-content:center;align-items:center;  font-size:65px; margin-top:20px;}
	.slider .jquery-reslider .slider-block li.text4 div + div{font-size:40px; margin:10px auto;}
	.slider .jquery-reslider .slider-block li.text5{ font-size:17px;letter-spacing:-1.5px;  margin:10px auto;}
	.slider .jquery-reslider .slider-block li.text5 p {letter-spacing:-1.5px;}
		
	.slider .jquery-reslider .slider-block li.text6{ font-size:22px; }
	.slider .jquery-reslider .slider-block li.text7{flex-direction:column; justify-content:center;align-items:center;  font-size:65px;}
	.slider .jquery-reslider .slider-block li.text7 div + div{font-size:35px;margin:10px auto;}
		.slider .jquery-reslider .slider-block li.text7 div + div span{letter-spacing:-1.5px;}
		.slider .jquery-reslider .slider-block li.text7 div + div p span{letter-spacing:-3px;}
	.slider .jquery-reslider .slider-block li.text8{ font-size:17px;letter-spacing:-1.5px;  margin:10px auto;}

    .slider .jquery-reslider .slider-block ul._hero_01::before,     .slider .jquery-reslider .slider-block ul._hero_02::before  {left:50%;}

	
	 /* R2soft */
	
	.M_r2soft ul{width:95%;}
	.M_r2soft li{font-size:20px;  padding:30px 0px 20px 0px}
	.M_r2soft li p{padding-top:10px}
	.M_r2soft li p img{width:30%}
	.M_r2soft li a{color:inherit;}
	.M_r2soft li:hover{background:rgba(0, 0, 0, 0.3); cursor:pointer; color:#fff}
	
	
	
	
	
	/*work */
	
	.work ul{width:46%; height:140px;}	
	.work li p.text1{font-size:22px; font-weight:600; padding:50px 0px 0px 0px}
	.work li p.plus{ width:30px ; height:30px; background-size:100%}
	
	/*recruit */

    .recruit_box li div p.text1{font-size:18px;}
    .recruit_box li div p.text2{font-size:20px;}
    .recruit_box li div p.text3{font-size:12px;}
    .recruit_box li div p.text4{font-size:12px;}



    



    .contact_info{position:relative; background:#fff; padding:15px 0px 0px 15px; height:auto}
	.contact_info ul{}
	.contact_info li{display:block; height:25px; line-height:25px; float:none; margin-right:10px; font-size:13px}
	.contact_info li.tel{padding: 0px 20px ; background-size:15px }
	.contact_info li.fax{padding: 0px 20px; background-size:15px  }
	.contact_info li.e-mail{padding: 0px 20px; background-size:15px  }
	.contact_info li.address{padding: 0px 0px 0px 20px;  background-size:15px; line-height:16px; height:40px;  }

}

@media screen and (max-width:380px) {
    #section2{height:400px;}
	

	
	 /* R2soft */
	
	.M_r2soft ul{width:90%;}
	.M_r2soft li{float:none; font-size:20px;  padding:10px 0px 10px 0px; width:100%;}
	.M_r2soft li p{padding-top:0px;}
	.M_r2soft li p img{display:none}
	.M_r2soft li a{color:inherit;}
	.M_r2soft li:hover{background:rgba(0, 0, 0, 0.3); cursor:pointer; color:#fff}
	
	
	.M_bus_menu li img{display:none}	
    .M_bus_menu li P{display:block; width:100%;text-align:center}
	
	.recruit_box h3{font-size:18px}
    .recruit_box li{height:150px;}
    .recruit_box li.L{background:#fff; }
    .recruit_box li L.p{hight:172px; width:100%; display:block}
    .recruit_box li.C{background: url(../img/recruit_bg1.png) no-repeat left center;}
    .recruit_box li.R{background: url(../img/recruit_bg2.png) no-repeat left top;}

    .recruit_box li div p.text1{font-size:16px; padding:20px 0px 5px 15px}
    .recruit_box li div p.text2{font-size:18px; padding:0px 0px 5px 15px}
    .recruit_box li div p.text3{font-size:11px; padding:0px 0px 0px 15px}
    .recruit_box li div p.text4{font-size:11px; padding:0px 0px 0px 15px}

}