@charset "utf-8";
/*CRENTRY*/

* {
	font-family: 'Nanum Gothic', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}
h1 {
	display: none;
}
h2 {
	font-weight: bold;
	font-size: 30px;
	position: absolute;
	margin: 0px auto;
	left: 50%;
	margin-left: -570px;
	margin-top: 50px;
	color: #63c0af;
}
h3 {
	display: none;
}
h4 {
	display: none;
}
h5 {
	display: none;
}
h6 {
	display: none;
}
.story {
	padding: 0;
	margin: 0;
	min-width: 1000px;
	width: 100%;
	height: 1400px;
	margin: 0 auto;
	z-index: 1;
}
/*01메인*/
#display_1 {
	background: #ffffff;
}
#display_1 article {
	width: 100%;
	position: absolute;
	text-align: center;
	z-index: 9;
}
#display_1 article p, #display_1 article a {
	color: #ccc;
}
#display_1 article a {
	text-decoration: underline;
}
#display_1 article a:hover {
	color: #fff;
}
.Company_Logo {
	width: 130px;
	z-index: 300;
	margin: 0px auto;
	margin-top: 400px;
}
.Hello_Title {
	width: 650px;
	animation-name: Hello_Titlemotion;
	animation-duration: 2s;
	animation-iteration-count: 1;
	margin: 0px auto;
	margin-top: 220px;
}
 @keyframes Hello_Titlemotion {
from {
 opacity:0;
}
to {
	opacity: 1;
}
}
/*02 이로움 소개*/
#display_2 {
	background: url(../images/02_bg@2x.png) transparent 50% 1000px no-repeat fixed;
	background-repeat: no-repeat !important;
	z-index: 10;
	border-top: 1px solid #6ecbba;
	background-size: auto;
}
#display_2 .culture {
	width: 1000px;
	position: relative;
	margin: 0 auto;
}
#display_2 .text_02 {
	width: 100%;
	margin: 120px 180px 0px 0px;
	position: absolute;
	right: 10%;
	z-index: 9;
}
#display_2 .text_02 img {
	width: 638px;
	margin: -74px -91px 0px 16px;
}

#display_2 .text_02 .text_02_pc {
	display:inline;
}
#display_2 .text_02 .text_02_mobile {
	display:none;
}

#display_2 article {
	margin-top: 0px !important;
	z-index: 50;
}
/*03 비즈니스*/
#display_3 {
	border-top: 1px solid #6ecbba;
	background : #fff url(../images/03_bg@2x.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 600px;
	z-index: 11;
}
#display_3 .partners {
	background: url(../images/03_partners.png) 40% 100px no-repeat fixed;
	height: 1000px;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
	background-size: 950px;
}
#display_3 article {
	width: 100%;
	text-align: center;
}
#display_3 article h2 {
	margin-top: 150px;
}
/*04 고객사*/
#display_4 {
	border-top: 1px solid #6ecbba;
	z-index: 12;
}
#display_4 article {
	width: 100%;
	text-align: center;
	position: absolute;
	margin: 0px auto;
	margin-top: 300px;
}
#display_4 article h2 {
	margin-top: -250px;
}
.client_list {
	width: 1100px;
	height: 700px;
	margin: 0px auto;
	margin-top: -170px;
}
.client_list ul {
	width: 1100px;
	height: 700px;
	list-style: none;
	margin: 0px;
}
.client_list ul li {
	width: 325px;
	height: 200px;
	list-style: none;
	float: left;
	margin: 10px;
}
.client_list ul li img {
	width: 325px;
	height: 200px;
	margin: 0px;
}
/*05 CONTACT US*/
#display_5 {
	z-index: 13;
	height: 1000px;
}
#display_5 article {
	width: 100%;
	text-align: center;
}
#display_5 article h2 {
	font-size: 32px;
	border-bottom: 1px solid #63c0af;
	letter-spacing: -1px;
	padding-bottom: 10px;
}
#display_5 article h2 span {
	font-weight: 100;
}
.maps_text {
	width: 1000px;
	height: 100px;
	display: inline-block;
	margin: 210px 0px 30px -160px;
}
.maps_text p {
	text-align: left;
	margin-left: 14px;
}
.maps_text ul {
	margin: 0px;
}
.maps_text ul li {
	list-style: none;
	min-width: 320px;
	display: inline-block;
	text-align: left;
}
#blank {
	width: 60px;
	height: 10px;
	display: block;
}
footer {
	min-width: 320px;
	width: 100%;
	height: 1000px;
	z-index: 10;
	margin: 0px auto;
	text-align: center;
	position: fixed;
	top: 95%;
	opacity: 0.8;
	letter-spacing: 1px;
}
footer img {
	width: 70px;
}
#map-canvas {
	height: 650px;
	width: 100%;
	z-index: 100 !important;
	display: inline-block;
	position: inherit;
	margin: 0px;
	vertical-align: inherit;
}
#map-canvas div {
    margin-top: 0px;
    width: 1px;
    font-size: 0px;
    background: none !important;
    border: 0px! important;
}


#map-canvas span {display:none;}


/*미디어쿼리*/
@media screen and (max-width:4000px) {
#display_2 {
	background-position-x: 78% !important;
}
}
 @media screen and (max-width:1650px) {
#display_1 .Company_Logo {
	margin-top: 360px;
}
#display_1 .Hello_Title {
	width: 550px;
	margin-top: 190px;
}
#display_1 .Hello_Title img {
	margin-left: -41px;
}
#display_2 .text_02 img {
	width: 683px;
	margin: -65px -119px 0px 16px;
}
#display_2 .text_02 {
	width: 100%;
	margin: 73px 176px 0px 16px;
	position: absolute;
	right: 13.4%;
	margin-top: 46px;
}
#display_2 {
	background-position-x: 100% !important;
	background-position-y: 39% !important;
}


h2 {
	font-weight: bold;
	font-size: 30px;
	position: absolute;
	margin: 0px auto;
	left: 50%;
	margin-left: -570px;
	margin-top: 36px;
	color: #63c0af;
}
#display_3 .partners {
	background: url(http://iroum.kr/css/../images/03_partners.png) 40% 100px no-repeat fixed;
	height: 1000px;
	background-position-y: 53% !important;
	width: 100%;
	max-width: 1920px;
	position: relative;
	top: 150%;
	background-size: 750px;
}
#display_3 {
	border-top: 1px solid #6ecbba;
	background: #fff url(http://iroum.kr/css/../images/03_bg@2x.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 460px;
	background-position-y: 53% !important;
	z-index: 11;
}
#display_3 article h2 {
	margin-top: 111px;
}
#display_4 article h2 {
	margin-top: -269px;
}
.client_list ul li img {
	width: 230px;
	height: 140px;
	margin: 12px -418px 10px 10px;
}
.client_list ul li {
	width: 325px;
	height: 200px;
	list-style: none;
	float: left;
	/* margin: 10px; */
	margin: -35px 57px 10px -106px;
}
.maps_text p {
	text-align: left;
	margin-left: 14px;
	font-size: 16px;
	margin-top: -78px;
	color: #5fbeac;
}
}
.maps_text ul li {
	list-style: none;
	min-width: 320px;
	display: inline-block;
	text-align: left;
	font-size: 15px;
}
.maps_text {
	width: 1000px;
	height: 20px;
	display: inline-block;
	margin: 210px 0px 30px -160px;
}
.maps_text ul li {
    list-style: none;
    min-width: 111px;
    display: inline-block;
    text-align: left;
    font-size: 15px;
    margin-left: 9%;
    float: inherit;
}
.maps_text ul {
    margin: 0px;
    margin-top: -50px;
    margin-left: -233px;
}

.article {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin-top: -72px;
	text-align: center;
}
}


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

#display_2 {
    background-position-x: 143% !important;
    background-position-y: 39% !important;
}

#display_2 .text_02 img {
    margin: 0px -119px 0px 16px;
}

.maps_text ul {
    margin: -50px 0px 0px 30px;
    text-align: left;
}

.maps_text ul li {
    margin-left: 10px;
}


}


 @media screen and (max-width: 1024px) {
#display_1 .Hello_Title img {
    margin-left: 8%;
    width: 182%;
    margin-top: 22%;
}

#display_2 {background:none;}


h2 {
    margin-left: -500px;
}

.maps_text p {
    margin-left: 8%;
}




}

 @media screen and (max-width: 768px) {
h2 {
    margin-left: -320px;
}

#display_2 {
	background: none;
}


#display_1 .Hello_Title img {
    margin-left: 3%;
    width: 95%;
    margin-top: 4%;
}
#display_2 .text_02 img {
    width: 102%;
    margin: 35%;
    margin-top: -11%;
}
#display_3 .partners {
    background: url(http://iroum.kr/css/../images/03_partners.png) 40% 100px no-repeat fixed;
    height: 1000px;
    background-position-y: 51% !important;
    width: 100%;
    max-width: 1920px;
    position: relative;
    top: 150%;
    background-size: 723px;
}
.client_list ul li img {
    width: 229px;
    height: 140px;
    margin: 54px -210px -15px 11px;
}
.client_list ul li {
    width: 325px;
    height: 200px;
    list-style: none;
    float: left;
    /* margin: 10px; */
    margin: -55px 148px 9px -106px;
}
.maps_text p {
    text-align: left;
    margin-left: 100px;
    font-size: 16px;
    margin-top: -78px;
}

.maps_text ul {
    margin: -50px 0px 0px 100px;
}

#display_2 .text_02 .text_02_pc {
	display:none;
}
#display_2 .text_02 .text_02_mobile {
	display:inline;
}


}

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

#main {overflow-x:hidden; width:99%;}

h2 {
    font-weight: bold;
    font-size: 21px;
    position: absolute;
    margin: 0px auto;
    left: 92%;
    margin-left: -321px;
    margin-top: 53px;
    color: #63c0af;
}
.side_btn a {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    margin-top: 22px;
}
.story {
    padding: 0;
    margin: 0;
    min-width: 320px;
    width: 100%;
    height: 750px;
    margin: 0 auto;
    z-index: 1;
	overflow-x:hidden;
}
#display_2 {
	background: none;
}
#display_1 .Company_Logo {
    margin-top: 314px;
    width: 83px;
}

#display_1 .Hello_Title {
    width: 320px;
}

#display_1 .Hello_Title img {
    margin-left: 0;
    width: 90%;
    margin-top: -23%;
}
#display_2 {
    background: none;
    height: 600px;
}
#display_2 article {
    margin-top: -24px !important;
    z-index: 50;
}
#display_2 .text_02 img {
    width: 100%;
    margin: 13% 0px 0px 53%;
}
#display_2 .text_02 {
    width: 100%;
    margin: 73px 176px 0px 16px;
    position: absolute;
    right: 12.4%;
    margin-top: 46px;
}
#display_3 .partners {
    background: url(http://iroum.kr/css/../images/03_partners_m.png) no-repeat;
    width: 100%;
    height: 620px;
    max-width: 1920px;
    position: relative;
    top: 150%;
    margin-left: -6px;
    background-size: 355px;
    background-position-y: 162px !important;
}
#display_3 {
    border-top: 1px solid #6ecbba;
    background: #fff url(http://iroum.kr/css/../images/white.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 460px;
    background-position-y: 57% !important;
    z-index: 11;
    height: 590px;
}
#display_4 {
    border-bottom: 1px solid #6ecbba;
    height: 578px;
}


#display_4 {
	height:650px;
}
#display_4 article {
    width: 100%;
    text-align: center;
    position: absolute;
    margin: 0px auto;
    margin-top: 301px;
}

#display_5 {
	height:570px;
}

#display_5 article h2 span {
    font-weight: 100;
    margin-left: 313px;
}
#display_5 article h2 {
    font-size: 28px;
    border-bottom: 1px solid #63c0af;
    letter-spacing: -2px;
    padding-bottom: 17px;
	margin-top: 100px;
}
#display_5 article h2 span {
    font-weight: 100;
    margin-left: 0px;
}
.client_list {
	width:320px;
    height: 700px;
    margin: 0px auto;
    margin-top: -170px;
}
.client_list ul {
    width: 100%;
    height: 679px;
    list-style: none;
    margin: 0px;
    min-width: 314px;
}
.client_list ul li {
    width: 111px;
    height: 23%;
    list-style: none;
    float: left;
    margin: -41px 49px 9px 0px;
}
.client_list ul li img {
    width: 124%;
    height: 56%;
    margin: 0px;
}

.yuhan {
    margin: 0px;
	display:none
}

#map-canvas {
    height: 350px;
}



.maps_text {
	width:100%;
	min-width:320px;
	margin: 250px 0px 30px -30px;
}

.maps_text ul {
    margin: -36px 0px 0px 40px;
    width: 100%;
    text-align: left;
}

.maps_text ul li {
    list-style: none;
    min-width: 112px;
    display: inline-block;
    text-align: left;
    font-size: 11px;
    margin-left: 0%;
	float:inherit;
}
.maps_text p {
    text-align: left;
    margin-left: 10%;
    font-size: 10px;
    margin-top: -78px;
}

#menu_side {
    left: 0.5%;
    display: none;
}

}