@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : Layout.CSS
	Company : The Webstyle co.,ltd
 	Author : Jong Hoon, Park 2015-12
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc
--------------------------------------------------------------------------------------------------------------------------------------------*/
html.on {overflow:hidden;}
body {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; }

/* SkipMenu */
#SkipMenu {
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	z-index:500;
	width:100%;
	height:0px;
	background-color:#105d9c;
}
#SkipMenu .skipNav {position:relative; height:35px; text-align:center;}
#SkipMenu .skipNav ul {display:inline-block; overflow:hidden;}
#SkipMenu .skipNav ul li {display:inline;}
#SkipMenu .skipNav ul li a {display:inline-block; font-size:12px; line-height:35px; font-weight:bold; color:#fff;}
#SkipMenu .skipNav .skipClose {display:inline-block; position:absolute; right:20px; top:11px;}
#SkipMenu .skipNav .skipClose a {display:block; width:13px; height:13px; text-indent:-9999px; background:url('/Images/Common/btn_skipMenu_close.png') center center no-repeat;}
#SkipMenu a:active, visited, link, hover {color:#fff;}

/* 올메뉴 퍼펙트스크롤바 */
.ps-container .ps-scrollbar-x {position: absolute; /* please don't change 'position' */ bottom: 1px; /* there must be 'bottom' for ps-scrollbar-x */ height: 4px; background-color: #aaa; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity.2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear;}
.ps-container:hover .ps-scrollbar-x {opacity: 0.6; filter: alpha(opacity = 60);}
.ps-container .ps-scrollbar-x:hover {opacity: 0.9; filter: alpha(opacity = 90); cursor:default;}
.ps-container .ps-scrollbar-x.in-scrolling {opacity: 0.9; filter: alpha(opacity = 90);}
.ps-container .ps-scrollbar-y {position: absolute; /* please don't change 'position' */ right: 1px; /* there must be 'right' for ps-scrollbar-y */ width: 4px; background-color: #aaa; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; opacity: 0; filter: alpha(opacity = 0); -webkit-transition: opacity.2s linear; -moz-transition: opacity .2s linear; transition: opacity .2s linear;}
.ps-container:hover .ps-scrollbar-y {opacity:0.6; filter:alpha(opacity = 60);}
.ps-container .ps-scrollbar-y:hover {opacity:0.9; filter: alpha(opacity = 90); cursor:default;}
.ps-container .ps-scrollbar-y.in-scrolling {opacity:0.9; filter: alpha(opacity = 90);}


#Wrapper {*zoom:1; position:relative; width:100%; min-width:1020px;  min-height:100%;}

/*------------------------------------------------------------------------------------------
                                         * Header *
-------------------------------------------------------------------------------------------*/
#Header_Wrap {position:fixed; left:0; top:0; width:100%; min-width:320px; z-index:1000;  background:url("/Images/Common/bg_header_main.png") 0 0 repeat-x; }
#Header_Wrap.on { background:url("/Images/Common/bg_header_main_on.png") 0 0 repeat-x;}
#Header_Wrap:hover { background:url("/Images/Common/bg_header_main_on.png") 0 0 repeat-x;}
#Header {position:relative; *zoom:1; width:1020px; height:102px; margin:0 auto;}
#Header:after {content:""; display:block; clear:both;}
#Header .logo_header {position:absolute; left:10px; top:49px;}
#Header .logo_header .logo {/*display:block;*/}
#Header .gnb_wrap {position:absolute; right:0; top:8px; padding-right:120px;}
#Header .gnb_wrap h1 {display:none;}
#Header .gnb_wrap ul.gnb {overflow:hidden;}
#Header .gnb_wrap ul.gnb li {float:left; margin-left:10px; padding-left:10px; background:url('/Images/Common/bar_1x7_black.gif') left center no-repeat;}
#Header .gnb_wrap ul.gnb li:first-child {padding-left:15px; background:url('/Images/Common/ico_star.png') left 5px no-repeat;}
#Header .gnb_wrap ul.gnb li a {font-size:12px; color:#222;}
#Header .gnb_wrap .telNum {position:absolute; right:11px; top:3px; padding-left:15px; background:url('/Images/Common/ico_tel_blue.png') left center no-repeat; font-size:12px; color:#222;}
#Header .btn_lnb {display:none;}
#Header .btn_login {display:none;}
#Header .telInfo {display:none}
#Header .btn_delete {display:none;}


/* Menu */
#LNB {display:block; position:absolute; top:55px; right:50px;   z-index:1;}
#LNB h1 {display:none;}
#LNB .lnb {position:relative;}
#LNB .lnb ul.node1 {*zoom:1;}
#LNB .lnb ul.node1:after {content:""; display:block; clear:both;}
#LNB .lnb ul.node1 li.node1 {float:left;}
#LNB .lnb ul.node1 li.node1:hover {/*background:url('/Images/Common/lnb_sub_arrow.png') center bottom no-repeat*/}
#LNB .lnb ul.node1 li.node1 .depth1 {display:block; height:36px; margin-bottom:10px; padding:0 28px; font-size:16px; font-weight:900; color:#222; line-height:17px;  font-family:"NanumBarunGothicBold",  'NanumGothicBold';}
#LNB .lnb ul.node1 li.node1.last .depth1 {padding-right:0;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap {display:none; position:absolute; left:-234px; top:45px; width:1000px; min-height:420px; border:1px solid #fff; border-top:0px; z-index:50; cursor:pointer}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.on {display:block;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .lnb_banner {position:absolute;}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .lnb_banner .btn_link {
	transition-property:all;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .lnb_banner .btn_link:hover {
  transition-property:background-color, color;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;}


#arrw {display:none; position:absolute; bottom:0px; width:16px; height:11px; z-index:-1; background:url("/Images/Common/lnb_sub_arrow.png") center 0 no-repeat; transition:all 500ms;}
/* 1024 arrow */
#arrw.arrow1 {display:block; left:56px}
#arrw.arrow2 {display:block; left:176px;}
#arrw.arrow3 {display:block; left:309px;}
#arrw.arrow4 {display:block; left:441px;}
#arrw.arrow5 {display:block; left:564px;}
#arrw.arrow6 {display:block; left:691px;}


@media all and (max-width:1024px){
	#arrw {bottom:1px;}
	#arrw.arrow1 {left:56px}
	#arrw.arrow2 {left:176px;}
	#arrw.arrow3 {left:309px;}
	#arrw.arrow4 {left:441px;}
	#arrw.arrow5 {left:564px;}
	#arrw.arrow6 {left:691px;}
}

@media all and (max-width:980px){
	#arrw.arrow1 {left:46px}
	#arrw.arrow2 {left:159px;}
	#arrw.arrow3 {left:278px;}
	#arrw.arrow4 {left:398px;}
	#arrw.arrow5 {left:509px;}
	#arrw.arrow6 {left:624px;}
}
@media all and (max-width:860px){
	#arrw.arrow1 {left:37px}
	#arrw.arrow2 {left:128px;}
	#arrw.arrow3 {left:229px;}
	#arrw.arrow4 {left:328px;}
	#arrw.arrow5 {left:420px;}
	#arrw.arrow6 {left:513px;}
}
@media all and (max-width:768px){
	#arrw {display:none;}
}

/*
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .lnb_banner.customer .btn_link:hover {color:#000; background:rgba(255,255,255, 0.6) url('/Images/Common/btn_go_on.png') 211px center no-repeat;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .lnb_banner.companyIntro .btn_link { background:url('/Images/Common/ico_arrow.png') 181px center no-repeat;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .lnb_banner.companyIntro .btn_link:hover {background-color:rgba(0,0,0, 0.6); background-position: 190px center }

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .node2 > li {margin-top:26px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .node2 > li > a.depth2 {display:block; margin-bottom:16px; font-size:16px; color:#000;}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .node2 > li  a:hover {font-weight:bold; text-decoration:underline}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .node2 .node3 li { margin-bottom:10px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .node2 .node3 li a {font-size:14px;  padding-left:10px; color:#000;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .companyIntro {padding:55px 0 0 45px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .companyIntro .explain {font-size:16px; color:#fff; line-height:34px;}*/
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .btn_link {display:inline-block; width:246px; height:38px; margin-bottom:14px;  line-height:36px; border:1px solid #fff; font-size:14px; color:#fff; font-weight:bold; text-align:center;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .btn_link.btn_nolink {cursor:default }
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .customer {position:absolute; right:0px; top:0px; z-index:50; width:404px; height:100%; padding-top:58px; background:url('/Images/Common/bg_white_20.png') repeat; text-align:center;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .customer .tit {margin-bottom:10px; padding-top:40px; font-size:24px; color:#fff; background:url('/Images/Common/ico_tel.png') center 0 no-repeat}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .customer .telNum {font-size:34px; margin-bottom:24px; color:#fff;}
#LNB .lnb_f_menu {display:none;}

#LNB .lnb ul.node1 li.node1 ul.node2 li.nod#LNB .btn_delete {display:none;}

/*e2 {position:relative;}
#LNB .lnb ul.node1 li.node1 ul.node2 li.node2 .depth2 {display:block; height:45px; padding-left:13px; background-color:#fff; font-size:18px; color:#666; line-height:45px;}
#LNB .lnb ul.node1 li.node1 ul.node2 li.node2 .depth2:hover {font-weight:bold;}
#LNB .lnb ul.node1 li.node1.on ul.node2 {display:block;}
*/

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 {min-height:420px; padding:0 0 70px 0;  background:url('/Images/Common/bg_lnb_node2_2.jpg') 0 0 repeat-y;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl {border-top:1px solid #979797;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl.last {border-bottom:1px solid #979797;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl dt {padding-left:20px; background:url("/Images/Common/bg_menu2_img.gif") left top repeat-x;border-left:3px solid #2ca6d9; font-size:16px;  background-color:#343434; font-family:"NanumBarunGothicBold",  'NanumGothicExtraBold'; }
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl dt a.depths1 {display:block; padding-left:20px; background:url("/Images/Common/ico_menu2_off.png") 0px center no-repeat;  line-height:40px; color:#fff; font-family:"NanumBarunGothicBold",  'NanumGothicExtraBold';}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl:after {display:block;  content:""; clear:both}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl dd {display:none; width:100%; height:100%; padding-left:20px; border-top:1px solid #979797; color:#fff}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl dd a {display:block;  color:#fff}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl dt.on a {background:url("/Images/Common/ico_menu2_on.png") 0px center no-repeat; }

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl dd p.printer_more {width:170px; height:27px; margin:9px 0 0 0;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl dd p.printer_more a {display:block;  line-height:27px; font-size:14px; color:#fff; text-decoration:underline; font-family:"NanumBarunGothicBold", 'NanumGothicBold';  }

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2  dl dd p.printer_more:hover a {text-decoration:underline}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .node2 > li {margin-bottom:0px; line-height:30px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .node2 > li p {font-size:12px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .node2 > li > a.depth2 {margin-bottom:0px; font-size:14px; color:#00a1e0;font-weight:bold}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .node2 > li > a.depth2.depth2_nolink {cursor:default; text-decoration:none}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .node2 > li > a.depth2 p {font-size:14px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .node2 > li a:hover {font-weight:bold; text-decoration:underline}


#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .node2 {width:100%; height:100%; padding:10px 10px}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .node2 .node3 li {margin-bottom:0; padding-left: 4px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .node2 .node3 li a {font-size:12px; color:#fff}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .lnb_banner {position:absolute; bottom:0px; width:100%; text-align:center;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no2 .lnb_banner a {display:inline-block;}


#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 {background:url('/Images/Common/bg_lnb_node2_3.jpg') no-repeat;}


#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner.customer .btn_link { background:url('/Images/Common/btn_go.png') center 58px no-repeat; }
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner.customer .btn_link:hover {color:#000; background:rgba(255,255,255, 0.6) url('/Images/Common/btn_go_on.png') center 58px no-repeat;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner.companyIntro .btn_link { background:url('/Images/Common/ico_arrow.png') 200px center no-repeat;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner.companyIntro .btn_link:hover {background-color:rgba(0,0,0, 0.6); background-position: 210px center }

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .node2 > li {margin-top:17px; z-index:200}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .node2 > li > a.depth2 {display:block; padding-bottom:10px;  font-size:16px; color:#000;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .node2 > li.node_box.on>a {font-weight:bold; text-decoration:underline}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .node2 > li  a:hover {font-weight:bold; text-decoration:underline}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .node2 .node3 li { margin-bottom:10px; padding-left:10px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .node2 .node3 li a {font-size:14px; color:#000;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .companyIntro {position:absolute; top:0; left:0; width:337px; padding:55px 34px 126px 45px; background:url('/Images/Common/bg_lnb_node2_3.jpg') no-repeat; z-index:500}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .companyIntro .explain {font-size:16px; color:#fff; line-height:34px;}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .customer .btn_link {display:inline-block; width:115px; height:92px; padding-top:10px;  margin-bottom:14px;  line-height:20px; border:1px solid #fff; font-size:14px; color:#fff; font-weight:bold; text-align:center;}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner2_wrap {position:relative; height:419px; overflow:hidden;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner2_wrap li.node1 {position:absolute; top:0; left:193px; z-index:60;  height:419px;  background:#fff;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner2 {width:404px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner2 ul {min-height:156px; padding:19px 0 6px 20px; }
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner2 ul li {padding-bottom:19px; color:#333}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner2 ul li h2 {font-size:16px; line-height:38px; font-family:"NanumBarunGothicBold", 'NanumGothicExtraBold'; }
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner2 ul li p {font-size:12px; line-height:18px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner2 .img {overflow:hidden; height:263px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner2_wrap li.node1 .img img {
	transform: scale(1);
	-webkit-transform: scale(1);
	 transition-duration: 1s;
     transition-timing-function: ease-out;
	}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .lnb_banner2_wrap li.node1.on .img img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	transition-duration: 7s;
    transition-timing-function: ease-out;
	}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 {background:url('/Images/Common/bg_lnb_node2_1.jpg') no-repeat;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .companyIntro {background:url('/Images/Common/bg_lnb_node2_1.jpg') no-repeat;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .lnb_banner2 ul li h2 {font-size:16px; line-height:38px;font-family:"NanumBarunGothicBold", 'NanumGothicExtraBold'; }

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no1 .node2,
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no3 .node2,
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no4 .node2 {position:absolute; left:336px; width:271px; padding:0 35px 30px 35px; height:100%; background:url("/Images/Common/bg_shadow.png") right 0 repeat-y; z-index:100}

#LNB .lnb ul.node1 li.node1  .node2_bg {position:absolute; left:-1px; top:0; width:273px; height:419px;
z-index:-1}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no4 {display:none; background:url('/Images/Common/bg_lnb_node2_4.jpg') no-repeat;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no4 .node2 {padding-bottom:30px}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no4 .companyIntro {position:absolute; top:0; left:0; width:337px; height:419px;  padding:55px 34px 90px 45px;  background:url('/Images/Common/bg_lnb_node2_4.jpg') no-repeat;}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 {background:url('/Images/Common/bg_lnb_node2_5.jpg') no-repeat;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6:after {display:block; clear:both; content:""}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .lnb_banner {position:static; float:left;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .customer {width:467px; padding-top:87px; background:none}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .customer .btn_link {display:inline-block; width:115px; height:92px; padding-top:10px;  margin-bottom:14px;  line-height:20px; border:1px solid #fff;  background:url('/Images/Common/btn_go.png') center 58px no-repeat;  font-size:14px; color:#fff; font-weight:bold; text-align:center;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .lnb_banner.customer .btn_link:hover {color:#000; background:rgba(255,255,255, 0.6) url('/Images/Common/btn_go_on.png') center 58px no-repeat;}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list {position:absolute; right:0px; width:531px; height:420px; background:#fff}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list:after {display:block; content:""; clear:both}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list .menu_sub_tit {background:#5a6371;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list .menu_sub_tit p {height:34px; padding-left:20px;  color:#fff; line-height:34px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list .menu_sub_tit p:after {display:inline-block; content:""; width:9px; height:5px; margin-left:5px; background:url('/Images/Common/icon_arrow_bottom.png') no-repeat;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li  div.menu5_list_box a {display:block; color:#000000}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li.menu5_list1:after {display:block; content:""; clear:both}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li.menu5_list1 div.menu5_list_box {float:left; overflow:hidden; width:177px; height:210px;  padding:40px 0; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li.menu5_list1 div.menu5_list_box.type2 {height:175px; padding:30px 0;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li.menu5_list1 div.menu5_list_box .img {width:177px; text-align:center;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li.menu5_list1 div.menu5_list_box .img_logo {width:177px; padding:10px 10px 0 0; text-align:right;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li.menu5_list1 div.menu5_list_box:first-child {border-left:0}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li.menu5_list2 div.menu5_list_box {float:left; overflow:hidden; width:265px; height:210px; padding:20px 0;border-left:1px solid #e6e6e6}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li.menu5_list2 div.menu5_list_box .img {width:265px; text-align:center}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li.menu5_list2 div.menu5_list_box:first-child {border-left:0}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li div.menu5_list_box:hover {background:#e6e6e6}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li .img img {
	transform: scale(1);
	-webkit-transform: scale(1);
	 transition-duration: 0.5s;
     transition-timing-function: ease-out;
	 z-index:1
	 }
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li div:hover .img img{
	transform:scale(1.05);
	-webkit-transform:scale(1.05);
	transition-duration: 0.5s;
    transition-timing-function: ease-out;
	}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list li .tit {font-size:16px; text-align:center; line-height:40px; color:#000000}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list .menu5_list_txt {padding-bottom:32px; font-size:16px; text-align:center; color:#000000; z-index:50 }
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list .menu5_list_box.type2 .menu5_list_txt {padding-bottom:20px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list .menu5_list_box.type2 .menu5_list_txt.type2 {padding:0 0 25px 12px; font-size:12px; text-align:left; line-height:18px;}
#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list .menu5_list_des {margin-top:-20px; margin-bottom:8px; font-size:11px; line-height:16px; color:#505050; text-align:center;}

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list .menu5_list_box2 {position:relative;overflow:hidden;  width:150px; height:210px; margin-bottom:10px}
/*#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no6 .menu5_list .menu5_list_box2  .menu5_list_txt {line-height:210px; text-align:center;}*/

#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap.no7 {background:url('/Images/Common/bg_lnb_node2_6.jpg') no-repeat;}

#LNB .lnb_f_menu {display:none;}
#LNB .btn_delete {display:none;}

/*------------------------------------------------------------------------------------------
                                         * Container *
-------------------------------------------------------------------------------------------*/
#Container {width:auto; padding-top:100px; padding-bottom:425px;}
.breadcrumb_wrap {width:1020px; margin:0 auto; padding:20px 10px;}
.breadcrumb_wrap .breadcrumb {overflow:hidden;}
.breadcrumb_wrap .breadcrumb li {float:left; margin-left:10px; padding-left:15px;  background:url("/Images/Common/ico_breadcrumb_clamp.png") left center no-repeat;  font-size:12px; line-height:14px;}
.breadcrumb_wrap .breadcrumb li:first-child {background:none; margin-left:0px; padding-left:0px;}
.breadcrumb_wrap .breadcrumb li a {display:block; height:15px; font-size:12px; line-height:14px; }
.breadcrumb_wrap .breadcrumb li.home a {width:12px; height:15px; background:url('/Images/Common/ico_home.png') left 1px no-repeat;  text-indent:-9999px;}
.breadcrumb_wrap .breadcrumb li.last a {font-weight:bold;}

#Content {width:1020px; margin:0 auto; padding:0 0 100px 0;/*padding:0px 12px 100px 12px;*/  word-break:keep-all}

/*------------------------------------------------------------------------------------------
                                         * Footer *
-------------------------------------------------------------------------------------------*/
#Footer_Wrap {position:absolute; left:0; bottom:0; width:100%; min-width:320px; z-index:500;}

#FNB {position:relative; width:100%; height:295px; background-color:#292929;}
#FNB .fnb_wrap {width:1020px; margin:0 auto; padding-top:45px; background-color:#292929;}
#FNB .fnb {float:left; width:75%; padding-left:10px;}
#FNB .fnb ul.node1 li.node1 {position:relative; float:left; margin-left:53px;}
#FNB .fnb ul.node1 li.node1:first-child {margin-left:0px;}
#FNB .fnb ul.node1 li.node1 .depth1 {display:block; margin-bottom:19px; font-size:14px; font-weight:bold; color:#fff;}
#FNB .fnb ul.node1 li.node1 ul.node2 {overflow:hidden;}
#FNB .fnb ul.node1 li.node1 ul.node2 li.node2 {position:relative;}
#FNB .fnb ul.node1 li.node1 ul.node2 li.node2 .depth2 {display:inline-block; margin-bottom:19px; padding-right:5px; font-size:12px; color:#FFF;}
#FNB .fnb ul.node1 li.node1 ul.node2 li.node2 .depth2:hover {padding-left:5px; padding-right:0}


#FNB .logo_wrap {float:right; width:25%; padding-right:10px; *width:23%}
#FNB .logo_wrap .logo_stratasys {padding-bottom:20px; text-align:right;}
#FNB .logo_wrap .logo_stratasys .txt {margin-top:10px; font-size:18px; color:#888}
#FNB .logo_wrap .logo_last {padding-bottom:20px; border-bottom:2px solid #888; text-align:right;}
#FNB .logo_wrap .logo_trumpf {margin-right: 30px}
#FNB .logo_wrap ul.community {overflow:hidden; margin-top:25px; text-align:center;}
#FNB .logo_wrap ul.community li {display:inline-block; *display:inline; *zoom:1; margin-left:20px; transition:all 300ms ease 0s}
#FNB .logo_wrap ul.community li:first-child {margin-left:0;}
#FNB .logo_wrap ul.community li img{
	transform :rotateY(0) rotateX(0) rotateZ(0);
	-moz-transform :rotateY(0) rotateX(0) rotateZ(0);
	-webkit-transform: rotateY(0) rotateX(0) rotateZ(0);
	-o-transform : rotateY(0) rotateX(0) rotateZ(0);
	transition : all 300ms;
}
 #FNB .logo_wrap ul.community li:hover img {
	transform :rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);
	-moz-transform :rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);
	-webkit-transform: rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);
	-o-transform : rotateY(-180deg) rotateX(-180deg) rotateZ(-180deg);
	transition : all 700ms;

 }
#Footer {width:100%; padding-bottom:10px; background-color:#222222;}
#Footer:after {content:""; display:block; clear:both;}
#Footer .footer {position:relative; *zoom:1; width:1024px; height:120px; margin:0 auto;}
#Footer .logo_footer {float:left; padding:55px 0 0 10px;}
#Footer ul.link_wrap {overflow:hidden; padding:20px 0 0 32px;}
#Footer ul.link_wrap li {position:relative; float:left; padding:0 12px; background:url('/Images/Common/ico_division_footer.png') left center no-repeat;}
#Footer ul.link_wrap li:first-child {padding-left:0px; background:none}
#Footer ul.link_wrap li a {font-weight:bold; color:#fff; font-size:14px;}
#Footer .address_wrap {float:left;}
#Footer .address_wrap .address {padding-top:12px; padding-left:32px; font-size:12px; color:#888; line-height:20px;}
/*
#Footer .address_wrap .address ul {}
#Footer .address_wrap .address ul li {}
*/
#QuickMenu {position:fixed; bottom:125px;  right:0; z-index:1234}
#QuickMenu .quickMemu li {width:75px;  height:60px; padding-bottom:10px; *padding-bottom:0;}
#QuickMenu .quickMemu li.event {background:none}
#QuickMenu .quickMemu li a {display:block; width:100%; height:50px;  color:#fff; background:url("/Images/Common/bg_quickMenu_off.png") 0 0 no-repeat;}
#QuickMenu .quickMemu li.bg2 a {display:block; width:100%; height:50px;  color:#fff; background:url("/Images/Common/bg_quickMenu_off2.png") 0 0 no-repeat;}
#QuickMenu .quickMemu li a span.ico {display:block; width:75px; height:45px;}
#QuickMenu .quickMemu li a span.ico_news {background:url("/Images/Common/ico_newsLetters.png") 32px 9px no-repeat}
#QuickMenu .quickMemu li a span.ico_fq {background:url("/Images/Common/ico_contactUs.png") 32px 6px no-repeat}
#QuickMenu .quickMemu li a span.ico_event {background:url("/Images/Common/ico_event2.png") 32px 6px no-repeat}
#QuickMenu .quickMemu li a span.ico_edu {background:url("/Images/Common/ico_edu.png") 32px 6px no-repeat}
#QuickMenu .quickMemu li a span.ico_exh {background:url("/Images/Common/ico_exh.png") 32px 6px no-repeat}
#QuickMenu .quickMemu li a span.ico_seminar {background:url("/Images/Common/ico_seminar.png") 32px 6px no-repeat}

#QuickMenu .quickMemu li a span.ico span {display:block; padding-top:30px; font-size:12px; text-align:center;}
#QuickMenu .quickMemu li a span.ico span.txt2 {display:block; padding-top: 10px; font-size:12px; text-align:center;line-height:16px;}
#QuickMenu .quickMemu li a span.ico span.txt3 {display:block; padding-top: 16px; font-size:12px; text-align:center;line-height:16px;}
#QuickMenu .quickMemu li:hover a {width:170px; background:#00a1e0; margin-left:-95px;
transition : all 700ms;
transition-property: background-color, color;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
	}
#QuickMenu .quickMemu li.bgOrange:hover a {background:#f16262;}
#QuickMenu .quickMemu li:hover a span.ico {width:170px;  background-position:16px center;}
#QuickMenu .quickMemu li:hover a span.ico span {padding:0px 0px 0px 70px; font-size:15px; text-align:left; line-height:45px; }

/*------------------------------------------------------------------------------------------
                                         * MNB *
-------------------------------------------------------------------------------------------*/

/* MNB */
#MNB.on {display:block;}
#MNB {position:fixed; left:-247px; top:0px; min-width:247px; height:100%; background-color:#292929; z-index:20000;}
#MNB h1 {display:block; height:70px; line-height:70px; padding-left:78px; border-bottom:1px solid #232323; font-weight:bold; font-size:20px; color:#fff;}
#MNB .lnb {position:relative; height:100%; overflow-x:hidden; overflow-y:scroll;}
#MNB .lnb ul.node1 li.node1 {float:none;}
#MNB .lnb ul.node1 li.node1:hover {background:none}
#MNB .lnb ul.node1 li.node1.on .lnb_sub_wrap {display:block;}
#MNB .lnb ul.node1 li.node1.on .lnb_sub_wrap .node3 {display:block;}
#MNB .lnb ul.node1 li.node1.on .lnb_sub_wrap .node3 li {display:block;}
#MNB .lnb ul.node1 li.node1 .depth1 {display:block; height:40px; line-height:40px; margin:0; padding:0 22px; background:url('/Images/Common/ico_arrow_bottom.png') right 0 no-repeat; border-top:1px solid #494949; border-bottom:1px solid #232323; font-size:14px; color:#fff;}
#MNB .lnb ul.node1 li.node1 .depth1:hover {color:#00a1e0; background-position:right -40px;}
#MNB .lnb ul.node1 li.node1 .lnb_sub_wrap {display:none;/*display:block;*/  position:relative; left:0px; top:0px; width:100%; height:100%;}
#MNB .lnb ul.node1 li.node1 .lnb_sub_wrap .lnb_banner {display:none;}
#MNB .lnb ul.node1 li.node1 .lnb_sub_wrap {background:none !important; border:0px;}
#MNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 {position:relative; left:0px; top:0px; width:100%; height:100%; padding:0px; background:none}
#MNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 > li { line-height:40px; margin-bottom:0px; background-color:#222; border-top:1px solid #494949; border-bottom:1px solid #232323; }
#MNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 > li > a.depth2 {margin-bottom:0px; padding-left:32px; background:url('/Images/Common/ico_ul_dot_type3.png') 20px center no-repeat;font-weight:bold; font-size:14px; color:#999;}
#MNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 > li > a.depth2:hover {color:#ff7133;}
#MNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node3 {display:none; border-top:1px solid #232323}
#MNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 .node3 li {margin-bottom:0px; padding-left:34px; border-top:1px solid #494949}
#MNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 .node3 li a {font-size:14px; color:#fff}
#MNB .lnb_f_menu {display:block; margin:38px 0 0 10px;}
#MNB .lnb_f_menu li {width:210px; height:36px; margin-bottom:8px; line-height:29px; border:1px solid #8e8e8e; border-radius:4px; text-align:center;}
#MNB .lnb_f_menu li a {font-size:12px; color:#fff;}
#MNB .btn_delete {display:block; position:absolute; left:22px; top:22px; width:26px; height:26px;}


/* MNB */



@media all and (max-width:1024px){
	#Wrapper { min-width:1020px;}
	#Header_Wrap {background-position:0 -1px;}
	#Header {width:auto}

	#Content {width:auto}

	#Header .gnb_wrap {right:0;}

	#Footer .footer {width:auto;}
	#FNB .fnb_wrap{width:auto}


}
@media all and (max-width:1023px){
	#Wrapper {width:auto; min-width:320px;}
	#Header .telInfo {display:none}
}

@media all and (max-width:1020px){
	#FNB .fnb ul.node1 li.node1 {margin-left:40px;}
}
@media all and (max-width:980px){
	#LNB {right:10px}
	#LNB .lnb ul.node1 li.node1 .depth1 {padding:0 26px;}
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap {left:-301px}
	#QuickMenu {display:none;}
	#FNB .fnb ul.node1 li.node1 {margin-left:15px;}
	#FNB .logo_wrap .logo_stratasys img {width:130px;}
}

@media all and (max-width:860px){
	#LNB {right:10px}
	#LNB .lnb ul.node1 li.node1 .depth1 {padding:0 16px;}
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap {left:-268px}
}

@media all and (max-width:768px){
	#Header_Wrap {background-position:0 -31px;}
	#Header_Wrap:hover {background:url("/Images/Common/bg_header_main.png") 0 -31px repeat-x; }


	#Header {width:auto; height:70px;}
	#Header .logo_header {position:relative; top:20px; left:0px; text-align:center; }
	#Header .logo_header .logo .logo_720 {max-width:100%; height:auto;}
	#Header .btn_lnb {display:block; position:absolute; left:10px;  top:20px; z-index:500}
	#Header .btn_login {display:block; position:absolute; right:20px; top:20px; z-index:500}
	/*#Header .telInfo {display:block; position:absolute; right:86px; top:27px;}*/
	#Header .telInfo img.tel_img1 {display:block;}
	#Header .telInfo img.tel_img2 {display:none;}

	#Header .gnb_wrap {display:none; position:fixed; right:0; top:0px; min-width:230px; height:100%; padding-right:0px; background-color:#00a1e0; z-index:800;}
	#Header .gnb_wrap.on {display:block;}
	#Header .gnb_wrap ul.gnb {overflow:hidden;}
	#Header .gnb_wrap ul.gnb li {float:none; width:100%; height:40px; line-height:40px; margin:0; padding:0 22px 0 65px; background:none; border-top:1px solid #26afe5; border-bottom:1px solid #0089bf;}
	#Header .gnb_wrap ul.gnb li a {color:#fff}
	#Header .gnb_wrap ul.gnb li.bookMark {display:none;}
	#Header .gnb_wrap ul.gnb li.login {background:url('/Images/Common/ico_login.png') 25px center no-repeat;}
	#Header .gnb_wrap ul.gnb li.loginOut {background:url('/Images/Common/ico_loginOut.png') 25px center no-repeat;}
	#Header .gnb_wrap ul.gnb li.join {background:url('/Images/Common/ico_join.png') 25px center no-repeat;}
	#Header .gnb_wrap ul.gnb li.mypage_logo {background:url('/Images/Common/ico_mypage.png') 25px center no-repeat;}
	#Header .gnb_wrap ul.gnb li.customer {background:url('/Images/Common/ico_customer.png') 25px center no-repeat;}
	#Header .gnb_wrap ul.gnb li.siteMap {background:url('/Images/Common/ico_siteMap.png') 25px center no-repeat;}
	#Header .gnb_wrap ul.gnb li.privacy {background:url('/Images/Common/ico_privacy.png') 25px center no-repeat;}
	#Header .gnb_wrap ul.gnb li.policy {background:url('/Images/Common/ico_policy.png') 25px center no-repeat;}
	#Header .gnb_wrap ul.gnb li a.depth1 {display:block;  font-size:14px; color:#fff;}
	#Header .gnb_wrap .telNum {display:none;}
	#Header .gnb_wrap h1 {display:block; height:70px; line-height:70px; padding-left:78px; border-bottom:1px solid #0089bf; font-weight:bold; font-size:20px; color:#fff;}
	#Header .gnb_wrap .btn_delete {display:block; position:absolute; left:22px; top:22px;}

	#LNB {display:none;}

/*

	#LNB.on {display:block;}
	#LNB {position:fixed; left:-230px; top:0px; min-width:230px; height:100%; background-color:#292929; z-index:101;}
	#LNB h1 {display:block; height:70px; line-height:70px; padding-left:78px; border-bottom:1px solid #232323; font-weight:bold; font-size:20px; color:#fff;}
	#LNB .lnb {position:relative; height:100%; overflow-x:hidden; overflow-y:scroll;}
	#LNB .lnb ul.node1 li.node1 {float:none;}
	#LNB .lnb ul.node1 li.node1:hover {background:none}
	#LNB .lnb ul.node1 li.node1.on .lnb_sub_wrap {display:block;}
	#LNB .lnb ul.node1 li.node1.on .lnb_sub_wrap .node3 {display:block;}
	#LNB .lnb ul.node1 li.node1.on .lnb_sub_wrap .node3 li {display:block;}
	#LNB .lnb ul.node1 li.node1 .depth1 {height:40px; line-height:40px; margin:0; padding:0 22px; background:url('/Images/Common/ico_arrow_bottom.png') right 0 no-repeat; border-top:1px solid #494949; border-bottom:1px solid #232323; font-size:14px; color:#fff;}
	#LNB .lnb ul.node1 li.node1 .depth1:hover {color:#00a1e0; background-position:right -40px;}
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap {display:none;/*display:block;  position:relative; left:0px; top:0px; width:230px; height:100%;}

	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .lnb_banner {display:none;}
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap {background:none !important; border:0px;}
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 {position:relative; left:0px; top:0px; width:100%; height:100%; padding:0px; background:none}
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 > li { line-height:40px; margin-bottom:0px; background-color:#222; border-top:1px solid #494949; border-bottom:1px solid #232323; }
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 > li > a.depth2 {margin-bottom:0px; padding-left:32px; background:url('/Images/Common/ico_ul_dot_type3.png') 20px center no-repeat;font-weight:bold; font-size:14px; color:#999;}
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 > li > a.depth2:hover {color:#ff7133;}
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node3 {display:none; border-top:1px solid #232323}
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 .node3 li {margin-bottom:0px; padding-left:34px; border-top:1px solid #494949}
	#LNB .lnb ul.node1 li.node1 .lnb_sub_wrap .node2 .node3 li a {color:#fff}
	#LNB .lnb_f_menu {display:block; margin:38px 0 0 10px;}
	#LNB .lnb_f_menu li {width:210px; height:36px; margin-bottom:8px; line-height:36px; border:1px solid #8e8e8e; border-radius:4px; text-align:center;}
	#LNB .lnb_f_menu li a {font-size:12px; color:#fff;}
	#LNB .btn_delete {display:block; position:absolute; left:22px; top:22px;}
*/

	#Container {padding-top:70px;}
	/* #Content {padding-left:10px; padding-right:10px;} */

	#FNB { height:100%; }

	#FNB .fnb_wrap {width:auto; padding:0 10px;}
	#FNB .fnb {display:none; float:none; width:100%;}
	/*#FNB .fnb ul.node1 li.node1 {float:none; margin:0px;}
	#FNB .fnb ul.node1 li.node1 .depth1 {height:40px; line-height:40px; margin:0px; /*margin-top:10px;*/ /*padding-left:10px; background:url('/Images/Common/ico_arrow_bottom.png') right 0 no-repeat; border-bottom:1px solid #000;}
	#FNB .fnb ul.node1 li.node1 .depth1.on {background-position:right -40px}
	#FNB .fnb ul.node1 li.node1 ul.node2 {display:none; overflow:hidden; padding-left:20px;}
	#FNB .fnb ul.node1 li.node1 ul.node2 li.node2 .depth2 {margin:20px 0; padding:8px 0; color:#fff;}
 */
	#FNB .logo_wrap {float:none; position:relative; width:auto; height:56px}
	#FNB .logo_wrap .logo_stratasys {display:none}
	#FNB .logo_wrap ul.community {display:block; position:static; padding-top:10px; text-align:center}
	#FNB .logo_wrap ul.community li {width:33px; height:34px;}
	#FNB .logo_wrap ul.community li img {width:100%; }

	#Container {padding-bottom:0px;}
	.main #Container {padding-bottom:50px !important;}
	#Content  {width:auto;}

	#Footer {padding:0}
	#Footer_Wrap {position:relative;}
	#Footer ul.link_wrap {display:none;}
	#Footer .address_wrap .address ul {display:none;}
	#Footer .footer {height:30px;}
	#Footer .logo_footer {display:none;}
	#Footer .address_wrap {float:none;   text-align:center}
	#Footer .address_wrap .address {padding:0px; line-height:30px;}

}



@media all and (max-width:640px){
	#Header_Wrap {background-position:0 -57px;}
	#Header {width:auto; height:44px;}
	#Header .logo_header {position:relative; top:10px; }

	#Header .btn_lnb {display:block; position:absolute; left:10px; top:10px;}
	#Header .btn_login {display:block; position:absolute; right:10px; top:10px;}
	/*#Header .telInfo {display:block; position:absolute; right:50px; top:7px;}
	#Header .telInfo img.tel_img1 {display:none;}
	#Header .telInfo img.tel_img2 {display:block;}*/

	#Container {width:auto; padding-top:44px;padding-bottom:0; }
	#Content {width:auto;  padding-bottom:50px}


	#Footer_Wrap {width:auto; position:relative;}
	#Footer ul.link_wrap {display:none;}
	#Footer .address_wrap {display:block;}
	#Footer .address_wrap .address ul {display:none;}
	#Footer .address_wrap p {font-size:11px;}
	#FNB .logo_wrap ul.community {padding-top:0}

	#FNB .logo_wrap {height:100%; padding:10px 0;}
	#FNB .logo_wrap ul.community {display:block; position:static; margin-top:0; text-align:center}
}

/*------------------------------------------------------------------------------------------
															* 제품 Sub Navigation Bar *
-------------------------------------------------------------------------------------------*/
.subVisual_wrap {width:100%; background-color:#F5F5F5;}
.subVisual_wrap:after {display:block; content:""; celar:both}


.subVisual {position:relative; width:1020px; height:257px; margin:0 auto; padding:0 10px 40px 10px;}
.subVisual_left {clear:both}
.subVisual h1 {margin:4px 0 15px 0; font-family:"NanumBarunGothicBold", 'NanumGothicExtraBold'; font-size:35px; color:#000;}
.subVisual .subTit {margin-bottom:10px; font-family:"NanumBarunGothicBold", 'NanumGothicBold'; font-size:20px; color:#000; line-height:20px}
.subVisual .btn_wrap {position:absolute; bottom:30px;}
.subVisual .btn_wrap.btm15 {bottom:15px;}
.subVisual .btn_wrap.right {right:10px;}
.subVisual .btn_wrap.left  {left:10px;}

.subVisual .prodImg {position:absolute; right:10px; top:-10px;}
.subVisual .prodImg.top-25 {top:-25px;}
.subVisual .prodImg.top13 {top:13px;}
.subVisual .prodImg.top28 {top:28px}
@media all and (max-width:640px){
	.subVisual {height:auto;}
}
.subNav_wrap {width:100%; background:#00a1e0 }
.subNav_wrap.fixed {position:fixed; top:100px; left:0; width:100%; z-index:500}

.subNav_wrap .subNav_inner {position:relative; padding:20px 0 20px 0;}
.subNav_wrap .subNav_inner a {display:block;}
.subNav_wrap .subNav_inner .subNav {width:100%; height:100%}
.subNav_wrap .subNav_inner .subNav:after {display:block ;clear:both; content:"";}
.subNav_wrap .subNav_inner .subNav li {float:left; width:24.4%; margin-left:7px}
/*.subNav_wrap .subNav_inner .subNav.type3 li {float:left; width:18.8%; margin-left:10px;}*/
/*2021.05.07*/
.subNav_wrap .subNav_inner .subNav.type3 li {float:left; width:18.8%; margin-left:10px;}
.subNav_wrap .subNav_inner .subNav.type4 li {float:left; width:12.8%; margin-left:10px;}
.subNav_wrap .subNav_inner .subNav.type5 li {float:left; width:11.5%; margin-left:10px;}
.subNav_wrap .subNav_inner .subNav.type6 li {float:left; width:13.4%; margin-left:10px;}
.subNav_wrap .subNav_inner .subNav li:first-child {margin-left:0px}
.subNav_wrap .subNav_inner .subNav.type3 li:first-child {margin-left:0px}
.subNav_wrap .subNav_inner .subNav.type4 li:first-child {margin-left:0px}
.subNav_wrap .subNav_inner .subNav.type5 li:first-child {margin-left:0px}
.subNav_wrap .subNav_inner .subNav.type6 li:first-child {margin-left:0px}
.subNav_wrap .subNav a.node1 {line-height:40px; padding:0 13px; background:url('/Images/Common/ico_subNav_node1.png') right -40px no-repeat; border:2px solid #fff; font-family:"NanumBarunGothicBold", 'NanumGothicBold'; font-size:13px; color:#fff;}
.subNav_wrap .subNav li.on a.node1 {background-position:right 0; background-color:#fff; color:#1d3d6d;}
.subNav_wrap .subNav_inner .btn_close {display:none; position:absolute; right:10px; bottom:0px; z-index:1; width:20px; height:20px;}
.subNav_wrap .subNav_inner .btn_close.on {display:block;}

.subMenuWrap {position:relative; padding:0 0 0 9px ;  width:1000px;}
.subMenuWrap>ul>li {display:none}
.subMenuWrap .subMenu .node2 { margin-top:20px;}
.subMenuWrap .subMenu .node2:after {display:block; content:""; clear:both}
.subMenuWrap .subMenu .node2 .prodType {float:left; padding-right:20px; font-family:"NanumBarunGothicBold", 'NanumGothicBold'; font-size:16px; color:#fff;}
.subMenuWrap .subMenu .node3  { overflow:hidden; }
.subMenuWrap .subMenu .node3:after {display:block; content:""; clear:both}
.subMenuWrap .subMenu .node3 li {float:left; margin-right:23px; padding:0 0 5px 15px; background:url('/Images/Common/ico_subbreadcrub_arrow_off.png') left 4px no-repeat;}
.subMenuWrap .subMenu .node3 li a {font-size:16px; color:#fff;}

.m_subNav_wrap {display:none;}
@media all and (max-width:1015px){
	.subNav_wrap .subNav_inner .subNav.type3 li {width:19%}

	.subMenuWrap {width:auto; min-width:320px;}
}
@media all and (max-width:980px){
	.subNav_wrap .subNav_inner .subNav li {margin-left:7px; width:24.2%}
	.subNav_wrap .subNav_inner .subNav.type3 li {width:18%}
	.subNav_wrap .subNav a.node1 {font-size:12px}

}

@media all and (max-width:768px){
	.subMenuWrap {width:auto}
	.subNav_wrap.fixed { top:70px;}

	.subNav_wrap {display:none;}

	.m_subNav_wrap {display:block; position:relative; overflow:auto;  max-height:300px;  background:#00a1e0 }
	.m_subNav_wrap .subNav_inner { padding:20px 10px 20px 10px ; }
	.m_subNav_wrap .subNav_inner .tit {padding:0 10px; line-height:30px; border:2px solid #fff; background:url('/Images/Common/ico_subNav_node1.png') right -45px no-repeat; color:#fff; font-family:'NanumGothicBold'; cursor:pointer }
	.m_subNav_wrap .subNav_inner .tit.on {  background:url('/Images/Common/ico_subNav_node1.png') right -5px no-repeat; }
	.m_subNav_wrap .subNav_inner .subNav {display:none;  border:2px solid #fff; border-top:0;   }
	.m_subNav_wrap .subNav_inner .subNav li.node1 {width:auto; border-bottom:1px solid #fff;line-height:30px;  }
	.m_subNav_wrap .subNav_inner .subNav li.node1 a.node1 {display:block; padding-left:9px; font-size:16px;  font-family:"NanumBarunGothicBold", 'NanumGothicBold'; color:#fff;}

	.m_subNav_wrap .subNav_inner .subNav li.node2 {border-top:1px solid #fff; padding-left:20px; background:#33b4e6 url("/Images/Common/bot_m_snb_list.gif") 10px 15px no-repeat}
	.m_subNav_wrap .subNav_inner .subNav li.node2 a {display:block; font-family:"NanumBarunGothicBold", 'NanumGothicBold'; font-size:12px; color:#fff;}
	.m_subNav_wrap .btn_close {position:absolute; right:0px; bottom:-5px; z-index:1; width:20px; height:20px;}

}
@media all and (max-width:640px){
	.subNav_wrap .subNav {margin:0 10px;}
	.subNav_wrap .subNav_inner .btn_close {right:10px;}

}
.subBreadcrumb {width:100%; padding:50px 0 0px 10px; background:#00a1e0; }
.subBreadcrumb:after {display:block; content:""; clear:both}
.subBreadcrumb li {float:left; padding:0 23px 0 14px; background:url('/Images/Common/ico_subbreadcrub_arrow_off.png') left center no-repeat}
.subBreadcrumb li a {color:#fff}
.subBreadcrumb li.on { background:url('/Images/Common/ico_subbreadcrub_arrow_on.png') left center no-repeat}
.subBreadcrumb li.on a {font-family:"NanumBarunGothicBold", 'NanumGothicBold';}

.gallery_wrap {overflow:hidden; position:relative; height:243px;}
.gallery_wrap .img_wrap {float:left; width:320px; margin-right:20px;   text-align:center}

.gallery_wrap .img_wrap .img_border {width:320px; height:162px; border:1px solid #e0e0e0;}
.gallery_wrap .img_wrap .img_border img {width:100%; height:100%}
.gallery_wrap .img_wrap a { display:block; width:100%; margin-top:30px;  font-size:14px; color:#fff}
/*.gallery_wrap .img_wrap img {width:100%;}*/
.gallery_wrap .galleryInfo {float:left; position:relative; width:320px; height:100%;}

.gallery_wrap .galleryInfo .prodName {margin-bottom:15px; font-family:"NanumBarunGothicBold", 'NanumGothicBold'; font-size:16px; color:#444;}
.gallery_wrap .galleryInfo .explain { width:auto; height:160px; margin-bottom:4px;  }

@media all and (max-width:440px){
	.gallery_wrap .img_wrap {width:80%; height:auto}
	.gallery_wrap .img_wrap .img_border {width:auto;}
	.img_wrap img {width:100%}
}
@media all and (max-width:640px){
	.gallery_wrap .galleryInfo .explain {height:auto;}
	.gallery_wrap .img_wrap a {margin-top:5px}
}
/* Quick Menu */
.quickMenu_type1 {position:absolute; right:0px; top:0px; width:52px; }

.quickMenu_type1 ul.quickMenuWarp {height:163px ; padding-top:50px;}
.quickMenu_type1 ul.quickMenuWarp li {padding-bottom:5px;}
.quickMenu_type1 ul.quickMenuWarp li:first-child {margin-top:0px;}
.quickMenu_type1 ul.quickMenuWarp li a {display:block; width:52px; height:30px;  border:1px solid #e2e2e2; text-align:center}
.quickMenu_type1 ul.quickMenuWarp li a img {width:50px; height:28px;}

.quickMenu_type1 .bx-wrapper {padding-top:39px;}
.quickMenu_type1 .bx-wrapper .bx-controls {position:absolute; top:0px; width:53px;}
.quickMenu_type1 .bx-wrapper .bx-controls-direction a.bx-prev {top:0px; width:30px; height:30px; margin:0 auto; background:url('/Images/Common/btn_quickMenu_type1.png') 0 -30px no-repeat;}
.quickMenu_type1 .bx-wrapper .bx-controls-direction a.bx-next {top:182px; width:30px; height:30px; margin:0 auto; background:url('/Images/Common/btn_quickMenu_type2.png') 0 -30px no-repeat;}

.quickMenu_type1 .bx-wrapper .bx-controls-direction a:hover {background-position:0px 0px;}
.quickMenu_type1 .bx-wrapper .bx-controls-direction a.disabled {display:block;}
@media all and (max-width:1024px){
	.breadcrumb_wrap {width:auto; padding:10px;}
	.subVisual_wrap .subVisual {width:auto;}
	.subVisual_wrap .subVisual .prodImg {right:20px;}

	/*.gallery_wrap .img_wrap {width:42%;}*/
	.gallery_wrap .galleryInfo {width:42%;}
}
@media all and (max-width:980px){

	.subNav_wrap.on {position:fixed; top:70px; left:0; width:100%; z-index:500}
	.subVisual_wrap .subVisual .prodImg {display:none;}
	.snb_wrap {display:none;}

}
@media all and (max-width:768px){
	.subVisual_wrap .subVisual {height:160px;}

	.subVisual_wrap .subVisual_left {display:block;  width:100%; }


	.cont_wrap.border {padding-bottom:5px; border-bottom:1px solid #ccc}
}
@media all and (max-width:640px){
	.subBreadcrumb {display:none}

	.subVisual_wrap .subVisual {height:145px;}
	.subVisual_wrap .subVisual_left { padding-bottom:10px;}
	.subVisual_wrap .subVisual:after {display:block; content:""; clear:both}

	.subVisual_wrap .subVisual h1 {margin:4px 0 5px 0 ;font-size:25px;}
	.subVisual .subTit {margin-bottom:5px; font-size:18px}
	.subVisual_wrap .subVisual .btn_wrap {position:static}

	.subNav_wrap .subNav {overflow:hidden}
	.subNav_wrap .subNav li.col3 {width:100%; margin-left:0; margin-right:0; margin-bottom:0.8333%; }

	.cont_wrap .explain_tit {font-size:20px}
	.gallery_wrap {height:auto}
	.gallery_wrap .img_wrap, .gallery_wrap .galleryInfo {display:block;  clear:both}
	/*.gallery_wrap .img_wrap {width:70%;}*/

	.gallery_wrap .galleryInfo .prodName {font-size:15px;}
}



/*------------------------------------------------------------------------------------------
                                         * Back To Top *
-------------------------------------------------------------------------------------------*/
.back-to-top {display:none; position:fixed; right:0px; bottom:40px; z-index:10000; width:51px; height:51px; }
.back-to-top.show {display:block;}
.back-to-top a {overflow:hidden; width:51px; height:51px; background:url('/Images/Common/btn_top.png') left top no-repeat;}
.back-to-top a.btn span {text-indent:-9999px; font-size:0px; line-height:0;}


@media all and (max-width:640px){
	.back-to-top {display:none; position:fixed; right:10px; bottom:10px; z-index:10000; width:44px; height:44px; }
	.back-to-top a {width:44px; height:44px; background-size:44px 44px}
}