@charset "utf-8";
/* FONT SMOOTHING */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');




 

html, body {
    width: 100%;
}
#link02 {
    width: 100%;
    height: 35vw;
    position: absolute;
    z-index: 111;
    top: 120vw
}

#link03 {
    width: 100%;
    height: 35vw;
    background: rgba(255,55,55,0.0);
    position: absolute;
    z-index: 111;
    top: 330vw;
    z-index: -1
}

#link04 {
    width: 100%;
    height: 35vw;
    background: rgba(255,55,55,0.0);
    position: absolute;
    z-index: 111;
    top: 545vw;
    z-index: -1
}

#link05 {
    width: 100%;
    height: 35vw;
    background: rgba(255,55,55,0.0);
    position: absolute;
    z-index: 111;
    top: 697vw;
    z-index: -1
}

#link06 {
    width: 100%;
    height: 35vw;
    background: rgba(255,55,55,0.0);
    position: absolute;
    z-index: 111;
    top: 875vw;
    z-index: -1
}
#link07 {
    width: 100%;
    height: 35vw;
    background: rgba(255,55,55,0.0);
    position: absolute;
    z-index: 111;
    top: 1155vw;
    z-index: -1
}

body{
    font-family: 'Noto Sans KR', sans-serif;
    overflow-x:hidden; 
}

/* header */
header {
    width: 100%;
    height: 19vw;  
}
.top_header{
	width:100%;
	position: fixed;
    background: #fff;
    height: 19vw;
    z-index: 9999999;
}
.top_header div{
	float:left;
}
#menu_btn{
	width:20%
}
#menu_btn img {
	position: absolute;
    width: 7vw;
    top: 6vw;
    right: 6vw;
}
#logo_con{
	width:80%;
    position: relative;
}
#logo_con img {
    width: 35vw;
    top: 5vw;
    left: 4vw;
    position: absolute;
}
#menu_bar{
	clear:both;
	width:100%;
}
#nav { position:fixed; top:0; left:0; width:100%; display:none; z-index:99999999999999999; height:170vw;top: 19vw; background:rgba(255,255,255,1)}
#nav ul{ width:100%; margin:0; padding:0; }
#nav ul.menu li{ position:relative; float:left; width:100%; list-style-type:none; font-size:3vw; border-bottom:1px solid #ddd; display:block; width:100%; height:100%; line-height:3em; text-indent:1em; color:#444; font-weight:bold; text-decoration:none; background-color:#fff; }
#nav ul.menu li:hover{ background:#fff; color:#f36f21; }
#nav ul.menu li .sub a{ position:relative; font-size:0.875em; float:left; display:block; width:100%; z-index:999; background:#eee; list-style-type:disc; color:#777; }
#nav ul.menu li .sub a:hover{ background:#f36f21; color:#fff; }
#menu_top img {
position: absolute;
    width: 7vw;
    top: 2.2vw;
    right: 3.1vw;
    padding: 3vw;
    background: #fff;
}
#company_name a img{
	margin-left:15px;
    position: relative;
    top: 35%;
	margin-top: -14px;
	width: 230px;    
}
#close_btn{
    position: absolute;
    top: -19vw;
    z-index: 1111111;
    right: 0;
}
/* header end*/

/*con01 main */
#con01 {
    position: relative;
    overflow: hidden;
    height: 115vw;
}
#ma_txt {
    position: absolute;
    width: 100%;
}
.m_copy {
    position: absolute;
    z-index: 12;
    width: 65vw;
    top: 40vw;
    left: 8vw;
}

.mbg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    z-index: 11;
    top: 0;
}

/*비메오*/
#con01 #vimeoWrap{
     position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 0; /* IE6 workaround*/
    height: 0;
    margin: 0;
  }
#con01 #vimeoWrap iframe,
#con01 #vimeoWrap object,
#con01 #vimeoWrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 220%;
    height: 220%;
    left: -50vw;
}

.mianvideo video {
    position: absolute;
    width: 220%;
}

/*비메오*/

/* con01 main end */


/*con02 about us*/

#con02 {
    position: relative;
    padding-bottom: 15vw;
}
#con02 .txt {
    width: 35vw;
    display: block;
    margin: 0 auto;
    padding: 14vw 0;
}
[class^="item0"] {
    width: 85%;
    margin: 0 auto;
    padding: 10vw 0 5vw 0;
    border-bottom: 1px solid #d5d5d5;
}
[class^="item0"] img { 
    width: 18vw;
    margin: 0 auto;
    display: block;
}
[class^="item0"] p { 
    margin: 0 auto;
    display: block;
    letter-spacing: -0.2vw;
    font-size: 2.4vw;
    white-space: pre-wrap;
    text-align: center;
    line-height: 4vw;
    color: #8e8e8e;
}
.item01 {
    padding-top: 0;
}
.item03 {
    border-bottom: 0;
}


/*con02 about us end*/



/*con03 history*/
#con03 {
    background: #f2f2f2;
    padding-bottom: 14vw;
}
#con03 .txt {
    width: 35vw;
    display: block;
    margin: 0 auto;
    padding: 14vw 0 7vw 0;
}
#con03 .him img {
    width: 87vw;
    margin: 0 auto;
    display: block;
}
#con03 .him p {
    text-align: center;
    white-space: pre-wrap;
    font-size: 6.5vw;
    font-weight: 100;
    line-height: 8vw;
    transform: scale(0.97,1);
}
#con03 .him b {
    font-weight: 700
}
#con03 .list::before {
    content: "";
    clear: both;
    display: block;
    padding-top: 8vw;
    border-top: 1px solid #dcdcdc;
    width: 80vw;
    margin: 0 auto;
}
#con03 .list {
    margin-top: 8vw;
}
#con03 .list ul {
    display: flex;
    margin: 0 auto;
    position: relative;
    padding-left: 8.5vw;
}
#con03 .list ul li {
    font-size: 2.8vw;
    letter-spacing: -0.1vw;
    line-height: 6vw;
}
#con03 .list ul li:first-child {
    font-weight: 700; 
    margin-right: 3.3vw;
}
#con03 .list ul li:last-child {
    font-weight: 400; 
    white-space: pre-wrap;
    color: #696969;
}
/*con03 history end*/

/* con04 organization */
#con04 {
    width: 100%;
    background: url(../img/oraimg.jpg) no-repeat 0 0;
    background-size: cover;
    padding-bottom: 14vw;
}
#con04 .txt {
    width: 35vw;
    display: block;
    margin: 0 auto;
    padding: 14vw 0 7vw 0;
}
#con04 .tti {
    text-align: center;
    white-space: pre-wrap;
    font-size: 6.5vw;
    font-weight: 100;
    line-height: 8vw;
    transform: scale(0.97,1);
    color: #fff;
}
#con04 .tti b { font-weight: 700 }
#con04 .it_box {
    width: 90%;
    margin: 0 auto;
    padding-top: 4.5vw;
}
#con04 .it_box ul {
    width: 48.5%;
    height: 25vw;
    background: rgba(0,0,0,0.67);
    margin: 0.6vw;
    float: left;
}
#con04 .it_box li {
    text-align: center;
    line-height: 5.5vw;
    letter-spacing: -0.1vw;
}
#con04 .it_box li:first-child {
    color: #f36f21;
    font-size: 3vw;
    font-weight: 500;
    padding-top: 6.3vw;
}
#con04 .it_box li:last-child {
    color: #fff;
    font-size: 4vw;
    font-weight: 500;
}

#con04 .ps {
    font-size: 2.2vw;
    line-height: 3.6vw;
    color: rgba(255,255,255,0.89);
    white-space: pre-wrap;
    text-align: center;
    position: relative;
    top: 6.5vw;
}
/* con04 organization end */

/* con05 our works */
#con05 {
    position: relative;
    height: auto;
    padding-bottom: 120vw;

}
#tab1 {
    position: absolute;
    width: 100%;
}
#tab2, #tab3 {
    position: absolute;
    width: 100%;
    opacity: 0;
}
#con05 .txt {
    width: 35vw;
    display: block;
    margin: 0 auto;
    padding: 14vw 0 7vw 0;
}
#con05 .print {
    font-size: 2.7vw;
    background: #f2f2f2;
    padding-left: 5vw;
    padding-top: 8vw;
    margin-top: 10vw;
    box-sizing: border-box;
    color: #888888;
    line-height: 4.6vw;
}
#con05 .print b {
    font-size: 4vw;
    font-weight: 700;
    color: #111;
}
#con05 .tab {
    width: 91%;
  height: 9vw;
    margin: 0 auto;
}
#con05 .tab button:nth-of-type(1) {
    
}
#con05 .tablinks {
    float: left;
    width: 48.6%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #5c5a59;
    position: relative;
    margin: 0 0.7%;
}/*
#con05 #tab2, 
#con05 #tab3 {
    display: none;
}*/
#con05 .choice_slide {
    padding-top: 5vw;
    background: #f2f2f2;
    overflow: hidden;
    padding-bottom:25vw;
    overflow-x: hidden;
}
#con05 .tablinks.active {
  color: #fff;
  background-color: #ed6d00;
}   
#con05 .gallery-top img,
#con05 .gallery-top2 img,
#con05 .gallery-top3 img
{
    width: 100%;
    margin-left: -0%;
    margin-top: -1%;
}
#con05 .gallery-thumbs img,
#con05 .gallery-thumbs2 img,
#con05 .gallery-thumbs3 img
{
    width: 100%;
}
.swiper-button-next,
.swiper-button-prev,
.swiper-button-next2,
.swiper-button-prev2, 
.swiper-button-next3,
.swiper-button-prev3 {
    width: 41.5vw;
    height: 8vw;
    display: block;
    position: absolute;
    top: -14vw;
    background: #515251;
    font-size: 3vw;
    z-index: 99999;
}

.swiper-button-next,
.swiper-button-next2,
.swiper-button-next3
{
    right: 5.5vw;
}
.swiper-button-prev,
.swiper-button-prev2,
.swiper-button-prev3
{
    left: 5.5vw;
}

/*#tab1 .arrow,
#tab2 .arrow,
#tab3 .arrow
{
    top: -4.5vw;
}*/
.swiper-button-next img,
.swiper-button-prev img, 
.swiper-button-next2 img,
.swiper-button-prev2 img,
.swiper-button-next3 img,
.swiper-button-prev3 img 
{
    position: absolute;
    width: 1.5vw;
    top: 2.8vw;
}
.swiper-button-next img,
.swiper-button-next2 img,
.swiper-button-next3 img
{
    right: 3.2vw;
    
}
.swiper-button-prev img, 
.swiper-button-prev2 img, 
.swiper-button-prev3 img 
{
    left: 3.2vw;
    
}
.swiper-button-next p,
.swiper-button-prev p,
.swiper-button-next2 p,
.swiper-button-prev2 p,
.swiper-button-next3 p,
.swiper-button-prev3 p
{
    line-height: 7.7vw;
    position: absolute;
    top: 0;
    color: #fff;
    text-indent: 17.7vw;
}
/*
#tab2 .arrow,
#tab3 .arrow
{
    position: absolute;
    bottom: 4.9%;
}
#tab1 .arrow {
    position: absolute;
    bottom: 0.3%;
}*/

.arrow {
    position: absolute;
    bottom: 5.5%;
}
/* con05 our works end */

#con05 .label {
    width: 100%;
    height: 10vw;
    background: rgba(0,0,0,1);
    position: absolute;
    bottom: 0;
    z-index: 11;
    text-align: center;
    display: block;
    margin: 0 auto;
}
#con05 .slabel {
    width: 100%;
    z-index: 11;
    font-size: 2.5vw;
    text-align: center;
    line-height: 1.8vw;
    letter-spacing: -0.2vw;
    z-index: 11;
    position: relative;
    padding-bottom: 3vw;
    
}
#con05 .slabel span {
    font-size: 2.8vw;
    
}
#con05 .slabel span i {
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
    width: 27vw;
    display: block;
    padding-bottom: 2.2vw;
    padding-top: 0.5vw;
    font-weight: 600;
}
#con05 .label p {
    color: #fff;
    text-align: center;
    line-height: 3.2vw;
    font-size: 2.4vw;
    box-sizing: border-box;
    padding-top: 1.7vw;
}
#con05 .gallery-top,
#con05 .gallery-top2,
#con05 .gallery-top3
{
    width: 86vw;
}
#con05 .gallery-thumbs, 
#con05 .gallery-thumbs2, 
#con05 .gallery-thumbs3 
{
    width: 86vw;
    margin-top: 4vw;
}
#con05 .gallery-thumbs::before, 
#con05 .gallery-thumbs2::before, 
#con05 .gallery-thumbs3::before {
    content: "";
    display: block;
    width: 100%;
    height:11%;
    position: absolute;
    background: #f2f2f2;
    top: 0;
    z-index: 11;
    top: 14.5vw;
    
}

/*con05 end*/

/*con06*/ 
#con06 .txt {
    width: 35vw;
    display: block;
    margin: 0 auto;
    padding: 14vw 0 7vw 0;
}
#con06 .tti {
    text-align: center;
    white-space: pre-wrap;
    font-size: 6.5vw;
    font-weight: 100;
    line-height: 8vw;
    transform: scale(0.97,1);
    color: #000;
}
#con06 .tti b { font-weight: 700 }
#con06 .climg {
    width: 84%;
    position: relative;
    left: 8%;
    padding: 10vw 0 20vw 0;
}
/*con06 end*/  

/*con07*/ 
#con07 {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 12vw;
}
#con07 .txt {
    width: 35vw;
    display: block;
    margin: 0 auto;
    padding: 11vw 0 6vw 0;
    top: 0;
    z-index: 11;
}
#con07 .tti {
    text-align: center;
    white-space: pre-wrap;
    font-size: 5.8vw;
    font-weight: 100;
    line-height: 7.5vw;
    transform: scale(0.97,1);
    color: #fff;
    top: 0;
    z-index: 11;
}
#con07 .tti b { font-weight: 700 }
#con07 .bg {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -11;
}
#con07 ul {
    display: flex;
    width: 86%;
    position: relative;
    left: 7%;
    padding: 5.5vw 0 0 0;
}
#con07 ul li {
    width: 100%;
}
#con07 ul li a {
    display: block;
    border: 1px solid rgba(255,255,255,0.73);
    color: #fff;
    height: 8.5vw;
    line-height: 8.4vw;
    text-align: center;
    font-size: 2.7vw;
}
#con07 ul li:last-child a {
    border-left: none;
}
/*con07 end*/    


/*footer*/

#footer {
    position: relative;
    width: 100%;
    height: auto;
    padding: 7vw 0 25vw 0;
}
#footer .fimg {
    width: 30vw;
    position: relative;
    left: 7vw;
    top: 5vw;
}
#footer address p {
    white-space: pre-wrap;
    font-size: 3vw;
    text-align: left;
    padding-top: 9vw;
    position: relative;
    padding-left: 7vw;
    font-weight: 500;
    line-height: 4vw;
    color: #555;
}
#footer address .afix {
    display: flex;
}
#footer address .afix ul {
    width: 46%;
    position: relative;
    left: 7.3%;
    top: 5vw;
}
#footer address .afix li {
    font-size: 2.3vw;
    letter-spacing: -0.1vw;
    line-height: 5vw;
    color: #555;
}
#footer address .afix ul li b {
    font-size: 3.3vw;
    font-weight: 700;
}
#footer address .afix ul:first-of-type li b {
    padding-left: 3.5vw;
}
#footer address .afix ul:last-of-type li a {
    color: #ff7500;
    font-size: 3vw;
    font-weight: 600;
}
#footer address .afix ul:last-of-type li:last-child a {
    font-weight: 400;
    font-size: 2.3vw;
    position: relative;
    top: 0.3vw;
    padding-bottom: 0.2vw;
    border-bottom: 1px solid #ff7500;
}

#footer address .afix ul:last-of-type li:last-child img {
    width: 3.5vw;
    margin-left: 1vw;
    position: relative;
    top: 0.3vw;
}

#footer span {
    font-size: 2.3vw;
    position: relative;
    left: 7vw;
    top: 11vw;
}
#footer a {
    color: #111;
}
/*footer end*/














/* con06 clients */
/* con06 clients end */

/* con07 contact us */
/* con07 contact us end */


/* footer */
/* footer end */