@media ( max-width: 990px ) {
	header.pc-ver {display: none;}
	header.pc-ver > div#head {display: none;}
	.main-bnnr {display: none;}
	img {display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; vertical-align: middle;}
	#logoImgForHeader1 {width: auto;}
	#logoImgForFooter {display:none; width: auto; padding: 3%;}
	
	/* ************************ Left Menu Gnb & Top Header ************************ */
	.navbar{background-color: #fff; overflow: hidden; width:100%; height: 55px; border-top:5px solid #2958a7; position: fixed; z-index: 10005; box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35);}
	.navbar a{float: left; display: block; color: #000; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 1.05em;}
	.navbar ul{padding: 0; margin-top: 7px; list-style: none; overflow: auto;}
	.navbar a:hover{background-color: #aaa; color: #000;}
	.navbar li{position: relative; margin:0 auto; overflow: hidden; padding: 0; text-align: center;}
	.navbar li a{padding:0px 32%; margin:0px atuo; text-align: center;}
	.navbar li img {width: 70%; padding:0px; margin:0px; text-align: center;}
	.side-nav{height: 100%; width: 0; position: fixed; z-index: 10006; left: 0; top: 0; background-color:  rgba(17, 17, 17, 0.95); /*opacity: 0.9;*/ overflow-x: hidden; padding-top: 60px; transition: 0.35s;}
	.side-nav a{text-decoration: none; padding: 10px 10px 10px 30px; display: block; font-size: 0.95em; color: #aaa;}
	.side-nav a:hover{color: #fff;}
	.side-nav .btn-close{position:absolute; top: 7px; right: 10px;font-size: 2.25em;}
	
	
	
	.sidebar {width: 100%; height: 100%; background: rgba(17, 17, 17, 0.7); position: absolute; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out; z-index: 10009;}
	.sidebar #leftside-navigation ul,
	.sidebar #leftside-navigation ul ul {margin: -2px 0 0; padding: 0;}
	.sidebar #leftside-navigation ul li {list-style-type: none; border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
	.sidebar #leftside-navigation ul li.active > a {color: #1abc9c;}
	.sidebar #leftside-navigation ul li.active ul {display: block;}
	.sidebar #leftside-navigation ul li a {color: #aeb2b7; text-decoration: none; display: block; padding: 18px 0 18px 25px; font-size: 1.05em; font-weight:800; outline: 0;
		-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; transition: all 200ms ease-in;}
	.sidebar #leftside-navigation ul li a:hover {color: #1abc9c;}
	.sidebar #leftside-navigation ul li a span {display: inline-block;}
	.sidebar #leftside-navigation ul li a i {width: 20px;}
	.sidebar #leftside-navigation ul li a i .fa-angle-left,
	.sidebar #leftside-navigation ul li a i .fa-angle-right {padding-top: 3px;}
	.sidebar #leftside-navigation ul ul {display: none;}
	.sidebar #leftside-navigation ul ul li {background: rgba(58, 58, 58, 0.5); font-size: 0.875em; margin-bottom: 0; margin-left: 0; margin-right: 0; border-bottom:1px solid rgba(0, 0, 0, 0.55);}
	.sidebar #leftside-navigation ul ul li a {font-size: 1.05em; padding-top: 13px; padding-bottom: 13px; color: #aeb2b7;}
	
	
		
	/* ************************ Main Image ************************ */  
	.clayss {height:500px;}
	.bxslider li {height:500px; max-height:500px;}
	.bxslider li.one {background: url('/resources/homepage/images/common/main-Images-01.jpg') 70% 0px; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
	.bxslider li.two {background: url('/resources/homepage/images/common/main-Images-02.jpg') 70% 0px; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
	.bxslider li.three {background: url('/resources/homepage/images/common/main-Images-03.jpg') 70% 0px; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}	
	.bx-conts{position:absolute;top:30%; left:5%; margin:0; padding-right:5%}
	.bx-conts h2 {font-size: 2em; font-weight:800; color: #fff; line-height:120%; text-align:left;}
	.bx-conts h3 {font-size: 1.25em; color: #fff; line-height:130%; margin-top:10px; text-align:left;}
			
	/* Maim Business Banner */
	.main-Area {width:90%;	margin: 5% 5%; text-align:center; padding:0px; overflow:hidden;}
	.main-Box {float:none; width:100%; /*height:250px;*/ border-radius: 2px; margin-bottom:5%; border:0px solid #4e72b7; text-align:center; box-shadow:none;}
	.main-Box:first-child {display: block; border:0px solid #2859a7; margin-bottom:5%; margin-right:0; }
	.main-Box:last-child  {display: block; border:0px solid #55abc9; margin-bottom:5%; margin-left:0;}
	.main-Box h4{font-size: 1.8em; font-weight: 800; text-align: center; /*padding-top: 5%;*/ line-height:150%; margin:0px;}
	.main-Box p{font-size: 0.875em; font-weight: 400; text-align: center;  margin: 2% 5% 0px; line-height: 120%;}
	.main-Box img{width:55%; margin: 5% 23.5%;}
	.main-Box:first-child h4{margin: 0% 5%; padding-top: 5%; line-height:150%;}
	.main-Box:first-child img{width:40%; margin: 3% 30%;}
	.main-Box:last-child img{width:40%; margin: 5% 30%;}
	
	/* Solution Area */
	.Solution-area{overflow:hidden; position: relative; background-image:url('/resources/homepage/images/common/solution-background.jpg'); background-position: -800px 0px; background-repeat: no-repeat; background-size: cover; width:auto; height: 300px; margin: auto;}
	.Solution-area h4 {width:100%; /*padding-top:30%;*/ text-align: center; font-size: 1.6em; font-weight:800; line-height:120%; color: #38dcff;} /*   margin-left:2%; */
	.Solution-area .solut-cont {width:94%; margin:15px 3% 0; padding:10px 0 0 0; font-size: 1.05em; font-weight: 700; color: #fff; text-align: center; line-height:120%; text-shadow: 0px 0px 1em #000;} /*  margin-left:2.7s%; */
		
	/* Footer Area */
	/* #footer {position:relative; width: 100%; height:150px; background: #fff; margin-top: 5%; overflow:hidden;} */
	#footer {position:relative; width: 100%; height:150px; background: #000; margin-top: 5%; overflow:hidden;}
	#footer .foot-cont {overflow:hidden; width: 96%; margin: 0 auto; text-align:center;}
	#footer .foot-cont .logo {display: none;}
	#footer .foot-cont .add {display: none;}
	/* #footer .foot-cont .add-mobile {margin: 5%; color: #555; font-size:0.95em; font-weight:700; line-height:140%; text-align:left;} */
	#footer .foot-cont .add-mobile {margin: 7% 3%; color: #fff; font-size:0.95em; font-weight:700; line-height:140%; text-align:left;}
	/* #footer .foot-cont .add-mobile p{font-weight: bold; font-size: 0.85em; font-family:'돋음'; color: #000; letter-spacing:0; text-align:left;} */
	#footer .foot-cont .add-mobile p{font-weight: bold; font-size: 0.85em; font-family:'돋음'; color: #fff; letter-spacing:0; text-align:left;}
	
	/* ************ Sub Contents ************ */
	.sub-container {margin: 0px;}
	.sub-button-prev {display: none;}
	.sub-button-next {display: none;}
	/*.sub-img .Top_viewer01 {display: block; max-height: 100%; height: 250px; overflow: hidden; position: relative; background-image:url('/resources/homepage/images/sub/sub-Images-01.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 510%;}
	.sub-img .Top_viewer02 {display: block; max-height: 100%; height: 250px; overflow: hidden; position: relative; background-image:url('/resources/homepage/images/sub/sub-Images-02.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 510%;}
	.sub-img .Top_viewer03 {max-height: 100%; height: 250px; overflow: hidden; position: relative; background-image:url('/resources/homepage/images/sub/sub-Images-03.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 510%;}
	.sub-img .Top_viewer04 {max-height: 100%; height: 250px; overflow: hidden; position: relative; background-image:url('/resources/homepage/images/sub/sub-Images-04.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 510%;}*/
	
	/*.sub-img .sub-copyright{position: absolute; top: 110px; left: 50%; color: #fff; width:50%; font-size: 2.313em; font-weight: 800; text-align: center; margin-left: -25%;}
	.sub-img .sub-copyright p{height: 9px;line-height: 9px;}*/
	.sub-img .sub-copyright {display: none;}
	.sub-img .sub-copyright p{display: none;}*/
	.ttl-location {display: none;}
	.sub-title {overflow: hidden; width:100%; margin:100px auto 0; line-height:140%; font-size: 2em; font-weight:800; color: #000; text-align:center;}
	.sub-title-business {overflow: hidden; width:100%; margin:100px auto 0; line-height:140%; font-size: 2em; font-weight:800; color: #2859A7; text-align:center;}
	.sub-title-solution {overflow: hidden; width:100%; margin:100px auto 0; line-height:140%; font-size: 2em; font-weight:800; color: #2859A7; text-align:center;}
	.sub-title-recruit {overflow: hidden; width:100%; margin:100px auto 0; line-height:140%; font-size: 2em; font-weight:800; color: #2859A7; text-align:center;}
	
	.Contents-area {position:relative; width:90%; min-height: 100%; height:100%; margin:5%; text-align:center;}
	.Contents-area img.mobile{display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; vertical-align: middle;}
	.Contents-area .top-img {position:relative; height:275px; width:auto; overflow: hidden;}
	.Contents-area .top-img img{display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; transform:scale(4); transform-origin:center top; vertical-align: middle;}
	.Contents-area .top-img2 {position:relative; height:287px; width:auto; overflow: hidden;}
	.Contents-area .top-img2 img{display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; transform:scale(2); transform-origin:left top; vertical-align: middle;}
	.Contents-area .top-img3 {position:relative; height:275px; width:auto; overflow: hidden;}
	.Contents-area .top-img3 img{display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; transform:scale(4); transform-origin:87% top; vertical-align: middle;}
	.Contents-area .top-copyright {font-size: 1.05em; font-weight: 700; color: #4e72b7; line-height:140%; margin-top: 5%;}
	.Contents-area .img-left {position:relative; height:280px; width:auto; overflow: hidden; margin:5% 0 0;} /*{margin:5%; width: 100%; height: 350px;  text-align:left; position: relative; overflow: visible; border:1px solid red;}*/
	.Contents-area .img-left img{display: inline-block; vertical-align: middle; max-height: 100%; max-width: auto; vertical-align: middle; width: 100%}
	/*.Contents-area .aubot-box {position:relative; overflow: hidden; top: -100px; right: 0px;  width: 80%; background: rgba( 255, 255, 255, 0.89); font-size: 1.05em; line-height: 120%; letter-spacing:-0.5px; text-align:left; padding:5%; margin:0 5% -50px;
		-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);}*/
	.Contents-area .aubot-box {overflow: hidden; width: 80%; background: rgba( 255, 255, 255, 0.89); font-size: 1.05em; line-height: 120%; letter-spacing:-0.5px; text-align:left; padding:5%; margin:5% 5%;
		-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);}
	/* .Contents-area .aubot-signature {display: none;} */
	.Contents-area .aubot-signature {line-height:106px; font-weight:800; color: #000; letter-spacing: 0px; font-size: 17px; display: flex; justify-content: center;}
	.Contents-area .aubot_ceo {margin-left: 3%; font-size: 20px;}
	.Contents-area .about03  {width:100%; overflaow: hidden; margin-bottom:50px;}
	.Contents-area .about03 img {width:100%;}
	.Contents-area li.partner {margin:15px 8px 0 0; width:100%; border:1px solid #d1d1d1; background: rgba(255, 255, 255, 0.35); border-radius: 10px; padding:35px 0 25px;}
	
	/* .top-cont {position: absolute; top: 0; left: 0; width:90%; text-align: center; color: #fff; margin:80px 5% 0;}*/
	.top-cont {position: absolute; top: 0; left: 0; width:90%; text-align: center; color: #fff; margin:60px 5% 0;}
	.top-cont li.small {font-size: 0.95em; padding-bottom: 10px;}
	.top-cont li.middle {font-size: 1.05em; font-weight:700; line-height:160%;}
	.top-cont li.middle2 {font-size: 1em; font-weight:700; line-height:140%; margin-top:40px;}
	.top-cont li.large {font-size: 1.4em; font-weight: 800; line-height:140%; margin-bottom: 10px;}
	.top-cont li.large2 {font-size: 1.4em; font-weight: 800; margin-top: 5px; line-height:130%;}
	/* .top-cont li.large3 {color: #38dcff; font-size: 1.45em; font-weight: 800; margin-top: 5px; line-height:130%;} */
	.top-cont li.large3 {color: #38dcff; font-size: 1em; font-weight: 800; line-height:130%;}
	.top-cont1 {position: absolute; top: 20px; left: 0px; width:90%; text-align:left; color: #fff; margin:5% 5% 0;}
	.top-cont1 li.burette {border-left:1px solid rgba(255, 255, 255, 0.50); width:100%; height:20px;}
	/*.top-cont1 li.subject {color: #6bfaef; font-size: 2em; font-weight: 800; padding-right: 21px; line-height:160%; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.55);}*/
	.top-cont1 li.subject {display: none;}
	.top-cont1 li.conts {color: #fff; margin: 0; line-height:140%; font-size: 1.05em;}
	/*.top-cont2 {position: absolute; top: 50%; left: 0; color: #fff; width:90%; text-align: center; margin:0 5%}	
	.top-cont2 {position: absolute; top: 50px; left: 0; color: #fff; width:90%; text-align: center; margin:0 5%} */
	.top-cont2 {display: none;}
	.top-cont2 li.small {font-size: 0.95em; padding-bottom: 10px;}
	.top-cont2 li.middle {font-size: 1.05em; font-weight:700; line-height:160%;}
	.top-cont2 li.large {font-size: 1.4em; font-weight: 800; line-height:140%; margin-bottom: 10px;}
	
	.Contents-area .top-image {position:relative; height:275px; width:auto; overflow: hidden; display: block;}
	.Contents-area .top-image img{display: inline-block; vertical-align: middle; max-height: 100%; max-width: 100%; transform:scale(3.6); transform-origin:87% top; vertical-align: middle;}
	.Contents-area .top-text {position: absolute; top: 0px; left: 0; color: #fff; text-align:left; margin:90px 0 0 5%;}
	.Contents-area .top-text .txt-large {font-size: 2em; font-weight: 800; line-height:120%;}
	
	.company_top_cont2 {position: absolute; top: 7%; left: 0; color: #fff; width:90%; text-align: center; margin:0 5%;}
	
	.sub0101_pattern1, .sub0101_pattern2, 
	.sub0102_pattern1, .sub0102_pattern2, 
	.sub0103_pattern1, .sub0103_pattern2,
	.sub0201_pattern1, .sub0202_pattern1,
	.sub0203_pattern1, .sub0204_pattern1,
	.sub0301_pattern1, .sub0301_pattern2,
	.sub0302_pattern1, .sub0303_pattern1,
	.sub0303_pattern2, .sub0401_pattern1,
	.sub0401_pattern2, .sub0401_pattern3,
	.sub0401_pattern4 {display: none;}
	
	/* 회사연혁 */
	.History {position: relative; width:100%; margin:5% auto; text-align:center;}
	.year1 {background: #4d74b8; border-radius: 50%; width:100px; height:100px; line-height:100px; font-size: 1.6em; color:#fff; font-weight: 800; margin:0;}
	.year2 {background: #3597ca; border-radius: 50%; width:100px; height:100px; line-height:100px; font-size: 1.6em; color:#fff; font-weight: 800; margin:0;}
	.year3 {background: #77c5bf; border-radius: 50%; width:100px; height:100px; line-height:100px; font-size: 1.6em; color:#fff; font-weight: 800; margin:0;}
	.year4 {background: #4994f1; border-radius: 50%; width:100px; height:100px; line-height:100px; font-size: 1.6em; color:#fff; font-weight: 800; margin:0;}
	.year5 {background: #083d80; border-radius: 50%; width:100px; height:100px; line-height:100px; font-size: 1.6em; color:#fff; font-weight: 800; margin:0;}
	
	.History .day-right,
	.History .day-left  {width: 75%; line-height:140%; background-image:url('/resources/homepage/images/sub/sub-0102-monthly.png'); background-repeat: no-repeat; background-position: 0px -37px; padding:7px 30px 7px; margin-left:43px; text-align:left; font-weight:700;}
	.History .day-right1,
	.History .day-left1 {width: 75%; line-height:140%; background-image:url('/resources/homepage/images/sub/sub-0102-monthly.png'); background-repeat: no-repeat; background-position: 0px -17px; padding:27px 30px 7px; margin-left:43px; text-align:left; font-weight:700;}
	.History .day-right2,
	.History .day-left2 {width: 75%; line-height:120%; background-image:url('/resources/homepage/images/sub/sub-0102-monthly.png'); background-repeat: no-repeat; background-position: 0px -37px; padding:7px 30px 10px; margin-left:43px; text-align:left; font-weight:700;}
	.History .day-right3 {width: 75%; line-height:140%; background-image:url('/resources/homepage/images/sub/sub-0102-monthly2.png'); background-repeat: no-repeat; background-position: 0px -17px; padding:27px 30px 0px; margin-left:43px; text-align:left; font-weight:700;}
	.History .day-left3 {width: 75%; line-height:140%; background-image:url('/resources/homepage/images/sub/sub-0102-monthly2.png'); background-repeat: no-repeat; background-position: 0px -17px; padding:27px 30px 0px; margin-left:43px; text-align:left; font-weight:700;}
	
	/*비전*/
	/*.Contents-area .bu-subject {background: url('/resources/homepage/images/sub/burette.png'); background-repeat: no-repeat; background-position: -80px 16px; color: #000; font-size: 1.5em; font-weight: 800; */
	.Contents-area .bu-subject {color: #000; font-size: 1.5em; font-weight: 800; text-align: center; line-height: 120%;}
	.Contents-area .bu-subject.mgt70 {margin-top: 70px !important;}
	.Contents-area .partner-img {display: none;}
	.Contents-area .partner-img-m {margin: 10% 0% 15% 0%;}
	
	/*오시는 길*/
	.Contents-area .map-info .map-img > iframe {border-radius:0px;}
	.Contents-area .map-img {position:relative; width:100%; height: 350px; border:1px solid #ddd;}
	.Contents-area .map-Text {position:relative; margin-top:5%; width:100%; height:530px; background: #fff; border:1px solid #ddd; text-align:left;}
	.Contents-area .map-Text li {line-height:140%; font-size:1em}
	.Contents-area .map-Text li.subject {padding:5% 5% 0; font-weight:800; color: #000;}
	.Contents-area .map-Text li.conts {padding:10px 0 0 5%; font-weight:500; color: #777;}
	.Contents-area .map-Text li.subject1 {padding:5% 0 5%; font-weight:800; color: #000; border-bottom:1px dashed #ddd; margin:0 5%;}
	.Contents-area .map-Text li.subject2 {padding:5% 0 0 5%; font-weight:800; color: #000;}
	.Contents-area .map-Text li.conts1 {padding:10px 0 5%; font-weight:500; color: #777; border-bottom:1px dashed #ddd; margin:0 5% 5%;}
	.Contents-area .map-Text li.button {padding:5% 0 0 5%;}
	
	/* 비니지스 */	
	/*.business-cont {margin: 10px 0 0 35px; text-align:left; overflow:hidden;}*/
	.business-sub,
	.business-cont, 
	.business-cont2 {display: none;}
	
	.business-middle {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 15% 0% 0% 0%;}
	.business-middle-sub {width: fit-content; border: solid; padding: 2% 4%; border-radius: 40px; background-color: #0A0A5A; color: #fff; font-weight: 800; font-size: 22px; line-height: 40px; margin-bottom: 5%;}
	
	/* 솔루션 */
	.solution-sub,
	.solution-cont, 
	.solution-cont2 {display: none;}
	
	.solution-middle {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 15% 0% 0% 0%;}
	.solution-middle-sub {width: fit-content; border: solid; padding: 2% 4%; border-radius: 40px; background-color: #0A0A5A; color: #fff; font-weight: 800; font-size: 22px; line-height: 40px; margin-bottom: 5%;}
	
	.solution-cont1 {position:relative; width: 90%; text-align: left; margin-top:40px; overflow:hidden;}
	.solution-cont1 li {float:left;}
	.solution-cont1 li.imag {width: 35%; margin-right:5%;}
	.solution-cont1 li.text-cont {width: 60%; padding-top:10px;}
	.solution-cont1 li.text-cont p.ttl{color: #2958a7; font-weight:800; font-size: 1.5em;}
	.solution-cont1 li.text-cont p.txt-cont{color: #555; font-weight:500; font-size: 1em; line-height:100%; padding-top: 5px;}
	
	.solution-cont2 {position:relative; width: 90%; text-align: left; margin-top:40px; overflow:hidden;}
	.solution-cont2 li {float:left;}
	.solution-cont2 li.imag {width: 35%; margin-right:5%;}
	.solution-cont2 li.text-cont {width: 60%; padding-top:10px;}
	.solution-cont2 li.text-cont p.ttl{color: #3597ca; font-weight:800; font-size: 1.5em;}
	.solution-cont2 li.text-cont p.txt-cont{color: #555; font-weight:500; font-size: 1em; line-height:100%; padding-top: 5px;}
	
	.solution-cont3 {position:relative; width: 90%; text-align: left; margin-top:40px; overflow:hidden;}
	.solution-cont3 li {float:left;}
	.solution-cont3 li.imag {width: 35%; margin-right:5%;}
	.solution-cont3 li.text-cont {width: 60%; padding-top:10px;}
	.solution-cont3 li.text-cont p.ttl{color: #59a59f; font-weight:800; font-size: 1.5em;}
	.solution-cont3 li.text-cont p.txt-cont{color: #555; font-weight:500; font-size: 1em; line-height:100%; padding-top: 5px;}
	
	/* 채용안내 */
	.recruit-cont, .recruit-head-img {display: none;}
	.recruit-middle {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 15% 0% 0% 0%;}
	.recruit-middle-sub {width: fit-content; border: solid; padding: 2% 4%; border-radius: 40px; background-color: #0A0A5A; color: #fff; font-weight: 800; font-size: 22px; line-height: 40px; margin-bottom: 5%;}
	
	.recruit-cont{margin: 5% 0 5% 35px; text-align:left; overflow:hidden;}
	.recruit-cont img {float:left; width:45%; margin-bottom:4%;}
	.mobile-text {margin: 10px 0 0 35px; text-align:left; overflow:hidden;}
	.recruit {position: relative; margin:15px 0 0 35px;}
	.recruit ul {overflow: hidden;}
	.recruit li {float:left; border:1px solid #fff; background-color: rgba( 255, 255, 255, 0.70); background: linear-gradient(rgba( 255, 255, 255, 0.70), rgba( 238, 238, 238, 0.70)); width: 47%; margin: 10px 0px 3px 0px; box-shadow: 0px 0px 2px 3px rgba(0,0,0, 0.02);}
	.recruit li:first-child {margin: 10px 10px 3px 0px;}
	.recruit li:last-child {margin: 10px 0px 3px 0px; width: 96%;}
	.recruit li:last-child img {float:left; width: 46%; padding:35px 0 20px 15px;}
	.recruit li:last-child h2 {float:left; width: 40%; padding:60px 3% 20px;}
	.recruit li.fourth {margin: 10px 0px 3px 10px; padding-bottom:29px;}
	.recruit li img {padding-top:35px; width:70%;}
	.recruit li h2 {padding:20px 3% 20px; font-size: 1.4em; font-weight: 800; color: #000; }
	
	/* 문의 */
	.modalBack {display: none;}
	.modalContent {position: fixed; width: 560px; height: 392px; top: 208px; left: 680px; z-index: 10000; background-color: white; padding: 40px 32px 40px 32px; border-radius: 20px;}
}


@media screen and (max-width: 1024px) {
	.modalContent {left: 195px;}
}

@media screen and (max-width: 912px) {
	.modalContent {left: 145px;}
}

@media screen and (max-width: 853px) {
	.modalContent {left: 115px;}
}

@media screen and (max-width: 820px) {
	.modalContent {left: 90px;}
}

@media screen and (max-width: 768px) {
	.modalBack {display: none;}
	.modalContent {width: 500px; height: 350px; top: 30%; left: 105px;}
}

@media screen and (max-width: 653px) {
	.modalBack {display: none;}
	.modalContent {width: 350px; height: 250px; top: 30%; left: 63px;}
}

@media screen and (max-width: 430px) {
	.modalBack {display: none;}
	.modalContent {width: 275px; height: 220px; top: 30%; left: 45px;}
	.modal_img_01 > img {max-width: 310px; height: 100px;}
	.modal_img_02 > img {max-width: 290px; height: 25px;}
}
@media screen and (max-width: 414px) {
	.modalBack {display: none;}
	.modalContent {width: 260px; height: 220px; top: 30%; left: 45px;}
	.modal_sub {font-size: 23px;}
	.modal_img_01 > img {max-width: 295px; height: 100px;}
	.modal_img_02 > img {max-width: 280px; height: 25px;}
}
@media screen and (max-width: 390px) {
	.modalBack {display: none;}
	.modalContent {width: 240px; height: 220px; top: 30%; left: 43px;}
	.modal_sub {font-size: 22px;}
	.modal_img_01 > img {max-width: 275px; height: 100px;}
	.modal_img_02 > img {max-width: 260px; height: 25px;}
}
@media screen and (max-width: 375px) {
	.modalBack {display: none;}
	.modalContent {width: 225px; height: 220px; top: 30%; left: 43px;}
	.modal_sub {font-size: 21px;}
	.modal_img_01 > img {max-width: 260px; height: 100px;}
	.modal_img_02 > img {max-width: 245px; height: 25px;}
}

@media screen and (max-width: 360px) {
	.modalBack {display: none;}
	.modalContent {width: 210px; height: 220px; top: 30%; left: 43px;}
	.modal_sub {font-size: 20px;}
	.modal_img_01 > img {max-width: 240px; height: 100px;}
	.modal_img_02 > img {max-width: 230px; height: 25px;}
}

@media screen and (max-width: 344px) {
  	.modalBack {display: none;}
	.modalContent {width: 200px; height: 220px; top: 30%; left: 42px;}
	.modal_sub {font-size: 19px;}
	.modal_img_01 > img {max-width: 230px; height: 100px;}
	.modal_img_02 > img {max-width: 220px; height: 25px;}
}

@media screen and (max-width: 320px) {
 	.modalBack {display: none;}
	.modalContent {width: 180px; height: 220px; top: 30%; left: 40px;}
	.modal_sub {font-size: 18px;}
	.modal_img_01 > img {max-width: 220px; height: 100px;}
	.modal_img_02 > img {max-width: 200px; height: 25px;}
}

@media screen and (max-width: 280px) {
	.modalBack {display: none;}
	.modalContent {width: 160px; height: 200px; top: 30%; left: 28px;}
	.modal_sub {font-size: 18px;}
	.modal_img_01 > img {max-width: 220px; height: 100px;}
	.modal_img_02 > img {max-width: 200px;}
}