@import url("../../common/css/style.css");
@import url("./common/css/temp.css");
/* Not Use
@import url("../../common/css/temp.css");
@import url("../../common/css/temp_notUse.css");
*/



.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.clear:after{clear:both;content:"";display:block}
::selection{background:#949494;color:#FFF}
::-moz-selection{background:#949494;color:#FFF}
.alignleft{float:left;margin:0 20px 20px 0}
.alignright{float:right;margin:0 0 20px 20px}
.aligncenter{display:block;margin:10px auto}
.header_top .aligncenter{margin:8px auto}
.text-align-right{text-align:right}
.text-align-left{text-align:left}
.text-align-center{text-align:center}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;outline:0}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a{background-color:transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1pxdotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
mark{color:#000;background:#ff0;}
small{font-size:80%;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em40px;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;}
button{overflow:visible;}
button,select{text-transform:none;}
button,htmlinput[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],htmlinput[disabled]{cursor:default;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{padding:.35em.625em.75em;margin:02px;border:1pxsolid#c0c0c0;}
legend{padding:0;border:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
blockquote{quotes:none}
blockquote:before,blockquote:after{content:'';content:none}
del{text-decoration:line-through}

table{border-collapse:collapse;border-spacing:0;border:medium none;vertical-align:middle}
table th,table td{padding:0;}
table th h5{color:#fff}
table tr:nth-child(even) td{background-color:transparent}
table tr:nth-child(odd) td{background-color:#f5f5f5;}
/*
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
*/
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}

a img{border:0}
h2 a,h3 a,h5 a{color:#0079ff}

hr{display:none}

a{text-decoration:none}
p a{text-decoration:none}
input[type='submit']{-webkit-appearance:none}
html{height:100%}
/*
a:before{content:'';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out}
*/
a:hover,p a:hover{color:#0079ff;text-decoration:none}
a:hover:before{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1}
ol,ul{list-style:none;margin:0;padding:0}
ul ul,ol ul,ul ol,ol ol {margin-bottom: 0;}








/*
*/

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
/*
body{font-family:'Roboto','Open Sans',sans-serif,'Nanum Gothic','나눔고딕','Nanum Barun Gothic','나눔바른고딕'; font-weight:300;font-size:15px;line-height:26px;color:#626262;background-color:#fff;overflow-y:scroll;overflow-x:hidden!important}
*/
/*
body{font-family:'Roboto','Open Sans',sans-serif,'Nanum Gothic','나눔고딕','Nanum Barun Gothic','나눔바른고딕'; font-weight:300;font-size:16px;color:#111;background-color:#fff;}
.wrapper{position:relative;z-index:1000;-webkit-transition:left .33s cubic-bezier(0.694,0.0482,0.335,1);-moz-transition:left .33s cubic-bezier(0.694,0.0482,0.335,1);-o-transition:left .33s cubic-bezier(0.694,0.0482,0.335,1);-ms-transition:left .33s cubic-bezier(0.694,0.0482,0.335,1);transition:left .33s cubic-bezier(0.694,0.0482,0.335,1);left:0}
.wrapper{background:url('/common/images/bg_main_02.png') repeat-x 0 0 transparent;}
*/
body{font-family:'Open Sans','Roboto',sans-serif,'Nanum Gothic','나눔고딕','Nanum Barun Gothic','나눔바른고딕'; font-weight:300;font-size:16px;color:#111;background-color:#fff;}
.wrapper{position:relative;z-index:1000;-webkit-transition:left .33s cubic-bezier(0.694,0.0482,0.335,1);-moz-transition:left .33s cubic-bezier(0.694,0.0482,0.335,1);-o-transition:left .33s cubic-bezier(0.694,0.0482,0.335,1);-ms-transition:left .33s cubic-bezier(0.694,0.0482,0.335,1);transition:left .33s cubic-bezier(0.694,0.0482,0.335,1);left:0}
.wrapper{background:url('/common/images/bg_main_02.png') repeat-x 0 0 transparent;}

/*
.wrapper_inner{width:100%;overflow:hidden}
*/
.wrapper_inner{width:100%;}

header{
	/*
	-webkit-transition:all .13s cubic-bezier(0.694,0.0482,0.335,1),left .33s cubic-bezier(0.694,0.0482,0.335,1);
	-moz-transition:all .13s cubic-bezier(0.694,0.0482,0.335,1),left .33s cubic-bezier(0.694,0.0482,0.335,1);
	-o-transition:all .13s cubic-bezier(0.694,0.0482,0.335,1),left .33s cubic-bezier(0.694,0.0482,0.335,1);
	-ms-transition:all .13s cubic-bezier(0.694,0.0482,0.335,1),left .33s cubic-bezier(0.694,0.0482,0.335,1);
	transition:all .13s cubic-bezier(0.694,0.0482,0.335,1),left .33s cubic-bezier(0.694,0.0482,0.335,1);
	width:100%;
	z-index:110000;
	top:0;
	left:0;
	background-color:rgba(245,248,255,0.95);
	border-bottom:1px solid #8099b3;
	*/
}

/*
header, .boxed .header_inner { background-color: rgba(229,235,242,1.0);}
*/
header { /*background-color: rgba(245,248,255,1.0);*/}
header.scrolled{/*background-color:rgba(245,248,255,0.95)*/}

/*
header .container_inner .header_inner_left{position:relative;left:0;top:0;height:100%;}
*/
header .container_inner .header_inner_left{position:relative;left:0;top:0;}

.header_top {
	font-size:13px;height:36px;padding:0 12px;/*border-bottom:1px solid #283b52;*/ /*background:#66809f*/ /* bgColorSet : #3e5169, #1b2b3f */
	/*
	background:-moz-linear-gradient(left,#335f99 0,#1b2b3f 100%);
	background:-webkit-gradient(left top,right top,color-stop(0%,#335f99),color-stop(100%,#1b2b3f));
	background:-webkit-linear-gradient(left,#335f99 0,#1b2b3f 100%);
	background:-o-linear-gradient(left,#335f99 0,#1b2b3f 100%);
	background:-ms-linear-gradient(left,#335f99 0,#1b2b3f 100%);
	background:_linear-gradient_legacy(to right,#335f99 0,#1b2b3f,100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#335f99',endColorstr='#1b2b3f',GradientType=1)
	*/
} /* default.min.js, function headerSize(e) 31 > 37 */


.site-header {
	-webkit-transition:all .44s cubic-bezier(0.694,0.0482,0.335,1),left .64s cubic-bezier(0.694,0.0482,0.335,1);
	-moz-transition:all .44s cubic-bezier(0.694,0.0482,0.335,1),left .64s cubic-bezier(0.694,0.0482,0.335,1);
	-o-transition:all .44s cubic-bezier(0.694,0.0482,0.335,1),left .64s cubic-bezier(0.694,0.0482,0.335,1);
	-ms-transition:all .44s cubic-bezier(0.694,0.0482,0.335,1),left .64s cubic-bezier(0.694,0.0482,0.335,1);
	transition:all .44s cubic-bezier(0.694,0.0482,0.335,1),left .64s cubic-bezier(0.694,0.0482,0.335,1);
	padding: 0;
	z-index:110;
	left: 0;
	top: 0;
	/*
	background-color:rgba(245,248,255,0.95);
	border-bottom:1px solid #8099b3;
	*/
	box-sizing: border-box;
}

.site-header.sticky-nav {
	position: fixed;
	width: 100%;
	background-color: #ccc;
	box-sizing: border-box;
}

.site-header.stuck {
	position: fixed;
	width: 100%;
	/*background-color:rgba(255,255,255,0.98);*/
	background-color:rgba(26,64,115,0.98);
	left: 0;
	top: 0;
	/*-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;*/
	transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;
	box-sizing: border-box;
}

	.site-header.stuck img {
		width: 207px;
		height: auto;
	/*-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;*/
	transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;
	box-sizing: border-box;

}

.logo_wrapper {  }
.logo_img {
	position:relative;
	float:left;
	top:80%;
	box-sizing: border-box;
	margin:0.1em 0 0.5em;
	/*-webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;*/
	transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;
}
	.site-header.stuck .logo_img { margin:0.3em 0; /*-webkit-transition:all .4s ease-in-out 0s;-moz-transition:all .4s ease-in-out 0s;-o-transition:all .4s ease-in-out 0s;*/ transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out; }


.header_top p{font-size:13px;line-height:36px}

.header_top .left{float:left}
.header_top .right{float:right}
.header_top .left .inner>div{float:left;padding:0 15px 0 0}
.header_top .right .inner>div{float:left;padding:10px 0 0 15px}

.header_top .right .inner a { color:#bbb; }
.header_top .right .inner a:hover { color:#eee }

.header_top .right .inner .lang { font-size:12px; font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; color:#369; }
.header_top .right .inner .lang.active { color:#9ce; }
.header_top .right .inner .lang a {  }
.header_top .right .inner .lang a:hover { color:#f60; }
.lang, .lang-en {  }

.header_top .container .container_inner .right li { float:left; list-style:none; padding-left:20px; color:#eee; }

.header_bottom{position:relative;}
.header_bottom .container_inner{position:relative}

.header_inner_right{float:right;position:relative;z-index:111}


/*
.logo_wrapper{height:100%;float:left}
.logo{position:relative;top:0%;left:0}
.logo a{position:relative;display:block;}
.logo img{display:block;position:relative;top:-50%;width:auto!important;max-width:none}
*/


/* GNB Menu 2 */
/*
.gnb_menu_container { width: 100%; margin: 0 auto; background: #e9e9e9; }
*/
.gnb_menu_container { width: 100%; margin: 0 auto;  }

/*
.gnb_menu { position: relative; left:auto; right:0; float:right; background:url('/common/images/bg_gnb.png') repeat-x 0 0 transparent; }
*/
.gnb_menu { position: relative; left:auto; right:0; float:right; }

.gnb_menu > ul { position: relative; margin: 0 auto; padding: 0; list-style: none; /* IF .gnb_menu position=relative -> ul = container width, ELSE ul = 100% width */ box-sizing: border-box; }

.gnb_menu > ul:before,
.gnb_menu > ul:after { content: ""; display: table; }
.gnb_menu > ul:after { clear: both; }

.gnb_menu > ul > li.has_sub { float: left; background:transparent; padding: 0; margin: 0; }
.gnb_menu > ul > li.has_sub a { text-decoration: none; display: block; }
/*
.gnb_menu > ul > li.has_sub a.cat { padding: 2.4em 2.0em; color:#222; }
.gnb_menu > ul > li.has_sub a.cat_member { padding: 2.4em 1.4em; color:#222; }
*/
.gnb_menu > ul > li.has_sub a.cat { padding: 1.4em 2.4em 1.6em; color:#ddd; font-size:15px; font-family:'Open Sans',sans-serif,'Nanum Gothic','나눔고딕'; }
	.site-header.stuck .gnb_menu > ul > li.has_sub a.cat { padding: 1.2em 2.4em; }
.gnb_menu > ul > li.has_sub a.cat:hover { color:#fc1; }

.gnb_menu > ul > li > ul:before,
.gnb_menu > ul > li > ul:after { content: ""; display: table; }
.gnb_menu > ul > li > ul:after { clear: both; }
.gnb_menu > ul > li > ul { display: none; border-top:3px solid #fc1; position: absolute; z-index: 99; left: 0px; margin: 0; list-style: none; box-sizing: border-box; }
.gnb_menu > ul > li > ul.left { left: auto; }
.gnb_menu > ul > li > ul.right { right:0; left:auto;    /*position: absolute;*/ }

.gnb_menu ul.normal_sub, .gnb_menu ul.multi_sub { /*background:#2d333a;*/ /*background-color:rgba(45,51,58,0.97);*/ background-color:rgba(13,38,64,0.97) }
.gnb_menu ul.normal_sub { left: auto; }
.gnb_menu ul.normal_sub { padding:0.5em; }
.gnb_menu > ul > li > ul.normal_sub { padding:0.5em; }
.gnb_menu ul.multi_sub { padding:0 0.5em 0; }
.gnb_menu ul.multi_sub li { display:table;float:left; }
.gnb_menu ul.multi_sub { padding-left:0;padding-right:0; }

.gnb_menu > ul > li > ul > li a { display: block; }
.gnb_menu ul.multi_sub li ul.link_page li { display:block;list-style: none;float:none; } 

ul.link_page { padding:0 0px; width:228px; }
ul.link_page.long { padding:0 0px; width:264px; }
ul.link_page.short { padding:0 0px; width:180px; }

li.multi { margin:0 0.5em 0.5em; }
li.multi a.second_title { padding:0.9em 0.8em; color:#8be; border-bottom:1px solid #555; margin-bottom:0.5em; }
li.multi a.second_title:hover {  color:#adf; }

ul.link_page li { padding:0.7em 0.8em; }
ul.link_page li { /*background:#ff0;*/ }
ul.link_page li a { color:#ececec; font-size:13px; }
ul.link_page li:hover a { color:#fc0; }
ul.link_page li:hover { background-color:rgba(4,8,17,0.95) }
ul.link_page li:hover { -webkit-transition:all .6s ease 0s;-moz-transition:all .6s ease 0s;-o-transition:all .6s ease 0s; }
.gnb_menu a { -webkit-transition:all .4s ease 0s;-moz-transition:all .4s ease 0s;-o-transition:all .4s ease 0s; }
.gnb_menu li.has_sub.active a.cat { color:#9ce; }
.gnb_menu li.has_sub a.cat { font-weight:700; }
.gnb_menu.en li.has_sub a.cat { font-weight:400; letter-spacing:-1px; word-spacing:2px; } /* Eng */

.container{position:relative;padding:0;width:100%}
.container_inner{width:1080px;margin:0 auto}


/* Content */
/*
.content{display:inline-block;width:100%;margin:0 0 0 0;position:relative;z-index:100;}
*/
.content{display:inline-block;width:100%;margin:0 0 0 0;position:relative;}
.content .container .container_inner { padding:0px 0 0; }
.content .title .container_inner{padding:0}

.content .container #ctt { margin:0 auto } /* 약관 */
.content .container .ctt_provision { width:1152px; margin:0 auto } /* 약관 */


#contentSec { background:#fff; }

/* Contents Frame (Left aside + contentsContainer) */

/* 기본형 좌우 교체 (보관)
#asideLeft {position:relative;float:left;margin:0 -1px 0 0;width:210px;border-right:1px solid #dde4e9;background:#fff}
#asideLeft:after {display:block;visibility:hidden;clear:both;content:""}
#contentsContainer {float:right;padding:15px 16px 15px 15px;width:910px;min-height:500px;height:auto !important;height:500px;border-left:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
*/

/* 기본형 좌우 교체 + 수정 1 (Vertical Border 있음) (보관)
#asideLeft {position:relative;float:left;margin:0 0px 0 -1px;width:281px;border-right:1px solid #dde4e9;background:#fff;padding-right:40px;}
#asideLeft:after {display:block;visibility:hidden;clear:both;content:""}
#contentsContainer {float:right;padding:0;width:830px;min-height:500px;height:auto !important;height:500px;border-left:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
*/

#asideLeft {position:relative;float:left;margin:0 0px 0 0; width:280px; padding-right:60px;}
#asideLeft:after {display:block;visibility:hidden;clear:both;content:""}
#asideLeft .cat_title { position:relative; display:block; margin:0; font-size:16px; font-weight:700; color:#222; }
/*
#asideLeft .cat_title span:before { content:'\f115'; font-family:'fontawesome'; padding-right:12px; font-size:14px; font-weight:normal; color:#999; }
*/
#asideLeft .cat_title span { display:none; }
#contentsContainer { float:right; padding:0; width:800px; min-height:480px; height:auto !important; height:480px; font-size:14px; line-height:28px; zoom:1; }
#contentsContainer, #contentsContainer h2, #contentsContainer h3, #contentsContainer h4 { font-family:'Roboto','Open Sans',sans-serif,'Nanum Gothic','나눔고딕'; }
/*
.side_sub{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1, h2, h3, h4, h5, h6{margin:0px !important;}
*/


/* Left Menu */
.left_title_img { position:relative; width:280px; height:64px; }
.left_title_img.about { background: url('/common/images/left_title_01.png') no-repeat 0 0px transparent; }
.left_title_img.product { background: url('/common/images/left_title_02.png') no-repeat 0 0px transparent; }
.left_title_img.qc { background: url('/common/images/left_title_03.png') no-repeat 0 0px transparent; }
.left_title_img.facilities { background: url('/common/images/left_title_04.png') no-repeat 0 0px transparent; }
.left_title_img.customer { background: url('/common/images/left_title_05.png') no-repeat 0 0px transparent; }
.left_title_img.sitemap { background: url('/common/images/left_title_09.png') no-repeat 0 0px transparent; }

	.left_title_product_21 { background: url('/common/images/left_title_21.png') no-repeat 0 0px transparent; }
	.left_title_product_22 { background: url('/common/images/left_title_22.png') no-repeat 0 0px transparent; }
	.left_title_product_23 { background: url('/common/images/left_title_23.png') no-repeat 0 0px transparent; }




.left_menu_wrap { position:relative; display:block; /*border-bottom:8px solid #58c;*/ border-bottom:2px solid #4d97ef; margin-top:1px; }
.left_menu_wrap .side { position:relative; display:block; padding:12px 36px 12px 12px; color:#444; border-bottom:1px solid #ececec; background:transparent; }
.left_menu_wrap .side { font-family:'Open Sans','Roboto','Nanum Gothic','나눔고딕'; font-weight:700; font-size:13px; line-height:13px; text-transform:capitalize; } /* Eng */
#asideLeft.en .left_menu_wrap .side { font-family:'Open Sans','Roboto'; font-weight:400; font-size:13px; line-height:1.5em; } /* Eng */
.left_menu_wrap .side:hover { background:#8be; color:#fff; }
.left_menu_wrap .active { color:#69e; }
.left_menu_wrap .side i { font-weight:400; font-style:normal; }

.left_menu_wrap .side,
.left_menu_wrap .side .side_menu_arrow2:before,
.left_menu_wrap .side .side_menu_arrow:before {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}

.left_menu_wrap .side .side_menu_arrow:before { position:absolute; font-family:'fontawesome'; top:14px; }
.left_menu_wrap .side .side_menu_arrow:before { content:'\f105'; position:absolute; right:12px; }
.left_menu_wrap .side:hover .side_menu_arrow:before { content:'\f105'; position:absolute; right:8px; }

/*
.side_sub{position:relative;top:1px;display:inline-block;font-family:'fontawesome';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*/
.left_menu_wrap .side .side_sub{ margin-right:10px; position:relative;}
.left_menu_wrap .side.toggle .side_sub:before{content:'\f196'; font-family:'fontawesome'; color:#888; font-size:13px; font-weight:normal; }
.left_menu_wrap .side.toggle.active .side_sub:before{content:'\f147'; color:#aaa;}
.left_menu_wrap .side.toggle { cursor:pointer;}

.left_menu_wrap .sub-wrapper { font-family:'Open Sans','Roboto','Nanum Gothic','나눔고딕'; font-weight:700; font-size:13px; line-height:13px; color:#444; }
#asideLeft.en .left_menu_wrap .sub-wrapper { font-family:'Open Sans','Roboto'; font-weight:400; font-size:13px; line-height:1.5em; } /* Eng */
.left_menu_wrap .sub-wrapper {border-bottom:1px #ececec solid; display:none; padding-top:4px; padding-bottom:4px;}
.left_menu_wrap .sub-wrapper:last-child {border:none;}
.left_menu_wrap .sub-wrapper a{display:block; padding:8px 0 8px 24px;}
/*
.left_menu_wrap .sub-wrapper a:hover { color:#fc1; }
*/
.left_menu_wrap .sub-wrapper a:hover { color:#f81; }




#contentContainer {  position:relative; display:block; float:left; width:720px; }


.page_title_sec { position:relative; float:left; border-bottom:#ddd 1px solid; width:720px; }
.page_title_sec h1 { position:relative; vertical-align:baseline; float:left; width:300px; height:32px;  }
.page_title_sec .kr span { display:none; }
.page_title_sec .en span { display:none; }
.page_title_sec .jp span { display:none; }
/* Current Page */
.page_title_sec .current_page_new { position:relative; left:auto; right:0; float:right; color:#555; padding-top:4px; }
.page_title_sec .current_page_new span { font-size:11px; }
.page_title_sec .current_page_new span.slice:before { content:'\f105'; font-family:'fontawesome'; padding-left:10px; padding-right:10px; color:#aaa; }
.page_title_sec .current_page_new span.home { color:#888; }
.page_title_sec .current_page_new span.mid { letter-spacing:-0.05em; }
.page_title_sec .current_page_new span.current { color:#4d82bf; font-weight:700; }

/* Page Title Img.KR */
.kr.page_title_about_1 { background: url('/common/images/kr/tt_11_01.gif') no-repeat 0 0px transparent; }
.kr.page_title_about_2 { background: url('/common/images/kr/tt_11_02.gif') no-repeat 0 0px transparent; }
.kr.page_title_about_3 { background: url('/common/images/kr/tt_11_03.gif') no-repeat 0 0px transparent; }
.kr.page_title_about_4 { background: url('/common/images/kr/tt_11_04.gif') no-repeat 0 0px transparent; }
.kr.page_title_about_5 { background: url('/common/images/kr/tt_11_07.gif') no-repeat 0 0px transparent; }
.kr.page_title_about_6 { background: url('/common/images/kr/tt_11_05.gif') no-repeat 0 0px transparent; }
.kr.page_title_about_7 { background: url('/common/images/kr/tt_11_06.gif') no-repeat 0 0px transparent; }

.kr.page_title_product_20_1 { background: url('/common/images/kr/tt_20_01.gif') no-repeat 0 0px transparent; } /*제품안내*/

.kr.page_title_product_21_1 { background: url('/common/images/kr/tt_21_01.gif') no-repeat 0 0px transparent; } /*기술개발*/
.kr.page_title_product_21_2 { background: url('/common/images/kr/tt_21_02.gif') no-repeat 0 0px transparent; } /*Excavator Track Link Seal*/
.kr.page_title_product_21_3 { background: url('/common/images/kr/tt_21_03.gif') no-repeat 0 0px transparent; } /*Bulldozer Track Link Seal*/

.kr.page_title_product_22_1 { background: url('/common/images/kr/tt_21_01.gif') no-repeat 0 0px transparent; } /*기술개발*/
.kr.page_title_product_22_2 { background: url('/common/images/kr/tt_22_01.gif') no-repeat 0 0px transparent; } /*Oil Seal*/
.kr.page_title_product_22_3 { background: url('/common/images/kr/tt_22_02.gif') no-repeat 0 0px transparent; } /*O-Ring*/
.kr.page_title_product_22_4 { background: url('/common/images/kr/tt_22_03.gif') no-repeat 0 0px transparent; } /*유공압팩킹*/
.kr.page_title_product_22_5 { background: url('/common/images/kr/tt_22_04.gif') no-repeat 0 0px transparent; } /*메카니컬씰*/
.kr.page_title_product_22_6 { background: url('/common/images/kr/tt_22_05.gif') no-repeat 0 0px transparent; } /*불소수지립씰*/
.kr.page_title_product_22_7 { background: url('/common/images/kr/tt_22_06.gif') no-repeat 0 0px transparent; } /*수압팩킹*/
.kr.page_title_product_22_8 { background: url('/common/images/kr/tt_22_07.gif') no-repeat 0 0px transparent; } /*크레인 TiePad*/
.kr.page_title_product_22_9 { background: url('/common/images/kr/tt_22_09.gif') no-repeat 0 0px transparent; } /*특수수입씰*/

.kr.page_title_product_23_1 { background: url('/common/images/kr/tt_23_01.gif') no-repeat 0 0px transparent; } /*기술개발*/
.kr.page_title_product_23_2 { background: url('/common/images/kr/tt_23_02.gif') no-repeat 0 0px transparent; } /*PTFE Hatch Packing*/
.kr.page_title_product_23_3 { background: url('/common/images/kr/tt_23_03.gif') no-repeat 0 0px transparent; } /*Special Rubber Seal*/

.kr.page_title_qc_1 { background: url('/common/images/kr/tt_31_01.gif') no-repeat 0 0px transparent; } /*품질관리*/
.kr.page_title_qc_2 { background: url('/common/images/kr/tt_31_02.gif') no-repeat 0 0px transparent; } /*품질보증조건*/
.kr.page_title_qc_3 { background: url('/common/images/kr/tt_31_03.gif') no-repeat 0 0px transparent; } /*연구개발실*/

.kr.page_title_facilities_1 { background: url('/common/images/kr/tt_41_01.gif') no-repeat 0 0px transparent; } /**/
.kr.page_title_facilities_2 { background: url('/common/images/kr/tt_41_02.gif') no-repeat 0 0px transparent; } /**/
.kr.page_title_customer_1 { background: url('/common/images/kr/tt_51_01.gif') no-repeat 0 0px transparent; } /**/
.kr.page_title_customer_2 { background: url('/common/images/kr/tt_51_02.gif') no-repeat 0 0px transparent; } /**/
.kr.page_title_sitemap { background: url('/common/images/kr/tt_91_01.gif') no-repeat 0 0px transparent; } /**/
/* Page Title Img.KR // */

/* Page Title Img.EN */
.en.page_title_about_1 { background: url('/common/images/en/tt_11_01.gif') no-repeat 0 0px transparent; }
.en.page_title_about_2 { background: url('/common/images/en/tt_11_02.gif') no-repeat 0 0px transparent; }
.en.page_title_about_3 { background: url('/common/images/en/tt_11_03.gif') no-repeat 0 0px transparent; }
.en.page_title_about_4 { background: url('/common/images/en/tt_11_04.gif') no-repeat 0 0px transparent; }
.en.page_title_about_5 { background: url('/common/images/en/tt_11_05.gif') no-repeat 0 0px transparent; } /*Import Localization*/
.en.page_title_about_6 { background: url('/common/images/en/tt_11_06.gif') no-repeat 0 0px transparent; } /*Organization*/
.en.page_title_about_7 { background: url('/common/images/en/tt_11_07.gif') no-repeat 0 0px transparent; } /*Location*/

.en.page_title_product_20_1 { background: url('/common/images/en/tt_20_01.gif') no-repeat 0 0px transparent; } /*Products*/

.en.page_title_product_21_1 { background: url('/common/images/en/tt_21_01.gif') no-repeat 0 0px transparent; } /*Technology*/
.en.page_title_product_21_2 { background: url('/common/images/en/tt_21_02.gif') no-repeat 0 0px transparent; } /*Excavator Track Link Seal*/
.en.page_title_product_21_3 { background: url('/common/images/en/tt_21_03.gif') no-repeat 0 0px transparent; } /*Bulldozer Track Link Seal*/

.en.page_title_product_22_1 { background: url('/common/images/en/tt_21_01.gif') no-repeat 0 0px transparent; } /*Technology*/
.en.page_title_product_22_2 { background: url('/common/images/en/tt_22_01.gif') no-repeat 0 0px transparent; } /*Oil Seal*/
.en.page_title_product_22_3 { background: url('/common/images/en/tt_22_02.gif') no-repeat 0 0px transparent; } /*O-Ring*/
.en.page_title_product_22_4 { background: url('/common/images/en/tt_22_03.gif') no-repeat 0 0px transparent; } /*유공압팩킹*/
.en.page_title_product_22_5 { background: url('/common/images/en/tt_22_04.gif') no-repeat 0 0px transparent; } /*메카니컬씰*/
.en.page_title_product_22_6 { background: url('/common/images/en/tt_22_05.gif') no-repeat 0 0px transparent; } /*불소수지립씰*/
.en.page_title_product_22_7 { background: url('/common/images/en/tt_22_06.gif') no-repeat 0 0px transparent; } /*수압팩킹*/
.en.page_title_product_22_8 { background: url('/common/images/en/tt_22_07.gif') no-repeat 0 0px transparent; } /*크레인 TiePad*/
.en.page_title_product_22_9 { background: url('/common/images/en/tt_22_09.gif') no-repeat 0 0px transparent; } /*특수수입씰*/

.en.page_title_product_23_1 { background: url('/common/images/en/tt_23_01.gif') no-repeat 0 0px transparent; } /*Technology*/
.en.page_title_product_23_2 { background: url('/common/images/en/tt_23_02.gif') no-repeat 0 0px transparent; } /*PTFE Hatch Packing*/
.en.page_title_product_23_3 { background: url('/common/images/en/tt_23_03.gif') no-repeat 0 0px transparent; } /*Special Rubber Seal*/

.en.page_title_qc_1 { background: url('/common/images/en/tt_31_01.gif') no-repeat 0 0px transparent; } /*QC*/
.en.page_title_qc_2 { background: url('/common/images/en/tt_31_02.gif') no-repeat 0 0px transparent; } /*QC_Condition*/
.en.page_title_qc_3 { background: url('/common/images/en/tt_31_03.gif') no-repeat 0 0px transparent; } /*Lavoratory*/

.en.page_title_facilities_1 { background: url('/common/images/en/tt_41_01.gif') no-repeat 0 0px transparent; } /**/
.en.page_title_facilities_2 { background: url('/common/images/en/tt_41_02.gif') no-repeat 0 0px transparent; } /**/
.en.page_title_customer_1 { background: url('/common/images/en/tt_51_01.gif') no-repeat 0 0px transparent; } /**/
.en.page_title_customer_2 { background: url('/common/images/en/tt_51_02.gif') no-repeat 0 0px transparent; } /**/
.en.page_title_sitemap { background: url('/common/images/en/tt_91_01.gif') no-repeat 0 0px transparent; } /**/
/* Page Title Img.EN // */

/* Page Title Img.JP */
.jp.page_title_about_1 { background: url('/common/images/jp/tt_11_01.gif') no-repeat 0 0px transparent; }
.jp.page_title_about_2 { background: url('/common/images/jp/tt_11_02.gif') no-repeat 0 0px transparent; }
.jp.page_title_about_3 { background: url('/common/images/jp/tt_11_03.gif') no-repeat 0 0px transparent; }
.jp.page_title_about_4 { background: url('/common/images/jp/tt_11_04.gif') no-repeat 0 0px transparent; }
.jp.page_title_about_5 { background: url('/common/images/jp/tt_11_05.gif') no-repeat 0 0px transparent; }
.jp.page_title_about_6 { background: url('/common/images/jp/tt_11_06.gif') no-repeat 0 0px transparent; }
.jp.page_title_about_7 { background: url('/common/images/jp/tt_11_07.gif') no-repeat 0 0px transparent; }

.jp.page_title_product_20_1 { background: url('/common/images/jp/tt_20_01.gif') no-repeat 0 0px transparent; } /*Products*/

.jp.page_title_product_21_1 { background: url('/common/images/jp/tt_21_01.gif') no-repeat 0 0px transparent; } /*Technology*/
.jp.page_title_product_21_2 { background: url('/common/images/jp/tt_21_02.gif') no-repeat 0 0px transparent; } /*Excavator Track Link Seal*/
.jp.page_title_product_21_3 { background: url('/common/images/jp/tt_21_03.gif') no-repeat 0 0px transparent; } /*Bulldozer Track Link Seal*/

.jp.page_title_product_22_1 { background: url('/common/images/jp/tt_21_01.gif') no-repeat 0 0px transparent; } /*Technology*/
.jp.page_title_product_22_2 { background: url('/common/images/jp/tt_22_01.gif') no-repeat 0 0px transparent; } /*Oil Seal*/
.jp.page_title_product_22_3 { background: url('/common/images/jp/tt_22_02.gif') no-repeat 0 0px transparent; } /*O-Ring*/
.jp.page_title_product_22_4 { background: url('/common/images/jp/tt_22_03.gif') no-repeat 0 0px transparent; } /*유공압팩킹*/
.jp.page_title_product_22_5 { background: url('/common/images/jp/tt_22_04.gif') no-repeat 0 0px transparent; } /*메카니컬씰*/
.jp.page_title_product_22_6 { background: url('/common/images/jp/tt_22_05.gif') no-repeat 0 0px transparent; } /*불소수지립씰*/
.jp.page_title_product_22_7 { background: url('/common/images/jp/tt_22_06.gif') no-repeat 0 0px transparent; } /*수압팩킹*/
.jp.page_title_product_22_8 { background: url('/common/images/jp/tt_22_07.gif') no-repeat 0 0px transparent; } /*크레인 TiePad*/
.jp.page_title_product_22_9 { background: url('/common/images/jp/tt_22_09.gif') no-repeat 0 0px transparent; } /*특수수입씰*/

.jp.page_title_product_23_1 { background: url('/common/images/jp/tt_23_01.gif') no-repeat 0 0px transparent; } /*Technology*/
.jp.page_title_product_23_2 { background: url('/common/images/jp/tt_23_02.gif') no-repeat 0 0px transparent; } /*PTFE Hatch Packing*/
.jp.page_title_product_23_3 { background: url('/common/images/jp/tt_23_03.gif') no-repeat 0 0px transparent; } /*Special Rubber Seal*/

.jp.page_title_qc_1 { background: url('/common/images/jp/tt_31_01.gif') no-repeat 0 0px transparent; } /*QC*/
.jp.page_title_qc_2 { background: url('/common/images/jp/tt_31_02.gif') no-repeat 0 0px transparent; } /*QC_Condition*/
.jp.page_title_qc_3 { background: url('/common/images/jp/tt_31_03.gif') no-repeat 0 0px transparent; } /*Lavoratory*/

.jp.page_title_facilities_1 { background: url('/common/images/jp/tt_41_01.gif') no-repeat 0 0px transparent; } /**/
.jp.page_title_facilities_2 { background: url('/common/images/jp/tt_41_02.gif') no-repeat 0 0px transparent; } /**/
.jp.page_title_customer_1 { background: url('/common/images/jp/tt_51_01.gif') no-repeat 0 0px transparent; } /**/
.jp.page_title_customer_2 { background: url('/common/images/jp/tt_51_02.gif') no-repeat 0 0px transparent; } /**/
.jp.page_title_sitemap { background: url('/common/images/jp/tt_91_01.gif') no-repeat 0 0px transparent; } /**/
/* Page Title Img.JP // */


/* Page Title background Image */
.page_title {
	width: 100%;
	float: left;
	background-size: cover;
	background-color: transparent !important;
	background-attachment: fixed;
	background-position: 50% 0 !important;
	background-repeat: no-repeat;
	position: relative;
	/*padding: 80px 0px;*/
	height:270px;
}

.page_title_bg { background: url('/common/images/bg_main_01.png') repeat-x 0px -80px transparent; }

/*
.page_title_about { background-image: url(/common2/images/title_img_1_06.jpg); }
.page_title_power { background-image: url(/common2/images/title_img_1_02.jpg); }
.page_title_industrial { background-image: url(/common2/images/title_img_1_03.jpg); }
.page_title_logistics { background-image: url(/common2/images/title_img_3_01.jpg); }
.page_title_delivery { background-image: url(/common2/images/title_img_1_07.jpg); }
.page_title_community { background-image: url(/common2/images/title_img_2_01.jpg); }
.page_title_service { background-image: url(/common2/images/title_img_2_03.jpg); }
*/
.page_title_about { background: url('/common/images/cmain_img_1.png') no-repeat 0 0px transparent; }
.page_title_product { background: url('/common/images/cmain_img_2.png') no-repeat 0 0px transparent; }
.page_title_product_21 { background: url('/common/images/cmain_img_21.png') no-repeat 0 0px transparent; }
.page_title_product_22 { background: url('/common/images/cmain_img_22.png') no-repeat 0 0px transparent; }
.page_title_product_23 { background: url('/common/images/cmain_img_23.png') no-repeat 0 0px transparent; }
.page_title_qc { background: url('/common/images/cmain_img_3.png') no-repeat 0 0px transparent; }
.page_title_facilities { background: url('/common/images/cmain_img_4.png') no-repeat 0 0px transparent; }
.page_title_customer { background: url('/common/images/cmain_img_5.png') no-repeat 0 0px transparent; }
.page_title_sitemap { background: url('/common/images/cmain_img_2.png') no-repeat 0 0px transparent; }


.page_title_img_11 { background-image: url(/common2/images/title_img_1_01.jpg); }
.page_title_img_21 { background-image: url(/common2/images/title_img_2_01.jpg); }
.page_title_img_31 { background-image: url(/common2/images/title_img_3_01.jpg); }

.page_title h1 {
	line-height: 48px;
	font-size: 3em;
	text-transform: capitalize;
	color:rgba(255,255,255,0.90);
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-weight: 300;
	font-weight: 200;
	font-weight: 100;
}


/* Contents Page */
.contents_page_title { position:relative; display:block; margin:60px 0 40px; border-left:4px solid #47b; }
.contents_page_title h2 { position:relative; padding:0 0 0 16px; margin:0; font-size:24px; line-height:24px; color:#334a73; font-weight:400; }
.contents_page_title h3 { position:relative; padding:6px 0 2px 18px; margin:0; font-size:13px; line-height:13px; color:#999; font-weight:400; }
.contents_here {  }

/* Current Page 2 */


.h1_fnt_kr { font-family:'Nanum Barun Gothic','나눔바른고딕','Nanum Gothic','나눔고딕'; }
.h1_fnt_en { font-family:'Open Sans','Roboto'; }



.content_here { clear:both; position:relative; display:block; margin-top: 60px; padding-left:20px; padding-right:20px; }


/* -- Page.Main ------------------------------------------------------------ */
.main_preview {  }
/*
.main_preview ul.group { margin:40px auto; width:1080px; text-decoration: none; }
*/
.main_preview ul.group { margin:40px auto; width:960px; text-decoration: none; }
.main_preview ul.group a { margin:0 auto; text-decoration: none; }
.main_preview ul.group a:hover, .main_preview ul.group a:visited { text-decoration: none; }
.main_preview ul.group li.thumb { float:left; display:inline-block; margin:4px; width:110px; height:110px; }
.main_preview ul.group li.thumb { border:1px solid #ccc; border-radius:4px; background:no-repeat 0 0 transparent; }
.main_preview ul.group li.thumb_01 { background:url('../../common/images/main_thumb_01.png'); }
.main_preview ul.group li.thumb_02 { background:url('../../common/images/main_thumb_02.png'); }
.main_preview ul.group li.thumb_03 { background:url('../../common/images/main_thumb_03.png'); }
.main_preview ul.group li.thumb_04 { background:url('../../common/images/main_thumb_04.png'); }
.main_preview ul.group li.thumb_06 { background:url('../../common/images/main_thumb_06.png'); }
.main_preview ul.group li.thumb_07 { background:url('../../common/images/main_thumb_07.png'); }
.main_preview ul.group li.thumb_08 { background:url('../../common/images/main_thumb_08.png'); }
.main_preview ul.group li.thumb_09 { background:url('../../common/images/main_thumb_09.png'); }
.main_preview ul.group li.thumb_10 { background:url('../../common/images/main_thumb_10.png'); }
.main_preview ul.group li.thumb .mount { display:table; }
.main_preview ul.group li.thumb .mount span.txt { display:table-cell; width:110px; height:110px; border-radius:4px; margin:0px; text-align:center; vertical-align:middle; font-size:1.1em; text-decoration: none; }
.main_preview ul.group li.thumb .mount a span.txt { background-color:rgba(22,22,22,0.0); color:rgba(255,255,255,0); text-decoration: none; }
.main_preview ul.group li.thumb .mount a span.txt { transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out; }
.main_preview ul.group li.thumb .mount a:hover span.txt { background-color:rgba(22,22,22,0.85); color:rgba(255,255,255,1.0); font-size:1.2em; text-decoration: none; }
.main_preview {  }
/* -- Page.Main // ------------------------------------------------------------ */





/* -- Page.Company ------------------------------------------------------------ */
.company_message {  }
.company_message ul.ceo_message li { display:block; float:left; }
.company_message ul.ceo_message li.left { width:160px; }
.company_message ul.ceo_message li.right { width:520px; }
.company_message ul.ceo_profile li { display:block; float:left; }
.company_message ul.ceo_profile li.left { width:260px; }
.company_message ul.ceo_profile li.right { width:420px; }
.company_message ul.ceo_profile li.right .sub_title {  }
.company_message ul.ceo_profile li.right .desc { margin:4px 0 24px; font-size:1.1em; line-height:1.6em; }

.company_message .report_title {  }
.company_message .report_desc { margin:24px 0; font-size:1.1em; line-height:1.6em; }
.company_message .report_desc img { margin-right:20px; margin-bottom:20px; }
.company_message .report_desc img.left { margin:0 20px 20px 0; left:0; }
.company_message .report_desc img.right { margin:0 0 20px 20px; right:0; }


.company_message ul.sub_link { display:block; margin:0 auto; width:130px; }
.company_message ul.sub_link li.btn { display:block; margin:8px 4px 0; width:130px; height:20px; }
.company_message ul.sub_link span.btn_link { display:block; margin-top:8px; width:130px; height:20px; }

.company_message ul.sub_link span.ceo { background: url('/content/kr/images/sm_1101_off_01.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link span.profile { background: url('/content/kr/images/sm_1101_off_02.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link span.report { background: url('/content/kr/images/sm_1101_off_03.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link a:hover span.ceo { background: url('/content/kr/images/sm_1101_on_01.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link a:hover span.profile { background: url('/content/kr/images/sm_1101_on_02.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link a:hover span.report { background: url('/content/kr/images/sm_1101_on_03.gif') no-repeat 0 0px transparent; }

.company_message ul.sub_link.en span.ceo { background: url('/content/en/images/sm_1101_off_01.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link.en span.profile { background: url('/content/en/images/sm_1101_off_02.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link.en span.report { background: url('/content/en/images/sm_1101_off_03.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link.en a:hover span.ceo { background: url('/content/en/images/sm_1101_on_01.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link.en a:hover span.profile { background: url('/content/en/images/sm_1101_on_02.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link.en a:hover span.report { background: url('/content/en/images/sm_1101_on_03.gif') no-repeat 0 0px transparent; }

.company_message ul.sub_link.jp span.ceo { background: url('/content/jp/images/sm_1101_off_01.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link.jp span.profile { background: url('/content/jp/images/sm_1101_off_02.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link.jp span.report { background: url('/content/jp/images/sm_1101_off_03.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link.jp a:hover span.ceo { background: url('/content/jp/images/sm_1101_on_01.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link.jp a:hover span.profile { background: url('/content/jp/images/sm_1101_on_02.gif') no-repeat 0 0px transparent; }
.company_message ul.sub_link.jp a:hover span.report { background: url('/content/jp/images/sm_1101_on_03.gif') no-repeat 0 0px transparent; }

.company_message ul.sub_link span.btn_link span.desc { display:none; }

.company_message ul.ceo_report ul.sub_link { margin:0 auto; width:300px; }
.company_message ul.ceo_report ul.sub_link li.btn { float:left; margin-left:8px; meagin-right:8px; }

.company_philosophy {  }
.company_history {  }
.company_history ul.history { display:table; }
.company_history ul.history li { display:table-cell; }
.company_history ul.history li.left {  }
.company_history ul.history li.right {  }
.company_certificate {  }
.company_certificate ul.certificate { position:relative; display:table; width:680px; }
.company_certificate ul.certificate li { padding-bottom:8px; }
.company_certificate ul.certificate li.sub_title { padding-top:16px; }
.company_certificate ul.certificate li td { padding-top:4px; padding-bottom:4px; background:#fff; text-align:center; }
.company_localization { padding-left:10px; }
.company_localization ul.index_localization { margin:24px auto 0; display:table; }
.company_localization ul.index_localization li { display:table-cell; padding:0 4px; font-size:1.1em; }
.company_organization {  }
.company_location { padding-left:20px; }

.company_localization {  }
.company_localization table, .company_localization table th, .company_localization table td { vertical-align:middle; font-size:1.1em; }
.company_localization table th, .company_localization table td { padding:4px 8px; }
.company_localization table th { border:1px solid #aaa; background:#cce6ff; }
.company_localization table td { border:1px solid #aaa; border-top:none; }
.company_localization table td.seq { text-align:center; }
.company_localization table td.mid { text-align:center; }
.company_localization table th.c1, .company_localization table td.c1 { width:30px; }
.company_localization table th.c2, .company_localization table td.c2 { width:120px; }
.company_localization table th.c3, .company_localization table td.c3 { width:160px; }
.company_localization table th.c4, .company_localization table td.c4 { width:90px; }
.company_localization table th.c5, .company_localization table td.c5 { width:80px; }



/* -- Page.Company // --------------------------------------------------------- */


/* -- Non-Tab ------------------------------------------------------------ */
/* -- Non-Tab ------------------------------------------------------------ */
.product_content .img { text-align:center; }

/* -- Tab ------------------------------------------------------------ */
.tab_container { max-width:680px; margin:40px auto; }
ul.tab_menu { list-style:none; margin:0; padding:0; overflow:hidden; }
ul.tab_menu li { float:left; margin-left:1px; border-radius:5px 5px 0 0; border:1px solid #bbb; border-bottom:0px; }
ul.tab_menu li a { display:inline-block; padding:8px 0; background-color:#f5f5f5; border-radius:5px 5px 0 0; transition:0.3s; }
ul.tab_menu li a { text-align:center; text-decoration:none; font-size:1.2em; line-height:1.5em; font-weight:700; font-weight:bold; width:108px; }
ul.tab_menu li a:hover { background-color:#c0d2e7; }
ul.tab_menu li.current { background-color:#4d82bf; }
ul.tab_menu li.current a { background-color:#4d82bf; color: #fff; }
.tab_content { display:none; margin:0; padding:8px 0; height:auto; min-height:240px; background:#fff; border-top:1px solid #bbb; font-size:1.1em; line-height:1.6em; width:100%; }
.tab_content.current { display:block; }

.tab_container .tab_content ul { width:100%; }
.tab_container .tab_content ul.bullet li { padding-top:4px; padding-bottom:4px; text-indent:16px; background: url('/common/images/dot_01.png') no-repeat -1px 6px transparent; }
.tab_container .tab_content ul.bullet li .desc2 { padding-top:4px; padding-bottom:4px; margin-left:16px;text-indent:0; }
.tab_container .tab_content ul.disc li { list-style-type:disc; margin:8px 0 8px 16px; }
.tab_container .tab_content ul.disc2 li { list-style-type:disc; margin:4px 0 4px 32px; }
.tab_container .tab_content ul.circle li { list-style-type:circle; margin:8px 0 8px 16px; }
.tab_container .tab_content ul.circle li ul.disc li { list-style-type:disc; margin-left:16px; }
.tab_container .tab_content ol.dec li { list-style-type:decimal; margin-left:16px; padding-bottom:8px; }
.tab_container .tab_content ol.dec li ul.disc2 li { list-style-type:disc; margin-left:16px; padding-bottom:0; }
.tab_container .tab_content ol.dec2 li { list-style-type:lower-roman; margin-left:16px; padding-bottom:0; }
.tab_container .tab_content ol.inh li { list-style-type:inherit; margin-left:0px; padding-bottom:0; }
.tab_container .tab_content ol.inh2 li { list-style-type:inherit; margin-left:16px; padding-bottom:0; }
.tab_container .tab_content .right { padding-left:20px; margin-left:0; }
.tab_container .tab_content .img { padding:4px 0 4px 20px; text-align:center; }
.tab_container .tab_content .caption { padding-top:4px; padding-bottom:8px; text-align:center; font-size:0.875em; }
.tab_container .tab_content .horizontal { display:black; }
.tab_container .tab_content .horizontal .left, .tab_container .tab_content .horizontal .mid { position:relative; float:left; }
.tab_container .tab_content .horizontal .right { position:relative; float:right; right:0; }
.tab_container .tab_content .horizontal .right.img { text-align:right; }
	.tab_container .tab_content ul.horizontal { display:table; }
	.tab_container .tab_content ul.horizontal li { display:table-cell; }
	.tab_container .tab_content ul.horizontal li.left, .tab_container .tab_content ul.horizontal li.mid { position:relative; float:left; }
	.tab_container .tab_content ul.horizontal li.right { position:relative; float:right; right:0; }
	.tab_container .tab_content ul.horizontal li.right.img { text-align:right; }
.tab_container .tab_content ul.horizontal li.left ul.disc li { float:none; }
.tab_container .tab_content ul.horizontal li.left {  }
.tab_container .tab_content ul.horizontal li.mid {  }
.tab_container .tab_content ul.horizontal li.right {  }

.product_content .sub_title,
.tab_container .tab_content .sub_title { margin:8px 0; padding:6px 8px; border-radius:3px; background:#4d82bf; color:#fff; font-weight:700; font-weight:bold; font-size:1.2em; }
.product_content .desc,
.tab_container .tab_content .desc { margin:0; padding:0px 0 8px; font-size:1.1em; }
/*
.tab_container .tab_content .sub_title_2 { margin:8px 0 4px; padding-top:4px; padding-bottom:4px; text-indent:16px; background: url('/common/images/dot_01.png') no-repeat -1px 6px transparent; }
*/
.tab_container .tab_content .sub_title_2 { margin:4px 0 4px; padding-top:4px; padding-bottom:4px; text-indent:16px; background: url('/common/images/dot_01.png') no-repeat -1px 6px transparent; }
.tab_container .tab_content .sub_desc_2 { text-indent:16px; }

/* -- Tab - Table --------------------------- */
.tab_container .tab_content table, .tab_container .tab_content table th, .tab_container .tab_content table td { vertical-align:middle; font-size:1.0em; }
.tab_container .tab_content table th, .tab_container .tab_content table td { padding:4px 8px; }
.tab_container .tab_content table th { border:1px solid #aaa; background:#cce6ff; }
.tab_container .tab_content table td { border:1px solid #aaa; border-top:none; }
.tab_container .tab_content table td.mid { text-align:center; }
.product_rubber_o-ring .tab_o-ring .tab_content td.seq { text-align:center; }
.tab_o-ring .tab_content .tab_o-ring td { padding:2px; text-align:center; }
.tab_o-ring .tab_content .small th, .tab_o-ring .tab_content .small td { padding:4px 2px; font-size:0.75em; }
.tab_o-ring .tab_content .bolt_o-ring th, .tab_o-ring .tab_content .bolt_o-ring td { padding:4px 2px; font-size:0.75em; }
.tab_o-ring .tab_content .bolt_o-ring td.mid { text-align:center; }
/* -- Tab - Table // --------------------------- */


/* -- Tab - Partial --------------------------- */
.tab_content ul li.right { margin-left:0; }

/* product_rubber_oil_seal */
.tab_oil_seal .tab_content .left { width:410px; }
.tab_oil_seal .tab_content ul.oil_seal_spec table { width:680px; }
.tab_oil_seal .tab_content ul.oil_seal_spec { font-size:0.875em; }

/* product_rubber_o-ring */
.tab_o-ring .tab_content ul.general_info .left { width:410px; }
.tab_o-ring .tab_content ul.general_info .right { padding-left:20px; }
.tab_o-ring .tab_content ul.advantages .left { width:470px; }
.tab_o-ring .tab_content ul.advantages .right { padding-left:20px; }
.tab_o-ring .tab_content ul.features .left { width:390px; }
.tab_o-ring .tab_content ul.features .right { padding-top:20px; }
.tab_o-ring .tab_content.summary .left { width:440px; } 
.tab_o-ring .tab_content.material .left { width:410px; } 

/* -- Tab - Partial // --------------------------- */

/* -- Tab // ------------------------------------------------------------ */

/* -- Tab ------------------------------------------------------------ */
.tab { height:auto; overflow:hidden; margin-top:40px; }
.tab ul.tab_btn { padding:0; margin:0; list-style:none; width:100%: height:auto; overflow:hidden; }
.tab ul.tab_btn li { display:inline-block; width:108px;; float:left; line-height:2.4em; text-align:center; cursor:pointer; margin-left:1px; border-radius:4px 4px 0 0; border:1px solid #bbb; border-bottom:0px; background:#f5f5f5; font-size:1.2em; font-weight:bold; font-weight:700; }
.tab ul.tab_btn li:first-child { margin-left:0; }
.tab ul.tab_btn li:hover { background:#c0d2e7; }
.tab ul.tab_btn li.on { background:#4d82bf; color:#fff; }
.tab .tab_content_sec { width:100%; height:auto; overflow:hidden; min-height:200px; background:#fff; display:none; border-top:1px solid #bbb; padding:12px 0; font-size:1.1em; line-height:1.6em; }
.tab .tab_content_sec.on { display:block; }
.tab .tab_content_sec .sub_title { padding:4px 8px; background:#4d82bf; color:#fff; font-weight:700; font-weight:bold; font-size:1.2em; }
.tab .tab_content_sec .desc { padding:8px 0 16px; }

.tab .tab_content_sec ul.pa_div, .tab .tab_content_sec ul.pa_div ul.desc_list { display:table; }
.tab .tab_content_sec ul.pa_div li, .tab .tab_content_sec ul.pa_div ul.desc_list li{ position:relative; display:table-cell; float:left; }
.tab .tab_content_sec ul.pa_div li.desc_ind { /*width:460px;*/ }
.tab .tab_content_sec ul.pa_div li.img_ind { padding-left:20px; /*width:200px;*/ }

.tab .tab_content_sec ul.general_info { display:table; }
.tab .tab_content_sec ul.general_info li { position:relative; display:table-cell; float:left; }
.tab .tab_content_sec ul.general_info li.desc_ind { width:460px; }
.tab .tab_content_sec ul.general_info li.img_ind { padding-left:20px; width:200px; }
.tab .tab_content_sec li.sub_title_2 { padding-top:4px; padding-bottom:4px; text-indent:20px; background: url('/common/images/dot_01.png') no-repeat 0 5px transparent; }

/*
.tab .tab_content_sec li.sub_title_2:before { content:"\f22d"; font-family:'fontawesome'; font-size:1.0em; color:#36f; font-weight:bold; padding-left:1px; }
*/
.tab .tab_content_sec li.desc_2 { padding:4px 0 12px 20px; }
.tab .tab_content_sec li.img_2 { padding:4px 0 12px 20px; text-align:center; }
.tab .tab_content_sec li a, .tab .tab_content_sec li a:hover { color:#36c; }

.tab_content_sec table, .tab_content_sec table th, .tab_content_sec table td { vertical-align:middle; font-size:1.0em; }
.tab_content_sec table th, .tab_content_sec table td { padding:4px 8px; }
.tab_content_sec table th { border:1px solid #aaa; background:#cce6ff; }
.tab_content_sec table td { border:1px solid #aaa; border-top:none; }

.tab_content_sec .lib_materials_1 td.mid { text-align:center; }
.tab_content_sec .lib_materials_2 td.seq { width:60px; }
.tab_content_sec .fluid_compatibility td.mid { text-align:center; }
.tab_content_sec .spring_metal td.mid { text-align:center; }

.tab_content_sec .bolt_o-ring th, .tab_content_sec .bolt_o-ring td { padding-left:2px; padding-right:2px; font-size:0.75em; }
.tab_content_sec .bolt_o-ring td.mid { text-align:center; }
.product_rubber_o-ring .tab_content_sec td.seq { text-align:center; }

.tab_content_sec .desc .desc_list {  }
.tab_content_sec .desc ul.desc_list li { list-style-type:disc; }
.tab_content_sec li.desc ul.pa_div li.desc_ind ul.desc_list li { list-style-type:disc; }

ul.desc_list li { list-style-type:disc; }



.tab .tab_content_sec ul.sub_title {  }
.tab .tab_content_sec ul.sub_title {  }
.tab .tab_content_sec ul.sub_title {  }
.tab .tab_content_sec ul.sub_title {  }
/* -- Tab // ------------------------------------------------------------ */




/* -- Page.Product // --------------------------------------------------------- */
.img_illust { margin-bottom:24px; padding-top:20px; padding-bottom:20px;border:1px solid #ddd; border-radius:8px; background:#f9f9f9; text-align:center; }

.product_rubber {  }
.product_rubber .img_product { text-align:center; }
.product_rubber_oil_seal {  }

.product_rubber_handling { font-size:1.1em; }
.product_rubber_handling .horizontal { padding-top:0px; }
.product_rubber_handling .horizontal .left { padding-top:8px; }
.product_rubber_handling .horizontal .right { width:480px; }
.product_rubber_handling .horizontal { padding-top:8px; }
.product_rubber_handling .handling_sub { margin-top:12px; }

.tab_content .tdth { background:#f5f5f5; }

/* -- Page.Product // --------------------------------------------------------- */


/* -- Page.QC // --------------------------------------------------------- */
.qc_img { padding-top:12px; font-size:1.1em; }
.qc_img .desc { margin-top:12px; padding:4px 8px; background:#ddd; border-radius:4px 4px 0 0; }
.qc_img .desc span { font-size:1.2em; color:#4d82bf; font-weight:700; font-weight:bold; padding-right:12px; }
.qc_img .img { margin-top:0px; padding:2px; border:1px solid #ccc; border-radius:0 0 4px 4px; }

/* -- Page.QC // --------------------------------------------------------- */


/* -- Page.Facilities --------------------------------------------------------- */
.gallery .grid_list { position:relative; }
.qc .gallery .grid_list { position:relative; margin-top:12px; }
.gallery .grid_list li { display:inline-block; margin:12px 2px; width:326px; }
.gallery .grid_item { position:relative; vertical-align:top; }
.gallery .grid_item_inner { position:relative; overflow:hidden; padding:12px 12px; background:#ececec; border:1px solid #bbb; border-radius:4px; }
.gallery .grid_item_img {  }
.gallery .grid_item_desc { padding:12px 2px 5px; text-align:center; }
.gallery .grid_item_desc span { display:inline-block; text-align:center; font-size:1.1em; }
.gallery .grid_item_desc span.step { font-size:1.1em; color:#4d82bf; padding-right:8px; font-weight:700; font-weight:bold; }
.gallery .grid_item_desc span.desc1 { padding:8px 0;  font-weight:700; word-break:keep-all; line-height:22px; }
.gallery .grid_item_desc span.desc2 { padding:16px 4px 8px; border-top:1px solid #ccc; font-size:13px; color:#555; word-break:keep-all; letter-spacing:-1px;  line-height:20px; }

.grid_item a:hover .grid_item_inner .grid_item_desc span.desc1 { color:#fc1; }
.grid_item a:hover .grid_item_inner { background:#fff; border-color:#fc1; }
.grid_item a:hover .grid_item_inner {
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
}

.facilities .st_spec { margin-top:24px; }

/* -- Page.Facilities // --------------------------------------------------------- */

.request {  }
.request_1 { padding:12px 0px; }
.request_2 { padding:4px 0; border-top:1px solid #ddd; }
.request_2 td { vertical-align:middle; }
.request .request_21 { width:20px; }
.request .request_22 { width:100px; }
.request .request_23 { width:20px; }
.request .request_24 {  }
.request_2.sum table { margin:0 auto; }
.request_2.sum td { padding:8px 12px; background:none; }
.request_2.sum input { width:80px; }


/*
.company_message .sub_link .btn_link {  }
.company_message .sub_link span.btn_link { display:block; margin-top:8px; width:130px; height:20px; }
.company_message .sub_link span.btn_link span.desc { display:none; }
.company_message .sub_link span.ceo { background: url('/content/kr/images/sm_1101_off_01.gif') no-repeat 0 0px transparent; }
.company_message .sub_link span.profile { background: url('/content/kr/images/sm_1101_off_02.gif') no-repeat 0 0px transparent; }
.company_message .sub_link span.report { background: url('/content/kr/images/sm_1101_off_03.gif') no-repeat 0 0px transparent; }
.company_message .sub_link a:hover span.ceo { background: url('/content/kr/images/sm_1101_on_01.gif') no-repeat 0 0px transparent; }
.company_message .sub_link a:hover span.profile { background: url('/content/kr/images/sm_1101_on_02.gif') no-repeat 0 0px transparent; }
.company_message .sub_link a:hover span.report { background: url('/content/kr/images/sm_1101_on_03.gif') no-repeat 0 0px transparent; }
.company_message .sub_link span.btn_link span {  }
.company_message .message_img_3 { position:relative; float:left; left:auto; right:0; width:520px; }
*/






/* -- Page.INDEX ------------------------------------------------------------ */


/* -- Page.Industrial ------------------------------------------------------------ */

/* -- Page.Industrial // --------------------------------------------------------- */


/* -- Page.Logistics ------------------------------------------------------------ */

/* -- Page.Logistics // --------------------------------------------------------- */


/* -- Page.Logistics OLD -------------------------------------------------------- */

/* -- Page.Logistics OLD // ----------------------------------------------------- */


/* -- Page.Delivery Performance ------------------------------------------------------------ */

/* -- Page.Delivery Performance // --------------------------------------------------------- */


/* -- Page.Community -------------------------------------------------------- */

/* -- Page.Community // ----------------------------------------------------- */


/* -- Page.Board ------------------------------------------------------------ */

/* -- Page.Board // --------------------------------------------------------- */


/* -- Page.Service ------------------------------------------------------------ */

/* -- Page.Service // --------------------------------------------------------- */


/* -- Page.12345 ------------------------------------------------------------ */

/* -- Page.12345 // --------------------------------------------------------- */


/* -- Page.Sitemap ------------------------------------------------------------ */
.sitemap_sec { display:block; overflow:hidden; }
.sitemap_sec.bottom { margin-top:32px; }
.sitemap_sec li {  }
.sitemap_sec.top li.sitemap_cat { width:220px; }
.sitemap_sec.bottom li.sitemap_cat { width:162px; }
li.sitemap_cat { position:relative; float:left; margin-right:8px; }
.sitemap_sec li.sitemap_cat.right { margin-right:0; }
.sitemap_sec li.sitemap_cat .sitemap_link {  }
.sitemap_sec li.sitemap_cat .sitemap_link li {  }
ul.sitemap_link { padding-bottom:4px; line-height:1.6em; font-size:1.1em; }
ul.sitemap_link li.desc { display:block; padding:8px 12px; background:#369; color:#fff; font-weight:700; font-weight:bold; }
ul.sitemap_link a { display:block; margin-top:1px; padding:7px 8px 6px 20px; border-bottom:1px solid #eee; }
ul.sitemap_link li a:hover { color:#47d; }
.sitemap_sec li.sitemap_cat .sitemap_link li.desc {  }
.sitemap_sec {  }
.sitemap_sec {  }
/* -- Page.Sitemap // --------------------------------------------------------- */


/* -- Page.약관 ------------------------------------------------------------ */

/* -- Page.약관 // --------------------------------------------------------- */


/* -- Page.Policy ------------------------------------------------------------ */

/* -- Page.Policy // --------------------------------------------------------- */


/* -- Page.12345 ------------------------------------------------------------ */

/* -- Page.12345 // --------------------------------------------------------- */




/* -- Page.12345 ------------------------------------------------------------ */

/* -- Page.12345 // --------------------------------------------------------- */




/* -- Page.12345 ------------------------------------------------------------ */

/* -- Page.12345 // --------------------------------------------------------- */











/* Footer */
footer{ display:block;width:100%;margin:80px auto 0;color:#444;background-color:#f5f5f5;position:relative; border-top:1px solid #47b; }

.footer_top:after {
  content: '';
  display: table;
  clear: both;
}

.footer_top { position:relative; display:block; padding:32px 0 48px; color:#555; }
.footer_top ul li { display:inline-block; }

.footer_top li { vertical-align:top; }
.footer_top .notice li { list-style:none; padding-bottom:20px; }
.footer_top .notice li a { color:#ccc; }

.footer_top a { color:#aaa; }
.footer_top a:hover { color:#9cf }

.footer_top .item { padding:16px 0 0; }

.footer_top .footer_logo { width:250px; }
.footer_logo_img { width:200px; height:60px; background:url('/common/images/logo_footer.png') no-repeat 0 0 transparent; }

.footer_top .subject, .footer_top .subject a { font-size:1.5em; font-weight:300; font-family:'Open Sans'; color:#555; padding:0; }

.footer_top .contact { margin-left:40px; width:360px; }
.footer_top .contact.normal { width:360px; }
.footer_top .contact.short { width:320px; }
.footer_top .contact.long { width:400px; }
.footer_top .contact .info { display:block; margin:12px 0 0; padding:0; }
.footer_top .contact .info span { padding-bottom:8px; }
.footer_top .contact .info span.address2 { font-size:12px; }
.footer_top .contact span { display:block; }
.footer_top .contact span.phone { padding-bottom:12px; }
.footer_top .contact span.phone:before { content: "\f2a0"; font-family:'fontawesome'; font-size:1.75em; color:#09f; }
.footer_top .contact span.phone span { padding-left:20px; display:inline; font-size:22px; padding-bottom:12px; }
.footer_top .contact span.fax:before { content: "\f1ac"; font-family:'fontawesome'; font-size:1.4em; color:#09f; }
.footer_top .contact span.fax span { padding-left:20px; display:inline; font-size:16px; }
.footer_top .contact span.mobile { padding-bottom:8px; }
.footer_top .contact span.mobile:before { content: "\f10b"; font-family:'fontawesome'; font-size:2.0em; color:#09f;}
.footer_top .contact span.mobile span { padding-left:26px; display:inline; font-size:20px;}
.footer_top .contact span.email:before { font-family:'fontawesome'; font-size:1.4em; color:#09f;}
.footer_top .contact span.email span { padding-left:41px; display:inline; font-size:16px; }
.footer_top .contact span.address:before { content: "\f041"; font-family:'fontawesome'; font-size:2em; color:#f90; }

.footer_bottom_area{display:block;}
.footer_bottom{display:block;text-align:center;line-height:32px;height:32px;padding:16px 0 32px;background:#d9d9d9;color:#888;}
.footer_bottom strong{ padding:0 4px; }


/* ====================================================== */
/* Default
/* ------------------------------------------------------ */
