@charset "utf-8";

@media all and (min-width:395px){
#index {height:700px;}
#index h1 {font-family: '나눔바른고딕OTF light', sans-serif;
           top:40%;
	       font-size:25px;
		   text-align: center;
		   color:#e5e5e5;
		   position:absolute;
		   width:100%;
		   margin:0 auto;
		   text-transform:uppercase
           }
}


/*mobile 320이하*/	
@media all and (max-width:320px){/*최소 ~ 최대 400px-------------------------------------*/
#index h1 {font-family: '나눔바른고딕OTF light', sans-serif;
           top:50%;
	       font-size:20px;
		   text-align: center;
		   color:#e5e5e5;
		   position:absolute;
		   width:100%;
		   margin:0 auto;
		   text-transform:uppercase
           }

#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; background-color: #e9391c; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top:50%; margin-top:13px; left:50%; margin-left:-159px; z-index: 100;}

#inquiry_pop1 { position: fixed; background-color: black; z-index: 9999; height: 100%; width: 100%; opacity: 0.6; }
#inquiry_pop { position: fixed; top: 50%; margin-top:-99px; left: 50%; width:324px; margin-left:-162px; z-index:9999; }
#inquiry_pop .btn_check { position:absolute; top:150px; left:50%; margin-left:-65px; width:130px; }



#rightmenu { display: none; }
#rightmenu1 { float:right;  }


#top1 img {position: fixed; right: 20px; }
#top { position: fixed; right: 20px; bottom:50px; display:none }
#top img {position: fixed; right: 20px; bottom:50px; display:none }

#rightmenu { display: none; }
#rightmenu1 { float:right;  }
#nav_side { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; display:none; }
#nav_side .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; display: none; }
#nav_side .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side .gnb li { width:100%; margin:0 auto; }
#nav_side .gnb li img { height:60px; }
#nav_side .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#nav_side1 { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; }
#nav_side1 .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side1 .gnb:after {content:""; display:block; clear:both; }
#nav_side1 p { width:100%; margin-left:31px; display: none; }
#nav_side1 .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side1 .gnb li { width:100%; margin:0 auto; }
#nav_side1 .gnb li img { height:60px; }
#nav_side1 .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side1 .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side1 .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#index { background-image:url(../img/mobile_index.jpg);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 500px;

}

/*
#index { background-image:url(../img/Slider.jpg);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 100%;

}
.index_title { margin-top:25%;
	           margin-top:36vh;
			   font-size: 20%;
}
h1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif; 
        margin:0; padding:0;
		font-size: 28px;
		color: #FFF;
		opacity: 0.8;
		letter-spacing:1px;
		
}
span { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif;
       line-height: 30px;
       font-size: 16px;
	   color:#e9391c;
	   opacity: 0.8;
}
.scroll { width:32px; margin:0 auto; padding:320px 0 0; }
*/
#slideshow { display:none}

#nav_top { width:100%; height:0; background-color:#fff; margin-top:-80px; display:none; }

#nav_top .listmenu { display: none; }
#nav_top .gnb_top { position:relative; width:100%; margin:0 auto; display:none}
#nav_top .gnb_top .logo { float:left; margin-top:8px; margin-left:10px; display:none}
#nav_top .gnb_top ul { position:relative; margin:0 auto; width:100%; height:60px; }
#nav_top .gnb_top li { float:right; width:80px; }
#nav_top .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:60px;}




#nav_top1 { width:100%; height:80px; background-color:#fff; }
#nav_top1 .gnb_top { position:relative; width:100%; margin:0 auto; }
#nav_top1 .gnb_top .logo { width:117px; padding-top:14px; float:left; margin-left:8px}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; }
#nav_top1 .gnb_top li { float:right; margin-top:22px; margin-right:20px}
#nav_top1 .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:40px; display:none; }
#nav_top1 .gnb_top ul li p:hover { color:#131316; border:1px solid #e9391c; line-height:38px; }



#company { width:100%; position:relative; margin:0 auto;}
#company .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:16px; color:#131316; text-align:center; padding-top:100px; }
#company .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:20px; display:none }
#company .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:20px; letter-spacing:-0.1px; line-height:15px }
#company .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}

#company .company_content { display:none}
#company .company_content1 { width: 90%; margin:0 auto; margin-top:60px; text-align:center;}





.centered-pills {
	text-align: center;
}
.centered-pills ul.nav-pills {
	display: inline-block;
	margin-bottom: 50px;
}
.centered-pills li {
	display: inline;
}
.centered-pills a {
	float: left;
}

.nav-pills > li > a{
	border-radius: 0;
	color: #000;
	border:1px solid #000;
	margin-right: 14px;
	font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px;
	padding: 8px 17px;

}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a.active{
	background: #e9391c;
	border-color: #e9391c;
	color: #fff;
}

.projects{

}

.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	
}




.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}

.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 12px;
	line-height: 28px;
	margin-top: 28%;
	text-transform: uppercase;
}

figcaption span {
	color: #fff;
	display: none;
}

#about .baner {
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-position: center;
}

.box{
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	margin: 70px 0;
	padding: 40px;
}

.box h3,
.box p
{
	color: #fff;
}

.box .delimiter,
.box p{
	margin-bottom: 50px;
}

.box h3{
	margin-bottom: 20px;
}
.mix{
	display: none;
}

.box .delimiter{
	width: 60px;
	height: 0;
	border-bottom: 2px solid #fa5c58;
	display: block;
}





#project_view .content { margin-top:60px;
}


#project_view .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:16px; color:#131316; text-align:center; padding-top:100px; }
#project_view .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:30px; display:none }
#project_view .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:15px; letter-spacing:-0.5px }
#project_view .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-dd-1, .col-dd-1 {
    float: left;
  }
.col-md-3 {
    width: 50%;
  }
.col-md-6 {
    width: 50%;
  }


#business { }
#business .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:16px; color:#131316; text-align:center; padding-top:100px; }
#business .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:20px; line-height:15px }
#business .content_title .sub1 { display: none; }
#business .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.business_low { position:absolute; width:100%; text-align:center}
.business_con_01 {width:50%; float:left}
.business_con_02 {width:50%; float:left}
.business_con_03 {width:50%; float:left}
.business_con_04 {width:50%; float:left}



.business_con_01 .con_01_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 16px;
	color: #fb5d59;
	text-align: left;
	font-weight: 700;
}
.business_con_01 .con_01_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: left;
	float:left;
	line-height:15px;
	margin-top:-10px
}
.con_01_text { padding-top:10px; float:left; padding-left:20px; width:232px}
.con_01_ic { width:45px; float:left; margin-left:15px; margin-top:35px}




.business_con_02 .con_02_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 16px;
	color: #fb5d59;
	text-align: right;
	font-weight: 700
}
.business_con_02 .con_02_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: right;
	float:right;
	line-height:15px;
	margin-top:-10px
}
.con_02_text { padding-top:10px; float:right; padding-right:20px; width:232px}
.con_02_ic {width:45px; float:right; margin-right:15px; margin-top:35px}


.business_con_03 .con_03_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 16px;
	color: #fb5d59;
	text-align: left;
	font-weight: 700;
}
.business_con_03 .con_03_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: left;
	float:left;
	line-height:15px;
	margin-top:-10px
}
.con_03_text { padding-top:10px; float:left; padding-left:20px; width:232px}
.con_03_ic { width:45px; float:left; margin-left:15px; margin-top:35px}


.business_con_04 .con_04_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 16px;
	color: #fb5d59;
	text-align: right;
	font-weight: 700
}
.business_con_04 .con_04_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: right;
	float:right;
	line-height:15px;
	margin-top:-10px
}
.con_04_text { padding-top:10px; float:right; padding-right:20px; width:232px}
.con_04_ic {width:45px; float:right; margin-right:15px; margin-top:35px}






#business .content_title_01 .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; }
#business .content_title_01 .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title_01 .sub1 { display: none; }



.business_profile { background-image:url(../img/bg_business.png);
                    background-repeat: no-repeat;
                    background-size: cover;
	                -webkit-background-size: cover;
	                -moz-background-size: cover;
                    -o-background-size: cover;
	            	text-align: center;
	             	height:634px;
	            	width: 100%; margin:0 auto; margin-top:50px;
					position:relative;
					height:214px
		
}

#vision { background-image:url(../img/vision.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 350px;
		margin-top:100px;
		
}

#vision .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:16px; color:#fff; text-align:center; padding-top:50px; }
#vision .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#fff; text-align:center; padding-top:15px; display:none; }
#vision .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#fff; text-align:center; padding-top:15px; letter-spacing:-0.5px; line-height:15px }
#vision .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}              
.vision_content { width: 320px; margin:0 auto; margin-top:70px;
}

.vision_content li { float:left;
}
.vision_con_01 { width:88px; padding: 0 8px 0 12px; 
}
.vision_con_02 { width:88px; padding: 0 8px 0 8px;
}
.vision_con_03 { width:88px; padding: 0 12px 0 8px; 
}

#contact { position:relative; width:100%; height:auto; }
#contact .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:16px; color:#131316; text-align:center; padding-top:100px; }
#contact .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:30px; }
#contact .content_title .sub1 { display: none; }
#contact .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


#contact .map { margin-top:30px; width:100%; display:none}
#contact .map1 { margin-top:30px; width:100%;}


#contact .sub_contact { position:relative; top:20px; width:100%;}
#contact .sub_contact p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px; color:#5d7100; text-align:center; }
#contact .personal_data p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:150px; margin:0 auto;  margin-top:60px; }
#contact .title_bar01 { width:104px; border-bottom:2px solid #e2f494; margin:0 auto; }
fieldset { width:388px; margin:0 auto; }

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
   	margin-top:60px;
	outline:none;
	vertical-align:top;
	vertical-align:middle;
}
form input[type=text_01] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:10px;
	outline:none;
}
form input[type=tel] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:10px;
	outline:none;
} 
form input[type=email] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;	
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:10px;
	outline:none;
}
form input[type=text]:focus, 
form input[type=text_01]:focus,
form input[type=tel]:focus,
form input[type=email]:focus
{border: 1px solid #e9391c; background:#fbffe7;}
.project_info {position:relative; height:50px; margin:0 auto;}
.project_info p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:200px; margin:0 auto;  margin-top:40px;}


#contact ul { position: relative; width: 388px; margin:0 auto; }

#contact li { float:left; margin-top:30px;  }
.project_check { width: 388px; margin:0 auto; }
.chk_ux { width: 54px; margin: 0 0 0 10px; }
.chk_ux input{
    display: none;
	position:relative;
	margin:0 auto;
		
}
.chk_ux input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}

	


.chk_ux input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}

.chk_web { width: 88px; margin: 0 0 0 10px;}
.chk_web input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_web input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}
.chk_web input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}

.chk_mob { width: 98px; margin: 0 0 0 4px; }
.chk_mob input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_mob input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}
.chk_mob input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}

.chk_prod { width: 110px; margin: 0 0 0 8px;}
.chk_prod input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_prod input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}
.chk_prod input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}
label { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#484848; vertical-align:middle; }

label:after { content:""; display:block; clear:both; }
form textarea { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:192px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	border:1px solid #fff;
	background:#f3f3f3;
    padding:20px 0 0 20px;
	margin-top:20px;
	outline:none;
	overflow:auto;
} 
form textarea:focus
{ border: 1px solid #e9391c;
  -webkit-box-shadow: none;
  box-shadow: none;  }


.btn_send { width:300px; margin:0 auto; border:1px solid #e9391c; height:50px; margin-top:20px; }
.btn_send:hover { width:300px; margin:0 auto; background: #e9391c; height:50px; margin-top:20px; }



.btn {
  display: inline-block;
  padding: 6px 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}





.btn-primary{
	display: inline-block;
	color:#575757;

    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.btn-primary:hover{
	background: #e9391c;
	border-width: 1px;
	outline: none;
	color: #fff;
}


.btn-primary:hover,
.btn-primary:focus{
	background: #e9391c;
	color: #fff;
}

.btn{
	padding: 15px 0;
	border-radius: 0;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	outline: none;
}

.btn-lg{ width: 300px;
	     font-size: 12px;
}

.address {
	width:300px;
	padding:40px 0 0 0;
	margin: 0 auto;
	color: #000;
}
.address img { vertical-align: middle; width:20px
}

/*.fofo{
	width: 100%;
	height: 60px;
	margin:0 auto;
	vertical-align:middle;
}
.fofo label { 
}

.ic-number{
	width:100%;
	text-align:center
}

.ic-number_01{
	float:left;
	text-align:center;
	width:200px;
}
.ic-number_02{
	width:100%;
	text-align:center;
	margin-top:10px
}

.ic-location{
	margin-top:10px;
	text-align:center;
	vertical-align:middle;
	width:100%
}

.ic-number label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:left;
	margin-left:10px;
}
.ic-number_01 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:center;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:right;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label a{ color:#1775e9; border-bottom:1px solid;}

.ic-location label{
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:left;
	margin-left:6px;
	margin-top:8px;

}
*/

.fofo{
	margin:0 auto;
	vertical-align:middle;
}
.fofo label { 
}

.ic-number{
	text-align:center

}

.ic-number_01{
	text-align:center;
	margin-top:10px
}
.ic-number_02{
	text-align:center;
	margin-top:10px
}

.ic-location{
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
}

.ic-number label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:left;
	margin-left:6px;
}
.ic-number_01 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:center;
	vertical-align: middle;
	margin-left:6px;
}
.ic-number_02 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:right;
	vertical-align: middle;
	margin-left:6px;
}
.ic-number_02 label a {
	color:#1775e9;
	border-bottom:1px solid
}

.ic-location label{
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:left;
	margin-top:8px;

}
							
#realfooter { height:150px;
	          text-align: center;
	          background:#000;
	          color: #fff;
	          margin-top:40px; }
			  

.foot { width: 100%; height:50px; margin:0 auto; vertical-align:middle; text-align: center;
        padding-top:15px; }
#realfooter ul { width: 180px;
                 margin: 0 auto;
                 text-align: center;
                 margin-top: 20px; }
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; }
#realfooter p { font-family: '나눔바른고딕OTF light', sans-serif;
                margin-top:30px;
	            font-size:12px;
	            text-align:left;
				text-align: center; }
				
#slideshow h1{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:40%;
	            font-size:50px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }			
				
}






/*mobile 400이하*/	
@media all and (min-width:321px) and (max-width:400px){/*최소 ~ 최대 400px-------------------------------------*/
#index h1 {font-family: '나눔바른고딕OTF light', sans-serif;
           top:40%;
	       font-size:25px;
		   text-align: center;
		   color:#e5e5e5;
		   position:absolute;
		   width:100%;
		   margin:0 auto;
		   text-transform:uppercase
           }

#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; background-color: #e9391c; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top:50%; margin-top:13px; left:50%; margin-left:-159px; z-index: 100;}

#inquiry_pop1 { position: fixed; background-color: black; z-index: 9999; height: 100%; width: 100%; opacity: 0.6; }
#inquiry_pop { position: fixed; top: 50%; margin-top:-99px; left: 50%; width:324px; margin-left:-162px; z-index:9999; }
#inquiry_pop .btn_check { position:absolute; top:150px; left:50%; margin-left:-65px; width:130px; }



#rightmenu { display: none; }
#rightmenu1 { float:right;  }

#top1 img {position: fixed; right: 20px;}
#top { position: fixed; right: 20px; bottom:50px; display:none }
#top img {position: fixed; right: 20px; bottom:50px; display:none }

#rightmenu { display: none; }
#rightmenu1 { float:right;  }
#nav_side { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; display:none; }
#nav_side .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; display: none; }
#nav_side .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side .gnb li { width:100%; margin:0 auto; }
#nav_side .gnb li img { height:60px; }
#nav_side .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#nav_side1 { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; }
#nav_side1 .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side1 .gnb:after {content:""; display:block; clear:both; }
#nav_side1 p { width:100%; margin-left:31px; display: none; }
#nav_side1 .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side1 .gnb li { width:100%; margin:0 auto; }
#nav_side1 .gnb li img { height:60px; }
#nav_side1 .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side1 .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side1 .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#index { background-image:url(../img/mobile_index.jpg);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 500px;

}

/*
#index { background-image:url(../img/Slider.jpg);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 100%;

}
.index_title { margin-top:25%;
	           margin-top:36vh;
			   font-size: 20%;
}
h1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif; 
        margin:0; padding:0;
		font-size: 28px;
		color: #FFF;
		opacity: 0.8;
		letter-spacing:1px;
		
}
span { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif;
       line-height: 30px;
       font-size: 16px;
	   color:#e9391c;
	   opacity: 0.8;
}
.scroll { width:32px; margin:0 auto; padding:320px 0 0; }
*/
#slideshow { display:none}

#nav_top { width:100%; height:0; background-color:#fff; margin-top:-80px; display:none; }

#nav_top .listmenu { display: none; }
#nav_top .gnb_top { position:relative; width:100%; margin:0 auto; display:none}
#nav_top .gnb_top .logo { float:left; margin-top:8px; margin-left:10px; display:none}
#nav_top .gnb_top ul { position:relative; margin:0 auto; width:100%; height:60px; }
#nav_top .gnb_top li { float:right; width:80px; }
#nav_top .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:60px;}




#nav_top1 { width:100%; height:80px; background-color:#fff; }
#nav_top1 .gnb_top { position:relative; width:100%; margin:0 auto; }
#nav_top1 .gnb_top .logo {  width:117px; padding-top:14px; float:left; margin-left:8px}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; }
#nav_top1 .gnb_top li { float:right; margin-top:22px; margin-right:20px}
#nav_top1 .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:40px; display:none; }
#nav_top1 .gnb_top ul li p:hover { color:#131316; border:1px solid #e9391c; line-height:38px; }



#company { width:100%; position:relative; margin:0 auto;}
#company .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:16px; color:#131316; text-align:center; padding-top:100px; }
#company .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:20px; display:none }
#company .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:20px; letter-spacing:0.3px; line-height:15px }
#company .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}

#company .company_content { display:none}
#company .company_content1 { width: 90%; margin:0 auto; margin-top:60px; text-align:center;}





.centered-pills {
	text-align: center;
}
.centered-pills ul.nav-pills {
	display: inline-block;
	margin-bottom: 50px;
}
.centered-pills li {
	display: inline;
}
.centered-pills a {
	float: left;
}

.nav-pills > li > a{
	border-radius: 0;
	color: #000;
	border:1px solid #000;
	margin-right: 14px;
	font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px;
	padding: 8px 17px;

}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a.active{
	background: #e9391c;
	border-color: #e9391c;
	color: #fff;
}

.projects{

}

.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	
}




.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}

.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 12px;
	line-height: 28px;
	margin-top: 28%;
	text-transform: uppercase;
}

figcaption span {
	color: #fff;
	display: none;
}

#about .baner {
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-position: center;
}

.box{
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	margin: 70px 0;
	padding: 40px;
}

.box h3,
.box p
{
	color: #fff;
}

.box .delimiter,
.box p{
	margin-bottom: 50px;
}

.box h3{
	margin-bottom: 20px;
}
.mix{
	display: none;
}

.box .delimiter{
	width: 60px;
	height: 0;
	border-bottom: 2px solid #fa5c58;
	display: block;
}





#project_view .content { margin-top:60px;
}


#project_view .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:16px; color:#131316; text-align:center; padding-top:100px; }
#project_view .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:30px; display:none }
#project_view .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:15px }
#project_view .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-dd-1, .col-dd-1 {
    float: left;
  }
.col-md-3 {
    width: 50%;
  }
.col-md-6 {
    width: 50%;
  }


#business { }
#business .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:16px; color:#131316; text-align:center; padding-top:100px; }
#business .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:20px; line-height:15px; display: none; }
#business .content_title .sub1 {font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:20px; line-height:15px }
#business .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.business_low { position:absolute; width:100%; text-align:center}
.business_con_01 {width:50%; float:left}
.business_con_02 {width:50%; float:left}
.business_con_03 {width:50%; float:left}
.business_con_04 {width:50%; float:left}



.business_con_01 .con_01_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 16px;
	color: #fb5d59;
	text-align: left;
	font-weight: 700;
}
.business_con_01 .con_01_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: left;
	float:left;
	line-height:15px;
	margin-top:-10px
}
.con_01_text { padding-top:10px; float:left; padding-left:20px; width:232px}
.con_01_ic { width:45px; float:left; margin-left:15px; margin-top:35px}




.business_con_02 .con_02_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 16px;
	color: #fb5d59;
	text-align: right;
	font-weight: 700
}
.business_con_02 .con_02_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: right;
	float:right;
	line-height:15px;
	margin-top:-10px
}
.con_02_text { padding-top:10px; float:right; padding-right:20px; width:232px}
.con_02_ic {width:45px; float:right; margin-right:15px; margin-top:35px}


.business_con_03 .con_03_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 16px;
	color: #fb5d59;
	text-align: left;
	font-weight: 700;
}
.business_con_03 .con_03_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: left;
	float:left;
	line-height:15px;
	margin-top:-10px
}
.con_03_text { padding-top:10px; float:left; padding-left:20px; width:232px}
.con_03_ic { width:45px; float:left; margin-left:15px; margin-top:35px}


.business_con_04 .con_04_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 16px;
	color: #fb5d59;
	text-align: right;
	font-weight: 700
}
.business_con_04 .con_04_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: right;
	float:right;
	line-height:15px;
	margin-top:-10px
}
.con_04_text { padding-top:10px; float:right; padding-right:20px; width:232px}
.con_04_ic {width:45px; float:right; margin-right:15px; margin-top:35px}






#business .content_title_01 .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; }
#business .content_title_01 .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title_01 .sub1 { display: none; }



.business_profile { background-image:url(../img/bg_business.png);
                    background-repeat: no-repeat;
                    background-size: cover;
	                -webkit-background-size: cover;
	                -moz-background-size: cover;
                    -o-background-size: cover;
	            	text-align: center;
	             	height:634px;
	            	width: 100%; margin:0 auto; margin-top:50px;
					position:relative;
					height:250px
		
}

#vision { background-image:url(../img/vision.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 350px;
		margin-top:100px;
		
}

#vision .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:16px; color:#fff; text-align:center; padding-top:50px; }
#vision .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#fff; text-align:center; padding-top:15px; display:none; }
#vision .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#fff; text-align:center; padding-top:15px; line-height:15px }
#vision .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}              
.vision_content { width: 320px; margin:0 auto; margin-top:70px;
}

.vision_content li { float:left;
}
.vision_con_01 { width:88px; padding: 0 8px 0 12px; 
}
.vision_con_02 { width:88px; padding: 0 8px 0 8px;
}
.vision_con_03 { width:88px; padding: 0 12px 0 8px; 
}

#contact { position:relative; width:100%; height:auto; }
#contact .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:16px; color:#131316; text-align:center; padding-top:100px; }
#contact .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#8e8e8e; text-align:center; padding-top:30px; }
#contact .content_title .sub1 { display: none; }
#contact .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


#contact .map { margin-top:30px; width:100%; display:none}
#contact .map1 { margin-top:30px; width:100%;}


#contact .sub_contact { position:relative; top:20px; width:100%;}
#contact .sub_contact p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px; color:#5d7100; text-align:center; }
#contact .personal_data p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:150px; margin:0 auto;  margin-top:60px; }
#contact .title_bar01 { width:104px; border-bottom:2px solid #e2f494; margin:0 auto; }
fieldset { width:388px; margin:0 auto; }

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
   	margin-top:60px;
	outline:none;
	vertical-align:top;
	vertical-align:middle;
}
form input[type=text_01] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:10px;
	outline:none;
}
form input[type=tel] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:10px;
	outline:none;
} 
form input[type=email] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;	
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:10px;
	outline:none;
}
form input[type=text]:focus, 
form input[type=text_01]:focus,
form input[type=tel]:focus,
form input[type=email]:focus
{border: 1px solid #e9391c; background:#fbffe7;}
.project_info {position:relative; height:50px; margin:0 auto;}
.project_info p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:200px; margin:0 auto;  margin-top:40px;}


#contact ul { position: relative; width: 388px; margin:0 auto; }

#contact li { float:left; margin-top:30px;  }
.project_check { width: 388px; margin:0 auto; }
.chk_ux { width: 54px; margin: 0 0 0 10px; }
.chk_ux input{
    display: none;
	position:relative;
	margin:0 auto;
		
}
.chk_ux input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}

	


.chk_ux input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}

.chk_web { width: 88px; margin: 0 0 0 10px;}
.chk_web input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_web input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}
.chk_web input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}

.chk_mob { width: 98px; margin: 0 0 0 4px; }
.chk_mob input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_mob input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}
.chk_mob input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}

.chk_prod { width: 110px; margin: 0 0 0 8px;}
.chk_prod input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_prod input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}
.chk_prod input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}
label { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#484848; vertical-align:middle; }

label:after { content:""; display:block; clear:both; }
form textarea { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:192px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	border:1px solid #fff;
	background:#f3f3f3;
    padding:20px 0 0 20px;
	margin-top:20px;
	outline:none;
	overflow:auto;
} 
form textarea:focus
{ border: 1px solid #e9391c;
  -webkit-box-shadow: none;
  box-shadow: none;  }


.btn_send { width:300px; margin:0 auto; border:1px solid #e9391c; height:50px; margin-top:20px; }
.btn_send:hover { width:300px; margin:0 auto; background: #e9391c; height:50px; margin-top:20px; }



.btn {
  display: inline-block;
  padding: 6px 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}





.btn-primary{
	display: inline-block;
	color:#575757;

    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.btn-primary:hover{
	background: #e9391c;
	border-width: 1px;
	outline: none;
	color: #fff;
}


.btn-primary:hover,
.btn-primary:focus{
	background: #e9391c;
	color: #fff;
}

.btn{
	padding: 15px 0;
	border-radius: 0;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	outline: none;
}

.btn-lg{ width: 300px;
	     font-size: 12px;
}

.address {
	width:300px;
	padding:40px 0 0 0;
	margin: 0 auto;
	color: #000;
}
.address img { vertical-align: middle; width:20px
}

.fofo{
	width: 100%;
	margin:0 auto;
	vertical-align:middle;
}
.fofo label { 
}

.ic-number{
	width:100%;
	text-align:center
}

.ic-number_01{
	text-align:center;
	margin-top:10px
}
.ic-number_02{
	width:100%;
	text-align:center;
	margin-top:10px
}

.ic-location{
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
	width:100%
}

.ic-number label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:left;
	margin-left:10px;
}
.ic-number_01 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:center;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:right;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label a{ color:#1775e9; border-bottom:1px solid;}

.ic-location label{
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:left;
	margin-left:6px;
	margin-top:8px;

}

							
#realfooter { height:150px;
	          text-align: center;
	          background:#000;
	          color: #fff;
	          margin-top:40px; }
			  

.foot { width: 100%; height:50px; margin:0 auto; vertical-align:middle; text-align: center;
        padding-top:15px; }
#realfooter ul { width: 180px;
                 margin: 0 auto;
                 text-align: center;
                 margin-top: 20px; }
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; }
#realfooter p { font-family: '나눔바른고딕OTF light', sans-serif;
                margin-top:30px;
	            font-size:12px;
	            text-align:left;
				text-align: center; }
				
#slideshow h1{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:40%;
	            font-size:50px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }
								
}


@media all and (min-width:401px) and (max-width:500px){
#index h1 {font-family: '나눔바른고딕OTF light', sans-serif;
           top:40%;
	       font-size:25px;
		   text-align: center;
		   color:#e5e5e5;
		   position:absolute;
		   width:100%;
		   margin:0 auto;
		   text-transform:uppercase
           }
#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; background-color: #e9391c; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top:50%; margin-top:13px; left:50%; margin-left:-159px; z-index: 100;}

#inquiry_pop1 { position: fixed; background-color: black; z-index: 9999; height: 100%; width: 100%; opacity: 0.6; }
#inquiry_pop { position: fixed; top: 50%; margin-top:-99px; left: 50%; width:324px; margin-left:-162px; z-index:9999; }
#inquiry_pop .btn_check { position:absolute; top:150px; left:50%; margin-left:-65px; width:130px; }



#rightmenu { display: none; }
#rightmenu1 { float:right;  }

#top1 img {position: fixed; right: 20px;}
#top { position: fixed; right: 20px; bottom:50px; display:none }
#top img {position: fixed; right: 20px; bottom:50px; display:none }


#rightmenu { display: none; }
#rightmenu1 { float:right;  }
#nav_side { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; display:none; }
#nav_side .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; display: none; }
#nav_side .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side .gnb li { width:100%; margin:0 auto; }
#nav_side .gnb li img { height:60px; }
#nav_side .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#nav_side1 { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; }
#nav_side1 .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side1 .gnb:after {content:""; display:block; clear:both; }
#nav_side1 p { width:100%; margin-left:31px; display: none; }
#nav_side1 .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side1 .gnb li { width:100%; margin:0 auto; }
#nav_side1 .gnb li img { height:60px; }
#nav_side1 .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side1 .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side1 .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#index { background-image:url(../img/mobile_index.jpg);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 500px;

}

/*
#index { background-image:url(../img/Slider.jpg);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 100%;

}
.index_title { margin-top:25%;
	           margin-top:36vh;
			   font-size: 20%;
}
h1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif; 
        margin:0; padding:0;
		font-size: 28px;
		color: #FFF;
		opacity: 0.8;
		letter-spacing:1px;
		
}
span { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif;
       line-height: 30px;
       font-size: 16px;
	   color:#e9391c;
	   opacity: 0.8;
}
.scroll { width:32px; margin:0 auto; padding:320px 0 0; }
*/
#slideshow { display:none}

#nav_top { width:100%; height:0; background-color:#fff; margin-top:-80px; display:none; }

#nav_top .listmenu { display: none; }
#nav_top .gnb_top { position:relative; width:100%; margin:0 auto; }
#nav_top .gnb_top .logo { float:left; margin-top:8px; margin-left:10px; display:none}
#nav_top .gnb_top ul { position:relative; margin:0 auto; width:100%; height:60px; display:none }
#nav_top .gnb_top li { float:right; width:69px; }
#nav_top .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:60px;}




#nav_top1 { width:100%; height:80px; background-color:#fff; }
#nav_top1 .gnb_top { position:relative; width:100%; margin:0 auto; }
#nav_top1 .gnb_top .logo { width:117px; padding-top:14px; float:left; margin-left:8px}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; }
#nav_top1 .gnb_top li { float:right; margin-top:22px; margin-right:20px}
#nav_top1 .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:40px; display:none; }
#nav_top1 .gnb_top ul li p:hover { color:#131316; border:1px solid #e9391c; line-height:38px; }



#company { width:100%; position:relative; margin:0 auto;}
#company .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:18px; color:#131316; text-align:center; padding-top:100px; }
#company .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#8e8e8e; text-align:center; padding-top:30px; display:none }
#company .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:15px; letter-spacing:0.5px }
#company .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}

#company .company_content { display:none}
#company .company_content1 { width: 390px; margin:0 auto; margin-top:100px; text-align:center;}





.centered-pills {
	text-align: center;
}
.centered-pills ul.nav-pills {
	display: inline-block;
	margin-bottom: 50px;
}
.centered-pills li {
	display: inline;
}
.centered-pills a {
	float: left;
}

.nav-pills > li > a{
	border-radius: 0;
	color: #000;
	border:1px solid #000;
	margin-right: 14px;
	font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px;
	padding: 8px 17px;

}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a.active{
	background: #e9391c;
	border-color: #e9391c;
	color: #fff;
}

.projects{

}

.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	
}




.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}

.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 14px;
	line-height: 28px;
	margin-top: 28%;
	text-transform: uppercase;
}

figcaption span {
	color: #fff;
	display: none;
}

#about .baner {
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-position: center;
}

.box{
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	margin: 70px 0;
	padding: 40px;
}

.box h3,
.box p
{
	color: #fff;
}

.box .delimiter,
.box p{
	margin-bottom: 50px;
}

.box h3{
	margin-bottom: 20px;
}
.mix{
	display: none;
}

.box .delimiter{
	width: 60px;
	height: 0;
	border-bottom: 2px solid #fa5c58;
	display: block;
}





#project_view .content { margin-top:60px;
}


#project_view .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:18px; color:#131316; text-align:center; padding-top:100px; }
#project_view .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#8e8e8e; text-align:center; padding-top:30px; display:none }
#project_view .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#8e8e8e; text-align:center; padding-top:30px; }
#project_view .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-dd-1, .col-dd-1 {
    float: left;
  }
.col-md-3 {
    width: 50%;
  }
.col-md-6 {
    width: 50%;
  }


#business { }
#business .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:18px; color:#131316; text-align:center; padding-top:100px; }
#business .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#8e8e8e; text-align:center; padding-top:30px; display:none }
#business .content_title .sub1 {font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:15px}
#business .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.business_low { position:absolute; width:100%; text-align:center}
.business_con_01 {width:50%; float:left}
.business_con_02 {width:50%; float:left}
.business_con_03 {width:50%; float:left}
.business_con_04 {width:50%; float:left}



.business_con_01 .con_01_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: left;
	font-weight: 700;
}
.business_con_01 .con_01_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: left;
	float:left
}
.con_01_text { padding-top:10px; float:left; padding-left:22px; width:277px}
.con_01_ic { width:64px; float:left; margin-left:15px; margin-top:40px}




.business_con_02 .con_02_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: right;
	font-weight: 700
}
.business_con_02 .con_02_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: right;
	float:right
}
.con_02_text {padding-top:10px; float:right; padding-right:22px; width:277px}
.con_02_ic {width:64px; float:right; margin-right:15px; margin-top:40px}


.business_con_03 .con_03_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: left;
	font-weight: 700;
}
.business_con_03 .con_03_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: left;
	float:left
}
.con_03_text { padding-top:10px; float:left; padding-left:22px; width:277px}
.con_03_ic { width:64px; float:left; margin-left:15px; margin-top:40px}


.business_con_04 .con_04_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: right;
	font-weight: 700
}
.business_con_04 .con_04_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: right;
	float:right
}
.con_04_text {padding-top:10px; float:right; padding-right:22px; width:277px}
.con_04_ic {width:64px; float:right; margin-right:15px; margin-top:40px}






#business .content_title_01 .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; }
#business .content_title_01 .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title_01 .sub1 { display: none; }



.business_profile { background-image:url(../img/bg_business.png);
                    background-repeat: no-repeat;
                    background-size: cover;
	                -webkit-background-size: cover;
	                -moz-background-size: cover;
                    -o-background-size: cover;
	            	text-align: center;
	             	height:277px;
	            	width: 100%; margin:0 auto; margin-top:50px;
					position:relative;
		
}

#vision { background-image:url(../img/vision.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 540px;
		margin-top:100px;
		
}

#vision .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:18px; color:#fff; text-align:center; padding-top:100px; }
#vision .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#fff; text-align:center; padding-top:30px; display: none; }
#vision .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#fff; text-align:center; padding-top:30px; line-height:15px}
#vision .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}              
.vision_content { width: 384px; margin:0 auto; margin-top:100px;
}

.vision_content li { float:left;
}
.vision_con_01 { width:100px; padding: 0 14px 0 0; 
}
.vision_con_02 { width:100px; padding: 0 14px 0 14px;
}
.vision_con_03 { width:100px; padding: 0 0 0 14px; 
}

#contact { position:relative; width:100%; height:auto; }
#contact .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:18px; color:#131316; text-align:center; padding-top:100px; }
#contact .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#8e8e8e; text-align:center; padding-top:30px; }
#contact .content_title .sub1 { display: none; }
#contact .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


#contact .map { margin-top:30px; width:100%; display:none}
#contact .map1 { margin-top:30px; width:100%;}


#contact .sub_contact { position:relative; top:20px; width:100%;}
#contact .sub_contact p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px; color:#5d7100; text-align:center; }
#contact .personal_data p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:150px; margin:0 auto;  margin-top:60px; }
#contact .title_bar01 { width:104px; border-bottom:2px solid #e2f494; margin:0 auto; }
fieldset { width:388px; margin:0 auto; }

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
   	margin-top:60px;
	outline:none;
	vertical-align:top;
	vertical-align:middle;
}
form input[type=text_01] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:10px;
	outline:none;
}
form input[type=tel] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:10px;
	outline:none;
} 
form input[type=email] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;	
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:10px;
	outline:none;
}
form input[type=text]:focus, 
form input[type=text_01]:focus,
form input[type=tel]:focus,
form input[type=email]:focus
{border: 1px solid #e9391c; background:#fbffe7;}
.project_info {position:relative; height:50px; margin:0 auto;}
.project_info p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:200px; margin:0 auto;  margin-top:40px;}


#contact ul { position: relative; width: 388px; margin:0 auto; }

#contact li { float:left; margin-top:30px;  }
.project_check { width: 388px; margin:0 auto; }
.chk_ux { width: 54px; margin: 0 0 0 10px; }
.chk_ux input{
    display: none;
	position:relative;
	margin:0 auto;
		
}
.chk_ux input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}

	


.chk_ux input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}

.chk_web { width: 88px; margin: 0 0 0 10px;}
.chk_web input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_web input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}
.chk_web input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}

.chk_mob { width: 98px; margin: 0 0 0 4px; }
.chk_mob input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_mob input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}
.chk_mob input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}

.chk_prod { width: 110px; margin: 0 0 0 8px;}
.chk_prod input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_prod input + label span {
	display:inline-block;
	width:22px;
	height:22px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
	background-size: 22px;
}
.chk_prod input:checked + label span {
    background:url(../img/check1_s.png);
	background-size: 22px;
}
label { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:11px; color:#484848; vertical-align:middle; }

label:after { content:""; display:block; clear:both; }
form textarea { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:388px;
	height:192px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	border:1px solid #fff;
	background:#f3f3f3;
    padding:20px 0 0 20px;
	margin-top:20px;
	outline:none;
	overflow:auto;
} 
form textarea:focus
{ border: 1px solid #e9391c;
  -webkit-box-shadow: none;
  box-shadow: none;  }


.btn_send { width:380px; margin:0 auto; border:1px solid #e9391c; height:50px; margin-top:20px; }
.btn_send:hover { width:380px; margin:0 auto; background: #e9391c; height:50px; margin-top:20px; }



.btn {
  display: inline-block;
  padding: 6px 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}





.btn-primary{
	display: inline-block;
	color:#575757;

    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.btn-primary:hover{
	background: #e9391c;
	border-width: 1px;
	outline: none;
	color: #fff;
}


.btn-primary:hover,
.btn-primary:focus{
	background: #e9391c;
	color: #fff;
}

.btn{
	padding: 15px 0;
	border-radius: 0;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	outline: none;
}

.btn-lg{ width: 380px;
	     font-size: 12px;
}

.address {
	width:400px;
	padding:70px 0 0 0;
	margin: 0 auto;
	color: #000;
}
.address img { vertical-align: middle; width:16px
}

.fofo{
	width: 380px;
	height: 30px;
	margin:0 auto;
	vertical-align:middle;
}
.fofo label { 
}

.ic-number{
	float:left;
	width:110px;
}

.ic-number_01{
	float:left;
	text-align:center;
	width:110px;
}
.ic-number_02{
	float:right;
	text-align:right;
	
}

.ic-location{
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
}

.ic-number label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:left;
	margin-left:5px;
}
.ic-number_01 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:center;
	vertical-align: middle;
	margin-left:5px;
}
.ic-number_02 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:right;
	vertical-align: middle;
	margin-left:5px;
}
.ic-number_02 label a{ color:#1775e9; border-bottom:1px solid;}

.ic-location label{
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:11px;
	text-align:left;
	margin-left:6px;
	margin-top:8px;

}

							
#realfooter { height:198px;
	          text-align: center;
	          background:#000;
	          color: #fff;
	          margin-top:60px; }
			  

.foot { width: 100%; height:50px; margin:0 auto; vertical-align:middle; text-align: center;
        padding-top: 30px; }
#realfooter ul { width: 180px;
                 margin: 0 auto;
                 text-align: center;
                 margin-top: 20px; }
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; }
#realfooter p { font-family: '나눔바른고딕OTF light', sans-serif;
                margin-top:30px;
	            font-size:12px;
	            text-align:left;
				text-align: center; }
				
#slideshow h1{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:40%;
	            font-size:50px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }
								
}


@media all and (min-width:501px) and (max-width:600px){


#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; background-color: #e9391c; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top:50%; margin-top:13px; left:50%; margin-left:-159px; z-index: 100;}
	
#inquiry_pop1 { position: fixed; background-color: black; z-index: 9999; height: 100%; width: 100%; opacity: 0.6; }
#inquiry_pop { position: fixed; top: 50%; margin-top:-99px; left: 50%; width:400px; margin-left:-200px; z-index:9999; }
#inquiry_pop .btn_check { position:absolute; top:190px; left:50%; margin-left:-65px; width:130px; }
	

#rightmenu { float:right; }
#rightmenu1 { display: none; }

#top1 img {position: fixed; right: 20px;}
#top { position: fixed; right: 20px; bottom:50px; display:none }
#top img {position: fixed; right: 20px; bottom:50px; display:none }

#nav_side { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; }
#nav_side .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; display: none; }
#nav_side .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side .gnb li { width:100%; margin:0 auto;  }
#nav_side .gnb img { height:60px; }



#nav_side .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }

#index { background-image:url(../img/mobile_index.jpg);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 500px;

}
/*
#index { background-image:url(../img/Slider.jpg);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 100%;

}
.index_title { margin-top:25%;
	           margin-top:36vh;
			   font-size: 20%;
}
h1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif; 
        margin:0; padding:0;
		font-size: 28px;
		color: #FFF;
		opacity: 0.8;
		letter-spacing:1px;
		
}
span { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif;
       line-height: 30px;
       font-size: 16px;
	   color:#e9391c;
	   opacity: 0.8;
}
.scroll { width:32px; margin:0 auto; padding:320px 0 0; }
*/

#slideshow { display:none;}

#nav_top { width:100%; height:60px; background-color:#fff; margin-top:-80px; display:none; }

#nav_top .listmenu { display: none; }
#nav_top .gnb_top { position:relative; width:100%; margin:0 auto; }
#nav_top .gnb_top .logo { float:left; margin-top:8px; margin-left:10px; display:none}
#nav_top .gnb_top ul { position:relative; margin:0 auto; width:100%; height:60px; }
#nav_top .gnb_top li { float:right; width:83px; }
#nav_top .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:60px;}




#nav_top1 { width:100%; height:80px; background-color:#fff; }
#nav_top1 .gnb_top { position:relative; width:100%; margin:0 auto; }
#nav_top1 .gnb_top .logo { width:117px; padding-top:14px; float:left; margin-left:8px}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; }
#nav_top1 .gnb_top li { float:right; margin-top:22px; margin-right:20px}
#nav_top1 .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:40px; display:none; }
#nav_top1 .gnb_top ul li p:hover { color:#131316; border:1px solid #e9391c; line-height:38px; }



#company { width:100%; position:relative; margin:0 auto;}
#company .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#company .content_title .sub { display:none}
#company .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; letter-spacing:1px  }
#company .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}

#company .company_content {display:none}
#company .company_content1 { width: 90%; margin:0 auto; margin-top:100px; text-align:center;}


.centered-pills {
	text-align: center;
}
.centered-pills ul.nav-pills {
	display: inline-block;
	margin-bottom: 50px;
}
.centered-pills li {
	display: inline;
}
.centered-pills a {
	float: left;
}

.nav-pills > li > a{
	border-radius: 0;
	color: #000;
	border:1px solid #000;
	margin-right: 20px;
	font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:15px;
	padding: 10px 20px;

}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a.active{
	background: #e9391c;
	border-color: #e9391c;
	color: #fff;
}

.projects{
	margin: 0 0 70px 0;
}

.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	
}




.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}

.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	margin-top: 30%;
	text-transform: uppercase;
}

figcaption span {
	color: #fff;
	display: none;
}

#about .baner {
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-position: center;
}

.box{
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	margin: 70px 0;
	padding: 40px;
}

.box h3,
.box p
{
	color: #fff;
}

.box .delimiter,
.box p{
	margin-bottom: 50px;
}

.box h3{
	margin-bottom: 20px;
}
.mix{
	display: none;
}

.box .delimiter{
	width: 60px;
	height: 0;
	border-bottom: 2px solid #fa5c58;
	display: block;
}





#project_view .content { margin-top:50px; margin-bottom:100px;
}


#project_view .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#project_view .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; display:none }
#project_view .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; letter-spacing:1px}
#project_view .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-dd-1, .col-dd-1 {
    float: left;
  }
.col-md-3 {
    width: 50%;
  }
.col-md-6 {
    width: 50%;
  }


#business { }
#business .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#business .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; display: none; }
#business .content_title .sub1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; letter-spacing:1px }
#business .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.business_low { position:absolute; bottom:0; width:100%; text-align:center}
.business_con_01 { float:left; width:25%}
.business_con_02 { float:left; width:25%}
.business_con_03 { float:left; width:25%}
.business_con_04 { float:left; width:25%}


.con_01_text { width:85%; margin:0 auto;}
.business_con_01 .con_01_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_01 .con_01_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_01_text { padding-top:10px;}
.con_01_ic { padding-top:30px; width:50%; margin:0 auto}



.con_02_text { width:85%; margin:0 auto;}
.business_con_02 .con_02_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_02 .con_02_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_02_text { padding-top:10px;}
.con_02_ic {padding-top:30px; width:50%; margin:0 auto}

.con_03_text { width:85%; margin:0 auto;}
.business_con_03 .con_03_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_03 .con_03_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_03_text { padding-top:10px;}
.con_03_ic {padding-top:30px; width:50%; margin:0 auto}

.con_04_text { width:85%; margin:0 auto;}
.business_con_04 .con_04_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_04 .con_04_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_04_text { padding-top:10px;}
.con_04_ic {padding-top:30px; width:50%; margin:0 auto}






#business .content_title_01 .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; }
#business .content_title_01 .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title_01 .sub1 { display: none; }



.business_profile { background-image:url(../img/bg_business.png);
                    background-repeat: no-repeat;
                    background-size: cover;
	                -webkit-background-size: cover;
	                -moz-background-size: cover;
                    -o-background-size: cover;
	            	text-align: center;
	             	height:250px;
	            	width: 100%; margin:0 auto; margin-top:50px;
					position:relative;
		
}

#vision { background-image:url(../img/vision.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 540px;
		margin-top:100px;
		
}

#vision .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#fff; text-align:center; padding-top:100px; }
#vision .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px; display:none }
#vision .content_title .sub1 {font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px; letter-spacing:1px }
#vision .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}              
.vision_content { width: 444px; margin:0 auto; margin-top:100px;
}

.vision_content li { float:left;
}
.vision_con_01 { width:120px; padding: 0 14px 0 0; 
}
.vision_con_02 { width:120px; padding: 0 14px 0 14px;
}
.vision_con_03 { width:120px; padding: 0 0 0 14px; 
}

#contact { position:relative; width:100%; height:auto; }
#contact .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#contact .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#contact .content_title .sub1 { display: none; }
#contact .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}



#contact .map { margin-top:30px; width:100%;}
#contact .map1 { margin-top:30px; width:100%; display:none}


#contact .sub_contact { position:relative; top:20px; width:100%;}
#contact .sub_contact p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px; color:#5d7100; text-align:center; }
#contact .personal_data p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:150px; margin:0 auto;  margin-top:60px; }
#contact .title_bar01 { width:104px; border-bottom:2px solid #e2f494; margin:0 auto; }
fieldset { width:488px; margin:0 auto; }

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:488px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
   	margin-top:60px;
	outline:none;
	vertical-align:top;
	vertical-align:middle;
}
form input[type=text_01] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:488px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
}
form input[type=tel] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:488px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
} 
form input[type=email] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:488px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;	
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
}
form input[type=text]:focus, 
form input[type=text_01]:focus,
form input[type=tel]:focus,
form input[type=email]:focus
{border: 1px solid #e9391c; background:#fbffe7;}
.project_info {position:relative; height:50px; margin:0 auto;}
.project_info p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:200px; margin:0 auto;  margin-top:40px;}


#contact ul { position: relative; width: 488px; margin:0 auto; }

#contact li { float:left; margin-top:30px;  }
.project_check { width: 488px; margin:0 auto; }
.chk_ux { width: 80px; margin: 0 0 0 22px; }
.chk_ux input{
    display: none;
	position:relative;
	margin:0 auto;	
}
.chk_ux input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}

	


.chk_ux input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_web { width: 110px; margin: 0 0 0 10px;}
.chk_web input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_web input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_web input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_mob { width: 130px; }
.chk_mob input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_mob input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_mob input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_prod { width: 130px;}
.chk_prod input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_prod input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_prod input:checked + label span {
    background:url(../img/check1_s.png);
}
label { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#484848; vertical-align:middle; }

label:after { content:""; display:block; clear:both; }
form textarea { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:488px;
	height:192px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	border:1px solid #fff;
	background:#f3f3f3;
    padding:20px 0 0 20px;
	margin-top:20px;
	outline:none;
	overflow:auto;
} 
form textarea:focus
{ border: 1px solid #e9391c;
  -webkit-box-shadow: none;
  box-shadow: none;  }


.btn_send { width:450px; margin:0 auto; border:1px solid #e9391c; height:50px; margin-top:20px; }
.btn_send:hover { width:450px; margin:0 auto; background: #e9391c; height:50px; margin-top:20px; }



.btn {
  display: inline-block;
  padding: 6px 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}



.btn-primary{
	display: inline-block;
	color:#575757;

    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.btn-primary:hover{
	background: #e9391c;
	border-width: 1px;
	outline: none;
	color: #fff;
}


.btn-primary:hover,
.btn-primary:focus{
	background: #e9391c;
	color: #fff;
}

.btn{
	padding: 15px 0;
	border-radius: 0;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	outline: none;
}

.btn-lg{ width: 450px;
	     font-size: 15px;
}

.address {
	width:500px;
	padding:70px 0 0 0;
	margin: 0 auto;
	color: #000;
}
.address img { vertical-align: middle;
}

.fofo{
	width: 480px;
	height: 30px;
	margin:0 auto;
	vertical-align:middle;
}
.fofo label { 
}

.ic-number{
	float:left;
	width:150px;
}

.ic-number_01{
	float:left;
	text-align:center;
	width:130px;
}
.ic-number_02{
	float:right;
	text-align:right;
	width:180px;
}

.ic-location{
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
}

.ic-number label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:12px;
	text-align:left;
	margin-left:10px;
}
.ic-number_01 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:12px;
	text-align:center;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:12px;
	text-align:right;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label a{ color:#1775e9; border-bottom:1px solid;}

.ic-location label{
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:12px;
	text-align:left;
	margin-left:6px;
	margin-top:8px;

}

							
#realfooter { height:198px;
	          text-align: center;
	          background:#000;
	          color: #fff;
	          margin-top:60px; }
			  

.foot { width: 100%; height:50px; margin:0 auto; vertical-align:middle; text-align: center;
        padding-top: 30px; }
#realfooter ul { width: 180px;
                 margin: 0 auto;
                 text-align: center;
                 margin-top: 20px; }
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; }
#realfooter p { font-family: '나눔바른고딕OTF light', sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center; }
				
#slideshow h1{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:40%;
	            font-size:50px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }
								
				
}

/*==== 공통부분 ====*/
body { background:#ffffff; /* width:1920px;*/ margin:0 auto }


@media all and (min-width:601px) and (max-width:799px){


#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; background-color: #e9391c; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top:50%; margin-top:13px; left:50%; margin-left:-159px; z-index: 100;}

#inquiry_pop1 { position: fixed; background-color: black; z-index: 9999; height: 100%; width: 100%; opacity: 0.6; }
#inquiry_pop { position: fixed; top: 50%; margin-top:-99px; left: 50%; width:440px; margin-left:-220px; z-index:9999; }
#inquiry_pop .btn_check { position:absolute; top:208px; left:50%; margin-left:-65px; width:150px; }

#rightmenu { float:right; }
#rightmenu1 { display: none; }

#top1 img {position: fixed; right: 20px;}
#top { position: fixed; right: 20px; bottom:50px; display:none }
#top img {position: fixed; right: 20px; bottom:50px; display:none }

#nav_side { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; }
#nav_side .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; display: none; }
#nav_side .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side .gnb li { width:100%; margin:0 auto;  }
#nav_side .gnb img { height:60px; }



#nav_side .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


#index { background-image:url(../img/mobile_index.jpg);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 500px;

}/*
.index_title { margin-top:25%;
	           margin-top:36vh;
			   font-size: 20%;
}
h1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif; 
        margin:0; padding:0;
		font-size: 28px;
		color: #FFF;
		opacity: 0.8;
		letter-spacing:1px;
		
}
span { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif;
       line-height: 30px;
       font-size: 16px;
	   color:#e9391c;
	   opacity: 0.8;
}
.scroll { width:32px; margin:0 auto; padding:320px 0 0; }
*/
#slideshow { display:none;}

#nav_top { width:100%; height:60px; background-color:#fff; margin-top:-80px; display:none; }

#nav_top .listmenu { display: none; }
#nav_top .gnb_top { position:relative; width:100%; margin:0 auto; }
#nav_top .gnb_top .logo { float:left; margin-top:8px; margin-left:10px; display:none}
#nav_top .gnb_top ul { position:relative; margin:0 auto; width:100%; height:60px; }
#nav_top .gnb_top li { float:right; width:100px; }
#nav_top .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:60px;}




#nav_top1 { width:100%; height:80px; background-color:#fff; }
#nav_top1 .gnb_top { position:relative; width:100%; margin:0 auto; }
#nav_top1 .gnb_top .logo { width:117px; padding-top:14px; float:left; margin-left:8px}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; }
#nav_top1 .gnb_top li { float:right; margin-top:22px; margin-right:20px}
#nav_top1 .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:40px; display:none; }
#nav_top1 .gnb_top ul li p:hover { color:#131316; border:1px solid #e9391c; line-height:38px; }



#company { width:100%; position:relative; margin:0 auto;}
#company .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#company .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:20px }
#company .content_title .sub1 { display: none; }
#company .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}

#company .company_content { display:none}
#company .company_content1 { width: 100%; margin:0 auto; margin-top:100px; text-align:center; min-width:600px}


.centered-pills {
	text-align: center;
}
.centered-pills ul.nav-pills {
	display: inline-block;
	margin-bottom: 50px;
}
.centered-pills li {
	display: inline;
}
.centered-pills a {
	float: left;
}

.nav-pills > li > a{
	border-radius: 0;
	color: #000;
	border:1px solid #000;
	margin-right: 20px;
	font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:15px;
	padding: 10px 20px;

}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a.active{
	background: #e9391c;
	border-color: #e9391c;
	color: #fff;
}

.projects{
	margin: 0 0 70px 0;
}

.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	
}




.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}

.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	margin-top: 32%;
	text-transform: uppercase;
}

figcaption span {
	color: #fff;
	display: none;
}

#about .baner {
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-position: center;
}

.box{
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	margin: 70px 0;
	padding: 40px;
}

.box h3,
.box p
{
	color: #fff;
}

.box .delimiter,
.box p{
	margin-bottom: 50px;
}

.box h3{
	margin-bottom: 20px;
}
.mix{
	display: none;
}

.box .delimiter{
	width: 60px;
	height: 0;
	border-bottom: 2px solid #fa5c58;
	display: block;
}





#project_view .content { margin-top:100px; margin-bottom:100px;
}


#project_view .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#project_view .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:20px }
#project_view .content_title .sub1 { display: none; }
#project_view .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-dd-1, .col-dd-1 {
    float: left;
  }
.col-md-3 {
    width: 50%;
  }
.col-md-6 {
    width: 50%;
  }



#business { }
#business .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#business .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title .sub1 { display: none; }
#business .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.business_low { position:absolute; bottom:0; width:100%; text-align:center}
.business_con_01 { float:left; width:25%}
.business_con_02 { float:left; width:25%}
.business_con_03 { float:left; width:25%}
.business_con_04 { float:left; width:25%}


.con_01_text { width:85%; margin:0 auto;}
.business_con_01 .con_01_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_01 .con_01_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_01_text { padding-top:10px;}
.con_01_ic { margin-top:50px;}



.con_02_text { width:85%; margin:0 auto;}
.business_con_02 .con_02_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_02 .con_02_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_02_text { padding-top:10px;}
.con_02_ic { margin-top:50px;}

.con_03_text { width:85%; margin:0 auto;}
.business_con_03 .con_03_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_03 .con_03_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_03_text { padding-top:10px;}
.con_03_ic { margin-top:50px;}

.con_04_text { width:85%; margin:0 auto;}
.business_con_04 .con_04_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_04 .con_04_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_04_text { padding-top:10px;}
.con_04_ic { margin-top:50px;}






#business .content_title_01 .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; }
#business .content_title_01 .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title_01 .sub1 { display: none; }



.business_profile { background-image:url(../img/bg_business.png);
                    background-repeat: no-repeat;
                    background-size: cover;
	                -webkit-background-size: cover;
	                -moz-background-size: cover;
                    -o-background-size: cover;
	            	text-align: center;
	             	height:300px;
	            	width: 100%; margin:0 auto; margin-top:50px;
					position:relative;
		
}

#vision { background-image:url(../img/vision.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 660px;
		margin-top:100px;
		
}

#vision .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#fff; text-align:center; padding-top:100px; }
#vision .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px }
#vision .content_title .sub1 { display: none; }
#vision .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}              
.vision_content { width: 534px; margin:0 auto; margin-top:150px;
}

.vision_content li { float:left;
}
.vision_con_01 { width:150px; padding: 0 14px 0 0; 
}
.vision_con_02 { width:150px; padding: 0 14px 0 14px;
}
.vision_con_03 { width:150px; padding: 0 0 0 14px; 
}

#contact { position:relative; width:100%; height:auto; }
#contact .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#contact .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#contact .content_title .sub1 { display: none; }
#contact .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


#contact .map { margin-top:30px; width:100%;}
#contact .map1 { margin-top:30px; width:100%; display:none}



#contact .sub_contact { position:relative; top:20px; width:100%;}
#contact .sub_contact p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px; color:#5d7100; text-align:center; }
#contact .personal_data p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:150px; margin:0 auto;  margin-top:60px; }
#contact .title_bar01 { width:104px; border-bottom:2px solid #e2f494; margin:0 auto; }
fieldset { width:534px; margin:0 auto; }

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:534px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
   	margin-top:60px;
	outline:none;
	vertical-align:top;
	vertical-align:middle;
}
form input[type=text_01] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:267px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
}
form input[type=tel] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:242px;
	float:right;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	margin-left:4px;
	outline:none;
} 
form input[type=email] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:534px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;	
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
}
form input[type=text]:focus, 
form input[type=text_01]:focus,
form input[type=tel]:focus,
form input[type=email]:focus
{border: 1px solid #e9391c; background:#fbffe7;}
.project_info {position:relative; height:50px; margin:0 auto;}
.project_info p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:200px; margin:0 auto;  margin-top:40px;}


#contact ul { position: relative; width: 534px; margin:0 auto; }

#contact li { float:left; margin-top:30px;  }
.project_check { width: 520px; margin:0 auto; }
.chk_ux { width: 90px; margin: 0 0 0 22px; }
.chk_ux input{
    display: none;
	position:relative;
	margin:0 auto;	
}
.chk_ux input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}

	


.chk_ux input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_web { width: 130px; margin: 0 0 0 10px;}
.chk_web input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_web input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_web input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_mob { width: 130px; margin: 0 0 0 10px;}
.chk_mob input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_mob input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_mob input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_prod { width: 130px; margin: 0 0 0 10px;}
.chk_prod input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_prod input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_prod input:checked + label span {
    background:url(../img/check1_s.png);
}
label { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:12px; color:#484848; vertical-align:middle; }

label:after { content:""; display:block; clear:both; }
form textarea { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:534px;
	height:192px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	border:1px solid #fff;
	background:#f3f3f3;
    padding:20px 0 0 20px;
	margin-top:20px;
	outline:none;
	overflow:auto;
} 
form textarea:focus
{ border: 1px solid #e9391c;
  -webkit-box-shadow: none;
  box-shadow: none;  }


.btn_send { width:500px; margin:0 auto; border:1px solid #e9391c; height:50px; margin-top:20px; }
.btn_send:hover { width:500px; margin:0 auto; background: #e9391c; height:50px; margin-top:20px; }



.btn {
  display: inline-block;
  padding: 6px 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}




.btn-primary{
	display: inline-block;
	color:#575757;

    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.btn-primary:hover{
	background: #e9391c;
	border-width: 1px;
	outline: none;
	color: #fff;
}



.btn-primary:hover,
.btn-primary:focus{
	background: #e9391c;
	color: #fff;
}

.btn{
	padding: 15px 0;
	border-radius: 0;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	outline: none;
}

.btn-lg{ width: 500px;
	     font-size: 15px;
}

.address {
	width:600px;
	padding:70px 0 0 0;
	margin: 0 auto;
	color: #000;
}
.address img { vertical-align: middle;
}

.fofo{
	width: 600px;
	height: 30px;
	margin:0 auto;
	vertical-align:middle;
}
.fofo label { 
}

.ic-number{
	float:left;
	width:200px;
}

.ic-number_01{
	float:left;
	text-align:center;
	width:145px;
}
.ic-number_02{
	float:right;
	text-align:right;
	width:200px;
}

.ic-location{
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
}

.ic-number label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:10px;
}
.ic-number_01 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:center;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:right;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label a{ color:#1775e9; border-bottom:1px solid;}

.ic-location label{
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:6px;
	margin-top:8px;

}

							
#realfooter { height:198px;
	          text-align: center;
	          background:#000;
	          color: #fff;
	          margin-top:60px; }
			  

.foot { width: 100%; height:50px; margin:0 auto; vertical-align:middle; text-align: center;
        padding-top: 30px; }
#realfooter ul { width: 180px;
                 margin: 0 auto;
                 text-align: center;
                 margin-top: 20px; }
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; }
#realfooter p { font-family: '나눔바른고딕OTF light', sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center; }
				
#slideshow h1{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:40%;
	            font-size:50px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }
				
#slideshow span{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:47%;
	            font-size:25px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }
				
				
.slidesjs-pagination {
	  margin:0 auto;
      list-style: none;
	  text-align:center;
	  justify-content: center;
	  position:absolute;
	  z-index:10;
	  top:900px;
	  display:flex;
	  width:100%;
	  padding:0 }
	  
.slidesjs-pagination li {
      float: left;
      margin: 0 2px;
    }

.slidesjs-pagination li a {
      display: block;
      width: 20px;
      height: 0;
      padding-top: 20px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden }
	  
.slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -20px }

.slidesjs-pagination li a:hover {
      background-position: 0 -40px }

#slides a:link,
#slides a:visited {
      color: #333 }

#slides a:hover,
#slides a:active {
      color: #9e2020 }

.navbar {
      overflow: hidden }
	  
#slideshow{
	width: 100%;
	height: 892px;
}
#slideshow .figure1{
	width: 100%;
	height: 892px;
}	  
	  

#slides{ width:100%}

#slideshow figure1 img { max-width: 100%; max-height:892px; display:block; margin:0}	
.slidesjs-container { width:100%!important; height:892px !important }
.slidesjs-control { width:100%!important; height:892px !important }	
}






@media all and (min-width:800px) and (max-width:1025px)  {/* 최소 ~ 최대 1025-------------------------------------*/


#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; background-color: #e9391c; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top:50%; margin-top:13px; left:50%; margin-left:-159px; z-index: 100;}

#inquiry_pop1 { position: fixed; background-color: black; z-index: 9999; height: 100%; width: 100%; opacity: 0.6; }
#inquiry_pop { position: fixed; width:100%; margin: 0 auto;  top: 262px; z-index:9999; }
.pop_bg { position: relative; width:650px; margin: 0 auto; z-index:9999; }
#inquiry_pop .btn_check { position:absolute; top:309px; left:220px; }



#rightmenu { float:right; }
#rightmenu1 { display: none; }




#top1 img { display: none; }
#top { position: fixed; right: 20px; bottom:50px; z-index:9999 }
#nav_side { position: absolute; background:#161616; width:100%; height:380px; margin-top:80px; z-index:99; }
#nav_side .gnb { position:relative; width:100%; height:1025px; margin:0 auto; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; display: none; }
#nav_side .gnb ul { width:100%; margin:0 auto; text-align:center; margin-top:10px; } 
#nav_side .gnb li { width:100%; margin:0 auto;  }
#nav_side .gnb img { height:60px; }



#nav_side .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


#index { display:none}
/*
.index_title { margin-top:25%;
	           margin-top:36vh;
			   font-size: 20%;
}
h1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif; 
        margin:0; padding:0;
		font-size: 34px;
		color: #FFF;
		opacity: 0.8;
		letter-spacing:1px;
		
}
span { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif;
       line-height: 30px;
       font-size: 16px;
	   color:#e9391c;
	   opacity: 0.8;
}
.scroll { width:32px; margin:0 auto; padding:320px 0 0; }
*/

#nav_top { width:100%; height:60px; background-color:#fff; margin-top:-80px; display:none; }

#nav_top .listmenu { display: none; }
#nav_top .gnb_top { position:relative; width:100%; margin:0 auto; }
#nav_top .gnb_top .logo { float:left; margin-top:8px; margin-left:10px}
#nav_top .gnb_top ul { position:relative; margin:0 auto; width:90%; height:60px; }
#nav_top .gnb_top li { float:right; width:100px; }
#nav_top .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:60px;}




#nav_top1 { width:100%; height:80px; background-color:#fff; }
#nav_top1 .gnb_top { position:relative; width:100%; margin:0 auto; }
#nav_top1 .gnb_top .logo { width:117px; padding-top:14px; float:left; margin-left:8px}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; }
#nav_top1 .gnb_top li { float:right; margin-top:22px; margin-right:20px}
#nav_top1 .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:40px; display:none; }
#nav_top1 .gnb_top ul li p:hover { color:#131316; border:1px solid #e9391c; line-height:38px; }




#company { width:100%; position:relative; margin:0 auto;}
#company .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#company .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:20px }
#company .content_title .sub1 { display: none; }
#company .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}

#company .company_content {width: 800px; margin:0 auto; margin-top:100px; text-align:center;}
#company .company_content1 { display:none}




.centered-pills {
	text-align: center;
}
.centered-pills ul.nav-pills {
	display: inline-block;
	margin-bottom: 50px;
}
.centered-pills li {
	display: inline;
}
.centered-pills a {
	float: left;
}

.nav-pills > li > a{
	border-radius: 0;
	color: #000;
	border:1px solid #000;
	margin-right: 20px;
	font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:15px;
	padding: 10px 20px;

}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a.active{
	background: #e9391c;
	border-color: #e9391c;
	color: #fff;
}

.projects{
	margin: 0 0 70px 0;
}

.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	
}




.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}

.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	margin-top: 30%;
	text-transform: uppercase;
}

figcaption span {
	color: #fff;
	display: none;
}

#about .baner {
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-position: center;
}

.box{
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	margin: 70px 0;
	padding: 40px;
}

.box h3,
.box p
{
	color: #fff;
}

.box .delimiter,
.box p{
	margin-bottom: 50px;
}

.box h3{
	margin-bottom: 20px;
}
.mix{
	display: none;
}

.box .delimiter{
	width: 60px;
	height: 0;
	border-bottom: 2px solid #fa5c58;
	display: block;
}





#project_view .content { margin-top:100px; margin-bottom:100px;
}


#project_view .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#project_view .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:20px }
#project_view .content_title .sub1 { display: none; }
#project_view .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-dd-1, .col-dd-1 {
    float: left;
  }
.col-md-3 {
    width: 33%;
  }
.col-md-6 {
    width: 50%;
  }

#business { }
#business .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#business .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title .sub1 { display: none; }
#business .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.business_low { position:absolute; bottom:0; width:100%; text-align:center}
.business_con_01 { float:left; width:25%}
.business_con_02 { float:left; width:25%}
.business_con_03 { float:left; width:25%}
.business_con_04 { float:left; width:25%}


.con_01_text { width:85%; margin:0 auto;}
.business_con_01 .con_01_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_01 .con_01_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_01_text { padding-top:10px;}
.con_01_ic { margin-top:50px;}



.con_02_text { width:85%; margin:0 auto;}
.business_con_02 .con_02_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_02 .con_02_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_02_text { padding-top:10px;}
.con_02_ic { margin-top:50px;}

.con_03_text { width:85%; margin:0 auto;}
.business_con_03 .con_03_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_03 .con_03_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_03_text { padding-top:10px;}
.con_03_ic { margin-top:50px;}

.con_04_text { width:85%; margin:0 auto;}
.business_con_04 .con_04_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 18px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_04 .con_04_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.con_04_text { padding-top:10px;}
.con_04_ic { margin-top:50px;}






#business .content_title_01 .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; }
#business .content_title_01 .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title_01 .sub1 { display: none; }



.business_profile { background-image:url(../img/bg_business.png);
                    background-repeat: no-repeat;
                    background-size: cover;
	                -webkit-background-size: cover;
	                -moz-background-size: cover;
                    -o-background-size: cover;
	            	text-align: center;
	             	height:400px;
	            	width: 100%; margin:0 auto; margin-top:50px;
					position:relative;
		
}

#vision { background-image:url(../img/vision.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 660px;
		margin-top:100px;
		
}

#vision .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#fff; text-align:center; padding-top:100px; }
#vision .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px }
#vision .content_title .sub1 { display: none; }
#vision .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}              
.vision_content { width: 680px; margin:0 auto; margin-top:150px;
}

.vision_content li { float:left;
}
.vision_con_01 { width:200px; padding: 0 20px 0 0; 
}
.vision_con_02 { width:200px; padding: 0 20px 0 20px;
}
.vision_con_03 { width:200px; padding: 0 0 0 20px; 
}

#contact { position:relative; width:100%; height:auto; }
#contact .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#contact .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#contact .content_title .sub1 { display: none; }
#contact .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}



#contact .map { margin-top:30px; width:100%;}
#contact .map1 { margin-top:30px; width:100%; display:none}

#contact .sub_contact { position:relative; top:20px; width:100%;}
#contact .sub_contact p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px; color:#5d7100; text-align:center; }
#contact .personal_data p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:150px; margin:0 auto;  margin-top:60px; }
#contact .title_bar01 { width:104px; border-bottom:2px solid #e2f494; margin:0 auto; }
fieldset { width:760px; margin:0 auto; }

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:760px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
   	margin-top:60px;
	outline:none;
	vertical-align:top;
	vertical-align:middle;
}
form input[type=text_01] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:380px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
}
form input[type=tel] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:355px;
	float:right;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	margin-left:4px;
	outline:none;
} 
form input[type=email] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:760px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;	
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
}
form input[type=text]:focus, 
form input[type=text_01]:focus,
form input[type=tel]:focus,
form input[type=email]:focus
{border: 1px solid #e9391c; background:#fbffe7;}
.project_info {position:relative; height:50px; margin:0 auto;}
.project_info p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:200px; margin:0 auto;  margin-top:40px;}


#contact ul { position: relative; width: 760px; margin:0 auto; }

#contact li { float:left; margin-top:30px;  }
.chk_ux { width:140px; margin: 0 0 0 44px; }
.chk_ux input{
    display: none;
	position:relative;
	margin:0 auto;	
}
.chk_ux input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}

	


.chk_ux input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_web { width:140px; margin: 0 0 0 20px;}
.chk_web input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_web input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_web input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_mob { width:140px; margin: 0 0 0 80px;}
.chk_mob input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_mob input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_mob input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_prod { width:140px; margin: 0 0 0 50px;}
.chk_prod input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_prod input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_prod input:checked + label span {
    background:url(../img/check1_s.png);
}
label { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#484848; vertical-align:middle; }

label:after { content:""; display:block; clear:both; }
form textarea { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:760px;
	height:192px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	border:1px solid #fff;
	background:#f3f3f3;
    padding:20px 0 0 20px;
	margin-top:20px;
	outline:none;
	overflow:auto;
} 
form textarea:focus
{ border: 1px solid #e9391c;
  -webkit-box-shadow: none;
  box-shadow: none;  }


.btn_send { width:700px; margin:0 auto; border:1px solid #e9391c; height:50px; margin-top:20px; }
.btn_send:hover { width:700px; margin:0 auto; background: #e9391c; height:50px; margin-top:20px; }



.btn {
  display: inline-block;
  padding: 6px 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}



.btn-primary{
	display: inline-block;
	color:#575757;

    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.btn-primary:hover{
	background: #e9391c;
	border-width: 1px;
	outline: none;
	color: #fff;
}


.btn-primary:hover,
.btn-primary:focus{
	background: #e9391c;
	color: #fff;
}

.btn{
	padding: 15px 0;
	border-radius: 0;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	outline: none;
}

.btn-lg{ width: 700px;
	     font-size: 15px;
}

.address {
	width:760px;
	padding:70px 0 0 0;
	margin: 0 auto;
	color: #000;
}
.address img { vertical-align: middle;
}

.fofo{
	width: 600px;
	height: 30px;
	margin:0 auto;
	vertical-align:middle;
}
.fofo label { 
}

.ic-number{
	float:left;
	width:200px;
}

.ic-number_01{
	float:left;
	text-align:center;
	width:145px;
}
.ic-number_02{
	float:right;
	text-align:right;
	width:200px;
}

.ic-location{
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
}

.ic-number label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:10px;
}
.ic-number_01 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:center;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:right;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label a{ color:#1775e9; border-bottom:1px solid;}

.ic-location label{
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:6px;
	margin-top:8px;

}

							
#realfooter { height:198px;
	          text-align: center;
	          background:#000;
	          color: #fff;
	          margin-top:60px; }
			  

.foot { width: 100%; height:50px; margin:0 auto; vertical-align:middle; text-align: center;
        padding-top: 30px; }
#realfooter ul { width: 180px;
                 margin: 0 auto;
                 text-align: center;
                 margin-top: 20px; }
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; }
#realfooter p { font-family: '나눔바른고딕OTF light', sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center; }
				
#slideshow h1{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:40%;
	            font-size:35px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }				

#slideshow span{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:50%;
	            font-size:16px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }	
				
				
.slidesjs-pagination {
	  margin:0 auto;
      list-style: none;
	  text-align:center;
	  justify-content: center;
	  position:absolute;
	  z-index:10;
	  top:500px;
	  display:flex;
	  width:100%;
	  padding:0 }
	  
.slidesjs-pagination li {
      float: left;
      margin: 0 2px;
    }

.slidesjs-pagination li a {
      display: block;
      width: 20px;
      height: 0;
      padding-top: 20px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden }
	  
.slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -20px }

.slidesjs-pagination li a:hover {
      background-position: 0 -40px }

#slides a:link,
#slides a:visited {
      color: #333 }

#slides a:hover,
#slides a:active {
      color: #9e2020 }

.navbar {
      overflow: hidden }
	  
#slideshow{
	width: 100%;
}
#slideshow .figure1{
	width: 100%;
	height: 892px;
}	  
	  

#slides{ width:100%}

#slideshow figure1 img { max-width: 100%; height:460px; display:block; margin:0}	
.slidesjs-container { width:100%!important; height:460px !important }	
.slidesjs-control { width:100%!important; height:100% !important }
.slidesjs-slide {}				
}



@media all and (min-width:1026px) and (max-width:1449px) {/* 최소 ~ 최대 768-------------------------------------*/


#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; background-color: #e9391c; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top:50%; margin-top:13px; left:50%; margin-left:-159px; z-index: 100;}

#inquiry_pop1 { position: fixed; background-color: black; z-index: 9999; height: 100%; width: 100%; opacity: 0.6; }
#inquiry_pop { position: fixed; width:100%; margin: 0 auto;  top: 262px; z-index:9999; }
.pop_bg { position: relative; width:650px; margin: 0 auto; z-index:9999; }
#inquiry_pop .btn_check { position:absolute; top:309px; left:220px; }


#rightmenu { display: none; }
#rightmenu1 { display: none; }
#navigation { display: none; }

#top1 img { display: none; }
#top { position: fixed; right: 20px; bottom:50px; z-index:9999 }
#nav_side {float:right; background:#161616; width:250px; height:1025px; }
#nav_side .gnb { position:relative; top:40px; width:250px; height:1025px; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; }
#nav_side .gnb ul { width:250px; margin:0 auto; text-align:center; margin-top:40px;} 
#nav_side .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li p:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


#index { display:none;}
/*
.index_title { margin-top:25%;
	           margin-top:36vh;
			   font-size: 20%;
}
h1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif; 
        margin:0; padding:0;
		font-size: 42px;
		color: #FFF;
		opacity: 0.8;
		letter-spacing:1px;
		
}
span { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif;
       line-height: 30px;
       font-size: 18px;
	   color:#e9391c;
	   opacity: 0.8;
}
.scroll { width:32px; margin:0 auto; padding:320px 0 0; }
*/

#nav_top { width:100%; height:60px; background-color:#fff; margin-top:-80px; }
#nav_top .gnb_top { position:relative; width:90%; margin:0 auto; }
#nav_top .gnb_top .logo { float:left; margin-top:8px; }
#nav_top .gnb_top ul { position:relative; margin:0 auto; height:60px;}
#nav_top .gnb_top li { float:right; width:100px;}
#nav_top .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:60px;}




#nav_top1 { width:100%; height:80px; background-color:#fff; }
#nav_top1 .gnb_top { position:relative; width:90%; margin:0 auto; }
#nav_top1 .gnb_top .logo {margin:0 auto; padding-top:16px; text-align:center}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; height:80px;}
#nav_top1 .gnb_top li { float:right; width:100px;}
#nav_top1 .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:80px; }
#nav_top1 .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:80px;}



#company { width:100%; position:relative; margin:0 auto;}
#company .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#company .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:20px }
#company .content_title .sub1 { display: none; }
#company .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}

#company .company_content { width: 1026px; margin:0 auto; margin-top:100px; text-align:center;}
#company .company_content1 { display:none}





.centered-pills {
	text-align: center;
}
.centered-pills ul.nav-pills {
	display: inline-block;
	margin-bottom: 50px;
}
.centered-pills li {
	display: inline;
}
.centered-pills a {
	float: left;
}

.nav-pills > li > a{
	border-radius: 0;
	color: #000;
	border:1px solid #000;
	margin-right: 20px;
	font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:15px;
	padding: 10px 20px;

}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a.active{
	background: #e9391c;
	border-color: #e9391c;
	color: #fff;
}

.projects{
	margin: 0 0 70px 0;
}

.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	
}




.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}

.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 20px;
	line-height: 28px;
	margin-top: 33%;
	text-transform: uppercase;
}

figcaption span {
	color: #fff;
	display: none;
}

#about .baner {
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-position: center;
}

.box{
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	margin: 70px 0;
	padding: 40px;
}

.box h3,
.box p
{
	color: #fff;
}

.box .delimiter,
.box p{
	margin-bottom: 50px;
}

.box h3{
	margin-bottom: 20px;
}
.mix{
	display: none;
}

.box .delimiter{
	width: 60px;
	height: 0;
	border-bottom: 2px solid #fa5c58;
	display: block;
}





#project_view .content { margin-top:100px; margin-bottom:100px;
}


#project_view .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#project_view .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:20px }
#project_view .content_title .sub1 { display: none; }
#project_view .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-dd-1, .col-dd-1 {
    float: left;
  }
.col-md-3 {
    width: 25%;
  }
.col-md-6 {
    width: 50%;
  }


#business { }
#business .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#business .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title .sub1 { display: none; }
#business .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.business_low { position:absolute; bottom:0; width:100%; text-align:center}
.business_con_01 { float:left; width:25%}
.business_con_02 { float:left; width:25%}
.business_con_03 { float:left; width:25%}
.business_con_04 { float:left; width:25%}


.con_01_text { width:85%; margin:0 auto;}
.business_con_01 .con_01_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_01 .con_01_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_01_text { padding-top:10px;}
.con_01_ic { margin-top:50px;}



.con_02_text { width:85%; margin:0 auto;}
.business_con_02 .con_02_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_02 .con_02_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_02_text { padding-top:10px;}
.con_02_ic { margin-top:50px;}

.con_03_text { width:85%; margin:0 auto;}
.business_con_03 .con_03_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_03 .con_03_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_03_text { padding-top:10px;}
.con_03_ic { margin-top:50px;}

.con_04_text { width:85%; margin:0 auto;}
.business_con_04 .con_04_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_04 .con_04_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_04_text { padding-top:10px;}
.con_04_ic { margin-top:50px;}






#business .content_title_01 .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; }
#business .content_title_01 .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title_01 .sub1 { display: none; }



.business_profile { background-image:url(../img/bg_business.png);
                    background-repeat: no-repeat;
                    background-size: cover;
	                -webkit-background-size: cover;
	                -moz-background-size: cover;
                    -o-background-size: cover;
	            	text-align: center;
	             	height:600px;
	            	width: 100%; margin:0 auto; margin-top:50px;
					position:relative;
		
}

#vision { background-image:url(../img/vision.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 710px;
		margin-top:100px;
		
}

#vision .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#fff; text-align:center; padding-top:100px; }
#vision .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px }
#vision .content_title .sub1 { display: none; }
#vision .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}              
.vision_content { width: 830px; margin:0 auto; margin-top:150px;
}

.vision_content li { float:left;
}
.vision_con_01 { padding: 0 35px 0 0; 
}
.vision_con_02 { padding: 0 35px 0 35px;
}
.vision_con_03 { padding: 0 0 0 35px; 
}


#contact { position:relative; width:100%; height:auto; }
#contact .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#contact .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#contact .content_title .sub1 { display: none; }
#contact .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


#contact .map { margin-top:30px; width:100%;}
#contact .map1 { margin-top:30px; width:100%; display:none}



#contact .sub_contact { position:relative; top:20px; width:100%;}
#contact .sub_contact p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px; color:#5d7100; text-align:center; }
#contact .personal_data p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:150px; margin:0 auto;  margin-top:60px; }
#contact .title_bar01 { width:104px; border-bottom:2px solid #e9391c; margin:0 auto; }
fieldset { width:970px; margin:0 auto; }

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:970px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
   	margin-top:60px;
	outline:none;
	vertical-align:top;
	vertical-align:middle;
}
form input[type=text_01] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:465px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
}
form input[type=tel] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:480px;
	float:right;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	margin-left:4px;
	outline:none;
} 
form input[type=email] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:970px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;	
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
}
form input[type=text]:focus, 
form input[type=text_01]:focus,
form input[type=tel]:focus,
form input[type=email]:focus
{border: 1px solid #e9391c; background:#fbffe7;}
.project_info {position:relative; height:50px; margin:0 auto;}
.project_info p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:200px; margin:0 auto;  margin-top:40px;}


#contact ul { position: relative; width: 960px; margin:0 auto; }

#contact li { float:left; margin-top:30px;  }
.chk_ux { width:200px; margin: 0 0 0 40px; }
.chk_ux input{
    display: none;
	position:relative;
	margin:0 auto;	
}
.chk_ux input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}

	


.chk_ux input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_web { width:220px; margin: 0 0 0 20px;}
.chk_web input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_web input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_web input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_mob { width:160px; margin: 0 0 0 80px;}
.chk_mob input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_mob input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_mob input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_prod { width:190px; margin: 0 0 0 50px;}
.chk_prod input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_prod input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_prod input:checked + label span {
    background:url(../img/check1_s.png);
}
label { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#484848; vertical-align:middle; }

label:after { content:""; display:block; clear:both; }
form textarea { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:970px;
	height:192px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	border:1px solid #fff;
	background:#f3f3f3;
    padding:20px 0 0 20px;
	margin-top:20px;
	outline:none;
	overflow:auto;
} 
form textarea:focus
{ border: 1px solid #e9391c;
  -webkit-box-shadow: none;
  box-shadow: none;  }


.btn_send { width:700px; margin:0 auto; border:1px solid #e9391c; height:50px; margin-top:20px; }
.btn_send:hover { width:700px; margin:0 auto; background: #e9391c; height:50px; margin-top:20px; }



.btn {
  display: inline-block;
  padding: 6px 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}



.btn-primary{
	display: inline-block;
	color:#575757;

    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.btn-primary:hover{
	background: #e9391c;
	border-width: 1px;
	outline: none;
	color: #fff;
}


.btn-primary:hover,
.btn-primary:focus{
	background: #e9391c;
	color: #fff;
}

.btn{
	padding: 15px 0;
	border-radius: 0;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	outline: none;
}

.btn-lg{ width: 700px;
	     font-size: 15px;
}

.address {
	width:970px;
	padding:70px 0 0 0;
	margin: 0 auto;
	color: #000;
}
.address img { vertical-align: middle;
}

.fofo{
	width: 600px;
	height: 30px;
	margin:0 auto;
	vertical-align:middle;
}
.fofo label { 
}

.ic-number{
	float:left;
	width:200px;
}

.ic-number_01{
	float:left;
	text-align:center;
	width:145px;
}
.ic-number_02{
	float:right;
	text-align:right;
	width:200px;
}

.ic-location{
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
}

.ic-number label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:10px;
}
.ic-number_01 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:center;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:right;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label a{ color:#1775e9; border-bottom:1px solid;}

.ic-location label{
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:6px;
	margin-top:8px;

}

							
#realfooter { height:198px;
	          text-align: center;
	          background:#000;
	          color: #fff;
	          margin-top:60px; }
			  

.foot { width: 100%; height:50px; margin:0 auto; vertical-align:middle; text-align: center;
        padding-top: 30px; }
#realfooter ul { width: 180px;
                 margin: 0 auto;
                 text-align: center;
                 margin-top: 20px; }
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; }
#realfooter p { font-family: '나눔바른고딕OTF light', sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center; }
				
#slideshow h1{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:40%;
	            font-size:50px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }				

#slideshow span{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:47%;
	            font-size:25px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }	
				
				
.slidesjs-pagination {
	  margin:0 auto;
      list-style: none;
	  text-align:center;
	  justify-content: center;
	  position:absolute;
	  z-index:10;
	  top:900px;
	  display:flex;
	  width:100%;
	  padding:0 }
	  
.slidesjs-pagination li {
      float: left;
      margin: 0 2px;
    }

.slidesjs-pagination li a {
      display: block;
      width: 20px;
      height: 0;
      padding-top: 20px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden }
	  
.slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -20px }

.slidesjs-pagination li a:hover {
      background-position: 0 -40px }

#slides a:link,
#slides a:visited {
      color: #333 }

#slides a:hover,
#slides a:active {
      color: #9e2020 }

.navbar {
      overflow: hidden }
	  
#slideshow{
	width: 100%;
}
#slideshow .figure1{
	width: 100%;
	height: 892px;
}	  
	  

#slides{ width:100%}

#slideshow figure1 img { max-width: 1920px; max-height:892px; display:block; margin:0}	
.slidesjs-container { width:100%!important; height:892px !important }	
.slidesjs-control { width:100%!important; height:892px !important }					
}




@media all and (min-width:1450px)  {/* 최소 1024 ~ 최대 1920-------------------------------------*/


#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; background-color: #e9391c; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top:50%; margin-top:13px; left:50%; margin-left:-159px; z-index: 100;}

#inquiry_pop1 { position: fixed; background-color: black; z-index: 9999; height: 100%; width: 100%; opacity: 0.6; }
#inquiry_pop { position: fixed; width:100%; margin: 0 auto;  top: 262px; z-index:9999; }
.pop_bg { position: relative; width:650px; margin: 0 auto; z-index:9999; }
#inquiry_pop .btn_check { position:absolute; top:309px; left:220px; }


#toggle {display: none; }


#top1 img { display: none; }
#top { position: fixed; right: 20px; bottom:50px; z-index:9999 }


#rightmenu1 { display: none; }
#rightmenu { display: none; }
#navigation { display: none; }
#nav_side {float:right; background:#161616; width:250px; height:1025px; }
#nav_side .gnb { position:relative; top:40px; width:250px; height:1025px; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; }
#nav_side .gnb ul { width:250px; margin:0 auto; text-align:center; margin-top:40px;} 
#nav_side .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li p:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


#index { display:none;}
/*
.index_title { margin-top:25%;
	           margin-top:36vh;
}
h1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif; 
        margin:0; padding:0;
		font-size: 55px;
		color: #FFF;
		opacity: 0.8;
		letter-spacing:1px;
		
}
span { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif;
       line-height: 30px;
       font-size: 20px;
	   color:#e9391c;
	   opacity: 0.8;
}

.scroll { width:44px; margin:0 auto; padding:320px 0 0; }
*/

#nav_top { width:100%; height:60px; background-color:#fff; margin-top:-80px; }
#nav_top .gnb_top { position:relative; width:1200px; margin:0 auto; }
#nav_top .gnb_top .logo { float:left; margin-top:8px; }
#nav_top .gnb_top ul { position:relative; margin:0 auto; height:60px;}
#nav_top .gnb_top li { float:right; width:100px;}
#nav_top .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:60px;}



#nav_top1 { width:100%; height:80px; background-color:#fff; }
#nav_top1 .gnb_top { position:relative; width:1200px; margin:0 auto; }
#nav_top1 .gnb_top .logo {margin:0 auto; padding-top:16px; text-align:center}
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; height:80px;}
#nav_top1 .gnb_top li { float:right; width:100px;}
#nav_top1 .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:80px; }
#nav_top1 .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:80px;}


#company { width:100%; position:relative; margin:0 auto;}
#company .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#company .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:20px }
#company .content_title .sub1 { display: none; }
#company .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}

#company .company_content { width: 1200px; margin:0 auto; margin-top:100px; text-align:center;}
#company .company_content1 { display:none}



.centered-pills {
	text-align: center;
}
.centered-pills ul.nav-pills {
	display: inline-block;
	margin-bottom: 50px;
}
.centered-pills li {
	display: inline;
}
.centered-pills a {
	float: left;
}

.nav-pills > li > a{
	border-radius: 0;
	color: #000;
	border:1px solid #000;
	margin-right: 20px;
	font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:15px;
	padding: 10px 20px;

}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a.active{
	background: #e9391c;
	border-color: #e9391c;
	color: #fff;
}

.projects{
	margin: 0 0 70px 0;
}

.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	
}




.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}

.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	margin-top: 35%;
	text-transform: uppercase;
}

figcaption span {
	color: #fff;
	display: none;
}

#about .baner {
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-position: center;
}

.box{
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	margin: 70px 0;
	padding: 40px;
}

.box h3,
.box p
{
	color: #fff;
}

.box .delimiter,
.box p{
	margin-bottom: 50px;
}

.box h3{
	margin-bottom: 20px;
}
.mix{
	display: none;
}

.box .delimiter{
	width: 60px;
	height: 0;
	border-bottom: 2px solid #fa5c58;
	display: block;
}


#project_view .content { margin-top:100px; margin-bottom:100px;
}


#project_view .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#project_view .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:20px }
#project_view .content_title .sub1 { display: none; }
#project_view .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-dd-1, .col-dd-1 {
    float: left;
  }
.col-md-3 {
    width: 25%;
  }
.col-md-6 {
    width: 50%;
  }





#business { }
#business .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#business .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title .sub1 { display: none; }
#business .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.business_low { position:absolute; bottom:0; width:100%; text-align:center}
.business_con_01 { float:left; width:25%}
.business_con_02 { float:left; width:25%}
.business_con_03 { float:left; width:25%}
.business_con_04 { float:left; width:25%}


.con_01_text { width:85%; margin:0 auto;}
.business_con_01 .con_01_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_01 .con_01_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_01_text { padding-top:10px;}
.con_01_ic { margin-top:50px;}



.con_02_text { width:85%; margin:0 auto;}
.business_con_02 .con_02_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_02 .con_02_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_02_text { padding-top:10px;}
.con_02_ic { margin-top:50px;}

.con_03_text { width:85%; margin:0 auto;}
.business_con_03 .con_03_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_03 .con_03_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_03_text { padding-top:10px;}
.con_03_ic { margin-top:50px;}

.con_04_text { width:85%; margin:0 auto;}
.business_con_04 .con_04_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_04 .con_04_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_04_text { padding-top:10px;}
.con_04_ic { margin-top:50px;}






#business .content_title_01 .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; }
#business .content_title_01 .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title_01 .sub1 { display: none; }



.business_profile { background-image:url(../img/bg_business.png);
                    background-repeat: no-repeat;
                    background-size: cover;
	                -webkit-background-size: cover;
	                -moz-background-size: cover;
                    -o-background-size: cover;
	            	text-align: center;
	             	height:798px;
	            	width: 100%; margin:0 auto; margin-top:50px;
					position:relative;
		
}

#vision { background-image:url(../img/vision.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 710px;
		margin-top:100px;
		
}

#vision .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#fff; text-align:center; padding-top:100px; }
#vision .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px }
#vision .content_title .sub1 { display: none; }
#vision .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}              
.vision_content { width: 830px; margin:0 auto; margin-top:150px;
}

.vision_content li { float:left;
}
.vision_con_01 { padding: 0 35px 0 0; 
}
.vision_con_02 { padding: 0 35px 0 35px;
}
.vision_con_03 { padding: 0 0 0 35px; 
}


#contact { position:relative; width:100%; height:auto; }
#contact .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#contact .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#contact .content_title .sub1 { display: none; }
#contact .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}




#contact .map { margin-top:30px; width:100%;}
#contact .map1 { margin-top:30px; width:100%; display:none}

#contact .sub_contact { position:relative; top:20px; width:100%;}
#contact .sub_contact p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px; color:#5d7100; text-align:center; }
#contact .personal_data p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:150px; margin:0 auto;  margin-top:60px; }
#contact .title_bar01 { width:104px; border-bottom:2px solid #e2f494; margin:0 auto; }



label { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#484848; vertical-align:middle; }

label:after { content:""; display:block; clear:both; }

.btn_send { width:700px; margin:0 auto; border:1px solid #e9391c; height:50px; margin-top:20px; }
.btn_send:hover { width:700px; margin:0 auto; background: #e9391c; height:50px; margin-top:20px; }



.btn-primary{
	display: inline-block;
	color:#575757;

    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.btn-primary:hover{
	background: #e9391c;
	border-width: 1px;
	outline: none;
	color: #fff;
}






.btn-primary:hover,
.btn-primary:focus{
	background: #e9391c;
	color: #fff;
}

.btn{
	padding: 15px 0;
	border-radius: 0;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	outline: none;
}

.btn-lg{ width: 700px;
	     font-size: 15px;
}

.address {
	width:970px;
	padding:50px 0 0 0;
	margin: 0 auto;
	color: #000;
}
.address img { vertical-align: middle;
}

.fofo{
	width: 600px;
	height: 30px;
	margin:0 auto;
	vertical-align:middle;
}
.fofo label { 
}

.ic-number{
	float:left;
	width:200px;
}

.ic-number_01{
	float:left;
	text-align:center;
	width:145px;
}
.ic-number_02{
	float:right;
	text-align:right;
	width:200px;
}

.ic-location{
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
}

.ic-number label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:10px;
}
.ic-number_01 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:center;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:right;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label a{ color:#1775e9; border-bottom:1px solid;}

.ic-location label{
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:6px;
	margin-top:8px;

}



							
#realfooter { height:198px;
	          text-align: center;
	          background:#2c2c2c;
	          margin-top:60px; }
			  

.foot { width: 100%; height:50px; margin:0 auto; vertical-align:middle; text-align: center;
        padding-top: 30px; }
#realfooter ul { width: 180px;
                 margin: 0 auto;
                 text-align: center;
                 margin-top: 20px; }
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; float:left; }
#realfooter p { font-family: '나눔바른고딕OTF light', sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:#7e858f; }
				
#realfooter span{ font-family: '나눔바른고딕OTF light', sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center;
				color:#e5e5e5; }
				
				
#slideshow h1{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:40%;
	            font-size:50px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }
				
#slideshow span{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:47%;
	            font-size:25px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }

.business_low img {width:100%}




.slidesjs-pagination {
	  margin:0 auto;
      list-style: none;
	  text-align:center;
	  justify-content: center;
	  position:absolute;
	  z-index:10;
	  top:900px;
	  display:flex;
	  width:100%;
	  padding:0 }
	  
.slidesjs-pagination li {
      float: left;
      margin: 0 2px;
    }

.slidesjs-pagination li a {
      display: block;
      width: 20px;
      height: 0;
      padding-top: 20px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden }
	  
.slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -20px }

.slidesjs-pagination li a:hover {
      background-position: 0 -40px }

#slides a:link,
#slides a:visited {
      color: #333 }

#slides a:hover,
#slides a:active {
      color: #9e2020 }

.navbar {
      overflow: hidden }
	  
#slideshow{
	width: 100%;
	height: 892px;
}
#slideshow .figure{
	width: 100%;
	height: 892px;
}	  
	  

#slides{ width:100%}

#slideshow figure1 img { min-width: 1920px; max-height:892px; display:block; margin:0}
.slidesjs-container { width:100%!important; height:892px !important }	
.slidesjs-control { width:100%!important; height:892px !important }									
}



@media (device-aspect-ratio:16/10) {/* 뷰포트 너비가 16, 높이가 10 비율이면 실행-------------------------------------*/


#loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; background-color: #e9391c; z-index: 99; text-align: center; } 
#loading-image { position: absolute; top:50%; margin-top:13px; left:50%; margin-left:-159px; z-index: 100;}

#inquiry_pop1 { position: fixed; background-color: black; z-index: 9999; height: 100%; width: 100%; opacity: 0.6; }
#inquiry_pop { position: fixed; width:100%; margin: 0 auto;  top: 262px; z-index:9999; }
.pop_bg { position: relative; width:650px; margin: 0 auto; z-index:9999; }
#inquiry_pop .btn_check { position:absolute; top:309px; left:220px; }


#toggle {display: none; }


#top1 img { display: none; }
#top { position: fixed; right: 20px; bottom:50px; z-index:9999 }


#rightmenu1 { display: none; }
#rightmenu { display: none; }
#navigation { display: none; }
#nav_side {float:right; background:#161616; width:250px; height:1025px; }
#nav_side .gnb { position:relative; top:40px; width:250px; height:1025px; }
#nav_side .gnb:after {content:""; display:block; clear:both; }
#nav_side p { width:100%; margin-left:31px; }
#nav_side .gnb ul { width:250px; margin:0 auto; text-align:center; margin-top:40px;} 
#nav_side .gnb ul li p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px  color:#a4a4a4;  line-height:60px; }
#nav_side .gnb ul li p:hover { color:#5d7100; background-color:#e9391c; }
#nav_side .copy { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:12px; color:#3f3f3f; margin-top:30px; }


#index { display:none;}
/*
.index_title { margin-top:25%;
	           margin-top:36vh;
}
h1 { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif; 
        margin:0; padding:0;
		font-size: 55px;
		color: #FFF;
		opacity: 0.8;
		letter-spacing:1px;
		
}
span { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, sans-serif;
       line-height: 30px;
       font-size: 20px;
	   color:#e9391c;
	   opacity: 0.8;
}

.scroll { width:44px; margin:0 auto; padding:320px 0 0; }
*/
#nav_top { width:100%; height:60px; background-color:#fff; margin-top:-80px; }
#nav_top .gnb_top { position:relative; width:1200px; margin:0 auto; }
#nav_top .gnb_top .logo { float:left; margin-top:8px; }
#nav_top .gnb_top ul { position:relative; margin:0 auto; height:60px;}
#nav_top .gnb_top li { float:right; width:100px;}
#nav_top .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:60px; }
#nav_top .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:60px;}




#nav_top1 { width:100%; height:80px; background-color:#fff; }
#nav_top1 .gnb_top { position:relative; width:1200px; margin:0 auto; }
#nav_top1 .gnb_top .logo {margin:0 auto; padding-top:16px; text-align:center }
#nav_top1 .gnb_top ul { position:relative; margin:0 auto; height:80px;}
#nav_top1 .gnb_top li { float:right; width:100px;}
#nav_top1 .gnb_top li p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; vertical-align:middle; text-align:center; line-height:80px; }
#nav_top1 .gnb_top ul li p:hover { color:#fff; background-color:#e9391c; line-height:80px;}



#company { width:100%; position:relative; margin:0 auto;}
#company .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#company .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:20px }
#company .content_title .sub1 { display: none; }
#company .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}

#company .company_content { width: 1200px; margin:0 auto; margin-top:100px; text-align:center;}
#company .company_content1 { display:none}



.centered-pills {
	text-align: center;
}
.centered-pills ul.nav-pills {
	display: inline-block;
	margin-bottom: 50px;
}
.centered-pills li {
	display: inline;
}
.centered-pills a {
	float: left;
}

.nav-pills > li > a{
	border-radius: 0;
	color: #000;
	border:1px solid #000;
	margin-right: 20px;
	font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:15px;
	padding: 10px 20px;

}

.nav-pills > li > a:hover,
.nav-pills > li > a:focus,
.nav-pills > li > a.active{
	background: #e9391c;
	border-color: #e9391c;
	color: #fff;
}

.projects{
	margin: 0 0 70px 0;
}

.projects:after {content:""; display:block; clear:both;}

.portfolio-item {
	position: relative;
	overflow: hidden;
	padding: 0;
	text-align: center;
	display:block;
	
}




.portfolio-item figcaption {
	background: #000000;
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	right: 5px;
	display: block;
	opacity: 0;
}

.portfolio-item:hover figcaption {
	opacity: 0.8;
}

figcaption h3 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	margin-top: 35%;
	text-transform: uppercase;
}

figcaption span {
	color: #fff;
	display: none;
}

#about .baner {
	background-image: url(../img/about-bg.jpg);
	background-size: cover;
	background-position: center;
}

.box{
	background: #27282b;
	background: rgba(39, 40, 43, 0.8);
	margin: 70px 0;
	padding: 40px;
}

.box h3,
.box p
{
	color: #fff;
}

.box .delimiter,
.box p{
	margin-bottom: 50px;
}

.box h3{
	margin-bottom: 20px;
}
.mix{
	display: none;
}

.box .delimiter{
	width: 60px;
	height: 0;
	border-bottom: 2px solid #fa5c58;
	display: block;
}





#project_view .content { margin-top:100px; margin-bottom:100px;
}


#project_view .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#project_view .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; line-height:20px }
#project_view .content_title .sub1 { display: none; }
#project_view .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-dd-1, .col-dd-1 {
    float: left;
  }
.col-md-3 {
    width: 25%;
  }
.col-md-6 {
    width: 50%;
  }

#business { }
#business .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#business .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title .sub1 { display: none; }
#business .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


.business_low { position:absolute; bottom:0; width:100%; text-align:center}
.business_con_01 { float:left; width:25%}
.business_con_02 { float:left; width:25%}
.business_con_03 { float:left; width:25%}
.business_con_04 { float:left; width:25%}


.con_01_text { width:85%; margin:0 auto;}
.business_con_01 .con_01_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_01 .con_01_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_01_text { padding-top:10px;}
.con_01_ic { margin-top:50px;}



.con_02_text { width:85%; margin:0 auto;}
.business_con_02 .con_02_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_02 .con_02_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_02_text { padding-top:10px;}
.con_02_ic { margin-top:50px;}

.con_03_text { width:85%; margin:0 auto;}
.business_con_03 .con_03_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_03 .con_03_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_03_text { padding-top:10px;}
.con_03_ic { margin-top:50px;}

.con_04_text { width:85%; margin:0 auto;}
.business_con_04 .con_04_text p {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 20px;
	color: #fb5d59;
	text-align: center;
	font-weight: 700;
}
.business_con_04 .con_04_text span {
	font-family: NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.con_04_text { padding-top:10px;}
.con_04_ic { margin-top:50px;}






#business .content_title_01 .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; }
#business .content_title_01 .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#business .content_title_01 .sub1 { display: none; }



.business_profile { background-image:url(../img/bg_business.png);
                    background-repeat: no-repeat;
                    background-size: cover;
	                -webkit-background-size: cover;
	                -moz-background-size: cover;
                    -o-background-size: cover;
	            	text-align: center;
	             	height:798px;
	            	width: 100%; margin:0 auto; margin-top:50px;
					position:relative;
		
}

#vision { background-image:url(../img/vision.png);
         background-repeat: no-repeat;
         background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
        -o-background-size: cover;
		text-align: center;
		height: 710px;
		margin-top:100px;
		
}

#vision .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#fff; text-align:center; padding-top:100px; }
#vision .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#fff; text-align:center; padding-top:30px; line-height:20px }
#vision .content_title .sub1 { display: none; }
#vision .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}              
.vision_content { width: 830px; margin:0 auto; margin-top:150px;
}

.vision_content li { float:left;
}
.vision_con_01 { padding: 0 35px 0 0; 
}
.vision_con_02 { padding: 0 35px 0 35px;
}
.vision_con_03 { padding: 0 0 0 35px; 
}

#contact { position:relative; width:100%; height:auto; }
#contact .content_title .main { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:20px; color:#131316; text-align:center; padding-top:100px; }
#contact .content_title .sub { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#8e8e8e; text-align:center; padding-top:30px; }
#contact .content_title .sub1 { display: none; }
#contact .title_bar { width:40px; border-bottom:2px solid #e9391c; margin:0 auto;}


#contact .map { margin-top:30px; width:100%;}
#contact .map1 { margin-top:30px; width:100%; display:none}



#contact .sub_contact { position:relative; top:20px; width:100%;}
#contact .sub_contact p { font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif; font-size:16px; color:#5d7100; text-align:center; }
#contact .personal_data p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:150px; margin:0 auto;  margin-top:60px; }
#contact .title_bar01 { width:104px; border-bottom:2px solid #e2f494; margin:0 auto; }
fieldset { width:970px; margin:0 auto; }

form input[type=text] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:970px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
   	margin-top:60px;
	outline:none;
	vertical-align:top;
	vertical-align:middle;
}
form input[type=text_01] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:465px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
}
form input[type=tel] { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:480px;
	float:right;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	margin-left:4px;
	outline:none;
} 
form input[type=email] {box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:970px;
	height:50px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	color:#5c5c5c;	
	border:1px solid #fff;
	background:#f3f3f3;
	padding:0 0 0 20px;
    margin-top:20px;
	outline:none;
}
form input[type=text]:focus, 
form input[type=text_01]:focus,
form input[type=tel]:focus,
form input[type=email]:focus
{border: 1px solid #e9391c; background:#fbffe7;}
.project_info {position:relative; height:50px; margin:0 auto;}
.project_info p { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:34px; color:#626262; text-align:center; width:200px; margin:0 auto;  margin-top:40px;}


#contact ul { position: relative; width: 960px; margin:0 auto; }

#contact li { float:left; margin-top:30px;  }
.chk_ux { width:200px; margin: 0 0 0 40px; }
.chk_ux input{
    display: none;
	position:relative;
	margin:0 auto;	
}
.chk_ux input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}

	


.chk_ux input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_web { width:220px; margin: 0 0 0 20px;}
.chk_web input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_web input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_web input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_mob { width:160px; margin: 0 0 0 80px;}
.chk_mob input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_mob input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_mob input:checked + label span {
    background:url(../img/check1_s.png);
}

.chk_prod { width:190px; margin: 0 0 0 50px;}
.chk_prod input{
    display: none;
	position:relative;
	margin:0 auto;
}
.chk_prod input + label span {
	display:inline-block;
	width:28px;
	height:28px;
	vertical-align:middle; 
	background:url(../img/check1_n.png);
	cursor:pointer;
}
.chk_prod input:checked + label span {
    background:url(../img/check1_s.png);
}
label { font-family:NanumBarunGothic,"나눔바른고딕", ngt, nget, ngtt, sans-serif; font-size:14px; color:#484848; vertical-align:middle; }

label:after { content:""; display:block; clear:both; }
form textarea { box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:970px;
	height:192px;
	font-family:NanumBarunGothicLight,"가는나눔바른고딕", ngl, ngel, ngll, sans-serif;
	font-size:14px;
	border:1px solid #fff;
	background:#f3f3f3;
    padding:20px 0 0 20px;
	margin-top:20px;
	outline:none;
	overflow:auto;
} 
form textarea:focus
{ border: 1px solid #e9391c;
  -webkit-box-shadow: none;
  box-shadow: none;  }


.btn_send { width:700px; margin:0 auto; border:1px solid #e9391c; height:50px; margin-top:20px; }
.btn_send:hover { width:700px; margin:0 auto; background: #e9391c; height:50px; margin-top:20px; }



.btn {
  display: inline-block;
  padding: 6px 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}




.btn-primary{
	display: inline-block;
	color:#575757;

    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
      touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

.btn-primary:hover{
	background: #e9391c;
	border-width: 1px;
	outline: none;
	color: #fff;
}



.btn-primary:hover,
.btn-primary:focus{
	background: #e9391c;
	color: #fff;
}

.btn{
	padding: 15px 0;
	border-radius: 0;
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	outline: none;
}

.btn-lg{ width: 700px;
	     font-size: 15px;
}

.address {
	width:970px;
	padding:70px 0 0 0;
	margin: 0 auto;
	color: #000;
}
.address img { vertical-align: middle;
}

.fofo{
	width: 600px;
	height: 30px;
	margin:0 auto;
	vertical-align:middle;
}
.fofo label { 
}

.ic-number{
	float:left;
	width:200px;
}

.ic-number_01{
	float:left;
	text-align:center;
	width:145px;
}
.ic-number_02{
	float:right;
	text-align:right;
	width:200px;
}

.ic-location{
	margin-top:20px;
	text-align:center;
	vertical-align:middle;
}

.ic-number label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:10px;
}
.ic-number_01 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:center;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label {
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:right;
	vertical-align: middle;
	margin-left:10px;
}
.ic-number_02 label a{ color:#1775e9; border-bottom:1px solid;}

.ic-location label{
	font-family: '나눔바른고딕OTF light', sans-serif;
	font-size:14px;
	text-align:left;
	margin-left:6px;
	margin-top:8px;

}



							
#realfooter { height:198px;
	          text-align: center;
	          background:#000;
	          color: #fff;
	          margin-top:60px; }
			  

.foot { width: 100%; height:50px; margin:0 auto; vertical-align:middle; text-align: center;
        padding-top: 30px; }
#realfooter ul { width: 180px;
                 margin: 0 auto;
                 text-align: center;
                 margin-top: 20px; }
#realfooter .social li { width: 60px; margin:0 auto; text-align: center; }
#realfooter p { font-family: '나눔바른고딕OTF light', sans-serif;
                margin-top:30px;
	            font-size:14px;
	            text-align:left;
				text-align: center; }
				
#slideshow h1{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:40%;
	            font-size:50px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }

#slideshow span{ font-family: '나눔바른고딕OTF light', sans-serif;
                top:47%;
	            font-size:25px;
				text-align: center;
				color:#e5e5e5;
				position:absolute;
				width:100%;
				margin:0 auto;
				text-transform:uppercase }
				

.slidesjs-pagination {
	  margin:0 auto;
      list-style: none;
	  text-align:center;
	  justify-content: center;
	  position:absolute;
	  z-index:10;
	  top:900px;
	  display:flex;
	  width:100%;
	  padding:0 }
	  
.slidesjs-pagination li {
      float: left;
      margin: 0 2px;
    }

.slidesjs-pagination li a {
      display: block;
      width: 20px;
      height: 0;
      padding-top: 20px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden }
	  
.slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -20px }

.slidesjs-pagination li a:hover {
      background-position: 0 -40px }

#slides a:link,
#slides a:visited {
      color: #333 }

#slides a:hover,
#slides a:active {
      color: #9e2020 }

.navbar {
      overflow: hidden }
	  
#slideshow{
	width: 100%;
	height: 892px;
}
#slideshow .figure1{
	width: 100%;
	height: 892px;
}	  
	  

#slides{ width:100%}

#slideshow figure1 img { width:100%; max-height:892px; display:block; margin:0}
.slidesjs-container { width:100%!important; height:892px !important }
.slidesjs-control { width:100%!important; height:892px !important }							
				
}


@media all and (min-width:1921px)  {
body { width:1920px; margin:0 auto}
.slidesjs-pagination {
	  margin:0 auto;
      list-style: none;
	  text-align:center;
	  justify-content: center;
	  position:absolute;
	  z-index:10;
	  top:900px;
	  display:flex;
	  width:1920px;
	  padding:0 }
}