z@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'나눔고딕','Malgun Gothic', dotum, sans-serif !important;background:#fff;
word-break: keep-all;
}
.linkedin{
width:100%;
text-align:center;
}
.linkedin span{
background-image: url('/new3/images/linkedin.jpg');
background-repeat: no-repeat;
background-position: left center;
padding-left:25px;
font-weight:bold;
letter-spacing:-0.5px;
font-size:18px;
}
.main_title{
text-align:center;
font-size:2.5em;
}
.slide-caption-sub_movie{
    z-index: 2;
    position: absolute;
    left: 22%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center bottom;
    bottom: 50px;

}

.bg_main {
  background-image: url("../images/video_bg.jpg");
  margin-top: 180px;
  width: 100%;
  height: 535px;
  overflow: hidden;
  position: relative;
  background-repeat : no-repeat;
        background-size : cover;
}
.bg {
  margin-top: 180px;
  width: 100%;
  height: 274px;
  overflow: hidden;
  position: relative;
}
video {
  width: 100%;

}
.text {
  position: absolute;
  width: 100%;
  top: 60%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.text p {
  text-align: center;
  font-size: 48px;
  color: #ffffff;
}


/*------------------*/
/* Layout (No Edit) */
/*------------------*/
@media(max-width:664px) {
  .bg {
    height: auto;
  }
  video {
  height: 200px;
  }
  .text p {
    font-size: 24px;
  }
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

input[type=text] {
    LINE-HEIGHT: 1.2em;
    FONT-FAMILY: Malgun Gothic, NanumGothic, "", Gulim, Helvetica, AppleGothic, Sans-serif;
    FONT-SIZE: 1.1em;
    margin:0.5em;
	padding:0.5em;
    border: solid 1px #b7ddf2;
    background: #fff;
    -webkit-appearance: none;
}

input::placeholder {
  padding-left:0.3em;
  color: red;
  font-style: italic;

}

textarea::placeholder {
  color: red;
  font-style: italic;
  FONT-SIZE: 1.5em;
    padding-left:0.3em;
 
}
textarea {
    margin: 1em 0em 1em 0em;
    border: solid 1px #b7ddf2;
    background: #f4f9fd;
}

a { text-decoration:none !important } a:hover { text-decoration:none !important;color:#e73820 }

header {
  background: #fff;
  position: fixed;
  top: 170px;
  transition: top 0.2s ease-in-out;
  width: 100%;
  height:180px;
  z-index:100;
  border-bottom: 7px solid #E83821;
}


.nav-up {
  top: 0px;

}
#documentationsub{
height:274px  !important;
margin-top:180px  !important;
}
#documentation{
/*height:474px; */
height:200px;
margin-top:180px !important;
position:relative;
}
.documentation-up{
margin-top:0px;
}

P{
font-size:1.1em;
color:#333;
line-height:1.3em;
}
ul{
   list-style:none;
   margin:0px;
   padding:0px;
   }
ul li{
font-size:1.1em;
line-height:1.3em;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    height: 0px;
}

.fontcolorwhite{
color:#fff;
}

.button {
  background-color: #fff; /* Green */
  border: none;
  color: white;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.1em;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 8px;
}
.button1 {
  background-color: #e73820; 
  color: #fff; 
  border: 1px solid #d8d7d7;
}

.button1:hover {
  background-color: #f19a8e;
  color: white;
}

.button_width{
width:90%;
}
.button_height_60{
height:60px;
}
.button_width_30{
width:30%;
}
.button_width_15{
width:15%;
font-size:14px;
}

.button_width_10{
width:10%;
font-size:14px;
}

.button_color_orange{
  background-color: #e73820; 
  color: #fff; 
  border: 2px solid #e73820;
}
#header{
/*
width:100%;
position: fixed;
top:0px;
height:350px;
z-index:3000;
background-color:#fff;
border-bottom: 1px solid #eee;
*/
}
.subheight{
/*margin-top:350px;*/
}

.dropdown_top{
width:50%;
}
#top{
	margin:0px;
	padding:0px;
	width:100%;
	height:170px;

	}
#top .top_center{
	text-align:center;
	}
#top .top_center .logo{
	position: absolute;
    top: 80px;
    left: 50%;
    transform: translate(-50%, -50%);
  	width:350px;
   image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
   }	
   
#top .top_center .denver_2022{
    display:none;
	position: absolute;
    top: 80px;
    left: 15%;
    transform: translate(-50%, -50%);
  	width:300px;
   image-rendering: -webkit-optimize-contrast;
    backface-visibility: hidden;
   }	

#top .top_left{
	background-image: url("../images/top_right_bg.png");
	width:124px;
	float:left;
	height:170px;
	}
#top .top_right{
 	width:290px;
	height:180px;
	float:right;
    background-color:#022161;
	text-align:center;
}
#top .top_right h1{
font-size:1em;
font-weight: 800;
font-style:italic;
color:#e73820;
}
#top .top_right h2{
font-size:1.2em;
font-weight: 800;
color:#008bbd;
    margin:0.5em;
}


form.example{
width:250px;
margin:0px auto;
clear:both;
}


form.example input[type=text] {
  border-radius: 0px;
  float: left;
  padding: 5px;
  margin: 0;
  LINE-HEIGHT: 13px;
  FONT-SIZE: 12px;
  height:17px;
  border: 1px solid #000;
  border-right:none;
  width: 64px;
  background: #fff;
}


form.example input::placeholder {
  color: #000;
}

#form_search_top > input[type=text]:nth-child(4){
margin-left:15px;
  width: 62%;
}
#form_search_top > div:nth-child(1) > select{
width:150px;
margin:0px;
padding:0px;
text-align:left;
}

div.frequency{
display:block;
width:100%;
height:24px;
}
div.frequency > div.frequency_left{
width:35%;
float: left;
margin:2px 0px 2px 5px;
height:1.5em;
color:#fff;
text-align:left;
letter-spacing:-0.5px;
}

div.frequency > div.frequency_right > span{
display:block;
float: left;
margin:2px 0px 2px 0px;
height:1.5em;
width:5%;
text-align:center;
line-height:1.5em;
color:#fff;
}

div.frequency > div.frequency_right{
width:60%;
float: right;
}

#form_search_top > div:nth-child(1) > div.frequency_right > select{
float: right;
width:100%;
}
div.frequency > input[type=text] {
  margin:2px 0px 2px 0px !important;
  width: 10%;
  border-right: 1px solid #e73820; 
}


#form_search_top > input[name=pro_name]{
  width: 188px !important;
  margin-left: 0px !important;
}


div.frequency > input[type=text]:after {

}

form.example button {
  border-radius: 0px;
  float: left;
  width: 20%;
  padding: 5px;
  margin: 0;
  LINE-HEIGHT: 13px;
  FONT-SIZE: 12px;
  height:29px;
  background: #fff;
  color:#e73820;

  border: 1px solid #000;
  border-left: none;
  cursor: pointer;
}

form.example button:hover {
  background: #e73820;
  color:#fff; 
}

form.example::after {
  content: "";
  clear: both;
  display: table;
}
#mainmenu{
	display:block;
	width:100%;
	height:86px;
	background: #5BC3E7;
}
#submenu{
	display:block;
	width:100%;
	height:90px;
	 background: #fff;
	}
	
.slide-caption{
display:none;
margin-top:550px;
position: absolute; left: 50%; transform: translateX(-50%);
background-image: url('./images/main_bg.png') !important;
background-repeat: no-repeat;
background-position: center bottom;
width:800px;
height:200px;

}

.slide-caption-text1{
margin:1em 1em 0.5em 1em;
font-size:22px;
font-weight:bold;
color:#fff;
}
.slide-caption-text2{
margin-top:0em;
margin-left:2em;
font-size:14px;
color:#eee;
}
#lnb_ment > .slide-caption-text2{
color:#fff;
width:700px;
font-size:15px;
text-shadow: 1px 1px 1px #ccc;
 line-height:16px;
}

#m01{
width:100%;
height:307px;
display:block;
background: #5BC3E7;
clear:both;
color:#fff;
}
#m02{
width:100%;
height:307px;
display:block;
background: #fff;
clear:both;
color:#333;
}
#m03{
width:100%;
height:307px;
display:block;
background: #5BC3E7;
clear:both;
color:#fff;
}
#m01 > ul{
margin:0;
padding:0;
}
#m02 > ul{
margin:0;
padding:0;
}
#m03 > ul{
margin:0;
padding:0;
}
#m01 > ul > li:nth-child(1){
margin:0;
padding:0;
width:40%;
height:307px;
text-align:left;
float:left;
background-image: url('../images/m01.png') !important;
background-repeat: no-repeat;
background-position: left bottom;
}
#m02 > ul > li:nth-child(1){
margin:0;
padding:0;
width:40%;
text-align:left;
float:left;
background-image: url('../images/m02.png') !important;
height:307px;
background-repeat: no-repeat;
background-position: left bottom;
}
#m03 > ul > li:nth-child(1){
margin:0;
padding:0;
width:40%;
text-align:left;
float:left;
background-image: url('../images/m03.png') !important;
height:307px;
background-repeat: no-repeat;
background-position: left bottom;
}


#m01 > ul > li:nth-child(2),#m03 > ul > li:nth-child(2){
margin-left:2em;
padding:0;
float:right;
width:55%;

}
#m02 > ul > li:nth-child(2){
margin:0;
padding:0;
float:right;
width:55%;
}

	

#m01 > ul > li > h1,#m02 > ul > li > h1,#m03 > ul > li > h1{
padding-top:2em;
font-size:22px;
line-height:22px;
font-weight:1000;
}
#m01 > ul > li > h1 > span{
font-size:16px;
font-weight:1000;
}
#m01 > ul > li > p,#m02 > ul > li > p,#m03 > ul > li > p{
width:80%;
font-size:14px;
line-height:20px;
}

.contents_1400{
width:1024px;
margin:0 auto;
clear:both;
}

.contents_1200{
width:1024px;
margin:0 auto;
clear:both;
}

.contents_1300{
width:1024px;
margin:0 auto;
clear:both;
}




#m04{
margin:0 auto;
height:450px;
display:block;
background: #fff;
clear:both;
color:#fff;
}
#m04 > div.m_banner{

height:100%;
margin:0px auto;
display:block;
clear:both;
padding:0;
}
#m04 div.m_banner > div.m_banner_content {
cursor:pointer;
float:left;
height:400px;
background-image: url('/new3/images/pro_bg.jpg');
background-repeat: no-repeat;
background-position: center top;
width:20%;
text-align:center;
margin:0 15px;
}
#m04 div.m_banner > div.m_banner_content > div.pro_img{
height:270px;
vertical-align:middle;
}

#m04 div.m_banner > div.m_banner_content > div.pro_img{height:270px; font-size:0;}  
#m04 div.m_banner > div.m_banner_content > div.pro_img:after{display:inline-block; height:100%; content:""; vertical-align:middle;}

#m04 div.m_banner > div.m_banner_content > div > img{
width:90%;
vertical-align:middle;
}


#m04 div.m_banner > div.m_banner_content >div.pro_text > h1{
margin-top:2em;
color:#e73820;
font-size:1.5em;
}
#m04 div.m_banner > div.m_banner_content > div.pro_text > p{
font-size:13px;
color:#000;
}

#m04m{
display:none;
}
#m04m{
margin:0 auto;
height:400px;
background: #fff;
clear:both;
color:#fff;
}



#foot_bg{
width:100%;
height:624px;
display:block;
background: #dcdddd;
clear:both;
color:#000;


}
#foot_bg > .foot_con{
margin:0 auto;
background-image: url('../images/foot_bg.jpg') !important;

background-repeat: no-repeat;
background-position: center bottom;
display:block;
clear:both;
min-height:624px;
}
#foot_bg > .foot_con > ul{
margin:0px;
padding:0px;
}
#foot_bg > div.foot_con > ul > li{
float:left;
}
#foot_bg > div.foot_con > ul > li:nth-child(1){
width:70%;
}

#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner{
margin:50px 0px 0px 0px;
padding:0px;

}
#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li{
width:100%;
min-height:250px;
display:block;
}
#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_img{
float:left;
width:45%;
}

#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_img img{
width:90%;
}

#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_text{
float:right;
width:55%;
}
#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_text > h1{
font-size:1em;
color: #e73820;
}

#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_text > p{
font-size:0.8em;
color: #000;
}

#foot_bg > div.foot_con > ul > li:nth-child(2){
width:30%;
}

.searchbar{
	min-height:325px;
	width:90%;
	margin:0 auto;
    clear:both;
}
.searchbar h1{
text-align:center;
font-size:1.5em;
line-height:30px;
font-weight:900;
color:#fff ;
}


.s_f_1{
display:block;
clear:both;
padding-top:1em;
}

#search_area > ul > li > p{
font-size:11px;
width:100%;
color:#fff;
font-style: italic;
}
.tite_w_1{
width:150px;
display:block;
clear:both;
height:20px;
color:#fff;
font-size:1.1em;
}
.grid_input{
width:100%;
display:block;
clear:both;
line-height:28px;
text-align:center;
}

.grid_input2{
margin-top:5px;
width:50%;
float:left;
}
.grid_input3{
margin-top:5px;
width:50%;
float:right;
text-align:right;
}
.input_w_1{
margin:0px !important;
padding:0px 0px 0px 5px !important;
display:block;
width:98%;
height:1.7em;
}
.input_w_2{
margin:0px !important;
padding:0px 0px 0px 5px !important;
display:inline;
width:45%;
height:1.7em;
}

.contain_dropdown{
padding:0em 1.7em 0 1.7em;
}
.search_area{
padding:2px 20px 8px 20px;
}
.search_area ul{
margin:0px;
padding:0px;
}

#foot_copy{
margin:0px auto;
clear:both;
background: #5BC3E8;
width:100%;
height:60px;
text-align:center;
}
#foot_copy span{
font-size:16px;
font-style: italic;
font-weight:bold;
width:1280px;
line-height:60px;
color:#fff;

}

.main_bg{
width:100%;
}

#content > div.subtite{
margin:0 auto;
clear:both;
padding:15px 0px 0px 0px; 
position:relative;
}
#content hr{
  border-top: 1px solid #e7e5e4;
}

#content > div.subtite h3{
font-size:30px;
font-weight:bold;
text-align:center;
border:none;
background-color:#fff;
}
#location{
position:absolute;
right:100px;
top:10px;
}
#location a.home {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/new/images/sub/ico_home.gif);
}

.sub_content{
margin:0 auto;
clear:both;
padding-top:2em;
} 

.c010100{
}
.c010100 ul{
}

.c010100 ul li:nth-child(1){
width:27%;
float:left;
}
.c010100 ul li:nth-child(2){
width:70%;
float:left;
}
.c010100 ul > li > p{
margin:0;
}
#navbar-main{
display:none;
}


.c020100{
}
.c020100 ul{
}

.c020100 ul li:nth-child(1){
width:40%;
float:left;
}
.c020100 ul li:nth-child(1) iframe{

height:500px;
}
.c020100 ul li:nth-child(2){
width:55%;
float:left;
margin-left: 3em;
}
.c020100 ul > li > p{
margin:0;
}
#navbar-main{
display:none;
}

.c020200{
}
.c020200 ul{
}

.c020200 ul li:nth-child(1){
width:70%;
float:left;
}
.c020200 ul li:nth-child(1) iframe{

height:500px;
}
.c020200 ul li:nth-child(2){
width:26%;
float:left;
margin-left: 3em;
}
.c020200 ul > li > p{
margin:0;
}

.c020300{
text-align:center;
}
.c020300 img{
text-align:center;
}

.vlist2{

}
.vlist2 ul li{
text-align:left;
float:left;
margin:0em 1em 1em 1em; 
width:30%;
min-height:190px;
}


.c020500{
}
.c020500 ul{
}

.c020500 ul li:nth-child(1){
width:35%;
float:left;
}
.c020500 ul li:nth-child(1) iframe{

height:500px;
}
.c020500 ul li:nth-child(2){
width:60%;
float:left;
margin-left: 3em;
}

.c020700{
}
.c020700 ul{
}
.c020700 ul li{
float:left;
}
.c020700 ul li p{
line-height:1.7em;
}
.c020700 ul li:nth-child(1){
text-align:center;
width:48%;
}
.c020700 ul li:nth-child(1) img{
width:100%;
}

.c020700 ul li:nth-child(2){
padding-left:25px;
}
#navbar-main{
display:none;
}

.vlist{
width:100%;
margin-left:5px;
padding:0px;
}

.vlist ul{

}

.vlist ul li{
display:block;
float:none !important;
width:100% !important;
padding:2em !important;
margin-left:0px  !important;
}

.topbar{

background:url('/new3/images/top_bar.png') no-repeat 0px 7px; 
height:14px;
line-height:14px;
padding-top:15px;
font-weight:bold;
}

.cssblock{
clear:both;
display:block;
width:100%;
}

/****TABLE LIST*******/
table.searchform{width:100%;border-collapse:collapse; border-spacing:5px;border:#cdbda3 solid 1px; background-color: #f6e4c4 !important; }

table.searchform td{border-bottom:#c8c8c8 0px solid;padding:5px;}
table.searchform td.title { text-align:left;font-weight:bold;color:#ff761b; }
table.searchform td.cont { text-align:left;padding:0px 5px 2px 5px;}

/****제품미리보기*******/
table.pre_pro { width:100%;border-collapse:collapse; border-spacing:0;}
table.pre_pro td{border-bottom:#afcdd6 0px solid;vertical-align : top}
table.pre_pro td.titleb {  background:url('/images/top_main/bg_prepro_title.png') no-repeat 0 0;color:#ffffff;height:25px;font-weight:bold; padding-left:10px;cursor:pointer; }
table.pre_pro td.detail { padding:5px 0 0 10px; text-align:left;line-height:14px;color:#555555;height:50px;vertical-align : top }
table.pre_pro td.imgg { text-align:center;  }


/****제품리스트*******/
table.tbl_p_list {width:100%; margin:0 auto; text-align:center; border-collapse:collapse}
.tbl_p_list th, .tbl_p_list td {padding:5px 10px}
.tbl_p_list caption {font-weight:700; font-size:20px; padding:5px; color:#1BA6B2; text-align:left; margin-bottom:5px}
.tbl_p_list thead th {background:#de391b; color:#fff; text-align:center; border-right:1px solid #dfdbc0;line-height:16px;height:38px}

.tbl_p_list tbody td {border-right:1px solid #dfdbc0;border-bottom:1px solid #dfdbc0;height:30px;text-align:center}
.tbl_p_list tbody td.last {border-right:0px solid #dfdbc0;border-bottom:1px solid #dfdbc0}
.tbl_p_list tbody td.date1 {text-align:center; width:8%}
.tbl_p_list tbody td.desc {text-align:left; width:35%}
.tbl_p_list tbody tr.odd {background:#f9f9f9}
.tbl_p_list tbody tr.odd th {background:#f2f2f2}
.tbl_p_list tbody tr:hover {background:#F3F5BB}
.tbl_p_list tbody tr:hover th {background:#F2F684; color:#1BA6B2}
.tbl_p_list tfoot tr {border-top:6px solid #E9F7F6; color:#1BA6B2}
.tbl_p_list tfoot th {text-align:left; padding-left:10px}


.hi_request{
width: 100%;
float: left;
}

.product_btn{
text-align:center;
}
.product_btn ul{
margin: 0px auto;
clear:both;
width:500px;

}
.product_btn ul li{
width:40%;
float:left;
text-align:center;
padding:1em;
}

/* paging */
.paging {position:relative; width:100%; text-align:center; margin-top:10px;margin-bottom:10px; }
.paging a{display:inline-block;  font-size:12px; color:#353e44; width:26px; height:25px; line-height:24px; vertical-align:middle; margin-right:2px; border:1px solid #c8c8c8;}
.paging a.active{background:url('');  border:1px solid #ed7918; color:#FFFFFF; background-color:#e73820;}


.paging .page_btn{font-size:0px; border:1px solid #c8c8c8;}
.paging .btn_first{background:url('/images/board/btn_first.gif') no-repeat;}
.paging .btn_prev{background:url('/images/board/btn_prev.gif') no-repeat; margin-right:14px;}
.paging .btn_next{background:url('/images/board/btn_next.gif') no-repeat; margin-left:14px;}
.paging .btn_end{background:url('/images/board/btn_end.gif') no-repeat;}


/****TABLE LIST*******/
table.tbl_list3{width:100%;border-collapse:collapse; border-spacing:0;border:#adcad3 solid; border-width:1px 1px 0 1px}
table.tbl_list3 { width:511 px;border-collapse:collapse; border-spacing:0;}
table.tbl_list3 th {  color:#395966 !important;
 background-color: #fafafa !important;
 border-right:1px #adcad3 solid; border-left:1px #adcad3 solid;
 border-bottom:1px #adcad3 solid;
 height:30px !important; 
 width:30%;
 text-align:center;
 font-size:1.3em;
 font-weight:bold;
  }
table.tbl_list3 td{border-bottom:#c8c8c8 1px solid;}
table.tbl_list3 td.tbl_list3_input{
padding-left:1em;
width:70%;
}
table.tbl_list3 td.tbl_list3_input p{
text-align:left;
}
table.tbl_list3 td.tbl_list3_input input[type=text]{
width:90%;
}


table.tbl_list3 td.tbl_list3_input textarea{
margin-left:0.7em;
width:91%;
height:200px;
}

table.tbl_list3 td.tbl_list3_input div{
margin:1em;
width:30%;
}

table.tbl_list3 td.name { text-align:center;  color:#333;width:150px }
table.tbl_list3 td.zip_code { text-align:center;  color:#333;width:150px }
table.tbl_list3 td.pos { text-align:center;  color:#333;width:200px }
table.tbl_list3 td.tel { text-align:center;  color:#333;width:200px }
table.tbl_list3 td.email { text-align:center;  color:#333;width:200px }
table.tbl_list3 td.email p { text-align:left;  color:#333;width:100%;padding-left:4em }

table.tbl_list3 td.address { text-align:center;  color:#333;width:200px }


/****TABLE LIST*******/
table.tbl_list { width:100%;border-collapse:collapse; border-spacing:0;}
table.tbl_list th{margin:1px 0 1px 0 ; border-bottom:#9fd8fb 1px solid ; border-top:#9fd8fb 1px solid ;background-color:#e6f4fb; color:#1a4258; padding:5px 0;text-align:center;
font-size:1.3em;line-height:2em;
}
table.tbl_list th.borderR{border-right:#d6d6d61px solid;}
table.tbl_list td{border-bottom:#afcdd6 1px solid;font-size:1.1em;line-height:1.6em;text-align:center;padding:0.5em}
table.tbl_list td.title { text-align:center; width:90px; color:#ff3333 }
table.tbl_list td.subject { text-align:left; }
table.tbl_list td.detail { padding-left:10px; text-align:left; }

dl.detailList { margin:0; padding:0; width:400px; border-top:#f9fbfb 1px solid; }
dl.detailList dt { background-color:#bcd4db; width:60px; text-align:center; color:#fff; height:18px; display:block; font-size:90%; vertical-align:middle; float:left; padding:2px 0 3px; margin:0 5px 0 0 }
dl.detailList dd { width:370px; display:block; height:18px; padding:2px 0 3px; color:#666 ;}
td.detail strong { font-size:110%; padding:5px 0; display:block; }
table.tbl_list td.non{border-bottom:none}
table.tbl_list td.text01{ text-align:center; border-left:#afcdd6 1px solid; width:150px}

.sortSection{height:2.5em;}
.sortSection span { background-color:#3da3e1;font-size:1.2em;line-height:2.5em;height:2.5em;display:block;color:#FFF; width:15%;text-align:center;float:left;}
.sortSection  > input[type=text]{
margin:0px 10px 0px 0px;
padding:2px;
float:left;
height:100%;
width:30%;
}

.sortSection  > button{
margin:0px 10px 0px 0px;
width:15%;
}

.sortSection2{ margin:0 0 0px;  height:20px; padding-top:3px}
.sortSection2 span {background-color:#33708d; padding:5px 5px ; margin:5px 5px 5px 0; color:#FFF}

.pro_contents p{
font-size:1.3em;
}
.m_logo{
display:none;
}

.pagingSection{
text-align:center;
}

@media ( max-width: 1600px ) { /* @media ( max-width: 1600px ) */

#top .top_center .denver_2022{

    left: 17%;

   }	

}

@media ( max-width: 1028px ) { /* @media ( max-width: 1028px ) */

.linkedin{

}
.linkedin span{
line-height:2em;
margin-left: -1em;
}


.bg_main {
  height: 535px;
}

header{
    top: 140px;
}

#top .top_center .logo{

  	width:250px;
 
   }	

#top .top_center .denver_2022{

 	width:150px;
}

}

@media ( max-width: 1024px ) { /* @media ( max-width: 1024px ) */

#top .top_center .denver_2022{

 	width:100px;
}

.sub_content {
    padding-top: 0.5em;
}

#top .top_left {
    background-image: url(../images/top_right_bg.png);
    background-position:0 -30px;
	height: 140px;
}
.top_right,.mnone{
display:none !important;
}
header{
  top: 140px;
  height:150px;
}
#mainmenu {
    height: 50px;
}

#navbar-main{

}
#navbar-main > div.search_change_btn  {
width:10%;
text-align:left;
}
#navbar-main > div.search_change_btn  >  img {
width:2em;
display:inline-block;
line-height:2em;
height:2em;
padding-left:1em;
}

#navbar-main > div.search_change_input{
width:77%;
text-align:center;
}

#navbar-main > div.search_change_input > span{
font-size:1.2em;
line-height:3em;
color:#fff;
display:inline-block;
letter-spacing:-0.5px;
height:2em;
vertical-align: top;
text-align:left;
cursor:pointer;
padding-right:5em;
}
#navbar-main > div.search_change_input > span > img{
width:100px;
}
.contents_1400,.contents_1300{
width:100%;

}


/* 모바일 메뉴 시작*/
#navbar-main{
display:block;
}
.navbar.main {

  position: fixed;
  top: 150px;
  right: 0;
  left: 0;
  padding: 0 4px;

  height: 56px;
  line-height: 56px;



  -webkit-box-sizig: border-box
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  z-index: 1000;

}
.navbar.main::after {
  content: "";
  display: table;
  clear: both;
}

.navbar.main * {
  display: inline-block;
}

.navbar.main a {
  text-decoration: none;

}

.navbar.main .icon {
  padding: 0 8px;
  cursor: pointer;
}

.sidebar {
  position: fixed;
  top: 56px;
  bottom: 0;
  width: 300px;
  background-color: #fafafa;
}

#sidebar-main {
  top: 56px;
}

.sidebar.right {
  right: -300px;
  text-align: right;
}

.sidebar.left {
  left: -300px;
}

.sidebar a {
  text-decoration: none;
  display: block;
  letter-spacing:0px;
  color:#000;
}

.sidebar .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 1em;
  padding-top: 1.5em;
  overflow-y: auto;
  -webkit-box-sizig: border-box
  -moz-box-sizing: border-box;
  box-sizing: border-box;

/*background-image: url('/new3/images/logo.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size:55%;
*/

}

.sidebar nav {
  margin-bottom: 24px;
}

.sidebar nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
}

.sidebar nav ul li {
  padding: 4px 0;
  margin: 2px 0;
  letter-spacing: 0px;
}
.sidebar nav ul li a{
font-size:1.2em;
line-height:1.3em;
font-weight:bold;
}

#sidebar-main > div > nav > ul > li > ul > li > ul{
display:none;
}

#sidebar-main > div > nav > ul > li > ul > li > a > span{
padding-left:1em;
font-size:1em;
font-weight:normal;
}

.sidebar nav ul li.title {
  font-weight: bold;
}
/* 모바일 메뉴 끝*/


form.example{
width:100%;
}
form.example input[type=text] {
width:80%;
}
form.example button {
width:10%;
}

.button_width_15{
width:40%;
font-size:12px;
}

.button_width_10 {
    width:40%;
    font-size: 12px;
}

#m01 > ul > li:nth-child(2), #m03 > ul > li:nth-child(2) {
    margin-left: 1em;
}
#m01 > ul > li > p, #m02 > ul > li > p, #m03 > ul > li > p{
width: 90%;
font-size: 12px;
line-height: 13px;
}
#m01 > ul > li > h1, #m02 > ul > li > h1, #m03 > ul > li > h1{
    padding-top: 0.1em;
}

#m04m > div.m_banner{

height:100%;
margin:0px auto;
display:block;
clear:both;
padding:0;
}
#m04m div.m_banner > div.m_banner_content {
cursor:pointer;
float:left;
height:250px;
background-image: url('/new3/images/pro_bg.jpg');
background-repeat: no-repeat;
background-position: center bottom;
width:40%;
text-align:center;
margin:0.5em;
}
#m04m div.m_banner > div.m_banner_content > div.pro_img{
height:200px;
vertical-align:middle;
}

#m04m div.m_banner > div.m_banner_content > div.pro_img{height:270px; font-size:0;}  
#m04m div.m_banner > div.m_banner_content > div.pro_img:after{display:inline-block; height:100%; content:""; vertical-align:middle;}

#m04m div.m_banner > div.m_banner_content > div > img{
width:70%;
vertical-align:middle;
}


#m04m div.m_banner > div.m_banner_content >div.pro_text > h1{
margin-top:0em;
color:#e73820;
}
#m04m div.m_banner > div.m_banner_content > div.pro_text > p{
font-size:13px;
color:#000;
}

#foot_bg {

    }

#foot_bg > div.foot_con > ul > li:nth-child(1){
  width: 100%;
  float:left;
  background: #dcdddd;
}

#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li {
   background: #dcdddd;
}


#foot_bg > div.foot_con > ul > li:nth-child(2){
  width: 100%;
  float:left;
  background: #5bc3e8;
}
#foot_bg > .foot_con{
background-image:none !important;
}
#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_img {
width: 100%;
text-align:center;
}
#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_img > img{
width: 90%;
}

#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_text {
width: 90%;
margin:1em;
clear:both;
}
#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_text > button{
margin-left:1em;
}

#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_text > h1{
   font-size: 1.5em;
   text-align:center;
   line-height: 1.2em;
}
#foot_bg > div > ul > li:nth-child(1) > ul.foot_con_banner > li > div.foot_con_text > p {
    font-size: 1.1em;
    color: #000;

    margin:1em;
}

.input_w_2{
width: 45.5%;
}

#documentation{
margin-top:124px !important;
}

/* 서브페이지 */
#documentationsub {
 margin-top: 120px !important;
 height:150px !important;
}


#location {
    position: absolute;
    right: 10px;
    
}

#content > div.subtite h3 {
    font-size: 24px;
}
#content > div.subtite.contents_1400 > h3 > span:nth-child(2) {
    font-size: 15px;
    display: block;
}
/*about us*/
.c010100 ul li:nth-child(1) {
  width: 100%;
  text-align:center;
 }
.c010100 ul li:nth-child(2) {
  width: 100%;
 }  
 
 .c010100 ul li:nth-child(2) p{
 padding:1em;
 }  

/*Corporate Information*/
.c020100 ul li:nth-child(1) {
    width:100%;
	  text-align:center;
}
.c020100 ul li:nth-child(1) iframe {
    width:96%;
    height: 400px;
}
.c020100 ul li:nth-child(2) {
    width:100%;
	margin-left: 0em;

}

.c020100 ul li:nth-child(2) > p:nth-child(1){
margin-top:1em;
}
.c020100 ul > li > p {
padding-left:2em;
width:90%;
}
.c020100 ul li.cssblock{
    width:100%;
} 
.c020100 ul li.cssblock > p{
width:90%;
margin:0 auto;
clear:both;
}

/*North/South America Sales Reps*/
.c020200 ul li:nth-child(1) {
/*display:none;*/
width: 100%;	
}
.c020200 ul li:nth-child(1) > img {
width:90%;

}


.c020200 ul li:nth-child(2){
width:100%;
margin-left: 0em;
}

.c020200 ul li:nth-child(2) > div.vlist > ul > li{
display:block;
width:380px  !important; 
float:left !important;
padding: 1em !important;
font-size: 1.3em;
line-height: 1.5em;
}
/*International Sales Reps*/
.c020300 img{
/*display:none;*/
width:90%;
}
#Map{
display:none;
}

.vlist2 ul li{
width: 380px;
font-size: 1.3em;
line-height: 1.5em;
}

/*Quote Request*/
table.tbl_list3{
width:98%;
margin:0 auto;
clear:both;
}
/*New Products*/
table.tbl_list {
width: 98%;
margin:0px auto;
clear:both;
}
.pro_contents p{
width:96%;
margin:0 auto;
clear:both;
}
/*Systems*/

table.tbl_p_list > thead > tr > th.specifications > span{
display:none !important;
}

table.tbl_p_list > thead > tr > th.specifications:after {
  content: "SPEC";
}



.tbl_p_list th, .tbl_p_list td {
    padding: 2px 5px;
	font-size:11px;
	letter-spacing:-1px;
}

table.tbl_p_list > thead > tr > th > span{
display:block;
}


.product_btn ul {
width: 360px;

}

.product_btn ul li{
padding: 0em 1em 1em 1em;
} 

/* Contact us */
div.c020700 > ul > li{
text-align:center;
width:100% !important;
}
div.c020700 > ul > li:nth-child(1) > img{
width:100%;
margin:0 auto;
clear:both;
}
div.c020700 > ul > li:nth-child(2){
text-align:left;
width:100%;
} 
div.c020700 > ul > li:nth-child(2) > div > p{
padding:1em;

} 

.sortSection > button {
    margin: 0px 10px 0px 0px;
    width: 20%;
}

div.overflowauto {width:100%;overflow:auto;}
div.overflowauto table {
/*
white-space:nowrap;
border-collapse:collapse
*/

}

.pro_contents p{
padding-left:1em;
}
.linkedin span{
   line-height: 1.1em;
}
.se2_inputarea img{
width:100%;
}
.se2_inputarea p img{
width:100%;
}
.se2_inputarea p img a {
width:100%;
}
#sidebar-main > div > div.quitter{
position:absolute;
top:10px;
width:30px;
right:10px;
cursor:pointer;
}
#sidebar-main > div > div.quitter > img{
width:100%;
}

table.tbl_list3 th {
font-size:12px;
letter-spacing:-1px;
}



}/* @media ( max-width: 1024px ) 끝*/

@media ( max-width: 1200px ){
#top .top_center .denver_2022{
display:none;
 	   left: 20%;
}
}


@media ( max-width: 800px ){
#top .top_center .denver_2022{
 	display:none;
}
}


@media ( min-width: 500px ) { 
.bg_main {
  height: 200px;
   margin-top: 120px;
}
.bg {
margin-top: 120px;
  height: 150px;
}
}


@media ( min-width: 600px ) { 
.bg_main {
  height: 200px;
   margin-top: 120px;
}
.bg {
margin-top: 120px;
height: 150px;
}
}



@media ( min-width: 700px ) {



.bg_main {
  height: 220px;
   margin-top: 120px;
}
.bg {
margin-top: 120px;
 height: 150px;
}
}

@media ( min-width: 800px ) { 
.bg_main {
  height: 260px;
   margin-top: 120px;
}
.bg {
margin-top: 120px;
height: 150px;
}
}


@media ( min-width: 900px ) { 
.bg_main {
  height: 290px;
   margin-top: 120px;
}
.bg {
margin-top: 150px;
height: 180px;
}
}



@media ( min-width: 1000px ) { 
.bg_main {
  height: 290px;
   margin-top: 170px;
}
.bg {
margin-top: 170px;
height: 180px;
}
}



@media ( min-width: 1100px ) { 
.bg_main {
  height: 320px;
 margin-top: 170px;
}
.bg {
 margin-top: 180px;
height: 200px;
}
}


@media ( min-width: 1200px ) { 
.bg_main {
margin-top: 170px;
  height: 350px;
}
.bg {
 margin-top: 180px;
height: 200px;
}
}

@media ( min-width: 1300px ) { 
.bg_main {
margin-top: 170px;
  height: 400px;
}
.bg {
 margin-top: 180px;
height: 200px;
}
}

@media ( min-width: 1400px ) { 
.bg_main {
margin-top: 170px;
  height: 450px;
}
.bg {
 margin-top: 180px;
   height:224px; 
}
}

@media ( min-width: 1500px ) { 
.bg_main {
margin-top: 160px;
  height: 500px;
}
.bg {
 margin-top: 180px;
  height:264px;  
}
}

@media ( min-width: 1600px ) { 
.bg_main {
margin-top: 150px;
  height: 550px;
}
.bg {
 margin-top: 180px;
  height:274px;  
}

}

@media ( min-width: 1700px ) { 
.bg_main {
margin-top: 150px;
  height: 565px;
}
.bg {
   margin-top: 180px;
   height:294px; 
}

}